survey-creator-react 1.9.3-beta.1 → 1.9.7-beta.1

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 (7) hide show
  1. package/README.md +3 -3
  2. package/package.json +1 -1
  3. package/survey-creator-react.css +638 -359
  4. package/survey-creator-react.d.ts +4493 -443
  5. package/survey-creator-react.js +2363 -744
  6. package/survey-creator-react.min.css +636 -357
  7. package/survey-creator-react.min.js +63 -51
package/survey-creator-react.min.css CHANGED
@@ -1,12 +1,12 @@
1
1
  /*!
2
- * SurveyJS Creator React v1.9.3-beta.1
3
- * (c) 2015-2021 Devsoft Baltic OÜ - http://surveyjs.io/
2
+ * SurveyJS Creator React v1.9.7-beta.1
3
+ * (c) 2015-2022 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * Github: https://github.com/surveyjs/survey-creator
5
5
  * License: https://surveyjs.io/Licenses#SurveyCreator
6
6
  */
7
7
  /*!
8
- * SurveyJS Creator v1.9.3-beta.1
9
- * (c) 2015-2021 Devsoft Baltic OÜ - http://surveyjs.io/
8
+ * SurveyJS Creator v1.9.7-beta.1
9
+ * (c) 2015-2022 Devsoft Baltic OÜ - http://surveyjs.io/
10
10
  * Github: https://github.com/surveyjs/survey-creator
11
11
  * License: https://surveyjs.io/Licenses#SurveyCreator
12
12
  */
@@ -36,9 +36,12 @@
36
36
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
37
37
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
38
38
 
39
+ :root {
40
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
41
+
39
42
  .svc-embed-tab__content {
40
43
  padding: calc(2 * var(--base-unit, 8px));
41
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
44
+ font-family: var(--font-family); }
42
45
  .svc-embed-tab__content .spg-row {
43
46
  display: flex; }
44
47
  .svc-embed-tab__content .spg-question__description {
@@ -76,6 +79,9 @@
76
79
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
77
80
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
78
81
 
82
+ :root {
83
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
84
+
79
85
  svc-tab-json-editor-ace {
80
86
  width: 100%;
81
87
  height: 100%;
@@ -114,6 +120,9 @@ svc-tab-json-editor-ace {
114
120
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
115
121
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
116
122
 
123
+ :root {
124
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
125
+
117
126
  svc-tab-json-editor-textarea {
118
127
  width: 100%;
119
128
  height: 100%;
@@ -184,6 +193,9 @@ svc-tab-json-editor-textarea {
184
193
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
185
194
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
186
195
 
196
+ :root {
197
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
198
+
187
199
  .svd-simulator {
188
200
  position: relative;
189
201
  -webkit-user-select: none;
@@ -255,6 +267,8 @@ svc-tab-json-editor-textarea {
255
267
 
256
268
  .svd-simulator-main {
257
269
  min-height: 100%; }
270
+ .svd-simulator-main.svd-simulator-main--desktop {
271
+ min-height: auto; }
258
272
  .svd-simulator-main.svd-simulator-main--frame {
259
273
  display: flex;
260
274
  align-items: center; }
@@ -296,6 +310,9 @@ svc-tab-json-editor-textarea {
296
310
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
297
311
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
298
312
 
313
+ :root {
314
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
315
+
299
316
  svc-tab-test {
300
317
  width: 100%;
301
318
  height: 100%;
@@ -303,6 +320,11 @@ svc-tab-test {
303
320
 
304
321
  .svc-test-tab__content .svc-plugin-tab__content {
305
322
  overflow-y: auto; }
323
+ .svc-test-tab__content .svc-plugin-tab__content .svc-preview__test-again {
324
+ width: calc(33 * var(--base-unit, 8px));
325
+ margin-left: auto;
326
+ margin-right: auto;
327
+ margin-bottom: 72px; }
306
328
 
307
329
  .svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {
308
330
  height: calc(100% - calc(6 * var(--base-unit, 8px))); }
@@ -326,8 +348,8 @@ svc-tab-test {
326
348
  width: 100%; }
327
349
  .svc-test-tab__content-actions .svc-page-selector .sv-action-bar-item__title {
328
350
  overflow: hidden;
329
- text-overflow: ellipsis;
330
351
  white-space: nowrap;
352
+ text-overflow: ellipsis;
331
353
  display: inline-block; }
332
354
 
333
355
  /* latin */
@@ -356,29 +378,41 @@ svc-tab-test {
356
378
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
357
379
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
358
380
 
359
- .sl-table__row:hover .sl-detail-panel__icon:before,
360
- .sl-table__cell--detail-button:focus .sl-detail-panel__icon:before {
361
- content: "";
362
- display: block;
363
- background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2223%22%20viewBox%3D%220%200%2010%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0A%3Cpath%20d%3D%22M0%204.7L1.4%206.1L3.7%203.8V9.4H5.7V3.8L8%206.1L9.4%204.7L4.7%200L0%204.7Z%22%20fill%3D%22%23909090%22%2F%3E%0A%3Cpath%20d%3D%22M5.7%2018.9999V13.3999H3.7V18.9999L1.4%2016.6999L0%2018.0999L4.7%2022.7999L9.4%2018.0999L8%2016.6999L5.7%2018.9999Z%22%20fill%3D%22%23909090%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0%22%3E%0A%3Crect%20width%3D%229.4%22%20height%3D%2222.8%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
364
- background-repeat: no-repeat;
365
- background-position: center center;
366
- height: calc(3 * var(--base-unit, 8px));
367
- width: calc(3 * var(--base-unit, 8px));
368
- cursor: pointer; }
381
+ :root {
382
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
383
+
384
+ .sl-table__cell.st-table__cell--actions:first-child .sv-action-bar {
385
+ margin-top: calc(-0.5 * var(--base-unit, 8px));
386
+ padding-right: calc(4 * var(--base-unit, 8px)); }
387
+
388
+ .sl-table .sl-table__detail-button.sl-table__detail-button {
389
+ width: calc(6 * var(--base-unit, 8px));
390
+ height: calc(6 * var(--base-unit, 8px));
391
+ box-sizing: border-box;
392
+ border-radius: calc(12.5 * var(--base-unit, 8px));
393
+ padding: 0; }
394
+ .sl-table .sl-table__detail-button.sl-table__detail-button:hover, .sl-table .sl-table__detail-button.sl-table__detail-button:focus {
395
+ background-color: var(--primary-light, rgba(25, 179, 148, 0.1));
396
+ outline: none; }
397
+ .sl-table .sl-table__detail-button.sl-table__detail-button:hover use, .sl-table .sl-table__detail-button.sl-table__detail-button:focus use {
398
+ fill: var(--primary, #19b394); }
369
399
 
370
- .sl-table__row #remove-row .sv-action-bar-item__icon use {
400
+ .sl-table__cell .sv-action-bar-item__icon {
371
401
  display: none; }
372
402
 
403
+ .sl-table__row:hover .sl-table__cell .sv-action-bar-item__icon,
404
+ .sl-table__cell .sv-action-bar-item:focus .sv-action-bar-item__icon {
405
+ display: block; }
406
+
373
407
  .sl-table__row:hover #remove-row .sv-action-bar-item,
374
408
  .sl-table__row #remove-row:focus-within .sv-action-bar-item {
375
- padding: calc(0.25 * var(--base-unit, 8px));
376
- border: none; }
409
+ border: none;
410
+ width: calc(5 * var(--base-unit, 8px));
411
+ height: calc(5 * var(--base-unit, 8px)); }
377
412
 
378
413
  .sl-table__row:hover #remove-row .sv-action-bar-item__icon use,
379
414
  .sl-table__row #remove-row:focus-within .sv-action-bar-item__icon use {
380
- fill: var(--red, #e60a3e);
381
- display: block; }
415
+ fill: var(--red, #e60a3e); }
382
416
 
383
417
  .sl-table__row.sl-table__row--additional .sl-table__cell .svc-action-button {
384
418
  color: var(--secondary, #ff9814); }
@@ -386,27 +420,36 @@ svc-tab-test {
386
420
  .sl-table__cell .svc-action-button,
387
421
  .sl-table__cell .svc-action-button:hover,
388
422
  .sl-table__cell .svc-action-button:focus {
423
+ font-family: var(--font-family);
424
+ font-style: normal;
425
+ font-weight: bold;
426
+ font-size: calc(3 * var(--base-unit, 8px));
427
+ line-height: calc(4 * var(--base-unit, 8px));
389
428
  background: transparent;
390
429
  color: var(--foreground, #161616);
391
- outline: none; }
430
+ outline: none;
431
+ border: none;
432
+ box-shadow: none;
433
+ max-height: calc(13.5 * var(--base-unit, 8px));
434
+ overflow: hidden;
435
+ display: -webkit-box;
436
+ -webkit-line-clamp: 3;
437
+ -webkit-box-orient: vertical; }
392
438
 
393
439
  .sl-table__cell {
394
440
  color: var(--foreground, #161616);
395
441
  font-weight: bold;
396
442
  font-size: calc(2 * var(--base-unit, 8px));
397
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
398
- padding: 0.9375em;
399
- padding-left: 0;
400
- box-sizing: content-box;
401
- vertical-align: top; }
443
+ font-family: var(--font-family);
444
+ vertical-align: top;
445
+ padding: calc(2 * var(--base-unit, 8px)) 0; }
402
446
 
403
447
  .sl-table__cell--detail-button {
404
448
  overflow: hidden;
405
449
  appearance: none;
406
450
  outline: none;
407
451
  border: none;
408
- background-color: transparent;
409
- padding: calc(0.25 * var(--base-unit, 8px)); }
452
+ background-color: transparent; }
410
453
 
411
454
  .sl-table {
412
455
  width: 100%;
@@ -414,33 +457,31 @@ svc-tab-test {
414
457
  border-spacing: 0;
415
458
  table-layout: fixed; }
416
459
  .sl-table tbody tr:last-child .sl-table__cell {
417
- padding-bottom: 2.5em; }
460
+ padding-bottom: calc(5 * var(--base-unit, 8px)); }
418
461
  .sl-table tr:first-child .sl-table__cell {
419
- padding-top: 1.875em; }
462
+ padding-top: calc(4 * var(--base-unit, 8px)); }
420
463
  .sl-table td:first-child,
421
464
  .sl-table th:first-child {
422
- padding-left: 1.875em; }
465
+ padding-left: calc(4 * var(--base-unit, 8px)); }
423
466
  .sl-table td:first-child .sv-action-bar,
424
467
  .sl-table th:first-child .sv-action-bar {
425
468
  justify-content: flex-end; }
426
469
  .sl-table td:last-child,
427
470
  .sl-table th:last-child {
428
- padding-right: 1.875em; }
471
+ padding-right: calc(4 * var(--base-unit, 8px)); }
429
472
 
430
- .sl-panel__footer {
431
- padding-left: 0; }
432
- .sl-panel__footer.sv-action-bar {
433
- width: 100%; }
434
- .sl-panel__footer #saveDetailPanel {
473
+ .sl-panel .sl-panel__footer {
474
+ padding: 0; }
475
+ .sl-panel .sl-panel__footer .sv-action {
435
476
  width: 100%; }
436
- .sl-panel__footer .sv-action__content {
477
+ .sl-panel .sl-panel__footer .sv-action__content {
437
478
  width: 100%; }
438
- .sl-panel__footer button.sl-panel__done-button {
479
+ .sl-panel .sl-panel__footer button.sl-panel__done-button {
439
480
  width: 100%;
440
481
  margin-bottom: calc(10 * var(--base-unit, 8px));
441
482
  background-color: var(--green-light, rgba(25, 179, 148, 0.1));
442
483
  color: var(--green, #19b394);
443
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
484
+ font-family: var(--font-family);
444
485
  font-size: calc(2 * var(--base-unit, 8px));
445
486
  border-radius: calc(12.5 * var(--base-unit, 8px));
446
487
  display: flex;
@@ -448,10 +489,10 @@ svc-tab-test {
448
489
  vertical-align: baseline;
449
490
  text-align: center;
450
491
  user-select: none; }
451
- .sl-panel__footer button:hover {
492
+ .sl-panel .sl-panel__footer button:hover {
452
493
  background-color: var(--green, #19b394);
453
494
  color: white; }
454
- .sl-panel__footer .sv-action-bar-item__title {
495
+ .sl-panel .sl-panel__footer .sv-action-bar-item__title {
455
496
  display: flex;
456
497
  align-items: center;
457
498
  flex-grow: 1;
@@ -471,7 +512,7 @@ svc-tab-test {
471
512
  flex-flow: row wrap; }
472
513
 
473
514
  .sl-panel {
474
- padding-bottom: 16px; }
515
+ padding-bottom: calc(2 * var(--base-unit, 8px)); }
475
516
 
476
517
  .sl-row--multiple .sl-panel {
477
518
  padding-bottom: 0; }
@@ -491,26 +532,23 @@ svc-tab-test {
491
532
  .sl-question__title {
492
533
  font-size: calc(2 * var(--base-unit, 8px));
493
534
  line-height: calc(3 * var(--base-unit, 8px));
494
- margin: 0; }
535
+ margin: 0;
536
+ font-weight: 600; }
495
537
  .sl-question__title span + span {
496
538
  display: none; }
497
539
 
498
- .svc-logic-question-value {
499
- padding-right: calc(5 * var(--base-unit, 8px)) !important; }
500
-
501
- .sl-panel-wrapper--in-row {
502
- display: flex;
503
- align-items: flex-start; }
504
-
505
- .sl-comment {
506
- margin-bottom: calc(2 * var(--base-unit, 8px)); }
540
+ .sl-row--multiple .sl-question {
541
+ padding-right: calc(1 * var(--base-unit, 8px)); }
507
542
 
508
- .svc-logic-paneldynamic .sl-panel {
509
- width: calc(100% - 5 * var(--base-unit, 8px)); }
543
+ .svc-logic-question-value {
544
+ padding-right: calc(5 * var(--base-unit, 8px)); }
510
545
 
511
546
  .sv-popup.sv-property-editor .sl-row {
512
547
  flex-flow: nowrap; }
513
548
 
549
+ .spg-comment.sl-comment {
550
+ height: calc(17 * var(--base-unit, 8px)); }
551
+
514
552
  /* latin */
515
553
  @font-face {
516
554
  font-family: "Open Sans";
@@ -537,6 +575,9 @@ svc-tab-test {
537
575
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
538
576
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
539
577
 
578
+ :root {
579
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
580
+
540
581
  .svc-tab-translation {
541
582
  width: 100%;
542
583
  height: 100%;
@@ -549,7 +590,7 @@ svc-tab-test {
549
590
  outline: none; }
550
591
 
551
592
  .st-no-strings {
552
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
593
+ font-family: var(--font-family);
553
594
  font-style: normal;
554
595
  font-weight: 400;
555
596
  font-size: calc(2 * var(--base-unit, 8px));
@@ -594,7 +635,7 @@ svc-tab-test {
594
635
 
595
636
  .st-title.st-panel__title,
596
637
  .st-table__cell.st-table__cell--header {
597
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
638
+ font-family: var(--font-family);
598
639
  font-style: normal;
599
640
  font-weight: 600;
600
641
  font-size: calc(1.5 * var(--base-unit, 8px));
@@ -617,7 +658,7 @@ svc-tab-test {
617
658
  padding: 0; }
618
659
 
619
660
  .st-table__cell:first-child {
620
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
661
+ font-family: var(--font-family);
621
662
  font-style: normal;
622
663
  font-weight: 600;
623
664
  font-size: calc(2 * var(--base-unit, 8px));
@@ -636,12 +677,13 @@ svc-tab-test {
636
677
  border-spacing: 0; }
637
678
 
638
679
  .st-comment {
639
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
680
+ font-family: var(--font-family);
640
681
  font-style: normal;
641
682
  font-size: calc(2 * var(--base-unit, 8px));
642
683
  line-height: calc(3 * var(--base-unit, 8px));
643
684
  width: calc(100% - 3 * var(--base-unit, 8px));
644
685
  border: unset;
686
+ outline: none;
645
687
  background-color: #ffffff;
646
688
  resize: none;
647
689
  padding: 0;
@@ -677,6 +719,9 @@ svc-tab-test {
677
719
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
678
720
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
679
721
 
722
+ :root {
723
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
724
+
680
725
  .svc-tab-logic-edit {
681
726
  width: 100%;
682
727
  height: 100%;
@@ -702,16 +747,22 @@ svc-tab-test {
702
747
  border-top: 1px solid var(--border, #d6d6d6);
703
748
  width: 100%; }
704
749
 
750
+ .svc-logic-paneldynamic div.svc-logic-operator {
751
+ height: calc(3 * var(--base-unit, 8px)); }
752
+
705
753
  .svc-logic-paneldynamic .svc-logic-operator {
754
+ -webkit-appearance: none;
706
755
  appearance: none;
707
756
  padding: calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
708
757
  border-radius: calc(12.5 * var(--base-unit, 8px));
709
758
  border: none;
710
759
  outline: none;
711
760
  font-weight: 600;
712
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
761
+ font-family: var(--font-family);
713
762
  font-size: calc(2 * var(--base-unit, 8px));
714
- color: var(--foreground-light, #909090); }
763
+ color: var(--foreground-light, #909090);
764
+ height: calc(5 * var(--base-unit, 8px));
765
+ line-height: calc(3 * var(--base-unit, 8px)); }
715
766
  .svc-logic-paneldynamic .svc-logic-operator option {
716
767
  background: var(--background, #fff);
717
768
  color: var(--foreground, #161616); }
@@ -722,17 +773,28 @@ svc-tab-test {
722
773
  .svc-logic-question--answered .svc-logic-operator {
723
774
  color: var(--foreground, #161616); }
724
775
 
725
- .svc-logic-operator.svc-logic-operator--conjunction {
726
- background-color: var(--primary-light, rgba(25, 179, 148, 0.1)); }
776
+ .svc-logic-operator.svc-logic-operator:hover, .svc-logic-operator.svc-logic-operator:focus {
777
+ color: var(--background, #fff);
778
+ outline: none;
779
+ box-shadow: none; }
727
780
 
728
781
  .svc-logic-operator.svc-logic-operator--question {
729
782
  background-color: var(--blue-light, rgba(67, 127, 217, 0.1)); }
783
+ .svc-logic-operator.svc-logic-operator--question:hover, .svc-logic-operator.svc-logic-operator--question:focus {
784
+ background-color: var(--blue, #437FD9); }
730
785
 
786
+ .svc-logic-operator.svc-logic-operator--conjunction,
731
787
  .svc-logic-operator.svc-logic-operator--operator {
732
- background-color: var(--secondary-light, rgba(255, 152, 20, 0.25)); }
788
+ background-color: var(--secondary-back-light, rgba(255, 152, 20, 0.1)); }
789
+ .svc-logic-operator.svc-logic-operator--conjunction:hover, .svc-logic-operator.svc-logic-operator--conjunction:focus,
790
+ .svc-logic-operator.svc-logic-operator--operator:hover,
791
+ .svc-logic-operator.svc-logic-operator--operator:focus {
792
+ background-color: var(--secondary, #ff9814); }
733
793
 
734
794
  .svc-logic-operator.svc-logic-operator--action {
735
795
  background-color: var(--red-light, rgba(230, 10, 62, 0.1)); }
796
+ .svc-logic-operator.svc-logic-operator--action:hover, .svc-logic-operator.svc-logic-operator--action:focus {
797
+ background-color: var(--red, #e60a3e); }
736
798
 
737
799
  .svc-logic-operator.svc-logic-operator--error {
738
800
  background-color: var(--background, #fff);
@@ -745,36 +807,38 @@ svc-tab-test {
745
807
  .svc-logic-paneldynamic .sd-paneldynamic__separator {
746
808
  display: none; }
747
809
 
748
- .svc-icon-remove {
810
+ .svc-action-button.svc-logic-condition-remove.svc-icon-remove:focus {
811
+ outline: none; }
812
+
813
+ .svc-logic-condition-remove.svc-icon-remove {
749
814
  display: block;
750
- width: calc(2.5 * var(--base-unit, 8px));
751
- height: 22px;
815
+ width: calc(5 * var(--base-unit, 8px));
816
+ height: calc(5 * var(--base-unit, 8px));
752
817
  background-repeat: no-repeat;
753
- background-image: url("data:image/svg+xml,%3Csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 4H18H14V2C14 0.9 13.1 0 12 0H8C6.9 0 6 0.9 6 2V4H2H0V6H2V20C2 21.1 2.9 22 4 22H16C17.1 22 18 21.1 18 20V6H20V4ZM8 2H12V4H8V2ZM16 20H4V6H6H14H16V20ZM12 8H14V18H12V8ZM9 8H11V18H9V8ZM6 8H8V18H6V8Z' fill='%23E60A3E'/%3E%3C/svg%3E%0A"); }
818
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 4H20H16V2C16 0.9 15.1 0 14 0H10C8.9 0 8 0.9 8 2V4H4H2V6H4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V6H22V4ZM10 2H14V4H10V2ZM18 20H6V6H8H16H18V20ZM14 8H16V18H14V8ZM11 8H13V18H11V8ZM8 8H10V18H8V8Z' fill='%23E60A3E'/%3E%3C/svg%3E%0A");
819
+ background-size: calc(3 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));
820
+ background-position: center; }
754
821
 
755
- .svc-logic-paneldynamic .svc-logic-paneldynamic__button-remove-text {
756
- display: none; }
822
+ .svc-logic-condition-remove.svc-icon-remove:hover,
823
+ .svc-logic-condition-remove.svc-icon-remove:focus {
824
+ background-color: var(--red-light, rgba(230, 10, 62, 0.1)); }
757
825
 
758
- .svc-logic-paneldynamic .svc-logic-paneldynamic__button {
759
- background: none;
760
- box-shadow: none;
761
- appearance: none;
762
- border: none;
763
- padding: 0;
764
- margin: calc(0.5 * var(--base-unit, 8px)); }
826
+ .svc-logic-condition-remove-question {
827
+ height: calc(5 * var(--base-unit, 8px)); }
765
828
 
766
- .svc-question-wrapper {
767
- max-width: initial !important;
768
- min-width: initial !important;
769
- width: initial !important;
770
- flex: initial !important; }
829
+ .svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {
830
+ display: none; }
771
831
 
772
- .svc-question-wrapper .sv-title-actions__title {
773
- max-width: none; }
832
+ .svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {
833
+ display: none; }
774
834
 
775
835
  .svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn,
776
836
  .svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn {
777
837
  color: var(--foreground-light, #909090); }
838
+ .svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:hover, .svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:focus,
839
+ .svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:hover,
840
+ .svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:focus {
841
+ color: var(--background, #fff); }
778
842
 
779
843
  .svc-logic-tab__content.svc-logic-tab__empty {
780
844
  flex-direction: column;
@@ -787,20 +851,9 @@ svc-tab-test {
787
851
  margin-top: calc(4 * var(--base-unit, 8px)); }
788
852
 
789
853
  .svc-logic-tab__content .svc-logic-tab__content-action {
790
- display: flex;
791
- align-items: center;
792
- width: 50%;
793
854
  margin-left: 25%;
794
855
  margin-right: 25%;
795
- height: calc(7 * var(--base-unit, 8px));
796
- line-height: calc(7 * var(--base-unit, 8px));
797
- vertical-align: baseline;
798
- text-align: center;
799
- background-color: var(--background, #fff);
800
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
801
- border-radius: calc(0.5 * var(--base-unit, 8px));
802
- cursor: pointer;
803
- user-select: none; }
856
+ margin-bottom: calc(8 * var(--base-unit, 8px)); }
804
857
 
805
858
  .svc-logic-tab__content .svc-logic-tab__content-action--disabled {
806
859
  cursor: default;
@@ -808,19 +861,12 @@ svc-tab-test {
808
861
  .svc-logic-tab__content .svc-logic-tab__content-action--disabled:hover {
809
862
  background-color: var(--background, #fff); }
810
863
 
811
- .svc-logic-tab__content .svc-logic-tab__content-action .svc-text {
812
- color: var(--primary, #19b394);
813
- display: flex;
814
- align-items: center;
815
- flex-grow: 1;
816
- justify-content: center; }
817
-
818
864
  .svc-logic-tab__content .sd-paneldynamic__panel-wrapper--in-row {
819
865
  margin-top: 0;
820
866
  align-items: start; }
821
867
 
822
868
  .svc-logic-paneldynamic {
823
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
869
+ font-family: var(--font-family); }
824
870
  .svc-logic-paneldynamic .sd-row--multiple {
825
871
  padding: 0;
826
872
  background: none;
@@ -875,6 +921,9 @@ svc-tab-test {
875
921
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
876
922
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
877
923
 
924
+ :root {
925
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
926
+
878
927
  .svc-notifier {
879
928
  position: absolute;
880
929
  bottom: calc(1 * var(--base-unit, 8px));
@@ -887,7 +936,7 @@ svc-tab-test {
887
936
  color: var(--foreground, #161616);
888
937
  min-width: calc(30 * var(--base-unit, 8px));
889
938
  text-align: center;
890
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
939
+ font-family: var(--font-family);
891
940
  font-style: normal;
892
941
  font-weight: 600;
893
942
  font-size: calc(1.5 * var(--base-unit, 8px));
@@ -895,7 +944,8 @@ svc-tab-test {
895
944
 
896
945
  .svc-notifier.svc-notifier--error {
897
946
  background-color: var(--red, #e60a3e);
898
- color: white; }
947
+ color: var(--background, #fff);
948
+ opacity: 1; }
899
949
 
900
950
  /* latin */
901
951
  @font-face {
@@ -923,6 +973,9 @@ svc-tab-test {
923
973
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
924
974
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
925
975
 
976
+ :root {
977
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
978
+
926
979
  svc-tab-designer {
927
980
  width: 100%;
928
981
  height: 100%;
@@ -941,11 +994,25 @@ svc-tab-designer {
941
994
  margin-left: auto;
942
995
  margin-right: auto; }
943
996
  .svc-tab-designer .sd-container-modern.sd-container-modern--static {
944
- max-width: calc(102 * var(--base-unit, 8px)); }
997
+ max-width: calc(84 * var(--base-unit, 8px)); }
945
998
  .svc-tab-designer .sd-container-modern.sd-container-modern--responsive {
946
999
  max-width: initial;
947
1000
  padding: 0 calc(1 * var(--base-unit, 8px)); }
948
1001
 
1002
+ .svc-designer__placeholder-container {
1003
+ position: absolute;
1004
+ top: 35%; }
1005
+
1006
+ .svc-designer-placeholder-page {
1007
+ margin-top: calc(2 * var(--base-unit, 8px)); }
1008
+
1009
+ .svc-designer-placeholder-page .svc-page__add-new-question {
1010
+ width: calc(33 * var(--base-unit, 8px));
1011
+ margin: auto; }
1012
+
1013
+ .svc-designer-placeholder-page .svc-row--ghost {
1014
+ display: none; }
1015
+
949
1016
  /* latin */
950
1017
  @font-face {
951
1018
  font-family: "Open Sans";
@@ -972,12 +1039,22 @@ svc-tab-designer {
972
1039
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
973
1040
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
974
1041
 
1042
+ :root {
1043
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1044
+
975
1045
  .svc-creator--mobile .sd-question__content .sd-selectbase__column {
976
1046
  max-width: initial;
977
1047
  display: block; }
978
1048
  .svc-creator--mobile .sd-question__content .sd-selectbase__column .svc-item-value-wrapper {
979
1049
  margin-left: calc(0 * var(--base-unit, 8px)); }
980
1050
 
1051
+ .svc-creator--mobile .svc-rating-question-controls {
1052
+ bottom: calc(5 * var(--base-unit, 8px));
1053
+ left: calc(3 * var(--base-unit, 8px)); }
1054
+
1055
+ .svc-creator--mobile .svc-question__content--selected .svc-rating-question-controls {
1056
+ bottom: calc(10 * var(--base-unit, 8px)); }
1057
+
981
1058
  .svc-creator--mobile .svc-page__content {
982
1059
  padding-left: 0;
983
1060
  padding-right: 0;
@@ -1048,23 +1125,38 @@ svc-tab-designer {
1048
1125
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1049
1126
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
1050
1127
 
1128
+ :root {
1129
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1130
+
1051
1131
  survey-creator,
1052
1132
  .svc-creator {
1053
1133
  display: flex;
1054
1134
  width: 100%;
1055
- height: 100%; }
1135
+ height: 100%;
1136
+ position: relative;
1137
+ z-index: 0; }
1056
1138
  survey-creator *,
1057
1139
  .svc-creator * {
1058
1140
  scrollbar-width: thin;
1059
- scrollbar-color: var(--primary-light, rgba(25, 179, 148, 0.1)) var(--background-dim, #f3f3f3); }
1141
+ scrollbar-color: var(--border, #d6d6d6) transparent; }
1060
1142
  survey-creator ::-webkit-scrollbar,
1061
1143
  .svc-creator ::-webkit-scrollbar {
1062
- height: 6px;
1063
- width: 6px;
1064
- background-color: var(--background-dim, #f3f3f3); }
1144
+ width: 12px;
1145
+ height: 12px;
1146
+ background-color: transparent; }
1065
1147
  survey-creator ::-webkit-scrollbar-thumb,
1066
1148
  .svc-creator ::-webkit-scrollbar-thumb {
1067
- background: var(--primary-light, rgba(25, 179, 148, 0.1)); }
1149
+ border: 4px solid rgba(0, 0, 0, 0);
1150
+ background-clip: padding-box;
1151
+ border-radius: 32px;
1152
+ background-color: var(--border, #d6d6d6); }
1153
+ survey-creator ::-webkit-scrollbar-track,
1154
+ .svc-creator ::-webkit-scrollbar-track {
1155
+ background: transparent; }
1156
+ survey-creator ::-webkit-scrollbar-thumb:hover,
1157
+ .svc-creator ::-webkit-scrollbar-thumb:hover {
1158
+ border: 2px solid rgba(0, 0, 0, 0);
1159
+ background-color: var(--foreground-light, #909090); }
1068
1160
 
1069
1161
  .svc-creator__area {
1070
1162
  position: relative;
@@ -1088,7 +1180,8 @@ survey-creator,
1088
1180
  width: 100%;
1089
1181
  height: 100%;
1090
1182
  overflow: hidden;
1091
- position: relative; }
1183
+ position: relative;
1184
+ min-height: var(--tab-min-height, 600px); }
1092
1185
 
1093
1186
  .svc-creator__toolbox--right.svc-creator-tab {
1094
1187
  flex-direction: row-reverse; }
@@ -1132,7 +1225,7 @@ survey-creator,
1132
1225
 
1133
1226
  .svc-creator__non-commercial-text {
1134
1227
  color: var(--primary-foreground, #fff);
1135
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
1228
+ font-family: var(--font-family);
1136
1229
  font-weight: bold;
1137
1230
  font-size: calc(2 * var(--base-unit, 8px));
1138
1231
  text-transform: uppercase;
@@ -1156,35 +1249,6 @@ survey-creator,
1156
1249
  top: initial;
1157
1250
  bottom: calc(-0.5 * var(--base-unit, 8px)); }
1158
1251
 
1159
- survey-creator .svc-tabbed-menu-item--selected:not(button):focus,
1160
- .svc-creator .svc-tabbed-menu-item--selected:not(button):focus,
1161
- .sv-popup .svc-tabbed-menu-item--selected:not(button):focus {
1162
- outline: none; }
1163
-
1164
- survey-creator .sv-action-bar-item:not(button):focus,
1165
- survey-creator *:not(button):focus,
1166
- survey-creator .svc-page__question-type-selector:focus,
1167
- .svc-creator .sv-action-bar-item:not(button):focus,
1168
- .svc-creator *:not(button):focus,
1169
- .svc-creator .svc-page__question-type-selector:focus,
1170
- .sv-popup .sv-action-bar-item:not(button):focus,
1171
- .sv-popup *:not(button):focus,
1172
- .sv-popup .svc-page__question-type-selector:focus {
1173
- outline: 1px dotted var(--primary, #19b394); }
1174
-
1175
- survey-creator button.sv-action-bar-item:focus,
1176
- survey-creator .sv-button-group__item:focus-within,
1177
- .svc-creator button.sv-action-bar-item:focus,
1178
- .svc-creator .sv-button-group__item:focus-within,
1179
- .sv-popup button.sv-action-bar-item:focus,
1180
- .sv-popup .sv-button-group__item:focus-within {
1181
- outline: 1px dotted var(--primary, #19b394); }
1182
-
1183
- survey-creator .sd-table__cell--header .svc-matrix-cell,
1184
- .svc-creator .sd-table__cell--header .svc-matrix-cell,
1185
- .sv-popup .sd-table__cell--header .svc-matrix-cell {
1186
- outline: none; }
1187
-
1188
1252
  /* latin */
1189
1253
  @font-face {
1190
1254
  font-family: "Open Sans";
@@ -1211,6 +1275,9 @@ survey-creator .sd-table__cell--header .svc-matrix-cell,
1211
1275
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1212
1276
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
1213
1277
 
1278
+ :root {
1279
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1280
+
1214
1281
  .svc-string-editor {
1215
1282
  position: static; }
1216
1283
  .svc-string-editor .sv-string-editor {
@@ -1320,14 +1387,6 @@ survey-creator .sd-table__cell--header .svc-matrix-cell,
1320
1387
  left: calc(-0.7 * var(--base-unit, 8px));
1321
1388
  right: calc(-0.7 * var(--base-unit, 8px)); }
1322
1389
 
1323
- .sd-table__cell:first-child .svc-string-editor {
1324
- margin-left: calc(1 * var(--base-unit, 8px)); }
1325
-
1326
- survey-creator .svc-string-editor *:not(button):focus,
1327
- .svc-creator .svc-string-editor *:not(button):focus,
1328
- .sv-popup .svc-string-editor *:not(button):focus {
1329
- outline: none; }
1330
-
1331
1390
  /* latin */
1332
1391
  @font-face {
1333
1392
  font-family: "Open Sans";
@@ -1354,6 +1413,31 @@ survey-creator .svc-string-editor *:not(button):focus,
1354
1413
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1355
1414
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
1356
1415
 
1416
+ :root {
1417
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1418
+
1419
+ .svc-btn {
1420
+ display: flex;
1421
+ align-items: center;
1422
+ height: calc(7 * var(--base-unit, 8px));
1423
+ line-height: calc(7 * var(--base-unit, 8px));
1424
+ vertical-align: baseline;
1425
+ text-align: center;
1426
+ background-color: var(--background, #fff);
1427
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
1428
+ border-radius: calc(0.5 * var(--base-unit, 8px));
1429
+ cursor: pointer;
1430
+ user-select: none;
1431
+ outline-color: var(--primary, #19b394); }
1432
+ .svc-btn:hover {
1433
+ outline: calc(0.25 * var(--base-unit, 8px)) solid var(--primary, #19b394); }
1434
+ .svc-btn .svc-text {
1435
+ display: flex;
1436
+ align-items: center;
1437
+ flex-grow: 1;
1438
+ justify-content: center;
1439
+ color: var(--primary, #19b394); }
1440
+
1357
1441
  .svc-action-button {
1358
1442
  display: inline-block;
1359
1443
  padding: calc(0.5 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
@@ -1366,7 +1450,8 @@ survey-creator .svc-string-editor *:not(button):focus,
1366
1450
  border: calc(0.25 * var(--base-unit, 8px)) solid transparent; }
1367
1451
 
1368
1452
  .svc-action-button:focus, .svc-action-button:hover {
1369
- background: rgba(25, 179, 148, 0.1); }
1453
+ background-color: var(--primary-light, rgba(25, 179, 148, 0.1));
1454
+ outline: none; }
1370
1455
 
1371
1456
  .svc-action-button--selected {
1372
1457
  border-color: var(--primary, #19b394); }
@@ -1401,6 +1486,9 @@ survey-creator .svc-string-editor *:not(button):focus,
1401
1486
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1402
1487
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
1403
1488
 
1489
+ :root {
1490
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1491
+
1404
1492
  svc-page-navigator,
1405
1493
  .svc-page-navigator {
1406
1494
  display: flex;
@@ -1421,11 +1509,17 @@ svc-page-navigator,
1421
1509
  height: calc(5.5 * var(--base-unit, 8px));
1422
1510
  min-height: calc(5.5 * var(--base-unit, 8px)); }
1423
1511
 
1424
- survey-creator .svc-page-navigator__selector:hover, survey-creator .svc-page-navigator__selector:focus, .svc-creator .svc-page-navigator__selector:hover, .svc-creator .svc-page-navigator__selector:focus {
1512
+ survey-creator .svc-page-navigator__selector:hover, survey-creator .svc-page-navigator__selector:focus,
1513
+ .svc-creator .svc-page-navigator__selector:hover,
1514
+ .svc-creator .svc-page-navigator__selector:focus {
1425
1515
  outline: none; }
1426
- survey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon, survey-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon, .svc-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon, .svc-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon {
1516
+ survey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon, survey-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon,
1517
+ .svc-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon,
1518
+ .svc-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon {
1427
1519
  background-color: var(--primary-light, rgba(25, 179, 148, 0.1)); }
1428
- survey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon use, survey-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon use, .svc-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon use, .svc-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon use {
1520
+ survey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon use, survey-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon use,
1521
+ .svc-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon use,
1522
+ .svc-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon use {
1429
1523
  fill: var(--primary, #19b394); }
1430
1524
 
1431
1525
  .svc-page-navigator__selector--opened {
@@ -1450,8 +1544,7 @@ survey-creator .svc-page-navigator__selector:hover, survey-creator .svc-page-nav
1450
1544
  right: calc(1 * var(--base-unit, 8px)); }
1451
1545
 
1452
1546
  .svc-creator__toolbox--right .svc-tab-designer--with-page-navigator {
1453
- padding-right: 0;
1454
- padding-left: calc(6.5 * var(--base-unit, 8px)); }
1547
+ padding-right: 0; }
1455
1548
 
1456
1549
  .svc-creator__toolbox--right .svc-tab-designer__page-navigator {
1457
1550
  right: unset;
@@ -1483,6 +1576,9 @@ survey-creator .svc-page-navigator__selector:hover, survey-creator .svc-page-nav
1483
1576
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1484
1577
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
1485
1578
 
1579
+ :root {
1580
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1581
+
1486
1582
  svc-page-navigator-item,
1487
1583
  .svc-page-navigator-item {
1488
1584
  display: block;
@@ -1495,6 +1591,8 @@ svc-page-navigator-item,
1495
1591
  .svc-page-navigator-item-content {
1496
1592
  height: 100%;
1497
1593
  width: 100%; }
1594
+ .svc-page-navigator-item-content:hover, .svc-page-navigator-item-content:focus {
1595
+ outline: none; }
1498
1596
 
1499
1597
  .svc-page-navigator-item__dot {
1500
1598
  box-sizing: content-box;
@@ -1515,12 +1613,12 @@ svc-page-navigator-item,
1515
1613
  border: calc(0.25 * var(--base-unit, 8px)) solid var(--primary, #19b394); }
1516
1614
 
1517
1615
  .svc-page-navigator-item__banner {
1616
+ overflow: hidden;
1617
+ white-space: nowrap;
1618
+ text-overflow: ellipsis;
1518
1619
  right: calc(0.5 * var(--base-unit, 8px));
1519
1620
  display: block;
1520
- white-space: nowrap;
1521
1621
  line-height: calc(4 * var(--base-unit, 8px));
1522
- overflow: hidden;
1523
- text-overflow: ellipsis;
1524
1622
  animation: 0.5s ease-in;
1525
1623
  padding: 0;
1526
1624
  opacity: 0; }
@@ -1543,14 +1641,11 @@ svc-page-navigator-item,
1543
1641
  border: none;
1544
1642
  background: var(--primary, #19b394); }
1545
1643
 
1546
- .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover,
1547
- .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus {
1548
- outline: none; }
1549
- .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,
1550
- .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner {
1551
- padding: 0 calc(4.5 * var(--base-unit, 8px)) 0 calc(2.5 * var(--base-unit, 8px));
1552
- max-width: calc(25 * var(--base-unit, 8px));
1553
- opacity: 1; }
1644
+ .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,
1645
+ .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner {
1646
+ padding: 0 calc(4.5 * var(--base-unit, 8px)) 0 calc(2.5 * var(--base-unit, 8px));
1647
+ max-width: calc(25 * var(--base-unit, 8px));
1648
+ opacity: 1; }
1554
1649
 
1555
1650
  .svc-creator__toolbox--right .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,
1556
1651
  .svc-creator__toolbox--right .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner {
@@ -1585,6 +1680,9 @@ svc-page-navigator-item,
1585
1680
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1586
1681
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
1587
1682
 
1683
+ :root {
1684
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1685
+
1588
1686
  svc-page {
1589
1687
  display: block; }
1590
1688
 
@@ -1597,7 +1695,8 @@ svc-page {
1597
1695
  position: relative;
1598
1696
  padding: calc(1 * var(--base-unit, 8px)) calc(1 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));
1599
1697
  box-sizing: border-box;
1600
- width: 100%; }
1698
+ width: 100%;
1699
+ outline: none; }
1601
1700
  .svc-page__content .sd-page {
1602
1701
  margin: 0;
1603
1702
  padding-top: calc(1 * var(--base-unit, 8px)); }
@@ -1621,43 +1720,29 @@ svc-page {
1621
1720
  .svc-page__content-actions .sv-action-bar .sv-action:not(:last-child) > .sv-action__content {
1622
1721
  padding-right: calc(1 * var(--base-unit, 8px)); }
1623
1722
 
1723
+ .svc-page__content:not(.svc-page__content--new):focus,
1624
1724
  .svc-hovered.svc-page__content:not(.svc-page__content--new) {
1625
1725
  background: var(--secondary-back-light, rgba(255, 152, 20, 0.1)); }
1626
1726
 
1627
1727
  .svc-creator .svc-page .svc-page__content--selected,
1728
+ .svc-creator .svc-page .svc-page__content--selected:focus,
1628
1729
  .svc-hovered {
1629
1730
  border-radius: calc(0.5 * var(--base-unit, 8px)); }
1630
1731
  .svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected,
1732
+ .svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected,
1631
1733
  .svc-hovered.svc-page__content--selected {
1632
1734
  outline: 2px solid var(--secondary, #ff9814);
1633
1735
  background: var(--secondary-back-light, rgba(255, 152, 20, 0.1)); }
1634
1736
  .svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected .svc-page__content-actions,
1737
+ .svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected .svc-page__content-actions,
1635
1738
  .svc-hovered.svc-page__content--selected .svc-page__content-actions {
1636
1739
  display: block; }
1637
1740
 
1638
1741
  .svc-page__add-new-question {
1639
- display: flex;
1640
- align-items: center;
1641
1742
  margin-left: calc(2 * var(--base-unit, 8px));
1642
- margin-right: calc(2 * var(--base-unit, 8px));
1643
- height: calc(7 * var(--base-unit, 8px));
1644
- line-height: calc(7 * var(--base-unit, 8px));
1645
- vertical-align: baseline;
1646
- text-align: center;
1647
- background-color: var(--background, #fff);
1648
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
1649
- border-radius: calc(0.5 * var(--base-unit, 8px));
1650
- cursor: pointer;
1651
- user-select: none; }
1652
- .svc-page__add-new-question:hover {
1653
- outline: 2px solid var(--primary, #19b394); }
1743
+ margin-right: calc(2 * var(--base-unit, 8px)); }
1654
1744
  .svc-page__add-new-question .svc-text {
1655
- display: flex;
1656
- align-items: center;
1657
- flex-grow: 1;
1658
- justify-content: center;
1659
- margin-left: calc(6 * var(--base-unit, 8px));
1660
- color: var(--primary, #19b394); }
1745
+ margin-left: calc(6 * var(--base-unit, 8px)); }
1661
1746
 
1662
1747
  .svc-page__question-type-selector {
1663
1748
  appearance: none;
@@ -1701,11 +1786,15 @@ svc-page {
1701
1786
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1702
1787
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
1703
1788
 
1789
+ :root {
1790
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1791
+
1704
1792
  .svc-row {
1705
1793
  width: 100%; }
1706
1794
 
1707
1795
  .svc-row .sd-row--multiple {
1708
- padding: calc(1 * var(--base-unit, 8px)); }
1796
+ padding: calc(1 * var(--base-unit, 8px));
1797
+ gap: calc(1 * var(--base-unit, 8px)); }
1709
1798
 
1710
1799
  .svc-row.svc-row--ghost .svc-question__content {
1711
1800
  padding: 0;
@@ -1713,7 +1802,8 @@ svc-page {
1713
1802
  box-shadow: none; }
1714
1803
 
1715
1804
  .svc-row.svc-row--ghost .sd-row {
1716
- margin-top: 0; }
1805
+ margin-top: calc(2 * var(--base-unit, 8px));
1806
+ margin-bottom: calc(2 * var(--base-unit, 8px)); }
1717
1807
 
1718
1808
  /* latin */
1719
1809
  @font-face {
@@ -1741,6 +1831,9 @@ svc-page {
1741
1831
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1742
1832
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
1743
1833
 
1834
+ :root {
1835
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1836
+
1744
1837
  svc-question {
1745
1838
  display: block;
1746
1839
  position: absolute;
@@ -1775,7 +1868,8 @@ svc-question {
1775
1868
  padding: calc(4 * var(--base-unit, 8px)) calc(5 * var(--base-unit, 8px)) calc(8 * var(--base-unit, 8px));
1776
1869
  background: var(--background, #fff);
1777
1870
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
1778
- border: 2px solid transparent; }
1871
+ border: 2px solid transparent;
1872
+ outline: none; }
1779
1873
 
1780
1874
  .svc-question__content .sd-file__choose-btn {
1781
1875
  cursor: default;
@@ -1820,20 +1914,20 @@ svc-question {
1820
1914
  max-width: 100%; }
1821
1915
  .svc-question__content-actions .sv-action--first .sv-action-bar-item .sv-action-bar-item__title {
1822
1916
  overflow: hidden;
1823
- text-overflow: ellipsis;
1824
1917
  white-space: nowrap;
1918
+ text-overflow: ellipsis;
1825
1919
  display: inline-block;
1826
1920
  justify-content: left; }
1827
1921
 
1828
1922
  .svc-creator .svc-page .svc-hovered > .svc-question__content {
1829
1923
  outline: 2px solid var(--secondary-light, rgba(255, 152, 20, 0.25)); }
1830
1924
 
1831
- .svc-creator .svc-page .svc-question__content--selected,
1832
- .svc-creator .svc-page .svc-hovered > .svc-question__content--selected {
1925
+ .svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged),
1926
+ .svc-creator .svc-page .svc-hovered > .svc-question__content--selected:not(.svc-question__content--dragged) {
1833
1927
  outline: 2px solid var(--secondary, #ff9814);
1834
1928
  box-shadow: initial; }
1835
- .svc-creator .svc-page .svc-question__content--selected > .svc-question__content-actions,
1836
- .svc-creator .svc-page .svc-hovered > .svc-question__content--selected > .svc-question__content-actions {
1929
+ .svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged) > .svc-question__content-actions,
1930
+ .svc-creator .svc-page .svc-hovered > .svc-question__content--selected:not(.svc-question__content--dragged) > .svc-question__content-actions {
1837
1931
  display: block; }
1838
1932
 
1839
1933
  .svc-question__content--dragged {
@@ -1861,7 +1955,7 @@ svc-question {
1861
1955
  border: 2px solid var(--secondary, #ff9814); }
1862
1956
 
1863
1957
  .svc-dragged-element-shortcut__text {
1864
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
1958
+ font-family: var(--font-family);
1865
1959
  font-style: normal;
1866
1960
  font-weight: 600;
1867
1961
  font-size: calc(1.5 * var(--base-unit, 8px));
@@ -2092,6 +2186,9 @@ svc-question .sv-action-bar,
2092
2186
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2093
2187
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
2094
2188
 
2189
+ :root {
2190
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2191
+
2095
2192
  .svc-image-question-controls {
2096
2193
  position: absolute;
2097
2194
  top: calc(1.5 * var(--base-unit, 8px));
@@ -2145,9 +2242,12 @@ svc-question .sv-action-bar,
2145
2242
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2146
2243
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
2147
2244
 
2245
+ :root {
2246
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2247
+
2148
2248
  .svc-rating-question-controls {
2149
2249
  position: absolute;
2150
- bottom: calc(9 * var(--base-unit, 8px));
2250
+ bottom: calc(10 * var(--base-unit, 8px));
2151
2251
  left: calc(5 * var(--base-unit, 8px)); }
2152
2252
 
2153
2253
  .svc-question__content .sd-rating {
@@ -2184,11 +2284,16 @@ svc-question .sv-action-bar,
2184
2284
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2185
2285
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
2186
2286
 
2287
+ :root {
2288
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2289
+
2187
2290
  .svc-item-value-wrapper {
2188
2291
  position: relative;
2189
- display: flex; }
2292
+ display: flex;
2293
+ align-items: center;
2294
+ margin-left: calc(-5 * var(--base-unit, 8px)); }
2190
2295
 
2191
- .sd-selectbase__column:not(:first-of-type) .svc-item-value-wrapper {
2296
+ .sd-selectbase__column:not(:first-of-type) {
2192
2297
  margin-left: calc(5 * var(--base-unit, 8px)); }
2193
2298
 
2194
2299
  .svc-item-value--dragging {
@@ -2199,21 +2304,24 @@ svc-question .sv-action-bar,
2199
2304
  padding-left: calc(0.5 * var(--base-unit, 8px)); }
2200
2305
 
2201
2306
  .svc-item-value-controls {
2307
+ display: flex;
2202
2308
  margin: calc(1 * var(--base-unit, 8px)) 0;
2203
2309
  margin-right: calc(1 * var(--base-unit, 8px));
2204
2310
  height: calc(4 * var(--base-unit, 8px));
2205
2311
  box-sizing: border-box;
2206
- flex-shrink: 0; }
2312
+ flex-shrink: 0;
2313
+ min-width: 72px;
2314
+ justify-content: end; }
2207
2315
 
2208
2316
  .svc-item-value-controls__button {
2209
2317
  border-radius: 50%;
2210
2318
  padding: calc(1 * var(--base-unit, 8px));
2211
2319
  cursor: pointer;
2212
- display: inline-block; }
2320
+ display: inline-block;
2321
+ outline: none; }
2213
2322
 
2214
2323
  .svc-item-value-controls__button > span,
2215
2324
  sv-svg-icon.svc-item-value-controls__button {
2216
- width: calc(2 * var(--base-unit, 8px));
2217
2325
  height: calc(2 * var(--base-unit, 8px));
2218
2326
  box-sizing: content-box; }
2219
2327
  .svc-item-value-controls__button > span .sv-svg-icon,
@@ -2223,13 +2331,12 @@ sv-svg-icon.svc-item-value-controls__button {
2223
2331
  .svc-item-value-controls__button > span {
2224
2332
  display: block; }
2225
2333
 
2226
- .svc-item-value-wrapper:hover .svc-item-value-controls__drag-icon,
2227
- .svc-item-value-controls__drag:hover .svc-item-value-controls__drag-icon {
2334
+ .svc-item-value-wrapper:hover:not(.svc-item-value--ghost) .svc-item-value-controls__drag-icon,
2335
+ .svc-item-value-controls__drag:hover:not(.svc-item-value--ghost) .svc-item-value-controls__drag-icon {
2228
2336
  visibility: visible; }
2229
2337
 
2230
2338
  .svc-item-value-controls__drag {
2231
2339
  padding: calc(0.5 * var(--base-unit, 8px)) calc(1 * var(--base-unit, 8px));
2232
- margin-left: calc(-5 * var(--base-unit, 8px));
2233
2340
  cursor: move;
2234
2341
  opacity: 0.25; }
2235
2342
  .svc-item-value-controls__drag .svc-item-value-controls__drag-icon {
@@ -2247,10 +2354,10 @@ sv-svg-icon.svc-item-value-controls__button {
2247
2354
  .svc-item-value-controls__add use {
2248
2355
  fill: var(--primary, #19b394); }
2249
2356
 
2250
- .svc-item-value-controls__add:hover {
2357
+ .svc-item-value-controls__add:hover, .svc-item-value-controls__add:focus {
2251
2358
  background-color: var(--primary-light, rgba(25, 179, 148, 0.1)); }
2252
2359
 
2253
- .svc-item-value-controls__remove:hover {
2360
+ .svc-item-value-controls__remove:hover, .svc-item-value-controls__remove:focus {
2254
2361
  background-color: var(--red-light, rgba(230, 10, 62, 0.1)); }
2255
2362
 
2256
2363
  .svc-question__content--selected-no-border .svc-item-value-controls {
@@ -2268,6 +2375,9 @@ sv-svg-icon.svc-item-value-controls__button {
2268
2375
  .svc-item-value--new .svc-item-value__item .sd-item__decorator {
2269
2376
  opacity: 0.35; }
2270
2377
 
2378
+ .svc-item-value--new .sv-ranking-item__index {
2379
+ background: var(--background-for-editors, #f9f9f9); }
2380
+
2271
2381
  .sv-ranking .svc-item-value-wrapper {
2272
2382
  align-items: center; }
2273
2383
 
@@ -2341,6 +2451,9 @@ sv-svg-icon.svc-item-value-controls__button {
2341
2451
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2342
2452
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
2343
2453
 
2454
+ :root {
2455
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2456
+
2344
2457
  .svc-image-item-value-wrapper {
2345
2458
  display: inline-block;
2346
2459
  position: relative; }
@@ -2365,18 +2478,18 @@ sv-svg-icon.svc-item-value-controls__button {
2365
2478
  top: calc(50% - 3 * var(--base-unit, 8px));
2366
2479
  left: calc(50% - 3 * var(--base-unit, 8px)); }
2367
2480
 
2368
- .svc-question__content--selected .svc-image-item-value-controls {
2369
- display: block; }
2481
+ .svc-image-item-value-controls {
2482
+ display: flex; }
2370
2483
 
2371
2484
  .svc-image-item-value-controls__button {
2372
- display: inline-block;
2485
+ display: block;
2373
2486
  background-color: var(--background, #fff);
2374
2487
  border-radius: 50%;
2375
2488
  width: calc(6 * var(--base-unit, 8px));
2376
2489
  height: calc(6 * var(--base-unit, 8px));
2377
2490
  cursor: pointer; }
2378
2491
  .svc-image-item-value-controls__button:not(:last-child) {
2379
- margin-right: calc(0.5 * var(--base-unit, 8px)); }
2492
+ margin-right: calc(1 * var(--base-unit, 8px)); }
2380
2493
  .svc-image-item-value-controls__button .sv-svg-icon {
2381
2494
  margin-top: calc(50% - 1.5 * var(--base-unit, 8px));
2382
2495
  margin-left: calc(50% - 1.5 * var(--base-unit, 8px)); }
@@ -2461,6 +2574,9 @@ sv-svg-icon.svc-item-value-controls__button {
2461
2574
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2462
2575
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
2463
2576
 
2577
+ :root {
2578
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2579
+
2464
2580
  .svc-question__content .sd-table td:empty,
2465
2581
  .svc-question__content .sd-table th:empty {
2466
2582
  width: initial; }
@@ -2516,6 +2632,12 @@ sv-svg-icon.svc-item-value-controls__button {
2516
2632
  min-width: calc(70 * var(--base-unit, 8px));
2517
2633
  box-shadow: none; }
2518
2634
 
2635
+ .svc-matrix-cell__popup .sv-popup__container {
2636
+ background-color: var(--background, #fff); }
2637
+
2638
+ .svc-matrix-cell__popup .sv-popup_shadow.sv-popup_shadow {
2639
+ filter: unset; }
2640
+
2519
2641
  /* latin */
2520
2642
  @font-face {
2521
2643
  font-family: "Open Sans";
@@ -2542,75 +2664,79 @@ sv-svg-icon.svc-item-value-controls__button {
2542
2664
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2543
2665
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
2544
2666
 
2545
- .svd_test_results {
2546
- padding: 1em; }
2547
- .svd_test_results .svd_results_text {
2548
- padding: 1em;
2549
- white-space: pre-wrap;
2550
- width: 100%;
2551
- overflow: auto; }
2552
- .svd_test_results .svd_results_table {
2553
- padding: 1em;
2554
- width: 100%;
2555
- overflow: auto; }
2556
- .svd_test_results .svd_results_table table {
2557
- border-collapse: collapse;
2558
- width: 100%; }
2559
- .svd_test_results .svd_results_table table .survey-result-marker {
2667
+ :root {
2668
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2669
+
2670
+ .svd-test-results {
2671
+ font-family: var(--font-family);
2672
+ width: 80%;
2673
+ margin: auto;
2674
+ margin-bottom: calc(5 * var(--base-unit, 8px));
2675
+ background-color: var(--background, #fff);
2676
+ box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
2677
+ border-radius: 10px; }
2678
+ .svd-test-results .svd-test-results__header {
2679
+ display: flex;
2680
+ justify-content: space-between;
2681
+ align-items: center;
2682
+ padding: calc(1 * var(--base-unit, 8px)) calc(4 * var(--base-unit, 8px));
2683
+ font-size: calc(2 * var(--base-unit, 8px));
2684
+ color: var(--foreground-light, #909090);
2685
+ border-bottom: 2px solid var(--background-dim, #f3f3f3); }
2686
+ .svd-test-results .svd-test-results__header .svd-test-results__header-text {
2687
+ margin: 0; }
2688
+ .svd-test-results .svd-test-results__header .svd-test-results__header-types {
2689
+ display: flex; }
2690
+ .svd-test-results .svd-test-results__text {
2691
+ display: flex;
2692
+ padding: calc(2 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));
2693
+ width: calc(100% - calcSize(6));
2694
+ overflow: auto;
2695
+ user-select: text;
2696
+ white-space: pre-wrap; }
2697
+ .svd-test-results .svd-test-results__table {
2698
+ width: 100%; }
2699
+ .svd-test-results .svd-test-results__table table {
2700
+ width: 100%;
2701
+ border-collapse: collapse; }
2702
+ .svd-test-results .svd-test-results__table table .svd-test-results__marker {
2560
2703
  position: absolute;
2561
- left: 1em;
2562
- top: 0.5em;
2563
- transition: transform 0.2s ease-in-out; }
2564
- .svd_test_results .svd_results_table table .survey-result-marker.survey-result-marker--expanded {
2704
+ top: calc(1.5 * var(--base-unit, 8px)); }
2705
+ .svd-test-results .svd-test-results__table table .svd-test-results__marker .sv-svg-icon {
2706
+ transition: transform 0.2s ease-in-out; }
2707
+ .svd-test-results .svd-test-results__table table .svd-test-results__marker .sv-svg-icon use {
2708
+ fill: var(--foreground-light, #909090); }
2709
+ .svd-test-results .svd-test-results__table table .svd-test-results__marker.svd-test-results__marker--expanded .sv-svg-icon {
2710
+ transform-origin: center;
2565
2711
  transform: rotate(90deg); }
2566
- .svd_test_results .svd_results_table table .survey-result-value {
2567
- word-break: break-all; }
2568
- .svd_test_results .svd_results_table table tr {
2569
- vertical-align: top; }
2570
- .svd_test_results .svd_results_table table th,
2571
- .svd_test_results .svd_results_table table td {
2572
- border: 1px solid;
2573
- padding: 0.5em 1em;
2712
+ .svd-test-results .svd-test-results__table table th {
2713
+ padding: calc(1 * var(--base-unit, 8px)) calc(1 * var(--base-unit, 8px));
2714
+ background-color: var(--background-dim, #f3f3f3);
2715
+ text-align: left;
2716
+ font-weight: 600;
2717
+ font-size: 12px;
2718
+ color: var(--foreground-light, #909090); }
2719
+ .svd-test-results .svd-test-results__table table th:nth-child(1) {
2720
+ padding-left: calc(4 * var(--base-unit, 8px)); }
2721
+ .svd-test-results .svd-test-results__table table td {
2722
+ padding: calc(1 * var(--base-unit, 8px)) calc(1 * var(--base-unit, 8px));
2574
2723
  max-width: calc(50 * var(--base-unit, 8px));
2575
- overflow: auto; }
2576
- .svd_test_results .svd_results_table table th:nth-child(1),
2577
- .svd_test_results .svd_results_table table td:nth-child(1) {
2724
+ overflow: auto;
2725
+ border-top: 2px solid var(--background-dim, #f3f3f3);
2726
+ user-select: text; }
2727
+ .svd-test-results .svd-test-results__table table td:nth-child(1) {
2578
2728
  position: relative;
2579
- width: 30%;
2580
- font-weight: 500;
2581
- padding-left: 2em; }
2582
- .svd_test_results .svd_results_table table th:nth-child(2),
2583
- .svd_test_results .svd_results_table table td:nth-child(2) {
2584
- width: 20%; }
2585
- .svd_test_results .svd_results_table table th:nth-child(3),
2586
- .svd_test_results .svd_results_table table td:nth-child(3) {
2587
- width: 20%; }
2588
- .svd_test_results .svd_results_table table th:nth-child(4),
2589
- .svd_test_results .svd_results_table table td:nth-child(4) {
2590
- width: 30%;
2591
- font-weight: 500; }
2592
-
2593
- .nav-tabs {
2594
- margin-bottom: 0;
2595
- padding: 0;
2596
- line-height: 2.5em; }
2597
-
2598
- .nav-item {
2599
- display: inline-block;
2600
- margin-left: -3px; }
2601
- .nav-item:first-child {
2602
- margin-left: 0; }
2603
-
2604
- .nav-link {
2605
- border-radius: 0;
2606
- border-top-left-radius: calc(0.25 * var(--base-unit, 8px));
2607
- border-top-right-radius: calc(0.25 * var(--base-unit, 8px));
2608
- padding: 0.5em 1em;
2609
- text-align: center; }
2610
- .nav-link.active {
2611
- border: calc(0.125 * var(--base-unit, 8px)) solid var(--border, #d6d6d6);
2612
- border-color: var(--border, #d6d6d6);
2613
- border-bottom-color: transparent; }
2729
+ width: 50%;
2730
+ font-weight: 600; }
2731
+ .svd-test-results .svd-test-results__table table td:nth-child(2) {
2732
+ width: 50%;
2733
+ padding-right: calc(4 * var(--base-unit, 8px)); }
2734
+ .svd-test-results .svd-test-results__table table .survey-result-value {
2735
+ word-break: break-all; }
2736
+ .svd-test-results .svd-test-results__table table tr {
2737
+ vertical-align: top; }
2738
+ .svd-test-results .svd-test-results__table table tr .svd-test-results__node-value {
2739
+ color: var(--foreground-light, #909090); }
2614
2740
 
2615
2741
  /* latin */
2616
2742
  @font-face {
@@ -2638,6 +2764,9 @@ sv-svg-icon.svc-item-value-controls__button {
2638
2764
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2639
2765
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
2640
2766
 
2767
+ :root {
2768
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2769
+
2641
2770
  .svc-logo-image {
2642
2771
  position: relative;
2643
2772
  justify-content: flex-end;
@@ -2679,6 +2808,54 @@ sv-svg-icon.svc-item-value-controls__button {
2679
2808
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2680
2809
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
2681
2810
 
2811
+ :root {
2812
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2813
+
2814
+ .svc-question-link__set-button {
2815
+ font-weight: 600;
2816
+ cursor: pointer; }
2817
+
2818
+ .svc-link-value-button {
2819
+ margin-left: calc(-2 * var(--base-unit, 8px)); }
2820
+
2821
+ .svc-question-link__clear-button {
2822
+ margin-left: calc(4 * var(--base-unit, 8px));
2823
+ color: var(--red, #e60a3e);
2824
+ font-weight: 600;
2825
+ cursor: pointer; }
2826
+
2827
+ .svc-question-link__clear-button:hover {
2828
+ background-color: var(--red-light, rgba(230, 10, 62, 0.1)); }
2829
+
2830
+ /* latin */
2831
+ @font-face {
2832
+ font-family: "Open Sans";
2833
+ font-style: normal;
2834
+ font-weight: 400;
2835
+ src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2");
2836
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
2837
+
2838
+ /* latin */
2839
+ @font-face {
2840
+ font-family: "Open Sans";
2841
+ font-style: normal;
2842
+ font-weight: 600;
2843
+ font-stretch: 100%;
2844
+ src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2845
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
2846
+
2847
+ /* latin */
2848
+ @font-face {
2849
+ font-family: "Open Sans";
2850
+ font-style: normal;
2851
+ font-weight: 700;
2852
+ font-stretch: 100%;
2853
+ src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2854
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
2855
+
2856
+ :root {
2857
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2858
+
2682
2859
  .svc-property-panel__item {
2683
2860
  margin: calc(2 * var(--base-unit, 8px)) 0;
2684
2861
  width: 100%; }
@@ -2709,6 +2886,9 @@ sv-svg-icon.svc-item-value-controls__button {
2709
2886
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2710
2887
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
2711
2888
 
2889
+ :root {
2890
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2891
+
2712
2892
  .svc-property-panel__group {
2713
2893
  -webkit-appearance: none;
2714
2894
  -moz-appearance: none;
@@ -2722,7 +2902,7 @@ sv-svg-icon.svc-item-value-controls__button {
2722
2902
  text-align: left;
2723
2903
  background: var(--background, #fff);
2724
2904
  box-shadow: inset 0px -1px 0px var(--border, #d6d6d6);
2725
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
2905
+ font-family: var(--font-family);
2726
2906
  font-size: calc(2 * var(--base-unit, 8px)); }
2727
2907
 
2728
2908
  .svc-property-panel__group:disabled,
@@ -2768,22 +2948,18 @@ sv-svg-icon.svc-item-value-controls__button {
2768
2948
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2769
2949
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
2770
2950
 
2771
- svc-tabbed-menu-item {
2772
- display: flex;
2773
- flex-direction: column;
2774
- align-self: flex-start; }
2775
- svc-tabbed-menu-item:hover {
2776
- box-shadow: inset 0px -1px 0px var(--border, #d6d6d6); }
2951
+ :root {
2952
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2777
2953
 
2778
2954
  .svc-tabbed-menu-item {
2779
2955
  padding: 0px calc(3 * var(--base-unit, 8px));
2780
2956
  line-height: calc(8 * var(--base-unit, 8px));
2781
2957
  box-sizing: border-box;
2782
2958
  cursor: pointer; }
2783
-
2784
- .svc-tabbed-menu-item:hover {
2785
- background-color: var(--background-dim, #f3f3f3);
2786
- box-shadow: inset 0px -1px 0px var(--border, #d6d6d6); }
2959
+ .svc-tabbed-menu-item:hover, .svc-tabbed-menu-item:focus {
2960
+ background-color: var(--background-dim, #f3f3f3);
2961
+ box-shadow: inset 0px -1px 0px var(--border, #d6d6d6);
2962
+ outline: none; }
2787
2963
 
2788
2964
  .svc-tabbed-menu-item--selected {
2789
2965
  background: var(--background, #fff);
@@ -2842,6 +3018,9 @@ svc-tabbed-menu-item {
2842
3018
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2843
3019
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
2844
3020
 
3021
+ :root {
3022
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3023
+
2845
3024
  .svc-tabbed-menu {
2846
3025
  display: flex;
2847
3026
  white-space: nowrap;
@@ -2879,6 +3058,9 @@ svc-tabbed-menu-item {
2879
3058
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2880
3059
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
2881
3060
 
3061
+ :root {
3062
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3063
+
2882
3064
  .svc-toolbox__item {
2883
3065
  display: flex;
2884
3066
  position: relative;
@@ -2903,6 +3085,11 @@ svc-tabbed-menu-item {
2903
3085
  align-items: center;
2904
3086
  margin-right: 0;
2905
3087
  margin-left: calc(-1.5 * var(--base-unit, 8px)); }
3088
+ .svc-toolbox__item-banner .svc-toolbox__item-icon {
3089
+ position: absolute;
3090
+ display: block;
3091
+ left: calc(1.5 * var(--base-unit, 8px));
3092
+ top: calc(1 * var(--base-unit, 8px)); }
2906
3093
  .svc-toolbox__item-banner .svc-toolbox__item-title {
2907
3094
  color: var(--foreground, #161616); }
2908
3095
  .svc-toolbox__item-banner .sv-svg-icon use {
@@ -2915,6 +3102,10 @@ svc-tabbed-menu-item {
2915
3102
  padding-left: calc(2 * var(--base-unit, 8px));
2916
3103
  margin-left: 0;
2917
3104
  margin-right: calc(-1.5 * var(--base-unit, 8px)); }
3105
+ .svc-creator__toolbox--right .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,
3106
+ .svc-creator__toolbox--right .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title {
3107
+ padding-left: calc(1 * var(--base-unit, 8px));
3108
+ padding-right: calc(4 * var(--base-unit, 8px)); }
2918
3109
 
2919
3110
  .svc-creator__toolbox--right .svc-toolbox__item {
2920
3111
  flex-direction: row-reverse; }
@@ -2928,8 +3119,12 @@ svc-tabbed-menu-item {
2928
3119
  .svc-creator__toolbox--right .svc-toolbox__category {
2929
3120
  align-items: flex-end; }
2930
3121
 
3122
+ .svc-creator__toolbox--right .svc-toolbox__item-banner .svc-toolbox__item-icon {
3123
+ left: auto;
3124
+ right: calc(1.5 * var(--base-unit, 8px)); }
3125
+
2931
3126
  .svc-toolbox__item-title {
2932
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3127
+ font-family: var(--font-family);
2933
3128
  font-style: normal;
2934
3129
  font-weight: 600;
2935
3130
  font-size: calc(1.5 * var(--base-unit, 8px));
@@ -2946,6 +3141,9 @@ svc-tabbed-menu-item {
2946
3141
  padding-left: calc(1.5 * var(--base-unit, 8px));
2947
3142
  padding-right: calc(2 * var(--base-unit, 8px));
2948
3143
  opacity: 1; }
3144
+ .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,
3145
+ .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title {
3146
+ padding-left: calc(4 * var(--base-unit, 8px)); }
2949
3147
 
2950
3148
  .svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):focus,
2951
3149
  .svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):hover {
@@ -2974,12 +3172,16 @@ svc-tabbed-menu-item {
2974
3172
  .svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed {
2975
3173
  opacity: 0.5; }
2976
3174
 
2977
- .svc-toolbox__item:focus {
2978
- outline: none !important; }
2979
-
2980
3175
  .svc-toolbox-popup .sv-list__item {
2981
3176
  padding: calc(1.5 * var(--base-unit, 8px)) calc(5 * var(--base-unit, 8px)); }
2982
3177
 
3178
+ .svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots), .svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover, .svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots), .svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover {
3179
+ color: var(--foreground, #161616);
3180
+ opacity: 0.5; }
3181
+ .svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots) .sv-svg-icon use, .svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover .sv-svg-icon use, .svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots) .sv-svg-icon use, .svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover .sv-svg-icon use {
3182
+ fill: var(--foreground, #161616);
3183
+ opacity: 0.5; }
3184
+
2983
3185
  /* latin */
2984
3186
  @font-face {
2985
3187
  font-family: "Open Sans";
@@ -3006,6 +3208,9 @@ svc-tabbed-menu-item {
3006
3208
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
3007
3209
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
3008
3210
 
3211
+ :root {
3212
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3213
+
3009
3214
  .svc-question__dropdown-choices {
3010
3215
  margin-top: calc(2 * var(--base-unit, 8px)); }
3011
3216
 
@@ -3039,9 +3244,13 @@ svc-tabbed-menu-item {
3039
3244
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
3040
3245
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
3041
3246
 
3247
+ :root {
3248
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3249
+
3042
3250
  svc-toolbox {
3043
3251
  display: flex;
3044
- flex-direction: column; }
3252
+ flex-direction: column;
3253
+ position: absolute; }
3045
3254
 
3046
3255
  .svc-toolbox {
3047
3256
  height: 100%;
@@ -3087,7 +3296,7 @@ svc-toolbox {
3087
3296
  cursor: pointer; }
3088
3297
 
3089
3298
  .svc-toolbox__category-title {
3090
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3299
+ font-family: var(--font-family);
3091
3300
  font-size: calc(1.5 * var(--base-unit, 8px));
3092
3301
  font-weight: bold;
3093
3302
  line-height: calc(2 * var(--base-unit, 8px));
@@ -3132,10 +3341,13 @@ svc-toolbox {
3132
3341
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
3133
3342
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
3134
3343
 
3344
+ :root {
3345
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3346
+
3135
3347
  .svc-side-bar__container {
3136
3348
  display: block;
3137
3349
  position: relative;
3138
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3350
+ font-family: var(--font-family);
3139
3351
  min-width: 370px;
3140
3352
  max-width: calc(118 * var(--base-unit, 8px));
3141
3353
  width: 450px;
@@ -3168,7 +3380,8 @@ svc-toolbox {
3168
3380
  flex-direction: column;
3169
3381
  align-items: flex-start;
3170
3382
  height: calc(100% - calc(8 * var(--base-unit, 8px)));
3171
- overflow-y: auto; }
3383
+ overflow-y: auto;
3384
+ background-color: var(--background, #fff); }
3172
3385
 
3173
3386
  .svc-side-bar__container-container {
3174
3387
  display: flex;
@@ -3213,14 +3426,14 @@ svc-toolbox {
3213
3426
  width: 0;
3214
3427
  overflow: visible; }
3215
3428
  .svc-flyout-side-bar .svc-side-bar__shadow {
3216
- z-index: 100;
3217
3429
  background-color: var(--foreground-light, #909090);
3218
3430
  opacity: 0.75;
3219
3431
  position: absolute;
3220
3432
  top: 0;
3221
3433
  bottom: 0;
3222
3434
  right: 0;
3223
- left: 0; }
3435
+ left: 0;
3436
+ z-index: 9000; }
3224
3437
  .svc-flyout-side-bar .svc-side-bar__wrapper {
3225
3438
  z-index: 10000;
3226
3439
  position: absolute;
@@ -3304,12 +3517,14 @@ svc-toolbox {
3304
3517
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
3305
3518
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
3306
3519
 
3520
+ :root {
3521
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3522
+
3307
3523
  .spg-question {
3308
3524
  display: flex;
3309
3525
  flex-direction: column;
3310
3526
  align-items: flex-start;
3311
- padding: 0px;
3312
- min-width: auto !important; }
3527
+ padding: 0px; }
3313
3528
 
3314
3529
  .spg-question__header {
3315
3530
  width: 100%; }
@@ -3320,7 +3535,7 @@ svc-toolbox {
3320
3535
  padding: calc(1 * var(--base-unit, 8px)) 0;
3321
3536
  line-height: calc(3 * var(--base-unit, 8px));
3322
3537
  font-size: calc(2 * var(--base-unit, 8px));
3323
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3538
+ font-family: var(--font-family);
3324
3539
  color: var(--foreground-light, #909090);
3325
3540
  font-weight: normal;
3326
3541
  box-sizing: border-box; }
@@ -3330,19 +3545,6 @@ svc-toolbox {
3330
3545
  color: var(--primary, #19b394);
3331
3546
  cursor: pointer; }
3332
3547
 
3333
- .spg-question-link__set-button {
3334
- font-weight: 600;
3335
- cursor: pointer; }
3336
-
3337
- .spg-link-value-button {
3338
- margin-left: calc(-2 * var(--base-unit, 8px)); }
3339
-
3340
- .spg-question-link__clear-button {
3341
- margin-left: calc(4 * var(--base-unit, 8px));
3342
- color: var(--red, #e60a3e);
3343
- font-weight: 600;
3344
- cursor: pointer; }
3345
-
3346
3548
  .spg-question__description {
3347
3549
  line-height: calc(3 * var(--base-unit, 8px));
3348
3550
  font-size: calc(2 * var(--base-unit, 8px));
@@ -3354,7 +3556,6 @@ svc-toolbox {
3354
3556
 
3355
3557
  .spg-question--location--left {
3356
3558
  flex-direction: row;
3357
- padding-right: 0 !important;
3358
3559
  background: var(--background, #fff);
3359
3560
  border: 1px solid var(--border, #d6d6d6);
3360
3561
  line-height: calc(6 * var(--base-unit, 8px));
@@ -3376,7 +3577,6 @@ svc-toolbox {
3376
3577
  .spg-row--multiple {
3377
3578
  display: flex;
3378
3579
  gap: calc(1 * var(--base-unit, 8px));
3379
- margin-top: calc(1 * var(--base-unit, 8px)) !important;
3380
3580
  overflow: hidden; }
3381
3581
 
3382
3582
  .spg-input {
@@ -3398,18 +3598,24 @@ svc-toolbox {
3398
3598
  color: var(--foreground-light, #909090); }
3399
3599
 
3400
3600
  .spg-input:focus {
3401
- border: 1px solid var(--primary, #19b394); }
3601
+ border: 2px solid var(--primary, #19b394); }
3402
3602
 
3403
3603
  .spg-input:disabled,
3404
3604
  .spg-input:disabled::placeholder {
3405
3605
  color: var(--foreground-disabled, rgba(22, 22, 22, 0.16)); }
3406
3606
 
3607
+ .spg-input[type="color"] {
3608
+ padding-left: 0;
3609
+ padding-right: 0;
3610
+ min-width: calc(8 * var(--base-unit, 8px)); }
3611
+
3407
3612
  .spg-dropdown {
3408
3613
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5L10 0H0L5 5Z' fill='%23909090'/%3E%3C/svg%3E%0A");
3409
3614
  background-repeat: no-repeat, repeat;
3410
3615
  background-position: right calc(2.5 * var(--base-unit, 8px)) top 50%, 0 0;
3411
3616
  background-size: 10px 5px;
3412
- padding-right: calc(5.5 * var(--base-unit, 8px)); }
3617
+ padding-right: calc(5.5 * var(--base-unit, 8px));
3618
+ border-radius: 0; }
3413
3619
 
3414
3620
  .spg-comment {
3415
3621
  -webkit-appearance: none;
@@ -3423,17 +3629,19 @@ svc-toolbox {
3423
3629
  border: 1px solid var(--border-inside, rgba(0, 0, 0, 0.16));
3424
3630
  padding: calc(1.5 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
3425
3631
  outline: none;
3426
- font-size: calc(2 * var(--base-unit, 8px));
3427
3632
  color: var(--foreground, #161616);
3428
3633
  max-width: 100%;
3429
3634
  min-width: calc(6 * var(--base-unit, 8px));
3430
- min-height: calc(6 * var(--base-unit, 8px)); }
3635
+ min-height: calc(6 * var(--base-unit, 8px));
3636
+ font-family: var(--font-family);
3637
+ font-size: calc(2 * var(--base-unit, 8px));
3638
+ line-height: calc(3 * var(--base-unit, 8px)); }
3431
3639
 
3432
3640
  .spg-comment::placeholder {
3433
3641
  color: var(--foreground-light, #909090); }
3434
3642
 
3435
3643
  .spg-comment:focus {
3436
- border: 1px solid var(--primary, #19b394); }
3644
+ border: 2px solid var(--primary, #19b394); }
3437
3645
 
3438
3646
  .spg-comment:disabled,
3439
3647
  .spg-comment:disabled::placeholder {
@@ -3451,29 +3659,25 @@ svc-toolbox {
3451
3659
  color: var(--foreground-light, #909090);
3452
3660
  cursor: pointer;
3453
3661
  text-align: left;
3454
- background: var(--background, #fff);
3662
+ background-color: var(--background, #fff);
3455
3663
  box-shadow: inset 0px -1px 0px var(--border, #d6d6d6);
3456
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3664
+ font-family: var(--font-family);
3457
3665
  font-size: calc(2 * var(--base-unit, 8px));
3458
3666
  font-weight: 400;
3459
3667
  margin: 0; }
3460
3668
 
3461
3669
  .spg-panel__title:disabled,
3462
3670
  .spg-panel__title:disabled:hover {
3463
- background-color: var(--background, #fff);
3464
3671
  color: var(--foreground-disabled, rgba(22, 22, 22, 0.16));
3465
3672
  cursor: default; }
3466
3673
 
3467
- .spg-panel__title--expandable:hover {
3468
- background-color: var(--background-dim, #f3f3f3);
3469
- color: var(--foreground-light, #909090);
3470
- font-weight: 400; }
3674
+ .spg-panel__title--expandable:not(.spg-panel__title[aria-expanded=true]):hover, .spg-panel__title--expandable:not(.spg-panel__title[aria-expanded=true]):focus {
3675
+ background-color: var(--background-dim, #f3f3f3); }
3471
3676
 
3472
- .spg-panel__title--expanded,
3473
- .spg-panel__title--expanded:hover {
3677
+ .spg-panel__title[aria-expanded=true],
3678
+ .spg-panel__title--expanded {
3474
3679
  color: var(--foreground, #161616);
3475
- font-weight: 600;
3476
- background-color: var(--background, #fff); }
3680
+ font-weight: 600; }
3477
3681
 
3478
3682
  .spg-panel__content {
3479
3683
  display: flex;
@@ -3489,16 +3693,17 @@ svc-toolbox {
3489
3693
  width: 100%;
3490
3694
  margin-top: calc(2 * var(--base-unit, 8px)); }
3491
3695
 
3696
+ .spg-panel__content .spg-row--multiple {
3697
+ margin-top: calc(1 * var(--base-unit, 8px)); }
3698
+
3492
3699
  .sv-mobile-side-bar .spg-panel__content {
3493
3700
  padding: 0 calc(2 * var(--base-unit, 8px)) calc(5 * var(--base-unit, 8px)); }
3494
3701
 
3495
3702
  .spg-checkbox {
3496
3703
  cursor: pointer;
3497
3704
  display: flex;
3498
- align-items: center; }
3499
-
3500
- .spg-checkbox:focus-within {
3501
- outline: 1px dotted var(--primary, #19b394); }
3705
+ align-items: center;
3706
+ margin-top: calc(1 * var(--base-unit, 8px)); }
3502
3707
 
3503
3708
  .spg-checkbox--disabled {
3504
3709
  cursor: default; }
@@ -3506,7 +3711,7 @@ svc-toolbox {
3506
3711
  cursor: default; }
3507
3712
 
3508
3713
  .spg-checkbox__caption {
3509
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3714
+ font-family: var(--font-family);
3510
3715
  font-size: calc(2 * var(--base-unit, 8px));
3511
3716
  color: var(--foreground, #161616);
3512
3717
  margin-left: calc(1 * var(--base-unit, 8px)); }
@@ -3518,7 +3723,12 @@ svc-toolbox {
3518
3723
  width: calc(3 * var(--base-unit, 8px));
3519
3724
  height: calc(3 * var(--base-unit, 8px));
3520
3725
  flex-shrink: 0;
3521
- padding: calc(0.5 * var(--base-unit, 8px)); }
3726
+ padding: 4px 3px; }
3727
+ .spg-checkbox__rectangle:hover, .spg-checkbox__rectangle:focus {
3728
+ background-color: var(--background-dim, #f3f3f3); }
3729
+
3730
+ .spg-checkbox__control:focus + .spg-checkbox__rectangle {
3731
+ background-color: var(--background-dim, #f3f3f3); }
3522
3732
 
3523
3733
  .spg-checkbox--checked .spg-checkbox__rectangle:after {
3524
3734
  display: block;
@@ -3551,9 +3761,6 @@ svc-toolbox {
3551
3761
  .spg-selectbase__item {
3552
3762
  margin-bottom: calc(2 * var(--base-unit, 8px)); }
3553
3763
 
3554
- .spg-matrixdynamic__add-btn {
3555
- display: none; }
3556
-
3557
3764
  .spg-matrixdynamic__drag-element {
3558
3765
  padding: calc(2 * var(--base-unit, 8px)); }
3559
3766
  .spg-matrixdynamic__drag-element:hover {
@@ -3586,6 +3793,35 @@ svc-toolbox {
3586
3793
  .spg-matrixdynamic__drag-drop-ghost-position-bottom::after {
3587
3794
  bottom: 0; }
3588
3795
 
3796
+ .spg-matrixdynamic__placeholder {
3797
+ padding: calc(6 * var(--base-unit, 8px)) 0;
3798
+ display: flex;
3799
+ flex-direction: column;
3800
+ justify-content: center;
3801
+ align-items: center;
3802
+ background: var(--background, #fff);
3803
+ border: 1px solid var(--border, #d6d6d6);
3804
+ box-sizing: border-box; }
3805
+ .spg-matrixdynamic__placeholder .spg-matrixdynamic__add-btn {
3806
+ display: initial; }
3807
+
3808
+ .spg-matrixdynamic__placeholder-text {
3809
+ font-size: calc(2 * var(--base-unit, 8px));
3810
+ line-height: calc(3 * var(--base-unit, 8px));
3811
+ color: var(--foreground-light, #909090); }
3812
+
3813
+ .spg-matrixdynamic__add-btn {
3814
+ display: none;
3815
+ appearance: none;
3816
+ border: none;
3817
+ margin-top: calc(0.5 * var(--base-unit, 8px));
3818
+ background: transparent;
3819
+ color: var(--primary, #19b394);
3820
+ font-family: var(--font-family);
3821
+ font-size: calc(2 * var(--base-unit, 8px));
3822
+ font-weight: 600;
3823
+ line-height: calc(3 * var(--base-unit, 8px)); }
3824
+
3589
3825
  .spg-table {
3590
3826
  width: 100%;
3591
3827
  background-color: var(--background, #fff);
@@ -3612,6 +3848,8 @@ svc-toolbox {
3612
3848
  background-color: transparent;
3613
3849
  padding: calc(1.5 * var(--base-unit, 8px)) 0;
3614
3850
  padding-right: calc(2 * var(--base-unit, 8px)); }
3851
+ .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-text[type="color"] {
3852
+ padding-right: 0; }
3615
3853
 
3616
3854
  .spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text {
3617
3855
  padding-left: calc(2 * var(--base-unit, 8px)); }
@@ -3629,16 +3867,20 @@ svc-toolbox {
3629
3867
 
3630
3868
  .spg-table__cell--header {
3631
3869
  font-size: calc(1.5 * var(--base-unit, 8px));
3632
- font-weight: 600;
3633
- padding: calc(1 * var(--base-unit, 8px)) 0 calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
3870
+ font-weight: normal;
3634
3871
  color: var(--foreground-light, #909090);
3635
- line-height: calc(2 * var(--base-unit, 8px));
3636
- box-shadow: 0px 1px 0px var(--border, #d6d6d6);
3872
+ line-height: calc(3 * var(--base-unit, 8px));
3637
3873
  background: var(--background-dim, #f3f3f3);
3638
- text-align: left; }
3874
+ text-align: left;
3875
+ white-space: nowrap;
3876
+ text-overflow: ellipsis;
3877
+ overflow: hidden;
3878
+ max-width: 100px; }
3639
3879
 
3640
3880
  .spg-root-modern {
3641
- width: 100%; }
3881
+ width: 100%;
3882
+ border-right: 1px solid var(--border, #d6d6d6);
3883
+ box-sizing: border-box; }
3642
3884
 
3643
3885
  .sv-popup--modal {
3644
3886
  padding: calc(4 * var(--base-unit, 8px)); }
@@ -3670,21 +3912,52 @@ svc-toolbox {
3670
3912
  .spg-table__cell .sv-action-bar {
3671
3913
  padding-left: 0; }
3672
3914
 
3673
- survey-creator .spg-action-button .sv-action-bar-item, .svc-creator .spg-action-button .sv-action-bar-item {
3674
- border-radius: 50%;
3915
+ survey-creator button.spg-action-button,
3916
+ survey-creator .spg-action-button .sv-action-bar-item,
3917
+ .svc-creator button.spg-action-button,
3918
+ .svc-creator .spg-action-button .sv-action-bar-item {
3919
+ border-radius: calc(12.5 * var(--base-unit, 8px));
3675
3920
  padding: calc(1 * var(--base-unit, 8px));
3676
3921
  cursor: pointer; }
3677
- survey-creator .spg-action-button .sv-action-bar-item:hover, survey-creator .spg-action-button .sv-action-bar-item:focus, .svc-creator .spg-action-button .sv-action-bar-item:hover, .svc-creator .spg-action-button .sv-action-bar-item:focus {
3922
+ survey-creator button.spg-action-button:hover, survey-creator button.spg-action-button:focus,
3923
+ survey-creator .spg-action-button .sv-action-bar-item:hover,
3924
+ survey-creator .spg-action-button .sv-action-bar-item:focus,
3925
+ .svc-creator button.spg-action-button:hover,
3926
+ .svc-creator button.spg-action-button:focus,
3927
+ .svc-creator .spg-action-button .sv-action-bar-item:hover,
3928
+ .svc-creator .spg-action-button .sv-action-bar-item:focus {
3678
3929
  outline: none;
3679
3930
  background-color: var(--primary-light, rgba(25, 179, 148, 0.1)); }
3680
- survey-creator .spg-action-button .sv-action-bar-item:hover use, survey-creator .spg-action-button .sv-action-bar-item:focus use, .svc-creator .spg-action-button .sv-action-bar-item:hover use, .svc-creator .spg-action-button .sv-action-bar-item:focus use {
3931
+ survey-creator button.spg-action-button:hover use, survey-creator button.spg-action-button:focus use,
3932
+ survey-creator .spg-action-button .sv-action-bar-item:hover use,
3933
+ survey-creator .spg-action-button .sv-action-bar-item:focus use,
3934
+ .svc-creator button.spg-action-button:hover use,
3935
+ .svc-creator button.spg-action-button:focus use,
3936
+ .svc-creator .spg-action-button .sv-action-bar-item:hover use,
3937
+ .svc-creator .spg-action-button .sv-action-bar-item:focus use {
3681
3938
  fill: var(--primary, #19b394); }
3682
3939
 
3683
- survey-creator .spg-action-button--danger .sv-action-bar-item:hover, survey-creator .spg-action-button--danger .sv-action-bar-item:focus, .svc-creator .spg-action-button--danger .sv-action-bar-item:hover, .svc-creator .spg-action-button--danger .sv-action-bar-item:focus {
3940
+ survey-creator button.spg-action-button--danger:hover, survey-creator button.spg-action-button--danger:focus,
3941
+ survey-creator .spg-action-button--danger .sv-action-bar-item:hover,
3942
+ survey-creator .spg-action-button--danger .sv-action-bar-item:focus,
3943
+ .svc-creator button.spg-action-button--danger:hover,
3944
+ .svc-creator button.spg-action-button--danger:focus,
3945
+ .svc-creator .spg-action-button--danger .sv-action-bar-item:hover,
3946
+ .svc-creator .spg-action-button--danger .sv-action-bar-item:focus {
3684
3947
  background-color: var(--red-light, rgba(230, 10, 62, 0.1)); }
3685
- survey-creator .spg-action-button--danger .sv-action-bar-item:hover use, survey-creator .spg-action-button--danger .sv-action-bar-item:focus use, .svc-creator .spg-action-button--danger .sv-action-bar-item:hover use, .svc-creator .spg-action-button--danger .sv-action-bar-item:focus use {
3948
+ survey-creator button.spg-action-button--danger:hover use, survey-creator button.spg-action-button--danger:focus use,
3949
+ survey-creator .spg-action-button--danger .sv-action-bar-item:hover use,
3950
+ survey-creator .spg-action-button--danger .sv-action-bar-item:focus use,
3951
+ .svc-creator button.spg-action-button--danger:hover use,
3952
+ .svc-creator button.spg-action-button--danger:focus use,
3953
+ .svc-creator .spg-action-button--danger .sv-action-bar-item:hover use,
3954
+ .svc-creator .spg-action-button--danger .sv-action-bar-item:focus use {
3686
3955
  fill: var(--red, #e60a3e); }
3687
3956
 
3957
+ survey-creator button.spg-action-button--large,
3958
+ .svc-creator button.spg-action-button--large {
3959
+ padding: calc(0.5 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)); }
3960
+
3688
3961
  /* latin */
3689
3962
  @font-face {
3690
3963
  font-family: "Open Sans";
@@ -3711,8 +3984,11 @@ survey-creator .spg-action-button--danger .sv-action-bar-item:hover, survey-crea
3711
3984
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
3712
3985
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
3713
3986
 
3987
+ :root {
3988
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3989
+
3714
3990
  .svc-text {
3715
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3991
+ font-family: var(--font-family);
3716
3992
  font-style: normal;
3717
3993
  font-weight: normal;
3718
3994
  color: var(--foreground, #161616); }
@@ -3754,6 +4030,9 @@ survey-creator .spg-action-button--danger .sv-action-bar-item:hover, survey-crea
3754
4030
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
3755
4031
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
3756
4032
 
4033
+ :root {
4034
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
4035
+
3757
4036
  .svc-flex-container {
3758
4037
  display: flex; }
3759
4038