survey-core 1.11.6 → 1.11.7

package/defaultV2.fontless.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://Survey/./src/defaultV2-theme/variables.scss","webpack://Survey/defaultV2.fontless.scss","webpack://Survey/./src/common-styles/sv-actionbar.scss","webpack://Survey/./src/common-styles/sv-drag-drop.scss","webpack://Survey/./src/common-styles/sv-popup.scss","webpack://Survey/./src/common-styles/sv-buttongroup.scss","webpack://Survey/./src/common-styles/sv-visuallyhidden.scss","webpack://Survey/./src/common-styles/sv-hidden.scss","webpack://Survey/./src/common-styles/sv-titleactions.scss","webpack://Survey/./src/common-styles/window.scss","webpack://Survey/./src/defaultV2-theme/blocks/mixins.scss","webpack://Survey/./src/defaultV2-theme/mixins.scss","webpack://Survey/./src/common-styles/sv-brand-info.scss","webpack://Survey/./src/common-styles/sv-ranking.scss","webpack://Survey/./src/common-styles/sv-list.scss","webpack://Survey/./src/common-styles/sv-save-data.scss","webpack://Survey/./src/common-styles/sv-string-viewer.scss","webpack://Survey/./src/defaultV2-theme/blocks/animations.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-element.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-question.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-error.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-collapsed-element.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-complex-element.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-input.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-comment.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-panel.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-signaturepad.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-checkbox.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-matrixdynamic.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-table.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-page.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-row.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-title.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-description.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-item.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-selectbase.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-radio.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-visuallyhidden.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-matrix.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-rating.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-ranking.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-dropdown.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-tagbox.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-imagepicker.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-image.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-html.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-expression.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-progress.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-boolean.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-paneldynamic.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-file.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-hidden.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-navigation.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-button.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-body.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-multipletext.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-action.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-action-bar.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-context-btn.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-completedpage.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-progress-buttons.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-progress-toc.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-list.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-timer.scss","webpack://Survey/./src/defaultV2-theme/blocks/header.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-loading-indicator.scss","webpack://Survey/./src/components-container.scss","webpack://Survey/./src/signaturepad.scss","webpack://Survey/./src/defaultV2-theme/defaultV2.m600.scss","webpack://Survey/./src/defaultV2-theme/defaultV2.fontless.scss"],"names":[],"mappings":";;;;;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,kFHbe;ACiNjB;;AEjMA;EACE;AFoMF;;AEjMA;EACE;EACA;EACA;EACA;AFoMF;;AEjMA;EACE;EACA;EACA;EACA;EACA;EACA;AFoMF;;ADzHA;EACE;AC4HF;;AG3PA;EACE;EACA;AH8PF;;AG1PA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AH6PF;;AG1PA;EACE;AH6PF;;AG1PA;EACE;AH6PF;;AG1PA;EACE;AH6PF;;AG1PA;EACE;AH6PF;;AG1PA;EACE,kFJfe;EIgBf,wEJQa;EIPb;EACA;EACA;AH6PF;;AG1PA;EACE;EACA;EACA;AH6PF;;AG1PA;EACE,uEJ9BW;EI+BX;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AH4PF;;AGzPA;EACE;EACA;EACA;EACA,6EJ3C2B;EI6C3B;EACA;AH2PF;;AGxPA;EACE;EACA;AH2PF;;AGxPA;EACE,wEJjCa;EIkCb,8FJzDqB;EI0DrB;EACA;AH2PF;AGzPE;EACE;AH2PJ;;AGxPA;EACE;AH2PF;;AGvPE;EACE;AH0PJ;AGvPE;EACE;AHyPJ;AGtPE;EACE;EACA;EACA;EACA;AHwPJ;AGrPE;EACE,0FJOoB;EINpB;EACA;EAEA;EACA,uFJnDU;EIoDV;EACA;EACA;EACA;EACA;AHsPJ;AGnPE;EACE;AHqPJ;AGlPE;EACE;EACA;AHoPJ;AGlPI;EACE;AHoPN;;AG/OA;EACE;EACA,6CAxIqB;AH0XvB;AGhPE;EACE,uEJrHyB;EIsHzB;EACA;EACA;EACA;EACA;EACA;AHkPJ;AG/OE;EACE,iDArJmB;EAsJnB;EACA;EACA,iEJrIS;EIsIT,wEJ7GW;EI8GX;EACA;AHiPJ;AG9OE;EACE;AHgPJ;AG7OE;EACE;AH+OJ;AG5OE;EACE;AH8OJ;AG3OE;EACE;AH6OJ;AG1OE;EACE,uEJjLM;EIkLN;EACA,oEJhLiB;AC4ZrB;;AGvOE;EACE;AH0OJ;;AGtOA;EACE;EACA;AHyOF;;AGtOA;EACE;EACA;EACA;EACA;AHyOF;AGrOI;;EACE;EACA;EACA,kFJvLW;AC+ZjB;AGrOI;;EACE,6FJhNU;ACwbhB;;AGnOA;EACE;EACA;EACA;EACA;EACA;EACA;AHsOF;;AGlOE;EACE;AHqOJ;;AGhOE;EACE;AHmOJ;;AG/NA;EACE;AHkOF;AGhOE;EACE;AHkOJ;;AG9NA;EACE;AHiOF;AG/NE;EACE;AHiOJ;;AG7NA;EACE;EACA;AHgOF;AG9NE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHgOJ;;AG5NA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,+DJlPW;ACidb;;AG5NA;EACE;EACA;AH+NF;;AG5NA;EACE;AH+NF;;AG5NA;EACE;AH+NF;;AG1NE;;EACE;AH8NJ;AG3NE;;EACE;AH8NJ;;AGzNE;EACE;AH4NJ;AGzNE;EACE,wEJtQY;ACiehB;AGxNE;EACE,uEJlSS;EImST;EACA;AH0NJ;;AGtNA;EACE;AHyNF;;AGrNE;EACE;AHwNJ;AGrNE;EACE;AHuNJ;;AGlNE;EACE,kFJvTa;AC4gBjB;;AGhNA;EACE;EACA;AHmNF;AGjNE;EACE;EACA;AHmNJ;AG/MI;EACE;AHiNN;AG7ME;EACE;EACA,4DJnWM;EIoWN;EACA;EACA;EACA;EACA;AH+MJ;AG5ME;EACE;EACA;EACA;AH8MJ;AG3ME;EACE;AH6MJ;AG1ME;EACE,kFJhWa;EIiWb;EACA;EACA;EACA;AH4MJ;AGzME;EACE;AH2MJ;AGxME;EACE;EACA;AH0MJ;AGvME;EACE;AHyMJ;AGtME;EACE;EACA;AHwMJ;AGrME;EACE;EACA;EACA;EACA;AHuMJ;AGpME;EACE;EACA;AHsMJ;AGnME;EACE;EACA;EACA;EACA;EACA;EACA,uEJ5YS;ACilBb;AGlME;EACE;EACA,+DJtYS;EIuYT;AHoMJ;AGjME;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AHmMJ;AGjMI;EACE;EACA;AHmMN;AGjMM;EACE,0EJvZW;AC0lBnB;AG9LE;EACE,2EJ7Ze;EI8Zf;EACA;EACA,uFJlYU;EImYV;AHgMJ;AG1LI;;;EACE,iEJpbO;ACknBb;AG1LM;;;EACE,iEJ9cE;EI+cF,oEJ5ca;EI6cb;AH8LR;AGzLE;EACE;AH2LJ;;AGtLE;EACE;AHyLJ;AGtLE;EACE;AHwLJ;AGrLE;EACE;AHuLJ;AGpLE;EACE;EACA;EACA,8FJndmB;ACyoBvB;AGnLE;EACE;EACA;AHqLJ;AGlLE;EACE;AHoLJ;AGjLE;EACE;AHmLJ;;AGzKM;;;EACE,6FJjgBQ;EIkgBR,+DJneK;EIoeL;AH8KR;;AGvKE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH0KJ;AGvKE;;;EAGE;AHyKJ;;AGrKA;EACE;AHwKF;;AGrKA;EACE;AHwKF;;AGrKA;EACE;EACA;EACA;AHwKF;;AGrKA;EACE;AHwKF;;AGrKA;EACE;EACA;EACA;EACA;AHwKF;;AGrKA;EACE;AHwKF;;AGrKA;EACE;AHwKF;;AGrKA;EACE;IACE;EHwKF;EGrKA;IACE;EHuKF;AACF;AGpKA;EACE;IACE;EHsKF;EGnKA;IACE;EHqKF;AACF;AGlKA;EACE;EACA;EACA;AHoKF;;AGjKA;EACE;EACA;EACA;AHoKF;;ADpoBA;EACE;ACuoBF;;AIxwBA;EACE;EACA;EACA;EACA;EACA;EACA;AJ2wBF;;AIxwBA;EACE;EACA,mELbQ;ACwxBV;;AIxwBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iELRW;EKSX;EACA;EACA;EACA;AJ2wBF;AIzwBE;EACE;AJ2wBJ;;AIvwBA;EACE,kFLnBe;AC6xBjB;;AIvwBA;EACE;EACA;AJ0wBF;AIxwBE;EACE,0ELhBe;AC0xBnB;;AItwBA;EACE;EACA,4DLvDQ;ACg0BV;AIvwBE;EACE,2DL1DM;ACm0BV;AItwBE;EACE,uELzCS;ACizBb;;AIpwBA;EACE;EACA;EACA;AJuwBF;;AIpwBA;EACE;EACA;EACA;EACA;AJuwBF;;AIpwBA;EACE;AJuwBF;;AIpwBA;EACE,+DLpDW;EKqDX;AJuwBF;AIrwBE;EACE;EACA;AJuwBJ;AIpwBE;EACE,8DL7DS;ACm0Bb;AInwBE;EACE,uEL5ES;ACi1Bb;;AIjwBA;EACE;EACA,mELvGQ;AC22BV;;AK32BA;EACE;EACA;EACA;EACA;EACA;AL82BF;;AMn3BA;EACI;ANs3BJ;;AOv3BA;EACE;EACA;EACA;AP03BF;;AOv3BA;EACE;EACA;EACA;EACA;AP03BF;;AOv3BA;EACE;AP03BF;;AOt3BE;EACE;EACA;EACA;EACA;APy3BJ;AOt3BE;EACE;EACA;EACA;APw3BJ;;ADlxBA;EACE;ACqxBF;;ADtxBA;EACE;ACyxBF;;AQx5BA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA,4ETKa;ESJb;AR05BJ;AS/2BI;EAFF;;IAGI;IACA;ETm3BJ;AACF;ASj3BI;;EACE;EACA;EACA;ATo3BN;ASj3BI;;EACE;EACA;EACA;EACA,mEVrCG;ACy5BT;ASj3BI;;EACE;ATo3BN;ASj3BI;;EACE;EACA,sFVpDa;ACw6BnB;;AQp7BA;EACI;ARu7BJ;;AQp7BA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;ARu7BJ;;AQp7BA;EACI;EACA;ARu7BJ;;AQp7BA;EACI;ARu7BJ;;AQp7BA;EACI;ARu7BJ;AQr7BI;EACI;EACA;EACA;EACA;EACA,kFT9BS;ACq9BjB;AQp7BI;EACI;ARs7BR;AQn7BI;EACI;EACA;ARq7BR;;AQj7BA;EACI,4DThCa;EWvBf,uFXoDY;EWnDZ;EACA;EACA;EACA;EFqDE;EACA;EACA;EACA;ARw7BJ;;AQr7BA;EACI,yGT6B6B;ES5B7B;EEzDF,uFX4CY;EW3CZ;EACA;EACA;EFwDE;EACA;EACA;AR27BJ;;AQx7BA;EACI;EACA;EACA;EACA;EACA;EACA;AR27BJ;;AQx7BA;EACI;EACA;EACA;EACA;EACA;EACA;AR27BJ;AQz7BI;EAEI,mGTrGQ;AC+hChB;AQt7BY;;;EAEI,2DT5GN;ACqiCV;AQp7BI;EACI;ARs7BR;AQj7BQ;;EAEI,iETtFW;ACygCvB;;AW1iCA;EACE;EACA;EACA;AX6iCF;;AW1iCA;EACE;EACA,uFZqDY;EYpDZ;EACA;EACA;EACA;EACA;AX6iCF;AW3iCE;EACE;EACA;AX6iCJ;;AWziCA;EACE;EACA;EACA;EACA;AX4iCF;;AWziCA;EAKE;AXwiCF;AW5iCE;EACE;AX8iCJ;;AWxiCA;EACE;EACA;EACA;AX2iCF;AWziCE;EACE;AX2iCJ;;ADr9BA;EACE;ACw9BF;;ADz9BA;EACE;AC49BF;;AY5lCA;EACE;EACA;EACA;AZ+lCF;;AY5lCA;EACE;EACA;EACA;EACA;AZ+lCF;;AY5lCA;EACE;AZ+lCF;;AY5lCA;EACE;AZ+lCF;;AY5lCA;EACE;AZ+lCF;;AY5lCA;EACE;AZ+lCF;;AY5lCA;EACE;EACA;EACA;AZ+lCF;;AY5lCA;EACE,iEblBW;EamBX;AZ+lCF;;AY5lCA;EACE;EACA;EACA;EACA;EACA;AZ+lCF;;AY5lCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AZ+lCF;;AY5lCA;;;EAGE;EACA;EACA;AZ+lCF;AY5lCI;;;EACE;AZgmCN;;AY3lCA;EACE;EACA,2Db7EQ;Ea8ER;EACA;EACA;EACA;AZ8lCF;;AY3lCA;Eb8HE;Ea5HA;EACA;EACA;EACA;EACA,mGbzFc;Ea0Fd,oGbKyB;EaJzB,mDbiCqB;EahCrB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2GACE;EAEF;AZ4lCF;AY1lCE;EACE,mGbXuB;EaYvB,+CbiBmB;EahBnB,gDbgBmB;AC4kCvB;;AYxlCA;EbiGE;Ea/FA;EACA;EACA;EACA;EACA,oGbvByB;EawBzB,mDbKqB;EaJrB;EACA;AZ2lCF;;AYxlCA;EACE,oGb9ByB;Ea+BzB;AZ2lCF;;AYxlCA;EACE,yGb3B+B;Ea4B/B;AZ2lCF;;AYvlCE;EACE,4GbhHc;AC0sClB;;AYrlCE;EACE;EACA;EACA;AZwlCJ;;AYplCA;EACE;EACA,kFbjIe;EakIf;EACA;EACA;EACA;EACA;EACA;EACA;AZulCF;;AYplCA;EACE;EACA;AZulCF;;AYplCA;EACE;AZulCF;;AYplCA;EACE;AZulCF;;AYplCA;EACE,wEbjIa;EakIb;AZulCF;;AYplCA;EACE;AZulCF;;AYplCA;EACE;AZulCF;;AYplCA;EACE;EACA,0Eb5JiB;ACmvCnB;;AYplCA;EACE;AZulCF;;AYplCA;EACE;AZulCF;;AYnlCE;EACE;AZslCJ;AYnlCE;EACE;AZqlCJ;;AYjlCA;EACE;AZolCF;;AYjlCA;EACE;AZolCF;;AYjlCA;EACE;AZolCF;;AYjlCA;EACE,2Db/NQ;ACmzCV;;AYjlCA;EACE;AZolCF;;AYjlCA;EACE;AZolCF;;AYjlCA;EACE;EACA;EACA;AZolCF;;AYhlCE;EACE;AZmlCJ;AYhlCE;EACE;AZklCJ;;AY9kCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZilCF;;AY9kCA;EACE;AZilCF;;AY9kCA;EACE;AZilCF;AY/kCE;EACE;EACA;AZilCJ;AY9kCE;EACE;EACA;EACA;EACA;EACA;AZglCJ;;AY5kCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AZ+kCF;;AY5kCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AZ+kCF;;AY3kCA;EACE;EACA;EACA;EACA;EACA,8DbhKyB;EaiKzB;AZ8kCF;;AY3kCA;EACE;EACA;EACA;EACA;EACA,+DbtK0B;EauK1B;AZ8kCF;;AY3kCA;EACE;IACE;EZ8kCF;EY3kCA;IACE;EZ6kCF;AACF;AY1kCA;EACE;IACE;EZ4kCF;EYzkCA;IACE;EZ2kCF;AACF;AYvkCE;EACE;AZykCJ;AYtkCE;EACE;AZwkCJ;AYpkCI;EACE;AZskCN;AY9jCM;EACE;AZgkCR;AY7jCM;EACE;AZ+jCR;AYxjCM;EACE;AZ0jCR;;AYpjCA;EACE;EF1WA,uFX4CY;EW3CZ;EACA;EACA;EEyWA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AZyjCF;;AYtjCA;EACE;AZyjCF;;AYrjCA;EAEE;EACA;AZujCF;;AYpjCA;EACE;AZujCF;;AYnjCE;EACE;AZsjCJ;;AYljCA;EACE;EACA;AZqjCF;AYnjCE;EACE;AZqjCJ;;ADv1CA;EACE;AC01CF;;Aa39CA;EACE;EACA;EACA;EACA,iEdeW;EcdX,uFdwDY;EcvDZ;Ab89CF;;Aa39CA;EACE;EACA,uFdkDY;EcjDZ;EACA;Ab89CF;;Aa39CA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2EdOiB;ACu9CnB;;Aa39CA;EACE;EACA;EACA;EACA,+DdDW;EcEX;EACA;EACA;EACA;Ab89CF;;Aa39CA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA,oGd+CyB;Ec9CzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+GACE;Ab49CJ;;Aax9CA;EACE;Ab29CF;Aaz9CE;EHxCA;EG0CE;EACA;EACA;EACA;Ab29CJ;Aax9CE;EACE;Ab09CJ;;Aat9CA;;EAEE;Aby9CF;;Aat9CA;;EAEE,4Gd7DgB;ACshDlB;;Aat9CA;EACE;Aby9CF;Aav9CE;EACE;EACA;EACA;EACA;Aby9CJ;;Aar9CA;EACE;EACA;EACA;EACA;Abw9CF;Aat9CE;EACE;Abw9CJ;Aar9CE;EACE,0Ed9Ee;ACqiDnB;;Aan9CA;EACE;EACA;EACA;EACA;Abs9CF;Aap9CE;EACE;Abs9CJ;Aan9CE;EACE,0Ed7Fe;ACkjDnB;;Aa98CE;;;EACE;Abm9CJ;;Aa/8CA;EACE;EACA;EACA,mEdtGO;ACwjDT;;Aa98CE;EACE;Abi9CJ;;Aax8CE;;;;;EACE,uEd5JM;Ec6JN,oEd1JiB;Ec2JjB;Ab+8CJ;Aa58CE;;;;;EACE,2Dd7IS;AC+lDb;Aa/8CE;;;;;EACE,mEdnKiB;ACwnDrB;;Aa/8CE;;EACE,mGd5KY;Ec6KZ,oGd9EuB;Ec+EvB;Abm9CJ;;Aa98CE;EACE,mGdpLY;EcqLZ,oGdtFuB;EcuFvB;Abi9CJ;Aa/8CI;EACE,0EdzJa;AC0mDnB;;Aa38CE;EACE;EACA,2EdjKe;AC+mDnB;;Aa18CA;EACE;Ab68CF;;Aa18CA;EACE;EACA;Ab68CF;;Aa18CA;EACE;EACA;EACA;EACA;EACA;EACA;Ab68CF;;Aa18CA;EACE;EACA,iEdrMW;EcsMX;Ab68CF;;Aa18CA;EACE;EACA;EACA;EACA;Ab68CF;Aa38CE;EACE;EACA;Ab68CJ;Aa38CI;EACE,0EdxMa;ACqpDnB;;Aax8CA;EACE;EACA;EACA;EACA;EACA,iEd9NW;Ec+NX;EACA;EACA;EACA;EACA;EACA,+DdzNW;Ec0NX;EACA;EACA;EACA;Ab28CF;;Aax8CA;EACE,2EdhOiB;AC2qDnB;;Aax8CA;;EAEE,2EdrOiB;ACgrDnB;;Aax8CA;EACE;Ab28CF;;Aax8CA;EACE;Ab28CF;;ADvlDA;EACE;AC0lDF;;Ac3tDA;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;Ad2tDF;;AcxtDA;EACE;EACA;EACA;EACA;EACA;Ad2tDF;;AcvtDE;EACE;EACA;Ad0tDJ;AcvtDE;EACE;EACA;EACA;AdytDJ;;AcrtDA;;EAEE;AdwtDF;;AcrtDA;EACE;AdwtDF;;AcrtDA;EACE,6DfbI;EecJ,4Df3CW;Ee4CX;EACA;AdwtDF;;AcrtDA;EACE;EACA;EACA;EACA;EACA;EACA,6DfzBI;Ee0BJ;EACA;EACA;EACA;EACA;AdwtDF;;AcrtDA;;EAEE,kDfnCI;EeoCJ,uEfjEW;ACyxDb;;AcrtDA;EACE,uEf1FQ;Ee2FR;EACA;AdwtDF;;AenzDI;EACI;AfszDR;;AgBxzDA;EACE;IACE;EhB2zDF;EgBxzDA;IACE;EhB0zDF;AACF;AgBxzDA;EACE;IACE;EhB0zDF;EgBxzDA;IACE;EhB0zDF;AACF;AgBxzDA;EACE;IACE;IACA;EhB0zDF;EgBxzDA;IACE;IACA;EhB0zDF;EgBxzDA;IACE;IACA;EhB0zDF;AACF;AgBxzDA;EACE;IACE;EhB0zDF;EgBvzDA;IACE;EhByzDF;AACF;AgBtzDA;EACE;IACE;IACA;EhBwzDF;EgBrzDA;IACE;IACA;EhBuzDF;AACF;AiBz2DA;EACE;EACA;AjB22DF;;AiBx2DA;EACE;AjB22DF;;AiBx2DA;EACE;AjB22DF;;AiBx2DA;EACE;AjB22DF;;AiBx2DA;EACE;AjB22DF;;AiBx2DA;EACE;AjB22DF;;AiBx2DA;EACE,6HlBoE0B;EkBnE1B,sDlBoE0B;EkBnE1B,oGlBoEyB;ACuyD3B;;AiBv2DE;EACE;EACA;AjB02DJ;;AiBt2DA;EACE;EACA;EACA;EACA;AjBy2DF;AiBv2DE;EACE;EACA;EACA,2ElBde;ACu3DnB;AiBt2DE;EACE,yElBiDsB;EkBhDtB;AjBw2DJ;AiBr2DE;EACE;EACA;AjBu2DJ;AiBp2DE;EACE;AjBs2DJ;AiBn2DE;EACE;AjBq2DJ;AiBp2DI;EACE;AjBs2DN;;AiBj2DA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2ElBhDiB;EkBiDjB;EACA;EACA;EACA;EACA;AjBo2DF;AiBl2DE;EACE;EACA;AjBo2DJ;;AiB71DE;;;EACE;AjBk2DJ;AiBh2DE;;;EACE;AjBo2DJ;;AiB/1DE;ER5DA;EACA;EACA;EACA;EACA;AT+5DF;AS75DE;EACE;EACA;AT+5DJ;;AiBt2DA;EACE;EACA;AjBy2DF;;AiBt2DA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjBy2DF;;AiBt2DA;EACE;AjBy2DF;;AiBr2DA;EACE,mFlB1GoB;EkB2GpB;EACA;EACA;EACA;EACA;EACA,qIlB9HoB;EkB+HpB,wElBpGa;AC48Df;;AiBp2DA;EACE;EACA,mFlBvHoB;EkBwHpB;EACA;AjBu2DF;;AiBp2DA;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EjBu2DF;EiBp2DA;IACE;IACA;IACA;IACA;IACA;IACA;EjBs2DF;AACF;AiBn2DA;EACE;EACA,sDlB4BS;EkB3BT;EACA;EACA;EACA;AjBq2DF;;AiBl2DA;EACE;EACA,sDlBoBiB;EkBnBjB;EACA;EACA;EACA;AjBq2DF;;AiBl2DA;EACE;AjBq2DF;;AiBn2DA;;EAEE;EACA;AjBs2DF;;AiBn2DA;EACE;EACA;EACA;EACA;EACA,sDlBFS;EkBGT;EACA;AjBs2DF;;AiBn2DA;EACE;EACA;EACA;EACA;EACA,sDlBXiB;EkBYjB;EACA;AjBs2DF;;AiBl2DE;EAEE;AjBo2DJ;;AiBh2DA;EACE;AjBm2DF;AiBj2DE;EACE;AjBm2DJ;AiBh2DE;EACE,uDlBhCO;EkBiCP,8DlBhGsB;ACk8D1B;AiBh2DI;EACE,uDlBpCK;EkBqCL,8DlBpGoB;ACs8D1B;AiBh2DM;EACE,8DlBvGkB;ACy8D1B;AiB71DE;EACE,uDlB9CO;EkB+CP,iElB3GyB;EkB4GzB,2DlB3GsB;AC08D1B;AiB71DI;EACE,uDlBnDK;EkBoDL,iElBhHuB;EkBiHvB,2DlBhHoB;AC+8D1B;AiB71DM;EACE,iElBpHqB;EkBqHrB,2DlBpHkB;ACm9D1B;AiBz1DI;EACE;EACA;EACA;EACA;EACA;EACA;EACA,sDlBtEK;EkBuEL;EACA;AjB21DN;AiBx1DI;EACE;EACA;EACA;EACA,sDlB9Ea;EkB+Eb;EACA;AjB01DN;;AkBznEA;EACE;AlB4nEF;;AkBrnEI;;EACE;AlBynEN;;AkBpnEA;EACE;AlBunEF;;AkBpnEA;EACE;AlBunEF;;AkBpnEA;EACE;AlBunEF;;AkBpnEA;EACE;AlBunEF;;AkBpnEA;;EAEE;AlBunEF;;AkBpnEA;EACE;EACA;AlBunEF;;AkBpnEA;EACE;AlBunEF;;AkBpnEA;EACE;AlBunEF;;AkBpnEA;EACE;EACA;AlBunEF;;AkBpnEA;EACE;AlBunEF;;AkBpnEA;;EAEE;AlBunEF;;AkBpnEA;EACE;AlBunEF;;AkBpnEA;EACE;AlBunEF;;AkBpnEA;EACE;AlBunEF;;AkBnnEE;EACE;AlBsnEJ;AkBnnEE;EACE;AlBqnEJ;AkBlnEE;EACE;EACA;EACA;AlBonEJ;AkBlnEI;EACE;AlBonEN;AkBhnEE;EACE;EACA;EACA;AlBknEJ;;AkB9mEA;EACE;EACA;AlBinEF;;AkB9mEA;EACE;EACA;EACA;EACA;AlBinEF;;AkB9mEA;EACE;EACA;EACA;EACA;EACA;AlBinEF;;AkB9mEA;EACE;EACA;EACA;AlBinEF;;AkB9mEA;EACE;AlBinEF;;AkB9mEA;EACE,kDnBjFI;EmBkFJ;AlBinEF;;AkB9mEA;EACE;EACA;EACA;EACA;EACA;EACA,+DnB7GW;EmB8GX;AlBinEF;;AkB9mEA;EnBiEE;EmB/DA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mDnB7BqB;EmB8BrB;EACA,yGnB/C+B;ACgqEjC;AkB7mEI;EACE;AlB+mEN;;AkB1mEA;EACE;EACA;EACA;AlB6mEF;;AkBzmEE;EACE;EACA;AlB4mEJ;;AkBzmEA;EACE;AlB4mEF;;AmB/xEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kDpB0CI;EoBzCJ;EACA;EACA,wFpBwCU;EoBvCV;AnBkyEF;;AoB5yEE;;EACE;ApBgzEJ;;AoB3yEE;EACE;EACA;EACA,uErBUS;EqBTT;EACA;ApB8yEJ;AoB3yEE;EACE;EACA;ApB6yEJ;AoB3yEI;EACE;EACA;EACA,mFrBOgB;ACsyEtB;AoBzyEE;EAEE,8FrBNmB;ACgzEvB;AoBryEI;EAEE;ApBsyEN;;AqB10EA;EACE;ArB60EF;;AqB10EA;;EAEE;EACA;ArB60EF;;AqBz0EE;EACE;EACA;EACA;EACA;EACA,iEtBwBW;EsBvBX;ArB40EJ;;AqBx0EA;EACE;EACA;ArB20EF;;AqBx0EA;EACE;EACA;ArB20EF;;AqBt0EI;EACE;ArBy0EN;;AqBp0EA;EACE;EACA;EACA;EACA;EACA;ArBu0EF;AqBr0EE;EACE;EACA;ArBu0EJ;AqBp0EE;EACE;EACA;EACA;ArBs0EJ;AqBn0EE;EACE;EACA;ArBq0EJ;AqBh0EM;EAEE;ArBi0ER;;AqBxzEI;;EACE;EACA;EACA;ArB4zEN;;AqBtzEE;EACE;ArByzEJ;;AqBpzEE;EACE;EACA;ArBuzEJ;AqBpzEE;EACE;ArBszEJ;AqBnzEE;EACE;ArBqzEJ;AqBnzEI;EACE;ArBqzEN;;AsB55EA;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;AtB+5EF;;AsB55EA;EACE;AtB+5EF;;AsB55EA;EACE;AtB+5EF;;AsBz5EE;;EACE;AtB65EJ;;AsBz5EA;EACE,8JvB3BkB;EuB4BlB;EACA;EACA;EACA;AtB45EF;;AsBz5EA;EACE,4GvBtBgB;ACk7ElB;;AsBz5EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AtB45EF;;AsBz5EA;EACE,wHvBwDiC;EuBvDjC;EACA;EACA;EACA;AtB45EF;;AsBz5EA;;EAEE,+DvBtCW;EuBuCX;AtB45EF;;AsBz5EA;EACE,+DvB3CW;EuB4CX;EACA;AtB45EF;;AsBz5EA;EACE,2EvBhDiB;AC48EnB;;AsBz5EA;;EAEE,+DvBtDW;ACk9Eb;;AsBz5EA;EACE,wFvBvCU;ACm8EZ;;AsBz5EA;EACE;AtB45EF;;AsBz5EA;EACE;EACA;EACA;AtB45EF;;AsBz5EA;EACE;AtB45EF;;AsBz5EA;EACE;AtB45EF;;AsBz5EA;EACE;EACA;EACA;EACA;EACA;EACA,uFvBtDY;EuBuDZ;EACA;EACA,2EvBvFiB;EuBwFjB;EACA;EACA;AtB45EF;;AsBz5EA;EACE;AtB45EF;;AsBv4EA;;;;;;;;;;;EvB8DE;EuBlDA;EACA;EACA;AtB04EF;AsBx4EE;;;;;;;;;;;EACE;AtBo5EJ;;AsBh5EA;EAtCE,uEvBnIQ;EuBoIR;EACA;AtB07EF;;AsBl5EA;EApCE;EACA;EACA;EACA;EACA;EACA;EACA,uEvB/IQ;EuBgJR;EACA;AtB07EF;;AsBz5EA;EA/CE,uEvBnIQ;EuBoIR;EACA;AtB48EF;;AsB35EA;EA7CE;EACA;EACA;EACA;EACA;EACA;EACA,uEvB/IQ;EuBgJR;EACA;AtB48EF;;AuB7lFA;EACE;EACA;EACA;EACA;EACA;AvBgmFF;;AuB7lFA;EACE;AvBgmFF;;AwBzmFA;EACE;AxB4mFF;;AwBxmFE;EACE;EACA;AxB2mFJ;AwBzmFI;EACE;AxB2mFN;AwBxmFI;EfZF;EACA,yHVgFsB;EU/EtB,kDVgFsB;EU/EtB;EACA,6FV+EqB;EU9ErB;EACA;EACA;ATunFF;AwB/mFM;EACE;EACA;EACA;EACA;EACA;AxBinFR;AwB7mFI;EfWF,+HVkD4B;EUjD5B,wDVkD4B;EUjD5B,2EVsD0B;EUrD1B,yGViD2B;EUhD3B;EACA;EACA;ATqmFF;AwBlnFI;EACE;AxBonFN;AwBhnFE;EACE;EACA;AxBknFJ;AwB/mFE;EACE;AxBinFJ;;AwB3mFI;EACE;AxB8mFN;;AwBxmFE;EACE;AxB2mFJ;;AwBvmFA;EACE,kDzBTI;ACmnFN;;AwBvmFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AxB0mFF;;AwBxmFA;EACE;EACA;EACA;EACA;AxB2mFF;;AwBzmFA;EACE;AxB4mFF;;AwBxmFE;EACE;EACA;AxB2mFJ;;AwBvmFA;EACE;AxB0mFF;;AyBpsFA;E1BkNE;E0BhNE,yG1B2G6B;E0B1G7B,mD1B0HmB;E0BzHnB;AzBusFJ;;AyBpsFA;EACI;AzBusFJ;;AyBlsFI;;EACI;AzBssFR;AyBnsFI;;EACI,+D1BcK;ACwrFb;;AyBnsFA;EACI;EACA;EACA;EACA;AzBssFJ;;AyBlsFI;EACI,wF1BqBI;ACgrFZ;;AyBjsFA;EACI;EACA;EACA;EACA;AzBosFJ;;AyBjsFA;EACI;EACA;EACA;EACA;EACA;AzBosFJ;AyBlsFI;EACI;EACA;EACA;AzBosFR;;A0BvvFA;EACE;A1B0vFF;;A0BxvFA;EACE;EACA;EACA;A1B2vFF;A0BzvFE;EACE;EACA;A1B2vFJ;;A0BtvFE;EACE,mE3BbiB;ACswFrB;;A0BrvFA;EACE,uD3BkBO;ACsuFT;;A0BtvFA;EACE,2D3BxBQ;ACixFV;;A0BrvFA;EACE,8D3BGW;ACqvFb;;A0BrvFA;EACE,8D3BDW;ACyvFb;;A2BzxFA;EACE;EACA;EACA;EACA;A3B4xFF;;A2BzxFA;EACE;A3B4xFF;;A2BzxFA;EACE;A3B4xFF;;A2BzxFA;EACE;A3B4xFF;;A2BzxFA;E5B+LE;E4B7LA;EACA;A3B4xFF;;A2BzxFA;EACE;EACA;EACA;EACA;EACA;EACA,uF5BgCY;E4B/BZ;EACA;A3B4xFF;;A2BzxFA;EACE;A3B4xFF;A2B1xFE;EACE,uE5BnBS;AC+yFb;A2BzxFE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A3B2xFJ;;A2BtxFE;EACE;A3ByxFJ;;A2BrxFA;EACE;EACA;EACA;A3BwxFF;A2BtxFE;EACE,0E5BjCe;ACyzFnB;;A2BpxFA;EACE;IACE;E3BuxFF;E2BrxFA;IACE;E3BuxFF;AACF;A2BrxFA;EACE;IACE;IACA;E3BuxFF;E2BrxFA;IACE;IACA;E3BuxFF;AACF;A2BpxFA;AAMA;;EAEE;EACA;EACA;EACA;A3BixFF;A2BhxFE;;EACE;EACA,sD5BuGO;E4BtGP,iE5B4D0B;E4B3D1B;A3BmxFJ;A2BlxFI;;EACE;EACA;EACA,sD5BiGK;E4BhGL;EACA;EACA;A3BqxFN;;A2BjxFA;EACE;EACA;EACA;A3BoxFF;A2BnxFE;EACE,kE5B8C2B;E4B7C3B,4D5B8CwB;E4B7CxB;EACA,sD5BmFe;ACksFnB;A2BpxFI;EACE;EACA,sD5BgFa;E4B/Eb;EACA;A3BsxFN;;A2B/wFI;EACE;EACA,iE5B0BwB;E4BzBxB;A3BkxFN;A2B9wFE;EACE;EACA;A3BgxFJ;A2B/wFI;EACE,sD5B2DK;E4B1DL,wE5BuB+B;AC0vFrC;A2BhxFM;EACE;EACA;A3BkxFR;A2B9wFE;EACE;EACA;A3BgxFJ;A2B/wFI;EACE,sD5BgDa;E4B/Cb,yE5BcgC;E4BbhC,mE5Bc6B;E4Bb7B;A3BixFN;A2BhxFM;EACE;EACA;A3BkxFR;;A4Bv7FA;EACE;EACA,qI7BcoB;E6BbpB;EACA;EACA;A5B07FF;A4Bx7FE;EACE;EACA;A5B07FJ;;A4Bt7FA;EACE;EACA;EACA;EACA;EACA;A5By7FF;;A4Br7FE;EAGE;A5Bs7FJ;;A4Bl7FA;EACE;A5Bq7FF;;A4Bl7FA;EACE;A5Bq7FF;;A4Bj7FE;EACE;A5Bo7FJ;;A4Bh7FA;EACE;A5Bm7FF;;A4B96FI;EACE;A5Bi7FN;A4B76FM;EACE;EACA;EACA;EACA;A5B+6FR;A4B36FQ;EACE;EACA;A5B66FV;A4B36FU;EACE;A5B66FZ;A4Bv6FI;EACE;A5By6FN;A4Bt6FI;EAIE;A5Bq6FN;A4Bl6FI;EAME;A5B+5FN;A4B55FI;EAME;A5By5FN;A4Bt5FI;EAKE;A5Bo5FN;A4Bj5FI;EAOE;A5B64FN;;A4Bv4FE;EACE;EACA;EACA;A5B04FJ;A4Bx4FI;EACE;A5B04FN;A4Bv4FI;EACE;A5By4FN;A4Bt4FI;EACE;A5Bw4FN;A4Br4FI;EACE;A5Bu4FN;A4Bn4FM;;EAEE,4G7B1HU;E6B2HV,+G7B3HU;E6B4HV,4G7B5HU;ACigGlB;A4Bn4FQ;;EACE,mG7BvJM;AC6hGhB;A4Bn4FQ;;EACE,+E7BzJW;AC+hGrB;A4Bl4FU;;EACE;A5Bq4FZ;A4Bl4FU;;EACE,uE7BrKF;AC0iGV;A4Bl4FU;;EACE,uE7BpJC;ACyhGb;A4Bl4FU;;EACE;A5Bq4FZ;A4Bl4FU;;EACE,+E7B9KS;ACmjGrB;;A4B73FA;E7ByBE;E6BvBA;EACA,mD7B/DqB;E6BgErB;EACA;EACA,+D7B/JW;E6BgKX;A5Bg4FF;A4B93FE;EACE;A5Bg4FJ;A4B73FE;EACE;A5B+3FJ;;A4B33FA;EACE;EACA;A5B83FF;A4B53FE;EACE;A5B83FJ;;A4B13FA;EACE;EACA;A5B63FF;;A4B13FA;EACE;EACA;A5B63FF;;A4Bz3FE;EACE;A5B43FJ;A4Bz3FE;EACE;A5B23FJ;;A4Bv3FA;EACE;A5B03FF;;A4Bv3FA;EACE;A5B03FF;;A4Bv3FA;;EAEE;EACA;A5B03FF;;A4Bt3FE;E7BrCA;E6BuCE,mD7B5HmB;E6B6HnB;EACA,sD7B5JwB;ACqhG5B;;A4Br3FA;EACE;EACA,oG7BjKyB;E6BkKzB;EACA;A5Bw3FF;A4Bt3FE;EACE;A5Bw3FJ;;A4Bp3FA;EACE;A5Bu3FF;;A4Bp3FA;EACE;EACA;A5Bu3FF;;A4Bp3FA;EACE;A5Bu3FF;A4Br3FE;EAEE;A5Bs3FJ;A4Bn3FE;EACE;A5Bq3FJ;;A4Bj3FA;EACE;EACA;A5Bo3FF;;A4Bj3FA;EACE;EACA;A5Bo3FF;;A4Bj3FA;EACE;EACA;EACA;A5Bo3FF;;A4B/2FE;;EACE;A5Bm3FJ;;A4B/2FA;EACE;A5Bk3FF;A4Bh3FE;EACE;EACA;EACA;A5Bk3FJ;;A4B92FA;EACE;EACA;EACA;EACA;EACA;A5Bi3FF;A4B/2FE;E7BtHA;E6BwHE;EACA;EACA;EACA,wG7BrO6B;E6BsO7B;A5Bi3FJ;A4B92FE;EAEE,6F7BlVY;E6BmVZ;A5B+2FJ;A4B72FI;EACE,2D7BvVI;ACssGV;;A4B12FA;EACE;A5B62FF;A4B32FE;EACE;A5B62FJ;;A4Bz2FA;EACE,sD7BtQ0B;E6BuQ1B,oG7BtQyB;E6BuQzB;EACA;EACA;A5B42FF;;A4Bz2FA;EACE;A5B42FF;;A4Bz2FA;EACE;A5B42FF;;A4Bz2FA;;;;;;EAME;EACA,2I7B3WoB;E6B4WpB;A5B42FF;A4B12FE;;;;;;EACE;A5Bi3FJ;A4B92FE;;;;;;EACE;A5Bq3FJ;;A4Bh3FE;EACE;EACA;EACA,qI7B3XkB;AC8uGtB;;A4B/2FA;EACE;EACA;A5Bk3FF;;A4B/2FA;;EAEE;A5Bk3FF;;A4B/2FA;EACE;A5Bk3FF;;A4B/2FA;EACE;EACA;EACA;EACA;A5Bk3FF;A4Bh3FE;EAEE;EACA;EACA;EACA;EACA;EACA;EACA,qI7B3ZkB;E6B4ZlB;A5Bi3FJ;A4B92FE;EACE;A5Bg3FJ;A4B72FE;EACE;A5B+2FJ;A4B52FE;EACE;A5B82FJ;;A4Bx2FE;EACE,kF7Bzaa;ACoxGjB;A4Bv2FI;EAEE,kF7B/aW;ACuxGjB;A4Bn2FI;EACE,kF7BrbW;AC0xGjB;A4Bj2FE;;;;;;EAME,kF7B/ba;ACkyGjB;;A4B91FE;;EAEE;EACA;A5Bi2FJ;A4B91FE;EACE;EACA;EACA;A5Bg2FJ;A4B51FI;EACE;EACA;A5B81FN;A4B11FE;EAEE;EACA;EACA;EACA;EACA;A5B21FJ;;A4Bt1FE;EACE;A5By1FJ;;A4Br1FA;EACE;A5Bw1FF;;A4Bj1FA;EACE;A5Bo1FF;;A4BxlFE;EACE;A5B2lFJ;;A4BtlFE;EACE;A5BylFJ;;A4BnlFI;EACE;A5BslFN;;A4B/kFI;EACE;EACA;EACA;EACA;EACA;A5BklFN;A4B9kFE;EACE;A5BglFJ;A4B7kFE;EACE;A5B+kFJ;A4B5kFE;EACE;A5B8kFJ;;A4B1kFA;EACE;A5B6kFF;;A6B33GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A7B83GF;;A6B33GA;EACE;A7B83GF;;A6B33GA;EpBbE;EACA,yHVgFsB;EU/EtB,kDVgFsB;EU/EtB;EACA,6FV+EqB;EU9ErB;EACA;EACA;AT44GF;;A6Bl4GA;EpBkBE,+HVkD4B;EUjD5B,wDVkD4B;EUjD5B,2EVsD0B;EUrD1B,yGViD2B;EUhD3B;EACA;EACA;ATo3GF;;A6Bv4GA;EACE;A7B04GF;;A6Br4GE;;EACE;EACA;A7By4GJ;;A6Bj4GI;;EACE;A7Bq4GN;;A8B76GA;EACE;EACA;EACA;EACA;EACA;EACA;A9Bg7GF;;A8B76GA;EACE;EACA;A9Bg7GF;;A8B76GA;EACE;EACA;A9Bg7GF;;A8B76GA;EACE;EACA;A9Bg7GF;;A8B36GE;;EACE;EACA;A9B+6GJ;A8B56GE;;EACE;EACA;A9B+6GJ;A8B76GE;;EACE;A9Bg7GJ;;A8B36GE;EACE;EACA;A9B86GJ;A8B56GE;EACE;A9B86GJ;;A8B16GA;EACE;EACA;EACA;EACA;A9B66GF;A8B36GE;EACE;EACA;EACA;EACA;EACA;A9B66GJ;;A8Bz6GE;EACE;EACA;A9B46GJ;;A8Bx6GE;EACE;A9B26GJ;A8Bz6GI;EACE;EACA;A9B26GN;;A8Br6GE;EACE;EACA;A9Bw6GJ;;A8Bp6GA;EACE;EACA;A9Bu6GF;A8Br6GE;EACE;EACA;EACA;EACA;A9Bu6GJ;;A8Bn6GA;EACE;EACA;A9Bs6GF;;A8Bn6GA;EACE;EACA;EACA;A9Bs6GF;;A8Bn6GA;EACE;IACE;E9Bs6GF;E8Bn6GA;IACE;E9Bq6GF;AACF;A8Bn6GA;EACE;A9Bq6GF;;A8Bn6GA;EACE;EACA;EACA;EACA;EACA;EACA,sD/B6ES;E+B5ET;EACA;A9Bs6GF;;A8Bp6GA;EACE;A9Bu6GF;;A8Bp6GA;EACE;EACA,sD/BoEiB;E+BnEjB;EACA;EACA;EACA;EACA;A9Bu6GF;;A8Bp6GA;EACE;A9Bu6GF;;A8Bp6GA;EACE;A9Bu6GF;;A+B/jHA;EACE;EACA,uFhC6DY;EgC5DZ;EACA,+DhC4BW;EgC3BX;EACA;A/BkkHF;;A+B/jHA;EACE;EACA;EACA;EACA;EACA,uFhCiDY;EgChDZ;EACA;A/BkkHF;A+BhkHE;EACE;A/BkkHJ;A+B/jHE;EACE;A/BikHJ;;A+B7jHA;EACE;EACA;EACA;EACA;A/BgkHF;A+B9jHE;EtBrBA;EACA;EACA;EsBqBE,+FhCiCqB;EgChCrB,2HhC8BsB;EgC7BtB,oDhC8BsB;ACoiH1B;A+B/jHE;EACE;A/BikHJ;A+B9jHE;EACE;EACA;EACA;A/BgkHJ;A+B7jHE;EtBhCA;EACA;EACA;EsBgCE,oHhCoB2B;EgCnB3B,iIhCiB4B;EgChB5B,0DhCiB4B;ACgjHhC;;A+B3jHE;EACE;EACA;A/B8jHJ;;A+BzjHE;EACE,uEhC/CS;AC2mHb;;A+BtjHI;EACE;A/ByjHN;A+BtjHI;EACE;EACA,2EhC/Ca;ACumHnB;;A+BnjHA;EACE;EACA;A/BsjHF;A+BpjHE;EACE;EACA;EACA;EACA;EACA;A/BsjHJ;;A+BljHA;EACE;EACA;EACA;EACA;A/BqjHF;A+BnjHE;EACE;A/BqjHJ;;A+BjjHA;EACE;A/BojHF;;AgClqHA;EACE;EACA,mIjCoGgC;EiCnGhC,4DjCoGgC;EiCnGhC,yGjCoG+B;EiCnG/B,+EjCuG8B;EiCtG9B;EACA;AhCqqHF;;AgClqHA;EACE;AhCqqHF;;AgClqHA;EACE;AhCqqHF;;AiCprHA;EACE;AjCurHF;;AiCprHA;;ElC8ME;EkC3MA;EACA;EACA;EACA;EACA;EACA;EACA,8JlCDkB;EkCElB;EACA;EACA;EACA;EACA;AjCurHF;;AiCprHA;EACE,4GlCGgB;EkCFhB;EACA;AjCurHF;;AiCprHA;EACE;EACA;EACA;AjCurHF;;AiCprHA;EACE;AjCurHF;;AiCprHA;EACE,qIlCtBoB;EkCuBpB;EACA;AjCurHF;;AiCprHA;EACE,wGlClBoB;EkCmBpB;AjCurHF;;AiCprHA;EACE,iElCjDQ;ACwuHV;;AiCprHA;ElC8JE;EkC5JA,0HlC4DuB;EkC3DvB;EACA,mDlC2DuB;EkC1DvB;EACA,mDlCmEqB;EkClErB,oGlCqCyB;EkCpCzB;EACA;EACA;EACA;AjCurHF;AiCrrHE;EACE;EACA;EACA;EACA;AjCurHJ;;AiCnrHA;EACE,oGlCsByB;EkCrBzB;AjCsrHF;;AiCnrHA;EACE,oGlCiByB;ACqqH3B;;AiCnrHA;EACE,kFlChCU;ACstHZ;;AkCzwHA;EACE;EACA;EACA;EAEA;EACA;AlC2wHF;;AkCxwHA;EACE;EACA;EACA;EACA;EACA;EACA;AlC2wHF;;AkCxwHA;EACE;EACA;AlC2wHF;;AkCxwHA;EACE;EACA;EACA;EACA;EACA;AlC2wHF;;AkCxwHA;EACE;AlC2wHF;;AkCxwHA;EACE;EACA;EACA;EACA;AlC2wHF;;AkCxwHA;EACE;AlC2wHF;;AkCvwHA;EACE;AlC0wHF;;A0B1zHA;EACE;A1B6zHF;;A0B3zHA;EACE;EACA;EACA;A1B8zHF;A0B5zHE;EACE;EACA;A1B8zHJ;;A0BzzHE;EACE,mE3BbiB;ACy0HrB;;A0BxzHA;EACE,uD3BkBO;ACyyHT;;A0BzzHA;EACE,2D3BxBQ;ACo1HV;;A0BxzHA;EACE,8D3BGW;ACwzHb;;A0BxzHA;EACE,8D3BDW;AC4zHb;;AmC51HA;EACE;AnC+1HF;AmC71HE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AnC+1HJ;;AmC51HA;EACE;EACA;EACA;EACA;EACA;EACA,+EpChBmB;AC+2HrB;;AmC71HA;EACE,mEpCiBO;AC+0HT;;AmC71HA;EACE,0EpCMW;AC01Hb;;AmC51HE;EACE;AnC+1HJ;AmC51HE;EACE,8DpCHS;EoCIT;EACA;EACA;AnC81HJ;;AmC11HA;EACE,uEpC3CQ;ACw4HV;;AmC31HA;EACE;AnC81HF;;AoC54HA;EACE;EACA;EACA;EACA;EACA;EACA;ApC+4HF;;AqCp5HE;EACE;EACA;EACA;ArCu5HJ;;AqCn5HA;EACE;EACA;EACA;ArCs5HF;;AqCn5HA;EACE;ArCs5HF;;AqCn5HA;EACE,mGtClBc;EsCmBd;ArCs5HF;;AqCn5HA;EACE,sDtCuE0B;EsCtE1B;ArCs5HF;;AsC/6HA;EACE;EACA;EACA;EACA;EACA;EACA;AtCk7HF;;AsC/6HA;EACE;EACA;AtCk7HF;AsCh7HE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AtCk7HJ;AsC96HI;EACE;EACA;AtCg7HN;AsC36HI;EACE;EACA;AtC66HN;AsC56HM;EACE;EACA;EACA;EACA;EACA;AtC86HR;AsC56HM;EACE;EACA;EACA;EACA;EACA;AtC86HR;AsCx6HI;EACE;EACA;AtC06HN;AsCz6HM;EACE;EACA;EACA;EACA;EACA;AtC26HR;AsCz6HM;EACE;EACA;EACA;EACA;EACA;AtC26HR;AsCt6HI;EACE;EACA;EACA;AtCw6HN;AsCv6HM;EACE;EACA;EACA;EACA;EACA;AtCy6HR;AsCv6HM;EACE;EACA;EACA;EACA;EACA;AtCy6HR;;AsCn6HA;EACE;EACA;AtCs6HF;AsCp6HE;EACE;EACA;AtCs6HJ;;AsCl6HA;EACE;EACA,qIvC1FoB;EuC2FpB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+DvCtFW;EuCuFX,8DvCvFW;EuCwFX;EACA;EACA;AtCq6HF;;AsCl6HA;EACE;EACA;AtCq6HF;;AsCl6HA;;;EAGE;AtCq6HF;;AsCl6HA;EACE,wFvCtFU;EuCuFV;EACA;AtCq6HF;;AsCl6HA;EACE,+DvC/GW;EuCgHX,8DvChHW;ACqhIb;;AsCl6HA;EACE,oEvCjJmB;EuCkJnB,8DvCrHW;EuCsHX,6EvC9H2B;EuC+H3B;AtCq6HF;;AsCl6HA;EACE;EACA;EACA;EACA;EACA;AtCq6HF;AsCn6HE;EACE,2EvCjIe;ACsiInB;;AsCj6HA;EACE,sEvCvIW;AC2iIb;AsCl6HE;EACE,+DvC1IS;AC8iIb;;AsCh6HA;EACE;EACA;EACA;EACA;EACA;AtCm6HF;AsCl6HE;EACE;AtCo6HJ;AsCj6HE;EACE,+DvCzJS;AC4jIb;;AsC/5HA;EACE,sEvC9JW;EuC+JX;AtCk6HF;AsCh6HE;EACE,+DvClKS;ACokIb;;AsC95HA;EACE;AtCi6HF;;AsC95HA;EACE,4GvClLgB;ACmlIlB;;AsC95HA;EACE;AtCi6HF;;AsC95HA;EACE,uEvCnNQ;EuCoNR,oEvCjNmB;EuCkNnB;EACA;AtCi6HF;;AsC95HA;EACE;AtCi6HF;;AsC95HA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+DvC1MW;EuC2MX,uDvCpMO;EuCqMP;EACA;AtCi6HF;AsC/5HE;EACE;EACA;EACA;AtCi6HJ;;AsC75HA;EACE;EACA;EACA;EACA;AtCg6HF;AsC95HE;EACE;EACA;AtCg6HJ;;AsC55HA;EACE;AtC+5HF;;AsC75HA;EACE;AtCg6HF;;AsC75HA;EACE;AtCg6HF;;AsC75HA;;EAEE;AtCg6HF;;AsC75HA;EACE;EACA;EACA;AtCg6HF;;AsC75HA;EACE,wFvCtOU;EuCuOV;EACA,0EvC1PiB;AC0pInB;AsC/5HE;EACE;AtCi6HJ;AsC95HE;EACE;AtCg6HJ;;AsC55HA;EACE;AtC+5HF;;AsC55HA;EACE;EACA,mEvCxSmB;ACusIrB;;AsC55HA;EACE,uDvCxQO;EuCyQP,+DvCzQO;ACwqIT;;AsC55HA;EACE,8DvCpRW;EuCqRX,sEvCrRW;EuCsRX;AtC+5HF;;AsC55HA;EACE;EACA,8DvC3RW;AC0rIb;AsC95HE;EACE;AtCg6HJ;AsC75HE;EACE;AtC+5HJ;;AsC35HA;EACE,2DvCjTW;EuCkTX,0EvCvSW;ACqsIb;;AsC55HA;EACE,4GvCjTgB;EuCkThB,+DvCpSO;ACmsIT;;AsC55HA;EACE;EACA;AtC+5HF;;AsC55HA;EACE;EACA;AtC+5HF;;AsC55HA;EACE;EACA;EACA,mEvCxVmB;EuCyVnB;AtC+5HF;;AsC55HA;EACE;EACA;AtC+5HF;;AsC55HA;EACE;AtC+5HF;AsC75HE;EACE;EACA;EACA;AtC+5HJ;;AsC15HE;EACE;AtC65HJ;;AsCz5HA;EACE;EACA;AtC45HF;;AsC15HA;EACE;EACA;AtC65HF;;AsCx5HE;EAGE;AtCy5HJ;;AsCt5HA;EACE;EACA;EACA;EACA;AtCy5HF;AsCv5HE;EACE;EACA;AtCy5HJ;AsCt5HE;EACE;EACA;AtCw5HJ;AsCr5HE;EACE,yDvC/WK;EuCgXL;EACA;EACA;EACA;EACA;EACA;EACA;AtCu5HJ;AsCp5HE;EACE;AtCs5HJ;AsCn5HE;EACE;AtCq5HJ;;AsCj5HA;EACE;EACA;AtCo5HF;AsCl5HE;EACE;EACA;AtCo5HJ;AsCj5HI;EACE;AtCm5HN;;AsC74HE;EACE;EACA,2DvC3bM;AC20IV;AsC34HM;EACE;AtC64HR;AsC94HM;EACE;AtCg5HR;AsCj5HM;EACE;AtCm5HR;AsCp5HM;EACE;AtCs5HR;AsCv5HM;EACE;AtCy5HR;AsC15HM;EACE;AtC45HR;AsC75HM;EACE;AtC+5HR;AsCh6HM;EACE;AtCk6HR;AsCn6HM;EACE;AtCq6HR;AsCt6HM;EACE;AtCw6HR;AsCz6HM;EACE;AtC26HR;AsC56HM;EACE;AtC86HR;AsC/6HM;EACE;AtCi7HR;AsCl7HM;EACE;AtCo7HR;AsCr7HM;EACE;AtCu7HR;AsCx7HM;EACE;AtC07HR;AsC37HM;EACE;AtC67HR;AsC97HM;EACE;AtCg8HR;AsCj8HM;EACE;AtCm8HR;AsCp8HM;EACE;AtCs8HR;AsCv8HM;EACE;AtCy8HR;AsC18HM;EACE;AtC48HR;AsC78HM;EACE;AtC+8HR;AsCh9HM;EACE;AtCk9HR;AsCn9HM;EACE;AtCq9HR;;AsC98HE;EACE;EACA,4EvCvZQ;ACw2IZ;;AsC78HA;EACE;AtCg9HF;AsC98HE;EACE,yDvC3aK;EuC4aL;AtCg9HJ;;AsC38HE;EACE;EACA,uDvCnbK;ACi4IT;;AsCz8HE;EACE,yDvCzbK;EuC0bL;AtC48HJ;;AsCv8HE;EACE;EACA,8DvCxcS;ACk5Ib;;AsCr8HE;EACE,gEvC9cS;EuC+cT;EACA;AtCw8HJ;;AsCn8HE;EACE;EACA,8DvCvdS;AC65Ib;;AsCl8HE;EACE,6DvC5fM;EuC6fN;AtCq8HJ;;AsCh8HE;EACE;EACA,uDvC7dK;ACg6IT;;AsC97HE;EACE,yDvCneK;EuCoeL,gGvClfc;ACm7IlB;;AsC57HE;EACE,yDvC1eK;EuC2eL,uDvC3eK;AC06IT;;AsC17HE;EACE,6DvCxhBM;EuCyhBN,2DvCzhBM;ACs9IV;AsC17HE;EACE;AtC47HJ;AsCz7HE;EACE;AtC27HJ;;AsCv7HA;EvCnVE;EuCqVA,0HvCrbuB;EuCsbvB,mDvCrbuB;EuCsbvB,oGvCzcyB;EuC0czB,mDvC7aqB;EuC8arB;EACA;EACA;EACA;AtC07HF;AsCx7HE;EAEE;EACA;EACA,yGvC5c6B;EuC6c7B;AtCy7HJ;AsCt7HE;EACE;EAEA;AtCu7HJ;AsCp7HE;EACE;EACA;AtCs7HJ;AsCn7HE;EACE;AtCq7HJ;AsCl7HE;EACE;AtCo7HJ;AsCl7HE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AtCo7HJ;;AsCh7HA;EACE;AtCm7HF;AsCj7HE;EACE;EACA;EACA;EACA;AtCm7HJ;;AsC/6HA;EACE;AtCk7HF;;AsC/6HA;EACE,oEvClmBmB;EuCmmBnB;EACA;AtCk7HF;;AsC/6HA;EACE;EACA;EACA;EACA;EACA;AtCk7HF;;AsC/6HA;EACE,2EvCllBiB;EuCmlBjB,uFvCrjBY;EuCsjBZ;EACA;EACA;EACA;AtCk7HF;;AsC/6HA;EACE,oEvCznBmB;AC2iJrB;;AuC9iJA;EACE,wFxCkDU;EwCjDV;EACA;AvCijJF;;AuC9iJA;EACE;AvCijJF;;AuC9iJA;EACE;EACA;AvCijJF;AuC9iJI;EACE;AvCgjJN;AuC5iJE;EACE;AvC8iJJ;;AuC1iJA;EACE;EACA;AvC6iJF;AuC1iJI;EACE;AvC4iJN;AuCxiJE;EACE;AvC0iJJ;;AuCtiJA;EACE;IACE;EvCyiJF;EuCviJE;IACE;IACA;IACA;EvCyiJJ;EuCtiJE;IACE;IACA;IACA;IACA;IACA;EvCwiJJ;EuCriJE;IACE;EvCuiJJ;EuCniJI;IACE;EvCqiJN;EuC/hJM;IACE;EvCiiJR;EuC9hJM;IACE;IACA;EvCgiJR;EuC3hJM;IACE;EvC6hJR;AACF;AuCthJA;EAGM;IACE;IACA;EvCshJN;AACF;AuChhJE;EACE;EACA;AvCkhJJ;AuC/gJE;EACE;AvCihJJ;;AuCtgJA;EACE;AvCygJF;;AuCtgJA;EACE;EACA;EACA;AvCygJF;;AuCtgJA;EACE;IACE;EvCygJF;EuCtgJA;IACE;EvCwgJF;AACF;AuCrgJA;EACE;EACA;EACA;AvCugJF;;AuCpgJA;EACE;IACE;EvCugJF;EuCpgJA;IACE;EvCsgJF;AACF;AwC9pJA;EACE;AxCgqJF;;AwC7pJA;EACE,uHzCgHiC;ACgjJnC;;AwC7pJA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AxC+pJF;;AwC5pJA;EACE;AxC+pJF;;AwC5pJA;;EAEE,2EzCMiB;ACypJnB;;AwC5pJA;EACE;AxC+pJF;;AwC5pJA;EACE,+DzCHW;EyCIX,uFzC2BY;EyC1BZ;AxC+pJF;;AwC5pJA;EACE;AxC+pJF;;AwC5pJA;EzCsKE;EyCpKA;EACA;EACA;EACA;EACA;EACA;EACA,0HzC8DuB;EyC7DvB,mDzC8DuB;EyC7DvB,0FzC8DsB;EyC7DtB,mDzCsEqB;EyCpErB;AxC8pJF;;AwC3pJA;EACE;EACA;EACA;EACA;EACA;AxC8pJF;;AwC3pJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AxC8pJF;;AwC3pJA;;EzCkIE;EyC/HA;EACA;AxC8pJF;;AwC3pJA;EACE;AxC8pJF;;AwC3pJA;EACE;EACA;AxC8pJF;;AwC3pJA;EzCkHE;EyChHA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,0HzCOuB;EyCNvB,mDzCOuB;EyCNvB,0FzCOsB;EyCNtB,mDzCeqB;EyCdrB;EACA;EACA;EACA;EACA;EACA;EACA;AxC8pJF;;AwC3pJA;EACE,wHzCJiC;ACkqJnC;;AwC1pJE;EACE;AxC6pJJ;;AwCzpJA;EACE,+DzCnGW;EyCoGX;EACA;EACA;EACA;EACA;EACA;EACA;AxC4pJF;;AwCzpJA;EACE,wHzCzBiC;ACqrJnC;AwC1pJE;EACE;AxC4pJJ;;AwCxpJA;EACE;EACA,wHzClCiC;AC6rJnC;AwCzpJE;EACE;AxC2pJJ;;AwCppJE;;;EACE;EACA;EACA;AxCypJJ;;AwCrpJA;EACE;AxCwpJF;;AwCrpJA;EACE;AxCwpJF;;AwCppJE;EzCiCA;EyC/BE;EACA,mDzCvDmB;EyCwDnB,mDzClEqB;EyCmErB,0HzCpEqB;EyCqErB;EACA;EACA;EACA;EACA;EACA;AxCupJJ;AwCnpJI;E9BtKF;E8BwKI;EACA;EACA;AxCqpJN;AwCjpJE;EACE;AxCmpJJ;;AwC7oJI;EACE;EACA,oGzCjHqB;EyCkHrB;AxCgpJN;;AwC1oJE;EACE;AxC6oJJ;;AwCxoJE;EACE;AxC2oJJ;;AwCpoJE;;;EACE;AxCyoJJ;;AyCh3JA;EACE;EACA;EACA;EACA;AzCm3JF;;AyC/2JE;EAGE;AzCg3JJ;;AyCr2JA;E1C4LE;E0C1LA;EACA;EACA;AzCw2JF;;AyCr2JA;EACE;AzCw2JF;;AyCr2JA;EACE;EACA;EACA;EACA;EACA,uE1CtCQ;E0CuCR;EAEA;EACA;AzCu2JF;;AyCp2JA;EACE,oE1C3CmB;E0C4CnB;EACA;EACA;AzCu2JF;AyCr2JE;EACE;EACA;EACA;AzCu2JJ;;AyCh2JE;;;EACE;EACA;AzCq2JJ;;AyCj2JA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzCo2JF;;AyCj2JA;E1CoIE;E0ClIA;EACA;EACA;EACA;AzCo2JF;;AyCj2JA;EACE;EACA,6G1CpF4B;ACw7J9B;;AyCj2JA;EACE,mE1CzFmB;AC67JrB;;AyCj2JA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzCo2JF;;AyCj2JA;EACE;EACA;EACA;AzCo2JF;;AyCh2JA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2E1C1FiB;AC67JnB;;AyC71JE;;;EACE;AzCk2JJ;;AyC71JE;;;EAGE;AzCg2JJ;;AyC51JA;EACE;EACA;AzC+1JF;;AyC51JA;EACE;EACA;AzC+1JF;;AyC51JA;E1C0DE;E0CxDA;EACA;EACA;EACA;AzC+1JF;;AyC51JA;E1CkDE;E0ChDA;EACA;EACA;EACA;AzC+1JF;;A0CpgKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A1CugKF;;A0CpgKA;EACE;EACA;A1CugKF;;A0CpgKA;EACE;IACE;E1CugKF;AACF;A0ClgKE;;EAEE;EACA,8F3CHmB;ACugKvB;;A0ChgKA;EACE;EACA;EACA;EACA;A1CmgKF;;A0ChgKA;EACE;A1CmgKF;A0CjgKE;EACE;EACA;A1CmgKJ;;A0C//JA;EACE;A1CkgKF;;A0C//JA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uE3CtCW;E2CuCX;EACA;A1CkgKF;;A0C//JA;E3CkJE;E2ChJA;EACA;EACA;EACA,2D3CrEQ;ACukKV;;A0C//JA;EACE;A1CkgKF;;A0C//JA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,wF3CjCU;E2CkCV;EACA;A1CkgKF;;A0C7/JE;;EACE;A1CigKJ;;A0C7/JA;EACE;EACA;EACA;EACA;A1CggKF;;A0C7/JA;E3C2GE;E2CzGA,mD3CoBqB;E2CnBrB;EACA;EACA,oG3CZyB;AC4gK3B;;A0C7/JA;EACE;EACA,8F3C1FqB;E2C2FrB;A1CggKF;;A0C7/JA;EACE;EACA;EACA;A1CggKF;A0C9/JE;EACE,0E3C1Fe;AC0lKnB;;A0C5/JA;EACE;EACA;EACA;EACA;EACA;A1C+/JF;A0C7/JE;EACE;A1C+/JJ;A0C5/JE;EACE;EACA;EACA;EACA;EACA;A1C8/JJ;;A0C1/JA;EACE;A1C6/JF;;A0Cz/JE;EACE,8D3CzHS;ACqnKb;;A0Cv/JE;EACE;A1C0/JJ;A0Cv/JE;EACE;EACA;EACA;EACA;A1Cy/JJ;A0Cr/JI;EACE;EACA;EACA;EACA;A1Cu/JN;;A2CrqKA;EACE;EACA;EACA;A3CwqKF;;A2CrqKA;EACE;EACA;EACA;A3CwqKF;;A2CrqKA;EACE,wF5CUqB;E4CTrB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A3CwqKF;;A2CrqKA;EACE,0E5CQiB;ACgqKnB;;AD/jKA;EACE;ACkkKF;;A4CpsKA;EACE;A5CusKF;;A4CpsKA;ElC6EE;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;EAKA,6FXZqB;ACmoKvB;AUtnKE;EAnEA;EACA;EACA,uFX+BY;EW9BZ;EACA;EACA;EACA;EACA;EACA;EACA;AV4rKF;AU9nKE;EA1DA;EACA;EACA,uFXkBY;EWjBZ;EACA;EACA;EACA;EACA;EACA;EACA;AV2rKF;AUtoKE;EAjDA;EACA;EACA,uFXKY;EWJZ;EACA;EACA;EACA;EACA;EACA;EACA;AV0rKF;AU9oKE;;;EAxCA;EACA;EACA,uFXRY;EWSZ;EACA;EACA;EACA;EACA;EACA;EACA;AV2rKF;AUtpKE;;;;EAjCA;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;AV6rKF;AU9pKE;EACE,4DX3HM;AC2xKV;AU7pKE;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;AV6pKJ;AU3pKI;EACE,4GX7HY;AC0xKlB;AU1pKI;EACE;AV4pKN;AUzpKI;EACE;EACA;EACA;EACA;AV2pKN;;A4CnzKA;EACE,oG7CsFyB;ACguK3B;;A6Ch0KA;EACE,oG9C+FyB;E8C9FzB;EACA;A7Cm0KF;;A6Ch0KA;EACE;EACA;A7Cm0KF;;A8C30KA;EACE;EACA,uE/CsCa;E+CrCb;A9C80KF;;A8C30KA;EACE;EACA;EACA,uE/CTQ;E+CUR;A9C80KF;;A8C30KA;EACE;EACA;EACA;EACA;EACA,kE/CiBqB;E+ChBrB;EACA;EACA;A9C80KF;A8C50KE;EAVF;IAWI;E9C+0KF;AACF;A8C70KE;EAdF;IAeI;E9Cg1KF;AACF;;A8C70KA;EACE;EACA;EACA;EACA;A9Cg1KF;;A8C70KA;EACE;A9Cg1KF;;A8C50KE;EACE;EACA,4D/CZa;E+Cab;EACA,iE/C3BS;E+C4BT;A9C+0KJ;;A+Ch4KA;EACE;EACA;EACA;EACA;EACA;EACA,8JhDMkB;EgDLlB;EACA,+IACE;EAEF;A/Ci4KF;A+C/3KE;EACE,qJACE;A/Cg4KN;;A+C33KA;;EhD8LE;EgD3LA;EACA,0HhD0FuB;EgDzFvB,mDhD0FuB;EgDzFvB,mDhDmGqB;EgDlGrB,wHhD0FiC;EgDzFjC;EACA;A/C83KF;;A+C33KA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/C83KF;;A+C33KA;;EAEE;EACA;EACA;EACA;A/C83KF;;A+C33KA;EACE;A/C83KF;;A+C33KA;EACE;A/C83KF;;A+C33KA;EACE;EACA;EACA;EACA,2IhDlDoB;EgDmDpB,wEhDxBa;EgDyBb;EACA;EACA;EACA;EACA,4DhDxEQ;EgDyER;EAQA;A/Cu3KF;A+C53KI;EACE;A/C83KN;;A+Cv3KA;;EAEE;EACA;A/C03KF;;A+Ct3KE;EAEE,wHhDwB+B;ACg2KnC;;A+Cp3KA;EACE;A/Cu3KF;A+Cr3KE;;EAEE,+DhDtES;EgDuET;A/Cu3KJ;;A+Cn3KA;EACE;EACA;EACA;EAEA,sGhDvFgB;AC48KlB;A+Cn3KE;EACE;EACA;EACA,+DhDrFS;AC08Kb;;A+Cj3KA;EACE;EACA;EACA;EACA;A/Co3KF;A+Cl3KE;EACE;EACA;EACA;EACA,+DhDnGS;ACu9Kb;A+C/2KI;EACE;A/Ci3KN;A+C72KE;EACE,+DhD9GS;AC69Kb;;A+C32KA;EACE;EACA;EACA;EACA;A/C82KF;;A+C32KA;EACE,8GhDhIoB;AC8+KtB;;A+C32KA;EACE,wFhD3GU;ACy9KZ;;AgD3gLI;EACI;EACA;EACA;EACA;EACA;EACA;AhD8gLR;AgD3gLI;EACI;EACA;AhD6gLR;AgD1gLI;EACI;EAMA;AhDugLR;AgD3gLQ;EACI;AhD6gLZ;AgDxgLQ;EACI,2EjDQO;ACkgLnB;;AgDngLI;;EACI,+DjDDK;ACwgLb;;AgDpgLA;EACI;AhDugLJ;;AgDrgLA;EACI;EACA;AhDwgLJ;;AgDrgLA;EACI;EACA;EACA;AhDwgLJ;;AgDrgLA;;EAEI;EACA;EACA;EACA;EACA;EACA;EACA,mEjDlBW;EiDmBX,iEjDnBW;EiDoBX;EACA;AhDwgLJ;;AgDtgLA;EACI;AhDygLJ;;AgDtgLA;EACI;EACA;EACA;AhDygLJ;;AgDtgLA;EACI;AhDygLJ;AgDvgLI;;EAEI;AhDygLR;AgDvgLQ;;EACI;EACA;AhD0gLZ;AgDtgLI;;;EAGI;AhDwgLR;;AgDpgLA;EACI;EACA;EACA;AhDugLJ;;AgDpgLA;EACI;EACA;EACA;EACA;AhDugLJ;;AgDpgLA;EACI,yEjDPsB;EiDQtB;EACA,yGjDL6B;EiDM7B;EACA;AhDugLJ;;AgDpgLA;;EAEI;EACA;AhDugLJ;AgDrgLI;;EACI;AhDwgLR;;AgDpgLA;EACI;AhDugLJ;;AgDpgLA;EACI;EACA;EACA;AhDugLJ;;AgDngLI;EACI;EACA;AhDsgLR;;AgDjgLI;EACI;EACA;AhDogLR;;AgD9/KQ;EACI;AhDigLZ;;AgD5/KA;EACI;EACA;EACA;AhD+/KJ;;AgD5/KA;EACI;EACA;EACA;EACA;EACA;AhD+/KJ;;AgD3/KI;EACI;AhD8/KR;;AgD1/KA;EACI;EACA;EACA;EACA;AhD6/KJ;;AgD1/KA;EACI;AhD6/KJ;;AgD1/KA;EACI;AhD6/KJ;;AgD1/KA;EACI;AhD6/KJ;;AgD1/KA;EACI;AhD6/KJ;;AgD1/KA;EjDWE;EiDTE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,uFjDrJU;EiDsJV,mDjDxFmB;EiDyFnB;EACA,yGjD/G6B;EiDgH7B;EACA;EACA;EACA;AhD4/KJ;AgD1/KI;EAEI;EACA;AhD2/KR;;AgDv/KA;EACI,oGjDrIuB;EiDsIvB;AhD0/KJ;;AgDv/KA;EACI;EACA;EACA;AhD0/KJ;AgDx/KI;EACI,0EjD9MW;EiD+MX;AhD0/KR;;AgDt/KA;;EAEI,mGjDrPY;EiDsPZ;AhDy/KJ;AgDv/KI;;EACI,2DjD1PE;ACovLV;;AgDr/KI;EACI;AhDw/KR;;AgDp/KA;EACI;AhDu/KJ;;AgDp/KA;EACI;AhDu/KJ;;AgDp/KA;EACI;EACA;EACA;EACA;AhDu/KJ;;AgDp/KA;EACI;AhDu/KJ;;AgDp/KA;EACI;AhDu/KJ;;AgDp/KA;EACI;AhDu/KJ;;AgDp/KA;EACI;AhDu/KJ;;AgDp/KA;EACI;EACA;EACA;EACA;EACA;EACA;AhDu/KJ;;AgDr/KA;EACI;AhDw/KJ;;AgDr/KA;EACI;IACI;EhDw/KN;EgDt/KE;IACI;EhDw/KN;AACF;AgDr/KA;;EAEI;EACA;EACA;EAEA;EAEA,sDjDlHO;EiDmHP;EACA;EACA;EACA;EACA;EACA;EACA;AhDq/KJ;;AgDn/KA;EACI;AhDs/KJ;;AgDp/KA;EACI;AhDu/KJ;;AgDp/KA;;EAEI;EACA;EACA;EACA,sDjDtIe;EiDuIf;EACA;EACA;EACA;EACA;EACA;AhDu/KJ;;AgDr/KA;EACI;AhDw/KJ;;AgDt/KA;EACI;AhDy/KJ;;AgDv/KA;EACI;EACA;EACA;EACA,sDjDzJO;EiD0JP;EACA;AhD0/KJ;;AgDx/KA;EACI;AhD2/KJ;;AgDz/KA;EACI;EACA,qEjD/K8B;EiDgL9B,6DjD/K2B;EiDgL3B,sDjDnKe;EiDoKf;EACA;EACA;EACA;EACA;EACA;AhD4/KJ;;AgDz/KA;;EAEI;EACA;EACA;EACA;EACA;AhD4/KJ;;AgD1/KA;EACI;EACA,sDjDvLO;EiDwLP;EACA;AhD6/KJ;;AgD1/KA;EACI;EACA,sDjD7Le;EiD8Lf;EACA;EACA;AhD6/KJ;;AD1wLA;EACE;AC6wLF;;AiD94LA;EACE;EACA;EACA;EACA;EACA;EACA;AjDi5LF;AiD/4LE;EACE;EACA;EACA;EACA;EACA;EACA;AjDi5LJ;AiD/4LI;EACE;EACA,2ElDaa;EkDZb;AjDi5LN;AiD74LM;EACE;EACA;AjD+4LR;AiD74LQ;EACE,uElDTG;ACw5Lb;AiD54LQ;EACE;AjD84LV;;AiDv4LA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjD04LF;;AiDt4LE;EACE;AjDy4LJ;;AiDr4LA;EACE;EACA;EACA,6FlDhEc;EkDiEd;AjDw4LF;;AiDr4LA;EACE;AjDw4LF;;AiDr4LA;ElDyIE;EkDvIA;EACA;EACA,yGlDgC+B;EkD/B/B,mDlD+CqB;EkD9CrB;EACA;AjDw4LF;;AiDr4LA;EACE;IACE;EjDw4LF;AACF;AiDr4LA;EACE;IACE;EjDu4LF;EiDp4LA;IACE;EjDs4LF;EiDp4LE;IACE;EjDs4LJ;EiDl4LA;IACE;EjDo4LF;EiDl4LE;IACE;EjDo4LJ;AACF;AiD/3LE;EACE;AjDi4LJ;;AiD73LA;EACE;EACA;EACA,4DlDxHQ;EkDyHR;AjDg4LF;AiD93LE;EACE;EACA;EACA;EACA,2DlD/HM;AC+/LV;;AiD33LE;EACE;AjD83LJ;;AiD13LA;EACE;EACA;AjD63LF;;AiDz3LE;EACE;AjD43LJ;;AiDx3LA;EACE;EACA;EACA;AjD23LF;AiDz3LE;EACE;AjD23LJ;;AiDv3LA;EACE;EACA;EACA;AjD03LF;;AiDv3LA;EACE;EACA;EACA;AjD03LF;;AiDv3LA;ElDwCE;EkDtCA;AjD03LF;;AiDv3LA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjD03LF;;AiDv3LA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjD03LF;AiDx3LE;EACE;EACA;AjD03LJ;AiDv3LI;EACE;AjDy3LN;AiDv3LI;EACE;AjDy3LN;;AiDp3LA;EACE;EACA;EACA;EACA;AjDu3LF;AiDr3LE;EACE;EACA;EACA,oGlD7HuB;EkD8HvB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjDu3LJ;;AiDn3LA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AjDs3LF;;AiDn3LE;EACE;EACA;EACA;AjDs3LJ;;AiDl3LA;EACE,wFlD5MU;ACikMZ;;AiDl3LA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4ElDrPe;AC0mMjB;AiDn3LE;EACE;EACA;EACA;EACA;EACA;EACA;AjDq3LJ;;AiDj3LA;EACE;AjDo3LF;;AiDj3LA;EACE;AjDo3LF;;AiDj3LA;EACE;AjDo3LF;AiDl3LE;EACE;EACA;AjDo3LJ;AiDj3LE;EACE;EACA;EACA;EACA;EACA;EACA;AjDm3LJ;AiDh3LE;EACE,8FlD1RmB;AC4oMvB;AiD/2LE;EACE;EACA;AjDi3LJ;AiD/2LI;EACE;EACA;AjDi3LN;AiD72LE;EACE;EACA;EACA;EACA;AjD+2LJ;AiD72LI;EACE;EACA;EACA;EACA;EACA;EACA;AjD+2LN;;AiD12LA;EACE;AjD62LF;;AiDx2LI;EACE,2DlDtVI;ACisMV;AiDv2LE;EACE,mGlD1VY;ACmsMhB;;AiDr2LA;EACE;EACA;AjDw2LF;;AiDr2LA;EACE;EACA;EACA;EACA;AjDw2LF;;AiDr2LA;EACE;EACA;EACA;EACA;AjDw2LF;;AiDr2LA;EAUE,6DlD1UI;EkD2UJ;EACA;EACA;EACA;EACA;AjD+1LF;AiD72LE;EACE;EACA;AjD+2LJ;AiD72LI;EACE,2DlDnWO;ACktMb;AiDp2LE;EAEE;AjDq2LJ;;AiDj2LA;EACE,4GlDjXgB;EkDkXhB;EACA;EACA;EACA;EACA;AjDo2LF;;AiDj2LA;EACE;EACA;EACA;EACA;EACA;EACA;AjDo2LF;AiDl2LE;EACE;EACA;EACA;EACA;AjDo2LJ;;AiDh2LA;EACE;EACA;AjDm2LF;;AiD/1LE;EACE;AjDk2LJ;AiD/1LE;EACE;AjDi2LJ;AiD91LE;EACE;AjDg2LJ;AiD71LE;EACE,sGlD5Zc;AC2vMlB;AiD51LE;EACE,+DlDzZS;ACuvMb;;AiDz1LE;EACE;AjD41LJ;AiDz1LE;EACE;AjD21LJ;AiDx1LE;EACE;AjD01LJ;AiDv1LE;EACE;AjDy1LJ;AiDt1LE;EACE,+DlD/aS;ACuwMb;;AkDvyMA;EACE;AlD0yMF;;AmD1yME;EACE;EACA,yEpDiGsB;EoDhGtB;AnD6yMJ;;AmDxyME;EACE,8FpDamB;AC8xMvB;AmDzyME;EACE,8GpDakB;AC8xMtB;;AmDtyME;;EAEE;AnDyyMJ;AmDtyME;EACE;AnDwyMJ;;AmDryMA;EACE;AnDwyMF;;ADlsMA;EACE;ACqsMF;;AoDt0MA;EACE;EACA;EACA;EACA;EACA,qIrDSoB;EqDRpB;EACA;EAEA,uFrDoDY;EqDnDZ;EACA;EACA;EACA;EACA;EACA,4DrDjBQ;EqDkBR;EACA;EAEA;EACA;ApDu0MF;;AoDp0MA;EACE;EACA;ApDu0MF;;AoDp0MA;EACE,4GrDNgB;AC60MlB;;AoDp0MA;EACE;ApDu0MF;;AoDp0MA;EACE,+DrDPW;EqDQX;EACA;ApDu0MF;;AoDp0MA;EACE,uErD7CQ;EqD8CR,oErD3CmB;ACk3MrB;;AoDp0MA;EACE,oErD/CmB;EqDgDnB,sErDjDwB;ACw3M1B;;AoDp0MA;EACE,wGrDnD4B;EqDoD5B;ApDu0MF;;AoDp0MA;EACE,6DrDVI;EqDWJ,oErD1DmB;ACi4MrB;;AoDp0MA;EACE,6DrDfI;EqDgBJ,oErD/DmB;ACs4MrB;;AoDp0MA;EACE,gDrDlBc;EqDmBd;ApDu0MF;;AD5wMA;EACE;AC+wMF;;AqDh5MA;EACE;EACA;ArDm5MF;AqDj5ME;EACE;ArDm5MJ;AqDh5ME;EACE;EACA;ArDk5MJ;AqD/4ME;EACE;EACA;EACA;EACA;EACA;ArDi5MJ;AqD/4MI;;;EAGE;EACA;ArDi5MN;AqD94MI;EACE;ArDg5MN;AqD74MI;EACE;EACA;ArD+4MN;AqD34ME;EACE;EACA;EACA;ArD64MJ;AqD34MI;EACE;ArD64MN;AqD14MI;;EAEE;ArD44MN;AqDz4MI;EACE;ArD24MN;AqDx4MI;EACE;EACA;EACA;ArD04MN;;AqDl4MI;EACE;EACA;EACA;ArDq4MN;AqDl4MI;EAEE;ArDm4MN;AqDj4MM;EACE;EACA;EACA;ArDm4MR;;AqDv3MM;EACE;ArD03MR;;AqDp3MA;EACE;EACA;EACA;EACA;ArDu3MF;;AqDp3MA;EACE;EACA;EACA;EACA;ArDu3MF;;AqDp3MA;;E3ChCE;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;EAKA,6FXZqB;ACi6MvB;AUp5ME;;EAnEA;EACA;EACA,uFX+BY;EW9BZ;EACA;EACA;EACA;EACA;EACA;EACA;AV29MF;AU75ME;;EA1DA;EACA;EACA,uFXkBY;EWjBZ;EACA;EACA;EACA;EACA;EACA;EACA;AV29MF;AUt6ME;;EAjDA;EACA;EACA,uFXKY;EWJZ;EACA;EACA;EACA;EACA;EACA;EACA;AV29MF;AU/6ME;;;;;;EAxCA;EACA;EACA,uFXRY;EWSZ;EACA;EACA;EACA;EACA;EACA;EACA;AV+9MF;AU17ME;;;;;;;;EAjCA;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;AVq+MF;AUt8ME;;EACE,4DX3HM;ACokNV;AUt8ME;;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;AVu8MJ;AUr8MI;;EACE,4GX7HY;ACqkNlB;AUr8MI;;EACE;AVw8MN;AUr8MI;;EACE;EACA;EACA;EACA;AVw8MN;;AqDl/MA;EACE;EACA;EACA;EACA;EACA;EACA;ArDq/MF;;ADh/MA;EACE;ACm/MF;;AsDpnNA;EACE;EACA;EACA;EACA;AtDunNF;;AsDpnNA;EACE;AtDunNF;;AsDpnNA;EACE;AtDunNF;;AsDpnNA;EACE;AtDunNF;;AsDpnNA;EACE;EACA;EACA;EACA;EACA;AtDunNF;AsDrnNE;EACE;EACA;EACA;EACA;EACA;AtDunNJ;;AsDnnNA;;EAEE;EACA;AtDsnNF;;AsDnnNA;EACE;EACA;AtDsnNF;AsDpnNE;EvDmKA;EuDjKE,mDvD4EmB;EuD3EnB;AtDsnNJ;;AsDlnNA;EACE;EACA;EACA;EACA;EACA;EACA,wHvDyDiC;AC4jNnC;;AsDlnNA;EACE;AtDqnNF;;AsDnnNA;EACE;AtDsnNF;;AsDnnNA;EACE;AtDsnNF;;AsDnnNA;EACE,wFvDxBU;AC8oNZ;AsDpnNE;EACE;AtDsnNJ;;AsDlnNA;EACE;EACA;EACA;AtDqnNF;;AsDlnNA;EACE;AtDqnNF;;AsDlnNA;EACE;EACA;EACA;EACA;AtDqnNF;;AsDlnNA;;EAEE;AtDqnNF;;AsDlnNA;;EAEE;AtDqnNF;;AsDjnNE;EACE;AtDonNJ;;AsDhnNA;EACE;AtDmnNF;;AuDvuNA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4DxDRQ;EwDSR;EACA;EACA,uFxDoDY;EwDnDZ;EACA,yExDuFwB;EwDtFxB;EACA;EACA;AvD0uNF;;AuDvuNA;EACE,kDxD8BI;AC4sNN;;AuDvuNA;EACE;AvD0uNF;;AuDvuNA;EACE;AvD0uNF;AuDxuNE;EACE,2DxD/BM;ACywNV;;AuDruNE;EACE;AvDwuNJ;AuDruNE;EACE,wGxD+D6B;EwD9D7B;AvDuuNJ;;AuDnuNA;EACE,wGxDyD+B;AC6qNjC;;AuDnuNA;;EAEE,+DxDpBW;EwDqBX;EACA;EACA;AvDsuNF;AuDpuNE;;EACE,wGxD8C6B;ACyrNjC;;AuDnuNA;;EAEE;EACA,mGxDhEc;EwDiEd;EACA;AvDsuNF;AuDpuNE;;EACE,kFxDhDa;ACuxNjB;AuDpuNE;;EACE,wFxDvBQ;AC8vNZ;AuDpuNM;;EACE,iDxD5BF;ACmwNN;AuDluNE;;EACE;AvDquNJ;;AuDjuNA;EACE;EACA;EACA;AvDouNF;;AuDjuNA;EACE,kFxDzEe;EwD0Ef;AvDouNF;;AwDp0NA;EACE;EACA;AxDu0NF;AwDr0NI;EACE;AxDu0NN;;AyD50NA;EACE,uE1DoBW;E0DnBX;EACA;EACA;EACA;EAkBA;AzD8zNF;AyD90NE;EACE;AzDg1NJ;AyD70NE;E1DuMA;E0DrME;EACA;EACA;AzD+0NJ;AyD50NE;EACE,0E1Dce;E0Dbf;AzD80NJ;;AyDt0NE;;EACE,2D1D7BM;ACu2NV;AyDt0NI;;EACE,iD1DgBA;ACyzNN;;AyDp0NA;EACE;AzDu0NF;;AyDr0NA;EACE;AzDw0NF;AyDv0NE;EACE;EACA;AzDy0NJ;;AyDt0NA;EACE;EACA;AzDy0NF;;AyDt0NE;EACE,2D1DvDM;ACg4NV;AyDt0NI;EACE;AzDw0NN;;AyDp0NA;;EAEE;AzDu0NF;AyDt0NE;;EACE;AzDy0NJ;AyDv0NE;;EACE;AzD00NJ;AyDz0NI;;EACE;AzD40NN;;ADlxNA;EACE;ACqxNF;;A0Dt5NA;;EAEE;EACA,uF3D0DY;E2DzDZ;EACA;EACA;EACA;EhDyEA;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;EAKA,6FXZqB;ACy1NvB;AU50NE;;EAnEA;EACA;EACA,uFX+BY;EW9BZ;EACA;EACA;EACA;EACA;EACA;EACA;AVm5NF;AUr1NE;;EA1DA;EACA;EACA,uFXkBY;EWjBZ;EACA;EACA;EACA;EACA;EACA;EACA;AVm5NF;AU91NE;;EAjDA;EACA;EACA,uFXKY;EWJZ;EACA;EACA;EACA;EACA;EACA;EACA;AVm5NF;AUv2NE;;;;;;EAxCA;EACA;EACA,uFXRY;EWSZ;EACA;EACA;EACA;EACA;EACA;EACA;AVu5NF;AUl3NE;;;;;;;;EAjCA;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;AV65NF;AU93NE;;EACE,4DX3HM;AC4/NV;AU93NE;;EACE;EACA;EACA;EACA;EACA;EACA,uEX/GS;EWgHT;EACA;EACA;EACA;EACA;EAEA,4DX3IM;EW4IN;EACA;EACA,uFX/EU;EWgFV,yEX3CsB;EW4CtB;EAEA;EACA;AV+3NJ;AU73NI;;EACE,4GX7HY;AC6/NlB;AU73NI;;EACE;AVg4NN;AU73NI;;EACE;EACA;EACA;EACA;AVg4NN;;A0DphOA;;EAEE;EACA;EACA;EACA;A1DuhOF;;A0DphOA;EACE;A1DuhOF;;A0DphOA;EACE;A1DuhOF;;A2DjjOA;EACE;A3DojOF;;A2DjjOA;EACE;A3DojOF;;A2DjjOA;EACE;A3DojOF;;A2DjjOA;EACE;A3DojOF;;A2DjjOA;EACE;EACA;EACA;A3DojOF;;A2DjjOA;EACE;EACA;EACA;A3DojOF;;A2DjjOA;EACE;A3DojOF;;A2DjjOA;EACE;EACA;EACA;EACA;EACA;A3DojOF;A2DljOE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A3DojOJ;A2DljOI;EACE;EACA;EACA;EACA,6E5DnBiB;E4DoBjB;EACA;EACA;EAEA;EACA;EACA;A3DmjON;A2DhjOI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uE5DzDW;AC2mOjB;A2DhjOM;EACE;EACA;EACA;EACA;EACA;EACA,kF5DjES;E4DkET;A3DkjOR;A2D7iOM;EACE;EACA;EACA;EACA;EACA;EACA,6E5DhEe;E4DiEf;EACA;EACA;EACA;EACA;A3D+iOR;A2D1iOE;EACE,4D5D9GM;E4D+GN;EACA;EACA;EACA,+E5D/GiB;AC2pOrB;A2D1iOI;EACE;A3D4iON;A2DziOI;EACE;EACA;EACA;EACA,+E5DzHe;E4D0Hf;A3D2iON;A2DtiOI;EACE,uE5DnII;E4DoIJ;A3DwiON;A2DriOI;EACE,uE5DxII;AC+qOV;A2DriOM;EACE,uE5D3IE;E4D4IF;A3DuiOR;A2DjiOI;EACE,uE5DnJI;E4DoJJ;A3DmiON;A2DhiOI;EACE;EACA,+E5DtJe;E4DuJf,4D5D1JI;E4D2JJ;EACA;A3DkiON;A2DhiOM;EACE;A3DkiOR;A2D/hOM;EACE;EACA,+E5DjKa;E4DkKb;A3DiiOR;;A2D3hOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A3D8hOF;;A2D1hOE;EACE;A3D6hOJ;;A2DxhOE;EACE;EACA;EACA;EACA;EACA,kE5DjKmB;AC4rOvB;;A2DvhOA;EACE;EACA;A3D0hOF;A2DvhOI;EACE;A3DyhON;A2DvhOM;EACE;A3DyhOR;A2DphOE;EACE;EACA;A3DshOJ;A2DlhOI;EACE;EACA;A3DohON;A2D/gOI;EACE;EACA;A3DihON;;A2D3gOE;EACE;A3D8gOJ;A2DzgOM;EACE;EACA;EACA;A3D2gOR;A2DxgOM;EACE;EACA;A3D0gOR;A2DxgOQ;EACE;EACA;A3D0gOV;A2DrgOM;EACE;A3DugOR;;A2DhgOE;EACE;A3DmgOJ;;A2D7/NE;;EACE;EACA;A3DigOJ;A2D//NI;;EACE;A3DkgON;;A2D1/NM;EACE;A3D6/NR;;A2Dt/NE;EACE;A3Dy/NJ;;A2Dr/NA;EACE;EACA;EACA;EACA;A3Dw/NF;;A2D/+NM;;;EACE;EACA;A3Do/NR;A2D5+NQ;;;EACE;EACA;A3Dg/NV;;A4DlzOA;EACE;EACA;EACA;EACA,iE7DeW;E6DdX;EACA;A5DqzOF;A4DnzOE;EACE,6F7DVY;E6DWZ,+D7DoBS;E6DnBT;A5DqzOJ;A4DlzOE;EACE;A5DozOJ;A4DjzOE;EACE;EACA;EACA;EACA;EACA;A5DmzOJ;;A4D/yOA;EACE;A5DkzOF;;A4D/yOA;EACE;A5DkzOF;;A4D/yOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kF7DtBe;E6DuBf;EACA;A5DkzOF;A4DhzOE;EACE;EACA;A5DkzOJ;A4D/yOE;EACE,kF7DhCa;ACi1OjB;;A4D3yOE;;EACE;A5D+yOJ;;A4D3yOA;EACE;EACA;EACA;EACA;A5D8yOF;;A6Dn3OA;EACE;EACA;A7Ds3OF;;A6Dn3OA;EACE;A7Ds3OF;;A6Dn3OA;EACE;EACA;EACA;EACA;A7Ds3OF;;A6Dn3OA;EAKE;A7Dk3OF;A6Dt3OE;EACE;A7Dw3OJ;;A8D14OA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A9D64OF;;A8D14OA;EACE;EACA;EACA;A9D64OF;;A8D14OA;EACE;EACA;A9D64OF;;A8D14OA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,6D/DlCQ;E+DmCR;EACA;EACA;A9D64OF;;A8D14OA;EACE;EACA;A9D64OF;;A8D14OA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4D/DtDQ;E+DuDR;EACA;A9D64OF;;A8D14OA;EACE,4D/D5DQ;E+D6DR;EACA;A9D64OF;;A8D14OA;EACE,2E/DjCiB;E+DkCjB;EACA;A9D64OF;;A+Dj9OA;EACE;EACA,oGhEmCiB;ACi7OnB;;A+Dj9OA;EACE;A/Do9OF;A+Dh9OI;;EAEE;A/Dk9ON;;A+D78OA;EACE;A/Dg9OF;A+D58OI;;EAEE;A/D88ON;;A+Dz8OA;EACE;EACA;A/D48OF;A+Dx8OI;;EAEE;A/D08ON;;A+Dn8OE;;EAEE;A/Ds8OJ;;A+Dl8OA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;A/Do8OF;;A+Dj8OA;EACE;EACA;EACA;A/Do8OF;;A+Dj8OA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/Do8OF;;A+Dj8OA;EACE;A/Do8OF;;A+Dj8OA;EACE;A/Do8OF;;A+Dj8OA;EACE;EACA;EACA;EACA;EACA;EACA;A/Do8OF;;A+Dh8OE;EACE;A/Dm8OJ;;A+D97OE;EACE;EACA;EACA;A/Di8OJ;;A+D57OE;EACE;A/D+7OJ;;A+D37OA;EACE;A/D87OF;A+D57OE;EACE;A/D87OJ;;A+D17OA;EACE;A/D67OF;;A+D17OA;EtDxGE;EACA;EACA;EsDwGA,uGhEtDuB;EgEuDvB,2HhEzDwB;EgE0DxB,oDhEzDwB;EgE0DxB;A/D+7OF;;A+D57OA;EACE;A/D+7OF;;A+D57OA;EACE;A/D+7OF;;A+D57OA;EACE;A/D+7OF;;A+D57OA;EACE;A/D+7OF;;A+D57OA;EtD1HE;EACA;EACA;EsD0HA,6GhE1E6B;EgE2E7B,iIhE7E8B;EgE8E9B,0DhE7E8B;EgE8E9B;A/Di8OF;;A+D97OA;EACE;A/Di8OF;;A+D97OA;EACE;EACA;EACA;A/Di8OF;A+D/7OE;EACE;A/Di8OJ;;A+D37OE;;EACE,6FhE7FmB;AC4hPvB;A+D57OE;;EtDtJA;EACA;EACA;EsDsJE,yGhE9FyB;AC+hP7B;;AgEvnPA;EACE;IACE;EhE0nPF;EgEvnPA;IACE;EhEynPF;AACF;AgEtnPA;EACE;AhEwnPF;AgEtnPE;EACE;EACA;EACA;EACA;EACA;EACA;AhEwnPJ;;AiE3oPA;;EAEE;AjE8oPF;;AiE3oPA;EACE;EACA;EACA;AjE8oPF;;AiE3oPA;EACE;EACA;AjE8oPF;;AiE3oPA;EACE;AjE8oPF;;AiE1oPE;EACE;AjE6oPJ;;AkEnqPA;EACI;EACA;AlEsqPJ;;AkEpqPA;EACI;EACA;EACA;AlEuqPJ;;AkErqPA;EACI;AlEwqPJ;;AkEtqPA;EACI;AlEyqPJ;;AkEtqPA;EACI;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AlEwqPJ;;AkEtqPA;EACI;EACA;EACA;AlEyqPJ;;AkEvqPA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AlE0qPJ;;AmEltPA;EACE;EACA;EACA;AnEqtPF;;AmEltPA;EACE;EACA;EACA;EACA;AnEqtPF;;AmEhtPI;E1D+BF;EACA;EACA;EACA;EACA;ATqrPF;ASnrPE;EACE;EACA;ATqrPJ;AmExtPI;EACE;AnE0tPN;AmEvtPI;EACE;AnEytPN;AmEttPI;EACE;AnEwtPN;A4BzuOI;EACE;EACA;A5B2uON;A4BvuOE;;EAEE;A5ByuOJ;A4BtuOE;EACE;EACA;EACA;EACA;A5BwuOJ;A4BtuOI;EACE;EACA;A5BwuON;A4BruOI;EACE;EACA;A5BuuON;A4BnuOE;EACE;A5BquOJ;A4BjuOI;EACE;EACA;A5BmuON;A4B9tOI;EACE;A5BguON;A4B5tOE;EACE;A5B8tOJ;A4B1tOI;EACE;A5B4tON;A4BvtOI;EACE;A5BytON;A4BvtOM;EACE;A5BytOR;A4BrtOI;EASE;A5B+sON;A4BvtOM;EACE;A5BytOR;A4BvtOQ;EACE;A5BytOV;A4BltOI;;EAEE;EACA;EACA;EACA;EACA;EACA,uE7BtjBS;E6BujBT;EACA;EACA;A5BotON;A4BjtOI;EACE;A5BmtON;A4BhtOI;EACE;A5BktON;A4BhtOM;EAEE;A5BitOR;A4B3sOI;;EAEE;A5B6sON;A4BzsOE;EACE;A5B2sOJ;A4BxsOE;EACE;EACA;EACA;EACA;EACA;EACA;A5B0sOJ;A4BvsOE;EACE;A5BysOJ;A4BtsOE;EACE;A5BwsOJ;A4BrsOM;EACE;A5BusOR;A4BlsOE;;EAEE;A5BosOJ;A4BjsOE;EACE;A5BmsOJ;A4BhsOE;EACE;EACA;EACA;EACA;A5BksOJ;A4BjsOI;EACE;A5BmsON;A4B/rOE;EACE;A5BisOJ;A4BhsOI;EACE;A5BksON;A4B9rOE;EACE;EACA;EACA;EACA;A5BgsOJ;A4B9rOI;EACE;A5BgsON;A4B5rOE;EACE;EACA;EACA;A5B8rOJ;A4B5rOI;EACE;EACA;EACA,iE7B5qBO;AC02Pb;A4B3rOI;EACE;A5B6rON;A4BzrOE;EACE;EACA;A5B2rOJ;A4BzrOI;EACE;A5B2rON;A4BxrOI;EACE;A5B0rON;A4BtrOE;EACE;EACA;A5BwrOJ;A4BrrOE;;EAEE,2E7B5rBe;ACm3PnB;A4BnrOI;EACE;A5BqrON;A4BlrOI;EACE;A5BorON;A4BhrOE;EACE;A5BkrOJ;A4B/qOE;EACE;A5BirOJ;A4B7qOI;EACE;EACA;A5B+qON;A4B1qOI;EACE;EACA;A5B4qON;AuCvzPE;EACE;EACA;AvCyzPJ;;AmEv4PE;EACE;AnE04PJ;AmEx4PI;EACE;EACA;AnE04PN;AmEv4PI;EACE;AnEy4PN;AmEr4PE;EACE;EACA;AnEu4PJ;AmEp4PE;EACE;EACA;EACA;EACA;EACA;AnEs4PJ;AmEn4PE;EACE;EACA;AnEq4PJ;AmEn4PI;EACE;EACA;AnEq4PN;AmEj4PE;;EAEE;AnEm4PJ;AmEj4PI;;EACE;AnEo4PN;AmEl4PM;;EACE;EACA;AnEq4PR;AmEj4PI;;EACE;EACA;EACA;AnEo4PN;AmEl4PM;;EACE;AnEq4PR;;AmE/3PA;EACE;AnEk4PF;AmEh4PE;EACE;AnEk4PJ;;AoE/6PA;EACE;ApEk7PF;;AoE/6PA;EAGE;EACA;EACA;EACA;EACA,uFRpEY;EQqEZ,kFrE/Ce;EqEgDf;ApEg7PF;ASz7PI;EAFF;;IAGI;IACA;ET67PJ;AACF;AS37PI;;EACE;EACA;EACA;AT87PN;AS37PI;;EACE;EACA;EACA;EACA,mEVrCG;ACm+PT;AS37PI;;EACE;AT87PN;AS37PI;;EACE;EACA,sFVpDa;ACk/PnB;AoE38PE;EAEE;ApE48PJ;;AoEx8PA;EACE;EACA;EACA;EACA;ApE28PF;;AoEx8PA;EACE;EACA;EACA;EACA;ApE28PF;;AoEx8PA;EACE;ApE28PF;;AoEx8PA;EACE;ApE28PF;;AoEx8PA;EACE;ApE28PF;;AoEx8PA;EACE;EACA;EACA;ApE28PF;AoEz8PE;EACE;EACA;EACA;ApE28PJ;;AS9/PI;EAFF;;IAGI;IACA;ETmgQJ;AACF;ASjgQI;;EACE;EACA;EACA;ATogQN;ASjgQI;;EACE;EACA;EACA;EACA,mEVrCG;ACyiQT;ASjgQI;;EACE;ATogQN;ASjgQI;;EACE;EACA,sFVpDa;ACwjQnB;;AoE59PA;EAJE;EACA;ApEo+PF;;AoE59PE;EACE;ApE+9PJ;;AoE19PE;EACE,kFrEnHa;EqEoHb;ApE69PJ,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-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}\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-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__shadow {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--sjs-corner-radius, 4px);\n}\n\n.sv-popup__body-content {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  border-radius: 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(11 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n}\n\n.sv-popup--modal > .sv-popup__container {\n  position: static;\n  display: flex;\n}\n\n.sv-popup--modal > .sv-popup__container > .sv-popup__shadow > .sv-popup__body-content {\n  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: auto;\n}\n.sv-popup--modal > .sv-popup__container > .sv-popup__shadow > .sv-popup__body-content .sv-popup__body-footer {\n  padding-bottom: 2px;\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__shadow {\n  height: initial;\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  margin-bottom: 0;\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  padding-bottom: 0;\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}\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  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n  padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(100% - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-popup--overlay .sv-popup__scrolling-content {\n  height: calc(100% - 10 * var(--base-unit, 8px));\n}\n.sv-popup--overlay .sv-popup__body-footer {\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--overlay .sv-popup__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__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--overlay .sv-popup__body-footer .sv-action {\n  flex: 1 0 0;\n}\n\n.sv-popup--modal .sv-popup__scrolling-content {\n  padding: 2px;\n  margin: -2px;\n}\n\n.sv-popup__scrolling-content {\n  height: 100%;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n}\n.sv-popup__scrolling-content::-webkit-scrollbar,\n.sv-popup__scrolling-content *::-webkit-scrollbar {\n  height: 6px;\n  width: 6px;\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sv-popup__scrolling-content::-webkit-scrollbar-thumb,\n.sv-popup__scrolling-content *::-webkit-scrollbar-thumb {\n  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sv-popup__content {\n  min-width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  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  margin-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sv-popup__body-footer {\n  display: flex;\n  margin-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup__body-footer .sv-action-bar {\n  gap: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup__button {\n  margin: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup--modal .sv-list__filter,\n.sv-popup--overlay .sv-list__filter {\n  padding-top: 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__shadow {\n  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\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__shadow > .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}\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  margin: 0;\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}\n.sv-popup--dropdown-overlay .sv-popup__body-footer {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  margin-top: 0;\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  margin: 0;\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--animate-enter {\n  animation-name: fadeIn;\n  animation-fill-mode: forwards;\n  animation-duration: 0.15s;\n}\n\n.sv-popup--modal.sv-popup--animate-enter {\n  animation-duration: 0.25s;\n}\n\n.sv-popup--animate-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--animate-leave {\n  animation-duration: 0.25s;\n}\n\n.sv-popup--hidden {\n  opacity: 0;\n}\n\n@keyframes modalMoveDown {\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(64px);\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--animate-leave .sv-popup__container {\n  animation-name: modalMoveDown;\n  animation-fill-mode: forwards;\n  animation-duration: 0.25s;\n}\n\n.sv-popup--modal.sv-popup--animate-enter .sv-popup__container {\n  animation-name: modalMoveUp;\n  animation-fill-mode: forwards;\n  animation-duration: 0.25s;\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}\n.sv_window--collapsed .sv_window_content {\n  display: none;\n}\n.sv_window--collapsed .sv_window_buttons_container {\n  margin-top: 0;\n  margin-right: 0;\n}\n\n.sv_window_header_title_collapsed {\n  color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-style: normal;\n  font-weight: 600;\n  font-size: var(--sjs-font-size, 16px);\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  flex: 1;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.sv_window_header_description {\n  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n  font-feature-settings: \"salt\" on;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-style: normal;\n  font-size: var(--sjs-font-size, 16px);\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.sv_window_buttons_container {\n  position: fixed;\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n  display: flex;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n  z-index: 10000;\n}\n\n.sv_window_button {\n  display: flex;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  justify-content: center;\n  align-items: center;\n  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  cursor: pointer;\n}\n.sv_window_button:hover, .sv_window_button:active {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.sv_window_button:hover svg use,\n.sv_window_button:hover svg path, .sv_window_button:active svg use,\n.sv_window_button:active svg path {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sv_window_button:active {\n  opacity: 0.5;\n}\n.sv_window_button svg use,\n.sv_window_button svg path {\n  fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n}\n\nsv-brand-info, .sv-brand-info {\n  z-index: 1;\n  position: relative;\n  margin-top: 1px;\n}\n\n.sv-brand-info {\n  width: 100%;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  text-align: center;\n  color: #161616;\n  background: white;\n  padding: 32px 0;\n  box-shadow: 0px -1px 0px #D6D6D6;\n}\n.sv-brand-info a {\n  color: #161616;\n  text-decoration-line: underline;\n}\n\n.sv-brand-info__text {\n  font-weight: 600;\n  font-size: var(--sjs-font-size, 16px);\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  color: #161616;\n}\n\n.sv-brand-info__logo {\n  display: inline-block;\n}\n.sv-brand-info__logo img {\n  width: 118px;\n}\n\n.sv-brand-info__terms {\n  font-weight: 400;\n  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n  line-height: var(--sjs-font-size, 16px);\n}\n.sv-brand-info__terms a {\n  color: #909090;\n}\n\n:root {\n  --sjs-transition-duration: 150ms;\n}\n\n:root {\n  --sjs-transition-duration: 150ms;\n}\n\n.sv-ranking {\n  outline: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n.sv-ranking-item {\n  cursor: pointer;\n  position: relative;\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  opacity: 1;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--hover {\n  visibility: hidden;\n}\n\n.sv-ranking-item:hover:not(:focus) .sv-ranking-item__icon--hover {\n  visibility: visible;\n}\n\n.sv-question--disabled .sv-ranking-item:hover .sv-ranking-item__icon--hover {\n  visibility: hidden;\n}\n\n.sv-ranking-item:focus {\n  outline: none;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--focus {\n  visibility: visible;\n  top: calc(0.6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking-item:focus .sv-ranking-item__index {\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  outline: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-ranking-item__content.sv-ranking-item__content {\n  display: flex;\n  align-items: center;\n  line-height: 1em;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking-item__icon-container {\n  position: relative;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  flex-shrink: 0;\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking-item--disabled.sv-ranking-item--disabled,\n.sv-ranking-item--readonly.sv-ranking-item--readonly,\n.sv-ranking-item--preview.sv-ranking-item--preview {\n  cursor: initial;\n  user-select: initial;\n  -webkit-user-select: initial;\n}\n.sv-ranking-item--disabled.sv-ranking-item--disabled .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon,\n.sv-ranking-item--readonly.sv-ranking-item--readonly .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon,\n.sv-ranking-item--preview.sv-ranking-item--preview .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon {\n  visibility: hidden;\n}\n\n.sv-ranking-item__icon.sv-ranking-item__icon {\n  visibility: hidden;\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  position: absolute;\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n  width: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking-item__index.sv-ranking-item__index {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  border-radius: 100%;\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  box-sizing: border-box;\n  font-weight: 600;\n  margin-left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  transition: outline var(--sjs-transition-duration, 150ms), background var(--sjs-transition-duration, 150ms);\n  outline: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n}\n.sv-ranking-item__index.sv-ranking-item__index svg {\n  fill: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  width: var(--sjs-internal-font-editorfont-size);\n  height: var(--sjs-internal-font-editorfont-size);\n}\n\n.sv-ranking-item__text {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-ranking--disabled .sv-ranking-item__text {\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  opacity: 0.25;\n}\n\n.sv-ranking-item--disabled .sv-ranking-item__text {\n  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n  opacity: 0.25;\n}\n\n.sv-ranking-item--readonly .sv-ranking-item__index {\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sv-ranking-item--preview .sv-ranking-item__index {\n  background-color: transparent;\n  border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));\n  box-sizing: border-box;\n}\n\n.sv-ranking-item__ghost.sv-ranking-item__ghost {\n  display: none;\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(31 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  z-index: 1;\n  position: absolute;\n  left: 0;\n  top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n[dir=rtl] .sv-ranking-item__ghost {\n  left: initilal;\n  right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__ghost {\n  display: block;\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__content {\n  visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__content {\n  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking--drag .sv-ranking-item:hover .sv-ranking-item__icon {\n  visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__icon--hover {\n  visibility: visible;\n}\n\n.sv-ranking--mobile .sv-ranking-item__icon--hover {\n  visibility: visible;\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-ranking--mobile.sv-ranking--drag .sv-ranking-item--ghost .sv-ranking-item__icon.sv-ranking-item__icon--hover {\n  visibility: hidden;\n}\n\n.sv-ranking--mobile.sv-ranking-shortcut {\n  max-width: 80%;\n}\n\n.sv-ranking--mobile .sv-ranking-item__index.sv-ranking-item__index {\n  margin-left: 0;\n}\n.sv-ranking--mobile .sd-element--with-frame .sv-ranking-item__icon {\n  margin-left: 0;\n}\n\n.sv-ranking--design-mode .sv-ranking-item:hover .sv-ranking-item__icon {\n  visibility: hidden;\n}\n\n.sv-ranking--disabled {\n  opacity: 0.8;\n}\n\n.sv-ranking-shortcut[hidden] {\n  display: none;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-ranking-shortcut .sv-ranking-item__text {\n  margin-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon--hover {\n  visibility: visible;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n  width: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-ranking-shortcut .sv-ranking-item__content {\n  padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-ranking-shortcut .sv-ranking-item__icon-container {\n  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-ranking-shortcut {\n  cursor: grabbing;\n  position: absolute;\n  z-index: 10000;\n  border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  min-width: 100px;\n  max-width: 400px;\n  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n}\n\n.sv-ranking--select-to-rank {\n  display: flex;\n}\n\n.sv-ranking--select-to-rank-vertical {\n  flex-direction: column-reverse;\n}\n.sv-ranking--select-to-rank-vertical .sv-ranking__containers-divider {\n  margin: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n  height: 1px;\n}\n.sv-ranking--select-to-rank-vertical .sv-ranking__container--empty {\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.sv-ranking-item--animate-item-removing {\n  --animation-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  animation-name: moveIn, fadeIn;\n  animation-direction: reverse;\n  animation-fill-mode: forwards;\n  animation-timing-function: linear;\n  animation-duration: var(--sjs-ranking-move-out-duration, 150ms), var(--sjs-ranking-fade-out-duration, 100ms);\n  animation-delay: var(--sjs-ranking-move-out-delay, 0ms), 0s;\n}\n\n.sv-ranking-item--animate-item-adding {\n  --animation-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  animation-name: moveIn, fadeIn;\n  opacity: 0;\n  animation-fill-mode: forwards;\n  animation-timing-function: linear;\n  animation-duration: var(--sjs-ranking-move-in-duration, 150ms), var(--sjs-ranking-fade-in-duration, 100ms);\n  animation-delay: 0s, var(--sjs-ranking-fade-in-delay, 150ms);\n}\n\n.sv-ranking-item--animate-item-adding-empty {\n  --animation-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  animation-name: fadeIn;\n  opacity: 0;\n  animation-timing-function: linear;\n  animation-duration: var(--sjs-ranking-fade-in-duration, 100ms);\n  animation-delay: 0;\n}\n\n.sv-ranking-item--animate-item-removing-empty {\n  --animation-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  animation-name: fadeIn;\n  animation-direction: reverse;\n  animation-timing-function: linear;\n  animation-duration: var(--sjs-ranking-fade-out-duration, 100ms);\n  animation-delay: 0;\n}\n\n@keyframes sv-animate-item-opacity-reverse-keyframes {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes sv-animate-item-opacity-keyframes {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container {\n  max-width: calc(50% - 1px);\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider {\n  width: 1px;\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {\n  left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item {\n  left: initial;\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {\n  padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {\n  padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking__container-placeholder {\n  color: var(--sjs-font-questiondescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-style: normal;\n  font-size: var(--sjs-font-size, 16px);\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  white-space: normal;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  padding-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n}\n\n.sv-ranking__container {\n  flex: 1;\n}\n\n.sv-ranking__container--empty {\n  box-sizing: border-box;\n  text-align: center;\n}\n\n.sv-ranking__containers-divider {\n  background: var(--sjs-border-default, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));\n}\n\n.sv-ranking__container--from .sv-ranking-item__icon--focus {\n  display: none;\n}\n\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {\n  left: 0 !important;\n  padding-left: 16px;\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item .sv-ranking-item__ghost {\n  left: initial;\n}\n\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: left;\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}\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: 0;\n  }\n  99% {\n    overflow: hidden;\n    height: var(--animation-height);\n  }\n  to {\n    overflow: visible;\n    height: var(--animation-height);\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-element__title.sd-element__title--hidden {\n  display: none;\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.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--fade-in {\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--fade-out {\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--fade-in,\n.sd-element__content--fade-out {\n  --animation-padding-top: 0;\n  --animation-padding-bottom: 0;\n}\n\n.sd-element__content--fade-in {\n  animation-name: fadeIn, moveInWithOverflow, paddingFadeIn;\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), 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--fade-out {\n  animation-name: fadeIn, moveInWithOverflow, paddingFadeIn;\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), 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}\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-question__content: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}\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--fade-out,\n.sd-table__row--fade-in {\n  animation-name: empty;\n  animation-fill-mode: forwards;\n  --fade-in-animation-duration: calc(var(--sjs-matrix-row-fade-in-duration, 250ms) + var(--sjs-matrix-row-fade-in-delay, 150ms));\n  animation-duration: max(var(--fade-in-animation-duration), var(--sjs-matrix-row-move-in-duration, 150ms));\n}\n.sd-table__row--fade-out > td,\n.sd-table__row--fade-in > td {\n  animation-name: borderAnimation;\n  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  animation-duration: var(--sjs-matrix-row-move-in-duration, 150ms);\n  animation-fill-mode: forwards;\n}\n.sd-table__row--fade-out > td > div,\n.sd-table__row--fade-in > td > div {\n  animation-name: fadeIn, moveInWithOverflow;\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  animation-fill-mode: forwards;\n  animation-duration: var(--sjs-matrix-row-fade-in-duration, 250ms), var(--sjs-matrix-row-move-in-duration, 150ms);\n  animation-delay: var(--sjs-matrix-row-fade-in-delay, 150ms), 0s;\n}\n\n.sd-table__row--fade-out {\n  animation-direction: reverse;\n  --move-out-animation-duration: calc(var(--sjs-matrix-row-move-out-duration, 250ms) + var(--sjs-matrix-row-move-out-delay, 100ms));\n  animation-duration: max(var(--move-out-animation-duration), var(--sjs-matrix-row-fade-out-duration, 100ms));\n}\n.sd-table__row--fade-out > td {\n  animation-duration: var(--sjs-matrix-row-move-out-duration, 250ms);\n  animation-delay: var(--sjs-matrix-row-move-out-delay, 100ms);\n  animation-direction: reverse;\n  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n}\n.sd-table__row--fade-out > td > div {\n  animation-direction: reverse;\n  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n  animation-duration: var(--sjs-matrix-row-fade-out-duration, 100ms), var(--sjs-matrix-row-move-out-duration, 250ms);\n  animation-delay: 0s, var(--sjs-matrix-row-move-out-delay, 100ms);\n}\n\n.sd-table__row--detail.sd-table__row--fade-in > td, .sd-table__row--detail.sd-table__row--fade-out > td {\n  animation-name: borderAnimation, paddingAnimation;\n  animation-duration: var(--sjs-matrix-row-move-in-duration, 150ms);\n  animation-fill-mode: forwards;\n}\n.sd-table__row--detail.sd-table__row--fade-in {\n  --fade-in-animation-duration: calc(var(--sjs-matrix-detail-row-fade-in-duration, 500ms) + var(--sjs-matrix-detail-row-fade-in-delay, 150ms));\n  animation-duration: max(var(--fade-in-animation-duration), var(--sjs-matrix-detail-row-move-in-duration, 150ms));\n}\n.sd-table__row--detail.sd-table__row--fade-in > td {\n  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  animation-duration: var(--sjs-matrix-detail-row-move-in-duration, 150ms);\n}\n.sd-table__row--detail.sd-table__row--fade-in > td > div {\n  animation-duration: var(--sjs-matrix-detail-row-fade-in-duration, 500ms), var(--sjs-matrix-detail-row-move-in-duration, 150ms);\n  animation-delay: var(--sjs-matrix-detail-row-fade-in-delay, 150ms), 0s;\n}\n.sd-table__row--detail.sd-table__row--fade-out {\n  --move-out-animation-duration: calc(var(--sjs-matrix-detail-row-move-out-duration, 250ms) + var(--sjs-matrix-detail-row-move-out-delay, 100ms));\n  animation-duration: max(var(--move-out-animation-duration), var(--sjs-matrix-detail-row-fade-out-duration, 150ms));\n}\n.sd-table__row--detail.sd-table__row--fade-out > td {\n  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n  animation-duration: var(--sjs-matrix-detail-row-move-out-duration, 250ms);\n  animation-delay: var(--sjs-matrix-detail-row-move-out-delay, 100ms);\n  animation-direction: reverse;\n}\n.sd-table__row--detail.sd-table__row--fade-out > td > div {\n  animation-duration: var(--sjs-matrix-detail-row-fade-out-duration, 150ms), var(--sjs-matrix-detail-row-move-out-duration, 250ms);\n  animation-delay: 0s, var(--sjs-matrix-detail-row-move-out-delay, 100ms);\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}\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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions),\n.sd-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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: right;\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: left;\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: left;\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-matrixdynamic__content .sd-table__question-wrapper {\n  position: relative;\n}\n\n.sd-table__question-wrapper:not(:focus-within):hover {\n  position: relative;\n}\n\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-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-root-modern--mobile .sd-table__question-wrapper .sd-boolean-root {\n  margin: initial;\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  --animate-margin: var(--sd-base-vertical-padding);\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  --animate-margin: 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  --animate-margin: var(--sd-base-vertical-padding);\n}\n\n.sd-row:first-of-type {\n  margin-top: 0;\n  --animate-margin: 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  --animate-margin: 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  --animate-margin: var(--sd-base-vertical-padding);\n}\n.sd-page__title ~ .sd-page__row.sd-row.sd-row--fade-in.sd-row--fade-in,\n.sd-page__description ~ .sd-page__row.sd-row.sd-row--fade-in.sd-row--fade-in {\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  --animate-margin: 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--fade-in.sd-row--fade-in {\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@keyframes marginFadeIn {\n  from {\n    margin-top: 0;\n  }\n  to {\n    margin-top: var(--animate-margin);\n  }\n}\n.sd-row.sd-row--fade-in {\n  margin-top: 0;\n}\n\n.sd-row--fade-in {\n  animation-fill-mode: forwards;\n  animation-name: fadeIn, moveInWithOverflow, marginFadeIn;\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-fade-in {\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--fade-out {\n  animation-name: fadeIn, moveInWithOverflow, marginFadeIn;\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--fade-in .sd-element-wrapper--fade-in {\n  animation: none;\n}\n\n.sd-row--fade-out .sd-element-wrapper--fade-out {\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-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: left;\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}\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  min-width: 0;\n}\n\n.sd-selectbase__column:not(:last-child) {\n  padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-selectbase__column.sv-q-column-1 {\n  width: 100%;\n}\n\n.sd-checkbox__decorator {\n  border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));\n}\n\n.sd-checkbox__svg {\n  display: 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: left;\n}\n\n:root {\n  --sd-rating-bad-color: var(--sjs-special-red, var(--red, #e60a3e));\n  --sd-rating-normal-color: var(--sjs-special-yellow, var(--yellow, #ff9814));\n  --sd-rating-good-color: var(--sjs-special-green, var(--green, #19b394));\n  --sd-rating-bad-color-light: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n  --sd-rating-normal-color-light: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));\n  --sd-rating-good-color-light: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sd-rating {\n  overflow-x: auto;\n  min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-rating fieldset {\n  display: flex;\n  border: none;\n  padding: 0 0 2px 0;\n  flex-wrap: nowrap;\n  gap: 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}\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--animate-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}\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: left;\n  cursor: text;\n  pointer-events: none;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n[dir=rtl] .sd-tagbox-item_clean-button,\n[style*=\"direction:rtl\"] .sd-tagbox-item_clean-button,\n[style*=\"direction: rtl\"] .sd-tagbox-item_clean-button {\n  background: linear-gradient(90deg, var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%, rgba(25, 179, 148, 0) 100%);\n}\n\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint,\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint-suffix-wrapper,\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__filter-string-input {\n  width: 100%;\n}\n\n.sd-tagbox__hint {\n  display: flex;\n  flex-grow: 1;\n}\n\n.sd-tagbox__hint-suffix-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {\n  --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-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: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-bottom: 0;\n  padding-top: var(--sd-base-vertical-padding);\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--fade-in.sv-pd-animation-left,\n.sd-paneldynamic__panel-wrapper--fade-in.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--fade-in.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--fade-in.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--fade-out.sv-pd-animation-left,\n.sd-paneldynamic__panel-wrapper--fade-out.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--fade-out.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--fade-out.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--fade-in.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--fade-in.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--fade-out.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--fade-in,\n.sd-paneldynamic__panel-wrapper--fade-out {\n  animation-name: fadeIn, moveInWithOverflow, paddingFadeIn;\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--fade-in {\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--fade-out {\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  gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: content-box;\n  flex-direction: row;\n  align-items: stretch;\n  justify-content: center;\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__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__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 .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.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\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}\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}\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% + 4px);\n  width: calc(100% - 4px);\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}\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  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\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% + 8px);\n  width: calc(100% - 8px);\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% + 4px);\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% + 8px);\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(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  font-weight: 600;\n  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n}\n\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}\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 .sd-question.sd-question--table > .sd-question__content {\n  padding-top: 0;\n  --animation-padding-top: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-question--table,\n.sd-root-modern.sd-root-modern--mobile .sd-question--scroll {\n  overflow-x: visible;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell {\n  display: flex;\n  align-items: flex-start;\n  border-top: none;\n  border-bottom: none;\n}\n.sd-root-modern.sd-root-modern--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: left;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell:first-of-type {\n  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table thead {\n  display: none;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table tr {\n  display: flex;\n  flex-direction: column;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrix__table .sd-table__row {\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__row {\n  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__row--expanded .sd-table__cell-action--show-detail-mobile {\n  display: none;\n}\n.sd-root-modern.sd-root-modern--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-root-modern.sd-root-modern--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-root-modern.sd-root-modern--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-root-modern.sd-root-modern--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-root-modern.sd-root-modern--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-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tfoot tr::before,\n.sd-root-modern.sd-root-modern--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-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--expanded)::after {\n  bottom: 0;\n}\n.sd-root-modern.sd-root-modern--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-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tfoot tr::before {\n  background-color: transparent;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type .sd-table__cell-action--show-detail-mobile,\n.sd-root-modern.sd-root-modern--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-root-modern.sd-root-modern--mobile .sd-matrix__label {\n  justify-content: flex-start;\n}\n.sd-root-modern.sd-root-modern--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: left;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell {\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error {\n  margin-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-root-modern.sd-root-modern--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-root-modern.sd-root-modern--mobile .sd-table__cell:first-of-type,\n.sd-root-modern.sd-root-modern--mobile .sd-matrix__cell {\n  margin-top: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--footer:not(.sd-question--answered) {\n  display: none;\n}\n.sd-root-modern.sd-root-modern--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: left;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__responsive-title .sv-string-viewer {\n  white-space: normal;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table--no-header {\n  padding-top: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table--no-header .sd-table__responsive-title {\n  display: none;\n}\n.sd-root-modern.sd-root-modern--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-root-modern.sd-root-modern--mobile .sd-table__cell--detail-panel .sd-panel__content {\n  padding-top: 0;\n}\n.sd-root-modern.sd-root-modern--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-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar {\n  margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions #show-detail-mobile {\n  flex-grow: 1;\n}\n.sd-root-modern.sd-root-modern--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-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {\n  display: none;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn:after {\n  content: attr(title);\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrixdynamic__footer {\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--footer-total:not(.sd-matrix__cell),\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--row-text:not(.sd-matrix__cell) {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr::after {\n  bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr:last-child:after {\n  content: none;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--error-top {\n  margin-top: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error-top:first-of-type ~ .sd-table__cell:nth-of-type(2) {\n  margin-top: 0;\n}\n.sd-root-modern.sd-root-modern--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-root-modern.sd-root-modern--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-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@-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  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}","@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-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}\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\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-large;\n  border-radius: calcCornerRadius(1);\n  position: absolute;\n  padding: 0;\n}\n\n.sv-popup__shadow {\n  width: 100%;\n  height: 100%;\n  border-radius: calcCornerRadius(1);\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(11) calcSize(15);\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__shadow>.sv-popup__body-content {\n  box-shadow: $shadow-large;\n  background-color: $background-dim-light;\n  padding: calcSize(4);\n  height: auto;\n\n  .sv-popup__body-footer {\n    padding-bottom: 2px;\n  }\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__shadow {\n    height: initial;\n  }\n\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    margin-bottom: 0;\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    padding-bottom: 0;\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  }\n\n  .sv-popup__body-content {\n    max-height: $popup-overlay-height;\n    max-width: 100vw;\n    border-radius: calcCornerRadius(4) calcCornerRadius(4) 0px 0px;\n    background: $background;\n    box-shadow: $shadow-large;\n    padding: calcSize(3) calcSize(2) calcSize(2);\n    height: calc(100% - calc(1 * #{$base-unit}));\n  }\n\n  .sv-popup__scrolling-content {\n    height: calc(100% - (10 * var(--base-unit, 8px)));\n  }\n\n  .sv-popup__body-footer {\n    margin-top: calcSize(2);\n  }\n\n  .sv-popup__body-footer .sv-action-bar {\n    width: 100%;\n  }\n\n  .sv-popup__body-footer-item {\n    width: 100%;\n  }\n\n  .sv-popup__button.sv-popup__button {\n    background-color: $primary;\n    border: 2px solid $primary;\n    color: $primary-foreground;\n  }\n}\n\n.sv-popup--overlay {\n  .sv-popup__body-footer .sv-action {\n    flex: 1 0 0;\n  }\n}\n\n.sv-popup--modal .sv-popup__scrolling-content {\n  padding: 2px;\n  margin: -2px;\n}\n\n.sv-popup__scrolling-content {\n  height: 100%;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n\n  &,\n  * {\n    &::-webkit-scrollbar {\n      height: 6px;\n      width: 6px;\n      background-color: $background-dim;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background: $primary-light;\n    }\n  }\n}\n\n.sv-popup__content {\n  min-width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  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  margin-bottom: calcSize(2);\n  color: $foreground;\n}\n\n.sv-popup__body-footer {\n  display: flex;\n  margin-top: calcSize(4);\n}\n\n.sv-popup__body-footer .sv-action-bar {\n  gap: calcSize(1.5);\n}\n\n.sv-popup__button {\n  margin: calcSize(0.25);\n}\n\n.sv-popup--modal,\n.sv-popup--overlay {\n  .sv-list__filter {\n    padding-top: calcSize(1);\n  }\n\n  .sv-list__filter-icon {\n    top: calcSize(2.5);\n  }\n}\n\n.sv-popup--dropdown {\n  .sv-list__filter {\n    margin-bottom: calcSize(1);\n  }\n\n  .sv-popup__shadow {\n    box-shadow: $shadow-medium;\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__shadow>.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  }\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    margin: 0;\n  }\n\n  .sv-popup__container {\n    max-height: calc(var(--sv-popup-overlay-height, 100vh));\n    height: calc(var(--sv-popup-overlay-height, 100vh));\n    padding-top: 0;\n  }\n\n  .sv-popup__body-content {\n    height: calc(var(--sv-popup-overlay-height, 100vh));\n  }\n\n  .sv-popup__body-footer {\n    background-color: $background-dim;\n    margin-top: 0;\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\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    margin: 0;\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--animate-enter {\n  animation-name: fadeIn;\n  animation-fill-mode: forwards;\n  animation-duration: 0.15s;\n}\n\n.sv-popup--modal.sv-popup--animate-enter {\n  animation-duration: 0.25s;\n}\n\n.sv-popup--animate-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--animate-leave {\n  animation-duration: 0.25s;\n}\n\n.sv-popup--hidden {\n  opacity: 0;\n}\n\n@keyframes modalMoveDown {\n  from {\n    transform: translateY(0);\n  }\n\n  to {\n    transform: translateY(64px);\n  }\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.sv-popup--animate-leave .sv-popup__container {\n  animation-name: modalMoveDown;\n  animation-fill-mode: forwards;\n  animation-duration: 0.25s;\n}\n\n.sv-popup--modal.sv-popup--animate-enter .sv-popup__container {\n  animation-name: modalMoveUp;\n  animation-fill-mode: forwards;\n  animation-duration: 0.25s;\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    @include scrollRules;\r\n    box-sizing: border-box;\r\n    background: $background-dim;\r\n    width: calc(100% - calcSize(4)) !important;\r\n}\r\n\r\n.sv_window_root-content {\r\n    height: 100%;\r\n}\r\n\r\n.sv_window--full-screen {\r\n    top: calcSize(2);\r\n    left: calcSize(2);\r\n    right: calcSize(2);\r\n    bottom: calcSize(2);\r\n    max-height: 100%;\r\n    width: initial !important;\r\n    max-width: initial!important;\r\n}\r\n\r\n.sv_window_header {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n}\r\n\r\n.sv_window_content {\r\n    overflow: hidden;\r\n}\r\n\r\n.sv_window--collapsed {\r\n    height: initial;\r\n    \r\n    .sv_window_header {\r\n        height: calcSize(4);\r\n        padding: calcSize(1) calcSize(1) calcSize(1) calcSize(2);\r\n        border-radius: calcSize(1);\r\n        display: flex;\r\n        background-color: $background-dim;\r\n    }\r\n\r\n    .sv_window_content {\r\n        display: none;\r\n    }\r\n\r\n    .sv_window_buttons_container {\r\n        margin-top: 0;\r\n        margin-right: 0;\r\n    }\r\n}\r\n\r\n.sv_window_header_title_collapsed {\r\n    color: $foreground-dim;\r\n    @include defaultBold;\r\n    flex: 1;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n}\r\n\r\n.sv_window_header_description {\r\n    color: $font-questiondescription-color;\r\n    font-feature-settings: 'salt' on;\r\n    @include defaultFont;\r\n    white-space: nowrap;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n}\r\n\r\n.sv_window_buttons_container {\r\n    position: fixed;\r\n    margin-top: calcSize(1);;\r\n    margin-right: calcSize(1);;\r\n    display: flex;\r\n    gap: calcSize(1);\r\n    z-index: 10000;\r\n}\r\n\r\n.sv_window_button {\r\n    display: flex;\r\n    padding: calcSize(1);\r\n    justify-content: center;\r\n    align-items: center;\r\n    border-radius: calcSize(0.5);\r\n    cursor: pointer;\r\n\r\n    &:hover,\r\n    &:active {\r\n        background-color: $primary-light;\r\n\r\n        svg {\r\n\r\n            use,\r\n            path {\r\n                fill: $primary;\r\n            }\r\n        }\r\n    }\r\n\r\n    &:active {\r\n        opacity: 0.5;\r\n    }\r\n\r\n    svg {\r\n\r\n        use,\r\n        path {\r\n            fill: $foreground-dim-light;\r\n        }\r\n    }\r\n}","@mixin page_title {\n  --page-title-font-size: var(--sjs-font-pagetitle-size, calc(1.5 * (var(--sjs-font-size, 16px))));\n  font-family: $font-pagetitle-family;\n  font-weight: $font-pagetitle-weight;\n  font-size: var(--page-title-font-size);\n  color: $font-pagetitle-color;\n  position: static;\n  line-height: multiply(1.33, var(--page-title-font-size));\n  margin: 0 0 calcSize(0.5) 0px;\n}\n\n@mixin survey_title {\n  --survey-title-font-size: var(--sjs-font-surveytitle-size, calc(2 * (var(--sjs-font-size, 16px))));\n  font-size: var(--survey-title-font-size);\n  line-height: multiply(1.25, var(--survey-title-font-size));\n}\n\n@mixin survey_description {\n  --survey-description-font-size: var(--sjs-font-surveydescription-size, var(--sjs-font-size, 16px));\n  font-size: var(--survey-description-font-size);\n  line-height: multiply(1.5, var(--survey-description-font-size));\n}\n\n@mixin header_title {\n  --header-title-font-size: var(--sjs-font-headertitle-size, calc(2 * (var(--sjs-font-size, 16px))));\n  font-size: var(--header-title-font-size);\n  line-height: multiply(1.25, var(--header-title-font-size));\n}\n\n@mixin header_description {\n  --header-description-font-size: var(--sjs-font-headerdescription-size, var(--sjs-font-size, 16px));\n  font-size: var(--header-description-font-size);\n  line-height: multiply(1.5, var(--header-description-font-size));\n}\n\n@mixin page_description {\n  font-family: $font-pagedescription-family;\n  font-weight: $font-pagedescription-weight;\n  font-size: $font-pagedescription-size;\n  color: $font-pagedescription-color;\n  position: static;\n  line-height: multiply(1.5, $font-pagedescription-size);\n  margin: 0 0 calcSize(0.5) 0;\n}\n\n@mixin num_inline {\n  float: none;\n  margin-inline-start: 0;\n  width: auto;\n  padding-inline-start: 0;\n  padding-inline-end: 0;\n\n  & + span {\n    float: none;\n    width: auto;\n  }\n}\n\n@mixin scrollRules {\n  &,\n  * {\n    @-moz-document url-prefix() {\n      scrollbar-width: thin;\n      scrollbar-color: $border transparent;\n    }\n\n    &::-webkit-scrollbar {\n      width: 12px;\n      height: 12px;\n      background-color: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      border: 4px solid rgba(0, 0, 0, 0);\n      background-clip: padding-box;\n      border-radius: 32px;\n      background-color: $border;\n    }\n\n    &::-webkit-scrollbar-track {\n      background: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb:hover {\n      border: 2px solid rgba(0, 0, 0, 0);\n      background-color: $foreground-light;\n    }\n  }\n}","@import \"./variables.scss\";\n\n@mixin smallBold {\n  font-family: $font-family;\n  font-style: normal;\n  font-weight: 600;\n  font-size: calcFontSize(0.75);\n  line-height: calcLineHeight(1);\n}\n\n@mixin defaultBold {\n  font-family: $font-family;\n  font-style: normal;\n  font-weight: 600;\n  font-size: calcFontSize(1);\n  line-height: calcLineHeight(1.5);\n}\n\n@mixin defaultFont {\n  font-family: $font-family;\n  font-style: normal;\n  font-size: calcFontSize(1);\n  line-height: calcLineHeight(1.5);\n}\n\n@mixin borderLight {\n  border: calcSize(0.25) solid $border-light;\n}\n\n@mixin articleXXLargeFont {\n  font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (#{$font-size})));\n  text-decoration: var(--sjs-article-font-xx-large-textDecoration, \"none\");\n  font-family: $font-family;\n  font-weight: var(--sjs-article-font-xx-large-fontWeight, 700);\n  font-style: var(--sjs-article-font-xx-large-fontStyle, \"normal\");\n  font-stretch: var(--sjs-article-font-xx-large-fontStretch, \"normal\");\n  letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0);\n  line-height: var(--sjs-article-font-xx-large-lineHeight, 64px);\n  text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px);\n  text-transform: var(--sjs-article-font-xx-large-textCase, \"none\");\n}\n\n@mixin articleXLargeFont {\n  font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (#{$font-size})));\n  text-decoration: var(--sjs-article-font-x-large-textDecoration, \"none\");\n  font-family: $font-family;\n  font-weight: var(--sjs-article-font-x-large-fontWeight, 700);\n  font-style: var(--sjs-article-font-x-large-fontStyle, \"normal\");\n  font-stretch: var(--sjs-article-font-x-large-fontStretch, \"normal\");\n  letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0);\n  line-height: var(--sjs-article-font-x-large-lineHeight, 56px);\n  text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px);\n  text-transform: var(--sjs-article-font-x-large-textCase, \"none\");\n}\n\n@mixin articleLargeFont {\n  font-size: var(--sjs-article-font-large-fontSize, calc(2 * (#{$font-size})));\n  text-decoration: var(--sjs-article-font-large-textDecoration, \"none\");\n  font-family: $font-family;\n  font-weight: var(--sjs-article-font-large-fontWeight, 700);\n  font-style: var(--sjs-article-font-large-fontStyle, \"normal\");\n  font-stretch: var(--sjs-article-font-large-fontStretch, \"normal\");\n  letter-spacing: var(--sjs-article-font-large-letterSpacing, 0);\n  line-height: var(--sjs-article-font-large-lineHeight, 40px);\n  text-indent: var(--sjs-article-font-large-paragraphIndent, 0px);\n  text-transform: var(--sjs-article-font-large-textCase, \"none\");\n}\n\n@mixin articleMediumFont {\n  font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (#{$font-size})));\n  text-decoration: var(--sjs-article-font-medium-textDecoration, \"none\");\n  font-family: $font-family;\n  font-weight: var(--sjs-article-font-medium-fontWeight, 700);\n  font-style: var(--sjs-article-font-medium-fontStyle, \"normal\");\n  font-stretch: var(--sjs-article-font-medium-fontStretch, \"normal\");\n  letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0);\n  line-height: var(--sjs-article-font-medium-lineHeight, 32px);\n  text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px);\n  text-transform: var(--sjs-article-font-medium-textCase, \"none\");\n}\n\n@mixin articleDefaultFont {\n  font-size: var(--sjs-article-font-default-fontSize, #{$font-size});\n  text-decoration: var(--sjs-article-font-default-textDecoration, \"none\");\n  font-family: $font-family;\n  font-weight: var(--sjs-article-font-default-fontWeight, 400);\n  font-style: var(--sjs-article-font-default-fontStyle, \"normal\");\n  font-stretch: var(--sjs-article-font-default-fontStretch, \"normal\");\n  letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);\n  line-height: var(--sjs-article-font-default-lineHeight, 28px);\n  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);\n  text-transform: var(--sjs-article-font-default-textCase, \"none\");\n}\n\n@mixin articleHtml {\n  @include articleDefaultFont;\n  color: $font-pagetitle-color;\n  h1 {\n    @include articleXXLargeFont;\n  }\n\n  h2 {\n    @include articleXLargeFont;\n  }\n\n  h3 {\n    @include articleLargeFont;\n  }\n\n  h4,\n  h5,\n  h6 {\n    @include articleMediumFont;\n  }\n\n  td,\n  span,\n  div,\n  p {\n    @include articleDefaultFont;\n  }\n\n  a {\n    color: $primary;\n  }\n\n  button {\n    display: flex;\n    align-items: center;\n    padding: calcSize(1.5) calcSize(4);\n    vertical-align: baseline;\n    text-align: center;\n    background-color: $background;\n    border: none;\n    border-radius: calcCornerRadius(1);\n    cursor: pointer;\n    user-select: none;\n    outline: solid calcSize(0.25) transparent;\n\n    color: $primary;\n    font-weight: 600;\n    font-style: normal;\n    font-family: $font-family;\n    font-size: $font-questiontitle-size;\n    line-height: multiply(1.5, $font-questiontitle-size);\n\n    box-shadow: $shadow-small, 0 0 0 0px $primary;\n    transition: box-shadow $transition-duration;\n\n    &:hover {\n      background-color: $background-dark;\n    }\n\n    &:focus {\n      box-shadow: $shadow-small-reset, 0 0 0 2px $primary;\n    }\n\n    span {\n      display: flex;\n      align-items: center;\n      flex-grow: 1;\n      justify-content: center;\n      // color: $primary;\n      // font-weight: 600;\n      // font-style: normal;\n      // font-family: $font-family;\n      // font-size: $font-questiontitle-size;\n      // line-height: multiply(1.5, $font-questiontitle-size);\n    }\n  }\n}","sv-brand-info {}\n\nsv-brand-info, .sv-brand-info {\n  z-index: 1;\n  position: relative;\n  margin-top: 1px;\n}\n\n.sv-brand-info {\n  width: 100%;\n  font-family: $font-family;\n  text-align: center;\n  color: #161616;\n  background: white;\n  padding: 32px 0;\n  box-shadow: 0px -1px 0px #D6D6D6;\n\n  a {\n    color: #161616;\n    text-decoration-line: underline;\n  }\n}\n\n.sv-brand-info__text {\n  font-weight: 600;\n  font-size: calcFontSize(1);\n  line-height: calcLineHeight(1.5);\n  color: #161616;\n}\n\n.sv-brand-info__logo {\n  img {\n    width: 118px;\n  }\n\n  display: inline-block;\n}\n\n.sv-brand-info__terms {\n  font-weight: 400;\n  font-size: calcFontSize(0.75);\n  line-height: calcLineHeight(1);\n\n  a {\n    color: #909090;\n  }\n}","@import \"../defaultV2-theme/variables.scss\";\n@import \"../defaultV2-theme/mixins.scss\";\n\n.sv-ranking {\n  outline: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n.sv-ranking-item {\n  cursor: pointer;\n  position: relative;\n  height: calcSize(6);\n  opacity: 1;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--hover {\n  visibility: hidden;\n}\n\n.sv-ranking-item:hover:not(:focus) .sv-ranking-item__icon--hover {\n  visibility: visible;\n}\n\n.sv-question--disabled .sv-ranking-item:hover .sv-ranking-item__icon--hover {\n  visibility: hidden;\n}\n\n.sv-ranking-item:focus {\n  outline: none;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--focus {\n  visibility: visible;\n  top: calcSize(0.6);\n  height: calcSize(3);\n}\n\n.sv-ranking-item:focus .sv-ranking-item__index {\n  background: $background;\n  outline: calcSize(0.25) solid $primary;\n}\n\n.sv-ranking-item__content.sv-ranking-item__content {\n  display: flex;\n  align-items: center;\n  line-height: 1em;\n  padding: calcSize(0.5) 0px;\n  border-radius: calcSize(12.5);\n}\n\n.sv-ranking-item__icon-container {\n  position: relative;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  flex-shrink: 0;\n  width: calcSize(3);\n  height: calcSize(4);\n}\n\n.sv-ranking-item--disabled.sv-ranking-item--disabled,\n.sv-ranking-item--readonly.sv-ranking-item--readonly,\n.sv-ranking-item--preview.sv-ranking-item--preview {\n  cursor: initial;\n  user-select: initial;\n  -webkit-user-select: initial;\n\n  .sv-ranking-item__icon-container.sv-ranking-item__icon-container {\n    .sv-ranking-item__icon.sv-ranking-item__icon {\n      visibility: hidden;\n    }\n  }\n}\n\n.sv-ranking-item__icon.sv-ranking-item__icon {\n  visibility: hidden;\n  fill: $primary;\n  position: absolute;\n  top: calcSize(1);\n  width: calcSize(1.75);\n  height: calcSize(2);\n}\n\n.sv-ranking-item__index.sv-ranking-item__index {\n  @include useEditorFontSize;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  background-color: $primary-light;\n  color: $font-questiontitle-color;\n  font-size: $font-editorfont-size;\n  border-radius: 100%;\n  border: calcSize(0.25) solid transparent;\n  width: calcSize(5);\n  height: calcSize(5);\n  line-height: calcLineHeight(1.5);\n  box-sizing: border-box;\n  font-weight: 600;\n  margin-left: calcSize(0);\n  transition:\n    outline $transition-duration,\n    background $transition-duration;\n  outline: calcSize(0.25) solid transparent;\n\n  svg {\n    fill: $font-questiontitle-color;\n    width: $font-editorfont-size;\n    height: $font-editorfont-size;\n  }\n}\n\n.sv-ranking-item__text {\n  @include useEditorFontSize;\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: $font-questiontitle-color;\n  font-size: $font-editorfont-size;\n  line-height: multiply(1.5, $font-editorfont-size);\n  margin: 0 calcSize(2);\n}\n\n.sd-ranking--disabled .sv-ranking-item__text {\n  color: $font-questiontitle-color;\n  opacity: 0.25;\n}\n\n.sv-ranking-item--disabled .sv-ranking-item__text {\n  color: $font-questiondescription-color;\n  opacity: 0.25;\n}\n\n.sv-ranking-item--readonly {\n  .sv-ranking-item__index {\n    background-color: $background-dark;\n  }\n}\n\n.sv-ranking-item--preview {\n  .sv-ranking-item__index {\n    background-color: transparent;\n    border: 1px solid $foreground;\n    box-sizing: border-box;\n  }\n}\n\n.sv-ranking-item__ghost.sv-ranking-item__ghost {\n  display: none;\n  background-color: $background-dim;\n  border-radius: calcSize(12.5);\n  width: calcSize(31);\n  height: calcSize(5);\n  z-index: 1;\n  position: absolute;\n  left: 0;\n  top: calcSize(0.5);\n}\n\n[dir=\"rtl\"] .sv-ranking-item__ghost {\n  left: initilal;\n  right: calcSize(5);\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__ghost {\n  display: block;\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__content {\n  visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__content {\n  box-shadow: $shadow-large;\n  border-radius: calcSize(12.5);\n}\n\n.sv-ranking--drag .sv-ranking-item:hover .sv-ranking-item__icon {\n  visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__icon--hover {\n  visibility: visible;\n}\n\n.sv-ranking--mobile .sv-ranking-item__icon--hover {\n  visibility: visible;\n  fill: $foreground-light;\n}\n\n.sv-ranking--mobile.sv-ranking--drag .sv-ranking-item--ghost .sv-ranking-item__icon.sv-ranking-item__icon--hover {\n  visibility: hidden;\n}\n\n.sv-ranking--mobile.sv-ranking-shortcut {\n  max-width: 80%;\n}\n\n.sv-ranking--mobile {\n  .sv-ranking-item__index.sv-ranking-item__index {\n    margin-left: 0;\n  }\n\n  .sd-element--with-frame .sv-ranking-item__icon {\n    margin-left: 0;\n  }\n}\n\n.sv-ranking--design-mode .sv-ranking-item:hover .sv-ranking-item__icon {\n  visibility: hidden;\n}\n\n.sv-ranking--disabled {\n  opacity: 0.8;\n}\n\n.sv-ranking-shortcut[hidden] {\n  display: none;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n  fill: $primary;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__text {\n  margin-right: calcSize(4);\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon--hover {\n  visibility: visible;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n  width: calcSize(1.75);\n  height: calcSize(2);\n  top: calcSize(1);\n}\n\n.sv-ranking-shortcut {\n  .sv-ranking-item__content {\n    padding-left: calcSize(0.5);\n  }\n\n  .sv-ranking-item__icon-container {\n    margin-left: calcSize(1);\n  }\n}\n\n.sv-ranking-shortcut {\n  cursor: grabbing;\n  position: absolute;\n  z-index: 10000;\n  border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  min-width: 100px;\n  max-width: 400px;\n  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n}\n\n.sv-ranking--select-to-rank {\n  display: flex;\n}\n\n.sv-ranking--select-to-rank-vertical {\n  flex-direction: column-reverse;\n\n  .sv-ranking__containers-divider {\n    margin: calcSize(3) 0;\n    height: 1px;\n  }\n\n  .sv-ranking__container--empty {\n    padding-top: calcSize(1);\n    padding-bottom: calcSize(1);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n}\n\n.sv-ranking-item--animate-item-removing {\n  --animation-height: #{calcSize(6)};\n  animation-name: moveIn, fadeIn;\n  animation-direction: reverse;\n  animation-fill-mode: forwards;\n  animation-timing-function: linear;\n  animation-duration: $ranking-move-out-duration, $ranking-fade-out-duration;\n  animation-delay: $ranking-move-out-delay, 0s;\n}\n\n.sv-ranking-item--animate-item-adding {\n  --animation-height: #{calcSize(6)};\n  animation-name: moveIn, fadeIn;\n  opacity: 0;\n  animation-fill-mode: forwards;\n  animation-timing-function: linear;\n  animation-duration: $ranking-move-in-duration, $ranking-fade-in-duration;\n  animation-delay: 0s, $ranking-fade-in-delay;\n}\n\n\n.sv-ranking-item--animate-item-adding-empty {\n  --animation-height: #{calcSize(6)};\n  animation-name: fadeIn;\n  opacity: 0;\n  animation-timing-function: linear;\n  animation-duration: $ranking-fade-in-duration;\n  animation-delay: 0;\n}\n\n.sv-ranking-item--animate-item-removing-empty {\n  --animation-height: #{calcSize(6)};\n  animation-name: fadeIn;\n  animation-direction: reverse;\n  animation-timing-function: linear;\n  animation-duration: $ranking-fade-out-duration;\n  animation-delay: 0;\n}\n\n@keyframes sv-animate-item-opacity-reverse-keyframes {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes sv-animate-item-opacity-keyframes {\n  0% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n  }\n}\n\n.sv-ranking--select-to-rank-horizontal {\n  .sv-ranking__container {\n    max-width: calc(50% - 1px);\n  }\n\n  .sv-ranking__containers-divider {\n    width: 1px;\n  }\n\n  .sv-ranking__container--to {\n    .sv-ranking-item {\n      left: calcSize(2);\n    }\n  }\n\n  .sv-ranking__container--empty {\n    &.sv-ranking__container--to {\n      //padding-right: calcSize(3);\n\n      .sv-ranking-item {\n        left: initial;\n      }\n\n      .sv-ranking__container-placeholder {\n        padding-left: calcSize(5);\n      }\n    }\n\n    &.sv-ranking__container--from {\n      //padding-left: calcSize(3);\n\n      .sv-ranking__container-placeholder {\n        padding-right: calcSize(5);\n      }\n    }\n  }\n}\n\n.sv-ranking__container-placeholder {\n  color: var(--sjs-font-questiondescription-color, #{$foreground-dim-light});\n  @include defaultFont;\n  white-space: normal;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  //width: 100%;\n  height: 100%;\n  padding-top: calcSize(0.5);\n  padding-bottom: calcSize(0.5);\n  box-sizing: border-box;\n}\n\n.sv-ranking__container {\n  flex: 1;\n  //max-width: 100%;\n}\n\n.sv-ranking__container--empty {\n  //padding: calcSize(8);\n  box-sizing: border-box;\n  text-align: center;\n}\n\n.sv-ranking__containers-divider {\n  background: var(--sjs-border-default, #{$border-inside});\n}\n\n.sv-ranking__container--from {\n  .sv-ranking-item__icon--focus {\n    display: none;\n  }\n}\n\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {\n  left: 0 !important;\n  padding-left: 16px;\n\n  .sv-ranking-item__ghost {\n    left: initial;\n  }\n}","@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: left;\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\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: 0;\n  }\n  99% {\n    overflow: hidden;\n    height: var(--animation-height);\n  }\n  to {\n    overflow: visible;\n    height: var(--animation-height);\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-element__title.sd-element__title--hidden {\n  display: none;\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  & + span {\n    float: left;\n    width: 0;\n  }\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n  .sd-element__num {\n    float: right;\n  }\n  .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--fade-in {\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--fade-out {\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--fade-in,\n.sd-element__content--fade-out {\n  --animation-padding-top: 0;\n  --animation-padding-bottom: 0;\n}\n\n.sd-element__content--fade-in {\n  animation-name: fadeIn, moveInWithOverflow, paddingFadeIn;\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, $expand-move-in-duration;\n  animation-delay: $expand-fade-in-delay, 0s, 0s;\n}\n\n.sd-element__content--fade-out {\n  animation-name: fadeIn, moveInWithOverflow, paddingFadeIn;\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, $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}\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-question__content:focus-within .sd-remaining-character-counter {\n  display: flex;\n}\n\n@mixin runnable-track {\n  background-color: $primary;\n  border-radius: calcSize(1);\n  height: calcSize(1.5);\n}\n\n@mixin slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  margin-top: calcSize(-0.75);\n  border-radius: 100%;\n  border: 2px solid $primary;\n  box-shadow: inset 0 0 0 2px var(--background, #fff);\n  background-color: $primary;\n  height: calcSize(3);\n  width: calcSize(3);\n}\n\n.sd-input[type=\"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}\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--fade-out,\n.sd-table__row--fade-in {\n  animation-name: empty;\n  animation-fill-mode: forwards;\n  --fade-in-animation-duration: calc(#{$matrix-row-fade-in-duration} + #{$matrix-row-fade-in-delay});\n  animation-duration: max(var(--fade-in-animation-duration), #{$matrix-row-move-in-duration});\n  & > td {\n    animation-name: borderAnimation;\n    animation-timing-function: $ease-out;\n    animation-duration: $matrix-row-move-in-duration;\n    animation-fill-mode: forwards;\n    & > div {\n      animation-name: fadeIn, moveInWithOverflow;\n      opacity: 0;\n      animation-timing-function: $ease-out;\n      animation-fill-mode: forwards;\n      animation-duration: $matrix-row-fade-in-duration, $matrix-row-move-in-duration;\n      animation-delay: $matrix-row-fade-in-delay, 0s;\n    }\n  }\n}\n.sd-table__row--fade-out {\n  animation-direction: reverse;\n  --move-out-animation-duration: calc(#{$matrix-row-move-out-duration} + #{$matrix-row-move-out-delay});\n  animation-duration: max(var(--move-out-animation-duration), #{$matrix-row-fade-out-duration});\n  & > td {\n    animation-duration: $matrix-row-move-out-duration;\n    animation-delay: $matrix-row-move-out-delay;\n    animation-direction: reverse;\n    animation-timing-function: $reverse-ease-out;\n    & > div {\n      animation-direction: reverse;\n      animation-timing-function: $reverse-ease-out;\n      animation-duration: $matrix-row-fade-out-duration, $matrix-row-move-out-duration;\n      animation-delay: 0s, $matrix-row-move-out-delay;\n    }\n  }\n}\n.sd-table__row--detail {\n  &.sd-table__row--fade-in,\n  &.sd-table__row--fade-out {\n    & > td {\n      animation-name: borderAnimation, paddingAnimation;\n      animation-duration: $matrix-row-move-in-duration;\n      animation-fill-mode: forwards;\n    }\n  }\n\n  &.sd-table__row--fade-in {\n    --fade-in-animation-duration: calc(#{$matrix-detail-row-fade-in-duration} + #{$matrix-detail-row-fade-in-delay});\n    animation-duration: max(var(--fade-in-animation-duration), #{$matrix-detail-row-move-in-duration});\n    & > td {\n      animation-timing-function: $ease-out;\n      animation-duration: $matrix-detail-row-move-in-duration;\n      & > div {\n        animation-duration: $matrix-detail-row-fade-in-duration, $matrix-detail-row-move-in-duration;\n        animation-delay: $matrix-detail-row-fade-in-delay, 0s;\n      }\n    }\n  }\n  &.sd-table__row--fade-out {\n    --move-out-animation-duration: calc(#{$matrix-detail-row-move-out-duration} + #{$matrix-detail-row-move-out-delay});\n    animation-duration: max(var(--move-out-animation-duration), #{$matrix-detail-row-fade-out-duration});\n    & > td {\n      animation-timing-function: $reverse-ease-out;\n      animation-duration: $matrix-detail-row-move-out-duration;\n      animation-delay: $matrix-detail-row-move-out-delay;\n      animation-direction: reverse;\n      & > div {\n        animation-duration: $matrix-detail-row-fade-out-duration, $matrix-detail-row-move-out-duration;\n        animation-delay: 0s, $matrix-detail-row-move-out-delay;\n      }\n    }\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}\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-root-modern:not(.sd-root-modern--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\n          &.sd-item--readonly.sd-item--checked .sd-item__decorator {\n            background-color: $background;\n          }\n\n          &.sd-item--preview.sd-item--preview .sd-item__decorator {\n            background-color: transparent;\n          }\n\n          &.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: right;\n  padding-top: calcSize(1);\n}\n\n.sd-table__cell--footer-total {\n  font-weight: 600;\n  text-align: left;\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: left;\n  min-width: calcSize(12);\n  padding: calcSize(1.5) calcSize(1);\n}\n\n.sd-matrixdynamic__content .sd-table__question-wrapper {\n  position: relative;\n}\n\n.sd-table__question-wrapper:not(:focus-within):hover {\n  position: relative;\n}\n\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: left;\n    }\n\n    &:first-of-type {\n      padding-top: calcSize(2);\n      padding-bottom: calcSize(1);\n    }\n  }\n\n  .sd-table thead {\n    display: none;\n  }\n\n  .sd-table {\n    tr {\n      display: 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      &:not(:last-of-type) {\n        padding-bottom: calcSize(3);\n\n        &::after {\n          bottom: calcSize(-3);\n        }\n      }\n\n      padding-bottom: calcSize(0);\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: left;\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: left;\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}\n\n.sd-table__cell--detail-panel {\n  .sd-panel__content {\n    padding-top: calcSize(1);\n  }\n}\n\n.sd-table__question-wrapper {\n  .sd-boolean-root {\n    margin: auto;\n  }\n}\n\n.sd-root-modern--mobile {\n  .sd-table__question-wrapper {\n    .sd-boolean-root {\n      margin: initial;\n    }\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  --animate-margin: var(--sd-base-vertical-padding);\n  margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row.sd-page__row {\n  margin-top: calcSize(2);\n  --animate-margin: #{calcSize(2)};\n}\n\n.sd-page__row.sd-row--compact {\n  margin-top: var(--sd-base-vertical-padding);\n  --animate-margin: var(--sd-base-vertical-padding);\n}\n\n.sd-row:first-of-type {\n  margin-top: 0;\n  --animate-margin: 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    --animate-margin: #{calcSize(3)};\n  }\n\n  & ~ .sd-page__row.sd-row--compact {\n    margin-top: var(--sd-base-vertical-padding);\n    --animate-margin: var(--sd-base-vertical-padding);\n  }\n  & ~ .sd-page__row.sd-row.sd-row--fade-in.sd-row--fade-in {\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    --animate-margin: #{calcSize(2)};\n  }\n  & ~ .sd-page__row.sd-row.sd-row--fade-in.sd-row--fade-in {\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@keyframes marginFadeIn {\n  from {\n    margin-top: 0;\n  }\n\n  to {\n    margin-top: var(--animate-margin);\n  }\n}\n.sd-row.sd-row--fade-in {\n  margin-top: 0;\n}\n.sd-row--fade-in {\n  animation-fill-mode: forwards;\n  animation-name: fadeIn, moveInWithOverflow, marginFadeIn;\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-fade-in {\n  animation-delay: calc(#{$row-fade-in-delay} + #{$row-fade-in-animation-delay}), $row-fade-in-animation-delay, $row-fade-in-animation-delay;\n}\n\n.sd-row--fade-out {\n  animation-name: fadeIn, moveInWithOverflow, marginFadeIn;\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--fade-in .sd-element-wrapper--fade-in {\n  animation: none;\n}\n\n.sd-row--fade-out .sd-element-wrapper--fade-out {\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-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: left;\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}\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  min-width: 0;\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}",".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: left;\n}",":root {\n  --sd-rating-bad-color: #{$red};\n  --sd-rating-normal-color: #{$yellow};\n  --sd-rating-good-color: #{$green};\n  --sd-rating-bad-color-light: #{$red-light};\n  --sd-rating-normal-color-light: #{$yellow-light};\n  --sd-rating-good-color-light: #{$green-light};\n}\n\n.sd-rating {\n  overflow-x: auto;\n  min-height: calcSize(6);\n\n  fieldset {\n    display: flex;\n    border: none;\n    padding: 0 0 2px 0;\n    flex-wrap: nowrap;\n    gap: calcSize(1);\n    margin-inline-start: 0;\n    align-items: center;\n  }\n\n  &.sd-rating--wrappable {\n    fieldset {\n      flex-wrap: wrap;\n      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}\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--animate-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}\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: left;\n  cursor: text;\n  pointer-events: none;\n  color: $foreground-light;\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n  .sd-tagbox-item_clean-button {\n    background: linear-gradient(90deg, $primary 53.12%, rgba(25, 179, 148, 0) 100%);\n  }\n}\n\n.sd-tagbox.sd-tagbox--empty {\n  .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-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","@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\n  .sv-string-viewer {\n    &.sv-string-viewer--multiline {\n      white-space: nowrap;\n    }\n  }\n\n  z-index: 2;\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-bottom: 0;\n\n        &:after {\n            display: none;\n        }\n\n        padding-top: var(--sd-base-vertical-padding);\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--fade-in.sv-pd-animation-left,\n.sd-paneldynamic__panel-wrapper--fade-in.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)), calc(#{$pd-tab-height-change-delay} + var(--sjs-pd-tab-animation-delay)), 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--fade-in.sv-pd-animation-left {\n    --sjs-pd-tab-move-margin: calc(1 * #{$pd-tab-move-in-margin});\n}\n.sd-paneldynamic__panel-wrapper--fade-in.sv-pd-animation-right {\n    --sjs-pd-tab-move-margin: calc(-1 * #{$pd-tab-move-in-margin});\n}\n\n.sd-paneldynamic__panel-wrapper--fade-out.sv-pd-animation-left,\n.sd-paneldynamic__panel-wrapper--fade-out.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--fade-out.sv-pd-animation-left {\n    --sjs-pd-tab-move-margin: calc(-1 * #{$pd-tab-move-out-margin});\n}\n.sd-paneldynamic__panel-wrapper--fade-out.sv-pd-animation-right {\n    --sjs-pd-tab-move-margin: calc(1 * #{$pd-tab-move-out-margin});\n}\n.sd-paneldynamic__panel-wrapper--fade-in.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)), calc(#{$pd-tab-height-change-delay} + var(--sjs-pd-tab-animation-delay)), 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--fade-in.sv-pd-animation-removing {\n    --sjs-pd-tab-animation-delay: #{$pd-tab-remove-fade-in-delay};   \n}\n.sd-paneldynamic__panel-wrapper--fade-out.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--fade-in,\n.sd-paneldynamic__panel-wrapper--fade-out {\n    animation-name: fadeIn, moveInWithOverflow, paddingFadeIn;\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--fade-in {\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--fade-out {\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  gap: calcSize(4);\n  box-sizing: content-box;\n  flex-direction: row;\n  align-items: stretch;\n  justify-content: center;\n  padding: calcSize(10.5) 0;\n  min-height: calcSize(15);\n  max-height: calcSize(15);\n  width: 100%;\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__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  .sv-svg-icon {\n    height: calcSize(4);\n    width: calcSize(4);\n\n    use {\n      fill: $background;\n    }\n  }\n\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\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}\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}\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\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  cursor: pointer;\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% + 4px);\n      width: calc(100% - 4px);\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\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% + 8px);\n        width: calc(100% - 8px);\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% + 4px);\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% + 8px);\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  .sd-list__item-body {\n    padding-block: calcSize(1.25);\n  }\n\n  outline: none;\n}",".sd-timer {\n  z-index: 2;\n  position: fixed;\n  bottom: calc(var(--sd-timer-size) / 144 * 32);\n  right: calcSize(1);\n  background: white;\n  width: var(--sd-timer-size);\n  height: var(--sd-timer-size);\n  margin-right: calc(var(--sd-timer-size) / 144 * 32);\n  display: flex;\n  border-radius: 100%;\n  padding: calc(var(--sd-timer-size) / 144 * 8);\n  box-shadow: $shadow-large, $shadow-medium;\n  box-sizing: border-box;\n}\n\n.sd-timer--top {\n  top: calc(var(--sd-timer-size) / 144 * 32);\n  margin-top: calcSize(4);\n  margin-bottom: calc(-1 * var(--sd-timer-size));\n}\n\n.sd-timer--bottom {\n  bottom: calc(var(--sd-timer-size) / 144 * 32);\n  margin-top: calc(var(--sd-timer-size) * (-1 - 32 / 144));\n}\n\n.sd-timer__progress {\n  --sd-timer-stroke-background-color: var(--background-dim, #f3f3f3);\n  --sd-timer-stroke-background-width: 2px;\n  stroke-linecap: round;\n  height: 100%;\n  width: 100%;\n  transform: rotate(-90deg);\n  stroke: $primary;\n  stroke-dashoffset: 0;\n  fill: none;\n  stroke-width: 4px;\n}\n\n.sd-timer__progress--animation {\n  stroke-dashoffset: 0;\n  transition: stroke-dashoffset 1s linear;\n}\n\n.sd-timer__text-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  padding: calcSize(1);\n  color: $primary;\n  font-weight: 700;\n  font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--major {\n  color: $primary;\n  font-weight: 700;\n  font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--minor {\n  color: $foreground-light;\n  font-weight: 600;\n  font-size: calcFontSize(0.75);\n}\n",".sv-header {\n  position: relative;\n  background-color: $header-backcolor;\n}\n\n.sv-header__overlap {\n  padding-bottom: calcSize(8);\n\n  &~div {\n\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  @include scrollRules;\n\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  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  @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-components-container-center {\n    background-color: $background-dim;\n    box-shadow: $shadow-medium, $shadow-small;\n  }\n}"],"sourceRoot":""}
+{"version":3,"sources":["webpack://Survey/./src/defaultV2-theme/variables.scss","webpack://Survey/defaultV2.fontless.scss","webpack://Survey/./src/common-styles/sv-actionbar.scss","webpack://Survey/./src/common-styles/sv-drag-drop.scss","webpack://Survey/./src/common-styles/sv-popup.scss","webpack://Survey/./src/common-styles/sv-buttongroup.scss","webpack://Survey/./src/common-styles/sv-visuallyhidden.scss","webpack://Survey/./src/common-styles/sv-hidden.scss","webpack://Survey/./src/common-styles/sv-titleactions.scss","webpack://Survey/./src/common-styles/window.scss","webpack://Survey/./src/defaultV2-theme/blocks/mixins.scss","webpack://Survey/./src/defaultV2-theme/mixins.scss","webpack://Survey/./src/common-styles/sv-brand-info.scss","webpack://Survey/./src/common-styles/sv-ranking.scss","webpack://Survey/./src/common-styles/sv-list.scss","webpack://Survey/./src/common-styles/sv-save-data.scss","webpack://Survey/./src/common-styles/sv-string-viewer.scss","webpack://Survey/./src/defaultV2-theme/blocks/animations.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-element.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-question.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-error.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-collapsed-element.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-complex-element.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-input.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-comment.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-panel.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-signaturepad.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-checkbox.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-matrixdynamic.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-table.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-page.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-row.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-title.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-description.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-item.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-selectbase.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-radio.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-visuallyhidden.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-matrix.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-rating.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-ranking.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-dropdown.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-tagbox.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-imagepicker.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-image.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-html.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-expression.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-progress.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-boolean.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-paneldynamic.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-file.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-hidden.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-navigation.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-button.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-body.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-multipletext.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-action.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-action-bar.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-context-btn.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-completedpage.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-progress-buttons.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-progress-toc.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-list.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-timer.scss","webpack://Survey/./src/defaultV2-theme/blocks/header.scss","webpack://Survey/./src/defaultV2-theme/blocks/sd-loading-indicator.scss","webpack://Survey/./src/components-container.scss","webpack://Survey/./src/signaturepad.scss","webpack://Survey/./src/defaultV2-theme/defaultV2.m600.scss","webpack://Survey/./src/defaultV2-theme/defaultV2.fontless.scss"],"names":[],"mappings":";;;;;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,kFHbe;ACiNjB;;AEjMA;EACE;AFoMF;;AEjMA;EACE;EACA;EACA;EACA;AFoMF;;AEjMA;EACE;EACA;EACA;EACA;EACA;EACA;AFoMF;;ADzHA;EACE;AC4HF;;AG3PA;EACE;EACA;AH8PF;;AG1PA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AH6PF;;AG1PA;EACE;AH6PF;;AG1PA;EACE;AH6PF;;AG1PA;EACE;AH6PF;;AG1PA;EACE;AH6PF;;AG1PA;EACE,kFJfe;EIgBf,wEJQa;EIPb;EACA;EACA;AH6PF;;AG1PA;EACE;EACA;EACA;AH6PF;;AG1PA;EACE,uEJ9BW;EI+BX;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AH4PF;;AGzPA;EACE;EACA;EACA;EACA,6EJ3C2B;EI6C3B;EACA;AH2PF;;AGxPA;EACE;EACA;AH2PF;;AGxPA;EACE,wEJjCa;EIkCb,8FJzDqB;EI0DrB;EACA;AH2PF;AGzPE;EACE;AH2PJ;;AGxPA;EACE;AH2PF;;AGvPE;EACE;AH0PJ;AGvPE;EACE;AHyPJ;AGtPE;EACE;EACA;EACA;EACA;AHwPJ;AGrPE;EACE,0FJOoB;EINpB;EACA;EAEA;EACA,uFJnDU;EIoDV;EACA;EACA;EACA;EACA;AHsPJ;AGnPE;EACE;AHqPJ;AGlPE;EACE;EACA;AHoPJ;AGlPI;EACE;AHoPN;;AG/OA;EACE;EACA,6CAxIqB;AH0XvB;AGhPE;EACE,uEJrHyB;EIsHzB;EACA;EACA;EACA;EACA;EACA;AHkPJ;AG/OE;EACE,iDArJmB;EAsJnB;EACA;EACA,iEJrIS;EIsIT,wEJ7GW;EI8GX;EACA;AHiPJ;AG9OE;EACE;AHgPJ;AG7OE;EACE;AH+OJ;AG5OE;EACE;AH8OJ;AG3OE;EACE;AH6OJ;AG1OE;EACE,uEJjLM;EIkLN;EACA,oEJhLiB;AC4ZrB;;AGvOE;EACE;AH0OJ;;AGtOA;EACE;EACA;AHyOF;;AGtOA;EACE;EACA;EACA;EACA;AHyOF;AGrOI;;EACE;EACA;EACA,kFJvLW;AC+ZjB;AGrOI;;EACE,6FJhNU;ACwbhB;;AGnOA;EACE;EACA;EACA;EACA;EACA;EACA;AHsOF;;AGlOE;EACE;AHqOJ;;AGhOE;EACE;AHmOJ;;AG/NA;EACE;AHkOF;AGhOE;EACE;AHkOJ;;AG9NA;EACE;AHiOF;AG/NE;EACE;AHiOJ;;AG7NA;EACE;EACA;AHgOF;AG9NE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHgOJ;;AG5NA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,+DJlPW;ACidb;;AG5NA;EACE;EACA;AH+NF;;AG5NA;EACE;AH+NF;;AG5NA;EACE;AH+NF;;AG1NE;;EACE;AH8NJ;AG3NE;;EACE;AH8NJ;;AGzNE;EACE;AH4NJ;AGzNE;EACE,wEJtQY;ACiehB;AGxNE;EACE,uEJlSS;EImST;EACA;AH0NJ;;AGtNA;EACE;AHyNF;;AGrNE;EACE;AHwNJ;AGrNE;EACE;AHuNJ;;AGlNE;EACE,kFJvTa;AC4gBjB;;AGhNA;EACE;EACA;AHmNF;AGjNE;EACE;EACA;AHmNJ;AG/MI;EACE;AHiNN;AG7ME;EACE;EACA,4DJnWM;EIoWN;EACA;EACA;EACA;EACA;AH+MJ;AG5ME;EACE;EACA;EACA;AH8MJ;AG3ME;EACE;AH6MJ;AG1ME;EACE,kFJhWa;EIiWb;EACA;EACA;EACA;AH4MJ;AGzME;EACE;AH2MJ;AGxME;EACE;EACA;AH0MJ;AGvME;EACE;AHyMJ;AGtME;EACE;EACA;AHwMJ;AGrME;EACE;EACA;EACA;EACA;AHuMJ;AGpME;EACE;EACA;AHsMJ;AGnME;EACE;EACA;EACA;EACA;EACA;EACA,uEJ5YS;ACilBb;AGlME;EACE;EACA,+DJtYS;EIuYT;AHoMJ;AGjME;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AHmMJ;AGjMI;EACE;EACA;AHmMN;AGjMM;EACE,0EJvZW;AC0lBnB;AG9LE;EACE,2EJ7Ze;EI8Zf;EACA;EACA,uFJlYU;EImYV;AHgMJ;AG1LI;;;EACE,iEJpbO;ACknBb;AG1LM;;;EACE,iEJ9cE;EI+cF,oEJ5ca;EI6cb;AH8LR;AGzLE;EACE;AH2LJ;;AGtLE;EACE;AHyLJ;AGtLE;EACE;AHwLJ;AGrLE;EACE;AHuLJ;AGpLE;EACE;EACA;EACA,8FJndmB;ACyoBvB;AGnLE;EACE;EACA;AHqLJ;AGlLE;EACE;AHoLJ;AGjLE;EACE;AHmLJ;;AGzKM;;;EACE,6FJjgBQ;EIkgBR,+DJneK;EIoeL;AH8KR;;AGvKE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH0KJ;AGvKE;;;EAGE;AHyKJ;;AGrKA;EACE;AHwKF;;AGrKA;EACE;AHwKF;;AGrKA;EACE;EACA;EACA;AHwKF;;AGrKA;EACE;AHwKF;;AGrKA;EACE;EACA;EACA;EACA;AHwKF;;AGrKA;EACE;AHwKF;;AGrKA;EACE;AHwKF;;AGrKA;EACE;IACE;EHwKF;EGrKA;IACE;EHuKF;AACF;AGpKA;EACE;IACE;EHsKF;EGnKA;IACE;EHqKF;AACF;AGlKA;EACE;EACA;EACA;AHoKF;;AGjKA;EACE;EACA;EACA;AHoKF;;ADpoBA;EACE;ACuoBF;;AIxwBA;EACE;EACA;EACA;EACA;EACA;EACA;AJ2wBF;;AIxwBA;EACE;EACA,mELbQ;ACwxBV;;AIxwBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iELRW;EKSX;EACA;EACA;EACA;AJ2wBF;AIzwBE;EACE;AJ2wBJ;;AIvwBA;EACE,kFLnBe;AC6xBjB;;AIvwBA;EACE;EACA;AJ0wBF;AIxwBE;EACE,0ELhBe;AC0xBnB;;AItwBA;EACE;EACA,4DLvDQ;ACg0BV;AIvwBE;EACE,2DL1DM;ACm0BV;AItwBE;EACE,uELzCS;ACizBb;;AIpwBA;EACE;EACA;EACA;AJuwBF;;AIpwBA;EACE;EACA;EACA;EACA;AJuwBF;;AIpwBA;EACE;AJuwBF;;AIpwBA;EACE,+DLpDW;EKqDX;AJuwBF;AIrwBE;EACE;EACA;AJuwBJ;AIpwBE;EACE,8DL7DS;ACm0Bb;AInwBE;EACE,uEL5ES;ACi1Bb;;AIjwBA;EACE;EACA,mELvGQ;AC22BV;;AK32BA;EACE;EACA;EACA;EACA;EACA;AL82BF;;AMn3BA;EACI;ANs3BJ;;AOv3BA;EACE;EACA;EACA;AP03BF;;AOv3BA;EACE;EACA;EACA;EACA;AP03BF;;AOv3BA;EACE;AP03BF;;AOt3BE;EACE;EACA;EACA;EACA;APy3BJ;AOt3BE;EACE;EACA;EACA;APw3BJ;;ADlxBA;EACE;ACqxBF;;ADtxBA;EACE;ACyxBF;;AQx5BA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4ETMa;ESLb;AR25BJ;AS/2BI;EAFF;;IAGI;IACA;ETm3BJ;AACF;ASj3BI;;EACE;EACA;EACA;ATo3BN;ASj3BI;;EACE;EACA;EACA;EACA,mEVrCG;ACy5BT;ASj3BI;;EACE;ATo3BN;ASj3BI;;EACE;EACA,sFVpDa;ACw6BnB;;AQn7BA;EACI;ARs7BJ;;AQn7BA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;ARs7BJ;;AQn7BA;EACI;EACA;ARs7BJ;;AQn7BA;EACI;ARs7BJ;;AQn7BA;EACI;ARs7BJ;AQp7BI;EACI;EACA;EACA;EACA;EACA,kFT/BS;ACq9BjB;AQn7BI;EACI;ARq7BR;AQl7BI;EACI;EACA;ARo7BR;;AQh7BA;EACI,4DTjCa;EWvBf,uFXoDY;EWnDZ;EACA;EACA;EACA;EFsDE;EACA;EACA;EACA;ARu7BJ;;AQp7BA;EACI,yGT4B6B;ES3B7B;EE1DF,uFX4CY;EW3CZ;EACA;EACA;EFyDE;EACA;EACA;AR07BJ;;AQv7BA;EACI;EACA;EACA;EACA;EACA;EACA;AR07BJ;;AQv7BA;EACI;EACA;EACA;EACA;EACA;EACA;AR07BJ;AQx7BI;EAEI,mGTtGQ;AC+hChB;AQr7BY;;;EAEI,2DT7GN;ACqiCV;AQn7BI;EACI;ARq7BR;AQh7BQ;;EAEI,iETvFW;ACygCvB;;AW1iCA;EACE;EACA;EACA;AX6iCF;;AW1iCA;EACE;EACA,uFZqDY;EYpDZ;EACA;EACA;EACA;EACA;AX6iCF;AW3iCE;EACE;EACA;AX6iCJ;;AWziCA;EACE;EACA;EACA;EACA;AX4iCF;;AWziCA;EACE;AX4iCF;AW1iCE;EACE;AX4iCJ;;AWxiCA;EACE;EACA;EACA;AX2iCF;AWziCE;EACE;AX2iCJ;;ADr9BA;EACE;ACw9BF;;ADz9BA;EACE;AC49BF;;AY5lCA;EACE;EACA;EACA;AZ+lCF;;AY5lCA;EACE;EACA;EACA;EACA;AZ+lCF;;AY5lCA;EACE;AZ+lCF;;AY5lCA;EACE;AZ+lCF;;AY5lCA;EACE;AZ+lCF;;AY5lCA;EACE;AZ+lCF;;AY5lCA;EACE;EACA;EACA;AZ+lCF;;AY5lCA;EACE,iEblBW;EamBX;AZ+lCF;;AY5lCA;EACE;EACA;EACA;EACA;EACA;AZ+lCF;;AY5lCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AZ+lCF;;AY5lCA;;;EAGE;EACA;EACA;AZ+lCF;AY5lCI;;;EACE;AZgmCN;;AY3lCA;EACE;EACA,2Db7EQ;Ea8ER;EACA;EACA;EACA;AZ8lCF;;AY3lCA;Eb8HE;Ea5HA;EACA;EACA;EACA;EACA,mGbzFc;Ea0Fd,oGbKyB;EaJzB,mDbiCqB;EahCrB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2GACE;EAEF;AZ4lCF;AY1lCE;EACE,mGbXuB;EaYvB,+CbiBmB;EahBnB,gDbgBmB;AC4kCvB;;AYxlCA;EbiGE;Ea/FA;EACA;EACA;EACA;EACA,oGbvByB;EawBzB,mDbKqB;EaJrB;EACA;AZ2lCF;;AYxlCA;EACE,oGb9ByB;Ea+BzB;AZ2lCF;;AYxlCA;EACE,yGb3B+B;Ea4B/B;AZ2lCF;;AYvlCE;EACE,4GbhHc;AC0sClB;;AYrlCE;EACE;EACA;EACA;AZwlCJ;;AYplCA;EACE;EACA,kFbjIe;EakIf;EACA;EACA;EACA;EACA;EACA;EACA;AZulCF;;AYplCA;EACE;EACA;AZulCF;;AYplCA;EACE;AZulCF;;AYplCA;EACE;AZulCF;;AYplCA;EACE,wEbjIa;EakIb;AZulCF;;AYplCA;EACE;AZulCF;;AYplCA;EACE;AZulCF;;AYplCA;EACE;EACA,0Eb5JiB;ACmvCnB;;AYplCA;EACE;AZulCF;;AYplCA;EACE;AZulCF;;AYnlCE;EACE;AZslCJ;AYnlCE;EACE;AZqlCJ;;AYjlCA;EACE;AZolCF;;AYjlCA;EACE;AZolCF;;AYjlCA;EACE;AZolCF;;AYjlCA;EACE,2Db/NQ;ACmzCV;;AYjlCA;EACE;AZolCF;;AYjlCA;EACE;AZolCF;;AYjlCA;EACE;EACA;EACA;AZolCF;;AYhlCE;EACE;AZmlCJ;AYhlCE;EACE;AZklCJ;;AY9kCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZilCF;;AY9kCA;EACE;AZilCF;;AY9kCA;EACE;AZilCF;AY/kCE;EACE;EACA;AZilCJ;AY9kCE;EACE;EACA;EACA;EACA;EACA;AZglCJ;;AY5kCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AZ+kCF;;AY5kCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AZ+kCF;;AY3kCA;EACE;EACA;EACA;EACA;EACA,8DbhKyB;EaiKzB;AZ8kCF;;AY3kCA;EACE;EACA;EACA;EACA;EACA,+DbtK0B;EauK1B;AZ8kCF;;AY3kCA;EACE;IACE;EZ8kCF;EY3kCA;IACE;EZ6kCF;AACF;AY1kCA;EACE;IACE;EZ4kCF;EYzkCA;IACE;EZ2kCF;AACF;AYvkCE;EACE;AZykCJ;AYtkCE;EACE;AZwkCJ;AYpkCI;EACE;AZskCN;AY9jCM;EACE;AZgkCR;AY7jCM;EACE;AZ+jCR;AYxjCM;EACE;AZ0jCR;;AYpjCA;EACE;EF1WA,uFX4CY;EW3CZ;EACA;EACA;EEyWA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AZyjCF;;AYtjCA;EACE;AZyjCF;;AYrjCA;EAEE;EACA;AZujCF;;AYpjCA;EACE;AZujCF;;AYnjCE;EACE;AZsjCJ;;AYljCA;EACE;EACA;AZqjCF;AYnjCE;EACE;AZqjCJ;;ADv1CA;EACE;AC01CF;;Aa39CA;EACE;EACA;EACA;EACA,iEdeW;EcdX,uFdwDY;EcvDZ;Ab89CF;;Aa39CA;EACE;EACA,uFdkDY;EcjDZ;EACA;Ab89CF;;Aa39CA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2EdOiB;ACu9CnB;;Aa39CA;EACE;EACA;EACA;EACA,+DdDW;EcEX;EACA;EACA;EACA;Ab89CF;;Aa39CA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA,oGd+CyB;Ec9CzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+GACE;Ab49CJ;;Aax9CA;EACE;Ab29CF;Aaz9CE;EHxCA;EG0CE;EACA;EACA;EACA;Ab29CJ;Aax9CE;EACE;Ab09CJ;;Aat9CA;;EAEE;Aby9CF;;Aat9CA;;EAEE,4Gd7DgB;ACshDlB;;Aat9CA;EACE;Aby9CF;Aav9CE;EACE;EACA;EACA;EACA;Aby9CJ;;Aar9CA;EACE;EACA;EACA;EACA;Abw9CF;Aat9CE;EACE;Abw9CJ;Aar9CE;EACE,0Ed9Ee;ACqiDnB;;Aan9CA;EACE;EACA;EACA;EACA;Abs9CF;Aap9CE;EACE;Abs9CJ;Aan9CE;EACE,0Ed7Fe;ACkjDnB;;Aa98CE;;;EACE;Abm9CJ;;Aa/8CA;EACE;EACA;EACA,mEdtGO;ACwjDT;;Aa98CE;EACE;Abi9CJ;;Aax8CE;;;;;EACE,uEd5JM;Ec6JN,oEd1JiB;Ec2JjB;Ab+8CJ;Aa58CE;;;;;EACE,2Dd7IS;AC+lDb;Aa/8CE;;;;;EACE,mEdnKiB;ACwnDrB;;Aa/8CE;;EACE,mGd5KY;Ec6KZ,oGd9EuB;Ec+EvB;Abm9CJ;;Aa98CE;EACE,mGdpLY;EcqLZ,oGdtFuB;EcuFvB;Abi9CJ;Aa/8CI;EACE,0EdzJa;AC0mDnB;;Aa38CE;EACE;EACA,2EdjKe;AC+mDnB;;Aa18CA;EACE;Ab68CF;;Aa18CA;EACE;EACA;Ab68CF;;Aa18CA;EACE;EACA;EACA;EACA;EACA;EACA;Ab68CF;;Aa18CA;EACE;EACA,iEdrMW;EcsMX;Ab68CF;;Aa18CA;EACE;EACA;EACA;EACA;Ab68CF;Aa38CE;EACE;EACA;Ab68CJ;Aa38CI;EACE,0EdxMa;ACqpDnB;;Aax8CA;EACE;EACA;EACA;EACA;EACA,iEd9NW;Ec+NX;EACA;EACA;EACA;EACA;EACA,+DdzNW;Ec0NX;EACA;EACA;EACA;Ab28CF;;Aax8CA;EACE,2EdhOiB;AC2qDnB;;Aax8CA;;EAEE,2EdrOiB;ACgrDnB;;Aax8CA;EACE;Ab28CF;;Aax8CA;EACE;Ab28CF;;ADvlDA;EACE;AC0lDF;;Ac3tDA;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;Ad2tDF;;AcxtDA;EACE;EACA;EACA;EACA;EACA;Ad2tDF;;AcvtDE;EACE;EACA;Ad0tDJ;AcvtDE;EACE;EACA;EACA;AdytDJ;;AcrtDA;;EAEE;AdwtDF;;AcrtDA;EACE;AdwtDF;;AcrtDA;EACE,6DfbI;EecJ,4Df3CW;Ee4CX;EACA;AdwtDF;;AcrtDA;EACE;EACA;EACA;EACA;EACA;EACA,6DfzBI;Ee0BJ;EACA;EACA;EACA;EACA;AdwtDF;;AcrtDA;;EAEE,kDfnCI;EeoCJ,uEfjEW;ACyxDb;;AcrtDA;EACE,uEf1FQ;Ee2FR;EACA;AdwtDF;;AenzDI;EACI;AfszDR;;AgBxzDA;EACE;IACE;EhB2zDF;EgBxzDA;IACE;EhB0zDF;AACF;AgBxzDA;EACE;IACE;EhB0zDF;EgBxzDA;IACE;EhB0zDF;AACF;AgBxzDA;EACE;IACE;IACA;EhB0zDF;EgBxzDA;IACE;IACA;EhB0zDF;EgBxzDA;IACE;IACA;EhB0zDF;AACF;AgBxzDA;EACE;IACE;EhB0zDF;EgBvzDA;IACE;EhByzDF;AACF;AgBtzDA;EACE;IACE;IACA;EhBwzDF;EgBrzDA;IACE;IACA;EhBuzDF;AACF;AiBz2DA;EACE;EACA;AjB22DF;;AiBx2DA;EACE;AjB22DF;;AiBx2DA;EACE;AjB22DF;;AiBx2DA;EACE;AjB22DF;;AiBx2DA;EACE;AjB22DF;;AiBx2DA;EACE;AjB22DF;;AiBx2DA;EACE,6HlBoE0B;EkBnE1B,sDlBoE0B;EkBnE1B,oGlBoEyB;ACuyD3B;;AiBv2DE;EACE;EACA;AjB02DJ;;AiBt2DA;EACE;EACA;EACA;EACA;AjBy2DF;AiBv2DE;EACE;EACA;EACA,2ElBde;ACu3DnB;AiBt2DE;EACE,yElBiDsB;EkBhDtB;AjBw2DJ;AiBr2DE;EACE;EACA;AjBu2DJ;AiBp2DE;EACE;AjBs2DJ;AiBn2DE;EACE;AjBq2DJ;AiBp2DI;EACE;AjBs2DN;;AiBj2DA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2ElBhDiB;EkBiDjB;EACA;EACA;EACA;EACA;AjBo2DF;AiBl2DE;EACE;EACA;AjBo2DJ;;AiB71DE;;;EACE;AjBk2DJ;AiBh2DE;;;EACE;AjBo2DJ;;AiB/1DE;ER5DA;EACA;EACA;EACA;EACA;AT+5DF;AS75DE;EACE;EACA;AT+5DJ;;AiBt2DA;EACE;EACA;AjBy2DF;;AiBt2DA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjBy2DF;;AiBt2DA;EACE;AjBy2DF;;AiBr2DA;EACE,mFlB1GoB;EkB2GpB;EACA;EACA;EACA;EACA;EACA,qIlB9HoB;EkB+HpB,wElBpGa;AC48Df;;AiBp2DA;EACE;EACA,mFlBvHoB;EkBwHpB;EACA;AjBu2DF;;AiBp2DA;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EjBu2DF;EiBp2DA;IACE;IACA;IACA;IACA;IACA;IACA;EjBs2DF;AACF;AiBn2DA;EACE;EACA,sDlB4BS;EkB3BT;EACA;EACA;EACA;AjBq2DF;;AiBl2DA;EACE;EACA,sDlBoBiB;EkBnBjB;EACA;EACA;EACA;AjBq2DF;;AiBl2DA;EACE;AjBq2DF;;AiBn2DA;;EAEE;EACA;AjBs2DF;;AiBn2DA;EACE;EACA;EACA;EACA;EACA,sDlBFS;EkBGT;EACA;AjBs2DF;;AiBn2DA;EACE;EACA;EACA;EACA;EACA,sDlBXiB;EkBYjB;EACA;AjBs2DF;;AiBl2DE;EAEE;AjBo2DJ;;AiBh2DA;EACE;AjBm2DF;AiBj2DE;EACE;AjBm2DJ;AiBh2DE;EACE,uDlBhCO;EkBiCP,8DlBhGsB;ACk8D1B;AiBh2DI;EACE,uDlBpCK;EkBqCL,8DlBpGoB;ACs8D1B;AiBh2DM;EACE,8DlBvGkB;ACy8D1B;AiB71DE;EACE,uDlB9CO;EkB+CP,iElB3GyB;EkB4GzB,2DlB3GsB;AC08D1B;AiB71DI;EACE,uDlBnDK;EkBoDL,iElBhHuB;EkBiHvB,2DlBhHoB;AC+8D1B;AiB71DM;EACE,iElBpHqB;EkBqHrB,2DlBpHkB;ACm9D1B;AiBz1DI;EACE;EACA;EACA;EACA;EACA;EACA;EACA,sDlBtEK;EkBuEL;EACA;AjB21DN;AiBx1DI;EACE;EACA;EACA;EACA,sDlB9Ea;EkB+Eb;EACA;AjB01DN;;AkBznEA;EACE;AlB4nEF;;AkBrnEI;;EACE;AlBynEN;;AkBpnEA;EACE;AlBunEF;;AkBpnEA;EACE;AlBunEF;;AkBpnEA;EACE;AlBunEF;;AkBpnEA;EACE;AlBunEF;;AkBpnEA;;EAEE;AlBunEF;;AkBpnEA;EACE;EACA;AlBunEF;;AkBpnEA;EACE;AlBunEF;;AkBpnEA;EACE;AlBunEF;;AkBpnEA;EACE;EACA;AlBunEF;;AkBpnEA;EACE;AlBunEF;;AkBpnEA;;EAEE;AlBunEF;;AkBpnEA;EACE;AlBunEF;;AkBpnEA;EACE;AlBunEF;;AkBpnEA;EACE;AlBunEF;;AkBnnEE;EACE;AlBsnEJ;AkBnnEE;EACE;AlBqnEJ;AkBlnEE;EACE;EACA;EACA;AlBonEJ;AkBlnEI;EACE;AlBonEN;AkBhnEE;EACE;EACA;EACA;AlBknEJ;;AkB9mEA;EACE;EACA;AlBinEF;;AkB9mEA;EACE;EACA;EACA;EACA;AlBinEF;;AkB9mEA;EACE;EACA;EACA;EACA;EACA;AlBinEF;;AkB9mEA;EACE;EACA;EACA;AlBinEF;;AkB9mEA;EACE;AlBinEF;;AkB9mEA;EACE,kDnBjFI;EmBkFJ;AlBinEF;;AkB9mEA;EACE;EACA;EACA;EACA;EACA;EACA,+DnB7GW;EmB8GX;AlBinEF;;AkB9mEA;EnBiEE;EmB/DA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mDnB7BqB;EmB8BrB;EACA,yGnB/C+B;ACgqEjC;AkB7mEI;EACE;AlB+mEN;;AkB1mEA;EACE;EACA;EACA;AlB6mEF;;AkBzmEE;EACE;EACA;AlB4mEJ;;AkBzmEA;EACE;AlB4mEF;;AmB/xEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kDpB0CI;EoBzCJ;EACA;EACA,wFpBwCU;EoBvCV;AnBkyEF;;AoB5yEE;;EACE;ApBgzEJ;;AoB3yEE;EACE;EACA;EACA,uErBUS;EqBTT;EACA;ApB8yEJ;AoB3yEE;EACE;EACA;ApB6yEJ;AoB3yEI;EACE;EACA;EACA,mFrBOgB;ACsyEtB;AoBzyEE;EAEE,8FrBNmB;ACgzEvB;AoBryEI;EAEE;ApBsyEN;;AqB10EA;EACE;ArB60EF;;AqB10EA;;EAEE;EACA;ArB60EF;;AqBz0EE;EACE;EACA;EACA;EACA;EACA,iEtBwBW;EsBvBX;ArB40EJ;;AqBx0EA;EACE;EACA;ArB20EF;;AqBx0EA;EACE;EACA;ArB20EF;;AqBt0EI;EACE;ArBy0EN;;AqBp0EA;EACE;EACA;EACA;EACA;EACA;ArBu0EF;AqBr0EE;EACE;EACA;ArBu0EJ;AqBp0EE;EACE;EACA;EACA;ArBs0EJ;AqBn0EE;EACE;EACA;ArBq0EJ;AqBh0EM;EAEE;ArBi0ER;;AqBxzEI;;EACE;EACA;EACA;ArB4zEN;;AqBtzEE;EACE;ArByzEJ;;AqBpzEE;EACE;EACA;ArBuzEJ;AqBpzEE;EACE;ArBszEJ;AqBnzEE;EACE;ArBqzEJ;AqBnzEI;EACE;ArBqzEN;;AsB55EA;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;AtB+5EF;;AsB55EA;EACE;AtB+5EF;;AsB55EA;EACE;AtB+5EF;;AsBz5EE;;EACE;AtB65EJ;;AsBz5EA;EACE,8JvB3BkB;EuB4BlB;EACA;EACA;EACA;AtB45EF;;AsBz5EA;EACE,4GvBtBgB;ACk7ElB;;AsBz5EA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AtB45EF;;AsBz5EA;EACE,wHvBwDiC;EuBvDjC;EACA;EACA;EACA;AtB45EF;;AsBz5EA;;EAEE,+DvBtCW;EuBuCX;AtB45EF;;AsBz5EA;EACE,+DvB3CW;EuB4CX;EACA;AtB45EF;;AsBz5EA;EACE,2EvBhDiB;AC48EnB;;AsBz5EA;;EAEE,+DvBtDW;ACk9Eb;;AsBz5EA;EACE,wFvBvCU;ACm8EZ;;AsBz5EA;EACE;AtB45EF;;AsBz5EA;EACE;EACA;EACA;AtB45EF;;AsBz5EA;EACE;AtB45EF;;AsBz5EA;EACE;AtB45EF;;AsBz5EA;EACE;EACA;EACA;EACA;EACA;EACA,uFvBtDY;EuBuDZ;EACA;EACA,2EvBvFiB;EuBwFjB;EACA;EACA;AtB45EF;;AsBz5EA;EACE;AtB45EF;;AsBv4EA;;;;;;;;;;;EvB8DE;EuBlDA;EACA;EACA;AtB04EF;AsBx4EE;;;;;;;;;;;EACE;AtBo5EJ;;AsBh5EA;EAtCE,uEvBnIQ;EuBoIR;EACA;AtB07EF;;AsBl5EA;EApCE;EACA;EACA;EACA;EACA;EACA;EACA,uEvB/IQ;EuBgJR;EACA;AtB07EF;;AsBz5EA;EA/CE,uEvBnIQ;EuBoIR;EACA;AtB48EF;;AsB35EA;EA7CE;EACA;EACA;EACA;EACA;EACA;EACA,uEvB/IQ;EuBgJR;EACA;AtB48EF;;AuB7lFA;EACE;EACA;EACA;EACA;EACA;AvBgmFF;;AuB7lFA;EACE;AvBgmFF;;AwBzmFA;EACE;AxB4mFF;;AwBxmFE;EACE;EACA;AxB2mFJ;AwBzmFI;EACE;AxB2mFN;AwBxmFI;EfZF;EACA,yHVgFsB;EU/EtB,kDVgFsB;EU/EtB;EACA,6FV+EqB;EU9ErB;EACA;EACA;ATunFF;AwB/mFM;EACE;EACA;EACA;EACA;EACA;AxBinFR;AwB7mFI;EfWF,+HVkD4B;EUjD5B,wDVkD4B;EUjD5B,2EVsD0B;EUrD1B,yGViD2B;EUhD3B;EACA;EACA;ATqmFF;AwBlnFI;EACE;AxBonFN;AwBhnFE;EACE;EACA;AxBknFJ;AwB/mFE;EACE;AxBinFJ;;AwB3mFI;EACE;AxB8mFN;;AwBxmFE;EACE;AxB2mFJ;;AwBvmFA;EACE,kDzBTI;ACmnFN;;AwBvmFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AxB0mFF;;AwBxmFA;EACE;EACA;EACA;EACA;AxB2mFF;;AwBzmFA;EACE;AxB4mFF;;AwBxmFE;EACE;EACA;AxB2mFJ;;AwBvmFA;EACE;AxB0mFF;;AyBpsFA;E1BkNE;E0BhNE,yG1B2G6B;E0B1G7B,mD1B0HmB;E0BzHnB;AzBusFJ;;AyBpsFA;EACI;AzBusFJ;;AyBlsFI;;EACI;AzBssFR;AyBnsFI;;EACI,+D1BcK;ACwrFb;;AyBnsFA;EACI;EACA;EACA;EACA;AzBssFJ;;AyBlsFI;EACI,wF1BqBI;ACgrFZ;;AyBjsFA;EACI;EACA;EACA;EACA;AzBosFJ;;AyBjsFA;EACI;EACA;EACA;EACA;EACA;AzBosFJ;AyBlsFI;EACI;EACA;EACA;AzBosFR;;A0BvvFA;EACE;A1B0vFF;;A0BxvFA;EACE;EACA;EACA;A1B2vFF;A0BzvFE;EACE;EACA;A1B2vFJ;;A0BtvFE;EACE,mE3BbiB;ACswFrB;;A0BrvFA;EACE,uD3BkBO;ACsuFT;;A0BtvFA;EACE,2D3BxBQ;ACixFV;;A0BrvFA;EACE,8D3BGW;ACqvFb;;A0BrvFA;EACE,8D3BDW;ACyvFb;;A2BzxFA;EACE;EACA;EACA;EACA;A3B4xFF;;A2BzxFA;EACE;A3B4xFF;;A2BzxFA;EACE;A3B4xFF;;A2BzxFA;EACE;A3B4xFF;;A2BzxFA;E5B+LE;E4B7LA;EACA;A3B4xFF;;A2BzxFA;EACE;EACA;EACA;EACA;EACA;EACA,uF5BgCY;E4B/BZ;EACA;A3B4xFF;;A2BzxFA;EACE;A3B4xFF;A2B1xFE;EACE,uE5BnBS;AC+yFb;A2BzxFE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A3B2xFJ;;A2BtxFE;EACE;A3ByxFJ;;A2BrxFA;EACE;EACA;EACA;A3BwxFF;A2BtxFE;EACE,0E5BjCe;ACyzFnB;;A2BpxFA;EACE;IACE;E3BuxFF;E2BrxFA;IACE;E3BuxFF;AACF;A2BrxFA;EACE;IACE;IACA;E3BuxFF;E2BrxFA;IACE;IACA;E3BuxFF;AACF;A2BpxFA;AAMA;;EAEE;EACA;EACA;EACA;A3BixFF;A2BhxFE;;EACE;EACA,sD5BuGO;E4BtGP,iE5B4D0B;E4B3D1B;A3BmxFJ;A2BlxFI;;EACE;EACA;EACA,sD5BiGK;E4BhGL;EACA;EACA;A3BqxFN;;A2BjxFA;EACE;EACA;EACA;A3BoxFF;A2BnxFE;EACE,kE5B8C2B;E4B7C3B,4D5B8CwB;E4B7CxB;EACA,sD5BmFe;ACksFnB;A2BpxFI;EACE;EACA,sD5BgFa;E4B/Eb;EACA;A3BsxFN;;A2B/wFI;EACE;EACA,iE5B0BwB;E4BzBxB;A3BkxFN;A2B9wFE;EACE;EACA;A3BgxFJ;A2B/wFI;EACE,sD5B2DK;E4B1DL,wE5BuB+B;AC0vFrC;A2BhxFM;EACE;EACA;A3BkxFR;A2B9wFE;EACE;EACA;A3BgxFJ;A2B/wFI;EACE,sD5BgDa;E4B/Cb,yE5BcgC;E4BbhC,mE5Bc6B;E4Bb7B;A3BixFN;A2BhxFM;EACE;EACA;A3BkxFR;;A4Bv7FA;EACE;EACA,qI7BcoB;E6BbpB;EACA;EACA;A5B07FF;A4Bx7FE;EACE;EACA;A5B07FJ;;A4Bt7FA;EACE;EACA;EACA;EACA;EACA;A5By7FF;;A4Br7FE;EAGE;A5Bs7FJ;;A4Bl7FA;EACE;A5Bq7FF;;A4Bl7FA;EACE;A5Bq7FF;;A4Bj7FE;EACE;A5Bo7FJ;;A4Bh7FA;EACE;A5Bm7FF;;A4B96FI;EACE;A5Bi7FN;A4B76FM;EACE;EACA;EACA;EACA;A5B+6FR;A4B36FQ;EACE;EACA;A5B66FV;A4B36FU;EACE;A5B66FZ;A4Bv6FI;EACE;A5By6FN;A4Bt6FI;EAIE;A5Bq6FN;A4Bl6FI;EAME;A5B+5FN;A4B55FI;EAME;A5By5FN;A4Bt5FI;EAKE;A5Bo5FN;A4Bj5FI;EAOE;A5B64FN;;A4Bv4FE;EACE;EACA;EACA;A5B04FJ;A4Bx4FI;EACE;A5B04FN;A4Bv4FI;EACE;A5By4FN;A4Bt4FI;EACE;A5Bw4FN;A4Br4FI;EACE;A5Bu4FN;A4Bn4FM;;EAEE,4G7B1HU;E6B2HV,+G7B3HU;E6B4HV,4G7B5HU;ACigGlB;A4Bn4FQ;;EACE,mG7BvJM;AC6hGhB;A4Bn4FQ;;EACE,+E7BzJW;AC+hGrB;A4Bl4FU;;EACE;A5Bq4FZ;A4Bl4FU;;EACE,uE7BrKF;AC0iGV;A4Bl4FU;;EACE,uE7BpJC;ACyhGb;A4Bl4FU;;EACE;A5Bq4FZ;A4Bl4FU;;EACE,+E7B9KS;ACmjGrB;;A4B73FA;E7ByBE;E6BvBA;EACA,mD7B/DqB;E6BgErB;EACA;EACA,+D7B/JW;E6BgKX;A5Bg4FF;A4B93FE;EACE;A5Bg4FJ;A4B73FE;EACE;A5B+3FJ;;A4B33FA;EACE;EACA;A5B83FF;A4B53FE;EACE;A5B83FJ;;A4B13FA;EACE;EACA;A5B63FF;;A4B13FA;EACE;EACA;A5B63FF;;A4Bz3FE;EACE;A5B43FJ;A4Bz3FE;EACE;A5B23FJ;;A4Bv3FA;EACE;A5B03FF;;A4Bv3FA;EACE;A5B03FF;;A4Bv3FA;;EAEE;EACA;A5B03FF;;A4Bt3FE;E7BrCA;E6BuCE,mD7B5HmB;E6B6HnB;EACA,sD7B5JwB;ACqhG5B;;A4Br3FA;EACE;EACA,oG7BjKyB;E6BkKzB;EACA;A5Bw3FF;A4Bt3FE;EACE;A5Bw3FJ;;A4Bp3FA;EACE;A5Bu3FF;;A4Bp3FA;EACE;EACA;A5Bu3FF;;A4Bp3FA;EACE;A5Bu3FF;A4Br3FE;EAEE;A5Bs3FJ;A4Bn3FE;EACE;A5Bq3FJ;;A4Bj3FA;EACE;EACA;A5Bo3FF;;A4Bj3FA;EACE;EACA;A5Bo3FF;;A4Bj3FA;EACE;EACA;EACA;A5Bo3FF;;A4B/2FE;;EACE;A5Bm3FJ;;A4B/2FA;EACE;A5Bk3FF;A4Bh3FE;EACE;EACA;EACA;A5Bk3FJ;;A4B92FA;EACE;EACA;EACA;EACA;EACA;A5Bi3FF;A4B/2FE;E7BtHA;E6BwHE;EACA;EACA;EACA,wG7BrO6B;E6BsO7B;A5Bi3FJ;A4B92FE;EAEE,6F7BlVY;E6BmVZ;A5B+2FJ;A4B72FI;EACE,2D7BvVI;ACssGV;;A4B12FA;EACE;A5B62FF;A4B32FE;EACE;A5B62FJ;;A4Bz2FA;EACE,sD7BtQ0B;E6BuQ1B,oG7BtQyB;E6BuQzB;EACA;EACA;A5B42FF;;A4Bz2FA;EACE;A5B42FF;;A4Bz2FA;EACE;A5B42FF;;A4Bz2FA;;;;;;EAME;EACA,2I7B3WoB;E6B4WpB;A5B42FF;A4B12FE;;;;;;EACE;A5Bi3FJ;A4B92FE;;;;;;EACE;A5Bq3FJ;;A4Bh3FE;EACE;EACA;EACA,qI7B3XkB;AC8uGtB;;A4B/2FA;EACE;EACA;A5Bk3FF;;A4B/2FA;;EAEE;A5Bk3FF;;A4B/2FA;EACE;A5Bk3FF;;A4B/2FA;EACE;EACA;EACA;EACA;A5Bk3FF;A4Bh3FE;EAEE;EACA;EACA;EACA;EACA;EACA;EACA,qI7B3ZkB;E6B4ZlB;A5Bi3FJ;A4B92FE;EACE;A5Bg3FJ;A4B72FE;EACE;A5B+2FJ;A4B52FE;EACE;A5B82FJ;;A4Bx2FE;EACE,kF7Bzaa;ACoxGjB;A4Bv2FI;EAEE,kF7B/aW;ACuxGjB;A4Bn2FI;EACE,kF7BrbW;AC0xGjB;A4Bj2FE;;;;;;EAME,kF7B/ba;ACkyGjB;;A4B91FE;;EAEE;EACA;A5Bi2FJ;A4B91FE;EACE;EACA;EACA;A5Bg2FJ;A4B51FI;EACE;EACA;A5B81FN;A4B11FE;EAEE;EACA;EACA;EACA;EACA;A5B21FJ;;A4Bt1FE;EACE;A5By1FJ;;A4Br1FA;EACE;A5Bw1FF;;A4Bj1FA;EACE;A5Bo1FF;;A4BxlFE;EACE;A5B2lFJ;;A4BtlFE;EACE;A5BylFJ;;A4BnlFI;EACE;A5BslFN;;A4B/kFI;EACE;EACA;EACA;EACA;EACA;A5BklFN;A4B9kFE;EACE;A5BglFJ;A4B7kFE;EACE;A5B+kFJ;A4B5kFE;EACE;A5B8kFJ;;A4B1kFA;EACE;A5B6kFF;;A6B33GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A7B83GF;;A6B33GA;EACE;A7B83GF;;A6B33GA;EpBbE;EACA,yHVgFsB;EU/EtB,kDVgFsB;EU/EtB;EACA,6FV+EqB;EU9ErB;EACA;EACA;AT44GF;;A6Bl4GA;EpBkBE,+HVkD4B;EUjD5B,wDVkD4B;EUjD5B,2EVsD0B;EUrD1B,yGViD2B;EUhD3B;EACA;EACA;ATo3GF;;A6Bv4GA;EACE;A7B04GF;;A6Br4GE;;EACE;EACA;A7By4GJ;;A6Bj4GI;;EACE;A7Bq4GN;;A8B76GA;EACE;EACA;EACA;EACA;EACA;EACA;A9Bg7GF;;A8B76GA;EACE;EACA;A9Bg7GF;;A8B76GA;EACE;EACA;A9Bg7GF;;A8B76GA;EACE;EACA;A9Bg7GF;;A8B36GE;;EACE;EACA;A9B+6GJ;A8B56GE;;EACE;EACA;A9B+6GJ;A8B76GE;;EACE;A9Bg7GJ;;A8B36GE;EACE;EACA;A9B86GJ;A8B56GE;EACE;A9B86GJ;;A8B16GA;EACE;EACA;EACA;EACA;A9B66GF;A8B36GE;EACE;EACA;EACA;EACA;EACA;A9B66GJ;;A8Bz6GE;EACE;EACA;A9B46GJ;;A8Bx6GE;EACE;A9B26GJ;A8Bz6GI;EACE;EACA;A9B26GN;;A8Br6GE;EACE;EACA;A9Bw6GJ;;A8Bp6GA;EACE;EACA;A9Bu6GF;A8Br6GE;EACE;EACA;EACA;EACA;A9Bu6GJ;;A8Bn6GA;EACE;EACA;A9Bs6GF;;A8Bn6GA;EACE;EACA;EACA;A9Bs6GF;;A8Bn6GA;EACE;IACE;E9Bs6GF;E8Bn6GA;IACE;E9Bq6GF;AACF;A8Bn6GA;EACE;A9Bq6GF;;A8Bn6GA;EACE;EACA;EACA;EACA;EACA;EACA,sD/B6ES;E+B5ET;EACA;A9Bs6GF;;A8Bp6GA;EACE;A9Bu6GF;;A8Bp6GA;EACE;EACA,sD/BoEiB;E+BnEjB;EACA;EACA;EACA;EACA;A9Bu6GF;;A8Bp6GA;EACE;A9Bu6GF;;A8Bp6GA;EACE;A9Bu6GF;;A+B/jHA;EACE;EACA,uFhC6DY;EgC5DZ;EACA,+DhC4BW;EgC3BX;EACA;A/BkkHF;;A+B/jHA;EACE;EACA;EACA;EACA;EACA,uFhCiDY;EgChDZ;EACA;A/BkkHF;A+BhkHE;EACE;A/BkkHJ;A+B/jHE;EACE;A/BikHJ;;A+B7jHA;EACE;EACA;EACA;EACA;A/BgkHF;A+B9jHE;EtBrBA;EACA;EACA;EsBqBE,+FhCiCqB;EgChCrB,2HhC8BsB;EgC7BtB,oDhC8BsB;ACoiH1B;A+B/jHE;EACE;A/BikHJ;A+B9jHE;EACE;EACA;EACA;A/BgkHJ;A+B7jHE;EtBhCA;EACA;EACA;EsBgCE,oHhCoB2B;EgCnB3B,iIhCiB4B;EgChB5B,0DhCiB4B;ACgjHhC;;A+B3jHE;EACE;EACA;A/B8jHJ;;A+BzjHE;EACE,uEhC/CS;AC2mHb;;A+BtjHI;EACE;A/ByjHN;A+BtjHI;EACE;EACA,2EhC/Ca;ACumHnB;;A+BnjHA;EACE;EACA;A/BsjHF;A+BpjHE;EACE;EACA;EACA;EACA;EACA;A/BsjHJ;;A+BljHA;EACE;A/BqjHF;;A+BljHA;EACE;EACA;EACA;EACA;A/BqjHF;A+BnjHE;EACE;A/BqjHJ;;A+BjjHA;EACE;A/BojHF;;AgCtqHA;EACE;EACA,mIjCoGgC;EiCnGhC,4DjCoGgC;EiCnGhC,yGjCoG+B;EiCnG/B,+EjCuG8B;EiCtG9B;EACA;AhCyqHF;;AgCtqHA;EACE;AhCyqHF;;AgCtqHA;EACE;AhCyqHF;;AiCxrHA;EACE;AjC2rHF;;AiCxrHA;;ElC8ME;EkC3MA;EACA;EACA;EACA;EACA;EACA;EACA,8JlCDkB;EkCElB;EACA;EACA;EACA;EACA;AjC2rHF;;AiCxrHA;EACE,4GlCGgB;EkCFhB;EACA;AjC2rHF;;AiCxrHA;EACE;EACA;EACA;AjC2rHF;;AiCxrHA;EACE;AjC2rHF;;AiCxrHA;EACE,qIlCtBoB;EkCuBpB;EACA;AjC2rHF;;AiCxrHA;EACE,wGlClBoB;EkCmBpB;AjC2rHF;;AiCxrHA;EACE,iElCjDQ;AC4uHV;;AiCxrHA;ElC8JE;EkC5JA,0HlC4DuB;EkC3DvB;EACA,mDlC2DuB;EkC1DvB;EACA,mDlCmEqB;EkClErB,oGlCqCyB;EkCpCzB;EACA;EACA;EACA;AjC2rHF;AiCzrHE;EACE;EACA;EACA;EACA;AjC2rHJ;;AiCvrHA;EACE,oGlCsByB;EkCrBzB;AjC0rHF;;AiCvrHA;EACE,oGlCiByB;ACyqH3B;;AiCvrHA;EACE,kFlChCU;AC0tHZ;;AkC7wHA;EACE;EACA;EACA;EAEA;EACA;AlC+wHF;;AkC5wHA;EACE;EACA;EACA;EACA;EACA;EACA;AlC+wHF;;AkC5wHA;EACE;EACA;AlC+wHF;;AkC5wHA;EACE;EACA;EACA;EACA;EACA;AlC+wHF;;AkC5wHA;EACE;AlC+wHF;;AkC5wHA;EACE;EACA;EACA;EACA;AlC+wHF;;AkC5wHA;EACE;AlC+wHF;;AkC3wHA;EACE;AlC8wHF;;A0B9zHA;EACE;A1Bi0HF;;A0B/zHA;EACE;EACA;EACA;A1Bk0HF;A0Bh0HE;EACE;EACA;A1Bk0HJ;;A0B7zHE;EACE,mE3BbiB;AC60HrB;;A0B5zHA;EACE,uD3BkBO;AC6yHT;;A0B7zHA;EACE,2D3BxBQ;ACw1HV;;A0B5zHA;EACE,8D3BGW;AC4zHb;;A0B5zHA;EACE,8D3BDW;ACg0Hb;;AmCh2HA;EACE;AnCm2HF;AmCj2HE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AnCm2HJ;;AmCh2HA;EACE;EACA;EACA;EACA;EACA;EACA,+EpChBmB;ACm3HrB;;AmCj2HA;EACE,mEpCiBO;ACm1HT;;AmCj2HA;EACE,0EpCMW;AC81Hb;;AmCh2HE;EACE;AnCm2HJ;AmCh2HE;EACE,8DpCHS;EoCIT;EACA;EACA;AnCk2HJ;;AmC91HA;EACE,uEpC3CQ;AC44HV;;AmC/1HA;EACE;AnCk2HF;;AoCh5HA;EACE;EACA;EACA;EACA;EACA;EACA;ApCm5HF;;AqCx5HE;EACE;EACA;EACA;ArC25HJ;;AqCv5HA;EACE;EACA;EACA;ArC05HF;;AqCv5HA;EACE;ArC05HF;;AqCv5HA;EACE,mGtClBc;EsCmBd;ArC05HF;;AqCv5HA;EACE,sDtCuE0B;EsCtE1B;ArC05HF;;AsCn7HA;EACE;EACA;EACA;EACA;EACA;EACA;AtCs7HF;;AsCn7HA;EACE;EACA;AtCs7HF;AsCp7HE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AtCs7HJ;AsCl7HI;EACE;EACA;AtCo7HN;AsC/6HI;EACE;EACA;AtCi7HN;AsCh7HM;EACE;EACA;EACA;EACA;EACA;AtCk7HR;AsCh7HM;EACE;EACA;EACA;EACA;EACA;AtCk7HR;AsC56HI;EACE;EACA;AtC86HN;AsC76HM;EACE;EACA;EACA;EACA;EACA;AtC+6HR;AsC76HM;EACE;EACA;EACA;EACA;EACA;AtC+6HR;AsC16HI;EACE;EACA;EACA;AtC46HN;AsC36HM;EACE;EACA;EACA;EACA;EACA;AtC66HR;AsC36HM;EACE;EACA;EACA;EACA;EACA;AtC66HR;;AsCv6HA;EACE;EACA;AtC06HF;AsCx6HE;EACE;EACA;AtC06HJ;;AsCt6HA;EACE;EACA,qIvC1FoB;EuC2FpB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+DvCtFW;EuCuFX,8DvCvFW;EuCwFX;EACA;EACA;AtCy6HF;;AsCt6HA;EACE;EACA;AtCy6HF;;AsCt6HA;;;EAGE;AtCy6HF;;AsCt6HA;EACE,wFvCtFU;EuCuFV;EACA;AtCy6HF;;AsCt6HA;EACE,+DvC/GW;EuCgHX,8DvChHW;ACyhIb;;AsCt6HA;EACE,oEvCjJmB;EuCkJnB,8DvCrHW;EuCsHX,6EvC9H2B;EuC+H3B;AtCy6HF;;AsCt6HA;EACE;EACA;EACA;EACA;EACA;AtCy6HF;AsCv6HE;EACE,2EvCjIe;AC0iInB;;AsCr6HA;EACE,sEvCvIW;AC+iIb;AsCt6HE;EACE,+DvC1IS;ACkjIb;;AsCp6HA;EACE;EACA;EACA;EACA;EACA;AtCu6HF;AsCt6HE;EACE;AtCw6HJ;AsCr6HE;EACE,+DvCzJS;ACgkIb;;AsCn6HA;EACE,sEvC9JW;EuC+JX;AtCs6HF;AsCp6HE;EACE,+DvClKS;ACwkIb;;AsCl6HA;EACE;AtCq6HF;;AsCl6HA;EACE,4GvClLgB;ACulIlB;;AsCl6HA;EACE;AtCq6HF;;AsCl6HA;EACE,uEvCnNQ;EuCoNR,oEvCjNmB;EuCkNnB;EACA;AtCq6HF;;AsCl6HA;EACE;AtCq6HF;;AsCl6HA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,+DvC1MW;EuC2MX,uDvCpMO;EuCqMP;EACA;AtCq6HF;AsCn6HE;EACE;EACA;EACA;AtCq6HJ;;AsCj6HA;EACE;EACA;EACA;EACA;AtCo6HF;AsCl6HE;EACE;EACA;AtCo6HJ;;AsCh6HA;EACE;AtCm6HF;;AsCj6HA;EACE;AtCo6HF;;AsCj6HA;EACE;AtCo6HF;;AsCj6HA;;EAEE;AtCo6HF;;AsCj6HA;EACE;EACA;EACA;AtCo6HF;;AsCj6HA;EACE,wFvCtOU;EuCuOV;EACA,0EvC1PiB;AC8pInB;AsCn6HE;EACE;AtCq6HJ;AsCl6HE;EACE;AtCo6HJ;;AsCh6HA;EACE;AtCm6HF;;AsCh6HA;EACE;EACA,mEvCxSmB;AC2sIrB;;AsCh6HA;EACE,uDvCxQO;EuCyQP,+DvCzQO;AC4qIT;;AsCh6HA;EACE,8DvCpRW;EuCqRX,sEvCrRW;EuCsRX;AtCm6HF;;AsCh6HA;EACE;EACA,8DvC3RW;AC8rIb;AsCl6HE;EACE;AtCo6HJ;AsCj6HE;EACE;AtCm6HJ;;AsC/5HA;EACE,2DvCjTW;EuCkTX,0EvCvSW;ACysIb;;AsCh6HA;EACE,4GvCjTgB;EuCkThB,+DvCpSO;ACusIT;;AsCh6HA;EACE;EACA;AtCm6HF;;AsCh6HA;EACE;EACA;AtCm6HF;;AsCh6HA;EACE;EACA;EACA,mEvCxVmB;EuCyVnB;AtCm6HF;;AsCh6HA;EACE;EACA;AtCm6HF;;AsCh6HA;EACE;AtCm6HF;AsCj6HE;EACE;EACA;EACA;AtCm6HJ;;AsC95HE;EACE;AtCi6HJ;;AsC75HA;EACE;EACA;AtCg6HF;;AsC95HA;EACE;EACA;AtCi6HF;;AsC55HE;EAGE;AtC65HJ;;AsC15HA;EACE;EACA;EACA;EACA;AtC65HF;AsC35HE;EACE;EACA;AtC65HJ;AsC15HE;EACE;EACA;AtC45HJ;AsCz5HE;EACE,yDvC/WK;EuCgXL;EACA;EACA;EACA;EACA;EACA;EACA;AtC25HJ;AsCx5HE;EACE;AtC05HJ;AsCv5HE;EACE;AtCy5HJ;;AsCr5HA;EACE;EACA;AtCw5HF;AsCt5HE;EACE;EACA;AtCw5HJ;AsCr5HI;EACE;AtCu5HN;;AsCj5HE;EACE;EACA,2DvC3bM;AC+0IV;AsC/4HM;EACE;AtCi5HR;AsCl5HM;EACE;AtCo5HR;AsCr5HM;EACE;AtCu5HR;AsCx5HM;EACE;AtC05HR;AsC35HM;EACE;AtC65HR;AsC95HM;EACE;AtCg6HR;AsCj6HM;EACE;AtCm6HR;AsCp6HM;EACE;AtCs6HR;AsCv6HM;EACE;AtCy6HR;AsC16HM;EACE;AtC46HR;AsC76HM;EACE;AtC+6HR;AsCh7HM;EACE;AtCk7HR;AsCn7HM;EACE;AtCq7HR;AsCt7HM;EACE;AtCw7HR;AsCz7HM;EACE;AtC27HR;AsC57HM;EACE;AtC87HR;AsC/7HM;EACE;AtCi8HR;AsCl8HM;EACE;AtCo8HR;AsCr8HM;EACE;AtCu8HR;AsCx8HM;EACE;AtC08HR;AsC38HM;EACE;AtC68HR;AsC98HM;EACE;AtCg9HR;AsCj9HM;EACE;AtCm9HR;AsCp9HM;EACE;AtCs9HR;AsCv9HM;EACE;AtCy9HR;;AsCl9HE;EACE;EACA,4EvCvZQ;AC42IZ;;AsCj9HA;EACE;AtCo9HF;AsCl9HE;EACE,yDvC3aK;EuC4aL;AtCo9HJ;;AsC/8HE;EACE;EACA,uDvCnbK;ACq4IT;;AsC78HE;EACE,yDvCzbK;EuC0bL;AtCg9HJ;;AsC38HE;EACE;EACA,8DvCxcS;ACs5Ib;;AsCz8HE;EACE,gEvC9cS;EuC+cT;EACA;AtC48HJ;;AsCv8HE;EACE;EACA,8DvCvdS;ACi6Ib;;AsCt8HE;EACE,6DvC5fM;EuC6fN;AtCy8HJ;;AsCp8HE;EACE;EACA,uDvC7dK;ACo6IT;;AsCl8HE;EACE,yDvCneK;EuCoeL,gGvClfc;ACu7IlB;;AsCh8HE;EACE,yDvC1eK;EuC2eL,uDvC3eK;AC86IT;;AsC97HE;EACE,6DvCxhBM;EuCyhBN,2DvCzhBM;AC09IV;AsC97HE;EACE;AtCg8HJ;AsC77HE;EACE;AtC+7HJ;;AsC37HA;EvCnVE;EuCqVA,0HvCrbuB;EuCsbvB,mDvCrbuB;EuCsbvB,oGvCzcyB;EuC0czB,mDvC7aqB;EuC8arB;EACA;EACA;EACA;AtC87HF;AsC57HE;EAEE;EACA;EACA,yGvC5c6B;EuC6c7B;AtC67HJ;AsC17HE;EACE;EAEA;AtC27HJ;AsCx7HE;EACE;EACA;AtC07HJ;AsCv7HE;EACE;AtCy7HJ;AsCt7HE;EACE;AtCw7HJ;AsCt7HE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AtCw7HJ;;AsCp7HA;EACE;AtCu7HF;AsCr7HE;EACE;EACA;EACA;EACA;AtCu7HJ;;AsCn7HA;EACE;AtCs7HF;;AsCn7HA;EACE,oEvClmBmB;EuCmmBnB;EACA;AtCs7HF;;AsCn7HA;EACE;EACA;EACA;EACA;EACA;AtCs7HF;;AsCn7HA;EACE,2EvCllBiB;EuCmlBjB,uFvCrjBY;EuCsjBZ;EACA;EACA;EACA;AtCs7HF;;AsCn7HA;EACE,oEvCznBmB;AC+iJrB;;AuCljJA;EACE,wFxCkDU;EwCjDV;EACA;AvCqjJF;;AuCljJA;EACE;AvCqjJF;;AuCljJA;EACE;EACA;AvCqjJF;AuCljJI;EACE;AvCojJN;AuChjJE;EACE;AvCkjJJ;;AuC9iJA;EACE;EACA;AvCijJF;AuC9iJI;EACE;AvCgjJN;AuC5iJE;EACE;AvC8iJJ;;AuC1iJA;EACE;IACE;EvC6iJF;EuC3iJE;IACE;IACA;IACA;EvC6iJJ;EuC1iJE;IACE;IACA;IACA;IACA;IACA;EvC4iJJ;EuCziJE;IACE;EvC2iJJ;EuCviJI;IACE;EvCyiJN;EuCniJM;IACE;EvCqiJR;EuCliJM;IACE;IACA;EvCoiJR;EuC/hJM;IACE;EvCiiJR;AACF;AuC1hJA;EAGM;IACE;IACA;EvC0hJN;AACF;AuCphJE;EACE;EACA;AvCshJJ;AuCnhJE;EACE;AvCqhJJ;;AuC1gJA;EACE;AvC6gJF;;AuC1gJA;EACE;EACA;EACA;AvC6gJF;;AuC1gJA;EACE;IACE;EvC6gJF;EuC1gJA;IACE;EvC4gJF;AACF;AuCzgJA;EACE;EACA;EACA;AvC2gJF;;AuCxgJA;EACE;IACE;EvC2gJF;EuCxgJA;IACE;EvC0gJF;AACF;AwClqJA;EACE;AxCoqJF;;AwCjqJA;EACE,uHzCgHiC;ACojJnC;;AwCjqJA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AxCmqJF;;AwChqJA;EACE;AxCmqJF;;AwChqJA;;EAEE,2EzCMiB;AC6pJnB;;AwChqJA;EACE;AxCmqJF;;AwChqJA;EACE,+DzCHW;EyCIX,uFzC2BY;EyC1BZ;AxCmqJF;;AwChqJA;EACE;AxCmqJF;;AwChqJA;EzCsKE;EyCpKA;EACA;EACA;EACA;EACA;EACA;EACA,0HzC8DuB;EyC7DvB,mDzC8DuB;EyC7DvB,0FzC8DsB;EyC7DtB,mDzCsEqB;EyCpErB;AxCkqJF;;AwC/pJA;EACE;EACA;EACA;EACA;EACA;AxCkqJF;;AwC/pJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AxCkqJF;;AwC/pJA;;EzCkIE;EyC/HA;EACA;AxCkqJF;;AwC/pJA;EACE;AxCkqJF;;AwC/pJA;EACE;EACA;AxCkqJF;;AwC/pJA;EzCkHE;EyChHA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,0HzCOuB;EyCNvB,mDzCOuB;EyCNvB,0FzCOsB;EyCNtB,mDzCeqB;EyCdrB;EACA;EACA;EACA;EACA;EACA;EACA;AxCkqJF;;AwC/pJA;EACE,wHzCJiC;ACsqJnC;;AwC9pJE;EACE;AxCiqJJ;;AwC7pJA;EACE,+DzCnGW;EyCoGX;EACA;EACA;EACA;EACA;EACA;EACA;AxCgqJF;;AwC7pJA;EACE,wHzCzBiC;ACyrJnC;AwC9pJE;EACE;AxCgqJJ;;AwC5pJA;EACE;EACA,wHzClCiC;ACisJnC;AwC7pJE;EACE;AxC+pJJ;;AwCxpJE;;;EACE;EACA;EACA;AxC6pJJ;;AwCzpJA;EACE;AxC4pJF;;AwCzpJA;EACE;AxC4pJF;;AwCxpJE;EzCiCA;EyC/BE;EACA,mDzCvDmB;EyCwDnB,mDzClEqB;EyCmErB,0HzCpEqB;EyCqErB;EACA;EACA;EACA;EACA;EACA;AxC2pJJ;AwCvpJI;E9BtKF;E8BwKI;EACA;EACA;AxCypJN;AwCrpJE;EACE;AxCupJJ;;AwCjpJI;EACE;EACA,oGzCjHqB;EyCkHrB;AxCopJN;;AwC9oJE;EACE;AxCipJJ;;AwC5oJE;EACE;AxC+oJJ;;AwCxoJE;;;EACE;AxC6oJJ;;AyCp3JA;EACE;EACA;EACA;EACA;AzCu3JF;;AyCn3JE;EAGE;AzCo3JJ;;AyCz2JA;E1C4LE;E0C1LA;EACA;EACA;AzC42JF;;AyCz2JA;EACE;AzC42JF;;AyCz2JA;EACE;EACA;EACA;EACA;EACA,uE1CtCQ;E0CuCR;EAEA;EACA;AzC22JF;;AyCx2JA;EACE,oE1C3CmB;E0C4CnB;EACA;EACA;AzC22JF;AyCz2JE;EACE;EACA;EACA;AzC22JJ;;AyCp2JE;;;EACE;EACA;AzCy2JJ;;AyCr2JA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzCw2JF;;AyCr2JA;E1CoIE;E0ClIA;EACA;EACA;EACA;AzCw2JF;;AyCr2JA;EACE;EACA,6G1CpF4B;AC47J9B;;AyCr2JA;EACE,mE1CzFmB;ACi8JrB;;AyCr2JA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzCw2JF;;AyCr2JA;EACE;EACA;EACA;AzCw2JF;;AyCp2JA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2E1C1FiB;ACi8JnB;;AyCj2JE;;;EACE;AzCs2JJ;;AyCj2JE;;;EAGE;AzCo2JJ;;AyCh2JA;EACE;EACA;AzCm2JF;;AyCh2JA;EACE;EACA;AzCm2JF;;AyCh2JA;E1C0DE;E0CxDA;EACA;EACA;EACA;AzCm2JF;;AyCh2JA;E1CkDE;E0ChDA;EACA;EACA;EACA;AzCm2JF;;A0CxgKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A1C2gKF;;A0CxgKA;EACE;EACA;A1C2gKF;;A0CxgKA;EACE;IACE;E1C2gKF;AACF;A0CtgKE;;EAEE;EACA,8F3CHmB;AC2gKvB;;A0CpgKA;EACE;EACA;EACA;EACA;A1CugKF;;A0CpgKA;EACE;A1CugKF;A0CrgKE;EACE;EACA;A1CugKJ;;A0CngKA;EACE;A1CsgKF;;A0CngKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uE3CtCW;E2CuCX;EACA;A1CsgKF;;A0CngKA;E3CkJE;E2ChJA;EACA;EACA;EACA,2D3CrEQ;AC2kKV;;A0CngKA;EACE;A1CsgKF;;A0CngKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,wF3CjCU;E2CkCV;EACA;A1CsgKF;;A0CjgKE;;EACE;A1CqgKJ;;A0CjgKA;EACE;EACA;EACA;EACA;A1CogKF;;A0CjgKA;E3C2GE;E2CzGA,mD3CoBqB;E2CnBrB;EACA;EACA,oG3CZyB;ACghK3B;;A0CjgKA;EACE;EACA,8F3C1FqB;E2C2FrB;A1CogKF;;A0CjgKA;EACE;EACA;EACA;A1CogKF;A0ClgKE;EACE,0E3C1Fe;AC8lKnB;;A0ChgKA;EACE;EACA;EACA;EACA;EACA;A1CmgKF;A0CjgKE;EACE;A1CmgKJ;A0ChgKE;EACE;EACA;EACA;EACA;EACA;A1CkgKJ;;A0C9/JA;EACE;A1CigKF;;A0C7/JE;EACE,8D3CzHS;ACynKb;;A0C3/JE;EACE;A1C8/JJ;A0C3/JE;EACE;EACA;EACA;EACA;A1C6/JJ;A0Cz/JI;EACE;EACA;EACA;EACA;A1C2/JN;;A2CzqKA;EACE;EACA;EACA;A3C4qKF;;A2CzqKA;EACE;EACA;EACA;A3C4qKF;;A2CzqKA;EACE,wF5CUqB;E4CTrB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A3C4qKF;;A2CzqKA;EACE,0E5CQiB;ACoqKnB;;ADnkKA;EACE;ACskKF;;A4CxsKA;EACE;A5C2sKF;;A4CxsKA;ElC6EE;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;EAKA,6FXZqB;ACuoKvB;AU1nKE;EAnEA;EACA;EACA,uFX+BY;EW9BZ;EACA;EACA;EACA;EACA;EACA;EACA;AVgsKF;AUloKE;EA1DA;EACA;EACA,uFXkBY;EWjBZ;EACA;EACA;EACA;EACA;EACA;EACA;AV+rKF;AU1oKE;EAjDA;EACA;EACA,uFXKY;EWJZ;EACA;EACA;EACA;EACA;EACA;EACA;AV8rKF;AUlpKE;;;EAxCA;EACA;EACA,uFXRY;EWSZ;EACA;EACA;EACA;EACA;EACA;EACA;AV+rKF;AU1pKE;;;;EAjCA;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;AVisKF;AUlqKE;EACE,4DX3HM;AC+xKV;AUjqKE;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;AViqKJ;AU/pKI;EACE,4GX7HY;AC8xKlB;AU9pKI;EACE;AVgqKN;AU7pKI;EACE;EACA;EACA;EACA;AV+pKN;;A4CvzKA;EACE,oG7CsFyB;ACouK3B;;A6Cp0KA;EACE,oG9C+FyB;E8C9FzB;EACA;A7Cu0KF;;A6Cp0KA;EACE;EACA;A7Cu0KF;;A8C/0KA;EACE;EACA,uE/CsCa;E+CrCb;A9Ck1KF;;A8C/0KA;EACE;EACA;EACA,uE/CTQ;E+CUR;A9Ck1KF;;A8C/0KA;EACE;EACA;EACA;EACA;EACA,kE/CiBqB;E+ChBrB;EACA;EACA;A9Ck1KF;A8Ch1KE;EAVF;IAWI;E9Cm1KF;AACF;A8Cj1KE;EAdF;IAeI;E9Co1KF;AACF;;A8Cj1KA;EACE;EACA;EACA;EACA;A9Co1KF;;A8Cj1KA;EACE;A9Co1KF;;A8Ch1KE;EACE;EACA,4D/CZa;E+Cab;EACA,iE/C3BS;E+C4BT;A9Cm1KJ;;A+Cp4KA;EACE;EACA;EACA;EACA;EACA;EACA,8JhDMkB;EgDLlB;EACA,+IACE;EAEF;A/Cq4KF;A+Cn4KE;EACE,qJACE;A/Co4KN;;A+C/3KA;;EhD8LE;EgD3LA;EACA,0HhD0FuB;EgDzFvB,mDhD0FuB;EgDzFvB,mDhDmGqB;EgDlGrB,wHhD0FiC;EgDzFjC;EACA;A/Ck4KF;;A+C/3KA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/Ck4KF;;A+C/3KA;;EAEE;EACA;EACA;EACA;A/Ck4KF;;A+C/3KA;EACE;A/Ck4KF;;A+C/3KA;EACE;A/Ck4KF;;A+C/3KA;EACE;EACA;EACA;EACA,2IhDlDoB;EgDmDpB,wEhDxBa;EgDyBb;EACA;EACA;EACA;EACA,4DhDxEQ;EgDyER;EACA;A/Ck4KF;A+C/3KI;EACE;A/Ci4KN;;A+C53KA;;EAEE;EACA;A/C+3KF;;A+C33KE;EAEE,wHhDyB+B;ACo2KnC;;A+Cz3KA;EACE;A/C43KF;A+C13KE;;EAEE,+DhDrES;EgDsET;A/C43KJ;;A+Cx3KA;EACE;EACA;EACA;EAEA,sGhDtFgB;ACg9KlB;A+Cx3KE;EACE;EACA;EACA,+DhDpFS;AC88Kb;;A+Ct3KA;EACE;EACA;EACA;EACA;A/Cy3KF;A+Cv3KE;EACE;EACA;EACA;EACA,+DhDlGS;AC29Kb;A+Cp3KI;EACE;A/Cs3KN;A+Cl3KE;EACE,+DhD7GS;ACi+Kb;;A+Ch3KA;EACE;EACA;EACA;EACA;A/Cm3KF;;A+Ch3KA;EACE,8GhD/HoB;ACk/KtB;;A+Ch3KA;EACE,wFhD1GU;AC69KZ;;AgD/gLI;EACI;EACA;EACA;EACA;EACA;EACA;AhDkhLR;AgD/gLI;EACI;EACA;AhDihLR;AgD9gLI;EACI;EACA;AhDghLR;AgD9gLQ;EACI;AhDghLZ;AgD7gLQ;EACI,2EjDSO;ACsgLnB;;AgDxgLI;;EACI;AhD4gLR;;AgDzgLA;EACI;AhD4gLJ;;AgD1gLA;EACI;EACA;AhD6gLJ;;AgD1gLA;EACI;EACA;EACA;AhD6gLJ;;AgD1gLA;;EAEI;EACA;EACA;EACA;EACA;EACA;EACA,mEjDjBW;EiDkBX,iEjDlBW;EiDmBX;EACA;AhD6gLJ;;AgD3gLA;EACI;AhD8gLJ;;AgD3gLA;EACI;EACA;EACA;AhD8gLJ;;AgD3gLA;EACI;AhD8gLJ;AgD5gLI;;EAEI;AhD8gLR;AgD5gLQ;;EACI;EACA;AhD+gLZ;AgD3gLI;;;EAGI;AhD6gLR;;AgDzgLA;EACI;EACA;EACA;AhD4gLJ;;AgDzgLA;EACI;EACA;EACA;EACA;AhD4gLJ;;AgDzgLA;EACI,yEjDNsB;EiDOtB;EACA,yGjDJ6B;EiDK7B;EACA;AhD4gLJ;;AgDzgLA;;EAEI;EACA;AhD4gLJ;AgD1gLI;;EACI;AhD6gLR;;AgDzgLA;EACI;AhD4gLJ;;AgDzgLA;EACI;EACA;EACA;AhD4gLJ;;AgDxgLI;EACI;EACA;AhD2gLR;;AgDtgLI;EACI;EACA;AhDygLR;;AgDngLQ;EACI;AhDsgLZ;;AgDjgLA;EACI;EACA;EACA;AhDogLJ;;AgDjgLA;EACI;EACA;EACA;EACA;EACA;AhDogLJ;;AgDhgLI;EACI;AhDmgLR;;AgD//KA;EACI;EACA;EACA;EACA;AhDkgLJ;;AgD//KA;EACI;AhDkgLJ;;AgD//KA;EACI;AhDkgLJ;;AgD//KA;EACI;AhDkgLJ;;AgD//KA;EACI;AhDkgLJ;;AgD//KA;EjDYE;EiDVE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,uFjDpJU;EiDqJV,mDjDvFmB;EiDwFnB;EACA,yGjD9G6B;EiD+G7B;EACA;EACA;EACA;AhDigLJ;AgD//KI;EAEI;EACA;AhDggLR;;AgD5/KA;EACI,oGjDpIuB;EiDqIvB;AhD+/KJ;;AgD5/KA;EACI;EACA;EACA;AhD+/KJ;AgD7/KI;EACI,0EjD7MW;EiD8MX;AhD+/KR;;AgD3/KA;;EAEI,mGjDpPY;EiDqPZ;AhD8/KJ;AgD5/KI;;EACI,2DjDzPE;ACwvLV;;AgD1/KI;EACI;AhD6/KR;;AgDz/KA;EACI;AhD4/KJ;;AgDz/KA;EACI;AhD4/KJ;;AgDz/KA;EACI;EACA;EACA;EACA;AhD4/KJ;;AgDz/KA;EACI;AhD4/KJ;;AgDz/KA;EACI;AhD4/KJ;;AgDz/KA;EACI;AhD4/KJ;;AgDz/KA;EACI;AhD4/KJ;;AgDz/KA;EACI;EACA;EACA;EACA;EACA;EACA;AhD4/KJ;;AgD1/KA;EACI;AhD6/KJ;;AgD1/KA;EACI;IACI;EhD6/KN;EgD3/KE;IACI;EhD6/KN;AACF;AgD1/KA;;EAEI;EACA;EACA;EAEA;EAEA,sDjDjHO;EiDkHP;EACA;EACA;EACA;EACA;EACA;EACA;AhD0/KJ;;AgDx/KA;EACI;AhD2/KJ;;AgDz/KA;EACI;AhD4/KJ;;AgDz/KA;;EAEI;EACA;EACA;EACA,sDjDrIe;EiDsIf;EACA;EACA;EACA;EACA;EACA;AhD4/KJ;;AgD1/KA;EACI;AhD6/KJ;;AgD3/KA;EACI;AhD8/KJ;;AgD5/KA;EACI;EACA;EACA;EACA,sDjDxJO;EiDyJP;EACA;AhD+/KJ;;AgD7/KA;EACI;AhDggLJ;;AgD9/KA;EACI;EACA,qEjD9K8B;EiD+K9B,6DjD9K2B;EiD+K3B,sDjDlKe;EiDmKf;EACA;EACA;EACA;EACA;EACA;AhDigLJ;;AgD9/KA;;EAEI;EACA;EACA;EACA;EACA;AhDigLJ;;AgD//KA;EACI;EACA,sDjDtLO;EiDuLP;EACA;AhDkgLJ;;AgD//KA;EACI;EACA,sDjD5Le;EiD6Lf;EACA;EACA;AhDkgLJ;;AD9wLA;EACE;ACixLF;;AiDl5LA;EACE;EACA;EACA;EACA;EACA;EACA;AjDq5LF;AiDn5LE;EACE;EACA;EACA;EACA;EACA;EACA;AjDq5LJ;AiDn5LI;EACE;EACA,2ElDaa;EkDZb;AjDq5LN;AiDj5LM;EACE;EACA;AjDm5LR;AiDj5LQ;EACE,uElDTG;AC45Lb;AiDh5LQ;EACE;AjDk5LV;;AiD34LA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjD84LF;;AiD14LE;EACE;AjD64LJ;;AiDz4LA;EACE;EACA;EACA,6FlDhEc;EkDiEd;AjD44LF;;AiDz4LA;EACE;AjD44LF;;AiDz4LA;ElDyIE;EkDvIA;EACA;EACA,yGlDgC+B;EkD/B/B,mDlD+CqB;EkD9CrB;EACA;AjD44LF;;AiDz4LA;EACE;IACE;EjD44LF;AACF;AiDz4LA;EACE;IACE;EjD24LF;EiDx4LA;IACE;EjD04LF;EiDx4LE;IACE;EjD04LJ;EiDt4LA;IACE;EjDw4LF;EiDt4LE;IACE;EjDw4LJ;AACF;AiDn4LE;EACE;AjDq4LJ;;AiDj4LA;EACE;EACA;EACA,4DlDxHQ;EkDyHR;AjDo4LF;AiDl4LE;EACE;EACA;EACA;EACA,2DlD/HM;ACmgMV;;AiD/3LE;EACE;AjDk4LJ;;AiD93LA;EACE;EACA;AjDi4LF;;AiD73LE;EACE;AjDg4LJ;;AiD53LA;EACE;EACA;EACA;AjD+3LF;AiD73LE;EACE;AjD+3LJ;;AiD33LA;EACE;EACA;EACA;AjD83LF;;AiD33LA;EACE;EACA;EACA;AjD83LF;;AiD33LA;ElDwCE;EkDtCA;AjD83LF;;AiD33LA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjD83LF;;AiD33LA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjD83LF;AiD53LE;EACE;EACA;AjD83LJ;AiD33LI;EACE;AjD63LN;AiD33LI;EACE;AjD63LN;;AiDx3LA;EACE;EACA;EACA;EACA;AjD23LF;AiDz3LE;EACE;EACA;EACA,oGlD7HuB;EkD8HvB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjD23LJ;;AiDv3LA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AjD03LF;;AiDv3LE;EACE;EACA;EACA;AjD03LJ;;AiDt3LA;EACE,wFlD5MU;ACqkMZ;;AiDt3LA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4ElDrPe;AC8mMjB;AiDv3LE;EACE;EACA;EACA;EACA;EACA;EACA;AjDy3LJ;;AiDr3LA;EACE;AjDw3LF;;AiDr3LA;EACE;AjDw3LF;;AiDr3LA;EACE;AjDw3LF;AiDt3LE;EACE;EACA;AjDw3LJ;AiDr3LE;EACE;EACA;EACA;EACA;EACA;EACA;AjDu3LJ;AiDp3LE;EACE,8FlD1RmB;ACgpMvB;AiDn3LE;EACE;EACA;AjDq3LJ;AiDn3LI;EACE;EACA;AjDq3LN;AiDj3LE;EACE;EACA;EACA;EACA;AjDm3LJ;AiDj3LI;EACE;EACA;EACA;EACA;EACA;EACA;AjDm3LN;;AiD92LA;EACE;AjDi3LF;;AiD52LI;EACE,2DlDtVI;ACqsMV;AiD32LE;EACE,mGlD1VY;ACusMhB;;AiDz2LA;EACE;EACA;AjD42LF;;AiDz2LA;EACE;EACA;EACA;EACA;AjD42LF;;AiDz2LA;EACE;EACA;EACA;EACA;AjD42LF;;AiDz2LA;EACE,6DlDjUI;EkDkUJ;EACA;EACA;EACA;EACA;AjD42LF;AiD12LE;EAEE;AjD22LJ;AiDx2LE;EACE;EACA;AjD02LJ;AiDx2LI;EACE,2DlD/WO;ACytMb;;AiDr2LA;EACE,4GlDjXgB;EkDkXhB;EACA;EACA;EACA;EACA;AjDw2LF;;AiDr2LA;EACE;EACA;EACA;EACA;EACA;EACA;AjDw2LF;AiDt2LE;EACE;EACA;EACA;EACA;AjDw2LJ;;AiDp2LA;EACE;EACA;AjDu2LF;;AiDn2LE;EACE;AjDs2LJ;AiDn2LE;EACE;AjDq2LJ;AiDl2LE;EACE;AjDo2LJ;AiDj2LE;EACE,sGlD5Zc;AC+vMlB;AiDh2LE;EACE,+DlDzZS;AC2vMb;;AiD71LE;EACE;AjDg2LJ;AiD71LE;EACE;AjD+1LJ;AiD51LE;EACE;AjD81LJ;AiD31LE;EACE;AjD61LJ;AiD11LE;EACE,+DlD/aS;AC2wMb;;AkD3yMA;EACE;AlD8yMF;;AmD9yME;EACE;EACA,yEpDiGsB;EoDhGtB;AnDizMJ;;AmD5yME;EACE,8FpDamB;ACkyMvB;AmD7yME;EACE,8GpDakB;ACkyMtB;;AmD1yME;;EAEE;AnD6yMJ;AmD1yME;EACE;AnD4yMJ;;AmDzyMA;EACE;AnD4yMF;;ADtsMA;EACE;ACysMF;;AoD10MA;EACE;EACA;EACA;EACA;EACA,qIrDSoB;EqDRpB;EACA;EAEA,uFrDoDY;EqDnDZ;EACA;EACA;EACA;EACA;EACA,4DrDjBQ;EqDkBR;EACA;EAEA;EACA;ApD20MF;;AoDx0MA;EACE;EACA;ApD20MF;;AoDx0MA;EACE,4GrDNgB;ACi1MlB;;AoDx0MA;EACE;ApD20MF;;AoDx0MA;EACE,+DrDPW;EqDQX;EACA;ApD20MF;;AoDx0MA;EACE,uErD7CQ;EqD8CR,oErD3CmB;ACs3MrB;;AoDx0MA;EACE,oErD/CmB;EqDgDnB,sErDjDwB;AC43M1B;;AoDx0MA;EACE,wGrDnD4B;EqDoD5B;ApD20MF;;AoDx0MA;EACE,6DrDVI;EqDWJ,oErD1DmB;ACq4MrB;;AoDx0MA;EACE,6DrDfI;EqDgBJ,oErD/DmB;AC04MrB;;AoDx0MA;EACE,gDrDlBc;EqDmBd;ApD20MF;;ADhxMA;EACE;ACmxMF;;AqDp5MA;EACE;EACA;ArDu5MF;AqDr5ME;EACE;ArDu5MJ;AqDp5ME;EACE;EACA;ArDs5MJ;AqDn5ME;EACE;EACA;EACA;EACA;EACA;ArDq5MJ;AqDn5MI;;;EAGE;EACA;ArDq5MN;AqDl5MI;EACE;ArDo5MN;AqDj5MI;EACE;EACA;ArDm5MN;AqD/4ME;EACE;EACA;EACA;ArDi5MJ;AqD/4MI;EACE;ArDi5MN;AqD94MI;;EAEE;ArDg5MN;AqD74MI;EACE;ArD+4MN;AqD54MI;EACE;EACA;EACA;ArD84MN;;AqDt4MI;EACE;EACA;EACA;ArDy4MN;AqDt4MI;EAEE;ArDu4MN;AqDr4MM;EACE;EACA;EACA;ArDu4MR;;AqD33MM;EACE;ArD83MR;;AqDx3MA;EACE;EACA;EACA;EACA;ArD23MF;;AqDx3MA;EACE;EACA;EACA;EACA;ArD23MF;;AqDx3MA;;E3ChCE;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;EAKA,6FXZqB;ACq6MvB;AUx5ME;;EAnEA;EACA;EACA,uFX+BY;EW9BZ;EACA;EACA;EACA;EACA;EACA;EACA;AV+9MF;AUj6ME;;EA1DA;EACA;EACA,uFXkBY;EWjBZ;EACA;EACA;EACA;EACA;EACA;EACA;AV+9MF;AU16ME;;EAjDA;EACA;EACA,uFXKY;EWJZ;EACA;EACA;EACA;EACA;EACA;EACA;AV+9MF;AUn7ME;;;;;;EAxCA;EACA;EACA,uFXRY;EWSZ;EACA;EACA;EACA;EACA;EACA;EACA;AVm+MF;AU97ME;;;;;;;;EAjCA;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;AVy+MF;AU18ME;;EACE,4DX3HM;ACwkNV;AU18ME;;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;AV28MJ;AUz8MI;;EACE,4GX7HY;ACykNlB;AUz8MI;;EACE;AV48MN;AUz8MI;;EACE;EACA;EACA;EACA;AV48MN;;AqDt/MA;EACE;EACA;EACA;EACA;EACA;EACA;ArDy/MF;;ADp/MA;EACE;ACu/MF;;AsDxnNA;EACE;EACA;EACA;EACA;AtD2nNF;;AsDxnNA;EACE;AtD2nNF;;AsDxnNA;EACE;AtD2nNF;;AsDxnNA;EACE;AtD2nNF;;AsDxnNA;EACE;EACA;EACA;EACA;EACA;AtD2nNF;AsDznNE;EACE;EACA;EACA;EACA;EACA;AtD2nNJ;;AsDvnNA;;EAEE;EACA;AtD0nNF;;AsDvnNA;EACE;EACA;AtD0nNF;AsDxnNE;EvDmKA;EuDjKE,mDvD4EmB;EuD3EnB;AtD0nNJ;;AsDtnNA;EACE;EACA;EACA;EACA;EACA;EACA,wHvDyDiC;ACgkNnC;;AsDtnNA;EACE;AtDynNF;;AsDvnNA;EACE;AtD0nNF;;AsDvnNA;EACE;AtD0nNF;;AsDvnNA;EACE,wFvDxBU;ACkpNZ;AsDxnNE;EACE;AtD0nNJ;;AsDtnNA;EACE;EACA;EACA;AtDynNF;;AsDtnNA;EACE;AtDynNF;;AsDtnNA;EACE;EACA;EACA;EACA;AtDynNF;;AsDtnNA;;EAEE;AtDynNF;;AsDtnNA;;EAEE;AtDynNF;;AsDrnNE;EACE;AtDwnNJ;;AsDpnNA;EACE;AtDunNF;;AuD3uNA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4DxDRQ;EwDSR;EACA;EACA,uFxDoDY;EwDnDZ;EACA,yExDuFwB;EwDtFxB;EACA;EACA;AvD8uNF;;AuD3uNA;EACE,kDxD8BI;ACgtNN;;AuD3uNA;EACE;AvD8uNF;;AuD3uNA;EACE;AvD8uNF;AuD5uNE;EACE,2DxD/BM;AC6wNV;;AuDzuNE;EACE;AvD4uNJ;AuDzuNE;EACE,wGxD+D6B;EwD9D7B;AvD2uNJ;;AuDvuNA;EACE,wGxDyD+B;ACirNjC;;AuDvuNA;;EAEE,+DxDpBW;EwDqBX;EACA;EACA;AvD0uNF;AuDxuNE;;EACE,wGxD8C6B;AC6rNjC;;AuDvuNA;;EAEE;EACA,mGxDhEc;EwDiEd;EACA;AvD0uNF;AuDxuNE;;EACE,kFxDhDa;AC2xNjB;AuDxuNE;;EACE,wFxDvBQ;ACkwNZ;AuDxuNM;;EACE,iDxD5BF;ACuwNN;AuDtuNE;;EACE;AvDyuNJ;;AuDruNA;EACE;EACA;EACA;AvDwuNF;;AuDruNA;EACE,kFxDzEe;EwD0Ef;AvDwuNF;;AwDx0NA;EACE;EACA;AxD20NF;AwDz0NI;EACE;AxD20NN;;AyDh1NA;EACE,uE1DoBW;E0DnBX;EACA;EACA;EACA;EACA;AzDm1NF;AyDj1NE;EACE;AzDm1NJ;AyDh1NE;E1DsMA;E0DpME;EACA;EACA;AzDk1NJ;AyD/0NE;EACE,0E1Dae;E0DZf;AzDi1NJ;;AyD30NE;;EACE,2D1D5BM;AC22NV;AyD30NI;;EACE,iD1DiBA;AC6zNN;;AyDz0NA;EACE;AzD40NF;;AyD10NA;EACE;AzD60NF;AyD50NE;EACE;EACA;AzD80NJ;;AyD30NA;EACE;EACA;AzD80NF;;AyD30NE;EACE,2D1DtDM;ACo4NV;AyD30NI;EACE;AzD60NN;;AyDz0NA;;EAEE;AzD40NF;AyD30NE;;EACE;AzD80NJ;AyD50NE;;EACE;AzD+0NJ;AyD90NI;;EACE;AzDi1NN;;ADtxNA;EACE;ACyxNF;;A0D15NA;;EAEE;EACA,uF3D0DY;E2DzDZ;EACA;EACA;EACA;EhDyEA;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;EAKA,6FXZqB;AC61NvB;AUh1NE;;EAnEA;EACA;EACA,uFX+BY;EW9BZ;EACA;EACA;EACA;EACA;EACA;EACA;AVu5NF;AUz1NE;;EA1DA;EACA;EACA,uFXkBY;EWjBZ;EACA;EACA;EACA;EACA;EACA;EACA;AVu5NF;AUl2NE;;EAjDA;EACA;EACA,uFXKY;EWJZ;EACA;EACA;EACA;EACA;EACA;EACA;AVu5NF;AU32NE;;;;;;EAxCA;EACA;EACA,uFXRY;EWSZ;EACA;EACA;EACA;EACA;EACA;EACA;AV25NF;AUt3NE;;;;;;;;EAjCA;EACA;EACA,uFXrBY;EWsBZ;EACA;EACA;EACA;EACA;EACA;EACA;AVi6NF;AUl4NE;;EACE,4DX3HM;ACggOV;AUl4NE;;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;AVm4NJ;AUj4NI;;EACE,4GX7HY;ACigOlB;AUj4NI;;EACE;AVo4NN;AUj4NI;;EACE;EACA;EACA;EACA;AVo4NN;;A0DxhOA;;EAEE;EACA;EACA;EACA;A1D2hOF;;A0DxhOA;EACE;A1D2hOF;;A0DxhOA;EACE;A1D2hOF;;A2DrjOA;EACE;A3DwjOF;;A2DrjOA;EACE;A3DwjOF;;A2DrjOA;EACE;A3DwjOF;;A2DrjOA;EACE;A3DwjOF;;A2DrjOA;EACE;EACA;EACA;A3DwjOF;;A2DrjOA;EACE;EACA;EACA;A3DwjOF;;A2DrjOA;EACE;A3DwjOF;;A2DrjOA;EACE;EACA;EACA;EACA;EACA;A3DwjOF;A2DtjOE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A3DwjOJ;A2DtjOI;EACE;EACA;EACA;EACA,6E5DnBiB;E4DoBjB;EACA;EACA;EAEA;EACA;EACA;A3DujON;A2DpjOI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uE5DzDW;AC+mOjB;A2DpjOM;EACE;EACA;EACA;EACA;EACA;EACA,kF5DjES;E4DkET;A3DsjOR;A2DjjOM;EACE;EACA;EACA;EACA;EACA;EACA,6E5DhEe;E4DiEf;EACA;EACA;EACA;EACA;A3DmjOR;A2D9iOE;EACE,4D5D9GM;E4D+GN;EACA;EACA;EACA,+E5D/GiB;AC+pOrB;A2D9iOI;EACE;A3DgjON;A2D7iOI;EACE;EACA;EACA;EACA,+E5DzHe;E4D0Hf;A3D+iON;A2D1iOI;EACE,uE5DnII;E4DoIJ;A3D4iON;A2DziOI;EACE,uE5DxII;ACmrOV;A2DziOM;EACE,uE5D3IE;E4D4IF;A3D2iOR;A2DriOI;EACE,uE5DnJI;E4DoJJ;A3DuiON;A2DpiOI;EACE;EACA,+E5DtJe;E4DuJf,4D5D1JI;E4D2JJ;EACA;A3DsiON;A2DpiOM;EACE;A3DsiOR;A2DniOM;EACE;EACA,+E5DjKa;E4DkKb;A3DqiOR;;A2D/hOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A3DkiOF;;A2D9hOE;EACE;A3DiiOJ;;A2D5hOE;EACE;EACA;EACA;EACA;EACA,kE5DjKmB;ACgsOvB;;A2D3hOA;EACE;EACA;A3D8hOF;A2D3hOI;EACE;A3D6hON;A2D3hOM;EACE;A3D6hOR;A2DxhOE;EACE;EACA;A3D0hOJ;A2DthOI;EACE;EACA;A3DwhON;A2DnhOI;EACE;EACA;A3DqhON;;A2D/gOE;EACE;A3DkhOJ;A2D7gOM;EACE;EACA;EACA;A3D+gOR;A2D5gOM;EACE;EACA;A3D8gOR;A2D5gOQ;EACE;EACA;A3D8gOV;A2DzgOM;EACE;A3D2gOR;;A2DpgOE;EACE;A3DugOJ;;A2DjgOE;;EACE;EACA;A3DqgOJ;A2DngOI;;EACE;A3DsgON;;A2D9/NM;EACE;A3DigOR;;A2D1/NE;EACE;A3D6/NJ;;A2Dz/NA;EACE;EACA;EACA;EACA;A3D4/NF;;A2Dn/NM;;;EACE;EACA;A3Dw/NR;A2Dh/NQ;;;EACE;EACA;A3Do/NV;;A4DtzOA;EACE;EACA;EACA;EACA,iE7DeW;E6DdX;EACA;A5DyzOF;A4DvzOE;EACE,6F7DVY;E6DWZ,+D7DoBS;E6DnBT;A5DyzOJ;A4DtzOE;EACE;A5DwzOJ;A4DrzOE;EACE;EACA;EACA;EACA;EACA;A5DuzOJ;;A4DnzOA;EACE;A5DszOF;;A4DnzOA;EACE;A5DszOF;;A4DnzOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kF7DtBe;E6DuBf;EACA;A5DszOF;A4DpzOE;EACE;EACA;A5DszOJ;A4DnzOE;EACE,kF7DhCa;ACq1OjB;;A4D/yOE;;EACE;A5DmzOJ;;A4D/yOA;EACE;EACA;EACA;EACA;A5DkzOF;;A6Dv3OA;EACE;EACA;A7D03OF;;A6Dv3OA;EACE;A7D03OF;;A6Dv3OA;EACE;EACA;EACA;EACA;A7D03OF;;A6Dv3OA;EACE;A7D03OF;A6Dx3OE;EACE;A7D03OJ;;A8D94OA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A9Di5OF;;A8D94OA;EACE;EACA;EACA;A9Di5OF;;A8D94OA;EACE;EACA;A9Di5OF;;A8D94OA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,6D/DlCQ;E+DmCR;EACA;EACA;A9Di5OF;;A8D94OA;EACE;EACA;A9Di5OF;;A8D94OA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4D/DtDQ;E+DuDR;EACA;A9Di5OF;;A8D94OA;EACE,4D/D5DQ;E+D6DR;EACA;A9Di5OF;;A8D94OA;EACE,2E/DjCiB;E+DkCjB;EACA;A9Di5OF;;A+Dr9OA;EACE;EACA,oGhEmCiB;ACq7OnB;;A+Dr9OA;EACE;A/Dw9OF;A+Dp9OI;;EAEE;A/Ds9ON;;A+Dj9OA;EACE;A/Do9OF;A+Dh9OI;;EAEE;A/Dk9ON;;A+D78OA;EACE;EACA;A/Dg9OF;A+D58OI;;EAEE;A/D88ON;;A+Dv8OE;;EAEE;A/D08OJ;;A+Dt8OA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;A/Dw8OF;;A+Dr8OA;EACE;EACA;EACA;A/Dw8OF;;A+Dr8OA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/Dw8OF;;A+Dr8OA;EACE;A/Dw8OF;;A+Dr8OA;EACE;A/Dw8OF;;A+Dr8OA;EACE;EACA;EACA;EACA;EACA;EACA;A/Dw8OF;;A+Dp8OE;EACE;A/Du8OJ;;A+Dl8OE;EACE;EACA;EACA;A/Dq8OJ;;A+Dh8OE;EACE;A/Dm8OJ;;A+D/7OA;EACE;A/Dk8OF;A+Dh8OE;EACE;A/Dk8OJ;;A+D97OA;EACE;A/Di8OF;;A+D97OA;EtDxGE;EACA;EACA;EsDwGA,uGhEtDuB;EgEuDvB,2HhEzDwB;EgE0DxB,oDhEzDwB;EgE0DxB;A/Dm8OF;;A+Dh8OA;EACE;A/Dm8OF;;A+Dh8OA;EACE;A/Dm8OF;;A+Dh8OA;EACE;A/Dm8OF;;A+Dh8OA;EACE;A/Dm8OF;;A+Dh8OA;EtD1HE;EACA;EACA;EsD0HA,6GhE1E6B;EgE2E7B,iIhE7E8B;EgE8E9B,0DhE7E8B;EgE8E9B;A/Dq8OF;;A+Dl8OA;EACE;A/Dq8OF;;A+Dl8OA;EACE;EACA;EACA;A/Dq8OF;A+Dn8OE;EACE;A/Dq8OJ;;A+D/7OE;;EACE,6FhE7FmB;ACgiPvB;A+Dh8OE;;EtDtJA;EACA;EACA;EsDsJE,yGhE9FyB;ACmiP7B;;AgE3nPA;EACE;IACE;EhE8nPF;EgE3nPA;IACE;EhE6nPF;AACF;AgE1nPA;EACE;AhE4nPF;AgE1nPE;EACE;EACA;EACA;EACA;EACA;EACA;AhE4nPJ;;AiE/oPA;;EAEE;AjEkpPF;;AiE/oPA;EACE;EACA;EACA;AjEkpPF;;AiE/oPA;EACE;EACA;AjEkpPF;;AiE/oPA;EACE;AjEkpPF;;AiE9oPE;EACE;AjEipPJ;;AkEvqPA;EACI;EACA;AlE0qPJ;;AkExqPA;EACI;EACA;EACA;AlE2qPJ;;AkEzqPA;EACI;AlE4qPJ;;AkE1qPA;EACI;AlE6qPJ;;AkE1qPA;EACI;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AlE4qPJ;;AkE1qPA;EACI;EACA;EACA;AlE6qPJ;;AkE3qPA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AlE8qPJ;;AmEttPA;EACE;EACA;EACA;AnEytPF;;AmEttPA;EACE;EACA;EACA;EACA;AnEytPF;;AmEptPI;E1D+BF;EACA;EACA;EACA;EACA;ATyrPF;ASvrPE;EACE;EACA;ATyrPJ;AmE5tPI;EACE;AnE8tPN;AmE3tPI;EACE;AnE6tPN;AmE1tPI;EACE;AnE4tPN;A4B7uOI;EACE;EACA;A5B+uON;A4B3uOE;;EAEE;A5B6uOJ;A4B1uOE;EACE;EACA;EACA;EACA;A5B4uOJ;A4B1uOI;EACE;EACA;A5B4uON;A4BzuOI;EACE;EACA;A5B2uON;A4BvuOE;EACE;A5ByuOJ;A4BruOI;EACE;EACA;A5BuuON;A4BluOI;EACE;A5BouON;A4BhuOE;EACE;A5BkuOJ;A4B9tOI;EACE;A5BguON;A4B3tOI;EACE;A5B6tON;A4B3tOM;EACE;A5B6tOR;A4BztOI;EACE;A5B2tON;A4BztOM;EACE;A5B2tOR;A4BztOQ;EACE;A5B2tOV;A4BttOI;;EAEE;EACA;EACA;EACA;EACA;EACA,uE7BtjBS;E6BujBT;EACA;EACA;A5BwtON;A4BrtOI;EACE;A5ButON;A4BptOI;EACE;A5BstON;A4BptOM;EAEE;A5BqtOR;A4B/sOI;;EAEE;A5BitON;A4B7sOE;EACE;A5B+sOJ;A4B5sOE;EACE;EACA;EACA;EACA;EACA;EACA;A5B8sOJ;A4B3sOE;EACE;A5B6sOJ;A4B1sOE;EACE;A5B4sOJ;A4BzsOM;EACE;A5B2sOR;A4BtsOE;;EAEE;A5BwsOJ;A4BrsOE;EACE;A5BusOJ;A4BpsOE;EACE;EACA;EACA;EACA;A5BssOJ;A4BrsOI;EACE;A5BusON;A4BnsOE;EACE;A5BqsOJ;A4BpsOI;EACE;A5BssON;A4BlsOE;EACE;EACA;EACA;EACA;A5BosOJ;A4BlsOI;EACE;A5BosON;A4BhsOE;EACE;EACA;EACA;A5BksOJ;A4BhsOI;EACE;EACA;EACA,iE7B5qBO;AC82Pb;A4B/rOI;EACE;A5BisON;A4B7rOE;EACE;EACA;A5B+rOJ;A4B7rOI;EACE;A5B+rON;A4B5rOI;EACE;A5B8rON;A4B1rOE;EACE;EACA;A5B4rOJ;A4BzrOE;;EAEE,2E7B5rBe;ACu3PnB;A4BvrOI;EACE;A5ByrON;A4BtrOI;EACE;A5BwrON;A4BprOE;EACE;A5BsrOJ;A4BnrOE;EACE;A5BqrOJ;A4BjrOI;EACE;EACA;A5BmrON;A4B9qOI;EACE;EACA;A5BgrON;AuC3zPE;EACE;EACA;AvC6zPJ;;AmE34PE;EACE;AnE84PJ;AmE54PI;EACE;EACA;AnE84PN;AmE34PI;EACE;AnE64PN;AmEz4PE;EACE;EACA;AnE24PJ;AmEx4PE;EACE;EACA;EACA;EACA;EACA;AnE04PJ;AmEv4PE;EACE;EACA;AnEy4PJ;AmEv4PI;EACE;EACA;AnEy4PN;AmEr4PE;;EAEE;AnEu4PJ;AmEr4PI;;EACE;AnEw4PN;AmEt4PM;;EACE;EACA;AnEy4PR;AmEr4PI;;EACE;EACA;EACA;AnEw4PN;AmEt4PM;;EACE;AnEy4PR;;AmEn4PA;EACE;AnEs4PF;AmEp4PE;EACE;AnEs4PJ;;AoEn7PA;EACE;ApEs7PF;;AoEn7PA;EACE;EACA;EACA;EACA;EACA,uFRlEY;EQmEZ,kFrE7Ce;EqE8Cf;ApEs7PF;AS77PI;EAFF;;IAGI;IACA;ETi8PJ;AACF;AS/7PI;;EACE;EACA;EACA;ATk8PN;AS/7PI;;EACE;EACA;EACA;EACA,mEVrCG;ACu+PT;AS/7PI;;EACE;ATk8PN;AS/7PI;;EACE;EACA,sFVpDa;ACs/PnB;AoE/8PE;EAEE;ApEg9PJ;;AoE58PA;EACE;EACA;EACA;EACA;ApE+8PF;;AoE58PA;EACE;EACA;EACA;EACA;ApE+8PF;;AoE58PA;EACE;ApE+8PF;;AoE58PA;EACE;ApE+8PF;;AoE58PA;EACE;ApE+8PF;;AoE58PA;EACE;EACA;EACA;ApE+8PF;AoE78PE;EACE;EACA;EACA;ApE+8PJ;;ASlgQI;EAFF;;IAGI;IACA;ETugQJ;AACF;ASrgQI;;EACE;EACA;EACA;ATwgQN;ASrgQI;;EACE;EACA;EACA;EACA,mEVrCG;AC6iQT;ASrgQI;;EACE;ATwgQN;ASrgQI;;EACE;EACA,sFVpDa;AC4jQnB;;AoEh+PA;EAJE;EACA;ApEw+PF;;AoEh+PE;EACE;ApEm+PJ;;AoE99PE;EACE,kFrEnHa;EqEoHb;ApEi+PJ,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-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}\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-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__shadow {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--sjs-corner-radius, 4px);\n}\n\n.sv-popup__body-content {\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  border-radius: 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(11 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n}\n\n.sv-popup--modal > .sv-popup__container {\n  position: static;\n  display: flex;\n}\n\n.sv-popup--modal > .sv-popup__container > .sv-popup__shadow > .sv-popup__body-content {\n  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: auto;\n}\n.sv-popup--modal > .sv-popup__container > .sv-popup__shadow > .sv-popup__body-content .sv-popup__body-footer {\n  padding-bottom: 2px;\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__shadow {\n  height: initial;\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  margin-bottom: 0;\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  padding-bottom: 0;\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}\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  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n  padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(100% - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-popup--overlay .sv-popup__scrolling-content {\n  height: calc(100% - 10 * var(--base-unit, 8px));\n}\n.sv-popup--overlay .sv-popup__body-footer {\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--overlay .sv-popup__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__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--overlay .sv-popup__body-footer .sv-action {\n  flex: 1 0 0;\n}\n\n.sv-popup--modal .sv-popup__scrolling-content {\n  padding: 2px;\n  margin: -2px;\n}\n\n.sv-popup__scrolling-content {\n  height: 100%;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n}\n.sv-popup__scrolling-content::-webkit-scrollbar,\n.sv-popup__scrolling-content *::-webkit-scrollbar {\n  height: 6px;\n  width: 6px;\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sv-popup__scrolling-content::-webkit-scrollbar-thumb,\n.sv-popup__scrolling-content *::-webkit-scrollbar-thumb {\n  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sv-popup__content {\n  min-width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  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  margin-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sv-popup__body-footer {\n  display: flex;\n  margin-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup__body-footer .sv-action-bar {\n  gap: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup__button {\n  margin: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup--modal .sv-list__filter,\n.sv-popup--overlay .sv-list__filter {\n  padding-top: 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__shadow {\n  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\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__shadow > .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}\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  margin: 0;\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}\n.sv-popup--dropdown-overlay .sv-popup__body-footer {\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  margin-top: 0;\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  margin: 0;\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--animate-enter {\n  animation-name: fadeIn;\n  animation-fill-mode: forwards;\n  animation-duration: 0.15s;\n}\n\n.sv-popup--modal.sv-popup--animate-enter {\n  animation-duration: 0.25s;\n}\n\n.sv-popup--animate-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--animate-leave {\n  animation-duration: 0.25s;\n}\n\n.sv-popup--hidden {\n  opacity: 0;\n}\n\n@keyframes modalMoveDown {\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(64px);\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--animate-leave .sv-popup__container {\n  animation-name: modalMoveDown;\n  animation-fill-mode: forwards;\n  animation-duration: 0.25s;\n}\n\n.sv-popup--modal.sv-popup--animate-enter .sv-popup__container {\n  animation-name: modalMoveUp;\n  animation-fill-mode: forwards;\n  animation-duration: 0.25s;\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}\n.sv_window--collapsed .sv_window_content {\n  display: none;\n}\n.sv_window--collapsed .sv_window_buttons_container {\n  margin-top: 0;\n  margin-right: 0;\n}\n\n.sv_window_header_title_collapsed {\n  color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-style: normal;\n  font-weight: 600;\n  font-size: var(--sjs-font-size, 16px);\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  flex: 1;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.sv_window_header_description {\n  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n  font-feature-settings: \"salt\" on;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-style: normal;\n  font-size: var(--sjs-font-size, 16px);\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.sv_window_buttons_container {\n  position: fixed;\n  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n  display: flex;\n  gap: var(--sjs-base-unit, var(--base-unit, 8px));\n  z-index: 10000;\n}\n\n.sv_window_button {\n  display: flex;\n  padding: var(--sjs-base-unit, var(--base-unit, 8px));\n  justify-content: center;\n  align-items: center;\n  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  cursor: pointer;\n}\n.sv_window_button:hover, .sv_window_button:active {\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.sv_window_button:hover svg use,\n.sv_window_button:hover svg path, .sv_window_button:active svg use,\n.sv_window_button:active svg path {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sv_window_button:active {\n  opacity: 0.5;\n}\n.sv_window_button svg use,\n.sv_window_button svg path {\n  fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n}\n\nsv-brand-info, .sv-brand-info {\n  z-index: 1;\n  position: relative;\n  margin-top: 1px;\n}\n\n.sv-brand-info {\n  width: 100%;\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  text-align: center;\n  color: #161616;\n  background: white;\n  padding: 32px 0;\n  box-shadow: 0px -1px 0px #D6D6D6;\n}\n.sv-brand-info a {\n  color: #161616;\n  text-decoration-line: underline;\n}\n\n.sv-brand-info__text {\n  font-weight: 600;\n  font-size: var(--sjs-font-size, 16px);\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  color: #161616;\n}\n\n.sv-brand-info__logo {\n  display: inline-block;\n}\n.sv-brand-info__logo img {\n  width: 118px;\n}\n\n.sv-brand-info__terms {\n  font-weight: 400;\n  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n  line-height: var(--sjs-font-size, 16px);\n}\n.sv-brand-info__terms a {\n  color: #909090;\n}\n\n:root {\n  --sjs-transition-duration: 150ms;\n}\n\n:root {\n  --sjs-transition-duration: 150ms;\n}\n\n.sv-ranking {\n  outline: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n.sv-ranking-item {\n  cursor: pointer;\n  position: relative;\n  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  opacity: 1;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--hover {\n  visibility: hidden;\n}\n\n.sv-ranking-item:hover:not(:focus) .sv-ranking-item__icon--hover {\n  visibility: visible;\n}\n\n.sv-question--disabled .sv-ranking-item:hover .sv-ranking-item__icon--hover {\n  visibility: hidden;\n}\n\n.sv-ranking-item:focus {\n  outline: none;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--focus {\n  visibility: visible;\n  top: calc(0.6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking-item:focus .sv-ranking-item__index {\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n  outline: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-ranking-item__content.sv-ranking-item__content {\n  display: flex;\n  align-items: center;\n  line-height: 1em;\n  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking-item__icon-container {\n  position: relative;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  flex-shrink: 0;\n  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking-item--disabled.sv-ranking-item--disabled,\n.sv-ranking-item--readonly.sv-ranking-item--readonly,\n.sv-ranking-item--preview.sv-ranking-item--preview {\n  cursor: initial;\n  user-select: initial;\n  -webkit-user-select: initial;\n}\n.sv-ranking-item--disabled.sv-ranking-item--disabled .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon,\n.sv-ranking-item--readonly.sv-ranking-item--readonly .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon,\n.sv-ranking-item--preview.sv-ranking-item--preview .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon {\n  visibility: hidden;\n}\n\n.sv-ranking-item__icon.sv-ranking-item__icon {\n  visibility: hidden;\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n  position: absolute;\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n  width: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking-item__index.sv-ranking-item__index {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  border-radius: 100%;\n  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  box-sizing: border-box;\n  font-weight: 600;\n  margin-left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  transition: outline var(--sjs-transition-duration, 150ms), background var(--sjs-transition-duration, 150ms);\n  outline: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n}\n.sv-ranking-item__index.sv-ranking-item__index svg {\n  fill: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  width: var(--sjs-internal-font-editorfont-size);\n  height: var(--sjs-internal-font-editorfont-size);\n}\n\n.sv-ranking-item__text {\n  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  font-size: var(--sjs-internal-font-editorfont-size);\n  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));\n  margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-ranking--disabled .sv-ranking-item__text {\n  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n  opacity: 0.25;\n}\n\n.sv-ranking-item--disabled .sv-ranking-item__text {\n  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n  opacity: 0.25;\n}\n\n.sv-ranking-item--readonly .sv-ranking-item__index {\n  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sv-ranking-item--preview .sv-ranking-item__index {\n  background-color: transparent;\n  border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));\n  box-sizing: border-box;\n}\n\n.sv-ranking-item__ghost.sv-ranking-item__ghost {\n  display: none;\n  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  width: calc(31 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  z-index: 1;\n  position: absolute;\n  left: 0;\n  top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n[dir=rtl] .sv-ranking-item__ghost {\n  left: initilal;\n  right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__ghost {\n  display: block;\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__content {\n  visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__content {\n  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking--drag .sv-ranking-item:hover .sv-ranking-item__icon {\n  visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__icon--hover {\n  visibility: visible;\n}\n\n.sv-ranking--mobile .sv-ranking-item__icon--hover {\n  visibility: visible;\n  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-ranking--mobile.sv-ranking--drag .sv-ranking-item--ghost .sv-ranking-item__icon.sv-ranking-item__icon--hover {\n  visibility: hidden;\n}\n\n.sv-ranking--mobile.sv-ranking-shortcut {\n  max-width: 80%;\n}\n\n.sv-ranking--mobile .sv-ranking-item__index.sv-ranking-item__index {\n  margin-left: 0;\n}\n.sv-ranking--mobile .sd-element--with-frame .sv-ranking-item__icon {\n  margin-left: 0;\n}\n\n.sv-ranking--design-mode .sv-ranking-item:hover .sv-ranking-item__icon {\n  visibility: hidden;\n}\n\n.sv-ranking--disabled {\n  opacity: 0.8;\n}\n\n.sv-ranking-shortcut[hidden] {\n  display: none;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-ranking-shortcut .sv-ranking-item__text {\n  margin-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon--hover {\n  visibility: visible;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n  width: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-ranking-shortcut .sv-ranking-item__content {\n  padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-ranking-shortcut .sv-ranking-item__icon-container {\n  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-ranking-shortcut {\n  cursor: grabbing;\n  position: absolute;\n  z-index: 10000;\n  border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  min-width: 100px;\n  max-width: 400px;\n  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n}\n\n.sv-ranking--select-to-rank {\n  display: flex;\n}\n\n.sv-ranking--select-to-rank-vertical {\n  flex-direction: column-reverse;\n}\n.sv-ranking--select-to-rank-vertical .sv-ranking__containers-divider {\n  margin: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n  height: 1px;\n}\n.sv-ranking--select-to-rank-vertical .sv-ranking__container--empty {\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.sv-ranking-item--animate-item-removing {\n  --animation-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  animation-name: moveIn, fadeIn;\n  animation-direction: reverse;\n  animation-fill-mode: forwards;\n  animation-timing-function: linear;\n  animation-duration: var(--sjs-ranking-move-out-duration, 150ms), var(--sjs-ranking-fade-out-duration, 100ms);\n  animation-delay: var(--sjs-ranking-move-out-delay, 0ms), 0s;\n}\n\n.sv-ranking-item--animate-item-adding {\n  --animation-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  animation-name: moveIn, fadeIn;\n  opacity: 0;\n  animation-fill-mode: forwards;\n  animation-timing-function: linear;\n  animation-duration: var(--sjs-ranking-move-in-duration, 150ms), var(--sjs-ranking-fade-in-duration, 100ms);\n  animation-delay: 0s, var(--sjs-ranking-fade-in-delay, 150ms);\n}\n\n.sv-ranking-item--animate-item-adding-empty {\n  --animation-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  animation-name: fadeIn;\n  opacity: 0;\n  animation-timing-function: linear;\n  animation-duration: var(--sjs-ranking-fade-in-duration, 100ms);\n  animation-delay: 0;\n}\n\n.sv-ranking-item--animate-item-removing-empty {\n  --animation-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  animation-name: fadeIn;\n  animation-direction: reverse;\n  animation-timing-function: linear;\n  animation-duration: var(--sjs-ranking-fade-out-duration, 100ms);\n  animation-delay: 0;\n}\n\n@keyframes sv-animate-item-opacity-reverse-keyframes {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes sv-animate-item-opacity-keyframes {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container {\n  max-width: calc(50% - 1px);\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider {\n  width: 1px;\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {\n  left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item {\n  left: initial;\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {\n  padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {\n  padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking__container-placeholder {\n  color: var(--sjs-font-questiondescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n  font-style: normal;\n  font-size: var(--sjs-font-size, 16px);\n  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n  white-space: normal;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  padding-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: border-box;\n}\n\n.sv-ranking__container {\n  flex: 1;\n}\n\n.sv-ranking__container--empty {\n  box-sizing: border-box;\n  text-align: center;\n}\n\n.sv-ranking__containers-divider {\n  background: var(--sjs-border-default, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));\n}\n\n.sv-ranking__container--from .sv-ranking-item__icon--focus {\n  display: none;\n}\n\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {\n  left: 0 !important;\n  padding-left: 16px;\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item .sv-ranking-item__ghost {\n  left: initial;\n}\n\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: left;\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}\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: 0;\n  }\n  99% {\n    overflow: hidden;\n    height: var(--animation-height);\n  }\n  to {\n    overflow: visible;\n    height: var(--animation-height);\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-element__title.sd-element__title--hidden {\n  display: none;\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.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--fade-in {\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--fade-out {\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--fade-in,\n.sd-element__content--fade-out {\n  --animation-padding-top: 0;\n  --animation-padding-bottom: 0;\n}\n\n.sd-element__content--fade-in {\n  animation-name: fadeIn, moveInWithOverflow, paddingFadeIn;\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), 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--fade-out {\n  animation-name: fadeIn, moveInWithOverflow, paddingFadeIn;\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), 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}\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-question__content: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}\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--fade-out,\n.sd-table__row--fade-in {\n  animation-name: empty;\n  animation-fill-mode: forwards;\n  --fade-in-animation-duration: calc(var(--sjs-matrix-row-fade-in-duration, 250ms) + var(--sjs-matrix-row-fade-in-delay, 150ms));\n  animation-duration: max(var(--fade-in-animation-duration), var(--sjs-matrix-row-move-in-duration, 150ms));\n}\n.sd-table__row--fade-out > td,\n.sd-table__row--fade-in > td {\n  animation-name: borderAnimation;\n  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  animation-duration: var(--sjs-matrix-row-move-in-duration, 150ms);\n  animation-fill-mode: forwards;\n}\n.sd-table__row--fade-out > td > div,\n.sd-table__row--fade-in > td > div {\n  animation-name: fadeIn, moveInWithOverflow;\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  animation-fill-mode: forwards;\n  animation-duration: var(--sjs-matrix-row-fade-in-duration, 250ms), var(--sjs-matrix-row-move-in-duration, 150ms);\n  animation-delay: var(--sjs-matrix-row-fade-in-delay, 150ms), 0s;\n}\n\n.sd-table__row--fade-out {\n  animation-direction: reverse;\n  --move-out-animation-duration: calc(var(--sjs-matrix-row-move-out-duration, 250ms) + var(--sjs-matrix-row-move-out-delay, 100ms));\n  animation-duration: max(var(--move-out-animation-duration), var(--sjs-matrix-row-fade-out-duration, 100ms));\n}\n.sd-table__row--fade-out > td {\n  animation-duration: var(--sjs-matrix-row-move-out-duration, 250ms);\n  animation-delay: var(--sjs-matrix-row-move-out-delay, 100ms);\n  animation-direction: reverse;\n  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n}\n.sd-table__row--fade-out > td > div {\n  animation-direction: reverse;\n  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n  animation-duration: var(--sjs-matrix-row-fade-out-duration, 100ms), var(--sjs-matrix-row-move-out-duration, 250ms);\n  animation-delay: 0s, var(--sjs-matrix-row-move-out-delay, 100ms);\n}\n\n.sd-table__row--detail.sd-table__row--fade-in > td, .sd-table__row--detail.sd-table__row--fade-out > td {\n  animation-name: borderAnimation, paddingAnimation;\n  animation-duration: var(--sjs-matrix-row-move-in-duration, 150ms);\n  animation-fill-mode: forwards;\n}\n.sd-table__row--detail.sd-table__row--fade-in {\n  --fade-in-animation-duration: calc(var(--sjs-matrix-detail-row-fade-in-duration, 500ms) + var(--sjs-matrix-detail-row-fade-in-delay, 150ms));\n  animation-duration: max(var(--fade-in-animation-duration), var(--sjs-matrix-detail-row-move-in-duration, 150ms));\n}\n.sd-table__row--detail.sd-table__row--fade-in > td {\n  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n  animation-duration: var(--sjs-matrix-detail-row-move-in-duration, 150ms);\n}\n.sd-table__row--detail.sd-table__row--fade-in > td > div {\n  animation-duration: var(--sjs-matrix-detail-row-fade-in-duration, 500ms), var(--sjs-matrix-detail-row-move-in-duration, 150ms);\n  animation-delay: var(--sjs-matrix-detail-row-fade-in-delay, 150ms), 0s;\n}\n.sd-table__row--detail.sd-table__row--fade-out {\n  --move-out-animation-duration: calc(var(--sjs-matrix-detail-row-move-out-duration, 250ms) + var(--sjs-matrix-detail-row-move-out-delay, 100ms));\n  animation-duration: max(var(--move-out-animation-duration), var(--sjs-matrix-detail-row-fade-out-duration, 150ms));\n}\n.sd-table__row--detail.sd-table__row--fade-out > td {\n  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n  animation-duration: var(--sjs-matrix-detail-row-move-out-duration, 250ms);\n  animation-delay: var(--sjs-matrix-detail-row-move-out-delay, 100ms);\n  animation-direction: reverse;\n}\n.sd-table__row--detail.sd-table__row--fade-out > td > div {\n  animation-duration: var(--sjs-matrix-detail-row-fade-out-duration, 150ms), var(--sjs-matrix-detail-row-move-out-duration, 250ms);\n  animation-delay: 0s, var(--sjs-matrix-detail-row-move-out-delay, 100ms);\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}\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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions),\n.sd-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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-root-modern:not(.sd-root-modern--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: right;\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: left;\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: left;\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-matrixdynamic__content .sd-table__question-wrapper {\n  position: relative;\n}\n\n.sd-table__question-wrapper:not(:focus-within):hover {\n  position: relative;\n}\n\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-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-root-modern--mobile .sd-table__question-wrapper .sd-boolean-root {\n  margin: initial;\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  --animate-margin: var(--sd-base-vertical-padding);\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  --animate-margin: 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  --animate-margin: var(--sd-base-vertical-padding);\n}\n\n.sd-row:first-of-type {\n  margin-top: 0;\n  --animate-margin: 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  --animate-margin: 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  --animate-margin: var(--sd-base-vertical-padding);\n}\n.sd-page__title ~ .sd-page__row.sd-row.sd-row--fade-in.sd-row--fade-in,\n.sd-page__description ~ .sd-page__row.sd-row.sd-row--fade-in.sd-row--fade-in {\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  --animate-margin: 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--fade-in.sd-row--fade-in {\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@keyframes marginFadeIn {\n  from {\n    margin-top: 0;\n  }\n  to {\n    margin-top: var(--animate-margin);\n  }\n}\n.sd-row.sd-row--fade-in {\n  margin-top: 0;\n}\n\n.sd-row--fade-in {\n  animation-fill-mode: forwards;\n  animation-name: fadeIn, moveInWithOverflow, marginFadeIn;\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-fade-in {\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--fade-out {\n  animation-name: fadeIn, moveInWithOverflow, marginFadeIn;\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--fade-in .sd-element-wrapper--fade-in {\n  animation: none;\n}\n\n.sd-row--fade-out .sd-element-wrapper--fade-out {\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: left;\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}\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  min-width: 0;\n}\n\n.sd-selectbase__column:not(:last-child) {\n  padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-selectbase__column.sv-q-column-1 {\n  width: 100%;\n}\n\n.sd-checkbox__decorator {\n  border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));\n}\n\n.sd-checkbox__svg {\n  display: 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: left;\n}\n\n:root {\n  --sd-rating-bad-color: var(--sjs-special-red, var(--red, #e60a3e));\n  --sd-rating-normal-color: var(--sjs-special-yellow, var(--yellow, #ff9814));\n  --sd-rating-good-color: var(--sjs-special-green, var(--green, #19b394));\n  --sd-rating-bad-color-light: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n  --sd-rating-normal-color-light: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));\n  --sd-rating-good-color-light: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sd-rating {\n  overflow-x: auto;\n  min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-rating fieldset {\n  display: flex;\n  border: none;\n  padding: 0 0 2px 0;\n  flex-wrap: nowrap;\n  gap: 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}\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--animate-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}\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: left;\n  cursor: text;\n  pointer-events: none;\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n[dir=rtl] .sd-tagbox-item_clean-button,\n[style*=\"direction:rtl\"] .sd-tagbox-item_clean-button,\n[style*=\"direction: rtl\"] .sd-tagbox-item_clean-button {\n  background: linear-gradient(90deg, var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%, rgba(25, 179, 148, 0) 100%);\n}\n\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint,\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint-suffix-wrapper,\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__filter-string-input {\n  width: 100%;\n}\n\n.sd-tagbox__hint {\n  display: flex;\n  flex-grow: 1;\n}\n\n.sd-tagbox__hint-suffix-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {\n  --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-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: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--fade-in.sv-pd-animation-left,\n.sd-paneldynamic__panel-wrapper--fade-in.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--fade-in.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--fade-in.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--fade-out.sv-pd-animation-left,\n.sd-paneldynamic__panel-wrapper--fade-out.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--fade-out.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--fade-out.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--fade-in.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--fade-in.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--fade-out.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--fade-in,\n.sd-paneldynamic__panel-wrapper--fade-out {\n  animation-name: fadeIn, moveInWithOverflow, paddingFadeIn;\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--fade-in {\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--fade-out {\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  gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  box-sizing: content-box;\n  flex-direction: row;\n  align-items: stretch;\n  justify-content: center;\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__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__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}\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}\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% + 4px);\n  width: calc(100% - 4px);\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}\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  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\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% + 8px);\n  width: calc(100% - 8px);\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% + 4px);\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% + 8px);\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(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n  font-weight: 600;\n  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n}\n\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}\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 .sd-question.sd-question--table > .sd-question__content {\n  padding-top: 0;\n  --animation-padding-top: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-question--table,\n.sd-root-modern.sd-root-modern--mobile .sd-question--scroll {\n  overflow-x: visible;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell {\n  display: flex;\n  align-items: flex-start;\n  border-top: none;\n  border-bottom: none;\n}\n.sd-root-modern.sd-root-modern--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: left;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell:first-of-type {\n  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table thead {\n  display: none;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table tr {\n  display: flex;\n  flex-direction: column;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrix__table .sd-table__row {\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__row {\n  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__row--expanded .sd-table__cell-action--show-detail-mobile {\n  display: none;\n}\n.sd-root-modern.sd-root-modern--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-root-modern.sd-root-modern--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-root-modern.sd-root-modern--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-root-modern.sd-root-modern--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-root-modern.sd-root-modern--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-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tfoot tr::before,\n.sd-root-modern.sd-root-modern--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-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--expanded)::after {\n  bottom: 0;\n}\n.sd-root-modern.sd-root-modern--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-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tfoot tr::before {\n  background-color: transparent;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type .sd-table__cell-action--show-detail-mobile,\n.sd-root-modern.sd-root-modern--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-root-modern.sd-root-modern--mobile .sd-matrix__label {\n  justify-content: flex-start;\n}\n.sd-root-modern.sd-root-modern--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: left;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell {\n  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error {\n  margin-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-root-modern.sd-root-modern--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-root-modern.sd-root-modern--mobile .sd-table__cell:first-of-type,\n.sd-root-modern.sd-root-modern--mobile .sd-matrix__cell {\n  margin-top: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--footer:not(.sd-question--answered) {\n  display: none;\n}\n.sd-root-modern.sd-root-modern--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: left;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__responsive-title .sv-string-viewer {\n  white-space: normal;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table--no-header {\n  padding-top: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table--no-header .sd-table__responsive-title {\n  display: none;\n}\n.sd-root-modern.sd-root-modern--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-root-modern.sd-root-modern--mobile .sd-table__cell--detail-panel .sd-panel__content {\n  padding-top: 0;\n}\n.sd-root-modern.sd-root-modern--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-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar {\n  margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n  background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions #show-detail-mobile {\n  flex-grow: 1;\n}\n.sd-root-modern.sd-root-modern--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-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {\n  display: none;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn:after {\n  content: attr(title);\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrixdynamic__footer {\n  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n  margin-bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--footer-total:not(.sd-matrix__cell),\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--row-text:not(.sd-matrix__cell) {\n  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr::after {\n  bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr:last-child:after {\n  content: none;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--error-top {\n  margin-top: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error-top:first-of-type ~ .sd-table__cell:nth-of-type(2) {\n  margin-top: 0;\n}\n.sd-root-modern.sd-root-modern--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-root-modern.sd-root-modern--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-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@-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  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}","@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-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}\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\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-large;\n  border-radius: calcCornerRadius(1);\n  position: absolute;\n  padding: 0;\n}\n\n.sv-popup__shadow {\n  width: 100%;\n  height: 100%;\n  border-radius: calcCornerRadius(1);\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(11) calcSize(15);\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__shadow>.sv-popup__body-content {\n  box-shadow: $shadow-large;\n  background-color: $background-dim-light;\n  padding: calcSize(4);\n  height: auto;\n\n  .sv-popup__body-footer {\n    padding-bottom: 2px;\n  }\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__shadow {\n    height: initial;\n  }\n\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    margin-bottom: 0;\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    padding-bottom: 0;\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  }\n\n  .sv-popup__body-content {\n    max-height: $popup-overlay-height;\n    max-width: 100vw;\n    border-radius: calcCornerRadius(4) calcCornerRadius(4) 0px 0px;\n    background: $background;\n    box-shadow: $shadow-large;\n    padding: calcSize(3) calcSize(2) calcSize(2);\n    height: calc(100% - calc(1 * #{$base-unit}));\n  }\n\n  .sv-popup__scrolling-content {\n    height: calc(100% - (10 * var(--base-unit, 8px)));\n  }\n\n  .sv-popup__body-footer {\n    margin-top: calcSize(2);\n  }\n\n  .sv-popup__body-footer .sv-action-bar {\n    width: 100%;\n  }\n\n  .sv-popup__body-footer-item {\n    width: 100%;\n  }\n\n  .sv-popup__button.sv-popup__button {\n    background-color: $primary;\n    border: 2px solid $primary;\n    color: $primary-foreground;\n  }\n}\n\n.sv-popup--overlay {\n  .sv-popup__body-footer .sv-action {\n    flex: 1 0 0;\n  }\n}\n\n.sv-popup--modal .sv-popup__scrolling-content {\n  padding: 2px;\n  margin: -2px;\n}\n\n.sv-popup__scrolling-content {\n  height: 100%;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n\n  &,\n  * {\n    &::-webkit-scrollbar {\n      height: 6px;\n      width: 6px;\n      background-color: $background-dim;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background: $primary-light;\n    }\n  }\n}\n\n.sv-popup__content {\n  min-width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  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  margin-bottom: calcSize(2);\n  color: $foreground;\n}\n\n.sv-popup__body-footer {\n  display: flex;\n  margin-top: calcSize(4);\n}\n\n.sv-popup__body-footer .sv-action-bar {\n  gap: calcSize(1.5);\n}\n\n.sv-popup__button {\n  margin: calcSize(0.25);\n}\n\n.sv-popup--modal,\n.sv-popup--overlay {\n  .sv-list__filter {\n    padding-top: calcSize(1);\n  }\n\n  .sv-list__filter-icon {\n    top: calcSize(2.5);\n  }\n}\n\n.sv-popup--dropdown {\n  .sv-list__filter {\n    margin-bottom: calcSize(1);\n  }\n\n  .sv-popup__shadow {\n    box-shadow: $shadow-medium;\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__shadow>.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  }\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    margin: 0;\n  }\n\n  .sv-popup__container {\n    max-height: calc(var(--sv-popup-overlay-height, 100vh));\n    height: calc(var(--sv-popup-overlay-height, 100vh));\n    padding-top: 0;\n  }\n\n  .sv-popup__body-content {\n    height: calc(var(--sv-popup-overlay-height, 100vh));\n  }\n\n  .sv-popup__body-footer {\n    background-color: $background-dim;\n    margin-top: 0;\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\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    margin: 0;\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--animate-enter {\n  animation-name: fadeIn;\n  animation-fill-mode: forwards;\n  animation-duration: 0.15s;\n}\n\n.sv-popup--modal.sv-popup--animate-enter {\n  animation-duration: 0.25s;\n}\n\n.sv-popup--animate-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--animate-leave {\n  animation-duration: 0.25s;\n}\n\n.sv-popup--hidden {\n  opacity: 0;\n}\n\n@keyframes modalMoveDown {\n  from {\n    transform: translateY(0);\n  }\n\n  to {\n    transform: translateY(64px);\n  }\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.sv-popup--animate-leave .sv-popup__container {\n  animation-name: modalMoveDown;\n  animation-fill-mode: forwards;\n  animation-duration: 0.25s;\n}\n\n.sv-popup--modal.sv-popup--animate-enter .sv-popup__container {\n  animation-name: modalMoveUp;\n  animation-fill-mode: forwards;\n  animation-duration: 0.25s;\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    }\r\n\r\n    .sv_window_content {\r\n        display: none;\r\n    }\r\n\r\n    .sv_window_buttons_container {\r\n        margin-top: 0;\r\n        margin-right: 0;\r\n    }\r\n}\r\n\r\n.sv_window_header_title_collapsed {\r\n    color: $foreground-dim;\r\n    @include defaultBold;\r\n    flex: 1;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n}\r\n\r\n.sv_window_header_description {\r\n    color: $font-questiondescription-color;\r\n    font-feature-settings: 'salt' on;\r\n    @include defaultFont;\r\n    white-space: nowrap;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n}\r\n\r\n.sv_window_buttons_container {\r\n    position: fixed;\r\n    margin-top: calcSize(1);;\r\n    margin-right: calcSize(1);;\r\n    display: flex;\r\n    gap: calcSize(1);\r\n    z-index: 10000;\r\n}\r\n\r\n.sv_window_button {\r\n    display: flex;\r\n    padding: calcSize(1);\r\n    justify-content: center;\r\n    align-items: center;\r\n    border-radius: calcSize(0.5);\r\n    cursor: pointer;\r\n\r\n    &:hover,\r\n    &:active {\r\n        background-color: $primary-light;\r\n\r\n        svg {\r\n\r\n            use,\r\n            path {\r\n                fill: $primary;\r\n            }\r\n        }\r\n    }\r\n\r\n    &:active {\r\n        opacity: 0.5;\r\n    }\r\n\r\n    svg {\r\n\r\n        use,\r\n        path {\r\n            fill: $foreground-dim-light;\r\n        }\r\n    }\r\n}","@mixin page_title {\n  --page-title-font-size: var(--sjs-font-pagetitle-size, calc(1.5 * (var(--sjs-font-size, 16px))));\n  font-family: $font-pagetitle-family;\n  font-weight: $font-pagetitle-weight;\n  font-size: var(--page-title-font-size);\n  color: $font-pagetitle-color;\n  position: static;\n  line-height: multiply(1.33, var(--page-title-font-size));\n  margin: 0 0 calcSize(0.5) 0px;\n}\n\n@mixin survey_title {\n  --survey-title-font-size: var(--sjs-font-surveytitle-size, calc(2 * (var(--sjs-font-size, 16px))));\n  font-size: var(--survey-title-font-size);\n  line-height: multiply(1.25, var(--survey-title-font-size));\n}\n\n@mixin survey_description {\n  --survey-description-font-size: var(--sjs-font-surveydescription-size, var(--sjs-font-size, 16px));\n  font-size: var(--survey-description-font-size);\n  line-height: multiply(1.5, var(--survey-description-font-size));\n}\n\n@mixin header_title {\n  --header-title-font-size: var(--sjs-font-headertitle-size, calc(2 * (var(--sjs-font-size, 16px))));\n  font-size: var(--header-title-font-size);\n  line-height: multiply(1.25, var(--header-title-font-size));\n}\n\n@mixin header_description {\n  --header-description-font-size: var(--sjs-font-headerdescription-size, var(--sjs-font-size, 16px));\n  font-size: var(--header-description-font-size);\n  line-height: multiply(1.5, var(--header-description-font-size));\n}\n\n@mixin page_description {\n  font-family: $font-pagedescription-family;\n  font-weight: $font-pagedescription-weight;\n  font-size: $font-pagedescription-size;\n  color: $font-pagedescription-color;\n  position: static;\n  line-height: multiply(1.5, $font-pagedescription-size);\n  margin: 0 0 calcSize(0.5) 0;\n}\n\n@mixin num_inline {\n  float: none;\n  margin-inline-start: 0;\n  width: auto;\n  padding-inline-start: 0;\n  padding-inline-end: 0;\n\n  & + span {\n    float: none;\n    width: auto;\n  }\n}\n\n@mixin scrollRules {\n  &,\n  * {\n    @-moz-document url-prefix() {\n      scrollbar-width: thin;\n      scrollbar-color: $border transparent;\n    }\n\n    &::-webkit-scrollbar {\n      width: 12px;\n      height: 12px;\n      background-color: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      border: 4px solid rgba(0, 0, 0, 0);\n      background-clip: padding-box;\n      border-radius: 32px;\n      background-color: $border;\n    }\n\n    &::-webkit-scrollbar-track {\n      background: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb:hover {\n      border: 2px solid rgba(0, 0, 0, 0);\n      background-color: $foreground-light;\n    }\n  }\n}","@import \"./variables.scss\";\n\n@mixin smallBold {\n  font-family: $font-family;\n  font-style: normal;\n  font-weight: 600;\n  font-size: calcFontSize(0.75);\n  line-height: calcLineHeight(1);\n}\n\n@mixin defaultBold {\n  font-family: $font-family;\n  font-style: normal;\n  font-weight: 600;\n  font-size: calcFontSize(1);\n  line-height: calcLineHeight(1.5);\n}\n\n@mixin defaultFont {\n  font-family: $font-family;\n  font-style: normal;\n  font-size: calcFontSize(1);\n  line-height: calcLineHeight(1.5);\n}\n\n@mixin borderLight {\n  border: calcSize(0.25) solid $border-light;\n}\n\n@mixin articleXXLargeFont {\n  font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (#{$font-size})));\n  text-decoration: var(--sjs-article-font-xx-large-textDecoration, \"none\");\n  font-family: $font-family;\n  font-weight: var(--sjs-article-font-xx-large-fontWeight, 700);\n  font-style: var(--sjs-article-font-xx-large-fontStyle, \"normal\");\n  font-stretch: var(--sjs-article-font-xx-large-fontStretch, \"normal\");\n  letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0);\n  line-height: var(--sjs-article-font-xx-large-lineHeight, 64px);\n  text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px);\n  text-transform: var(--sjs-article-font-xx-large-textCase, \"none\");\n}\n\n@mixin articleXLargeFont {\n  font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (#{$font-size})));\n  text-decoration: var(--sjs-article-font-x-large-textDecoration, \"none\");\n  font-family: $font-family;\n  font-weight: var(--sjs-article-font-x-large-fontWeight, 700);\n  font-style: var(--sjs-article-font-x-large-fontStyle, \"normal\");\n  font-stretch: var(--sjs-article-font-x-large-fontStretch, \"normal\");\n  letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0);\n  line-height: var(--sjs-article-font-x-large-lineHeight, 56px);\n  text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px);\n  text-transform: var(--sjs-article-font-x-large-textCase, \"none\");\n}\n\n@mixin articleLargeFont {\n  font-size: var(--sjs-article-font-large-fontSize, calc(2 * (#{$font-size})));\n  text-decoration: var(--sjs-article-font-large-textDecoration, \"none\");\n  font-family: $font-family;\n  font-weight: var(--sjs-article-font-large-fontWeight, 700);\n  font-style: var(--sjs-article-font-large-fontStyle, \"normal\");\n  font-stretch: var(--sjs-article-font-large-fontStretch, \"normal\");\n  letter-spacing: var(--sjs-article-font-large-letterSpacing, 0);\n  line-height: var(--sjs-article-font-large-lineHeight, 40px);\n  text-indent: var(--sjs-article-font-large-paragraphIndent, 0px);\n  text-transform: var(--sjs-article-font-large-textCase, \"none\");\n}\n\n@mixin articleMediumFont {\n  font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (#{$font-size})));\n  text-decoration: var(--sjs-article-font-medium-textDecoration, \"none\");\n  font-family: $font-family;\n  font-weight: var(--sjs-article-font-medium-fontWeight, 700);\n  font-style: var(--sjs-article-font-medium-fontStyle, \"normal\");\n  font-stretch: var(--sjs-article-font-medium-fontStretch, \"normal\");\n  letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0);\n  line-height: var(--sjs-article-font-medium-lineHeight, 32px);\n  text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px);\n  text-transform: var(--sjs-article-font-medium-textCase, \"none\");\n}\n\n@mixin articleDefaultFont {\n  font-size: var(--sjs-article-font-default-fontSize, #{$font-size});\n  text-decoration: var(--sjs-article-font-default-textDecoration, \"none\");\n  font-family: $font-family;\n  font-weight: var(--sjs-article-font-default-fontWeight, 400);\n  font-style: var(--sjs-article-font-default-fontStyle, \"normal\");\n  font-stretch: var(--sjs-article-font-default-fontStretch, \"normal\");\n  letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);\n  line-height: var(--sjs-article-font-default-lineHeight, 28px);\n  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);\n  text-transform: var(--sjs-article-font-default-textCase, \"none\");\n}\n\n@mixin articleHtml {\n  @include articleDefaultFont;\n  color: $font-pagetitle-color;\n  h1 {\n    @include articleXXLargeFont;\n  }\n\n  h2 {\n    @include articleXLargeFont;\n  }\n\n  h3 {\n    @include articleLargeFont;\n  }\n\n  h4,\n  h5,\n  h6 {\n    @include articleMediumFont;\n  }\n\n  td,\n  span,\n  div,\n  p {\n    @include articleDefaultFont;\n  }\n\n  a {\n    color: $primary;\n  }\n\n  button {\n    display: flex;\n    align-items: center;\n    padding: calcSize(1.5) calcSize(4);\n    vertical-align: baseline;\n    text-align: center;\n    background-color: $background;\n    border: none;\n    border-radius: calcCornerRadius(1);\n    cursor: pointer;\n    user-select: none;\n    outline: solid calcSize(0.25) transparent;\n\n    color: $primary;\n    font-weight: 600;\n    font-style: normal;\n    font-family: $font-family;\n    font-size: $font-questiontitle-size;\n    line-height: multiply(1.5, $font-questiontitle-size);\n\n    box-shadow: $shadow-small, 0 0 0 0px $primary;\n    transition: box-shadow $transition-duration;\n\n    &:hover {\n      background-color: $background-dark;\n    }\n\n    &:focus {\n      box-shadow: $shadow-small-reset, 0 0 0 2px $primary;\n    }\n\n    span {\n      display: flex;\n      align-items: center;\n      flex-grow: 1;\n      justify-content: center;\n      // color: $primary;\n      // font-weight: 600;\n      // font-style: normal;\n      // font-family: $font-family;\n      // font-size: $font-questiontitle-size;\n      // line-height: multiply(1.5, $font-questiontitle-size);\n    }\n  }\n}","sv-brand-info {}\n\nsv-brand-info, .sv-brand-info {\n  z-index: 1;\n  position: relative;\n  margin-top: 1px;\n}\n\n.sv-brand-info {\n  width: 100%;\n  font-family: $font-family;\n  text-align: center;\n  color: #161616;\n  background: white;\n  padding: 32px 0;\n  box-shadow: 0px -1px 0px #D6D6D6;\n\n  a {\n    color: #161616;\n    text-decoration-line: underline;\n  }\n}\n\n.sv-brand-info__text {\n  font-weight: 600;\n  font-size: calcFontSize(1);\n  line-height: calcLineHeight(1.5);\n  color: #161616;\n}\n\n.sv-brand-info__logo {\n  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\n  a {\n    color: #909090;\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  height: calcSize(6);\n  opacity: 1;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--hover {\n  visibility: hidden;\n}\n\n.sv-ranking-item:hover:not(:focus) .sv-ranking-item__icon--hover {\n  visibility: visible;\n}\n\n.sv-question--disabled .sv-ranking-item:hover .sv-ranking-item__icon--hover {\n  visibility: hidden;\n}\n\n.sv-ranking-item:focus {\n  outline: none;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--focus {\n  visibility: visible;\n  top: calcSize(0.6);\n  height: calcSize(3);\n}\n\n.sv-ranking-item:focus .sv-ranking-item__index {\n  background: $background;\n  outline: calcSize(0.25) solid $primary;\n}\n\n.sv-ranking-item__content.sv-ranking-item__content {\n  display: flex;\n  align-items: center;\n  line-height: 1em;\n  padding: calcSize(0.5) 0px;\n  border-radius: calcSize(12.5);\n}\n\n.sv-ranking-item__icon-container {\n  position: relative;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  flex-shrink: 0;\n  width: calcSize(3);\n  height: calcSize(4);\n}\n\n.sv-ranking-item--disabled.sv-ranking-item--disabled,\n.sv-ranking-item--readonly.sv-ranking-item--readonly,\n.sv-ranking-item--preview.sv-ranking-item--preview {\n  cursor: initial;\n  user-select: initial;\n  -webkit-user-select: initial;\n\n  .sv-ranking-item__icon-container.sv-ranking-item__icon-container {\n    .sv-ranking-item__icon.sv-ranking-item__icon {\n      visibility: hidden;\n    }\n  }\n}\n\n.sv-ranking-item__icon.sv-ranking-item__icon {\n  visibility: hidden;\n  fill: $primary;\n  position: absolute;\n  top: calcSize(1);\n  width: calcSize(1.75);\n  height: calcSize(2);\n}\n\n.sv-ranking-item__index.sv-ranking-item__index {\n  @include useEditorFontSize;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  background-color: $primary-light;\n  color: $font-questiontitle-color;\n  font-size: $font-editorfont-size;\n  border-radius: 100%;\n  border: calcSize(0.25) solid transparent;\n  width: calcSize(5);\n  height: calcSize(5);\n  line-height: calcLineHeight(1.5);\n  box-sizing: border-box;\n  font-weight: 600;\n  margin-left: calcSize(0);\n  transition:\n    outline $transition-duration,\n    background $transition-duration;\n  outline: calcSize(0.25) solid transparent;\n\n  svg {\n    fill: $font-questiontitle-color;\n    width: $font-editorfont-size;\n    height: $font-editorfont-size;\n  }\n}\n\n.sv-ranking-item__text {\n  @include useEditorFontSize;\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: $font-questiontitle-color;\n  font-size: $font-editorfont-size;\n  line-height: multiply(1.5, $font-editorfont-size);\n  margin: 0 calcSize(2);\n}\n\n.sd-ranking--disabled .sv-ranking-item__text {\n  color: $font-questiontitle-color;\n  opacity: 0.25;\n}\n\n.sv-ranking-item--disabled .sv-ranking-item__text {\n  color: $font-questiondescription-color;\n  opacity: 0.25;\n}\n\n.sv-ranking-item--readonly {\n  .sv-ranking-item__index {\n    background-color: $background-dark;\n  }\n}\n\n.sv-ranking-item--preview {\n  .sv-ranking-item__index {\n    background-color: transparent;\n    border: 1px solid $foreground;\n    box-sizing: border-box;\n  }\n}\n\n.sv-ranking-item__ghost.sv-ranking-item__ghost {\n  display: none;\n  background-color: $background-dim;\n  border-radius: calcSize(12.5);\n  width: calcSize(31);\n  height: calcSize(5);\n  z-index: 1;\n  position: absolute;\n  left: 0;\n  top: calcSize(0.5);\n}\n\n[dir=\"rtl\"] .sv-ranking-item__ghost {\n  left: initilal;\n  right: calcSize(5);\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__ghost {\n  display: block;\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__content {\n  visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__content {\n  box-shadow: $shadow-large;\n  border-radius: calcSize(12.5);\n}\n\n.sv-ranking--drag .sv-ranking-item:hover .sv-ranking-item__icon {\n  visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__icon--hover {\n  visibility: visible;\n}\n\n.sv-ranking--mobile .sv-ranking-item__icon--hover {\n  visibility: visible;\n  fill: $foreground-light;\n}\n\n.sv-ranking--mobile.sv-ranking--drag .sv-ranking-item--ghost .sv-ranking-item__icon.sv-ranking-item__icon--hover {\n  visibility: hidden;\n}\n\n.sv-ranking--mobile.sv-ranking-shortcut {\n  max-width: 80%;\n}\n\n.sv-ranking--mobile {\n  .sv-ranking-item__index.sv-ranking-item__index {\n    margin-left: 0;\n  }\n\n  .sd-element--with-frame .sv-ranking-item__icon {\n    margin-left: 0;\n  }\n}\n\n.sv-ranking--design-mode .sv-ranking-item:hover .sv-ranking-item__icon {\n  visibility: hidden;\n}\n\n.sv-ranking--disabled {\n  opacity: 0.8;\n}\n\n.sv-ranking-shortcut[hidden] {\n  display: none;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n  fill: $primary;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__text {\n  margin-right: calcSize(4);\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon--hover {\n  visibility: visible;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n  width: calcSize(1.75);\n  height: calcSize(2);\n  top: calcSize(1);\n}\n\n.sv-ranking-shortcut {\n  .sv-ranking-item__content {\n    padding-left: calcSize(0.5);\n  }\n\n  .sv-ranking-item__icon-container {\n    margin-left: calcSize(1);\n  }\n}\n\n.sv-ranking-shortcut {\n  cursor: grabbing;\n  position: absolute;\n  z-index: 10000;\n  border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n  min-width: 100px;\n  max-width: 400px;\n  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n  background-color: var(--sjs-general-backcolor, var(--background, #fff));\n  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n}\n\n.sv-ranking--select-to-rank {\n  display: flex;\n}\n\n.sv-ranking--select-to-rank-vertical {\n  flex-direction: column-reverse;\n\n  .sv-ranking__containers-divider {\n    margin: calcSize(3) 0;\n    height: 1px;\n  }\n\n  .sv-ranking__container--empty {\n    padding-top: calcSize(1);\n    padding-bottom: calcSize(1);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n}\n\n.sv-ranking-item--animate-item-removing {\n  --animation-height: #{calcSize(6)};\n  animation-name: moveIn, fadeIn;\n  animation-direction: reverse;\n  animation-fill-mode: forwards;\n  animation-timing-function: linear;\n  animation-duration: $ranking-move-out-duration, $ranking-fade-out-duration;\n  animation-delay: $ranking-move-out-delay, 0s;\n}\n\n.sv-ranking-item--animate-item-adding {\n  --animation-height: #{calcSize(6)};\n  animation-name: moveIn, fadeIn;\n  opacity: 0;\n  animation-fill-mode: forwards;\n  animation-timing-function: linear;\n  animation-duration: $ranking-move-in-duration, $ranking-fade-in-duration;\n  animation-delay: 0s, $ranking-fade-in-delay;\n}\n\n\n.sv-ranking-item--animate-item-adding-empty {\n  --animation-height: #{calcSize(6)};\n  animation-name: fadeIn;\n  opacity: 0;\n  animation-timing-function: linear;\n  animation-duration: $ranking-fade-in-duration;\n  animation-delay: 0;\n}\n\n.sv-ranking-item--animate-item-removing-empty {\n  --animation-height: #{calcSize(6)};\n  animation-name: fadeIn;\n  animation-direction: reverse;\n  animation-timing-function: linear;\n  animation-duration: $ranking-fade-out-duration;\n  animation-delay: 0;\n}\n\n@keyframes sv-animate-item-opacity-reverse-keyframes {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes sv-animate-item-opacity-keyframes {\n  0% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n  }\n}\n\n.sv-ranking--select-to-rank-horizontal {\n  .sv-ranking__container {\n    max-width: calc(50% - 1px);\n  }\n\n  .sv-ranking__containers-divider {\n    width: 1px;\n  }\n\n  .sv-ranking__container--to {\n    .sv-ranking-item {\n      left: calcSize(2);\n    }\n  }\n\n  .sv-ranking__container--empty {\n    &.sv-ranking__container--to {\n      //padding-right: calcSize(3);\n\n      .sv-ranking-item {\n        left: initial;\n      }\n\n      .sv-ranking__container-placeholder {\n        padding-left: calcSize(5);\n      }\n    }\n\n    &.sv-ranking__container--from {\n      //padding-left: calcSize(3);\n\n      .sv-ranking__container-placeholder {\n        padding-right: calcSize(5);\n      }\n    }\n  }\n}\n\n.sv-ranking__container-placeholder {\n  color: var(--sjs-font-questiondescription-color, #{$foreground-dim-light});\n  @include defaultFont;\n  white-space: normal;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  //width: 100%;\n  height: 100%;\n  padding-top: calcSize(0.5);\n  padding-bottom: calcSize(0.5);\n  box-sizing: border-box;\n}\n\n.sv-ranking__container {\n  flex: 1;\n  //max-width: 100%;\n}\n\n.sv-ranking__container--empty {\n  //padding: calcSize(8);\n  box-sizing: border-box;\n  text-align: center;\n}\n\n.sv-ranking__containers-divider {\n  background: var(--sjs-border-default, #{$border-inside});\n}\n\n.sv-ranking__container--from {\n  .sv-ranking-item__icon--focus {\n    display: none;\n  }\n}\n\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {\n  left: 0 !important;\n  padding-left: 16px;\n\n  .sv-ranking-item__ghost {\n    left: initial;\n  }\n}","@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: left;\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\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: 0;\n  }\n  99% {\n    overflow: hidden;\n    height: var(--animation-height);\n  }\n  to {\n    overflow: visible;\n    height: var(--animation-height);\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-element__title.sd-element__title--hidden {\n  display: none;\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  & + span {\n    float: left;\n    width: 0;\n  }\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n  .sd-element__num {\n    float: right;\n  }\n  .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--fade-in {\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--fade-out {\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--fade-in,\n.sd-element__content--fade-out {\n  --animation-padding-top: 0;\n  --animation-padding-bottom: 0;\n}\n\n.sd-element__content--fade-in {\n  animation-name: fadeIn, moveInWithOverflow, paddingFadeIn;\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, $expand-move-in-duration;\n  animation-delay: $expand-fade-in-delay, 0s, 0s;\n}\n\n.sd-element__content--fade-out {\n  animation-name: fadeIn, moveInWithOverflow, paddingFadeIn;\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, $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}\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-question__content:focus-within .sd-remaining-character-counter {\n  display: flex;\n}\n\n@mixin runnable-track {\n  background-color: $primary;\n  border-radius: calcSize(1);\n  height: calcSize(1.5);\n}\n\n@mixin slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  margin-top: calcSize(-0.75);\n  border-radius: 100%;\n  border: 2px solid $primary;\n  box-shadow: inset 0 0 0 2px var(--background, #fff);\n  background-color: $primary;\n  height: calcSize(3);\n  width: calcSize(3);\n}\n\n.sd-input[type=\"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}\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--fade-out,\n.sd-table__row--fade-in {\n  animation-name: empty;\n  animation-fill-mode: forwards;\n  --fade-in-animation-duration: calc(#{$matrix-row-fade-in-duration} + #{$matrix-row-fade-in-delay});\n  animation-duration: max(var(--fade-in-animation-duration), #{$matrix-row-move-in-duration});\n  & > td {\n    animation-name: borderAnimation;\n    animation-timing-function: $ease-out;\n    animation-duration: $matrix-row-move-in-duration;\n    animation-fill-mode: forwards;\n    & > div {\n      animation-name: fadeIn, moveInWithOverflow;\n      opacity: 0;\n      animation-timing-function: $ease-out;\n      animation-fill-mode: forwards;\n      animation-duration: $matrix-row-fade-in-duration, $matrix-row-move-in-duration;\n      animation-delay: $matrix-row-fade-in-delay, 0s;\n    }\n  }\n}\n.sd-table__row--fade-out {\n  animation-direction: reverse;\n  --move-out-animation-duration: calc(#{$matrix-row-move-out-duration} + #{$matrix-row-move-out-delay});\n  animation-duration: max(var(--move-out-animation-duration), #{$matrix-row-fade-out-duration});\n  & > td {\n    animation-duration: $matrix-row-move-out-duration;\n    animation-delay: $matrix-row-move-out-delay;\n    animation-direction: reverse;\n    animation-timing-function: $reverse-ease-out;\n    & > div {\n      animation-direction: reverse;\n      animation-timing-function: $reverse-ease-out;\n      animation-duration: $matrix-row-fade-out-duration, $matrix-row-move-out-duration;\n      animation-delay: 0s, $matrix-row-move-out-delay;\n    }\n  }\n}\n.sd-table__row--detail {\n  &.sd-table__row--fade-in,\n  &.sd-table__row--fade-out {\n    & > td {\n      animation-name: borderAnimation, paddingAnimation;\n      animation-duration: $matrix-row-move-in-duration;\n      animation-fill-mode: forwards;\n    }\n  }\n\n  &.sd-table__row--fade-in {\n    --fade-in-animation-duration: calc(#{$matrix-detail-row-fade-in-duration} + #{$matrix-detail-row-fade-in-delay});\n    animation-duration: max(var(--fade-in-animation-duration), #{$matrix-detail-row-move-in-duration});\n    & > td {\n      animation-timing-function: $ease-out;\n      animation-duration: $matrix-detail-row-move-in-duration;\n      & > div {\n        animation-duration: $matrix-detail-row-fade-in-duration, $matrix-detail-row-move-in-duration;\n        animation-delay: $matrix-detail-row-fade-in-delay, 0s;\n      }\n    }\n  }\n  &.sd-table__row--fade-out {\n    --move-out-animation-duration: calc(#{$matrix-detail-row-move-out-duration} + #{$matrix-detail-row-move-out-delay});\n    animation-duration: max(var(--move-out-animation-duration), #{$matrix-detail-row-fade-out-duration});\n    & > td {\n      animation-timing-function: $reverse-ease-out;\n      animation-duration: $matrix-detail-row-move-out-duration;\n      animation-delay: $matrix-detail-row-move-out-delay;\n      animation-direction: reverse;\n      & > div {\n        animation-duration: $matrix-detail-row-fade-out-duration, $matrix-detail-row-move-out-duration;\n        animation-delay: 0s, $matrix-detail-row-move-out-delay;\n      }\n    }\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}\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-root-modern:not(.sd-root-modern--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\n          &.sd-item--readonly.sd-item--checked .sd-item__decorator {\n            background-color: $background;\n          }\n\n          &.sd-item--preview.sd-item--preview .sd-item__decorator {\n            background-color: transparent;\n          }\n\n          &.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: right;\n  padding-top: calcSize(1);\n}\n\n.sd-table__cell--footer-total {\n  font-weight: 600;\n  text-align: left;\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: left;\n  min-width: calcSize(12);\n  padding: calcSize(1.5) calcSize(1);\n}\n\n.sd-matrixdynamic__content .sd-table__question-wrapper {\n  position: relative;\n}\n\n.sd-table__question-wrapper:not(:focus-within):hover {\n  position: relative;\n}\n\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: left;\n    }\n\n    &:first-of-type {\n      padding-top: calcSize(2);\n      padding-bottom: calcSize(1);\n    }\n  }\n\n  .sd-table thead {\n    display: none;\n  }\n\n  .sd-table {\n    tr {\n      display: 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: left;\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: left;\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}\n\n.sd-table__cell--detail-panel {\n  .sd-panel__content {\n    padding-top: calcSize(1);\n  }\n}\n\n.sd-table__question-wrapper {\n  .sd-boolean-root {\n    margin: auto;\n  }\n}\n\n.sd-root-modern--mobile {\n  .sd-table__question-wrapper {\n    .sd-boolean-root {\n      margin: initial;\n    }\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  --animate-margin: var(--sd-base-vertical-padding);\n  margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row.sd-page__row {\n  margin-top: calcSize(2);\n  --animate-margin: #{calcSize(2)};\n}\n\n.sd-page__row.sd-row--compact {\n  margin-top: var(--sd-base-vertical-padding);\n  --animate-margin: var(--sd-base-vertical-padding);\n}\n\n.sd-row:first-of-type {\n  margin-top: 0;\n  --animate-margin: 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    --animate-margin: #{calcSize(3)};\n  }\n\n  & ~ .sd-page__row.sd-row--compact {\n    margin-top: var(--sd-base-vertical-padding);\n    --animate-margin: var(--sd-base-vertical-padding);\n  }\n  & ~ .sd-page__row.sd-row.sd-row--fade-in.sd-row--fade-in {\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    --animate-margin: #{calcSize(2)};\n  }\n  & ~ .sd-page__row.sd-row.sd-row--fade-in.sd-row--fade-in {\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@keyframes marginFadeIn {\n  from {\n    margin-top: 0;\n  }\n\n  to {\n    margin-top: var(--animate-margin);\n  }\n}\n.sd-row.sd-row--fade-in {\n  margin-top: 0;\n}\n.sd-row--fade-in {\n  animation-fill-mode: forwards;\n  animation-name: fadeIn, moveInWithOverflow, marginFadeIn;\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-fade-in {\n  animation-delay: calc(#{$row-fade-in-delay} + #{$row-fade-in-animation-delay}), $row-fade-in-animation-delay, $row-fade-in-animation-delay;\n}\n\n.sd-row--fade-out {\n  animation-name: fadeIn, moveInWithOverflow, marginFadeIn;\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--fade-in .sd-element-wrapper--fade-in {\n  animation: none;\n}\n\n.sd-row--fade-out .sd-element-wrapper--fade-out {\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: left;\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}\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  min-width: 0;\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}",".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: left;\n}",":root {\n  --sd-rating-bad-color: #{$red};\n  --sd-rating-normal-color: #{$yellow};\n  --sd-rating-good-color: #{$green};\n  --sd-rating-bad-color-light: #{$red-light};\n  --sd-rating-normal-color-light: #{$yellow-light};\n  --sd-rating-good-color-light: #{$green-light};\n}\n\n.sd-rating {\n  overflow-x: auto;\n  min-height: calcSize(6);\n\n  fieldset {\n    display: flex;\n    border: none;\n    padding: 0 0 2px 0;\n    flex-wrap: nowrap;\n    gap: calcSize(1);\n    margin-inline-start: 0;\n    align-items: center;\n  }\n\n  &.sd-rating--wrappable {\n    fieldset {\n      flex-wrap: wrap;\n      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}\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--animate-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}\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: left;\n  cursor: text;\n  pointer-events: none;\n  color: $foreground-light;\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n  .sd-tagbox-item_clean-button {\n    background: linear-gradient(90deg, $primary 53.12%, rgba(25, 179, 148, 0) 100%);\n  }\n}\n\n.sd-tagbox.sd-tagbox--empty {\n  .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-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","@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--fade-in.sv-pd-animation-left,\n.sd-paneldynamic__panel-wrapper--fade-in.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)), calc(#{$pd-tab-height-change-delay} + var(--sjs-pd-tab-animation-delay)), 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--fade-in.sv-pd-animation-left {\n    --sjs-pd-tab-move-margin: calc(1 * #{$pd-tab-move-in-margin});\n}\n.sd-paneldynamic__panel-wrapper--fade-in.sv-pd-animation-right {\n    --sjs-pd-tab-move-margin: calc(-1 * #{$pd-tab-move-in-margin});\n}\n\n.sd-paneldynamic__panel-wrapper--fade-out.sv-pd-animation-left,\n.sd-paneldynamic__panel-wrapper--fade-out.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--fade-out.sv-pd-animation-left {\n    --sjs-pd-tab-move-margin: calc(-1 * #{$pd-tab-move-out-margin});\n}\n.sd-paneldynamic__panel-wrapper--fade-out.sv-pd-animation-right {\n    --sjs-pd-tab-move-margin: calc(1 * #{$pd-tab-move-out-margin});\n}\n.sd-paneldynamic__panel-wrapper--fade-in.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)), calc(#{$pd-tab-height-change-delay} + var(--sjs-pd-tab-animation-delay)), 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--fade-in.sv-pd-animation-removing {\n    --sjs-pd-tab-animation-delay: #{$pd-tab-remove-fade-in-delay};   \n}\n.sd-paneldynamic__panel-wrapper--fade-out.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--fade-in,\n.sd-paneldynamic__panel-wrapper--fade-out {\n    animation-name: fadeIn, moveInWithOverflow, paddingFadeIn;\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--fade-in {\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--fade-out {\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  gap: calcSize(4);\n  box-sizing: content-box;\n  flex-direction: row;\n  align-items: stretch;\n  justify-content: center;\n  padding: calcSize(10.5) 0;\n  min-height: calcSize(15);\n  max-height: calcSize(15);\n  width: 100%;\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__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}\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}\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% + 4px);\n      width: calc(100% - 4px);\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\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% + 8px);\n        width: calc(100% - 8px);\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% + 4px);\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% + 8px);\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: $foreground-light;\n  font-weight: 600;\n  font-size: calcFontSize(0.75);\n}\n",".sv-header {\n  position: relative;\n  background-color: $header-backcolor;\n}\n\n.sv-header__overlap {\n  padding-bottom: calcSize(8);\n\n  &~div {\n\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  @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-components-container-center {\n    background-color: $background-dim;\n    box-shadow: $shadow-medium, $shadow-small;\n  }\n}"],"sourceRoot":""}