survey-creator-core 1.12.18 → 1.12.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (90) hide show
  1. package/fonts.fontless.css +1 -1
  2. package/fonts.fontless.min.css +1 -1
  3. package/i18n/arabic.js +1 -1
  4. package/i18n/arabic.min.js.LICENSE.txt +1 -1
  5. package/i18n/bulgarian.js +1 -1
  6. package/i18n/bulgarian.min.js.LICENSE.txt +1 -1
  7. package/i18n/burmese.js +1 -1
  8. package/i18n/burmese.min.js.LICENSE.txt +1 -1
  9. package/i18n/croatian.js +1 -1
  10. package/i18n/croatian.min.js.LICENSE.txt +1 -1
  11. package/i18n/czech.js +1 -1
  12. package/i18n/czech.min.js.LICENSE.txt +1 -1
  13. package/i18n/danish.js +1 -1
  14. package/i18n/danish.min.js.LICENSE.txt +1 -1
  15. package/i18n/dutch.js +1 -1
  16. package/i18n/dutch.min.js.LICENSE.txt +1 -1
  17. package/i18n/english.js +1 -1
  18. package/i18n/english.min.js.LICENSE.txt +1 -1
  19. package/i18n/finnish.js +1 -1
  20. package/i18n/finnish.min.js.LICENSE.txt +1 -1
  21. package/i18n/french.js +1 -1
  22. package/i18n/french.min.js.LICENSE.txt +1 -1
  23. package/i18n/german.js +1 -1
  24. package/i18n/german.min.js.LICENSE.txt +1 -1
  25. package/i18n/hebrew.js +1 -1
  26. package/i18n/hebrew.min.js.LICENSE.txt +1 -1
  27. package/i18n/hungarian.js +1 -1
  28. package/i18n/hungarian.min.js.LICENSE.txt +1 -1
  29. package/i18n/index.js +1 -1
  30. package/i18n/index.min.js.LICENSE.txt +1 -1
  31. package/i18n/indonesian.js +1 -1
  32. package/i18n/indonesian.min.js.LICENSE.txt +1 -1
  33. package/i18n/italian.js +1 -1
  34. package/i18n/italian.min.js.LICENSE.txt +1 -1
  35. package/i18n/japanese.js +1 -1
  36. package/i18n/japanese.min.js.LICENSE.txt +1 -1
  37. package/i18n/korean.js +1 -1
  38. package/i18n/korean.min.js.LICENSE.txt +1 -1
  39. package/i18n/malay.js +1 -1
  40. package/i18n/malay.min.js.LICENSE.txt +1 -1
  41. package/i18n/mongolian.js +1 -1
  42. package/i18n/mongolian.min.js.LICENSE.txt +1 -1
  43. package/i18n/norwegian.js +1 -1
  44. package/i18n/norwegian.min.js.LICENSE.txt +1 -1
  45. package/i18n/persian.js +1 -1
  46. package/i18n/persian.min.js.LICENSE.txt +1 -1
  47. package/i18n/polish.js +1 -1
  48. package/i18n/polish.min.js.LICENSE.txt +1 -1
  49. package/i18n/portuguese.js +1 -1
  50. package/i18n/portuguese.min.js.LICENSE.txt +1 -1
  51. package/i18n/romanian.js +1 -1
  52. package/i18n/romanian.min.js.LICENSE.txt +1 -1
  53. package/i18n/russian.js +1 -1
  54. package/i18n/russian.min.js.LICENSE.txt +1 -1
  55. package/i18n/simplified-chinese.js +1 -1
  56. package/i18n/simplified-chinese.min.js.LICENSE.txt +1 -1
  57. package/i18n/slovak.js +1 -1
  58. package/i18n/slovak.min.js.LICENSE.txt +1 -1
  59. package/i18n/spanish.js +1 -1
  60. package/i18n/spanish.min.js.LICENSE.txt +1 -1
  61. package/i18n/swedish.js +1 -1
  62. package/i18n/swedish.min.js.LICENSE.txt +1 -1
  63. package/i18n/tajik.js +1 -1
  64. package/i18n/tajik.min.js.LICENSE.txt +1 -1
  65. package/i18n/thai.js +1 -1
  66. package/i18n/thai.min.js.LICENSE.txt +1 -1
  67. package/i18n/traditional-chinese.js +1 -1
  68. package/i18n/traditional-chinese.min.js.LICENSE.txt +1 -1
  69. package/i18n/turkish.js +1 -1
  70. package/i18n/turkish.min.js.LICENSE.txt +1 -1
  71. package/package.json +2 -2
  72. package/survey-creator-core.css +4 -4
  73. package/survey-creator-core.fontless.css +3 -3
  74. package/survey-creator-core.fontless.css.map +1 -1
  75. package/survey-creator-core.fontless.min.css +2 -2
  76. package/survey-creator-core.i18n.js +1 -1
  77. package/survey-creator-core.i18n.min.js.LICENSE.txt +1 -1
  78. package/survey-creator-core.js +7 -7
  79. package/survey-creator-core.js.map +1 -1
  80. package/survey-creator-core.min.css +3 -3
  81. package/survey-creator-core.min.js +1 -1
  82. package/survey-creator-core.min.js.LICENSE.txt +2 -2
  83. package/themes/default-contrast.js +1 -1
  84. package/themes/default-contrast.min.js.LICENSE.txt +1 -1
  85. package/themes/default-dark.js +1 -1
  86. package/themes/default-dark.min.js.LICENSE.txt +1 -1
  87. package/themes/default-light.js +1 -1
  88. package/themes/default-light.min.js.LICENSE.txt +1 -1
  89. package/themes/index.js +1 -1
  90. package/themes/index.min.js.LICENSE.txt +1 -1
package/survey-creator-core.fontless.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"survey-creator-core.fontless.css","mappings":";;;;;;;;;AAEA;EACE;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;AALF;AAOE;EACE;;;GAAA;EAIA;;;GAAA;EAIA;EACA;AALJ;AAQE;EACE,0ECPe;EDQf;AANJ;;AAcI;EACE,2DC5CI;ADiCV;;AAoBI;EACE,iDCXA;ADNN;;;;AEtCA;EACE;EACA;EAEA;EACA;EACA;EAEA;AAHF;;AAMA;EACE;EACA;AAHF;;AAMA;ED+DE;EACA;EACA;EE5CA;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EDzBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;AAGF;AADE;EAEE;AAEJ;;AAEA;;EAEE;EACA;AACF;;AAME;;;;EACE;EACA;AAAJ;AAEI;;;;EACE;AAGN;AAAI;;;;EACE;AAKN;;AAIE;;;;ECpCA;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;ED0BE;EACA;AASJ;AAPI;;;;EACE;AAYN;;AAJE;;;EClDA;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;ED6CE;EACA;AAeJ;AAbI;;;EACE;AAiBN;AAdI;;;EACE;AAkBN;;AAbA;EACE;EACA;EACA;EACA;AAgBF;;AAbA;EACE;EACA;EACA;EACA;AAgBF;;AAbA;EACE;EACA;EACA;EACA;AAgBF;;AAbA;EACE;EACA;EACA;AAgBF;;AAbA;EACE;EACA;EACA;EACA;AAgBF;;AAbA;EACE;EACA;EACA;EACA;EACA;EACA;AAgBF;AAdE;EACE;AAgBJ;;AAZA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAeF;AAbE;EACE;AAeJ;;AAXA;EACE;EACA;AAcF;;AAXA;EACE;EACA;EACA;EACA;AAcF;;AAXA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;AAYF;;AARA;EACE;EACA;EACA;EACA;EACA;AAWF;AATE;EACE;EACA;AAWJ;AARE;EACE;AAUJ;;AANA;EC3KE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EDsKA;EACA;EACA;EACA;EACA;EACA;EACA;AAeF;AAbE;EACE;AAeJ;;AAXA;EACE;EACA;EAEA;EACA;EACA;AAaF;AAXE;EACE;AAaJ;AAXI;EACE;AAaN;;AARA;EACE;AAWF;;AAPA;EChNE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EFmCA;EACA;EACA;ECuKA;EACA;AAkBF;;AAdE;EACE;AAiBJ;AAdE;EACE;AAgBJ;AAbE;EChOA;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EDsNE,oEDnQiB;ECoQjB,uEDvQM;AC6RV;AApBI;EACE,2DDzPO;AC+Qb;;;;AEjSA;EACE;EACA;EACA,4EHgBe;AGjBjB;;AAIA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;AADF;;;;ACbA;EACE;EACA;EACA,4EJgBe;AIjBjB;;AAIA;EACE;EACA;AADF;;AAIA;EFwFE;EACA;EACA;EACA;EACA;EE1FA;EACA;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uEJ3BQ;EI4BR,oEJzBmB;EI0BnB;AAGF;;AAAA;EACE;EACA;EACA;EACA;EACA,oDJmBU;EIjBV,uEJtBW;EIuBX;EACA;EACA;EAEA,+DJlBW;EImBX;AACF;AACE;EACE;AACJ;AACI;EACE,kDJRA;AISN;;AAIA;EACE;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EFvCE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EEkCA;EACA,kFJlCU;EImCV;EACA;EACA;AAKF;;AAFA;EACE;AAKF;;AAFA;EACE;EACA;AAKF;;AAFA;EACE;AAKF;;AAFA;EACE,iDJvDI;EIwDJ;EACA;AAKF;;AAFA;EACE;EACA;AAKF;;AAFA;EACE;AAKF;;AAFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iEJvGW;EIwGX;EACA;EACA,8EJxFa;EIyFb;AAKF;AAHE;EACE,iEJlGmB;EImGnB;EACA;EACA;AAKJ;;AAAE;EACE,2DJxIM;AI2IV;;;;AC5IA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;AADF;AAGE;EACE;AADJ;AAGI;EACE;AADN;AAKE;EACE;EACA;AAHJ;AAME;EACE;AAJJ;AAOE;EACE;AALJ;AAOI;EACE;EACA;AALN;;AAUA;EACE;EACA;EACA;EACA;EAEA;EACA;AARF;;AAWA;EACE;AARF;;;;ACzDA;EACE;EACA;EACA,4ENgBe;AMjBjB;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAKE;;EAEE;EACA;EACA,kFNJa;AMEjB;AAKE;EACE;AAHJ;AAME;EACE;EACA;EACA;EACA;EACA;EACA;AAJJ;;AAQA;EACE;AALF;;AAQA;EACE;AALF;AAOE;EACE;EACA;EACA;EACA;AALJ;AAQE;EACE;EACA;EACA;EACA;AANJ;AAQI;EACE;AANN;AASI;EACE;AAPN;AASM;EACE;AAPR;AAYM;EACE;AAVR;AAaM;EACE;AAXR;AAeI;EACE;AAbN;AAgBI;EACE;AAdN;AAkBE;EJpBA;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;EISE;EACA;EACA;AARJ;AAWE;EACE;AATJ;AAWI;ENtBF;EACA;EACA;EMuBI,+DN7EO;EM8EP;AARN;;AAcE;EACE;EACA;EACA;EACA;AAXJ;AAaE;EACE;EACA;EACA;EACA;AAXJ;;AAcA;EJvFE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EIkFA,+DNnGW;EMoGX;EACA;EACA;EACA;EACA;AALF;;AAQA;ENjDE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EM4CA;EACA;EACA;EAIA;EACA;EACA;EACA;AADF;AAGE;EACE;AADJ;AAGE;EACE;AADJ;AAIE;EACE;EACA;AAFJ;AAIE;EACE;AAFJ;;AAMA;EACE;AAHF;AAQE;EACE;AANJ;AASE;EACE;AAPJ;AASI;EACE;AAPN;AAWE;EACE;EACA;AATJ;AAWI;EACE;AATN;AAaE;EACE;AAXJ;;AAeA;EACE;EACA;EACA;EACA;EACA;EAIA;EACA;AAfF;AAiBE;EACE;AAfJ;;AAmBA;EJ9IE;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;EFLA;EACA;EACA;EMuIA;AANF;;AAUE;EACE;EACA;AAPJ;AAUE;EACE;EACA;EACA;AARJ;AAUI;EACE;AARN;;;;AC9NA;EACE;EACA;EACA;AAFF;;AAKA;EACE;AAFF;;AAKA;EACE;EACA;AAFF;;AAKA;EACE;EACA;EACA;EACA;AAFF;AAIE;EACE;AAFJ;AAIE;EACE;AAFJ;AAIE;EAEE;EACA;AAHJ;AAKI;EACE;AAHN;AAME;EACE;EACA;AAJJ;;AAQA;EACE;EACA;EACA;EACA;AALF;AAME;EACE;AAJJ;AAME;EACE;AAJJ;AAME;EAEE;EACA;AALJ;AAOI;EACE;AALN;AAQE;EACE;EACA;AANJ;;AAUA;EACE;EACA;AAPF;;AAUA;EACE;EACA;AAPF;;AAUA;;EAEE;AAPF;;AAUA;EACE,gEP9EU;AOuEZ;;AASA;EACE;EACA;AANF;;AASA;;;;;ELvEE;EACA;EAEA,+EApBa;EAqBb;EACA;EACA;EACA;EAKA;EKiEA;EACA;EAEA;EACA;EACA;EACA;EACA,4DP5Ee;EO6Ef;EACA;EACA;EACA;EACA;EACA;AAAF;;AAGA;EACE;EACA;EACA;AAAF;;AAGE;EACE;EACA;AAAJ;;AAIA;EACE;EACA;AADF;AAGE;EACE;AADJ;;AAKA;EACE;EACA;EACA;EACA;EACA;AAFF;;AAKA;EACE;EACA;EACA;AAFF;AAKI;EACE;EACA;EACA;AAHN;AAMI;EACE;EACA;EACA;AAJN;AAOI;EACE;AALN;AAWI;;EACE;AARN;AAUM;;EACE;AAPR;AAcI;;EACE;AAXN;;AAgBA;EACE;AAbF;AAeE;EACE;AAbJ;AAgBE;EACE;AAdJ;AAiBE;EL/JA;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EKqJE;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EAEA;EAEA;AAbJ;AAgBE;EACE;EACA;AAdJ;AAiBE;ELzLA;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EK+KE;EACA;EACA;EACA;EACA;AARJ;;AAYA;EACE;AATF;;AAYA;EACE;EACA;EACA;AATF;;AAYA;EACE;EACA;EACA;AATF;;AAYA;EACE;AATF;;AAaE;EACE;AAVJ;;AAcA;EACE;AAXF;;AAeE;EACE;EACA;EACA;AAZJ;;AAgBA;ELzOE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EK+NA;EACA;AANF;AAQE;EACE;AANJ;;AAUA;EACE;AAPF;;AASA;EACE;AANF;;AAQA;EACE;EACA;EACA;EACA;EACA;AALF;;AAQA;EACE;AALF;;AAQA;EACE;AALF;;AASE;EACE;AANJ;;AAUA;EACE;AAPF;;AP7LE;;EAEE;AOgMJ;AP9LE;;EAEE;AOgMJ;AP9LE;;EAEE;AOgMJ;AP9LE;;EAEE;AOgMJ;AP9LE;EACE;AOgMJ;AP9LE;EACE;AOgMJ;AP9LE;;EAEE;AOgMJ;;AANE;EAEE;EACA;EACA;AAQJ;AANE;EACE;EACA,sDP7LO;EO8LP;EACA;AAQJ;AALE;EACE;EACA,sDPnMe;EOoMf;EACA;AAOJ;;AAWA;;EAEE;EACA;EACA;EACA;AARF;AASE;;EACE;EACA;EACA;EACA;EACA;EACA;AANJ;AAOI;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAJN;;AAQA;EACE;EACA;EACA;EACA;EACA;EACA;AALF;;AAOA;EACE;EACA;EACA;EACA;EACA;EACA;AAJF;;AAOE;EACE;EACA;EACA;EACA;EACA;EACA;AAJJ;AAME;EACE;EACA;EACA;EACA;EACA;EACA;AAJJ;;AAgBA;EACE;EACA;EACA;EACA;EACA,sDPhSS;EOiST;EACA;AAbF;;AAeA;EACE;EACA;EACA;AAZF;;AAgBA;EACE;EACA,sDP5SiB;EO6SjB;EACA;EACA;EACA;EACA;AAbF;;AAuBA;EACE;EACA;EACA;EACA;EACA;EACA,sDPlUS;EOmUT;EACA;AApBF;;AAuBA;EACE;EACA,sDPxUiB;EOyUjB;EACA;EACA;EACA;EACA;AApBF;;AAyBE;;;;;;;;EASE;AAvBJ;;;;ACndA;EACE;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAKA;EACE;EACA;EACA;EACA;EACA;AAFF;AAKI;EACE;AAHN;AAMI;EACE;AAJN;AAOI;ENFF;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EMHI;EACA;AACN;AACM;EACE;AACR;AAEM;EACE;AAAR;AAKM;EACE;AAHR;AAMM;;EAEE;EACA;AAJR;AASE;EN7BA;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EMwBE;AADJ;AAGI;EACE;AADN;;AAMA;EACE;EACA;AAHF;;AAMA;EACE;EACA;AAHF;;AAMA;EACE;AAHF;;AAMA;EACE;EACA;EACA;EACA;AAHF;;AAMA;EACE;AAHF;;AAMA;EACE;AAHF;;AAOE;EACE;EACA;AAJJ;;AAQA;EACE;EACA;EACA;EACA;EACA;AALF;;AAQA;;ENjDE;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;EMuCA;AAGF;;AAAA;EACE;AAGF;;AAAA;EACE;EACA;EACA;EACA;EACA;AAGF;;AAGE;EACE;EACA;AAAJ;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;ENvHE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EM6GA;EACA;EACA;AAMF;AAJE;EACE;EACA;AAMJ;;AADE;EACE;AAIJ;;AAAA;EACE;EACA;EACA;EACA;AAGF;;AAAA;ENhJE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EM2IA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AASF;;AANA;EACE;EACA,kFRhLe;AQyLjB;;AANA;ENjKE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EMuJA;EACA;EACA;AA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ACA;EACA;EACA;EaoGE;ADLJ;;AE1IE;EACE;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AF2IJ;AEvII;EdoBF;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;Ec7BI;EACA;EACA;EACA;EACA;AF+IN;AE3IE;EACE;EACA;AF6IJ;AE3II;EACE;AF6IN;AEzIE;EACE;EACA;AF2IJ;AEzII;EACE;AF2IN;AEvIE;EACE;EACA;AFyIJ;AEvII;EACE;AFyIN;;AG5LA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH+LF;;AG3LE;EACE;AH8LJ;AG3LE;EACE;AH6LJ;;AGzLA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH4LF;;AGzLA;EACE;AH4LF;;AGzLA;EACE;AH4LF;;AGzLA;EACE;AH4LF;;AGzLA;EACE;AH4LF;;AGzLA;EACE;AH4LF;;AGzLA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH4LF;;AGzLA;EflDE;EACA;EAEA,+EApBa;EAqBb;EACA;EACA;EACA;EAKA;EewCA;EACA;EACA;AHmMF;;AGhMA;EfzCE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EeoCA;EACA;EACA;AHyMF;;AGtMA;EACE;AHyMF;;AGtMA;EACE;AHyMF;;AGpME;;EACE;AHwMJ;;AGnME;EACE;AHsMJ;AGnME;EACE;AHqMJ;AGhMI;;EACE;AHmMN;;AInTA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AJsTF;;AKxUA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AL2UF;;AMjbA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANobF;;AOxcA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AP2cF;;AAviBA;;EAEE;EACA;EACA;EACA;EACA;EAEA;AAyiBF;AAviBE;EAVF;;IAWI;IACA;EA2iBF;AACF;AAziBE;;EACE;EACA;EACA;AA4iBJ;AAziBE;;EACE;EACA;EACA;EACA;AA4iBJ;AAziBE;;EACE;AA4iBJ;AAziBE;;EACE;EACA;AA4iBJ;AAxiBI;;EACE;AA2iBN;;AAniBI;;EACE;EACA;EACA,kwBACE;AAsiBR;AAxhBM;;EACE;AA2hBR;AAzhBQ;;;;EAEE;AA6hBV;;AAthBA;EACE;EdWA;EACA;EACA;EACA;Ac+gBF;;AAxhBA;EACE;EACA;EACA;AA2hBF;;AAxhBA;EACE;EACA;AA2hBF;;AAxhBA;EACE;EACA;EACA;EACA;EACA;EACA,uCdhCe;Ac2jBjB;;AAxhBA;EACE;AA2hBF;;AAxhBA;EACE;EACA;EACA;EACA;EACA;EACA;AA2hBF;;AAxhBA;EACE;EACA;EACA;EACA;AA2hBF;;AAvhBE;EACE;EACA;AA0hBJ;;AArhBE;EACE;EACA;EACA,iEd5HS;Ec6HT;AAwhBJ;;AAphBA;EACE;EACA;EACA;EACA;AAuhBF;;AAphBA;EACE;EACA;EACA;EACA;EACA,uEd7IW;Ec8IX;EACA;EACA,8Ed5Hc;Ec6Hd,gEACE;AAshBJ;;AAlhBA;EZnIE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EYyHA;EACA;EACA;EACA;AA4hBF;AA1hBE;EACE;AA4hBJ;;AAvhBE;EACE;AA0hBJ;;AAthBA;EACE;EACA;EACA;EACA,qEdvLU;EcwLV;AAyhBF;;AAthBA;EACE;EACA;AAyhBF;;AAthBA;EACE;EACA;AAyhBF;;AAthBA;EACE;AAyhBF;;;;AQruBE;EACE;EACA;AAFJ;;AAMA;EACE;AAHF;AAKE;EACE;EACA;AAHJ;AAME;EACE;EACA;EACA;AAJJ;AAMI;EACE;EACA;EACA;AAJN;AAQE;;EAEE;AANJ;AASE;EACE;AAPJ;;AAWA;EACE;EACA;EACA;EACA;AARF;;AAYE;EACE;AATJ;;AAaA;EACE;AAVF;;AAaA;EACE;AAVF;;AAaA;EpBaE;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EoBnBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2EtBvCiB;AsBoCnB;;AAMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHF;AAKE;EACE;EACA;EACA;EACA;EAEA;EACA;AAJJ;AAOE;EACE;EACA;EACA;EACA;EACA;EACA,uEtBhFS;EsBiFT;AALJ;;AASA;EpBlEE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EoB6DA;EACA;EACA;AAAF;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAF;;AAIE;EACE;EACA;AADJ;AAIE;EACE;AAFJ;;AAQI;EACE;AALN;;AAWE;EACE;AARJ;AAWE;EACE;AATJ;;AAcE;EACE;AAXJ;;AAgBE;EACE;AAbJ;;AAuBQ;EACE;AApBV;;AA6BI;EACE;EACA;EACA;AA1BN;AA+BI;EACE;AA7BN;;AAoCI;EACE;EACA;AAjCN;;AA0CI;EACE;AAvCN;;AAgDA;EACE;AA7CF;;;;AC9KA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;ACHF;;ADOA;ErBoBE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EqB9BA;EACA;EACA;EACA;EACA;ACGF;;ADAA;EACE;ACGF;;ADAA;EACE;ACGF;;AClCA;EvBqCE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EuB/CA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;ADwCF;ACtCE;EAEE;EACA;ADuCJ;;ACnCA;EACE;ADsCF;;ACnCA;EACE;EACA;ADsCF;;;;AEnEA;;EAEE;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACE;EACA;AADJ;AAIE;EACE;EACA;AAFJ;;AAMA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AAJF;AAME;EAEE;AALJ;AAOI;EACE;AALN;AAOM;EACE;AALR;;AAaE;;EACE;EACA;AATJ;AAWI;;EACE;AARN;;AAeE;;EACE;AAXJ;AAaI;;EACE;AAVN;;AAeA;EACE;AAZF;;AAeA;EACE;EACA;AAZF;;;;ACvEA;;EAEE;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EAEE;AAFJ;;AAOE;EACE;EACA;AAJJ;AAOE;EACE;AALJ;;AAUE;EACE;EACA;AAPJ;AAUE;EACE;AARJ;;AAYA;EACE;EACA;EACA;EACA;EACA;AATF;;AAYA;EACE;EACA;EACA;EACA;EACA;AATF;;AAYA;E3BoBE;EACA;EACA;E2BpBA;EACA;EACA;EACA;EACA;EACA;EAEA,6nBACE;EAEF;EACA;EAEA;EACA;EACA;EACA;EACA;AAXF;AAaE;EACE;EACA;EACA;EACA;EACA;AAXJ;;AAeA;EzBlBE;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;EyBOA;AAJF;;AAQE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AALJ;;AAYE;;EACE;EACA;AARJ;;AAgBE;;;;EACE;EACA;EACA;EACA;AAVJ;AAiBE;EACE,+D3BxGS;E2ByGT;AAfJ;;;;ACrHA;EACE;AADF;;AAIA;EACE;AADF;AAGE;EACE;EACA;AADJ;AAIE;EACE;AAFJ;AAKE;EACE;AAHJ;AAME;ECZA;EACA;EAEA,+EAPa;EAQb;EACA;EACA;EDQE;AACJ;;AAGA;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA,kE5ByG4B;A4B1G9B;AAGE;EACE;EACA;AADJ;AAIE;EACE;AAFJ;AAII;EACE;AAFN;;AAQE;EACE;EACA;AALJ;;AASA;EACE;AANF;;AASA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AANF;AAQE;EACE;AANJ;AAWM;EACE;AATR;;AAeA;E5BAE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E4BNA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;AANF;AAQE;EACE;AANJ;AASE;EAEE;AARJ;AAYE;EAEE;EACA;AAXJ;AAYI;EACE;EACA;AAVN;AAeE;EACE;AAbJ;AAcI;EACE;AAZN;AAcI;EACE;AAZN;AAiBE;EACE;AAfJ;;AAmBA;EACE;EACA;EAEA;EACA;AAjBF;;AAoBA;EACE;AAjBF;;AAoBA;EACE;AAjBF;;AAoBA;EACE;EACA;EACA;EACA;AAjBF;;AAoBA;EC3IE;EACA;EAEA,+EAtBa;EAuBb;EACA;EACA;EAKA;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;AqCahB;AAME;EACE;EACA;AAJJ;;AAQA;EACE;AALF;;AAQA;EACE;EACA;EACA;EACA;AALF;;AAQA;EACE;EACA;AALF;;AAQA;EACE;EACA;AALF;;AAQA;EACE;EACA;AALF;AAOE;EACE,2DrCpDM;EqCqDN;AALJ;AAQE;EAEE,mGrCzDY;AqCkDhB;;AAWA;EACE;EACA;EACA;EACA;EACA;AARF;;AAYE;EACE;AATJ;;AAaA;EACE;EACA;EACA;EACA;EACA;AAVF;;AAcE;EACE;AAXJ;;AAgBE;EACE;AAbJ;AAgBE;EACE;AAdJ;;AAkBA;EACE;EACA,4ErCpFe;AqCqEjB;;AAkBA;EACE;AAfF;AAiBE;EACE;AAfJ;;AAmBA;EACE;EACA;EACA;EACA;AAhBF;;;;AC9FA;EACE;AATF;;AAaE;EACE;AAVJ;AAYI;EACE;AAVN;AAaI;EACE;EACA;AAXN;;AAgBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAbF;AAeE;EACE;AAbJ;;AAiBA;EACE;EACA;EACA;AAdF;;AAiBA;EACE;EACA;EACA;EACA;EACA;EACA;AAdF;;AAiBA;EACE;AAdF;;AAiBA;EACE;AAdF;;AAiBA;EACE;EACA;AAdF;;AAkBE;EACE;EACA;AAfJ;AAkBE;EtCqBA;EACA;EACA;EACA;AsCpCF;;AAkBE;EACE;AAfJ;;AAoBE;EACE;EACA;AAjBJ;AAkBI;EACE,0EtChEa;AsCgDnB;;;;AC5EA;EACE;EACA;EACA;AADF;;AAIA;EACE;AADF;;AAIA;ErC2BE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EqChCA;EACA;EACA;EACA;EACA;EACA;EACA;AAKF;AAHE;EACE;AAKJ;AAFE;EACE;EACA;AAIJ;AADE;EACE;EACA;EACA;AAGJ;AADI;EACE;EACA;AAGN;AACE;EACE;AACJ;;AAGA;ErCRE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EqCGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAMF;;AAHA;EACE;AAMF;AAJE;EACE;EACA;AAMJ;AAJI;EACE;EACA;AAMN;AAJM;EACE;AAMR;AAJQ;EACE;AAMV;AAFM;EACE;EACA;AAIR;AAAI;ErCXF;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;EqCAI;EACA;EACA;EACA;AAUN;AARM;EACE;AAUR;AANI;ErCzDF;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EqCoDI;EACA;EACA;EACA;EACA;EACA;AAcN;AAZM;ErClEJ;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EqCwDM;EACA;AAqBR;AAlBM;EACE;EACA;AAoBR;AAhBI;EACE;AAkBN;AAfI;EACE;AAiBN;AAfM;EACE;AAiBR;;AAXA;EACE;AAcF;;;;AChJA;EACE;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACE;AADJ;AAIE;EACE;EACA;EACA;AAFJ;;AAMA;EACE;EACA;EACA;EACA;EACA;AAHF;;AAMA;EtCzBE,+EAJa;EAKb;EACA;EACA;EACA;EsCuBA,2ExCPiB;EwCQjB;EACA;EACA;EACA;EAGA;EAIA;EACA;EACA;EAEA;EACA;AALF;AAOE;EACE;EACA;AALJ;AAOI;EACE;AALN;AASE;EACE;EACA;AAPJ;;AAWA;EACE;EACA;AARF;;AAWA;EACE;AARF;AAUE;EACE;AARJ;;AAYA;EACE;EACA;EACA;EACA;EACA;EACA;AATF;;AAYA;EACE;AATF;;AAaE;EACE;AAVJ;;AAgBE;;EACE;AAZJ;;;;AC3FA;EvCqCE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EuC/CA;AAMF;;AAHA;EACE;AAMF;;AAJA;EACE;EACA;AAOF;;AALA;EACE,kDzC+BI;EyC9BJ;AAQF;;AANA;;EAEE,wFzC2BU;AyClBZ;;;;AC5BA;EAEE;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;E1CqEE;EACA;EACA;EEVA;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;EwCtEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AAOF;;AAJA;EAEE;AAMF;;AAFA;EACE;EACA;EACA;EACA;EACA;AAKF;;AAFA;EACE;EACA;EACA;AAKF;;AAFA;EACE;AAKF;;AAFA;EACE;EACA;EACA;EACA;AAKF;AADE;EACE;EACA;AAGJ;;AACA;ExCKE;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;EwChBA;EACA;AAUF;;;;AC/EA;EACE;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;AAHF;AAIE;EACE;AAFJ;;AAMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHF;AAIE;EAZF;IAaI;IACA;EADF;AACF;;AAIA;EACE;AADF;;AAIA;EACE;AADF;;AAIA;EACE;EACA;EACA;EACA;AADF;;;;ACtDA;EACE;EACA;AADF;;;;ACDA;EACE;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;AAHF;;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;AAFF;;AAIA;E3CiBE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;E2C3BA;EACA;EACA;AAMF;;AAJA;E3C6CE;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;E2CnDA;EACA;EACA;AAcF;;AAZA;EACE;EACA;EACA;EACA;AAeF;;AAbA;EACE;EACA;EACA;AAgBF;;AAdA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAiBF;;AAVE;;;;EACE;AAgBJ;;AAZA;EACE;AAeF;;;;AChFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EAEE;EACA;EACA;AAFJ;;AAMA;EACE;EACA;EACA;EACA;AAHF;;AAMA;EACE;EACA;AAHF;AAKE;EAEE;EACA;AAJJ;;AAQA;EACE;EACA;AALF;AAOE;EACE;AALJ;;AASA;EACE;AANF;;AASA;E5CXE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;E4CMA;EACA;EACA;AAAF;;AAGA;E5ClBE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;A4CcF;;AAJA;EACE;EACA;EACA;AAOF;;AAJA;EACE;AAOF;;AAHE;EACE;AAMJ;;;;AC7EA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;;;ACVA,gBAAgB;AAGhB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAGA;EACE;EACA;EACA;EACA;AAAF;;AAEA;EACE;EACA;EACA;AACF;AAAE;EACE;AAEJ;AADI;EACE;AAGN;;AACA;EACE;EAEA;EACA;EACA;EACA;AACF;;AAEA;EACE;AACF;;AAEA;EACE;EACA;AACF;;AAGA;EACE;EACA;AAAF;AACE;EACE;AACJ;;AAIA;E9CcE;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;E8CzBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uEhDtDW;EgDuDX;EACA;EACA,qbACE;EASF;EACA;EACA;EACA;EACA;EACA;EACA;AAFF;AAGE;EACE;EACA;EACA;EACA;AADJ;AAIE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,qbACE;EAMF;EACA;EACA;EACA;EACA;EACA;EACA;AARJ;AAWE;EACE;AATJ;;AAaA;E9CzDE;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;E8C+CA;EACA;EACA;EACA;EACA;EACA;EACA;AAHF;;AAQE;;EACE;EACA;EACA;AAJJ;;AAYA;EACE;AATF;AAWE;EACE;EACA;AATJ;AAWE;EACE;AATJ;;AAaA;;;EAGE;EACA;EAEA,ujBACE;EAMF;AAjBF;AAoBI;;;;;;;;;EAGE;EACA;AAZN;AAgBE;;;EACE;AAZJ;AAeE;;;EACE;AAXJ;;AAeA;;;EAGE;EACA;EACA;AAZF;AAcE;;;EACE;AAVJ;;AAaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;AAbF;AAcE;EACE;AAZJ;AAcE;EACE;EACA;EACA;AAZJ;;AAmBM;EACE;AAhBR;AAoBI;EACE;EACA;EACA;EACA;AAlBN;;AAwBE;EACE;EACA;AArBJ;AA0BE;EACE;EACA;AAxBJ;AA2BE;EACE;EACA;AAzBJ;AA4BE;EACE;AA1BJ;;AA+BE;EACE;EAIA;EAEA;EAMA;EACA;AArCJ;AAwCE;EACE;EACA;AAtCJ;AAyCE;EACE;EACA,ggBACE;EAMF;EACA;AA7CJ;AAgDE;EACE;EACA;EACA;EACA;EACA;AA9CJ;AAiDE;;EAEE;AA/CJ;AAkDE;EACE;EACA;EACA;EACA;EACA,4jBACE;EAMF;EACA,8ZACE;EAIF;EACA;EACA;AA1DJ;AA4DI;EACE;AA1DN;AAgEI;;EACE;EACA;AA7DN;AA+DM;;EACE;AA5DR;AAiEE;EACE;AA/DJ;;AAmEA;EACE;AAhEF;;AAkEA;EACE;EACA;AA/DF;;AAkEE;EACE;AA/DJ;AAiEE;EACE;EACA;EACA;AA/DJ;AAiEE;EACE;AA/DJ;AAiEE;EACE;EACA;EACA;EACA;AA/DJ;AAgEI;EACE;E9ClUJ;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;E8CuTI;AAtDN;AAyDE;EACE;EACA;AAvDJ;AAyDE;EACE;EACA;AAvDJ;;;;AC7VA;EACE;EACA;EACA;EACA;EACA;EAEA;;;;;;;GAAA;EASA;;;;;;;GAAA;EASA;EACA;EAEA;EACA;EACA;EACA;AALF;;AAQA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALF;;AAUE;EACE;EAEA;AARJ;AAWE;EACE;EACA;EACA;AATJ;;AAaA;EACE;AAVF;;AAYA;EACE;AATF;AAUE;EACE;EACA;EACA;AARJ;AAUE;EACE;EACA;EAEA;AATJ;AAWE;EACE;EACA;AATJ;AAWE;EACE;EACA;EACA;EACA;AATJ;AAWE;EACE;EACA;EACA;EACA;EACA;AATJ;AAWE;EACE;EACA;AATJ;;AAaA;EACE;EACA;EACA;EACA;AAVF;AAWE;EACE;EACA;AATJ;;AAaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAVF;AAYE;EACE;EACA;AAVJ;AAaE;EACE;EACA;EACA;EACA,uhBACE;EAMF;AAjBJ;;AAqBE;EACE;AAlBJ;;AAqBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAlBF;AAoBE;EACE;AAlBJ;;AAsBA;EACE;EACA;EACA;AAnBF;;AAsBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnBF;AAoBE;EACE;EACA;EACA;EACA;AAlBJ;;AAsBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnBF;;AAuBE;EACE;AApBJ;AAsBE;EACE;AApBJ;;AAwBA;EACE;EAEA;EACA;EACA;AAtBF;;AAwBA;EACE;EACA;EACA;EACA;EAEA,oqBACE;EAKF;EACA;EACA;EACA;EACA;AA3BF;;AA8BA;EACE;AA3BF;;AA8BA;E/CpKE;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;E+CyJA,+DjDlNW;EiDmNX;EACA;EACA;AAnBF;;AAsBA;EACE;EACA;EACA;EACA;EACA;EACA;AAnBF;;AAsBA;EACE,0EjDjOiB;EiDkOjB;EACA;AAnBF;;AAuBE;EACE;AApBJ;;AAyBE;EACE;EACA;AAtBJ;;AA0BA;EACE;EACA;AAvBF;;AA0BA;E/C7ME;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;E+CuMA;EACA;EACA;EACA;AAhBF;;;;ACxQE;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAHJ;AAME;EACE;AAJJ;AAME;EACE;AAJJ;AAOI;EACE;AALN;AAMM;EACE;AAJR;AASE;EACE;EACA;AAPJ;AASI;EACE;EACA;AAPN;AASM;EACE;AAPR;;;;AC5BE;;;;EACE;AADJ;AAII;;;;EACE;AACN;AAGI;;;;EACE;AAEN;;AAGE;;EAGE;AADJ;;;;ACXA;EACE;IACE;EAVF;EAaA;IACE;EAXF;AACF;AAcA;EACE;IACE;IACA;EAZF;EAeA;IACE;IACA;EAbF;AACF;AAgBA;EACE;IACE;IACA;IAEA;EAfF;EAkBA;IACE;IACA;IACA;EAhBF;AACF;AAmBA;EACE;IACE;IACA;IACA;EAjBF;EAoBA;IACE;IACA;IACA;EAlBF;AACF;AAqBA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnBF;AAqBE;;EACE;EACA;EACA;EACA;EACA;EACA;AAlBJ;AAqBE;;EACE;AAlBJ;AAqBE;;;;;;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhBJ;;AAoBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAjBF;;AAoBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAjBF;;AAoBA;EACE;EACA;EACA;EACA;AAjBF;;AAsBE;;EAEE;AAnBJ;;;;ACzGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AANF;;AASA;EACE;AANF;;AASA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AANF;;AASA;EACE;AANF;;AASA;EACE;AANF;;AASA;EACE;EACA;EAEA;EACA;AAPF;;AAWA;EACE;EACA;EACA;EACA;EACA;EACA;AARF;;AAWA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4ErD3Ce;EqD4Cf;AARF;;AAWA;EnD7BE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EmDyBA;EACA;EACA;EACA;EACA;EAGA;AALF;;AAQA;EACE;EACA;AALF;AAME;EACE;EACA;AAJJ;AAOE;EACE;AALJ;AAQE;EACE;AANJ;AAQI;EACE;AANN;AASI;EACE;AAPN;AAWE;EACE;AATJ;AAYE;EACE;AAVJ;AAaE;EACE;AAXJ;;AAeA;EACE;EACA;EACA;AAZF;;AAcA;EACE;AAXF;;AAcA;EACE;AAXF;;AAiBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAdJ;AAgBE;EACE;EACA;EACA;EACA;EACA;EACA;AAdJ;AAgBE;EACE;EACA,qRAtBS;AAQb;AAgBE;EACE;EACA;AAdJ;AAgBE;EACE;AAdJ;;AAmBE;EACE;EACA;EACA;EACA;EACA;AAhBJ;AAkBE;EACE;EACA;AAhBJ;AAmBE;EACE;EACA;EA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CA;EACA;AFgVF;;AE7UA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AF+UF;AE7UE;EAEE;AF8UJ;AE3UE;EACE;AF6UJ;AE1UE;EACE;EACA;EACA;AF4UJ;;AExUA;EACE;AF2UF;;AExUA;;EAEE;EACA;AF2UF;AEzUE;;EACE;AF4UJ;;AExUA;EACE;AF2UF;;AExUA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;AF0UF;;AEvUA;EACE;EACA;EACA;EACA;AF0UF;AExUE;EACE;AF0UJ;AEvUE;EACE;EACA;AFyUJ;;AErUA;ExD5FE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EwDuFA;EACA;EACA;EAGA;EACA;EACA;EACA;AF4UF;AE1UE;EACE;AF4UJ;;AExUA;;EAEE;EACA;EACA;AF2UF;;AExUA;EACE;EACA;EACA;AF2UF;;AGveA;EACI;EACA;EAIA;AHueJ;;AGleA;EACI;AHqeJ;;AGleA;EzDsBE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EyD3BE;EACA;EACA;AH2eJ;;AGzeA;EzDgBE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;AsD4dF;;AGhfA;EACI;EACA;EAEA;EACA;EACA;AHkfJ;AGhfI;EAEI;EACA;AHifR;AG/eI;EACI;AHifR;;AG9eA;EACI;EACA;AHifJ;;AG/eA;EACI;AHkfJ;;AG/eA;EACI;EACA;EACA;EACA;AHkfJ;AGjfI;EACI;AHmfR;;AI1iBA;EACE;EACA;EACA;EACA;EACA;AJ6iBF;;AK/iBA;E3DkCE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;E2DtCA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ALujBF;;AKpjBA;;EAEE;EACA;EACA;ALujBF;;AKpjBA;EACE;ALujBF;;AKpjBA;EACE;ALujBF;;AKpjBA;E3DAE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;E2DVA;AL8jBF;;AK3jBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AL8jBF;;AK1jBE;EACE;EACA;AL6jBJ;AK1jBE;EACE;AL4jBJ;;AKzjBA;EACE;AL4jBF;;AKzjBE;EACE;EACA;AL4jBJ;;AKvjBE;EACE;EACA;AL0jBJ;;AKvjBA;EACE;AL0jBF;;AKxjBA;EACE;EACA;EACA;EACA;EACA;EACA,sD7DmDS;E6DlDT;EACA;AL2jBF;;AKzjBA;EACE;AL4jBF;;AKxjBA;EACE;EACA,sD7DyCiB;E6DxCjB;EACA;EACA;EACA;EACA;AL2jBF;;AKxjBA;EACE;EACA;EACA;EACA;EACA,sD7D2BS;E6D1BT;EACA;AL2jBF;;AKxjBA;EACE;EACA;EACA;EACA;EACA,sD7DkBiB;E6DjBjB;EACA;AL2jBF;;AKtjBE;;;;EAIE;ALyjBJ;;AKrjBE;EACE;EACA;ALwjBJ;AKtjBE;E3D3GA;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;E2DsGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AL8jBJ;AK5jBE;EACE;AL8jBJ;AK5jBE;EACE;AL8jBJ;;AM7tBA;EACE;EACA;ANguBF;;AM7tBA;EACE;ANguBF;AM9tBE;EACE;ANguBJ;AM7tBE;EACE;AN+tBJ;AM5tBE;EAGE;EACA;EACA;AN4tBJ;;AMxtBA;E5DYE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;E4DjBA;ANiuBF;;AM9tBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;ANguBF;;AM5tBE;EACE;AN+tBJ;;AM3tBA;;EAEE;EACA;AN8tBF;;AM3tBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AN8tBF;;AM1tBE;EACE;AN6tBJ;AM1tBE;EACE;EACA;AN4tBJ;;AMxtBA;EACE;AN2tBF;;AMxtBA;EACE;EACA;EACA;EACA;EACA;EACA;AN2tBF;;AMvtBA;EACE;AN0tBF;;AMvtBA;EACE;EACA;EACA;AN0tBF;;AMvtBA;EACE;EACA;EACA;AN0tBF;;AMttBE;EACE;EACA;EACA;EACA;ANytBJ;AMrtBI;EACE;ANutBN;;AOn1BA;EACE;APs1BF;AOp1BE;EACE,uE/DcS;AwDw0Bb;AOn1BE;EACE;EACA;EACA;APq1BJ;;AOj1BA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;APm1BF;AOj1BE;EACE;APm1BJ;;AO/0BA;;EAEE;APk1BF;;AO/0BA;;EAEE;EACA;EACA;EACA,2E/DjCU;E+DkCV;EACA;APk1BF;;AO/0BA;EACE;APk1BF;;AO/0BA;EACE;APk1BF;;AO/0BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;APg1BF;AO90BE;EACE;EACA;APg1BJ;;AO50BA;E7DpCE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;E6D+BA;EACA;APq1BF;;AOl1BA;E7D1CE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;E6DgCA;EACA;EACA;EACA;EACA;EACA;AP41BF;;AOz1BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AP41BF;AO11BE;EACE;EACA;EACA;AP41BJ;;AOx1BA;EACE;EACA;EACA;AP21BF;AOz1BE;EACE;EACA;EACA;EACA;EACA;EACA,6lBACE;AP01BN;;AQh9BA;EACE;EACA;EACA;ARm9BF;;AQh9BA;EACE;EACA;EACA;ARm9BF;AQj9BE;EACE;EACA;ARm9BJ;AQj9BE;EACE;ARm9BJ;;AQ/8BA;EACE;ARk9BF;AQh9BE;EACE;ARk9BJ;;AQ98BA;EACE;ARi9BF;AQ/8BE;EACE;ARi9BJ;;AQ78BA;EACE;ARg9BF;;AQ78BA;EACE;EACA;EACA;EACA;EACA;EACA;ARg9BF;AQ78BE;EACE;AR+8BJ;AQ58BE;EAEE;AR68BJ;;AQz8BA;EACE;AR48BF;;AQx8BE;EACE;EACA;AR28BJ;AQx8BE;EACE;EACA;EACA;AR08BJ;AQv8BE;EACE;EACA;EACA;EACA;EACA;ARy8BJ;AQt8BI;EACE;ARw8BN;AQp8BE;EACE;ARs8BJ;AQp8BI;EACE;ARs8BN;;AQj8BA;EACE;ARo8BF;;AQj8BA;EACE;ARo8BF;;AQh8BE;EACE;EACA;ARm8BJ;;AQ/7BA;EACE;EACA;EACA;ARk8BF;;AQ/7BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;E9DvDA;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;E8DqDA;ARq8BF;AQn8BE;EACE;ARq8BJ;AQl8BE;EACE;EACA;ARo8BJ;;AQj8BA;EACE;EACA;ARo8BF;;AQh8BA;;EAEE;EACA;EACA;EACA;ARm8BF;AQj8BI;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ARo8BN;;AQh8BA;EACE;EACA;EACA;EACA;EACA;EACA;ARm8BF;;AQj8BA;EACE;EACA;EACA;EACA;EACA;EACA;ARo8BF;;AQj8BE;EACE;EACA;EACA;EACA;EACA;EACA;ARo8BJ;AQl8BE;EACE;EACA;EACA;EACA;EACA;EACA;ARo8BJ;;AQ/7BE;;EAEE;ARk8BJ;;AS9oCE;EACE;ATipCJ;AShpCI;EACE;ATkpCN;;AUtpCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVypCF;;AUhpCE;EACE;EACA;AVmpCJ;;AU/oCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVkpCF;AUhpCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA,2DlEzBS;AwD2qCb;;AU/oCA;EACE;AVkpCF;;AU/oCE;EACE;AVkpCJ;;AU7oCE;EACE;AVgpCJ;;AU5oCA;EACE;AV+oCF;;AW/sCA;EACE;AXktCF;;AYjtCA;EACE;AZotCF;;AYhtCE;EACE;EACA,4DpENM;EoEON;EACA;AZmtCJ;;Aa3tCE;EACE;Ab8tCJ;Aa3tCE;EACE;EACA;EACA;Ab6tCJ;Aa1tCE;EACE;EACA;EACA;Ab4tCJ;Aa1tCE;EACE;Ab4tCJ;AaztCE;EACE;Ab2tCJ;AattCM;EACE;AbwtCR;AaptCI;EACE;EACA;EACA;EACA;AbstCN;AaptCM;EACE;AbstCR;AantCM;EACE;AbqtCR;AantCQ;EACE;AbqtCV;Aa/sCE;EACE;AbitCJ;Aa5sCE;;EAEE;Ab8sCJ;Aa5sCI;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ab+sCN;Aa3sCE;;EAEE;Ab6sCJ;Aa1sCE;;;;EAIE;Ab4sCJ;Aa1sCI;;;;EACE;Ab+sCN;Aa3sCE;EACE;EACA;Ab6sCJ;Aa1sCE;EnEzDA;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EmE+CE;EAEA;EACA;EACA;EACA;AbktCJ;Aa/sCE;;EAEE;AbitCJ;Aa9sCE;EACE;AbgtCJ;Aa7sCE;EACE;Ab+sCJ;Aa5sCE;EACE;EACA;Ab8sCJ;Aa3sCE;;EAEE;EACA;EACA;Ab6sCJ;Aa1sCE;EACE;Ab4sCJ;AazsCE;EACE;Ab2sCJ;;AatsCE;EACE;EACA;AbysCJ;;Acx1CA;EACE;EACA;Ad21CF;;Acz1CA;EACE;Ad41CF;Ac31CE;EACE;EACA;EACA;EACA;Ad61CJ;Ac51CI;EAEE;Ad61CN;;Aev2CE;EACE;EACA;EACA;EAEA;Afy2CJ;Aen2CE;EACE;Afq2CJ;Ael2CE;EACE;Afo2CJ;Aeh2CI;EAEE;Afi2CN;Ae71CE;EACE;Af+1CJ;Ae51CE;EACE;Af81CJ;Ae31CE;EACE;EACA;Af61CJ;Ae31CI;EACE;EACA;Af61CN;Ae31CM;EACE;Af61CR;;AgBz4CA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AhB24CF;AgBz4CE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhB24CJ;;AgBv4CA;EACE;AhB04CF;;AgBv4CA;EtEQE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EsEbA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;AhB64CF;AgB34CE;EACE;AhB64CJ;;AgBz4CA;EACE;AhB44CF;;AgBx4CE;EACE;AhB24CJ;;AgBv4CA;EtE1BE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EsEgBA;EACA;EACA;AhBi5CF;AgBh5CE;EACE;AhBk5CJ;;AgB94CA;EACE;AhBi5CF;;AgB94CA;EACE;EACA;EACA;EACA;EACA;AhBi5CF;;AgB/4CA;EACE;AhBk5CF;;AgB/4CA;EACE;EACA;AhBk5CF;AgBj5CE;EACE;AhBm5CJ;AgBj5CE;EACE;EACA;AhBm5CJ;AgBj5CE;EACE;AhBm5CJ;;AgB/4CA;EtElEE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EsE6DA;EAEA;AhBu5CF;;AAj/CA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAo/CF;AxD75CE;;EAEE;AwD+5CJ;AxD75CE;;EAEE;AwD+5CJ;AxD75CE;;EAEE;AwD+5CJ;AxD75CE;;EAEE;AwD+5CJ;AxD75CE;EACE;AwD+5CJ;AxD75CE;EACE;AwD+5CJ;AxD75CE;;EAEE;AwD+5CJ;;AA1gDA;EACE;EACA;EACA;AA6gDF;;AA1gDA;EACE;EACA;EACA;EACA;AA6gDF;;AA1gDA;EACE;EACA;AA6gDF;AA3gDE;EACE;AA6gDJ;;AAvgDI;EACE;AA0gDN;AAvgDI;EACE;AAygDN;AAtgDI;EACE;EACA;AAwgDN;AArgDI;EACE;AAugDN;AAngDE;EACE;AAqgDJ;AAlgDE;;EAEE;EACA;AAogDJ;;AAhgDA;EACE;AAmgDF;;AAhgDA;EACE;EACA;AAmgDF;;AAhgDA;EACE;EACA;EACA;EACA;EACA;AAmgDF;;AAhgDA;EACE;EACA;AAmgDF;;AAhgDA;EACE;AAmgDF;;AAhgDA;EACE;AAmgDF;;AAhgDA;EACE;EACA;AAmgDF;AA7/CE;EACE;AA+/CJ;AA7/CI;EACE;EAIA;AA4/CN;AAz/CI;;EAEE;AA2/CN;AAx/CI;EACE;AA0/CN;AAv/CI;EACE;EACA;AAy/CN;AAt/CI;EACE,iExDrHiB;AwD6mDvB;;;;AiB3oDA;EACE;AADF;;AAIA;EACE;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;AADF;;AAGA;EACE;EACA;AAAF;;AAGA;EACE;AAAF;;AAEA;EACE;EACA;AACF;;AAGE;EACE;AAAJ;;AAIA;EvEiBE;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;EuE5BA;EACA;AAOF;;AAJA;EACE;EACA;EACA;EACA;AAOF;AALE;EACE;EACA;AAOJ;AALI;EACE;EACA;AAON;AAJI;EACE;AAMN;AAHI;EACE;;;GAAA;EAKA;EACA;EACA;EACA;AAIN;AAAM;EACE;EACA;AAER;AAGM;EACE;AADR;AAKM;EACG;AAHT;AASE;EACE;AAPJ;AAUE;EvE9EA;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EuEyEE;EACA;EACA;EACA;EACA;AAFJ;AAKI;EAEE;AAJN;AAQI;EAEE;EACA;AAPN;AAQM;EACE;EACA;AANR;AAWI;EACE;AATN;AAUM;EACE;AARR;AAaI;EACE;EACA;AAXN;AAeE;EACE;EAIA;AAhBJ;AAmBE;EACE;EACA;AAjBJ;AAmBI;EACE;AAjBN;AAqBE;EACE;EACA;AAnBJ;;AAwBE;EACE;AArBJ;AAuBI;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;AAtBN;AAyBI;EACE;EACA;AAvBN;AA0BI;;EAEE;AAxBN;AA2BI;EACE;AAzBN;AA2BM;EAEE;AA1BR;AA6BM;EACE;AA3BR;AA+BI;EACE;EACA;AA7BN;AA+BM;EACE;AA7BR;;;;AChMA;;EAEE;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AAFF;AAIE;EAEE;AAHJ;AAME;EACE;AAJJ;;AAQA;EACE;EACA;AALF;AAOE;EACE;AALJ;AAQE;EACE;AANJ;AASE;EACE;AAPJ;AAUE;EACE;AARJ;AAWI;EACE;AATN;;AAeA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAZF;;AAeA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAZF;;AAeA;EACE;AAZF;;AAkBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAfF;;AAkBA;ExExEE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EwEoEA;EACA;EACA;EACA;EACA;EACA;AAVF","sources":["webpack://SurveyCreatorCore/./src/utils/context-button.scss","webpack://SurveyCreatorCore/./src/variables.scss","webpack://SurveyCreatorCore/./src/components/list.scss","webpack://SurveyCreatorCore/./src/ctr-variables.scss","webpack://SurveyCreatorCore/./src/components/tabs/json-editor-ace.scss","webpack://SurveyCreatorCore/./src/components/tabs/json-editor-textarea.scss","webpack://SurveyCreatorCore/./src/components/simulator.scss","webpack://SurveyCreatorCore/./src/components/tabs/test.scss","webpack://SurveyCreatorCore/./src/components/tabs/logic.scss","webpack://SurveyCreatorCore/./src/components/tabs/translation.scss","webpack://SurveyCreatorCore/./src/components/tabs/logic-ui.scss","webpack://SurveyCreatorCore/./src/components/tabs/designer.scss","webpack://SurveyCreatorCore/./src/responsivity.scss","webpack://SurveyCreatorCore/./src/components/switcher/switcher.scss","webpack://SurveyCreatorCore/./src/components/notifier.scss","webpack://SurveyCreatorCore/./src/components/creator.scss","webpack://SurveyCreatorCore/./src/components/popup.scss","webpack://SurveyCreatorCore/./src/components/button.scss","webpack://SurveyCreatorCore/./src/components/surface-placeholder.scss","webpack://SurveyCreatorCore/./src/lbr-font-sizes.scss","webpack://SurveyCreatorCore/./src/lbr-sizes.scss","webpack://SurveyCreatorCore/./src/ctr-font-sizes.scss","webpack://SurveyCreatorCore/./src/ctr-sizes.scss","webpack://SurveyCreatorCore/./src/components/string-editor.scss","webpack://SurveyCreatorCore/./src/creator-theme/button.scss","webpack://SurveyCreatorCore/./src/creator-theme/creator.scss","webpack://SurveyCreatorCore/./src/creator-theme/action-button.scss","webpack://SurveyCreatorCore/./src/components/page-navigator/page-navigator.scss","webpack://SurveyCreatorCore/./src/components/page-navigator/page-navigator-item.scss","webpack://SurveyCreatorCore/./src/components/page.scss","webpack://SurveyCreatorCore/./src/lbr-variables.scss","webpack://SurveyCreatorCore/./src/components/row.scss","webpack://SurveyCreatorCore/./src/components/carry-forward-panel.scss","webpack://SurveyCreatorCore/./src/components/question.scss","webpack://SurveyCreatorCore/./src/components/question-dropdown.scss","webpack://SurveyCreatorCore/./src/components/question-image.scss","webpack://SurveyCreatorCore/./src/components/question-rating.scss","webpack://SurveyCreatorCore/./src/components/item-value.scss","webpack://SurveyCreatorCore/./src/components/image-item-value.scss","webpack://SurveyCreatorCore/./src/components/matrix-cell.scss","webpack://SurveyCreatorCore/./src/components/results.scss","webpack://SurveyCreatorCore/./src/components/header/logo-image.scss","webpack://SurveyCreatorCore/./src/components/link-value.scss","webpack://SurveyCreatorCore/./src/components/search.scss","webpack://SurveyCreatorCore/./src/components/scroll.scss","webpack://SurveyCreatorCore/./src/components/property-panel/property-panel-item.scss","webpack://SurveyCreatorCore/./src/components/property-panel/property-panel.scss","webpack://SurveyCreatorCore/./src/components/tabbed-menu/tabbed-menu-item.scss","webpack://SurveyCreatorCore/./src/components/tabbed-menu/tabbed-menu.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox-tool.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox-search.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox-right.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox-animation.scss","webpack://SurveyCreatorCore/./src/components/side-bar/side-bar.scss","webpack://SurveyCreatorCore/./src/components/side-bar/tab-control.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-action-bar.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/property-grid.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-question.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-input.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-dropdown.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-comment.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-panel.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-checkbox.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-matrixdynamic.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-table.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-question-group.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-color-editor.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-file-edit.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-link.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-theme-builder.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-overriding.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-search-editor.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-buttongroup.scss","webpack://SurveyCreatorCore/./src/utils/layout.scss","webpack://SurveyCreatorCore/./src/custom-questions/boolean-switch.scss"],"sourcesContent":["@use \"../variables\" as *;\n\n.svc-context-container {\n display: flex;\n gap: calcSize(1);\n width: max-content;\n}\n\n.svc-context-button {\n display: flex;\n box-sizing: border-box;\n background-color: var(--ctr-survey-contextual-button-background-color, $background);\n border-radius: var(--ctr-survey-contextual-button-corner-radius, 50%);\n width: var(--ctr-survey-contextual-button-width, calcSize(6));\n height: var(--ctr-survey-contextual-button-height, calcSize(6));\n padding: var(--ctr-survey-contextual-button-padding-top, calcSize(1.5))\n var(--ctr-survey-contextual-button-padding-right, calcSize(1.5))\n var(--ctr-survey-contextual-button-padding-bottom, calcSize(1.5))\n var(--ctr-survey-contextual-button-padding-left, calcSize(1.5));\n\n cursor: pointer;\n outline: none;\n\n .sv-svg-icon {\n --thm-button-contextual-button-icon-width: calc(\n var(--ctr-survey-contextual-button-width) - var(--ctr-survey-contextual-button-padding-right) -\n var(--ctr-survey-contextual-button-padding-left)\n );\n --thm-button-contextual-button-icon-height: calc(\n var(--ctr-survey-contextual-button-height) - var(--ctr-survey-contextual-button-padding-top) -\n var(--ctr-survey-contextual-button-padding-bottom)\n );\n width: var(--thm-button-contextual-button-icon-width, calcSize(3));\n height: var(--thm-button-contextual-button-icon-height, calcSize(3));\n }\n\n use {\n fill: $foreground-light;\n transition: fill $creator-transition-duration;\n }\n}\n\n.svc-context-button {\n\n &:hover,\n &:focus {\n use {\n fill: $primary;\n }\n }\n}\n\n.svc-context-button--danger {\n\n &:hover,\n &:focus {\n use {\n fill: $red;\n }\n }\n}","@forward \"./lbr-variables.scss\";\n@forward \"./ctr-variables.scss\";\n\n$primary: var(--sjs-primary-backcolor, var(--primary, #19b394));\n$primary-light: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n$primary-background-dark: var(--sjs-primary-backcolor-dark, rgb(20, 164, 139));\n$primary-foreground: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n$primary-foreground-disabled: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(#fff, 0.25)));\n\n$secondary: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n$secondary-light: var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));\n$secondary-backcolor-semi-light: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));\n$secondary-forecolor: var(--sjs-secondary-forecolor, #fff);\n$secondary-forecolor-light: var(--sjs-secondary-forecolor-light, rgba(#fff, 0.25));\n\n$editor-background: var(--sjs-editorpanel-backcolor,\n var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n$question-background: var(--sjs-questionpanel-backcolor,\n var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\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\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$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: 0px 1px 2px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15));\n$shadow-small-reset: 0px 0px 0px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15));\n$shadow-medium: 0px 2px 6px 0px var(--ctr-shadow-medium-color, rgba(0, 0, 0, 0.10));\n$shadow-large: 0px 8px 16px 0px var(--ctr-shadow-large-color, rgba(0, 0, 0, 0.10));\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, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15));\n$shadow-x-large: 0px 0px 0px 0px var(--ctr-shadow-x-large-color, rgba(0, 0, 0, 0.10));\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$base-unit: var(--sjs-base-unit, var(--base-unit, 8px));\n\n$sd-panel-normal-min-width: 496px;\n$sd-panel-medium-min-width: 176px;\n\n@function calcSize($multiplier) {\n @if $multiplier ==1 {\n $result: #{$base-unit};\n @return $result;\n }\n\n @else {\n $result: calc(#{$multiplier} * (#{$base-unit}));\n @return $result;\n }\n}\n\n// creator variables\n\n$tab-min-height: var(--tab-min-height, auto);\n\n@mixin textEllipsis {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n@mixin defaultActionButtonSettings {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n outline: none;\n display: flex;\n box-sizing: border-box;\n border: none;\n cursor: pointer;\n white-space: nowrap;\n}\n\n@mixin disableUserSelect {\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n@mixin disableTransitionAnimations {\n * {\n -webkit-transition: none !important;\n -moz-transition: none !important;\n -o-transition: none !important;\n transition: none !important;\n }\n}\n\n@mixin disableLibraryAnimations {\n .sd-row--leave,\n .sd-row--enter {\n animation: none;\n }\n .sd-element-wrapper--leave,\n .sd-element-wrapper--enter {\n animation: none;\n }\n .sd-element__content--enter,\n .sd-element__content--leave {\n animation: none;\n }\n .sd-paneldynamic__panel-wrapper--enter,\n .sd-paneldynamic__panel-wrapper--leave {\n animation: none;\n }\n .sd-item--enter {\n animation: none;\n }\n .sd-item--leave {\n animation: none;\n }\n .sd-table__row--leave,\n .sd-table__row--enter {\n animation: none;\n }\n}\n\n$creator-transition-duration: var(--sjs-creator-transition-duration, 150ms);\n$ease-out: cubic-bezier(0, 0, 0.58, 1);\n$reverse-ease-out: cubic-bezier(0.42, 0, 1, 1);\n\n$svc-expand-fade-in-duration: var(--sjs-svc-expand-fade-in-duration, 150ms);\n$svc-expand-move-in-duration: var(--sjs-svc-expand-move-in-duration, 250ms);\n$svc-expand-fade-in-delay: var(--sjs-svc-expand-fade-in-delay, 250ms);\n$svc-collapse-fade-out-duration: var(--sjs-svc-collapse-fade-out-duration, 150ms);\n$svc-collapse-move-out-duration: var(--sjs-svc-collapse-move-out-duration, 250ms);\n$svc-collapse-move-out-delay: var(--sjs-svc-collapse-move-out-delay, 100ms);\n","@use \"../variables\" as *;\n\n.svc-list {\n width: 100%;\n padding: var(--ctr-list-padding-top, calcSize(1)) var(--ctr-list-padding-right, 0)\n var(--ctr-list-padding-bottom, calcSize(1)) var(--ctr-list-padding-left, 0);\n margin: 0;\n overflow-y: auto;\n list-style-type: none;\n\n box-sizing: border-box;\n}\n\n.svc-list__item {\n width: 100%;\n outline: none;\n}\n\n.svc-list__item-body {\n @include textEllipsis;\n @include ctrDefaultFont;\n text-align: start;\n color: var(--ctr-list-item-text-color, $foreground-dim);\n transition: color $creator-transition-duration;\n --thm-list-item-padding-left-default: calc(2 * #{$base-unit});\n --thm-list-item-padding-delta: var(--ctr-list-item-padding-left, var(--thm-list-item-padding-left-default));\n --thm-list-item-padding-left: calc(var(--sjs-list-item-level) * var(--thm-list-item-padding-delta));\n display: flex;\n flex: 1 0 0;\n padding-block-start: var(--ctr-list-item-padding-top, calcSize(1));\n padding-block-end: var(--ctr-list-item-padding-bottom, calcSize(1));\n padding-inline-start: var(--thm-list-item-padding-left, calcSize(2));\n padding-inline-end: var(--ctr-list-item-padding-right, calcSize(8));\n\n align-items: center;\n gap: var(--ctr-list-item-gap, calcSize(2));\n border-radius: var(--ctr-list-item-corner-radius, 0px);\n cursor: pointer;\n\n transition: background-color $creator-transition-duration;\n\n & > span,\n & > sv-ng-string {\n flex: 1 0 0;\n }\n}\n\n.svc-list__item:disabled,\n.svc-list__item--disabled {\n opacity: var(--ctr-list-item-opacity-disabled, 0.25);\n pointer-events: none;\n}\n\n.svc-list__item:focus,\n.svc-list__item:hover,\n.svc-list__item--focused,\n.svc-list__item--hovered {\n & > .svc-list__item-body {\n background: var(--ctr-list-item-background-color-hovered, $background-dark);\n color: var(--ctr-list-item-text-color-hovered, $foreground);\n\n .svc-list__item-icon use {\n fill: var(--ctr-list-item-icon-color-hovered, $foreground-light);\n }\n\n .svc-list-item__marker-icon use {\n fill: var(--ctr-list-item-submenu-arrow-color-hovered-item, $foreground-light);\n }\n }\n}\n\n.svc-list__item--selected,\n.svc-list__item--selected:hover,\n.svc-list__item--selected:focus,\n.svc-list__item.svc-list__item--selected:hover {\n & > .svc-list__item-body {\n @include ctrDefaultBoldFont;\n color: var(--ctr-list-item-text-color-selected, $primary-foreground);\n background: var(--ctr-list-item-background-color-selected, $primary);\n\n .svc-list__item-icon use {\n fill: var(--ctr-list-item-icon-color-selected, $background);\n }\n }\n}\n\n.svc-list__item--group-selected,\n.svc-list__item--group-selected:hover,\n.svc-list__item--group-selected:focus {\n & > .svc-list__item-body {\n @include ctrDefaultFont;\n color: var(--ctr-list-item-text-color-selected-submenu, $foreground);\n background: var(--ctr-list-item-background-color-selected-submenu, $primary-light);\n\n .svc-list__item-icon use {\n fill: var(--ctr-list-item-icon-color-selected-submenu, $foreground-light);\n }\n\n .svc-list-item__marker-icon use {\n fill: var(--ctr-list-item-submenu-arrow-color-selected-item-submenu, $foreground-light);\n }\n }\n}\n\n.svc-list__item--with-icon > .svc-list__item-body {\n padding-block-start: var(--ctr-list-item-padding-top-with-icon, calcSize(1.5));\n padding-block-end: var(--ctr-list-item-padding-bottom-with-icon, calcSize(1.5));\n padding-inline-start: var(--thm-list-item-padding-left, calcSize(2));\n padding-inline-end: var(--ctr-list-item-padding-right, calcSize(8));\n}\n\n.svc-list__item--group > .svc-list__item-body {\n padding-block-start: var(--ctr-list-item-padding-top, calcSize(1));\n padding-block-end: var(--ctr-list-item-padding-bottom, calcSize(1));\n padding-inline-start: var(--thm-list-item-padding-left, calcSize(1));\n padding-inline-end: var(--ctr-list-item-padding-right-submenu, calcSize(1));\n}\n\n.svc-list__item--with-icon.svc-list__item--group > .svc-list__item-body {\n padding-block-start: var(--ctr-list-item-padding-top-with-icon, calcSize(1.5));\n padding-block-end: var(--ctr-list-item-padding-bottom-with-icon, calcSize(1.5));\n padding-inline-start: var(--thm-list-item-padding-left, calcSize(1));\n padding-inline-end: var(--ctr-list-item-padding-right-submenu, calcSize(1));\n}\n\n.svc-list__item--with-icon.svc-list__item--group .sv-popup-inner > .sv-popup__container {\n --thm-inner-popup-margin-top: calc(var(--ctr-list-item-padding-top) - var(--ctr-list-item-padding-top-with-icon) - var(--ctr-list-padding-top));\n --thm-inner-popup-margin-top-default: calc(-0.5 * #{$base-unit});\n margin-top: var(--thm-inner-popup-margin-top, var(--thm-inner-popup-margin-top-default, -4px));\n}\n\n.svc-list__item-separator {\n width: 100%;\n height: var(--ctr-separator-width, 1px);\n margin: var(--ctr-separator-margin-vertical-small, calcSize(1)) 0px;\n background-color: var(--ctr-separator-color, $border);\n}\n\n.svc-list__item-icon {\n display: flex;\n width: var(--ctr-list-item-icon-width, calcSize(3));\n height: var(--ctr-list-item-icon-height, calcSize(3));\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n\n use {\n fill: var(--ctr-list-item-icon-color, $foreground-light);\n }\n}\n\n.svc-list-item__marker-icon {\n display: flex;\n padding: var(--ctr-list-item-submenu-arrow-padding, calcSize(0.5));\n align-items: flex-start;\n width: var(--ctr-list-item-submenu-arrow-width, calcSize(2));\n height: var(--ctr-list-item-submenu-arrow-height, calcSize(2));\n box-sizing: content-box;\n justify-content: center;\n\n use {\n fill: var(--ctr-list-item-submenu-arrow-color, $foreground-light);\n }\n}\n\n.svc-list-item__marker-icon + * {\n --thm-list-item-gap: var(--ctr-list-item-gap, calc(2 * #{$base-unit}));\n margin-inline-start: calc(0px - var(--thm-list-item-gap));\n}\n\n.svc-list__container {\n display: flex;\n flex-direction: column;\n min-height: 0;\n height: 100%;\n}\n\n.svc-list__filter {\n display: flex;\n align-items: flex-start;\n align-items: center;\n gap: var(--ctr-list-search-gap, calcSize(2));\n\n padding-inline-start: var(--ctr-list-search-padding-left, calcSize(2));\n padding-inline-end: var(--ctr-list-search-padding-right, calcSize(2));\n padding-block-start: var(--ctr-list-search-padding-top, calcSize(1.5));\n padding-block-end: var(--ctr-list-search-padding-bottom, calcSize(1.5));\n\n border-radius: var(--ctr-toolbox-search-corner-radius, 0px);\n border-bottom: var(--ctr-list-search-border-width-bottom, 1px) solid\n var(--ctr-list-search-border-color, rgba(0, 0, 0, 0.16));\n}\n\n.svc-list__filter-icon {\n opacity: var(--ctr-list-search-icon-opacity, 1);\n display: flex;\n width: var(--ctr-list-search-icon-width, calcSize(3));\n height: var(--ctr-list-search-icon-height, calcSize(3));\n align-items: center;\n\n .sv-svg-icon {\n width: var(--ctr-list-search-icon-width, calcSize(3));\n height: var(--ctr-list-search-icon-height, calcSize(3));\n }\n\n use {\n fill: var(--ctr-list-search-icon-color, $foreground-light);\n }\n}\n\n.svc-list__input {\n @include ctrDefaultFont;\n background-color: transparent;\n color: var(--ctr-list-search-text-color, $foreground-dim);\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n outline: none;\n border: none;\n\n &::placeholder {\n color: var(--ctr-list-search-text-color-placeholder, $foreground-dim-light);\n }\n}\n\n.svc-list__filter-clear-button {\n display: flex;\n padding: var(--ctr-search-button-padding-vertical, calcSize(0.5))\n var(--ctr-search-button-padding-horizontal, calcSize(0.5));\n justify-content: center;\n align-items: center;\n border-radius: var(--ctr-search-button-corner-radius, 1024px);\n\n &:hover {\n background: var(--ctr-search-button-background-color-clear-hovered, $red-light);\n\n use {\n fill: var(--ctr-search-button-icon-color-clear-hovered, $red);\n }\n }\n}\n\n.svc-list__empty-container {\n padding: var(--ctr-list-padding-top-no-data, calcSize(1.5)) var(--ctr-list-padding-right-no-data, calcSize(1.5))\n var(--ctr-list-padding-bottom-no-data, calcSize(1.5)) var(--ctr-list-padding-left-no-data, calcSize(1.5));\n}\n\n.svc-list__empty-text {\n @include ctrDefaultFont;\n @include textEllipsis;\n text-align: center;\n color: var(--ctr-list-no-data-text-color, $foreground-light);\n}\n\n.sv-popup--overlay {\n .svc-list-item__marker-icon {\n display: none;\n }\n\n .svc-list__item-body {\n pointer-events: none;\n }\n\n .svc-list__item--group-selected > .svc-list__item-body {\n @include ctrDefaultBoldFont;\n color: $primary-foreground;\n background-color: $primary;\n\n use {\n fill: $background;\n }\n }\n}\n","$size-unit: var(--ctr-size-unit, 8px);\n$spacing-unit: var(--ctr-spacing-unit, 8px);\n$corner-radius-unit: var(--ctr-corner-radius-unit, 8px);\n$stroke-unit: var(--ctr-stroke-unit, 1px);\n$font-unit: var(--ctr-font-unit, 8px);\n$line-height-unit: var(--ctr-line-height-unit, 8px);\n$-font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));\n$-base-unit: var(--sjs-base-unit, var(--base-unit, 8px));\n\n@mixin ctrLargeFont {\n font-family: $-font-family;\n font-size: var(--ctr-font-large-size, 32px);\n font-style: normal;\n font-weight: 400;\n line-height: var(--ctr-font-large-line-height, 40px);\n}\n\n@mixin ctrLargeBoldFont {\n @include ctrLargeFont;\n font-weight: 700;\n}\n\n@mixin ctrMediumFont {\n --thm-medium-bold-font-size: calc(3 * #{$-base-unit});\n --thm-medium-bold-line-height: calc(4 * #{$-base-unit});\n\n font-family: $-font-family;\n font-size: var(--ctr-font-medium-size, var(--thm-medium-bold-font-size, 24px));\n font-style: normal;\n font-weight: 400;\n line-height: var(--ctr-font-medium-line-height, var(--thm-medium-bold-line-height, 32px));\n}\n\n@mixin ctrMediumBoldFont {\n @include ctrMediumFont;\n font-weight: 700;\n}\n\n@mixin ctrDefaultFont {\n --thm-default-font-size: var(--sjs-font-size, calc(2 * #{$-base-unit}));\n --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));\n\n font-family: $-font-family;\n font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));\n font-style: normal;\n font-weight: 400;\n line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));\n}\n\n@mixin ctrDefaultBoldFont {\n @include ctrDefaultFont;\n font-weight: 600;\n}\n\n@mixin ctrDefaultBoldUnderlineFont {\n @include ctrDefaultBoldFont;\n font-weight: 600;\n text-decoration-line: underline;\n}\n\n@mixin ctrDefaultUnderlineFont {\n @include ctrDefaultFont;\n text-decoration-line: underline;\n}\n\n@mixin ctrDefaultAllCapsFont {\n @include ctrDefaultFont;\n font-weight: 600;\n line-height: var(--ctr-font-default-line-height-all-caps, 16px);\n text-transform: uppercase;\n}\n\n@mixin ctrSmallFont {\n --small-bold-font-size: var(--sjs-font-size, calc(2 * #{$-base-unit}));\n --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));\n --ctr-small-bold-line-height: var(--small-bold-font-size);\n\n font-family: $-font-family;\n font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));\n font-style: normal;\n font-weight: 400;\n line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));\n}\n\n@mixin ctrSmallBoldFont {\n @include ctrSmallFont;\n font-weight: 600;\n}\n\n@mixin ctrSmallUnderlineFont {\n @include ctrSmallFont;\n text-decoration-line: underline;\n}\n\n@mixin ctrSmallAllCapsFont {\n @include ctrSmallFont;\n font-weight: 700;\n text-transform: uppercase;\n}\n\n@mixin ctrCodeFont {\n font-family: var(--ctr-font-family-code, monospace);\n font-size: var(--ctr-font-code-size, 16px);\n font-style: normal;\n font-weight: 400;\n line-height: var(--ctr-font-code-line-height, 24px);\n}","@use \"../../variables\" as *;\n\nsvc-tab-json-editor-ace {\n width: 100%;\n height: 100%;\n background: $background-dim;\n}\n\n.svc-json-editor-tab__content {\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.svc-json-editor-tab__ace-editor {\n height: 100%;\n}","@use \"../../variables\" as *;\n\nsvc-tab-json-editor-textarea {\n width: 100%;\n height: 100%;\n background: $background-dim;\n}\n\n.svc-json-editor-tab__content {\n position: relative;\n height: 100%;\n}\n\n.svc-json-editor-tab__content-area {\n @include ctrCodeFont;\n color: var(--ctr-code-viewer-text-color, #505050);\n background: var(--ctr-code-viewer-background-color, $background);\n width: 100%;\n height: 100%;\n border: none;\n outline: none;\n}\n\n.svc-json-editor-tab__errros_button {\n position: absolute;\n top: 0%;\n right: calc(0% + calc(2 * #{$base-unit}));\n min-height: calc(2.5 * #{$base-unit});\n max-height: calc(2.5 * #{$base-unit});\n border: none;\n background-color: $primary;\n color: $primary-foreground;\n font-weight: bold;\n}\n\n.svc-json-editor-tab__content-errors {\n position: absolute;\n right: 0%;\n top: calc(0% + calc(3 * #{$base-unit}));\n max-width: calc(100% - calc(2 * #{$base-unit}));\n padding: $base-unit;\n\n background-color: $background;\n background-image: linear-gradient(to bottom, transparent, $border-inside);\n border: 1px solid $border;\n border-radius: 1px;\n\n color: $foreground;\n font-family: monospace;\n\n span {\n white-space: pre-line;\n\n >b {\n color: $red;\n }\n }\n}\n\n.svc-json-editor-tab__content-errors:empty {\n display: none;\n}\n\n.svc-json-errors {\n display: flex;\n max-height: calc(#{$base-unit} * 25 + 5px);\n overflow-y: auto;\n flex-direction: column;\n padding: 0;\n margin: 0;\n border-top: 1px solid $border-inside;\n}\n\n.svc-json-errors__item {\n pointer-events: none;\n display: block;\n}\n\n.svc-json-error {\n @include ctrDefaultFont;\n padding: calcSize(1) calcSize(1) calcSize(1) calcSize(2);\n background: $red-light;\n display: flex;\n align-items: center;\n gap: calcSize(2);\n}\n\n.svc-json-errors__item:not(:first-of-type) .svc-json-error {\n border-top: 1px solid $border-inside;\n}\n\n.svc-json-error .sv-string-viewer {\n pointer-events: all;\n cursor: pointer;\n}\n\n.svc-json-error .sv-string-viewer:hover {\n text-decoration: underline;\n}\n\n.svc-json-error__icon {\n fill: $red;\n width: var(--ctr-code-viewer-code-error-row-icon-width, calcSize(2));\n height: var(--ctr-code-viewer-code-error-row-icon-height, calcSize(2));\n}\n\n.svc-json-error__container {\n display: flex;\n gap: calcSize(1);\n}\n\n.svc-json-error__title {\n flex: 1 1 auto;\n}\n\n.svc-json-error__fix-button {\n appearance: none;\n flex-grow: 0;\n flex-shrink: 0;\n pointer-events: all;\n padding: 0 calcSize(1);\n width: calcSize(5);\n height: calcSize(3);\n background: $background;\n border: none;\n border-radius: calcSize(0.5);\n box-shadow: $shadow-small;\n cursor: pointer;\n\n svg {\n fill: $foreground-dim-light;\n width: calcSize(3);\n height: calcSize(3);\n opacity: 0.75;\n }\n}\n\n.svc-json-error__fix-button:hover {\n svg {\n fill: $primary;\n }\n}","@use \"../variables\" as *;\n\n.svd-simulator {\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n box-sizing: content-box;\n transform-origin: 0 0;\n top: 50%;\n left: 50%;\n transform: scale(1.26) translate(-50%, -50%);\n border: 2px solid $border-inside;\n}\n\n.svd-simulator-wrapper {\n margin: 0 auto;\n position: relative;\n overflow: hidden;\n border-radius: var(--ctr-preview-device-corner-radius, 32px);\n border: var(--ctr-preview-device-border-width, 4px) solid var(--ctr-preview-device-border-color, $background-dim);\n background: var(--ctr-preview-device-background-color, $background);\n box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.10), 0px 8px 16px 0px var(--ctr-preview-device-shadow-2-color, rgba(0, 0, 0, 0.05));\n}\n\n.svd-simulator-main {\n min-height: 100%;\n\n &.svd-simulator-main--desktop {\n min-height: auto;\n\n &.svd-simulator-main--running {\n height: 100%;\n }\n }\n\n &.svd-simulator-main--frame {\n display: flex;\n align-items: center;\n }\n\n &:not(.svd-simulator-main--frame) {\n background-color: transparent;\n }\n\n .sd-root-modern {\n min-height: 100%;\n\n .sv-popup:not(.sv-popup--overlay):not(.sv-popup--modal) {\n width: auto;\n right: 0;\n }\n }\n}\n\n.svd-simulator-content {\n display: flex;\n justify-content: center;\n width: 100%;\n height: 100%;\n // border-bottom: 1px solid $border-inside;\n box-shadow: inset 0px -1px 0px 0px $border-inside;\n position: relative;\n}\n\n.svd-simulator .sv-popup--overlay {\n --sv-popup-overlay-height: 100%;\n}","@use \"../../variables\" as *;\n\nsvc-tab-test {\n width: 100%;\n height: 100%;\n background: $background-dim;\n}\n\n.svc-test-tab--empty {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex-grow: 1;\n flex-shrink: 0;\n width: 100%;\n height: 100%;\n gap: 0px;\n}\n\n.svc-test-tab__content .svc-plugin-tab__content {\n .sv-root-modern .sv-completedpage,\n .sv_default_css .sv_completed_page {\n margin: 0;\n border: 0;\n background-color: $background-dim;\n }\n\n .sv_default_css .sv_body {\n border: 0;\n }\n\n .svc-preview__test-again {\n width: calcSize(33);\n box-sizing: border-box;\n margin-left: auto;\n margin-right: auto;\n margin-bottom: calcSize(12);\n margin-top: 8px;\n }\n}\n\n.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {\n height: calc(100% - calc(6 * #{$base-unit}));\n}\n\n.svc-test-tab__content-actions {\n position: relative;\n\n .sv-action-bar {\n padding: var(--ctr-preview-pager-padding-top, calcSize(1)) var(--ctr-preview-pager-padding-right, 0px) var(--ctr-preview-pager-padding-bottom, calcSize(1)) var(--ctr-preview-pager-padding-left, 0px);\n box-shadow: inset 0 var(--ctr-preview-pager-border-width-top, 1px) 0 0 var(--ctr-preview-pager-border-color, $border);\n background: var(--ctr-preview-pager-background-color, $background);\n width: 100%;\n }\n\n .sv-action-bar.sv-action-bar--pages {\n left: 0;\n right: 0;\n justify-content: center;\n gap: calcSize(1);\n\n .sv-action__content {\n padding: 0;\n }\n\n .sv-action-bar-item {\n margin: 0;\n\n use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, $foreground-light);\n }\n }\n\n .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled {\n &:focus {\n background: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, $background-dim);\n }\n\n &:hover {\n background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, $background-dim);\n }\n }\n\n .sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n background: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, $background-dim);\n }\n\n .sv-action-bar-item__title {\n color: var(--ctr-survey-question-panel-toolbar-item-text-color, $foreground);\n }\n }\n\n .sv-action-bar-item {\n @include ctrSmallBoldFont;\n width: 100%;\n height: calcSize(4);\n transition: background-color $creator-transition-duration;\n }\n\n .svc-page-selector {\n max-width: 50%;\n\n .sv-action-bar-item__title {\n @include textEllipsis;\n\n color: $foreground;\n display: inline-block;\n }\n }\n}\n\n.svc-page-invisible {\n .svc-list__item-body {\n padding-block-start: var(--ctr-list-item-padding-top, calcSize(1));\n padding-block-end: var(--ctr-list-item-padding-bottom, calcSize(1));\n padding-inline-start: var(--ctr-list-item-padding-left, calcSize(2));\n padding-inline-end: var(--ctr-list-item-padding-right-with-label-icon, calcSize(1.5));\n }\n .svc-list-item__marker-icon {\n padding: 0;\n opacity: var(--ctr-list-item-icon-opacity-label, 0.5);\n width: var(--ctr-list-item-icon-width, calcSize(3));\n height: var(--ctr-list-item-icon-height, calcSize(3));\n }\n}\n.svc-test-tab__content .sd-body--empty {\n @include ctrDefaultFont;\n color: $foreground;\n text-align: center;\n overflow: hidden;\n position: static;\n display: flex;\n flex-direction: column;\n}\n\n.svc-preview-pager__item {\n @include defaultActionButtonSettings;\n\n display: flex;\n max-width: 100%;\n padding: var(--ctr-preview-pager-item-padding-top-with-text, calcSize(1))\n var(--ctr-preview-pager-item-padding-right-with-text, calcSize(1))\n var(--ctr-preview-pager-item-padding-bottom-with-text, calcSize(1))\n var(--ctr-preview-pager-item-padding-left-with-text, calcSize(1));\n justify-content: center;\n align-items: center;\n border-radius: var(--ctr-preview-pager-item-corner-radius, calcSize(0.5));\n background-color: transparent;\n\n &:hover {\n background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, $background-dim);\n }\n &:disabled {\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);\n }\n\n &.svc-preview-pager__item--pressed {\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);\n background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, $background-dim);\n }\n &.svc-preview-pager__item--active {\n background: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, $secondary-light);\n }\n}\n\n.svc-preview-pager__item--icon {\n padding: var(--ctr-preview-pager-item-padding-top, calcSize(0.5))\n var(--ctr-preview-pager-item-padding-right, calcSize(0.5))\n var(--ctr-preview-pager-item-padding-bottom, calcSize(0.5))\n var(--ctr-preview-pager-item-padding-left, calcSize(0.5));\n\n &:hover {\n background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, $background-dim);\n }\n\n &:disabled {\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);\n\n use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color-disabled, $foreground-dim-light);\n }\n }\n\n &.svc-preview-pager__item--pressed {\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);\n background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, $background-dim);\n\n use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color-pressed, $foreground-dim-light);\n }\n }\n\n &.svc-preview-pager__item--active {\n background: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, $secondary-light);\n }\n}\n\n.svc-preview-pager-item__icon {\n box-sizing: border-box;\n display: flex;\n width: var(--ctr-preview-pager-item-icon-container-width, calcSize(3));\n height: var(--ctr-preview-pager-item-icon-container-height, calcSize(3));\n padding: var(--ctr-preview-pager-item-icon-padding-top, calcSize(0.5))\n var(--ctr-preview-pager-item-icon-padding-right, calcSize(0.5))\n var(--ctr-preview-pager-item-icon-padding-bottom, calcSize(0.5))\n var(--ctr-preview-pager-item-icon-padding-left, calcSize(0.5));\n justify-content: center;\n align-items: center;\n\n use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, $secondary);\n }\n}\n\n.svc-preview-pager-item__title {\n @include ctrSmallBoldFont;\n @include textEllipsis;\n color: var(--ctr-survey-question-panel-toolbar-item-text-color, $foreground);\n}\n\n.svc-footer-bar {\n .svc-preview-pager__item {\n --thm-menu-toolbar-button-gap: calc(var(--ctr-menu-toolbar-gap) / 2);\n margin: 0 var(--thm-menu-toolbar-button-gap, calcSize(1));\n }\n\n .svc-preview-pager-item__icon {\n width: var(--ctr-menu-toolbar-button-icon-width, calcSize(3));\n height: var(--ctr-menu-toolbar-button-icon-height, calcSize(3));\n box-sizing: content-box;\n\n use {\n fill: var(--ctr-menu-toolbar-button-icon-color, $foreground-light);\n }\n }\n}\n","@use \"../../variables\" as *;\n@use \"../../colors.scss\" as *;\n\n.sl-table {\n width: 50%;\n margin: 0 25%;\n margin-top: calcSize(-2);\n}\n\n.sl-table__row {\n position: relative;\n}\n\n.sl-table__cell.st-table__cell--actions:first-of-type .sv-action-bar {\n margin-top: var(--ctr-collapse-button-margin-top, calcSize(-0.5));\n padding-right: var(--ctr-collapse-button-margin-right, calcSize(4));\n}\n\n.sl-table .sl-table__detail-button.sl-table__detail-button {\n box-sizing: border-box;\n border-radius: var(--ctr-collapse-button-corner-radius, calcSize(12.5));\n padding: var(--ctr-collapse-button-padding, calcSize(1.5));\n transition: background-color $creator-transition-duration;\n\n &:focus:enabled {\n background-color: transparent;\n }\n use {\n transition: fill $creator-transition-duration;\n }\n &:hover:enabled,\n &.sv-focused--by-key.sv-focused--by-key {\n background-color: var(--ctr-collapse-button-background-color-hovered, $primary-light);\n outline: none;\n\n use {\n fill: var(--ctr-collapse-button-icon-color-hovered, $primary);\n }\n }\n .sv-action-bar-item__icon {\n width: var(--ctr-collapse-button-icon-width, calcSize(3));\n height: var(--ctr-collapse-button-icon-height, calcSize(3));\n }\n}\n\n.sl-table__remove-button .sv-action-bar-item {\n padding: var(--ctr-expression-item-padding-top, calcSize(1)) var(--ctr-expression-item-padding-right-icon-only, calcSize(1)) var(--ctr-expression-item-padding-bottom, calcSize(1)) var(--ctr-expression-item-padding-left-icon-only, calcSize(1));\n cursor: pointer;\n border: none;\n border-radius: var(--ctr-expression-item-corner-radius, calcSize(12.5));\n &:focus:enabled {\n background-color: transparent;\n }\n use {\n fill: var(--ctr-expression-item-icon-color, $red);\n }\n &:hover:enabled,\n &.sv-focused--by-key.sv-focused--by-key {\n background-color: var(--ctr-expression-item-background-color-remove-button-hovered, $red-light);\n outline: none;\n\n use {\n fill: var(--ctr-expression-item-icon-color, $red);\n }\n }\n .sv-action-bar-item__icon {\n width: var(--ctr-expression-item-icon-width, 24px);\n height: var(--ctr-expression-item-icon-height, 24px);\n }\n}\n\n.sl-table__remove-button .sv-action-bar-item__icon {\n width: var(--ctr-survey-action-button-icon-width, calcSize(3));\n height: var(--ctr-survey-action-button-icon-height, calcSize(3));\n}\n\n.sl-table__cell .sv-action-bar-item__icon {\n opacity: 0;\n transition: opacity $creator-transition-duration;\n}\n\n.sl-table__row:hover .sl-table__cell .sv-action-bar-item__icon,\n.sl-table__cell .sv-action-bar-item.sv-focused--by-key .sv-action-bar-item__icon {\n opacity: 1;\n}\n\n.sl-table__row.sl-table__row--additional .sl-table__cell .svc-action-button {\n color: $secondary;\n}\n.sl-table .svc-action-button {\n padding: var(--ctr-survey-page-header-padding-vertical-with-button, calcSize(0.5)) 0px;\n margin-left: 0;\n}\n\n.sl-table__cell .svc-action-button,\n.sl-table__cell .svc-action-button:hover,\n.sl-table__cell .svc-action-button:focus,\n.sl-table__cell .svc-action-button:hover:enabled,\n.sl-table__cell .svc-action-button:focus:enabled {\n @include ctrMediumBoldFont;\n --thm-logic-header-max-height: var(--ctr-font-medium-line-height, var(--ctr-medium-bold-line-height, calcSize(4)));\n background: transparent;\n //color: $foreground;\n outline: none;\n border: none;\n box-shadow: none;\n border-radius: 0;\n color: $foreground-dim;\n box-sizing: content-box;\n max-height: calc(3 * var(--thm-logic-header-max-height));;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n}\n\n.sl-table__cell {\n vertical-align: top;\n padding: 0;\n width: 100%;\n}\n.sl-table__row {\n .sl-table__cell {\n --animation-padding-top: #{calcSize(5)};\n padding-top: calcSize(5);\n }\n}\n\n.sl-table__cell--actions {\n position: absolute;\n width: max-content;\n\n &:first-of-type {\n transform: translateX(-100%);\n }\n}\n\n.sl-table__cell--detail-button {\n overflow: hidden;\n appearance: none;\n outline: none;\n border: none;\n background-color: transparent;\n}\n\n.sl-table {\n border-collapse: separate;\n border-spacing: 0;\n table-layout: fixed;\n\n thead {\n th:first-child {\n position: absolute;\n left: 0;\n transform: translateX(-100%);\n }\n\n th:last-child {\n position: absolute;\n right: 0;\n transform: translateX(100%);\n }\n\n .sl-table__cell.st-table__cell--header {\n text-align: left;\n }\n }\n\n td,\n th {\n &:first-of-type {\n padding-left: calcSize(4);\n\n .sv-action-bar {\n justify-content: flex-end;\n }\n }\n }\n\n td,\n th {\n &:last-of-type {\n padding-right: calcSize(4);\n }\n }\n}\n\n.sl-panel .sl-panel__footer {\n padding: 0;\n\n .sv-action {\n width: 100%;\n }\n\n .sv-action__content {\n width: 100%;\n }\n\n button.sl-panel__done-button {\n @include ctrDefaultBoldFont;\n width: auto;\n margin: var(--ctr-expression-rows-gap, calcSize(2)) 0 0 0;\n color: var(--ctr-expression-item-text-color-button, $primary);\n background-color: var(--ctr-expression-item-background-color-button, $primary-light);\n border-radius: var(--ctr-expression-item-corner-radius, calcSize(12.5));\n padding: var(--ctr-expression-item-padding-top, calcSize(1))\n var(--ctr-expression-item-padding-right-button, calcSize(4))\n var(--ctr-expression-item-padding-bottom, calcSize(1)) var(--ctr-expression-item-padding-left-button, calcSize(4));\n\n display: flex;\n align-items: center;\n vertical-align: baseline;\n text-align: center;\n\n user-select: none;\n\n transition: background-color $creator-transition-duration, color $creator-transition-duration;\n }\n\n button:hover:enabled {\n background-color: var(--ctr-expression-item-background-color-button-hovered, $primary);\n color: var(--ctr-expression-item-text-color-button-hovered, $primary-foreground);\n }\n\n .sv-action-bar-item__title {\n @include ctrDefaultBoldFont;\n color: inherit;\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n }\n}\n\n.sl-element .sd-paneldynamic__buttons-container {\n padding: 0;\n}\n\n.sl-question {\n display: flex;\n align-items: center;\n margin-top: var(--ctr-expression-rows-gap, calcSize(2));\n}\n\n.sl-row {\n display: flex;\n align-items: flex-start;\n flex-flow: row wrap;\n}\n\n.svc-creator-popup .sl-panel-wrapper:first-child .sl-question {\n margin-top: 0;\n}\n\n.sl-row--multiple {\n .sl-panel {\n padding-bottom: 0;\n }\n}\n\n.sl-question__header--left {\n margin-right: var(--ctr-expression-items-gap, calcSize(1));\n}\n\n.sl-row {\n .sd-scrollable-container:not(.sd-scrollable-container--compact) {\n overflow-x: auto;\n padding: 2px;\n margin: -2px;\n }\n}\n\n.sl-question__title {\n @include ctrDefaultBoldFont;\n color: var(--ctr-expression-item-text-color-function, $foreground);\n margin: 0;\n\n span+span {\n display: none;\n }\n}\n\n.sl-row--multiple .sl-question {\n padding-right: var(--ctr-expression-items-gap, calcSize(1));\n}\n.svc-logic-question-text-editor {\n margin-top: var(--ctr-expression-rows-gap, calcSize(2));\n}\n.svc-logic-question-value {\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 padding-right: calcSize(5);\n margin-top: var(--ctr-expression-rows-gap, calcSize(2));\n}\n\n.svc-logic_trigger-editor {\n margin-top: var(--ctr-expression-rows-gap, calcSize(2));\n}\n\n.svc-logic_trigger-editor .svc-logic-question-value {\n margin-top: 0;\n}\n\n.sv-popup.svc-property-editor {\n .sl-row {\n flex-flow: nowrap;\n }\n}\n\n.spg-comment.sl-comment {\n height: calcSize(17);\n}\n.sl-body {\n @include disableLibraryAnimations;\n}\n\n$sl-pd-list-fade-in-duration: var(--sl-pd-list-fade-in-duration, 250ms);\n$sl-pd-list-move-in-duration: var(--sl-pd-list-move-in-duration, 150ms);\n$sl-pd-list-fade-in-delay: var(--sl-pd-list-fade-in-delay, 150ms);\n$sl-pd-list-fade-out-duration: var(--sl-pd-list-fade-out-duration, 100ms);\n$sl-pd-list-move-out-duration: var(--sl-pd-list-move-out-duration, 250ms);\n$sl-pd-list-move-out-delay: var(--sl-pd-list-move-out-delay, 100ms);\n\n.sl-panel-wrapper--list {\n &.sl-panel-wrapper--leave,\n &.sl-panel-wrapper--enter {\n animation-name: fadeIn, moveInWithOverflow;\n animation-fill-mode: forwards;\n min-height: 0 !important;\n }\n &.sl-panel-wrapper--enter {\n opacity: 0;\n animation-timing-function: $ease-out;\n animation-duration: $sl-pd-list-fade-in-duration, $sl-pd-list-move-in-duration;\n animation-delay: $sl-pd-list-fade-in-delay, 0s;\n }\n\n &.sl-panel-wrapper--leave {\n animation-direction: reverse;\n animation-timing-function: $reverse-ease-out;\n animation-duration: $sl-pd-list-fade-out-duration, $sl-pd-list-move-out-duration;\n animation-delay: 0s, $sl-pd-list-move-out-delay;\n }\n}\n\n$sl-matrix-row-fade-in-duration: var(--sjs-sl-matrix-row-fade-in-duration, 250ms);\n$sl-matrix-row-move-in-duration: var(--sjs-sl-matrix-row-move-in-duration, 150ms);\n$sl-matrix-row-fade-in-delay: var(--sjs-sl-matrix-row-fade-in-delay, 150ms);\n$sl-matrix-row-fade-out-duration: var(--sjs-sl-matrix-row-fade-out-duration, 100ms);\n$sl-matrix-row-move-out-duration: var(--sjs-sl-matrix-row-move-out-duration, 250ms);\n$sl-matrix-row-move-out-delay: var(--sjs-sl-matrix-row-move-out-delay, 100ms);\n\n$sl-matrix-detail-row-fade-in-duration: var(--sjs-sl-matrix-detail-row-fade-in-duration, 500ms);\n$sl-matrix-detail-row-move-in-duration: var(--sjs-sl-matrix-detail-row-move-in-duration, 150ms);\n$sl-matrix-detail-row-fade-in-delay: var(--sjs-sl-matrix-detail-row-fade-in-delay, 150ms);\n$sl-matrix-detail-row-fade-out-duration: var(--sjs-sl-matrix-detail-row-fade-out-duration, 150ms);\n$sl-matrix-detail-row-move-out-duration: var(--sjs-sl-matrix-detail-row-move-out-duration, 250ms);\n$sl-matrix-detail-row-move-out-delay: var(--sjs-sl-matrix-detail-row-move-out-delay, 100ms);\n\n.sl-table__row--leave,\n.sl-table__row--enter {\n animation-name: empty;\n --move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay));\n --fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay));\n animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration));\n & > td {\n animation-name: paddingFadeIn;\n animation-duration: var(--move-animation-duration);\n animation-delay: var(--move-animation-delay);\n animation-direction: var(--animation-direction);\n animation-fill-mode: forwards;\n animation-timing-function: var(--animation-timing-function);\n & > div {\n animation-name: fadeIn, moveInWithOverflow;\n opacity: 0;\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n animation-fill-mode: forwards;\n animation-duration: var(--fade-animation-duration), var(--move-animation-duration), var(--move-animation-duration);\n animation-delay: var(--fade-animation-delay), var(--move-animation-delay), var(--move-animation-delay);\n }\n }\n}\n.sl-table__row--enter {\n --move-animation-delay: 0s;\n --move-animation-duration: #{$sl-matrix-row-move-in-duration};\n --fade-animation-duration: #{$sl-matrix-row-fade-in-duration};\n --fade-animation-delay: #{$sl-matrix-row-fade-in-delay};\n --animation-direction: normal;\n --animation-timing-function: #{$ease-out};\n}\n.sl-table__row--leave {\n --move-animation-delay: #{$sl-matrix-row-move-out-delay};\n --move-animation-duration: #{$sl-matrix-row-move-out-duration};\n --fade-animation-duration: #{$sl-matrix-row-fade-out-duration};\n --fade-animation-delay: 0s;\n --animation-direction: reverse;\n --animation-timing-function: #{$reverse-ease-out};\n}\n.sl-table__row--detail {\n &.sl-table__row--enter {\n --move-animation-delay: 0s;\n --move-animation-duration: #{$sl-matrix-detail-row-move-in-duration};\n --fade-animation-duration: #{$sl-matrix-detail-row-fade-in-duration};\n --fade-animation-delay: #{$sl-matrix-detail-row-fade-in-delay};\n --animation-direction: normal;\n --animation-timing-function: #{$ease-out};\n }\n &.sl-table__row--leave {\n --move-animation-delay: #{$sl-matrix-detail-row-move-out-delay};\n --move-animation-duration: #{$sl-matrix-detail-row-move-out-duration};\n --fade-animation-duration: #{$sl-matrix-detail-row-fade-out-duration};\n --fade-animation-delay: 0s;\n --animation-direction: reverse;\n --animation-timing-function: #{$reverse-ease-out};\n }\n}\n\n$sl-row-fade-in-duration: var(--sjs-sl-row-fade-in-duration, 500ms);\n$sl-row-move-in-duration: var(--sjs-sl-row-move-in-duration, 150ms);\n$sl-row-fade-in-delay: var(--sjs-sl-row-fade-in-delay, 150ms);\n$sl-row-fade-out-duration: var(--sjs-sl-row-fade-out-duration, 150ms);\n$sl-row-move-out-duration: var(--sjs-sl-row-move-out-duration, 250ms);\n$sl-row-move-out-delay: var(--sjs-sl-row-move-out-delay, 100ms);\n$sl-row-fade-in-animation-delay: var(--sjs-sl-row-fade-in-animation-delay, 400ms);\n\n.sl-row--enter {\n animation-fill-mode: forwards;\n animation-name: fadeIn, moveInWithOverflow;\n min-height: 0 !important;\n opacity: 0;\n animation-timing-function: $ease-out;\n animation-delay: $sl-row-fade-in-delay, 0s, 0s;\n animation-duration: $sl-row-fade-in-duration, $sl-row-move-in-duration, $sl-row-move-in-duration;\n}\n.sl-row--delayed-enter {\n overflow: hidden;\n height: 0;\n animation-delay: calc(#{$sl-row-fade-in-delay} + #{$sl-row-fade-in-animation-delay}), $sl-row-fade-in-animation-delay,\n $sl-row-fade-in-animation-delay;\n}\n\n.sl-row--leave {\n animation-name: fadeIn, moveInWithOverflow;\n animation-timing-function: $reverse-ease-out;\n animation-fill-mode: forwards;\n animation-direction: reverse;\n min-height: 0 !important;\n animation-delay: 0s, $sl-row-move-out-delay, $sl-row-move-out-delay;\n animation-duration: $sl-row-fade-out-duration, $sl-row-move-out-duration, $sl-row-move-out-duration;\n}\n\n$sl-element-fade-in-duration: var(--sjs-sl-element-fade-in-duration, 500ms);\n$sl-element-move-in-duration: var(--sjs-sl-element-move-in-duration, 150ms);\n$sl-element-fade-in-delay: var(--sjs-sl-element-fade-in-delay, 150ms);\n$sl-element-fade-out-duration: var(--sjs-sl-element-fade-out-duration, 150ms);\n$sl-element-move-out-duration: var(--sjs-sl-element-move-out-duration, 250ms);\n$sl-element-move-out-delay: var(--sjs-sl-element-move-out-delay, 100ms);\n\n.sl-element-wrapper--enter {\n animation-fill-mode: forwards;\n animation-name: fadeIn, moveInWithOverflow;\n min-height: 0 !important;\n opacity: 0;\n height: 0;\n animation-timing-function: $ease-out;\n animation-delay: $sl-element-fade-in-delay, 0s;\n animation-duration: $sl-element-fade-in-duration, $sl-element-move-in-duration;\n}\n\n.sl-element-wrapper--leave {\n animation-name: fadeIn, moveInWithOverflow;\n animation-timing-function: $reverse-ease-out;\n animation-fill-mode: forwards;\n animation-direction: reverse;\n min-height: 0 !important;\n animation-delay: 0s, $sl-element-move-out-delay;\n animation-duration: $sl-element-fade-out-duration, $sl-element-move-out-duration;\n}\n\n\n.svc-creator--disable-animations {\n .sl-row--enter,\n .sl-row--leave,\n .sl-element-wrapper--enter,\n .sl-element-wrapper--leave,\n .sl-table__row--enter,\n .sl-table__row--leave,\n .sl-panel-wrapper--leave,\n .sl-panel-wrapper--enter\n {\n animation: none;\n }\n}","@use \"../../variables\" as *;\n\n.svc-tab-translation {\n width: 100%;\n height: 100%;\n background-color: var(--ctr-surface-background-color, $background-dim);\n}\n\n.svc-translation-tab {\n /* disable library transition animations */\n --sjs-transition-duration: 0ms;\n}\n\n.svc-translation-tab--empty {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex-grow: 1;\n flex-shrink: 0;\n width: 100%;\n gap: 0px;\n}\n\n\n.st-properties {\n background-color: var(--ctr-property-grid-background-color, $background-dim);\n flex-grow: 1;\n padding-right: calcSize(4);\n padding-left: calcSize(4);\n padding-top: calcSize(2);\n\n .spg-table {\n .spg-table__cell:first-of-type {\n width: calcSize(5);\n }\n\n .spg-table__cell:nth-of-type(2) {\n width: calcSize(5);\n }\n\n .spg-table__question-wrapper {\n @include ctrDefaultFont;\n padding: calcSize(1.5) calcSize(1);\n color: var(--ctr-checkbox-text-color, $foreground-dim);\n\n .spg-checkbox {\n margin: 0;\n }\n\n .spg-selectbase__label {\n gap: 0;\n }\n }\n\n .spg-checkbox--disabled {\n .spg-checkbox__caption {\n color: var(--ctr-checkbox-text-color-disabled, $foreground-light);\n }\n \n .spg-checkbox__rectangle,\n .spg-checkbox__rectangle:hover {\n border: var(--ctr-checkbox-border-width, 1px) solid var(--ctr-checkbox-border-color-disabled, rgba(0, 0, 0, 0.16));\n background: var(--ctr-checkbox-background-color-disabled, #f3f3f3);\n }\n }\n }\n\n .spg-matrixdynamic__dragged-row {\n @include ctrDefaultFont;\n color: var(--ctr-checkbox-text-color, $foreground-dim);\n\n .spg-table__cell:nth-child(3) {\n flex: 1;\n }\n }\n}\n\n.st-content {\n display: flex;\n height: 100%;\n}\n\n.st-strings {\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.st-strings-wrapper {\n flex-grow: 1;\n}\n\n.st-property-panel {\n flex-shrink: 0;\n flex-grow: 0;\n width: 450px;\n border-left: 1px solid $border;\n}\n\n.st-property-panel .spg-panel__content .spg-row {\n margin-top: 0;\n}\n\n.st-property-panel .spg-panel__content .spg-row:first-child {\n margin-top: calcSize(2);\n}\n\n.st-strings-header {\n .st-table__cell {\n background-color: var(--ctr-string-table-header-background-color, $background-dim);\n height: auto;\n }\n}\n\n.st-root-modern {\n width: 100%;\n height: fit-content;\n max-height: 100%;\n overflow-y: auto;\n background-color: var(--ctr-string-table-background-color, $background-dim); \n}\n\n.st-title.st-panel__title,\n.st-table__cell.st-table__cell--header {\n @include ctrSmallBoldFont;\n text-align: left;\n}\n\n.st-table__cell.st-table__cell--header {\n color: var(--ctr-string-table-header-text-color, $foreground-light);\n}\n\n.st-title.st-panel__title {\n margin: 0;\n color: var(--ctr-string-table-group-header-text-color, $foreground-light);\n background-color: var(--ctr-string-table-group-header-background-color, $background-dim-light);\n border-bottom: 1px solid var(--ctr-string-table-row-border-color, $border-light);\n padding: var(--ctr-string-table-row-padding-top, #{calcSize(1)})\n var(--ctr-string-table-row-padding-right, #{calcSize(3)}) var(--ctr-string-table-row-padding-bottom, #{calcSize(1)})\n var(--ctr-string-table-row-padding-left, #{calcSize(3)});\n}\n\n.st-table {\n tr {\n display: flex;\n align-items: stretch;\n }\n}\n\n.st-table__cell {\n display: block;\n flex: 1 1;\n box-sizing: border-box;\n background-color: var(--ctr-string-table-row-background-color, $background);\n border-bottom: 1px solid var(--ctr-string-table-row-border-color, $border-light);\n padding: calcSize(1) 0;\n}\n\ntd.st-table__cell:first-of-type {\n @include ctrDefaultBoldFont;\n color: var(--ctr-string-table-row-text-color-title, $foreground);\n max-width: 300px;\n padding-right: calcSize(3);\n\n span {\n display: inline-block;\n padding-left: calcSize(3);\n }\n}\n\n.st-panel-indent .st-table__cell:first-of-type {\n span {\n padding-left: calcSize(6);\n }\n}\n\n.st-table {\n width: 100%;\n table-layout: fixed;\n border-collapse: separate;\n border-spacing: 0;\n}\n\n.st-comment {\n @include ctrDefaultFont;\n display: block;\n width: calc(100% - 3 * #{$base-unit});\n border: unset;\n outline: none;\n background-color: var(--ctr-string-table-row-background-color, $background);\n color: var(--ctr-string-table-row-text-color-title, $foreground);\n resize: none;\n padding: 0;\n}\n\n.sd-translation-line-skeleton {\n min-height: calcSize(5);\n background-color: $background-dim;\n}\n\n.st-navigation-btn {\n @include ctrDefaultBoldFont;\n padding-left: calcSize(1.5);\n padding-right: calcSize(2);\n white-space: nowrap;\n\n .sd-action__icon {\n margin-left: 0;\n }\n}\n\n.st-navigation-btn.sd-action--icon {\n padding: calcSize(1);\n\n &:not(.sd-action--pressed) {\n\n &:hover,\n &:focus {\n background-color: $primary-light;\n }\n }\n\n svg use {\n fill: $primary;\n }\n}\n\n.svc-translation-machine {\n margin-right: auto;\n}\n\n.st-translation-machine-from {\n margin-right: auto;\n}\n\n.st-translation-machine-from__container {\n display: flex;\n flex-direction: row;\n align-items: center;\n white-space: nowrap;\n}\n\n.st-translation-machine-from__container--disabled {\n gap: calcSize(0.5);\n}\n\n.st-translation-machine-from__btn {\n flex-direction: row-reverse;\n gap: calcSize(1);\n padding-left: calcSize(2);\n padding-right: calcSize(1.5);\n white-space: nowrap;\n\n .sd-action__icon {\n width: calcSize(2);\n height: calcSize(2);\n margin-left: 0;\n }\n\n &.sd-action--pressed:not(.sd-action--active) {\n background-color: $primary-light;\n }\n\n &:disabled {\n padding-left: 0;\n padding-right: 0;\n opacity: 1;\n }\n}\n\n.st-translation-machine-from__btn:disabled .sd-action__title,\n.st-translation-machine-from__title {\n @include ctrDefaultFont;\n color: $foreground-dim-light;\n}\n\n.st-body__footer {\n padding: calcSize(2);\n padding-left: calcSize(3);\n background: $background;\n border-bottom: 1px solid var(--ctr-string-table-row-border-color, $border-light);\n}\n\n.st-translation-dialog .st-strings-wrapper {\n border-radius: 4px;\n box-shadow: $shadow-small;\n overflow: hidden;\n}\n\n.st-container-modern {\n .sv-components-column--expandable {\n width: auto;\n }\n}\n\n.st-body {\n @include disableLibraryAnimations;\n}","@use \"../../variables\" as *;\n\n.svc-tab-logic-edit {\n width: 100%;\n height: 100%;\n background: $background-dim;\n}\n\n.svc-tab-logic-edit__content {\n height: calc(100% - calc(6 * #{$base-unit}));\n overflow-y: auto;\n overflow-x: hidden;\n padding-left: 16%;\n padding-right: 16%;\n //max-width: calcSize(75);\n //margin: auto;\n // background: $background;\n}\n\n.svc-tab-logic-edit__content .sd-row {\n flex-wrap: wrap;\n}\n\n.svc-logic_trigger-editor .sd-row {\n margin-top: 0;\n}\n\n.svc-tab-logic-edit__content-actions {\n .sv-action-bar {\n padding: 0;\n height: calc(6 * #{$base-unit});\n background: $background;\n border-top: 1px solid $border;\n width: 100%;\n }\n}\n\n.svc-logic-paneldynamic div.svc-logic-operator {\n box-sizing: content-box;\n max-width: calcSize(40);\n}\n\n.svc-logic-paneldynamic .svc-logic-operator {\n @include ctrDefaultBoldFont;\n -webkit-appearance: none;\n appearance: none;\n border-radius: var(--ctr-expression-item-corner-radius, calcSize(12.5));\n padding: var(--ctr-expression-item-padding-top, calcSize(1)) var(--ctr-expression-item-padding-right, calcSize(2)) var(--ctr-expression-item-padding-bottom, calcSize(1)) var(--ctr-expression-item-padding-left, calcSize(2));\n\n border: none;\n outline: none;\n cursor: pointer;\n\n option {\n background: $background;\n color: $foreground;\n }\n}\n\n.svc-logic-operator:focus {\n outline: 1px dotted $primary;\n}\n\n\n.svc-logic-operator.svc-logic-operator {\n transition: background-color $creator-transition-duration, color $creator-transition-duration;\n\n &:hover,\n &:focus {\n color: var(--ctr-expression-item-text-color-parameter-hovered, $primary-foreground);\n outline: none;\n box-shadow: none;\n }\n}\n\n.svc-logic-operator.svc-logic-operator--question {\n background-color: var(--ctr-expression-item-background-color-parameter, $blue-light);\n color: var(--ctr-expression-item-text-color-parameter-empty, $foreground-light);\n\n &:hover,\n &:focus {\n background-color: var(--ctr-expression-item-background-color-parameter-hovered, $blue);\n color: var(--ctr-expression-item-text-color-parameter-hovered, $background);\n }\n}\n\n.svc-logic-operator.svc-logic-operator--conjunction {\n background-color: var(--ctr-expression-item-background-color-conjunction, $yellow-light);\n color: var(--ctr-expression-item-text-color-conjunction-empty, $foreground-light);\n\n &:hover,\n &:focus {\n background-color: var(--ctr-expression-item-background-color-conjunction-hovered, $yellow);\n color: var(--ctr-expression-item-text-color-conjunction-hovered, $primary-foreground);\n }\n}\n\n.svc-logic-operator.svc-logic-operator--operator {\n background-color: var(--ctr-expression-item-background-color-operator, $yellow-light);\n color: var(--ctr-expression-item-text-color-operator-empty, $foreground-light);\n\n &:hover,\n &:focus {\n background-color: var(--ctr-expression-item-background-color-operator-hovered, $yellow);\n color: var(--ctr-expression-item-text-color-operator-hovered, $primary-foreground);\n }\n}\n\n.svc-logic-operator.svc-logic-operator--action {\n background-color: var(--ctr-expression-item-background-color-action, $red-light);\n color: var(--ctr-expression-item-text-color-action-empty, $foreground-light);\n\n &:hover,\n &:focus {\n background-color: var(--ctr-expression-item-background-color-action-hovered, $red);\n color: var(--ctr-expression-item-text-color-action-hovered, $primary-foreground);\n }\n}\n\n.svc-logic-operator--action.sl-paneldynamic__add-btn,\n.svc-logic-operator--operator.sl-paneldynamic__add-btn {\n margin-top: var(--ctr-expression-rows-gap, calcSize(2));\n}\n\n.svc-logic-operator--action.sl-paneldynamic__add-btn {\n color: var(--ctr-expression-item-text-color-action, $foreground);\n}\n\n.svc-logic-operator--operator.sl-paneldynamic__add-btn {\n color: var(--ctr-expression-item-text-color-operator, $foreground);\n}\n\n.svc-logic-question--answered .svc-logic-operator--question {\n color: var(--ctr-expression-item-text-color-parameter, $foreground);\n}\n\n.svc-logic-question--answered .svc-logic-operator--conjunction {\n color: var(--ctr-expression-item-text-color-conjunction, $foreground);\n}\n\n.svc-logic-question--answered .svc-logic-operator--operator {\n color: var(--ctr-expression-item-text-color-operator, $foreground);\n}\n\n.svc-logic-question--answered .svc-logic-operator--action {\n color: var(--ctr-expression-item-text-color-action, $foreground);\n}\n\n\n.svc-logic-operator.svc-logic-operator--error {\n background-color: var(--ctr-expression-item-background-color-parameter-error, $background);\n color: var(--ctr-expression-item-text-color-parameter-error, $red);\n box-shadow: inset 0 0 0 2px var(--ctr-expression-item-text-color-parameter-error, $red);\n}\n\n.svc-logic-operator__error {\n display: none;\n}\n\n.svc-logic-paneldynamic {\n .sd-paneldynamic__separator {\n display: none;\n }\n}\n\n\n.svc-action-button--icon.svc-icon-remove {\n display: none;\n padding: var(--ctr-expression-item-padding-top, 8px) var(--ctr-expression-item-padding-right-icon-only, 8px) var(--ctr-expression-item-padding-bottom, 8px) var(--ctr-expression-item-padding-left-icon-only, 8px);\n border-radius: var(--ctr-expression-item-corner-radius, calcSize(12.5));\n background: none;\n justify-content: center;\n align-items: center;\n outline: none;\n border: none;\n\n .sv-svg-icon {\n width: var(--ctr-expression-item-icon-width, 24px);\n height: var(--ctr-expression-item-icon-height, 24px);\n }\n\n use {\n fill: var(--ctr-expression-item-icon-color, $red);\n }\n\n &:focus,\n &:hover {\n background-color: var(--ctr-expression-item-background-color-remove-button-hovered, $red-light);\n }\n\n &.svc-action-button--disabled {\n fill: var(--ctr-survey-action-button-icon-color-disabled, $foreground-dim-light);\n }\n}\n\n.sl-panel-wrapper--in-row:hover .svc-icon-remove,\n.sl-panel-wrapper--in-row:focus-within .svc-icon-remove {\n display: flex;\n}\n\n\n.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {\n display: none;\n}\n\n.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {\n display: none;\n}\n\n.svc-logic-tab__content {\n /* disable library transition animations */\n --sjs-transition-duration: 0ms;\n}\n\n.svc-logic-tab__content {\n &.svc-logic-tab--empty {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex-grow: 1;\n flex-shrink: 0;\n width: 100%;\n gap: 0px;\n\n .svc-logic-tab__content-action {\n // width: calcSize(33);\n margin-top: calcSize(1);\n }\n }\n\n .svc-logic-tab__content-action {\n margin-left: 25%;\n margin-right: 25%;\n margin-top: var(--ctr-surface-gap, calcSize(5));\n margin-bottom: calcSize(8);\n }\n\n .svc-logic-tab__content-action--disabled {\n cursor: default;\n outline: solid calcSize(0.25) transparent;\n\n &:focus,\n &:hover {\n background-color: var(--ctr-button-background-color, $background);\n box-shadow: $shadow-small;\n }\n }\n\n .svc-logic-tab__content-action--disabled .svc-btn__text {\n color: var(--ctr-button-text-color-disabled, $foreground);\n opacity: var(--ctr-button-text-opacity-disabled, 0.25);\n }\n\n .sd-paneldynamic__panel-wrapper--in-row {\n margin-top: 0;\n align-items: start;\n }\n}\n\n.svc-logic-tab__content-empty {\n .svc-btn__text {\n color: var(--ctr-surface-placeholder-text-description-color, $foreground);\n }\n}\n\n.svc-logic-paneldynamic {\n .sd-row--multiple {\n padding: 0;\n background: none;\n box-shadow: none;\n border-radius: 0;\n overflow: visible;\n }\n\n .sd-question__content {\n margin-top: 0;\n }\n\n .sd-row__panel {\n width: calc(100% - 5 * #{$base-unit});\n }\n}\n\n.svc-logic-tab__content .svc-logic-paneldynamic .sd-row {\n margin-top: 0;\n flex-flow: row wrap;\n}\n\n.sl-table__cell.sd-table__cell-action--show-detail {\n use {\n fill: var(--ctr-collapse-button-icon-color, $foreground-light);\n }\n}\n\n.sl-table__cell--detail-panel {\n padding: 0;\n\n .sd-body {\n margin: 0;\n min-width: none;\n max-width: none;\n }\n\n .sd-page.sd-body__page {\n padding: 0;\n }\n\n .sl-panel__footer {\n margin: 0;\n }\n}\n\n.sl-dropdown {\n max-width: 45vw;\n}\n\n.sl-dropdown__value {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n\n.svc-logic-placeholder {\n width: calcSize(78);\n min-width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n margin-top: calcSize(2);\n background: $background;\n box-shadow: $shadow-small;\n border-radius: calcSize(0.5);\n padding: calcSize(4) calcSize(5) calcSize(5);\n}\n\n.sv-popup--overlay {\n .svc-logic-placeholder {\n width: initial;\n }\n}\n\n.svc-logic-placeholder__text.svc-logic-placeholder__text {\n @include ctrDefaultFont;\n text-align: center;\n color: $foreground-light;\n display: block;\n padding: calcSize(4) calcSize(8);\n}\n\n.svc-logic-tab__leave-apply-button {\n background-color: var(--ctr-button-background-color-danger, $red);\n}\n\n.svc-logic-question-value.sd-element--with-frame {\n box-shadow: var(--lbr-question-panel-shadow-offset-x, 0px) var(--lbr-question-panel-shadow-offset-y, 1px)\n var(--lbr-question-panel-shadow-blur, 2px) var(--lbr-question-panel-shadow-spread, 0px)\n var(--lbr-question-panel-shadow-color, rgba(0, 0, 0, 0.15));\n}\n","@use \"../../variables\" as *;\n\nsvc-tab-designer {\n width: 100%;\n height: 100%;\n background: $background-dim;\n}\n\n.svc-tab-designer {\n display: flex;\n flex-grow: 1;\n height: 100%;\n flex-direction: column;\n position: static;\n background: var(--ctr-surface-background-color, $background-dim);\n width: 0;\n}\n\n.svc-tab-designer--with-placeholder .svc-designer-header {\n min-width: calcSize(84);\n}\n\n.svc-content-wrapper {\n width: 100%;\n display: flex;\n}\n\n.svc-designer-header .svc-surface-header {\n background-color: transparent;\n padding-inline-start: var(--lbr-header-padding-left, calcSize(3));\n padding-inline-end: var(--ctr-survey-header-padding-right-logo-placeholder, calcSize(1));\n padding-block-start: var(--lbr-header-padding-top, calcSize(3));\n padding-block-end: var(--lbr-page-header-padding-bottom, calcSize(3));\n}\n\n.svc-surface-header {\n .sd-title {\n .sv-string-editor {\n &[aria-placeholder]:empty:before {\n color: var(--ctr-survey-header-text-title-color-placeholder, $foreground-light);\n }\n }\n }\n\n .sd-description {\n color: var(--ctr-survey-header-text-description-color-placeholder, #909090);\n }\n}\n\n.svc-tab-designer {\n .svc-designer-header {\n border-bottom: 2px solid transparent;\n position: relative;\n }\n\n .sd-title {\n display: flex;\n }\n\n .sd-container-modern {\n width: 100%;\n box-sizing: border-box;\n margin-left: auto;\n margin-right: auto;\n\n &.sd-container-modern--static {\n max-width: calcSize(84);\n }\n\n &.sd-container-modern--responsive {\n max-width: initial;\n }\n }\n\n .sd-question.sd-question--image {\n width: 100%;\n }\n\n .sd-progress,\n .sd-progress__bar {\n background-color: transparent;\n }\n}\n\n.svc-tab-designer_content {\n padding-inline-start: var(--ctr-survey-page-margin-right, calcSize(2));\n padding-inline-end: var(--ctr-survey-page-margin-left, calcSize(2));\n}\n\n.svc-tab-designer--with-placeholder {\n .svc-tab-designer_content {\n display: flex;\n justify-content: center;\n flex-direction: column;\n min-height: 100%;\n }\n}\n\n.svc-tab-designer--with-surface-tools {\n .svc-tab-designer_content {\n padding-inline-start: var(--ctr-survey-page-margin-right-with-toolbar, calcSize(9));\n padding-inline-end: var(--ctr-survey-page-margin-left-with-toolbar, calcSize(9));\n }\n}\n\n.svc-creator--mobile {\n .svc-tab-designer_content {\n padding: 0;\n }\n}\n\n.svc-designer__placeholder-container {\n display: flex;\n flex-grow: 1;\n flex-shrink: 0;\n width: 100%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 0px;\n padding: calcSize(2);\n box-sizing: border-box;\n text-align: center;\n position: relative;\n\n .sd-page {\n display: none;\n }\n}\n\n.svc-designer-placeholder-page {\n .svc-page__footer {\n // width: calcSize(33);\n margin: auto;\n }\n\n .svc-row--ghost {\n display: none;\n }\n\n .svc-element__add-new-question {\n padding: var(--ctr-button-padding-vertical, calcSize(2)) var(--ctr-button-padding-horizontal-contextual-button, calcSize(10));\n\n .svc-element__question-type-selector {\n padding: var(--ctr-button-contextual-button-padding-top, calcSize(1)) var(--ctr-button-contextual-button-padding-right, calcSize(1)) var(--ctr-button-contextual-button-padding-bottom, calcSize(1)) var(--ctr-button-contextual-button-padding-left, calcSize(1));\n\n margin: var(--ctr-button-contextual-button-margin-vertical, calcSize(1)) var(--ctr-button-contextual-button-margin-horizontal, calcSize(1));\n\n border-radius: var(--ctr-button-contextual-button-corner-radius, calcSize(0.5));\n }\n\n .svc-element__question-type-selector-icon {\n width: var(--ctr-button-contextual-button-icon-width, calcSize(3));\n height: var(--ctr-button-contextual-button-icon-height, calcSize(3));\n\n .sv-svg-icon {\n width: var(--ctr-button-contextual-button-icon-width, calcSize(3));\n height: var(--ctr-button-contextual-button-icon-height, calcSize(3));\n }\n\n use {\n fill: var(--ctr-button-contextual-button-icon-color, $foreground-light);\n }\n }\n\n .svc-add-new-item-button__text {\n @include ctrDefaultBoldFont;\n color: var(--ctr-button-text-color, $primary);\n text-align: center;\n }\n }\n}\n\n.svc-tab-designer__tools {\n position: absolute;\n display: flex;\n top: 0;\n bottom: 0;\n right: 0;\n padding: var(--ctr-surface-toolbar-padding-top, calcSize(2)) var(--ctr-surface-toolbar-padding-right, calcSize(2)) var(--ctr-surface-toolbar-padding-bottom, calcSize(2)) var(--ctr-surface-toolbar-padding-left, calcSize(2));\n flex-direction: column;\n align-items: center;\n}\n\n.svc-creator__toolbox--right,\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n .svc-tab-designer__tools {\n right: unset;\n left: 0;\n }\n}\n\n.svc-tab-designer__toolbar {\n display: flex;\n flex-direction: column;\n}\n\n.svc-tab-designer__surface-toolbar {\n gap: var(--ctr-surface-toolbar-gap, calcSize(1));\n flex-direction: column;\n\n .sv-action-bar-separator {\n height: var(--ctr-separator-width, 1px);\n width: var(--ctr-page-navigator-button-icon-width, calcSize(1));\n padding: 0px var(--ctr-separator-margin-vertical-small, calcSize(1));\n margin-bottom: var(--ctr-surface-toolbar-gap, calcSize(1));\n margin-right: 0;\n }\n\n .sv-action__content {\n flex-direction: column;\n }\n}\n\n.sv-action-bar-separator {\n background: var(--ctr-separator-color, $border);\n}","@use \"./variables\" as *;\n\n.svc-creator--mobile {\n .sd-root-modern,\n .sd-container-modern {\n --sd-base-padding: calc(3 * #{$base-unit});\n --sd-base-vertical-padding: calc(2 * #{$base-unit});\n --sd-page-vertical-padding: calc(2 * #{$base-unit});\n }\n\n .svc-question__content {\n .sd-question__content {\n margin-left: calcSize(-3);\n margin-right: calcSize(-3);\n padding-left: calcSize(3);\n padding-right: calcSize(3);\n\n .sd-selectbase__column {\n max-width: initial;\n display: block;\n margin-left: 0;\n }\n }\n\n &>.svc-question__dropdown-choices--wrapper {\n width: calc(100% + calcSize(6));\n margin: 0 calcSize(-3);\n\n &>div {\n width: calc(100% - calcSize(6));\n margin: 0 calcSize(3);\n }\n }\n }\n\n .svc-question__drag-area {\n height: calcSize(3);\n }\n\n .svc-question__content--selected {\n .svc-rating-question-controls {\n bottom: calcSize(10);\n }\n }\n\n .svc-page {\n margin-top: calcSize(1);\n }\n\n .svc-page__content {\n padding-left: 0;\n padding-right: 0;\n border: 0;\n\n .sd-page__title {\n margin: 0;\n }\n\n &.svc-page__content--selected {\n .sd-page__title {\n margin: calcSize(2.5) 0 0 0;\n }\n }\n }\n\n .svc-page__footer {\n margin-left: calcSize(3);\n margin-right: calcSize(3);\n margin-top: calcSize(3);\n }\n\n .svc-designer-placeholder-page {\n .svc-page__footer {\n margin-top: 0;\n }\n }\n\n .svc-tab-designer {\n justify-content: initial;\n\n .sd-title.sd-container-modern__title {\n padding: calcSize(3);\n flex-direction: column-reverse;\n align-items: flex-start;\n\n .svc-logo-image {\n margin-top: 0;\n }\n\n .svc-logo-image-placeholder {\n margin-left: calcSize(-2);\n margin-top: calcSize(-2);\n }\n\n h3 {\n @include ctrMediumBoldFont;\n margin: 0;\n }\n\n h5 {\n margin: 0;\n }\n }\n }\n\n .svc-tab-designer {\n .sd-container-modern {\n padding: 0;\n }\n }\n\n .svc-properties-wrapper {\n width: 100%;\n }\n\n .svc-question__content-actions {\n width: calc(100% + 3 * #{$base-unit});\n\n .svc-survey-element-toolbar__item {\n border: 0;\n }\n }\n\n .svc-page__content-actions {\n .svc-page-toolbar {\n padding-right: calcSize(1);\n\n .sv-action {\n .sv-action__content {\n padding-right: 0;\n }\n }\n }\n }\n\n .svc-page-toolbar-item__title--with-icon {\n display: none;\n }\n}","@use \"../../variables\" as *;\n\n.svc-switcher.spg-action-button {\n align-items: center;\n gap: calcSize(1);\n pointer-events: auto;\n}\n\n.svc-switcher__title {\n @include ctrSmallBoldFont;\n color: var(--ctr-property-grid-switcher-text-color, $foreground-light);\n}\n\n.svc-switcher__icon {\n width: calcSize(2.5);\n padding: calcSize(0.5);\n justify-content: center;\n align-items: center;\n border-radius: 100px;\n border: 1px solid $border;\n background: $background-dim;\n\n transition-duration: 0.2s;\n transition-property: background;\n transition-timing-function: linear;\n}\n\n.svc-switcher__icon:hover {\n background: $background;\n}\n\n.svc-switcher__icon:focus {\n border: calcSize(0.25) solid $primary;\n background: $background-dim;\n}\n\n.svc-switcher__icon:hover:focus {\n border: calcSize(0.25) solid $primary;\n background: $background;\n}\n\n.svc-switcher__icon--checked,\n.svc-switcher__icon--checked:hover {\n justify-content: center;\n align-items: center;\n border: unset;\n\n border-radius: 100px;\n background-color: $primary;\n}\n\n.svc-switcher__icon--checked:focus {\n border: calcSize(0.25) solid $primary;\n background-color: $primary-foreground;\n}\n\n.svc-switcher__icon-thumb {\n width: calcSize(1);\n height: calcSize(1);\n justify-content: center;\n align-items: center;\n\n border-radius: 100px;\n background-color: $foreground-dim-light;\n\n transform: translateX(0);\n margin-left: 0%;\n transition-duration: 0.2s;\n transition-property: margin-left, transform, background-color;\n transition-timing-function: linear;\n}\n\n.svc-switcher__icon--checked .svc-switcher__icon-thumb {\n background-color: $primary-foreground;\n margin-left: 100%;\n transform: translateX(-100%);\n}\n\n.svc-switcher__icon:focus,\n.svc-switcher__icon:hover:focus,\n.svc-switcher__icon--checked:focus {\n .svc-switcher__icon-thumb {\n background-color: $primary;\n }\n}\n","@use \"../variables\" as *;\n\n.svc-notifier.svc-notifier--shown {\n visibility: visible;\n opacity: var(--ctr-notification-opacity, 0.75);\n}\n\n.svc-notifier {\n @include ctrSmallBoldFont;\n\n position: absolute;\n bottom: calcSize(1);\n left: calcSize(1);\n background: var(--ctr-notification-background-color, $background);\n opacity: 0;\n padding: calcSize(1) calcSize(2);\n box-shadow: $shadow-medium;\n border-radius: calcSize(0.5);\n color: var(--ctr-notification-text-color, $foreground);\n min-width: calcSize(30);\n text-align: center;\n z-index: 1600; //todo: should overlap popup\n\n visibility: hidden;\n}\n\n.svc-notifier.svc-notifier--error {\n background-color: var(--ctr-notification-background-color-error, $red);\n color: var(--ctr-notification-text-color-error, $red-forecolor);\n opacity: var(--ctr-notification-opacity-error, 1);\n}\n\n.svc-creator--mobile {\n .svc-notifier {\n left: 0;\n bottom: calcSize(6);\n width: 100%;\n box-sizing: border-box;\n opacity: 1;\n z-index: 1000;\n }\n}","@use \"../variables\" as *;\n@use \"./notifier.scss\";\n@use \"./popup.scss\";\n@use \"./button.scss\";\n@use \"./surface-placeholder.scss\";\n@use \"../lbr-font-sizes.scss\";\n@use \"../lbr-sizes.scss\";\n@use \"../ctr-font-sizes.scss\";\n@use \"../ctr-sizes.scss\";\n\nsurvey-creator,\n.svc-creator {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n position: relative;\n\n -webkit-font-smoothing: antialiased;\n\n @-moz-document url-prefix() {\n scrollbar-width: thin;\n scrollbar-color: $border transparent;\n }\n\n ::-webkit-scrollbar {\n width: var(--ctr-scrollbar-width, 12px);\n height: var(--ctr-scrollbar-width, 12px);\n background-color: transparent;\n }\n\n ::-webkit-scrollbar-thumb {\n border: var(--ctr-scrollbar-padding-vertical, 4px) solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: 1024px;\n background-color: var(--ctr-scrollbar-background-color, $border);\n }\n\n ::-webkit-scrollbar-track {\n background: transparent;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n border: var(--ctr-scrollbar-padding-vertical-hovered, 2px) solid rgba(0, 0, 0, 0);\n background-color: var(--ctr-scrollbar-background-color, $border);\n }\n\n .sv-popup .sv-popup__scrolling-content {\n ::-webkit-scrollbar-thumb:hover {\n background-color: var(--ctr-scrollbar-background-color, $border);\n }\n }\n}\n\nsurvey-creator,\n.svc-creator {\n .sv-drag-drop-choices-shortcut {\n .sv-drag-drop-choices-shortcut__content {\n background: var(--ctr-survey-radio-button-group-item-background-color-floating, $background);\n border-radius: var(--ctr-survey-radio-button-group-item-corner-radius-floating, calcSize(4.5));\n box-shadow:\n var(--ctr-survey-radio-button-group-item-shadow-floating-2-offset-x, 0px)\n var(--ctr-survey-radio-button-group-item-shadow-floating-2-offset-y, 2px)\n var(--ctr-survey-radio-button-group-item-shadow-floating-2-blur, 8px)\n var(--ctr-survey-radio-button-group-item-shadow-floating-2-spread, 0px)\n var(--ctr-survey-radio-button-group-item-shadow-floating-2-color, rgba(0, 76, 68, 0.1)),\n var(--ctr-survey-radio-button-group-item-shadow-floating-1-offset-x, 0px)\n var(--ctr-survey-radio-button-group-item-shadow-floating-1-offset-y, 16px)\n var(--ctr-survey-radio-button-group-item-shadow-floating-1-blur, 32px)\n var(--ctr-survey-radio-button-group-item-shadow-floating-1-spread, 0px)\n var(--ctr-survey-radio-button-group-item-shadow-floating-1-color, rgba(0, 76, 68, 0.1));\n\n .sd-item__decorator {\n }\n\n .svc-item-value__item {\n overflow: hidden;\n\n .sv-string-viewer,\n .sv-string-editor {\n white-space: nowrap;\n }\n }\n }\n }\n}\n\n.svc-creator__area {\n position: relative;\n\n @include disableUserSelect;\n}\n\n.svc-creator__content-wrapper {\n width: 100%;\n height: 0;\n flex-grow: 1;\n}\n\n.svc-creator__content-holder {\n width: 100%;\n height: 100%;\n}\n\n.svc-creator-tab {\n display: flex;\n width: 100%;\n height: 100%;\n overflow: hidden;\n position: relative;\n min-height: $tab-min-height;\n}\n\n.svc-creator__toolbox--right.svc-creator-tab {\n flex-direction: row-reverse;\n}\n\n.svc-creator-tab__content {\n position: relative;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n}\n\n.svc-plugin-tab__content {\n flex-basis: 0;\n max-height: 100%;\n overflow-y: auto;\n flex-grow: 1;\n}\n\n.sv-popup__content {\n .svc-plugin-tab__content {\n flex-basis: 100%;\n height: 100%;\n }\n}\n\n.svc-plugin-tab__content-actions {\n sv-action-bar {\n padding: 0;\n height: calc(6 * #{$base-unit});\n background: $background;\n border-top: 1px solid $border;\n }\n}\n\n.svc-creator__banner {\n width: 100%;\n line-height: calcSize(4);\n background-color: var(--ctr-page-banner-background-color, $secondary);\n text-align: center;\n}\n\n.svc-item__banner {\n position: relative;\n max-width: 0;\n overflow: hidden;\n height: 100%;\n background-color: $background;\n /* Shadow / Medium */\n border-radius: calcSize(12.5);\n box-shadow: $shadow-medium;\n transition:\n max-width 0.1s ease-in-out,\n padding 0.2s ease-in-out;\n}\n\n.svc-creator__non-commercial-text {\n @include ctrDefaultBoldFont;\n color: var(--ctr-page-banner-text-color, $primary-foreground);\n vertical-align: middle;\n padding: calcSize(1.5) calcSize(16);\n display: block;\n\n a {\n color: var(--ctr-page-banner-text-color, $primary-foreground);\n }\n}\n\n.svc-creator--mobile {\n .svc-creator__non-commercial-text {\n padding: calcSize(1.5) calcSize(5);\n }\n}\n\n.sv-drag-drop-ghost {\n top: calcSize(0.75);\n width: 100%;\n height: calcSize(0.5);\n background: $secondary;\n position: absolute;\n}\n\n.sv-drag-drop-ghost--vertical {\n height: 10000px;\n width: 4px;\n}\n\n.sv-drag-drop-ghost--item-value-bottom {\n top: initial;\n bottom: calcSize(-0.5);\n}\n\n.svc-creator--disable-animations {\n --sjs-creator-transition-duration: 0ms;\n}\n","@use \"../variables\" as *;\n\n.svc-creator-popup {\n &.sv-popup--modal {\n background-color: var(--ctr-popup-haze-background-color, $background-semitransparent);\n }\n\n &.sv-popup--modal > .sv-popup__container {\n background-color: var(--ctr-popup-background-color, $background-dim-light);\n border-radius: var(--ctr-popup-corner-radius, var(--sjs-corner-radius, 4px));\n box-shadow:\n var(--ctr-popup-shadow-1-offset-x, 0px) var(--ctr-popup-shadow-1-offset-y, 2px)\n var(--ctr-popup-shadow-1-blur, 8px) var(--ctr-popup-shadow-1-spread, 0px)\n var(--ctr-popup-shadow-1-color, rgba(0, 76, 68, 0.1)),\n var(--ctr-popup-shadow-2-offset-x, 0px) var(--ctr-popup-shadow-2-offset-y, 16px)\n var(--ctr-popup-shadow-2-blur, 32px) var(--ctr-popup-shadow-2-spread, 0px)\n var(--ctr-popup-shadow-2-color, rgba(0, 76, 68, 0.1)),\n var(--ctr-popup-shadow-3-offset-x, 0px) var(--ctr-popup-shadow-3-offset-y, 32px)\n var(--ctr-popup-shadow-3-blur, 64px) var(--ctr-popup-shadow-3-spread, 0px)\n var(--ctr-popup-shadow-3-color, rgba(0, 76, 68, 0.1));\n\n .sv-footer-action-bar {\n gap: var(--ctr-popup-buttons-gap, calcSize(1.5));\n }\n\n & > .sv-popup__body-content {\n background-color: var(--ctr-popup-background-color, $background-dim-light);\n border-radius: var(--ctr-popup-corner-radius, var(--sjs-corner-radius, 4px));\n\n padding: var(--ctr-popup-padding-top, calcSize(4)) var(--ctr-popup-padding-right, calcSize(4))\n var(--ctr-popup-padding-bottom, calcSize(4)) var(--ctr-popup-padding-left, calcSize(4));\n\n gap: var(--ctr-popup-gap, 32px);\n box-shadow: unset;\n }\n }\n\n &.sv-popup--dropdown-overlay .sv-popup__scrolling-content {\n height: auto\n }\n \n &.sv-popup--overlay.sv-popup--tablet > .sv-popup__container {\n background-color: var(--ctr-popup-haze-background-color, $background-semitransparent);\n }\n &.sv-popup--overlay .sv-popup__container {\n // background-color: var(--ctr-popup-menu-background-color, $background);\n background-color: var(--ctr-popup-haze-background-color, $background-semitransparent);\n }\n &.sv-popup--overlay:not(.sv-popup--dropdown-overlay) {\n .sv-popup__body-content {\n background-color: var(--ctr-popup-background-color, $background-dim);\n }\n\n .sv-popup__button.sv-popup__button {\n background-color: var(--ctr-button-background-color-cta, $primary);\n border: 2px solid var(--ctr-button-background-color-cta, $primary);\n color: var(--ctr-button-text-color-cta, $primary-foreground);\n }\n }\n\n .sv-popup__pointer {\n &:after {\n content: \" \";\n border-bottom: calcSize(1) solid var(--ctr-popup-menu-pointer-color, $background);\n }\n }\n\n .sv-popup__container {\n background-color: transparent;\n border-radius: var(--ctr-popup-menu-corner-radius, calcSize(0.5));\n box-shadow: \n var(--ctr-popup-menu-shadow-1-offset-x, 0px)\n var(--ctr-popup-menu-shadow-1-offset-y, 2px) \n var(--ctr-popup-menu-shadow-1-blur, 6px) \n var(--ctr-popup-menu-shadow-1-spread, 0px) \n var(--ctr-popup-menu-shadow-1-color, rgba(0, 0, 0, 0.1)), \n\n var(--ctr-popup-menu-shadow-2-offset-x, 0px) \n var(--ctr-popup-menu-shadow-2-offset-y, 8px) \n var(--ctr-popup-menu-shadow-2-blur, 16px) \n var(--ctr-popup-menu-shadow-2-spread, 0px) \n var(--ctr-popup-menu-shadow-2-color, rgba(0, 0, 0, 0.1));\n }\n\n .sv-popup__body-header {\n @include ctrMediumBoldFont;\n color: var(--ctr-popup-title-color, $foreground);\n }\n\n &.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__body-content,\n .sv-popup__body-content {\n border-radius: var(--ctr-popup-menu-corner-radius, calcSize(0.5));\n }\n\n &.svc-property-editor.sv-popup--overlay:not(.sv-popup--dropdown-overlay) .sv-popup__body-content {\n background-color: var(--ctr-popup-background-color, $background-dim);\n border-radius: calc(4 * (var(--ctr-popup-menu-corner-radius, 4px)))\n calc(4 * (var(--ctr-popup-menu-corner-radius, 4px))) 0px 0px;\n }\n\n &.sv-popup--dropdown,\n &.sv-popup--dropdown-overlay {\n .sv-popup__body-content {\n background-color: var(--ctr-popup-menu-background-color, $background);\n padding: 0;\n }\n }\n\n &.sv-popup--dropdown.svc-toolbox-subtypes {\n .sv-popup__body-content {\n background: unset;\n }\n }\n\n //styles for dropdown overlay\n &.sv-popup--dropdown-overlay {\n .sv-popup__button.sv-popup__button {\n color: var(--ctr-actionbar-button-text-color, $primary);\n border-radius: var(--ctr-actionbar-button-corner-radius, calcSize(12.5));\n padding: var(--ctr-actionbar-button-padding-top-medium-text, calcSize(0.5))\n var(--ctr-actionbar-button-padding-right-medium-text, calcSize(2))\n var(--ctr-actionbar-button-padding-bottom-medium-text, calcSize(0.5))\n var(--ctr-actionbar-button-padding-left-medium-text, calcSize(2));\n }\n\n .sv-popup__body-footer {\n background-color: var(--ctr-popup-menu-footer-background-color, $background-dim);\n border-top: 1px solid var(--ctr-popup-menu-footer-border-color, $border-light);\n padding: var(--ctr-popup-menu-footer-padding-top, calcSize(1)) var(--ctr-popup-menu-footer-padding-right, 0)\n var(--ctr-popup-menu-footer-padding-bottom, calcSize(1)) var(--ctr-popup-menu-footer-padding-left, 0);\n }\n\n .sv-popup__button:disabled {\n color: var(--ctr-actionbar-button-text-color-disabled, $foreground);\n opacity: var(--ctr-actionbar-button-opacity-disabled, 0.25);\n }\n }\n\n &.sv-dropdown-popup.sv-popup--dropdown-overlay {\n .sv-popup__body-footer {\n background-color: var(--ctr-contextual-menu-footer-background-color, $background-dim);\n }\n }\n\n .sv-popup__content {\n @include ctrDefaultFont;\n color: var(--ctr-popup-message-color, #404040);\n }\n}\n","@use \"../variables\" as *;\n\n.svc-creator-popup.sv-popup--modal {\n .sd-btn.sv-popup__button {\n border-radius: var(--ctr-button-corner-radius-small, $corner-radius);\n padding: var(--ctr-button-padding-vertical-small, calcSize(2))\n var(--ctr-button-padding-horizontal-small, calcSize(6)) var(--ctr-button-padding-vertical-small, calcSize(2))\n var(--ctr-button-padding-horizontal-small, calcSize(6));\n display: flex;\n flex-direction: row;\n gap: var(--ctr-button-gap, calcSize(4));\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n position: relative;\n box-shadow: var(--ctr-button-shadow-offset-x, 0px) var(--ctr-button-shadow-offset-y, 1px)\n var(--ctr-button-shadow-blur, 2px) var(--ctr-button-shadow-spread, 0px)\n var(--ctr-button-shadow-color, rgba(0, 0, 0, 0.15));\n\n span {\n @include ctrDefaultBoldFont;\n\n text-align: center;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n\n .sv-popup__button {\n background: var(--ctr-button-background-color, $background);\n color: var(--ctr-button-text-color, $primary);\n\n &:hover {\n background: var(--ctr-button-background-color-hovered, $background-dark);\n }\n }\n\n .sv-popup__button--apply {\n background: var(--ctr-button-background-color-cta, $primary);\n color: var(--ctr-button-text-color-cta, $primary-foreground);\n\n &:hover {\n background: var(--ctr-button-background-color-cta-hovered, $primary-background-dark);\n }\n }\n\n .sd-btn--danger {\n background: var(--ctr-button-background-color-danger, $red);\n color: var(--ctr-button-text-color-danger, $red-forecolor);\n\n &:hover {\n background: var(--ctr-button-background-color-danger-hovered, $red);\n }\n }\n}\n","@use \"../variables\" as *;\n\n.svc-surface-placeholder {\n display: flex;\n width: 100%;\n max-width: var(--ctr-surface-placeholder-max-width, 720px);\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 0px;\n padding: calcSize(2);\n box-sizing: border-box;\n}\n\n.svc-creator--mobile {\n .svc-surface-placeholder {\n padding: var(--ctr-surface-placeholder-padding-top, 0px) var(--ctr-surface-placeholder-padding-right, 48px) var(--ctr-surface-placeholder-padding-bottom, 0px) var(--ctr-surface-placeholder-padding-left, 48px);\n }\n\n .svc-surface-placeholder__text {\n padding: var(--ctr-surface-placeholder-text-margin-top, 32px) var(--ctr-surface-placeholder-text-margin-right, 32px) var(--ctr-surface-placeholder-text-margin-bottom, 24px) var(--ctr-surface-placeholder-text-margin-left, 32px);\n }\n}\n\n.svc-surface-placeholder__image {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n padding: 135px 170px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n}\n\n.svc-surface-placeholder__image--designer {\n background: url(\"../images/placeholder-designer.png\") 50% / contain no-repeat;\n}\n\n.svc-surface-placeholder__image--preview {\n background: url(\"../images/placeholder-preview.png\") 50% / contain no-repeat;\n}\n\n.svc-surface-placeholder__image--theme {\n background: url(\"../images/placeholder-themes.png\") 50% / contain no-repeat;\n}\n\n.svc-surface-placeholder__image--logic {\n background: url(\"../images/placeholder-logic.png\") 50% / contain no-repeat;\n}\n\n.svc-surface-placeholder__image--translation {\n background: url(\"../images/placeholder-translations.png\") 50% / contain no-repeat;\n}\n\n.svc-surface-placeholder__text {\n padding: var(--ctr-surface-placeholder-text-margin-top, 32px) 0px var(--ctr-surface-placeholder-text-margin-bottom, 24px) 0px;\n display: flex;\n flex-direction: column;\n gap: var(--ctr-surface-placeholder-text-gap, 8px);\n align-items: center;\n justify-content: center;\n align-self: center;\n flex-shrink: 0;\n width: 100%;\n}\n\n.svc-surface-placeholder__title {\n @include ctrMediumBoldFont;\n color: var(--ctr-surface-placeholder-text-title-color, rgba(0, 0, 0, 0.91));\n text-align: center;\n align-self: stretch;\n}\n\n.svc-surface-placeholder__description {\n @include ctrDefaultFont;\n color: var(--ctr-surface-placeholder-text-description-color, rgba(0, 0, 0, 0.45));\n text-align: center;\n align-self: stretch;\n}\n\n.svc-designer__placeholder-container {\n padding-bottom: calcSize(8);\n}\n\n.svc-logic-tab--empty> :last-child {\n margin-bottom: calcSize(12);\n}\n\n.svc-test-tab--empty,\n.svc-translation-tab--empty {\n .svc-surface-placeholder {\n padding-bottom: calcSize(12);\n }\n}\n\n.svc-creator--mobile {\n .svc-designer__placeholder-container {\n padding-bottom: calcSize(2);\n }\n\n .svc-logic-tab--empty> :last-child {\n margin-bottom: calcSize(2);\n }\n\n .svc-test-tab--empty,\n .svc-translation-tab--empty {\n .svc-surface-placeholder {\n padding-bottom: calcSize(2);\n }\n }\n\n}","@use \"./lbr-variables.scss\" as *;\n\n.svc-creator {\n --lbr-line-height-x8: calc(#{$lbr-line-height-unit} * 8);\n --lbr-line-height-x7: calc(#{$lbr-line-height-unit} * 7);\n --lbr-line-height-x6: calc(#{$lbr-line-height-unit} * 6);\n --lbr-line-height-x5: calc(#{$lbr-line-height-unit} * 5);\n --lbr-line-height-x4: calc(#{$lbr-line-height-unit} * 4);\n --lbr-line-height-x3: calc(#{$lbr-line-height-unit} * 3);\n --lbr-line-height-x2: calc(#{$lbr-line-height-unit} * 2);\n --lbr-line-height-x150: calc(#{$lbr-line-height-unit} * 1.5);\n --lbr-line-height-x1: calc(#{$lbr-line-height-unit} * 1);\n --lbr-font-size-x8: calc(#{$lbr-font-unit} * 8);\n --lbr-font-size-x7: calc(#{$lbr-font-unit} * 7);\n --lbr-font-size-x6: calc(#{$lbr-font-unit} * 6);\n --lbr-font-size-x5: calc(#{$lbr-font-unit} * 5);\n --lbr-font-size-x4: calc(#{$lbr-font-unit} * 4);\n --lbr-font-size-x3: calc(#{$lbr-font-unit} * 3);\n --lbr-font-size-x2: calc(#{$lbr-font-unit} * 2);\n --lbr-font-size-x1: calc(#{$lbr-font-unit} * 1);\n --lbr-font-size-x150: calc(#{$lbr-font-unit} * 1.5);\n}","@use \"./lbr-variables.scss\" as *;\n\n.svc-creator {\n --lbr-spacing-x16: calc(#{$lbr-spacing-unit} * 16);\n --lbr-spacing-x15: calc(#{$lbr-spacing-unit} * 15);\n --lbr-spacing-x14: calc(#{$lbr-spacing-unit} * 14);\n --lbr-spacing-x13: calc(#{$lbr-spacing-unit} * 13);\n --lbr-spacing-x12: calc(#{$lbr-spacing-unit} * 12);\n --lbr-spacing-x11: calc(#{$lbr-spacing-unit} * 11);\n --lbr-spacing-x1050: calc(#{$lbr-spacing-unit} * 10.5);\n --lbr-spacing-x10: calc(#{$lbr-spacing-unit} * 10);\n --lbr-spacing-x9: calc(#{$lbr-spacing-unit} * 9);\n --lbr-spacing-x850: calc(#{$lbr-spacing-unit} * 8.5);\n --lbr-spacing-x8: calc(#{$lbr-spacing-unit} * 8);\n --lbr-spacing-x7: calc(#{$lbr-spacing-unit} * 7);\n --lbr-spacing-x6: calc(#{$lbr-spacing-unit} * 6);\n --lbr-spacing-x5: calc(#{$lbr-spacing-unit} * 5);\n --lbr-spacing-x4: calc(#{$lbr-spacing-unit} * 4);\n --lbr-spacing-x350: calc(#{$lbr-spacing-unit} * 3.5);\n --lbr-spacing-x3: calc(#{$lbr-spacing-unit} * 3);\n --lbr-spacing-x2: calc(#{$lbr-spacing-unit} * 2);\n --lbr-spacing-x1: calc(#{$lbr-spacing-unit} * 1);\n --lbr-spacing-x0375: calc(#{$lbr-spacing-unit} * 0.375);\n --lbr-spacing-x05: calc(#{$lbr-spacing-unit} * 0.5);\n --lbr-spacing-x250: calc(#{$lbr-spacing-unit} * 2.5);\n --lbr-spacing-x150: calc(#{$lbr-spacing-unit} * 1.5);\n --lbr-spacing-x125: calc(#{$lbr-spacing-unit} * 1.25);\n --lbr-spacing-x075: calc(#{$lbr-spacing-unit} * 0.75);\n --lbr-spacing-x025: calc(#{$lbr-spacing-unit} * 0.25);\n --lbr-spacing-x0125: calc(#{$lbr-spacing-unit} * 0.125);\n --lbr-spacing-x025n: calc(#{$lbr-spacing-unit} * -0.25);\n --lbr-spacing-x05n: calc(#{$lbr-spacing-unit} * -0.5);\n --lbr-spacing-x1n: calc(#{$lbr-spacing-unit} * -1);\n --lbr-spacing-x150n: calc(#{$lbr-spacing-unit} * -1.5);\n --lbr-spacing-x2n: calc(#{$lbr-spacing-unit} * -2);\n --lbr-spacing-x250n: calc(#{$lbr-spacing-unit} * -2.5);\n --lbr-spacing-x3n: calc(#{$lbr-spacing-unit} * -3);\n --lbr-spacing-x4n: calc(#{$lbr-spacing-unit} * -4);\n --lbr-spacing-x5n: calc(#{$lbr-spacing-unit} * -5);\n --lbr-spacing-x6n: calc(#{$lbr-spacing-unit} * -6);\n --lbr-spacing-x7n: calc(#{$lbr-spacing-unit} * -7);\n --lbr-spacing-x8n: calc(#{$lbr-spacing-unit} * -8);\n --lbr-corner-radius-x0125: calc(#{$lbr-corner-radius-unit} * 0.125);\n --lbr-corner-radius-x025: calc(#{$lbr-corner-radius-unit} * 0.25);\n --lbr-corner-radius-x0375: calc(#{$lbr-corner-radius-unit} * 0.375);\n --lbr-corner-radius-x05: calc(#{$lbr-corner-radius-unit} * 0.5);\n --lbr-corner-radius-x075: calc(#{$lbr-corner-radius-unit} * 0.75);\n --lbr-corner-radius-x1: calc(#{$lbr-corner-radius-unit} * 1);\n --lbr-corner-radius-x125: calc(#{$lbr-corner-radius-unit} * 1.25);\n --lbr-corner-radius-x150: calc(#{$lbr-corner-radius-unit} * 1.5);\n --lbr-corner-radius-x2: calc(#{$lbr-corner-radius-unit} * 2);\n --lbr-corner-radius-x250: calc(#{$lbr-corner-radius-unit} * 2.5);\n --lbr-corner-radius-x3: calc(#{$lbr-corner-radius-unit} * 3);\n --lbr-corner-radius-x350: calc(#{$lbr-corner-radius-unit} * 3.5);\n --lbr-corner-radius-x4: calc(#{$lbr-corner-radius-unit} * 4);\n --lbr-corner-radius-x5: calc(#{$lbr-corner-radius-unit} * 5);\n --lbr-corner-radius-x6: calc(#{$lbr-corner-radius-unit} * 6);\n --lbr-corner-radius-x7: calc(#{$lbr-corner-radius-unit} * 7);\n --lbr-corner-radius-x8: calc(#{$lbr-corner-radius-unit} * 8);\n --lbr-corner-radius-round: 1024px;\n --lbr-stroke-x1: calc(#{$lbr-stroke-unit} * 1);\n --lbr-stroke-x2: calc(#{$lbr-stroke-unit} * 2);\n --lbr-stroke-x3: calc(#{$lbr-stroke-unit} * 3);\n --lbr-stroke-x4: calc(#{$lbr-stroke-unit} * 4);\n --lbr-stroke-x6: calc(#{$lbr-stroke-unit} * 6);\n --lbr-stroke-x8: calc(#{$lbr-stroke-unit} * 8);\n --lbr-size-x0125: calc(#{$lbr-size-unit} * 0.125);\n --lbr-size-x025: calc(#{$lbr-size-unit} * 0.25);\n --lbr-size-x05: calc(#{$lbr-size-unit} * 0.5);\n --lbr-size-x075: calc(#{$lbr-size-unit} * 0.75);\n --lbr-size-x1: calc(#{$lbr-size-unit} * 1);\n --lbr-size-x125: calc(#{$lbr-size-unit} * 12.5);\n --lbr-size-x150: calc(#{$lbr-size-unit} * 1.5);\n --lbr-size-x2: calc(#{$lbr-size-unit} * 2);\n --lbr-size-x250: calc(#{$lbr-size-unit} * 2.5);\n --lbr-size-x3: calc(#{$lbr-size-unit} * 3);\n --lbr-size-x350: calc(#{$lbr-size-unit} * 3.5);\n --lbr-size-x4: calc(#{$lbr-size-unit} * 4);\n --lbr-size-x450: calc(#{$lbr-size-unit} * 4.5);\n --lbr-size-x5: calc(#{$lbr-size-unit} * 5);\n --lbr-size-x550: calc(#{$lbr-size-unit} * 5.5);\n --lbr-size-x6: calc(#{$lbr-size-unit} * 6);\n --lbr-size-x7: calc(#{$lbr-size-unit} * 7);\n --lbr-size-x8: calc(#{$lbr-size-unit} * 8);\n --lbr-size-x9: calc(#{$lbr-size-unit} * 9);\n --lbr-size-x10: calc(#{$lbr-size-unit} * 10);\n --lbr-size-x11: calc(#{$lbr-size-unit} * 11);\n --lbr-size-x12: calc(#{$lbr-size-unit} * 12);\n --lbr-size-x13: calc(#{$lbr-size-unit} * 13);\n --lbr-size-x14: calc(#{$lbr-size-unit} * 14);\n --lbr-size-x15: calc(#{$lbr-size-unit} * 15);\n --lbr-size-x16: calc(#{$lbr-size-unit} * 16);\n --lbr-size-x17: calc(#{$lbr-size-unit} * 17);\n --lbr-size-x18: calc(#{$lbr-size-unit} * 18);\n --lbr-size-x20: calc(#{$lbr-size-unit} * 20);\n --lbr-size-x28: calc(#{$lbr-size-unit} * 28);\n --lbr-size-x32: calc(#{$lbr-size-unit} * 32);\n --lbr-size-x40: calc(#{$lbr-size-unit} * 40);\n --lbr-size-x50: calc(#{$lbr-size-unit} * 50);\n --lbr-size-x60: calc(#{$lbr-size-unit} * 60);\n --lbr-size-x64: calc(#{$lbr-size-unit} * 64);\n --lbr-size-x80: calc(#{$lbr-size-unit} * 80);\n --lbr-size-x86: calc(#{$lbr-size-unit} * 86);\n --lbr-size-x90: calc(#{$lbr-size-unit} * 90);\n --lbr-size-max: 10000px;\n}","@use \"./ctr-variables.scss\" as *;\n\n.svc-creator {\n --sjs-font-size-x05: calc(#{$font-unit} * 0.5);\n --sjs-font-size-x075: calc(#{$font-unit} * 0.75);\n --sjs-font-size-x1: calc(#{$font-unit} * 1);\n --sjs-font-size-x150: calc(#{$font-unit} * 1.5);\n --sjs-font-size-x2: calc(#{$font-unit} * 2);\n --sjs-font-size-x3: calc(#{$font-unit} * 3);\n --sjs-font-size-x4: calc(#{$font-unit} * 4);\n --sjs-font-size-x5: calc(#{$font-unit} * 5);\n --sjs-font-size-x6: calc(#{$font-unit} * 6);\n --sjs-font-size-x7: calc(#{$font-unit} * 7);\n --sjs-font-size-x8: calc(#{$font-unit} * 8);\n --sjs-line-height-x1: calc(#{$line-height-unit} * 1);\n --sjs-line-height-x150: calc(#{$line-height-unit} * 1.5);\n --sjs-line-height-x2: calc(#{$line-height-unit} * 2);\n --sjs-line-height-x3: calc(#{$line-height-unit} * 3);\n --sjs-line-height-x4: calc(#{$line-height-unit} * 4);\n --sjs-line-height-x5: calc(#{$line-height-unit} * 5);\n --sjs-line-height-x6: calc(#{$line-height-unit} * 6);\n --sjs-line-height-x7: calc(#{$line-height-unit} * 7);\n --sjs-line-height-x8: calc(#{$line-height-unit} * 8);\n}","@use \"./ctr-variables.scss\" as *;\n\n.svc-creator {\n --sjs-spacing-x2: calc(#{$spacing-unit} * 2);\n --sjs-spacing-x3: calc(#{$spacing-unit} * 3);\n --sjs-spacing-x1: calc(#{$spacing-unit} * 1);\n --sjs-spacing-x05: calc(#{$spacing-unit} * 0.5);\n --sjs-spacing-x025: calc(#{$spacing-unit} * 0.25);\n --sjs-spacing-x0125: calc(#{$spacing-unit} * 0.125);\n --sjs-spacing-x150: calc(#{$spacing-unit} * 1.5);\n --sjs-spacing-x250: calc(#{$spacing-unit} * 2.5);\n --sjs-spacing-x4: calc(#{$spacing-unit} * 4);\n --sjs-spacing-x350: calc(#{$spacing-unit} * 3.5);\n --sjs-spacing-x5: calc(#{$spacing-unit} * 5);\n --sjs-spacing-x6: calc(#{$spacing-unit} * 6);\n --sjs-spacing-x7: calc(#{$spacing-unit} * 7);\n --sjs-spacing-x8: calc(#{$spacing-unit} * 8);\n --sjs-spacing-x9: calc(#{$spacing-unit} * 9);\n --sjs-spacing-x10: calc(#{$spacing-unit} * 10);\n --sjs-spacing-x11: calc(#{$spacing-unit} * 11);\n --sjs-spacing-x12: calc(#{$spacing-unit} * 12);\n --sjs-spacing-x13: calc(#{$spacing-unit} * 13);\n --sjs-spacing-x14: calc(#{$spacing-unit} * 14);\n --sjs-spacing-x15: calc(#{$spacing-unit} * 15);\n --sjs-spacing-x16: calc(#{$spacing-unit} * 16);\n --sjs-spacing-x075: calc(#{$spacing-unit} * 0.75);\n --sjs-spacing-x125: calc(#{$spacing-unit} * 1.25);\n --sjs-spacing-x1050: calc(#{$spacing-unit} * 10.5);\n --sjs-spacing-x0375: calc(#{$spacing-unit} * 0.375);\n --sjs-spacing-x850: calc(#{$spacing-unit} * 8.5);\n --sjs-spacing-x025n: calc(#{$spacing-unit} * -0.25);\n --sjs-spacing-x3n: calc(#{$spacing-unit} * -3);\n --sjs-spacing-x4n: calc(#{$spacing-unit} * -4);\n --sjs-spacing-x05n: calc(#{$spacing-unit} * -0.5);\n --sjs-spacing-x1n: calc(#{$spacing-unit} * -1);\n --sjs-spacing-x150n: calc(#{$spacing-unit} * -1.5);\n --sjs-spacing-x2n: calc(#{$spacing-unit} * -2);\n --sjs-spacing-x5n: calc(#{$spacing-unit} * -5);\n --sjs-spacing-x6n: calc(#{$spacing-unit} * -6);\n --sjs-spacing-x7n: calc(#{$spacing-unit} * -7);\n --sjs-spacing-x8n: calc(#{$spacing-unit} * -8);\n --sjs-corner-radius-x0125: calc(#{$corner-radius-unit} * 0.125);\n --sjs-corner-radius-x025: calc(#{$corner-radius-unit} * 0.25);\n --sjs-corner-radius-x05: calc(#{$corner-radius-unit} * 0.5);\n --sjs-corner-radius-x075: calc(#{$corner-radius-unit} * 0.75);\n --sjs-corner-radius-x1: calc(#{$corner-radius-unit} * 1);\n --sjs-corner-radius-x125: calc(#{$corner-radius-unit} * 1.25);\n --sjs-corner-radius-x150: calc(#{$corner-radius-unit} * 1.5);\n --sjs-corner-radius-x2: calc(#{$corner-radius-unit} * 2);\n --sjs-corner-radius-x250: calc(#{$corner-radius-unit} * 2.5);\n --sjs-corner-radius-x3: calc(#{$corner-radius-unit} * 3);\n --sjs-corner-radius-x350: calc(#{$corner-radius-unit} * 3.5);\n --sjs-corner-radius-x4: calc(#{$corner-radius-unit} * 4);\n --sjs-corner-radius-x5: calc(#{$corner-radius-unit} * 5);\n --sjs-corner-radius-x6: calc(#{$corner-radius-unit} * 6);\n --sjs-corner-radius-x7: calc(#{$corner-radius-unit} * 7);\n --sjs-corner-radius-x8: calc(#{$corner-radius-unit} * 8);\n --sjs-corner-radius-round: calc(#{$corner-radius-unit} * 128);\n --sjs-corner-radius-x0375: calc(#{$corner-radius-unit} * 0.375);\n --sjs-stroke-x1: calc(#{$stroke-unit} * 1);\n --sjs-stroke-x2: calc(#{$stroke-unit} * 2);\n --sjs-stroke-x3: calc(#{$stroke-unit} * 3);\n --sjs-stroke-x4: calc(#{$stroke-unit} * 4);\n --sjs-stroke-x6: calc(#{$stroke-unit} * 6);\n --sjs-stroke-x8: calc(#{$stroke-unit} * 8);\n --sjs-size-x0125: calc(#{$size-unit} * 0.125);\n --sjs-size-x025: calc(#{$size-unit} * 0.25);\n --sjs-size-x05: calc(#{$size-unit} * 0.5);\n --sjs-size-x075: calc(#{$size-unit} * 0.75);\n --sjs-size-x1: calc(#{$size-unit} * 1);\n --sjs-size-x125: calc(#{$size-unit} * 1.25);\n --sjs-size-x150: calc(#{$size-unit} * 1.5);\n --sjs-size-x2: calc(#{$size-unit} * 2);\n --sjs-size-x250: calc(#{$size-unit} * 2.5);\n --sjs-size-x3: calc(#{$size-unit} * 3);\n --sjs-size-x350: calc(#{$size-unit} * 3.5);\n --sjs-size-x4: calc(#{$size-unit} * 4);\n --sjs-size-x5: calc(#{$size-unit} * 5);\n --sjs-size-x6: calc(#{$size-unit} * 6);\n --sjs-size-x7: calc(#{$size-unit} * 7);\n --sjs-size-x8: calc(#{$size-unit} * 8);\n --sjs-size-x9: calc(#{$size-unit} * 9);\n --sjs-size-x10: calc(#{$size-unit} * 10);\n --sjs-size-x11: calc(#{$size-unit} * 11);\n --sjs-size-x12: calc(#{$size-unit} * 12);\n --sjs-size-x13: calc(#{$size-unit} * 13);\n --sjs-size-x14: calc(#{$size-unit} * 14);\n --sjs-size-x15: calc(#{$size-unit} * 15);\n --sjs-size-x16: calc(#{$size-unit} * 16);\n --sjs-size-x550: calc(#{$size-unit} * 5.5);\n --sjs-size-max: 10000px;\n --sjs-size-x17: calc(#{$size-unit} * 17);\n --sjs-size-x18: calc(#{$size-unit} * 18);\n --sjs-size-x64: calc(#{$size-unit} * 64);\n --sjs-size-x90: calc(#{$size-unit} * 90);\n --sjs-size-x80: calc(#{$size-unit} * 80);\n --sjs-size-x40: calc(#{$size-unit} * 40);\n --sjs-size-x32: calc(#{$size-unit} * 32);\n --sjs-size-x20: calc(#{$size-unit} * 20);\n --sjs-size-x86: calc(#{$size-unit} * 86);\n --sjs-size-x60: calc(#{$size-unit} * 60);\n --sjs-size-x28: calc(#{$size-unit} * 28);\n --sjs-size-x50: calc(#{$size-unit} * 50);\n}","@use \"../variables\" as *;\n\n.sd-element__header {\n .svc-string-editor {\n display: inline-block;\n max-width: 100%;\n }\n}\n\n.svc-string-editor {\n position: static;\n\n [contenteditable=\"true\"] {\n user-select: text;\n -webkit-user-select: text;\n }\n\n .sv-string-editor {\n position: relative;\n outline: none;\n z-index: 12;\n\n &[aria-placeholder]:empty:before {\n content: attr(aria-placeholder);\n color: var(--ctr-survey-page-header-title-color-placeholder, $foreground-light);\n transition: color $creator-transition-duration;\n }\n }\n\n .sv-string-editor--html,\n .sv-string-editor:focus-within {\n white-space: pre-wrap;\n }\n\n &.svc-string-editor--hidden {\n display: none;\n }\n}\n\n.svc-string-editor__content {\n display: inline-block;\n position: relative;\n z-index: 10;\n width: 100%;\n}\n\n.svc-matrix-cell {\n .svc-string-editor__content {\n width: auto;\n }\n}\n\n.svc-string-editor__content:focus-within .svc-remaining-character-counter {\n display: inline-block;\n}\n\n.svc-string-editor__input {\n display: flex;\n}\n\n.svc-remaining-character-counter {\n @include ctrSmallFont;\n display: none;\n position: relative;\n outline: none;\n z-index: 20;\n padding: 0px;\n vertical-align: top;\n margin-inline-start: calcSize(2);\n color: $foreground-light;\n}\n\n.svc-string-editor__border {\n position: absolute;\n z-index: 11;\n display: flex;\n align-items: center;\n justify-content: right;\n line-height: 0px;\n transition: opacity $creator-transition-duration;\n box-shadow: 0px 0px 0px 0px $border-inside;\n border-radius: 3px;\n opacity: 0;\n\n &.svc-string-editor__border--hover {\n top: 0;\n bottom: 0;\n left: calcSize(-0.5);\n right: calcSize(-0.5);\n //right: calcSize(-4.5); // if need pencil icon\n box-shadow: 0px 0px 0px calcSize(0.25) $border-inside;\n transition-delay: 0ms;\n }\n\n &.svc-string-editor__border--focus {\n top: calcSize(-0.5);\n bottom: calcSize(-0.5);\n left: calcSize(-1);\n right: calcSize(-1);\n box-sizing: content-box;\n background-color: $background;\n box-shadow: $shadow-medium, 0px 0px 0px calcSize(0.25) $primary;\n }\n}\n\n.svc-string-editor__error {\n @include ctrDefaultFont;\n margin-left: calcSize(1);\n color: red;\n display: none;\n}\n\n.svc-string-editor__controls {\n position: absolute;\n left: 100%;\n height: 100%;\n width: calcSize(2);\n top: 0;\n padding-left: calcSize(2);\n z-index: 12;\n display: none;\n align-items: center;\n justify-content: center;\n line-height: 0px;\n}\n\n.svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) {\n .svc-string-editor__border--hover {\n opacity: 1;\n transition-delay: 0ms;\n }\n\n .svc-string-editor__border--focus {\n transition: none;\n }\n}\n\n.svc-creator--disable-animations {\n .svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) {\n .svc-string-editor__border--hover {\n transition-delay: 0ms;\n }\n }\n}\n\n.svc-string-editor:focus-within {\n .svc-string-editor__border--focus {\n opacity: 1;\n }\n\n .svc-string-editor__border--hover {\n transition: none;\n }\n}\n\n.svc-string-editor.svc-string-editor--error:focus-within {\n .svc-string-editor__border--focus {\n box-shadow: $shadow-medium, 0px 0px 0px calcSize(0.25) $red;\n }\n}\n\n.sd-boolean {\n .sv-string-editor:focus-within {\n white-space: nowrap;\n }\n}\n\n.sd-rating {\n .sd-rating__item:focus-within {\n\n &:not(.sd-rating__min-text),\n &:not(.sd-rating__max-text) {\n .svc-string-editor:focus-within {\n .svc-string-editor__border {\n display: none;\n }\n }\n }\n }\n}\n\n.sd-table__cell--column-title {\n .svc-matrix-cell:not(:focus):focus-within {\n .svc-matrix-cell--selected {\n border: calcSize(0.25) solid $primary;\n border-radius: calcSize(0.5);\n display: block;\n }\n }\n\n .svc-string-editor:focus-within {\n .svc-string-editor__border {\n display: none;\n }\n }\n}\n\n.sd-item__control-label {\n .svc-string-editor:focus-within {\n .svc-string-editor__border {\n left: calcSize(-0.7);\n right: calcSize(-0.7);\n }\n }\n}\n\n.svc-string-editor {\n\n &:hover,\n &:focus-within {\n &~.sd-question__required-text {\n visibility: hidden;\n }\n }\n}\n\n// .sv-question__header,\n// .sv-title {\n// position: relative;\n// }\n.svc-string-editor--multiline .sv-string-editor {\n white-space: pre-wrap;\n}","@use \"../variables\" as *;\n\n.svc-btn {\n display: flex;\n padding: var(--ctr-button-padding-vertical, calcSize(2)) var(--ctr-button-padding-horizontal, calcSize(6));\n justify-content: center;\n align-items: center;\n\n background-color: var(--ctr-button-background-color, $background);\n border-radius: var(--ctr-button-corner-radius, calcSize(0.5));\n cursor: pointer;\n user-select: none;\n outline: solid calcSize(0.25) transparent;\n transition: background-color $creator-transition-duration;\n\n box-shadow: var(--ctr-button-shadow-offset-x, 0px) var(--ctr-button-shadow-offset-y, 1px)\n var(--ctr-button-shadow-blur, 2px) var(--ctr-button-shadow-spread, 0px)\n var(--ctr-button-shadow-color, var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15)));\n}\n.svc-btn__text {\n @include ctrDefaultBoldFont;\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n color: var(--ctr-button-text-color, $primary);\n}\n\n.svc-btn:hover {\n background-color: var(--ctr-button-background-color-hovered, $background-dark);\n}\n\n.svc-btn:focus {\n box-shadow: 0 0 0 var(--ctr-button-border-width-focused, 2px) var(--ctr-button-border-color-focused, $primary);\n}",".svc-btn {\n display: flex;\n padding: var(--ctr-button-padding-vertical, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-button-padding-horizontal, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n justify-content: center;\n align-items: center;\n background-color: var(--ctr-button-background-color, var(--sjs-general-backcolor, var(--background, #fff)));\n border-radius: var(--ctr-button-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n cursor: pointer;\n user-select: none;\n outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;\n transition: background-color var(--sjs-creator-transition-duration, 150ms);\n box-shadow: var(--ctr-button-shadow-offset-x, 0px) var(--ctr-button-shadow-offset-y, 1px) var(--ctr-button-shadow-blur, 2px) var(--ctr-button-shadow-spread, 0px) var(--ctr-button-shadow-color, var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15)));\n}\n\n.svc-btn__text {\n --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));\n font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));\n font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));\n font-style: normal;\n font-weight: 400;\n line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));\n font-weight: 600;\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n color: var(--ctr-button-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.svc-btn:hover {\n background-color: var(--ctr-button-background-color-hovered, var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))));\n}\n\n.svc-btn:focus {\n box-shadow: 0 0 0 var(--ctr-button-border-width-focused, 2px) var(--ctr-button-border-color-focused, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.svc-action-button {\n --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));\n font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));\n font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));\n font-style: normal;\n font-weight: 400;\n line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));\n font-weight: 600;\n display: inline-block;\n padding-top: var(--ctr-actionbar-button-padding-top-medium-text, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n padding-inline-end: var(--ctr-actionbar-button-padding-right-medium-text, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n padding-bottom: var(--ctr-actionbar-button-padding-bottom-medium-text, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n padding-inline-start: var(--ctr-actionbar-button-padding-left-medium-text, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n box-sizing: border-box;\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n}\n.svc-action-button:focus, .svc-action-button:hover {\n background-color: var(--ctr-survey-action-button-background-color-hovered-positive, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));\n outline: none;\n}\n\n.svc-action-button--selected {\n border-color: var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.svc-action-button--disabled {\n opacity: var(--ctr-survey-action-button-opacity-disabled, 0.25);\n color: var(--ctr-survey-action-button-text-color-disabled, var(--sjs-general-forecolor, var(--foreground, #161616)));\n}","@use \"../variables\" as *;\n\n.svc-action-button {\n @include ctrDefaultBoldFont;\n display: inline-block;\n\n padding-top: var(--ctr-actionbar-button-padding-top-medium-text, calcSize(0.5));\n padding-inline-end: var(--ctr-actionbar-button-padding-right-medium-text, calcSize(2));\n padding-bottom: var(--ctr-actionbar-button-padding-bottom-medium-text, calcSize(0.5)); \n padding-inline-start: var(--ctr-actionbar-button-padding-left-medium-text, calcSize(2));\n\n box-sizing: border-box;\n border-radius: calcSize(12.5);\n\n color: var(--ctr-survey-action-button-text-color-positive, $primary);\n\n border: calcSize(0.25) solid transparent;\n\n &:focus,\n &:hover {\n background-color: var(--ctr-survey-action-button-background-color-hovered-positive, $primary-light);\n outline: none;\n }\n}\n\n.svc-action-button--selected {\n border-color: var(--ctr-survey-action-button-text-color-positive, $primary);\n}\n\n.svc-action-button--disabled {\n opacity: var(--ctr-survey-action-button-opacity-disabled, 0.25);\n color: var(--ctr-survey-action-button-text-color-disabled, $foreground);\n}\n\n.svc-action-button--pressed {}","@use \"../../variables\" as *;\n\nsvc-page-navigator,\n.svc-page-navigator {\n display: flex;\n flex-direction: column;\n gap: var(--ctr-page-navigator-gap, calcSize(2));\n}\n\n.svc-page-navigator__button-icon {\n display: block;\n width: var(--ctr-page-navigator-button-icon-width, calcSize(3));\n height: var(--ctr-page-navigator-button-icon-height, calcSize(3));\n padding: var(--ctr-page-navigator-button-padding, calcSize(1));\n border-radius: var(--ctr-page-navigator-button-corner-radius, 50%);\n overflow: visible;\n cursor: pointer;\n transition: background-color $creator-transition-duration;\n\n .sv-svg-icon {\n width: var(--ctr-page-navigator-button-icon-width, calcSize(3));\n height: var(--ctr-page-navigator-button-icon-height, calcSize(3));\n }\n\n use {\n fill: var(--ctr-page-navigator-button-icon-color, $foreground-light);\n transition: fill $creator-transition-duration;\n }\n}\n\n.svc-page-navigator__button {\n --ctr-page-navigator-button-double-padding: calc(2 * var(--ctr-page-navigator-button-padding));\n --ctr-page-navigator-button-width: calc(var(--ctr-page-navigator-button-icon-width) + var(--ctr-page-navigator-button-double-padding));\n --ctr-page-navigator-button-height: calc(var(--ctr-page-navigator-button-icon-height) + var(--ctr-page-navigator-button-double-padding));\n width: var(--ctr-page-navigator-button-width, calcSize(5));\n height: var(--ctr-page-navigator-button-height, calcSize(5));\n\n padding: 0;\n cursor: pointer;\n border: none;\n background-color: transparent;\n\n &:hover,\n &:focus-visible {\n outline: none;\n\n .svc-page-navigator__button-icon {\n background-color: var(--ctr-page-navigator-button-background-color-hovered, $primary-light);\n\n use {\n fill: var(--ctr-page-navigator-button-icon-color-hovered, $primary);\n }\n }\n }\n}\n\n.svc-page-navigator__button--pressed,\n.svc-page-navigator__button:active {\n .svc-page-navigator__button-icon {\n background: var(--ctr-page-navigator-button-background-color-pressed, $primary-light);\n opacity: var(--ctr-page-navigator-button-opacity-pressed, 0.5);\n\n use {\n fill: var(--ctr-page-navigator-button-icon-color-hovered, $primary);\n }\n }\n}\n\n.svc-page-navigator__button--active,\n.svc-page-navigator__button--active:hover {\n .svc-page-navigator__button-icon {\n background: var(--ctr-page-navigator-button-background-color-checked, transparent);\n\n use {\n fill: var(--ctr-page-navigator-button-icon-color-checked, $primary);\n }\n }\n}\n\n.svc-page-navigator__popup {\n min-width: calcSize(12.5);\n}\n\n.svc-tab-designer__page-navigator {\n display: flex;\n flex-grow: 1;\n}","@use \"../../variables\" as *;\n\nsvc-page-navigator-item,\n.svc-page-navigator-item {\n display: flex;\n justify-content: center;\n cursor: pointer;\n}\n\n.svc-page-navigator-item-content {\n display: flex;\n padding: var(--ctr-page-navigator-item-padding-top, calcSize(1)) var(--ctr-page-navigator-item-padding-right, calcSize(1.5)) var(--ctr-page-navigator-item-padding-bottom, calcSize(1)) var(--ctr-page-navigator-item-padding-left, calcSize(1.5));\n gap: var(--ctr-page-navigator-item-gap, calcSize(1));\n justify-content: flex-end;\n align-items: center;\n position: relative;\n\n &:hover,\n &:focus {\n outline: none;\n }\n}\n\n.svc-page-navigator__items--up {\n .svc-page-navigator-item-content {\n transition: 0.25s ease-in-out;\n transform: translateY(-100%);\n }\n\n svc-page-navigator-item:first-child .svc-page-navigator-item-content {\n opacity: 0;\n }\n}\n\n.svc-page-navigator__items--down {\n .svc-page-navigator-item-content {\n transition: 0.25s ease-in-out;\n transform: translateY(100%);\n }\n\n svc-page-navigator-item:last-child .svc-page-navigator-item-content {\n opacity: 0;\n }\n}\n\n.svc-page-navigator-item__dot {\n display: flex;\n width: var(--ctr-page-navigator-item-dot-container-width, calcSize(2.5));\n height: var(--ctr-page-navigator-item-dot-container-height, calcSize(2.5));\n justify-content: center;\n align-items: center;\n}\n\n.svc-page-navigator-item__dot-content {\n width: var(--ctr-page-navigator-item-dot-radius-small, calcSize(0.75));\n height: var(--ctr-page-navigator-item-dot-radius-small, calcSize(0.75));\n flex-shrink: 0;\n background: var(--ctr-page-navigator-item-dot-color-default, $border-inside);\n border-radius: var(--ctr-page-navigator-item-dot-radius-small, calcSize(0.75));\n}\n\n.svc-page-navigator-item__banner {\n @include textEllipsis;\n padding: var(--ctr-page-navigator-item-padding-top, calcSize(1)) var(--ctr-page-navigator-item-padding-right, calcSize(1.5)) var(--ctr-page-navigator-item-padding-bottom, calcSize(1)) var(--ctr-page-navigator-item-padding-left-hovered, calcSize(2));\n justify-content: flex-end;\n align-items: center;\n gap: var(--ctr-page-navigator-item-gap, calcSize(1));\n border-radius: var(--ctr-page-navigator-item-corner-radius, 1024px);\n background: var(--ctr-page-navigator-item-background-color-hovered, $background);\n\n box-shadow:\n var(--ctr-page-navigator-item-shadow-hovered-1-offset-x, 0px) var(--ctr-page-navigator-item-shadow-hovered-1-offset-y, 2px) var(--ctr-page-navigator-item-shadow-hovered-1-blur, 6px) var(--ctr-page-navigator-item-shadow-hovered-1-spread, 0px) var(--ctr-page-navigator-item-shadow-hovered-1-color, rgba(0, 0, 0, 0.1)),\n var(--ctr-page-navigator-item-shadow-hovered-2-offset-x, 0px) var(--ctr-page-navigator-item-shadow-hovered-2-offset-y, 0px) var(--ctr-page-navigator-item-shadow-hovered-2-blur, 0px) var(--ctr-page-navigator-item-shadow-hovered-2-spread, 0px) var(--ctr-page-navigator-item-shadow-hovered-2-color, transparent);\n opacity: 0;\n transition: opacity $creator-transition-duration;\n\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n display: none;\n\n .svc-page-navigator-item__dot-content {\n width: var(--ctr-page-navigator-item-dot-radius-large, calcSize(1));\n height: var(--ctr-page-navigator-item-dot-radius-large, calcSize(1));\n flex-shrink: 0;\n background: var(--ctr-page-navigator-item-dot-color-hovered, $primary);\n border-radius: 100%;\n }\n}\n\n.svc-page-navigator-item__text {\n @include ctrSmallBoldFont;\n color: var(--ctr-page-navigator-item-text-color-hovered, #{$foreground});\n}\n\n.svc-page-navigator-item--selected {\n .svc-page-navigator-item__dot-content {\n width: var(--ctr-page-navigator-item-dot-radius-large, calcSize(1));\n height: var(--ctr-page-navigator-item-dot-radius-large, calcSize(1));\n flex-shrink: 0;\n background: var(--ctr-page-navigator-item-dot-color-selected, $background);\n border-style: solid;\n border-width: 2px;\n border-color: var(--ctr-page-navigator-item-dot-border-color-selected, $primary);\n }\n}\n\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover,\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus {\n\n .svc-page-navigator-item__banner {\n display: flex;\n opacity: 1;\n }\n}\n\n.svc-creator__toolbox--right,\n[dir='rtl'],\n[style*='direction:rtl'],\n[style*='direction: rtl'] {\n .svc-page-navigator-item__banner {\n right: unset;\n left: 0;\n padding: var(--ctr-page-navigator-item-padding-top, calcSize(1)) var(--ctr-page-navigator-item-padding-left-hovered, calcSize(2)) var(--ctr-page-navigator-item-padding-bottom, calcSize(1)) var(--ctr-page-navigator-item-padding-left, calcSize(1.5));\n direction: rtl;\n\n .svc-page-navigator-item__dot {}\n }\n}\n\n.svc-page-navigator-item--disabled {\n .svc-page-navigator-item__banner {\n color: $foreground;\n opacity: 0.25;\n }\n}","@use \"../variables\" as *;\n\nsvc-page {\n display: block;\n}\n\n.svc-page {\n margin-top: calcSize(2);\n\n .sd-page__title {\n margin-top: calcSize(3);\n gap: calcSize(0.5);\n }\n\n .sd-page__description {\n margin-bottom: calcSize(1);\n }\n\n .sd-page__num {\n color: var(--ctr-survey-page-header-title-color-placeholder, $foreground-light);\n }\n\n .svc-panel__placeholder {\n @include lbrDefaultFont;\n color: var(--ctr-survey-page-placeholder-text-color, $foreground-light);\n }\n}\n\n.svc-page__content {\n position: relative;\n border-radius: var(--ctr-survey-page-corner-radius, calcSize(1));\n padding: calcSize(1) calcSize(0) calcSize(3);\n\n box-sizing: border-box;\n width: 100%;\n outline-color: transparent;\n outline: 2px transparent dashed;\n transition-property: background-color, box-shadow, outline-color;\n transition-duration: $creator-transition-duration;\n\n .sd-page {\n margin: 0;\n padding: calcSize(1) calcSize(3) 0;\n }\n\n &>.svc-question__drag-area {\n padding-top: calcSize(1.25);\n\n .svc-question__drag-element {\n transition: opacity $creator-transition-duration;\n }\n }\n}\n\n.svc-page__content.svc-page__content--no-header {\n .sd-page {\n margin-top: calcSize(2);\n padding-top: var(--ctr-survey-page-content-margin-top-no-header, calcSize(1));\n }\n}\n\n.svc-page__content--dragged {\n opacity: 0.25;\n}\n\n.svc-page__content-actions {\n position: absolute;\n opacity: 0;\n top: calcSize(1);\n inset-inline-end: 0; // right\n padding: 0 calcSize(1.5) 0 calcSize(1);\n z-index: 1;\n transition: opacity $creator-transition-duration;\n\n .sv-action-bar-separator {\n margin: 0 calcSize(1);\n }\n\n h4.sd-title {\n .sv-string-editor {\n &[aria-placeholder]:empty:before {\n color: var(--ctr-survey-page-header-title-color-placeholder, $foreground-light);\n }\n }\n }\n}\n\n.svc-page-toolbar__item {\n @include defaultActionButtonSettings;\n --thm-survey-question-panel-toolbar-item-padding-top: calc(var(--ctr-survey-question-panel-toolbar-item-padding-top) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-top));\n --thm-survey-question-panel-toolbar-item-padding-right: calc(var(--ctr-survey-question-panel-toolbar-item-padding-right) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-right));\n --thm-survey-question-panel-toolbar-item-padding-bottom: calc(var(--ctr-survey-question-panel-toolbar-item-padding-bottom) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom));\n --thm-survey-question-panel-toolbar-item-padding-left: calc(var(--ctr-survey-question-panel-toolbar-item-padding-left) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-left));\n\n --thm-survey-question-panel-toolbar-button-gap: calc(var(--ctr-survey-question-panel-toolbar-gap) / 2);\n margin: 0 var(--thm-survey-question-panel-toolbar-button-gap, calcSize(0.5));\n border-radius: var(--ctr-survey-page-toolbar-item-corner-radius, calcSize(0.5));\n padding: var(--thm-survey-question-panel-toolbar-item-padding-top, calcSize(1)) var(--thm-survey-question-panel-toolbar-item-padding-right, calcSize(1)) var(--thm-survey-question-panel-toolbar-item-padding-bottom, calcSize(1)) var(--thm-survey-question-panel-toolbar-item-padding-left, calcSize(1));\n justify-content: center;\n align-items: center;\n\n background-color: transparent;\n transition: background-color $creator-transition-duration;\n\n use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, $secondary);\n }\n //hovered and focused state\n &:hover,\n &:focus-visible {\n background-color: var(--ctr-survey-page-toolbar-item-background-color-hovered, $background-dim);\n }\n\n //pressed state\n &:active,\n &.svc-page-toolbar__item--pressed {\n background-color: var(--ctr-survey-page-toolbar-item-background-color-hovered, $background-dim);\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);\n use {\n fill: black;\n opacity: 0.5;\n }\n }\n\n //checked state\n &.svc-survey-element-toolbar__item--active {\n background-color: var(--ctr-survey-page-toolbar-item-background-color-selected, $secondary-backcolor-semi-light);\n .svc-survey-element-toolbar-item__title {\n color: var(--ctr-survey-page-toolbar-item-text-color-selected, $foreground);\n }\n use {\n fill: var(--ctr-survey-page-toolbar-item-icon-color-selected, $secondary);\n }\n }\n\n //disabled state\n :disabled {\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);\n }\n}\n\n.svc-page-toolbar__item--with-text {\n --thm-survey-question-panel-toolbar-item-padding-right: calc(var(--ctr-survey-question-panel-toolbar-item-padding-right-with-text) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-right));\n --thm-survey-question-panel-toolbar-item-gap: calc(var(--ctr-survey-question-panel-toolbar-item-gap) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-right));\n\n padding-inline-end: var(--thm-survey-question-panel-toolbar-item-padding-right-with-text, calcSize(1));\n gap: var(--thm-survey-question-panel-toolbar-item-gap, calcSize(0.5));\n}\n\n.svc-page-toolbar .sv-action:last-of-type .svc-page-toolbar__item {\n margin-inline-end: 0;\n}\n\n.svc-page-toolbar .sv-action:first-of-type .svc-page-toolbar__item {\n margin-inline-start: 0;\n}\n\n.svc-page-toolbar-item__icon {\n --thm-survey-page-toolbar-item-icon-width: calc(var(--ctr-survey-question-panel-toolbar-item-icon-container-width) - var(--ctr-survey-question-panel-toolbar-item-icon-padding-right) - var(--ctr-survey-question-panel-toolbar-item-icon-padding-left));\n --thm-survey-page-toolbar-item-icon-height: calc(var(--ctr-survey-question-panel-toolbar-item-icon-container-height) - var(--ctr-survey-question-panel-toolbar-item-icon-padding-top) - var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom));\n width: var(--thm-survey-page-toolbar-item-icon-width, calcSize(2));\n height: var(--thm-survey-page-toolbar-item-icon-height, calcSize(2));\n}\n\n.svc-page-toolbar-item__title {\n @include lbrSmallBoldFont;\n color: var(--ctr-survey-page-toolbar-item-text-color, $foreground);\n}\n\n.svc-page__content-actions {\n .sv-action-bar-item-dropdown {\n border-radius: calcCornerRadius(0.5);\n background-color: transparent;\n }\n}\n\n.svc-page__content:focus,\n.svc-hovered.svc-page__content {\n box-shadow: 0 0 0 var(--ctr-survey-page-border-width-hovered, 2px) var(--ctr-survey-page-border-color-hovered, $secondary-light);\n background: var(--ctr-survey-page-background-color-hovered, $secondary-backcolor-semi-light);\n}\n\n.svc-page__content--new.svc-page__content--new {\n box-shadow: none;\n background-color: transparent;\n padding-top: var(--ctr-survey-page-margin-top, calcSize(2));\n padding-bottom: var(--ctr-survey-page-margin-bottom-new-page, calcSize(9));\n}\n\n.svc-page__content--selected,\n.svc-hovered.svc-page__content {\n .svc-page__content-actions {\n opacity: 1;\n }\n\n &>.svc-question__drag-area {\n z-index: 1;\n\n .svc-question__drag-element {\n width: var(--ctr-survey-page-drag-indicator-width, calcSize(3));\n height: var(--ctr-survey-page-drag-indicator-height, calcSize(2));\n opacity: var(--ctr-survey-page-drag-indicator-opacity, 0.5);\n }\n }\n}\n\n.svc-page__content--selected.svc-page__content--selected {\n box-shadow: 0 0 0 var(--ctr-survey-page-border-width-selected, 2px) var(--ctr-survey-page-border-color-selected, $secondary);\n background: var(--ctr-survey-page-background-color-selected, $secondary-backcolor-semi-light);\n}\n\n.svc-page__content--animation-running {\n .svc-row {\n .svc-question--enter {\n animation: none;\n }\n\n .svc-question--leave {\n animation-name: moveInWithOverflow;\n animation-direction: reverse;\n animation-fill-mode: forwards;\n animation-timing-function: $reverse-ease-out;\n animation-duration: $svc-collapse-move-out-duration;\n animation-delay: $svc-collapse-move-out-delay;\n }\n }\n}\n\n.svc-creator--disable-animations {\n .svc-row {\n .svc-question--leave {\n animation: none;\n }\n }\n}\n\n.svc-page__content--collapse-onhover,\n.svc-page__content--collapse-always {\n outline: 2px transparent dashed;\n\n &.svc-page__content--selected,\n &.svc-page__content.svc-hovered {\n outline-color: transparent;\n }\n\n &.svc-page__content--collapsed-drag-over-inside {\n box-shadow: 0 0 0 2px $primary;\n background: $primary-light;\n animation: collapsed-drag-over-inside-blinking 1s infinite;\n outline-color: transparent;\n }\n}\n\n.svc-page__content--collapsed {\n outline-color: $border;\n}\n\n.svc-creator--mobile {\n .svc-page__content {\n &::after {\n margin: 0;\n border-radius: calcSize(1);\n }\n }\n\n &.svc-creator .svc-page .svc-page__content--selected,\n &.svc-creator .svc-page .svc-page__content--selected:focus,\n .svc-hovered.svc-page__content {\n &.svc-page__content--selected {\n box-shadow: 0 0 0 2px inset $secondary;\n\n box-shadow: 0 0 0 2px inset var(--ctr-survey-page-border-color-selected, $secondary);\n background: var(--ctr-survey-page-background-color-selected, $secondary-backcolor-semi-light);\n\n .svc-page__content-actions {\n display: block;\n }\n }\n }\n\n .svc-page__content:not(.svc-page__content--new):focus,\n .svc-hovered.svc-page__content:not(.svc-page__content--new) {\n box-shadow: 0 0 0 2px inset $secondary-light;\n }\n}\n\n.svc-page__footer {\n overflow: visible;\n margin-left: calcSize(3);\n margin-right: calcSize(3);\n margin-top: calcSize(2);\n gap: calcSize(2);\n\n .sv-action {\n flex: 1 1 0;\n }\n\n .svc-btn {\n flex-grow: 1;\n border: none;\n }\n}\n\n.svc-add-new-item-button__text {\n @include lbrDefaultBoldFont;\n color: var(--ctr-button-text-color, $primary);\n text-align: center;\n}\n\n.svc-element__add-new-question {\n -webkit-tap-highlight-color: transparent;\n height: auto;\n padding: var(--ctr-surface-button-padding-vertical, calcSize(2)) var(--ctr-surface-button-padding-horizontal-contextual-button, calcSize(10));\n border-radius: var(--ctr-surface-button-corner-radius, calcSize(0.5));\n}\n\n.svc-element__add-new-question:focus {\n box-shadow: 0 0 0 var(--ctr-button-border-width-focused, 2px) var(--ctr-button-border-color-focused, $primary);\n}\n\n.svc-element__question-type-selector {\n position: absolute;\n inset-inline-end: 0;\n\n appearance: none;\n display: flex;\n padding: var(--ctr-surface-button-contextual-button-padding-top, calcSize(1)) var(--ctr-surface-button-contextual-button-padding-right, calcSize(1)) var(--ctr-surface-button-contextual-button-padding-bottom, calcSize(1)) var(--ctr-surface-button-contextual-button-padding-left, calcSize(1));\n border-radius: var(--ctr-surface-button-contextual-button-corner-radius, calcSize(0.5));\n box-sizing: border-box;\n border: none;\n background: transparent;\n cursor: pointer;\n\n margin: var(--ctr-surface-button-contextual-button-margin-vertical, calcSize(1)) var(--ctr-surface-button-contextual-button-margin-horizontal, calcSize(1));\n outline: none;\n transition: background-color $creator-transition-duration;\n\n &:hover {\n background-color: var(--ctr-button-contextual-button-background-color-hovered, $background-dim);\n }\n\n &:focus {\n background: var(--ctr-button-contextual-button-background-color-focused, $primary-light);\n }\n}\n\n.svc-element__question-type-selector-icon {\n width: var(--ctr-surface-button-contextual-button-icon-width, calcSize(3));\n height: var(--ctr-surface-button-contextual-button-icon-height, calcSize(3));\n display: flex;\n align-items: center;\n\n .sv-svg-icon {\n width: var(--ctr-surface-button-contextual-button-icon-width, calcSize(3));\n height: var(--ctr-surface-button-contextual-button-icon-height, calcSize(3));\n display: flex;\n align-items: center;\n }\n\n use {\n fill: var(--ctr-button-contextual-button-icon-color, $foreground-light);\n }\n}\n\n.svc-page--drag-over-empty .svc-page__footer:after {\n content: \" \";\n position: absolute;\n background: $secondary;\n left: calcSize(3);\n bottom: calcSize(11.5);\n width: 100%;\n height: calcSize(0.25);\n left: 0;\n top: calc(calcSize(-1) - (calcSize(0.25) / 2));\n}\n\n.svc-page--drag-over-empty-no-add-button:after {\n bottom: auto;\n}\n\n.svc-page__placeholder_frame {\n min-width: auto;\n max-width: 100%;\n margin-top: calcSize(2);\n padding: 0 calcSize(3);\n\n .svc-panel__placeholder_frame {\n padding: calcSize(6) calcSize(8);\n height: auto;\n }\n}\n\n.svc-page__content--collapsed {\n &>.sv-action-bar {\n display: none;\n }\n\n .sd-page__title {\n margin-bottom: 0;\n }\n\n .svc-page__placeholder_frame {\n display: none;\n }\n\n .svc-page__content-actions {\n display: block;\n }\n\n .sd-page {\n display: flex;\n\n &>* {\n display: none;\n }\n\n .sd-title {\n display: block;\n }\n }\n}\n\n.svc-page__content.svc-page__content--collapsed {\n .sd-page {\n padding-bottom: 0;\n }\n}\n\n.svc-creator .svc-page {\n .svc-page__content--collapse-always {\n .svc-page__content-actions {\n opacity: 1;\n\n .sv-action {\n visibility: hidden;\n }\n\n .sv-action.sv-action-bar-item--collapse {\n visibility: visible;\n\n .sv-action-bar-separator {\n visibility: hidden;\n }\n }\n }\n\n &.svc-page__content--selected,\n &.svc-hovered {\n .svc-page__content-actions {\n .sv-action {\n visibility: visible;\n\n .sv-action-bar-separator {\n visibility: visible;\n }\n }\n }\n }\n }\n}\n\n$svc-page-fade-in-duration: var(--sjs-svc-page-fade-in-duration, 250ms);\n$svc-page-move-in-duration: var(--sjs-svc-page-move-in-duration, 250ms);\n$svc-page-fade-in-delay: var(--sjs-svc-page-fade-in-delay, 100ms);\n$svc-page-fade-out-duration: var(--sjs-svc-page-fade-out-duration, 250ms);\n$svc-page-move-out-duration: var(--sjs-svc-page-move-out-duration, 250ms);\n$svc-page-move-out-delay: var(--sjs-svc-page-move-out-delay, 100ms);\n\n.svc-page--enter,\n.svc-page--leave {\n animation-name: fadeIn, moveInWithOverflow;\n animation-fill-mode: forwards;\n animation-duration: var(--fade-animation-duration), var(--move-animation-duration);\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n animation-delay: var(--fade-animation-delay), var(--move-animation-delay);\n}\n\n.svc-page--enter {\n opacity: 0;\n --animation-direction: normal;\n --animation-timing-function: #{$ease-out};\n --fade-animation-duration: #{$svc-page-fade-in-duration};\n --move-animation-duration: #{$svc-page-move-in-duration};\n --fade-animation-delay: #{$svc-page-fade-in-delay};\n --move-animation-delay: 0s;\n}\n\n.svc-page--leave {\n --animation-direction: reverse;\n --animation-timing-function: #{$reverse-ease-out};\n --fade-animation-duration: #{$svc-page-fade-out-duration};\n --move-animation-duration: #{$svc-page-move-out-duration};\n --fade-animation-delay: 0s;\n --move-animation-delay: #{$svc-page-move-out-delay};\n}\n\n.svc-creator--disable-animations {\n\n .svc-page--enter,\n .svc-page--leave {\n animation: none;\n }\n}\n\n.svc-page--enter.svc-page--enter {\n .svc-page__content-actions {\n opacity: 0;\n }\n\n .svc-page__content {\n box-shadow: 0 0 0 2px transparent;\n background-color: transparent;\n\n &>.svc-question__drag-area {\n .svc-question__drag-element {\n opacity: 0;\n }\n }\n }\n}\n\n.svc-page {\n scroll-margin-top: calcSize(1);\n}","$lbr-size-unit: var(--lbr-size-unit, 8px);\n$lbr-spacing-unit: var(--lbr-spacing-unit, 8px);\n$lbr-corner-radius-unit: var(--lbr-corner-radius-unit, 8px);\n$lbr-stroke-unit: var(--lbr-stroke-unit, 1px);\n$lbr-font-unit: var(--lbr-font-unit, 8px);\n$lbr-line-height-unit: var(--lbr-line-height-unit, 8px);\n$-font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));\n$-base-unit: var(--sjs-base-unit, var(--base-unit, 8px));\n\n@mixin lbrDefaultFont {\n --thm-default-font-size: var(--sjs-font-size, calc(2 * #{$-base-unit}));\n --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));\n\n font-family: $-font-family;\n font-size: var(--lbr-font-default-size, var(--thm-default-font-size, 16px));\n font-style: normal;\n line-height: var(--lbr-font-default-line-height, var(--thm-default-line-height, 24px));\n}\n\n@mixin lbrDefaultBoldFont {\n @include lbrDefaultFont;\n font-weight: 600;\n}\n\n@mixin lbrSmallFont {\n --thm-small-line-height: var(--sjs-font-size, calc(2 * #{$-base-unit}));\n --thm-small-font-size: calc(0.75 * var(--thm-small-line-height));\n\n font-family: $-font-family;\n font-size: var(--lbr-font-small-size, var(--thm-small-font-size, 12px));\n font-style: normal;\n line-height: var(--lbr-font-small-line-height, var(--thm-small-line-height, 16px));\n}\n\n@mixin lbrSmallBoldFont {\n @include lbrSmallFont;\n font-weight: 600;\n}","@use \"../variables\" as *;\n\n.svc-row {\n width: 100%;\n position: relative;\n}\n\n.svc-row:not(.svc-row--ghost) > .sd-row {\n min-height: 50px;\n}\n\n.svc-row > .sd-row.sd-page__row {\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n &.sd-row--delayed-enter {\n margin-top: 0;\n }\n}\n\n.svc-row .sd-row.sd-row--multiple {\n overflow: auto;\n width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n flex-wrap: nowrap;\n margin-top: 0;\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-right: calcSize(2);\n padding-bottom: 2px;\n margin-right: calcSize(-2);\n margin-bottom: -2px;\n\n .sd-row--multiple {\n overflow: unset;\n }\n}\n\n.sd-panel .svc-row .sd-row--multiple {\n padding: calcSize(0);\n box-shadow: none;\n border-radius: 0;\n padding: 2px; //need for the https://github.com/surveyjs/survey-creator/issues/3288\n margin: -2px; //need for the https://github.com/surveyjs/survey-creator/issues/3288\n width: 100%;\n & > div {\n padding: 0;\n }\n}\n\n.svc-row.svc-row--ghost {\n .svc-question__content {\n padding: 0;\n border: none;\n box-shadow: none;\n }\n\n .sd-row {\n height: calcSize(4);\n }\n\n &:last-child .sd-row {\n height: initial;\n margin-top: calcSize(2);\n margin-bottom: calcSize(2);\n }\n\n & + .svc-row {\n .sd-page__row {\n margin-top: 0;\n }\n }\n}\n\n.svc-panel .svc-row.svc-row--ghost.svc-row.svc-row--ghost {\n .sd-row {\n height: initial;\n margin-top: calcSize(2);\n margin-bottom: calcSize(2);\n }\n}\n\n.svc-row__drop-indicator {\n position: absolute;\n background: $secondary;\n opacity: 0;\n transition: opacity $creator-transition-duration;\n}\n\n.svc-row__drop-indicator--top,\n.svc-row__drop-indicator--bottom {\n left: 0;\n width: 100%;\n height: 0px;\n}\n\n.svc-row__drop-indicator--top {\n top: calc(calcSize(1) - (calcSize(0.25) / 2));\n}\n\n.svc-row__drop-indicator--bottom {\n bottom: calc(calcSize(-1) - (calcSize(-0.25) / 2));\n}\n\n.svc-row--drag-over-top {\n >.svc-row__drop-indicator--top {\n opacity: 1;\n height: calcSize(0.25);\n }\n}\n\n.svc-row--drag-over-bottom {\n >.svc-row__drop-indicator--bottom {\n opacity: 1;\n height: calcSize(0.25);\n }\n}\n\n.svc-question__content--panel,\n.sd-panel__content {\n .svc-row__drop-indicator--top {\n top: calc(calcSize(-1) - (calcSize(0.25) / 2));\n }\n}\n\n.svc-question__content--panel,\n.sd-panel__content {\n .svc-row--drag-over-top:before {\n top: -4px;\n\n &:first-child {\n }\n }\n\n .svc-row--drag-over-bottom:after {\n bottom: -4px;\n\n &:last-child {\n }\n }\n}\n.svc-creator--disable-animations {\n .svc-row {\n @include disableLibraryAnimations;\n }\n}\n\n.sd-panel .svc-row > .sd-row.sd-row--multiple {\n width: calc(100% + #{$base-unit});\n padding-left: 0;\n margin-left: calcSize(-1);\n & > div {\n box-sizing: border-box;\n --animation-padding-left: #{calcSize(1)};\n padding-left: calcSize(1);\n }\n}\n$svc-row-fade-in-duration: var(--sjs-svc-row-fade-in-duration, 250ms);\n$svc-row-move-in-duration: var(--sjs-svc-row-move-in-duration, 250ms);\n$svc-row-fade-in-delay: var(--sjs-svc-row-fade-in-delay, 100ms);\n$svc-row-fade-out-duration: var(--sjs-svc-row-fade-out-duration, 250ms);\n$svc-row-move-out-duration: var(--sjs-svc-row-move-out-duration, 250ms);\n$svc-row-move-out-delay: var(--sjs-svc-row-move-out-delay, 100ms);\n$svc-row-fade-in-animation-delay: var(--sjs-svc-row-fade-in-animation-delay, 0s);\n\n.svc-row {\n --sjs-row-fade-in-duration: #{$svc-row-fade-in-duration};\n --sjs-row-move-in-duration: #{$svc-row-move-in-duration};\n --sjs-row-fade-in-delay: #{$svc-row-fade-in-delay};\n --sjs-row-fade-out-duration: #{$svc-row-fade-out-duration};\n --sjs-row-move-out-duration: #{$svc-row-move-out-duration};\n --sjs-row-move-out-delay: #{$svc-row-move-out-delay};\n --sjs-row-fade-in-animation-delay: #{$svc-row-fade-in-animation-delay};\n}","@use \"../variables\" as *;\n\n.svc-carry-forward-panel-wrapper {\n width: 100%;\n container-type: inline-size;\n}\n.svc-carry-forward-panel {\n @include ctrDefaultFont;\n box-sizing: border-box;\n width: 100%;\n padding: calcSize(4) calcSize(8);\n border-radius: calcSize(1);\n background-color: $background-dim-light;\n text-align: center;\n color: $foreground-dim-light;\n}\n \n@container (max-width: #{$sd-panel-medium-min-width}) {\n .svc-carry-forward-panel {\n display: none;\n }\n }\n \n@container (max-width: #{$sd-panel-normal-min-width}) {\n .svc-carry-forward-panel {\n padding: calcSize(4) calcSize(3);\n }\n}\n.svc-carry-forward-panel__link {\n .svc-action-button {\n padding: 0;\n border: none;\n font-weight: inherit;\n color: inherit;\n text-decoration: underline;\n cursor: pointer;\n &:hover,\n &:focus {\n background-color: transparent;\n }\n }\n}","@use \"../variables\" as *;\n@use \"./carry-forward-panel.scss\" as *;\n\nsvc-question {\n display: block;\n position: absolute;\n top: 1px;\n left: 1px;\n right: 1px;\n bottom: 1px;\n}\n\n.svc-question__adorner {\n position: relative;\n height: auto;\n width: 100%;\n display: grid;\n grid-template-columns: 100%;\n & > * {\n grid-row: 1;\n grid-column: 1;\n }\n &.svc-question__adorner--collapsed {\n height: fit-content;\n }\n\n .sv-action-bar {\n overflow: visible;\n\n .sv-action:not(:first-child) {\n .sv-action-bar-item {\n border: none;\n\n &:active {\n opacity: 0.5;\n background-color: $background-dim;\n }\n }\n }\n }\n &:before {\n position: absolute;\n content: \"\";\n width: 100%;\n height: 100%;\n margin-top: calcSize(-2);\n padding-top: calcSize(2);\n margin-left: calcSize(-2);\n padding-left: calcSize(2);\n bottom: 0;\n right: 0;\n }\n}\n\n.svc-survey-element-toolbar__item {\n @include defaultActionButtonSettings;\n --thm-survey-question-panel-toolbar-button-gap: calc(var(--ctr-survey-question-panel-toolbar-gap) / 2);\n margin: 0 var(--thm-survey-question-panel-toolbar-button-gap, calcSize(0.5));\n border-radius: var(--ctr-survey-question-panel-toolbar-item-corner-radius, calcSize(0.25));\n padding: var(--ctr-survey-question-panel-toolbar-item-padding-top, calcSize(0.5))\n var(--ctr-survey-question-panel-toolbar-item-padding-right, calcSize(0.5))\n var(--ctr-survey-question-panel-toolbar-item-padding-bottom, calcSize(0.5))\n var(--ctr-survey-question-panel-toolbar-item-padding-left, calcSize(0.5));\n\n justify-content: center;\n align-items: center;\n\n background-color: transparent;\n transition: background $creator-transition-duration, opacity $creator-transition-duration;\n use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, $secondary);\n }\n //hovered and focused state\n &:hover,\n &:focus-visible {\n background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, $background-dim);\n }\n\n //pressed state\n &:active,\n &.svc-survey-element-toolbar__item--pressed {\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);\n background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-pressed, $background-dim);\n use {\n fill: black;\n opacity: 0.45;\n }\n }\n\n //checked state\n &.svc-survey-element-toolbar__item--active {\n background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, $secondary-backcolor-semi-light);\n .svc-survey-element-toolbar-item__title {\n color: var(--ctr-survey-question-panel-toolbar-item-text-color-selected, $foreground);\n }\n use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color-selected, $secondary);\n }\n }\n\n //disabled state\n :disabled {\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);\n }\n}\n\n.svc-survey-element-toolbar__item--with-text {\n padding-inline-end: var(--ctr-survey-question-panel-toolbar-item-padding-right-with-text, calcSize(1));\n gap: var(--ctr-survey-question-panel-toolbar-item-gap, calcSize(0.5));\n}\n\n.svc-survey-element-toolbar .sv-action:last-of-type .svc-survey-element-toolbar__item {\n margin-inline-end: 0;\n}\n\n.svc-survey-element-toolbar .sv-action:first-of-type .svc-survey-element-toolbar__item {\n margin-inline-start: 0;\n}\n\n.svc-dropdown-action--convertTo .svc-survey-element-toolbar__item--with-text {\n padding-inline-end: var(--ctr-survey-question-panel-toolbar-item-padding-right, 4px);\n padding-inline-start: var(--ctr-survey-question-panel-toolbar-item-padding-left-with-text, calcSize(1));\n flex-direction: row-reverse;\n gap: var(--ctr-survey-question-panel-toolbar-item-gap, calcSize(0.5));\n}\n\n.svc-dropdown-action--convertTo .svc-survey-element-toolbar__item--icon {\n .svc-survey-element-toolbar-item__icon {\n padding: 0;\n width: var(--ctr-survey-question-panel-toolbar-item-icon-container-width, calcSize(3));\n height: var(--ctr-survey-question-panel-toolbar-item-icon-container-height, calcSize(3));\n box-sizing: border-box;\n display: block;\n }\n}\n\n\n.svc-survey-element-toolbar-item__icon,\n.svc-survey-element-toolbar__dots-item .sv-svg-icon.sv-action-bar-item__icon {\n box-sizing: border-box;\n display: block;\n padding: var(--ctr-survey-question-panel-toolbar-item-icon-padding-top, calcSize(0.5)) \n var(--ctr-survey-question-panel-toolbar-item-icon-padding-right, calcSize(0.5)) \n var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom, calcSize(0.5)) \n var(--ctr-survey-question-panel-toolbar-item-icon-padding-left, calcSize(0.5));\n width: var(--ctr-survey-question-panel-toolbar-item-icon-container-width, calcSize(3));\n height: var(--ctr-survey-question-panel-toolbar-item-icon-container-height, calcSize(3));\n}\n\n.svc-survey-element-toolbar-item__title {\n @include lbrSmallBoldFont;\n color: var(--ctr-survey-question-panel-toolbar-item-text-color, $foreground);\n transition: color $creator-transition-duration;\n}\n\n.svc-question__adorner {\n .sv-action-bar-item-dropdown {\n background-color: transparent;\n }\n}\n\n.svc-question__adorner {\n .sd-input:disabled {\n pointer-events: none;\n }\n}\n\n.svc-question__content {\n scroll-margin-top: calcSize(1);\n\n .sd-element {\n scroll-margin-top: calcSize(5);\n }\n}\n\n.svc-question__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n width: 100%;\n height: auto;\n flex-grow: 1;\n\n box-sizing: border-box;\n\n padding: var(--lbr-question-panel-padding-top, calcSize(4)) var(--lbr-question-panel-padding-right, calcSize(5))\n var(--ctr-survey-question-panel-padding-bottom-selected, calcSize(2)) var(--lbr-question-panel-padding-left, calcSize(5));\n border-radius: var(--lbr-question-panel-corner-radius, calcSize(0.5));\n background: var(--lbr-question-panel-background-color, $background);\n box-shadow: var(--lbr-question-panel-shadow-offset-x, 0px) var(--lbr-question-panel-shadow-offset-y, 1px)\n var(--lbr-question-panel-shadow-blur, 2px) var(--lbr-question-panel-shadow-spread, 0px)\n var(--lbr-question-panel-shadow-color, rgba(0, 0, 0, 0.15));\n\n outline: none;\n transition:\n background $creator-transition-duration,\n box-shadow $creator-transition-duration;\n}\n.svc-question__content--title-bottom {\n padding-top: calcSize(2.5);\n padding-bottom: calcSize(4);\n .sd-question__content {\n margin-top: calcSize(2.5);\n }\n .svc-question__content-actions {\n height: calcSize(4);\n & > .sv-action-bar {\n margin-bottom: calcSize(-2);\n }\n }\n}\n.svc-question__content--title-hidden {\n padding-top: calcSize(5);\n}\n\n.svc-question__content {\n .sd-selectbase:not(.sd-imagepicker) {\n padding-left: calcSize(5);\n margin-left: calcSize(-5);\n }\n\n .sd-table .sd-selectbase:not(.sd-imagepicker) {\n overflow-x: visible;\n padding-left: 0;\n margin-left: 0;\n }\n\n .sd-selectbase--multi-column {\n overflow: initial;\n }\n\n .sd-question.sd-question--table {\n overflow-x: initial;\n }\n\n .sd-multipletext__item-title {\n color: $foreground;\n }\n\n .sd-multipletext__item-container.sd-input:focus-within {\n box-shadow: $shadow-inner;\n }\n\n .sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {\n color: $foreground;\n opacity: 0.25;\n }\n\n .sjs_sp_placeholder {\n user-select: all;\n pointer-events: all;\n }\n}\n\n.svc-question__content > div,\n.svc-question__placeholders > div {\n overflow: visible;\n}\n.svc-question--enter, .svc-question--leave {\n animation-name: fadeIn, moveInWithOverflow;\n animation-fill-mode: forwards;\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n animation-duration: var(--fade-animation-duration), var(--move-animation-duration);\n animation-delay: var(--fade-animation-delay), var(--move-animation-delay);\n}\n.svc-question--enter {\n opacity: 0;\n --fade-animation-duration: #{$svc-expand-fade-in-duration};\n --move-animation-duration: #{$svc-expand-move-in-duration};\n --fade-animation-delay: #{$svc-expand-fade-in-delay};\n --move-animation-delay: 0s;\n --animation-timing-function: #{$ease-out};\n --animation-direction: normal;\n}\n.svc-question--leave {\n --fade-animation-duration: #{$svc-collapse-fade-out-duration};\n --move-animation-duration: #{$svc-collapse-move-out-duration};\n --fade-animation-delay: 0s;\n --move-animation-delay: #{$svc-collapse-move-out-delay};\n --animation-direction: reverse;\n --animation-timing-function: #{$reverse-ease-out};\n}\n\n@keyframes changeAlignSelf {\n from {\n align-self: flex-start;\n }\n to {\n align-self: stretch;\n }\n}\n\n.svc-question--enter, .svc-question--leave {\n &.svc-question__adorner\n {\n opacity: 1;\n animation-name: changeAlignSelf;\n animation-duration: 0s;\n }\n}\n.svc-question--enter {\n &.svc-question__adorner {\n align-self: flex-start;\n animation-delay: var(--move-animation-duration);\n }\n}\n\n.svc-question--leave {\n &.svc-question__adorner {\n animation-delay: var(--move-animation-delay);\n }\n}\n\n.svc-creator--disable-animations {\n .svc-question--enter, .svc-question--leave {\n animation: none;\n }\n}\n\n.svc-question__content {\n .sd-question:not(.sd-question--paneldynamic) {\n .sd-panel__content {\n overflow: auto;\n }\n\n .sd-table__cell--detail-panel {\n .sd-panel__content {\n overflow: unset;\n }\n }\n }\n}\n\n.svc-panel__placeholder {\n @include lbrDefaultFont;\n color: var(--ctr-survey-placeholder-text-color, $foreground-light);\n text-wrap: wrap;\n text-align: center;\n}\n\n.svc-question__content-actions {\n position: relative;\n opacity: 0;\n height: calcSize(6);\n //inset-inline-start: calcSize(4); // left\n //inset-inline-end: calcSize(3.5); // right\n margin-left: calcSize(-1);\n margin-top: auto;\n width: calc(100% + 2.5 * #{$base-unit});\n transition: opacity $creator-transition-duration;\n\n &:focus-within {\n opacity: 1;\n }\n & > .sv-action-bar {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n margin-top: calcSize(2);\n }\n\n .svc-action-bar-item--right:first-of-type {\n margin-inline-start: auto;\n }\n}\n\n.svc-dropdown-action--convertTo {\n max-width: max-content;\n\n .svc-survey-element-toolbar__item {\n flex-direction: row-reverse;\n }\n\n .sv-action-bar-item--icon {\n max-width: 100%;\n padding: calcSize(0.5);\n }\n\n .svc-survey-element-toolbar-item__title {\n display: inline-block;\n justify-content: left;\n }\n\n .svc-survey-element-toolbar-item__icon {\n &:last-child {\n margin-inline-start: 0;\n }\n }\n\n .svc-survey-element-toolbar-item__icon:last-child {\n use {\n fill: $primary;\n }\n }\n}\n\n.svc-dropdown-action--convertTo.sv-action--hidden {\n min-width: 0;\n}\n\n.svc-dropdown-action--convertTo-last {\n margin-inline-end: auto; // margin-right\n}\n\n.svc-survey-element-toolbar__dots-item {\n width: calcSize(4);\n margin-left: calcSize(1);\n margin-right: calcSize(0.5);\n\n &.sv-action--hidden {\n width: 0;\n margin: 0;\n\n .sv-action__content {\n display: none;\n }\n }\n\n .sv-dots__item {\n margin-left: 0;\n }\n\n .svc-list__item-icon {\n --ctr-survey-question-toolbar-item-icon-width: calc(\n var(--ctr-survey-question-panel-toolbar-item-icon-container-width) -\n var(--ctr-survey-question-panel-toolbar-item-icon-padding-right) -\n var(--ctr-survey-question-panel-toolbar-item-icon-padding-left)\n );\n --ctr-survey-question-toolbar-item-icon-height: calc(\n var(--ctr-survey-question-panel-toolbar-item-icon-container-height) -\n var(--ctr-survey-question-panel-toolbar-item-icon-padding-top) -\n var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom)\n );\n\n width: var(--ctr-survey-question-toolbar-item-icon-width, calcSize(2));\n height: var(--ctr-survey-question-toolbar-item-icon-height, calcSize(2));\n }\n\n .svc-list__item:hover > .svc-list__item-body .sv-svg-icon use,\n .sv-svg-icon use {\n fill: $secondary;\n }\n}\n\n.svc-question__content:focus,\n.svc-hovered > .svc-question__content {\n box-shadow: 0 0 0 var(--ctr-survey-question-panel-border-width-hovered, 2px)\n var(--ctr-survey-question-panel-border-color-hovered, $secondary-light);\n}\n\n.svc-question__content--selected:not(.svc-question__content--dragged) {\n box-shadow: 0 0 0 var(--ctr-survey-question-panel-border-width-selected, 2px)\n var(--ctr-survey-question-panel-border-color-selected, $secondary);\n}\n\n.svc-question__content--collapsed-drag-over-inside:not(.svc-question__content--dragged) {\n box-shadow: 0 0 0 2px $primary;\n background: $primary-light;\n animation: collapsed-drag-over-inside-blinking 1s;\n}\n\n@keyframes collapsed-drag-over-inside-blinking {\n 0% {\n background: $primary-light;\n }\n 40% {\n background: $primary-light;\n }\n 50% {\n background: transparent;\n }\n 55% {\n background: $primary-light;\n }\n 65% {\n background: transparent;\n }\n 70% {\n background: $primary-light;\n }\n 80% {\n background: transparent;\n }\n 85% {\n background: $primary-light;\n }\n 100% {\n background: $primary-light;\n }\n}\n\n.svc-question__content--selected,\n.svc-hovered > .svc-question__content {\n & > .svc-question__content-actions {\n opacity: 1;\n &.svc-question--enter {\n opacity: 0;\n }\n }\n}\n\n.svc-question__content--dragged {\n opacity: var(--ctr-survey-question-panel-opacity-hidden, 0.25);\n\n & > .svc-question__content-actions {\n opacity: 0;\n }\n}\n\n.svc-creator--mobile {\n .svc-question__content-actions {\n overflow: hidden;\n height: calcSize(1);\n & > .sv-action-bar {\n margin-top: calcSize(1);\n }\n &.svc-question--enter {\n animation-name: empty, moveInWithOverflow;\n }\n }\n .svc-question__content {\n padding: calcSize(2) calcSize(3) calcSize(2); \n }\n .svc-element__header--hidden {\n margin-top: calcSize(2);\n margin-bottom: calcSize(2);\n padding: 0 calcSize(3);\n }\n .svc-question__adorner--selected {\n & > .svc-element__header--hidden {\n margin-top: calcSize(3);\n margin-bottom: calcSize(3);\n } \n }\n .svc-question__content--selected {\n padding-top: calcSize(3);\n padding-bottom: calcSize(2);\n & > .svc-question__content-actions {\n height: calcSize(6);\n overflow: visible;\n\n & > .sv-action-bar {\n margin-top: calcSize(2);\n }\n &.svc-question--enter {\n animation-name: fadeIn, moveInWithOverflow;\n }\n }\n }\n &.svc-creator--disable-animations {\n .svc-question--enter {\n animation: none;\n }\n } \n}\n\n\n.svc-question__content {\n .sd-question.sd-question--table {\n margin-top: calcSize(-1);\n padding-top: calcSize(1);\n }\n}\n\n.svc-dragged-element-shortcut {\n //min-width: 100px;\n border-radius: var(--ctr-toolbox-item-corner-radius, calcSize(12.5));\n background-color: var(--ctr-toolbox-item-background-color-floating, $background);\n color: var(--ctr-toolbox-item-text-color-hovered, $foreground);\n padding: var(--ctr-toolbox-item-padding-top-submenu, calcSize(1.5)) var(--ctr-toolbox-item-padding-right, calcSize(2)) var(--ctr-toolbox-item-padding-bottom-submenu, calcSize(1.5)) var(--ctr-toolbox-item-padding-left-submenu, calcSize(2));\n cursor: grabbing;\n position: absolute;\n z-index: 1000;\n box-shadow: var(--ctr-toolbox-item-shadow-floating-1-offset-x, 0px) var(--ctr-toolbox-item-shadow-floating-1-offset-y, 8px) var(--ctr-toolbox-item-shadow-floating-1-blur, 16px) var(--ctr-toolbox-item-shadow-floating-1-spread, 0px) var(--ctr-toolbox-item-shadow-floating-1-color, rgba(0, 76, 68, 0.10)), var(--ctr-toolbox-item-shadow-floating-2-offset-x, 0px) var(--ctr-toolbox-item-shadow-floating-2-offset-y, 16px) var(--ctr-toolbox-item-shadow-floating-2-blur, 32px) var(--ctr-toolbox-item-shadow-floating-2-spread, 0px) var(--ctr-toolbox-item-shadow-floating-2-color, var(--ctr-shadow-large-color, rgba(0, 0, 0, 0.10)));\n @include disableUserSelect;\n //max-width: 500px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n box-sizing: content-box;\n}\n\n.svc-dragged-element-shortcut .sv-svg-icon use {\n fill: var(--ctr-toolbox-item-icon-color-hovered, $primary);\n}\n\n.svc-dragged-element-shortcut--selected {\n border: 2px solid var(--ctr-toolbox-item-border-color-floating, $secondary);\n}\n\n.svc-dragged-element-shortcut__text {\n @include ctrSmallBoldFont;\n}\n\n.svc-dragged-element-shortcut--has-icon {\n padding: var(--ctr-toolbox-item-padding-top, calcSize(1)) var(--ctr-toolbox-item-padding-right, calcSize(3.5)) var(--ctr-toolbox-item-padding-bottom, calcSize(1)) var(--ctr-toolbox-item-padding-left, calcSize(1.5));\n display: flex;\n gap: var(--ctr-toolbox-item-gap, calcSize(1));\n justify-content: center;\n align-items: center;\n\n .svc-dragged-element-shortcut__text {\n display: block;\n }\n}\n\n.svc-dragged-element-shortcut__icon {\n display: flex;\n\n svg {\n width: var(--ctr-toolbox-item-icon-width, calcSize(3));\n height: var(--ctr-toolbox-item-icon-height, calcSize(3));\n }\n}\n\n.svc-question__content--drag-over-inside,\n.svc-hovered > .svc-question__content--drag-over-inside {\n .svc-panel__placeholder_frame {\n box-shadow: 0 0 0 1px $primary;\n border: 1px solid $primary;\n background: $primary-light;\n\n & > .svc-question__content-actions {\n opacity: 1;\n }\n }\n}\n\n.svc-question__drop-indicator {\n position: absolute;\n background: $secondary;\n opacity: 0;\n transition: opacity $creator-transition-duration;\n}\n\n.svc-question__drop-indicator--left,\n.svc-question__drop-indicator--right {\n top: 0;\n height: 100%;\n width: 0px;\n}\n\n.svc-question__drop-indicator--top,\n.svc-question__drop-indicator--bottom {\n left: 0;\n width: 100%;\n height: 0px;\n}\n\n.svc-question__drop-indicator--left {\n left: calc(calcSize(-1) - (calcSize(0.25) / 2));\n}\n\n.svc-question__drop-indicator--right {\n right: calc(calcSize(-1) - (calcSize(0.25) / 2));\n}\n\n.svc-question__drop-indicator--top {\n top: calc(calcSize(-1) - (calcSize(0.25) / 2));\n}\n\n.svc-question__drop-indicator--bottom {\n bottom: calc(calcSize(-1) - (calcSize(0.25) / 2));\n}\n\n.svc-question__content--drag-over-left {\n > .svc-question__drop-indicator--left {\n opacity: 1;\n width: calcSize(0.25);\n }\n}\n\n.svc-question__content--drag-over-right {\n > .svc-question__drop-indicator--right {\n opacity: 1;\n width: calcSize(0.25);\n }\n}\n\n.svc-question__content--drag-over-top {\n > .svc-question__drop-indicator--top {\n opacity: 1;\n height: calcSize(0.25);\n }\n}\n\n.svc-question__content--drag-over-bottom {\n > .svc-question__drop-indicator--bottom {\n opacity: 1;\n height: calcSize(0.25);\n }\n}\n\n.sd-panel {\n .svc-question__content--drag-over-left {\n .svc-question__drop-indicator--left {\n left: calc(calcSize(-1) + calcSize(0.25));\n }\n }\n\n .svc-question__content--drag-over-right {\n .svc-question__drop-indicator--right {\n right: calc(calcSize(-1) + calcSize(0.25));\n }\n }\n}\n\n.svc-question__content--panel,\n.sd-panel__content {\n .sd-row > div:first-child {\n .svc-question__content--drag-over-left {\n margin-left: 8px;\n width: calc(100% - 8px);\n }\n }\n\n .sd-row > div:last-child {\n .svc-question__content--drag-over-right {\n margin-right: 8px;\n width: calc(100% - 8px);\n }\n }\n\n .svc-question__content--drag-over-top {\n .svc-question__drop-indicator--top {\n top: calc(calcSize(-1) + calcSize(0.25));\n }\n }\n\n .svc-question__content--drag-over-bottom {\n .svc-question__drop-indicator--bottom {\n bottom: calc(calcSize(-1) + calcSize(0.25));\n }\n }\n}\n\n.svc-question__content-actions {\n & > .sv-action-bar {\n box-sizing: border-box;\n padding: 0;\n justify-content: center;\n }\n}\n\nsvc-question,\n.svc-question {\n sv-action-bar,\n .sv-action-bar {\n padding: 0;\n }\n}\n\n.svc-panel__edge {\n position: absolute;\n border: 1px solid orange;\n height: 10px;\n width: 100%;\n}\n\n.svc-panel__edge--top {\n top: 0;\n}\n\n.svc-panel__edge--bottom {\n bottom: 0;\n}\n\n// reset styles for drag-drop-ghost-survey-element to avoid layout jumping while dragging\n.svc-question__adorner--start-with-new-line {\n &[data-sv-drop-target-survey-element=\"sv-drag-drop-ghost-survey-element-name\"] {\n height: 100%;\n overflow: hidden;\n min-width: 4px;\n\n .svc-question__content.svc-question__content.svc-question__content {\n border: 0;\n padding: 0;\n }\n }\n}\n\n[data-sv-drop-target-survey-element=\"sv-drag-drop-ghost-survey-element-name\"] {\n border: none;\n height: 0;\n\n .svc-question__drag-area {\n display: none;\n }\n\n .svc-question__drag-element {\n display: none;\n }\n\n .svc-question__content {\n background: transparent;\n box-shadow: none;\n }\n}\n\n// EO reset styles for drag-drop-ghost-survey-element to avoid layout jumping while dragging\n\n.svc-hovered > .svc-question__content > .svc-question__drag-area > .svc-question__drag-element {\n opacity: var(--ctr-survey-question-panel-drag-area-drag-indicator-opacity, 0.5);\n}\n\n.svc-question__content.svc-question__content--selected > .svc-question__drag-area > .svc-question__drag-element {\n opacity: var(--ctr-survey-question-panel-drag-area-drag-indicator-opacity, 0.5);\n z-index: 1;\n}\n.svc-element__header--hidden {\n display: block;\n box-sizing: border-box;\n padding: 0 calcSize(5);\n margin: calcSize(4) 0;\n z-index: -1;\n width: 100%;\n .svc-string-editor,\n .svc-fake-title,\n sv-ng-string > .svc-string-editor {\n display: inline-flex;\n &::before {\n content: \"(\";\n }\n &::after {\n content: \")\";\n }\n }\n .svc-element__title--hidden {\n opacity: 0;\n transition: opacity 150ms;\n }\n}\n.svc-element__header--lazy,\n.svc-element__header--hidden.sd-question__header--location--left {\n .svc-string-editor,\n sv-ng-string > .svc-string-editor {\n display: inline-block;\n &::before, &::after {\n content: none;\n }\n }\n}\n\n.svc-question__adorner {\n &.svc-question__adorner--collapsed {\n & > .svc-element__header--hidden {\n z-index: 1;\n & > .svc-element__title--hidden {\n opacity: 1;\n }\n }\n\n .svc-question__content--collapsed {\n\n &>.svc-question__dropdown-choices--wrapper,\n &>.svc-panel__placeholder_frame-wrapper,\n &>.svc-question__content-actions,\n &>.svc-panel__add-new-question-container,\n &>.sd-file,\n &>sv-ng-file-question {\n display: none;\n }\n .svc-question__drop-indicator {\n display: block;\n }\n .svc-question__drag-area {\n display: flex;\n }\n .svc-content-wrapper {\n display: flex;\n }\n .sd-element {\n &>*:not(.sd-element__header) {\n display: none;\n }\n }\n\n .sd-element__header {\n &>*:not(.sd-element__title) {\n display: none;\n }\n }\n\n .sd-question__header--location--left {\n display: none;\n }\n }\n }\n\n .svc-question__content--collapsed {\n flex-grow: 0;\n padding-bottom: calcSize(4);\n padding-top: calcSize(4);\n\n .sd-element__header,\n .sd-element--complex>.sd-element__header {\n padding-top: 0;\n padding-bottom: 0;\n }\n }\n}\n\n.svc-creator--mobile {\n .svc-question__top-actions {\n padding: 0;\n }\n \n .svc-question__adorner {\n .svc-question__content--collapsed {\n padding-bottom: calcSize(2);\n padding-top: calcSize(2);\n\n &.svc-question__content--selected {\n padding-top: calcSize(3);\n padding-bottom: calcSize(3);\n }\n }\n }\n}\n\n.svc-question__drag-area {\n position: absolute;\n cursor: move;\n top: 0;\n left: 0;\n height: calcSize(3.5);\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.svc-question__drag-element {\n width: 100%;\n opacity: 0;\n transition: opacity $creator-transition-duration;\n width: var(--ctr-survey-question-panel-drag-area-drag-indicator-width, calcSize(3));\n height: var(--ctr-survey-question-panel-drag-area-drag-indicator-height, calcSize(2));\n\n use {\n fill: var(--ctr-survey-question-panel-drag-area-drag-indicator-color, $foreground-light);\n }\n}\n\n.sd-panel {\n .svc-question__content--image:not(.svc-question__content--empty) {\n padding-left: 1px;\n padding-right: 1px;\n }\n\n .svc-question__content {\n .sd-table-wrapper::before {\n left: calc(calc(-1 * var(--sd-base-padding)) + 1px);\n }\n\n .sd-table-wrapper::after {\n right: calc(calc(-1 * var(--sd-base-padding)) + 1px);\n }\n }\n\n .svc-question__content {\n border-radius: 0;\n box-shadow: none;\n outline: var(--ctr-survey-question-panel-border-width-nested, 1px) dashed var(--ctr-survey-question-panel-border-color-nested, $border);\n outline-offset: calc(-1 * var(--ctr-survey-question-panel-border-width-nested, 1px));\n }\n\n .svc-hovered > .svc-question__content:not(.svc-question__content--dragged) {\n box-shadow: 0 0 0 var(--ctr-survey-question-panel-border-width-hovered, 2px) var(--ctr-survey-question-panel-border-color-hovered, $secondary-light) inset;\n outline: none;\n }\n\n .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged) {\n box-shadow: 0 0 0 var(--ctr-survey-question-panel-border-width-selected, 2px) var(--ctr-survey-question-panel-border-color-selected, $secondary) inset;\n outline: none;\n }\n}\n\n.sd-panel .svc-row--ghost.svc-row--ghost .svc-question__content.svc-question__content {\n border: none;\n}\n\n.svc-widget__content {\n width: 100%;\n\n .sd-question__content {\n pointer-events: none;\n }\n}\n\n.svc-question__content {\n .sd-paneldynamic__footer,\n .sd-paneldynamic__separator {\n display: none;\n }\n}\n\n.svc-panel__placeholder_frame-wrapper {\n container-type: inline-size;\n width: 100%;\n display: flex;\n flex-grow: 1;\n box-sizing: border-box;\n position: relative;\n}\n\n.svc-question__content--empty-template {\n .sd-question--paneldynamic,\n .sd-question__content,\n sv-ng-paneldynamic-question,\n .sd-paneldynamic,\n .sd-paneldynamic__panels-container,\n .sd-paneldynamic__panel-wrapper,\n .svc-question__adorner,\n .svc-question__adorner > div {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n\n .svc-panel__placeholder_frame {\n flex-grow: 1;\n }\n }\n}\n\n.sd-paneldynamic__panels-container {\n padding-bottom: 2px;\n margin-bottom: -2px;\n}\n\n.svc-panel__placeholder_frame {\n border: 1px dashed $border;\n width: 100%;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n padding: calcSize(11) calcSize(8) calcSize(10);\n flex-grow: 1;\n}\n\n.svc-panel__add-new-question-container {\n width: 100%;\n display: flex;\n justify-content: center;\n position: relative;\n}\n\n.svc-panel__add-new-question-wrapper {\n container-type: inline-size;\n width: 100%;\n display: flex;\n justify-content: center;\n\n .svc-element__add-new-question {\n margin-top: var(--ctr-survey-panel-add-button-margin-top, calcSize(2));\n }\n\n .svc-element__add-new-question-icon {\n margin: calcSize(0.5);\n display: none;\n\n use {\n fill: $primary;\n }\n }\n\n .svc-element__question-type-selector {\n position: absolute;\n inset-inline-end: 0;\n bottom: 0;\n margin: 0;\n }\n}\n\n.svc-panel__add-new-question,\n.svc-panel__add-new-question-wrapper .svc-element__add-new-question {\n display: flex;\n margin-top: var(--ctr-survey-placeholder-gap, calcSize(2));\n margin-left: 0;\n margin-right: 0;\n width: auto;\n padding: var(--ctr-survey-action-button-padding-top, calcSize(1))\n var(--ctr-survey-action-button-padding-right, calcSize(5))\n var(--ctr-survey-action-button-padding-bottom, calcSize(1))\n var(--ctr-survey-action-button-padding-left, calcSize(5));\n border-radius: var(--ctr-survey-action-button-corner-radius, 1024px);\n justify-content: center;\n align-items: center;\n\n vertical-align: baseline;\n text-align: center;\n cursor: pointer;\n user-select: none;\n transition:\n background-color $creator-transition-duration,\n background $creator-transition-duration;\n\n border: none;\n box-shadow: none;\n\n &:hover {\n outline: none;\n }\n\n .svc-add-new-item-button__text {\n @include lbrDefaultBoldFont;\n color: var(--ctr-survey-action-button-text-color-positive, $primary);\n text-wrap: nowrap;\n }\n}\n\n.svc-panel__add-new-question-icon {\n margin: calcSize(0.5);\n display: none;\n\n use {\n fill: $primary;\n }\n}\n\n.svc-panel__question-type-selector-popup {\n height: calcSize(5);\n width: calcSize(5);\n position: absolute;\n right: 0;\n bottom: 0;\n}\n\n@container (max-width: #{$sd-panel-normal-min-width}) {\n .svc-panel__placeholder_frame {\n padding: calcSize(11) calcSize(3) calcSize(10);\n }\n}\n\n@container (max-width: #{$sd-panel-medium-min-width}) {\n .svc-panel__placeholder {\n display: none;\n }\n\n .svc-panel__placeholder_frame {\n padding: calcSize(10) calcSize(3) calcSize(10);\n\n .svc-panel__add-new-question,\n .svc-element__add-new-question {\n margin: 0;\n }\n }\n\n .svc-panel__placeholder_frame,\n .svc-panel__add-new-question-container {\n .svc-panel__add-new-question-icon {\n display: block;\n width: var(--ctr-button-contextual-button-icon-width, calcSize(3));\n height: var(--ctr-button-contextual-button-icon-height, calcSize(3));\n }\n\n .svc-element__question-type-selector {\n display: none;\n }\n\n .svc-panel__add-new-question,\n .svc-element__add-new-question {\n padding: calcSize(0.5) calcSize(0.5);\n\n .svc-add-new-item-button__text {\n display: none;\n }\n }\n }\n}\n\n.sd-panel {\n .svc-row {\n margin-top: calcSize(1);\n }\n\n .svc-row:first-of-type {\n margin-top: 0;\n }\n\n .svc-row .sd-row {\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 0;\n }\n}\n\n.svc-question__content.svc-question__content--collapsed {\n .sd-element--complex > .sd-element__header--location-top {\n &.svc-element__header--hidden {\n padding: 0;\n }\n }\n}\n\n.svc-question__content {\n .sd-element--complex > .sd-element__header--location-top {\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n padding-top: 0;\n\n &.svc-element__header--hidden {\n padding-bottom: calcSize(1);\n }\n\n &:after {\n display: none;\n }\n }\n\n .sd-panel__content {\n gap: 0;\n padding-top: 0;\n }\n\n .sd-table__cell--detail-panel .sd-panel__content {\n padding-top: calcSize(1);\n }\n\n .sd-paneldynamic__panel-wrapper {\n padding: 0;\n }\n\n .sd-table__cell--actions {\n .sv-action-bar-item:disabled {\n background: $background;\n opacity: 1;\n\n use {\n fill: $foreground-light;\n }\n }\n }\n\n .sd-table__row-disabled > .sd-table__cell {\n opacity: 1;\n }\n}\n\n.svc-question__content {\n .svc-carry-forward-panel {\n margin-top: calcSize(2);\n }\n\n .sd-question__content {\n min-width: min(calcSize(8), 100%);\n margin-left: calcSize(-5);\n margin-right: calcSize(-5);\n padding-left: calcSize(5);\n padding-right: calcSize(5);\n overflow-x: auto;\n }\n\n .sd-question--description-under-input .sd-question__content {\n margin-bottom: calcSize(-1);\n padding-bottom: calcSize(1);\n }\n\n .sd-composite {\n .sd-question__content {\n margin-left: 0;\n margin-right: 0;\n padding-left: 0;\n padding-right: 0;\n }\n }\n}\n\n.svc-question__content--paneldynamic {\n .sd-question__content {\n padding-bottom: 2px;\n margin-bottom: -2px;\n padding-top: calcSize(1);\n margin-top: calcSize(-1);\n }\n\n .sd-paneldynamic__panels-container {\n padding-top: calcSize(1);\n margin-top: calcSize(-1);\n }\n}\n\n.svc-question__adorner {\n .sv-ranking:not(.sv-ranking--select-to-rank) {\n .svc-question__content--ranking {\n .svc-carry-forward-panel {\n margin-top: 0;\n }\n }\n }\n\n .sv-ranking {\n .sv-ranking__container-placeholder {\n padding-top: calcSize(2);\n padding-bottom: calcSize(2);\n }\n }\n\n .sv-ranking--select-to-rank-vertical {\n .sv-ranking__container--empty {\n padding-top: 0;\n padding-bottom: 0;\n }\n\n .sv-ranking__container--from {\n .sv-ranking__container-placeholder {\n padding-bottom: calcSize(3);\n }\n }\n }\n}\n\n.svc-question__top-actions {\n padding: calcSize(0.5);\n position: absolute;\n top: 0;\n right: 0;\n visibility: hidden;\n}\n\n.svc-survey-element-top-toolbar__item {\n @include defaultActionButtonSettings;\n padding: 0;\n border-radius: var(--ctr-survey-question-panel-toolbar-item-corner-radius, 2px);\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-muted, 0.5);\n background-color: transparent;\n\n &:hover,\n &:focus-visible {\n opacity: initial;\n background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, $background-dim);\n }\n\n use {\n fill: $foreground-dim-light;\n }\n}\n\n.svc-question__adorner--collapse-onhover.svc-hovered > .svc-question__content,\n.svc-question__adorner--collapse-onhover > .svc-question__content--selected,\n.svc-question__adorner--collapse-always > .svc-question__content {\n & > .svc-question__drag-area > .svc-question__top-actions {\n visibility: visible;\n }\n}\n\n.sd-row--enter.sd-row--enter.sd-row--enter.sd-row--enter {\n .svc-question__content--selected {\n box-shadow: $shadow-small;\n\n .svc-question__content-actions {\n opacity: 0;\n }\n }\n}\n\n.sd-panel {\n .sd-row--enter.sd-row--enter.sd-row--enter.sd-row--enter {\n .svc-question__content--selected {\n border-radius: 0;\n border: 1px dashed $border;\n box-shadow: none;\n }\n }\n}\n","@use \"../variables\" as *;\n\n.svc-question__dropdown-choices {\n margin-top: calcSize(2);\n}\n\n.svc-question__dropdown-choice--collapsed:nth-last-child(1) {\n opacity: 0.25;\n}\n\n\n.svc-question__dropdown-choice--collapsed:nth-last-child(2) {\n opacity: 0.5;\n}\n\n\n.svc-question__dropdown-choice--collapsed:nth-last-child(3) {\n opacity: 0.75;\n}\n\n.svc-question__content>.svc-question__dropdown-choices--wrapper {\n width: calc(100% + calcSize(8));\n overflow-x: auto;\n margin: 0 calcSize(-4);\n\n &>div {\n width: calc(100% - calcSize(8));\n display: inline-block;\n min-width: calcSize(15);\n margin: 0 calcSize(4);\n }\n\n .svc-action-button {\n @include lbrDefaultBoldFont;\n margin-left: var(--ctr-survey-radio-button-group-show-more-button-margin-left, calcSize(6.75));\n margin-top: var(--ctr-survey-radio-button-group-show-more-button-margin-top, calcSize(1));\n padding: var(--ctr-survey-action-button-padding-top, calcSize(0.5))\n var(--ctr-survey-action-button-padding-right, calcSize(2))\n var(--ctr-survey-action-button-padding-bottom, calcSize(0.5))\n var(--ctr-survey-action-button-padding-left, calcSize(2));\n border-radius: var(--ctr-survey-action-button-corner-radius, 1024px);\n\n cursor: pointer;\n }\n}","@use \"../variables\" as *;\n\n.svc-image-question-controls {\n position: absolute;\n top: calcSize(5);\n right: calcSize(1);\n display: none;\n}\n\n.svc-question__content--selected .svc-image-question-controls {\n display: flex;\n}\n\n.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) {\n padding-left: 0;\n padding-right: 0;\n\n .sd-image__image {\n border-radius: 0;\n }\n .svc-question__content-actions {\n padding-left: calcSize(5);\n width: calc(100% - 2.5 * #{$base-unit});\n box-sizing: border-box;\n & > .sv-action-bar {\n width: calc(100% - #{calcSize(5)});\n left: calcSize(5);\n }\n }\n}\n\n.svc-question__content--image.svc-question__content--empty .sd-file,\n.svc-question__content--image.svc-question__content--empty sv-ng-file-question {\n width: 100%;\n}\n\n.svc-question__content--image.svc-question__content--empty .sd-question--image {\n display: none;\n}\n\n.svc-question__content--image .sd-file__choose-btn--text {\n .sv-svg-icon {\n display: none;\n }\n}\n\n@container (max-width: #{$sd-panel-medium-min-width}) {\n .svc-question__content--image .sd-file__choose-btn--text {\n .sv-svg-icon {\n display: block;\n }\n }\n}\n.svc-question__content--loading {\n .sd-image {\n display: none;\n }\n}\n\n.svc-image-question__loading-placeholder {\n position: relative;\n background-color: $background;\n width: 100%;\n height: calcSize(27.5);\n border: 1px dashed $border-inside;\n}\n\n.svc-image-question__loading {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}","@use \"../variables\" as *;\n\n.svc-rating-question-controls {\n position: absolute;\n}\n\n.svc-question__content--in-popup {\n .svc-rating-question-controls.svc-item-value-controls {\n display: flex;\n }\n}\n\n.svc-question__content--selected {\n .svc-rating-question-controls.svc-item-value-controls {\n display: flex;\n }\n}\n\n.svc-rating-question-controls.svc-rating-question-controls--labels-top {\n margin-top: calcSize(5.5);\n}\n\n.svc-question__content {\n .sd-rating {\n margin-inline-start: calcSize(9); // margin-left\n max-width: calc(100% - 9 * #{$base-unit});\n\n &.sd-rating--wrappable fieldset {\n min-width: 0;\n }\n\n\n .sd-rating__item-text {\n max-width: 100%;\n\n .sv-string-editor:focus-within {\n white-space: nowrap;\n }\n &::after {\n display: none\n }\n }\n\n .svc-string-editor__content {\n .sv-string-editor {\n text-overflow: ellipsis;\n overflow: hidden;\n\n &:focus-within {\n text-overflow: initial;\n }\n }\n }\n\n &.sd-rating--labels-top {\n fieldset {\n .sd-rating__min-text {\n top: calcSize(1);\n }\n\n .sd-rating__max-text {\n top: calcSize(1);\n }\n }\n }\n\n &.sd-rating--labels-bottom {\n fieldset {\n padding-bottom: calcSize(5);\n\n .sd-rating__min-text {\n bottom: calcSize(1);\n }\n\n .sd-rating__max-text {\n bottom: calcSize(1);\n }\n }\n }\n\n &.sd-rating--labels-diagonal {\n fieldset {\n padding-bottom: calcSize(5);\n\n .sd-rating__min-text {\n top: calcSize(1);\n }\n\n .sd-rating__max-text {\n bottom: calcSize(1);\n }\n }\n }\n }\n\n .sd-question--table .sd-rating {\n margin-inline-start: 0;\n width: fit-content;\n margin: auto;\n max-width: fit-content;\n }\n\n .svc-rating-question-controls {\n display: flex;\n width: calcSize(8);\n min-width: auto;\n justify-content: flex-start;\n }\n\n .sd-rating__item--fixed-size:focus-within {\n width: unset;\n padding: calcSize(0.5) calcSize(2.5);\n }\n}\n.svc-question__content .svc-rating-question-content .sd-question__content {\n overflow-x: visible;\n}\n.svc-creator--mobile {\n .svc-rating-question-content {\n position: relative;\n }\n\n .svc-rating-question-controls {\n position: absolute;\n top: 0;\n }\n\n .svc-question__content {\n .sd-rating {\n margin-inline-start: 0; // margin-left\n width: 100%;\n max-width: 100%;\n }\n\n\n legend+.sd-rating__item,\n legend+sv-ng-rating-item+.sd-rating__item,\n legend+.sd-rating__item-smiley,\n legend+sv-ng-rating-item-smiley+.sd-rating__item-smiley {\n margin-inline-start: calc(9 * #{$base-unit} + 2px);\n }\n\n legend+.sd-rating__item-text,\n legend+.sd-rating__item-star,\n legend+sv-ng-rating-item-star+.sd-rating__item-star {\n margin-inline-start: calc(9 * #{$base-unit});\n }\n }\n}","@use \"../variables\" as *;\n\n.svc-item-value-wrapper {\n position: relative;\n display: flex;\n gap: calcSize(1);\n align-items: center;\n margin-left: calcSize(-5);\n}\n\n.svc-question__dropdown-choice,\n.sd-selectbase {\n .svc-item-value-wrapper {\n align-items: flex-start;\n }\n\n .svc-item-value__item {\n padding-right: calcSize(1);\n }\n}\n\n.svc-question__content {\n .sd-selectbase__column {\n margin-left: calcSize(5);\n min-width: initial;\n }\n\n .sd-selectbase--mobile .sd-selectbase__column,\n .sd-selectbase__column:first-of-type,\n .sd-imagepicker__column {\n margin-left: 0;\n }\n\n .sd-selectbase__column:not(:last-child) {\n padding-right: 0;\n }\n}\n\n.svc-item-value--dragging {\n background: $background;\n box-shadow: $shadow-large;\n border-radius: calcSize(12.5);\n padding-right: calcSize(3);\n padding-left: calcSize(0.5);\n @include disableUserSelect;\n}\n\n.svc-item-value-controls {\n display: flex;\n margin: calcSize(1) 0;\n height: calcSize(4);\n box-sizing: border-box;\n flex-shrink: 0;\n min-width: calcSize(9);\n justify-content: flex-end;\n align-self: flex-start;\n}\n\n.svc-item-value-controls__button {\n border-radius: var(--ctr-survey-action-button-corner-radius, 50%);\n padding: calcSize(1);\n cursor: pointer;\n display: inline-block;\n outline: none;\n width: var(--ctr-survey-action-button-icon-width-small, calcSize(2));\n height: var(--ctr-survey-action-button-icon-height-small, calcSize(2));\n box-sizing: content-box;\n transition:\n background $creator-transition-duration,\n background-color $creator-transition-duration;\n\n .sv-svg-icon {\n display: block;\n width: var(--ctr-survey-action-button-icon-width-small, calcSize(2));\n height: var(--ctr-survey-action-button-icon-height-small, calcSize(2));\n }\n}\n\n.svc-item-value-controls__button > span {\n display: block;\n}\n\n.svc-item-value-controls__drag .svc-item-value-controls__drag-icon {\n display: block;\n transition: opacity $creator-transition-duration;\n width: var(--ctr-survey-item-actionbar-drag-indicator-width, calcSize(3));\n height: var(--ctr-survey-item-actionbar-drag-indicator-height, calcSize(3));\n\n .sv-svg-icon {\n width: var(--ctr-survey-item-actionbar-drag-indicator-width, calcSize(3));\n height: var(--ctr-survey-item-actionbar-drag-indicator-height, calcSize(3));\n }\n}\n\n.svc-item-value-wrapper:hover:not(.svc-item-value--ghost),\n.svc-item-value-controls__drag:hover:not(.svc-item-value--ghost) {\n .svc-item-value-controls__drag-icon {\n opacity: 1;\n }\n}\n\n.svc-item-value-controls__drag {\n padding: var(--ctr-survey-item-actionbar-drag-indicator-padding-top, calcSize(0.5))\n var(--ctr-survey-item-actionbar-drag-indicator-padding-right, calcSize(1))\n var(--ctr-survey-item-actionbar-drag-indicator-padding-bottom, calcSize(0.5))\n var(--ctr-survey-item-actionbar-drag-indicator-padding-left, calcSize(1));\n height: auto;\n width: auto;\n cursor: move;\n opacity: var(--ctr-survey-item-actionbar-drag-indicator-opacity, 0.25);\n\n .svc-item-value-controls__drag-icon {\n opacity: 0;\n }\n\n use {\n fill: var(--ctr-survey-item-actionbar-drag-indicator-color, $foreground);\n }\n}\n\n.svc-item-value-controls__button--disabled {\n fill: var(--ctr-survey-action-button-icon-color-disabled, $foreground-light);\n opacity: 0.25;\n cursor: default;\n}\n\n.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled) {\n use {\n fill: var(--ctr-survey-action-button-icon-color-negative, $red);\n }\n}\n\n.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) {\n use {\n fill: var(--ctr-survey-action-button-icon-color-positive, $primary);\n }\n}\n\n.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) {\n &:hover,\n &:focus {\n background-color: var(--ctr-survey-action-button-background-color-hovered-positive, $primary-light);\n }\n}\n\n.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled) {\n &:hover,\n &:focus {\n background-color: var(--ctr-survey-action-button-background-color-hovered-negative, $red-light);\n }\n}\n\n.sv-string-editor {\n cursor: text;\n}\n\n.svc-item-value--new {\n .svc-item-value__item {\n .sd-item__control-label,\n .sv-ranking-item__text {\n color: $foreground-light;\n }\n\n .sd-item__decorator {\n opacity: 0.35;\n }\n }\n\n .sv-ranking-item__index {\n background: $background-dim;\n\n svg {\n fill: $foreground-light;\n }\n }\n}\n\n.sv-ranking {\n .svc-item-value-wrapper {\n align-items: center;\n }\n\n .svc-item-value__item {\n padding-right: 0;\n flex-grow: 1;\n }\n}\n\n.svc-question__content .svc-item-value__item .sv-ranking-item__text {\n flex-grow: 1;\n width: 0;\n max-width: fit-content;\n}\n\n.svc-item-value__item {\n .sv-ranking-item__content {\n padding-left: 0;\n }\n\n .sv-ranking-item__icon-container {\n display: none;\n }\n\n .sv-ranking-item__text {\n overflow: visible;\n }\n\n .svc-string-editor {\n width: 100%;\n display: inline-block;\n }\n\n .sv-string-editor {\n text-overflow: ellipsis;\n overflow: hidden;\n }\n}\n\n.sv-drag-drop-choices-shortcut {\n .sv-ranking-item__text {\n overflow: hidden;\n }\n}\n\n.svc-item-value--ghost {\n height: calcSize(6);\n\n .svc-item-value__ghost {\n display: block;\n }\n\n .svc-item-value-controls {\n visibility: hidden;\n }\n\n .svc-item-value__item {\n display: none;\n }\n\n .sv-string-viewer,\n .sv-string-editor {\n white-space: unset;\n }\n}\n\n.svc-item-value--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.svc-item-value--moveup {\n transform: translate(0, 0);\n animation: svdragdropmoveup 0.1s;\n animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmoveup {\n 0% {\n transform: translate(0, 50px);\n }\n\n 100% {\n transform: translate(0, 0);\n }\n}\n\n.svc-item-value__ghost {\n display: none;\n background: var(--ctr-survey-radio-button-group-item-background-color-drop-spot, $background-dim);\n border-radius: var(--ctr-survey-radio-button-group-item-corner-radius-floating, calcSize(12.5));\n width: calcSize(25);\n height: calcSize(5);\n z-index: 11;\n position: absolute;\n left: 35px;\n}\n\n.svc-creator--mobile .svc-tab-designer {\n .svc-question__content--ranking,\n .sd-selectbase,\n .svc-question__dropdown-choices {\n [data-sv-drop-target-item-value] .svc-item-value-controls {\n min-width: initial;\n }\n\n &:not([data-sv-drop-target-item-value]) .svc-item-value-controls {\n min-width: 64px;\n }\n\n .svc-item-value-controls__drag {\n padding-right: 0;\n }\n\n .svc-item-value-controls__drag-icon {\n opacity: 1;\n }\n\n .svc-item-value-wrapper {\n margin-left: calcSize(-3);\n }\n }\n}\n\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer {\n .svc-question__content--ranking,\n .sd-selectbase,\n .svc-question__dropdown-choices {\n .svc-item-value-controls__drag-icon {\n opacity: 1;\n }\n\n .svc-item-value-wrapper {\n margin-left: calcSize(-6);\n }\n\n .svc-item-value-controls__drag {\n padding-left: 0;\n padding-right: 0;\n }\n }\n}\n","@use \"../variables\" as *;\n\n.svc-image-item-value-wrapper {\n display: inline-block;\n position: relative;\n}\n\n.svc-image-item-value--new {\n display: none;\n height: max-content;\n\n .sd-imagepicker__image {\n box-sizing: border-box;\n border: 1px dashed $border;\n }\n}\n\n.svc-image-item-value--file-dragging {\n .sd-imagepicker__image {\n border: 2px solid $primary;\n background-color: $primary-light;\n }\n\n .svc-image-item-value__item {\n position: relative;\n z-index: 2;\n }\n}\n\n.svc-question__content--selected .svc-image-item-value--new {\n display: inline-block;\n}\n\n.svc-image-item-value-controls {\n position: absolute;\n top: calcSize(1);\n right: calcSize(1);\n z-index: 2;\n}\n\n.svc-image-item-value--new .svc-image-item-value-controls {\n top: calc(50% - 3 * #{$base-unit});\n left: calc(50% - 3 * #{$base-unit});\n}\n\n.svc-image-item-value--new .svc-image-item-value-controls__button {\n background-color: transparent;\n transition: background-color $creator-transition-duration;\n}\n\n.svc-image-item-value-controls__add {\n background-color: transparent;\n transition: background-color $creator-transition-duration;\n\n use {\n fill: $primary;\n transition: fill $creator-transition-duration;\n }\n\n &:hover,\n &:focus {\n background-color: $primary-light;\n }\n}\n\n.svc-choose-file-input {\n position: absolute;\n opacity: 0;\n width: 1px;\n height: 1px;\n overflow: hidden;\n}\n\n.svc-image-item-value__item {\n .sd-imagepicker__item.sd-imagepicker__item {\n width: 100%;\n }\n}\n\n.svc-image-item-value-controls__drag-area-indicator {\n display: none;\n cursor: move;\n position: absolute;\n top: calcSize(1);\n left: calcSize(1);\n}\n\n.svc-question__content--selected .svc-image-item-value-wrapper:hover {\n .svc-image-item-value-controls__drag-area-indicator {\n display: block;\n }\n}\n\n.svc-image-item-value-wrapper--ghost {\n .svc-image-item-value-wrapper__ghost {\n display: block;\n }\n\n .svc-image-item-value-wrapper__content {\n display: none;\n }\n}\n\n.svc-image-item-value-wrapper__ghost {\n display: none;\n background: $background-dim;\n}\n\n.svc-image-item-value--single {\n width: 100%;\n\n .sd-imagepicker__image {\n height: calcSize(30);\n }\n}\n\n.svc-image-item-value__loading {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}","@use \"../variables\" as *;\n\n// .svc-question__content {\n// .sd-table {\n// td:empty,\n// th:empty {\n// width: initial;\n// }\n// }\n// }\n.svc-matrix-cell {\n position: relative;\n}\n\n.svc-question__adorner {\n .sd-table .sd-table__cell--column-title {\n padding: 0 calcSize(1);\n\n .svc-matrix-cell {\n padding: calcSize(1.5) calcSize(1);\n }\n\n &.sd-table__cell--drag {\n padding-right: 0;\n padding-left: 0;\n }\n }\n}\n\n.svc-matrix-cell--selected {\n position: absolute;\n border: calcSize(0.25) solid $secondary;\n border-radius: calcSize(0.5);\n top: calcSize(0);\n left: calcSize(0);\n right: calcSize(0);\n bottom: calcSize(0);\n display: none;\n\n &.svc-visible {\n display: block;\n }\n}\n\n.svc-hovered>.svc-matrix-cell--selected:not(.svc-visible) {\n border: calcSize(0.25) solid $secondary-light;\n border-radius: calcSize(0.5);\n display: block;\n}\n\n.svc-matrix-cell__question-controls {\n opacity: 0;\n position: absolute;\n top: calc(50% - 3 * #{$base-unit});\n left: calc(50% - 3 * #{$base-unit});\n z-index: 2;\n transition: opacity $creator-transition-duration;\n}\n\n.svc-matrix-cell__question-controls-button {\n border: 1px solid $border;\n}\n\n.svc-matrix-cell:hover .svc-matrix-cell__question-controls {\n opacity: 1;\n}\n\n.svc-question__content--in-popup {\n min-width: calcSize(70);\n padding: calcSize(5);\n}\n\n.svc-matrix-cell__popup {\n .sv-popup__scrolling-content {\n margin-top: calcSize(1);\n padding-top: 0;\n }\n\n .svc-question__content {\n @include disableUserSelect;\n }\n}\n\n.svc-question__content {\n .sd-table__cell--detail-panel {\n padding-left: calcSize(6);\n }\n}\n\n.svc-question__content {\n .sd-drag-element__svg {\n visibility: visible;\n cursor: initial;\n use {\n fill: $foreground-light;\n }\n }\n}","@use \"../variables\" as *;\n\n.svd-test-results {\n border-radius: var(--ctr-string-table-corner-radius, calcSize(0.5));\n box-shadow: inset 0px 1px 0px 0px var(--ctr-string-table-shadow-color, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));\n padding: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svd-test-results__content {\n box-shadow: var(--ctr-string-table-shadow-offset-x, 0px) var(--ctr-string-table-shadow-offset-y, 1px) var(--ctr-string-table-shadow-blur, 2px) var(--ctr-string-table-shadow-spread, 0px) var(--ctr-string-table-shadow-color, rgba(0, 0, 0, 0.15));\n}\n\n.svd-test-results__header {\n @include ctrDefaultFont;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: var(--ctr-string-table-title-padding-top, calcSize(2)) var(--ctr-string-table-title-padding-right, calcSize(3)) var(--ctr-string-table-title-padding-bottom, calcSize(2)) var(--ctr-string-table-title-padding-left, calcSize(3));\n color: var(--ctr-string-table-title-caption-color, $foreground-light);\n border-bottom: var(--ctr-string-table-title-border-width-bottom, 2px) solid var(--ctr-string-table-title-border-color, $border-light);\n background-color: var(--ctr-string-table-title-background-color, $background);\n\n .svd-test-results__header-text {\n margin: 0;\n }\n\n .svd-test-results__header-types {\n display: flex;\n gap: var(--ctr-string-table-title-actionbar-gap, calcSize(1));\n }\n\n .svc-action-button {\n color: var(--ctr-actionbar-button-text-color, $primary);\n border-radius: var(--ctr-actionbar-button-corner-radius, calcSize(12.5));\n background-color: transparent;\n\n &:focus, &:hover {\n background-color: var(--ctr-survey-action-button-background-color-hovered-positive, $primary-light);\n outline: none;\n }\n }\n\n .svc-action-button.svc-action-button--selected {\n border: var(--ctr-actionbar-button-border-width-selected, calcSize(0.25)) solid var(--ctr-actionbar-button-border-color-selected, $primary);\n }\n}\n\n.svd-test-results__text {\n @include ctrDefaultFont;\n display: flex;\n padding: var(--ctr-code-viewer-text-margin-top-results-table, calcSize(2)) var(--ctr-code-viewer-text-margin-right-results-table, calcSize(3)) var(--ctr-code-viewer-text-margin-bottom-results-table, calcSize(2)) var(--ctr-code-viewer-text-margin-left-results-table, calcSize(3));\n width: calc(100% - calcSize(6));\n overflow: auto;\n user-select: text;\n white-space: pre-wrap;\n background: var(--ctr-code-viewer-background-color, $background);\n color: var(--ctr-code-viewer-text-color, rgb(0, 0, 0));\n}\n\n.svd-test-results__table {\n width: 100%;\n\n table {\n width: 100%;\n border-collapse: collapse;\n\n .svd-test-results__marker {\n position: absolute;\n top: calcSize(1.5);\n\n .sv-svg-icon {\n transition: transform 0.2s ease-in-out;\n\n use {\n fill: var(--ctr-string-table-row-expand-button-icon-color-default, $foreground-light);\n }\n }\n\n &.svd-test-results__marker--expanded .sv-svg-icon {\n transform-origin: center;\n transform: rotate(90deg);\n }\n }\n\n th {\n @include ctrSmallBoldFont;\n padding: var(--ctr-string-table-row-padding-top, calcSize(1)) var(--ctr-string-table-row-padding-right, calcSize(1)) var(--ctr-string-table-row-padding-bottom, calcSize(1)) var(--ctr-string-table-row-padding-left, calcSize(1));\n background: var(--ctr-string-table-header-background-color, $background-dim);\n text-align: left;\n color: var(--ctr-string-table-header-text-color, $foreground-light);\n\n &:nth-child(1) {\n padding-left: var(--ctr-string-table-row-padding-left, calcSize(3));\n }\n }\n\n td {\n @include ctrDefaultFont;\n padding: var(--ctr-string-table-row-padding-top, calcSize(1)) var(--ctr-string-table-row-padding-right, calcSize(1)) var(--ctr-string-table-row-padding-bottom, calcSize(1)) var(--ctr-string-table-row-padding-left, calcSize(1));\n max-width: calcSize(50);\n overflow: auto;\n border-top: var(--ctr-string-table-row-border-width-bottom, 2px) solid var(--ctr-string-table-row-border-color, $border-light);\n user-select: text;\n background: var(--ctr-string-table-row-background-color, $background);\n\n &:nth-child(1) {\n @include ctrDefaultBoldFont;\n position: relative;\n width: 50%;\n }\n\n &:nth-child(2) {\n width: 50%;\n padding-right: var(--ctr-string-table-row-padding-right, calcSize(3));\n }\n }\n\n .survey-result-value {\n word-break: break-all;\n }\n\n tr {\n vertical-align: top;\n\n .svd-test-results__node-value {\n color: var(--ctr-string-table-row-text-color, $foreground-light);\n }\n }\n }\n}\n\n.svd-dark-border-color {\n color: var(--ctr-string-table-row-text-color-title, rgb(0, 0, 0));\n}","@use \"../../variables\" as *;\n\n.svc-designer-header .sd-container-modern__title {\n gap: 0;\n column-gap: var(--lbr-header-gap, 32px);\n}\n\n.svc-logo-image {\n position: relative;\n justify-content: flex-end;\n align-items: center;\n display: flex;\n padding: 0;\n cursor: pointer;\n max-width: 50%;\n\n .sd-logo__image {\n max-width: 100%;\n }\n\n .svc-image-item-value-controls {\n display: block;\n top: calcSize(2.5);\n right: calcSize(1.5);\n }\n}\n\n.svc-logo-image__loading {\n width: calcSize(8);\n height: calcSize(8);\n padding: calcSize(1);\n box-sizing: border-box;\n margin-right: calcSize(-2);\n}\n\n.svc-logo-image-placeholder {\n @include ctrLargeFont;\n color: $foreground-light;\n opacity: var(--ctr-survey-header-logo-placeholder-icon-opacity, 0.25);\n white-space: nowrap;\n word-break: keep-all;\n padding: 0;\n // width: calcSize(8);\n // height: calcSize(8);\n padding: var(--ctr-survey-header-logo-placeholder-padding-top, calcSize(1))\n var(--ctr-survey-header-logo-placeholder-padding-right, calcSize(1))\n var(--ctr-survey-header-logo-placeholder-padding-bottom, calcSize(1))\n var(--ctr-survey-header-logo-placeholder-padding-left, calcSize(1));\n display: flex;\n justify-content: center;\n align-items: center;\n // margin-right: calcSize(-2);\n border-radius: var(--ctr-survey-header-logo-placeholder-corner-radius, calcSize(4));\n transition: background-color $creator-transition-duration, opacity $creator-transition-duration;\n\n &:hover {\n background-color: var(--ctr-survey-header-logo-placeholder-background-color-hovered, $primary-light);\n opacity: unset;\n\n use {\n fill: var(--ctr-survey-header-logo-placeholder-icon-color-hovered, $primary);\n }\n }\n\n svg {\n width: var(--ctr-survey-header-logo-placeholder-icon-width, calcSize(6));\n height: var(--ctr-survey-header-logo-placeholder-icon-height, calcSize(6));\n }\n}\n\n.svc-logo-image-placeholder use {\n transition: fill $creator-transition-duration;\n fill: var(--ctr-survey-header-logo-placeholder-icon-color, $foreground-light);\n}\n\n.svc-logo-image-container {\n position: relative;\n\n .sd-logo {\n margin: 0;\n }\n}\n\n.svc-logo-image-controls {\n opacity: 0;\n width: max-content;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.svc-logo-image-container {\n cursor: default;\n}\n\n.svc-logo-image-container:not(.svc-logo-image-container--editable) {\n .svc-logo-image-controls {\n display: none;\n }\n}\n\n.svc-logo-image-container--editable:focus-within,\n.svc-logo-image-container--editable:hover {\n .svc-logo-image-controls {\n opacity: 1;\n }\n}","@use \"../variables\" as *;\n\n.svc-link__button {\n @include ctrDefaultBoldFont;\n border-radius: var(--ctr-actionbar-button-corner-radius, calcSize(12.5));\n}\n\n.svc-question-link__set-button {\n cursor: pointer;\n}\n.svc-link-value-button {\n --thm-margin-inline-start: calc(-1 * var(--ctr-actionbar-button-padding-left-medium-text));\n margin-inline-start: var(--thm-margin-inline-start, calcSize(-2));\n}\n.svc-question-link__clear-button {\n color: $red;\n cursor: pointer;\n}\n.svc-question-link__clear-button:focus,\n.svc-question-link__clear-button:hover {\n background-color: $red-light;\n}\n","@use \"../variables\" as *;\n.svc-search {\n // TODO remove v2\n --sjs-general-forecolor: rgba(0, 0, 0, 0.91);\n --sjs-general-forecolor-light: rgba(0, 0, 0, 0.45);\n}\n\n.svc-search {\n display: flex;\n align-items: center;\n}\n\n.svc-search__input {\n @include textEllipsis;\n @include ctrSmallBoldFont;\n\n border: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n\n display: block;\n background: transparent;\n box-sizing: border-box;\n outline: none;\n padding: 0;\n width: 0;\n flex-grow: 1;\n}\n\n.svc-creator--mobile .svc-search__input {\n $fontSize: var(--ctr-font-small-size, #{calcSize(1.5)});\n font-size: Max(16px, #{$fontSize});\n}\n\n\n.svc-search__toolbar {\n display: flex;\n gap: var(--ctr-search-toolbar-gap, calcSize(1.5));\n justify-content: flex-end;\n align-items: center;\n flex-shrink: 0;\n}\n\n.svc-search__toolbar .sv-action-bar {\n gap: var(--ctr-search-toolbar-gap, calcSize(0.5));\n margin: 0;\n flex-shrink: 0;\n}\n\n.svc-search__toolbar .sv-action--hidden {\n display: none;\n}\n\n.svc-search__toolbar .svc-search__bar-item {\n height: min-content;\n margin: 0;\n border-radius: var(--ctr-search-button-corner-radius, 100px);\n padding: var(--ctr-search-button-padding-vertical, calcSize(0.5))\n var(--ctr-search-button-padding-horizontal, calcSize(0.5)) var(--ctr-search-button-padding-vertical, calcSize(0.5))\n var(--ctr-search-button-padding-horizontal, calcSize(0.5));\n\n .sv-svg-icon {\n width: var(--ctr-search-button-icon-width, calcSize(2));\n height: var(--ctr-search-button-icon-height, calcSize(2));\n }\n}\n\n.svc-search__toolbar-counter {\n @include ctrSmallBoldFont;\n display: flex;\n flex-shrink: 0;\n}","@use \"../variables\" as *;\n\n.svc-scroll__wrapper {\n position: relative;\n flex-grow: 1;\n flex-shrink: 1;\n height: 0;\n display: flex;\n flex-direction: column;\n}\n\n.svc-scroll__scroller {\n box-sizing: border-box;\n flex-grow: 1;\n overflow-y: auto;\n overflow-x: hidden;\n\n display: flex;\n flex-direction: column;\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n &::-webkit-scrollbar {\n display: none;\n }\n}\n\n.svc-scroll__scrollbar {\n position: absolute;\n top: 0;\n bottom: 0;\n overflow-y: scroll;\n overflow-x: hidden;\n width: fit-content;\n margin-inline-start: -1px;\n visibility: hidden;\n z-index: 30;\n inset-inline-end: 0;\n inset-inline-start: initial;\n @-moz-document url-prefix() {\n scrollbar-width: thin;\n scrollbar-color: $border transparent;\n }\n}\n\n.svc-scroll__wrapper:hover .svc-scroll__scrollbar {\n visibility: visible;\n}\n\n.svc-scroll__scrollbar-sizer {\n width: 1px;\n}\n\n.svc-scroll__container {\n width: 100%;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n}","@use \"../../variables\" as *;\n\n.svc-property-panel__item {\n margin: calcSize(2) 0;\n width: 100%;\n}\n","@use \"../../variables\" as *;\n\n.svc-property-grid-placeholder {\n display: flex;\n padding: var(--ctr-property-grid-placeholder-padding-top, 96px)\n var(--ctr-property-grid-placeholder-padding-right, 48px) var(--ctr-property-grid-placeholder-padding-bottom, 0px)\n var(--ctr-property-grid-placeholder-padding-left, 48px);\n flex-direction: column;\n align-items: center;\n gap: var(--ctr-property-grid-placeholder-image-margin-top, 24px);\n flex: 1 0 0;\n align-self: stretch;\n background: var(--ctr-property-grid-form-background-color, #f3f3f3);\n}\n.svc-property-grid-placeholder__header {\n display: flex;\n max-width: var(--ctr-property-grid-placeholder-text-max-width, 256px);\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: var(--ctr-property-grid-placeholder-text-gap, 8px);\n}\n.svc-property-grid-placeholder__title {\n @include ctrDefaultBoldFont;\n color: var(--ctr-property-grid-placeholder-text-title-color, rgba(0, 0, 0, 0.91));\n text-align: center;\n display: inline-block;\n}\n.svc-property-grid-placeholder__description {\n @include ctrSmallFont;\n color: var(--ctr-property-grid-placeholder-text-description-color, rgba(0, 0, 0, 0.45));\n text-align: center;\n display: inline-block;\n}\n.svc-property-grid-placeholder__content {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n width: 100%;\n}\n.svc-property-grid-placeholder__gap {\n max-width: 192px;\n flex: 1 0 0;\n width: 100%;\n}\n.svc-property-grid-placeholder__image {\n display: flex;\n max-width: 192px;\n justify-content: center;\n align-items: center;\n flex: 1 0 0;\n background: url(\"../../images/image-panel-placeholder.png\") 50% / contain no-repeat;\n width: 100%;\n overflow: hidden;\n height: 86px;\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"],\n.svc-creator__side-bar--left {\n .svc-property-grid-placeholder__image {\n transform: rotateY(180deg);\n }\n}\n\n.svc-creator__side-bar--left .svc-property-grid-placeholder__content {\n flex-direction: row-reverse;\n}\n","@use \"../../variables\" as *;\n\n.svc-tabbed-menu-item {\n display: flex;\n align-items: center;\n min-height: calc(var(--ctr-menu-toolbar-button-icon-height) + var(--ctr-menu-item-padding-top) + var(--ctr-menu-item-padding-bottom));\n padding: var(--ctr-menu-item-padding-top, 20px) var(--ctr-menu-item-padding-right, 24px) var(--ctr-menu-item-padding-bottom, 20px) var(--ctr-menu-item-padding-left, 24px) ;\n box-sizing: border-box;\n cursor: pointer;\n transition: box-shadow $creator-transition-duration, background-color $creator-transition-duration;\n\n &:hover,\n &:focus {\n background-color: var(--ctr-menu-item-background-color-hovered, $background-dim);\n box-shadow: inset 0px -1px 0px var(--ctr-menu-border-color, $border);\n outline: none;\n }\n}\n\n.svc-tabbed-menu-item--icon {\n padding-right: var(--ctr-menu-item-padding-right-icon, 16px);\n padding-left: var(--ctr-menu-item-padding-left-icon, 16px);\n display: flex;\n align-items: center;\n}\n\n.svc-tabbed-menu-item--selected {\n background: var(--ctr-menu-item-background-color, $background);\n box-shadow: inset 0px -2px 0px var(--ctr-menu-item-border-color-selected, $primary);\n\n &:hover,\n &:focus {\n background: var(--ctr-menu-item-background-color, $background);\n box-shadow: inset 0px -2px 0px var(--ctr-menu-item-border-color-selected, $primary);\n }\n}\n\n.svc-tabbed-menu-item--disabled {\n cursor: default;\n opacity: var(--ctr-menu-item-opacity-disabled, 0.25);\n\n &:hover {\n background-color: var(--ctr-menu-item-background-color, $background);\n }\n}\n\n.svc-tabbed-menu-item--hidden {\n visibility: hidden;\n}\n\n.svc-tabbed-menu-item__text.svc-tabbed-menu-item__text {\n @include ctrDefaultFont;\n white-space: nowrap;\n display: block;\n color: var(--ctr-menu-item-text-color, $foreground);\n}\n\n.svc-tabbed-menu-item--selected .svc-tabbed-menu-item__text {\n @include ctrDefaultBoldFont;\n}\n\n.svc-tabbed-menu-item__icon {\n width: var(--ctr-menu-item-icon-width, 24px);\n height: var(--ctr-menu-item-icon-height, 24px);\n fill: var(--ctr-menu-item-icon-color, $foreground-light);\n}\n\n.svc-tabbed-menu-item-container .sv-dots__item {\n width: auto;\n}\n.svc-tabbed-menu-item-container \n{\n .svc-list__item-icon {\n display: none;\n }\n // .sv-list__item--with-icon.sv-list__item--with-icon > .sv-list__item-body {\n // padding-block: calcSize(1);\n // }\n}","@use \"../../variables\" as *;\n\n.svc-tabbed-menu {\n display: flex;\n white-space: nowrap;\n overflow: hidden;\n align-items: center;\n}\n\n.svc-tabbed-menu-wrapper {\n flex: 1 1 auto;\n overflow: hidden;\n}","@use \"../../variables\" as *;\n@use \"../../variables-layer.scss\" as *;\n\n.svc-toolbox__item {\n display: flex;\n position: relative;\n align-items: center;\n outline: none;\n padding-top: var(--ctr-toolbox-item-padding-top, calcSize(1));\n padding-bottom: var(--ctr-toolbox-item-padding-bottom, calcSize(1));\n padding-inline-end: var(--ctr-toolbox-item-padding-right, calcSize(1.5));\n padding-inline-start: var(--ctr-toolbox-item-padding-left, calcSize(1.5));\n border-radius: var(--ctr-toolbox-item-corner-radius, calcSize(12.5));\n}\n.svc-toolbox__item-icon {\n display: block;\n height: var(--ctr-toolbox-item-icon-height, calcSize(3));\n width: var(--ctr-toolbox-item-icon-width, calcSize(3));\n pointer-events: none;\n}\n.svc-toolbox__tool {\n cursor: default;\n align-items: var(--ctr-toolbox-item-align, flex-start);\n align-self: var(--ctr-toolbox-item-align, flex-start);\n &:first-of-type > .svc-toolbox__tool-content {\n padding-block-start: 0;\n .svc-toolbox__item-banner {\n top: 50%;\n }\n }\n}\n.svc-toolbox__tool-content {\n display: flex;\n // padding: calcSize(0.25) 0;\n padding-block-start: var(--ctr-toolbox-group-gap, calcSize(0.5));\n flex-direction: column;\n align-items: var(--ctr-toolbox-item-align, flex-start);\n position: relative;\n}\n\n.svc-toolbox__item--has-subitems {\n padding-inline-end: calcSize(6);\n}\n\n.svc-toolbox__tool--has-subitems {\n align-items: var(--ctr-toolbox-item-align, flex-start);\n align-self: var(--ctr-toolbox-item-align, flex-start);\n}\n\n// is always visible\n.svc-toolbox__item-container {\n display: flex;\n outline: none;\n use {\n fill: var(--ctr-toolbox-item-icon-color, $foreground-light);\n }\n}\n\n//is visible only on hover\n.svc-toolbox__item-banner {\n @include ctrSmallBoldFont;\n opacity: 0;\n box-sizing: border-box;\n align-items: center;\n inset-inline-start: var(--thm-toolbox-item-banner-left, calcSize(-0.5));\n max-width: calcSize(100);\n padding-top: var(--ctr-tooltip-padding-top, calcSize(1.5));\n padding-inline-end: var(--ctr-tooltip-padding-right, calcSize(3.5));\n padding-bottom: var(--ctr-tooltip-padding-bottom, calcSize(1.5));\n padding-inline-start: var(--ctr-tooltip-padding-left, calcSize(5.5));\n margin-inline-end: calcSize(-2);\n white-space: nowrap;\n color: var(--ctr-toolbox-item-text-color, $foreground);\n transition: opacity $creator-transition-duration;\n background-color: $background;\n /* Shadow / Medium */\n border-radius: var(--ctr-tooltip-corder-radius, calcSize(12.5));\n box-shadow:\n var(--ctr-tooltip-shadow-1-offset-x, 0px) var(--ctr-tooltip-shadow-1-offset-y, 2px)\n var(--ctr-tooltip-shadow-1-blur, 6px) var(--ctr-tooltip-shadow-1-spread, 0px)\n var(--ctr-tooltip-shadow-1-color, rgba(0, 0, 0, 0.1)),\n var(--ctr-tooltip-shadow-2-offset-x, 0px) var(--ctr-tooltip-shadow-2-offset-y, 1px)\n var(--ctr-tooltip-shadow-2-blur, 2px) var(--ctr-tooltip-shadow-2-spread, 0px)\n var(--ctr-tooltip-shadow-2-color, transparent);\n // transition:\n // max-width 0.1s ease-in-out,\n // padding 0.2s ease-in-out;\n background-color: var(--ctr-tooltip-background-color, $background);\n overflow: visible;\n position: absolute;\n z-index: 200;\n top: calc(50% + var(--ctr-toolbox-group-gap, 4px) / 2);\n transform: translate(0, -50%);\n pointer-events: none;\n .svc-toolbox__item-icon {\n position: absolute;\n display: var(--ctr-toolbox-item-banner-icon-display, block);\n inset-inline-start: calcSize(1.5);\n top: calcSize(1);\n }\n\n &:after {\n content: \" \";\n display: var(--ctr-toolbox-item-banner-beak-display, none);\n width: calc(var(--ctr-tooltip-pointer-height) * 1.41);\n height: calc(var(--ctr-tooltip-pointer-height) * 1.41);\n background: var(--ctr-tooltip-background-color, $background);\n border-top-color: transparent;\n border-inline-end-color: transparent;\n box-shadow:\n var(--ctr-tooltip-shadow-1-offset-x, 0px) var(--ctr-tooltip-shadow-1-offset-y, 2px)\n var(--ctr-tooltip-shadow-1-blur, 6px) var(--ctr-tooltip-shadow-1-spread, 0px)\n var(--ctr-tooltip-shadow-1-color, rgba(0, 0, 0, 0.1)),\n var(--ctr-tooltip-shadow-2-offset-x, 0px) var(--ctr-tooltip-shadow-2-offset-y, 1px)\n var(--ctr-tooltip-shadow-2-blur, 2px) var(--ctr-tooltip-shadow-2-spread, 0px)\n var(--ctr-tooltip-shadow-2-color, transparent);\n align-self: center;\n position: absolute;\n inset-inline-end: 100%;\n top: 50%;\n z-index: 300;\n transform: translate(calc(var(--ctr-tooltip-pointer-height) / 1.41), calc(var(--ctr-tooltip-pointer-height) / -1.41)) rotate(45deg);\n clip-path: polygon(-100% -100%, -100% 200%, 200% 200%);\n }\n\n .sv-svg-icon use {\n fill: var(--ctr-toolbox-item-icon-color-hovered, $primary);\n }\n}\n\n.svc-toolbox__item-title {\n @include ctrSmallBoldFont;\n\n display: block;\n padding-inline-start: calcSize(1);\n padding-inline-end: calcSize(1.5);\n white-space: nowrap;\n color: var(--ctr-toolbox-item-text-color, $foreground-light);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.svc-toolbox__tool:hover,\n.svc-toolbox__tool:focus-within {\n .svc-toolbox__item-banner {\n display: var(--ctr-toolbox-item-banner-display, flex);\n opacity: 1;\n pointer-events: initial;\n\n // .svc-toolbox__item-title {\n // padding-inline-start: calcSize(4);\n // }\n }\n}\n\n.svc-toolbox__tool--disabled {\n pointer-events: none;\n\n use {\n opacity: var(--ctr-toolbox-item-icon-opacity-disabled, 0.15);\n fill: var(--ctr-toolbox-item-icon-color-disabled, rgba(0, 0, 0, 0.91));\n }\n .svc-toolbox__item-title {\n opacity: var(--ctr-toolbox-item-text-opacity-disabled, 0.25);\n }\n}\n\n.svc-toolbox__item:focus,\n.svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item,\n.svc-toolbox__item:hover {\n overflow: visible;\n background-color: var(--ctr-toolbox-item-background-color-hovered, $background);\n\n box-shadow:\n var(--ctr-toolbox-item-shadow-hovered-1-offset-x, 0px) var(--ctr-toolbox-item-shadow-hovered-1-offset-y, 2px)\n var(--ctr-toolbox-item-shadow-hovered-1-blur, 6px) var(--ctr-toolbox-item-shadow-hovered-1-spread, 0px)\n var(--ctr-toolbox-item-shadow-hovered-1-color, rgba(0, 0, 0, 0.1)),\n var(--ctr-toolbox-item-shadow-hovered-2-offset-x, 0px) var(--ctr-toolbox-item-shadow-hovered-2-offset-y, 1px)\n var(--ctr-toolbox-item-shadow-hovered-2-blur, 2px) var(--ctr-toolbox-item-shadow-hovered-2-spread, 0px)\n var(--ctr-toolbox-item-shadow-hovered-2-color, transparent);\n transition: 0.1s ease-in-out;\n\n .svc-toolbox--compact {\n .svc-toolbox__item:focus,\n .svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item,\n .svc-toolbox__item:hover {\n background-color: transparent;\n box-shadow: none;\n }\n }\n\n .svc-toolbox__item-title {\n color: var(--ctr-toolbox-item-text-color-hovered, $foreground);\n }\n\n .sv-svg-icon use {\n fill: var(--ctr-toolbox-item-icon-color-hovered, $primary);\n }\n}\n\n.svc-toolbox__tool .sv-dots__item:hover:enabled,\n.svc-toolbox__tool .sv-dots__item:focus:enabled,\n.svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed {\n background-color: var(--ctr-toolbox-button-background-color-hovered, $primary-light);\n border-radius: var(--ctr-toolbox-item-corner-radius, calcSize(12.5));\n box-shadow: none;\n\n .sv-svg-icon use {\n fill: var(--ctr-toolbox-item-icon-color-hovered, $primary);\n }\n}\n.svc-toolbox__item-submenu-button {\n position: absolute;\n inset-inline-end: var(--ctr-toolbox-item-padding-right, calcSize(1.5));\n margin-inline-end: var(--ctr-toolbox-item-submenu-button-margin-right, 0);\n top: calc(var(--ctr-toolbox-item-padding-top, var(--dft-toolbox-item-padding-top)) + var(--ctr-toolbox-gap, var(--dft-toolbox-gap)));\n bottom: var(--ctr-toolbox-item-padding-bottom, var(--dft-toolbox-item-padding-bottom));\n display: inline-flex;\n padding: var(--ctr-toolbox-item-submenu-button-padding-top, calcSize(0.5))\n var(--ctr-toolbox-item-submenu-button-padding-right, calcSize(0.5)) \n var(--ctr-toolbox-item-submenu-button-padding-bottom, calcSize(0.5))\n var(--ctr-toolbox-item-submenu-button-padding-left, calcSize(0.5));\n box-sizing: border-box;\n align-items: center;\n border-radius: var(--ctr-toolbox-item-submenu-button-corner-radius, 1024px);\n background-color: var(--ctr-toolbox-item-submenu-button-background-color, $background-dim);\n transition: background-color $creator-transition-duration;\n &:hover {\n background-color: var(--ctr-toolbox-item-submenu-button-background-color-hovered, $background);\n }\n svg {\n fill: var(--ctr-toolbox-item-submenu-button-icon-color, $layer-1-foreground-50);\n width: var(--ctr-toolbox-item-submenu-button-icon-width, calcSize(2));\n height: var(--ctr-toolbox-item-submenu-button-icon-height, calcSize(2));\n }\n}\n\n.svc-toolbox-popup {\n .sv-list__item {\n &:first-of-type {\n .sv-list__item-separator {\n display: none;\n }\n }\n\n .sv-list__item-body {\n padding-top: calcSize(1.5);\n padding-bottom: calcSize(1.5);\n padding-inline-start: calcSize(2);\n padding-inline-end: calcSize(5);\n }\n }\n}\n\n.svc-toolbox__tool.svc-toolbox__tool--pressed {\n .svc-toolbox__item {\n background: var(--ctr-toolbox-item-background-color-pressed, inherit);\n box-shadow: var(--ctr-toolbox-item-shadow-pressed-offset-x, 0px)\n var(--ctr-toolbox-item-shadow-pressed-offset-y, 1px) var(--ctr-toolbox-item-shadow-pressed-blur, 2px)\n var(--ctr-toolbox-item-shadow-pressed-spread, 0px) var(--ctr-toolbox-item-shadow-pressed-color, rgba(0, 0, 0, 0));\n }\n\n .svc-toolbox__item-title {\n color: var(--ctr-toolbox-item-text-color-pressed, $foreground);\n opacity: var(--ctr-toolbox-item-text-opacity-pressed, 0.5);\n }\n\n .sv-svg-icon use {\n fill: var(--ctr-toolbox-item-icon-color-pressed, $foreground);\n opacity: var(--ctr-toolbox-item-icon-opacity-pressed, 0.5);\n }\n\n .svc-toolbox__item.svc-toolbox__item-subtype {\n opacity: unset;\n }\n}\n\n.svc-toolbox-subtypes {\n .sv-popup__container {\n margin-top: calc(\n 0px - var(--ctr-toolbox-submenu-group-margin-top, 0px) -\n var(--ctr-toolbox-item-padding-top, var(--dft-toolbox-item-padding-top))\n );\n padding: 0;\n\n padding-inline-start: calc(\n var(--ctr-toolbox-item-padding-right, var(--dft-toolbox-item-padding-right)) + \n var(--ctr-toolbox-item-submenu-button-margin-right, 0px) + \n var(--ctr-toolbox-group-padding-right, var(--dft-toolbox-group-padding-right)) +\n var(--ctr-toolbox-border-width-right, 0px));\n\n box-shadow: unset;\n background: unset;\n }\n\n .sv-list__container {\n flex-wrap: wrap;\n column-gap: calcSize(2);\n }\n\n .sv-popup__body-content {\n border-radius: var(--ctr-toolbox-submenu-corner-radius, calcSize(1));\n box-shadow:\n var(--ctr-toolbox-submenu-shadow-1-offset-x, 0px) var(--ctr-toolbox-submenu-shadow-1-offset-y, 2px)\n var(--ctr-toolbox-submenu-shadow-1-blur, 8px) var(--ctr-toolbox-submenu-shadow-1-spread, 0px)\n var(--ctr-toolbox-submenu-shadow-1-color, transparent),\n var(--ctr-toolbox-submenu-shadow-2-offset-x, 0px) var(--ctr-toolbox-submenu-shadow-2-offset-y, 16px)\n var(--ctr-toolbox-submenu-shadow-2-blur, 32px) var(--ctr-toolbox-submenu-shadow-2-spread, 0px)\n var(--ctr-toolbox-submenu-shadow-2-color, transparent);\n background: var(--ctr-toolbox-submenu-background-color, unset);\n padding: 0;\n }\n\n .sv-popup__scrolling-content {\n padding-top: calc(var(--ctr-toolbox-submenu-group-margin-top, 0px));\n padding-inline-end: var(--ctr-toolbox-submenu-group-margin-right, 0px);\n padding-bottom: var(--ctr-toolbox-submenu-group-margin-bottom-last, 0px);\n padding-inline-start: var(--ctr-toolbox-submenu-group-margin-left, 0px);\n overflow: visible;\n }\n\n .sv-list__item:hover > .sv-list__item-body,\n .sv-list__item:focus > .sv-list__item-body {\n background-color: unset;\n }\n\n .svc-toolbox__item.svc-toolbox__item-subtype {\n opacity: var(--ctr-toolbox-item-opacity-submenu, 0.85);\n overflow: hidden;\n border-radius: var(--ctr-toolbox-item-corner-radius, calcSize(12.5));\n background: var(--ctr-toolbox-item-background-color-submenu, $layer-2-background-500);\n box-shadow:\n var(--ctr-toolbox-item-shadow-hovered-1-offset-x, 0px) var(--ctr-toolbox-item-shadow-hovered-1-offset-y, 2px)\n var(--ctr-toolbox-item-shadow-hovered-1-blur, 6px) var(--ctr-toolbox-item-shadow-hovered-1-spread, 0px)\n var(--ctr-toolbox-item-shadow-hovered-1-color, rgba(0, 0, 0, 0.1)),\n var(--ctr-toolbox-item-shadow-hovered-2-offset-x, 0px) var(--ctr-toolbox-item-shadow-hovered-2-offset-y, 1px)\n var(--ctr-toolbox-item-shadow-hovered-2-blur, 2px) var(--ctr-toolbox-item-shadow-hovered-2-spread, 0px)\n var(--ctr-toolbox-item-shadow-hovered-2-color, rgba(0, 0, 0, 0));\n transition: 0.1s ease-in-out;\n padding: \n var(--ctr-toolbox-item-padding-top-submenu, calcSize(1.5))\n var(--ctr-toolbox-item-padding-right, calcSize(2))\n var(--ctr-toolbox-item-padding-bottom-submenu, calcSize(1.5))\n var(--ctr-toolbox-item-padding-left-submenu, calcSize(2));\n align-self: flex-start;\n min-width: var(--ctr-toolbox-submenu-item-min-width, initial);\n box-sizing: border-box;\n\n .svc-toolbox__item-title {\n color: var(--ctr-toolbox-item-text-color-submenu, $layer-2-foreground-100);\n }\n }\n\n .svc-toolbox__tool:hover,\n .svc-toolbox__item:focus {\n .svc-toolbox__item-subtype {\n background: var(--ctr-toolbox-item-background-color-hovered, $layer-1-background-500);\n opacity: unset;\n\n .svc-toolbox__item-title {\n color: var(--ctr-toolbox-item-text-color-hovered, $layer-1-foreground-100);\n }\n }\n }\n\n .svc-toolbox__item-title {\n padding: 0;\n }\n}\n\n.svc-toolbox__tool--dots {\n align-self: flex-start;\n}\n.svc-toolbox__item--dots {\n padding-inline-end: var(--ctr-toolbox-item-padding-left, calcSize(1.5));\n margin-top: calcSize(0.5);\n}\n.svc-toolbox--compact {\n .svc-toolbox__item-submenu-button {\n display: none;\n }\n .svc-toolbox__tool {\n padding: 0px var(--ctr-toolbox-item-margin-horizontal-no-text, calcSize(0.5));\n align-self: flex-start;\n pointer-events: all;\n }\n .svc-toolbox__search-button {\n padding-inline-start: var(--ctr-toolbox-item-margin-horizontal-no-text, calcSize(0.5));\n }\n .svc-toolbox__item {\n padding-inline-start: var(--ctr-toolbox-item-padding-left-no-text, calcSize(1));\n padding-inline-end: var(--ctr-toolbox-item-padding-right-no-text, calcSize(1));\n box-sizing: border-box;\n align-self: flex-start;\n &:after {\n content:\"\\a0\";\n @include ctrSmallBoldFont;\n width: 0;\n }\n }\n .svc-toolbox__tool--dots {\n padding-inline-end: 0;\n padding-inline-start: 0;\n }\n .svc-toolbox__item--dots {\n padding-inline-end: var(--ctr-toolbox-item-padding-right, calcSize(1.5));\n padding-inline-start: var(--ctr-toolbox-item-padding-left, calcSize(1.5));\n }\n}\n","@use \"../../variables\" as *;\n\n.svc-toolbox {\n --dft-toolbox-item-padding-top: calc(1 * #{$base-unit});\n --dft-toolbox-group-padding-right: calc(2 * #{$base-unit});\n --dft-toolbox-item-padding-right: calc(1.5 * #{$base-unit});\n --dft-toolbox-gap: calc(0.5 * #{$base-unit});\n --dft-toolbox-width-compact: calc(9 *#{$base-unit});\n\n --thm-toolbox-width-compact: calc(\n var(--ctr-toolbox-item-icon-width) +\n var(--ctr-toolbox-item-padding-right-no-text) +\n var(--ctr-toolbox-item-padding-left-no-text) +\n var(--ctr-toolbox-item-margin-horizontal-no-text) * 2 +\n var(--ctr-toolbox-group-padding-right) +\n var(--ctr-toolbox-group-padding-left)\n );\n\n --thm-toolbox-item-banner-left: calc(\n var(--ctr-toolbox-item-icon-width) +\n var(--ctr-toolbox-item-padding-right-no-text) +\n var(--ctr-toolbox-item-padding-left-no-text) +\n var(--ctr-toolbox-item-margin-horizontal-no-text) * 2 +\n var(--ctr-toolbox-group-padding-right) +\n var(--ctr-tooltip-pointer-height) * 2\n );\n\n --toolbox-width: var(--ctr-toolbox-min-width, 224.984375px /*calcSize(28)*/);\n --toolbox-width-compact: var(--thm-toolbox-width-compact, var(--dft-toolbox-width-compact));\n \n width: auto;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.svc-toolbox__panel {\n position: relative;\n flex-grow: 1;\n flex-shrink: 1;\n height: 0;\n display: flex;\n flex-direction: column;\n border-inline-end: var(--ctr-toolbox-border-width-right, 0px) solid var(--ctr-toolbox-border-color, transparent);\n background: var(--ctr-toolbox-background-color, $background-dim);\n min-width: var(--toolbox-width);\n}\n\n.svc-toolbox {\n\n .svc-scroll__scroller {\n padding: var(--ctr-toolbox-padding-top, calcSize(1.5)) var(--ctr-toolbox-group-padding-right, calcSize(1.5))\n var(--ctr-toolbox-padding-bottom, calcSize(2)) var(--ctr-toolbox-group-padding-left, calcSize(1.5));\n align-items: var(--ctr-toolbox-scroller-align-items, flex-end);\n\n }\n .svc-scroll__scrollbar {\n inset-inline-end: var(--ctr-toolbox-scrollbar-right, initial);\n inset-inline-start: var(--ctr-toolbox-scrollbar-left, 0);\n padding: var(--ctr-toolbox-padding-top, calcSize(1)) 0 var(--ctr-toolbox-padding-bottom, calcSize(2)) 0;\n }\n}\n\n.svc-toolbox--scrollable {\n --toolbox-width: var(--ctr-toolbox-min-width, 236.984375px);\n}\n.svc-toolbox--compact {\n margin-inline-end: var(--ctr-toolbox-margin-left-compact, calcSize(1.5));\n .svc-toolbox__panel {\n overflow: visible;\n width: var(--toolbox-width-compact);\n min-width: var(--toolbox-width-compact);\n }\n .svc-scroll__scroller {\n width: 100vw;\n padding: var(--ctr-toolbox-padding-top, calcSize(1.5)) var(--ctr-toolbox-group-padding-right-compact, calcSize(1.5))\n var(--ctr-toolbox-padding-bottom, calcSize(2)) var(--ctr-toolbox-group-padding-left-compact, calcSize(1.5));\n pointer-events: none;\n }\n .svc-search {\n opacity: 0;\n position: absolute;\n }\n .svc-toolbox__search-container {\n padding-top: var(--ctr-toolbox-padding-top, calcSize(1.5));\n padding-inline-start: var(--ctr-toolbox-group-padding-left, calcSize(1.5));\n padding-inline-end: var(--ctr-toolbox-group-padding-left, calcSize(1.5));\n padding-bottom: calc(var(--ctr-toolbox-separator-padding-top, 8px) + var(--ctr-toolbox-gap, 4px));\n }\n .svc-toolbox__category-separator {\n box-sizing: content-box;\n padding-inline-end: var(--ctr-toolbox-separator-padding-right-compact, calcSize(2));\n padding-inline-start: var(--ctr-toolbox-separator-padding-left-compact, calcSize(2));\n margin-inline-end: calc(0px - var(--ctr-toolbox-group-padding-right-compact, 12px) - var(--ctr-toolbox-item-margin-horizontal-no-text, 4px));\n margin-inline-start: calc(0px - var(--ctr-toolbox-group-padding-left-compact, 12px) - var(--ctr-toolbox-item-margin-horizontal-no-text, 4px));\n }\n .svc-toolbox__category-separator--search {\n margin-inline-end: 0;\n margin-inline-start: 0;\n }\n}\n\n.svc-toolbox__tool.svc-toolbox__search-button {\n z-index: 20;\n justify-content: center;\n align-items: center;\n width: fit-content;\n svg {\n height: var(--ctr-toolbox-item-icon-height, calcSize(3));\n width: var(--ctr-toolbox-item-icon-width, calcSize(3));\n }\n}\n\n.svc-toolbox--flyout {\n --toolbox-width: var(--ctr-toolbox-min-width, calc(32 *#{$base-unit}));\n margin-inline-end: var(--ctr-toolbox-margin-left-compact, calcSize(1.5));\n overflow: visible;\n overflow: visible;\n width: var(--toolbox-width-compact);\n max-width: var(--thm-toolbox-width-compact, calcSize(10.5));\n overflow: visible;\n border-inline-end: var(--ctr-toolbox-border-width-right, 0px) solid transparent;\n\n .svc-search {\n opacity: 1;\n position: relative;\n }\n\n .svc-toolbox__panel {\n z-index: 200;\n width: fit-content;\n position: relative;\n box-shadow:\n var(--ctr-toolbox-shadow-floating-2-offset-x, 0px) var(--ctr-toolbox-shadow-floating-2-offset-y, 8px)\n var(--ctr-toolbox-shadow-floating-2-blur, 16px) var(--ctr-toolbox-shadow-floating-2-spread, 0px)\n var(--ctr-toolbox-shadow-floating-2-color, rgba(0, 0, 0, 0.1)),\n var(--ctr-toolbox-shadow-floating-1-offset-x, 0px) var(--ctr-toolbox-shadow-floating-1-offset-y, 2px)\n var(--ctr-toolbox-shadow-floating-1-blur, 6px) var(--ctr-toolbox-shadow-floating-1-spread, 0px)\n var(--ctr-toolbox-shadow-floating-1-color, rgba(0, 0, 0, 0.1));\n transition: box-shadow $creator-transition-duration;\n }\n}\n.svc-toolbox--searchable {\n .svc-toolbox__search-container {\n display: flex;\n }\n}\n.svc-toolbox__search-container {\n position: sticky;\n top: 0;\n display: none;\n flex-direction: column;\n box-sizing: border-box;\n background: var(--ctr-toolbox-background-color, $background-dim);\n border-bottom: var(--ctr-toolbox-search-border-width-bottom, 1px) solid transparent;\n\n svg {\n pointer-events: none;\n }\n}\n\n.svc-toolbox__category {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.svc-toolbox__category-separator {\n box-sizing: border-box;\n padding-top: var(--ctr-toolbox-separator-padding-top, calcSize(1.5));\n padding-inline-end: var(--ctr-toolbox-separator-padding-right, calcSize(2));\n padding-bottom: var(--ctr-toolbox-separator-padding-bottom, calcSize(1));\n padding-inline-start: var(--ctr-toolbox-separator-padding-left, calcSize(2));\n margin-top: var(--ctr-toolbox-gap, 0);\n margin-inline-end: calc(0px - var(--ctr-toolbox-group-padding-right, 12px));\n margin-inline-start: calc(0px - var(--ctr-toolbox-group-padding-left, 12px));\n max-width: var(--ctr-toolbox-separator-max-width, calcSize(9));\n &:after {\n content: \"\";\n display: block;\n height: var(--ctr-toolbox-separator-height, 1px);\n background-color: var(--ctr-toolbox-separator-color, $border);\n }\n}\n\n.svc-toolbox__category-separator--search {\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n align-self: center;\n margin-left: auto;\n margin-right: auto;\n padding: 0;\n margin-top: 0;\n max-width: initial;\n}\n\n.svc-toolbox--no-separators {\n .svc-toolbox__category-separator {\n display: none;\n }\n .svc-toolbox__category-separator--search {\n display: block;\n }\n}\n\n.svc-toolbox__category-header-wrapper {\n padding: var(--ctr-toolbox-group-header-margin-top, 0px) var(--ctr-toolbox-group-header-margin-left, 0px)\n var(--ctr-toolbox-group-header-margin-bottom, 0px) var(--ctr-toolbox-group-header-margin-left, 0px);\n margin-inline-start: calc(0px - var(--ctr-toolbox-group-padding-left, 0px));\n margin-inline-end: calc(0px - var(--ctr-toolbox-group-padding-right, 0px));\n align-self: stretch;\n}\n.svc-toolbox__category-header {\n padding-top: var(--ctr-toolbox-group-header-padding-top, calcSize(1.5));\n padding-inline-end: var(--ctr-toolbox-group-header-padding-right, calcSize(1.5));\n padding-bottom: var(--ctr-toolbox-group-header-padding-bottom, calcSize(1.5));\n padding-inline-start: var(--ctr-toolbox-group-header-padding-left, calcSize(1.5));\n\n box-shadow: \n inset 0 var(--ctr-toolbox-group-header-border-width-top, 0px) var(--ctr-toolbox-group-header-border-color, $border),\n inset calc(0px - var(--ctr-toolbox-group-header-border-width-right, 0px)) 0 var(--ctr-toolbox-group-header-border-color, $border),\n inset 0 calc(0px - var(--ctr-toolbox-group-header-border-width-bottom, 1px)) var(--ctr-toolbox-group-header-border-color, $border),\n inset var(--ctr-toolbox-group-header-border-width-left, 0px) 0 var(--ctr-toolbox-group-header-border-color, $border);\n\n box-sizing: border-box;\n width: 100%;\n min-width: calcSize(20);\n position: relative;\n display: flex;\n}\n\n.svc-toolbox__category-header--collapsed {\n cursor: pointer;\n}\n\n.svc-toolbox__category-title {\n @include ctrSmallBoldFont;\n color: $foreground;\n vertical-align: middle;\n display: block;\n flex-grow: 1;\n}\n\n.svc-toolbox__category-header__controls {\n inset-inline-end: calcSize(1);\n top: var(--ctr-category-header-controls-top, calcSize(1));\n display: none;\n align-self: center;\n margin-top: -50%;\n margin-bottom: -50%;\n}\n\n.svc-toolbox__category-header__button {\n fill: $foreground-light;\n height: var(--ctr-toolbox-item-icon-height, calcSize(3));\n width: var(--ctr-toolbox-item-icon-width, calcSize(3));\n}\n\n.svc-toolbox__category-header:hover {\n .svc-toolbox__category-header__controls {\n display: flex;\n }\n}\n\n.svc-toolbox__category--collapsed {\n .svc-toolbox__tool {\n height: 0;\n visibility: hidden;\n }\n}\n\n.svc-toolbox__category--empty {\n height: 0;\n visibility: hidden;\n}\n\n.svc-toolbox__placeholder {\n @include ctrSmallFont;\n padding-top: calcSize(13.5);\n margin-inline-start: auto;\n margin-inline-end: auto;\n color: var(--ctr-property-grid-placeholder-text-description-color, $foreground-light);\n}\n","@use \"../../variables\" as *;\n\n.svc-toolbox {\n .svc-search {\n padding-top: var(--ctr-toolbox-search-padding-top, calcSize(2.5));\n padding-inline-end: var(--ctr-toolbox-search-padding-right, calcSize(2));\n padding-bottom: var(--ctr-toolbox-search-padding-bottom, calcSize(2.5));\n padding-inline-start: var(--ctr-toolbox-search-padding-left, calcSize(3));\n gap: var(--ctr-toolbox-search-gap, calcSize(1));\n height: unset;\n\n width: unset;\n flex-grow: 1;\n border-bottom: none;\n }\n\n .svc-search__input {\n color: var(--ctr-toolbox-search-text-color, $foreground);\n }\n .svc-search__input::placeholder {\n color: var(--ctr-toolbox-search-text-color-placeholder, $foreground-light);\n }\n .svc-search__bar-item {\n &:hover:enabled {\n background-color: var(--ctr-toolbox-search-clear-button-background-color-hovered, $red-light);\n svg use {\n fill: var(--ctr-toolbox-search-clear-button-icon-color-hovered, $red);\n }\n }\n }\n\n .svc-search__search-icon {\n width: var(--ctr-toolbox-search-icon-width, calcSize(3));\n height: var(--ctr-toolbox-search-icon-height, calcSize(3));\n \n .sv-svg-icon {\n width: var(--ctr-toolbox-search-icon-width, calcSize(3));\n height: var(--ctr-toolbox-search-icon-height, calcSize(3));\n \n use {\n fill: var(--ctr-toolbox-search-icon-color, $foreground-light);\n }\n }\n }\n}","@use \"../../variables\" as *;\n.svc-creator__toolbox--right,\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n .svc-toolbox {\n direction: rtl;\n }\n .svc-toolbox__item-banner {\n &:after {\n transform: translate(-2px, -2px) rotate(90deg);\n }\n }\n .svc-toolbox__item-submenu-button {\n svg {\n transform: rotate(180deg);\n } \n }\n}\n.svc-creator__toolbox--right {\n .sv-popup__body-content,\n .svc-search\n {\n direction: initial;\n }\n}","@use \"../../variables\" as *;\n$svc-toolbox-fade-in-duration: var(--sjs-svc-toolbox-fade-in-duration, 250ms);\n$svc-toolbox-move-in-duration: var(--sjs-svc-toolbox-move-in-duration, 250ms);\n$svc-toolbox-fade-in-delay: var(--sjs-svc-toolbox-fade-in-delay, 100ms);\n$svc-toolbox-fade-out-duration: var(--sjs-svc-toolbox-fade-out-duration, 250ms);\n$svc-toolbox-move-out-duration: var(--sjs-svc-toolbox-move-out-duration, 250ms);\n$svc-toolbox-move-out-delay: var(--sjs-svc-toolbox-move-out-delay, 0ms);\n\n$cubic-ease-out: cubic-bezier(0.33, 1, 0.68, 1);\n$reverse-cubic-ease-out: cubic-bezier(0.32, 0, 0.67, 0);\n\n@keyframes toolboxFadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n@keyframes toolboxMoveIn {\n from {\n width: var(--toolbox-width-compact);\n overflow: hidden;\n }\n\n to {\n width: var(--animation-width);\n overflow: hidden;\n }\n}\n\n@keyframes toolboxSeparatorSearchMoveIn {\n from {\n padding-inline-end: var(--ctr-toolbox-separator-padding-right-compact, calcSize(2));\n padding-inline-start: var(--ctr-toolbox-separator-padding-left-compact, calcSize(2));\n\n overflow: hidden;\n }\n\n to {\n padding-inline-end: 0;\n padding-inline-start: 0;\n overflow: hidden;\n }\n}\n\n@keyframes toolboxSeparatorMoveIn {\n from {\n padding-inline-end: var(--ctr-toolbox-separator-padding-right-compact, calcSize(2));\n padding-inline-start: var(--ctr-toolbox-separator-padding-left-compact, calcSize(2));\n overflow: hidden;\n }\n\n to {\n padding-inline-end: var(--ctr-toolbox-separator-padding-right, calcSize(2));\n padding-inline-start: var(--ctr-toolbox-separator-padding-left, calcSize(2));\n overflow: hidden;\n }\n}\n\n.svc-toolbox__panel--enter,\n.svc-toolbox__panel--leave {\n animation-fill-mode: forwards;\n animation-duration: var(--move-animation-duration), var(--animation-duration);\n animation-delay: var(--move-animation-delay), 0s;\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n animation-name: toolboxMoveIn, empty;\n animation-fill-mode: forwards;\n min-width: 0;\n\n .svc-toolbox__category-separator {\n animation-duration: var(--move-animation-duration);\n animation-delay: var(--move-animation-delay);\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n animation-name: toolboxSeparatorMoveIn;\n animation-fill-mode: forwards;\n }\n\n .svc-toolbox__category-separator--search {\n animation-name: toolboxSeparatorSearchMoveIn;\n }\n\n .svc-toolbox__item-submenu-button,\n .svc-toolbox__item-title,\n .svc-search__input {\n animation-duration: var(--fade-animation-duration);\n animation-delay: var(--fade-animation-delay);\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n animation-name: toolboxFadeIn;\n animation-fill-mode: forwards;\n opacity: 0;\n text-overflow: initial;\n }\n}\n\n.svc-toolbox__panel--enter {\n --fade-animation-duration: #{$svc-toolbox-fade-in-duration};\n --move-animation-duration: #{$svc-toolbox-move-in-duration};\n --fade-animation-delay: #{$svc-toolbox-fade-in-delay};\n --move-animation-delay: 0s;\n --animation-direction: normal;\n --animation-duration: calc(var(--fade-animation-delay) + var(--fade-animation-duration));\n --animation-timing-function: #{$cubic-ease-out};\n}\n\n.svc-toolbox__panel--leave {\n --fade-animation-duration: #{$svc-toolbox-fade-out-duration};\n --move-animation-duration: #{$svc-toolbox-move-out-duration};\n --fade-animation-delay: 0s;\n --move-animation-delay: #{$svc-toolbox-move-out-delay};\n --animation-direction: reverse;\n --animation-duration: 0s;\n --animation-timing-function: #{$reverse-cubic-ease-out};\n}\n\n.svc-toolbox--flyout-to-compact-running {\n width: var(--toolbox-width-compact);\n margin-inline-end: var(--ctr-toolbox-margin-left-compact, calcSize(1.5));\n z-index: 200;\n border-inline-end: var(--ctr-toolbox-border-width-right, 0px) solid transparent;\n}\n\n.svc-creator--disable-animations {\n\n .svc-toolbox__panel--enter,\n .svc-toolbox__panel--leave {\n animation: none;\n }\n}","@use \"../../variables\" as *;\n\n$side-bar-enter-duration: var(--svc-side-bar-enter-duration, 500ms);\n$side-bar-leave-duration: var(--svc-side-bar-leave-duration, 500ms);\n\n$cubic-ease-out: cubic-bezier(0.33, 1, 0.68, 1);\n$reverse-cubic-ease-out: cubic-bezier(0.32, 0, 0.67, 0);\n.svc-side-bar__container {\n flex-direction: column;\n display: flex;\n position: relative;\n width: var(--ctr-property-grid-width, 450px);\n min-width: var(--ctr-property-grid-min-width, 370px);\n height: 100%;\n border-inline-start: 1px solid var(--ctr-property-grid-border-color, $border);\n}\n\n.svc-side-bar__wrapper {\n height: 100%;\n}\n\n.svc-side-bar__container .svc-resizer {\n width: 3px;\n height: 100%;\n position: absolute;\n z-index: 1;\n top: 0;\n background-color: transparent;\n cursor: e-resize;\n}\n\n.svc-resizer-west {\n left: 0;\n}\n\n.svc-resizer-east {\n right: 0;\n}\n\n.svc-side-bar__container-header {\n background: var(--ctr-property-grid-header-background-color, $background);\n box-shadow: inset 0px -2px 0px var(--ctr-property-grid-header-border-color, $primary);\n // text-align: right;\n display: flex;\n padding: var(--ctr-property-grid-header-padding-top, calcSize(1.5)) var(--ctr-property-grid-header-padding-right, calcSize(1))\n var(--ctr-property-grid-header-padding-bottom, calcSize(1.5)) var(--ctr-property-grid-header-padding-left, calcSize(1));\n}\n\n.svc-side-bar__container-content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n height: 100%;\n overflow-y: auto;\n background-color: var(--ctr-property-grid-background-color, $background);\n}\n\n.svc-side-bar__container-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n padding: 0px calcSize(2) calcSize(3);\n box-sizing: border-box;\n background: $background-dim;\n box-shadow: inset 0px -1px 0px $border;\n}\n\n.svc-side-bar__container-title {\n @include ctrDefaultFont;\n\n display: flex;\n flex-grow: 1;\n flex-shrink: 0;\n justify-content: flex-end;\n padding: var(--ctr-menu-toolbar-button-padding-top, calcSize(1))\n var(--ctr-menu-toolbar-button-padding-right, calcSize(1)) var(--ctr-menu-toolbar-button-padding-bottom, calcSize(1))\n var(--ctr-menu-toolbar-button-padding-left, calcSize(1));\n color: var(--ctr-menu-toolbar-button-text-color, $foreground);\n}\n\n.svc-side-bar__container-actions {\n width: 100%;\n box-sizing: border-box;\n .sv-action-bar {\n justify-content: flex-end;\n padding: 0;\n }\n \n .sv-action-bar-item {\n transition: background-color $creator-transition-duration;\n }\n \n .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled {\n border-radius: var(--ctr-menu-toolbar-button-corner-radius, 0);\n\n &:focus {\n background: var(--ctr-menu-toolbar-button-background-color-pressed, $background-dim);\n }\n \n &:hover {\n background: var(--ctr-menu-toolbar-button-background-color-hovered, $background-dim);\n }\n }\n \n .sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n background: var(--ctr-menu-toolbar-button-background-color-pressed, $background-dim);\n }\n \n .sv-action-bar-item__title {\n color: var(--ctr-menu-toolbar-button-text-color, $foreground);\n }\n \n .sv-action-bar-item__icon use {\n fill: var(--ctr-menu-toolbar-button-icon-color, $foreground-light);\n }\n}\n\n.svc-flex-row.svc-side-bar__wrapper {\n width: auto;\n height: 100%;\n background-color: transparent;\n}\n.svc-side-bar__container {\n background-color: var(--ctr-property-grid-form-background-color, $background-dim);\n}\n\n.svc-side-bar {\n height: 100%;\n}\n\n$tabs-width: calc(var(--ctr-menu-toolbar-button-padding-left, 8px) + var(--ctr-menu-toolbar-button-padding-right, 8px) + var(--ctr-menu-toolbar-button-icon-width, 24px) + var(--ctr-property-grid-tabs-padding-left, 12px) + var(--ctr-property-grid-tabs-padding-right, 12px));\n\n.svc-side-bar--flyout {\n .svc-side-bar__shadow {\n background-color: var(--ctr-popup-haze-background-color, $background-semitransparent);\n position: absolute;\n top: 0;\n bottom: 0;\n inset-inline-end: 0;\n inset-inline-start: 0;\n z-index: 900;\n }\n .svc-side-bar__container-wrapper {\n border-left: none;\n z-index: 1000;\n position: absolute;\n inset-inline-end: 0;\n height: 100%;\n max-width: 100%;\n }\n &.svc-side-bar--side-area .svc-side-bar__container-wrapper {\n max-width: calc(100% - #{$tabs-width});\n inset-inline-end: $tabs-width;\n }\n .svc-side-bar__container { \n display: flex;\n max-width: 100%;\n }\n .svc-sidebar-tabs {\n z-index: 1000;\n }\n}\n\n.svc-side-bar--mobile {\n .svc-side-bar__wrapper {\n position: absolute;\n width: 100%;\n position: absolute;\n inset-inline-end: 0;\n z-index: 1000;\n }\n .svc-side-bar__container-wrapper {\n position: static;\n flex-grow: 1;\n }\n\n .svc-side-bar__container {\n width: 100%;\n min-width: 100%;\n box-sizing: border-box;\n }\n}\n@keyframes flyoutSideBarShadowFadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 0.75;\n }\n}\n@keyframes sideBarMoveIn {\n from {\n width: 0;\n overflow: hidden;\n }\n to {\n width: var(--animation-width);\n overflow: hidden;\n }\n}\n\n.svc-side-bar--enter,\n.svc-side-bar--leave\n {\n animation-fill-mode: forwards;\n animation-name: empty;\n animation-duration: var(--animation-duration);\n .svc-side-bar__container {\n max-width: var(--animation-width);\n }\n}\n.svc-side-bar--enter {\n --animation-duration: #{$side-bar-enter-duration};\n --animation-direction: normal;\n --animation-timing-function: #{$cubic-ease-out};\n}\n.svc-side-bar--leave {\n --animation-duration: #{$side-bar-leave-duration};\n --animation-direction: reverse;\n --animation-timing-function: #{$reverse-cubic-ease-out};\n}\n.svc-side-bar--enter,\n.svc-side-bar--leave {\n .svc-side-bar__container,\n .svc-side-bar__container-wrapper\n {\n animation-fill-mode: forwards;\n animation-duration: var(--animation-duration);\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n }\n .svc-side-bar__container-wrapper {\n animation-name: sideBarMoveIn;\n }\n}\n\n.svc-side-bar--flyout.svc-side-bar--enter,\n.svc-side-bar--flyout.svc-side-bar--leave {\n .svc-side-bar__shadow {\n animation-name: flyoutSideBarShadowFadeIn;\n animation-fill-mode: forwards;\n animation-duration: var(--animation-duration);\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n }\n}\n.svc-side-bar--mobile {\n &.svc-side-bar--leave, &.svc-side-bar--enter {\n .svc-side-bar__container,\n .svc-side-bar__container-wrapper {\n animation: none;\n min-width: var(--animation-width);\n }\n .svc-side-bar__container-wrapper {\n min-width: var(--animation-width);\n }\n .svc-side-bar__wrapper {\n animation-name: sideBarMoveIn;\n animation-fill-mode: forwards;\n animation-duration: var(--animation-duration);\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n }\n }\n}\n\n.svc-creator--disable-animations {\n .svc-side-bar--leave,\n .svc-side-bar--enter {\n animation: none;\n }\n}\n\n\n\n.sv-action--object-selector {\n max-width: 70%;\n\n .sv-action-bar-item {\n flex-shrink: 1;\n height: auto;\n }\n\n .sv-action-bar-item__title {\n @include ctrDefaultFont;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n}\n\n.svc-full-container.svc-creator__side-bar--left {\n flex-direction: row-reverse;\n\n .svc-side-bar__wrapper {\n flex-direction: row-reverse;\n }\n\n .svc-side-bar__container-header .sv-action-bar {\n flex-direction: row-reverse;\n }\n\n .sv-action--object-selector {\n justify-content: flex-start;\n flex: 1;\n display: flex;\n }\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"],\n.svc-full-container.svc-creator__side-bar--left {\n .svd-grid-hide .sv-svg-icon,\n .svd-grid-expand .sv-svg-icon {\n transform: rotate(180deg);\n }\n}\n.svc-full-container.svc-creator__side-bar--left {\n .svc-side-bar__container-wrapper, .svc-side-bar__wrapper {\n inset-inline-start: 0;\n inset-inline-end: unset;\n }\n .svc-side-bar--side-area .svc-side-bar__container-wrapper {\n inset-inline-start: $tabs-width;\n }\n}\n\n.svd-grid-hide {\n margin-inline-end: auto;\n\n .sv-action-bar-item--icon {\n padding: var(--ctr-menu-toolbar-button-padding-top, calcSize(1))\n var(--ctr-menu-toolbar-button-padding-right, calcSize(1))\n var(--ctr-menu-toolbar-button-padding-bottom, calcSize(1))\n var(--ctr-menu-toolbar-button-padding-left, calcSize(1));\n }\n .sv-svg-icon {\n width: var(--ctr-menu-toolbar-button-icon-width, calcSize(3));\n height: var(--ctr-menu-toolbar-button-icon-height, calcSize(3));\n }\n}\n\n.svc-side-bar {\n .svc-toolbox {\n width: 100%;\n }\n .svc-toolbox .svc-scroll__scroller {\n direction: initial;\n }\n .svc-toolbox .svc-scroll__scrollbar {\n inset-inline-end: 0;\n inset-inline-start: initial;\n }\n .svc-toolbox__category-separator--search {\n display: none\n }\n .svc-toolbox__panel {\n width: unset;\n border: none;\n }\n}","@use \"../../variables\" as *;\n\n.svc-sidebar-tabs {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: flex-start;\n border-inline-start: var(--ctr-property-grid-tabs-border-width, 1px) solid\n var(--ctr-property-grid-tabs-border-color, rgba(0, 0, 0, 0.16));\n background: var(--ctr-property-grid-tabs-background-color, #fff);\n box-sizing: border-box;\n}\n.svc-sidebar-tabs__top-container {\n display: flex;\n padding: var(--ctr-property-grid-tabs-padding-top, 12px) var(--ctr-property-grid-tabs-padding-right, 12px)\n var(--ctr-property-grid-tabs-padding-bottom, 12px) var(--ctr-property-grid-tabs-padding-left, 12px);\n flex-direction: column;\n justify-content: center;\n align-items: flex-end;\n gap: var(--ctr-property-grid-tabs-separator-margin, 12px);\n}\n.svc-sidebar-tabs__collapse-button {\n display: flex;\n align-items: center;\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"],\n.svc-creator__side-bar--left {\n .svc-sidebar-tabs__collapse-button .sv-svg-icon {\n transform: rotateY(180deg);\n }\n}\n\n.svc-sidebar-tabs__separator {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n align-self: stretch;\n margin-top: -1px;\n\n & > div {\n height: var(--ctr-separator-width, 1px);\n background: var(--ctr-separator-color, rgba(0, 0, 0, 0.16));\n width: 100%;\n }\n}\n.svc-sidebar-tabs__items {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-end;\n gap: var(--ctr-property-grid-tabs-gap, 12px);\n}\n\n.svc-sidebar-tabs:not(.svc-sidebar-tabs--collapsed) .svc-menu-action__button--selected {\n display: flex;\n padding: var(--ctr-menu-toolbar-button-padding-top, 8px) var(--ctr-menu-toolbar-button-padding-right, 8px)\n var(--ctr-menu-toolbar-button-padding-bottom, 8px) var(--ctr-menu-toolbar-button-padding-left, 8px);\n justify-content: center;\n align-items: center;\n gap: var(--ctr-menu-toolbar-button-gap, 8px);\n border-radius: var(--ctr-menu-toolbar-button-corner-radius, 4px);\n background: var(--ctr-menu-toolbar-button-background-color-selected, #fff);\n\n use {\n fill: var(--ctr-menu-toolbar-button-icon-color-selected, $primary);\n }\n}\n\n.svc-creator--mobile .svc-sidebar-tabs--collapsed {\n display: none;\n}\n\n.svc-menu-action {\n display: flex;\n align-items: center;\n}\n.svc-menu-action__icon-container {\n flex: 1 0 0;\n align-self: stretch;\n}\n.svc-sidebar-tabs__bottom-container {\n display: flex;\n padding: var(--ctr-property-grid-tabs-padding-top, 12px) var(--ctr-property-grid-tabs-padding-right, 12px)\n var(--ctr-property-grid-tabs-padding-bottom, 12px) var(--ctr-property-grid-tabs-padding-left, 12px);\n flex-direction: column;\n justify-content: center;\n align-items: flex-end;\n gap: var(--ctr-property-grid-tabs-separator-margin, 12px);\n}\n\n.svc-sidebar__header.svc-sidebar__header--tabbed {\n display: flex;\n align-items: flex-start;\n}\n.svc-sidebar__header-container {\n display: flex;\n justify-content: center;\n align-items: center;\n flex: 1 0 0;\n align-self: stretch;\n\n background: var(--ctr-property-grid-header-background-color, #fff);\n box-shadow: inset 0px calc(-1 * var(--ctr-property-grid-header-border-width-bottom, 2px)) 0px\n var(--ctr-property-grid-header-border-color, $primary);\n box-sizing: border-box;\n width: 100%;\n}\n\n.svc-sidebar__header--tabbed,\n.svc-sidebar__header-container {\n min-height: calc(\n var(--ctr-menu-toolbar-button-icon-height) + var(--ctr-menu-toolbar-button-padding-top) +\n var(--ctr-menu-toolbar-button-padding-bottom) + var(--ctr-menu-toolbar-padding-vertical) +\n var(--ctr-menu-toolbar-padding-vertical)\n );\n}\n\n.svc-sidebar__header-container.svc-sidebar__header-container--with-subtitle {\n padding: var(--ctr-property-grid-header-padding-top-with-subtitle, 6px)\n var(--ctr-property-grid-header-padding-right, 16px)\n var(--ctr-property-grid-header-padding-bottom-with-subtitle, 6px) var(--ctr-property-grid-header-padding-left, 16px);\n}\n\n.svc-sidebar__header-container .svc-side-bar__container-title {\n justify-content: center;\n}\n\n.svc-sidebar__header-content {\n display: flex;\n align-items: center;\n}\n\n.svc-menu-action__button {\n display: flex;\n padding: var(--ctr-menu-toolbar-button-padding-top, 8px) var(--ctr-menu-toolbar-button-padding-right, 8px)\n var(--ctr-menu-toolbar-button-padding-bottom, 8px) var(--ctr-menu-toolbar-button-padding-left, 8px);\n justify-content: center;\n align-items: center;\n gap: var(--ctr-menu-toolbar-button-gap, 8px);\n border-radius: var(--ctr-menu-toolbar-button-corner-radius, 4px);\n cursor: pointer;\n}\n.svc-menu-action__button:hover,\n.svc-menu-action__button:focus,\n.svc-menu-action__button:focus-within {\n background: var(--ctr-menu-toolbar-button-background-color-hovered, $background-dim);\n outline: unset;\n}\n.svc-menu-action__button.svc-menu-action__button--pressed {\n opacity: var(--ctr-menu-toolbar-button-opacity-pressed, 0.5);\n background: var(--ctr-menu-toolbar-button-background-color-pressed, #f3f3f3);\n}\n.svc-menu-action__button.svc-menu-action__button--with-subtitle {\n padding: var(--ctr-menu-toolbar-button-padding-top-with-description, 4px)\n var(--ctr-menu-toolbar-button-padding-right-with-description, 8px)\n var(--ctr-menu-toolbar-button-padding-bottom, 8px) var(--ctr-menu-toolbar-button-padding-left-with-description, 8px);\n}\n\n.svc-menu-action__icon {\n display: flex;\n width: var(--ctr-menu-toolbar-button-icon-width, 24px);\n height: var(--ctr-menu-toolbar-button-icon-height, 24px);\n justify-content: center;\n align-items: center;\n\n .sv-svg-icon {\n width: var(--ctr-menu-toolbar-button-icon-width, 24px);\n height: var(--ctr-menu-toolbar-button-icon-height, 24px);\n display: block;\n }\n\n use {\n fill: var(--ctr-menu-toolbar-button-icon-color, $foreground-light);\n }\n}\n.svc-sidebar__header-caption {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.svc-sidebar__header-title {\n @include ctrDefaultFont;\n color: var(--ctr-menu-toolbar-button-text-color, rgba(0, 0, 0, 0.91));\n display: inline-block;\n}\n.svc-sidebar__header-subtitle {\n @include ctrSmallFont;\n color: var(--ctr-menu-toolbar-button-text-color-secondary, rgba(0, 0, 0, 0.45));\n display: inline-block;\n}\n","@use \"../../variables.scss\" as *;\n\n.spg-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\n.spg-action-button {\n @include ctrDefaultBoldFont;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n padding: var(--ctr-actionbar-button-padding-top-large-icon, calcSize(1))\n var(--ctr-actionbar-button-padding-right-large-icon, calcSize(1))\n var(--ctr-actionbar-button-padding-bottom-large-icon, calcSize(1))\n var(--ctr-actionbar-button-padding-left-large-icon, calcSize(1));\n box-sizing: border-box;\n border: none;\n color: var(--ctr-actionbar-button-text-color, $primary);\n border-radius: var(--ctr-actionbar-button-corner-radius, calcSize(12.5));\n background-color: transparent;\n cursor: pointer;\n transition: background-color $creator-transition-duration, opacity $creator-transition-duration;\n\n &:hover,\n &:focus {\n opacity: 1;\n outline: none;\n background-color: var(--ctr-actionbar-button-background-color-hovered, $primary-light);\n\n use {\n fill: var(--ctr-actionbar-button-icon-color-hovered, $primary);\n }\n }\n}\n\n.spg-action-button--icon {\n padding: var(--ctr-actionbar-button-padding-top-large-icon, calcSize(1))\n var(--ctr-actionbar-button-padding-right-large-icon, calcSize(1))\n var(--ctr-actionbar-button-padding-bottom-large-icon, calcSize(1))\n var(--ctr-actionbar-button-padding-left-large-icon, calcSize(1));\n}\n.spg-action-button__icon {\n display: block;\n width: var(--ctr-actionbar-button-icon-width, calcSize(3));\n height: var(--ctr-actionbar-button-icon-height, calcSize(3));\n\n use {\n fill: var(--ctr-actionbar-button-icon-color, $foreground-light);\n transition: fill $creator-transition-duration;\n }\n}\n\n.spg-action-button--danger {\n color: var(--ctr-library-action-button-text-color-negative, $red);\n\n &:hover,\n &:focus {\n background-color: var(--ctr-library-action-button-background-color-negative-hovered, $red-light);\n\n use {\n fill: var(--ctr-library-action-button-icon-color-negative, $red);\n }\n }\n}\n\nbutton.spg-action-button--large {\n padding: calcSize(0.5) calcSize(2);\n}\n\n.spg-action-button:disabled {\n opacity: var(--ctr-actionbar-button-opacity-disabled, 0.25);\n pointer-events: none;\n cursor: default;\n}\n\n.spg-action-button--muted {\n opacity: var(--ctr-actionbar-button-opacity-muted, 0.5);\n}\n\n.spg-action-button:active {\n opacity: var(--ctr-actionbar-button-opacity-pressed, 0.5);\n}\n\n.spg-action-button--text {\n padding: calcSize(0.5) calcSize(2);\n}","@use \"../variables\" as *;\n@use \"blocks/spg-action-bar.scss\";\n@use \"blocks/spg-question.scss\";\n@use \"blocks/spg-input.scss\";\n@use \"blocks/spg-dropdown.scss\";\n@use \"blocks/spg-comment.scss\";\n@use \"blocks/spg-panel.scss\";\n@use \"blocks/spg-checkbox.scss\";\n@use \"blocks/spg-matrixdynamic.scss\";\n@use \"blocks/spg-table.scss\";\n@use \"blocks/spg-question-group.scss\";\n@use \"blocks/spg-color-editor.scss\";\n@use \"blocks/spg-file-edit.scss\";\n@use \"blocks/spg-link\";\n@use \"blocks/spg-theme-builder.scss\";\n@use \"blocks/spg-overriding.scss\";\n@use \"blocks/spg-search-editor.scss\";\n@use \"blocks/spg-buttongroup.scss\";\n\n.spg-root-modern {\n position: relative;\n width: 100%;\n border-inline-end: 1px solid $border;\n box-sizing: border-box;\n height: 0;\n flex-grow: 1;\n overflow: auto;\n /* disable library transition animations */\n --sjs-transition-duration: 0ms;\n @include disableLibraryAnimations;\n}\n\n.spg-root--one-category {\n min-height: fit-content;\n height: initial;\n overflow: initial;\n}\n\n.spg-container {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.spg-root-modern.spg-root--one-category {\n background-color: var(--ctr-property-grid-form-background-color, $background-dim);\n border-right: unset;\n\n .spg-page.spg-body__page {\n box-shadow: unset;\n }\n}\n\n.sv-popup--modal {\n &.svc-property-editor .sv-popup__container {\n .sv-popup_shadow {\n background-color: transparent;\n }\n\n .sd-root-modern {\n background-color: transparent;\n }\n\n .sd-page {\n margin: 0;\n padding: 0;\n }\n\n .sv-components-column--expandable {\n min-width: calcSize(78);\n }\n }\n\n .sv-popup__footer {\n padding-bottom: 2px;\n }\n\n .sd-body,\n .sl-body {\n min-width: calcSize(78);\n padding: 0;\n }\n}\n\n.sv-popup.svc-property-editor .sd-root-modern {\n --sd-mobile-width: 0;\n}\n\n.svc-object-selector .sv-popup__container {\n margin-left: calcSize(1);\n margin-right: calcSize(1);\n}\n\n.svc-object-selector__content {\n position: relative;\n height: 100%;\n min-height: 0;\n display: flex;\n flex-direction: column;\n}\n\n.spg-action-title-bar {\n margin-inline-end: var(--ctr-data-table-border-width, 1px);\n padding-inline-end: var(--ctr-caption-with-actions-actionbar-padding-right, calcSize(0.5));\n}\n\n.spg-body {\n width: 100%;\n}\n\n.spg-body--empty {\n margin: calcSize(3);\n}\n\n.spg-title-toolbar--single-help-action {\n justify-content: flex-start;\n padding-left: calcSize(0.5);\n\n // flex-grow: 0;\n // margin-left: 0;\n // padding-left: 0;\n\n .spg-help-action {\n flex-grow: 1;\n\n .spg-action-button--icon {\n padding: var(--ctr-actionbar-button-padding-top-small-icon, calcSize(0.5))\n var(--ctr-actionbar-button-padding-right-small-icon, calcSize(0.5))\n var(--ctr-actionbar-button-padding-bottom-small-icon, calcSize(0.5))\n var(--ctr-actionbar-button-padding-left-small-icon, calcSize(0.5));\n opacity: var(--ctr-actionbar-button-opacity-muted, 0.5);\n }\n\n .spg-action-button--icon:focus,\n .spg-action-button--icon:hover {\n opacity: 1;\n }\n\n .spg-action-button:active {\n opacity: var(--ctr-actionbar-button-opacity-pressed, 0.5);\n }\n\n .spg-action-button__icon {\n width: var(--ctr-actionbar-button-icon-width-small, calcSize(2));\n height: var(--ctr-actionbar-button-icon-height-small, calcSize(2));\n }\n\n svg {\n fill: $foreground-dim-light;\n }\n }\n}","@use \"../../variables.scss\" as *;\n\n.spg-question {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0px;\n border-radius: var(--ctr-editor-corner-radius);\n}\n\n.spg-question.spg-question--disabled {\n background-color: var(--ctr-editor-background-color-disabled);\n}\n\n.spg-question__header {\n width: 100%;\n}\n\n.spg-question--disabled .spg-question__header {\n opacity: var(--ctr-editor-label-opacity-disabled, 0.25);\n}\n\n.spg-question__title {\n @include ctrDefaultFont;\n width: 100%;\n margin: 0;\n padding: var(--ctr-label-padding-top, calcSize(1)) var(--ctr-label-padding-right, 0px)\n var(--ctr-label-padding-bottom, calcSize(1)) var(--ctr-label-padding-left, 0px);\n color: var(--ctr-label-text-color, $foreground-light);\n box-sizing: border-box;\n}\n.spg-question__title.sd-element__title--disabled {\n color: var(--ctr-caption-with-actions-text-color-disabled, $foreground-dim);\n}\n\n.spg-question__content {\n width: 100%;\n color: $primary;\n cursor: pointer;\n}\n\n.spg-text__content,\n.spg-comment__content {\n position: relative;\n}\n\n.spg-question__content:focus-within .spg-remaining-character-counter {\n display: flex;\n}\n\n.spg-remaining-character-counter {\n @include ctrSmallFont;\n display: none;\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-end;\n padding: 0px;\n color: $foreground-light;\n position: absolute;\n inset-inline-end: calcSize(0.75);\n inset-block-end: calcSize(0.5);\n}\n\n.spg-question__description {\n @include ctrSmallFont;\n color: var(--ctr-caption-with-actions-description-text-color, $foreground-dim-light);\n padding-bottom: calcSize(2);\n white-space: normal;\n}\n\n.spg-question--disabled .spg-question__description {\n color: var(--ctr-caption-with-actions-description-text-color, $foreground-dim-light);\n}\n\n.spg-row-narrow__question {\n --thm-ctr-property-grid-form-gap: var(--ctr-property-grid-form-gap, #{calcSize(2)});\n margin-top: calc(-1 * var(--thm-ctr-property-grid-form-gap));\n}\n\n.spg-row--multiple {\n & > div > .spg-row-narrow__question {\n --thm-ctr-editor-layout-gap: var(--ctr-editor-layout-gap, #{calcSize(1)});\n margin-top: calc(-1 * var(--thm-ctr-editor-layout-gap));\n }\n}\n\n.spg-question--location--left {\n flex-direction: row;\n background: var(--ctr-editor-background-color, $background);\n box-shadow: inset 0 0 0 var(--ctr-editor-border-width, 1px) var(--ctr-editor-border-color, $border-inside);\n line-height: calcSize(6);\n vertical-align: middle;\n align-items: stretch;\n border-radius: var(--ctr-editor-corner-radius, 0px);\n\n\n &:focus-within {\n box-shadow: inset 0 0 0 var(--ctr-editor-border-width-focused, 2px) var(--ctr-editor-border-color-focused, $primary);\n }\n}\n\n.spg-question--disabled.spg-question--location--left .spg-question__title {\n color: var(--ctr-editor-content-text-color-disabled, $foreground-dim);\n}\n\n.spg-question__header--location--left {\n width: max-content;\n box-sizing: border-box;\n max-width: 50%;\n flex: 0 0;\n display: flex;\n align-items: center;\n padding-inline-start: var(--ctr-editor-padding-left, 0);\n\n .spg-question__title {\n padding: \n var(--ctr-editor-label-padding-top, calcSize(1)) \n var(--ctr-editor-label-padding-right, calcSize(2)) \n var(--ctr-editor-label-padding-bottom, calcSize(1)) \n var(--ctr-editor-label-padding-left, calcSize(2));\n border-inline-end: 1px solid $border;\n display: inline-block;\n color: var(--ctr-editor-label-color, $foreground-dim-light);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n .sv-string-viewer {\n white-space: nowrap;\n }\n }\n}\n\n.spg-question__content--left {\n flex: 2;\n\n .spg-input.spg-input.spg-input {\n background-color: transparent;\n box-shadow: none;\n border: none;\n\n &:focus,\n &:focus-within {\n box-shadow: none;\n }\n }\n}\n\n.spg-row--multiple {\n display: flex;\n gap: var(--ctr-editor-layout-gap, calcSize(1));\n flex-wrap: wrap;\n\n & > div {\n flex-grow: 1;\n min-width: calcSize(25.5);\n\n input {\n min-width: calc(max(17 * #{$base-unit}, 100%));\n width: 0;\n }\n }\n}\n\n.spg-question__erbox {\n @include ctrDefaultFont;\n padding: var(--ctr-error-message-padding-top, calcSize(1)) var(--ctr-error-message-padding-right, calcSize(1.5))\n var(--ctr-error-message-padding-bottom, calcSize(1)) var(--ctr-error-message-padding-left, calcSize(1.5));\n\n color: var(--ctr-error-message-text-color, $foreground);\n background-color: var(--ctr-error-message-background-color, $red-light);\n border-radius: var(--ctr-error-message-corner-radius, calcSize(0.5));\n}\n\n.spg-question__erbox,\n.spg-question__erbox>svc-question-error,\nsv-question-error {\n & > div {\n display: flex;\n gap: var(--ctr-error-message-gap, calcSize(1));\n }\n}\n\n.spg-question__erbox-icon {\n width: var(--ctr-error-message-icon-width, calcSize(3));\n height: var(--ctr-error-message-icon-height, calcSize(3));\n \n .sv-svg-icon {\n vertical-align: top;\n width: var(--ctr-error-message-icon-width, calcSize(3));\n height: var(--ctr-error-message-icon-height, calcSize(3));\n }\n\n use {\n fill: var(--ctr-error-message-icon-color, $red);\n }\n}\n\n.spg-question__erbox--location--bottom {\n margin-top: calcSize(1);\n}\n\n.spg-restfull,\n.spg-masksettings {\n .spg-panel__content {\n gap: calcSize(2);\n\n .spg-row {\n margin-top: 0;\n }\n }\n}\n\n.spg-question--highlighted {\n .spg-input,\n .spg-input-container,\n .spg-question--location--left,\n .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {\n box-shadow: inset 0 0 0 var(--ctr-editor-border-width-highlighed, 2px) var(--ctr-editor-border-color-highlighted, $secondary);\n }\n\n .spg-checkbox__control:focus + .spg-checkbox__rectangle,\n .spg-matrixdynamic__content.spg-text__content {\n outline: var(--ctr-editor-border-width-highlighed, 2px) solid var(--ctr-editor-border-color-highlighted, $secondary);\n outline-offset: calc(-1 * var(--ctr-editor-border-width-highlighed, 2px));\n border-radius: var(--ctr-data-table-corner-radius, 0px);\n\n .spg-input {\n box-shadow: none;\n }\n }\n\n .svc-action-button {\n border: var(--ctr-actionbar-button-border-width-highlighed, 2px) solid var(--ctr-actionbar-button-border-color-highlighted, $secondary);\n }\n\n .sv-button-group {\n box-shadow: 0 0 0 1px var(--ctr-editor-border-color-highlighted, $secondary);\n border-color: var(--ctr-editor-border-color-highlighted, $secondary);\n }\n\n .spg-checkbox__control + .spg-checkbox__rectangle {\n outline: var(--ctr-editor-border-width-highlighed, 2px) solid var(--ctr-editor-border-color-highlighted, $secondary);\n outline-offset: calc(-1 * var(--ctr-editor-border-width-highlighed, 2px));\n }\n\n .spg-button-group::after {\n box-shadow: inset 0 0 0 var(--ctr-button-group-border-width-focused, 2px) var(--ctr-editor-border-color-highlighted, $secondary);\n }\n}","@use \"../../variables.scss\" as *;\n\n.spg-input {\n @include ctrDefaultFont;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n background-color: var(--ctr-editor-background-color, $background);\n box-sizing: border-box;\n width: 100%;\n border: none;\n border-radius: var(--ctr-editor-corner-radius);\n box-shadow: inset 0 0 0 var(--ctr-editor-border-width, 1px) var(--ctr-editor-border-color, $border-inside);\n transition: box-shadow $creator-transition-duration;\n\n padding-top: calc(var(--ctr-editor-padding-top, 4px) + var(--ctr-editor-content-margin-top, 8px));\n padding-right: calc(var(--ctr-editor-padding-right, 4px) + var(--ctr-editor-content-margin-right, 12px));\n padding-bottom: calc(var(--ctr-editor-padding-bottom, 4px) + var(--ctr-editor-content-margin-bottom, 8px));\n padding-left: calc(var(--ctr-editor-padding-left, 4px) + var(--ctr-editor-content-margin-left, 12px));\n outline: none;\n color: var(--ctr-editor-content-text-color, $foreground);\n}\n\n.spg-input::placeholder {\n color: var(--ctr-editor-content-text-color-placeholder, $foreground-light);\n}\n\n.spg-input:focus:not(:disabled),\n.spg-input.spg-dropdown:focus:not(:disabled),\n.spg-input.spg-dropdown:focus-within:not(:disabled),\n.spg-input-container:focus-within {\n box-shadow: inset 0 0 0 var(--ctr-editor-border-width-focused, 2px) var(--ctr-editor-border-color-focused, $primary);\n}\n\ninput.spg-input:focus:read-only {\n box-shadow: inset 0 0 0 var(--ctr-editor-border-width, 1px) var(--ctr-editor-border-color, $border-inside);\n}\n\n.spg-input:disabled,\n.spg-input:disabled::placeholder,\ninput.spg-input:read-only,\ninput.spg-input:read-only::placeholder {\n color: color-mix(in srgb, var(--ctr-editor-content-text-color-disabled, $foreground-dim), transparent calc(100% - 100%*var(--ctr-editor-content-text-opacity-disabled, 0.25)));\n background-color: var(--ctr-editor-background-color-disabled, $background-dim);\n}\n\n.spg-input[type=\"color\"] {\n padding-left: 0;\n padding-right: 0;\n min-width: calcSize(8);\n}\n\n.spg-input__edit-button {\n position: relative;\n box-sizing: border-box;\n appearance: none;\n background: transparent;\n border: none;\n outline: none;\n border-radius: var(--ctr-editor-button-corner-radius);\n padding: var(--ctr-editor-button-padding-top, calcSize(1)) var(--ctr-editor-button-padding-right, calcSize(1))\n var(--ctr-editor-button-padding-bottom, calcSize(1)) var(--ctr-editor-button-padding-left, calcSize(1));\n line-height: 0;\n transition: background $creator-transition-duration, opacity $creator-transition-duration;\n align-self: stretch;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:focus,\n &:hover {\n background: var(--ctr-editor-button-background-color-hovered, $background-dim);\n }\n\n &:active {\n opacity: var(--ctr-editor-button-icon-opacity-pressed, 0.5);\n }\n\n svg {\n width: var(--ctr-editor-button-icon-width, 24px);\n height: var(--ctr-editor-button-icon-height, 24px);\n fill: var(--ctr-editor-button-icon-color, $foreground-dim-light);\n }\n}\n\n.spg-input-container--multiline .spg-input__edit-button {\n align-self: flex-end;\n}\n\n.spg-input__edit-button--disabled,\n.spg-input__edit-button:disabled {\n opacity: var(--ctr-editor-button-icon-opacity-disabled, 0.25);\n background: transparent;\n\n svg {\n fill: var(--ctr-editor-button-icon-color-disabled, $foreground-dim-light);\n }\n}\n\n.spg-input.spg-input--error {\n box-shadow: 0 0 0 1px inset var(--ctr-editor-border-color-error, $red);\n}\n\n.spg-input-container {\n display: flex;\n justify-content: space-between;\n cursor: default;\n padding: var(--ctr-editor-padding-top, calcSize(0.5)) var(--ctr-editor-padding-right, calcSize(0.5))\n var(--ctr-editor-padding-bottom, calcSize(0.5)) var(--ctr-editor-padding-left, calcSize(0.5));\n align-items: center;\n gap: var(--ctr-editor-gap, calcSize(0.5));\n box-shadow: inset 0 0 0 var(--ctr-editor-border-width, 1px) var(--ctr-editor-border-color, $border-inside);\n}\n\n.spg-input-container--multiline {\n align-items: end;\n flex-direction: column;\n gap: 0;\n height: auto;\n\n sv-ng-question-comment {\n display: flex;\n }\n\n .spg-input-container__input {\n box-sizing: border-box;\n resize: none;\n }\n}\n\n.spg-input-container__input {\n @include ctrDefaultFont;\n flex-grow: 1;\n width: 100%;\n padding: var(--ctr-editor-content-margin-top, calcSize(1)) var(--ctr-editor-content-margin-right, calcSize(1.5))\n var(--ctr-editor-content-margin-bottom, calcSize(1)) var(--ctr-editor-content-margin-left, calcSize(1.5));\n\n color: var(--ctr-editor-content-text-color, $foreground);\n outline: none;\n border: none;\n background-color: transparent;\n\n &::placeholder {\n color: var(--ctr-editor-content-text-color-placeholder, $foreground-dim-light);\n }\n}\n\n.spg-input-container__input:disabled,\n.spg-input-container__input:disabled::placeholder {\n opacity: var(--ctr-editor-content-text-opacity-disabled, 0.25);\n color: var(--ctr-editor-content-text-color-disabled, $foreground-dim);\n background-color: var(--ctr-editor-background-color-disabled, $background-dim);\n}\n\n.spg-input-container__buttons-container {\n display: flex;\n gap: var(--ctr-editor-buttons-gap, calcSize(0.5));\n align-self: stretch;\n}\n","@use \"../../variables\" as *;\n\n.spg-dropdown {\n display: flex;\n padding-right: calc(\n var(--ctr-editor-buttons-gap, 4px) + var(--ctr-editor-button-padding-right, 8px) +\n var(--ctr-editor-button-padding-left, 8px) + var(--ctr-editor-button-icon-width, 24px)\n ); // dropdown_chevron-button offset\n min-height: calc(\n var(--ctr-editor-button-icon-height) + var(--ctr-editor-button-padding-top) +\n var(--ctr-editor-button-padding-bottom) + var(--ctr-editor-padding-top) + var(--ctr-editor-padding-bottom)\n );\n}\n.spg-dropdown--empty .spg-dropdown__value {\n min-height: var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));\n}\n\n.spg-dropdown__value {\n @include ctrDefaultFont;\n display: flex;\n align-items: center;\n min-height: var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));\n}\n.spg-dropdown__filter-string-input {\n @include ctrDefaultFont;\n}\n.spg-dropdown_chevron-button {\n width: var(--ctr-editor-button-icon-width, calcSize(3));\n padding: var(--ctr-editor-button-padding-top, calcSize(1)) var(--ctr-editor-button-padding-right, calcSize(1))\n var(--ctr-editor-button-padding-bottom, calcSize(1)) var(--ctr-editor-button-padding-left, calcSize(1));\n inset-block-start: var(--ctr-editor-padding-top, calcSize(0.5));\n inset-inline-end: var(--ctr-editor-padding-right, calcSize(0.5));\n inset-block-end: var(--ctr-editor-padding-bottom, calcSize(0.5));\n\n &:hover,\n &:focus {\n border-radius: var(--ctr-editor-button-corner-radius);\n background: var(--ctr-editor-button-background-color-hovered, $background-dim);\n }\n .spg-dropdown_chevron-button-svg use {\n fill: var(--ctr-editor-button-icon-color, $foreground-light);\n }\n}\n.spg-dropdown_chevron-button-svg {\n width: var(--ctr-editor-button-icon-width, calcSize(3));\n height: var(--ctr-editor-button-icon-height, calcSize(3));\n}\n.spg-dropdown-popup:not(.sv-popup--dropdown-overlay) {\n height: 0;\n}\n\n.spg-dropdown__clean-button {\n --thm-ctr-editor-content-margin-top: var(--ctr-editor-content-margin-top, #{calcSize(1)});\n --thm-ctr-editor-content-margin-bottom: var(--ctr-editor-content-margin-bottom, #{calcSize(1)});\n margin-top: calc(-1 * var(--thm-ctr-editor-content-margin-top));\n margin-bottom: calc(-1 * var(--thm-ctr-editor-content-margin-bottom));\n use {\n fill: inherit;\n }\n}","@use \"../../variables\" as *;\n\n.spg-comment {\n height: auto;\n max-width: 100%;\n min-width: calcSize(6);\n min-height: calcSize(6);\n line-height: calcSize(3);\n}\n","@use \"../../variables.scss\" as *;\n@use \"./variables.scss\" as *;\n\n.spg-panel {\n}\n.spg-panel__title {\n @include ctrDefaultFont;\n\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n box-sizing: border-box;\n width: 100%;\n padding: calcSize(2);\n border: none;\n outline: none;\n color: var(--ctr-property-grid-chapter-caption-text-color, $foreground-light);\n cursor: pointer;\n background-color: var(--ctr-property-grid-chapter-caption-background-color, $background);\n box-shadow: inset 0px -1px 0px var(--ctr-property-grid-chapter-caption-border-color, $border);\n margin: 0;\n transition: color $creator-transition-duration, background-color $creator-transition-duration, opacity $creator-transition-duration;\n}\n\n.spg-panel__title:disabled,\n.spg-panel__title:disabled:hover {\n color: var(--ctr-property-grid-chapter-caption-text-color-disabled, $foreground);\n opacity: 0.25;\n cursor: default;\n}\n\n.spg-panel__title--collapsed:hover {\n background-color: var(--ctr-property-grid-chapter-caption-background-color-hovered, $background-dim);\n}\n\n.spg-panel__title--expandable:focus {\n background-color: var(--ctr-property-grid-chapter-caption-background-color-focused, $background-dim);\n}\n\n.spg-panel__title--expanded {\n @include ctrDefaultBoldFont;\n color: var(--ctr-property-grid-chapter-caption-text-color-selected, $foreground);\n}\n\n.spg-panel__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n padding-top: var(--ctr-property-grid-form-padding-top, calcSize(2));\n padding-inline-end: var(--ctr-property-grid-form-padding-right, calcSize(4));\n padding-bottom: var(--ctr-property-grid-form-padding-bottom, calcSize(5));\n padding-inline-start: var(--ctr-property-grid-form-padding-left, calcSize(4));\n box-sizing: border-box;\n background: var(--ctr-property-grid-form-background-color, $background-dim);\n box-shadow: inset 0px -1px 0px var(--ctr-property-grid-chapter-caption-border-color, $border);\n}\n\n.spg-panel__content {\n .spg-row {\n width: 100%;\n margin-top: var(--ctr-property-grid-form-gap, calcSize(2));;\n }\n\n .spg-row--multiple {\n margin-top: var(--ctr-editor-layout-gap, calcSize(1));\n }\n}\n.spg-panel__content > .spg-row:first-of-type {\n margin-top: 0;\n}\n.svc-side-bar--mobile {\n .spg-panel__content {\n padding-inline-end: var(--ctr-property-grid-form-padding-right, calcSize(2));\n padding-inline-start: var(--ctr-property-grid-form-padding-left, calcSize(2));\n }\n}\n\n.spg-question__nopadding {\n .spg-panel__content {\n padding: 0px;\n box-shadow: unset;\n }\n}\n.spg-row--enter.spg-row.spg-row.spg-row {\n margin-top: 0;\n}\n.spg-row--enter {\n animation-fill-mode: forwards;\n animation-name: fadeIn, moveInWithOverflow;\n min-height: 0 !important;\n opacity: 0;\n height: 0;\n animation-timing-function: $ease-out;\n animation-delay: $spg-row-fade-in-delay, 0s, 0s;\n animation-duration: $spg-row-fade-in-duration, $spg-row-move-in-duration, $spg-row-move-in-duration;\n}\n.spg-row--delayed-enter {\n animation-delay: calc(#{$spg-row-fade-in-delay} + #{$spg-row-fade-in-animation-delay}),\n $spg-row-fade-in-animation-delay, $spg-row-fade-in-animation-delay;\n}\n\n.spg-row--leave {\n animation-name: fadeIn, moveInWithOverflow;\n animation-timing-function: $reverse-ease-out;\n animation-fill-mode: forwards;\n animation-direction: reverse;\n min-height: 0 !important;\n animation-delay: 0s, $spg-row-move-out-delay, $spg-row-move-out-delay;\n animation-duration: $spg-row-fade-out-duration, $spg-row-move-out-duration, $spg-row-move-out-duration;\n}\n\n.spg-panel__content--enter {\n animation-name: fadeIn, moveInWithOverflow;\n min-height: 0 !important;\n opacity: 0;\n animation-fill-mode: forwards;\n animation-timing-function: $ease-out;\n animation-duration: $spg-expand-fade-in-duration, $spg-expand-move-in-duration, $spg-expand-move-in-duration;\n animation-delay: $spg-expand-fade-in-delay, 0s, 0s;\n}\n\n.spg-panel__content--leave {\n animation-name: fadeIn, moveInWithOverflow;\n min-height: 0 !important;\n animation-direction: reverse;\n animation-fill-mode: forwards;\n animation-timing-function: $reverse-ease-out;\n animation-duration: $spg-collapse-fade-out-duration, $spg-collapse-move-out-duration, $spg-collapse-move-out-duration;\n animation-delay: 0s, $spg-collapse-move-out-delay, $spg-collapse-move-out-delay;\n}\n\n\n.svc-creator--disable-animations {\n .spg-row--enter,\n .spg-row--leave,\n .spg-panel__content--enter,\n .spg-panel__content--leave {\n animation: none;\n }\n}\n.spg-panel.spg-panel--group {\n &>.spg-panel__content {\n padding: 0;\n box-shadow: none;\n }\n .spg-panel__title {\n @include ctrDefaultFont;\n color: var(--ctr-label-text-color, $foreground-light);\n box-shadow: none;\n background-color: transparent;\n padding-top: var(--ctr-label-padding-top, calcSize(1));\n padding-inline-end: var(--ctr-label-padding-right, 0px);\n padding-bottom: var(--ctr-label-padding-bottom, calcSize(1));\n padding-inline-start: var(--ctr-label-padding-left, 0px);\n color: var(--ctr-label-text-color, $foreground-light);\n }\n .spg-row {\n margin-top: var(--ctr-editor-layout-gap, calcSize(1));\n }\n .spg-row:first-of-type {\n margin-top: 0;\n }\n}","@use \"../../variables\" as *;\n\n.spg-checkbox {\n cursor: pointer;\n margin-top: var(--ctr-checkbox-list-gap-vertical, calcSize(2));\n}\n\n.spg-checkbox--disabled {\n cursor: default;\n\n .spg-checkbox {\n cursor: default;\n }\n\n .spg-checkbox__caption {\n color: var(--ctr-checkbox-text-color-disabled, $foreground-light);\n }\n\n .spg-checkbox__rectangle,\n &.spg-checkbox:active .spg-checkbox__rectangle,\n &.spg-checkbox__control:focus+.spg-checkbox__rectangle {\n border: var(--ctr-checkbox-border-width, 1px) solid var(--ctr-checkbox-border-color-disabled, $border-inside);\n background: var(--ctr-checkbox-background-color-disabled, $background-dim);\n outline: none;\n }\n}\n\n.spg-checkbox__caption {\n @include ctrDefaultFont;\n color: var(--ctr-checkbox-text-color, $foreground);\n}\n\n.spg-checkbox__rectangle {\n background: var(--ctr-checkbox-background-color, $background);\n border: var(--ctr-checkbox-border-width, 1px) solid var(--ctr-checkbox-border-color, $border);\n border-radius: var(--ctr-checkbox-corner-radius);\n box-sizing: border-box;\n width: var(--ctr-checkbox-button-width, calcSize(3));\n height: var(--ctr-checkbox-button-height, calcSize(3));\n display: flex;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n // padding: calcSize(0.5);\n padding: 1px 1px;\n outline: 2px solid transparent;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: background $creator-transition-duration, background-color $creator-transition-duration, outline $creator-transition-duration;\n}\n\n.spg-checkbox:not(.spg-checkbox--checked):hover {\n .spg-checkbox__rectangle {\n background-color: var(--ctr-checkbox-background-color-hovered, $background-dim);\n }\n}\n\n.spg-checkbox:active .spg-checkbox__rectangle,\n.spg-checkbox__control:focus:not(:disabled)+.spg-checkbox__rectangle {\n outline: 2px solid var(--ctr-checkbox-border-color-focused, $primary);\n outline-offset: -2px;\n}\n\n.spg-checkbox .spg-checkbox__svg {\n display: block;\n opacity: 0;\n fill: transparent;\n width: var(--ctr-checkbox-button-check-mark-width, calcSize(2.5));\n height: var(--ctr-checkbox-button-check-mark-height, calcSize(2.5));\n background-repeat: no-repeat;\n background-size: calcSize(2) calcSize(2);\n transition: opacity $creator-transition-duration, fill $creator-transition-duration;\n}\n\n.spg-checkbox--checked {\n .spg-checkbox__rectangle {\n background: var(--ctr-checkbox-background-color-selected, $background);\n }\n\n .spg-checkbox__svg {\n opacity: 1;\n fill: var(--ctr-checkbox-button-check-mark-color, $primary);\n }\n}\n\n.spg-checkbox--disabled.spg-checkbox--checked .spg-checkbox__svg {\n fill: var(--ctr-checkbox-button-check-mark-color-disabled, $border);\n}\n\n.spg-checkbox__control {\n position: fixed;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n//todo: need to hide unneeded icons\n.spg-checkbox__hidden {\n display: none;\n}\n\n.spg-selectbase {\n border: none;\n padding: 0;\n margin: 0;\n}\n\n.spg-selectbase__label {\n display: flex;\n align-items: flex-start;\n gap: var(--ctr-checkbox-gap, calcSize(1));\n}\n\n.spg-checkbox {\n .spg-question__description {\n padding: 0;\n padding-top: var(--ctr-checkbox-description-text-margin-top, calcSize(0.75));\n padding-inline-start: var(--ctr-checkbox-description-text-margin-left, calcSize(4));\n color: var(--ctr-checkbox-description-text-color, $foreground-dim-light);\n }\n\n .spg-help-action {\n use {\n pointer-events: none;\n }\n }\n}","@use \"../../variables.scss\" as *;\n\n.spg-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 }\n}\n\n.spg-drag-element__svg {\n width: var(--ctr-data-table-row-drag-area-icon-width, calcSize(3));\n height: var(--ctr-data-table-row-drag-area-icon-height, calcSize(3));\n padding-top: var(--ctr-data-table-row-drag-area-padding-top, calcSize(1)); \n padding-inline-end: var(--ctr-data-table-row-drag-area-padding-right, calcSize(1));\n padding-bottom: var(--ctr-data-table-row-drag-area-padding-bottom, calcSize(1));\n padding-inline-start: var(--ctr-data-table-row-drag-area-padding-left, calcSize(1));\n\n display: block;\n opacity: 0.5;\n\n use {\n fill: var(--ctr-data-table-row-drag-area-icon-color, $foreground-light);\n }\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top,\n.spg-matrixdynamic__drag-drop-ghost-position-bottom {\n position: relative;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top::after,\n.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {\n content: \"\";\n width: 100%;\n height: calcSize(0.5);\n background-color: $secondary;\n position: absolute;\n left: 0;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top::after {\n top: 0;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {\n bottom: 0;\n}\n\n.spg-matrixdynamic__placeholder {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n background: var(--ctr-property-grid-background-color, $background);\n border: 1px solid var(--ctr-survey-placeholder-border-color, $border);\n border-radius: var(--ctr-data-table-placeholder-corner-radius);\n box-sizing: border-box;\n padding: var(--ctr-data-table-placeholder-padding-top, calcSize(6))\n var(--ctr-data-table-placeholder-padding-right, 0) var(--ctr-data-table-placeholder-padding-bottom, calcSize(6))\n var(--ctr-data-table-placeholder-padding-left, 0);\n gap: var(--ctr-survey-placeholder-gap, calcSize(0.5));\n\n .spg-matrixdynamic__add-btn {\n display: initial;\n margin: 0;\n }\n}\n\n.spg-matrixdynamic__placeholder-text {\n @include ctrDefaultFont;\n color: var(--ctr-survey-placeholder-text-color, $foreground-light);\n text-align: center;\n}\n\n.spg-matrixdynamic__add-btn {\n @include ctrDefaultBoldFont;\n display: none;\n appearance: none;\n border: none;\n margin-top: calcSize(0.5);\n background: transparent;\n color: var(--ctr-survey-action-button-text-color-positive, $primary);\n}\n\n.spg-smiley-icon {\n width: calcSize(3);\n height: calcSize(3);\n margin: calcSize(1);\n border-radius: 100px;\n border: 1px solid var(--ctr-actionbar-button-icon-color, $foreground);\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: calcSize(4);\n\n svg {\n width: calcSize(1.5);\n height: calcSize(1.5);\n fill: var(--ctr-actionbar-button-icon-color, $foreground);\n }\n}\n\n.spg-matrixdynamic__dragged-row {\n cursor: grabbing;\n position: absolute;\n z-index: 10000;\n\n .spg-table__row {\n display: flex;\n align-items: center;\n flex: 1 0 0;\n border-radius: var(--ctr-data-table-row-corner-radius-floating, 0px);\n background: var(--ctr-data-table-row-background-color, $background);\n box-shadow:\n var(--ctr-data-table-row-shadow-floating-1-offset-x, 0px)\n var(--ctr-data-table-row-shadow-floating-1-offset-y, 2px) var(--ctr-data-table-row-shadow-floating-1-blur, 6px)\n var(--ctr-data-table-row-shadow-floating-1-spread, 0px)\n var(--ctr-data-table-row-shadow-floating-1-color, rgba(0, 0, 0, 0.1)),\n var(--ctr-data-table-row-shadow-floating-2-offset-x, 0px)\n var(--ctr-data-table-row-shadow-floating-2-offset-y, 8px) var(--ctr-data-table-row-shadow-floating-2-blur, 16px)\n var(--ctr-data-table-row-shadow-floating-2-spread, 0px)\n var(--ctr-data-table-row-shadow-floating-2-color, rgba(0, 0, 0, 0.1));\n }\n}\n","@use \"../../variables.scss\" as *;\n@use \"./variables.scss\" as *;\n\n.spg-table-wrapper {\n border: var(--ctr-data-table-border-width, 1px) solid var(--ctr-data-table-border-color, $border);\n border-radius: var(--ctr-data-table-corner-radius, 0px);\n overflow: hidden;\n}\n\n.spg-table {\n width: 100%;\n background-color: var(--ctr-data-table-background-color, $background);\n border-collapse: collapse;\n\n tr {\n border-bottom: var(--ctr-data-table-row-border-width, 1px) solid var(--ctr-data-table-row-border-color, $border);\n background-color: var(--ctr-data-table-row-background-color, $background);\n }\n tbody > tr:last-of-type {\n border-bottom: var(--ctr-data-table-row-border-width-last-row, 0px);\n }\n}\n\n.spg-table__cell {\n padding: 0;\n\n .spg-checkbox {\n margin: 0 calcSize(2);\n }\n}\n\n.spg-table__cell--detail-panel {\n background: var(--ctr-data-table-background-color, $background-dim);\n\n .spg-panel__content {\n box-shadow: none;\n }\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel):not(.spg-table__cell--actions):first-of-type {\n padding-left: 8px;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {\n appearance: none;\n box-shadow: none;\n border-radius: var(--ctr-data-table-cell-corner-radius-focused, calcSize(0.5));\n background-color: var(--ctr-data-table-row-background-color, transparent);\n height: auto;\n padding: var(--ctr-data-table-cell-padding-top, calcSize(1)) var(--ctr-data-table-cell-padding-right, calcSize(1))\n var(--ctr-data-table-cell-padding-bottom, calcSize(1)) var(--ctr-data-table-cell-padding-left, calcSize(1));\n\n &[type=\"color\"] {\n padding-right: 0;\n }\n\n &:focus,\n &:focus-within {\n box-shadow: inset 0 0 0 2px var(--ctr-data-table-cell-border-color-focused, $primary);\n }\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button {\n position: static;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) {\n .spg-dropdown_select-wrapper {\n display: flex;\n align-items: center;\n }\n\n .spg-dropdown {\n width: max-content;\n padding-right: calcSize(3);\n min-height: auto;\n }\n\n .spg-dropdown_chevron-button {\n --tmp-dropdown-button-margin: calc(-1 * var(--ctr-data-table-cell-drop-down-arrow-width));\n width: var(--ctr-data-table-cell-drop-down-arrow-width, calcSize(3));\n height: var(--ctr-data-table-cell-drop-down-arrow-height, calcSize(3));\n margin-inline-start: var(--tmp-dropdown-button-margin, calcSize(-3));\n padding: var(--ctr-data-table-cell-padding-top, calcSize(1)) 0\n var(--ctr-data-table-cell-padding-bottom, calcSize(1)) 0;\n\n &:hover, &:focus {\n background: transparent;\n }\n }\n\n .sd-dropdown_chevron-button-svg {\n opacity: var(--ctr-data-table-cell-drop-down-arrow-opacity, 0.5);\n \n use {\n fill: var(--ctr-data-table-cell-drop-down-arrow-color, $foreground-light);\n }\n }\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text {\n padding-left: calcSize(2);\n}\n\n.spg-table__cell--actions:first-of-type {\n width: calcSize(5);\n}\n\n.spg-table__cell--actions:last-of-type {\n .spg-action-bar {\n justify-content: flex-end;\n padding-inline-end: var(--ctr-data-table-row-padding-right, calcSize(0.5));\n }\n}\n\n.spg-table__cell--actions > .spg-matrixdynamic__drag-element {\n display: inline-block;\n margin-top: calcSize(0.5);\n cursor: move;\n}\n\n.spg-table__cell--header {\n background: var(--ctr-data-table-row-background-color-header, $background-dim);\n text-align: left;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 100px;\n padding: var(--ctr-data-table-row-padding-top-header, #{calcSize(0.5)})\n var(--ctr-data-table-cell-padding-right, #{calcSize(1)})\n var(--ctr-data-table-row-padding-bottom-header, #{calcSize(0.5)})\n var(--ctr-data-table-cell-padding-left, #{calcSize(1)});\n\n @include ctrSmallFont;\n color: var(--ctr-data-table-cell-text-color-header, $foreground-light);\n \n span {\n display: none;\n }\n\n .sv-string-viewer {\n display: inline;\n white-space: unset;\n }\n}\n.spg-table__question-wrapper {\n box-sizing: border-box;\n padding: var(--ctr-data-table-row-padding-top, calcSize(0.5)) var(--ctr-data-table-row-padding-right, 0)\n var(--ctr-data-table-row-padding-bottom, calcSize(0.5)) var(--ctr-data-table-row-padding-left, 0);\n}\n\n.spg-table__row--leave,\n.spg-table__row--enter {\n animation-name: empty;\n --move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay));\n --fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay));\n animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration));\n & > td {\n & > div {\n animation-name: fadeIn, moveInWithOverflow;\n opacity: 0;\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n animation-fill-mode: forwards;\n animation-duration: var(--fade-animation-duration), var(--move-animation-duration), var(--move-animation-duration);\n animation-delay: var(--fade-animation-delay), var(--move-animation-delay), var(--move-animation-delay);\n }\n }\n}\n.spg-table__row--enter {\n --move-animation-delay: 0s;\n --move-animation-duration: #{$spg-matrix-row-move-in-duration};\n --fade-animation-duration: #{$spg-matrix-row-fade-in-duration};\n --fade-animation-delay: #{$spg-matrix-row-fade-in-delay};\n --animation-direction: normal;\n --animation-timing-function: #{$ease-out};\n}\n.spg-table__row--leave {\n --move-animation-delay: #{$spg-matrix-row-move-out-delay};\n --move-animation-duration: #{$spg-matrix-row-move-out-duration};\n --fade-animation-duration: #{$spg-matrix-row-fade-out-duration};\n --fade-animation-delay: 0s;\n --animation-direction: reverse;\n --animation-timing-function: #{$reverse-ease-out};\n}\n.spg-table__row--detail {\n &.spg-table__row--enter {\n --move-animation-delay: 0s;\n --move-animation-duration: #{$spg-matrix-detail-row-move-in-duration};\n --fade-animation-duration: #{$spg-matrix-detail-row-fade-in-duration};\n --fade-animation-delay: #{$spg-matrix-detail-row-fade-in-delay};\n --animation-direction: normal;\n --animation-timing-function: #{$ease-out};\n }\n &.spg-table__row--leave {\n --move-animation-delay: #{$spg-matrix-detail-row-move-out-delay};\n --move-animation-duration: #{$spg-matrix-detail-row-move-out-duration};\n --fade-animation-duration: #{$spg-matrix-detail-row-fade-out-duration};\n --fade-animation-delay: 0s;\n --animation-direction: reverse;\n --animation-timing-function: #{$reverse-ease-out};\n }\n}\n\n.svc-creator--disable-animations {\n .spg-table__row--enter,\n .spg-table__row--leave {\n animation: none;\n }\n}","@use \"../../variables.scss\" as *;\n\n.spg-question-group {\n .spg-row {\n margin-top: 0;\n &:not(:first-of-type) {\n margin-top: calcSize(1);\n }\n }\n}\n","@use \"../../variables\" as *;\n\n.spg-color-editor__color-input {\n position: absolute;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\n /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n left: 0;\n top: 100%;\n transform: translateY(-50%);\n}\n\n.svc-list__item-body {\n // display: flex;\n // gap: var(--ctr-list-item-gap, calcSize(2));\n // padding: var(--ctr-list-item-padding-top-with-icon, calcSize(1)) var(--ctr-list-item-padding-right, calcSize(8))\n // var(--ctr-list-item-padding-bottom-with-icon, calcSize(1)) var(--ctr-list-item-padding-left, calcSize(2));\n\n .spg-color-editor__color-swatch {\n margin-left: 0;\n flex: 0 1 auto;\n }\n}\n\n.spg-color-editor__color-swatch {\n position: relative;\n flex-shrink: 0;\n flex-grow: 0;\n border-radius: var(--ctr-list-item-color-swatch-corner-radius, 3px);\n width: var(--ctr-list-item-color-swatch-width, calcSize(4));\n height: var(--ctr-list-item-color-swatch-height, calcSize(3));\n box-sizing: border-box;\n border: 1px solid var(--ctr-list-item-color-swatch-border-color, $border-inside);\n margin-left: var(--ctr-editor-color-swatch-margin-left, calcSize(1.5));\n\n .sv-svg-icon {\n position: absolute;\n width: var(--ctr-editor-color-swatch-icon-width, calcSize(2));\n height: var(--ctr-editor-color-swatch-icon-height, calcSize(2));\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n fill: $background;\n }\n}\n.spg-question--disabled .spg-color-editor {\n background-color: var(--ctr-editor-background-color-disabled, $background-dim);\n}\n.spg-color-editor__color-swatch--disabled {\n .sv-svg-icon {\n opacity: 0.25;\n }\n}\n\n.spg-color-editor__color-swatch--default {\n .sv-svg-icon {\n opacity: 1;\n }\n}\n\n.spg-color-editor .spg-input__edit-button+* {\n margin-inline-end: calc(0px - var(--ctr-editor-gap, 4px));\n}",".spg-file-edit__choose-button {\n position: relative;\n}\n","@use \"../../variables.scss\" as *;\n\n.spg-link {\n display: flex;\n}\n\n.sv-string-viewer {\n .spg-link {\n display: initial;\n color: $primary;\n font-weight: 600;\n text-decoration-line: underline;\n }\n}","@use \"../../variables.scss\" as *;\n\n.spg-theme-builder-root {\n .sv-skeleton-element {\n min-height: 50px;\n }\n\n .spg-paneldynamic__separator {\n border: none;\n margin: 0;\n height: calcSize(1);\n }\n\n .spg-panel__footer {\n justify-content: center;\n margin: calcSize(1) 0 0 0;\n padding: 0;\n }\n .spg-panel__content .spg-row.spg-row {\n animation: none;\n }\n\n .spg-paneldynamic__add-btn {\n margin: 0 auto;\n }\n\n .spg-row--multiple {\n .spg-spin-editor {\n .spg-input-container__buttons-container {\n display: none;\n }\n }\n\n & > div {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(50% - #{$base-unit} * 0.5);\n min-width: auto;\n\n input {\n min-width: 0;\n }\n\n .spg-question--location--left {\n box-sizing: border-box;\n\n .spg-input {\n height: auto;\n }\n }\n }\n }\n\n .sv-button-group {\n overflow: hidden;\n }\n\n\n //2 level nested\n .spg-panel-by-page,\n .spg-nested-panel {\n padding-bottom: calcSize(5);\n\n &::after {\n content: \" \";\n display: block;\n position: relative;\n left: calcSize(-4);\n top: calc(5 * #{$base-unit});\n width: calc(8 * #{$base-unit} + 100%);\n height: 1px;\n background-color: var(--ctr-editor-border-color, $border);\n }\n }\n\n .spg-panel-by-page__content>.spg-row:first-of-type,\n .spg-nested-panel__content>.spg-row:first-of-type {\n margin-top: 0;\n }\n\n .spg-panel-by-page.spg-panel--hidden-border,\n .spg-row:last-of-type>div>.spg-panel-by-page,\n .spg-paneldynamic__panel-wrapper>.spg-nested-panel,\n .spg-row:last-of-type>div>.spg-nested-panel {\n padding-bottom: 0;\n\n &::after {\n content: none;\n }\n }\n\n .spg-panel-by-page.spg-panel--padding {\n padding-top: calcSize(2);\n padding-bottom: calcSize(3);\n}\n\n .spg-theme-group-caption {\n @include ctrDefaultBoldFont;\n color: var(--ctr-property-grid-group-caption-text-color, $foreground-dim);\n\n position: relative;\n top: calc(4 * #{$base-unit});\n padding: calc(1 * #{$base-unit}) 0;\n cursor: auto;\n }\n\n .sv-theme-group_title-action .spg-action-button:hover,\n .sv-theme-group_title-action .spg-action-button:focus {\n background-color: unset;\n }\n\n .sd-panel__header.sd-element__header .spg-action-bar {\n pointer-events: none;\n }\n\n .spg-header {\n margin-top: calcSize(-2);\n }\n\n .sd-question--title-top .spg-paneldynamic {\n --thm-ctr-editor-layout-gap: var(--ctr-editor-layout-gap, #{calcSize(1)});\n margin-top: calc(-1 * var(--thm-ctr-editor-layout-gap));\n }\n\n .spg-question.spg-row__question:not(.sd-question--title-top):not(.spg-question--boolean),\n .spg-question__content-coloralpha {\n --thm-ctr-property-grid-form-gap: var(--ctr-property-grid-form-gap, #{calcSize(2)});\n --thm-ctr-editor-layout-gap: var(--ctr-editor-layout-gap, #{calcSize(1)});\n margin-top: calc(var(--thm-ctr-editor-layout-gap) - var(--thm-ctr-property-grid-form-gap));\n }\n\n .spg-row--multiple .spg-question.spg-row__question:not(.sd-question--title-top) {\n margin-top: 0;\n }\n\n .spg-question-composite__content .spg-row:first-of-type {\n margin-top: var(--ctr-editor-layout-gap, #{calcSize(1)});\n }\n}\n\n.svc-side-bar--mobile .spg-theme-builder-root {\n .spg-nested-panel__content::after {\n width: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)) + 100%);\n left: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n }\n}\n",".spg-boolean-wrapper--overriding.spg-boolean-wrapper--overriding {\n min-width: 0;\n flex: 0 0 max-content;\n}\n.spg-link-wrapper--overriding {\n align-self: end;\n .svc-action-button {\n text-decoration: underline;\n padding: 0;\n border: none;\n margin: 0;\n &:focus,\n &:hover {\n background-color: transparent;\n }\n }\n}","@use \"../../variables.scss\" as *;\n\n.svc-side-bar {\n .svc-search {\n border-bottom: 1px solid var(--ctr-property-grid-search-border-color, $border);\n background: var(--ctr-property-grid-search-background-color, $background-dim);\n gap: var(--ctr-property-grid-search-gap, calcSize(1));\n \n padding: var(--ctr-property-grid-search-padding-top, calcSize(2))\n var(--ctr-property-grid-search-padding-right, calcSize(2))\n var(--ctr-property-grid-search-padding-bottom, calcSize(2))\n var(--ctr-property-grid-search-padding-left, calcSize(2));\n }\n \n .svc-search__input {\n color: var(--ctr-property-grid-search-text-color, $foreground);\n }\n \n .svc-search__input::placeholder {\n color: var(--ctr-property-grid-search-text-color-placeholder, $foreground-light);\n }\n \n .svc-search__bar-item:not(.sv-action-bar-item--pressed) {\n &:hover:enabled,\n &:focus:enabled {\n background-color: var(--ctr-property-grid-search-button-background-color-hovered, $background-dim);\n }\n }\n \n .svc-search__toolbar .sv-action-bar-item__icon use {\n fill: var(--ctr-property-grid-search-button-icon-color, $foreground-light);\n }\n \n .svc-search__toolbar-counter {\n color: var(--ctr-property-grid-search-count-text-color, $foreground-light);\n }\n \n .svc-search__search-icon {\n width: var(--ctr-property-grid-search-icon-width, calcSize(3));\n height: var(--ctr-property-grid-search-icon-height, calcSize(3));\n \n .sv-svg-icon {\n width: var(--ctr-property-grid-search-icon-width, calcSize(3));\n height: var(--ctr-property-grid-search-icon-height, calcSize(3));\n \n use {\n fill: var(--ctr-property-grid-search-icon-color, $foreground-light);\n }\n }\n }\n}","@use \"../../variables\" as *;\n\n.spg-button-group {\n position: relative;\n display: flex;\n padding: var(--ctr-button-group-padding, 0px);\n align-items: center;\n align-self: stretch;\n\n border-radius: var(--ctr-button-group-corner-radius, 0px);\n box-shadow: inset 0 0 0 var(--ctr-button-group-border-width, 0px) var(--ctr-button-group-border-color, $border);\n background-color: var(--ctr-button-group-background-color, $background);\n \n &::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: var(--ctr-button-group-corner-radius, 0px);\n box-shadow: inset 0 0 0 var(--ctr-button-group-border-width-focused, 2px) transparent;\n pointer-events: none;\n transition: box-shadow $creator-transition-duration;\n }\n}\n\n.spg-button-group:focus-within::after {\n box-shadow: inset 0 0 0 var(--ctr-button-group-border-width-focused, 2px) var(--ctr-button-group-border-color-focused, $primary);\n}\n\n.spg-button-group__item {\n @include ctrDefaultFont;\n color: var(--ctr-button-group-item-text-color, rgba(0, 0, 0, 0.91));\n\n display: flex;\n padding: var(--ctr-button-group-item-padding-vertical, calcSize(1.5)) var(--ctr-button-group-item-padding-horizontal, calcSize(2));\n justify-content: center;\n align-items: center;\n align-self: stretch;\n flex-basis: 0;\n flex-grow: 1;\n width: 0;\n\n border-radius: var(--ctr-button-group-item-corner-radius, 0px);\n box-shadow: inset 0 0 0 var(--ctr-button-group-item-border-width, 1px) var(--ctr-button-group-item-border-color, $border);\n background-color: var(--ctr-button-group-item-background-color, $background);\n\n transition: background $creator-transition-duration, background-color $creator-transition-duration, color $creator-transition-duration;\n\n &:not(:last-of-type) {\n margin-right: var(--ctr-button-group-gap, -1px);\n }\n}\n\n.spg-button-group__item--hover:hover {\n background-color: var(--ctr-button-group-item-background-color-hovered, $background-dim);\n}\n\n.spg-button-group__item-icon {\n use {\n fill: var(--ctr-button-group-item-icon-color, $foreground-light);\n }\n}\n\n.spg-button-group__item--selected {\n @include ctrDefaultBoldFont;\n color: var(--ctr-button-group-item-text-color-selected, $primary);\n box-shadow: inset 0 0 0 var(--ctr-button-group-item-border-width-selected, 1px) var(--ctr-button-group-item-border-color, $border);\n background: var(--ctr-button-group-item-background-color-selected, $background);\n .spg-button-group__item-icon use {\n fill: var(--ctr-button-group-item-icon-color-selected, $primary);\n }\n}\n\n.spg-button-group__item-decorator {\n max-width: 100%;\n}\n\n.spg-button-group__item-caption {\n display: block;\n max-width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.spg-question--disabled .spg-button-group {\n background: var(--ctr-button-group-background-color-disabled);\n}\n\n.spg-button-group__item--disabled {\n color: var(--ctr-button-group-item-text-color-disabled, $foreground);\n background: var(--ctr-button-group-item-background-color-disabled, $background-dim);\n .spg-button-group__item-icon use {\n fill: var(--ctr-button-group-item-text-color-disabled, $foreground);\n }\n .spg-button-group__item-caption {\n opacity: var(--ctr-button-group-item-text-opacity-disabled, 0.25);\n color: var(--ctr-button-group-item-text-color-disabled, rgba(0, 0, 0, 0.91));\n }\n &:hover {\n background-color: var(--ctr-button-group-item-background-color-disabled, $background-dim);\n }\n}\n\n.spg-button-group__item--selected.spg-button-group__item--disabled {\n @include ctrDefaultFont;\n box-shadow: inset 0 0 0 var(--ctr-button-group-item-border-width-selected-disabled, 1px)\n var(--ctr-button-group-item-border-color, $border);\n background: var(--ctr-button-group-item-background-color-selected-disabled, #f3f3f3);\n}\n","@use \"../variables\" as *;\n\n.svc-flex-container {\n display: flex;\n}\n\n.svc-flex-row {\n display: flex;\n flex-direction: row;\n background: var(--ctr-surface-background-color, $background-dim);\n}\n\n.svc-full-container {\n height: 100%;\n width: 100%;\n}\n\n.svc-flex-row.svc-full-container {\n height: calcSize(60);\n min-height: calcSize(60);\n flex-grow: 1;\n position: relative;\n}\n\n.svc-flex-row__element--growing {\n flex: 1;\n overflow: auto;\n}\n\n.svc-flex-column {\n display: flex;\n flex-direction: column;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-separator {\n height: calcSize(5);\n}\n.sv-action-bar--default-size-mode .sv-action-bar-item {\n height: auto;\n width: auto;\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n height: calcSize(4);\n}\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n height: auto;\n width: auto;\n}\n\n.svc-creator--mobile {\n .sv-action-bar-separator {\n height: calcSize(3);\n }\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n @include ctrSmallBoldFont;\n align-items: center;\n border-radius: var(--ctr-survey-question-panel-toolbar-item-corner-radius, 2px);\n}\n\n.svc-top-bar {\n display: flex;\n background: var(--ctr-menu-item-background-color, $background);\n box-sizing: border-box;\n box-shadow: inset 0px -1px 0px var(--ctr-menu-border-color, $border);\n\n .svc-toolbar-wrapper {\n flex: 0 0 auto;\n display: flex;\n\n .sv-action-bar {\n padding: var(--ctr-menu-toolbar-padding-vertical, 0) var(--ctr-menu-toolbar-padding-horizontal, calcSize(2));\n justify-content: flex-end;\n }\n\n .sv-action-bar-separator {\n display: none;\n }\n\n .sv-action-bar > .sv-action:not(.sv-action--hidden) ~ .sv-action .sv-action-bar-separator {\n --thm-menu-toolbar-button-height: calc(\n var(--ctr-menu-toolbar-button-padding-top) + var(--ctr-menu-toolbar-button-padding-bottom) +\n var(--ctr-menu-toolbar-button-icon-width)\n );\n\n display: inline-block;\n margin: 0;\n margin-inline-start: var(--ctr-menu-toolbar-gap, calcSize(2));\n height: var(--thm-menu-toolbar-button-height, calcSize(5));\n }\n\n .sv-action {\n .sv-action-bar-item {\n margin: 0;\n padding: var(--ctr-menu-toolbar-button-padding-top, calcSize(1))\n var(--ctr-menu-toolbar-button-padding-right, calcSize(1))\n var(--ctr-menu-toolbar-button-padding-bottom, calcSize(1))\n var(--ctr-menu-toolbar-button-padding-left, calcSize(1));\n }\n .sv-action-bar-item--active {\n background: var(--ctr-menu-toolbar-button-background-color-selected, transparent);\n }\n }\n .sv-action:not(.sv-action--hidden) ~ .sv-action:not(.sv-action--hidden) {\n .sv-action-bar-item {\n margin-inline-start: var(--ctr-menu-toolbar-gap, calcSize(2))\n }\n }\n\n }\n\n .sv-action-bar-separator {\n background-color: var(--ctr-separator-color, $border);\n }\n\n .sv-action-bar-item {\n @include ctrDefaultFont;\n border-radius: var(--ctr-menu-toolbar-button-corner-radius, 2px);\n background-color: transparent;\n color: var(--ctr-menu-toolbar-button-text-color, $foreground);\n transition: background-color $creator-transition-duration;\n height: auto;\n\n //hovered and focused state\n &:hover,\n &:focus {\n background-color: var(--ctr-menu-toolbar-button-background-color-hovered, $background-dim);\n }\n\n //pressed state\n &:active,\n &.sv-action-bar-item--pressed {\n opacity: var(--ctr-menu-toolbar-button-opacity-pressed, 0.5);\n background-color: var(--ctr-menu-toolbar-button-background-color-pressed, $background-dim);\n use {\n fill: black;\n opacity: 0.45;\n }\n }\n\n //checked state\n &.sv-action-bar-item--active {\n background-color: var(--ctr-menu-toolbar-button-background-color-selected, $background);\n use {\n fill: var(--ctr-menu-toolbar-button-text-color-selected, $primary);\n }\n }\n\n //disabled state\n &:disabled {\n background-color: transparent;\n opacity: var(--ctr-menu-toolbar-button-opacity-disabled, 0.25);\n }\n }\n\n .sv-action-bar-item--icon {\n padding: var(--ctr-menu-toolbar-button-padding-top, calcSize(1))\n var(--ctr-menu-toolbar-button-padding-right, calcSize(1))\n var(--ctr-menu-toolbar-button-padding-bottom, calcSize(1))\n var(--ctr-menu-toolbar-button-padding-left, calcSize(1));\n border-radius: var(--ctr-menu-toolbar-button-corner-radius, 0);\n }\n\n .sv-action-bar-item__icon {\n width: var(--ctr-menu-toolbar-button-icon-width, calcSize(3));\n height: var(--ctr-menu-toolbar-button-icon-height, calcSize(3));\n\n use {\n fill: var(--ctr-menu-toolbar-button-icon-color, $foreground-light);\n }\n }\n\n .sv-action-bar-item-dropdown {\n border-radius: calcCornerRadius(0.5);\n background-color: transparent;\n }\n}\n\n.svc-footer-bar {\n .svc-toolbar-wrapper {\n height: calcSize(6);\n\n .sv-action-bar {\n justify-content: center;\n padding: 0;\n width: 100%;\n\n height: calc(6 * #{$base-unit});\n background: var(--ctr-menu-background-color, $background);\n border-top: var(--ctr-menu-border-width, 1px) solid var(--ctr-menu-border-color, $border);\n box-sizing: border-box;\n }\n\n .sv-action-bar-item {\n border-radius: var(--ctr-menu-toolbar-button-corner-radius, calcSize(0.25));\n padding: var(--ctr-menu-toolbar-button-padding-top, calcSize(1)) var(--ctr-menu-toolbar-button-padding-right, calcSize(1)) var(--ctr-menu-toolbar-button-padding-bottom, calcSize(1)) var(--ctr-menu-toolbar-button-padding-left, calcSize(1));\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 background-color: var(--ctr-menu-toolbar-button-background-color-hovered, $background-dim);\n }\n\n .sv-action-bar-item--active {\n background-color: var(--ctr-menu-toolbar-button-background-color-selected, $primary-light);\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 background-color: var(--ctr-menu-toolbar-button-background-color-selected, $primary-light);\n }\n\n .sv-action-bar-item__icon use {\n fill: var(--ctr-menu-toolbar-button-icon-color-selected, $primary);\n }\n }\n\n .sv-action-bar-item__icon {\n width: var(--ctr-menu-toolbar-button-icon-width, calcSize(3));\n height: var(--ctr-menu-toolbar-button-icon-height, calcSize(3));\n \n use {\n fill: var(--ctr-menu-toolbar-button-icon-color, $foreground-light);\n }\n }\n }\n}","@use \"../variables\" as *;\n\n.spg-boolean-switch,\n.spg-boolean-switch * {\n box-sizing: border-box;\n}\n\n.spg-boolean-switch {\n display: flex;\n flex-direction: row;\n gap: var(--ctr-toggle-button-gap-label, 8px);\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.spg-boolean-switch__button {\n background: var(--ctr-toggle-button-background-color, #ffffff);\n outline: none;\n border-radius: var(--ctr-toggle-button-corner-radius, 1024px);\n box-shadow: 0px 0px 0px 1px var(--ctr-toggle-button-border-color, rgba(0, 0, 0, 0.16));\n padding: var(--ctr-toggle-button-padding-top, 4px) var(--ctr-toggle-button-padding-right, 4px)\n var(--ctr-toggle-button-padding-bottom, 4px) var(--ctr-toggle-button-padding-left, 4px);\n display: flex;\n flex-direction: row;\n gap: var(--ctr-toggle-button-gap, 4px);\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n\n &:focus,\n &:focus-visible {\n box-shadow: 0px 0px 0px 2px var(--ctr-toggle-button-border-color-focused, #19b394);\n }\n\n &:hover {\n background: var(--ctr-toggle-button-background-color-hovered, #f8f8f8);\n }\n}\n\n.spg-boolean-switch__button--checked {\n background: var(--ctr-toggle-button-background-color-checked, #19b394);\n box-shadow: none;\n\n .spg-boolean-switch__thumb--left {\n background: none;\n }\n\n .spg-boolean-switch__thumb--right {\n background: var(--ctr-toggle-button-thumb-background-color-checked, #ffffff);\n }\n\n &:hover {\n background: var(--ctr-toggle-button-background-color-checked, #19b394);\n }\n\n &:focus {\n background: var(--ctr-toggle-button-background-color-checked-focused,\n #ffffff);\n\n .spg-boolean-switch__thumb--right {\n background: var(--ctr-toggle-button-thumb-background-color-checked-focused,\n #19b394);\n }\n }\n}\n\n.spg-boolean-switch__thumb {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.spg-boolean-switch__thumb-circle {\n border-radius: var(--ctr-toggle-button-thumb-corner-radius, 1024px);\n border: var(--ctr-toggle-button-thumb-border-width, 0px) solid var(--ctr-toggle-button-thumb-border-color, rgba(0, 0, 0, 0.16));\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: var(--ctr-toggle-button-thumb-width, 16px);\n height: var(--ctr-toggle-button-thumb-height, 16px);\n position: relative;\n overflow: hidden;\n}\n\n.spg-boolean-switch__thumb--left {\n background: var(--ctr-toggle-button-thumb-background-color-active,\n rgba(0, 0, 0, 0.45));\n}\n\n.spg-boolean-switch__thumb--right {}\n\n.spg-boolean-switch__caption {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.spg-boolean-switch__title {\n @include ctrDefaultFont;\n\n color: var(--ctr-toggle-button-label-text-color, #{$foreground-dim});\n text-align: left;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}"],"names":[],"sourceRoot":""}
1
+ {"version":3,"file":"survey-creator-core.fontless.css","mappings":";;;;;;;;;AAEA;EACE;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;AALF;AAOE;EACE;;;GAAA;EAIA;;;GAAA;EAIA;EACA;AALJ;AAQE;EACE,0ECPe;EDQf;AANJ;;AAcI;EACE,2DC5CI;ADiCV;;AAoBI;EACE,iDCXA;ADNN;;;;AEtCA;EACE;EACA;EAEA;EACA;EACA;EAEA;AAHF;;AAMA;EACE;EACA;AAHF;;AAMA;ED+DE;EACA;EACA;EE5CA;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EDzBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;AAGF;AADE;EAEE;AAEJ;;AAEA;;EAEE;EACA;AACF;;AAME;;;;EACE;EACA;AAAJ;AAEI;;;;EACE;AAGN;AAAI;;;;EACE;AAKN;;AAIE;;;;ECpCA;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;ED0BE;EACA;AASJ;AAPI;;;;EACE;AAYN;;AAJE;;;EClDA;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;ED6CE;EACA;AAeJ;AAbI;;;EACE;AAiBN;AAdI;;;EACE;AAkBN;;AAbA;EACE;EACA;EACA;EACA;AAgBF;;AAbA;EACE;EACA;EACA;EACA;AAgBF;;AAbA;EACE;EACA;EACA;EACA;AAgBF;;AAbA;EACE;EACA;EACA;AAgBF;;AAbA;EACE;EACA;EACA;EACA;AAgBF;;AAbA;EACE;EACA;EACA;EACA;EACA;EACA;AAgBF;AAdE;EACE;AAgBJ;;AAZA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAeF;AAbE;EACE;AAeJ;;AAXA;EACE;EACA;AAcF;;AAXA;EACE;EACA;EACA;EACA;AAcF;;AAXA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;AAYF;;AARA;EACE;EACA;EACA;EACA;EACA;AAWF;AATE;EACE;EACA;AAWJ;AARE;EACE;AAUJ;;AANA;EC3KE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EDsKA;EACA;EACA;EACA;EACA;EACA;EACA;AAeF;AAbE;EACE;AAeJ;;AAXA;EACE;EACA;EAEA;EACA;EACA;AAaF;AAXE;EACE;AAaJ;AAXI;EACE;AAaN;;AARA;EACE;AAWF;;AAPA;EChNE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EFmCA;EACA;EACA;ECuKA;EACA;AAkBF;;AAdE;EACE;AAiBJ;AAdE;EACE;AAgBJ;AAbE;EChOA;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EDsNE,oEDnQiB;ECoQjB,uEDvQM;AC6RV;AApBI;EACE,2DDzPO;AC+Qb;;;;AEjSA;EACE;EACA;EACA,4EHgBe;AGjBjB;;AAIA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;AADF;;;;ACbA;EACE;EACA;EACA,4EJgBe;AIjBjB;;AAIA;EACE;EACA;AADF;;AAIA;EFwFE;EACA;EACA;EACA;EACA;EE1FA;EACA;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uEJ3BQ;EI4BR,oEJzBmB;EI0BnB;AAGF;;AAAA;EACE;EACA;EACA;EACA;EACA,oDJmBU;EIjBV,uEJtBW;EIuBX;EACA;EACA;EAEA,+DJlBW;EImBX;AACF;AACE;EACE;AACJ;AACI;EACE,kDJRA;AISN;;AAIA;EACE;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EFvCE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EEkCA;EACA,kFJlCU;EImCV;EACA;EACA;AAKF;;AAFA;EACE;AAKF;;AAFA;EACE;EACA;AAKF;;AAFA;EACE;AAKF;;AAFA;EACE,iDJvDI;EIwDJ;EACA;AAKF;;AAFA;EACE;EACA;AAKF;;AAFA;EACE;AAKF;;AAFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iEJvGW;EIwGX;EACA;EACA,8EJxFa;EIyFb;AAKF;AAHE;EACE,iEJlGmB;EImGnB;EACA;EACA;AAKJ;;AAAE;EACE,2DJxIM;AI2IV;;;;AC5IA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;AADF;AAGE;EACE;AADJ;AAGI;EACE;AADN;AAKE;EACE;EACA;AAHJ;AAME;EACE;AAJJ;AAOE;EACE;AALJ;AAOI;EACE;EACA;AALN;;AAUA;EACE;EACA;EACA;EACA;EAEA;EACA;AARF;;AAWA;EACE;AARF;;;;ACzDA;EACE;EACA;EACA,4ENgBe;AMjBjB;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAKE;;EAEE;EACA;EACA,kFNJa;AMEjB;AAKE;EACE;AAHJ;AAME;EACE;EACA;EACA;EACA;EACA;EACA;AAJJ;;AAQA;EACE;AALF;;AAQA;EACE;AALF;AAOE;EACE;EACA;EACA;EACA;AALJ;AAQE;EACE;EACA;EACA;EACA;AANJ;AAQI;EACE;AANN;AASI;EACE;AAPN;AASM;EACE;AAPR;AAYM;EACE;AAVR;AAaM;EACE;AAXR;AAeI;EACE;AAbN;AAgBI;EACE;AAdN;AAkBE;EJpBA;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;EISE;EACA;EACA;AARJ;AAWE;EACE;AATJ;AAWI;ENtBF;EACA;EACA;EMuBI,+DN7EO;EM8EP;AARN;;AAcE;EACE;EACA;EACA;EACA;AAXJ;AAaE;EACE;EACA;EACA;EACA;AAXJ;;AAcA;EJvFE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EIkFA,+DNnGW;EMoGX;EACA;EACA;EACA;EACA;AALF;;AAQA;ENjDE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EM4CA;EACA;EACA;EAIA;EACA;EACA;EACA;AADF;AAGE;EACE;AADJ;AAGE;EACE;AADJ;AAIE;EACE;EACA;AAFJ;AAIE;EACE;AAFJ;;AAMA;EACE;AAHF;AAQE;EACE;AANJ;AASE;EACE;AAPJ;AASI;EACE;AAPN;AAWE;EACE;EACA;AATJ;AAWI;EACE;AATN;AAaE;EACE;AAXJ;;AAeA;EACE;EACA;EACA;EACA;EACA;EAIA;EACA;AAfF;AAiBE;EACE;AAfJ;;AAmBA;EJ9IE;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;EFLA;EACA;EACA;EMuIA;AANF;;AAUE;EACE;EACA;AAPJ;AAUE;EACE;EACA;EACA;AARJ;AAUI;EACE;AARN;;;;AC9NA;EACE;EACA;EACA;AAFF;;AAKA;EACE;AAFF;;AAKA;EACE;EACA;AAFF;;AAKA;EACE;EACA;EACA;EACA;AAFF;AAIE;EACE;AAFJ;AAIE;EACE;AAFJ;AAIE;EAEE;EACA;AAHJ;AAKI;EACE;AAHN;AAME;EACE;EACA;AAJJ;;AAQA;EACE;EACA;EACA;EACA;AALF;AAME;EACE;AAJJ;AAME;EACE;AAJJ;AAME;EAEE;EACA;AALJ;AAOI;EACE;AALN;AAQE;EACE;EACA;AANJ;;AAUA;EACE;EACA;AAPF;;AAUA;EACE;EACA;AAPF;;AAUA;;EAEE;AAPF;;AAUA;EACE,gEP9EU;AOuEZ;;AASA;EACE;EACA;AANF;;AASA;;;;;ELvEE;EACA;EAEA,+EApBa;EAqBb;EACA;EACA;EACA;EAKA;EKiEA;EACA;EAEA;EACA;EACA;EACA;EACA,4DP5Ee;EO6Ef;EACA;EACA;EACA;EACA;EACA;AAAF;;AAGA;EACE;EACA;EACA;AAAF;;AAGE;EACE;EACA;AAAJ;;AAIA;EACE;EACA;AADF;AAGE;EACE;AADJ;;AAKA;EACE;EACA;EACA;EACA;EACA;AAFF;;AAKA;EACE;EACA;EACA;AAFF;AAKI;EACE;EACA;EACA;AAHN;AAMI;EACE;EACA;EACA;AAJN;AAOI;EACE;AALN;AAWI;;EACE;AARN;AAUM;;EACE;AAPR;AAcI;;EACE;AAXN;;AAgBA;EACE;AAbF;AAeE;EACE;AAbJ;AAgBE;EACE;AAdJ;AAiBE;EL/JA;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EKqJE;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EAEA;EAEA;AAbJ;AAgBE;EACE;EACA;AAdJ;AAiBE;ELzLA;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EK+KE;EACA;EACA;EACA;EACA;AARJ;;AAYA;EACE;AATF;;AAYA;EACE;EACA;EACA;AATF;;AAYA;EACE;EACA;EACA;AATF;;AAYA;EACE;AATF;;AAaE;EACE;AAVJ;;AAcA;EACE;AAXF;;AAeE;EACE;EACA;EACA;AAZJ;;AAgBA;ELzOE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EK+NA;EACA;AANF;AAQE;EACE;AANJ;;AAUA;EACE;AAPF;;AASA;EACE;AANF;;AAQA;EACE;EACA;EACA;EACA;EACA;AALF;;AAQA;EACE;AALF;;AAQA;EACE;AALF;;AASE;EACE;AANJ;;AAUA;EACE;AAPF;;AP7LE;;EAEE;AOgMJ;AP9LE;;EAEE;AOgMJ;AP9LE;;EAEE;AOgMJ;AP9LE;;EAEE;AOgMJ;AP9LE;EACE;AOgMJ;AP9LE;EACE;AOgMJ;AP9LE;;EAEE;AOgMJ;;AANE;EAEE;EACA;EACA;AAQJ;AANE;EACE;EACA,sDP7LO;EO8LP;EACA;AAQJ;AALE;EACE;EACA,sDPnMe;EOoMf;EACA;AAOJ;;AAWA;;EAEE;EACA;EACA;EACA;AARF;AASE;;EACE;EACA;EACA;EACA;EACA;EACA;AANJ;AAOI;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAJN;;AAQA;EACE;EACA;EACA;EACA;EACA;EACA;AALF;;AAOA;EACE;EACA;EACA;EACA;EACA;EACA;AAJF;;AAOE;EACE;EACA;EACA;EACA;EACA;EACA;AAJJ;AAME;EACE;EACA;EACA;EACA;EACA;EACA;AAJJ;;AAgBA;EACE;EACA;EACA;EACA;EACA,sDPhSS;EOiST;EACA;AAbF;;AAeA;EACE;EACA;EACA;AAZF;;AAgBA;EACE;EACA,sDP5SiB;EO6SjB;EACA;EACA;EACA;EACA;AAbF;;AAuBA;EACE;EACA;EACA;EACA;EACA;EACA,sDPlUS;EOmUT;EACA;AApBF;;AAuBA;EACE;EACA,sDPxUiB;EOyUjB;EACA;EACA;EACA;EACA;AApBF;;AAyBE;;;;;;;;EASE;AAvBJ;;;;ACndA;EACE;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAKA;EACE;EACA;EACA;EACA;EACA;AAFF;AAKI;EACE;AAHN;AAMI;EACE;AAJN;AAOI;ENFF;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EMHI;EACA;AACN;AACM;EACE;AACR;AAEM;EACE;AAAR;AAKM;EACE;AAHR;AAMM;;EAEE;EACA;AAJR;AASE;EN7BA;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EMwBE;AADJ;AAGI;EACE;AADN;;AAMA;EACE;EACA;AAHF;;AAMA;EACE;EACA;AAHF;;AAMA;EACE;AAHF;;AAMA;EACE;EACA;EACA;EACA;AAHF;;AAMA;EACE;AAHF;;AAMA;EACE;AAHF;;AAOE;EACE;EACA;AAJJ;;AAQA;EACE;EACA;EACA;EACA;EACA;AALF;;AAQA;;ENjDE;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;EMuCA;AAGF;;AAAA;EACE;AAGF;;AAAA;EACE;EACA;EACA;EACA;EACA;AAGF;;AAGE;EACE;EACA;AAAJ;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;ENvHE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EM6GA;EACA;EACA;AAMF;AAJE;EACE;EACA;AAMJ;;AADE;EACE;AAIJ;;AAAA;EACE;EACA;EACA;EACA;AAGF;;AAAA;ENhJE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EM2IA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AASF;;AANA;EACE;EACA,kFRhLe;AQyLjB;;AANA;ENjKE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EMuJA;EACA;EACA;AAgBF;AAdE;EACE;AAgBJ;;AAZA;EACE;AAeF;AAXI;EAEE,mGRtNU;AQkOhB;AARE;EACE,2DR5NM;AQsOV;;AANA;EACE;AASF;;AANA;EACE;AASF;;AANA;EACE;EACA;EACA;EACA;AASF;;AANA;EACE;AASF;;AANA;EACE;EACA;EACA;EACA;EACA;AASF;AAPE;EACE;EACA;EACA;AASJ;AANE;EACE,mGRhQY;AQwQhB;AALE;EACE;EACA;EACA;AAOJ;;AAHA;;ENvOE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EMmOA,kERjPqB;AQ6PvB;;AATA;EACE;EACA;EACA,iERnQW;EQoQX;AAYF;;AATA;EACE;EACA,8ERvPa;EQwPb;AAYF;;AARE;EACE;AAWJ;;AR3LE;;EAEE;AQ8LJ;AR5LE;;EAEE;AQ8LJ;AR5LE;;EAEE;AQ8LJ;AR5LE;;EAEE;AQ8LJ;AR5LE;EACE;AQ8LJ;AR5LE;EACE;AQ8LJ;AR5LE;;EAEE;AQ8LJ;;;;ACvUA;EACE;EACA;EACA,4ETgBe;ASjBjB;;AAIA;EACE;EACA;EACA;EACA;EACA;AADF;;AAOA;EACE;AAJF;;AAOA;EACE;AAJF;;AAQE;EACE;EACA;EACA,iETXS;ESYT;EACA;AALJ;;AASA;EACE;EACA;AANF;;AASA;EPHE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EOPA;EACA;EACA;EACA;EAEA;EACA;EACA;AAAF;AAEE;EACE,iETlCS;ESmCT,+DT1BS;AS0Bb;;AAIA;EACE;AADF;;AAKA;EACE;AAFF;AAIE;EAEE;EACA;EACA;AAHJ;;AAOA;EACE;EACA;AAJF;AAME;EAEE;EACA;AALJ;;AASA;EACE;EACA;AANF;AAQE;EAEE;EACA;AAPJ;;AAWA;EACE;EACA;AARF;AAUE;EAEE;EACA;AATJ;;AAaA;EACE;EACA;AAVF;AAYE;EAEE;EACA;AAXJ;;AAeA;;EAEE;AAZF;;AAeA;EACE;AAZF;;AAeA;EACE;AAZF;;AAeA;EACE;AAZF;;AAeA;EACE;AAZF;;AAeA;EACE;AAZF;;AAeA;EACE;AAZF;;AAgBA;EACE;EACA;EACA;AAbF;;AAgBA;EACE;AAbF;;AAiBE;EACE;AAdJ;;AAmBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhBF;AAkBE;EACE;EACA;AAhBJ;AAmBE;EACE;AAjBJ;AAoBE;EAEE;AAnBJ;AAsBE;EACE;AApBJ;;AAwBA;;EAEE;AArBF;;AAyBA;EACE;AAtBF;;AAyBA;EACE;AAtBF;;AAyBA;EACE;EACA;AAtBF;;AA0BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvBJ;AAyBI;EAEE;AAxBN;AA4BE;EACE;EACA;EACA;EACA;AA1BJ;AA6BE;EACE;EACA;AA3BJ;AA6BI;EAEE;EACA,8ET/MS;ASmLf;AAgCE;EACE;EACA;AA9BJ;AAiCE;EACE;EACA;AA/BJ;;AAoCE;EACE;AAjCJ;;AAsCE;EACE;EACA;EACA;EACA;EACA;AAnCJ;AAsCE;EACE;AApCJ;AAuCE;EACE;AArCJ;;AAyCA;EACE;EACA;AAtCF;;AA0CE;EACE;AAvCJ;;AA2CA;EACE;AAxCF;AA0CE;EACE;EACA;EACA;AAxCJ;AA2CE;EACE;AAzCJ;AA4CE;EACE;AA1CJ;;AA8CA;EACE;AA3CF;;AA8CA;EACE;EACA;EACA;AA3CF;;AA+CA;EACE;EACA;EACA;EACA;EACA;EACA,iETtTW;ESuTX,8ETrSa;ESsSb;EACA;AA5CF;;AAgDE;EACE;AA7CJ;;AAiDA;EP/SE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EO0SA;EACA,2ET3TiB;ES4TjB;EACA;AAxCF;;AA2CA;EACE;AAxCF;;AA2CA;EACE;AAxCF;;;;ACzTA;EACE;EACA;EACA,4EVgBe;AUjBjB;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;AADF;;AAOM;EACE;AAJR;AASE;EACE;AAPJ;;AAYE;EACE;EACA;AATJ;AAYE;EACE;AAVJ;AAaE;EACE;EACA;EACA;EACA;AAXJ;AAaI;EACE;AAXN;AAcI;EACE;AAZN;AAgBE;EACE;AAdJ;AAiBE;;EAEE;AAfJ;;AAmBA;EACE;EACA;AAhBF;;AAoBE;EACE;EACA;EACA;EACA;AAjBJ;;AAsBE;EACE;EACA;AAnBJ;;AAwBE;EACE;AArBJ;;AAyBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAtBF;AAwBE;EACE;AAtBJ;;AA2BE;EAEE;AAzBJ;AA4BE;EACE;AA1BJ;AA6BE;EACE;AA3BJ;AA6BI;EACE;EAEA;EAEA;AA7BN;AAgCI;EACE;EACA;AA9BN;AAgCM;EACE;EACA;AA9BR;AAiCM;EACE;AA/BR;AAmCI;ER9HF;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EQoHI;EACA;AA1BN;;AA+BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA5BF;;AAmCE;;;;EACE;EACA;AA7BJ;;AAiCA;EACE;EACA;AA9BF;;AAiCA;EACE;EACA;AA9BF;AAgCE;EACE;EACA;EACA;EACA;EACA;AA9BJ;AAiCE;EACE;AA/BJ;;AAmCA;EACE;AAhCF;;;;ACtLE;;EAEE;EACA;EACA;AAFJ;AAMI;EACE;EACA;EACA;EACA;AAJN;AAMM;EACE;EACA;EACA;AAJR;AAQI;EACE;EACA;AANN;AAQM;EACE;EACA;AANR;AAWE;EACE;AATJ;AAaI;EACE;AAXN;AAeE;EACE;AAbJ;AAgBE;EACE;EACA;EACA;AAdJ;AAgBI;EACE;AAdN;AAkBM;EACE;AAhBR;AAqBE;EACE;EACA;EACA;AAnBJ;AAuBI;EACE;AArBN;AAyBE;EACE;AAvBJ;AAyBI;EACE;EACA;EACA;AAvBN;AAyBM;EACE;AAvBR;AA0BM;EACE;EACA;AAxBR;AA2BM;ETvEJ;EACA;EAEA,+EApBa;EAqBb;EACA;EACA;EACA;EAKA;ES6DM;AAlBR;AAqBM;EACE;AAnBR;AAyBI;EACE;AAvBN;AA2BE;EACE;AAzBJ;AA4BE;EACE;AA1BJ;AA4BI;EACE;AA1BN;AA+BI;EACE;AA7BN;AAgCQ;EACE;AA9BV;AAoCE;EACE;AAlCJ;;;;ACpGA;EACE;EACA;EACA;AADF;;AAIA;EViEE;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;EU5EA;AAOF;;AAJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4EZCe;EYCf;EACA;EACA;AAMF;;AAHA;EACE,iEZRW;AYcb;;AAHA;EACE;EACA,4EZZe;AYkBjB;;AAHA;EACE;EACA,iEZlBW;AYwBb;;AAHA;;EAEE;EACA;EACA;EAEA;EACA,uEZ7CQ;AYkDV;;AAFA;EACE;EACA,+EZ/CmB;AYoDrB;;AAFA;EACE;EACA;EACA;EACA;EAEA;EACA,6EZ/BqB;EYiCrB;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACE,+EZnEmB;EYoEnB;EACA;AAGF;;AAGE;;;EACE,uEZ/EM;AYiFV;;;;AClFA;EACE;EACA;ACDF;;ADIA;EXkEE;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;EW5EA;EACA;EACA;EACA;EACA;EACA;EACA,8EbwBc;EavBd;EACA;EACA;EACA;EACA;EAEA;ACKF;;ADFA;EACE;EACA;EACA;ACKF;;ADDE;EACE;EACA;EACA;EACA;EACA;EACA;ACIJ;;ACxCE;EACE;AD2CJ;ACxCE;EACE;EACA;EACA,ioBACE;ADyCN;AC/BI;EACE;ADiCN;AC9BI;EACE;EACA;EAEA;EAGA;EACA;AD6BN;ACzBE;EACE;AD2BJ;ACxBE;EACE;AD0BJ;ACxBE;EAEE;ADyBJ;ACtBI;EACE;ADwBN;ACrBI;EACE;EACA;EACA;ADuBN;AClBI;EACE;EACA;ADoBN;AChBE;EACE;EACA;EACA,2dACE;ADiBN;ACJE;Eb7DA;EACA;EAEA,+EApBa;EAqBb;EACA;EACA;EACA;EAKA;EamDE;ADaJ;ACVE;;EAEE;ADYJ;ACTE;EACE;EACA;ADWJ;ACLI;EACE;EACA;ADON;ACFI;EACE;ADIN;ACEI;EACE;EACA;EACA;ADAN;ACMI;EACE;EACA;EACA;ADJN;ACQI;EACE;EACA;ADNN;ACWI;EACE;ADTN;ACaE;EbzGA;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EaoGE;ADLJ;;AE1IE;EACE;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AF2IJ;AEvII;EdoBF;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;Ec7BI;EACA;EACA;EACA;EACA;AF+IN;AE3IE;EACE;EACA;AF6IJ;AE3II;EACE;AF6IN;AEzIE;EACE;EACA;AF2IJ;AEzII;EACE;AF2IN;AEvIE;EACE;EACA;AFyIJ;AEvII;EACE;AFyIN;;AG5LA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH+LF;;AG3LE;EACE;AH8LJ;AG3LE;EACE;AH6LJ;;AGzLA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH4LF;;AGzLA;EACE;AH4LF;;AGzLA;EACE;AH4LF;;AGzLA;EACE;AH4LF;;AGzLA;EACE;AH4LF;;AGzLA;EACE;AH4LF;;AGzLA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH4LF;;AGzLA;EflDE;EACA;EAEA,+EApBa;EAqBb;EACA;EACA;EACA;EAKA;EewCA;EACA;EACA;AHmMF;;AGhMA;EfzCE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EeoCA;EACA;EACA;AHyMF;;AGtMA;EACE;AHyMF;;AGtMA;EACE;AHyMF;;AGpME;;EACE;AHwMJ;;AGnME;EACE;AHsMJ;AGnME;EACE;AHqMJ;AGhMI;;EACE;AHmMN;;AInTA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AJsTF;;AKxUA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AL2UF;;AMjbA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANobF;;AOxcA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AP2cF;;AAviBA;;EAEE;EACA;EACA;EACA;EACA;EAEA;AAyiBF;AAviBE;EAVF;;IAWI;IACA;EA2iBF;AACF;AAziBE;;EACE;EACA;EACA;AA4iBJ;AAziBE;;EACE;EACA;EACA;EACA;AA4iBJ;AAziBE;;EACE;AA4iBJ;AAziBE;;EACE;EACA;AA4iBJ;AAxiBI;;EACE;AA2iBN;;AAniBI;;EACE;EACA;EACA,kwBACE;AAsiBR;AAxhBM;;EACE;AA2hBR;AAzhBQ;;;;EAEE;AA6hBV;;AAthBA;EACE;EdWA;EACA;EACA;EACA;Ac+gBF;;AAxhBA;EACE;EACA;EACA;AA2hBF;;AAxhBA;EACE;EACA;AA2hBF;;AAxhBA;EACE;EACA;EACA;EACA;EACA;EACA,uCdhCe;Ac2jBjB;;AAxhBA;EACE;AA2hBF;;AAxhBA;EACE;EACA;EACA;EACA;EACA;EACA;AA2hBF;;AAxhBA;EACE;EACA;EACA;EACA;AA2hBF;;AAvhBE;EACE;EACA;AA0hBJ;;AArhBE;EACE;EACA;EACA,iEd5HS;Ec6HT;AAwhBJ;;AAphBA;EACE;EACA;EACA;EACA;AAuhBF;;AAphBA;EACE;EACA;EACA;EACA;EACA,uEd7IW;Ec8IX;EACA;EACA,8Ed5Hc;Ec6Hd,gEACE;AAshBJ;;AAlhBA;EZnIE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EYyHA;EACA;EACA;EACA;AA4hBF;AA1hBE;EACE;AA4hBJ;;AAvhBE;EACE;AA0hBJ;;AAthBA;EACE;EACA;EACA;EACA,qEdvLU;EcwLV;AAyhBF;;AAthBA;EACE;EACA;AAyhBF;;AAthBA;EACE;EACA;AAyhBF;;AAthBA;EACE;AAyhBF;;;;AQruBE;EACE;EACA;AAFJ;;AAMA;EACE;AAHF;AAKE;EACE;EACA;AAHJ;AAME;EACE;EACA;EACA;AAJJ;AAMI;EACE;EACA;EACA;AAJN;AAQE;;EAEE;AANJ;AASE;EACE;AAPJ;;AAWA;EACE;EACA;EACA;EACA;AARF;;AAYE;EACE;AATJ;;AAaA;EACE;AAVF;;AAaA;EACE;AAVF;;AAaA;EpBaE;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EoBnBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2EtBvCiB;AsBoCnB;;AAMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHF;AAKE;EACE;EACA;EACA;EACA;EAEA;EACA;AAJJ;AAOE;EACE;EACA;EACA;EACA;EACA;EACA,uEtBhFS;EsBiFT;AALJ;;AASA;EpBlEE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EoB6DA;EACA;EACA;AAAF;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAF;;AAIE;EACE;EACA;AADJ;AAIE;EACE;AAFJ;;AAQI;EACE;AALN;;AAWE;EACE;AARJ;AAWE;EACE;AATJ;;AAcE;EACE;AAXJ;;AAgBE;EACE;AAbJ;;AAuBQ;EACE;AApBV;;AA6BI;EACE;EACA;EACA;AA1BN;AA+BI;EACE;AA7BN;;AAoCI;EACE;EACA;AAjCN;;AA0CI;EACE;AAvCN;;AAgDA;EACE;AA7CF;;;;AC9KA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;ACHF;;ADOA;ErBoBE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EqB9BA;EACA;EACA;EACA;EACA;ACGF;;ADAA;EACE;ACGF;;ADAA;EACE;ACGF;;AClCA;EvBqCE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EuB/CA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;ADwCF;ACtCE;EAEE;EACA;ADuCJ;;ACnCA;EACE;ADsCF;;ACnCA;EACE;EACA;ADsCF;;;;AEnEA;;EAEE;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACE;EACA;AADJ;AAIE;EACE;EACA;AAFJ;;AAMA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AAJF;AAME;EAEE;AALJ;AAOI;EACE;AALN;AAOM;EACE;AALR;;AAaE;;EACE;EACA;AATJ;AAWI;;EACE;AARN;;AAeE;;EACE;AAXJ;AAaI;;EACE;AAVN;;AAeA;EACE;AAZF;;AAeA;EACE;EACA;AAZF;;;;ACvEA;;EAEE;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EAEE;AAFJ;;AAOE;EACE;EACA;AAJJ;AAOE;EACE;AALJ;;AAUE;EACE;EACA;AAPJ;AAUE;EACE;AARJ;;AAYA;EACE;EACA;EACA;EACA;EACA;AATF;;AAYA;EACE;EACA;EACA;EACA;EACA;AATF;;AAYA;E3BoBE;EACA;EACA;E2BpBA;EACA;EACA;EACA;EACA;EACA;EAEA,6nBACE;EAEF;EACA;EAEA;EACA;EACA;EACA;EACA;AAXF;AAaE;EACE;EACA;EACA;EACA;EACA;AAXJ;;AAeA;EzBlBE;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;EyBOA;AAJF;;AAQE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AALJ;;AAYE;;EACE;EACA;AARJ;;AAgBE;;;;EACE;EACA;EACA;EACA;AAVJ;AAiBE;EACE,+D3BxGS;E2ByGT;AAfJ;;;;ACrHA;EACE;AADF;;AAIA;EACE;AADF;AAGE;EACE;EACA;AADJ;AAIE;EACE;AAFJ;AAKE;EACE;AAHJ;AAME;ECZA;EACA;EAEA,+EAPa;EAQb;EACA;EACA;EDQE;AACJ;;AAGA;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA,kE5ByG4B;A4B1G9B;AAGE;EACE;EACA;AADJ;AAIE;EACE;AAFJ;AAII;EACE;AAFN;;AAQE;EACE;EACA;AALJ;;AASA;EACE;AANF;;AASA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AANF;AAQE;EACE;AANJ;AAWM;EACE;AATR;;AAeA;E5BAE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E4BNA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;AANF;AAQE;EACE;AANJ;AASE;EAEE;AARJ;AAYE;EAEE;EACA;AAXJ;AAYI;EACE;EACA;AAVN;AAeE;EACE;AAbJ;AAcI;EACE;AAZN;AAcI;EACE;AAZN;AAiBE;EACE;AAfJ;;AAmBA;EACE;EACA;EAEA;EACA;AAjBF;;AAoBA;EACE;AAjBF;;AAoBA;EACE;AAjBF;;AAoBA;EACE;EACA;EACA;EACA;AAjBF;;AAoBA;EC3IE;EACA;EAEA,+EAtBa;EAuBb;EACA;EACA;EAKA;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;AqCahB;AAME;EACE;EACA;AAJJ;;AAQA;EACE;AALF;;AAQA;EACE;EACA;EACA;EACA;AALF;;AAQA;EACE;EACA;AALF;;AAQA;EACE;EACA;AALF;;AAQA;EACE;EACA;AALF;AAOE;EACE,2DrCpDM;EqCqDN;AALJ;AAQE;EAEE,mGrCzDY;AqCkDhB;;AAWA;EACE;EACA;EACA;EACA;EACA;AARF;;AAYE;EACE;AATJ;;AAaA;EACE;EACA;EACA;EACA;EACA;AAVF;;AAcE;EACE;AAXJ;;AAgBE;EACE;AAbJ;AAgBE;EACE;AAdJ;;AAkBA;EACE;EACA,4ErCpFe;AqCqEjB;;AAkBA;EACE;AAfF;AAiBE;EACE;AAfJ;;AAmBA;EACE;EACA;EACA;EACA;AAhBF;;;;AC9FA;EACE;AATF;;AAaE;EACE;AAVJ;AAYI;EACE;AAVN;AAaI;EACE;EACA;AAXN;;AAgBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAbF;AAeE;EACE;AAbJ;;AAiBA;EACE;EACA;EACA;AAdF;;AAiBA;EACE;EACA;EACA;EACA;EACA;EACA;AAdF;;AAiBA;EACE;AAdF;;AAiBA;EACE;AAdF;;AAiBA;EACE;EACA;AAdF;;AAkBE;EACE;EACA;AAfJ;AAkBE;EtCqBA;EACA;EACA;EACA;AsCpCF;;AAkBE;EACE;AAfJ;;AAoBE;EACE;EACA;AAjBJ;AAkBI;EACE,0EtChEa;AsCgDnB;;;;AC5EA;EACE;EACA;EACA;AADF;;AAIA;EACE;AADF;;AAIA;ErC2BE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EqChCA;EACA;EACA;EACA;EACA;EACA;EACA;AAKF;AAHE;EACE;AAKJ;AAFE;EACE;EACA;AAIJ;AADE;EACE;EACA;EACA;AAGJ;AADI;EACE;EACA;AAGN;AACE;EACE;AACJ;;AAGA;ErCRE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EqCGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAMF;;AAHA;EACE;AAMF;AAJE;EACE;EACA;AAMJ;AAJI;EACE;EACA;AAMN;AAJM;EACE;AAMR;AAJQ;EACE;AAMV;AAFM;EACE;EACA;AAIR;AAAI;ErCXF;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;EqCAI;EACA;EACA;EACA;AAUN;AARM;EACE;AAUR;AANI;ErCzDF;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EqCoDI;EACA;EACA;EACA;EACA;EACA;AAcN;AAZM;ErClEJ;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EqCwDM;EACA;AAqBR;AAlBM;EACE;EACA;AAoBR;AAhBI;EACE;AAkBN;AAfI;EACE;AAiBN;AAfM;EACE;AAiBR;;AAXA;EACE;AAcF;;;;AChJA;EACE;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACE;AADJ;AAIE;EACE;EACA;EACA;AAFJ;;AAMA;EACE;EACA;EACA;EACA;EACA;AAHF;;AAMA;EtCzBE,+EAJa;EAKb;EACA;EACA;EACA;EsCuBA,2ExCPiB;EwCQjB;EACA;EACA;EACA;EAGA;EAIA;EACA;EACA;EAEA;EACA;AALF;AAOE;EACE;EACA;AALJ;AAOI;EACE;AALN;AASE;EACE;EACA;AAPJ;;AAWA;EACE;EACA;AARF;;AAWA;EACE;AARF;AAUE;EACE;AARJ;;AAYA;EACE;EACA;EACA;EACA;EACA;EACA;AATF;;AAYA;EACE;AATF;;AAaE;EACE;AAVJ;;AAgBE;;EACE;AAZJ;;;;AC3FA;EvCqCE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EuC/CA;AAMF;;AAHA;EACE;AAMF;;AAJA;EACE;EACA;AAOF;;AALA;EACE,kDzC+BI;EyC9BJ;AAQF;;AANA;;EAEE,wFzC2BU;AyClBZ;;;;AC5BA;EAEE;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;E1CqEE;EACA;EACA;EEVA;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;EwCtEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AAOF;;AAJA;EAEE;AAMF;;AAFA;EACE;EACA;EACA;EACA;EACA;AAKF;;AAFA;EACE;EACA;EACA;AAKF;;AAFA;EACE;AAKF;;AAFA;EACE;EACA;EACA;EACA;AAKF;AADE;EACE;EACA;AAGJ;;AACA;ExCKE;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;EwChBA;EACA;AAUF;;;;AC/EA;EACE;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;AAHF;AAIE;EACE;AAFJ;;AAMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHF;AAIE;EAZF;IAaI;IACA;EADF;AACF;;AAIA;EACE;AADF;;AAIA;EACE;AADF;;AAIA;EACE;EACA;EACA;EACA;AADF;;;;ACtDA;EACE;EACA;AADF;;;;ACDA;EACE;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;AAHF;;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;AAFF;;AAIA;E3CiBE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;E2C3BA;EACA;EACA;AAMF;;AAJA;E3C6CE;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;E2CnDA;EACA;EACA;AAcF;;AAZA;EACE;EACA;EACA;EACA;AAeF;;AAbA;EACE;EACA;EACA;AAgBF;;AAdA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAiBF;;AAVE;;;;EACE;AAgBJ;;AAZA;EACE;AAeF;;;;AChFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EAEE;EACA;EACA;AAFJ;;AAMA;EACE;EACA;EACA;EACA;AAHF;;AAMA;EACE;EACA;AAHF;AAKE;EAEE;EACA;AAJJ;;AAQA;EACE;EACA;AALF;AAOE;EACE;AALJ;;AASA;EACE;AANF;;AASA;E5CXE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;E4CMA;EACA;EACA;AAAF;;AAGA;E5ClBE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;A4CcF;;AAJA;EACE;EACA;EACA;AAOF;;AAJA;EACE;AAOF;;AAHE;EACE;AAMJ;;;;AC7EA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;;;ACVA,gBAAgB;AAGhB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAGA;EACE;EACA;EACA;EACA;AAAF;;AAEA;EACE;EACA;EACA;AACF;AAAE;EACE;AAEJ;AADI;EACE;AAGN;;AACA;EACE;EAEA;EACA;EACA;EACA;AACF;;AAEA;EACE;AACF;;AAEA;EACE;EACA;AACF;;AAGA;EACE;EACA;AAAF;AACE;EACE;AACJ;;AAIA;E9CcE;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;E8CzBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uEhDtDW;EgDuDX;EACA;EACA,qbACE;EASF;EACA;EACA;EACA;EACA;EACA;EACA;AAFF;AAGE;EACE;EACA;EACA;EACA;AADJ;AAIE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,qbACE;EAMF;EACA;EACA;EACA;EACA;EACA;EACA;AARJ;AAWE;EACE;AATJ;;AAaA;E9CzDE;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;E8C+CA;EACA;EACA;EACA;EACA;EACA;EACA;AAHF;;AAQE;;EACE;EACA;EACA;AAJJ;;AAYA;EACE;AATF;AAWE;EACE;EACA;AATJ;AAWE;EACE;AATJ;;AAaA;;;EAGE;EACA;EAEA,ujBACE;EAMF;AAjBF;AAoBI;;;;;;;;;EAGE;EACA;AAZN;AAgBE;;;EACE;AAZJ;AAeE;;;EACE;AAXJ;;AAeA;;;EAGE;EACA;EACA;AAZF;AAcE;;;EACE;AAVJ;;AAaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;AAbF;AAcE;EACE;AAZJ;AAcE;EACE;EACA;EACA;AAZJ;;AAmBM;EACE;AAhBR;AAoBI;EACE;EACA;EACA;EACA;AAlBN;;AAwBE;EACE;EACA;AArBJ;AA0BE;EACE;EACA;AAxBJ;AA2BE;EACE;EACA;AAzBJ;AA4BE;EACE;AA1BJ;;AA+BE;EACE;EAIA;EAEA;EAMA;EACA;AArCJ;AAwCE;EACE;EACA;AAtCJ;AAyCE;EACE;EACA,ggBACE;EAMF;EACA;AA7CJ;AAgDE;EACE;EACA;EACA;EACA;EACA;AA9CJ;AAiDE;;EAEE;AA/CJ;AAkDE;EACE;EACA;EACA;EACA;EACA,4jBACE;EAMF;EACA,8ZACE;EAIF;EACA;EACA;AA1DJ;AA4DI;EACE;AA1DN;AAgEI;;EACE;EACA;AA7DN;AA+DM;;EACE;AA5DR;AAiEE;EACE;AA/DJ;;AAmEA;EACE;AAhEF;;AAkEA;EACE;EACA;AA/DF;;AAkEE;EACE;AA/DJ;AAiEE;EACE;EACA;EACA;AA/DJ;AAiEE;EACE;AA/DJ;AAiEE;EACE;EACA;EACA;EACA;AA/DJ;AAgEI;EACE;E9ClUJ;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;E8CuTI;AAtDN;AAyDE;EACE;EACA;AAvDJ;AAyDE;EACE;EACA;AAvDJ;;;;AC7VA;EACE;EACA;EACA;EACA;EACA;EAEA;;;;;;;GAAA;EASA;;;;;;;GAAA;EASA;EACA;EAEA;EACA;EACA;EACA;AALF;;AAQA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALF;;AAUE;EACE;EAEA;AARJ;AAWE;EACE;EACA;EACA;AATJ;;AAaA;EACE;AAVF;;AAYA;EACE;AATF;AAUE;EACE;EACA;EACA;AARJ;AAUE;EACE;EACA;EAEA;AATJ;AAWE;EACE;EACA;AATJ;AAWE;EACE;EACA;EACA;EACA;AATJ;AAWE;EACE;EACA;EACA;EACA;EACA;AATJ;AAWE;EACE;EACA;AATJ;;AAaA;EACE;EACA;EACA;EACA;AAVF;AAWE;EACE;EACA;AATJ;;AAaA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAVF;AAYE;EACE;EACA;AAVJ;AAaE;EACE;EACA;EACA;EACA,uhBACE;EAMF;AAjBJ;;AAqBE;EACE;AAlBJ;;AAqBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAlBF;AAoBE;EACE;AAlBJ;;AAsBA;EACE;EACA;EACA;AAnBF;;AAsBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnBF;AAoBE;EACE;EACA;EACA;EACA;AAlBJ;;AAsBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnBF;;AAuBE;EACE;AApBJ;AAsBE;EACE;AApBJ;;AAwBA;EACE;EAEA;EACA;EACA;AAtBF;;AAwBA;EACE;EACA;EACA;EACA;EAEA,oqBACE;EAKF;EACA;EACA;EACA;EACA;AA3BF;;AA8BA;EACE;AA3BF;;AA8BA;E/CpKE;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;E+CyJA,+DjDlNW;EiDmNX;EACA;EACA;AAnBF;;AAsBA;EACE;EACA;EACA;EACA;EACA;EACA;AAnBF;;AAsBA;EACE,0EjDjOiB;EiDkOjB;EACA;AAnBF;;AAuBE;EACE;AApBJ;;AAyBE;EACE;EACA;AAtBJ;;AA0BA;EACE;EACA;AAvBF;;AA0BA;E/C7ME;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;E+CuMA;EACA;EACA;EACA;AAhBF;;;;ACxQE;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAHJ;AAME;EACE;AAJJ;AAME;EACE;AAJJ;AAOI;EACE;AALN;AAMM;EACE;AAJR;AASE;EACE;EACA;AAPJ;AASI;EACE;EACA;AAPN;AASM;EACE;AAPR;;;;AC5BE;;;;EACE;AADJ;AAII;;;;EACE;AACN;AAGI;;;;EACE;AAEN;;AAGE;;EAGE;AADJ;;;;ACXA;EACE;IACE;EAVF;EAaA;IACE;EAXF;AACF;AAcA;EACE;IACE;IACA;EAZF;EAeA;IACE;IACA;EAbF;AACF;AAgBA;EACE;IACE;IACA;IAEA;EAfF;EAkBA;IACE;IACA;IACA;EAhBF;AACF;AAmBA;EACE;IACE;IACA;IACA;EAjBF;EAoBA;IACE;IACA;IACA;EAlBF;AACF;AAqBA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnBF;AAqBE;;EACE;EACA;EACA;EACA;EACA;EACA;AAlBJ;AAqBE;;EACE;AAlBJ;AAqBE;;;;;;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhBJ;;AAoBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAjBF;;AAoBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAjBF;;AAoBA;EACE;EACA;EACA;EACA;AAjBF;;AAsBE;;EAEE;AAnBJ;;;;ACzGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AANF;;AASA;EACE;AANF;;AASA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AANF;;AASA;EACE;AANF;;AASA;EACE;AANF;;AASA;EACE;EACA;EAEA;EACA;AAPF;;AAWA;EACE;EACA;EACA;EACA;EACA;EACA;AARF;;AAWA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,4ErD3Ce;EqD4Cf;AARF;;AAWA;EnD7BE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EmDyBA;EACA;EACA;EACA;EACA;EAGA;AALF;;AAQA;EACE;EACA;AALF;AAME;EACE;EACA;AAJJ;AAOE;EACE;AALJ;AAQE;EACE;AANJ;AAQI;EACE;AANN;AASI;EACE;AAPN;AAWE;EACE;AATJ;AAYE;EACE;AAVJ;AAaE;EACE;AAXJ;;AAeA;EACE;EACA;EACA;AAZF;;AAcA;EACE;AAXF;;AAcA;EACE;AAXF;;AAiBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAdJ;AAgBE;EACE;EACA;EACA;EACA;EACA;EACA;AAdJ;AAgBE;EACE;EACA,qRAtBS;AAQb;AAgBE;EACE;EACA;AAdJ;AAgBE;EACE;AAdJ;;AAmBE;EACE;EACA;EACA;EACA;EACA;AAhBJ;AAkBE;EACE;EACA;AAhBJ;AAmBE;EACE;EACA;EA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CA;EACA;AFgVF;;AE7UA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AF+UF;AE7UE;EAEE;AF8UJ;AE3UE;EACE;AF6UJ;AE1UE;EACE;EACA;EACA;AF4UJ;;AExUA;EACE;AF2UF;;AExUA;;EAEE;EACA;AF2UF;AEzUE;;EACE;AF4UJ;;AExUA;EACE;AF2UF;;AExUA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;AF0UF;;AEvUA;EACE;EACA;EACA;EACA;AF0UF;AExUE;EACE;AF0UJ;AEvUE;EACE;EACA;AFyUJ;;AErUA;ExD5FE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EwDuFA;EACA;EACA;EAGA;EACA;EACA;EACA;AF4UF;AE1UE;EACE;AF4UJ;;AExUA;;EAEE;EACA;EACA;AF2UF;;AExUA;EACE;EACA;EACA;AF2UF;;AGveA;EACI;EACA;EAIA;AHueJ;;AGleA;EACI;AHqeJ;;AGleA;EzDsBE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EyD3BE;EACA;EACA;AH2eJ;;AGzeA;EzDgBE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;AsD4dF;;AGhfA;EACI;EACA;EAEA;EACA;EACA;AHkfJ;AGhfI;EAEI;EACA;AHifR;AG/eI;EACI;AHifR;;AG9eA;EACI;EACA;AHifJ;;AG/eA;EACI;AHkfJ;;AG/eA;EACI;EACA;EACA;EACA;AHkfJ;AGjfI;EACI;AHmfR;;AI1iBA;EACE;EACA;EACA;EACA;EACA;AJ6iBF;;AK/iBA;E3DkCE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;E2DtCA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ALujBF;;AKpjBA;;EAEE;EACA;EACA;ALujBF;;AKpjBA;EACE;ALujBF;;AKpjBA;EACE;ALujBF;;AKpjBA;E3DAE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;E2DVA;AL8jBF;;AK3jBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AL8jBF;;AK1jBE;EACE;EACA;AL6jBJ;AK1jBE;EACE;AL4jBJ;;AKzjBA;EACE;AL4jBF;;AKzjBE;EACE;EACA;AL4jBJ;;AKvjBE;EACE;EACA;AL0jBJ;;AKvjBA;EACE;AL0jBF;;AKxjBA;EACE;EACA;EACA;EACA;EACA;EACA,sD7DmDS;E6DlDT;EACA;AL2jBF;;AKzjBA;EACE;AL4jBF;;AKxjBA;EACE;EACA,sD7DyCiB;E6DxCjB;EACA;EACA;EACA;EACA;AL2jBF;;AKxjBA;EACE;EACA;EACA;EACA;EACA,sD7D2BS;E6D1BT;EACA;AL2jBF;;AKxjBA;EACE;EACA;EACA;EACA;EACA,sD7DkBiB;E6DjBjB;EACA;AL2jBF;;AKtjBE;;;;EAIE;ALyjBJ;;AKrjBE;EACE;EACA;ALwjBJ;AKtjBE;E3D3GA;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;E2DsGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AL8jBJ;AK5jBE;EACE;AL8jBJ;AK5jBE;EACE;AL8jBJ;;AM7tBA;EACE;EACA;ANguBF;;AM7tBA;EACE;ANguBF;AM9tBE;EACE;ANguBJ;AM7tBE;EACE;AN+tBJ;AM5tBE;EAGE;EACA;EACA;AN4tBJ;;AMxtBA;E5DYE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;E4DjBA;ANiuBF;;AM9tBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;ANguBF;;AM5tBE;EACE;AN+tBJ;;AM3tBA;;EAEE;EACA;AN8tBF;;AM3tBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AN8tBF;;AM1tBE;EACE;AN6tBJ;AM1tBE;EACE;EACA;AN4tBJ;;AMxtBA;EACE;AN2tBF;;AMxtBA;EACE;EACA;EACA;EACA;EACA;EACA;AN2tBF;;AMvtBA;EACE;AN0tBF;;AMvtBA;EACE;EACA;EACA;AN0tBF;;AMvtBA;EACE;EACA;EACA;AN0tBF;;AMttBE;EACE;EACA;EACA;EACA;ANytBJ;AMrtBI;EACE;ANutBN;;AOn1BA;EACE;APs1BF;AOp1BE;EACE,uE/DcS;AwDw0Bb;AOn1BE;EACE;EACA;EACA;APq1BJ;;AOj1BA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;APm1BF;AOj1BE;EACE;APm1BJ;;AO/0BA;;EAEE;APk1BF;;AO/0BA;;EAEE;EACA;EACA;EACA,2E/DjCU;E+DkCV;EACA;APk1BF;;AO/0BA;EACE;APk1BF;;AO/0BA;EACE;APk1BF;;AO/0BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;APg1BF;AO90BE;EACE;EACA;APg1BJ;;AO50BA;E7DpCE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;E6D+BA;EACA;APq1BF;;AOl1BA;E7D1CE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;E6DgCA;EACA;EACA;EACA;EACA;EACA;AP41BF;;AOz1BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AP41BF;AO11BE;EACE;EACA;EACA;AP41BJ;;AOx1BA;EACE;EACA;EACA;AP21BF;AOz1BE;EACE;EACA;EACA;EACA;EACA;EACA,6lBACE;AP01BN;;AQh9BA;EACE;EACA;EACA;ARm9BF;;AQh9BA;EACE;EACA;EACA;ARm9BF;AQj9BE;EACE;EACA;ARm9BJ;AQj9BE;EACE;ARm9BJ;;AQ/8BA;EACE;ARk9BF;AQh9BE;EACE;ARk9BJ;;AQ98BA;EACE;ARi9BF;AQ/8BE;EACE;ARi9BJ;;AQ78BA;EACE;ARg9BF;;AQ78BA;EACE;EACA;EACA;EACA;EACA;EACA;ARg9BF;AQ78BE;EACE;AR+8BJ;AQ58BE;EAEE;AR68BJ;;AQz8BA;EACE;AR48BF;;AQx8BE;EACE;EACA;AR28BJ;AQx8BE;EACE;EACA;EACA;AR08BJ;AQv8BE;EACE;EACA;EACA;EACA;EACA;ARy8BJ;AQt8BI;EACE;ARw8BN;AQp8BE;EACE;ARs8BJ;AQp8BI;EACE;ARs8BN;;AQj8BA;EACE;ARo8BF;;AQj8BA;EACE;ARo8BF;;AQh8BE;EACE;EACA;ARm8BJ;;AQ/7BA;EACE;EACA;EACA;ARk8BF;;AQ/7BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;E9DvDA;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;E8DqDA;ARq8BF;AQn8BE;EACE;ARq8BJ;AQl8BE;EACE;EACA;ARo8BJ;;AQj8BA;EACE;EACA;ARo8BF;;AQh8BA;;EAEE;EACA;EACA;EACA;ARm8BF;AQj8BI;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ARo8BN;;AQh8BA;EACE;EACA;EACA;EACA;EACA;EACA;ARm8BF;;AQj8BA;EACE;EACA;EACA;EACA;EACA;EACA;ARo8BF;;AQj8BE;EACE;EACA;EACA;EACA;EACA;EACA;ARo8BJ;AQl8BE;EACE;EACA;EACA;EACA;EACA;EACA;ARo8BJ;;AQ/7BE;;EAEE;ARk8BJ;;AS9oCE;EACE;ATipCJ;AShpCI;EACE;ATkpCN;;AUtpCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVypCF;;AUhpCE;EACE;EACA;AVmpCJ;;AU/oCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVkpCF;AUhpCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA,2DlEzBS;AwD2qCb;;AU/oCA;EACE;AVkpCF;;AU/oCE;EACE;AVkpCJ;;AU7oCE;EACE;AVgpCJ;;AU5oCA;EACE;AV+oCF;;AW/sCA;EACE;AXktCF;;AYjtCA;EACE;AZotCF;;AYhtCE;EACE;EACA,4DpENM;EoEON;EACA;AZmtCJ;;Aa3tCE;EACE;Ab8tCJ;Aa3tCE;EACE;EACA;EACA;Ab6tCJ;Aa1tCE;EACE;EACA;EACA;Ab4tCJ;Aa1tCE;EACE;Ab4tCJ;AaztCE;EACE;Ab2tCJ;AattCM;EACE;AbwtCR;AaptCI;EACE;EACA;EACA;EACA;AbstCN;AaptCM;EACE;AbstCR;AantCM;EACE;AbqtCR;AantCQ;EACE;AbqtCV;Aa/sCE;EACE;AbitCJ;Aa5sCE;;EAEE;Ab8sCJ;Aa5sCI;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ab+sCN;Aa3sCE;;EAEE;Ab6sCJ;Aa1sCE;;;;EAIE;Ab4sCJ;Aa1sCI;;;;EACE;Ab+sCN;Aa3sCE;EACE;EACA;Ab6sCJ;Aa1sCE;EnEzDA;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EmE+CE;EAEA;EACA;EACA;EACA;AbktCJ;Aa/sCE;;EAEE;AbitCJ;Aa9sCE;EACE;AbgtCJ;Aa7sCE;EACE;Ab+sCJ;Aa5sCE;EACE;EACA;Ab8sCJ;Aa3sCE;;EAEE;EACA;EACA;Ab6sCJ;Aa1sCE;EACE;Ab4sCJ;AazsCE;EACE;Ab2sCJ;;AatsCE;EACE;EACA;AbysCJ;;Acx1CA;EACE;EACA;Ad21CF;;Acz1CA;EACE;Ad41CF;Ac31CE;EACE;EACA;EACA;EACA;Ad61CJ;Ac51CI;EAEE;Ad61CN;;Aev2CE;EACE;EACA;EACA;EAEA;Afy2CJ;Aen2CE;EACE;Afq2CJ;Ael2CE;EACE;Afo2CJ;Aeh2CI;EAEE;Afi2CN;Ae71CE;EACE;Af+1CJ;Ae51CE;EACE;Af81CJ;Ae31CE;EACE;EACA;Af61CJ;Ae31CI;EACE;EACA;Af61CN;Ae31CM;EACE;Af61CR;;AgBz4CA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AhB24CF;AgBz4CE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhB24CJ;;AgBv4CA;EACE;AhB04CF;;AgBv4CA;EtEQE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EsEbA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;AhB64CF;AgB34CE;EACE;AhB64CJ;;AgBz4CA;EACE;AhB44CF;;AgBx4CE;EACE;AhB24CJ;;AgBv4CA;EtE1BE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EAKA;EsEgBA;EACA;EACA;AhBi5CF;AgBh5CE;EACE;AhBk5CJ;;AgB94CA;EACE;AhBi5CF;;AgB94CA;EACE;EACA;EACA;EACA;EACA;AhBi5CF;;AgB/4CA;EACE;AhBk5CF;;AgB/4CA;EACE;EACA;AhBk5CF;AgBj5CE;EACE;AhBm5CJ;AgBj5CE;EACE;EACA;AhBm5CJ;AgBj5CE;EACE;AhBm5CJ;;AgB/4CA;EtElEE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EsE6DA;EAEA;AhBu5CF;;AAj/CA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAo/CF;AxD75CE;;EAEE;AwD+5CJ;AxD75CE;;EAEE;AwD+5CJ;AxD75CE;;EAEE;AwD+5CJ;AxD75CE;;EAEE;AwD+5CJ;AxD75CE;EACE;AwD+5CJ;AxD75CE;EACE;AwD+5CJ;AxD75CE;;EAEE;AwD+5CJ;;AA1gDA;EACE;EACA;EACA;AA6gDF;;AA1gDA;EACE;EACA;EACA;EACA;AA6gDF;;AA1gDA;EACE;EACA;AA6gDF;AA3gDE;EACE;AA6gDJ;;AAvgDI;EACE;AA0gDN;AAvgDI;EACE;AAygDN;AAtgDI;EACE;EACA;AAwgDN;AArgDI;EACE;AAugDN;AAngDE;EACE;AAqgDJ;AAlgDE;;EAEE;EACA;AAogDJ;;AAhgDA;EACE;AAmgDF;;AAhgDA;EACE;EACA;AAmgDF;;AAhgDA;EACE;EACA;EACA;EACA;EACA;AAmgDF;;AAhgDA;EACE;EACA;AAmgDF;;AAhgDA;EACE;AAmgDF;;AAhgDA;EACE;AAmgDF;;AAhgDA;EACE;EACA;AAmgDF;AA7/CE;EACE;AA+/CJ;AA7/CI;EACE;EAIA;AA4/CN;AAz/CI;;EAEE;AA2/CN;AAx/CI;EACE;AA0/CN;AAv/CI;EACE;EACA;AAy/CN;AAt/CI;EACE,iExDrHiB;AwD6mDvB;;;;AiB3oDA;EACE;AADF;;AAIA;EACE;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;EACE;AADF;;AAGA;EACE;EACA;AAAF;;AAGA;EACE;AAAF;;AAEA;EACE;EACA;AACF;;AAGE;EACE;AAAJ;;AAIA;EvEiBE;EACA;EACA;EAEA,+EAvEa;EAwEb;EACA;EACA;EACA;EAKA;EuE5BA;EACA;AAOF;;AAJA;EACE;EACA;EACA;EACA;AAOF;AALE;EACE;EACA;AAOJ;AALI;EACE;EACA;AAON;AAJI;EACE;AAMN;AAHI;EACE;;;GAAA;EAKA;EACA;EACA;EACA;AAIN;AAAM;EACE;EACA;AAER;AAGM;EACE;AADR;AAKM;EACG;AAHT;AASE;EACE;AAPJ;AAUE;EvE9EA;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EuEyEE;EACA;EACA;EACA;EACA;AAFJ;AAKI;EAEE;AAJN;AAQI;EAEE;EACA;AAPN;AAQM;EACE;EACA;AANR;AAWI;EACE;AATN;AAUM;EACE;AARR;AAaI;EACE;EACA;AAXN;AAeE;EACE;EAIA;AAhBJ;AAmBE;EACE;EACA;AAjBJ;AAmBI;EACE;AAjBN;AAqBE;EACE;EACA;AAnBJ;;AAwBE;EACE;AArBJ;AAuBI;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;AAtBN;AAyBI;EACE;EACA;AAvBN;AA0BI;;EAEE;AAxBN;AA2BI;EACE;AAzBN;AA2BM;EAEE;AA1BR;AA6BM;EACE;AA3BR;AA+BI;EACE;EACA;AA7BN;AA+BM;EACE;AA7BR;;;;AChMA;;EAEE;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AAFF;AAIE;EAEE;AAHJ;AAME;EACE;AAJJ;;AAQA;EACE;EACA;AALF;AAOE;EACE;AALJ;AAQE;EACE;AANJ;AASE;EACE;AAPJ;AAUE;EACE;AARJ;AAWI;EACE;AATN;;AAeA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAZF;;AAeA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAZF;;AAeA;EACE;AAZF;;AAkBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAfF;;AAkBA;ExExEE;EACA;EAEA,+EApCa;EAqCb;EACA;EACA;EACA;EwEoEA;EACA;EACA;EACA;EACA;EACA;AAVF","sources":["webpack://SurveyCreatorCore/./src/utils/context-button.scss","webpack://SurveyCreatorCore/./src/variables.scss","webpack://SurveyCreatorCore/./src/components/list.scss","webpack://SurveyCreatorCore/./src/ctr-variables.scss","webpack://SurveyCreatorCore/./src/components/tabs/json-editor-ace.scss","webpack://SurveyCreatorCore/./src/components/tabs/json-editor-textarea.scss","webpack://SurveyCreatorCore/./src/components/simulator.scss","webpack://SurveyCreatorCore/./src/components/tabs/test.scss","webpack://SurveyCreatorCore/./src/components/tabs/logic.scss","webpack://SurveyCreatorCore/./src/components/tabs/translation.scss","webpack://SurveyCreatorCore/./src/components/tabs/logic-ui.scss","webpack://SurveyCreatorCore/./src/components/tabs/designer.scss","webpack://SurveyCreatorCore/./src/responsivity.scss","webpack://SurveyCreatorCore/./src/components/switcher/switcher.scss","webpack://SurveyCreatorCore/./src/components/notifier.scss","webpack://SurveyCreatorCore/./src/components/creator.scss","webpack://SurveyCreatorCore/./src/components/popup.scss","webpack://SurveyCreatorCore/./src/components/button.scss","webpack://SurveyCreatorCore/./src/components/surface-placeholder.scss","webpack://SurveyCreatorCore/./src/lbr-font-sizes.scss","webpack://SurveyCreatorCore/./src/lbr-sizes.scss","webpack://SurveyCreatorCore/./src/ctr-font-sizes.scss","webpack://SurveyCreatorCore/./src/ctr-sizes.scss","webpack://SurveyCreatorCore/./src/components/string-editor.scss","webpack://SurveyCreatorCore/./src/creator-theme/button.scss","webpack://SurveyCreatorCore/./src/creator-theme/creator.scss","webpack://SurveyCreatorCore/./src/creator-theme/action-button.scss","webpack://SurveyCreatorCore/./src/components/page-navigator/page-navigator.scss","webpack://SurveyCreatorCore/./src/components/page-navigator/page-navigator-item.scss","webpack://SurveyCreatorCore/./src/components/page.scss","webpack://SurveyCreatorCore/./src/lbr-variables.scss","webpack://SurveyCreatorCore/./src/components/row.scss","webpack://SurveyCreatorCore/./src/components/carry-forward-panel.scss","webpack://SurveyCreatorCore/./src/components/question.scss","webpack://SurveyCreatorCore/./src/components/question-dropdown.scss","webpack://SurveyCreatorCore/./src/components/question-image.scss","webpack://SurveyCreatorCore/./src/components/question-rating.scss","webpack://SurveyCreatorCore/./src/components/item-value.scss","webpack://SurveyCreatorCore/./src/components/image-item-value.scss","webpack://SurveyCreatorCore/./src/components/matrix-cell.scss","webpack://SurveyCreatorCore/./src/components/results.scss","webpack://SurveyCreatorCore/./src/components/header/logo-image.scss","webpack://SurveyCreatorCore/./src/components/link-value.scss","webpack://SurveyCreatorCore/./src/components/search.scss","webpack://SurveyCreatorCore/./src/components/scroll.scss","webpack://SurveyCreatorCore/./src/components/property-panel/property-panel-item.scss","webpack://SurveyCreatorCore/./src/components/property-panel/property-panel.scss","webpack://SurveyCreatorCore/./src/components/tabbed-menu/tabbed-menu-item.scss","webpack://SurveyCreatorCore/./src/components/tabbed-menu/tabbed-menu.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox-tool.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox-search.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox-right.scss","webpack://SurveyCreatorCore/./src/components/toolbox/toolbox-animation.scss","webpack://SurveyCreatorCore/./src/components/side-bar/side-bar.scss","webpack://SurveyCreatorCore/./src/components/side-bar/tab-control.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-action-bar.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/property-grid.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-question.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-input.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-dropdown.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-comment.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-panel.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-checkbox.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-matrixdynamic.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-table.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-question-group.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-color-editor.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-file-edit.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-link.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-theme-builder.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-overriding.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-search-editor.scss","webpack://SurveyCreatorCore/./src/property-grid-theme/blocks/spg-buttongroup.scss","webpack://SurveyCreatorCore/./src/utils/layout.scss","webpack://SurveyCreatorCore/./src/custom-questions/boolean-switch.scss"],"sourcesContent":["@use \"../variables\" as *;\n\n.svc-context-container {\n display: flex;\n gap: calcSize(1);\n width: max-content;\n}\n\n.svc-context-button {\n display: flex;\n box-sizing: border-box;\n background-color: var(--ctr-survey-contextual-button-background-color, $background);\n border-radius: var(--ctr-survey-contextual-button-corner-radius, 50%);\n width: var(--ctr-survey-contextual-button-width, calcSize(6));\n height: var(--ctr-survey-contextual-button-height, calcSize(6));\n padding: var(--ctr-survey-contextual-button-padding-top, calcSize(1.5))\n var(--ctr-survey-contextual-button-padding-right, calcSize(1.5))\n var(--ctr-survey-contextual-button-padding-bottom, calcSize(1.5))\n var(--ctr-survey-contextual-button-padding-left, calcSize(1.5));\n\n cursor: pointer;\n outline: none;\n\n .sv-svg-icon {\n --thm-button-contextual-button-icon-width: calc(\n var(--ctr-survey-contextual-button-width) - var(--ctr-survey-contextual-button-padding-right) -\n var(--ctr-survey-contextual-button-padding-left)\n );\n --thm-button-contextual-button-icon-height: calc(\n var(--ctr-survey-contextual-button-height) - var(--ctr-survey-contextual-button-padding-top) -\n var(--ctr-survey-contextual-button-padding-bottom)\n );\n width: var(--thm-button-contextual-button-icon-width, calcSize(3));\n height: var(--thm-button-contextual-button-icon-height, calcSize(3));\n }\n\n use {\n fill: $foreground-light;\n transition: fill $creator-transition-duration;\n }\n}\n\n.svc-context-button {\n\n &:hover,\n &:focus {\n use {\n fill: $primary;\n }\n }\n}\n\n.svc-context-button--danger {\n\n &:hover,\n &:focus {\n use {\n fill: $red;\n }\n }\n}","@forward \"./lbr-variables.scss\";\n@forward \"./ctr-variables.scss\";\n\n$primary: var(--sjs-primary-backcolor, var(--primary, #19b394));\n$primary-light: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n$primary-background-dark: var(--sjs-primary-backcolor-dark, rgb(20, 164, 139));\n$primary-foreground: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n$primary-foreground-disabled: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(#fff, 0.25)));\n\n$secondary: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n$secondary-light: var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));\n$secondary-backcolor-semi-light: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));\n$secondary-forecolor: var(--sjs-secondary-forecolor, #fff);\n$secondary-forecolor-light: var(--sjs-secondary-forecolor-light, rgba(#fff, 0.25));\n\n$editor-background: var(--sjs-editorpanel-backcolor,\n var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n$question-background: var(--sjs-questionpanel-backcolor,\n var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\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\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$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: 0px 1px 2px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15));\n$shadow-small-reset: 0px 0px 0px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15));\n$shadow-medium: 0px 2px 6px 0px var(--ctr-shadow-medium-color, rgba(0, 0, 0, 0.10));\n$shadow-large: 0px 8px 16px 0px var(--ctr-shadow-large-color, rgba(0, 0, 0, 0.10));\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, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15));\n$shadow-x-large: 0px 0px 0px 0px var(--ctr-shadow-x-large-color, rgba(0, 0, 0, 0.10));\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$base-unit: var(--sjs-base-unit, var(--base-unit, 8px));\n\n$sd-panel-normal-min-width: 496px;\n$sd-panel-medium-min-width: 176px;\n\n@function calcSize($multiplier) {\n @if $multiplier ==1 {\n $result: #{$base-unit};\n @return $result;\n }\n\n @else {\n $result: calc(#{$multiplier} * (#{$base-unit}));\n @return $result;\n }\n}\n\n// creator variables\n\n$tab-min-height: var(--tab-min-height, auto);\n\n@mixin textEllipsis {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n@mixin defaultActionButtonSettings {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n outline: none;\n display: flex;\n box-sizing: border-box;\n border: none;\n cursor: pointer;\n white-space: nowrap;\n}\n\n@mixin disableUserSelect {\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n@mixin disableTransitionAnimations {\n * {\n -webkit-transition: none !important;\n -moz-transition: none !important;\n -o-transition: none !important;\n transition: none !important;\n }\n}\n\n@mixin disableLibraryAnimations {\n .sd-row--leave,\n .sd-row--enter {\n animation: none;\n }\n .sd-element-wrapper--leave,\n .sd-element-wrapper--enter {\n animation: none;\n }\n .sd-element__content--enter,\n .sd-element__content--leave {\n animation: none;\n }\n .sd-paneldynamic__panel-wrapper--enter,\n .sd-paneldynamic__panel-wrapper--leave {\n animation: none;\n }\n .sd-item--enter {\n animation: none;\n }\n .sd-item--leave {\n animation: none;\n }\n .sd-table__row--leave,\n .sd-table__row--enter {\n animation: none;\n }\n}\n\n$creator-transition-duration: var(--sjs-creator-transition-duration, 150ms);\n$ease-out: cubic-bezier(0, 0, 0.58, 1);\n$reverse-ease-out: cubic-bezier(0.42, 0, 1, 1);\n\n$svc-expand-fade-in-duration: var(--sjs-svc-expand-fade-in-duration, 150ms);\n$svc-expand-move-in-duration: var(--sjs-svc-expand-move-in-duration, 250ms);\n$svc-expand-fade-in-delay: var(--sjs-svc-expand-fade-in-delay, 250ms);\n$svc-collapse-fade-out-duration: var(--sjs-svc-collapse-fade-out-duration, 150ms);\n$svc-collapse-move-out-duration: var(--sjs-svc-collapse-move-out-duration, 250ms);\n$svc-collapse-move-out-delay: var(--sjs-svc-collapse-move-out-delay, 100ms);\n","@use \"../variables\" as *;\n\n.svc-list {\n width: 100%;\n padding: var(--ctr-list-padding-top, calcSize(1)) var(--ctr-list-padding-right, 0)\n var(--ctr-list-padding-bottom, calcSize(1)) var(--ctr-list-padding-left, 0);\n margin: 0;\n overflow-y: auto;\n list-style-type: none;\n\n box-sizing: border-box;\n}\n\n.svc-list__item {\n width: 100%;\n outline: none;\n}\n\n.svc-list__item-body {\n @include textEllipsis;\n @include ctrDefaultFont;\n text-align: start;\n color: var(--ctr-list-item-text-color, $foreground-dim);\n transition: color $creator-transition-duration;\n --thm-list-item-padding-left-default: calc(2 * #{$base-unit});\n --thm-list-item-padding-delta: var(--ctr-list-item-padding-left, var(--thm-list-item-padding-left-default));\n --thm-list-item-padding-left: calc(var(--sjs-list-item-level) * var(--thm-list-item-padding-delta));\n display: flex;\n flex: 1 0 0;\n padding-block-start: var(--ctr-list-item-padding-top, calcSize(1));\n padding-block-end: var(--ctr-list-item-padding-bottom, calcSize(1));\n padding-inline-start: var(--thm-list-item-padding-left, calcSize(2));\n padding-inline-end: var(--ctr-list-item-padding-right, calcSize(8));\n\n align-items: center;\n gap: var(--ctr-list-item-gap, calcSize(2));\n border-radius: var(--ctr-list-item-corner-radius, 0px);\n cursor: pointer;\n\n transition: background-color $creator-transition-duration;\n\n & > span,\n & > sv-ng-string {\n flex: 1 0 0;\n }\n}\n\n.svc-list__item:disabled,\n.svc-list__item--disabled {\n opacity: var(--ctr-list-item-opacity-disabled, 0.25);\n pointer-events: none;\n}\n\n.svc-list__item:focus,\n.svc-list__item:hover,\n.svc-list__item--focused,\n.svc-list__item--hovered {\n & > .svc-list__item-body {\n background: var(--ctr-list-item-background-color-hovered, $background-dark);\n color: var(--ctr-list-item-text-color-hovered, $foreground);\n\n .svc-list__item-icon use {\n fill: var(--ctr-list-item-icon-color-hovered, $foreground-light);\n }\n\n .svc-list-item__marker-icon use {\n fill: var(--ctr-list-item-submenu-arrow-color-hovered-item, $foreground-light);\n }\n }\n}\n\n.svc-list__item--selected,\n.svc-list__item--selected:hover,\n.svc-list__item--selected:focus,\n.svc-list__item.svc-list__item--selected:hover {\n & > .svc-list__item-body {\n @include ctrDefaultBoldFont;\n color: var(--ctr-list-item-text-color-selected, $primary-foreground);\n background: var(--ctr-list-item-background-color-selected, $primary);\n\n .svc-list__item-icon use {\n fill: var(--ctr-list-item-icon-color-selected, $background);\n }\n }\n}\n\n.svc-list__item--group-selected,\n.svc-list__item--group-selected:hover,\n.svc-list__item--group-selected:focus {\n & > .svc-list__item-body {\n @include ctrDefaultFont;\n color: var(--ctr-list-item-text-color-selected-submenu, $foreground);\n background: var(--ctr-list-item-background-color-selected-submenu, $primary-light);\n\n .svc-list__item-icon use {\n fill: var(--ctr-list-item-icon-color-selected-submenu, $foreground-light);\n }\n\n .svc-list-item__marker-icon use {\n fill: var(--ctr-list-item-submenu-arrow-color-selected-item-submenu, $foreground-light);\n }\n }\n}\n\n.svc-list__item--with-icon > .svc-list__item-body {\n padding-block-start: var(--ctr-list-item-padding-top-with-icon, calcSize(1.5));\n padding-block-end: var(--ctr-list-item-padding-bottom-with-icon, calcSize(1.5));\n padding-inline-start: var(--thm-list-item-padding-left, calcSize(2));\n padding-inline-end: var(--ctr-list-item-padding-right, calcSize(8));\n}\n\n.svc-list__item--group > .svc-list__item-body {\n padding-block-start: var(--ctr-list-item-padding-top, calcSize(1));\n padding-block-end: var(--ctr-list-item-padding-bottom, calcSize(1));\n padding-inline-start: var(--thm-list-item-padding-left, calcSize(1));\n padding-inline-end: var(--ctr-list-item-padding-right-submenu, calcSize(1));\n}\n\n.svc-list__item--with-icon.svc-list__item--group > .svc-list__item-body {\n padding-block-start: var(--ctr-list-item-padding-top-with-icon, calcSize(1.5));\n padding-block-end: var(--ctr-list-item-padding-bottom-with-icon, calcSize(1.5));\n padding-inline-start: var(--thm-list-item-padding-left, calcSize(1));\n padding-inline-end: var(--ctr-list-item-padding-right-submenu, calcSize(1));\n}\n\n.svc-list__item--with-icon.svc-list__item--group .sv-popup-inner > .sv-popup__container {\n --thm-inner-popup-margin-top: calc(var(--ctr-list-item-padding-top) - var(--ctr-list-item-padding-top-with-icon) - var(--ctr-list-padding-top));\n --thm-inner-popup-margin-top-default: calc(-0.5 * #{$base-unit});\n margin-top: var(--thm-inner-popup-margin-top, var(--thm-inner-popup-margin-top-default, -4px));\n}\n\n.svc-list__item-separator {\n width: 100%;\n height: var(--ctr-separator-width, 1px);\n margin: var(--ctr-separator-margin-vertical-small, calcSize(1)) 0px;\n background-color: var(--ctr-separator-color, $border);\n}\n\n.svc-list__item-icon {\n display: flex;\n width: var(--ctr-list-item-icon-width, calcSize(3));\n height: var(--ctr-list-item-icon-height, calcSize(3));\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n\n use {\n fill: var(--ctr-list-item-icon-color, $foreground-light);\n }\n}\n\n.svc-list-item__marker-icon {\n display: flex;\n padding: var(--ctr-list-item-submenu-arrow-padding, calcSize(0.5));\n align-items: flex-start;\n width: var(--ctr-list-item-submenu-arrow-width, calcSize(2));\n height: var(--ctr-list-item-submenu-arrow-height, calcSize(2));\n box-sizing: content-box;\n justify-content: center;\n\n use {\n fill: var(--ctr-list-item-submenu-arrow-color, $foreground-light);\n }\n}\n\n.svc-list-item__marker-icon + * {\n --thm-list-item-gap: var(--ctr-list-item-gap, calc(2 * #{$base-unit}));\n margin-inline-start: calc(0px - var(--thm-list-item-gap));\n}\n\n.svc-list__container {\n display: flex;\n flex-direction: column;\n min-height: 0;\n height: 100%;\n}\n\n.svc-list__filter {\n display: flex;\n align-items: flex-start;\n align-items: center;\n gap: var(--ctr-list-search-gap, calcSize(2));\n\n padding-inline-start: var(--ctr-list-search-padding-left, calcSize(2));\n padding-inline-end: var(--ctr-list-search-padding-right, calcSize(2));\n padding-block-start: var(--ctr-list-search-padding-top, calcSize(1.5));\n padding-block-end: var(--ctr-list-search-padding-bottom, calcSize(1.5));\n\n border-radius: var(--ctr-toolbox-search-corner-radius, 0px);\n border-bottom: var(--ctr-list-search-border-width-bottom, 1px) solid\n var(--ctr-list-search-border-color, rgba(0, 0, 0, 0.16));\n}\n\n.svc-list__filter-icon {\n opacity: var(--ctr-list-search-icon-opacity, 1);\n display: flex;\n width: var(--ctr-list-search-icon-width, calcSize(3));\n height: var(--ctr-list-search-icon-height, calcSize(3));\n align-items: center;\n\n .sv-svg-icon {\n width: var(--ctr-list-search-icon-width, calcSize(3));\n height: var(--ctr-list-search-icon-height, calcSize(3));\n }\n\n use {\n fill: var(--ctr-list-search-icon-color, $foreground-light);\n }\n}\n\n.svc-list__input {\n @include ctrDefaultFont;\n background-color: transparent;\n color: var(--ctr-list-search-text-color, $foreground-dim);\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n outline: none;\n border: none;\n\n &::placeholder {\n color: var(--ctr-list-search-text-color-placeholder, $foreground-dim-light);\n }\n}\n\n.svc-list__filter-clear-button {\n display: flex;\n padding: var(--ctr-search-button-padding-vertical, calcSize(0.5))\n var(--ctr-search-button-padding-horizontal, calcSize(0.5));\n justify-content: center;\n align-items: center;\n border-radius: var(--ctr-search-button-corner-radius, 1024px);\n\n &:hover {\n background: var(--ctr-search-button-background-color-clear-hovered, $red-light);\n\n use {\n fill: var(--ctr-search-button-icon-color-clear-hovered, $red);\n }\n }\n}\n\n.svc-list__empty-container {\n padding: var(--ctr-list-padding-top-no-data, calcSize(1.5)) var(--ctr-list-padding-right-no-data, calcSize(1.5))\n var(--ctr-list-padding-bottom-no-data, calcSize(1.5)) var(--ctr-list-padding-left-no-data, calcSize(1.5));\n}\n\n.svc-list__empty-text {\n @include ctrDefaultFont;\n @include textEllipsis;\n text-align: center;\n color: var(--ctr-list-no-data-text-color, $foreground-light);\n}\n\n.sv-popup--overlay {\n .svc-list-item__marker-icon {\n display: none;\n }\n\n .svc-list__item-body {\n pointer-events: none;\n }\n\n .svc-list__item--group-selected > .svc-list__item-body {\n @include ctrDefaultBoldFont;\n color: $primary-foreground;\n background-color: $primary;\n\n use {\n fill: $background;\n }\n }\n}\n","$size-unit: var(--ctr-size-unit, 8px);\n$spacing-unit: var(--ctr-spacing-unit, 8px);\n$corner-radius-unit: var(--ctr-corner-radius-unit, 8px);\n$stroke-unit: var(--ctr-stroke-unit, 1px);\n$font-unit: var(--ctr-font-unit, 8px);\n$line-height-unit: var(--ctr-line-height-unit, 8px);\n$-font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));\n$-base-unit: var(--sjs-base-unit, var(--base-unit, 8px));\n\n@mixin ctrLargeFont {\n font-family: $-font-family;\n font-size: var(--ctr-font-large-size, 32px);\n font-style: normal;\n font-weight: 400;\n line-height: var(--ctr-font-large-line-height, 40px);\n}\n\n@mixin ctrLargeBoldFont {\n @include ctrLargeFont;\n font-weight: 700;\n}\n\n@mixin ctrMediumFont {\n --thm-medium-bold-font-size: calc(3 * #{$-base-unit});\n --thm-medium-bold-line-height: calc(4 * #{$-base-unit});\n\n font-family: $-font-family;\n font-size: var(--ctr-font-medium-size, var(--thm-medium-bold-font-size, 24px));\n font-style: normal;\n font-weight: 400;\n line-height: var(--ctr-font-medium-line-height, var(--thm-medium-bold-line-height, 32px));\n}\n\n@mixin ctrMediumBoldFont {\n @include ctrMediumFont;\n font-weight: 700;\n}\n\n@mixin ctrDefaultFont {\n --thm-default-font-size: var(--sjs-font-size, calc(2 * #{$-base-unit}));\n --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));\n\n font-family: $-font-family;\n font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));\n font-style: normal;\n font-weight: 400;\n line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));\n}\n\n@mixin ctrDefaultBoldFont {\n @include ctrDefaultFont;\n font-weight: 600;\n}\n\n@mixin ctrDefaultBoldUnderlineFont {\n @include ctrDefaultBoldFont;\n font-weight: 600;\n text-decoration-line: underline;\n}\n\n@mixin ctrDefaultUnderlineFont {\n @include ctrDefaultFont;\n text-decoration-line: underline;\n}\n\n@mixin ctrDefaultAllCapsFont {\n @include ctrDefaultFont;\n font-weight: 600;\n line-height: var(--ctr-font-default-line-height-all-caps, 16px);\n text-transform: uppercase;\n}\n\n@mixin ctrSmallFont {\n --small-bold-font-size: var(--sjs-font-size, calc(2 * #{$-base-unit}));\n --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));\n --ctr-small-bold-line-height: var(--small-bold-font-size);\n\n font-family: $-font-family;\n font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));\n font-style: normal;\n font-weight: 400;\n line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));\n}\n\n@mixin ctrSmallBoldFont {\n @include ctrSmallFont;\n font-weight: 600;\n}\n\n@mixin ctrSmallUnderlineFont {\n @include ctrSmallFont;\n text-decoration-line: underline;\n}\n\n@mixin ctrSmallAllCapsFont {\n @include ctrSmallFont;\n font-weight: 700;\n text-transform: uppercase;\n}\n\n@mixin ctrCodeFont {\n font-family: var(--ctr-font-family-code, monospace);\n font-size: var(--ctr-font-code-size, 16px);\n font-style: normal;\n font-weight: 400;\n line-height: var(--ctr-font-code-line-height, 24px);\n}","@use \"../../variables\" as *;\n\nsvc-tab-json-editor-ace {\n width: 100%;\n height: 100%;\n background: $background-dim;\n}\n\n.svc-json-editor-tab__content {\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.svc-json-editor-tab__ace-editor {\n height: 100%;\n}","@use \"../../variables\" as *;\n\nsvc-tab-json-editor-textarea {\n width: 100%;\n height: 100%;\n background: $background-dim;\n}\n\n.svc-json-editor-tab__content {\n position: relative;\n height: 100%;\n}\n\n.svc-json-editor-tab__content-area {\n @include ctrCodeFont;\n color: var(--ctr-code-viewer-text-color, #505050);\n background: var(--ctr-code-viewer-background-color, $background);\n width: 100%;\n height: 100%;\n border: none;\n outline: none;\n}\n\n.svc-json-editor-tab__errros_button {\n position: absolute;\n top: 0%;\n right: calc(0% + calc(2 * #{$base-unit}));\n min-height: calc(2.5 * #{$base-unit});\n max-height: calc(2.5 * #{$base-unit});\n border: none;\n background-color: $primary;\n color: $primary-foreground;\n font-weight: bold;\n}\n\n.svc-json-editor-tab__content-errors {\n position: absolute;\n right: 0%;\n top: calc(0% + calc(3 * #{$base-unit}));\n max-width: calc(100% - calc(2 * #{$base-unit}));\n padding: $base-unit;\n\n background-color: $background;\n background-image: linear-gradient(to bottom, transparent, $border-inside);\n border: 1px solid $border;\n border-radius: 1px;\n\n color: $foreground;\n font-family: monospace;\n\n span {\n white-space: pre-line;\n\n >b {\n color: $red;\n }\n }\n}\n\n.svc-json-editor-tab__content-errors:empty {\n display: none;\n}\n\n.svc-json-errors {\n display: flex;\n max-height: calc(#{$base-unit} * 25 + 5px);\n overflow-y: auto;\n flex-direction: column;\n padding: 0;\n margin: 0;\n border-top: 1px solid $border-inside;\n}\n\n.svc-json-errors__item {\n pointer-events: none;\n display: block;\n}\n\n.svc-json-error {\n @include ctrDefaultFont;\n padding: calcSize(1) calcSize(1) calcSize(1) calcSize(2);\n background: $red-light;\n display: flex;\n align-items: center;\n gap: calcSize(2);\n}\n\n.svc-json-errors__item:not(:first-of-type) .svc-json-error {\n border-top: 1px solid $border-inside;\n}\n\n.svc-json-error .sv-string-viewer {\n pointer-events: all;\n cursor: pointer;\n}\n\n.svc-json-error .sv-string-viewer:hover {\n text-decoration: underline;\n}\n\n.svc-json-error__icon {\n fill: $red;\n width: var(--ctr-code-viewer-code-error-row-icon-width, calcSize(2));\n height: var(--ctr-code-viewer-code-error-row-icon-height, calcSize(2));\n}\n\n.svc-json-error__container {\n display: flex;\n gap: calcSize(1);\n}\n\n.svc-json-error__title {\n flex: 1 1 auto;\n}\n\n.svc-json-error__fix-button {\n appearance: none;\n flex-grow: 0;\n flex-shrink: 0;\n pointer-events: all;\n padding: 0 calcSize(1);\n width: calcSize(5);\n height: calcSize(3);\n background: $background;\n border: none;\n border-radius: calcSize(0.5);\n box-shadow: $shadow-small;\n cursor: pointer;\n\n svg {\n fill: $foreground-dim-light;\n width: calcSize(3);\n height: calcSize(3);\n opacity: 0.75;\n }\n}\n\n.svc-json-error__fix-button:hover {\n svg {\n fill: $primary;\n }\n}","@use \"../variables\" as *;\n\n.svd-simulator {\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n box-sizing: content-box;\n transform-origin: 0 0;\n top: 50%;\n left: 50%;\n transform: scale(1.26) translate(-50%, -50%);\n border: 2px solid $border-inside;\n}\n\n.svd-simulator-wrapper {\n margin: 0 auto;\n position: relative;\n overflow: hidden;\n border-radius: var(--ctr-preview-device-corner-radius, 32px);\n border: var(--ctr-preview-device-border-width, 4px) solid var(--ctr-preview-device-border-color, $background-dim);\n background: var(--ctr-preview-device-background-color, $background);\n box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.10), 0px 8px 16px 0px var(--ctr-preview-device-shadow-2-color, rgba(0, 0, 0, 0.05));\n}\n\n.svd-simulator-main {\n min-height: 100%;\n\n &.svd-simulator-main--desktop {\n min-height: auto;\n\n &.svd-simulator-main--running {\n height: 100%;\n }\n }\n\n &.svd-simulator-main--frame {\n display: flex;\n align-items: center;\n }\n\n &:not(.svd-simulator-main--frame) {\n background-color: transparent;\n }\n\n .sd-root-modern {\n min-height: 100%;\n\n .sv-popup:not(.sv-popup--overlay):not(.sv-popup--modal) {\n width: auto;\n right: 0;\n }\n }\n}\n\n.svd-simulator-content {\n display: flex;\n justify-content: center;\n width: 100%;\n height: 100%;\n // border-bottom: 1px solid $border-inside;\n box-shadow: inset 0px -1px 0px 0px $border-inside;\n position: relative;\n}\n\n.svd-simulator .sv-popup--overlay {\n --sv-popup-overlay-height: 100%;\n}","@use \"../../variables\" as *;\n\nsvc-tab-test {\n width: 100%;\n height: 100%;\n background: $background-dim;\n}\n\n.svc-test-tab--empty {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex-grow: 1;\n flex-shrink: 0;\n width: 100%;\n height: 100%;\n gap: 0px;\n}\n\n.svc-test-tab__content .svc-plugin-tab__content {\n .sv-root-modern .sv-completedpage,\n .sv_default_css .sv_completed_page {\n margin: 0;\n border: 0;\n background-color: $background-dim;\n }\n\n .sv_default_css .sv_body {\n border: 0;\n }\n\n .svc-preview__test-again {\n width: calcSize(33);\n box-sizing: border-box;\n margin-left: auto;\n margin-right: auto;\n margin-bottom: calcSize(12);\n margin-top: 8px;\n }\n}\n\n.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {\n height: calc(100% - calc(6 * #{$base-unit}));\n}\n\n.svc-test-tab__content-actions {\n position: relative;\n\n .sv-action-bar {\n padding: var(--ctr-preview-pager-padding-top, calcSize(1)) var(--ctr-preview-pager-padding-right, 0px) var(--ctr-preview-pager-padding-bottom, calcSize(1)) var(--ctr-preview-pager-padding-left, 0px);\n box-shadow: inset 0 var(--ctr-preview-pager-border-width-top, 1px) 0 0 var(--ctr-preview-pager-border-color, $border);\n background: var(--ctr-preview-pager-background-color, $background);\n width: 100%;\n }\n\n .sv-action-bar.sv-action-bar--pages {\n left: 0;\n right: 0;\n justify-content: center;\n gap: calcSize(1);\n\n .sv-action__content {\n padding: 0;\n }\n\n .sv-action-bar-item {\n margin: 0;\n\n use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, $foreground-light);\n }\n }\n\n .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled {\n &:focus {\n background: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, $background-dim);\n }\n\n &:hover {\n background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, $background-dim);\n }\n }\n\n .sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n background: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, $background-dim);\n }\n\n .sv-action-bar-item__title {\n color: var(--ctr-survey-question-panel-toolbar-item-text-color, $foreground);\n }\n }\n\n .sv-action-bar-item {\n @include ctrSmallBoldFont;\n width: 100%;\n height: calcSize(4);\n transition: background-color $creator-transition-duration;\n }\n\n .svc-page-selector {\n max-width: 50%;\n\n .sv-action-bar-item__title {\n @include textEllipsis;\n\n color: $foreground;\n display: inline-block;\n }\n }\n}\n\n.svc-page-invisible {\n .svc-list__item-body {\n padding-block-start: var(--ctr-list-item-padding-top, calcSize(1));\n padding-block-end: var(--ctr-list-item-padding-bottom, calcSize(1));\n padding-inline-start: var(--ctr-list-item-padding-left, calcSize(2));\n padding-inline-end: var(--ctr-list-item-padding-right-with-label-icon, calcSize(1.5));\n }\n .svc-list-item__marker-icon {\n padding: 0;\n opacity: var(--ctr-list-item-icon-opacity-label, 0.5);\n width: var(--ctr-list-item-icon-width, calcSize(3));\n height: var(--ctr-list-item-icon-height, calcSize(3));\n }\n}\n.svc-test-tab__content .sd-body--empty {\n @include ctrDefaultFont;\n color: $foreground;\n text-align: center;\n overflow: hidden;\n position: static;\n display: flex;\n flex-direction: column;\n}\n\n.svc-preview-pager__item {\n @include defaultActionButtonSettings;\n\n display: flex;\n max-width: 100%;\n padding: var(--ctr-preview-pager-item-padding-top-with-text, calcSize(1))\n var(--ctr-preview-pager-item-padding-right-with-text, calcSize(1))\n var(--ctr-preview-pager-item-padding-bottom-with-text, calcSize(1))\n var(--ctr-preview-pager-item-padding-left-with-text, calcSize(1));\n justify-content: center;\n align-items: center;\n border-radius: var(--ctr-preview-pager-item-corner-radius, calcSize(0.5));\n background-color: transparent;\n\n &:hover {\n background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, $background-dim);\n }\n &:disabled {\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);\n }\n\n &.svc-preview-pager__item--pressed {\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);\n background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, $background-dim);\n }\n &.svc-preview-pager__item--active {\n background: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, $secondary-light);\n }\n}\n\n.svc-preview-pager__item--icon {\n padding: var(--ctr-preview-pager-item-padding-top, calcSize(0.5))\n var(--ctr-preview-pager-item-padding-right, calcSize(0.5))\n var(--ctr-preview-pager-item-padding-bottom, calcSize(0.5))\n var(--ctr-preview-pager-item-padding-left, calcSize(0.5));\n\n &:hover {\n background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, $background-dim);\n }\n\n &:disabled {\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);\n\n use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color-disabled, $foreground-dim-light);\n }\n }\n\n &.svc-preview-pager__item--pressed {\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);\n background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, $background-dim);\n\n use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color-pressed, $foreground-dim-light);\n }\n }\n\n &.svc-preview-pager__item--active {\n background: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, $secondary-light);\n }\n}\n\n.svc-preview-pager-item__icon {\n box-sizing: border-box;\n display: flex;\n width: var(--ctr-preview-pager-item-icon-container-width, calcSize(3));\n height: var(--ctr-preview-pager-item-icon-container-height, calcSize(3));\n padding: var(--ctr-preview-pager-item-icon-padding-top, calcSize(0.5))\n var(--ctr-preview-pager-item-icon-padding-right, calcSize(0.5))\n var(--ctr-preview-pager-item-icon-padding-bottom, calcSize(0.5))\n var(--ctr-preview-pager-item-icon-padding-left, calcSize(0.5));\n justify-content: center;\n align-items: center;\n\n use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, $secondary);\n }\n}\n\n.svc-preview-pager-item__title {\n @include ctrSmallBoldFont;\n @include textEllipsis;\n color: var(--ctr-survey-question-panel-toolbar-item-text-color, $foreground);\n}\n\n.svc-footer-bar {\n .svc-preview-pager__item {\n --thm-menu-toolbar-button-gap: calc(var(--ctr-menu-toolbar-gap) / 2);\n margin: 0 var(--thm-menu-toolbar-button-gap, calcSize(1));\n }\n\n .svc-preview-pager-item__icon {\n width: var(--ctr-menu-toolbar-button-icon-width, calcSize(3));\n height: var(--ctr-menu-toolbar-button-icon-height, calcSize(3));\n box-sizing: content-box;\n\n use {\n fill: var(--ctr-menu-toolbar-button-icon-color, $foreground-light);\n }\n }\n}\n","@use \"../../variables\" as *;\n@use \"../../colors.scss\" as *;\n\n.sl-table {\n width: 50%;\n margin: 0 25%;\n margin-top: calcSize(-2);\n}\n\n.sl-table__row {\n position: relative;\n}\n\n.sl-table__cell.st-table__cell--actions:first-of-type .sv-action-bar {\n margin-top: var(--ctr-collapse-button-margin-top, calcSize(-0.5));\n padding-right: var(--ctr-collapse-button-margin-right, calcSize(4));\n}\n\n.sl-table .sl-table__detail-button.sl-table__detail-button {\n box-sizing: border-box;\n border-radius: var(--ctr-collapse-button-corner-radius, calcSize(12.5));\n padding: var(--ctr-collapse-button-padding, calcSize(1.5));\n transition: background-color $creator-transition-duration;\n\n &:focus:enabled {\n background-color: transparent;\n }\n use {\n transition: fill $creator-transition-duration;\n }\n &:hover:enabled,\n &.sv-focused--by-key.sv-focused--by-key {\n background-color: var(--ctr-collapse-button-background-color-hovered, $primary-light);\n outline: none;\n\n use {\n fill: var(--ctr-collapse-button-icon-color-hovered, $primary);\n }\n }\n .sv-action-bar-item__icon {\n width: var(--ctr-collapse-button-icon-width, calcSize(3));\n height: var(--ctr-collapse-button-icon-height, calcSize(3));\n }\n}\n\n.sl-table__remove-button .sv-action-bar-item {\n padding: var(--ctr-expression-item-padding-top, calcSize(1)) var(--ctr-expression-item-padding-right-icon-only, calcSize(1)) var(--ctr-expression-item-padding-bottom, calcSize(1)) var(--ctr-expression-item-padding-left-icon-only, calcSize(1));\n cursor: pointer;\n border: none;\n border-radius: var(--ctr-expression-item-corner-radius, calcSize(12.5));\n &:focus:enabled {\n background-color: transparent;\n }\n use {\n fill: var(--ctr-expression-item-icon-color, $red);\n }\n &:hover:enabled,\n &.sv-focused--by-key.sv-focused--by-key {\n background-color: var(--ctr-expression-item-background-color-remove-button-hovered, $red-light);\n outline: none;\n\n use {\n fill: var(--ctr-expression-item-icon-color, $red);\n }\n }\n .sv-action-bar-item__icon {\n width: var(--ctr-expression-item-icon-width, 24px);\n height: var(--ctr-expression-item-icon-height, 24px);\n }\n}\n\n.sl-table__remove-button .sv-action-bar-item__icon {\n width: var(--ctr-survey-action-button-icon-width, calcSize(3));\n height: var(--ctr-survey-action-button-icon-height, calcSize(3));\n}\n\n.sl-table__cell .sv-action-bar-item__icon {\n opacity: 0;\n transition: opacity $creator-transition-duration;\n}\n\n.sl-table__row:hover .sl-table__cell .sv-action-bar-item__icon,\n.sl-table__cell .sv-action-bar-item.sv-focused--by-key .sv-action-bar-item__icon {\n opacity: 1;\n}\n\n.sl-table__row.sl-table__row--additional .sl-table__cell .svc-action-button {\n color: $secondary;\n}\n.sl-table .svc-action-button {\n padding: var(--ctr-survey-page-header-padding-vertical-with-button, calcSize(0.5)) 0px;\n margin-left: 0;\n}\n\n.sl-table__cell .svc-action-button,\n.sl-table__cell .svc-action-button:hover,\n.sl-table__cell .svc-action-button:focus,\n.sl-table__cell .svc-action-button:hover:enabled,\n.sl-table__cell .svc-action-button:focus:enabled {\n @include ctrMediumBoldFont;\n --thm-logic-header-max-height: var(--ctr-font-medium-line-height, var(--ctr-medium-bold-line-height, calcSize(4)));\n background: transparent;\n //color: $foreground;\n outline: none;\n border: none;\n box-shadow: none;\n border-radius: 0;\n color: $foreground-dim;\n box-sizing: content-box;\n max-height: calc(3 * var(--thm-logic-header-max-height));;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n}\n\n.sl-table__cell {\n vertical-align: top;\n padding: 0;\n width: 100%;\n}\n.sl-table__row {\n .sl-table__cell {\n --animation-padding-top: #{calcSize(5)};\n padding-top: calcSize(5);\n }\n}\n\n.sl-table__cell--actions {\n position: absolute;\n width: max-content;\n\n &:first-of-type {\n transform: translateX(-100%);\n }\n}\n\n.sl-table__cell--detail-button {\n overflow: hidden;\n appearance: none;\n outline: none;\n border: none;\n background-color: transparent;\n}\n\n.sl-table {\n border-collapse: separate;\n border-spacing: 0;\n table-layout: fixed;\n\n thead {\n th:first-child {\n position: absolute;\n left: 0;\n transform: translateX(-100%);\n }\n\n th:last-child {\n position: absolute;\n right: 0;\n transform: translateX(100%);\n }\n\n .sl-table__cell.st-table__cell--header {\n text-align: left;\n }\n }\n\n td,\n th {\n &:first-of-type {\n padding-left: calcSize(4);\n\n .sv-action-bar {\n justify-content: flex-end;\n }\n }\n }\n\n td,\n th {\n &:last-of-type {\n padding-right: calcSize(4);\n }\n }\n}\n\n.sl-panel .sl-panel__footer {\n padding: 0;\n\n .sv-action {\n width: 100%;\n }\n\n .sv-action__content {\n width: 100%;\n }\n\n button.sl-panel__done-button {\n @include ctrDefaultBoldFont;\n width: auto;\n margin: var(--ctr-expression-rows-gap, calcSize(2)) 0 0 0;\n color: var(--ctr-expression-item-text-color-button, $primary);\n background-color: var(--ctr-expression-item-background-color-button, $primary-light);\n border-radius: var(--ctr-expression-item-corner-radius, calcSize(12.5));\n padding: var(--ctr-expression-item-padding-top, calcSize(1))\n var(--ctr-expression-item-padding-right-button, calcSize(4))\n var(--ctr-expression-item-padding-bottom, calcSize(1)) var(--ctr-expression-item-padding-left-button, calcSize(4));\n\n display: flex;\n align-items: center;\n vertical-align: baseline;\n text-align: center;\n\n user-select: none;\n\n transition: background-color $creator-transition-duration, color $creator-transition-duration;\n }\n\n button:hover:enabled {\n background-color: var(--ctr-expression-item-background-color-button-hovered, $primary);\n color: var(--ctr-expression-item-text-color-button-hovered, $primary-foreground);\n }\n\n .sv-action-bar-item__title {\n @include ctrDefaultBoldFont;\n color: inherit;\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n }\n}\n\n.sl-element .sd-paneldynamic__buttons-container {\n padding: 0;\n}\n\n.sl-question {\n display: flex;\n align-items: center;\n margin-top: var(--ctr-expression-rows-gap, calcSize(2));\n}\n\n.sl-row {\n display: flex;\n align-items: flex-start;\n flex-flow: row wrap;\n}\n\n.svc-creator-popup .sl-panel-wrapper:first-child .sl-question {\n margin-top: 0;\n}\n\n.sl-row--multiple {\n .sl-panel {\n padding-bottom: 0;\n }\n}\n\n.sl-question__header--left {\n margin-right: var(--ctr-expression-items-gap, calcSize(1));\n}\n\n.sl-row {\n .sd-scrollable-container:not(.sd-scrollable-container--compact) {\n overflow-x: auto;\n padding: 2px;\n margin: -2px;\n }\n}\n\n.sl-question__title {\n @include ctrDefaultBoldFont;\n color: var(--ctr-expression-item-text-color-function, $foreground);\n margin: 0;\n\n span+span {\n display: none;\n }\n}\n\n.sl-row--multiple .sl-question {\n padding-right: var(--ctr-expression-items-gap, calcSize(1));\n}\n.svc-logic-question-text-editor {\n margin-top: var(--ctr-expression-rows-gap, calcSize(2));\n}\n.svc-logic-question-value {\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 padding-right: calcSize(5);\n margin-top: var(--ctr-expression-rows-gap, calcSize(2));\n}\n\n.svc-logic_trigger-editor {\n margin-top: var(--ctr-expression-rows-gap, calcSize(2));\n}\n\n.svc-logic_trigger-editor .svc-logic-question-value {\n margin-top: 0;\n}\n\n.sv-popup.svc-property-editor {\n .sl-row {\n flex-flow: nowrap;\n }\n}\n\n.spg-comment.sl-comment {\n height: calcSize(17);\n}\n.sl-body {\n @include disableLibraryAnimations;\n}\n\n$sl-pd-list-fade-in-duration: var(--sl-pd-list-fade-in-duration, 250ms);\n$sl-pd-list-move-in-duration: var(--sl-pd-list-move-in-duration, 150ms);\n$sl-pd-list-fade-in-delay: var(--sl-pd-list-fade-in-delay, 150ms);\n$sl-pd-list-fade-out-duration: var(--sl-pd-list-fade-out-duration, 100ms);\n$sl-pd-list-move-out-duration: var(--sl-pd-list-move-out-duration, 250ms);\n$sl-pd-list-move-out-delay: var(--sl-pd-list-move-out-delay, 100ms);\n\n.sl-panel-wrapper--list {\n &.sl-panel-wrapper--leave,\n &.sl-panel-wrapper--enter {\n animation-name: fadeIn, moveInWithOverflow;\n animation-fill-mode: forwards;\n min-height: 0 !important;\n }\n &.sl-panel-wrapper--enter {\n opacity: 0;\n animation-timing-function: $ease-out;\n animation-duration: $sl-pd-list-fade-in-duration, $sl-pd-list-move-in-duration;\n animation-delay: $sl-pd-list-fade-in-delay, 0s;\n }\n\n &.sl-panel-wrapper--leave {\n animation-direction: reverse;\n animation-timing-function: $reverse-ease-out;\n animation-duration: $sl-pd-list-fade-out-duration, $sl-pd-list-move-out-duration;\n animation-delay: 0s, $sl-pd-list-move-out-delay;\n }\n}\n\n$sl-matrix-row-fade-in-duration: var(--sjs-sl-matrix-row-fade-in-duration, 250ms);\n$sl-matrix-row-move-in-duration: var(--sjs-sl-matrix-row-move-in-duration, 150ms);\n$sl-matrix-row-fade-in-delay: var(--sjs-sl-matrix-row-fade-in-delay, 150ms);\n$sl-matrix-row-fade-out-duration: var(--sjs-sl-matrix-row-fade-out-duration, 100ms);\n$sl-matrix-row-move-out-duration: var(--sjs-sl-matrix-row-move-out-duration, 250ms);\n$sl-matrix-row-move-out-delay: var(--sjs-sl-matrix-row-move-out-delay, 100ms);\n\n$sl-matrix-detail-row-fade-in-duration: var(--sjs-sl-matrix-detail-row-fade-in-duration, 500ms);\n$sl-matrix-detail-row-move-in-duration: var(--sjs-sl-matrix-detail-row-move-in-duration, 150ms);\n$sl-matrix-detail-row-fade-in-delay: var(--sjs-sl-matrix-detail-row-fade-in-delay, 150ms);\n$sl-matrix-detail-row-fade-out-duration: var(--sjs-sl-matrix-detail-row-fade-out-duration, 150ms);\n$sl-matrix-detail-row-move-out-duration: var(--sjs-sl-matrix-detail-row-move-out-duration, 250ms);\n$sl-matrix-detail-row-move-out-delay: var(--sjs-sl-matrix-detail-row-move-out-delay, 100ms);\n\n.sl-table__row--leave,\n.sl-table__row--enter {\n animation-name: empty;\n --move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay));\n --fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay));\n animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration));\n & > td {\n animation-name: paddingFadeIn;\n animation-duration: var(--move-animation-duration);\n animation-delay: var(--move-animation-delay);\n animation-direction: var(--animation-direction);\n animation-fill-mode: forwards;\n animation-timing-function: var(--animation-timing-function);\n & > div {\n animation-name: fadeIn, moveInWithOverflow;\n opacity: 0;\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n animation-fill-mode: forwards;\n animation-duration: var(--fade-animation-duration), var(--move-animation-duration), var(--move-animation-duration);\n animation-delay: var(--fade-animation-delay), var(--move-animation-delay), var(--move-animation-delay);\n }\n }\n}\n.sl-table__row--enter {\n --move-animation-delay: 0s;\n --move-animation-duration: #{$sl-matrix-row-move-in-duration};\n --fade-animation-duration: #{$sl-matrix-row-fade-in-duration};\n --fade-animation-delay: #{$sl-matrix-row-fade-in-delay};\n --animation-direction: normal;\n --animation-timing-function: #{$ease-out};\n}\n.sl-table__row--leave {\n --move-animation-delay: #{$sl-matrix-row-move-out-delay};\n --move-animation-duration: #{$sl-matrix-row-move-out-duration};\n --fade-animation-duration: #{$sl-matrix-row-fade-out-duration};\n --fade-animation-delay: 0s;\n --animation-direction: reverse;\n --animation-timing-function: #{$reverse-ease-out};\n}\n.sl-table__row--detail {\n &.sl-table__row--enter {\n --move-animation-delay: 0s;\n --move-animation-duration: #{$sl-matrix-detail-row-move-in-duration};\n --fade-animation-duration: #{$sl-matrix-detail-row-fade-in-duration};\n --fade-animation-delay: #{$sl-matrix-detail-row-fade-in-delay};\n --animation-direction: normal;\n --animation-timing-function: #{$ease-out};\n }\n &.sl-table__row--leave {\n --move-animation-delay: #{$sl-matrix-detail-row-move-out-delay};\n --move-animation-duration: #{$sl-matrix-detail-row-move-out-duration};\n --fade-animation-duration: #{$sl-matrix-detail-row-fade-out-duration};\n --fade-animation-delay: 0s;\n --animation-direction: reverse;\n --animation-timing-function: #{$reverse-ease-out};\n }\n}\n\n$sl-row-fade-in-duration: var(--sjs-sl-row-fade-in-duration, 500ms);\n$sl-row-move-in-duration: var(--sjs-sl-row-move-in-duration, 150ms);\n$sl-row-fade-in-delay: var(--sjs-sl-row-fade-in-delay, 150ms);\n$sl-row-fade-out-duration: var(--sjs-sl-row-fade-out-duration, 150ms);\n$sl-row-move-out-duration: var(--sjs-sl-row-move-out-duration, 250ms);\n$sl-row-move-out-delay: var(--sjs-sl-row-move-out-delay, 100ms);\n$sl-row-fade-in-animation-delay: var(--sjs-sl-row-fade-in-animation-delay, 400ms);\n\n.sl-row--enter {\n animation-fill-mode: forwards;\n animation-name: fadeIn, moveInWithOverflow;\n min-height: 0 !important;\n opacity: 0;\n animation-timing-function: $ease-out;\n animation-delay: $sl-row-fade-in-delay, 0s, 0s;\n animation-duration: $sl-row-fade-in-duration, $sl-row-move-in-duration, $sl-row-move-in-duration;\n}\n.sl-row--delayed-enter {\n overflow: hidden;\n height: 0;\n animation-delay: calc(#{$sl-row-fade-in-delay} + #{$sl-row-fade-in-animation-delay}), $sl-row-fade-in-animation-delay,\n $sl-row-fade-in-animation-delay;\n}\n\n.sl-row--leave {\n animation-name: fadeIn, moveInWithOverflow;\n animation-timing-function: $reverse-ease-out;\n animation-fill-mode: forwards;\n animation-direction: reverse;\n min-height: 0 !important;\n animation-delay: 0s, $sl-row-move-out-delay, $sl-row-move-out-delay;\n animation-duration: $sl-row-fade-out-duration, $sl-row-move-out-duration, $sl-row-move-out-duration;\n}\n\n$sl-element-fade-in-duration: var(--sjs-sl-element-fade-in-duration, 500ms);\n$sl-element-move-in-duration: var(--sjs-sl-element-move-in-duration, 150ms);\n$sl-element-fade-in-delay: var(--sjs-sl-element-fade-in-delay, 150ms);\n$sl-element-fade-out-duration: var(--sjs-sl-element-fade-out-duration, 150ms);\n$sl-element-move-out-duration: var(--sjs-sl-element-move-out-duration, 250ms);\n$sl-element-move-out-delay: var(--sjs-sl-element-move-out-delay, 100ms);\n\n.sl-element-wrapper--enter {\n animation-fill-mode: forwards;\n animation-name: fadeIn, moveInWithOverflow;\n min-height: 0 !important;\n opacity: 0;\n height: 0;\n animation-timing-function: $ease-out;\n animation-delay: $sl-element-fade-in-delay, 0s;\n animation-duration: $sl-element-fade-in-duration, $sl-element-move-in-duration;\n}\n\n.sl-element-wrapper--leave {\n animation-name: fadeIn, moveInWithOverflow;\n animation-timing-function: $reverse-ease-out;\n animation-fill-mode: forwards;\n animation-direction: reverse;\n min-height: 0 !important;\n animation-delay: 0s, $sl-element-move-out-delay;\n animation-duration: $sl-element-fade-out-duration, $sl-element-move-out-duration;\n}\n\n\n.svc-creator--disable-animations {\n .sl-row--enter,\n .sl-row--leave,\n .sl-element-wrapper--enter,\n .sl-element-wrapper--leave,\n .sl-table__row--enter,\n .sl-table__row--leave,\n .sl-panel-wrapper--leave,\n .sl-panel-wrapper--enter\n {\n animation: none;\n }\n}","@use \"../../variables\" as *;\n\n.svc-tab-translation {\n width: 100%;\n height: 100%;\n background-color: var(--ctr-surface-background-color, $background-dim);\n}\n\n.svc-translation-tab {\n /* disable library transition animations */\n --sjs-transition-duration: 0ms;\n}\n\n.svc-translation-tab--empty {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex-grow: 1;\n flex-shrink: 0;\n width: 100%;\n gap: 0px;\n}\n\n\n.st-properties {\n background-color: var(--ctr-property-grid-background-color, $background-dim);\n flex-grow: 1;\n padding-right: calcSize(4);\n padding-left: calcSize(4);\n padding-top: calcSize(2);\n\n .spg-table {\n .spg-table__cell:first-of-type {\n width: calcSize(5);\n }\n\n .spg-table__cell:nth-of-type(2) {\n width: calcSize(5);\n }\n\n .spg-table__question-wrapper {\n @include ctrDefaultFont;\n padding: calcSize(1.5) calcSize(1);\n color: var(--ctr-checkbox-text-color, $foreground-dim);\n\n .spg-checkbox {\n margin: 0;\n }\n\n .spg-selectbase__label {\n gap: 0;\n }\n }\n\n .spg-checkbox--disabled {\n .spg-checkbox__caption {\n color: var(--ctr-checkbox-text-color-disabled, $foreground-light);\n }\n \n .spg-checkbox__rectangle,\n .spg-checkbox__rectangle:hover {\n border: var(--ctr-checkbox-border-width, 1px) solid var(--ctr-checkbox-border-color-disabled, rgba(0, 0, 0, 0.16));\n background: var(--ctr-checkbox-background-color-disabled, #f3f3f3);\n }\n }\n }\n\n .spg-matrixdynamic__dragged-row {\n @include ctrDefaultFont;\n color: var(--ctr-checkbox-text-color, $foreground-dim);\n\n .spg-table__cell:nth-child(3) {\n flex: 1;\n }\n }\n}\n\n.st-content {\n display: flex;\n height: 100%;\n}\n\n.st-strings {\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.st-strings-wrapper {\n flex-grow: 1;\n}\n\n.st-property-panel {\n flex-shrink: 0;\n flex-grow: 0;\n width: 450px;\n border-left: 1px solid $border;\n}\n\n.st-property-panel .spg-panel__content .spg-row {\n margin-top: 0;\n}\n\n.st-property-panel .spg-panel__content .spg-row:first-child {\n margin-top: calcSize(2);\n}\n\n.st-strings-header {\n .st-table__cell {\n background-color: var(--ctr-string-table-header-background-color, $background-dim);\n height: auto;\n }\n}\n\n.st-root-modern {\n width: 100%;\n height: fit-content;\n max-height: 100%;\n overflow-y: auto;\n background-color: var(--ctr-string-table-background-color, $background-dim); \n}\n\n.st-title.st-panel__title,\n.st-table__cell.st-table__cell--header {\n @include ctrSmallBoldFont;\n text-align: left;\n}\n\n.st-table__cell.st-table__cell--header {\n color: var(--ctr-string-table-header-text-color, $foreground-light);\n}\n\n.st-title.st-panel__title {\n margin: 0;\n color: var(--ctr-string-table-group-header-text-color, $foreground-light);\n background-color: var(--ctr-string-table-group-header-background-color, $background-dim-light);\n border-bottom: 1px solid var(--ctr-string-table-row-border-color, $border-light);\n padding: var(--ctr-string-table-row-padding-top, #{calcSize(1)})\n var(--ctr-string-table-row-padding-right, #{calcSize(3)}) var(--ctr-string-table-row-padding-bottom, #{calcSize(1)})\n var(--ctr-string-table-row-padding-left, #{calcSize(3)});\n}\n\n.st-table {\n tr {\n display: flex;\n align-items: stretch;\n }\n}\n\n.st-table__cell {\n display: block;\n flex: 1 1;\n box-sizing: border-box;\n background-color: var(--ctr-string-table-row-background-color, $background);\n border-bottom: 1px solid var(--ctr-string-table-row-border-color, $border-light);\n padding: calcSize(1) 0;\n}\n\ntd.st-table__cell:first-of-type {\n @include ctrDefaultBoldFont;\n color: var(--ctr-string-table-row-text-color-title, $foreground);\n max-width: 300px;\n padding-right: calcSize(3);\n\n span {\n display: inline-block;\n padding-left: calcSize(3);\n }\n}\n\n.st-panel-indent .st-table__cell:first-of-type {\n span {\n padding-left: calcSize(6);\n }\n}\n\n.st-table {\n width: 100%;\n table-layout: fixed;\n border-collapse: separate;\n border-spacing: 0;\n}\n\n.st-comment {\n @include ctrDefaultFont;\n display: block;\n width: calc(100% - 3 * #{$base-unit});\n border: unset;\n outline: none;\n background-color: var(--ctr-string-table-row-background-color, $background);\n color: var(--ctr-string-table-row-text-color-title, $foreground);\n resize: none;\n padding: 0;\n}\n\n.sd-translation-line-skeleton {\n min-height: calcSize(5);\n background-color: $background-dim;\n}\n\n.st-navigation-btn {\n @include ctrDefaultBoldFont;\n padding-left: calcSize(1.5);\n padding-right: calcSize(2);\n white-space: nowrap;\n\n .sd-action__icon {\n margin-left: 0;\n }\n}\n\n.st-navigation-btn.sd-action--icon {\n padding: calcSize(1);\n\n &:not(.sd-action--pressed) {\n\n &:hover,\n &:focus {\n background-color: $primary-light;\n }\n }\n\n svg use {\n fill: $primary;\n }\n}\n\n.svc-translation-machine {\n margin-right: auto;\n}\n\n.st-translation-machine-from {\n margin-right: auto;\n}\n\n.st-translation-machine-from__container {\n display: flex;\n flex-direction: row;\n align-items: center;\n white-space: nowrap;\n}\n\n.st-translation-machine-from__container--disabled {\n gap: calcSize(0.5);\n}\n\n.st-translation-machine-from__btn {\n flex-direction: row-reverse;\n gap: calcSize(1);\n padding-left: calcSize(2);\n padding-right: calcSize(1.5);\n white-space: nowrap;\n\n .sd-action__icon {\n width: calcSize(2);\n height: calcSize(2);\n margin-left: 0;\n }\n\n &.sd-action--pressed:not(.sd-action--active) {\n background-color: $primary-light;\n }\n\n &:disabled {\n padding-left: 0;\n padding-right: 0;\n opacity: 1;\n }\n}\n\n.st-translation-machine-from__btn:disabled .sd-action__title,\n.st-translation-machine-from__title {\n @include ctrDefaultFont;\n color: $foreground-dim-light;\n}\n\n.st-body__footer {\n padding: calcSize(2);\n padding-left: calcSize(3);\n background: $background;\n border-bottom: 1px solid var(--ctr-string-table-row-border-color, $border-light);\n}\n\n.st-translation-dialog .st-strings-wrapper {\n border-radius: 4px;\n box-shadow: $shadow-small;\n overflow: hidden;\n}\n\n.st-container-modern {\n .sv-components-column--expandable {\n width: auto;\n }\n}\n\n.st-body {\n @include disableLibraryAnimations;\n}","@use \"../../variables\" as *;\n\n.svc-tab-logic-edit {\n width: 100%;\n height: 100%;\n background: $background-dim;\n}\n\n.svc-tab-logic-edit__content {\n height: calc(100% - calc(6 * #{$base-unit}));\n overflow-y: auto;\n overflow-x: hidden;\n padding-left: 16%;\n padding-right: 16%;\n //max-width: calcSize(75);\n //margin: auto;\n // background: $background;\n}\n\n.svc-tab-logic-edit__content .sd-row {\n flex-wrap: wrap;\n}\n\n.svc-logic_trigger-editor .sd-row {\n margin-top: 0;\n}\n\n.svc-tab-logic-edit__content-actions {\n .sv-action-bar {\n padding: 0;\n height: calc(6 * #{$base-unit});\n background: $background;\n border-top: 1px solid $border;\n width: 100%;\n }\n}\n\n.svc-logic-paneldynamic div.svc-logic-operator {\n box-sizing: content-box;\n max-width: calcSize(40);\n}\n\n.svc-logic-paneldynamic .svc-logic-operator {\n @include ctrDefaultBoldFont;\n -webkit-appearance: none;\n appearance: none;\n border-radius: var(--ctr-expression-item-corner-radius, calcSize(12.5));\n padding: var(--ctr-expression-item-padding-top, calcSize(1)) var(--ctr-expression-item-padding-right, calcSize(2)) var(--ctr-expression-item-padding-bottom, calcSize(1)) var(--ctr-expression-item-padding-left, calcSize(2));\n\n border: none;\n outline: none;\n cursor: pointer;\n\n option {\n background: $background;\n color: $foreground;\n }\n}\n\n.svc-logic-operator:focus {\n outline: 1px dotted $primary;\n}\n\n\n.svc-logic-operator.svc-logic-operator {\n transition: background-color $creator-transition-duration, color $creator-transition-duration;\n\n &:hover,\n &:focus {\n color: var(--ctr-expression-item-text-color-parameter-hovered, $primary-foreground);\n outline: none;\n box-shadow: none;\n }\n}\n\n.svc-logic-operator.svc-logic-operator--question {\n background-color: var(--ctr-expression-item-background-color-parameter, $blue-light);\n color: var(--ctr-expression-item-text-color-parameter-empty, $foreground-light);\n\n &:hover,\n &:focus {\n background-color: var(--ctr-expression-item-background-color-parameter-hovered, $blue);\n color: var(--ctr-expression-item-text-color-parameter-hovered, $background);\n }\n}\n\n.svc-logic-operator.svc-logic-operator--conjunction {\n background-color: var(--ctr-expression-item-background-color-conjunction, $yellow-light);\n color: var(--ctr-expression-item-text-color-conjunction-empty, $foreground-light);\n\n &:hover,\n &:focus {\n background-color: var(--ctr-expression-item-background-color-conjunction-hovered, $yellow);\n color: var(--ctr-expression-item-text-color-conjunction-hovered, $primary-foreground);\n }\n}\n\n.svc-logic-operator.svc-logic-operator--operator {\n background-color: var(--ctr-expression-item-background-color-operator, $yellow-light);\n color: var(--ctr-expression-item-text-color-operator-empty, $foreground-light);\n\n &:hover,\n &:focus {\n background-color: var(--ctr-expression-item-background-color-operator-hovered, $yellow);\n color: var(--ctr-expression-item-text-color-operator-hovered, $primary-foreground);\n }\n}\n\n.svc-logic-operator.svc-logic-operator--action {\n background-color: var(--ctr-expression-item-background-color-action, $red-light);\n color: var(--ctr-expression-item-text-color-action-empty, $foreground-light);\n\n &:hover,\n &:focus {\n background-color: var(--ctr-expression-item-background-color-action-hovered, $red);\n color: var(--ctr-expression-item-text-color-action-hovered, $primary-foreground);\n }\n}\n\n.svc-logic-operator--action.sl-paneldynamic__add-btn,\n.svc-logic-operator--operator.sl-paneldynamic__add-btn {\n margin-top: var(--ctr-expression-rows-gap, calcSize(2));\n}\n\n.svc-logic-operator--action.sl-paneldynamic__add-btn {\n color: var(--ctr-expression-item-text-color-action, $foreground);\n}\n\n.svc-logic-operator--operator.sl-paneldynamic__add-btn {\n color: var(--ctr-expression-item-text-color-operator, $foreground);\n}\n\n.svc-logic-question--answered .svc-logic-operator--question {\n color: var(--ctr-expression-item-text-color-parameter, $foreground);\n}\n\n.svc-logic-question--answered .svc-logic-operator--conjunction {\n color: var(--ctr-expression-item-text-color-conjunction, $foreground);\n}\n\n.svc-logic-question--answered .svc-logic-operator--operator {\n color: var(--ctr-expression-item-text-color-operator, $foreground);\n}\n\n.svc-logic-question--answered .svc-logic-operator--action {\n color: var(--ctr-expression-item-text-color-action, $foreground);\n}\n\n\n.svc-logic-operator.svc-logic-operator--error {\n background-color: var(--ctr-expression-item-background-color-parameter-error, $background);\n color: var(--ctr-expression-item-text-color-parameter-error, $red);\n box-shadow: inset 0 0 0 2px var(--ctr-expression-item-text-color-parameter-error, $red);\n}\n\n.svc-logic-operator__error {\n display: none;\n}\n\n.svc-logic-paneldynamic {\n .sd-paneldynamic__separator {\n display: none;\n }\n}\n\n\n.svc-action-button--icon.svc-icon-remove {\n display: none;\n padding: var(--ctr-expression-item-padding-top, 8px) var(--ctr-expression-item-padding-right-icon-only, 8px) var(--ctr-expression-item-padding-bottom, 8px) var(--ctr-expression-item-padding-left-icon-only, 8px);\n border-radius: var(--ctr-expression-item-corner-radius, calcSize(12.5));\n background: none;\n justify-content: center;\n align-items: center;\n outline: none;\n border: none;\n\n .sv-svg-icon {\n width: var(--ctr-expression-item-icon-width, 24px);\n height: var(--ctr-expression-item-icon-height, 24px);\n }\n\n use {\n fill: var(--ctr-expression-item-icon-color, $red);\n }\n\n &:focus,\n &:hover {\n background-color: var(--ctr-expression-item-background-color-remove-button-hovered, $red-light);\n }\n\n &.svc-action-button--disabled {\n fill: var(--ctr-survey-action-button-icon-color-disabled, $foreground-dim-light);\n }\n}\n\n.sl-panel-wrapper--in-row:hover .svc-icon-remove,\n.sl-panel-wrapper--in-row:focus-within .svc-icon-remove {\n display: flex;\n}\n\n\n.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {\n display: none;\n}\n\n.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {\n display: none;\n}\n\n.svc-logic-tab__content {\n /* disable library transition animations */\n --sjs-transition-duration: 0ms;\n}\n\n.svc-logic-tab__content {\n &.svc-logic-tab--empty {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex-grow: 1;\n flex-shrink: 0;\n width: 100%;\n gap: 0px;\n\n .svc-logic-tab__content-action {\n // width: calcSize(33);\n margin-top: calcSize(1);\n }\n }\n\n .svc-logic-tab__content-action {\n margin-left: 25%;\n margin-right: 25%;\n margin-top: var(--ctr-surface-gap, calcSize(5));\n margin-bottom: calcSize(8);\n }\n\n .svc-logic-tab__content-action--disabled {\n cursor: default;\n outline: solid calcSize(0.25) transparent;\n\n &:focus,\n &:hover {\n background-color: var(--ctr-button-background-color, $background);\n box-shadow: $shadow-small;\n }\n }\n\n .svc-logic-tab__content-action--disabled .svc-btn__text {\n color: var(--ctr-button-text-color-disabled, $foreground);\n opacity: var(--ctr-button-text-opacity-disabled, 0.25);\n }\n\n .sd-paneldynamic__panel-wrapper--in-row {\n margin-top: 0;\n align-items: start;\n }\n}\n\n.svc-logic-tab__content-empty {\n .svc-btn__text {\n color: var(--ctr-surface-placeholder-text-description-color, $foreground);\n }\n}\n\n.svc-logic-paneldynamic {\n .sd-row--multiple {\n padding: 0;\n background: none;\n box-shadow: none;\n border-radius: 0;\n overflow: visible;\n }\n\n .sd-question__content {\n margin-top: 0;\n }\n\n .sd-row__panel {\n width: calc(100% - 5 * #{$base-unit});\n }\n}\n\n.svc-logic-tab__content .svc-logic-paneldynamic .sd-row {\n margin-top: 0;\n flex-flow: row wrap;\n}\n\n.sl-table__cell.sd-table__cell-action--show-detail {\n use {\n fill: var(--ctr-collapse-button-icon-color, $foreground-light);\n }\n}\n\n.sl-table__cell--detail-panel {\n padding: 0;\n\n .sd-body {\n margin: 0;\n min-width: none;\n max-width: none;\n }\n\n .sd-page.sd-body__page {\n padding: 0;\n }\n\n .sl-panel__footer {\n margin: 0;\n }\n}\n\n.sl-dropdown {\n max-width: 45vw;\n}\n\n.sl-dropdown__value {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n\n.svc-logic-placeholder {\n width: calcSize(78);\n min-width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n margin-top: calcSize(2);\n background: $background;\n box-shadow: $shadow-small;\n border-radius: calcSize(0.5);\n padding: calcSize(4) calcSize(5) calcSize(5);\n}\n\n.sv-popup--overlay {\n .svc-logic-placeholder {\n width: initial;\n }\n}\n\n.svc-logic-placeholder__text.svc-logic-placeholder__text {\n @include ctrDefaultFont;\n text-align: center;\n color: $foreground-light;\n display: block;\n padding: calcSize(4) calcSize(8);\n}\n\n.svc-logic-tab__leave-apply-button {\n background-color: var(--ctr-button-background-color-danger, $red);\n}\n\n.svc-logic-question-value.sd-element--with-frame {\n box-shadow: var(--lbr-question-panel-shadow-offset-x, 0px) var(--lbr-question-panel-shadow-offset-y, 1px)\n var(--lbr-question-panel-shadow-blur, 2px) var(--lbr-question-panel-shadow-spread, 0px)\n var(--lbr-question-panel-shadow-color, rgba(0, 0, 0, 0.15));\n}\n","@use \"../../variables\" as *;\n\nsvc-tab-designer {\n width: 100%;\n height: 100%;\n background: $background-dim;\n}\n\n.svc-tab-designer {\n display: flex;\n flex-grow: 1;\n height: 100%;\n flex-direction: column;\n position: static;\n background: var(--ctr-surface-background-color, $background-dim);\n width: 0;\n}\n\n.svc-tab-designer--with-placeholder .svc-designer-header {\n min-width: calcSize(84);\n}\n\n.svc-content-wrapper {\n width: 100%;\n display: flex;\n}\n\n.svc-designer-header .svc-surface-header {\n background-color: transparent;\n padding-inline-start: var(--lbr-header-padding-left, calcSize(3));\n padding-inline-end: var(--ctr-survey-header-padding-right-logo-placeholder, calcSize(1));\n padding-block-start: var(--lbr-header-padding-top, calcSize(3));\n padding-block-end: var(--lbr-page-header-padding-bottom, calcSize(3));\n}\n\n.svc-surface-header {\n .sd-title {\n .sv-string-editor {\n &[aria-placeholder]:empty:before {\n color: var(--ctr-survey-header-text-title-color-placeholder, $foreground-light);\n }\n }\n }\n\n .sd-description {\n color: var(--ctr-survey-header-text-description-color-placeholder, #909090);\n }\n}\n\n.svc-tab-designer {\n .svc-designer-header {\n border-bottom: 2px solid transparent;\n position: relative;\n }\n\n .sd-title {\n display: flex;\n }\n\n .sd-container-modern {\n width: 100%;\n box-sizing: border-box;\n margin-left: auto;\n margin-right: auto;\n\n &.sd-container-modern--static {\n max-width: calcSize(84);\n }\n\n &.sd-container-modern--responsive {\n max-width: initial;\n }\n }\n\n .sd-question.sd-question--image {\n width: 100%;\n }\n\n .sd-progress,\n .sd-progress__bar {\n background-color: transparent;\n }\n}\n\n.svc-tab-designer_content {\n padding-inline-start: var(--ctr-survey-page-margin-right, calcSize(2));\n padding-inline-end: var(--ctr-survey-page-margin-left, calcSize(2));\n}\n\n.svc-tab-designer--with-placeholder {\n .svc-tab-designer_content {\n display: flex;\n justify-content: center;\n flex-direction: column;\n min-height: 100%;\n }\n}\n\n.svc-tab-designer--with-surface-tools {\n .svc-tab-designer_content {\n padding-inline-start: var(--ctr-survey-page-margin-right-with-toolbar, calcSize(9));\n padding-inline-end: var(--ctr-survey-page-margin-left-with-toolbar, calcSize(9));\n }\n}\n\n.svc-creator--mobile {\n .svc-tab-designer_content {\n padding: 0;\n }\n}\n\n.svc-designer__placeholder-container {\n display: flex;\n flex-grow: 1;\n flex-shrink: 0;\n width: 100%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 0px;\n padding: calcSize(2);\n box-sizing: border-box;\n text-align: center;\n position: relative;\n\n .sd-page {\n display: none;\n }\n}\n\n.svc-designer-placeholder-page {\n .svc-page__footer {\n // width: calcSize(33);\n margin: auto;\n }\n\n .svc-row--ghost {\n display: none;\n }\n\n .svc-element__add-new-question {\n padding: var(--ctr-button-padding-vertical, calcSize(2)) var(--ctr-button-padding-horizontal-contextual-button, calcSize(10));\n\n .svc-element__question-type-selector {\n padding: var(--ctr-button-contextual-button-padding-top, calcSize(1)) var(--ctr-button-contextual-button-padding-right, calcSize(1)) var(--ctr-button-contextual-button-padding-bottom, calcSize(1)) var(--ctr-button-contextual-button-padding-left, calcSize(1));\n\n margin: var(--ctr-button-contextual-button-margin-vertical, calcSize(1)) var(--ctr-button-contextual-button-margin-horizontal, calcSize(1));\n\n border-radius: var(--ctr-button-contextual-button-corner-radius, calcSize(0.5));\n }\n\n .svc-element__question-type-selector-icon {\n width: var(--ctr-button-contextual-button-icon-width, calcSize(3));\n height: var(--ctr-button-contextual-button-icon-height, calcSize(3));\n\n .sv-svg-icon {\n width: var(--ctr-button-contextual-button-icon-width, calcSize(3));\n height: var(--ctr-button-contextual-button-icon-height, calcSize(3));\n }\n\n use {\n fill: var(--ctr-button-contextual-button-icon-color, $foreground-light);\n }\n }\n\n .svc-add-new-item-button__text {\n @include ctrDefaultBoldFont;\n color: var(--ctr-button-text-color, $primary);\n text-align: center;\n }\n }\n}\n\n.svc-tab-designer__tools {\n position: absolute;\n display: flex;\n top: 0;\n bottom: 0;\n right: 0;\n padding: var(--ctr-surface-toolbar-padding-top, calcSize(2)) var(--ctr-surface-toolbar-padding-right, calcSize(2)) var(--ctr-surface-toolbar-padding-bottom, calcSize(2)) var(--ctr-surface-toolbar-padding-left, calcSize(2));\n flex-direction: column;\n align-items: center;\n}\n\n.svc-creator__toolbox--right,\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n .svc-tab-designer__tools {\n right: unset;\n left: 0;\n }\n}\n\n.svc-tab-designer__toolbar {\n display: flex;\n flex-direction: column;\n}\n\n.svc-tab-designer__surface-toolbar {\n gap: var(--ctr-surface-toolbar-gap, calcSize(1));\n flex-direction: column;\n\n .sv-action-bar-separator {\n height: var(--ctr-separator-width, 1px);\n width: var(--ctr-page-navigator-button-icon-width, calcSize(1));\n padding: 0px var(--ctr-separator-margin-vertical-small, calcSize(1));\n margin-bottom: var(--ctr-surface-toolbar-gap, calcSize(1));\n margin-right: 0;\n }\n\n .sv-action__content {\n flex-direction: column;\n }\n}\n\n.sv-action-bar-separator {\n background: var(--ctr-separator-color, $border);\n}","@use \"./variables\" as *;\n\n.svc-creator--mobile {\n .sd-root-modern,\n .sd-container-modern {\n --sd-base-padding: calc(3 * #{$base-unit});\n --sd-base-vertical-padding: calc(2 * #{$base-unit});\n --sd-page-vertical-padding: calc(2 * #{$base-unit});\n }\n\n .svc-question__content {\n .sd-question__content {\n margin-left: calcSize(-3);\n margin-right: calcSize(-3);\n padding-left: calcSize(3);\n padding-right: calcSize(3);\n\n .sd-selectbase__column {\n max-width: initial;\n display: block;\n margin-left: 0;\n }\n }\n\n &>.svc-question__dropdown-choices--wrapper {\n width: calc(100% + calcSize(6));\n margin: 0 calcSize(-3);\n\n &>div {\n width: calc(100% - calcSize(6));\n margin: 0 calcSize(3);\n }\n }\n }\n\n .svc-question__drag-area {\n height: calcSize(3);\n }\n\n .svc-question__content--selected {\n .svc-rating-question-controls {\n bottom: calcSize(10);\n }\n }\n\n .svc-page {\n margin-top: calcSize(1);\n }\n\n .svc-page__content {\n padding-left: 0;\n padding-right: 0;\n border: 0;\n\n .sd-page__title {\n margin: 0;\n }\n\n &.svc-page__content--selected {\n .sd-page__title {\n margin: calcSize(2.5) 0 0 0;\n }\n }\n }\n\n .svc-page__footer {\n margin-left: calcSize(3);\n margin-right: calcSize(3);\n margin-top: calcSize(3);\n }\n\n .svc-designer-placeholder-page {\n .svc-page__footer {\n margin-top: 0;\n }\n }\n\n .svc-tab-designer {\n justify-content: initial;\n\n .sd-title.sd-container-modern__title {\n padding: calcSize(3);\n flex-direction: column-reverse;\n align-items: flex-start;\n\n .svc-logo-image {\n margin-top: 0;\n }\n\n .svc-logo-image-placeholder {\n margin-left: calcSize(-2);\n margin-top: calcSize(-2);\n }\n\n h3 {\n @include ctrMediumBoldFont;\n margin: 0;\n }\n\n h5 {\n margin: 0;\n }\n }\n }\n\n .svc-tab-designer {\n .sd-container-modern {\n padding: 0;\n }\n }\n\n .svc-properties-wrapper {\n width: 100%;\n }\n\n .svc-question__content-actions {\n width: calc(100% + 3 * #{$base-unit});\n\n .svc-survey-element-toolbar__item {\n border: 0;\n }\n }\n\n .svc-page__content-actions {\n .svc-page-toolbar {\n padding-right: calcSize(1);\n\n .sv-action {\n .sv-action__content {\n padding-right: 0;\n }\n }\n }\n }\n\n .svc-page-toolbar-item__title--with-icon {\n display: none;\n }\n}","@use \"../../variables\" as *;\n\n.svc-switcher.spg-action-button {\n align-items: center;\n gap: calcSize(1);\n pointer-events: auto;\n}\n\n.svc-switcher__title {\n @include ctrSmallBoldFont;\n color: var(--ctr-property-grid-switcher-text-color, $foreground-light);\n}\n\n.svc-switcher__icon {\n width: calcSize(2.5);\n padding: calcSize(0.5);\n justify-content: center;\n align-items: center;\n border-radius: 100px;\n border: 1px solid $border;\n background: $background-dim;\n\n transition-duration: 0.2s;\n transition-property: background;\n transition-timing-function: linear;\n}\n\n.svc-switcher__icon:hover {\n background: $background;\n}\n\n.svc-switcher__icon:focus {\n border: calcSize(0.25) solid $primary;\n background: $background-dim;\n}\n\n.svc-switcher__icon:hover:focus {\n border: calcSize(0.25) solid $primary;\n background: $background;\n}\n\n.svc-switcher__icon--checked,\n.svc-switcher__icon--checked:hover {\n justify-content: center;\n align-items: center;\n border: unset;\n\n border-radius: 100px;\n background-color: $primary;\n}\n\n.svc-switcher__icon--checked:focus {\n border: calcSize(0.25) solid $primary;\n background-color: $primary-foreground;\n}\n\n.svc-switcher__icon-thumb {\n width: calcSize(1);\n height: calcSize(1);\n justify-content: center;\n align-items: center;\n\n border-radius: 100px;\n background-color: $foreground-dim-light;\n\n transform: translateX(0);\n margin-left: 0%;\n transition-duration: 0.2s;\n transition-property: margin-left, transform, background-color;\n transition-timing-function: linear;\n}\n\n.svc-switcher__icon--checked .svc-switcher__icon-thumb {\n background-color: $primary-foreground;\n margin-left: 100%;\n transform: translateX(-100%);\n}\n\n.svc-switcher__icon:focus,\n.svc-switcher__icon:hover:focus,\n.svc-switcher__icon--checked:focus {\n .svc-switcher__icon-thumb {\n background-color: $primary;\n }\n}\n","@use \"../variables\" as *;\n\n.svc-notifier.svc-notifier--shown {\n visibility: visible;\n opacity: var(--ctr-notification-opacity, 0.75);\n}\n\n.svc-notifier {\n @include ctrSmallBoldFont;\n\n position: absolute;\n bottom: calcSize(1);\n left: calcSize(1);\n background: var(--ctr-notification-background-color, $background);\n opacity: 0;\n padding: calcSize(1) calcSize(2);\n box-shadow: $shadow-medium;\n border-radius: calcSize(0.5);\n color: var(--ctr-notification-text-color, $foreground);\n min-width: calcSize(30);\n text-align: center;\n z-index: 1600; //todo: should overlap popup\n\n visibility: hidden;\n}\n\n.svc-notifier.svc-notifier--error {\n background-color: var(--ctr-notification-background-color-error, $red);\n color: var(--ctr-notification-text-color-error, $red-forecolor);\n opacity: var(--ctr-notification-opacity-error, 1);\n}\n\n.svc-creator--mobile {\n .svc-notifier {\n left: 0;\n bottom: calcSize(6);\n width: 100%;\n box-sizing: border-box;\n opacity: 1;\n z-index: 1000;\n }\n}","@use \"../variables\" as *;\n@use \"./notifier.scss\";\n@use \"./popup.scss\";\n@use \"./button.scss\";\n@use \"./surface-placeholder.scss\";\n@use \"../lbr-font-sizes.scss\";\n@use \"../lbr-sizes.scss\";\n@use \"../ctr-font-sizes.scss\";\n@use \"../ctr-sizes.scss\";\n\nsurvey-creator,\n.svc-creator {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n position: relative;\n\n -webkit-font-smoothing: antialiased;\n\n @-moz-document url-prefix() {\n scrollbar-width: thin;\n scrollbar-color: $border transparent;\n }\n\n ::-webkit-scrollbar {\n width: var(--ctr-scrollbar-width, 12px);\n height: var(--ctr-scrollbar-width, 12px);\n background-color: transparent;\n }\n\n ::-webkit-scrollbar-thumb {\n border: var(--ctr-scrollbar-padding-vertical, 4px) solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: 1024px;\n background-color: var(--ctr-scrollbar-background-color, $border);\n }\n\n ::-webkit-scrollbar-track {\n background: transparent;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n border: var(--ctr-scrollbar-padding-vertical-hovered, 2px) solid rgba(0, 0, 0, 0);\n background-color: var(--ctr-scrollbar-background-color, $border);\n }\n\n .sv-popup .sv-popup__scrolling-content {\n ::-webkit-scrollbar-thumb:hover {\n background-color: var(--ctr-scrollbar-background-color, $border);\n }\n }\n}\n\nsurvey-creator,\n.svc-creator {\n .sv-drag-drop-choices-shortcut {\n .sv-drag-drop-choices-shortcut__content {\n background: var(--ctr-survey-radio-button-group-item-background-color-floating, $background);\n border-radius: var(--ctr-survey-radio-button-group-item-corner-radius-floating, calcSize(4.5));\n box-shadow:\n var(--ctr-survey-radio-button-group-item-shadow-floating-2-offset-x, 0px)\n var(--ctr-survey-radio-button-group-item-shadow-floating-2-offset-y, 2px)\n var(--ctr-survey-radio-button-group-item-shadow-floating-2-blur, 8px)\n var(--ctr-survey-radio-button-group-item-shadow-floating-2-spread, 0px)\n var(--ctr-survey-radio-button-group-item-shadow-floating-2-color, rgba(0, 76, 68, 0.1)),\n var(--ctr-survey-radio-button-group-item-shadow-floating-1-offset-x, 0px)\n var(--ctr-survey-radio-button-group-item-shadow-floating-1-offset-y, 16px)\n var(--ctr-survey-radio-button-group-item-shadow-floating-1-blur, 32px)\n var(--ctr-survey-radio-button-group-item-shadow-floating-1-spread, 0px)\n var(--ctr-survey-radio-button-group-item-shadow-floating-1-color, rgba(0, 76, 68, 0.1));\n\n .sd-item__decorator {\n }\n\n .svc-item-value__item {\n overflow: hidden;\n\n .sv-string-viewer,\n .sv-string-editor {\n white-space: nowrap;\n }\n }\n }\n }\n}\n\n.svc-creator__area {\n position: relative;\n\n @include disableUserSelect;\n}\n\n.svc-creator__content-wrapper {\n width: 100%;\n height: 0;\n flex-grow: 1;\n}\n\n.svc-creator__content-holder {\n width: 100%;\n height: 100%;\n}\n\n.svc-creator-tab {\n display: flex;\n width: 100%;\n height: 100%;\n overflow: hidden;\n position: relative;\n min-height: $tab-min-height;\n}\n\n.svc-creator__toolbox--right.svc-creator-tab {\n flex-direction: row-reverse;\n}\n\n.svc-creator-tab__content {\n position: relative;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n}\n\n.svc-plugin-tab__content {\n flex-basis: 0;\n max-height: 100%;\n overflow-y: auto;\n flex-grow: 1;\n}\n\n.sv-popup__content {\n .svc-plugin-tab__content {\n flex-basis: 100%;\n height: 100%;\n }\n}\n\n.svc-plugin-tab__content-actions {\n sv-action-bar {\n padding: 0;\n height: calc(6 * #{$base-unit});\n background: $background;\n border-top: 1px solid $border;\n }\n}\n\n.svc-creator__banner {\n width: 100%;\n line-height: calcSize(4);\n background-color: var(--ctr-page-banner-background-color, $secondary);\n text-align: center;\n}\n\n.svc-item__banner {\n position: relative;\n max-width: 0;\n overflow: hidden;\n height: 100%;\n background-color: $background;\n /* Shadow / Medium */\n border-radius: calcSize(12.5);\n box-shadow: $shadow-medium;\n transition:\n max-width 0.1s ease-in-out,\n padding 0.2s ease-in-out;\n}\n\n.svc-creator__non-commercial-text {\n @include ctrDefaultBoldFont;\n color: var(--ctr-page-banner-text-color, $primary-foreground);\n vertical-align: middle;\n padding: calcSize(1.5) calcSize(16);\n display: block;\n\n a {\n color: var(--ctr-page-banner-text-color, $primary-foreground);\n }\n}\n\n.svc-creator--mobile {\n .svc-creator__non-commercial-text {\n padding: calcSize(1.5) calcSize(5);\n }\n}\n\n.sv-drag-drop-ghost {\n top: calcSize(0.75);\n width: 100%;\n height: calcSize(0.5);\n background: $secondary;\n position: absolute;\n}\n\n.sv-drag-drop-ghost--vertical {\n height: 10000px;\n width: 4px;\n}\n\n.sv-drag-drop-ghost--item-value-bottom {\n top: initial;\n bottom: calcSize(-0.5);\n}\n\n.svc-creator--disable-animations {\n --sjs-creator-transition-duration: 0ms;\n}\n","@use \"../variables\" as *;\n\n.svc-creator-popup {\n &.sv-popup--modal {\n background-color: var(--ctr-popup-haze-background-color, $background-semitransparent);\n }\n\n &.sv-popup--modal > .sv-popup__container {\n background-color: var(--ctr-popup-background-color, $background-dim-light);\n border-radius: var(--ctr-popup-corner-radius, var(--sjs-corner-radius, 4px));\n box-shadow:\n var(--ctr-popup-shadow-1-offset-x, 0px) var(--ctr-popup-shadow-1-offset-y, 2px)\n var(--ctr-popup-shadow-1-blur, 8px) var(--ctr-popup-shadow-1-spread, 0px)\n var(--ctr-popup-shadow-1-color, rgba(0, 76, 68, 0.1)),\n var(--ctr-popup-shadow-2-offset-x, 0px) var(--ctr-popup-shadow-2-offset-y, 16px)\n var(--ctr-popup-shadow-2-blur, 32px) var(--ctr-popup-shadow-2-spread, 0px)\n var(--ctr-popup-shadow-2-color, rgba(0, 76, 68, 0.1)),\n var(--ctr-popup-shadow-3-offset-x, 0px) var(--ctr-popup-shadow-3-offset-y, 32px)\n var(--ctr-popup-shadow-3-blur, 64px) var(--ctr-popup-shadow-3-spread, 0px)\n var(--ctr-popup-shadow-3-color, rgba(0, 76, 68, 0.1));\n\n .sv-footer-action-bar {\n gap: var(--ctr-popup-buttons-gap, calcSize(1.5));\n }\n\n & > .sv-popup__body-content {\n background-color: var(--ctr-popup-background-color, $background-dim-light);\n border-radius: var(--ctr-popup-corner-radius, var(--sjs-corner-radius, 4px));\n\n padding: var(--ctr-popup-padding-top, calcSize(4)) var(--ctr-popup-padding-right, calcSize(4))\n var(--ctr-popup-padding-bottom, calcSize(4)) var(--ctr-popup-padding-left, calcSize(4));\n\n gap: var(--ctr-popup-gap, 32px);\n box-shadow: unset;\n }\n }\n\n &.sv-popup--dropdown-overlay .sv-popup__scrolling-content {\n height: auto\n }\n \n &.sv-popup--overlay.sv-popup--tablet > .sv-popup__container {\n background-color: var(--ctr-popup-haze-background-color, $background-semitransparent);\n }\n &.sv-popup--overlay .sv-popup__container {\n // background-color: var(--ctr-popup-menu-background-color, $background);\n background-color: var(--ctr-popup-haze-background-color, $background-semitransparent);\n }\n &.sv-popup--overlay:not(.sv-popup--dropdown-overlay) {\n .sv-popup__body-content {\n background-color: var(--ctr-popup-background-color, $background-dim);\n }\n\n .sv-popup__button.sv-popup__button {\n background-color: var(--ctr-button-background-color-cta, $primary);\n border: 2px solid var(--ctr-button-background-color-cta, $primary);\n color: var(--ctr-button-text-color-cta, $primary-foreground);\n }\n }\n\n .sv-popup__pointer {\n &:after {\n content: \" \";\n border-bottom: calcSize(1) solid var(--ctr-popup-menu-pointer-color, $background);\n }\n }\n\n .sv-popup__container {\n background-color: transparent;\n border-radius: var(--ctr-popup-menu-corner-radius, calcSize(0.5));\n box-shadow: \n var(--ctr-popup-menu-shadow-1-offset-x, 0px)\n var(--ctr-popup-menu-shadow-1-offset-y, 2px) \n var(--ctr-popup-menu-shadow-1-blur, 6px) \n var(--ctr-popup-menu-shadow-1-spread, 0px) \n var(--ctr-popup-menu-shadow-1-color, rgba(0, 0, 0, 0.1)), \n\n var(--ctr-popup-menu-shadow-2-offset-x, 0px) \n var(--ctr-popup-menu-shadow-2-offset-y, 8px) \n var(--ctr-popup-menu-shadow-2-blur, 16px) \n var(--ctr-popup-menu-shadow-2-spread, 0px) \n var(--ctr-popup-menu-shadow-2-color, rgba(0, 0, 0, 0.1));\n }\n\n .sv-popup__body-header {\n @include ctrMediumBoldFont;\n color: var(--ctr-popup-title-color, $foreground);\n }\n\n &.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__body-content,\n .sv-popup__body-content {\n border-radius: var(--ctr-popup-menu-corner-radius, calcSize(0.5));\n }\n\n &.svc-property-editor.sv-popup--overlay:not(.sv-popup--dropdown-overlay) .sv-popup__body-content {\n background-color: var(--ctr-popup-background-color, $background-dim);\n border-radius: calc(4 * (var(--ctr-popup-menu-corner-radius, 4px)))\n calc(4 * (var(--ctr-popup-menu-corner-radius, 4px))) 0px 0px;\n }\n\n &.sv-popup--dropdown,\n &.sv-popup--dropdown-overlay {\n .sv-popup__body-content {\n background-color: var(--ctr-popup-menu-background-color, $background);\n padding: 0;\n }\n }\n\n &.sv-popup--dropdown.svc-toolbox-subtypes {\n .sv-popup__body-content {\n background: unset;\n }\n }\n\n //styles for dropdown overlay\n &.sv-popup--dropdown-overlay {\n .sv-popup__button.sv-popup__button {\n color: var(--ctr-actionbar-button-text-color, $primary);\n border-radius: var(--ctr-actionbar-button-corner-radius, calcSize(12.5));\n padding: var(--ctr-actionbar-button-padding-top-medium-text, calcSize(0.5))\n var(--ctr-actionbar-button-padding-right-medium-text, calcSize(2))\n var(--ctr-actionbar-button-padding-bottom-medium-text, calcSize(0.5))\n var(--ctr-actionbar-button-padding-left-medium-text, calcSize(2));\n }\n\n .sv-popup__body-footer {\n background-color: var(--ctr-popup-menu-footer-background-color, $background-dim);\n border-top: 1px solid var(--ctr-popup-menu-footer-border-color, $border-light);\n padding: var(--ctr-popup-menu-footer-padding-top, calcSize(1)) var(--ctr-popup-menu-footer-padding-right, 0)\n var(--ctr-popup-menu-footer-padding-bottom, calcSize(1)) var(--ctr-popup-menu-footer-padding-left, 0);\n }\n\n .sv-popup__button:disabled {\n color: var(--ctr-actionbar-button-text-color-disabled, $foreground);\n opacity: var(--ctr-actionbar-button-opacity-disabled, 0.25);\n }\n }\n\n &.sv-dropdown-popup.sv-popup--dropdown-overlay {\n .sv-popup__body-footer {\n background-color: var(--ctr-contextual-menu-footer-background-color, $background-dim);\n }\n }\n\n .sv-popup__content {\n @include ctrDefaultFont;\n color: var(--ctr-popup-message-color, #404040);\n }\n}\n","@use \"../variables\" as *;\n\n.svc-creator-popup.sv-popup--modal {\n .sd-btn.sv-popup__button {\n border-radius: var(--ctr-button-corner-radius-small, $corner-radius);\n padding: var(--ctr-button-padding-vertical-small, calcSize(2))\n var(--ctr-button-padding-horizontal-small, calcSize(6)) var(--ctr-button-padding-vertical-small, calcSize(2))\n var(--ctr-button-padding-horizontal-small, calcSize(6));\n display: flex;\n flex-direction: row;\n gap: var(--ctr-button-gap, calcSize(4));\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n position: relative;\n box-shadow: var(--ctr-button-shadow-offset-x, 0px) var(--ctr-button-shadow-offset-y, 1px)\n var(--ctr-button-shadow-blur, 2px) var(--ctr-button-shadow-spread, 0px)\n var(--ctr-button-shadow-color, rgba(0, 0, 0, 0.15));\n\n span {\n @include ctrDefaultBoldFont;\n\n text-align: center;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n\n .sv-popup__button {\n background: var(--ctr-button-background-color, $background);\n color: var(--ctr-button-text-color, $primary);\n\n &:hover {\n background: var(--ctr-button-background-color-hovered, $background-dark);\n }\n }\n\n .sv-popup__button--apply {\n background: var(--ctr-button-background-color-cta, $primary);\n color: var(--ctr-button-text-color-cta, $primary-foreground);\n\n &:hover {\n background: var(--ctr-button-background-color-cta-hovered, $primary-background-dark);\n }\n }\n\n .sd-btn--danger {\n background: var(--ctr-button-background-color-danger, $red);\n color: var(--ctr-button-text-color-danger, $red-forecolor);\n\n &:hover {\n background: var(--ctr-button-background-color-danger-hovered, $red);\n }\n }\n}\n","@use \"../variables\" as *;\n\n.svc-surface-placeholder {\n display: flex;\n width: 100%;\n max-width: var(--ctr-surface-placeholder-max-width, 720px);\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 0px;\n padding: calcSize(2);\n box-sizing: border-box;\n}\n\n.svc-creator--mobile {\n .svc-surface-placeholder {\n padding: var(--ctr-surface-placeholder-padding-top, 0px) var(--ctr-surface-placeholder-padding-right, 48px) var(--ctr-surface-placeholder-padding-bottom, 0px) var(--ctr-surface-placeholder-padding-left, 48px);\n }\n\n .svc-surface-placeholder__text {\n padding: var(--ctr-surface-placeholder-text-margin-top, 32px) var(--ctr-surface-placeholder-text-margin-right, 32px) var(--ctr-surface-placeholder-text-margin-bottom, 24px) var(--ctr-surface-placeholder-text-margin-left, 32px);\n }\n}\n\n.svc-surface-placeholder__image {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n padding: 135px 170px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n}\n\n.svc-surface-placeholder__image--designer {\n background: url(\"../images/placeholder-designer.png\") 50% / contain no-repeat;\n}\n\n.svc-surface-placeholder__image--preview {\n background: url(\"../images/placeholder-preview.png\") 50% / contain no-repeat;\n}\n\n.svc-surface-placeholder__image--theme {\n background: url(\"../images/placeholder-themes.png\") 50% / contain no-repeat;\n}\n\n.svc-surface-placeholder__image--logic {\n background: url(\"../images/placeholder-logic.png\") 50% / contain no-repeat;\n}\n\n.svc-surface-placeholder__image--translation {\n background: url(\"../images/placeholder-translations.png\") 50% / contain no-repeat;\n}\n\n.svc-surface-placeholder__text {\n padding: var(--ctr-surface-placeholder-text-margin-top, 32px) 0px var(--ctr-surface-placeholder-text-margin-bottom, 24px) 0px;\n display: flex;\n flex-direction: column;\n gap: var(--ctr-surface-placeholder-text-gap, 8px);\n align-items: center;\n justify-content: center;\n align-self: center;\n flex-shrink: 0;\n width: 100%;\n}\n\n.svc-surface-placeholder__title {\n @include ctrMediumBoldFont;\n color: var(--ctr-surface-placeholder-text-title-color, rgba(0, 0, 0, 0.91));\n text-align: center;\n align-self: stretch;\n}\n\n.svc-surface-placeholder__description {\n @include ctrDefaultFont;\n color: var(--ctr-surface-placeholder-text-description-color, rgba(0, 0, 0, 0.45));\n text-align: center;\n align-self: stretch;\n}\n\n.svc-designer__placeholder-container {\n padding-bottom: calcSize(8);\n}\n\n.svc-logic-tab--empty> :last-child {\n margin-bottom: calcSize(12);\n}\n\n.svc-test-tab--empty,\n.svc-translation-tab--empty {\n .svc-surface-placeholder {\n padding-bottom: calcSize(12);\n }\n}\n\n.svc-creator--mobile {\n .svc-designer__placeholder-container {\n padding-bottom: calcSize(2);\n }\n\n .svc-logic-tab--empty> :last-child {\n margin-bottom: calcSize(2);\n }\n\n .svc-test-tab--empty,\n .svc-translation-tab--empty {\n .svc-surface-placeholder {\n padding-bottom: calcSize(2);\n }\n }\n\n}","@use \"./lbr-variables.scss\" as *;\n\n.svc-creator {\n --lbr-line-height-x8: calc(#{$lbr-line-height-unit} * 8);\n --lbr-line-height-x7: calc(#{$lbr-line-height-unit} * 7);\n --lbr-line-height-x6: calc(#{$lbr-line-height-unit} * 6);\n --lbr-line-height-x5: calc(#{$lbr-line-height-unit} * 5);\n --lbr-line-height-x4: calc(#{$lbr-line-height-unit} * 4);\n --lbr-line-height-x3: calc(#{$lbr-line-height-unit} * 3);\n --lbr-line-height-x2: calc(#{$lbr-line-height-unit} * 2);\n --lbr-line-height-x150: calc(#{$lbr-line-height-unit} * 1.5);\n --lbr-line-height-x1: calc(#{$lbr-line-height-unit} * 1);\n --lbr-font-size-x8: calc(#{$lbr-font-unit} * 8);\n --lbr-font-size-x7: calc(#{$lbr-font-unit} * 7);\n --lbr-font-size-x6: calc(#{$lbr-font-unit} * 6);\n --lbr-font-size-x5: calc(#{$lbr-font-unit} * 5);\n --lbr-font-size-x4: calc(#{$lbr-font-unit} * 4);\n --lbr-font-size-x3: calc(#{$lbr-font-unit} * 3);\n --lbr-font-size-x2: calc(#{$lbr-font-unit} * 2);\n --lbr-font-size-x1: calc(#{$lbr-font-unit} * 1);\n --lbr-font-size-x150: calc(#{$lbr-font-unit} * 1.5);\n}","@use \"./lbr-variables.scss\" as *;\n\n.svc-creator {\n --lbr-spacing-x16: calc(#{$lbr-spacing-unit} * 16);\n --lbr-spacing-x15: calc(#{$lbr-spacing-unit} * 15);\n --lbr-spacing-x14: calc(#{$lbr-spacing-unit} * 14);\n --lbr-spacing-x13: calc(#{$lbr-spacing-unit} * 13);\n --lbr-spacing-x12: calc(#{$lbr-spacing-unit} * 12);\n --lbr-spacing-x11: calc(#{$lbr-spacing-unit} * 11);\n --lbr-spacing-x1050: calc(#{$lbr-spacing-unit} * 10.5);\n --lbr-spacing-x10: calc(#{$lbr-spacing-unit} * 10);\n --lbr-spacing-x9: calc(#{$lbr-spacing-unit} * 9);\n --lbr-spacing-x850: calc(#{$lbr-spacing-unit} * 8.5);\n --lbr-spacing-x8: calc(#{$lbr-spacing-unit} * 8);\n --lbr-spacing-x7: calc(#{$lbr-spacing-unit} * 7);\n --lbr-spacing-x6: calc(#{$lbr-spacing-unit} * 6);\n --lbr-spacing-x5: calc(#{$lbr-spacing-unit} * 5);\n --lbr-spacing-x4: calc(#{$lbr-spacing-unit} * 4);\n --lbr-spacing-x350: calc(#{$lbr-spacing-unit} * 3.5);\n --lbr-spacing-x3: calc(#{$lbr-spacing-unit} * 3);\n --lbr-spacing-x2: calc(#{$lbr-spacing-unit} * 2);\n --lbr-spacing-x1: calc(#{$lbr-spacing-unit} * 1);\n --lbr-spacing-x0375: calc(#{$lbr-spacing-unit} * 0.375);\n --lbr-spacing-x05: calc(#{$lbr-spacing-unit} * 0.5);\n --lbr-spacing-x250: calc(#{$lbr-spacing-unit} * 2.5);\n --lbr-spacing-x150: calc(#{$lbr-spacing-unit} * 1.5);\n --lbr-spacing-x125: calc(#{$lbr-spacing-unit} * 1.25);\n --lbr-spacing-x075: calc(#{$lbr-spacing-unit} * 0.75);\n --lbr-spacing-x025: calc(#{$lbr-spacing-unit} * 0.25);\n --lbr-spacing-x0125: calc(#{$lbr-spacing-unit} * 0.125);\n --lbr-spacing-x025n: calc(#{$lbr-spacing-unit} * -0.25);\n --lbr-spacing-x05n: calc(#{$lbr-spacing-unit} * -0.5);\n --lbr-spacing-x1n: calc(#{$lbr-spacing-unit} * -1);\n --lbr-spacing-x150n: calc(#{$lbr-spacing-unit} * -1.5);\n --lbr-spacing-x2n: calc(#{$lbr-spacing-unit} * -2);\n --lbr-spacing-x250n: calc(#{$lbr-spacing-unit} * -2.5);\n --lbr-spacing-x3n: calc(#{$lbr-spacing-unit} * -3);\n --lbr-spacing-x4n: calc(#{$lbr-spacing-unit} * -4);\n --lbr-spacing-x5n: calc(#{$lbr-spacing-unit} * -5);\n --lbr-spacing-x6n: calc(#{$lbr-spacing-unit} * -6);\n --lbr-spacing-x7n: calc(#{$lbr-spacing-unit} * -7);\n --lbr-spacing-x8n: calc(#{$lbr-spacing-unit} * -8);\n --lbr-corner-radius-x0125: calc(#{$lbr-corner-radius-unit} * 0.125);\n --lbr-corner-radius-x025: calc(#{$lbr-corner-radius-unit} * 0.25);\n --lbr-corner-radius-x0375: calc(#{$lbr-corner-radius-unit} * 0.375);\n --lbr-corner-radius-x05: calc(#{$lbr-corner-radius-unit} * 0.5);\n --lbr-corner-radius-x075: calc(#{$lbr-corner-radius-unit} * 0.75);\n --lbr-corner-radius-x1: calc(#{$lbr-corner-radius-unit} * 1);\n --lbr-corner-radius-x125: calc(#{$lbr-corner-radius-unit} * 1.25);\n --lbr-corner-radius-x150: calc(#{$lbr-corner-radius-unit} * 1.5);\n --lbr-corner-radius-x2: calc(#{$lbr-corner-radius-unit} * 2);\n --lbr-corner-radius-x250: calc(#{$lbr-corner-radius-unit} * 2.5);\n --lbr-corner-radius-x3: calc(#{$lbr-corner-radius-unit} * 3);\n --lbr-corner-radius-x350: calc(#{$lbr-corner-radius-unit} * 3.5);\n --lbr-corner-radius-x4: calc(#{$lbr-corner-radius-unit} * 4);\n --lbr-corner-radius-x5: calc(#{$lbr-corner-radius-unit} * 5);\n --lbr-corner-radius-x6: calc(#{$lbr-corner-radius-unit} * 6);\n --lbr-corner-radius-x7: calc(#{$lbr-corner-radius-unit} * 7);\n --lbr-corner-radius-x8: calc(#{$lbr-corner-radius-unit} * 8);\n --lbr-corner-radius-round: 1024px;\n --lbr-stroke-x1: calc(#{$lbr-stroke-unit} * 1);\n --lbr-stroke-x2: calc(#{$lbr-stroke-unit} * 2);\n --lbr-stroke-x3: calc(#{$lbr-stroke-unit} * 3);\n --lbr-stroke-x4: calc(#{$lbr-stroke-unit} * 4);\n --lbr-stroke-x6: calc(#{$lbr-stroke-unit} * 6);\n --lbr-stroke-x8: calc(#{$lbr-stroke-unit} * 8);\n --lbr-size-x0125: calc(#{$lbr-size-unit} * 0.125);\n --lbr-size-x025: calc(#{$lbr-size-unit} * 0.25);\n --lbr-size-x05: calc(#{$lbr-size-unit} * 0.5);\n --lbr-size-x075: calc(#{$lbr-size-unit} * 0.75);\n --lbr-size-x1: calc(#{$lbr-size-unit} * 1);\n --lbr-size-x125: calc(#{$lbr-size-unit} * 12.5);\n --lbr-size-x150: calc(#{$lbr-size-unit} * 1.5);\n --lbr-size-x2: calc(#{$lbr-size-unit} * 2);\n --lbr-size-x250: calc(#{$lbr-size-unit} * 2.5);\n --lbr-size-x3: calc(#{$lbr-size-unit} * 3);\n --lbr-size-x350: calc(#{$lbr-size-unit} * 3.5);\n --lbr-size-x4: calc(#{$lbr-size-unit} * 4);\n --lbr-size-x450: calc(#{$lbr-size-unit} * 4.5);\n --lbr-size-x5: calc(#{$lbr-size-unit} * 5);\n --lbr-size-x550: calc(#{$lbr-size-unit} * 5.5);\n --lbr-size-x6: calc(#{$lbr-size-unit} * 6);\n --lbr-size-x7: calc(#{$lbr-size-unit} * 7);\n --lbr-size-x8: calc(#{$lbr-size-unit} * 8);\n --lbr-size-x9: calc(#{$lbr-size-unit} * 9);\n --lbr-size-x10: calc(#{$lbr-size-unit} * 10);\n --lbr-size-x11: calc(#{$lbr-size-unit} * 11);\n --lbr-size-x12: calc(#{$lbr-size-unit} * 12);\n --lbr-size-x13: calc(#{$lbr-size-unit} * 13);\n --lbr-size-x14: calc(#{$lbr-size-unit} * 14);\n --lbr-size-x15: calc(#{$lbr-size-unit} * 15);\n --lbr-size-x16: calc(#{$lbr-size-unit} * 16);\n --lbr-size-x17: calc(#{$lbr-size-unit} * 17);\n --lbr-size-x18: calc(#{$lbr-size-unit} * 18);\n --lbr-size-x20: calc(#{$lbr-size-unit} * 20);\n --lbr-size-x28: calc(#{$lbr-size-unit} * 28);\n --lbr-size-x32: calc(#{$lbr-size-unit} * 32);\n --lbr-size-x40: calc(#{$lbr-size-unit} * 40);\n --lbr-size-x50: calc(#{$lbr-size-unit} * 50);\n --lbr-size-x60: calc(#{$lbr-size-unit} * 60);\n --lbr-size-x64: calc(#{$lbr-size-unit} * 64);\n --lbr-size-x80: calc(#{$lbr-size-unit} * 80);\n --lbr-size-x86: calc(#{$lbr-size-unit} * 86);\n --lbr-size-x90: calc(#{$lbr-size-unit} * 90);\n --lbr-size-max: 10000px;\n}","@use \"./ctr-variables.scss\" as *;\n\n.svc-creator {\n --sjs-font-size-x05: calc(#{$font-unit} * 0.5);\n --sjs-font-size-x075: calc(#{$font-unit} * 0.75);\n --sjs-font-size-x1: calc(#{$font-unit} * 1);\n --sjs-font-size-x150: calc(#{$font-unit} * 1.5);\n --sjs-font-size-x2: calc(#{$font-unit} * 2);\n --sjs-font-size-x3: calc(#{$font-unit} * 3);\n --sjs-font-size-x4: calc(#{$font-unit} * 4);\n --sjs-font-size-x5: calc(#{$font-unit} * 5);\n --sjs-font-size-x6: calc(#{$font-unit} * 6);\n --sjs-font-size-x7: calc(#{$font-unit} * 7);\n --sjs-font-size-x8: calc(#{$font-unit} * 8);\n --sjs-line-height-x1: calc(#{$line-height-unit} * 1);\n --sjs-line-height-x150: calc(#{$line-height-unit} * 1.5);\n --sjs-line-height-x2: calc(#{$line-height-unit} * 2);\n --sjs-line-height-x3: calc(#{$line-height-unit} * 3);\n --sjs-line-height-x4: calc(#{$line-height-unit} * 4);\n --sjs-line-height-x5: calc(#{$line-height-unit} * 5);\n --sjs-line-height-x6: calc(#{$line-height-unit} * 6);\n --sjs-line-height-x7: calc(#{$line-height-unit} * 7);\n --sjs-line-height-x8: calc(#{$line-height-unit} * 8);\n}","@use \"./ctr-variables.scss\" as *;\n\n.svc-creator {\n --sjs-spacing-x2: calc(#{$spacing-unit} * 2);\n --sjs-spacing-x3: calc(#{$spacing-unit} * 3);\n --sjs-spacing-x1: calc(#{$spacing-unit} * 1);\n --sjs-spacing-x05: calc(#{$spacing-unit} * 0.5);\n --sjs-spacing-x025: calc(#{$spacing-unit} * 0.25);\n --sjs-spacing-x0125: calc(#{$spacing-unit} * 0.125);\n --sjs-spacing-x150: calc(#{$spacing-unit} * 1.5);\n --sjs-spacing-x250: calc(#{$spacing-unit} * 2.5);\n --sjs-spacing-x4: calc(#{$spacing-unit} * 4);\n --sjs-spacing-x350: calc(#{$spacing-unit} * 3.5);\n --sjs-spacing-x5: calc(#{$spacing-unit} * 5);\n --sjs-spacing-x6: calc(#{$spacing-unit} * 6);\n --sjs-spacing-x7: calc(#{$spacing-unit} * 7);\n --sjs-spacing-x8: calc(#{$spacing-unit} * 8);\n --sjs-spacing-x9: calc(#{$spacing-unit} * 9);\n --sjs-spacing-x10: calc(#{$spacing-unit} * 10);\n --sjs-spacing-x11: calc(#{$spacing-unit} * 11);\n --sjs-spacing-x12: calc(#{$spacing-unit} * 12);\n --sjs-spacing-x13: calc(#{$spacing-unit} * 13);\n --sjs-spacing-x14: calc(#{$spacing-unit} * 14);\n --sjs-spacing-x15: calc(#{$spacing-unit} * 15);\n --sjs-spacing-x16: calc(#{$spacing-unit} * 16);\n --sjs-spacing-x075: calc(#{$spacing-unit} * 0.75);\n --sjs-spacing-x125: calc(#{$spacing-unit} * 1.25);\n --sjs-spacing-x1050: calc(#{$spacing-unit} * 10.5);\n --sjs-spacing-x0375: calc(#{$spacing-unit} * 0.375);\n --sjs-spacing-x850: calc(#{$spacing-unit} * 8.5);\n --sjs-spacing-x025n: calc(#{$spacing-unit} * -0.25);\n --sjs-spacing-x3n: calc(#{$spacing-unit} * -3);\n --sjs-spacing-x4n: calc(#{$spacing-unit} * -4);\n --sjs-spacing-x05n: calc(#{$spacing-unit} * -0.5);\n --sjs-spacing-x1n: calc(#{$spacing-unit} * -1);\n --sjs-spacing-x150n: calc(#{$spacing-unit} * -1.5);\n --sjs-spacing-x2n: calc(#{$spacing-unit} * -2);\n --sjs-spacing-x5n: calc(#{$spacing-unit} * -5);\n --sjs-spacing-x6n: calc(#{$spacing-unit} * -6);\n --sjs-spacing-x7n: calc(#{$spacing-unit} * -7);\n --sjs-spacing-x8n: calc(#{$spacing-unit} * -8);\n --sjs-corner-radius-x0125: calc(#{$corner-radius-unit} * 0.125);\n --sjs-corner-radius-x025: calc(#{$corner-radius-unit} * 0.25);\n --sjs-corner-radius-x05: calc(#{$corner-radius-unit} * 0.5);\n --sjs-corner-radius-x075: calc(#{$corner-radius-unit} * 0.75);\n --sjs-corner-radius-x1: calc(#{$corner-radius-unit} * 1);\n --sjs-corner-radius-x125: calc(#{$corner-radius-unit} * 1.25);\n --sjs-corner-radius-x150: calc(#{$corner-radius-unit} * 1.5);\n --sjs-corner-radius-x2: calc(#{$corner-radius-unit} * 2);\n --sjs-corner-radius-x250: calc(#{$corner-radius-unit} * 2.5);\n --sjs-corner-radius-x3: calc(#{$corner-radius-unit} * 3);\n --sjs-corner-radius-x350: calc(#{$corner-radius-unit} * 3.5);\n --sjs-corner-radius-x4: calc(#{$corner-radius-unit} * 4);\n --sjs-corner-radius-x5: calc(#{$corner-radius-unit} * 5);\n --sjs-corner-radius-x6: calc(#{$corner-radius-unit} * 6);\n --sjs-corner-radius-x7: calc(#{$corner-radius-unit} * 7);\n --sjs-corner-radius-x8: calc(#{$corner-radius-unit} * 8);\n --sjs-corner-radius-round: calc(#{$corner-radius-unit} * 128);\n --sjs-corner-radius-x0375: calc(#{$corner-radius-unit} * 0.375);\n --sjs-stroke-x1: calc(#{$stroke-unit} * 1);\n --sjs-stroke-x2: calc(#{$stroke-unit} * 2);\n --sjs-stroke-x3: calc(#{$stroke-unit} * 3);\n --sjs-stroke-x4: calc(#{$stroke-unit} * 4);\n --sjs-stroke-x6: calc(#{$stroke-unit} * 6);\n --sjs-stroke-x8: calc(#{$stroke-unit} * 8);\n --sjs-size-x0125: calc(#{$size-unit} * 0.125);\n --sjs-size-x025: calc(#{$size-unit} * 0.25);\n --sjs-size-x05: calc(#{$size-unit} * 0.5);\n --sjs-size-x075: calc(#{$size-unit} * 0.75);\n --sjs-size-x1: calc(#{$size-unit} * 1);\n --sjs-size-x125: calc(#{$size-unit} * 1.25);\n --sjs-size-x150: calc(#{$size-unit} * 1.5);\n --sjs-size-x2: calc(#{$size-unit} * 2);\n --sjs-size-x250: calc(#{$size-unit} * 2.5);\n --sjs-size-x3: calc(#{$size-unit} * 3);\n --sjs-size-x350: calc(#{$size-unit} * 3.5);\n --sjs-size-x4: calc(#{$size-unit} * 4);\n --sjs-size-x5: calc(#{$size-unit} * 5);\n --sjs-size-x6: calc(#{$size-unit} * 6);\n --sjs-size-x7: calc(#{$size-unit} * 7);\n --sjs-size-x8: calc(#{$size-unit} * 8);\n --sjs-size-x9: calc(#{$size-unit} * 9);\n --sjs-size-x10: calc(#{$size-unit} * 10);\n --sjs-size-x11: calc(#{$size-unit} * 11);\n --sjs-size-x12: calc(#{$size-unit} * 12);\n --sjs-size-x13: calc(#{$size-unit} * 13);\n --sjs-size-x14: calc(#{$size-unit} * 14);\n --sjs-size-x15: calc(#{$size-unit} * 15);\n --sjs-size-x16: calc(#{$size-unit} * 16);\n --sjs-size-x550: calc(#{$size-unit} * 5.5);\n --sjs-size-max: 10000px;\n --sjs-size-x17: calc(#{$size-unit} * 17);\n --sjs-size-x18: calc(#{$size-unit} * 18);\n --sjs-size-x64: calc(#{$size-unit} * 64);\n --sjs-size-x90: calc(#{$size-unit} * 90);\n --sjs-size-x80: calc(#{$size-unit} * 80);\n --sjs-size-x40: calc(#{$size-unit} * 40);\n --sjs-size-x32: calc(#{$size-unit} * 32);\n --sjs-size-x20: calc(#{$size-unit} * 20);\n --sjs-size-x86: calc(#{$size-unit} * 86);\n --sjs-size-x60: calc(#{$size-unit} * 60);\n --sjs-size-x28: calc(#{$size-unit} * 28);\n --sjs-size-x50: calc(#{$size-unit} * 50);\n}","@use \"../variables\" as *;\n\n.sd-element__header {\n .svc-string-editor {\n display: inline-block;\n max-width: 100%;\n }\n}\n\n.svc-string-editor {\n position: static;\n\n [contenteditable=\"true\"] {\n user-select: text;\n -webkit-user-select: text;\n }\n\n .sv-string-editor {\n position: relative;\n outline: none;\n z-index: 12;\n\n &[aria-placeholder]:empty:before {\n content: attr(aria-placeholder);\n color: var(--ctr-survey-page-header-title-color-placeholder, $foreground-light);\n transition: color $creator-transition-duration;\n }\n }\n\n .sv-string-editor--html,\n .sv-string-editor:focus-within {\n white-space: pre-wrap;\n }\n\n &.svc-string-editor--hidden {\n display: none;\n }\n}\n\n.svc-string-editor__content {\n display: inline-block;\n position: relative;\n z-index: 10;\n width: 100%;\n}\n\n.svc-matrix-cell {\n .svc-string-editor__content {\n width: auto;\n }\n}\n\n.svc-string-editor__content:focus-within .svc-remaining-character-counter {\n display: inline-block;\n}\n\n.svc-string-editor__input {\n display: flex;\n}\n\n.svc-remaining-character-counter {\n @include ctrSmallFont;\n display: none;\n position: relative;\n outline: none;\n z-index: 20;\n padding: 0px;\n vertical-align: top;\n margin-inline-start: calcSize(2);\n color: $foreground-light;\n}\n\n.svc-string-editor__border {\n position: absolute;\n z-index: 11;\n display: flex;\n align-items: center;\n justify-content: right;\n line-height: 0px;\n transition: opacity $creator-transition-duration;\n box-shadow: 0px 0px 0px 0px $border-inside;\n border-radius: 3px;\n opacity: 0;\n\n &.svc-string-editor__border--hover {\n top: 0;\n bottom: 0;\n left: calcSize(-0.5);\n right: calcSize(-0.5);\n //right: calcSize(-4.5); // if need pencil icon\n box-shadow: 0px 0px 0px calcSize(0.25) $border-inside;\n transition-delay: 0ms;\n }\n\n &.svc-string-editor__border--focus {\n top: calcSize(-0.5);\n bottom: calcSize(-0.5);\n left: calcSize(-1);\n right: calcSize(-1);\n box-sizing: content-box;\n background-color: $background;\n box-shadow: $shadow-medium, 0px 0px 0px calcSize(0.25) $primary;\n }\n}\n\n.svc-string-editor__error {\n @include ctrDefaultFont;\n margin-left: calcSize(1);\n color: red;\n display: none;\n}\n\n.svc-string-editor__controls {\n position: absolute;\n left: 100%;\n height: 100%;\n width: calcSize(2);\n top: 0;\n padding-left: calcSize(2);\n z-index: 12;\n display: none;\n align-items: center;\n justify-content: center;\n line-height: 0px;\n}\n\n.svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) {\n .svc-string-editor__border--hover {\n opacity: 1;\n transition-delay: 0ms;\n }\n\n .svc-string-editor__border--focus {\n transition: none;\n }\n}\n\n.svc-creator--disable-animations {\n .svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) {\n .svc-string-editor__border--hover {\n transition-delay: 0ms;\n }\n }\n}\n\n.svc-string-editor:focus-within {\n .svc-string-editor__border--focus {\n opacity: 1;\n }\n\n .svc-string-editor__border--hover {\n transition: none;\n }\n}\n\n.svc-string-editor.svc-string-editor--error:focus-within {\n .svc-string-editor__border--focus {\n box-shadow: $shadow-medium, 0px 0px 0px calcSize(0.25) $red;\n }\n}\n\n.sd-boolean {\n .sv-string-editor:focus-within {\n white-space: nowrap;\n }\n}\n\n.sd-rating {\n .sd-rating__item:focus-within {\n\n &:not(.sd-rating__min-text),\n &:not(.sd-rating__max-text) {\n .svc-string-editor:focus-within {\n .svc-string-editor__border {\n display: none;\n }\n }\n }\n }\n}\n\n.sd-table__cell--column-title {\n .svc-matrix-cell:not(:focus):focus-within {\n .svc-matrix-cell--selected {\n border: calcSize(0.25) solid $primary;\n border-radius: calcSize(0.5);\n display: block;\n }\n }\n\n .svc-string-editor:focus-within {\n .svc-string-editor__border {\n display: none;\n }\n }\n}\n\n.sd-item__control-label {\n .svc-string-editor:focus-within {\n .svc-string-editor__border {\n left: calcSize(-0.7);\n right: calcSize(-0.7);\n }\n }\n}\n\n.svc-string-editor {\n\n &:hover,\n &:focus-within {\n &~.sd-question__required-text {\n visibility: hidden;\n }\n }\n}\n\n// .sv-question__header,\n// .sv-title {\n// position: relative;\n// }\n.svc-string-editor--multiline .sv-string-editor {\n white-space: pre-wrap;\n}","@use \"../variables\" as *;\n\n.svc-btn {\n display: flex;\n padding: var(--ctr-button-padding-vertical, calcSize(2)) var(--ctr-button-padding-horizontal, calcSize(6));\n justify-content: center;\n align-items: center;\n\n background-color: var(--ctr-button-background-color, $background);\n border-radius: var(--ctr-button-corner-radius, calcSize(0.5));\n cursor: pointer;\n user-select: none;\n outline: solid calcSize(0.25) transparent;\n transition: background-color $creator-transition-duration;\n\n box-shadow: var(--ctr-button-shadow-offset-x, 0px) var(--ctr-button-shadow-offset-y, 1px)\n var(--ctr-button-shadow-blur, 2px) var(--ctr-button-shadow-spread, 0px)\n var(--ctr-button-shadow-color, var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15)));\n}\n.svc-btn__text {\n @include ctrDefaultBoldFont;\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n color: var(--ctr-button-text-color, $primary);\n}\n\n.svc-btn:hover {\n background-color: var(--ctr-button-background-color-hovered, $background-dark);\n}\n\n.svc-btn:focus {\n box-shadow: 0 0 0 var(--ctr-button-border-width-focused, 2px) var(--ctr-button-border-color-focused, $primary);\n}",".svc-btn {\n display: flex;\n padding: var(--ctr-button-padding-vertical, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-button-padding-horizontal, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n justify-content: center;\n align-items: center;\n background-color: var(--ctr-button-background-color, var(--sjs-general-backcolor, var(--background, #fff)));\n border-radius: var(--ctr-button-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n cursor: pointer;\n user-select: none;\n outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;\n transition: background-color var(--sjs-creator-transition-duration, 150ms);\n box-shadow: var(--ctr-button-shadow-offset-x, 0px) var(--ctr-button-shadow-offset-y, 1px) var(--ctr-button-shadow-blur, 2px) var(--ctr-button-shadow-spread, 0px) var(--ctr-button-shadow-color, var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15)));\n}\n\n.svc-btn__text {\n --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));\n font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));\n font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));\n font-style: normal;\n font-weight: 400;\n line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));\n font-weight: 600;\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n color: var(--ctr-button-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.svc-btn:hover {\n background-color: var(--ctr-button-background-color-hovered, var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))));\n}\n\n.svc-btn:focus {\n box-shadow: 0 0 0 var(--ctr-button-border-width-focused, 2px) var(--ctr-button-border-color-focused, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.svc-action-button {\n --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));\n --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));\n font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));\n font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));\n font-style: normal;\n font-weight: 400;\n line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));\n font-weight: 600;\n display: inline-block;\n padding-top: var(--ctr-actionbar-button-padding-top-medium-text, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n padding-inline-end: var(--ctr-actionbar-button-padding-right-medium-text, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n padding-bottom: var(--ctr-actionbar-button-padding-bottom-medium-text, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n padding-inline-start: var(--ctr-actionbar-button-padding-left-medium-text, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n box-sizing: border-box;\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n}\n.svc-action-button:focus, .svc-action-button:hover {\n background-color: var(--ctr-survey-action-button-background-color-hovered-positive, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));\n outline: none;\n}\n\n.svc-action-button--selected {\n border-color: var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.svc-action-button--disabled {\n opacity: var(--ctr-survey-action-button-opacity-disabled, 0.25);\n color: var(--ctr-survey-action-button-text-color-disabled, var(--sjs-general-forecolor, var(--foreground, #161616)));\n}","@use \"../variables\" as *;\n\n.svc-action-button {\n @include ctrDefaultBoldFont;\n display: inline-block;\n\n padding-top: var(--ctr-actionbar-button-padding-top-medium-text, calcSize(0.5));\n padding-inline-end: var(--ctr-actionbar-button-padding-right-medium-text, calcSize(2));\n padding-bottom: var(--ctr-actionbar-button-padding-bottom-medium-text, calcSize(0.5)); \n padding-inline-start: var(--ctr-actionbar-button-padding-left-medium-text, calcSize(2));\n\n box-sizing: border-box;\n border-radius: calcSize(12.5);\n\n color: var(--ctr-survey-action-button-text-color-positive, $primary);\n\n border: calcSize(0.25) solid transparent;\n\n &:focus,\n &:hover {\n background-color: var(--ctr-survey-action-button-background-color-hovered-positive, $primary-light);\n outline: none;\n }\n}\n\n.svc-action-button--selected {\n border-color: var(--ctr-survey-action-button-text-color-positive, $primary);\n}\n\n.svc-action-button--disabled {\n opacity: var(--ctr-survey-action-button-opacity-disabled, 0.25);\n color: var(--ctr-survey-action-button-text-color-disabled, $foreground);\n}\n\n.svc-action-button--pressed {}","@use \"../../variables\" as *;\n\nsvc-page-navigator,\n.svc-page-navigator {\n display: flex;\n flex-direction: column;\n gap: var(--ctr-page-navigator-gap, calcSize(2));\n}\n\n.svc-page-navigator__button-icon {\n display: block;\n width: var(--ctr-page-navigator-button-icon-width, calcSize(3));\n height: var(--ctr-page-navigator-button-icon-height, calcSize(3));\n padding: var(--ctr-page-navigator-button-padding, calcSize(1));\n border-radius: var(--ctr-page-navigator-button-corner-radius, 50%);\n overflow: visible;\n cursor: pointer;\n transition: background-color $creator-transition-duration;\n\n .sv-svg-icon {\n width: var(--ctr-page-navigator-button-icon-width, calcSize(3));\n height: var(--ctr-page-navigator-button-icon-height, calcSize(3));\n }\n\n use {\n fill: var(--ctr-page-navigator-button-icon-color, $foreground-light);\n transition: fill $creator-transition-duration;\n }\n}\n\n.svc-page-navigator__button {\n --ctr-page-navigator-button-double-padding: calc(2 * var(--ctr-page-navigator-button-padding));\n --ctr-page-navigator-button-width: calc(var(--ctr-page-navigator-button-icon-width) + var(--ctr-page-navigator-button-double-padding));\n --ctr-page-navigator-button-height: calc(var(--ctr-page-navigator-button-icon-height) + var(--ctr-page-navigator-button-double-padding));\n width: var(--ctr-page-navigator-button-width, calcSize(5));\n height: var(--ctr-page-navigator-button-height, calcSize(5));\n\n padding: 0;\n cursor: pointer;\n border: none;\n background-color: transparent;\n\n &:hover,\n &:focus-visible {\n outline: none;\n\n .svc-page-navigator__button-icon {\n background-color: var(--ctr-page-navigator-button-background-color-hovered, $primary-light);\n\n use {\n fill: var(--ctr-page-navigator-button-icon-color-hovered, $primary);\n }\n }\n }\n}\n\n.svc-page-navigator__button--pressed,\n.svc-page-navigator__button:active {\n .svc-page-navigator__button-icon {\n background: var(--ctr-page-navigator-button-background-color-pressed, $primary-light);\n opacity: var(--ctr-page-navigator-button-opacity-pressed, 0.5);\n\n use {\n fill: var(--ctr-page-navigator-button-icon-color-hovered, $primary);\n }\n }\n}\n\n.svc-page-navigator__button--active,\n.svc-page-navigator__button--active:hover {\n .svc-page-navigator__button-icon {\n background: var(--ctr-page-navigator-button-background-color-checked, transparent);\n\n use {\n fill: var(--ctr-page-navigator-button-icon-color-checked, $primary);\n }\n }\n}\n\n.svc-page-navigator__popup {\n min-width: calcSize(12.5);\n}\n\n.svc-tab-designer__page-navigator {\n display: flex;\n flex-grow: 1;\n}","@use \"../../variables\" as *;\n\nsvc-page-navigator-item,\n.svc-page-navigator-item {\n display: flex;\n justify-content: center;\n cursor: pointer;\n}\n\n.svc-page-navigator-item-content {\n display: flex;\n padding: var(--ctr-page-navigator-item-padding-top, calcSize(1)) var(--ctr-page-navigator-item-padding-right, calcSize(1.5)) var(--ctr-page-navigator-item-padding-bottom, calcSize(1)) var(--ctr-page-navigator-item-padding-left, calcSize(1.5));\n gap: var(--ctr-page-navigator-item-gap, calcSize(1));\n justify-content: flex-end;\n align-items: center;\n position: relative;\n\n &:hover,\n &:focus {\n outline: none;\n }\n}\n\n.svc-page-navigator__items--up {\n .svc-page-navigator-item-content {\n transition: 0.25s ease-in-out;\n transform: translateY(-100%);\n }\n\n svc-page-navigator-item:first-child .svc-page-navigator-item-content {\n opacity: 0;\n }\n}\n\n.svc-page-navigator__items--down {\n .svc-page-navigator-item-content {\n transition: 0.25s ease-in-out;\n transform: translateY(100%);\n }\n\n svc-page-navigator-item:last-child .svc-page-navigator-item-content {\n opacity: 0;\n }\n}\n\n.svc-page-navigator-item__dot {\n display: flex;\n width: var(--ctr-page-navigator-item-dot-container-width, calcSize(2.5));\n height: var(--ctr-page-navigator-item-dot-container-height, calcSize(2.5));\n justify-content: center;\n align-items: center;\n}\n\n.svc-page-navigator-item__dot-content {\n width: var(--ctr-page-navigator-item-dot-radius-small, calcSize(0.75));\n height: var(--ctr-page-navigator-item-dot-radius-small, calcSize(0.75));\n flex-shrink: 0;\n background: var(--ctr-page-navigator-item-dot-color-default, $border-inside);\n border-radius: var(--ctr-page-navigator-item-dot-radius-small, calcSize(0.75));\n}\n\n.svc-page-navigator-item__banner {\n @include textEllipsis;\n padding: var(--ctr-page-navigator-item-padding-top, calcSize(1)) var(--ctr-page-navigator-item-padding-right, calcSize(1.5)) var(--ctr-page-navigator-item-padding-bottom, calcSize(1)) var(--ctr-page-navigator-item-padding-left-hovered, calcSize(2));\n justify-content: flex-end;\n align-items: center;\n gap: var(--ctr-page-navigator-item-gap, calcSize(1));\n border-radius: var(--ctr-page-navigator-item-corner-radius, 1024px);\n background: var(--ctr-page-navigator-item-background-color-hovered, $background);\n\n box-shadow:\n var(--ctr-page-navigator-item-shadow-hovered-1-offset-x, 0px) var(--ctr-page-navigator-item-shadow-hovered-1-offset-y, 2px) var(--ctr-page-navigator-item-shadow-hovered-1-blur, 6px) var(--ctr-page-navigator-item-shadow-hovered-1-spread, 0px) var(--ctr-page-navigator-item-shadow-hovered-1-color, rgba(0, 0, 0, 0.1)),\n var(--ctr-page-navigator-item-shadow-hovered-2-offset-x, 0px) var(--ctr-page-navigator-item-shadow-hovered-2-offset-y, 0px) var(--ctr-page-navigator-item-shadow-hovered-2-blur, 0px) var(--ctr-page-navigator-item-shadow-hovered-2-spread, 0px) var(--ctr-page-navigator-item-shadow-hovered-2-color, transparent);\n opacity: 0;\n transition: opacity $creator-transition-duration;\n\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n display: none;\n\n .svc-page-navigator-item__dot-content {\n width: var(--ctr-page-navigator-item-dot-radius-large, calcSize(1));\n height: var(--ctr-page-navigator-item-dot-radius-large, calcSize(1));\n flex-shrink: 0;\n background: var(--ctr-page-navigator-item-dot-color-hovered, $primary);\n border-radius: 100%;\n }\n}\n\n.svc-page-navigator-item__text {\n @include ctrSmallBoldFont;\n color: var(--ctr-page-navigator-item-text-color-hovered, #{$foreground});\n}\n\n.svc-page-navigator-item--selected {\n .svc-page-navigator-item__dot-content {\n width: var(--ctr-page-navigator-item-dot-radius-large, calcSize(1));\n height: var(--ctr-page-navigator-item-dot-radius-large, calcSize(1));\n flex-shrink: 0;\n background: var(--ctr-page-navigator-item-dot-color-selected, $background);\n border-style: solid;\n border-width: 2px;\n border-color: var(--ctr-page-navigator-item-dot-border-color-selected, $primary);\n }\n}\n\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover,\n.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus {\n\n .svc-page-navigator-item__banner {\n display: flex;\n opacity: 1;\n }\n}\n\n.svc-creator__toolbox--right,\n[dir='rtl'],\n[style*='direction:rtl'],\n[style*='direction: rtl'] {\n .svc-page-navigator-item__banner {\n right: unset;\n left: 0;\n padding: var(--ctr-page-navigator-item-padding-top, calcSize(1)) var(--ctr-page-navigator-item-padding-left-hovered, calcSize(2)) var(--ctr-page-navigator-item-padding-bottom, calcSize(1)) var(--ctr-page-navigator-item-padding-left, calcSize(1.5));\n direction: rtl;\n\n .svc-page-navigator-item__dot {}\n }\n}\n\n.svc-page-navigator-item--disabled {\n .svc-page-navigator-item__banner {\n color: $foreground;\n opacity: 0.25;\n }\n}","@use \"../variables\" as *;\n\nsvc-page {\n display: block;\n}\n\n.svc-page {\n margin-top: calcSize(2);\n\n .sd-page__title {\n margin-top: calcSize(3);\n gap: calcSize(0.5);\n }\n\n .sd-page__description {\n margin-bottom: calcSize(1);\n }\n\n .sd-page__num {\n color: var(--ctr-survey-page-header-title-color-placeholder, $foreground-light);\n }\n\n .svc-panel__placeholder {\n @include lbrDefaultFont;\n color: var(--ctr-survey-page-placeholder-text-color, $foreground-light);\n }\n}\n\n.svc-page__content {\n position: relative;\n border-radius: var(--ctr-survey-page-corner-radius, calcSize(1));\n padding: calcSize(1) calcSize(0) calcSize(3);\n\n box-sizing: border-box;\n width: 100%;\n outline-color: transparent;\n outline: 2px transparent dashed;\n transition-property: background-color, box-shadow, outline-color;\n transition-duration: $creator-transition-duration;\n\n .sd-page {\n margin: 0;\n padding: calcSize(1) calcSize(3) 0;\n }\n\n &>.svc-question__drag-area {\n padding-top: calcSize(1.25);\n\n .svc-question__drag-element {\n transition: opacity $creator-transition-duration;\n }\n }\n}\n\n.svc-page__content.svc-page__content--no-header {\n .sd-page {\n margin-top: calcSize(2);\n padding-top: var(--ctr-survey-page-content-margin-top-no-header, calcSize(1));\n }\n}\n\n.svc-page__content--dragged {\n opacity: 0.25;\n}\n\n.svc-page__content-actions {\n position: absolute;\n opacity: 0;\n top: calcSize(1);\n inset-inline-end: 0; // right\n padding: 0 calcSize(1.5) 0 calcSize(1);\n z-index: 1;\n transition: opacity $creator-transition-duration;\n\n .sv-action-bar-separator {\n margin: 0 calcSize(1);\n }\n\n h4.sd-title {\n .sv-string-editor {\n &[aria-placeholder]:empty:before {\n color: var(--ctr-survey-page-header-title-color-placeholder, $foreground-light);\n }\n }\n }\n}\n\n.svc-page-toolbar__item {\n @include defaultActionButtonSettings;\n --thm-survey-question-panel-toolbar-item-padding-top: calc(var(--ctr-survey-question-panel-toolbar-item-padding-top) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-top));\n --thm-survey-question-panel-toolbar-item-padding-right: calc(var(--ctr-survey-question-panel-toolbar-item-padding-right) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-right));\n --thm-survey-question-panel-toolbar-item-padding-bottom: calc(var(--ctr-survey-question-panel-toolbar-item-padding-bottom) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom));\n --thm-survey-question-panel-toolbar-item-padding-left: calc(var(--ctr-survey-question-panel-toolbar-item-padding-left) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-left));\n\n --thm-survey-question-panel-toolbar-button-gap: calc(var(--ctr-survey-question-panel-toolbar-gap) / 2);\n margin: 0 var(--thm-survey-question-panel-toolbar-button-gap, calcSize(0.5));\n border-radius: var(--ctr-survey-page-toolbar-item-corner-radius, calcSize(0.5));\n padding: var(--thm-survey-question-panel-toolbar-item-padding-top, calcSize(1)) var(--thm-survey-question-panel-toolbar-item-padding-right, calcSize(1)) var(--thm-survey-question-panel-toolbar-item-padding-bottom, calcSize(1)) var(--thm-survey-question-panel-toolbar-item-padding-left, calcSize(1));\n justify-content: center;\n align-items: center;\n\n background-color: transparent;\n transition: background-color $creator-transition-duration;\n\n use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, $secondary);\n }\n //hovered and focused state\n &:hover,\n &:focus-visible {\n background-color: var(--ctr-survey-page-toolbar-item-background-color-hovered, $background-dim);\n }\n\n //pressed state\n &:active,\n &.svc-page-toolbar__item--pressed {\n background-color: var(--ctr-survey-page-toolbar-item-background-color-hovered, $background-dim);\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);\n use {\n fill: black;\n opacity: 0.5;\n }\n }\n\n //checked state\n &.svc-survey-element-toolbar__item--active {\n background-color: var(--ctr-survey-page-toolbar-item-background-color-selected, $secondary-backcolor-semi-light);\n .svc-survey-element-toolbar-item__title {\n color: var(--ctr-survey-page-toolbar-item-text-color-selected, $foreground);\n }\n use {\n fill: var(--ctr-survey-page-toolbar-item-icon-color-selected, $secondary);\n }\n }\n\n //disabled state\n :disabled {\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);\n }\n}\n\n.svc-page-toolbar__item--with-text {\n --thm-survey-question-panel-toolbar-item-padding-right: calc(var(--ctr-survey-question-panel-toolbar-item-padding-right-with-text) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-right));\n --thm-survey-question-panel-toolbar-item-gap: calc(var(--ctr-survey-question-panel-toolbar-item-gap) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-right));\n\n padding-inline-end: var(--thm-survey-question-panel-toolbar-item-padding-right-with-text, calcSize(1));\n gap: var(--thm-survey-question-panel-toolbar-item-gap, calcSize(0.5));\n}\n\n.svc-page-toolbar .sv-action:last-of-type .svc-page-toolbar__item {\n margin-inline-end: 0;\n}\n\n.svc-page-toolbar .sv-action:first-of-type .svc-page-toolbar__item {\n margin-inline-start: 0;\n}\n\n.svc-page-toolbar-item__icon {\n --thm-survey-page-toolbar-item-icon-width: calc(var(--ctr-survey-question-panel-toolbar-item-icon-container-width) - var(--ctr-survey-question-panel-toolbar-item-icon-padding-right) - var(--ctr-survey-question-panel-toolbar-item-icon-padding-left));\n --thm-survey-page-toolbar-item-icon-height: calc(var(--ctr-survey-question-panel-toolbar-item-icon-container-height) - var(--ctr-survey-question-panel-toolbar-item-icon-padding-top) - var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom));\n width: var(--thm-survey-page-toolbar-item-icon-width, calcSize(2));\n height: var(--thm-survey-page-toolbar-item-icon-height, calcSize(2));\n}\n\n.svc-page-toolbar-item__title {\n @include lbrSmallBoldFont;\n color: var(--ctr-survey-page-toolbar-item-text-color, $foreground);\n}\n\n.svc-page__content-actions {\n .sv-action-bar-item-dropdown {\n border-radius: calcCornerRadius(0.5);\n background-color: transparent;\n }\n}\n\n.svc-page__content:focus,\n.svc-hovered.svc-page__content {\n box-shadow: 0 0 0 var(--ctr-survey-page-border-width-hovered, 2px) var(--ctr-survey-page-border-color-hovered, $secondary-light);\n background: var(--ctr-survey-page-background-color-hovered, $secondary-backcolor-semi-light);\n}\n\n.svc-page__content--new.svc-page__content--new {\n box-shadow: none;\n background-color: transparent;\n padding-top: var(--ctr-survey-page-margin-top, calcSize(2));\n padding-bottom: var(--ctr-survey-page-margin-bottom-new-page, calcSize(9));\n}\n\n.svc-page__content--selected,\n.svc-hovered.svc-page__content {\n .svc-page__content-actions {\n opacity: 1;\n }\n\n &>.svc-question__drag-area {\n z-index: 1;\n\n .svc-question__drag-element {\n width: var(--ctr-survey-page-drag-indicator-width, calcSize(3));\n height: var(--ctr-survey-page-drag-indicator-height, calcSize(2));\n opacity: var(--ctr-survey-page-drag-indicator-opacity, 0.5);\n }\n }\n}\n\n.svc-page__content--selected.svc-page__content--selected {\n box-shadow: 0 0 0 var(--ctr-survey-page-border-width-selected, 2px) var(--ctr-survey-page-border-color-selected, $secondary);\n background: var(--ctr-survey-page-background-color-selected, $secondary-backcolor-semi-light);\n}\n\n.svc-page__content--animation-running {\n .svc-row {\n .svc-question--enter {\n animation: none;\n }\n\n .svc-question--leave {\n animation-name: moveInWithOverflow;\n animation-direction: reverse;\n animation-fill-mode: forwards;\n animation-timing-function: $reverse-ease-out;\n animation-duration: $svc-collapse-move-out-duration;\n animation-delay: $svc-collapse-move-out-delay;\n }\n }\n}\n\n.svc-creator--disable-animations {\n .svc-row {\n .svc-question--leave {\n animation: none;\n }\n }\n}\n\n.svc-page__content--collapse-onhover,\n.svc-page__content--collapse-always {\n outline: 2px transparent dashed;\n\n &.svc-page__content--selected,\n &.svc-page__content.svc-hovered {\n outline-color: transparent;\n }\n\n &.svc-page__content--collapsed-drag-over-inside {\n box-shadow: 0 0 0 2px $primary;\n background: $primary-light;\n animation: collapsed-drag-over-inside-blinking 1s infinite;\n outline-color: transparent;\n }\n}\n\n.svc-page__content--collapsed {\n outline-color: $border;\n}\n\n.svc-creator--mobile {\n .svc-page__content {\n &::after {\n margin: 0;\n border-radius: calcSize(1);\n }\n }\n\n &.svc-creator .svc-page .svc-page__content--selected,\n &.svc-creator .svc-page .svc-page__content--selected:focus,\n .svc-hovered.svc-page__content {\n &.svc-page__content--selected {\n box-shadow: 0 0 0 2px inset $secondary;\n\n box-shadow: 0 0 0 2px inset var(--ctr-survey-page-border-color-selected, $secondary);\n background: var(--ctr-survey-page-background-color-selected, $secondary-backcolor-semi-light);\n\n .svc-page__content-actions {\n display: block;\n }\n }\n }\n\n .svc-page__content:not(.svc-page__content--new):focus,\n .svc-hovered.svc-page__content:not(.svc-page__content--new) {\n box-shadow: 0 0 0 2px inset $secondary-light;\n }\n}\n\n.svc-page__footer {\n overflow: visible;\n margin-left: calcSize(3);\n margin-right: calcSize(3);\n margin-top: calcSize(2);\n gap: calcSize(2);\n\n .sv-action {\n flex: 1 1 0;\n }\n\n .svc-btn {\n flex-grow: 1;\n border: none;\n }\n}\n\n.svc-add-new-item-button__text {\n @include lbrDefaultBoldFont;\n color: var(--ctr-button-text-color, $primary);\n text-align: center;\n}\n\n.svc-element__add-new-question {\n -webkit-tap-highlight-color: transparent;\n height: auto;\n padding: var(--ctr-surface-button-padding-vertical, calcSize(2)) var(--ctr-surface-button-padding-horizontal-contextual-button, calcSize(10));\n border-radius: var(--ctr-surface-button-corner-radius, calcSize(0.5));\n}\n\n.svc-element__add-new-question:focus {\n box-shadow: 0 0 0 var(--ctr-button-border-width-focused, 2px) var(--ctr-button-border-color-focused, $primary);\n}\n\n.svc-element__question-type-selector {\n position: absolute;\n inset-inline-end: 0;\n\n appearance: none;\n display: flex;\n padding: var(--ctr-surface-button-contextual-button-padding-top, calcSize(1)) var(--ctr-surface-button-contextual-button-padding-right, calcSize(1)) var(--ctr-surface-button-contextual-button-padding-bottom, calcSize(1)) var(--ctr-surface-button-contextual-button-padding-left, calcSize(1));\n border-radius: var(--ctr-surface-button-contextual-button-corner-radius, calcSize(0.5));\n box-sizing: border-box;\n border: none;\n background: transparent;\n cursor: pointer;\n\n margin: var(--ctr-surface-button-contextual-button-margin-vertical, calcSize(1)) var(--ctr-surface-button-contextual-button-margin-horizontal, calcSize(1));\n outline: none;\n transition: background-color $creator-transition-duration;\n\n &:hover {\n background-color: var(--ctr-button-contextual-button-background-color-hovered, $background-dim);\n }\n\n &:focus {\n background: var(--ctr-button-contextual-button-background-color-focused, $primary-light);\n }\n}\n\n.svc-element__question-type-selector-icon {\n width: var(--ctr-surface-button-contextual-button-icon-width, calcSize(3));\n height: var(--ctr-surface-button-contextual-button-icon-height, calcSize(3));\n display: flex;\n align-items: center;\n\n .sv-svg-icon {\n width: var(--ctr-surface-button-contextual-button-icon-width, calcSize(3));\n height: var(--ctr-surface-button-contextual-button-icon-height, calcSize(3));\n display: flex;\n align-items: center;\n }\n\n use {\n fill: var(--ctr-button-contextual-button-icon-color, $foreground-light);\n }\n}\n\n.svc-page--drag-over-empty .svc-page__footer:after {\n content: \" \";\n position: absolute;\n background: $secondary;\n left: calcSize(3);\n bottom: calcSize(11.5);\n width: 100%;\n height: calcSize(0.25);\n left: 0;\n top: calc(calcSize(-1) - (calcSize(0.25) / 2));\n}\n\n.svc-page--drag-over-empty-no-add-button:after {\n bottom: auto;\n}\n\n.svc-page__placeholder_frame {\n min-width: auto;\n max-width: 100%;\n margin-top: calcSize(2);\n padding: 0 calcSize(3);\n\n .svc-panel__placeholder_frame {\n padding: calcSize(6) calcSize(8);\n height: auto;\n }\n}\n\n.svc-page__content--collapsed {\n &>.sv-action-bar {\n display: none;\n }\n\n .sd-page__title {\n margin-bottom: 0;\n }\n\n .svc-page__placeholder_frame {\n display: none;\n }\n\n .svc-page__content-actions {\n display: block;\n }\n\n .sd-page {\n display: flex;\n\n &>* {\n display: none;\n }\n\n .sd-title {\n display: block;\n }\n }\n}\n\n.svc-page__content.svc-page__content--collapsed {\n .sd-page {\n padding-bottom: 0;\n }\n}\n\n.svc-creator .svc-page {\n .svc-page__content--collapse-always {\n .svc-page__content-actions {\n opacity: 1;\n\n .sv-action {\n visibility: hidden;\n }\n\n .sv-action.sv-action-bar-item--collapse {\n visibility: visible;\n\n .sv-action-bar-separator {\n visibility: hidden;\n }\n }\n }\n\n &.svc-page__content--selected,\n &.svc-hovered {\n .svc-page__content-actions {\n .sv-action {\n visibility: visible;\n\n .sv-action-bar-separator {\n visibility: visible;\n }\n }\n }\n }\n }\n}\n\n$svc-page-fade-in-duration: var(--sjs-svc-page-fade-in-duration, 250ms);\n$svc-page-move-in-duration: var(--sjs-svc-page-move-in-duration, 250ms);\n$svc-page-fade-in-delay: var(--sjs-svc-page-fade-in-delay, 100ms);\n$svc-page-fade-out-duration: var(--sjs-svc-page-fade-out-duration, 250ms);\n$svc-page-move-out-duration: var(--sjs-svc-page-move-out-duration, 250ms);\n$svc-page-move-out-delay: var(--sjs-svc-page-move-out-delay, 100ms);\n\n.svc-page--enter,\n.svc-page--leave {\n animation-name: fadeIn, moveInWithOverflow;\n animation-fill-mode: forwards;\n animation-duration: var(--fade-animation-duration), var(--move-animation-duration);\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n animation-delay: var(--fade-animation-delay), var(--move-animation-delay);\n}\n\n.svc-page--enter {\n opacity: 0;\n --animation-direction: normal;\n --animation-timing-function: #{$ease-out};\n --fade-animation-duration: #{$svc-page-fade-in-duration};\n --move-animation-duration: #{$svc-page-move-in-duration};\n --fade-animation-delay: #{$svc-page-fade-in-delay};\n --move-animation-delay: 0s;\n}\n\n.svc-page--leave {\n --animation-direction: reverse;\n --animation-timing-function: #{$reverse-ease-out};\n --fade-animation-duration: #{$svc-page-fade-out-duration};\n --move-animation-duration: #{$svc-page-move-out-duration};\n --fade-animation-delay: 0s;\n --move-animation-delay: #{$svc-page-move-out-delay};\n}\n\n.svc-creator--disable-animations {\n\n .svc-page--enter,\n .svc-page--leave {\n animation: none;\n }\n}\n\n.svc-page--enter.svc-page--enter {\n .svc-page__content-actions {\n opacity: 0;\n }\n\n .svc-page__content {\n box-shadow: 0 0 0 2px transparent;\n background-color: transparent;\n\n &>.svc-question__drag-area {\n .svc-question__drag-element {\n opacity: 0;\n }\n }\n }\n}\n\n.svc-page {\n scroll-margin-top: calcSize(1);\n}","$lbr-size-unit: var(--lbr-size-unit, 8px);\n$lbr-spacing-unit: var(--lbr-spacing-unit, 8px);\n$lbr-corner-radius-unit: var(--lbr-corner-radius-unit, 8px);\n$lbr-stroke-unit: var(--lbr-stroke-unit, 1px);\n$lbr-font-unit: var(--lbr-font-unit, 8px);\n$lbr-line-height-unit: var(--lbr-line-height-unit, 8px);\n$-font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));\n$-base-unit: var(--sjs-base-unit, var(--base-unit, 8px));\n\n@mixin lbrDefaultFont {\n --thm-default-font-size: var(--sjs-font-size, calc(2 * #{$-base-unit}));\n --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));\n\n font-family: $-font-family;\n font-size: var(--lbr-font-default-size, var(--thm-default-font-size, 16px));\n font-style: normal;\n line-height: var(--lbr-font-default-line-height, var(--thm-default-line-height, 24px));\n}\n\n@mixin lbrDefaultBoldFont {\n @include lbrDefaultFont;\n font-weight: 600;\n}\n\n@mixin lbrSmallFont {\n --thm-small-line-height: var(--sjs-font-size, calc(2 * #{$-base-unit}));\n --thm-small-font-size: calc(0.75 * var(--thm-small-line-height));\n\n font-family: $-font-family;\n font-size: var(--lbr-font-small-size, var(--thm-small-font-size, 12px));\n font-style: normal;\n line-height: var(--lbr-font-small-line-height, var(--thm-small-line-height, 16px));\n}\n\n@mixin lbrSmallBoldFont {\n @include lbrSmallFont;\n font-weight: 600;\n}","@use \"../variables\" as *;\n\n.svc-row {\n width: 100%;\n position: relative;\n}\n\n.svc-row:not(.svc-row--ghost) > .sd-row {\n min-height: 50px;\n}\n\n.svc-row > .sd-row.sd-page__row {\n margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n &.sd-row--delayed-enter {\n margin-top: 0;\n }\n}\n\n.svc-row .sd-row.sd-row--multiple {\n overflow: auto;\n width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n flex-wrap: nowrap;\n margin-top: 0;\n padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-right: calcSize(2);\n padding-bottom: 2px;\n margin-right: calcSize(-2);\n margin-bottom: -2px;\n\n .sd-row--multiple {\n overflow: unset;\n }\n}\n\n.sd-panel .svc-row .sd-row--multiple {\n padding: calcSize(0);\n box-shadow: none;\n border-radius: 0;\n padding: 2px; //need for the https://github.com/surveyjs/survey-creator/issues/3288\n margin: -2px; //need for the https://github.com/surveyjs/survey-creator/issues/3288\n width: 100%;\n & > div {\n padding: 0;\n }\n}\n\n.svc-row.svc-row--ghost {\n .svc-question__content {\n padding: 0;\n border: none;\n box-shadow: none;\n }\n\n .sd-row {\n height: calcSize(4);\n }\n\n &:last-child .sd-row {\n height: initial;\n margin-top: calcSize(2);\n margin-bottom: calcSize(2);\n }\n\n & + .svc-row {\n .sd-page__row {\n margin-top: 0;\n }\n }\n}\n\n.svc-panel .svc-row.svc-row--ghost.svc-row.svc-row--ghost {\n .sd-row {\n height: initial;\n margin-top: calcSize(2);\n margin-bottom: calcSize(2);\n }\n}\n\n.svc-row__drop-indicator {\n position: absolute;\n background: $secondary;\n opacity: 0;\n transition: opacity $creator-transition-duration;\n}\n\n.svc-row__drop-indicator--top,\n.svc-row__drop-indicator--bottom {\n left: 0;\n width: 100%;\n height: 0px;\n}\n\n.svc-row__drop-indicator--top {\n top: calc(calcSize(1) - (calcSize(0.25) / 2));\n}\n\n.svc-row__drop-indicator--bottom {\n bottom: calc(calcSize(-1) - (calcSize(-0.25) / 2));\n}\n\n.svc-row--drag-over-top {\n >.svc-row__drop-indicator--top {\n opacity: 1;\n height: calcSize(0.25);\n }\n}\n\n.svc-row--drag-over-bottom {\n >.svc-row__drop-indicator--bottom {\n opacity: 1;\n height: calcSize(0.25);\n }\n}\n\n.svc-question__content--panel,\n.sd-panel__content {\n .svc-row__drop-indicator--top {\n top: calc(calcSize(-1) - (calcSize(0.25) / 2));\n }\n}\n\n.svc-question__content--panel,\n.sd-panel__content {\n .svc-row--drag-over-top:before {\n top: -4px;\n\n &:first-child {\n }\n }\n\n .svc-row--drag-over-bottom:after {\n bottom: -4px;\n\n &:last-child {\n }\n }\n}\n.svc-creator--disable-animations {\n .svc-row {\n @include disableLibraryAnimations;\n }\n}\n\n.sd-panel .svc-row > .sd-row.sd-row--multiple {\n width: calc(100% + #{$base-unit});\n padding-left: 0;\n margin-left: calcSize(-1);\n & > div {\n box-sizing: border-box;\n --animation-padding-left: #{calcSize(1)};\n padding-left: calcSize(1);\n }\n}\n$svc-row-fade-in-duration: var(--sjs-svc-row-fade-in-duration, 250ms);\n$svc-row-move-in-duration: var(--sjs-svc-row-move-in-duration, 250ms);\n$svc-row-fade-in-delay: var(--sjs-svc-row-fade-in-delay, 100ms);\n$svc-row-fade-out-duration: var(--sjs-svc-row-fade-out-duration, 250ms);\n$svc-row-move-out-duration: var(--sjs-svc-row-move-out-duration, 250ms);\n$svc-row-move-out-delay: var(--sjs-svc-row-move-out-delay, 100ms);\n$svc-row-fade-in-animation-delay: var(--sjs-svc-row-fade-in-animation-delay, 0s);\n\n.svc-row {\n --sjs-row-fade-in-duration: #{$svc-row-fade-in-duration};\n --sjs-row-move-in-duration: #{$svc-row-move-in-duration};\n --sjs-row-fade-in-delay: #{$svc-row-fade-in-delay};\n --sjs-row-fade-out-duration: #{$svc-row-fade-out-duration};\n --sjs-row-move-out-duration: #{$svc-row-move-out-duration};\n --sjs-row-move-out-delay: #{$svc-row-move-out-delay};\n --sjs-row-fade-in-animation-delay: #{$svc-row-fade-in-animation-delay};\n}","@use \"../variables\" as *;\n\n.svc-carry-forward-panel-wrapper {\n width: 100%;\n container-type: inline-size;\n}\n.svc-carry-forward-panel {\n @include ctrDefaultFont;\n box-sizing: border-box;\n width: 100%;\n padding: calcSize(4) calcSize(8);\n border-radius: calcSize(1);\n background-color: $background-dim-light;\n text-align: center;\n color: $foreground-dim-light;\n}\n \n@container (max-width: #{$sd-panel-medium-min-width}) {\n .svc-carry-forward-panel {\n display: none;\n }\n }\n \n@container (max-width: #{$sd-panel-normal-min-width}) {\n .svc-carry-forward-panel {\n padding: calcSize(4) calcSize(3);\n }\n}\n.svc-carry-forward-panel__link {\n .svc-action-button {\n padding: 0;\n border: none;\n font-weight: inherit;\n color: inherit;\n text-decoration: underline;\n cursor: pointer;\n &:hover,\n &:focus {\n background-color: transparent;\n }\n }\n}","@use \"../variables\" as *;\n@use \"./carry-forward-panel.scss\" as *;\n\nsvc-question {\n display: block;\n position: absolute;\n top: 1px;\n left: 1px;\n right: 1px;\n bottom: 1px;\n}\n\n.svc-question__adorner {\n position: relative;\n height: auto;\n width: 100%;\n display: grid;\n grid-template-columns: 100%;\n & > * {\n grid-row: 1;\n grid-column: 1;\n }\n &.svc-question__adorner--collapsed {\n height: fit-content;\n }\n\n .sv-action-bar {\n overflow: visible;\n\n .sv-action:not(:first-child) {\n .sv-action-bar-item {\n border: none;\n\n &:active {\n opacity: 0.5;\n background-color: $background-dim;\n }\n }\n }\n }\n &:before {\n position: absolute;\n content: \"\";\n width: 100%;\n height: 100%;\n margin-top: calcSize(-2);\n padding-top: calcSize(2);\n margin-left: calcSize(-2);\n padding-left: calcSize(2);\n bottom: 0;\n right: 0;\n }\n}\n\n.svc-survey-element-toolbar__item {\n @include defaultActionButtonSettings;\n --thm-survey-question-panel-toolbar-button-gap: calc(var(--ctr-survey-question-panel-toolbar-gap) / 2);\n margin: 0 var(--thm-survey-question-panel-toolbar-button-gap, calcSize(0.5));\n border-radius: var(--ctr-survey-question-panel-toolbar-item-corner-radius, calcSize(0.25));\n padding: var(--ctr-survey-question-panel-toolbar-item-padding-top, calcSize(0.5))\n var(--ctr-survey-question-panel-toolbar-item-padding-right, calcSize(0.5))\n var(--ctr-survey-question-panel-toolbar-item-padding-bottom, calcSize(0.5))\n var(--ctr-survey-question-panel-toolbar-item-padding-left, calcSize(0.5));\n\n justify-content: center;\n align-items: center;\n\n background-color: transparent;\n transition: background $creator-transition-duration, opacity $creator-transition-duration;\n use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, $secondary);\n }\n //hovered and focused state\n &:hover,\n &:focus-visible {\n background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, $background-dim);\n }\n\n //pressed state\n &:active,\n &.svc-survey-element-toolbar__item--pressed {\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);\n background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-pressed, $background-dim);\n use {\n fill: black;\n opacity: 0.45;\n }\n }\n\n //checked state\n &.svc-survey-element-toolbar__item--active {\n background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, $secondary-backcolor-semi-light);\n .svc-survey-element-toolbar-item__title {\n color: var(--ctr-survey-question-panel-toolbar-item-text-color-selected, $foreground);\n }\n use {\n fill: var(--ctr-survey-question-panel-toolbar-item-icon-color-selected, $secondary);\n }\n }\n\n //disabled state\n :disabled {\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);\n }\n}\n\n.svc-survey-element-toolbar__item--with-text {\n padding-inline-end: var(--ctr-survey-question-panel-toolbar-item-padding-right-with-text, calcSize(1));\n gap: var(--ctr-survey-question-panel-toolbar-item-gap, calcSize(0.5));\n}\n\n.svc-survey-element-toolbar .sv-action:last-of-type .svc-survey-element-toolbar__item {\n margin-inline-end: 0;\n}\n\n.svc-survey-element-toolbar .sv-action:first-of-type .svc-survey-element-toolbar__item {\n margin-inline-start: 0;\n}\n\n.svc-dropdown-action--convertTo .svc-survey-element-toolbar__item--with-text {\n padding-inline-end: var(--ctr-survey-question-panel-toolbar-item-padding-right, 4px);\n padding-inline-start: var(--ctr-survey-question-panel-toolbar-item-padding-left-with-text, calcSize(1));\n flex-direction: row-reverse;\n gap: var(--ctr-survey-question-panel-toolbar-item-gap, calcSize(0.5));\n}\n\n.svc-dropdown-action--convertTo .svc-survey-element-toolbar__item--icon {\n .svc-survey-element-toolbar-item__icon {\n padding: 0;\n width: var(--ctr-survey-question-panel-toolbar-item-icon-container-width, calcSize(3));\n height: var(--ctr-survey-question-panel-toolbar-item-icon-container-height, calcSize(3));\n box-sizing: border-box;\n display: block;\n }\n}\n\n\n.svc-survey-element-toolbar-item__icon,\n.svc-survey-element-toolbar__dots-item .sv-svg-icon.sv-action-bar-item__icon {\n box-sizing: border-box;\n display: block;\n padding: var(--ctr-survey-question-panel-toolbar-item-icon-padding-top, calcSize(0.5)) \n var(--ctr-survey-question-panel-toolbar-item-icon-padding-right, calcSize(0.5)) \n var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom, calcSize(0.5)) \n var(--ctr-survey-question-panel-toolbar-item-icon-padding-left, calcSize(0.5));\n width: var(--ctr-survey-question-panel-toolbar-item-icon-container-width, calcSize(3));\n height: var(--ctr-survey-question-panel-toolbar-item-icon-container-height, calcSize(3));\n}\n\n.svc-survey-element-toolbar-item__title {\n @include lbrSmallBoldFont;\n color: var(--ctr-survey-question-panel-toolbar-item-text-color, $foreground);\n transition: color $creator-transition-duration;\n}\n\n.svc-question__adorner {\n .sv-action-bar-item-dropdown {\n background-color: transparent;\n }\n}\n\n.svc-question__adorner {\n .sd-input:disabled {\n pointer-events: none;\n }\n}\n\n.svc-question__content {\n scroll-margin-top: calcSize(1);\n\n .sd-element {\n scroll-margin-top: calcSize(5);\n }\n}\n\n.svc-question__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n width: 100%;\n height: auto;\n flex-grow: 1;\n\n box-sizing: border-box;\n\n padding: var(--lbr-question-panel-padding-top, calcSize(4)) var(--lbr-question-panel-padding-right, calcSize(5))\n var(--ctr-survey-question-panel-padding-bottom-selected, calcSize(2)) var(--lbr-question-panel-padding-left, calcSize(5));\n border-radius: var(--lbr-question-panel-corner-radius, calcSize(0.5));\n background: var(--lbr-question-panel-background-color, $background);\n box-shadow: var(--lbr-question-panel-shadow-offset-x, 0px) var(--lbr-question-panel-shadow-offset-y, 1px)\n var(--lbr-question-panel-shadow-blur, 2px) var(--lbr-question-panel-shadow-spread, 0px)\n var(--lbr-question-panel-shadow-color, rgba(0, 0, 0, 0.15));\n\n outline: none;\n transition:\n background $creator-transition-duration,\n box-shadow $creator-transition-duration;\n}\n.svc-question__content--title-bottom {\n padding-top: calcSize(2.5);\n padding-bottom: calcSize(4);\n .sd-question__content {\n margin-top: calcSize(2.5);\n }\n .svc-question__content-actions {\n height: calcSize(4);\n & > .sv-action-bar {\n margin-bottom: calcSize(-2);\n }\n }\n}\n.svc-question__content--title-hidden {\n padding-top: calcSize(5);\n}\n\n.svc-question__content {\n .sd-selectbase:not(.sd-imagepicker) {\n padding-left: calcSize(5);\n margin-left: calcSize(-5);\n }\n\n .sd-table .sd-selectbase:not(.sd-imagepicker) {\n overflow-x: visible;\n padding-left: 0;\n margin-left: 0;\n }\n\n .sd-selectbase--multi-column {\n overflow: initial;\n }\n\n .sd-question.sd-question--table {\n overflow-x: initial;\n }\n\n .sd-multipletext__item-title {\n color: $foreground;\n }\n\n .sd-multipletext__item-container.sd-input:focus-within {\n box-shadow: $shadow-inner;\n }\n\n .sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {\n color: $foreground;\n opacity: 0.25;\n }\n\n .sjs_sp_placeholder {\n user-select: all;\n pointer-events: all;\n }\n}\n\n.svc-question__content > div,\n.svc-question__placeholders > div {\n overflow: visible;\n}\n.svc-question--enter, .svc-question--leave {\n animation-name: fadeIn, moveInWithOverflow;\n animation-fill-mode: forwards;\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n animation-duration: var(--fade-animation-duration), var(--move-animation-duration);\n animation-delay: var(--fade-animation-delay), var(--move-animation-delay);\n}\n.svc-question--enter {\n opacity: 0;\n --fade-animation-duration: #{$svc-expand-fade-in-duration};\n --move-animation-duration: #{$svc-expand-move-in-duration};\n --fade-animation-delay: #{$svc-expand-fade-in-delay};\n --move-animation-delay: 0s;\n --animation-timing-function: #{$ease-out};\n --animation-direction: normal;\n}\n.svc-question--leave {\n --fade-animation-duration: #{$svc-collapse-fade-out-duration};\n --move-animation-duration: #{$svc-collapse-move-out-duration};\n --fade-animation-delay: 0s;\n --move-animation-delay: #{$svc-collapse-move-out-delay};\n --animation-direction: reverse;\n --animation-timing-function: #{$reverse-ease-out};\n}\n\n@keyframes changeAlignSelf {\n from {\n align-self: flex-start;\n }\n to {\n align-self: stretch;\n }\n}\n\n.svc-question--enter, .svc-question--leave {\n &.svc-question__adorner\n {\n opacity: 1;\n animation-name: changeAlignSelf;\n animation-duration: 0s;\n }\n}\n.svc-question--enter {\n &.svc-question__adorner {\n align-self: flex-start;\n animation-delay: var(--move-animation-duration);\n }\n}\n\n.svc-question--leave {\n &.svc-question__adorner {\n animation-delay: var(--move-animation-delay);\n }\n}\n\n.svc-creator--disable-animations {\n .svc-question--enter, .svc-question--leave {\n animation: none;\n }\n}\n\n.svc-question__content {\n .sd-question:not(.sd-question--paneldynamic) {\n .sd-panel__content {\n overflow: auto;\n }\n\n .sd-table__cell--detail-panel {\n .sd-panel__content {\n overflow: unset;\n }\n }\n }\n}\n\n.svc-panel__placeholder {\n @include lbrDefaultFont;\n color: var(--ctr-survey-placeholder-text-color, $foreground-light);\n text-wrap: wrap;\n text-align: center;\n}\n\n.svc-question__content-actions {\n position: relative;\n opacity: 0;\n height: calcSize(6);\n //inset-inline-start: calcSize(4); // left\n //inset-inline-end: calcSize(3.5); // right\n margin-left: calcSize(-1);\n margin-top: auto;\n width: calc(100% + 2.5 * #{$base-unit});\n transition: opacity $creator-transition-duration;\n\n &:focus-within {\n opacity: 1;\n }\n & > .sv-action-bar {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n margin-top: calcSize(2);\n }\n\n .svc-action-bar-item--right:first-of-type {\n margin-inline-start: auto;\n }\n}\n\n.svc-dropdown-action--convertTo {\n max-width: max-content;\n\n .svc-survey-element-toolbar__item {\n flex-direction: row-reverse;\n }\n\n .sv-action-bar-item--icon {\n max-width: 100%;\n padding: calcSize(0.5);\n }\n\n .svc-survey-element-toolbar-item__title {\n display: inline-block;\n justify-content: left;\n }\n\n .svc-survey-element-toolbar-item__icon {\n &:last-child {\n margin-inline-start: 0;\n }\n }\n\n .svc-survey-element-toolbar-item__icon:last-child {\n use {\n fill: $primary;\n }\n }\n}\n\n.svc-dropdown-action--convertTo.sv-action--hidden {\n min-width: 0;\n}\n\n.svc-dropdown-action--convertTo-last {\n margin-inline-end: auto; // margin-right\n}\n\n.svc-survey-element-toolbar__dots-item {\n width: calcSize(4);\n margin-left: calcSize(1);\n margin-right: calcSize(0.5);\n\n &.sv-action--hidden {\n width: 0;\n margin: 0;\n\n .sv-action__content {\n display: none;\n }\n }\n\n .sv-dots__item {\n margin-left: 0;\n }\n\n .svc-list__item-icon {\n --ctr-survey-question-toolbar-item-icon-width: calc(\n var(--ctr-survey-question-panel-toolbar-item-icon-container-width) -\n var(--ctr-survey-question-panel-toolbar-item-icon-padding-right) -\n var(--ctr-survey-question-panel-toolbar-item-icon-padding-left)\n );\n --ctr-survey-question-toolbar-item-icon-height: calc(\n var(--ctr-survey-question-panel-toolbar-item-icon-container-height) -\n var(--ctr-survey-question-panel-toolbar-item-icon-padding-top) -\n var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom)\n );\n\n width: var(--ctr-survey-question-toolbar-item-icon-width, calcSize(2));\n height: var(--ctr-survey-question-toolbar-item-icon-height, calcSize(2));\n }\n\n .svc-list__item:hover > .svc-list__item-body .sv-svg-icon use,\n .sv-svg-icon use {\n fill: $secondary;\n }\n}\n\n.svc-question__content:focus,\n.svc-hovered > .svc-question__content {\n box-shadow: 0 0 0 var(--ctr-survey-question-panel-border-width-hovered, 2px)\n var(--ctr-survey-question-panel-border-color-hovered, $secondary-light);\n}\n\n.svc-question__content--selected:not(.svc-question__content--dragged) {\n box-shadow: 0 0 0 var(--ctr-survey-question-panel-border-width-selected, 2px)\n var(--ctr-survey-question-panel-border-color-selected, $secondary);\n}\n\n.svc-question__content--collapsed-drag-over-inside:not(.svc-question__content--dragged) {\n box-shadow: 0 0 0 2px $primary;\n background: $primary-light;\n animation: collapsed-drag-over-inside-blinking 1s;\n}\n\n@keyframes collapsed-drag-over-inside-blinking {\n 0% {\n background: $primary-light;\n }\n 40% {\n background: $primary-light;\n }\n 50% {\n background: transparent;\n }\n 55% {\n background: $primary-light;\n }\n 65% {\n background: transparent;\n }\n 70% {\n background: $primary-light;\n }\n 80% {\n background: transparent;\n }\n 85% {\n background: $primary-light;\n }\n 100% {\n background: $primary-light;\n }\n}\n\n.svc-question__content--selected,\n.svc-hovered > .svc-question__content {\n & > .svc-question__content-actions {\n opacity: 1;\n &.svc-question--enter {\n opacity: 0;\n }\n }\n}\n\n.svc-question__content--dragged {\n opacity: var(--ctr-survey-question-panel-opacity-hidden, 0.25);\n\n & > .svc-question__content-actions {\n opacity: 0;\n }\n}\n\n.svc-creator--mobile {\n .svc-question__content-actions {\n overflow: hidden;\n height: calcSize(1);\n & > .sv-action-bar {\n margin-top: calcSize(1);\n }\n &.svc-question--enter {\n animation-name: empty, moveInWithOverflow;\n }\n }\n .svc-question__content {\n padding: calcSize(2) calcSize(3) calcSize(2); \n }\n .svc-element__header--hidden {\n margin-top: calcSize(2);\n margin-bottom: calcSize(2);\n padding: 0 calcSize(3);\n }\n .svc-question__adorner--selected {\n & > .svc-element__header--hidden {\n margin-top: calcSize(3);\n margin-bottom: calcSize(3);\n } \n }\n .svc-question__content--selected {\n padding-top: calcSize(3);\n padding-bottom: calcSize(2);\n & > .svc-question__content-actions {\n height: calcSize(6);\n overflow: visible;\n\n & > .sv-action-bar {\n margin-top: calcSize(2);\n }\n &.svc-question--enter {\n animation-name: fadeIn, moveInWithOverflow;\n }\n }\n }\n &.svc-creator--disable-animations {\n .svc-question--enter {\n animation: none;\n }\n } \n}\n\n\n.svc-question__content {\n .sd-question.sd-question--table {\n margin-top: calcSize(-1);\n padding-top: calcSize(1);\n }\n}\n\n.svc-dragged-element-shortcut {\n //min-width: 100px;\n border-radius: var(--ctr-toolbox-item-corner-radius, calcSize(12.5));\n background-color: var(--ctr-toolbox-item-background-color-floating, $background);\n color: var(--ctr-toolbox-item-text-color-hovered, $foreground);\n padding: var(--ctr-toolbox-item-padding-top-submenu, calcSize(1.5)) var(--ctr-toolbox-item-padding-right, calcSize(2)) var(--ctr-toolbox-item-padding-bottom-submenu, calcSize(1.5)) var(--ctr-toolbox-item-padding-left-submenu, calcSize(2));\n cursor: grabbing;\n position: absolute;\n z-index: 1000;\n box-shadow: var(--ctr-toolbox-item-shadow-floating-1-offset-x, 0px) var(--ctr-toolbox-item-shadow-floating-1-offset-y, 8px) var(--ctr-toolbox-item-shadow-floating-1-blur, 16px) var(--ctr-toolbox-item-shadow-floating-1-spread, 0px) var(--ctr-toolbox-item-shadow-floating-1-color, rgba(0, 76, 68, 0.10)), var(--ctr-toolbox-item-shadow-floating-2-offset-x, 0px) var(--ctr-toolbox-item-shadow-floating-2-offset-y, 16px) var(--ctr-toolbox-item-shadow-floating-2-blur, 32px) var(--ctr-toolbox-item-shadow-floating-2-spread, 0px) var(--ctr-toolbox-item-shadow-floating-2-color, var(--ctr-shadow-large-color, rgba(0, 0, 0, 0.10)));\n @include disableUserSelect;\n //max-width: 500px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n box-sizing: content-box;\n}\n\n.svc-dragged-element-shortcut .sv-svg-icon use {\n fill: var(--ctr-toolbox-item-icon-color-hovered, $primary);\n}\n\n.svc-dragged-element-shortcut--selected {\n border: 2px solid var(--ctr-toolbox-item-border-color-floating, $secondary);\n}\n\n.svc-dragged-element-shortcut__text {\n @include ctrSmallBoldFont;\n}\n\n.svc-dragged-element-shortcut--has-icon {\n padding: var(--ctr-toolbox-item-padding-top, calcSize(1)) var(--ctr-toolbox-item-padding-right, calcSize(3.5)) var(--ctr-toolbox-item-padding-bottom, calcSize(1)) var(--ctr-toolbox-item-padding-left, calcSize(1.5));\n display: flex;\n gap: var(--ctr-toolbox-item-gap, calcSize(1));\n justify-content: center;\n align-items: center;\n\n .svc-dragged-element-shortcut__text {\n display: block;\n }\n}\n\n.svc-dragged-element-shortcut__icon {\n display: flex;\n\n svg {\n width: var(--ctr-toolbox-item-icon-width, calcSize(3));\n height: var(--ctr-toolbox-item-icon-height, calcSize(3));\n }\n}\n\n.svc-question__content--drag-over-inside,\n.svc-hovered > .svc-question__content--drag-over-inside {\n .svc-panel__placeholder_frame {\n box-shadow: 0 0 0 1px $primary;\n border: 1px solid $primary;\n background: $primary-light;\n\n & > .svc-question__content-actions {\n opacity: 1;\n }\n }\n}\n\n.svc-question__drop-indicator {\n position: absolute;\n background: $secondary;\n opacity: 0;\n transition: opacity $creator-transition-duration;\n}\n\n.svc-question__drop-indicator--left,\n.svc-question__drop-indicator--right {\n top: 0;\n height: 100%;\n width: 0px;\n}\n\n.svc-question__drop-indicator--top,\n.svc-question__drop-indicator--bottom {\n left: 0;\n width: 100%;\n height: 0px;\n}\n\n.svc-question__drop-indicator--left {\n left: calc(calcSize(-1) - (calcSize(0.25) / 2));\n}\n\n.svc-question__drop-indicator--right {\n right: calc(calcSize(-1) - (calcSize(0.25) / 2));\n}\n\n.svc-question__drop-indicator--top {\n top: calc(calcSize(-1) - (calcSize(0.25) / 2));\n}\n\n.svc-question__drop-indicator--bottom {\n bottom: calc(calcSize(-1) - (calcSize(0.25) / 2));\n}\n\n.svc-question__content--drag-over-left {\n > .svc-question__drop-indicator--left {\n opacity: 1;\n width: calcSize(0.25);\n }\n}\n\n.svc-question__content--drag-over-right {\n > .svc-question__drop-indicator--right {\n opacity: 1;\n width: calcSize(0.25);\n }\n}\n\n.svc-question__content--drag-over-top {\n > .svc-question__drop-indicator--top {\n opacity: 1;\n height: calcSize(0.25);\n }\n}\n\n.svc-question__content--drag-over-bottom {\n > .svc-question__drop-indicator--bottom {\n opacity: 1;\n height: calcSize(0.25);\n }\n}\n\n.sd-panel {\n .svc-question__content--drag-over-left {\n .svc-question__drop-indicator--left {\n left: calc(calcSize(-1) + calcSize(0.25));\n }\n }\n\n .svc-question__content--drag-over-right {\n .svc-question__drop-indicator--right {\n right: calc(calcSize(-1) + calcSize(0.25));\n }\n }\n}\n\n.svc-question__content--panel,\n.sd-panel__content {\n .sd-row > div:first-child {\n .svc-question__content--drag-over-left {\n margin-left: 8px;\n width: calc(100% - 8px);\n }\n }\n\n .sd-row > div:last-child {\n .svc-question__content--drag-over-right {\n margin-right: 8px;\n width: calc(100% - 8px);\n }\n }\n\n .svc-question__content--drag-over-top {\n .svc-question__drop-indicator--top {\n top: calc(calcSize(-1) + calcSize(0.25));\n }\n }\n\n .svc-question__content--drag-over-bottom {\n .svc-question__drop-indicator--bottom {\n bottom: calc(calcSize(-1) + calcSize(0.25));\n }\n }\n}\n\n.svc-question__content-actions {\n & > .sv-action-bar {\n box-sizing: border-box;\n padding: 0;\n justify-content: center;\n }\n}\n\nsvc-question,\n.svc-question {\n sv-action-bar,\n .sv-action-bar {\n padding: 0;\n }\n}\n\n.svc-panel__edge {\n position: absolute;\n border: 1px solid orange;\n height: 10px;\n width: 100%;\n}\n\n.svc-panel__edge--top {\n top: 0;\n}\n\n.svc-panel__edge--bottom {\n bottom: 0;\n}\n\n// reset styles for drag-drop-ghost-survey-element to avoid layout jumping while dragging\n.svc-question__adorner--start-with-new-line {\n &[data-sv-drop-target-survey-element=\"sv-drag-drop-ghost-survey-element-name\"] {\n height: 100%;\n overflow: hidden;\n min-width: 4px;\n\n .svc-question__content.svc-question__content.svc-question__content {\n border: 0;\n padding: 0;\n }\n }\n}\n\n[data-sv-drop-target-survey-element=\"sv-drag-drop-ghost-survey-element-name\"] {\n border: none;\n height: 0;\n\n .svc-question__drag-area {\n display: none;\n }\n\n .svc-question__drag-element {\n display: none;\n }\n\n .svc-question__content {\n background: transparent;\n box-shadow: none;\n }\n}\n\n// EO reset styles for drag-drop-ghost-survey-element to avoid layout jumping while dragging\n\n.svc-hovered > .svc-question__content > .svc-question__drag-area > .svc-question__drag-element {\n opacity: var(--ctr-survey-question-panel-drag-area-drag-indicator-opacity, 0.5);\n}\n\n.svc-question__content.svc-question__content--selected > .svc-question__drag-area > .svc-question__drag-element {\n opacity: var(--ctr-survey-question-panel-drag-area-drag-indicator-opacity, 0.5);\n z-index: 1;\n}\n.svc-element__header--hidden {\n display: block;\n box-sizing: border-box;\n padding: 0 calcSize(5);\n margin: calcSize(4) 0;\n z-index: -1;\n width: 100%;\n .svc-string-editor,\n .svc-fake-title,\n sv-ng-string > .svc-string-editor {\n display: inline-flex;\n &::before {\n content: \"(\";\n }\n &::after {\n content: \")\";\n }\n }\n .svc-element__title--hidden {\n opacity: 0;\n transition: opacity 150ms;\n }\n}\n.svc-element__header--lazy,\n.svc-element__header--hidden.sd-question__header--location--left {\n .svc-string-editor,\n sv-ng-string > .svc-string-editor {\n display: inline-block;\n &::before, &::after {\n content: none;\n }\n }\n}\n\n.svc-question__adorner {\n &.svc-question__adorner--collapsed {\n & > .svc-element__header--hidden {\n z-index: 1;\n & > .svc-element__title--hidden {\n opacity: 1;\n }\n }\n\n .svc-question__content--collapsed {\n\n &>.svc-question__dropdown-choices--wrapper,\n &>.svc-panel__placeholder_frame-wrapper,\n &>.svc-question__content-actions,\n &>.svc-panel__add-new-question-container,\n &>.sd-file,\n &>sv-ng-file-question {\n display: none;\n }\n .svc-question__drop-indicator {\n display: block;\n }\n .svc-question__drag-area {\n display: flex;\n }\n .svc-content-wrapper {\n display: flex;\n }\n .sd-element {\n &>*:not(.sd-element__header) {\n display: none;\n }\n }\n\n .sd-element__header {\n &>*:not(.sd-element__title) {\n display: none;\n }\n }\n\n .sd-question__header--location--left {\n display: none;\n }\n }\n }\n\n .svc-question__content--collapsed {\n flex-grow: 0;\n padding-bottom: calcSize(4);\n padding-top: calcSize(4);\n\n .sd-element__header,\n .sd-element--complex>.sd-element__header {\n padding-top: 0;\n padding-bottom: 0;\n }\n }\n}\n\n.svc-creator--mobile {\n .svc-question__top-actions {\n padding: 0;\n }\n \n .svc-question__adorner {\n .svc-question__content--collapsed {\n padding-bottom: calcSize(2);\n padding-top: calcSize(2);\n\n &.svc-question__content--selected {\n padding-top: calcSize(3);\n padding-bottom: calcSize(3);\n }\n }\n }\n}\n\n.svc-question__drag-area {\n position: absolute;\n cursor: move;\n top: 0;\n left: 0;\n height: calcSize(3.5);\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.svc-question__drag-element {\n width: 100%;\n opacity: 0;\n transition: opacity $creator-transition-duration;\n width: var(--ctr-survey-question-panel-drag-area-drag-indicator-width, calcSize(3));\n height: var(--ctr-survey-question-panel-drag-area-drag-indicator-height, calcSize(2));\n\n use {\n fill: var(--ctr-survey-question-panel-drag-area-drag-indicator-color, $foreground-light);\n }\n}\n\n.sd-panel {\n .svc-question__content--image:not(.svc-question__content--empty) {\n padding-left: 1px;\n padding-right: 1px;\n }\n\n .svc-question__content {\n .sd-table-wrapper::before {\n left: calc(calc(-1 * var(--sd-base-padding)) + 2px);\n }\n\n .sd-table-wrapper::after {\n right: calc(calc(-1 * var(--sd-base-padding)) + 2px);\n }\n }\n\n .svc-question__content {\n border-radius: 0;\n box-shadow: none;\n outline: var(--ctr-survey-question-panel-border-width-nested, 1px) dashed var(--ctr-survey-question-panel-border-color-nested, $border);\n outline-offset: calc(-1 * var(--ctr-survey-question-panel-border-width-nested, 1px));\n }\n\n .svc-hovered > .svc-question__content:not(.svc-question__content--dragged) {\n box-shadow: 0 0 0 var(--ctr-survey-question-panel-border-width-hovered, 2px) var(--ctr-survey-question-panel-border-color-hovered, $secondary-light) inset;\n outline: none;\n }\n\n .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged) {\n box-shadow: 0 0 0 var(--ctr-survey-question-panel-border-width-selected, 2px) var(--ctr-survey-question-panel-border-color-selected, $secondary) inset;\n outline: none;\n }\n}\n\n.sd-panel .svc-row--ghost.svc-row--ghost .svc-question__content.svc-question__content {\n border: none;\n}\n\n.svc-widget__content {\n width: 100%;\n\n .sd-question__content {\n pointer-events: none;\n }\n}\n\n.svc-question__content {\n .sd-paneldynamic__footer,\n .sd-paneldynamic__separator {\n display: none;\n }\n}\n\n.svc-panel__placeholder_frame-wrapper {\n container-type: inline-size;\n width: 100%;\n display: flex;\n flex-grow: 1;\n box-sizing: border-box;\n position: relative;\n}\n\n.svc-question__content--empty-template {\n .sd-question--paneldynamic,\n .sd-question__content,\n sv-ng-paneldynamic-question,\n .sd-paneldynamic,\n .sd-paneldynamic__panels-container,\n .sd-paneldynamic__panel-wrapper,\n .svc-question__adorner,\n .svc-question__adorner > div {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n\n .svc-panel__placeholder_frame {\n flex-grow: 1;\n }\n }\n}\n\n.sd-paneldynamic__panels-container {\n padding-bottom: 2px;\n margin-bottom: -2px;\n}\n\n.svc-panel__placeholder_frame {\n border: 1px dashed $border;\n width: 100%;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n padding: calcSize(11) calcSize(8) calcSize(10);\n flex-grow: 1;\n}\n\n.svc-panel__add-new-question-container {\n width: 100%;\n display: flex;\n justify-content: center;\n position: relative;\n}\n\n.svc-panel__add-new-question-wrapper {\n container-type: inline-size;\n width: 100%;\n display: flex;\n justify-content: center;\n\n .svc-element__add-new-question {\n margin-top: var(--ctr-survey-panel-add-button-margin-top, calcSize(2));\n }\n\n .svc-element__add-new-question-icon {\n margin: calcSize(0.5);\n display: none;\n\n use {\n fill: $primary;\n }\n }\n\n .svc-element__question-type-selector {\n position: absolute;\n inset-inline-end: 0;\n bottom: 0;\n margin: 0;\n }\n}\n\n.svc-panel__add-new-question,\n.svc-panel__add-new-question-wrapper .svc-element__add-new-question {\n display: flex;\n margin-top: var(--ctr-survey-placeholder-gap, calcSize(2));\n margin-left: 0;\n margin-right: 0;\n width: auto;\n padding: var(--ctr-survey-action-button-padding-top, calcSize(1))\n var(--ctr-survey-action-button-padding-right, calcSize(5))\n var(--ctr-survey-action-button-padding-bottom, calcSize(1))\n var(--ctr-survey-action-button-padding-left, calcSize(5));\n border-radius: var(--ctr-survey-action-button-corner-radius, 1024px);\n justify-content: center;\n align-items: center;\n\n vertical-align: baseline;\n text-align: center;\n cursor: pointer;\n user-select: none;\n transition:\n background-color $creator-transition-duration,\n background $creator-transition-duration;\n\n border: none;\n box-shadow: none;\n\n &:hover {\n outline: none;\n }\n\n .svc-add-new-item-button__text {\n @include lbrDefaultBoldFont;\n color: var(--ctr-survey-action-button-text-color-positive, $primary);\n text-wrap: nowrap;\n }\n}\n\n.svc-panel__add-new-question-icon {\n margin: calcSize(0.5);\n display: none;\n\n use {\n fill: $primary;\n }\n}\n\n.svc-panel__question-type-selector-popup {\n height: calcSize(5);\n width: calcSize(5);\n position: absolute;\n right: 0;\n bottom: 0;\n}\n\n@container (max-width: #{$sd-panel-normal-min-width}) {\n .svc-panel__placeholder_frame {\n padding: calcSize(11) calcSize(3) calcSize(10);\n }\n}\n\n@container (max-width: #{$sd-panel-medium-min-width}) {\n .svc-panel__placeholder {\n display: none;\n }\n\n .svc-panel__placeholder_frame {\n padding: calcSize(10) calcSize(3) calcSize(10);\n\n .svc-panel__add-new-question,\n .svc-element__add-new-question {\n margin: 0;\n }\n }\n\n .svc-panel__placeholder_frame,\n .svc-panel__add-new-question-container {\n .svc-panel__add-new-question-icon {\n display: block;\n width: var(--ctr-button-contextual-button-icon-width, calcSize(3));\n height: var(--ctr-button-contextual-button-icon-height, calcSize(3));\n }\n\n .svc-element__question-type-selector {\n display: none;\n }\n\n .svc-panel__add-new-question,\n .svc-element__add-new-question {\n padding: calcSize(0.5) calcSize(0.5);\n\n .svc-add-new-item-button__text {\n display: none;\n }\n }\n }\n}\n\n.sd-panel {\n .svc-row {\n margin-top: calcSize(1);\n }\n\n .svc-row:first-of-type {\n margin-top: 0;\n }\n\n .svc-row .sd-row {\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 0;\n }\n}\n\n.svc-question__content.svc-question__content--collapsed {\n .sd-element--complex > .sd-element__header--location-top {\n &.svc-element__header--hidden {\n padding: 0;\n }\n }\n}\n\n.svc-question__content {\n .sd-element--complex > .sd-element__header--location-top {\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n padding-top: 0;\n\n &.svc-element__header--hidden {\n padding-bottom: calcSize(1);\n }\n\n &:after {\n display: none;\n }\n }\n\n .sd-panel__content {\n gap: 0;\n padding-top: 0;\n }\n\n .sd-table__cell--detail-panel .sd-panel__content {\n padding-top: calcSize(1);\n }\n\n .sd-paneldynamic__panel-wrapper {\n padding: 0;\n }\n\n .sd-table__cell--actions {\n .sv-action-bar-item:disabled {\n background: $background;\n opacity: 1;\n\n use {\n fill: $foreground-light;\n }\n }\n }\n\n .sd-table__row-disabled > .sd-table__cell {\n opacity: 1;\n }\n}\n\n.svc-question__content {\n .svc-carry-forward-panel {\n margin-top: calcSize(2);\n }\n\n .sd-question__content {\n min-width: min(calcSize(8), 100%);\n margin-left: calcSize(-5);\n margin-right: calcSize(-5);\n padding-left: calcSize(5);\n padding-right: calcSize(5);\n overflow-x: auto;\n }\n\n .sd-question--description-under-input .sd-question__content {\n margin-bottom: calcSize(-1);\n padding-bottom: calcSize(1);\n }\n\n .sd-composite {\n .sd-question__content {\n margin-left: 0;\n margin-right: 0;\n padding-left: 0;\n padding-right: 0;\n }\n }\n}\n\n.svc-question__content--paneldynamic {\n .sd-question__content {\n padding-bottom: 2px;\n margin-bottom: -2px;\n padding-top: calcSize(1);\n margin-top: calcSize(-1);\n }\n\n .sd-paneldynamic__panels-container {\n padding-top: calcSize(1);\n margin-top: calcSize(-1);\n }\n}\n\n.svc-question__adorner {\n .sv-ranking:not(.sv-ranking--select-to-rank) {\n .svc-question__content--ranking {\n .svc-carry-forward-panel {\n margin-top: 0;\n }\n }\n }\n\n .sv-ranking {\n .sv-ranking__container-placeholder {\n padding-top: calcSize(2);\n padding-bottom: calcSize(2);\n }\n }\n\n .sv-ranking--select-to-rank-vertical {\n .sv-ranking__container--empty {\n padding-top: 0;\n padding-bottom: 0;\n }\n\n .sv-ranking__container--from {\n .sv-ranking__container-placeholder {\n padding-bottom: calcSize(3);\n }\n }\n }\n}\n\n.svc-question__top-actions {\n padding: calcSize(0.5);\n position: absolute;\n top: 0;\n right: 0;\n visibility: hidden;\n}\n\n.svc-survey-element-top-toolbar__item {\n @include defaultActionButtonSettings;\n padding: 0;\n border-radius: var(--ctr-survey-question-panel-toolbar-item-corner-radius, 2px);\n opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-muted, 0.5);\n background-color: transparent;\n\n &:hover,\n &:focus-visible {\n opacity: initial;\n background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, $background-dim);\n }\n\n use {\n fill: $foreground-dim-light;\n }\n}\n\n.svc-question__adorner--collapse-onhover.svc-hovered > .svc-question__content,\n.svc-question__adorner--collapse-onhover > .svc-question__content--selected,\n.svc-question__adorner--collapse-always > .svc-question__content {\n & > .svc-question__drag-area > .svc-question__top-actions {\n visibility: visible;\n }\n}\n\n.sd-row--enter.sd-row--enter.sd-row--enter.sd-row--enter {\n .svc-question__content--selected {\n box-shadow: $shadow-small;\n\n .svc-question__content-actions {\n opacity: 0;\n }\n }\n}\n\n.sd-panel {\n .sd-row--enter.sd-row--enter.sd-row--enter.sd-row--enter {\n .svc-question__content--selected {\n border-radius: 0;\n border: 1px dashed $border;\n box-shadow: none;\n }\n }\n}\n","@use \"../variables\" as *;\n\n.svc-question__dropdown-choices {\n margin-top: calcSize(2);\n}\n\n.svc-question__dropdown-choice--collapsed:nth-last-child(1) {\n opacity: 0.25;\n}\n\n\n.svc-question__dropdown-choice--collapsed:nth-last-child(2) {\n opacity: 0.5;\n}\n\n\n.svc-question__dropdown-choice--collapsed:nth-last-child(3) {\n opacity: 0.75;\n}\n\n.svc-question__content>.svc-question__dropdown-choices--wrapper {\n width: calc(100% + calcSize(8));\n overflow-x: auto;\n margin: 0 calcSize(-4);\n\n &>div {\n width: calc(100% - calcSize(8));\n display: inline-block;\n min-width: calcSize(15);\n margin: 0 calcSize(4);\n }\n\n .svc-action-button {\n @include lbrDefaultBoldFont;\n margin-left: var(--ctr-survey-radio-button-group-show-more-button-margin-left, calcSize(6.75));\n margin-top: var(--ctr-survey-radio-button-group-show-more-button-margin-top, calcSize(1));\n padding: var(--ctr-survey-action-button-padding-top, calcSize(0.5))\n var(--ctr-survey-action-button-padding-right, calcSize(2))\n var(--ctr-survey-action-button-padding-bottom, calcSize(0.5))\n var(--ctr-survey-action-button-padding-left, calcSize(2));\n border-radius: var(--ctr-survey-action-button-corner-radius, 1024px);\n\n cursor: pointer;\n }\n}","@use \"../variables\" as *;\n\n.svc-image-question-controls {\n position: absolute;\n top: calcSize(5);\n right: calcSize(1);\n display: none;\n}\n\n.svc-question__content--selected .svc-image-question-controls {\n display: flex;\n}\n\n.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) {\n padding-left: 0;\n padding-right: 0;\n\n .sd-image__image {\n border-radius: 0;\n }\n .svc-question__content-actions {\n padding-left: calcSize(5);\n width: calc(100% - 2.5 * #{$base-unit});\n box-sizing: border-box;\n & > .sv-action-bar {\n width: calc(100% - #{calcSize(5)});\n left: calcSize(5);\n }\n }\n}\n\n.svc-question__content--image.svc-question__content--empty .sd-file,\n.svc-question__content--image.svc-question__content--empty sv-ng-file-question {\n width: 100%;\n}\n\n.svc-question__content--image.svc-question__content--empty .sd-question--image {\n display: none;\n}\n\n.svc-question__content--image .sd-file__choose-btn--text {\n .sv-svg-icon {\n display: none;\n }\n}\n\n@container (max-width: #{$sd-panel-medium-min-width}) {\n .svc-question__content--image .sd-file__choose-btn--text {\n .sv-svg-icon {\n display: block;\n }\n }\n}\n.svc-question__content--loading {\n .sd-image {\n display: none;\n }\n}\n\n.svc-image-question__loading-placeholder {\n position: relative;\n background-color: $background;\n width: 100%;\n height: calcSize(27.5);\n border: 1px dashed $border-inside;\n}\n\n.svc-image-question__loading {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}","@use \"../variables\" as *;\n\n.svc-rating-question-controls {\n position: absolute;\n}\n\n.svc-question__content--in-popup {\n .svc-rating-question-controls.svc-item-value-controls {\n display: flex;\n }\n}\n\n.svc-question__content--selected {\n .svc-rating-question-controls.svc-item-value-controls {\n display: flex;\n }\n}\n\n.svc-rating-question-controls.svc-rating-question-controls--labels-top {\n margin-top: calcSize(5.5);\n}\n\n.svc-question__content {\n .sd-rating {\n margin-inline-start: calcSize(9); // margin-left\n max-width: calc(100% - 9 * #{$base-unit});\n\n &.sd-rating--wrappable fieldset {\n min-width: 0;\n }\n\n\n .sd-rating__item-text {\n max-width: 100%;\n\n .sv-string-editor:focus-within {\n white-space: nowrap;\n }\n &::after {\n display: none\n }\n }\n\n .svc-string-editor__content {\n .sv-string-editor {\n text-overflow: ellipsis;\n overflow: hidden;\n\n &:focus-within {\n text-overflow: initial;\n }\n }\n }\n\n &.sd-rating--labels-top {\n fieldset {\n .sd-rating__min-text {\n top: calcSize(1);\n }\n\n .sd-rating__max-text {\n top: calcSize(1);\n }\n }\n }\n\n &.sd-rating--labels-bottom {\n fieldset {\n padding-bottom: calcSize(5);\n\n .sd-rating__min-text {\n bottom: calcSize(1);\n }\n\n .sd-rating__max-text {\n bottom: calcSize(1);\n }\n }\n }\n\n &.sd-rating--labels-diagonal {\n fieldset {\n padding-bottom: calcSize(5);\n\n .sd-rating__min-text {\n top: calcSize(1);\n }\n\n .sd-rating__max-text {\n bottom: calcSize(1);\n }\n }\n }\n }\n\n .sd-question--table .sd-rating {\n margin-inline-start: 0;\n width: fit-content;\n margin: auto;\n max-width: fit-content;\n }\n\n .svc-rating-question-controls {\n display: flex;\n width: calcSize(8);\n min-width: auto;\n justify-content: flex-start;\n }\n\n .sd-rating__item--fixed-size:focus-within {\n width: unset;\n padding: calcSize(0.5) calcSize(2.5);\n }\n}\n.svc-question__content .svc-rating-question-content .sd-question__content {\n overflow-x: visible;\n}\n.svc-creator--mobile {\n .svc-rating-question-content {\n position: relative;\n }\n\n .svc-rating-question-controls {\n position: absolute;\n top: 0;\n }\n\n .svc-question__content {\n .sd-rating {\n margin-inline-start: 0; // margin-left\n width: 100%;\n max-width: 100%;\n }\n\n\n legend+.sd-rating__item,\n legend+sv-ng-rating-item+.sd-rating__item,\n legend+.sd-rating__item-smiley,\n legend+sv-ng-rating-item-smiley+.sd-rating__item-smiley {\n margin-inline-start: calc(9 * #{$base-unit} + 2px);\n }\n\n legend+.sd-rating__item-text,\n legend+.sd-rating__item-star,\n legend+sv-ng-rating-item-star+.sd-rating__item-star {\n margin-inline-start: calc(9 * #{$base-unit});\n }\n }\n}","@use \"../variables\" as *;\n\n.svc-item-value-wrapper {\n position: relative;\n display: flex;\n gap: calcSize(1);\n align-items: center;\n margin-left: calcSize(-5);\n}\n\n.svc-question__dropdown-choice,\n.sd-selectbase {\n .svc-item-value-wrapper {\n align-items: flex-start;\n }\n\n .svc-item-value__item {\n padding-right: calcSize(1);\n }\n}\n\n.svc-question__content {\n .sd-selectbase__column {\n margin-left: calcSize(5);\n min-width: initial;\n }\n\n .sd-selectbase--mobile .sd-selectbase__column,\n .sd-selectbase__column:first-of-type,\n .sd-imagepicker__column {\n margin-left: 0;\n }\n\n .sd-selectbase__column:not(:last-child) {\n padding-right: 0;\n }\n}\n\n.svc-item-value--dragging {\n background: $background;\n box-shadow: $shadow-large;\n border-radius: calcSize(12.5);\n padding-right: calcSize(3);\n padding-left: calcSize(0.5);\n @include disableUserSelect;\n}\n\n.svc-item-value-controls {\n display: flex;\n margin: calcSize(1) 0;\n height: calcSize(4);\n box-sizing: border-box;\n flex-shrink: 0;\n min-width: calcSize(9);\n justify-content: flex-end;\n align-self: flex-start;\n}\n\n.svc-item-value-controls__button {\n border-radius: var(--ctr-survey-action-button-corner-radius, 50%);\n padding: calcSize(1);\n cursor: pointer;\n display: inline-block;\n outline: none;\n width: var(--ctr-survey-action-button-icon-width-small, calcSize(2));\n height: var(--ctr-survey-action-button-icon-height-small, calcSize(2));\n box-sizing: content-box;\n transition:\n background $creator-transition-duration,\n background-color $creator-transition-duration;\n\n .sv-svg-icon {\n display: block;\n width: var(--ctr-survey-action-button-icon-width-small, calcSize(2));\n height: var(--ctr-survey-action-button-icon-height-small, calcSize(2));\n }\n}\n\n.svc-item-value-controls__button > span {\n display: block;\n}\n\n.svc-item-value-controls__drag .svc-item-value-controls__drag-icon {\n display: block;\n transition: opacity $creator-transition-duration;\n width: var(--ctr-survey-item-actionbar-drag-indicator-width, calcSize(3));\n height: var(--ctr-survey-item-actionbar-drag-indicator-height, calcSize(3));\n\n .sv-svg-icon {\n width: var(--ctr-survey-item-actionbar-drag-indicator-width, calcSize(3));\n height: var(--ctr-survey-item-actionbar-drag-indicator-height, calcSize(3));\n }\n}\n\n.svc-item-value-wrapper:hover:not(.svc-item-value--ghost),\n.svc-item-value-controls__drag:hover:not(.svc-item-value--ghost) {\n .svc-item-value-controls__drag-icon {\n opacity: 1;\n }\n}\n\n.svc-item-value-controls__drag {\n padding: var(--ctr-survey-item-actionbar-drag-indicator-padding-top, calcSize(0.5))\n var(--ctr-survey-item-actionbar-drag-indicator-padding-right, calcSize(1))\n var(--ctr-survey-item-actionbar-drag-indicator-padding-bottom, calcSize(0.5))\n var(--ctr-survey-item-actionbar-drag-indicator-padding-left, calcSize(1));\n height: auto;\n width: auto;\n cursor: move;\n opacity: var(--ctr-survey-item-actionbar-drag-indicator-opacity, 0.25);\n\n .svc-item-value-controls__drag-icon {\n opacity: 0;\n }\n\n use {\n fill: var(--ctr-survey-item-actionbar-drag-indicator-color, $foreground);\n }\n}\n\n.svc-item-value-controls__button--disabled {\n fill: var(--ctr-survey-action-button-icon-color-disabled, $foreground-light);\n opacity: 0.25;\n cursor: default;\n}\n\n.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled) {\n use {\n fill: var(--ctr-survey-action-button-icon-color-negative, $red);\n }\n}\n\n.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) {\n use {\n fill: var(--ctr-survey-action-button-icon-color-positive, $primary);\n }\n}\n\n.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) {\n &:hover,\n &:focus {\n background-color: var(--ctr-survey-action-button-background-color-hovered-positive, $primary-light);\n }\n}\n\n.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled) {\n &:hover,\n &:focus {\n background-color: var(--ctr-survey-action-button-background-color-hovered-negative, $red-light);\n }\n}\n\n.sv-string-editor {\n cursor: text;\n}\n\n.svc-item-value--new {\n .svc-item-value__item {\n .sd-item__control-label,\n .sv-ranking-item__text {\n color: $foreground-light;\n }\n\n .sd-item__decorator {\n opacity: 0.35;\n }\n }\n\n .sv-ranking-item__index {\n background: $background-dim;\n\n svg {\n fill: $foreground-light;\n }\n }\n}\n\n.sv-ranking {\n .svc-item-value-wrapper {\n align-items: center;\n }\n\n .svc-item-value__item {\n padding-right: 0;\n flex-grow: 1;\n }\n}\n\n.svc-question__content .svc-item-value__item .sv-ranking-item__text {\n flex-grow: 1;\n width: 0;\n max-width: fit-content;\n}\n\n.svc-item-value__item {\n .sv-ranking-item__content {\n padding-left: 0;\n }\n\n .sv-ranking-item__icon-container {\n display: none;\n }\n\n .sv-ranking-item__text {\n overflow: visible;\n }\n\n .svc-string-editor {\n width: 100%;\n display: inline-block;\n }\n\n .sv-string-editor {\n text-overflow: ellipsis;\n overflow: hidden;\n }\n}\n\n.sv-drag-drop-choices-shortcut {\n .sv-ranking-item__text {\n overflow: hidden;\n }\n}\n\n.svc-item-value--ghost {\n height: calcSize(6);\n\n .svc-item-value__ghost {\n display: block;\n }\n\n .svc-item-value-controls {\n visibility: hidden;\n }\n\n .svc-item-value__item {\n display: none;\n }\n\n .sv-string-viewer,\n .sv-string-editor {\n white-space: unset;\n }\n}\n\n.svc-item-value--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.svc-item-value--moveup {\n transform: translate(0, 0);\n animation: svdragdropmoveup 0.1s;\n animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmoveup {\n 0% {\n transform: translate(0, 50px);\n }\n\n 100% {\n transform: translate(0, 0);\n }\n}\n\n.svc-item-value__ghost {\n display: none;\n background: var(--ctr-survey-radio-button-group-item-background-color-drop-spot, $background-dim);\n border-radius: var(--ctr-survey-radio-button-group-item-corner-radius-floating, calcSize(12.5));\n width: calcSize(25);\n height: calcSize(5);\n z-index: 11;\n position: absolute;\n left: 35px;\n}\n\n.svc-creator--mobile .svc-tab-designer {\n .svc-question__content--ranking,\n .sd-selectbase,\n .svc-question__dropdown-choices {\n [data-sv-drop-target-item-value] .svc-item-value-controls {\n min-width: initial;\n }\n\n &:not([data-sv-drop-target-item-value]) .svc-item-value-controls {\n min-width: 64px;\n }\n\n .svc-item-value-controls__drag {\n padding-right: 0;\n }\n\n .svc-item-value-controls__drag-icon {\n opacity: 1;\n }\n\n .svc-item-value-wrapper {\n margin-left: calcSize(-3);\n }\n }\n}\n\n.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer {\n .svc-question__content--ranking,\n .sd-selectbase,\n .svc-question__dropdown-choices {\n .svc-item-value-controls__drag-icon {\n opacity: 1;\n }\n\n .svc-item-value-wrapper {\n margin-left: calcSize(-6);\n }\n\n .svc-item-value-controls__drag {\n padding-left: 0;\n padding-right: 0;\n }\n }\n}\n","@use \"../variables\" as *;\n\n.svc-image-item-value-wrapper {\n display: inline-block;\n position: relative;\n}\n\n.svc-image-item-value--new {\n display: none;\n height: max-content;\n\n .sd-imagepicker__image {\n box-sizing: border-box;\n border: 1px dashed $border;\n }\n}\n\n.svc-image-item-value--file-dragging {\n .sd-imagepicker__image {\n border: 2px solid $primary;\n background-color: $primary-light;\n }\n\n .svc-image-item-value__item {\n position: relative;\n z-index: 2;\n }\n}\n\n.svc-question__content--selected .svc-image-item-value--new {\n display: inline-block;\n}\n\n.svc-image-item-value-controls {\n position: absolute;\n top: calcSize(1);\n right: calcSize(1);\n z-index: 2;\n}\n\n.svc-image-item-value--new .svc-image-item-value-controls {\n top: calc(50% - 3 * #{$base-unit});\n left: calc(50% - 3 * #{$base-unit});\n}\n\n.svc-image-item-value--new .svc-image-item-value-controls__button {\n background-color: transparent;\n transition: background-color $creator-transition-duration;\n}\n\n.svc-image-item-value-controls__add {\n background-color: transparent;\n transition: background-color $creator-transition-duration;\n\n use {\n fill: $primary;\n transition: fill $creator-transition-duration;\n }\n\n &:hover,\n &:focus {\n background-color: $primary-light;\n }\n}\n\n.svc-choose-file-input {\n position: absolute;\n opacity: 0;\n width: 1px;\n height: 1px;\n overflow: hidden;\n}\n\n.svc-image-item-value__item {\n .sd-imagepicker__item.sd-imagepicker__item {\n width: 100%;\n }\n}\n\n.svc-image-item-value-controls__drag-area-indicator {\n display: none;\n cursor: move;\n position: absolute;\n top: calcSize(1);\n left: calcSize(1);\n}\n\n.svc-question__content--selected .svc-image-item-value-wrapper:hover {\n .svc-image-item-value-controls__drag-area-indicator {\n display: block;\n }\n}\n\n.svc-image-item-value-wrapper--ghost {\n .svc-image-item-value-wrapper__ghost {\n display: block;\n }\n\n .svc-image-item-value-wrapper__content {\n display: none;\n }\n}\n\n.svc-image-item-value-wrapper__ghost {\n display: none;\n background: $background-dim;\n}\n\n.svc-image-item-value--single {\n width: 100%;\n\n .sd-imagepicker__image {\n height: calcSize(30);\n }\n}\n\n.svc-image-item-value__loading {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}","@use \"../variables\" as *;\n\n// .svc-question__content {\n// .sd-table {\n// td:empty,\n// th:empty {\n// width: initial;\n// }\n// }\n// }\n.svc-matrix-cell {\n position: relative;\n}\n\n.svc-question__adorner {\n .sd-table .sd-table__cell--column-title {\n padding: 0 calcSize(1);\n\n .svc-matrix-cell {\n padding: calcSize(1.5) calcSize(1);\n }\n\n &.sd-table__cell--drag {\n padding-right: 0;\n padding-left: 0;\n }\n }\n}\n\n.svc-matrix-cell--selected {\n position: absolute;\n border: calcSize(0.25) solid $secondary;\n border-radius: calcSize(0.5);\n top: calcSize(0);\n left: calcSize(0);\n right: calcSize(0);\n bottom: calcSize(0);\n display: none;\n\n &.svc-visible {\n display: block;\n }\n}\n\n.svc-hovered>.svc-matrix-cell--selected:not(.svc-visible) {\n border: calcSize(0.25) solid $secondary-light;\n border-radius: calcSize(0.5);\n display: block;\n}\n\n.svc-matrix-cell__question-controls {\n opacity: 0;\n position: absolute;\n top: calc(50% - 3 * #{$base-unit});\n left: calc(50% - 3 * #{$base-unit});\n z-index: 2;\n transition: opacity $creator-transition-duration;\n}\n\n.svc-matrix-cell__question-controls-button {\n border: 1px solid $border;\n}\n\n.svc-matrix-cell:hover .svc-matrix-cell__question-controls {\n opacity: 1;\n}\n\n.svc-question__content--in-popup {\n min-width: calcSize(70);\n padding: calcSize(5);\n}\n\n.svc-matrix-cell__popup {\n .sv-popup__scrolling-content {\n margin-top: calcSize(1);\n padding-top: 0;\n }\n\n .svc-question__content {\n @include disableUserSelect;\n }\n}\n\n.svc-question__content {\n .sd-table__cell--detail-panel {\n padding-left: calcSize(6);\n }\n}\n\n.svc-question__content {\n .sd-drag-element__svg {\n visibility: visible;\n cursor: initial;\n use {\n fill: $foreground-light;\n }\n }\n}","@use \"../variables\" as *;\n\n.svd-test-results {\n border-radius: var(--ctr-string-table-corner-radius, calcSize(0.5));\n box-shadow: inset 0px 1px 0px 0px var(--ctr-string-table-shadow-color, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));\n padding: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.svd-test-results__content {\n box-shadow: var(--ctr-string-table-shadow-offset-x, 0px) var(--ctr-string-table-shadow-offset-y, 1px) var(--ctr-string-table-shadow-blur, 2px) var(--ctr-string-table-shadow-spread, 0px) var(--ctr-string-table-shadow-color, rgba(0, 0, 0, 0.15));\n}\n\n.svd-test-results__header {\n @include ctrDefaultFont;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: var(--ctr-string-table-title-padding-top, calcSize(2)) var(--ctr-string-table-title-padding-right, calcSize(3)) var(--ctr-string-table-title-padding-bottom, calcSize(2)) var(--ctr-string-table-title-padding-left, calcSize(3));\n color: var(--ctr-string-table-title-caption-color, $foreground-light);\n border-bottom: var(--ctr-string-table-title-border-width-bottom, 2px) solid var(--ctr-string-table-title-border-color, $border-light);\n background-color: var(--ctr-string-table-title-background-color, $background);\n\n .svd-test-results__header-text {\n margin: 0;\n }\n\n .svd-test-results__header-types {\n display: flex;\n gap: var(--ctr-string-table-title-actionbar-gap, calcSize(1));\n }\n\n .svc-action-button {\n color: var(--ctr-actionbar-button-text-color, $primary);\n border-radius: var(--ctr-actionbar-button-corner-radius, calcSize(12.5));\n background-color: transparent;\n\n &:focus, &:hover {\n background-color: var(--ctr-survey-action-button-background-color-hovered-positive, $primary-light);\n outline: none;\n }\n }\n\n .svc-action-button.svc-action-button--selected {\n border: var(--ctr-actionbar-button-border-width-selected, calcSize(0.25)) solid var(--ctr-actionbar-button-border-color-selected, $primary);\n }\n}\n\n.svd-test-results__text {\n @include ctrDefaultFont;\n display: flex;\n padding: var(--ctr-code-viewer-text-margin-top-results-table, calcSize(2)) var(--ctr-code-viewer-text-margin-right-results-table, calcSize(3)) var(--ctr-code-viewer-text-margin-bottom-results-table, calcSize(2)) var(--ctr-code-viewer-text-margin-left-results-table, calcSize(3));\n width: calc(100% - calcSize(6));\n overflow: auto;\n user-select: text;\n white-space: pre-wrap;\n background: var(--ctr-code-viewer-background-color, $background);\n color: var(--ctr-code-viewer-text-color, rgb(0, 0, 0));\n}\n\n.svd-test-results__table {\n width: 100%;\n\n table {\n width: 100%;\n border-collapse: collapse;\n\n .svd-test-results__marker {\n position: absolute;\n top: calcSize(1.5);\n\n .sv-svg-icon {\n transition: transform 0.2s ease-in-out;\n\n use {\n fill: var(--ctr-string-table-row-expand-button-icon-color-default, $foreground-light);\n }\n }\n\n &.svd-test-results__marker--expanded .sv-svg-icon {\n transform-origin: center;\n transform: rotate(90deg);\n }\n }\n\n th {\n @include ctrSmallBoldFont;\n padding: var(--ctr-string-table-row-padding-top, calcSize(1)) var(--ctr-string-table-row-padding-right, calcSize(1)) var(--ctr-string-table-row-padding-bottom, calcSize(1)) var(--ctr-string-table-row-padding-left, calcSize(1));\n background: var(--ctr-string-table-header-background-color, $background-dim);\n text-align: left;\n color: var(--ctr-string-table-header-text-color, $foreground-light);\n\n &:nth-child(1) {\n padding-left: var(--ctr-string-table-row-padding-left, calcSize(3));\n }\n }\n\n td {\n @include ctrDefaultFont;\n padding: var(--ctr-string-table-row-padding-top, calcSize(1)) var(--ctr-string-table-row-padding-right, calcSize(1)) var(--ctr-string-table-row-padding-bottom, calcSize(1)) var(--ctr-string-table-row-padding-left, calcSize(1));\n max-width: calcSize(50);\n overflow: auto;\n border-top: var(--ctr-string-table-row-border-width-bottom, 2px) solid var(--ctr-string-table-row-border-color, $border-light);\n user-select: text;\n background: var(--ctr-string-table-row-background-color, $background);\n\n &:nth-child(1) {\n @include ctrDefaultBoldFont;\n position: relative;\n width: 50%;\n }\n\n &:nth-child(2) {\n width: 50%;\n padding-right: var(--ctr-string-table-row-padding-right, calcSize(3));\n }\n }\n\n .survey-result-value {\n word-break: break-all;\n }\n\n tr {\n vertical-align: top;\n\n .svd-test-results__node-value {\n color: var(--ctr-string-table-row-text-color, $foreground-light);\n }\n }\n }\n}\n\n.svd-dark-border-color {\n color: var(--ctr-string-table-row-text-color-title, rgb(0, 0, 0));\n}","@use \"../../variables\" as *;\n\n.svc-designer-header .sd-container-modern__title {\n gap: 0;\n column-gap: var(--lbr-header-gap, 32px);\n}\n\n.svc-logo-image {\n position: relative;\n justify-content: flex-end;\n align-items: center;\n display: flex;\n padding: 0;\n cursor: pointer;\n max-width: 50%;\n\n .sd-logo__image {\n max-width: 100%;\n }\n\n .svc-image-item-value-controls {\n display: block;\n top: calcSize(2.5);\n right: calcSize(1.5);\n }\n}\n\n.svc-logo-image__loading {\n width: calcSize(8);\n height: calcSize(8);\n padding: calcSize(1);\n box-sizing: border-box;\n margin-right: calcSize(-2);\n}\n\n.svc-logo-image-placeholder {\n @include ctrLargeFont;\n color: $foreground-light;\n opacity: var(--ctr-survey-header-logo-placeholder-icon-opacity, 0.25);\n white-space: nowrap;\n word-break: keep-all;\n padding: 0;\n // width: calcSize(8);\n // height: calcSize(8);\n padding: var(--ctr-survey-header-logo-placeholder-padding-top, calcSize(1))\n var(--ctr-survey-header-logo-placeholder-padding-right, calcSize(1))\n var(--ctr-survey-header-logo-placeholder-padding-bottom, calcSize(1))\n var(--ctr-survey-header-logo-placeholder-padding-left, calcSize(1));\n display: flex;\n justify-content: center;\n align-items: center;\n // margin-right: calcSize(-2);\n border-radius: var(--ctr-survey-header-logo-placeholder-corner-radius, calcSize(4));\n transition: background-color $creator-transition-duration, opacity $creator-transition-duration;\n\n &:hover {\n background-color: var(--ctr-survey-header-logo-placeholder-background-color-hovered, $primary-light);\n opacity: unset;\n\n use {\n fill: var(--ctr-survey-header-logo-placeholder-icon-color-hovered, $primary);\n }\n }\n\n svg {\n width: var(--ctr-survey-header-logo-placeholder-icon-width, calcSize(6));\n height: var(--ctr-survey-header-logo-placeholder-icon-height, calcSize(6));\n }\n}\n\n.svc-logo-image-placeholder use {\n transition: fill $creator-transition-duration;\n fill: var(--ctr-survey-header-logo-placeholder-icon-color, $foreground-light);\n}\n\n.svc-logo-image-container {\n position: relative;\n\n .sd-logo {\n margin: 0;\n }\n}\n\n.svc-logo-image-controls {\n opacity: 0;\n width: max-content;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.svc-logo-image-container {\n cursor: default;\n}\n\n.svc-logo-image-container:not(.svc-logo-image-container--editable) {\n .svc-logo-image-controls {\n display: none;\n }\n}\n\n.svc-logo-image-container--editable:focus-within,\n.svc-logo-image-container--editable:hover {\n .svc-logo-image-controls {\n opacity: 1;\n }\n}","@use \"../variables\" as *;\n\n.svc-link__button {\n @include ctrDefaultBoldFont;\n border-radius: var(--ctr-actionbar-button-corner-radius, calcSize(12.5));\n}\n\n.svc-question-link__set-button {\n cursor: pointer;\n}\n.svc-link-value-button {\n --thm-margin-inline-start: calc(-1 * var(--ctr-actionbar-button-padding-left-medium-text));\n margin-inline-start: var(--thm-margin-inline-start, calcSize(-2));\n}\n.svc-question-link__clear-button {\n color: $red;\n cursor: pointer;\n}\n.svc-question-link__clear-button:focus,\n.svc-question-link__clear-button:hover {\n background-color: $red-light;\n}\n","@use \"../variables\" as *;\n.svc-search {\n // TODO remove v2\n --sjs-general-forecolor: rgba(0, 0, 0, 0.91);\n --sjs-general-forecolor-light: rgba(0, 0, 0, 0.45);\n}\n\n.svc-search {\n display: flex;\n align-items: center;\n}\n\n.svc-search__input {\n @include textEllipsis;\n @include ctrSmallBoldFont;\n\n border: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n\n display: block;\n background: transparent;\n box-sizing: border-box;\n outline: none;\n padding: 0;\n width: 0;\n flex-grow: 1;\n}\n\n.svc-creator--mobile .svc-search__input {\n $fontSize: var(--ctr-font-small-size, #{calcSize(1.5)});\n font-size: Max(16px, #{$fontSize});\n}\n\n\n.svc-search__toolbar {\n display: flex;\n gap: var(--ctr-search-toolbar-gap, calcSize(1.5));\n justify-content: flex-end;\n align-items: center;\n flex-shrink: 0;\n}\n\n.svc-search__toolbar .sv-action-bar {\n gap: var(--ctr-search-toolbar-gap, calcSize(0.5));\n margin: 0;\n flex-shrink: 0;\n}\n\n.svc-search__toolbar .sv-action--hidden {\n display: none;\n}\n\n.svc-search__toolbar .svc-search__bar-item {\n height: min-content;\n margin: 0;\n border-radius: var(--ctr-search-button-corner-radius, 100px);\n padding: var(--ctr-search-button-padding-vertical, calcSize(0.5))\n var(--ctr-search-button-padding-horizontal, calcSize(0.5)) var(--ctr-search-button-padding-vertical, calcSize(0.5))\n var(--ctr-search-button-padding-horizontal, calcSize(0.5));\n\n .sv-svg-icon {\n width: var(--ctr-search-button-icon-width, calcSize(2));\n height: var(--ctr-search-button-icon-height, calcSize(2));\n }\n}\n\n.svc-search__toolbar-counter {\n @include ctrSmallBoldFont;\n display: flex;\n flex-shrink: 0;\n}","@use \"../variables\" as *;\n\n.svc-scroll__wrapper {\n position: relative;\n flex-grow: 1;\n flex-shrink: 1;\n height: 0;\n display: flex;\n flex-direction: column;\n}\n\n.svc-scroll__scroller {\n box-sizing: border-box;\n flex-grow: 1;\n overflow-y: auto;\n overflow-x: hidden;\n\n display: flex;\n flex-direction: column;\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n &::-webkit-scrollbar {\n display: none;\n }\n}\n\n.svc-scroll__scrollbar {\n position: absolute;\n top: 0;\n bottom: 0;\n overflow-y: scroll;\n overflow-x: hidden;\n width: fit-content;\n margin-inline-start: -1px;\n visibility: hidden;\n z-index: 30;\n inset-inline-end: 0;\n inset-inline-start: initial;\n @-moz-document url-prefix() {\n scrollbar-width: thin;\n scrollbar-color: $border transparent;\n }\n}\n\n.svc-scroll__wrapper:hover .svc-scroll__scrollbar {\n visibility: visible;\n}\n\n.svc-scroll__scrollbar-sizer {\n width: 1px;\n}\n\n.svc-scroll__container {\n width: 100%;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n}","@use \"../../variables\" as *;\n\n.svc-property-panel__item {\n margin: calcSize(2) 0;\n width: 100%;\n}\n","@use \"../../variables\" as *;\n\n.svc-property-grid-placeholder {\n display: flex;\n padding: var(--ctr-property-grid-placeholder-padding-top, 96px)\n var(--ctr-property-grid-placeholder-padding-right, 48px) var(--ctr-property-grid-placeholder-padding-bottom, 0px)\n var(--ctr-property-grid-placeholder-padding-left, 48px);\n flex-direction: column;\n align-items: center;\n gap: var(--ctr-property-grid-placeholder-image-margin-top, 24px);\n flex: 1 0 0;\n align-self: stretch;\n background: var(--ctr-property-grid-form-background-color, #f3f3f3);\n}\n.svc-property-grid-placeholder__header {\n display: flex;\n max-width: var(--ctr-property-grid-placeholder-text-max-width, 256px);\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: var(--ctr-property-grid-placeholder-text-gap, 8px);\n}\n.svc-property-grid-placeholder__title {\n @include ctrDefaultBoldFont;\n color: var(--ctr-property-grid-placeholder-text-title-color, rgba(0, 0, 0, 0.91));\n text-align: center;\n display: inline-block;\n}\n.svc-property-grid-placeholder__description {\n @include ctrSmallFont;\n color: var(--ctr-property-grid-placeholder-text-description-color, rgba(0, 0, 0, 0.45));\n text-align: center;\n display: inline-block;\n}\n.svc-property-grid-placeholder__content {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n width: 100%;\n}\n.svc-property-grid-placeholder__gap {\n max-width: 192px;\n flex: 1 0 0;\n width: 100%;\n}\n.svc-property-grid-placeholder__image {\n display: flex;\n max-width: 192px;\n justify-content: center;\n align-items: center;\n flex: 1 0 0;\n background: url(\"../../images/image-panel-placeholder.png\") 50% / contain no-repeat;\n width: 100%;\n overflow: hidden;\n height: 86px;\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"],\n.svc-creator__side-bar--left {\n .svc-property-grid-placeholder__image {\n transform: rotateY(180deg);\n }\n}\n\n.svc-creator__side-bar--left .svc-property-grid-placeholder__content {\n flex-direction: row-reverse;\n}\n","@use \"../../variables\" as *;\n\n.svc-tabbed-menu-item {\n display: flex;\n align-items: center;\n min-height: calc(var(--ctr-menu-toolbar-button-icon-height) + var(--ctr-menu-item-padding-top) + var(--ctr-menu-item-padding-bottom));\n padding: var(--ctr-menu-item-padding-top, 20px) var(--ctr-menu-item-padding-right, 24px) var(--ctr-menu-item-padding-bottom, 20px) var(--ctr-menu-item-padding-left, 24px) ;\n box-sizing: border-box;\n cursor: pointer;\n transition: box-shadow $creator-transition-duration, background-color $creator-transition-duration;\n\n &:hover,\n &:focus {\n background-color: var(--ctr-menu-item-background-color-hovered, $background-dim);\n box-shadow: inset 0px -1px 0px var(--ctr-menu-border-color, $border);\n outline: none;\n }\n}\n\n.svc-tabbed-menu-item--icon {\n padding-right: var(--ctr-menu-item-padding-right-icon, 16px);\n padding-left: var(--ctr-menu-item-padding-left-icon, 16px);\n display: flex;\n align-items: center;\n}\n\n.svc-tabbed-menu-item--selected {\n background: var(--ctr-menu-item-background-color, $background);\n box-shadow: inset 0px -2px 0px var(--ctr-menu-item-border-color-selected, $primary);\n\n &:hover,\n &:focus {\n background: var(--ctr-menu-item-background-color, $background);\n box-shadow: inset 0px -2px 0px var(--ctr-menu-item-border-color-selected, $primary);\n }\n}\n\n.svc-tabbed-menu-item--disabled {\n cursor: default;\n opacity: var(--ctr-menu-item-opacity-disabled, 0.25);\n\n &:hover {\n background-color: var(--ctr-menu-item-background-color, $background);\n }\n}\n\n.svc-tabbed-menu-item--hidden {\n visibility: hidden;\n}\n\n.svc-tabbed-menu-item__text.svc-tabbed-menu-item__text {\n @include ctrDefaultFont;\n white-space: nowrap;\n display: block;\n color: var(--ctr-menu-item-text-color, $foreground);\n}\n\n.svc-tabbed-menu-item--selected .svc-tabbed-menu-item__text {\n @include ctrDefaultBoldFont;\n}\n\n.svc-tabbed-menu-item__icon {\n width: var(--ctr-menu-item-icon-width, 24px);\n height: var(--ctr-menu-item-icon-height, 24px);\n fill: var(--ctr-menu-item-icon-color, $foreground-light);\n}\n\n.svc-tabbed-menu-item-container .sv-dots__item {\n width: auto;\n}\n.svc-tabbed-menu-item-container \n{\n .svc-list__item-icon {\n display: none;\n }\n // .sv-list__item--with-icon.sv-list__item--with-icon > .sv-list__item-body {\n // padding-block: calcSize(1);\n // }\n}","@use \"../../variables\" as *;\n\n.svc-tabbed-menu {\n display: flex;\n white-space: nowrap;\n overflow: hidden;\n align-items: center;\n}\n\n.svc-tabbed-menu-wrapper {\n flex: 1 1 auto;\n overflow: hidden;\n}","@use \"../../variables\" as *;\n@use \"../../variables-layer.scss\" as *;\n\n.svc-toolbox__item {\n display: flex;\n position: relative;\n align-items: center;\n outline: none;\n padding-top: var(--ctr-toolbox-item-padding-top, calcSize(1));\n padding-bottom: var(--ctr-toolbox-item-padding-bottom, calcSize(1));\n padding-inline-end: var(--ctr-toolbox-item-padding-right, calcSize(1.5));\n padding-inline-start: var(--ctr-toolbox-item-padding-left, calcSize(1.5));\n border-radius: var(--ctr-toolbox-item-corner-radius, calcSize(12.5));\n}\n.svc-toolbox__item-icon {\n display: block;\n height: var(--ctr-toolbox-item-icon-height, calcSize(3));\n width: var(--ctr-toolbox-item-icon-width, calcSize(3));\n pointer-events: none;\n}\n.svc-toolbox__tool {\n cursor: default;\n align-items: var(--ctr-toolbox-item-align, flex-start);\n align-self: var(--ctr-toolbox-item-align, flex-start);\n &:first-of-type > .svc-toolbox__tool-content {\n padding-block-start: 0;\n .svc-toolbox__item-banner {\n top: 50%;\n }\n }\n}\n.svc-toolbox__tool-content {\n display: flex;\n // padding: calcSize(0.25) 0;\n padding-block-start: var(--ctr-toolbox-group-gap, calcSize(0.5));\n flex-direction: column;\n align-items: var(--ctr-toolbox-item-align, flex-start);\n position: relative;\n}\n\n.svc-toolbox__item--has-subitems {\n padding-inline-end: calcSize(6);\n}\n\n.svc-toolbox__tool--has-subitems {\n align-items: var(--ctr-toolbox-item-align, flex-start);\n align-self: var(--ctr-toolbox-item-align, flex-start);\n}\n\n// is always visible\n.svc-toolbox__item-container {\n display: flex;\n outline: none;\n use {\n fill: var(--ctr-toolbox-item-icon-color, $foreground-light);\n }\n}\n\n//is visible only on hover\n.svc-toolbox__item-banner {\n @include ctrSmallBoldFont;\n opacity: 0;\n box-sizing: border-box;\n align-items: center;\n inset-inline-start: var(--thm-toolbox-item-banner-left, calcSize(-0.5));\n max-width: calcSize(100);\n padding-top: var(--ctr-tooltip-padding-top, calcSize(1.5));\n padding-inline-end: var(--ctr-tooltip-padding-right, calcSize(3.5));\n padding-bottom: var(--ctr-tooltip-padding-bottom, calcSize(1.5));\n padding-inline-start: var(--ctr-tooltip-padding-left, calcSize(5.5));\n margin-inline-end: calcSize(-2);\n white-space: nowrap;\n color: var(--ctr-toolbox-item-text-color, $foreground);\n transition: opacity $creator-transition-duration;\n background-color: $background;\n /* Shadow / Medium */\n border-radius: var(--ctr-tooltip-corder-radius, calcSize(12.5));\n box-shadow:\n var(--ctr-tooltip-shadow-1-offset-x, 0px) var(--ctr-tooltip-shadow-1-offset-y, 2px)\n var(--ctr-tooltip-shadow-1-blur, 6px) var(--ctr-tooltip-shadow-1-spread, 0px)\n var(--ctr-tooltip-shadow-1-color, rgba(0, 0, 0, 0.1)),\n var(--ctr-tooltip-shadow-2-offset-x, 0px) var(--ctr-tooltip-shadow-2-offset-y, 1px)\n var(--ctr-tooltip-shadow-2-blur, 2px) var(--ctr-tooltip-shadow-2-spread, 0px)\n var(--ctr-tooltip-shadow-2-color, transparent);\n // transition:\n // max-width 0.1s ease-in-out,\n // padding 0.2s ease-in-out;\n background-color: var(--ctr-tooltip-background-color, $background);\n overflow: visible;\n position: absolute;\n z-index: 200;\n top: calc(50% + var(--ctr-toolbox-group-gap, 4px) / 2);\n transform: translate(0, -50%);\n pointer-events: none;\n .svc-toolbox__item-icon {\n position: absolute;\n display: var(--ctr-toolbox-item-banner-icon-display, block);\n inset-inline-start: calcSize(1.5);\n top: calcSize(1);\n }\n\n &:after {\n content: \" \";\n display: var(--ctr-toolbox-item-banner-beak-display, none);\n width: calc(var(--ctr-tooltip-pointer-height) * 1.41);\n height: calc(var(--ctr-tooltip-pointer-height) * 1.41);\n background: var(--ctr-tooltip-background-color, $background);\n border-top-color: transparent;\n border-inline-end-color: transparent;\n box-shadow:\n var(--ctr-tooltip-shadow-1-offset-x, 0px) var(--ctr-tooltip-shadow-1-offset-y, 2px)\n var(--ctr-tooltip-shadow-1-blur, 6px) var(--ctr-tooltip-shadow-1-spread, 0px)\n var(--ctr-tooltip-shadow-1-color, rgba(0, 0, 0, 0.1)),\n var(--ctr-tooltip-shadow-2-offset-x, 0px) var(--ctr-tooltip-shadow-2-offset-y, 1px)\n var(--ctr-tooltip-shadow-2-blur, 2px) var(--ctr-tooltip-shadow-2-spread, 0px)\n var(--ctr-tooltip-shadow-2-color, transparent);\n align-self: center;\n position: absolute;\n inset-inline-end: 100%;\n top: 50%;\n z-index: 300;\n transform: translate(calc(var(--ctr-tooltip-pointer-height) / 1.41), calc(var(--ctr-tooltip-pointer-height) / -1.41)) rotate(45deg);\n clip-path: polygon(-100% -100%, -100% 200%, 200% 200%);\n }\n\n .sv-svg-icon use {\n fill: var(--ctr-toolbox-item-icon-color-hovered, $primary);\n }\n}\n\n.svc-toolbox__item-title {\n @include ctrSmallBoldFont;\n\n display: block;\n padding-inline-start: calcSize(1);\n padding-inline-end: calcSize(1.5);\n white-space: nowrap;\n color: var(--ctr-toolbox-item-text-color, $foreground-light);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.svc-toolbox__tool:hover,\n.svc-toolbox__tool:focus-within {\n .svc-toolbox__item-banner {\n display: var(--ctr-toolbox-item-banner-display, flex);\n opacity: 1;\n pointer-events: initial;\n\n // .svc-toolbox__item-title {\n // padding-inline-start: calcSize(4);\n // }\n }\n}\n\n.svc-toolbox__tool--disabled {\n pointer-events: none;\n\n use {\n opacity: var(--ctr-toolbox-item-icon-opacity-disabled, 0.15);\n fill: var(--ctr-toolbox-item-icon-color-disabled, rgba(0, 0, 0, 0.91));\n }\n .svc-toolbox__item-title {\n opacity: var(--ctr-toolbox-item-text-opacity-disabled, 0.25);\n }\n}\n\n.svc-toolbox__item:focus,\n.svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item,\n.svc-toolbox__item:hover {\n overflow: visible;\n background-color: var(--ctr-toolbox-item-background-color-hovered, $background);\n\n box-shadow:\n var(--ctr-toolbox-item-shadow-hovered-1-offset-x, 0px) var(--ctr-toolbox-item-shadow-hovered-1-offset-y, 2px)\n var(--ctr-toolbox-item-shadow-hovered-1-blur, 6px) var(--ctr-toolbox-item-shadow-hovered-1-spread, 0px)\n var(--ctr-toolbox-item-shadow-hovered-1-color, rgba(0, 0, 0, 0.1)),\n var(--ctr-toolbox-item-shadow-hovered-2-offset-x, 0px) var(--ctr-toolbox-item-shadow-hovered-2-offset-y, 1px)\n var(--ctr-toolbox-item-shadow-hovered-2-blur, 2px) var(--ctr-toolbox-item-shadow-hovered-2-spread, 0px)\n var(--ctr-toolbox-item-shadow-hovered-2-color, transparent);\n transition: 0.1s ease-in-out;\n\n .svc-toolbox--compact {\n .svc-toolbox__item:focus,\n .svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item,\n .svc-toolbox__item:hover {\n background-color: transparent;\n box-shadow: none;\n }\n }\n\n .svc-toolbox__item-title {\n color: var(--ctr-toolbox-item-text-color-hovered, $foreground);\n }\n\n .sv-svg-icon use {\n fill: var(--ctr-toolbox-item-icon-color-hovered, $primary);\n }\n}\n\n.svc-toolbox__tool .sv-dots__item:hover:enabled,\n.svc-toolbox__tool .sv-dots__item:focus:enabled,\n.svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed {\n background-color: var(--ctr-toolbox-button-background-color-hovered, $primary-light);\n border-radius: var(--ctr-toolbox-item-corner-radius, calcSize(12.5));\n box-shadow: none;\n\n .sv-svg-icon use {\n fill: var(--ctr-toolbox-item-icon-color-hovered, $primary);\n }\n}\n.svc-toolbox__item-submenu-button {\n position: absolute;\n inset-inline-end: var(--ctr-toolbox-item-padding-right, calcSize(1.5));\n margin-inline-end: var(--ctr-toolbox-item-submenu-button-margin-right, 0);\n top: calc(var(--ctr-toolbox-item-padding-top, var(--dft-toolbox-item-padding-top)) + var(--ctr-toolbox-gap, var(--dft-toolbox-gap)));\n bottom: var(--ctr-toolbox-item-padding-bottom, var(--dft-toolbox-item-padding-bottom));\n display: inline-flex;\n padding: var(--ctr-toolbox-item-submenu-button-padding-top, calcSize(0.5))\n var(--ctr-toolbox-item-submenu-button-padding-right, calcSize(0.5)) \n var(--ctr-toolbox-item-submenu-button-padding-bottom, calcSize(0.5))\n var(--ctr-toolbox-item-submenu-button-padding-left, calcSize(0.5));\n box-sizing: border-box;\n align-items: center;\n border-radius: var(--ctr-toolbox-item-submenu-button-corner-radius, 1024px);\n background-color: var(--ctr-toolbox-item-submenu-button-background-color, $background-dim);\n transition: background-color $creator-transition-duration;\n &:hover {\n background-color: var(--ctr-toolbox-item-submenu-button-background-color-hovered, $background);\n }\n svg {\n fill: var(--ctr-toolbox-item-submenu-button-icon-color, $layer-1-foreground-50);\n width: var(--ctr-toolbox-item-submenu-button-icon-width, calcSize(2));\n height: var(--ctr-toolbox-item-submenu-button-icon-height, calcSize(2));\n }\n}\n\n.svc-toolbox-popup {\n .sv-list__item {\n &:first-of-type {\n .sv-list__item-separator {\n display: none;\n }\n }\n\n .sv-list__item-body {\n padding-top: calcSize(1.5);\n padding-bottom: calcSize(1.5);\n padding-inline-start: calcSize(2);\n padding-inline-end: calcSize(5);\n }\n }\n}\n\n.svc-toolbox__tool.svc-toolbox__tool--pressed {\n .svc-toolbox__item {\n background: var(--ctr-toolbox-item-background-color-pressed, inherit);\n box-shadow: var(--ctr-toolbox-item-shadow-pressed-offset-x, 0px)\n var(--ctr-toolbox-item-shadow-pressed-offset-y, 1px) var(--ctr-toolbox-item-shadow-pressed-blur, 2px)\n var(--ctr-toolbox-item-shadow-pressed-spread, 0px) var(--ctr-toolbox-item-shadow-pressed-color, rgba(0, 0, 0, 0));\n }\n\n .svc-toolbox__item-title {\n color: var(--ctr-toolbox-item-text-color-pressed, $foreground);\n opacity: var(--ctr-toolbox-item-text-opacity-pressed, 0.5);\n }\n\n .sv-svg-icon use {\n fill: var(--ctr-toolbox-item-icon-color-pressed, $foreground);\n opacity: var(--ctr-toolbox-item-icon-opacity-pressed, 0.5);\n }\n\n .svc-toolbox__item.svc-toolbox__item-subtype {\n opacity: unset;\n }\n}\n\n.svc-toolbox-subtypes {\n .sv-popup__container {\n margin-top: calc(\n 0px - var(--ctr-toolbox-submenu-group-margin-top, 0px) -\n var(--ctr-toolbox-item-padding-top, var(--dft-toolbox-item-padding-top))\n );\n padding: 0;\n\n padding-inline-start: calc(\n var(--ctr-toolbox-item-padding-right, var(--dft-toolbox-item-padding-right)) + \n var(--ctr-toolbox-item-submenu-button-margin-right, 0px) + \n var(--ctr-toolbox-group-padding-right, var(--dft-toolbox-group-padding-right)) +\n var(--ctr-toolbox-border-width-right, 0px));\n\n box-shadow: unset;\n background: unset;\n }\n\n .sv-list__container {\n flex-wrap: wrap;\n column-gap: calcSize(2);\n }\n\n .sv-popup__body-content {\n border-radius: var(--ctr-toolbox-submenu-corner-radius, calcSize(1));\n box-shadow:\n var(--ctr-toolbox-submenu-shadow-1-offset-x, 0px) var(--ctr-toolbox-submenu-shadow-1-offset-y, 2px)\n var(--ctr-toolbox-submenu-shadow-1-blur, 8px) var(--ctr-toolbox-submenu-shadow-1-spread, 0px)\n var(--ctr-toolbox-submenu-shadow-1-color, transparent),\n var(--ctr-toolbox-submenu-shadow-2-offset-x, 0px) var(--ctr-toolbox-submenu-shadow-2-offset-y, 16px)\n var(--ctr-toolbox-submenu-shadow-2-blur, 32px) var(--ctr-toolbox-submenu-shadow-2-spread, 0px)\n var(--ctr-toolbox-submenu-shadow-2-color, transparent);\n background: var(--ctr-toolbox-submenu-background-color, unset);\n padding: 0;\n }\n\n .sv-popup__scrolling-content {\n padding-top: calc(var(--ctr-toolbox-submenu-group-margin-top, 0px));\n padding-inline-end: var(--ctr-toolbox-submenu-group-margin-right, 0px);\n padding-bottom: var(--ctr-toolbox-submenu-group-margin-bottom-last, 0px);\n padding-inline-start: var(--ctr-toolbox-submenu-group-margin-left, 0px);\n overflow: visible;\n }\n\n .sv-list__item:hover > .sv-list__item-body,\n .sv-list__item:focus > .sv-list__item-body {\n background-color: unset;\n }\n\n .svc-toolbox__item.svc-toolbox__item-subtype {\n opacity: var(--ctr-toolbox-item-opacity-submenu, 0.85);\n overflow: hidden;\n border-radius: var(--ctr-toolbox-item-corner-radius, calcSize(12.5));\n background: var(--ctr-toolbox-item-background-color-submenu, $layer-2-background-500);\n box-shadow:\n var(--ctr-toolbox-item-shadow-hovered-1-offset-x, 0px) var(--ctr-toolbox-item-shadow-hovered-1-offset-y, 2px)\n var(--ctr-toolbox-item-shadow-hovered-1-blur, 6px) var(--ctr-toolbox-item-shadow-hovered-1-spread, 0px)\n var(--ctr-toolbox-item-shadow-hovered-1-color, rgba(0, 0, 0, 0.1)),\n var(--ctr-toolbox-item-shadow-hovered-2-offset-x, 0px) var(--ctr-toolbox-item-shadow-hovered-2-offset-y, 1px)\n var(--ctr-toolbox-item-shadow-hovered-2-blur, 2px) var(--ctr-toolbox-item-shadow-hovered-2-spread, 0px)\n var(--ctr-toolbox-item-shadow-hovered-2-color, rgba(0, 0, 0, 0));\n transition: 0.1s ease-in-out;\n padding: \n var(--ctr-toolbox-item-padding-top-submenu, calcSize(1.5))\n var(--ctr-toolbox-item-padding-right, calcSize(2))\n var(--ctr-toolbox-item-padding-bottom-submenu, calcSize(1.5))\n var(--ctr-toolbox-item-padding-left-submenu, calcSize(2));\n align-self: flex-start;\n min-width: var(--ctr-toolbox-submenu-item-min-width, initial);\n box-sizing: border-box;\n\n .svc-toolbox__item-title {\n color: var(--ctr-toolbox-item-text-color-submenu, $layer-2-foreground-100);\n }\n }\n\n .svc-toolbox__tool:hover,\n .svc-toolbox__item:focus {\n .svc-toolbox__item-subtype {\n background: var(--ctr-toolbox-item-background-color-hovered, $layer-1-background-500);\n opacity: unset;\n\n .svc-toolbox__item-title {\n color: var(--ctr-toolbox-item-text-color-hovered, $layer-1-foreground-100);\n }\n }\n }\n\n .svc-toolbox__item-title {\n padding: 0;\n }\n}\n\n.svc-toolbox__tool--dots {\n align-self: flex-start;\n}\n.svc-toolbox__item--dots {\n padding-inline-end: var(--ctr-toolbox-item-padding-left, calcSize(1.5));\n margin-top: calcSize(0.5);\n}\n.svc-toolbox--compact {\n .svc-toolbox__item-submenu-button {\n display: none;\n }\n .svc-toolbox__tool {\n padding: 0px var(--ctr-toolbox-item-margin-horizontal-no-text, calcSize(0.5));\n align-self: flex-start;\n pointer-events: all;\n }\n .svc-toolbox__search-button {\n padding-inline-start: var(--ctr-toolbox-item-margin-horizontal-no-text, calcSize(0.5));\n }\n .svc-toolbox__item {\n padding-inline-start: var(--ctr-toolbox-item-padding-left-no-text, calcSize(1));\n padding-inline-end: var(--ctr-toolbox-item-padding-right-no-text, calcSize(1));\n box-sizing: border-box;\n align-self: flex-start;\n &:after {\n content:\"\\a0\";\n @include ctrSmallBoldFont;\n width: 0;\n }\n }\n .svc-toolbox__tool--dots {\n padding-inline-end: 0;\n padding-inline-start: 0;\n }\n .svc-toolbox__item--dots {\n padding-inline-end: var(--ctr-toolbox-item-padding-right, calcSize(1.5));\n padding-inline-start: var(--ctr-toolbox-item-padding-left, calcSize(1.5));\n }\n}\n","@use \"../../variables\" as *;\n\n.svc-toolbox {\n --dft-toolbox-item-padding-top: calc(1 * #{$base-unit});\n --dft-toolbox-group-padding-right: calc(2 * #{$base-unit});\n --dft-toolbox-item-padding-right: calc(1.5 * #{$base-unit});\n --dft-toolbox-gap: calc(0.5 * #{$base-unit});\n --dft-toolbox-width-compact: calc(9 *#{$base-unit});\n\n --thm-toolbox-width-compact: calc(\n var(--ctr-toolbox-item-icon-width) +\n var(--ctr-toolbox-item-padding-right-no-text) +\n var(--ctr-toolbox-item-padding-left-no-text) +\n var(--ctr-toolbox-item-margin-horizontal-no-text) * 2 +\n var(--ctr-toolbox-group-padding-right) +\n var(--ctr-toolbox-group-padding-left)\n );\n\n --thm-toolbox-item-banner-left: calc(\n var(--ctr-toolbox-item-icon-width) +\n var(--ctr-toolbox-item-padding-right-no-text) +\n var(--ctr-toolbox-item-padding-left-no-text) +\n var(--ctr-toolbox-item-margin-horizontal-no-text) * 2 +\n var(--ctr-toolbox-group-padding-right) +\n var(--ctr-tooltip-pointer-height) * 2\n );\n\n --toolbox-width: var(--ctr-toolbox-min-width, 224.984375px /*calcSize(28)*/);\n --toolbox-width-compact: var(--thm-toolbox-width-compact, var(--dft-toolbox-width-compact));\n \n width: auto;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.svc-toolbox__panel {\n position: relative;\n flex-grow: 1;\n flex-shrink: 1;\n height: 0;\n display: flex;\n flex-direction: column;\n border-inline-end: var(--ctr-toolbox-border-width-right, 0px) solid var(--ctr-toolbox-border-color, transparent);\n background: var(--ctr-toolbox-background-color, $background-dim);\n min-width: var(--toolbox-width);\n}\n\n.svc-toolbox {\n\n .svc-scroll__scroller {\n padding: var(--ctr-toolbox-padding-top, calcSize(1.5)) var(--ctr-toolbox-group-padding-right, calcSize(1.5))\n var(--ctr-toolbox-padding-bottom, calcSize(2)) var(--ctr-toolbox-group-padding-left, calcSize(1.5));\n align-items: var(--ctr-toolbox-scroller-align-items, flex-end);\n\n }\n .svc-scroll__scrollbar {\n inset-inline-end: var(--ctr-toolbox-scrollbar-right, initial);\n inset-inline-start: var(--ctr-toolbox-scrollbar-left, 0);\n padding: var(--ctr-toolbox-padding-top, calcSize(1)) 0 var(--ctr-toolbox-padding-bottom, calcSize(2)) 0;\n }\n}\n\n.svc-toolbox--scrollable {\n --toolbox-width: var(--ctr-toolbox-min-width, 236.984375px);\n}\n.svc-toolbox--compact {\n margin-inline-end: var(--ctr-toolbox-margin-left-compact, calcSize(1.5));\n .svc-toolbox__panel {\n overflow: visible;\n width: var(--toolbox-width-compact);\n min-width: var(--toolbox-width-compact);\n }\n .svc-scroll__scroller {\n width: 100vw;\n padding: var(--ctr-toolbox-padding-top, calcSize(1.5)) var(--ctr-toolbox-group-padding-right-compact, calcSize(1.5))\n var(--ctr-toolbox-padding-bottom, calcSize(2)) var(--ctr-toolbox-group-padding-left-compact, calcSize(1.5));\n pointer-events: none;\n }\n .svc-search {\n opacity: 0;\n position: absolute;\n }\n .svc-toolbox__search-container {\n padding-top: var(--ctr-toolbox-padding-top, calcSize(1.5));\n padding-inline-start: var(--ctr-toolbox-group-padding-left, calcSize(1.5));\n padding-inline-end: var(--ctr-toolbox-group-padding-left, calcSize(1.5));\n padding-bottom: calc(var(--ctr-toolbox-separator-padding-top, 8px) + var(--ctr-toolbox-gap, 4px));\n }\n .svc-toolbox__category-separator {\n box-sizing: content-box;\n padding-inline-end: var(--ctr-toolbox-separator-padding-right-compact, calcSize(2));\n padding-inline-start: var(--ctr-toolbox-separator-padding-left-compact, calcSize(2));\n margin-inline-end: calc(0px - var(--ctr-toolbox-group-padding-right-compact, 12px) - var(--ctr-toolbox-item-margin-horizontal-no-text, 4px));\n margin-inline-start: calc(0px - var(--ctr-toolbox-group-padding-left-compact, 12px) - var(--ctr-toolbox-item-margin-horizontal-no-text, 4px));\n }\n .svc-toolbox__category-separator--search {\n margin-inline-end: 0;\n margin-inline-start: 0;\n }\n}\n\n.svc-toolbox__tool.svc-toolbox__search-button {\n z-index: 20;\n justify-content: center;\n align-items: center;\n width: fit-content;\n svg {\n height: var(--ctr-toolbox-item-icon-height, calcSize(3));\n width: var(--ctr-toolbox-item-icon-width, calcSize(3));\n }\n}\n\n.svc-toolbox--flyout {\n --toolbox-width: var(--ctr-toolbox-min-width, calc(32 *#{$base-unit}));\n margin-inline-end: var(--ctr-toolbox-margin-left-compact, calcSize(1.5));\n overflow: visible;\n overflow: visible;\n width: var(--toolbox-width-compact);\n max-width: var(--thm-toolbox-width-compact, calcSize(10.5));\n overflow: visible;\n border-inline-end: var(--ctr-toolbox-border-width-right, 0px) solid transparent;\n\n .svc-search {\n opacity: 1;\n position: relative;\n }\n\n .svc-toolbox__panel {\n z-index: 200;\n width: fit-content;\n position: relative;\n box-shadow:\n var(--ctr-toolbox-shadow-floating-2-offset-x, 0px) var(--ctr-toolbox-shadow-floating-2-offset-y, 8px)\n var(--ctr-toolbox-shadow-floating-2-blur, 16px) var(--ctr-toolbox-shadow-floating-2-spread, 0px)\n var(--ctr-toolbox-shadow-floating-2-color, rgba(0, 0, 0, 0.1)),\n var(--ctr-toolbox-shadow-floating-1-offset-x, 0px) var(--ctr-toolbox-shadow-floating-1-offset-y, 2px)\n var(--ctr-toolbox-shadow-floating-1-blur, 6px) var(--ctr-toolbox-shadow-floating-1-spread, 0px)\n var(--ctr-toolbox-shadow-floating-1-color, rgba(0, 0, 0, 0.1));\n transition: box-shadow $creator-transition-duration;\n }\n}\n.svc-toolbox--searchable {\n .svc-toolbox__search-container {\n display: flex;\n }\n}\n.svc-toolbox__search-container {\n position: sticky;\n top: 0;\n display: none;\n flex-direction: column;\n box-sizing: border-box;\n background: var(--ctr-toolbox-background-color, $background-dim);\n border-bottom: var(--ctr-toolbox-search-border-width-bottom, 1px) solid transparent;\n\n svg {\n pointer-events: none;\n }\n}\n\n.svc-toolbox__category {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.svc-toolbox__category-separator {\n box-sizing: border-box;\n padding-top: var(--ctr-toolbox-separator-padding-top, calcSize(1.5));\n padding-inline-end: var(--ctr-toolbox-separator-padding-right, calcSize(2));\n padding-bottom: var(--ctr-toolbox-separator-padding-bottom, calcSize(1));\n padding-inline-start: var(--ctr-toolbox-separator-padding-left, calcSize(2));\n margin-top: var(--ctr-toolbox-gap, 0);\n margin-inline-end: calc(0px - var(--ctr-toolbox-group-padding-right, 12px));\n margin-inline-start: calc(0px - var(--ctr-toolbox-group-padding-left, 12px));\n max-width: var(--ctr-toolbox-separator-max-width, calcSize(9));\n &:after {\n content: \"\";\n display: block;\n height: var(--ctr-toolbox-separator-height, 1px);\n background-color: var(--ctr-toolbox-separator-color, $border);\n }\n}\n\n.svc-toolbox__category-separator--search {\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n align-self: center;\n margin-left: auto;\n margin-right: auto;\n padding: 0;\n margin-top: 0;\n max-width: initial;\n}\n\n.svc-toolbox--no-separators {\n .svc-toolbox__category-separator {\n display: none;\n }\n .svc-toolbox__category-separator--search {\n display: block;\n }\n}\n\n.svc-toolbox__category-header-wrapper {\n padding: var(--ctr-toolbox-group-header-margin-top, 0px) var(--ctr-toolbox-group-header-margin-left, 0px)\n var(--ctr-toolbox-group-header-margin-bottom, 0px) var(--ctr-toolbox-group-header-margin-left, 0px);\n margin-inline-start: calc(0px - var(--ctr-toolbox-group-padding-left, 0px));\n margin-inline-end: calc(0px - var(--ctr-toolbox-group-padding-right, 0px));\n align-self: stretch;\n}\n.svc-toolbox__category-header {\n padding-top: var(--ctr-toolbox-group-header-padding-top, calcSize(1.5));\n padding-inline-end: var(--ctr-toolbox-group-header-padding-right, calcSize(1.5));\n padding-bottom: var(--ctr-toolbox-group-header-padding-bottom, calcSize(1.5));\n padding-inline-start: var(--ctr-toolbox-group-header-padding-left, calcSize(1.5));\n\n box-shadow: \n inset 0 var(--ctr-toolbox-group-header-border-width-top, 0px) var(--ctr-toolbox-group-header-border-color, $border),\n inset calc(0px - var(--ctr-toolbox-group-header-border-width-right, 0px)) 0 var(--ctr-toolbox-group-header-border-color, $border),\n inset 0 calc(0px - var(--ctr-toolbox-group-header-border-width-bottom, 1px)) var(--ctr-toolbox-group-header-border-color, $border),\n inset var(--ctr-toolbox-group-header-border-width-left, 0px) 0 var(--ctr-toolbox-group-header-border-color, $border);\n\n box-sizing: border-box;\n width: 100%;\n min-width: calcSize(20);\n position: relative;\n display: flex;\n}\n\n.svc-toolbox__category-header--collapsed {\n cursor: pointer;\n}\n\n.svc-toolbox__category-title {\n @include ctrSmallBoldFont;\n color: $foreground;\n vertical-align: middle;\n display: block;\n flex-grow: 1;\n}\n\n.svc-toolbox__category-header__controls {\n inset-inline-end: calcSize(1);\n top: var(--ctr-category-header-controls-top, calcSize(1));\n display: none;\n align-self: center;\n margin-top: -50%;\n margin-bottom: -50%;\n}\n\n.svc-toolbox__category-header__button {\n fill: $foreground-light;\n height: var(--ctr-toolbox-item-icon-height, calcSize(3));\n width: var(--ctr-toolbox-item-icon-width, calcSize(3));\n}\n\n.svc-toolbox__category-header:hover {\n .svc-toolbox__category-header__controls {\n display: flex;\n }\n}\n\n.svc-toolbox__category--collapsed {\n .svc-toolbox__tool {\n height: 0;\n visibility: hidden;\n }\n}\n\n.svc-toolbox__category--empty {\n height: 0;\n visibility: hidden;\n}\n\n.svc-toolbox__placeholder {\n @include ctrSmallFont;\n padding-top: calcSize(13.5);\n margin-inline-start: auto;\n margin-inline-end: auto;\n color: var(--ctr-property-grid-placeholder-text-description-color, $foreground-light);\n}\n","@use \"../../variables\" as *;\n\n.svc-toolbox {\n .svc-search {\n padding-top: var(--ctr-toolbox-search-padding-top, calcSize(2.5));\n padding-inline-end: var(--ctr-toolbox-search-padding-right, calcSize(2));\n padding-bottom: var(--ctr-toolbox-search-padding-bottom, calcSize(2.5));\n padding-inline-start: var(--ctr-toolbox-search-padding-left, calcSize(3));\n gap: var(--ctr-toolbox-search-gap, calcSize(1));\n height: unset;\n\n width: unset;\n flex-grow: 1;\n border-bottom: none;\n }\n\n .svc-search__input {\n color: var(--ctr-toolbox-search-text-color, $foreground);\n }\n .svc-search__input::placeholder {\n color: var(--ctr-toolbox-search-text-color-placeholder, $foreground-light);\n }\n .svc-search__bar-item {\n &:hover:enabled {\n background-color: var(--ctr-toolbox-search-clear-button-background-color-hovered, $red-light);\n svg use {\n fill: var(--ctr-toolbox-search-clear-button-icon-color-hovered, $red);\n }\n }\n }\n\n .svc-search__search-icon {\n width: var(--ctr-toolbox-search-icon-width, calcSize(3));\n height: var(--ctr-toolbox-search-icon-height, calcSize(3));\n \n .sv-svg-icon {\n width: var(--ctr-toolbox-search-icon-width, calcSize(3));\n height: var(--ctr-toolbox-search-icon-height, calcSize(3));\n \n use {\n fill: var(--ctr-toolbox-search-icon-color, $foreground-light);\n }\n }\n }\n}","@use \"../../variables\" as *;\n.svc-creator__toolbox--right,\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"] {\n .svc-toolbox {\n direction: rtl;\n }\n .svc-toolbox__item-banner {\n &:after {\n transform: translate(-2px, -2px) rotate(90deg);\n }\n }\n .svc-toolbox__item-submenu-button {\n svg {\n transform: rotate(180deg);\n } \n }\n}\n.svc-creator__toolbox--right {\n .sv-popup__body-content,\n .svc-search\n {\n direction: initial;\n }\n}","@use \"../../variables\" as *;\n$svc-toolbox-fade-in-duration: var(--sjs-svc-toolbox-fade-in-duration, 250ms);\n$svc-toolbox-move-in-duration: var(--sjs-svc-toolbox-move-in-duration, 250ms);\n$svc-toolbox-fade-in-delay: var(--sjs-svc-toolbox-fade-in-delay, 100ms);\n$svc-toolbox-fade-out-duration: var(--sjs-svc-toolbox-fade-out-duration, 250ms);\n$svc-toolbox-move-out-duration: var(--sjs-svc-toolbox-move-out-duration, 250ms);\n$svc-toolbox-move-out-delay: var(--sjs-svc-toolbox-move-out-delay, 0ms);\n\n$cubic-ease-out: cubic-bezier(0.33, 1, 0.68, 1);\n$reverse-cubic-ease-out: cubic-bezier(0.32, 0, 0.67, 0);\n\n@keyframes toolboxFadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n@keyframes toolboxMoveIn {\n from {\n width: var(--toolbox-width-compact);\n overflow: hidden;\n }\n\n to {\n width: var(--animation-width);\n overflow: hidden;\n }\n}\n\n@keyframes toolboxSeparatorSearchMoveIn {\n from {\n padding-inline-end: var(--ctr-toolbox-separator-padding-right-compact, calcSize(2));\n padding-inline-start: var(--ctr-toolbox-separator-padding-left-compact, calcSize(2));\n\n overflow: hidden;\n }\n\n to {\n padding-inline-end: 0;\n padding-inline-start: 0;\n overflow: hidden;\n }\n}\n\n@keyframes toolboxSeparatorMoveIn {\n from {\n padding-inline-end: var(--ctr-toolbox-separator-padding-right-compact, calcSize(2));\n padding-inline-start: var(--ctr-toolbox-separator-padding-left-compact, calcSize(2));\n overflow: hidden;\n }\n\n to {\n padding-inline-end: var(--ctr-toolbox-separator-padding-right, calcSize(2));\n padding-inline-start: var(--ctr-toolbox-separator-padding-left, calcSize(2));\n overflow: hidden;\n }\n}\n\n.svc-toolbox__panel--enter,\n.svc-toolbox__panel--leave {\n animation-fill-mode: forwards;\n animation-duration: var(--move-animation-duration), var(--animation-duration);\n animation-delay: var(--move-animation-delay), 0s;\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n animation-name: toolboxMoveIn, empty;\n animation-fill-mode: forwards;\n min-width: 0;\n\n .svc-toolbox__category-separator {\n animation-duration: var(--move-animation-duration);\n animation-delay: var(--move-animation-delay);\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n animation-name: toolboxSeparatorMoveIn;\n animation-fill-mode: forwards;\n }\n\n .svc-toolbox__category-separator--search {\n animation-name: toolboxSeparatorSearchMoveIn;\n }\n\n .svc-toolbox__item-submenu-button,\n .svc-toolbox__item-title,\n .svc-search__input {\n animation-duration: var(--fade-animation-duration);\n animation-delay: var(--fade-animation-delay);\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n animation-name: toolboxFadeIn;\n animation-fill-mode: forwards;\n opacity: 0;\n text-overflow: initial;\n }\n}\n\n.svc-toolbox__panel--enter {\n --fade-animation-duration: #{$svc-toolbox-fade-in-duration};\n --move-animation-duration: #{$svc-toolbox-move-in-duration};\n --fade-animation-delay: #{$svc-toolbox-fade-in-delay};\n --move-animation-delay: 0s;\n --animation-direction: normal;\n --animation-duration: calc(var(--fade-animation-delay) + var(--fade-animation-duration));\n --animation-timing-function: #{$cubic-ease-out};\n}\n\n.svc-toolbox__panel--leave {\n --fade-animation-duration: #{$svc-toolbox-fade-out-duration};\n --move-animation-duration: #{$svc-toolbox-move-out-duration};\n --fade-animation-delay: 0s;\n --move-animation-delay: #{$svc-toolbox-move-out-delay};\n --animation-direction: reverse;\n --animation-duration: 0s;\n --animation-timing-function: #{$reverse-cubic-ease-out};\n}\n\n.svc-toolbox--flyout-to-compact-running {\n width: var(--toolbox-width-compact);\n margin-inline-end: var(--ctr-toolbox-margin-left-compact, calcSize(1.5));\n z-index: 200;\n border-inline-end: var(--ctr-toolbox-border-width-right, 0px) solid transparent;\n}\n\n.svc-creator--disable-animations {\n\n .svc-toolbox__panel--enter,\n .svc-toolbox__panel--leave {\n animation: none;\n }\n}","@use \"../../variables\" as *;\n\n$side-bar-enter-duration: var(--svc-side-bar-enter-duration, 500ms);\n$side-bar-leave-duration: var(--svc-side-bar-leave-duration, 500ms);\n\n$cubic-ease-out: cubic-bezier(0.33, 1, 0.68, 1);\n$reverse-cubic-ease-out: cubic-bezier(0.32, 0, 0.67, 0);\n.svc-side-bar__container {\n flex-direction: column;\n display: flex;\n position: relative;\n width: var(--ctr-property-grid-width, 450px);\n min-width: var(--ctr-property-grid-min-width, 370px);\n height: 100%;\n border-inline-start: 1px solid var(--ctr-property-grid-border-color, $border);\n}\n\n.svc-side-bar__wrapper {\n height: 100%;\n}\n\n.svc-side-bar__container .svc-resizer {\n width: 3px;\n height: 100%;\n position: absolute;\n z-index: 1;\n top: 0;\n background-color: transparent;\n cursor: e-resize;\n}\n\n.svc-resizer-west {\n left: 0;\n}\n\n.svc-resizer-east {\n right: 0;\n}\n\n.svc-side-bar__container-header {\n background: var(--ctr-property-grid-header-background-color, $background);\n box-shadow: inset 0px -2px 0px var(--ctr-property-grid-header-border-color, $primary);\n // text-align: right;\n display: flex;\n padding: var(--ctr-property-grid-header-padding-top, calcSize(1.5)) var(--ctr-property-grid-header-padding-right, calcSize(1))\n var(--ctr-property-grid-header-padding-bottom, calcSize(1.5)) var(--ctr-property-grid-header-padding-left, calcSize(1));\n}\n\n.svc-side-bar__container-content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n height: 100%;\n overflow-y: auto;\n background-color: var(--ctr-property-grid-background-color, $background);\n}\n\n.svc-side-bar__container-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n padding: 0px calcSize(2) calcSize(3);\n box-sizing: border-box;\n background: $background-dim;\n box-shadow: inset 0px -1px 0px $border;\n}\n\n.svc-side-bar__container-title {\n @include ctrDefaultFont;\n\n display: flex;\n flex-grow: 1;\n flex-shrink: 0;\n justify-content: flex-end;\n padding: var(--ctr-menu-toolbar-button-padding-top, calcSize(1))\n var(--ctr-menu-toolbar-button-padding-right, calcSize(1)) var(--ctr-menu-toolbar-button-padding-bottom, calcSize(1))\n var(--ctr-menu-toolbar-button-padding-left, calcSize(1));\n color: var(--ctr-menu-toolbar-button-text-color, $foreground);\n}\n\n.svc-side-bar__container-actions {\n width: 100%;\n box-sizing: border-box;\n .sv-action-bar {\n justify-content: flex-end;\n padding: 0;\n }\n \n .sv-action-bar-item {\n transition: background-color $creator-transition-duration;\n }\n \n .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled {\n border-radius: var(--ctr-menu-toolbar-button-corner-radius, 0);\n\n &:focus {\n background: var(--ctr-menu-toolbar-button-background-color-pressed, $background-dim);\n }\n \n &:hover {\n background: var(--ctr-menu-toolbar-button-background-color-hovered, $background-dim);\n }\n }\n \n .sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n background: var(--ctr-menu-toolbar-button-background-color-pressed, $background-dim);\n }\n \n .sv-action-bar-item__title {\n color: var(--ctr-menu-toolbar-button-text-color, $foreground);\n }\n \n .sv-action-bar-item__icon use {\n fill: var(--ctr-menu-toolbar-button-icon-color, $foreground-light);\n }\n}\n\n.svc-flex-row.svc-side-bar__wrapper {\n width: auto;\n height: 100%;\n background-color: transparent;\n}\n.svc-side-bar__container {\n background-color: var(--ctr-property-grid-form-background-color, $background-dim);\n}\n\n.svc-side-bar {\n height: 100%;\n}\n\n$tabs-width: calc(var(--ctr-menu-toolbar-button-padding-left, 8px) + var(--ctr-menu-toolbar-button-padding-right, 8px) + var(--ctr-menu-toolbar-button-icon-width, 24px) + var(--ctr-property-grid-tabs-padding-left, 12px) + var(--ctr-property-grid-tabs-padding-right, 12px));\n\n.svc-side-bar--flyout {\n .svc-side-bar__shadow {\n background-color: var(--ctr-popup-haze-background-color, $background-semitransparent);\n position: absolute;\n top: 0;\n bottom: 0;\n inset-inline-end: 0;\n inset-inline-start: 0;\n z-index: 900;\n }\n .svc-side-bar__container-wrapper {\n border-left: none;\n z-index: 1000;\n position: absolute;\n inset-inline-end: 0;\n height: 100%;\n max-width: 100%;\n }\n &.svc-side-bar--side-area .svc-side-bar__container-wrapper {\n max-width: calc(100% - #{$tabs-width});\n inset-inline-end: $tabs-width;\n }\n .svc-side-bar__container { \n display: flex;\n max-width: 100%;\n }\n .svc-sidebar-tabs {\n z-index: 1000;\n }\n}\n\n.svc-side-bar--mobile {\n .svc-side-bar__wrapper {\n position: absolute;\n width: 100%;\n position: absolute;\n inset-inline-end: 0;\n z-index: 1000;\n }\n .svc-side-bar__container-wrapper {\n position: static;\n flex-grow: 1;\n }\n\n .svc-side-bar__container {\n width: 100%;\n min-width: 100%;\n box-sizing: border-box;\n }\n}\n@keyframes flyoutSideBarShadowFadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 0.75;\n }\n}\n@keyframes sideBarMoveIn {\n from {\n width: 0;\n overflow: hidden;\n }\n to {\n width: var(--animation-width);\n overflow: hidden;\n }\n}\n\n.svc-side-bar--enter,\n.svc-side-bar--leave\n {\n animation-fill-mode: forwards;\n animation-name: empty;\n animation-duration: var(--animation-duration);\n .svc-side-bar__container {\n max-width: var(--animation-width);\n }\n}\n.svc-side-bar--enter {\n --animation-duration: #{$side-bar-enter-duration};\n --animation-direction: normal;\n --animation-timing-function: #{$cubic-ease-out};\n}\n.svc-side-bar--leave {\n --animation-duration: #{$side-bar-leave-duration};\n --animation-direction: reverse;\n --animation-timing-function: #{$reverse-cubic-ease-out};\n}\n.svc-side-bar--enter,\n.svc-side-bar--leave {\n .svc-side-bar__container,\n .svc-side-bar__container-wrapper\n {\n animation-fill-mode: forwards;\n animation-duration: var(--animation-duration);\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n }\n .svc-side-bar__container-wrapper {\n animation-name: sideBarMoveIn;\n }\n}\n\n.svc-side-bar--flyout.svc-side-bar--enter,\n.svc-side-bar--flyout.svc-side-bar--leave {\n .svc-side-bar__shadow {\n animation-name: flyoutSideBarShadowFadeIn;\n animation-fill-mode: forwards;\n animation-duration: var(--animation-duration);\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n }\n}\n.svc-side-bar--mobile {\n &.svc-side-bar--leave, &.svc-side-bar--enter {\n .svc-side-bar__container,\n .svc-side-bar__container-wrapper {\n animation: none;\n min-width: var(--animation-width);\n }\n .svc-side-bar__container-wrapper {\n min-width: var(--animation-width);\n }\n .svc-side-bar__wrapper {\n animation-name: sideBarMoveIn;\n animation-fill-mode: forwards;\n animation-duration: var(--animation-duration);\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n }\n }\n}\n\n.svc-creator--disable-animations {\n .svc-side-bar--leave,\n .svc-side-bar--enter {\n animation: none;\n }\n}\n\n\n\n.sv-action--object-selector {\n max-width: 70%;\n\n .sv-action-bar-item {\n flex-shrink: 1;\n height: auto;\n }\n\n .sv-action-bar-item__title {\n @include ctrDefaultFont;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n}\n\n.svc-full-container.svc-creator__side-bar--left {\n flex-direction: row-reverse;\n\n .svc-side-bar__wrapper {\n flex-direction: row-reverse;\n }\n\n .svc-side-bar__container-header .sv-action-bar {\n flex-direction: row-reverse;\n }\n\n .sv-action--object-selector {\n justify-content: flex-start;\n flex: 1;\n display: flex;\n }\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"],\n.svc-full-container.svc-creator__side-bar--left {\n .svd-grid-hide .sv-svg-icon,\n .svd-grid-expand .sv-svg-icon {\n transform: rotate(180deg);\n }\n}\n.svc-full-container.svc-creator__side-bar--left {\n .svc-side-bar__container-wrapper, .svc-side-bar__wrapper {\n inset-inline-start: 0;\n inset-inline-end: unset;\n }\n .svc-side-bar--side-area .svc-side-bar__container-wrapper {\n inset-inline-start: $tabs-width;\n }\n}\n\n.svd-grid-hide {\n margin-inline-end: auto;\n\n .sv-action-bar-item--icon {\n padding: var(--ctr-menu-toolbar-button-padding-top, calcSize(1))\n var(--ctr-menu-toolbar-button-padding-right, calcSize(1))\n var(--ctr-menu-toolbar-button-padding-bottom, calcSize(1))\n var(--ctr-menu-toolbar-button-padding-left, calcSize(1));\n }\n .sv-svg-icon {\n width: var(--ctr-menu-toolbar-button-icon-width, calcSize(3));\n height: var(--ctr-menu-toolbar-button-icon-height, calcSize(3));\n }\n}\n\n.svc-side-bar {\n .svc-toolbox {\n width: 100%;\n }\n .svc-toolbox .svc-scroll__scroller {\n direction: initial;\n }\n .svc-toolbox .svc-scroll__scrollbar {\n inset-inline-end: 0;\n inset-inline-start: initial;\n }\n .svc-toolbox__category-separator--search {\n display: none\n }\n .svc-toolbox__panel {\n width: unset;\n border: none;\n }\n}","@use \"../../variables\" as *;\n\n.svc-sidebar-tabs {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: flex-start;\n border-inline-start: var(--ctr-property-grid-tabs-border-width, 1px) solid\n var(--ctr-property-grid-tabs-border-color, rgba(0, 0, 0, 0.16));\n background: var(--ctr-property-grid-tabs-background-color, #fff);\n box-sizing: border-box;\n}\n.svc-sidebar-tabs__top-container {\n display: flex;\n padding: var(--ctr-property-grid-tabs-padding-top, 12px) var(--ctr-property-grid-tabs-padding-right, 12px)\n var(--ctr-property-grid-tabs-padding-bottom, 12px) var(--ctr-property-grid-tabs-padding-left, 12px);\n flex-direction: column;\n justify-content: center;\n align-items: flex-end;\n gap: var(--ctr-property-grid-tabs-separator-margin, 12px);\n}\n.svc-sidebar-tabs__collapse-button {\n display: flex;\n align-items: center;\n}\n\n[dir=\"rtl\"],\n[style*=\"direction:rtl\"],\n[style*=\"direction: rtl\"],\n.svc-creator__side-bar--left {\n .svc-sidebar-tabs__collapse-button .sv-svg-icon {\n transform: rotateY(180deg);\n }\n}\n\n.svc-sidebar-tabs__separator {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n align-self: stretch;\n margin-top: -1px;\n\n & > div {\n height: var(--ctr-separator-width, 1px);\n background: var(--ctr-separator-color, rgba(0, 0, 0, 0.16));\n width: 100%;\n }\n}\n.svc-sidebar-tabs__items {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-end;\n gap: var(--ctr-property-grid-tabs-gap, 12px);\n}\n\n.svc-sidebar-tabs:not(.svc-sidebar-tabs--collapsed) .svc-menu-action__button--selected {\n display: flex;\n padding: var(--ctr-menu-toolbar-button-padding-top, 8px) var(--ctr-menu-toolbar-button-padding-right, 8px)\n var(--ctr-menu-toolbar-button-padding-bottom, 8px) var(--ctr-menu-toolbar-button-padding-left, 8px);\n justify-content: center;\n align-items: center;\n gap: var(--ctr-menu-toolbar-button-gap, 8px);\n border-radius: var(--ctr-menu-toolbar-button-corner-radius, 4px);\n background: var(--ctr-menu-toolbar-button-background-color-selected, #fff);\n\n use {\n fill: var(--ctr-menu-toolbar-button-icon-color-selected, $primary);\n }\n}\n\n.svc-creator--mobile .svc-sidebar-tabs--collapsed {\n display: none;\n}\n\n.svc-menu-action {\n display: flex;\n align-items: center;\n}\n.svc-menu-action__icon-container {\n flex: 1 0 0;\n align-self: stretch;\n}\n.svc-sidebar-tabs__bottom-container {\n display: flex;\n padding: var(--ctr-property-grid-tabs-padding-top, 12px) var(--ctr-property-grid-tabs-padding-right, 12px)\n var(--ctr-property-grid-tabs-padding-bottom, 12px) var(--ctr-property-grid-tabs-padding-left, 12px);\n flex-direction: column;\n justify-content: center;\n align-items: flex-end;\n gap: var(--ctr-property-grid-tabs-separator-margin, 12px);\n}\n\n.svc-sidebar__header.svc-sidebar__header--tabbed {\n display: flex;\n align-items: flex-start;\n}\n.svc-sidebar__header-container {\n display: flex;\n justify-content: center;\n align-items: center;\n flex: 1 0 0;\n align-self: stretch;\n\n background: var(--ctr-property-grid-header-background-color, #fff);\n box-shadow: inset 0px calc(-1 * var(--ctr-property-grid-header-border-width-bottom, 2px)) 0px\n var(--ctr-property-grid-header-border-color, $primary);\n box-sizing: border-box;\n width: 100%;\n}\n\n.svc-sidebar__header--tabbed,\n.svc-sidebar__header-container {\n min-height: calc(\n var(--ctr-menu-toolbar-button-icon-height) + var(--ctr-menu-toolbar-button-padding-top) +\n var(--ctr-menu-toolbar-button-padding-bottom) + var(--ctr-menu-toolbar-padding-vertical) +\n var(--ctr-menu-toolbar-padding-vertical)\n );\n}\n\n.svc-sidebar__header-container.svc-sidebar__header-container--with-subtitle {\n padding: var(--ctr-property-grid-header-padding-top-with-subtitle, 6px)\n var(--ctr-property-grid-header-padding-right, 16px)\n var(--ctr-property-grid-header-padding-bottom-with-subtitle, 6px) var(--ctr-property-grid-header-padding-left, 16px);\n}\n\n.svc-sidebar__header-container .svc-side-bar__container-title {\n justify-content: center;\n}\n\n.svc-sidebar__header-content {\n display: flex;\n align-items: center;\n}\n\n.svc-menu-action__button {\n display: flex;\n padding: var(--ctr-menu-toolbar-button-padding-top, 8px) var(--ctr-menu-toolbar-button-padding-right, 8px)\n var(--ctr-menu-toolbar-button-padding-bottom, 8px) var(--ctr-menu-toolbar-button-padding-left, 8px);\n justify-content: center;\n align-items: center;\n gap: var(--ctr-menu-toolbar-button-gap, 8px);\n border-radius: var(--ctr-menu-toolbar-button-corner-radius, 4px);\n cursor: pointer;\n}\n.svc-menu-action__button:hover,\n.svc-menu-action__button:focus,\n.svc-menu-action__button:focus-within {\n background: var(--ctr-menu-toolbar-button-background-color-hovered, $background-dim);\n outline: unset;\n}\n.svc-menu-action__button.svc-menu-action__button--pressed {\n opacity: var(--ctr-menu-toolbar-button-opacity-pressed, 0.5);\n background: var(--ctr-menu-toolbar-button-background-color-pressed, #f3f3f3);\n}\n.svc-menu-action__button.svc-menu-action__button--with-subtitle {\n padding: var(--ctr-menu-toolbar-button-padding-top-with-description, 4px)\n var(--ctr-menu-toolbar-button-padding-right-with-description, 8px)\n var(--ctr-menu-toolbar-button-padding-bottom, 8px) var(--ctr-menu-toolbar-button-padding-left-with-description, 8px);\n}\n\n.svc-menu-action__icon {\n display: flex;\n width: var(--ctr-menu-toolbar-button-icon-width, 24px);\n height: var(--ctr-menu-toolbar-button-icon-height, 24px);\n justify-content: center;\n align-items: center;\n\n .sv-svg-icon {\n width: var(--ctr-menu-toolbar-button-icon-width, 24px);\n height: var(--ctr-menu-toolbar-button-icon-height, 24px);\n display: block;\n }\n\n use {\n fill: var(--ctr-menu-toolbar-button-icon-color, $foreground-light);\n }\n}\n.svc-sidebar__header-caption {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.svc-sidebar__header-title {\n @include ctrDefaultFont;\n color: var(--ctr-menu-toolbar-button-text-color, rgba(0, 0, 0, 0.91));\n display: inline-block;\n}\n.svc-sidebar__header-subtitle {\n @include ctrSmallFont;\n color: var(--ctr-menu-toolbar-button-text-color-secondary, rgba(0, 0, 0, 0.45));\n display: inline-block;\n}\n","@use \"../../variables.scss\" as *;\n\n.spg-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\n.spg-action-button {\n @include ctrDefaultBoldFont;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n padding: var(--ctr-actionbar-button-padding-top-large-icon, calcSize(1))\n var(--ctr-actionbar-button-padding-right-large-icon, calcSize(1))\n var(--ctr-actionbar-button-padding-bottom-large-icon, calcSize(1))\n var(--ctr-actionbar-button-padding-left-large-icon, calcSize(1));\n box-sizing: border-box;\n border: none;\n color: var(--ctr-actionbar-button-text-color, $primary);\n border-radius: var(--ctr-actionbar-button-corner-radius, calcSize(12.5));\n background-color: transparent;\n cursor: pointer;\n transition: background-color $creator-transition-duration, opacity $creator-transition-duration;\n\n &:hover,\n &:focus {\n opacity: 1;\n outline: none;\n background-color: var(--ctr-actionbar-button-background-color-hovered, $primary-light);\n\n use {\n fill: var(--ctr-actionbar-button-icon-color-hovered, $primary);\n }\n }\n}\n\n.spg-action-button--icon {\n padding: var(--ctr-actionbar-button-padding-top-large-icon, calcSize(1))\n var(--ctr-actionbar-button-padding-right-large-icon, calcSize(1))\n var(--ctr-actionbar-button-padding-bottom-large-icon, calcSize(1))\n var(--ctr-actionbar-button-padding-left-large-icon, calcSize(1));\n}\n.spg-action-button__icon {\n display: block;\n width: var(--ctr-actionbar-button-icon-width, calcSize(3));\n height: var(--ctr-actionbar-button-icon-height, calcSize(3));\n\n use {\n fill: var(--ctr-actionbar-button-icon-color, $foreground-light);\n transition: fill $creator-transition-duration;\n }\n}\n\n.spg-action-button--danger {\n color: var(--ctr-library-action-button-text-color-negative, $red);\n\n &:hover,\n &:focus {\n background-color: var(--ctr-library-action-button-background-color-negative-hovered, $red-light);\n\n use {\n fill: var(--ctr-library-action-button-icon-color-negative, $red);\n }\n }\n}\n\nbutton.spg-action-button--large {\n padding: calcSize(0.5) calcSize(2);\n}\n\n.spg-action-button:disabled {\n opacity: var(--ctr-actionbar-button-opacity-disabled, 0.25);\n pointer-events: none;\n cursor: default;\n}\n\n.spg-action-button--muted {\n opacity: var(--ctr-actionbar-button-opacity-muted, 0.5);\n}\n\n.spg-action-button:active {\n opacity: var(--ctr-actionbar-button-opacity-pressed, 0.5);\n}\n\n.spg-action-button--text {\n padding: calcSize(0.5) calcSize(2);\n}","@use \"../variables\" as *;\n@use \"blocks/spg-action-bar.scss\";\n@use \"blocks/spg-question.scss\";\n@use \"blocks/spg-input.scss\";\n@use \"blocks/spg-dropdown.scss\";\n@use \"blocks/spg-comment.scss\";\n@use \"blocks/spg-panel.scss\";\n@use \"blocks/spg-checkbox.scss\";\n@use \"blocks/spg-matrixdynamic.scss\";\n@use \"blocks/spg-table.scss\";\n@use \"blocks/spg-question-group.scss\";\n@use \"blocks/spg-color-editor.scss\";\n@use \"blocks/spg-file-edit.scss\";\n@use \"blocks/spg-link\";\n@use \"blocks/spg-theme-builder.scss\";\n@use \"blocks/spg-overriding.scss\";\n@use \"blocks/spg-search-editor.scss\";\n@use \"blocks/spg-buttongroup.scss\";\n\n.spg-root-modern {\n position: relative;\n width: 100%;\n border-inline-end: 1px solid $border;\n box-sizing: border-box;\n height: 0;\n flex-grow: 1;\n overflow: auto;\n /* disable library transition animations */\n --sjs-transition-duration: 0ms;\n @include disableLibraryAnimations;\n}\n\n.spg-root--one-category {\n min-height: fit-content;\n height: initial;\n overflow: initial;\n}\n\n.spg-container {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.spg-root-modern.spg-root--one-category {\n background-color: var(--ctr-property-grid-form-background-color, $background-dim);\n border-right: unset;\n\n .spg-page.spg-body__page {\n box-shadow: unset;\n }\n}\n\n.sv-popup--modal {\n &.svc-property-editor .sv-popup__container {\n .sv-popup_shadow {\n background-color: transparent;\n }\n\n .sd-root-modern {\n background-color: transparent;\n }\n\n .sd-page {\n margin: 0;\n padding: 0;\n }\n\n .sv-components-column--expandable {\n min-width: calcSize(78);\n }\n }\n\n .sv-popup__footer {\n padding-bottom: 2px;\n }\n\n .sd-body,\n .sl-body {\n min-width: calcSize(78);\n padding: 0;\n }\n}\n\n.sv-popup.svc-property-editor .sd-root-modern {\n --sd-mobile-width: 0;\n}\n\n.svc-object-selector .sv-popup__container {\n margin-left: calcSize(1);\n margin-right: calcSize(1);\n}\n\n.svc-object-selector__content {\n position: relative;\n height: 100%;\n min-height: 0;\n display: flex;\n flex-direction: column;\n}\n\n.spg-action-title-bar {\n margin-inline-end: var(--ctr-data-table-border-width, 1px);\n padding-inline-end: var(--ctr-caption-with-actions-actionbar-padding-right, calcSize(0.5));\n}\n\n.spg-body {\n width: 100%;\n}\n\n.spg-body--empty {\n margin: calcSize(3);\n}\n\n.spg-title-toolbar--single-help-action {\n justify-content: flex-start;\n padding-left: calcSize(0.5);\n\n // flex-grow: 0;\n // margin-left: 0;\n // padding-left: 0;\n\n .spg-help-action {\n flex-grow: 1;\n\n .spg-action-button--icon {\n padding: var(--ctr-actionbar-button-padding-top-small-icon, calcSize(0.5))\n var(--ctr-actionbar-button-padding-right-small-icon, calcSize(0.5))\n var(--ctr-actionbar-button-padding-bottom-small-icon, calcSize(0.5))\n var(--ctr-actionbar-button-padding-left-small-icon, calcSize(0.5));\n opacity: var(--ctr-actionbar-button-opacity-muted, 0.5);\n }\n\n .spg-action-button--icon:focus,\n .spg-action-button--icon:hover {\n opacity: 1;\n }\n\n .spg-action-button:active {\n opacity: var(--ctr-actionbar-button-opacity-pressed, 0.5);\n }\n\n .spg-action-button__icon {\n width: var(--ctr-actionbar-button-icon-width-small, calcSize(2));\n height: var(--ctr-actionbar-button-icon-height-small, calcSize(2));\n }\n\n svg {\n fill: $foreground-dim-light;\n }\n }\n}","@use \"../../variables.scss\" as *;\n\n.spg-question {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0px;\n border-radius: var(--ctr-editor-corner-radius);\n}\n\n.spg-question.spg-question--disabled {\n background-color: var(--ctr-editor-background-color-disabled);\n}\n\n.spg-question__header {\n width: 100%;\n}\n\n.spg-question--disabled .spg-question__header {\n opacity: var(--ctr-editor-label-opacity-disabled, 0.25);\n}\n\n.spg-question__title {\n @include ctrDefaultFont;\n width: 100%;\n margin: 0;\n padding: var(--ctr-label-padding-top, calcSize(1)) var(--ctr-label-padding-right, 0px)\n var(--ctr-label-padding-bottom, calcSize(1)) var(--ctr-label-padding-left, 0px);\n color: var(--ctr-label-text-color, $foreground-light);\n box-sizing: border-box;\n}\n.spg-question__title.sd-element__title--disabled {\n color: var(--ctr-caption-with-actions-text-color-disabled, $foreground-dim);\n}\n\n.spg-question__content {\n width: 100%;\n color: $primary;\n cursor: pointer;\n}\n\n.spg-text__content,\n.spg-comment__content {\n position: relative;\n}\n\n.spg-question__content:focus-within .spg-remaining-character-counter {\n display: flex;\n}\n\n.spg-remaining-character-counter {\n @include ctrSmallFont;\n display: none;\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-end;\n padding: 0px;\n color: $foreground-light;\n position: absolute;\n inset-inline-end: calcSize(0.75);\n inset-block-end: calcSize(0.5);\n}\n\n.spg-question__description {\n @include ctrSmallFont;\n color: var(--ctr-caption-with-actions-description-text-color, $foreground-dim-light);\n padding-bottom: calcSize(2);\n white-space: normal;\n}\n\n.spg-question--disabled .spg-question__description {\n color: var(--ctr-caption-with-actions-description-text-color, $foreground-dim-light);\n}\n\n.spg-row-narrow__question {\n --thm-ctr-property-grid-form-gap: var(--ctr-property-grid-form-gap, #{calcSize(2)});\n margin-top: calc(-1 * var(--thm-ctr-property-grid-form-gap));\n}\n\n.spg-row--multiple {\n & > div > .spg-row-narrow__question {\n --thm-ctr-editor-layout-gap: var(--ctr-editor-layout-gap, #{calcSize(1)});\n margin-top: calc(-1 * var(--thm-ctr-editor-layout-gap));\n }\n}\n\n.spg-question--location--left {\n flex-direction: row;\n background: var(--ctr-editor-background-color, $background);\n box-shadow: inset 0 0 0 var(--ctr-editor-border-width, 1px) var(--ctr-editor-border-color, $border-inside);\n line-height: calcSize(6);\n vertical-align: middle;\n align-items: stretch;\n border-radius: var(--ctr-editor-corner-radius, 0px);\n\n\n &:focus-within {\n box-shadow: inset 0 0 0 var(--ctr-editor-border-width-focused, 2px) var(--ctr-editor-border-color-focused, $primary);\n }\n}\n\n.spg-question--disabled.spg-question--location--left .spg-question__title {\n color: var(--ctr-editor-content-text-color-disabled, $foreground-dim);\n}\n\n.spg-question__header--location--left {\n width: max-content;\n box-sizing: border-box;\n max-width: 50%;\n flex: 0 0;\n display: flex;\n align-items: center;\n padding-inline-start: var(--ctr-editor-padding-left, 0);\n\n .spg-question__title {\n padding: \n var(--ctr-editor-label-padding-top, calcSize(1)) \n var(--ctr-editor-label-padding-right, calcSize(2)) \n var(--ctr-editor-label-padding-bottom, calcSize(1)) \n var(--ctr-editor-label-padding-left, calcSize(2));\n border-inline-end: 1px solid $border;\n display: inline-block;\n color: var(--ctr-editor-label-color, $foreground-dim-light);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n .sv-string-viewer {\n white-space: nowrap;\n }\n }\n}\n\n.spg-question__content--left {\n flex: 2;\n\n .spg-input.spg-input.spg-input {\n background-color: transparent;\n box-shadow: none;\n border: none;\n\n &:focus,\n &:focus-within {\n box-shadow: none;\n }\n }\n}\n\n.spg-row--multiple {\n display: flex;\n gap: var(--ctr-editor-layout-gap, calcSize(1));\n flex-wrap: wrap;\n\n & > div {\n flex-grow: 1;\n min-width: calcSize(25.5);\n\n input {\n min-width: calc(max(17 * #{$base-unit}, 100%));\n width: 0;\n }\n }\n}\n\n.spg-question__erbox {\n @include ctrDefaultFont;\n padding: var(--ctr-error-message-padding-top, calcSize(1)) var(--ctr-error-message-padding-right, calcSize(1.5))\n var(--ctr-error-message-padding-bottom, calcSize(1)) var(--ctr-error-message-padding-left, calcSize(1.5));\n\n color: var(--ctr-error-message-text-color, $foreground);\n background-color: var(--ctr-error-message-background-color, $red-light);\n border-radius: var(--ctr-error-message-corner-radius, calcSize(0.5));\n}\n\n.spg-question__erbox,\n.spg-question__erbox>svc-question-error,\nsv-question-error {\n & > div {\n display: flex;\n gap: var(--ctr-error-message-gap, calcSize(1));\n }\n}\n\n.spg-question__erbox-icon {\n width: var(--ctr-error-message-icon-width, calcSize(3));\n height: var(--ctr-error-message-icon-height, calcSize(3));\n \n .sv-svg-icon {\n vertical-align: top;\n width: var(--ctr-error-message-icon-width, calcSize(3));\n height: var(--ctr-error-message-icon-height, calcSize(3));\n }\n\n use {\n fill: var(--ctr-error-message-icon-color, $red);\n }\n}\n\n.spg-question__erbox--location--bottom {\n margin-top: calcSize(1);\n}\n\n.spg-restfull,\n.spg-masksettings {\n .spg-panel__content {\n gap: calcSize(2);\n\n .spg-row {\n margin-top: 0;\n }\n }\n}\n\n.spg-question--highlighted {\n .spg-input,\n .spg-input-container,\n .spg-question--location--left,\n .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {\n box-shadow: inset 0 0 0 var(--ctr-editor-border-width-highlighed, 2px) var(--ctr-editor-border-color-highlighted, $secondary);\n }\n\n .spg-checkbox__control:focus + .spg-checkbox__rectangle,\n .spg-matrixdynamic__content.spg-text__content {\n outline: var(--ctr-editor-border-width-highlighed, 2px) solid var(--ctr-editor-border-color-highlighted, $secondary);\n outline-offset: calc(-1 * var(--ctr-editor-border-width-highlighed, 2px));\n border-radius: var(--ctr-data-table-corner-radius, 0px);\n\n .spg-input {\n box-shadow: none;\n }\n }\n\n .svc-action-button {\n border: var(--ctr-actionbar-button-border-width-highlighed, 2px) solid var(--ctr-actionbar-button-border-color-highlighted, $secondary);\n }\n\n .sv-button-group {\n box-shadow: 0 0 0 1px var(--ctr-editor-border-color-highlighted, $secondary);\n border-color: var(--ctr-editor-border-color-highlighted, $secondary);\n }\n\n .spg-checkbox__control + .spg-checkbox__rectangle {\n outline: var(--ctr-editor-border-width-highlighed, 2px) solid var(--ctr-editor-border-color-highlighted, $secondary);\n outline-offset: calc(-1 * var(--ctr-editor-border-width-highlighed, 2px));\n }\n\n .spg-button-group::after {\n box-shadow: inset 0 0 0 var(--ctr-button-group-border-width-focused, 2px) var(--ctr-editor-border-color-highlighted, $secondary);\n }\n}","@use \"../../variables.scss\" as *;\n\n.spg-input {\n @include ctrDefaultFont;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n background-color: var(--ctr-editor-background-color, $background);\n box-sizing: border-box;\n width: 100%;\n border: none;\n border-radius: var(--ctr-editor-corner-radius);\n box-shadow: inset 0 0 0 var(--ctr-editor-border-width, 1px) var(--ctr-editor-border-color, $border-inside);\n transition: box-shadow $creator-transition-duration;\n\n padding-top: calc(var(--ctr-editor-padding-top, 4px) + var(--ctr-editor-content-margin-top, 8px));\n padding-right: calc(var(--ctr-editor-padding-right, 4px) + var(--ctr-editor-content-margin-right, 12px));\n padding-bottom: calc(var(--ctr-editor-padding-bottom, 4px) + var(--ctr-editor-content-margin-bottom, 8px));\n padding-left: calc(var(--ctr-editor-padding-left, 4px) + var(--ctr-editor-content-margin-left, 12px));\n outline: none;\n color: var(--ctr-editor-content-text-color, $foreground);\n}\n\n.spg-input::placeholder {\n color: var(--ctr-editor-content-text-color-placeholder, $foreground-light);\n}\n\n.spg-input:focus:not(:disabled),\n.spg-input.spg-dropdown:focus:not(:disabled),\n.spg-input.spg-dropdown:focus-within:not(:disabled),\n.spg-input-container:focus-within {\n box-shadow: inset 0 0 0 var(--ctr-editor-border-width-focused, 2px) var(--ctr-editor-border-color-focused, $primary);\n}\n\ninput.spg-input:focus:read-only {\n box-shadow: inset 0 0 0 var(--ctr-editor-border-width, 1px) var(--ctr-editor-border-color, $border-inside);\n}\n\n.spg-input:disabled,\n.spg-input:disabled::placeholder,\ninput.spg-input:read-only,\ninput.spg-input:read-only::placeholder {\n color: color-mix(in srgb, var(--ctr-editor-content-text-color-disabled, $foreground-dim), transparent calc(100% - 100%*var(--ctr-editor-content-text-opacity-disabled, 0.25)));\n background-color: var(--ctr-editor-background-color-disabled, $background-dim);\n}\n\n.spg-input[type=\"color\"] {\n padding-left: 0;\n padding-right: 0;\n min-width: calcSize(8);\n}\n\n.spg-input__edit-button {\n position: relative;\n box-sizing: border-box;\n appearance: none;\n background: transparent;\n border: none;\n outline: none;\n border-radius: var(--ctr-editor-button-corner-radius);\n padding: var(--ctr-editor-button-padding-top, calcSize(1)) var(--ctr-editor-button-padding-right, calcSize(1))\n var(--ctr-editor-button-padding-bottom, calcSize(1)) var(--ctr-editor-button-padding-left, calcSize(1));\n line-height: 0;\n transition: background $creator-transition-duration, opacity $creator-transition-duration;\n align-self: stretch;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:focus,\n &:hover {\n background: var(--ctr-editor-button-background-color-hovered, $background-dim);\n }\n\n &:active {\n opacity: var(--ctr-editor-button-icon-opacity-pressed, 0.5);\n }\n\n svg {\n width: var(--ctr-editor-button-icon-width, 24px);\n height: var(--ctr-editor-button-icon-height, 24px);\n fill: var(--ctr-editor-button-icon-color, $foreground-dim-light);\n }\n}\n\n.spg-input-container--multiline .spg-input__edit-button {\n align-self: flex-end;\n}\n\n.spg-input__edit-button--disabled,\n.spg-input__edit-button:disabled {\n opacity: var(--ctr-editor-button-icon-opacity-disabled, 0.25);\n background: transparent;\n\n svg {\n fill: var(--ctr-editor-button-icon-color-disabled, $foreground-dim-light);\n }\n}\n\n.spg-input.spg-input--error {\n box-shadow: 0 0 0 1px inset var(--ctr-editor-border-color-error, $red);\n}\n\n.spg-input-container {\n display: flex;\n justify-content: space-between;\n cursor: default;\n padding: var(--ctr-editor-padding-top, calcSize(0.5)) var(--ctr-editor-padding-right, calcSize(0.5))\n var(--ctr-editor-padding-bottom, calcSize(0.5)) var(--ctr-editor-padding-left, calcSize(0.5));\n align-items: center;\n gap: var(--ctr-editor-gap, calcSize(0.5));\n box-shadow: inset 0 0 0 var(--ctr-editor-border-width, 1px) var(--ctr-editor-border-color, $border-inside);\n}\n\n.spg-input-container--multiline {\n align-items: end;\n flex-direction: column;\n gap: 0;\n height: auto;\n\n sv-ng-question-comment {\n display: flex;\n }\n\n .spg-input-container__input {\n box-sizing: border-box;\n resize: none;\n }\n}\n\n.spg-input-container__input {\n @include ctrDefaultFont;\n flex-grow: 1;\n width: 100%;\n padding: var(--ctr-editor-content-margin-top, calcSize(1)) var(--ctr-editor-content-margin-right, calcSize(1.5))\n var(--ctr-editor-content-margin-bottom, calcSize(1)) var(--ctr-editor-content-margin-left, calcSize(1.5));\n\n color: var(--ctr-editor-content-text-color, $foreground);\n outline: none;\n border: none;\n background-color: transparent;\n\n &::placeholder {\n color: var(--ctr-editor-content-text-color-placeholder, $foreground-dim-light);\n }\n}\n\n.spg-input-container__input:disabled,\n.spg-input-container__input:disabled::placeholder {\n opacity: var(--ctr-editor-content-text-opacity-disabled, 0.25);\n color: var(--ctr-editor-content-text-color-disabled, $foreground-dim);\n background-color: var(--ctr-editor-background-color-disabled, $background-dim);\n}\n\n.spg-input-container__buttons-container {\n display: flex;\n gap: var(--ctr-editor-buttons-gap, calcSize(0.5));\n align-self: stretch;\n}\n","@use \"../../variables\" as *;\n\n.spg-dropdown {\n display: flex;\n padding-right: calc(\n var(--ctr-editor-buttons-gap, 4px) + var(--ctr-editor-button-padding-right, 8px) +\n var(--ctr-editor-button-padding-left, 8px) + var(--ctr-editor-button-icon-width, 24px)\n ); // dropdown_chevron-button offset\n min-height: calc(\n var(--ctr-editor-button-icon-height) + var(--ctr-editor-button-padding-top) +\n var(--ctr-editor-button-padding-bottom) + var(--ctr-editor-padding-top) + var(--ctr-editor-padding-bottom)\n );\n}\n.spg-dropdown--empty .spg-dropdown__value {\n min-height: var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));\n}\n\n.spg-dropdown__value {\n @include ctrDefaultFont;\n display: flex;\n align-items: center;\n min-height: var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));\n}\n.spg-dropdown__filter-string-input {\n @include ctrDefaultFont;\n}\n.spg-dropdown_chevron-button {\n width: var(--ctr-editor-button-icon-width, calcSize(3));\n padding: var(--ctr-editor-button-padding-top, calcSize(1)) var(--ctr-editor-button-padding-right, calcSize(1))\n var(--ctr-editor-button-padding-bottom, calcSize(1)) var(--ctr-editor-button-padding-left, calcSize(1));\n inset-block-start: var(--ctr-editor-padding-top, calcSize(0.5));\n inset-inline-end: var(--ctr-editor-padding-right, calcSize(0.5));\n inset-block-end: var(--ctr-editor-padding-bottom, calcSize(0.5));\n\n &:hover,\n &:focus {\n border-radius: var(--ctr-editor-button-corner-radius);\n background: var(--ctr-editor-button-background-color-hovered, $background-dim);\n }\n .spg-dropdown_chevron-button-svg use {\n fill: var(--ctr-editor-button-icon-color, $foreground-light);\n }\n}\n.spg-dropdown_chevron-button-svg {\n width: var(--ctr-editor-button-icon-width, calcSize(3));\n height: var(--ctr-editor-button-icon-height, calcSize(3));\n}\n.spg-dropdown-popup:not(.sv-popup--dropdown-overlay) {\n height: 0;\n}\n\n.spg-dropdown__clean-button {\n --thm-ctr-editor-content-margin-top: var(--ctr-editor-content-margin-top, #{calcSize(1)});\n --thm-ctr-editor-content-margin-bottom: var(--ctr-editor-content-margin-bottom, #{calcSize(1)});\n margin-top: calc(-1 * var(--thm-ctr-editor-content-margin-top));\n margin-bottom: calc(-1 * var(--thm-ctr-editor-content-margin-bottom));\n use {\n fill: inherit;\n }\n}","@use \"../../variables\" as *;\n\n.spg-comment {\n height: auto;\n max-width: 100%;\n min-width: calcSize(6);\n min-height: calcSize(6);\n line-height: calcSize(3);\n}\n","@use \"../../variables.scss\" as *;\n@use \"./variables.scss\" as *;\n\n.spg-panel {\n}\n.spg-panel__title {\n @include ctrDefaultFont;\n\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n box-sizing: border-box;\n width: 100%;\n padding: calcSize(2);\n border: none;\n outline: none;\n color: var(--ctr-property-grid-chapter-caption-text-color, $foreground-light);\n cursor: pointer;\n background-color: var(--ctr-property-grid-chapter-caption-background-color, $background);\n box-shadow: inset 0px -1px 0px var(--ctr-property-grid-chapter-caption-border-color, $border);\n margin: 0;\n transition: color $creator-transition-duration, background-color $creator-transition-duration, opacity $creator-transition-duration;\n}\n\n.spg-panel__title:disabled,\n.spg-panel__title:disabled:hover {\n color: var(--ctr-property-grid-chapter-caption-text-color-disabled, $foreground);\n opacity: 0.25;\n cursor: default;\n}\n\n.spg-panel__title--collapsed:hover {\n background-color: var(--ctr-property-grid-chapter-caption-background-color-hovered, $background-dim);\n}\n\n.spg-panel__title--expandable:focus {\n background-color: var(--ctr-property-grid-chapter-caption-background-color-focused, $background-dim);\n}\n\n.spg-panel__title--expanded {\n @include ctrDefaultBoldFont;\n color: var(--ctr-property-grid-chapter-caption-text-color-selected, $foreground);\n}\n\n.spg-panel__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n padding-top: var(--ctr-property-grid-form-padding-top, calcSize(2));\n padding-inline-end: var(--ctr-property-grid-form-padding-right, calcSize(4));\n padding-bottom: var(--ctr-property-grid-form-padding-bottom, calcSize(5));\n padding-inline-start: var(--ctr-property-grid-form-padding-left, calcSize(4));\n box-sizing: border-box;\n background: var(--ctr-property-grid-form-background-color, $background-dim);\n box-shadow: inset 0px -1px 0px var(--ctr-property-grid-chapter-caption-border-color, $border);\n}\n\n.spg-panel__content {\n .spg-row {\n width: 100%;\n margin-top: var(--ctr-property-grid-form-gap, calcSize(2));;\n }\n\n .spg-row--multiple {\n margin-top: var(--ctr-editor-layout-gap, calcSize(1));\n }\n}\n.spg-panel__content > .spg-row:first-of-type {\n margin-top: 0;\n}\n.svc-side-bar--mobile {\n .spg-panel__content {\n padding-inline-end: var(--ctr-property-grid-form-padding-right, calcSize(2));\n padding-inline-start: var(--ctr-property-grid-form-padding-left, calcSize(2));\n }\n}\n\n.spg-question__nopadding {\n .spg-panel__content {\n padding: 0px;\n box-shadow: unset;\n }\n}\n.spg-row--enter.spg-row.spg-row.spg-row {\n margin-top: 0;\n}\n.spg-row--enter {\n animation-fill-mode: forwards;\n animation-name: fadeIn, moveInWithOverflow;\n min-height: 0 !important;\n opacity: 0;\n height: 0;\n animation-timing-function: $ease-out;\n animation-delay: $spg-row-fade-in-delay, 0s, 0s;\n animation-duration: $spg-row-fade-in-duration, $spg-row-move-in-duration, $spg-row-move-in-duration;\n}\n.spg-row--delayed-enter {\n animation-delay: calc(#{$spg-row-fade-in-delay} + #{$spg-row-fade-in-animation-delay}),\n $spg-row-fade-in-animation-delay, $spg-row-fade-in-animation-delay;\n}\n\n.spg-row--leave {\n animation-name: fadeIn, moveInWithOverflow;\n animation-timing-function: $reverse-ease-out;\n animation-fill-mode: forwards;\n animation-direction: reverse;\n min-height: 0 !important;\n animation-delay: 0s, $spg-row-move-out-delay, $spg-row-move-out-delay;\n animation-duration: $spg-row-fade-out-duration, $spg-row-move-out-duration, $spg-row-move-out-duration;\n}\n\n.spg-panel__content--enter {\n animation-name: fadeIn, moveInWithOverflow;\n min-height: 0 !important;\n opacity: 0;\n animation-fill-mode: forwards;\n animation-timing-function: $ease-out;\n animation-duration: $spg-expand-fade-in-duration, $spg-expand-move-in-duration, $spg-expand-move-in-duration;\n animation-delay: $spg-expand-fade-in-delay, 0s, 0s;\n}\n\n.spg-panel__content--leave {\n animation-name: fadeIn, moveInWithOverflow;\n min-height: 0 !important;\n animation-direction: reverse;\n animation-fill-mode: forwards;\n animation-timing-function: $reverse-ease-out;\n animation-duration: $spg-collapse-fade-out-duration, $spg-collapse-move-out-duration, $spg-collapse-move-out-duration;\n animation-delay: 0s, $spg-collapse-move-out-delay, $spg-collapse-move-out-delay;\n}\n\n\n.svc-creator--disable-animations {\n .spg-row--enter,\n .spg-row--leave,\n .spg-panel__content--enter,\n .spg-panel__content--leave {\n animation: none;\n }\n}\n.spg-panel.spg-panel--group {\n &>.spg-panel__content {\n padding: 0;\n box-shadow: none;\n }\n .spg-panel__title {\n @include ctrDefaultFont;\n color: var(--ctr-label-text-color, $foreground-light);\n box-shadow: none;\n background-color: transparent;\n padding-top: var(--ctr-label-padding-top, calcSize(1));\n padding-inline-end: var(--ctr-label-padding-right, 0px);\n padding-bottom: var(--ctr-label-padding-bottom, calcSize(1));\n padding-inline-start: var(--ctr-label-padding-left, 0px);\n color: var(--ctr-label-text-color, $foreground-light);\n }\n .spg-row {\n margin-top: var(--ctr-editor-layout-gap, calcSize(1));\n }\n .spg-row:first-of-type {\n margin-top: 0;\n }\n}","@use \"../../variables\" as *;\n\n.spg-checkbox {\n cursor: pointer;\n margin-top: var(--ctr-checkbox-list-gap-vertical, calcSize(2));\n}\n\n.spg-checkbox--disabled {\n cursor: default;\n\n .spg-checkbox {\n cursor: default;\n }\n\n .spg-checkbox__caption {\n color: var(--ctr-checkbox-text-color-disabled, $foreground-light);\n }\n\n .spg-checkbox__rectangle,\n &.spg-checkbox:active .spg-checkbox__rectangle,\n &.spg-checkbox__control:focus+.spg-checkbox__rectangle {\n border: var(--ctr-checkbox-border-width, 1px) solid var(--ctr-checkbox-border-color-disabled, $border-inside);\n background: var(--ctr-checkbox-background-color-disabled, $background-dim);\n outline: none;\n }\n}\n\n.spg-checkbox__caption {\n @include ctrDefaultFont;\n color: var(--ctr-checkbox-text-color, $foreground);\n}\n\n.spg-checkbox__rectangle {\n background: var(--ctr-checkbox-background-color, $background);\n border: var(--ctr-checkbox-border-width, 1px) solid var(--ctr-checkbox-border-color, $border);\n border-radius: var(--ctr-checkbox-corner-radius);\n box-sizing: border-box;\n width: var(--ctr-checkbox-button-width, calcSize(3));\n height: var(--ctr-checkbox-button-height, calcSize(3));\n display: flex;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n // padding: calcSize(0.5);\n padding: 1px 1px;\n outline: 2px solid transparent;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: background $creator-transition-duration, background-color $creator-transition-duration, outline $creator-transition-duration;\n}\n\n.spg-checkbox:not(.spg-checkbox--checked):hover {\n .spg-checkbox__rectangle {\n background-color: var(--ctr-checkbox-background-color-hovered, $background-dim);\n }\n}\n\n.spg-checkbox:active .spg-checkbox__rectangle,\n.spg-checkbox__control:focus:not(:disabled)+.spg-checkbox__rectangle {\n outline: 2px solid var(--ctr-checkbox-border-color-focused, $primary);\n outline-offset: -2px;\n}\n\n.spg-checkbox .spg-checkbox__svg {\n display: block;\n opacity: 0;\n fill: transparent;\n width: var(--ctr-checkbox-button-check-mark-width, calcSize(2.5));\n height: var(--ctr-checkbox-button-check-mark-height, calcSize(2.5));\n background-repeat: no-repeat;\n background-size: calcSize(2) calcSize(2);\n transition: opacity $creator-transition-duration, fill $creator-transition-duration;\n}\n\n.spg-checkbox--checked {\n .spg-checkbox__rectangle {\n background: var(--ctr-checkbox-background-color-selected, $background);\n }\n\n .spg-checkbox__svg {\n opacity: 1;\n fill: var(--ctr-checkbox-button-check-mark-color, $primary);\n }\n}\n\n.spg-checkbox--disabled.spg-checkbox--checked .spg-checkbox__svg {\n fill: var(--ctr-checkbox-button-check-mark-color-disabled, $border);\n}\n\n.spg-checkbox__control {\n position: fixed;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n//todo: need to hide unneeded icons\n.spg-checkbox__hidden {\n display: none;\n}\n\n.spg-selectbase {\n border: none;\n padding: 0;\n margin: 0;\n}\n\n.spg-selectbase__label {\n display: flex;\n align-items: flex-start;\n gap: var(--ctr-checkbox-gap, calcSize(1));\n}\n\n.spg-checkbox {\n .spg-question__description {\n padding: 0;\n padding-top: var(--ctr-checkbox-description-text-margin-top, calcSize(0.75));\n padding-inline-start: var(--ctr-checkbox-description-text-margin-left, calcSize(4));\n color: var(--ctr-checkbox-description-text-color, $foreground-dim-light);\n }\n\n .spg-help-action {\n use {\n pointer-events: none;\n }\n }\n}","@use \"../../variables.scss\" as *;\n\n.spg-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 }\n}\n\n.spg-drag-element__svg {\n width: var(--ctr-data-table-row-drag-area-icon-width, calcSize(3));\n height: var(--ctr-data-table-row-drag-area-icon-height, calcSize(3));\n padding-top: var(--ctr-data-table-row-drag-area-padding-top, calcSize(1)); \n padding-inline-end: var(--ctr-data-table-row-drag-area-padding-right, calcSize(1));\n padding-bottom: var(--ctr-data-table-row-drag-area-padding-bottom, calcSize(1));\n padding-inline-start: var(--ctr-data-table-row-drag-area-padding-left, calcSize(1));\n\n display: block;\n opacity: 0.5;\n\n use {\n fill: var(--ctr-data-table-row-drag-area-icon-color, $foreground-light);\n }\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top,\n.spg-matrixdynamic__drag-drop-ghost-position-bottom {\n position: relative;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top::after,\n.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {\n content: \"\";\n width: 100%;\n height: calcSize(0.5);\n background-color: $secondary;\n position: absolute;\n left: 0;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-top::after {\n top: 0;\n}\n\n.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {\n bottom: 0;\n}\n\n.spg-matrixdynamic__placeholder {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n background: var(--ctr-property-grid-background-color, $background);\n border: 1px solid var(--ctr-survey-placeholder-border-color, $border);\n border-radius: var(--ctr-data-table-placeholder-corner-radius);\n box-sizing: border-box;\n padding: var(--ctr-data-table-placeholder-padding-top, calcSize(6))\n var(--ctr-data-table-placeholder-padding-right, 0) var(--ctr-data-table-placeholder-padding-bottom, calcSize(6))\n var(--ctr-data-table-placeholder-padding-left, 0);\n gap: var(--ctr-survey-placeholder-gap, calcSize(0.5));\n\n .spg-matrixdynamic__add-btn {\n display: initial;\n margin: 0;\n }\n}\n\n.spg-matrixdynamic__placeholder-text {\n @include ctrDefaultFont;\n color: var(--ctr-survey-placeholder-text-color, $foreground-light);\n text-align: center;\n}\n\n.spg-matrixdynamic__add-btn {\n @include ctrDefaultBoldFont;\n display: none;\n appearance: none;\n border: none;\n margin-top: calcSize(0.5);\n background: transparent;\n color: var(--ctr-survey-action-button-text-color-positive, $primary);\n}\n\n.spg-smiley-icon {\n width: calcSize(3);\n height: calcSize(3);\n margin: calcSize(1);\n border-radius: 100px;\n border: 1px solid var(--ctr-actionbar-button-icon-color, $foreground);\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: calcSize(4);\n\n svg {\n width: calcSize(1.5);\n height: calcSize(1.5);\n fill: var(--ctr-actionbar-button-icon-color, $foreground);\n }\n}\n\n.spg-matrixdynamic__dragged-row {\n cursor: grabbing;\n position: absolute;\n z-index: 10000;\n\n .spg-table__row {\n display: flex;\n align-items: center;\n flex: 1 0 0;\n border-radius: var(--ctr-data-table-row-corner-radius-floating, 0px);\n background: var(--ctr-data-table-row-background-color, $background);\n box-shadow:\n var(--ctr-data-table-row-shadow-floating-1-offset-x, 0px)\n var(--ctr-data-table-row-shadow-floating-1-offset-y, 2px) var(--ctr-data-table-row-shadow-floating-1-blur, 6px)\n var(--ctr-data-table-row-shadow-floating-1-spread, 0px)\n var(--ctr-data-table-row-shadow-floating-1-color, rgba(0, 0, 0, 0.1)),\n var(--ctr-data-table-row-shadow-floating-2-offset-x, 0px)\n var(--ctr-data-table-row-shadow-floating-2-offset-y, 8px) var(--ctr-data-table-row-shadow-floating-2-blur, 16px)\n var(--ctr-data-table-row-shadow-floating-2-spread, 0px)\n var(--ctr-data-table-row-shadow-floating-2-color, rgba(0, 0, 0, 0.1));\n }\n}\n","@use \"../../variables.scss\" as *;\n@use \"./variables.scss\" as *;\n\n.spg-table-wrapper {\n border: var(--ctr-data-table-border-width, 1px) solid var(--ctr-data-table-border-color, $border);\n border-radius: var(--ctr-data-table-corner-radius, 0px);\n overflow: hidden;\n}\n\n.spg-table {\n width: 100%;\n background-color: var(--ctr-data-table-background-color, $background);\n border-collapse: collapse;\n\n tr {\n border-bottom: var(--ctr-data-table-row-border-width, 1px) solid var(--ctr-data-table-row-border-color, $border);\n background-color: var(--ctr-data-table-row-background-color, $background);\n }\n tbody > tr:last-of-type {\n border-bottom: var(--ctr-data-table-row-border-width-last-row, 0px);\n }\n}\n\n.spg-table__cell {\n padding: 0;\n\n .spg-checkbox {\n margin: 0 calcSize(2);\n }\n}\n\n.spg-table__cell--detail-panel {\n background: var(--ctr-data-table-background-color, $background-dim);\n\n .spg-panel__content {\n box-shadow: none;\n }\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel):not(.spg-table__cell--actions):first-of-type {\n padding-left: 8px;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {\n appearance: none;\n box-shadow: none;\n border-radius: var(--ctr-data-table-cell-corner-radius-focused, calcSize(0.5));\n background-color: var(--ctr-data-table-row-background-color, transparent);\n height: auto;\n padding: var(--ctr-data-table-cell-padding-top, calcSize(1)) var(--ctr-data-table-cell-padding-right, calcSize(1))\n var(--ctr-data-table-cell-padding-bottom, calcSize(1)) var(--ctr-data-table-cell-padding-left, calcSize(1));\n\n &[type=\"color\"] {\n padding-right: 0;\n }\n\n &:focus,\n &:focus-within {\n box-shadow: inset 0 0 0 2px var(--ctr-data-table-cell-border-color-focused, $primary);\n }\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button {\n position: static;\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel) {\n .spg-dropdown_select-wrapper {\n display: flex;\n align-items: center;\n }\n\n .spg-dropdown {\n width: max-content;\n padding-right: calcSize(3);\n min-height: auto;\n }\n\n .spg-dropdown_chevron-button {\n --tmp-dropdown-button-margin: calc(-1 * var(--ctr-data-table-cell-drop-down-arrow-width));\n width: var(--ctr-data-table-cell-drop-down-arrow-width, calcSize(3));\n height: var(--ctr-data-table-cell-drop-down-arrow-height, calcSize(3));\n margin-inline-start: var(--tmp-dropdown-button-margin, calcSize(-3));\n padding: var(--ctr-data-table-cell-padding-top, calcSize(1)) 0\n var(--ctr-data-table-cell-padding-bottom, calcSize(1)) 0;\n\n &:hover, &:focus {\n background: transparent;\n }\n }\n\n .sd-dropdown_chevron-button-svg {\n opacity: var(--ctr-data-table-cell-drop-down-arrow-opacity, 0.5);\n \n use {\n fill: var(--ctr-data-table-cell-drop-down-arrow-color, $foreground-light);\n }\n }\n}\n\n.spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text {\n padding-left: calcSize(2);\n}\n\n.spg-table__cell--actions:first-of-type {\n width: calcSize(5);\n}\n\n.spg-table__cell--actions:last-of-type {\n .spg-action-bar {\n justify-content: flex-end;\n padding-inline-end: var(--ctr-data-table-row-padding-right, calcSize(0.5));\n }\n}\n\n.spg-table__cell--actions > .spg-matrixdynamic__drag-element {\n display: inline-block;\n margin-top: calcSize(0.5);\n cursor: move;\n}\n\n.spg-table__cell--header {\n background: var(--ctr-data-table-row-background-color-header, $background-dim);\n text-align: left;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 100px;\n padding: var(--ctr-data-table-row-padding-top-header, #{calcSize(0.5)})\n var(--ctr-data-table-cell-padding-right, #{calcSize(1)})\n var(--ctr-data-table-row-padding-bottom-header, #{calcSize(0.5)})\n var(--ctr-data-table-cell-padding-left, #{calcSize(1)});\n\n @include ctrSmallFont;\n color: var(--ctr-data-table-cell-text-color-header, $foreground-light);\n \n span {\n display: none;\n }\n\n .sv-string-viewer {\n display: inline;\n white-space: unset;\n }\n}\n.spg-table__question-wrapper {\n box-sizing: border-box;\n padding: var(--ctr-data-table-row-padding-top, calcSize(0.5)) var(--ctr-data-table-row-padding-right, 0)\n var(--ctr-data-table-row-padding-bottom, calcSize(0.5)) var(--ctr-data-table-row-padding-left, 0);\n}\n\n.spg-table__row--leave,\n.spg-table__row--enter {\n animation-name: empty;\n --move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay));\n --fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay));\n animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration));\n & > td {\n & > div {\n animation-name: fadeIn, moveInWithOverflow;\n opacity: 0;\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n animation-fill-mode: forwards;\n animation-duration: var(--fade-animation-duration), var(--move-animation-duration), var(--move-animation-duration);\n animation-delay: var(--fade-animation-delay), var(--move-animation-delay), var(--move-animation-delay);\n }\n }\n}\n.spg-table__row--enter {\n --move-animation-delay: 0s;\n --move-animation-duration: #{$spg-matrix-row-move-in-duration};\n --fade-animation-duration: #{$spg-matrix-row-fade-in-duration};\n --fade-animation-delay: #{$spg-matrix-row-fade-in-delay};\n --animation-direction: normal;\n --animation-timing-function: #{$ease-out};\n}\n.spg-table__row--leave {\n --move-animation-delay: #{$spg-matrix-row-move-out-delay};\n --move-animation-duration: #{$spg-matrix-row-move-out-duration};\n --fade-animation-duration: #{$spg-matrix-row-fade-out-duration};\n --fade-animation-delay: 0s;\n --animation-direction: reverse;\n --animation-timing-function: #{$reverse-ease-out};\n}\n.spg-table__row--detail {\n &.spg-table__row--enter {\n --move-animation-delay: 0s;\n --move-animation-duration: #{$spg-matrix-detail-row-move-in-duration};\n --fade-animation-duration: #{$spg-matrix-detail-row-fade-in-duration};\n --fade-animation-delay: #{$spg-matrix-detail-row-fade-in-delay};\n --animation-direction: normal;\n --animation-timing-function: #{$ease-out};\n }\n &.spg-table__row--leave {\n --move-animation-delay: #{$spg-matrix-detail-row-move-out-delay};\n --move-animation-duration: #{$spg-matrix-detail-row-move-out-duration};\n --fade-animation-duration: #{$spg-matrix-detail-row-fade-out-duration};\n --fade-animation-delay: 0s;\n --animation-direction: reverse;\n --animation-timing-function: #{$reverse-ease-out};\n }\n}\n\n.svc-creator--disable-animations {\n .spg-table__row--enter,\n .spg-table__row--leave {\n animation: none;\n }\n}","@use \"../../variables.scss\" as *;\n\n.spg-question-group {\n .spg-row {\n margin-top: 0;\n &:not(:first-of-type) {\n margin-top: calcSize(1);\n }\n }\n}\n","@use \"../../variables\" as *;\n\n.spg-color-editor__color-input {\n position: absolute;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\n /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n left: 0;\n top: 100%;\n transform: translateY(-50%);\n}\n\n.svc-list__item-body {\n // display: flex;\n // gap: var(--ctr-list-item-gap, calcSize(2));\n // padding: var(--ctr-list-item-padding-top-with-icon, calcSize(1)) var(--ctr-list-item-padding-right, calcSize(8))\n // var(--ctr-list-item-padding-bottom-with-icon, calcSize(1)) var(--ctr-list-item-padding-left, calcSize(2));\n\n .spg-color-editor__color-swatch {\n margin-left: 0;\n flex: 0 1 auto;\n }\n}\n\n.spg-color-editor__color-swatch {\n position: relative;\n flex-shrink: 0;\n flex-grow: 0;\n border-radius: var(--ctr-list-item-color-swatch-corner-radius, 3px);\n width: var(--ctr-list-item-color-swatch-width, calcSize(4));\n height: var(--ctr-list-item-color-swatch-height, calcSize(3));\n box-sizing: border-box;\n border: 1px solid var(--ctr-list-item-color-swatch-border-color, $border-inside);\n margin-left: var(--ctr-editor-color-swatch-margin-left, calcSize(1.5));\n\n .sv-svg-icon {\n position: absolute;\n width: var(--ctr-editor-color-swatch-icon-width, calcSize(2));\n height: var(--ctr-editor-color-swatch-icon-height, calcSize(2));\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n fill: $background;\n }\n}\n.spg-question--disabled .spg-color-editor {\n background-color: var(--ctr-editor-background-color-disabled, $background-dim);\n}\n.spg-color-editor__color-swatch--disabled {\n .sv-svg-icon {\n opacity: 0.25;\n }\n}\n\n.spg-color-editor__color-swatch--default {\n .sv-svg-icon {\n opacity: 1;\n }\n}\n\n.spg-color-editor .spg-input__edit-button+* {\n margin-inline-end: calc(0px - var(--ctr-editor-gap, 4px));\n}",".spg-file-edit__choose-button {\n position: relative;\n}\n","@use \"../../variables.scss\" as *;\n\n.spg-link {\n display: flex;\n}\n\n.sv-string-viewer {\n .spg-link {\n display: initial;\n color: $primary;\n font-weight: 600;\n text-decoration-line: underline;\n }\n}","@use \"../../variables.scss\" as *;\n\n.spg-theme-builder-root {\n .sv-skeleton-element {\n min-height: 50px;\n }\n\n .spg-paneldynamic__separator {\n border: none;\n margin: 0;\n height: calcSize(1);\n }\n\n .spg-panel__footer {\n justify-content: center;\n margin: calcSize(1) 0 0 0;\n padding: 0;\n }\n .spg-panel__content .spg-row.spg-row {\n animation: none;\n }\n\n .spg-paneldynamic__add-btn {\n margin: 0 auto;\n }\n\n .spg-row--multiple {\n .spg-spin-editor {\n .spg-input-container__buttons-container {\n display: none;\n }\n }\n\n & > div {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(50% - #{$base-unit} * 0.5);\n min-width: auto;\n\n input {\n min-width: 0;\n }\n\n .spg-question--location--left {\n box-sizing: border-box;\n\n .spg-input {\n height: auto;\n }\n }\n }\n }\n\n .sv-button-group {\n overflow: hidden;\n }\n\n\n //2 level nested\n .spg-panel-by-page,\n .spg-nested-panel {\n padding-bottom: calcSize(5);\n\n &::after {\n content: \" \";\n display: block;\n position: relative;\n left: calcSize(-4);\n top: calc(5 * #{$base-unit});\n width: calc(8 * #{$base-unit} + 100%);\n height: 1px;\n background-color: var(--ctr-editor-border-color, $border);\n }\n }\n\n .spg-panel-by-page__content>.spg-row:first-of-type,\n .spg-nested-panel__content>.spg-row:first-of-type {\n margin-top: 0;\n }\n\n .spg-panel-by-page.spg-panel--hidden-border,\n .spg-row:last-of-type>div>.spg-panel-by-page,\n .spg-paneldynamic__panel-wrapper>.spg-nested-panel,\n .spg-row:last-of-type>div>.spg-nested-panel {\n padding-bottom: 0;\n\n &::after {\n content: none;\n }\n }\n\n .spg-panel-by-page.spg-panel--padding {\n padding-top: calcSize(2);\n padding-bottom: calcSize(3);\n}\n\n .spg-theme-group-caption {\n @include ctrDefaultBoldFont;\n color: var(--ctr-property-grid-group-caption-text-color, $foreground-dim);\n\n position: relative;\n top: calc(4 * #{$base-unit});\n padding: calc(1 * #{$base-unit}) 0;\n cursor: auto;\n }\n\n .sv-theme-group_title-action .spg-action-button:hover,\n .sv-theme-group_title-action .spg-action-button:focus {\n background-color: unset;\n }\n\n .sd-panel__header.sd-element__header .spg-action-bar {\n pointer-events: none;\n }\n\n .spg-header {\n margin-top: calcSize(-2);\n }\n\n .sd-question--title-top .spg-paneldynamic {\n --thm-ctr-editor-layout-gap: var(--ctr-editor-layout-gap, #{calcSize(1)});\n margin-top: calc(-1 * var(--thm-ctr-editor-layout-gap));\n }\n\n .spg-question.spg-row__question:not(.sd-question--title-top):not(.spg-question--boolean),\n .spg-question__content-coloralpha {\n --thm-ctr-property-grid-form-gap: var(--ctr-property-grid-form-gap, #{calcSize(2)});\n --thm-ctr-editor-layout-gap: var(--ctr-editor-layout-gap, #{calcSize(1)});\n margin-top: calc(var(--thm-ctr-editor-layout-gap) - var(--thm-ctr-property-grid-form-gap));\n }\n\n .spg-row--multiple .spg-question.spg-row__question:not(.sd-question--title-top) {\n margin-top: 0;\n }\n\n .spg-question-composite__content .spg-row:first-of-type {\n margin-top: var(--ctr-editor-layout-gap, #{calcSize(1)});\n }\n}\n\n.svc-side-bar--mobile .spg-theme-builder-root {\n .spg-nested-panel__content::after {\n width: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)) + 100%);\n left: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n }\n}\n",".spg-boolean-wrapper--overriding.spg-boolean-wrapper--overriding {\n min-width: 0;\n flex: 0 0 max-content;\n}\n.spg-link-wrapper--overriding {\n align-self: end;\n .svc-action-button {\n text-decoration: underline;\n padding: 0;\n border: none;\n margin: 0;\n &:focus,\n &:hover {\n background-color: transparent;\n }\n }\n}","@use \"../../variables.scss\" as *;\n\n.svc-side-bar {\n .svc-search {\n border-bottom: 1px solid var(--ctr-property-grid-search-border-color, $border);\n background: var(--ctr-property-grid-search-background-color, $background-dim);\n gap: var(--ctr-property-grid-search-gap, calcSize(1));\n \n padding: var(--ctr-property-grid-search-padding-top, calcSize(2))\n var(--ctr-property-grid-search-padding-right, calcSize(2))\n var(--ctr-property-grid-search-padding-bottom, calcSize(2))\n var(--ctr-property-grid-search-padding-left, calcSize(2));\n }\n \n .svc-search__input {\n color: var(--ctr-property-grid-search-text-color, $foreground);\n }\n \n .svc-search__input::placeholder {\n color: var(--ctr-property-grid-search-text-color-placeholder, $foreground-light);\n }\n \n .svc-search__bar-item:not(.sv-action-bar-item--pressed) {\n &:hover:enabled,\n &:focus:enabled {\n background-color: var(--ctr-property-grid-search-button-background-color-hovered, $background-dim);\n }\n }\n \n .svc-search__toolbar .sv-action-bar-item__icon use {\n fill: var(--ctr-property-grid-search-button-icon-color, $foreground-light);\n }\n \n .svc-search__toolbar-counter {\n color: var(--ctr-property-grid-search-count-text-color, $foreground-light);\n }\n \n .svc-search__search-icon {\n width: var(--ctr-property-grid-search-icon-width, calcSize(3));\n height: var(--ctr-property-grid-search-icon-height, calcSize(3));\n \n .sv-svg-icon {\n width: var(--ctr-property-grid-search-icon-width, calcSize(3));\n height: var(--ctr-property-grid-search-icon-height, calcSize(3));\n \n use {\n fill: var(--ctr-property-grid-search-icon-color, $foreground-light);\n }\n }\n }\n}","@use \"../../variables\" as *;\n\n.spg-button-group {\n position: relative;\n display: flex;\n padding: var(--ctr-button-group-padding, 0px);\n align-items: center;\n align-self: stretch;\n\n border-radius: var(--ctr-button-group-corner-radius, 0px);\n box-shadow: inset 0 0 0 var(--ctr-button-group-border-width, 0px) var(--ctr-button-group-border-color, $border);\n background-color: var(--ctr-button-group-background-color, $background);\n \n &::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: var(--ctr-button-group-corner-radius, 0px);\n box-shadow: inset 0 0 0 var(--ctr-button-group-border-width-focused, 2px) transparent;\n pointer-events: none;\n transition: box-shadow $creator-transition-duration;\n }\n}\n\n.spg-button-group:focus-within::after {\n box-shadow: inset 0 0 0 var(--ctr-button-group-border-width-focused, 2px) var(--ctr-button-group-border-color-focused, $primary);\n}\n\n.spg-button-group__item {\n @include ctrDefaultFont;\n color: var(--ctr-button-group-item-text-color, rgba(0, 0, 0, 0.91));\n\n display: flex;\n padding: var(--ctr-button-group-item-padding-vertical, calcSize(1.5)) var(--ctr-button-group-item-padding-horizontal, calcSize(2));\n justify-content: center;\n align-items: center;\n align-self: stretch;\n flex-basis: 0;\n flex-grow: 1;\n width: 0;\n\n border-radius: var(--ctr-button-group-item-corner-radius, 0px);\n box-shadow: inset 0 0 0 var(--ctr-button-group-item-border-width, 1px) var(--ctr-button-group-item-border-color, $border);\n background-color: var(--ctr-button-group-item-background-color, $background);\n\n transition: background $creator-transition-duration, background-color $creator-transition-duration, color $creator-transition-duration;\n\n &:not(:last-of-type) {\n margin-right: var(--ctr-button-group-gap, -1px);\n }\n}\n\n.spg-button-group__item--hover:hover {\n background-color: var(--ctr-button-group-item-background-color-hovered, $background-dim);\n}\n\n.spg-button-group__item-icon {\n use {\n fill: var(--ctr-button-group-item-icon-color, $foreground-light);\n }\n}\n\n.spg-button-group__item--selected {\n @include ctrDefaultBoldFont;\n color: var(--ctr-button-group-item-text-color-selected, $primary);\n box-shadow: inset 0 0 0 var(--ctr-button-group-item-border-width-selected, 1px) var(--ctr-button-group-item-border-color, $border);\n background: var(--ctr-button-group-item-background-color-selected, $background);\n .spg-button-group__item-icon use {\n fill: var(--ctr-button-group-item-icon-color-selected, $primary);\n }\n}\n\n.spg-button-group__item-decorator {\n max-width: 100%;\n}\n\n.spg-button-group__item-caption {\n display: block;\n max-width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.spg-question--disabled .spg-button-group {\n background: var(--ctr-button-group-background-color-disabled);\n}\n\n.spg-button-group__item--disabled {\n color: var(--ctr-button-group-item-text-color-disabled, $foreground);\n background: var(--ctr-button-group-item-background-color-disabled, $background-dim);\n .spg-button-group__item-icon use {\n fill: var(--ctr-button-group-item-text-color-disabled, $foreground);\n }\n .spg-button-group__item-caption {\n opacity: var(--ctr-button-group-item-text-opacity-disabled, 0.25);\n color: var(--ctr-button-group-item-text-color-disabled, rgba(0, 0, 0, 0.91));\n }\n &:hover {\n background-color: var(--ctr-button-group-item-background-color-disabled, $background-dim);\n }\n}\n\n.spg-button-group__item--selected.spg-button-group__item--disabled {\n @include ctrDefaultFont;\n box-shadow: inset 0 0 0 var(--ctr-button-group-item-border-width-selected-disabled, 1px)\n var(--ctr-button-group-item-border-color, $border);\n background: var(--ctr-button-group-item-background-color-selected-disabled, #f3f3f3);\n}\n","@use \"../variables\" as *;\n\n.svc-flex-container {\n display: flex;\n}\n\n.svc-flex-row {\n display: flex;\n flex-direction: row;\n background: var(--ctr-surface-background-color, $background-dim);\n}\n\n.svc-full-container {\n height: 100%;\n width: 100%;\n}\n\n.svc-flex-row.svc-full-container {\n height: calcSize(60);\n min-height: calcSize(60);\n flex-grow: 1;\n position: relative;\n}\n\n.svc-flex-row__element--growing {\n flex: 1;\n overflow: auto;\n}\n\n.svc-flex-column {\n display: flex;\n flex-direction: column;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-separator {\n height: calcSize(5);\n}\n.sv-action-bar--default-size-mode .sv-action-bar-item {\n height: auto;\n width: auto;\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n height: calcSize(4);\n}\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n height: auto;\n width: auto;\n}\n\n.svc-creator--mobile {\n .sv-action-bar-separator {\n height: calcSize(3);\n }\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n @include ctrSmallBoldFont;\n align-items: center;\n border-radius: var(--ctr-survey-question-panel-toolbar-item-corner-radius, 2px);\n}\n\n.svc-top-bar {\n display: flex;\n background: var(--ctr-menu-item-background-color, $background);\n box-sizing: border-box;\n box-shadow: inset 0px -1px 0px var(--ctr-menu-border-color, $border);\n\n .svc-toolbar-wrapper {\n flex: 0 0 auto;\n display: flex;\n\n .sv-action-bar {\n padding: var(--ctr-menu-toolbar-padding-vertical, 0) var(--ctr-menu-toolbar-padding-horizontal, calcSize(2));\n justify-content: flex-end;\n }\n\n .sv-action-bar-separator {\n display: none;\n }\n\n .sv-action-bar > .sv-action:not(.sv-action--hidden) ~ .sv-action .sv-action-bar-separator {\n --thm-menu-toolbar-button-height: calc(\n var(--ctr-menu-toolbar-button-padding-top) + var(--ctr-menu-toolbar-button-padding-bottom) +\n var(--ctr-menu-toolbar-button-icon-width)\n );\n\n display: inline-block;\n margin: 0;\n margin-inline-start: var(--ctr-menu-toolbar-gap, calcSize(2));\n height: var(--thm-menu-toolbar-button-height, calcSize(5));\n }\n\n .sv-action {\n .sv-action-bar-item {\n margin: 0;\n padding: var(--ctr-menu-toolbar-button-padding-top, calcSize(1))\n var(--ctr-menu-toolbar-button-padding-right, calcSize(1))\n var(--ctr-menu-toolbar-button-padding-bottom, calcSize(1))\n var(--ctr-menu-toolbar-button-padding-left, calcSize(1));\n }\n .sv-action-bar-item--active {\n background: var(--ctr-menu-toolbar-button-background-color-selected, transparent);\n }\n }\n .sv-action:not(.sv-action--hidden) ~ .sv-action:not(.sv-action--hidden) {\n .sv-action-bar-item {\n margin-inline-start: var(--ctr-menu-toolbar-gap, calcSize(2))\n }\n }\n\n }\n\n .sv-action-bar-separator {\n background-color: var(--ctr-separator-color, $border);\n }\n\n .sv-action-bar-item {\n @include ctrDefaultFont;\n border-radius: var(--ctr-menu-toolbar-button-corner-radius, 2px);\n background-color: transparent;\n color: var(--ctr-menu-toolbar-button-text-color, $foreground);\n transition: background-color $creator-transition-duration;\n height: auto;\n\n //hovered and focused state\n &:hover,\n &:focus {\n background-color: var(--ctr-menu-toolbar-button-background-color-hovered, $background-dim);\n }\n\n //pressed state\n &:active,\n &.sv-action-bar-item--pressed {\n opacity: var(--ctr-menu-toolbar-button-opacity-pressed, 0.5);\n background-color: var(--ctr-menu-toolbar-button-background-color-pressed, $background-dim);\n use {\n fill: black;\n opacity: 0.45;\n }\n }\n\n //checked state\n &.sv-action-bar-item--active {\n background-color: var(--ctr-menu-toolbar-button-background-color-selected, $background);\n use {\n fill: var(--ctr-menu-toolbar-button-text-color-selected, $primary);\n }\n }\n\n //disabled state\n &:disabled {\n background-color: transparent;\n opacity: var(--ctr-menu-toolbar-button-opacity-disabled, 0.25);\n }\n }\n\n .sv-action-bar-item--icon {\n padding: var(--ctr-menu-toolbar-button-padding-top, calcSize(1))\n var(--ctr-menu-toolbar-button-padding-right, calcSize(1))\n var(--ctr-menu-toolbar-button-padding-bottom, calcSize(1))\n var(--ctr-menu-toolbar-button-padding-left, calcSize(1));\n border-radius: var(--ctr-menu-toolbar-button-corner-radius, 0);\n }\n\n .sv-action-bar-item__icon {\n width: var(--ctr-menu-toolbar-button-icon-width, calcSize(3));\n height: var(--ctr-menu-toolbar-button-icon-height, calcSize(3));\n\n use {\n fill: var(--ctr-menu-toolbar-button-icon-color, $foreground-light);\n }\n }\n\n .sv-action-bar-item-dropdown {\n border-radius: calcCornerRadius(0.5);\n background-color: transparent;\n }\n}\n\n.svc-footer-bar {\n .svc-toolbar-wrapper {\n height: calcSize(6);\n\n .sv-action-bar {\n justify-content: center;\n padding: 0;\n width: 100%;\n\n height: calc(6 * #{$base-unit});\n background: var(--ctr-menu-background-color, $background);\n border-top: var(--ctr-menu-border-width, 1px) solid var(--ctr-menu-border-color, $border);\n box-sizing: border-box;\n }\n\n .sv-action-bar-item {\n border-radius: var(--ctr-menu-toolbar-button-corner-radius, calcSize(0.25));\n padding: var(--ctr-menu-toolbar-button-padding-top, calcSize(1)) var(--ctr-menu-toolbar-button-padding-right, calcSize(1)) var(--ctr-menu-toolbar-button-padding-bottom, calcSize(1)) var(--ctr-menu-toolbar-button-padding-left, calcSize(1));\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 background-color: var(--ctr-menu-toolbar-button-background-color-hovered, $background-dim);\n }\n\n .sv-action-bar-item--active {\n background-color: var(--ctr-menu-toolbar-button-background-color-selected, $primary-light);\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 background-color: var(--ctr-menu-toolbar-button-background-color-selected, $primary-light);\n }\n\n .sv-action-bar-item__icon use {\n fill: var(--ctr-menu-toolbar-button-icon-color-selected, $primary);\n }\n }\n\n .sv-action-bar-item__icon {\n width: var(--ctr-menu-toolbar-button-icon-width, calcSize(3));\n height: var(--ctr-menu-toolbar-button-icon-height, calcSize(3));\n \n use {\n fill: var(--ctr-menu-toolbar-button-icon-color, $foreground-light);\n }\n }\n }\n}","@use \"../variables\" as *;\n\n.spg-boolean-switch,\n.spg-boolean-switch * {\n box-sizing: border-box;\n}\n\n.spg-boolean-switch {\n display: flex;\n flex-direction: row;\n gap: var(--ctr-toggle-button-gap-label, 8px);\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.spg-boolean-switch__button {\n background: var(--ctr-toggle-button-background-color, #ffffff);\n outline: none;\n border-radius: var(--ctr-toggle-button-corner-radius, 1024px);\n box-shadow: 0px 0px 0px 1px var(--ctr-toggle-button-border-color, rgba(0, 0, 0, 0.16));\n padding: var(--ctr-toggle-button-padding-top, 4px) var(--ctr-toggle-button-padding-right, 4px)\n var(--ctr-toggle-button-padding-bottom, 4px) var(--ctr-toggle-button-padding-left, 4px);\n display: flex;\n flex-direction: row;\n gap: var(--ctr-toggle-button-gap, 4px);\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n\n &:focus,\n &:focus-visible {\n box-shadow: 0px 0px 0px 2px var(--ctr-toggle-button-border-color-focused, #19b394);\n }\n\n &:hover {\n background: var(--ctr-toggle-button-background-color-hovered, #f8f8f8);\n }\n}\n\n.spg-boolean-switch__button--checked {\n background: var(--ctr-toggle-button-background-color-checked, #19b394);\n box-shadow: none;\n\n .spg-boolean-switch__thumb--left {\n background: none;\n }\n\n .spg-boolean-switch__thumb--right {\n background: var(--ctr-toggle-button-thumb-background-color-checked, #ffffff);\n }\n\n &:hover {\n background: var(--ctr-toggle-button-background-color-checked, #19b394);\n }\n\n &:focus {\n background: var(--ctr-toggle-button-background-color-checked-focused,\n #ffffff);\n\n .spg-boolean-switch__thumb--right {\n background: var(--ctr-toggle-button-thumb-background-color-checked-focused,\n #19b394);\n }\n }\n}\n\n.spg-boolean-switch__thumb {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.spg-boolean-switch__thumb-circle {\n border-radius: var(--ctr-toggle-button-thumb-corner-radius, 1024px);\n border: var(--ctr-toggle-button-thumb-border-width, 0px) solid var(--ctr-toggle-button-thumb-border-color, rgba(0, 0, 0, 0.16));\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: var(--ctr-toggle-button-thumb-width, 16px);\n height: var(--ctr-toggle-button-thumb-height, 16px);\n position: relative;\n overflow: hidden;\n}\n\n.spg-boolean-switch__thumb--left {\n background: var(--ctr-toggle-button-thumb-background-color-active,\n rgba(0, 0, 0, 0.45));\n}\n\n.spg-boolean-switch__thumb--right {}\n\n.spg-boolean-switch__caption {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.spg-boolean-switch__title {\n @include ctrDefaultFont;\n\n color: var(--ctr-toggle-button-label-text-color, #{$foreground-dim});\n text-align: left;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}"],"names":[],"sourceRoot":""}