survey-creator-react 1.9.2-beta.1 → 1.9.6-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.
@@ -1,12 +1,12 @@
1
1
  /*!
2
- * SurveyJS Creator React v1.9.2-beta.1
3
- * (c) 2015-2021 Devsoft Baltic OÜ - http://surveyjs.io/
2
+ * SurveyJS Creator React v1.9.6-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.2-beta.1
9
- * (c) 2015-2021 Devsoft Baltic OÜ - http://surveyjs.io/
8
+ * SurveyJS Creator v1.9.6-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; }
369
383
 
370
- .sl-table__row #remove-row .sv-action-bar-item__icon use {
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); }
399
+
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));
@@ -626,6 +667,9 @@ svc-tab-test {
626
667
  .st-table__cell:first-child span {
627
668
  padding-left: calc(3 * var(--base-unit, 8px)); }
628
669
 
670
+ .st-panel-indent .st-table__cell:first-child span {
671
+ padding-left: calc(6 * var(--base-unit, 8px)); }
672
+
629
673
  .st-table {
630
674
  width: 100%;
631
675
  table-layout: fixed;
@@ -633,12 +677,13 @@ svc-tab-test {
633
677
  border-spacing: 0; }
634
678
 
635
679
  .st-comment {
636
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
680
+ font-family: var(--font-family);
637
681
  font-style: normal;
638
682
  font-size: calc(2 * var(--base-unit, 8px));
639
683
  line-height: calc(3 * var(--base-unit, 8px));
640
684
  width: calc(100% - 3 * var(--base-unit, 8px));
641
685
  border: unset;
686
+ outline: none;
642
687
  background-color: #ffffff;
643
688
  resize: none;
644
689
  padding: 0;
@@ -674,6 +719,9 @@ svc-tab-test {
674
719
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
675
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; }
676
721
 
722
+ :root {
723
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
724
+
677
725
  .svc-tab-logic-edit {
678
726
  width: 100%;
679
727
  height: 100%;
@@ -699,16 +747,22 @@ svc-tab-test {
699
747
  border-top: 1px solid var(--border, #d6d6d6);
700
748
  width: 100%; }
701
749
 
750
+ .svc-logic-paneldynamic div.svc-logic-operator {
751
+ height: calc(3 * var(--base-unit, 8px)); }
752
+
702
753
  .svc-logic-paneldynamic .svc-logic-operator {
754
+ -webkit-appearance: none;
703
755
  appearance: none;
704
756
  padding: calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
705
757
  border-radius: calc(12.5 * var(--base-unit, 8px));
706
758
  border: none;
707
759
  outline: none;
708
760
  font-weight: 600;
709
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
761
+ font-family: var(--font-family);
710
762
  font-size: calc(2 * var(--base-unit, 8px));
711
- 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)); }
712
766
  .svc-logic-paneldynamic .svc-logic-operator option {
713
767
  background: var(--background, #fff);
714
768
  color: var(--foreground, #161616); }
@@ -719,17 +773,30 @@ svc-tab-test {
719
773
  .svc-logic-question--answered .svc-logic-operator {
720
774
  color: var(--foreground, #161616); }
721
775
 
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; }
780
+
722
781
  .svc-logic-operator.svc-logic-operator--conjunction {
723
782
  background-color: var(--primary-light, rgba(25, 179, 148, 0.1)); }
783
+ .svc-logic-operator.svc-logic-operator--conjunction:hover, .svc-logic-operator.svc-logic-operator--conjunction:focus {
784
+ background-color: var(--primary, #19b394); }
724
785
 
725
786
  .svc-logic-operator.svc-logic-operator--question {
726
787
  background-color: var(--blue-light, rgba(67, 127, 217, 0.1)); }
788
+ .svc-logic-operator.svc-logic-operator--question:hover, .svc-logic-operator.svc-logic-operator--question:focus {
789
+ background-color: var(--blue, #437FD9); }
727
790
 
728
791
  .svc-logic-operator.svc-logic-operator--operator {
729
- background-color: var(--secondary-light, rgba(255, 152, 20, 0.25)); }
792
+ background-color: var(--secondary-back-light, rgba(255, 152, 20, 0.1)); }
793
+ .svc-logic-operator.svc-logic-operator--operator:hover, .svc-logic-operator.svc-logic-operator--operator:focus {
794
+ background-color: var(--secondary, #ff9814); }
730
795
 
731
796
  .svc-logic-operator.svc-logic-operator--action {
732
797
  background-color: var(--red-light, rgba(230, 10, 62, 0.1)); }
798
+ .svc-logic-operator.svc-logic-operator--action:hover, .svc-logic-operator.svc-logic-operator--action:focus {
799
+ background-color: var(--red, #e60a3e); }
733
800
 
734
801
  .svc-logic-operator.svc-logic-operator--error {
735
802
  background-color: var(--background, #fff);
@@ -742,61 +809,53 @@ svc-tab-test {
742
809
  .svc-logic-paneldynamic .sd-paneldynamic__separator {
743
810
  display: none; }
744
811
 
745
- .svc-icon-remove {
812
+ .svc-action-button.svc-logic-condition-remove.svc-icon-remove:focus {
813
+ outline: none; }
814
+
815
+ .svc-logic-condition-remove.svc-icon-remove {
746
816
  display: block;
747
- width: calc(2.5 * var(--base-unit, 8px));
748
- height: 22px;
817
+ width: calc(5 * var(--base-unit, 8px));
818
+ height: calc(5 * var(--base-unit, 8px));
749
819
  background-repeat: no-repeat;
750
- 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"); }
820
+ 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");
821
+ background-size: calc(3 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));
822
+ background-position: center; }
751
823
 
752
- .svc-logic-paneldynamic .svc-logic-paneldynamic__button-remove-text {
753
- display: none; }
824
+ .svc-logic-condition-remove.svc-icon-remove:hover,
825
+ .svc-logic-condition-remove.svc-icon-remove:focus {
826
+ background-color: var(--red-light, rgba(230, 10, 62, 0.1)); }
754
827
 
755
- .svc-logic-paneldynamic .svc-logic-paneldynamic__button {
756
- background: none;
757
- box-shadow: none;
758
- appearance: none;
759
- border: none;
760
- padding: 0;
761
- margin: calc(0.5 * var(--base-unit, 8px)); }
828
+ .svc-logic-condition-remove-question {
829
+ height: calc(5 * var(--base-unit, 8px)); }
762
830
 
763
- .svc-question-wrapper {
764
- max-width: initial !important;
765
- min-width: initial !important;
766
- width: initial !important;
767
- flex: initial !important; }
831
+ .svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {
832
+ display: none; }
768
833
 
769
- .svc-question-wrapper .sv-title-actions__title {
770
- max-width: none; }
834
+ .svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {
835
+ display: none; }
771
836
 
772
837
  .svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn,
773
838
  .svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn {
774
839
  color: var(--foreground-light, #909090); }
840
+ .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,
841
+ .svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:hover,
842
+ .svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:focus {
843
+ color: var(--background, #fff); }
775
844
 
776
845
  .svc-logic-tab__content.svc-logic-tab__empty {
777
846
  flex-direction: column;
778
847
  display: flex;
779
848
  align-items: center;
780
- justify-content: center; }
849
+ position: absolute;
850
+ top: 35%; }
781
851
  .svc-logic-tab__content.svc-logic-tab__empty .svc-logic-tab__content-action {
782
- width: calc(40 * var(--base-unit, 8px));
852
+ width: calc(33 * var(--base-unit, 8px));
783
853
  margin-top: calc(4 * var(--base-unit, 8px)); }
784
854
 
785
855
  .svc-logic-tab__content .svc-logic-tab__content-action {
786
- display: flex;
787
- align-items: center;
788
- width: 50%;
789
856
  margin-left: 25%;
790
857
  margin-right: 25%;
791
- height: calc(7 * var(--base-unit, 8px));
792
- line-height: calc(7 * var(--base-unit, 8px));
793
- vertical-align: baseline;
794
- text-align: center;
795
- background-color: var(--background, #fff);
796
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
797
- border-radius: calc(0.5 * var(--base-unit, 8px));
798
- cursor: pointer;
799
- user-select: none; }
858
+ margin-bottom: calc(8 * var(--base-unit, 8px)); }
800
859
 
801
860
  .svc-logic-tab__content .svc-logic-tab__content-action--disabled {
802
861
  cursor: default;
@@ -804,19 +863,12 @@ svc-tab-test {
804
863
  .svc-logic-tab__content .svc-logic-tab__content-action--disabled:hover {
805
864
  background-color: var(--background, #fff); }
806
865
 
807
- .svc-logic-tab__content .svc-logic-tab__content-action .svc-text {
808
- color: var(--primary, #19b394);
809
- display: flex;
810
- align-items: center;
811
- flex-grow: 1;
812
- justify-content: center; }
813
-
814
866
  .svc-logic-tab__content .sd-paneldynamic__panel-wrapper--in-row {
815
867
  margin-top: 0;
816
868
  align-items: start; }
817
869
 
818
870
  .svc-logic-paneldynamic {
819
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
871
+ font-family: var(--font-family); }
820
872
  .svc-logic-paneldynamic .sd-row--multiple {
821
873
  padding: 0;
822
874
  background: none;
@@ -871,6 +923,9 @@ svc-tab-test {
871
923
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
872
924
  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; }
873
925
 
926
+ :root {
927
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
928
+
874
929
  .svc-notifier {
875
930
  position: absolute;
876
931
  bottom: calc(1 * var(--base-unit, 8px));
@@ -883,7 +938,7 @@ svc-tab-test {
883
938
  color: var(--foreground, #161616);
884
939
  min-width: calc(30 * var(--base-unit, 8px));
885
940
  text-align: center;
886
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
941
+ font-family: var(--font-family);
887
942
  font-style: normal;
888
943
  font-weight: 600;
889
944
  font-size: calc(1.5 * var(--base-unit, 8px));
@@ -891,7 +946,8 @@ svc-tab-test {
891
946
 
892
947
  .svc-notifier.svc-notifier--error {
893
948
  background-color: var(--red, #e60a3e);
894
- color: white; }
949
+ color: var(--background, #fff);
950
+ opacity: 1; }
895
951
 
896
952
  /* latin */
897
953
  @font-face {
@@ -919,6 +975,9 @@ svc-tab-test {
919
975
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
920
976
  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; }
921
977
 
978
+ :root {
979
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
980
+
922
981
  svc-tab-designer {
923
982
  width: 100%;
924
983
  height: 100%;
@@ -968,12 +1027,22 @@ svc-tab-designer {
968
1027
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
969
1028
  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; }
970
1029
 
1030
+ :root {
1031
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1032
+
971
1033
  .svc-creator--mobile .sd-question__content .sd-selectbase__column {
972
1034
  max-width: initial;
973
1035
  display: block; }
974
1036
  .svc-creator--mobile .sd-question__content .sd-selectbase__column .svc-item-value-wrapper {
975
1037
  margin-left: calc(0 * var(--base-unit, 8px)); }
976
1038
 
1039
+ .svc-creator--mobile .svc-rating-question-controls {
1040
+ bottom: calc(5 * var(--base-unit, 8px));
1041
+ left: calc(3 * var(--base-unit, 8px)); }
1042
+
1043
+ .svc-creator--mobile .svc-question__content--selected .svc-rating-question-controls {
1044
+ bottom: calc(10 * var(--base-unit, 8px)); }
1045
+
977
1046
  .svc-creator--mobile .svc-page__content {
978
1047
  padding-left: 0;
979
1048
  padding-right: 0;
@@ -1044,23 +1113,38 @@ svc-tab-designer {
1044
1113
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1045
1114
  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; }
1046
1115
 
1116
+ :root {
1117
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1118
+
1047
1119
  survey-creator,
1048
1120
  .svc-creator {
1049
1121
  display: flex;
1050
1122
  width: 100%;
1051
- height: 100%; }
1123
+ height: 100%;
1124
+ position: relative;
1125
+ z-index: 0; }
1052
1126
  survey-creator *,
1053
1127
  .svc-creator * {
1054
1128
  scrollbar-width: thin;
1055
- scrollbar-color: var(--primary-light, rgba(25, 179, 148, 0.1)) var(--background-dim, #f3f3f3); }
1129
+ scrollbar-color: var(--border, #d6d6d6) transparent; }
1056
1130
  survey-creator ::-webkit-scrollbar,
1057
1131
  .svc-creator ::-webkit-scrollbar {
1058
- height: 6px;
1059
- width: 6px;
1060
- background-color: var(--background-dim, #f3f3f3); }
1132
+ width: 12px;
1133
+ height: 12px;
1134
+ background-color: transparent; }
1061
1135
  survey-creator ::-webkit-scrollbar-thumb,
1062
1136
  .svc-creator ::-webkit-scrollbar-thumb {
1063
- background: var(--primary-light, rgba(25, 179, 148, 0.1)); }
1137
+ border: 4px solid rgba(0, 0, 0, 0);
1138
+ background-clip: padding-box;
1139
+ border-radius: 32px;
1140
+ background-color: var(--border, #d6d6d6); }
1141
+ survey-creator ::-webkit-scrollbar-track,
1142
+ .svc-creator ::-webkit-scrollbar-track {
1143
+ background: transparent; }
1144
+ survey-creator ::-webkit-scrollbar-thumb:hover,
1145
+ .svc-creator ::-webkit-scrollbar-thumb:hover {
1146
+ border: 2px solid rgba(0, 0, 0, 0);
1147
+ background-color: var(--foreground-light, #909090); }
1064
1148
 
1065
1149
  .svc-creator__area {
1066
1150
  position: relative;
@@ -1128,7 +1212,7 @@ survey-creator,
1128
1212
 
1129
1213
  .svc-creator__non-commercial-text {
1130
1214
  color: var(--primary-foreground, #fff);
1131
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
1215
+ font-family: var(--font-family);
1132
1216
  font-weight: bold;
1133
1217
  font-size: calc(2 * var(--base-unit, 8px));
1134
1218
  text-transform: uppercase;
@@ -1152,35 +1236,6 @@ survey-creator,
1152
1236
  top: initial;
1153
1237
  bottom: calc(-0.5 * var(--base-unit, 8px)); }
1154
1238
 
1155
- survey-creator .svc-tabbed-menu-item--selected:not(button):focus,
1156
- .svc-creator .svc-tabbed-menu-item--selected:not(button):focus,
1157
- .sv-popup .svc-tabbed-menu-item--selected:not(button):focus {
1158
- outline: none; }
1159
-
1160
- survey-creator .sv-action-bar-item:not(button):focus,
1161
- survey-creator *:not(button):focus,
1162
- survey-creator .svc-page__question-type-selector:focus,
1163
- .svc-creator .sv-action-bar-item:not(button):focus,
1164
- .svc-creator *:not(button):focus,
1165
- .svc-creator .svc-page__question-type-selector:focus,
1166
- .sv-popup .sv-action-bar-item:not(button):focus,
1167
- .sv-popup *:not(button):focus,
1168
- .sv-popup .svc-page__question-type-selector:focus {
1169
- outline: 1px dotted var(--primary, #19b394); }
1170
-
1171
- survey-creator button.sv-action-bar-item:focus,
1172
- survey-creator .sv-button-group__item:focus-within,
1173
- .svc-creator button.sv-action-bar-item:focus,
1174
- .svc-creator .sv-button-group__item:focus-within,
1175
- .sv-popup button.sv-action-bar-item:focus,
1176
- .sv-popup .sv-button-group__item:focus-within {
1177
- outline: 1px dotted var(--primary, #19b394); }
1178
-
1179
- survey-creator .sd-table__cell--header .svc-matrix-cell,
1180
- .svc-creator .sd-table__cell--header .svc-matrix-cell,
1181
- .sv-popup .sd-table__cell--header .svc-matrix-cell {
1182
- outline: none; }
1183
-
1184
1239
  /* latin */
1185
1240
  @font-face {
1186
1241
  font-family: "Open Sans";
@@ -1207,6 +1262,9 @@ survey-creator .sd-table__cell--header .svc-matrix-cell,
1207
1262
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1208
1263
  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; }
1209
1264
 
1265
+ :root {
1266
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1267
+
1210
1268
  .svc-string-editor {
1211
1269
  position: static; }
1212
1270
  .svc-string-editor .sv-string-editor {
@@ -1319,11 +1377,6 @@ survey-creator .sd-table__cell--header .svc-matrix-cell,
1319
1377
  .sd-table__cell:first-child .svc-string-editor {
1320
1378
  margin-left: calc(1 * var(--base-unit, 8px)); }
1321
1379
 
1322
- survey-creator .svc-string-editor *:not(button):focus,
1323
- .svc-creator .svc-string-editor *:not(button):focus,
1324
- .sv-popup .svc-string-editor *:not(button):focus {
1325
- outline: none; }
1326
-
1327
1380
  /* latin */
1328
1381
  @font-face {
1329
1382
  font-family: "Open Sans";
@@ -1350,6 +1403,31 @@ survey-creator .svc-string-editor *:not(button):focus,
1350
1403
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1351
1404
  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; }
1352
1405
 
1406
+ :root {
1407
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1408
+
1409
+ .svc-btn {
1410
+ display: flex;
1411
+ align-items: center;
1412
+ height: calc(7 * var(--base-unit, 8px));
1413
+ line-height: calc(7 * var(--base-unit, 8px));
1414
+ vertical-align: baseline;
1415
+ text-align: center;
1416
+ background-color: var(--background, #fff);
1417
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
1418
+ border-radius: calc(0.5 * var(--base-unit, 8px));
1419
+ cursor: pointer;
1420
+ user-select: none;
1421
+ outline-color: var(--primary, #19b394); }
1422
+ .svc-btn:hover {
1423
+ outline: calc(0.25 * var(--base-unit, 8px)) solid var(--primary, #19b394); }
1424
+ .svc-btn .svc-text {
1425
+ display: flex;
1426
+ align-items: center;
1427
+ flex-grow: 1;
1428
+ justify-content: center;
1429
+ color: var(--primary, #19b394); }
1430
+
1353
1431
  .svc-action-button {
1354
1432
  display: inline-block;
1355
1433
  padding: calc(0.5 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
@@ -1362,7 +1440,8 @@ survey-creator .svc-string-editor *:not(button):focus,
1362
1440
  border: calc(0.25 * var(--base-unit, 8px)) solid transparent; }
1363
1441
 
1364
1442
  .svc-action-button:focus, .svc-action-button:hover {
1365
- background: rgba(25, 179, 148, 0.1); }
1443
+ background-color: var(--primary-light, rgba(25, 179, 148, 0.1));
1444
+ outline: none; }
1366
1445
 
1367
1446
  .svc-action-button--selected {
1368
1447
  border-color: var(--primary, #19b394); }
@@ -1397,6 +1476,9 @@ survey-creator .svc-string-editor *:not(button):focus,
1397
1476
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1398
1477
  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; }
1399
1478
 
1479
+ :root {
1480
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1481
+
1400
1482
  svc-page-navigator,
1401
1483
  .svc-page-navigator {
1402
1484
  display: flex;
@@ -1479,6 +1561,9 @@ survey-creator .svc-page-navigator__selector:hover, survey-creator .svc-page-nav
1479
1561
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1480
1562
  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; }
1481
1563
 
1564
+ :root {
1565
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1566
+
1482
1567
  svc-page-navigator-item,
1483
1568
  .svc-page-navigator-item {
1484
1569
  display: block;
@@ -1491,6 +1576,8 @@ svc-page-navigator-item,
1491
1576
  .svc-page-navigator-item-content {
1492
1577
  height: 100%;
1493
1578
  width: 100%; }
1579
+ .svc-page-navigator-item-content:hover, .svc-page-navigator-item-content:focus {
1580
+ outline: none; }
1494
1581
 
1495
1582
  .svc-page-navigator-item__dot {
1496
1583
  box-sizing: content-box;
@@ -1511,12 +1598,12 @@ svc-page-navigator-item,
1511
1598
  border: calc(0.25 * var(--base-unit, 8px)) solid var(--primary, #19b394); }
1512
1599
 
1513
1600
  .svc-page-navigator-item__banner {
1601
+ overflow: hidden;
1602
+ white-space: nowrap;
1603
+ text-overflow: ellipsis;
1514
1604
  right: calc(0.5 * var(--base-unit, 8px));
1515
1605
  display: block;
1516
- white-space: nowrap;
1517
1606
  line-height: calc(4 * var(--base-unit, 8px));
1518
- overflow: hidden;
1519
- text-overflow: ellipsis;
1520
1607
  animation: 0.5s ease-in;
1521
1608
  padding: 0;
1522
1609
  opacity: 0; }
@@ -1539,14 +1626,11 @@ svc-page-navigator-item,
1539
1626
  border: none;
1540
1627
  background: var(--primary, #19b394); }
1541
1628
 
1542
- .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover,
1543
- .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus {
1544
- outline: none; }
1545
- .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,
1546
- .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner {
1547
- padding: 0 calc(4.5 * var(--base-unit, 8px)) 0 calc(2.5 * var(--base-unit, 8px));
1548
- max-width: calc(25 * var(--base-unit, 8px));
1549
- opacity: 1; }
1629
+ .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,
1630
+ .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner {
1631
+ padding: 0 calc(4.5 * var(--base-unit, 8px)) 0 calc(2.5 * var(--base-unit, 8px));
1632
+ max-width: calc(25 * var(--base-unit, 8px));
1633
+ opacity: 1; }
1550
1634
 
1551
1635
  .svc-creator__toolbox--right .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,
1552
1636
  .svc-creator__toolbox--right .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner {
@@ -1581,6 +1665,9 @@ svc-page-navigator-item,
1581
1665
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1582
1666
  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; }
1583
1667
 
1668
+ :root {
1669
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1670
+
1584
1671
  svc-page {
1585
1672
  display: block; }
1586
1673
 
@@ -1593,7 +1680,8 @@ svc-page {
1593
1680
  position: relative;
1594
1681
  padding: calc(1 * var(--base-unit, 8px)) calc(1 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));
1595
1682
  box-sizing: border-box;
1596
- width: 100%; }
1683
+ width: 100%;
1684
+ outline: none; }
1597
1685
  .svc-page__content .sd-page {
1598
1686
  margin: 0;
1599
1687
  padding-top: calc(1 * var(--base-unit, 8px)); }
@@ -1602,7 +1690,8 @@ svc-page {
1602
1690
  position: absolute;
1603
1691
  display: none;
1604
1692
  top: calc(1 * var(--base-unit, 8px));
1605
- right: 0; }
1693
+ right: 0;
1694
+ z-index: 1; }
1606
1695
  .svc-page__content-actions .sv-action-bar {
1607
1696
  padding: 0 calc(1 * var(--base-unit, 8px)); }
1608
1697
  .svc-page__content-actions .sv-action-bar .sv-action-bar-item {
@@ -1616,43 +1705,29 @@ svc-page {
1616
1705
  .svc-page__content-actions .sv-action-bar .sv-action:not(:last-child) > .sv-action__content {
1617
1706
  padding-right: calc(1 * var(--base-unit, 8px)); }
1618
1707
 
1708
+ .svc-page__content:not(.svc-page__content--new):focus,
1619
1709
  .svc-hovered.svc-page__content:not(.svc-page__content--new) {
1620
1710
  background: var(--secondary-back-light, rgba(255, 152, 20, 0.1)); }
1621
1711
 
1622
1712
  .svc-creator .svc-page .svc-page__content--selected,
1713
+ .svc-creator .svc-page .svc-page__content--selected:focus,
1623
1714
  .svc-hovered {
1624
1715
  border-radius: calc(0.5 * var(--base-unit, 8px)); }
1625
1716
  .svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected,
1717
+ .svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected,
1626
1718
  .svc-hovered.svc-page__content--selected {
1627
1719
  outline: 2px solid var(--secondary, #ff9814);
1628
1720
  background: var(--secondary-back-light, rgba(255, 152, 20, 0.1)); }
1629
1721
  .svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected .svc-page__content-actions,
1722
+ .svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected .svc-page__content-actions,
1630
1723
  .svc-hovered.svc-page__content--selected .svc-page__content-actions {
1631
1724
  display: block; }
1632
1725
 
1633
1726
  .svc-page__add-new-question {
1634
- display: flex;
1635
- align-items: center;
1636
1727
  margin-left: calc(2 * var(--base-unit, 8px));
1637
- margin-right: calc(2 * var(--base-unit, 8px));
1638
- height: calc(7 * var(--base-unit, 8px));
1639
- line-height: calc(7 * var(--base-unit, 8px));
1640
- vertical-align: baseline;
1641
- text-align: center;
1642
- background-color: var(--background, #fff);
1643
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
1644
- border-radius: calc(0.5 * var(--base-unit, 8px));
1645
- cursor: pointer;
1646
- user-select: none; }
1647
- .svc-page__add-new-question:hover {
1648
- outline: 2px solid var(--primary, #19b394); }
1728
+ margin-right: calc(2 * var(--base-unit, 8px)); }
1649
1729
  .svc-page__add-new-question .svc-text {
1650
- display: flex;
1651
- align-items: center;
1652
- flex-grow: 1;
1653
- justify-content: center;
1654
- margin-left: calc(6 * var(--base-unit, 8px));
1655
- color: var(--primary, #19b394); }
1730
+ margin-left: calc(6 * var(--base-unit, 8px)); }
1656
1731
 
1657
1732
  .svc-page__question-type-selector {
1658
1733
  appearance: none;
@@ -1696,11 +1771,15 @@ svc-page {
1696
1771
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1697
1772
  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; }
1698
1773
 
1774
+ :root {
1775
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1776
+
1699
1777
  .svc-row {
1700
1778
  width: 100%; }
1701
1779
 
1702
1780
  .svc-row .sd-row--multiple {
1703
- padding: calc(1 * var(--base-unit, 8px)); }
1781
+ padding: calc(1 * var(--base-unit, 8px));
1782
+ gap: calc(1 * var(--base-unit, 8px)); }
1704
1783
 
1705
1784
  .svc-row.svc-row--ghost .svc-question__content {
1706
1785
  padding: 0;
@@ -1708,7 +1787,8 @@ svc-page {
1708
1787
  box-shadow: none; }
1709
1788
 
1710
1789
  .svc-row.svc-row--ghost .sd-row {
1711
- margin-top: 0; }
1790
+ margin-top: calc(2 * var(--base-unit, 8px));
1791
+ margin-bottom: calc(2 * var(--base-unit, 8px)); }
1712
1792
 
1713
1793
  /* latin */
1714
1794
  @font-face {
@@ -1736,6 +1816,9 @@ svc-page {
1736
1816
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1737
1817
  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; }
1738
1818
 
1819
+ :root {
1820
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1821
+
1739
1822
  svc-question {
1740
1823
  display: block;
1741
1824
  position: absolute;
@@ -1770,7 +1853,8 @@ svc-question {
1770
1853
  padding: calc(4 * var(--base-unit, 8px)) calc(5 * var(--base-unit, 8px)) calc(8 * var(--base-unit, 8px));
1771
1854
  background: var(--background, #fff);
1772
1855
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
1773
- border: 2px solid transparent; }
1856
+ border: 2px solid transparent;
1857
+ outline: none; }
1774
1858
 
1775
1859
  .svc-question__content .sd-file__choose-btn {
1776
1860
  cursor: default;
@@ -1815,20 +1899,20 @@ svc-question {
1815
1899
  max-width: 100%; }
1816
1900
  .svc-question__content-actions .sv-action--first .sv-action-bar-item .sv-action-bar-item__title {
1817
1901
  overflow: hidden;
1818
- text-overflow: ellipsis;
1819
1902
  white-space: nowrap;
1903
+ text-overflow: ellipsis;
1820
1904
  display: inline-block;
1821
1905
  justify-content: left; }
1822
1906
 
1823
1907
  .svc-creator .svc-page .svc-hovered > .svc-question__content {
1824
1908
  outline: 2px solid var(--secondary-light, rgba(255, 152, 20, 0.25)); }
1825
1909
 
1826
- .svc-creator .svc-page .svc-question__content--selected,
1827
- .svc-creator .svc-page .svc-hovered > .svc-question__content--selected {
1910
+ .svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged),
1911
+ .svc-creator .svc-page .svc-hovered > .svc-question__content--selected:not(.svc-question__content--dragged) {
1828
1912
  outline: 2px solid var(--secondary, #ff9814);
1829
1913
  box-shadow: initial; }
1830
- .svc-creator .svc-page .svc-question__content--selected > .svc-question__content-actions,
1831
- .svc-creator .svc-page .svc-hovered > .svc-question__content--selected > .svc-question__content-actions {
1914
+ .svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged) > .svc-question__content-actions,
1915
+ .svc-creator .svc-page .svc-hovered > .svc-question__content--selected:not(.svc-question__content--dragged) > .svc-question__content-actions {
1832
1916
  display: block; }
1833
1917
 
1834
1918
  .svc-question__content--dragged {
@@ -1856,7 +1940,7 @@ svc-question {
1856
1940
  border: 2px solid var(--secondary, #ff9814); }
1857
1941
 
1858
1942
  .svc-dragged-element-shortcut__text {
1859
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
1943
+ font-family: var(--font-family);
1860
1944
  font-style: normal;
1861
1945
  font-weight: 600;
1862
1946
  font-size: calc(1.5 * var(--base-unit, 8px));
@@ -1869,12 +1953,12 @@ svc-question {
1869
1953
  width: calc(3 * var(--base-unit, 8px));
1870
1954
  height: calc(3 * var(--base-unit, 8px)); }
1871
1955
 
1872
- .svc-question__content--drag-over-inside .svc-panel__placeholder,
1873
- .svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder {
1956
+ .svc-question__content--drag-over-inside .svc-panel__placeholder_frame,
1957
+ .svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame {
1874
1958
  outline: 2px solid var(--primary, #19b394);
1875
1959
  background: var(--primary-light, rgba(25, 179, 148, 0.1)); }
1876
- .svc-question__content--drag-over-inside .svc-panel__placeholder > .svc-question__content-actions,
1877
- .svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder > .svc-question__content-actions {
1960
+ .svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions,
1961
+ .svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions {
1878
1962
  display: block; }
1879
1963
 
1880
1964
  .svc-question__content--drag-over-left:before {
@@ -1941,7 +2025,8 @@ svc-question .sv-action-bar,
1941
2025
  visibility: visible; }
1942
2026
 
1943
2027
  .svc-question__content.svc-question__content--selected > .svc-question__drag-area {
1944
- visibility: visible; }
2028
+ visibility: visible;
2029
+ z-index: 1; }
1945
2030
 
1946
2031
  .svc-question__drag-area {
1947
2032
  position: absolute;
@@ -2086,6 +2171,9 @@ svc-question .sv-action-bar,
2086
2171
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2087
2172
  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; }
2088
2173
 
2174
+ :root {
2175
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2176
+
2089
2177
  .svc-image-question-controls {
2090
2178
  position: absolute;
2091
2179
  top: calc(1.5 * var(--base-unit, 8px));
@@ -2139,9 +2227,12 @@ svc-question .sv-action-bar,
2139
2227
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2140
2228
  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; }
2141
2229
 
2230
+ :root {
2231
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2232
+
2142
2233
  .svc-rating-question-controls {
2143
2234
  position: absolute;
2144
- bottom: calc(9 * var(--base-unit, 8px));
2235
+ bottom: calc(10 * var(--base-unit, 8px));
2145
2236
  left: calc(5 * var(--base-unit, 8px)); }
2146
2237
 
2147
2238
  .svc-question__content .sd-rating {
@@ -2178,11 +2269,16 @@ svc-question .sv-action-bar,
2178
2269
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2179
2270
  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; }
2180
2271
 
2272
+ :root {
2273
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2274
+
2181
2275
  .svc-item-value-wrapper {
2182
2276
  position: relative;
2183
- display: flex; }
2277
+ display: flex;
2278
+ align-items: center;
2279
+ margin-left: calc(-5 * var(--base-unit, 8px)); }
2184
2280
 
2185
- .sd-selectbase__column:not(:first-of-type) .svc-item-value-wrapper {
2281
+ .sd-selectbase__column:not(:first-of-type) {
2186
2282
  margin-left: calc(5 * var(--base-unit, 8px)); }
2187
2283
 
2188
2284
  .svc-item-value--dragging {
@@ -2193,6 +2289,7 @@ svc-question .sv-action-bar,
2193
2289
  padding-left: calc(0.5 * var(--base-unit, 8px)); }
2194
2290
 
2195
2291
  .svc-item-value-controls {
2292
+ display: flex;
2196
2293
  margin: calc(1 * var(--base-unit, 8px)) 0;
2197
2294
  margin-right: calc(1 * var(--base-unit, 8px));
2198
2295
  height: calc(4 * var(--base-unit, 8px));
@@ -2203,11 +2300,11 @@ svc-question .sv-action-bar,
2203
2300
  border-radius: 50%;
2204
2301
  padding: calc(1 * var(--base-unit, 8px));
2205
2302
  cursor: pointer;
2206
- display: inline-block; }
2303
+ display: inline-block;
2304
+ outline: none; }
2207
2305
 
2208
2306
  .svc-item-value-controls__button > span,
2209
2307
  sv-svg-icon.svc-item-value-controls__button {
2210
- width: calc(2 * var(--base-unit, 8px));
2211
2308
  height: calc(2 * var(--base-unit, 8px));
2212
2309
  box-sizing: content-box; }
2213
2310
  .svc-item-value-controls__button > span .sv-svg-icon,
@@ -2217,19 +2314,17 @@ sv-svg-icon.svc-item-value-controls__button {
2217
2314
  .svc-item-value-controls__button > span {
2218
2315
  display: block; }
2219
2316
 
2220
- .svc-item-value-wrapper:hover .svc-item-value-controls__drag-icon,
2221
- .svc-item-value-controls__drag:hover .svc-item-value-controls__drag-icon {
2317
+ .svc-item-value-wrapper:hover:not(.svc-item-value--ghost) .svc-item-value-controls__drag-icon,
2318
+ .svc-item-value-controls__drag:hover:not(.svc-item-value--ghost) .svc-item-value-controls__drag-icon {
2222
2319
  visibility: visible; }
2223
2320
 
2224
2321
  .svc-item-value-controls__drag {
2225
2322
  padding: calc(0.5 * var(--base-unit, 8px)) calc(1 * var(--base-unit, 8px));
2226
- margin-left: calc(-5 * var(--base-unit, 8px));
2227
- cursor: move;
2228
- opacity: 0.25; }
2323
+ cursor: move; }
2229
2324
  .svc-item-value-controls__drag .svc-item-value-controls__drag-icon {
2230
2325
  visibility: hidden; }
2231
2326
  .svc-item-value-controls__drag use {
2232
- fill: var(--foreground, #161616); }
2327
+ fill: var(--primary, #19b394); }
2233
2328
 
2234
2329
  .svc-item-value-controls__remove {
2235
2330
  float: right; }
@@ -2241,10 +2336,10 @@ sv-svg-icon.svc-item-value-controls__button {
2241
2336
  .svc-item-value-controls__add use {
2242
2337
  fill: var(--primary, #19b394); }
2243
2338
 
2244
- .svc-item-value-controls__add:hover {
2339
+ .svc-item-value-controls__add:hover, .svc-item-value-controls__add:focus {
2245
2340
  background-color: var(--primary-light, rgba(25, 179, 148, 0.1)); }
2246
2341
 
2247
- .svc-item-value-controls__remove:hover {
2342
+ .svc-item-value-controls__remove:hover, .svc-item-value-controls__remove:focus {
2248
2343
  background-color: var(--red-light, rgba(230, 10, 62, 0.1)); }
2249
2344
 
2250
2345
  .svc-question__content--selected-no-border .svc-item-value-controls {
@@ -2256,11 +2351,14 @@ sv-svg-icon.svc-item-value-controls__button {
2256
2351
  .sv-string-editor {
2257
2352
  cursor: text; }
2258
2353
 
2259
- .svc-item-value--new .svc-item-value__item .sd-item__control-label {
2260
- color: var(--foreground-light, #909090); }
2261
-
2262
- .svc-item-value--new .svc-item-value__item .sd-item__decorator {
2263
- opacity: 0.35; }
2354
+ .svc-item-value--new {
2355
+ margin-left: 0; }
2356
+ .svc-item-value--new .svc-item-value__item .sd-item__control-label {
2357
+ color: var(--foreground-light, #909090); }
2358
+ .svc-item-value--new .svc-item-value__item .sd-item__decorator {
2359
+ opacity: 0.35; }
2360
+ .svc-item-value--new .sv-ranking-item__index {
2361
+ background: var(--background-for-editors, #f9f9f9); }
2264
2362
 
2265
2363
  .sv-ranking .svc-item-value-wrapper {
2266
2364
  align-items: center; }
@@ -2335,17 +2433,20 @@ sv-svg-icon.svc-item-value-controls__button {
2335
2433
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2336
2434
  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; }
2337
2435
 
2436
+ :root {
2437
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2438
+
2338
2439
  .svc-image-item-value-wrapper {
2339
2440
  display: inline-block;
2340
- position: relative;
2341
- padding-top: 10px; }
2441
+ position: relative; }
2342
2442
 
2343
2443
  .svc-image-item-value--new {
2344
2444
  display: none;
2345
2445
  height: max-content; }
2346
2446
  .svc-image-item-value--new .sd-imagepicker__image {
2347
2447
  box-sizing: border-box;
2348
- border: 1px dashed var(--border, #d6d6d6); }
2448
+ border: 1px dashed var(--border, #d6d6d6);
2449
+ border-radius: 4px; }
2349
2450
 
2350
2451
  .svc-question__content--selected .svc-image-item-value--new {
2351
2452
  display: inline-block; }
@@ -2402,21 +2503,33 @@ sv-svg-icon.svc-item-value-controls__button {
2402
2503
  .svc-image-item-value__item .sd-imagepicker__item.sd-imagepicker__item {
2403
2504
  width: 100%; }
2404
2505
 
2405
- .svc-question__content--selected .svc-image-item-value-wrapper:hover .svc-image-item__drag-element {
2506
+ .svc-image-item-value__item .sd-imagepicker__image-container {
2507
+ border: 1px dashed var(--border, #d6d6d6);
2508
+ border-radius: 4px; }
2509
+
2510
+ .svc-question__content--selected .svc-image-item-value-wrapper:hover .svc-image-item-value-controls__drag-area-indicator {
2406
2511
  display: block; }
2407
2512
 
2408
- .svc-image-item__drag-element {
2513
+ .svc-image-item-value-controls__drag-area-indicator {
2409
2514
  cursor: move;
2410
- width: calc(3 * var(--base-unit, 8px));
2411
- height: 6px;
2412
- border: 1px solid var(--border, #d6d6d6);
2413
- border-radius: 10px;
2414
2515
  position: absolute;
2415
- top: 1px;
2416
- left: 50%;
2417
- transform: translateX(-50%);
2516
+ top: calc(2.5 * var(--base-unit, 8px));
2517
+ left: calc(0.5 * var(--base-unit, 8px));
2518
+ display: none; }
2519
+
2520
+ .svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__ghost {
2521
+ display: block; }
2522
+
2523
+ .svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__content {
2418
2524
  display: none; }
2419
2525
 
2526
+ .svc-image-item-value-wrapper__ghost {
2527
+ display: none;
2528
+ background: var(--background-dim, #f3f3f3);
2529
+ width: 200px;
2530
+ height: 135px;
2531
+ margin-top: 8px; }
2532
+
2420
2533
  /* latin */
2421
2534
  @font-face {
2422
2535
  font-family: "Open Sans";
@@ -2443,6 +2556,9 @@ sv-svg-icon.svc-item-value-controls__button {
2443
2556
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2444
2557
  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; }
2445
2558
 
2559
+ :root {
2560
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2561
+
2446
2562
  .svc-question__content .sd-table td:empty,
2447
2563
  .svc-question__content .sd-table th:empty {
2448
2564
  width: initial; }
@@ -2498,6 +2614,12 @@ sv-svg-icon.svc-item-value-controls__button {
2498
2614
  min-width: calc(70 * var(--base-unit, 8px));
2499
2615
  box-shadow: none; }
2500
2616
 
2617
+ .svc-matrix-cell__popup .sv-popup__container {
2618
+ background-color: var(--background, #fff); }
2619
+
2620
+ .svc-matrix-cell__popup .sv-popup_shadow.sv-popup_shadow {
2621
+ filter: unset; }
2622
+
2501
2623
  /* latin */
2502
2624
  @font-face {
2503
2625
  font-family: "Open Sans";
@@ -2524,6 +2646,9 @@ sv-svg-icon.svc-item-value-controls__button {
2524
2646
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2525
2647
  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; }
2526
2648
 
2649
+ :root {
2650
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2651
+
2527
2652
  .svd_test_results {
2528
2653
  padding: 1em; }
2529
2654
  .svd_test_results .svd_results_text {
@@ -2620,6 +2745,9 @@ sv-svg-icon.svc-item-value-controls__button {
2620
2745
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2621
2746
  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; }
2622
2747
 
2748
+ :root {
2749
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2750
+
2623
2751
  .svc-logo-image {
2624
2752
  position: relative;
2625
2753
  justify-content: flex-end;
@@ -2661,6 +2789,54 @@ sv-svg-icon.svc-item-value-controls__button {
2661
2789
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2662
2790
  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; }
2663
2791
 
2792
+ :root {
2793
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2794
+
2795
+ .svc-question-link__set-button {
2796
+ font-weight: 600;
2797
+ cursor: pointer; }
2798
+
2799
+ .svc-link-value-button {
2800
+ margin-left: calc(-2 * var(--base-unit, 8px)); }
2801
+
2802
+ .svc-question-link__clear-button {
2803
+ margin-left: calc(4 * var(--base-unit, 8px));
2804
+ color: var(--red, #e60a3e);
2805
+ font-weight: 600;
2806
+ cursor: pointer; }
2807
+
2808
+ .svc-question-link__clear-button:hover {
2809
+ background-color: var(--red-light, rgba(230, 10, 62, 0.1)); }
2810
+
2811
+ /* latin */
2812
+ @font-face {
2813
+ font-family: "Open Sans";
2814
+ font-style: normal;
2815
+ font-weight: 400;
2816
+ src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2");
2817
+ 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; }
2818
+
2819
+ /* latin */
2820
+ @font-face {
2821
+ font-family: "Open Sans";
2822
+ font-style: normal;
2823
+ font-weight: 600;
2824
+ font-stretch: 100%;
2825
+ src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2826
+ 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; }
2827
+
2828
+ /* latin */
2829
+ @font-face {
2830
+ font-family: "Open Sans";
2831
+ font-style: normal;
2832
+ font-weight: 700;
2833
+ font-stretch: 100%;
2834
+ src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2835
+ 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; }
2836
+
2837
+ :root {
2838
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2839
+
2664
2840
  .svc-property-panel__item {
2665
2841
  margin: calc(2 * var(--base-unit, 8px)) 0;
2666
2842
  width: 100%; }
@@ -2691,6 +2867,9 @@ sv-svg-icon.svc-item-value-controls__button {
2691
2867
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2692
2868
  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; }
2693
2869
 
2870
+ :root {
2871
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2872
+
2694
2873
  .svc-property-panel__group {
2695
2874
  -webkit-appearance: none;
2696
2875
  -moz-appearance: none;
@@ -2704,7 +2883,7 @@ sv-svg-icon.svc-item-value-controls__button {
2704
2883
  text-align: left;
2705
2884
  background: var(--background, #fff);
2706
2885
  box-shadow: inset 0px -1px 0px var(--border, #d6d6d6);
2707
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
2886
+ font-family: var(--font-family);
2708
2887
  font-size: calc(2 * var(--base-unit, 8px)); }
2709
2888
 
2710
2889
  .svc-property-panel__group:disabled,
@@ -2750,22 +2929,18 @@ sv-svg-icon.svc-item-value-controls__button {
2750
2929
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2751
2930
  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; }
2752
2931
 
2753
- svc-tabbed-menu-item {
2754
- display: flex;
2755
- flex-direction: column;
2756
- align-self: flex-start; }
2757
- svc-tabbed-menu-item:hover {
2758
- box-shadow: inset 0px -1px 0px var(--border, #d6d6d6); }
2932
+ :root {
2933
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2759
2934
 
2760
2935
  .svc-tabbed-menu-item {
2761
2936
  padding: 0px calc(3 * var(--base-unit, 8px));
2762
2937
  line-height: calc(8 * var(--base-unit, 8px));
2763
2938
  box-sizing: border-box;
2764
2939
  cursor: pointer; }
2765
-
2766
- .svc-tabbed-menu-item:hover {
2767
- background-color: var(--background-dim, #f3f3f3);
2768
- box-shadow: inset 0px -1px 0px var(--border, #d6d6d6); }
2940
+ .svc-tabbed-menu-item:hover, .svc-tabbed-menu-item:focus {
2941
+ background-color: var(--background-dim, #f3f3f3);
2942
+ box-shadow: inset 0px -1px 0px var(--border, #d6d6d6);
2943
+ outline: none; }
2769
2944
 
2770
2945
  .svc-tabbed-menu-item--selected {
2771
2946
  background: var(--background, #fff);
@@ -2824,6 +2999,9 @@ svc-tabbed-menu-item {
2824
2999
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2825
3000
  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; }
2826
3001
 
3002
+ :root {
3003
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3004
+
2827
3005
  .svc-tabbed-menu {
2828
3006
  display: flex;
2829
3007
  white-space: nowrap;
@@ -2861,6 +3039,9 @@ svc-tabbed-menu-item {
2861
3039
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2862
3040
  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; }
2863
3041
 
3042
+ :root {
3043
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3044
+
2864
3045
  .svc-toolbox__item {
2865
3046
  display: flex;
2866
3047
  position: relative;
@@ -2911,7 +3092,7 @@ svc-tabbed-menu-item {
2911
3092
  align-items: flex-end; }
2912
3093
 
2913
3094
  .svc-toolbox__item-title {
2914
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3095
+ font-family: var(--font-family);
2915
3096
  font-style: normal;
2916
3097
  font-weight: 600;
2917
3098
  font-size: calc(1.5 * var(--base-unit, 8px));
@@ -2956,12 +3137,16 @@ svc-tabbed-menu-item {
2956
3137
  .svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed {
2957
3138
  opacity: 0.5; }
2958
3139
 
2959
- .svc-toolbox__item:focus {
2960
- outline: none !important; }
2961
-
2962
3140
  .svc-toolbox-popup .sv-list__item {
2963
3141
  padding: calc(1.5 * var(--base-unit, 8px)) calc(5 * var(--base-unit, 8px)); }
2964
3142
 
3143
+ .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 {
3144
+ color: var(--foreground, #161616);
3145
+ opacity: 0.5; }
3146
+ .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 {
3147
+ fill: var(--foreground, #161616);
3148
+ opacity: 0.5; }
3149
+
2965
3150
  /* latin */
2966
3151
  @font-face {
2967
3152
  font-family: "Open Sans";
@@ -2988,6 +3173,9 @@ svc-tabbed-menu-item {
2988
3173
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2989
3174
  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; }
2990
3175
 
3176
+ :root {
3177
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3178
+
2991
3179
  .svc-question__dropdown-choices {
2992
3180
  margin-top: calc(2 * var(--base-unit, 8px)); }
2993
3181
 
@@ -3021,6 +3209,9 @@ svc-tabbed-menu-item {
3021
3209
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
3022
3210
  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; }
3023
3211
 
3212
+ :root {
3213
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3214
+
3024
3215
  svc-toolbox {
3025
3216
  display: flex;
3026
3217
  flex-direction: column; }
@@ -3069,7 +3260,7 @@ svc-toolbox {
3069
3260
  cursor: pointer; }
3070
3261
 
3071
3262
  .svc-toolbox__category-title {
3072
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3263
+ font-family: var(--font-family);
3073
3264
  font-size: calc(1.5 * var(--base-unit, 8px));
3074
3265
  font-weight: bold;
3075
3266
  line-height: calc(2 * var(--base-unit, 8px));
@@ -3114,10 +3305,13 @@ svc-toolbox {
3114
3305
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
3115
3306
  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; }
3116
3307
 
3308
+ :root {
3309
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3310
+
3117
3311
  .svc-side-bar__container {
3118
3312
  display: block;
3119
3313
  position: relative;
3120
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3314
+ font-family: var(--font-family);
3121
3315
  min-width: 370px;
3122
3316
  max-width: calc(118 * var(--base-unit, 8px));
3123
3317
  width: 450px;
@@ -3150,7 +3344,8 @@ svc-toolbox {
3150
3344
  flex-direction: column;
3151
3345
  align-items: flex-start;
3152
3346
  height: calc(100% - calc(8 * var(--base-unit, 8px)));
3153
- overflow-y: auto; }
3347
+ overflow-y: auto;
3348
+ background-color: var(--background, #fff); }
3154
3349
 
3155
3350
  .svc-side-bar__container-container {
3156
3351
  display: flex;
@@ -3195,7 +3390,6 @@ svc-toolbox {
3195
3390
  width: 0;
3196
3391
  overflow: visible; }
3197
3392
  .svc-flyout-side-bar .svc-side-bar__shadow {
3198
- z-index: 100;
3199
3393
  background-color: var(--foreground-light, #909090);
3200
3394
  opacity: 0.75;
3201
3395
  position: absolute;
@@ -3286,12 +3480,14 @@ svc-toolbox {
3286
3480
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
3287
3481
  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; }
3288
3482
 
3483
+ :root {
3484
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3485
+
3289
3486
  .spg-question {
3290
3487
  display: flex;
3291
3488
  flex-direction: column;
3292
3489
  align-items: flex-start;
3293
- padding: 0px;
3294
- min-width: auto !important; }
3490
+ padding: 0px; }
3295
3491
 
3296
3492
  .spg-question__header {
3297
3493
  width: 100%; }
@@ -3302,7 +3498,7 @@ svc-toolbox {
3302
3498
  padding: calc(1 * var(--base-unit, 8px)) 0;
3303
3499
  line-height: calc(3 * var(--base-unit, 8px));
3304
3500
  font-size: calc(2 * var(--base-unit, 8px));
3305
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3501
+ font-family: var(--font-family);
3306
3502
  color: var(--foreground-light, #909090);
3307
3503
  font-weight: normal;
3308
3504
  box-sizing: border-box; }
@@ -3312,25 +3508,40 @@ svc-toolbox {
3312
3508
  color: var(--primary, #19b394);
3313
3509
  cursor: pointer; }
3314
3510
 
3315
- .spg-question-link__set-button {
3316
- font-weight: 600;
3317
- cursor: pointer; }
3318
-
3319
- .spg-link-value-button {
3320
- margin-left: calc(-2 * var(--base-unit, 8px)); }
3321
-
3322
- .spg-question-link__clear-button {
3323
- margin-left: calc(4 * var(--base-unit, 8px));
3324
- color: var(--red, #e60a3e);
3325
- font-weight: 600;
3326
- cursor: pointer; }
3327
-
3328
3511
  .spg-question__description {
3329
3512
  line-height: calc(3 * var(--base-unit, 8px));
3330
3513
  font-size: calc(2 * var(--base-unit, 8px));
3331
3514
  color: var(--foreground, #161616);
3332
3515
  padding-bottom: calc(2 * var(--base-unit, 8px)); }
3333
3516
 
3517
+ .spg-row-narrow__question {
3518
+ margin-top: calc(-2 * var(--base-unit, 8px)); }
3519
+
3520
+ .spg-question--location--left {
3521
+ flex-direction: row;
3522
+ background: var(--background, #fff);
3523
+ border: 1px solid var(--border, #d6d6d6);
3524
+ line-height: calc(6 * var(--base-unit, 8px));
3525
+ vertical-align: middle; }
3526
+
3527
+ .spg-question__header--location--left {
3528
+ width: auto;
3529
+ max-width: 50%; }
3530
+ .spg-question__header--location--left .spg-question__title {
3531
+ padding: calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
3532
+ border-right: 1px solid var(--border, #d6d6d6);
3533
+ display: inline-block; }
3534
+
3535
+ .spg-question__content--left {
3536
+ padding-left: calc(1 * var(--base-unit, 8px)); }
3537
+ .spg-question__content--left .spg-input {
3538
+ border: none; }
3539
+
3540
+ .spg-row--multiple {
3541
+ display: flex;
3542
+ gap: calc(1 * var(--base-unit, 8px));
3543
+ overflow: hidden; }
3544
+
3334
3545
  .spg-input {
3335
3546
  -webkit-appearance: none;
3336
3547
  -moz-appearance: none;
@@ -3350,18 +3561,24 @@ svc-toolbox {
3350
3561
  color: var(--foreground-light, #909090); }
3351
3562
 
3352
3563
  .spg-input:focus {
3353
- border: 1px solid var(--primary, #19b394); }
3564
+ border: 2px solid var(--primary, #19b394); }
3354
3565
 
3355
3566
  .spg-input:disabled,
3356
3567
  .spg-input:disabled::placeholder {
3357
3568
  color: var(--foreground-disabled, rgba(22, 22, 22, 0.16)); }
3358
3569
 
3570
+ .spg-input[type="color"] {
3571
+ padding-left: 0;
3572
+ padding-right: 0;
3573
+ min-width: calc(8 * var(--base-unit, 8px)); }
3574
+
3359
3575
  .spg-dropdown {
3360
3576
  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");
3361
3577
  background-repeat: no-repeat, repeat;
3362
3578
  background-position: right calc(2.5 * var(--base-unit, 8px)) top 50%, 0 0;
3363
3579
  background-size: 10px 5px;
3364
- padding-right: calc(5.5 * var(--base-unit, 8px)); }
3580
+ padding-right: calc(5.5 * var(--base-unit, 8px));
3581
+ border-radius: 0; }
3365
3582
 
3366
3583
  .spg-comment {
3367
3584
  -webkit-appearance: none;
@@ -3375,17 +3592,19 @@ svc-toolbox {
3375
3592
  border: 1px solid var(--border-inside, rgba(0, 0, 0, 0.16));
3376
3593
  padding: calc(1.5 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
3377
3594
  outline: none;
3378
- font-size: calc(2 * var(--base-unit, 8px));
3379
3595
  color: var(--foreground, #161616);
3380
3596
  max-width: 100%;
3381
3597
  min-width: calc(6 * var(--base-unit, 8px));
3382
- min-height: calc(6 * var(--base-unit, 8px)); }
3598
+ min-height: calc(6 * var(--base-unit, 8px));
3599
+ font-family: var(--font-family);
3600
+ font-size: calc(2 * var(--base-unit, 8px));
3601
+ line-height: calc(3 * var(--base-unit, 8px)); }
3383
3602
 
3384
3603
  .spg-comment::placeholder {
3385
3604
  color: var(--foreground-light, #909090); }
3386
3605
 
3387
3606
  .spg-comment:focus {
3388
- border: 1px solid var(--primary, #19b394); }
3607
+ border: 2px solid var(--primary, #19b394); }
3389
3608
 
3390
3609
  .spg-comment:disabled,
3391
3610
  .spg-comment:disabled::placeholder {
@@ -3403,29 +3622,25 @@ svc-toolbox {
3403
3622
  color: var(--foreground-light, #909090);
3404
3623
  cursor: pointer;
3405
3624
  text-align: left;
3406
- background: var(--background, #fff);
3625
+ background-color: var(--background, #fff);
3407
3626
  box-shadow: inset 0px -1px 0px var(--border, #d6d6d6);
3408
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3627
+ font-family: var(--font-family);
3409
3628
  font-size: calc(2 * var(--base-unit, 8px));
3410
3629
  font-weight: 400;
3411
3630
  margin: 0; }
3412
3631
 
3413
3632
  .spg-panel__title:disabled,
3414
3633
  .spg-panel__title:disabled:hover {
3415
- background-color: var(--background, #fff);
3416
3634
  color: var(--foreground-disabled, rgba(22, 22, 22, 0.16));
3417
3635
  cursor: default; }
3418
3636
 
3419
- .spg-panel__title--expandable:hover {
3420
- background-color: var(--background-dim, #f3f3f3);
3421
- color: var(--foreground-light, #909090);
3422
- font-weight: 400; }
3637
+ .spg-panel__title--expandable:not(.spg-panel__title[aria-expanded=true]):hover, .spg-panel__title--expandable:not(.spg-panel__title[aria-expanded=true]):focus {
3638
+ background-color: var(--background-dim, #f3f3f3); }
3423
3639
 
3424
- .spg-panel__title--expanded,
3425
- .spg-panel__title--expanded:hover {
3640
+ .spg-panel__title[aria-expanded=true],
3641
+ .spg-panel__title--expanded {
3426
3642
  color: var(--foreground, #161616);
3427
- font-weight: 600;
3428
- background-color: var(--background, #fff); }
3643
+ font-weight: 600; }
3429
3644
 
3430
3645
  .spg-panel__content {
3431
3646
  display: flex;
@@ -3441,16 +3656,17 @@ svc-toolbox {
3441
3656
  width: 100%;
3442
3657
  margin-top: calc(2 * var(--base-unit, 8px)); }
3443
3658
 
3659
+ .spg-panel__content .spg-row--multiple {
3660
+ margin-top: calc(1 * var(--base-unit, 8px)); }
3661
+
3444
3662
  .sv-mobile-side-bar .spg-panel__content {
3445
3663
  padding: 0 calc(2 * var(--base-unit, 8px)) calc(5 * var(--base-unit, 8px)); }
3446
3664
 
3447
3665
  .spg-checkbox {
3448
3666
  cursor: pointer;
3449
3667
  display: flex;
3450
- align-items: center; }
3451
-
3452
- .spg-checkbox:focus-within {
3453
- outline: 1px dotted var(--primary, #19b394); }
3668
+ align-items: center;
3669
+ margin-top: calc(1 * var(--base-unit, 8px)); }
3454
3670
 
3455
3671
  .spg-checkbox--disabled {
3456
3672
  cursor: default; }
@@ -3458,7 +3674,7 @@ svc-toolbox {
3458
3674
  cursor: default; }
3459
3675
 
3460
3676
  .spg-checkbox__caption {
3461
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3677
+ font-family: var(--font-family);
3462
3678
  font-size: calc(2 * var(--base-unit, 8px));
3463
3679
  color: var(--foreground, #161616);
3464
3680
  margin-left: calc(1 * var(--base-unit, 8px)); }
@@ -3470,7 +3686,12 @@ svc-toolbox {
3470
3686
  width: calc(3 * var(--base-unit, 8px));
3471
3687
  height: calc(3 * var(--base-unit, 8px));
3472
3688
  flex-shrink: 0;
3473
- padding: calc(0.5 * var(--base-unit, 8px)); }
3689
+ padding: 4px 3px; }
3690
+ .spg-checkbox__rectangle:hover, .spg-checkbox__rectangle:focus {
3691
+ background-color: var(--background-dim, #f3f3f3); }
3692
+
3693
+ .spg-checkbox__control:focus + .spg-checkbox__rectangle {
3694
+ background-color: var(--background-dim, #f3f3f3); }
3474
3695
 
3475
3696
  .spg-checkbox--checked .spg-checkbox__rectangle:after {
3476
3697
  display: block;
@@ -3503,9 +3724,6 @@ svc-toolbox {
3503
3724
  .spg-selectbase__item {
3504
3725
  margin-bottom: calc(2 * var(--base-unit, 8px)); }
3505
3726
 
3506
- .spg-matrixdynamic__add-btn {
3507
- display: none; }
3508
-
3509
3727
  .spg-matrixdynamic__drag-element {
3510
3728
  padding: calc(2 * var(--base-unit, 8px)); }
3511
3729
  .spg-matrixdynamic__drag-element:hover {
@@ -3538,6 +3756,35 @@ svc-toolbox {
3538
3756
  .spg-matrixdynamic__drag-drop-ghost-position-bottom::after {
3539
3757
  bottom: 0; }
3540
3758
 
3759
+ .spg-matrixdynamic__placeholder {
3760
+ padding: calc(6 * var(--base-unit, 8px)) 0;
3761
+ display: flex;
3762
+ flex-direction: column;
3763
+ justify-content: center;
3764
+ align-items: center;
3765
+ background: var(--background, #fff);
3766
+ border: 1px solid var(--border, #d6d6d6);
3767
+ box-sizing: border-box; }
3768
+ .spg-matrixdynamic__placeholder .spg-matrixdynamic__add-btn {
3769
+ display: initial; }
3770
+
3771
+ .spg-matrixdynamic__placeholder-text {
3772
+ font-size: calc(2 * var(--base-unit, 8px));
3773
+ line-height: calc(3 * var(--base-unit, 8px));
3774
+ color: var(--foreground-light, #909090); }
3775
+
3776
+ .spg-matrixdynamic__add-btn {
3777
+ display: none;
3778
+ appearance: none;
3779
+ border: none;
3780
+ margin-top: calc(0.5 * var(--base-unit, 8px));
3781
+ background: transparent;
3782
+ color: var(--primary, #19b394);
3783
+ font-family: var(--font-family);
3784
+ font-size: calc(2 * var(--base-unit, 8px));
3785
+ font-weight: 600;
3786
+ line-height: calc(3 * var(--base-unit, 8px)); }
3787
+
3541
3788
  .spg-table {
3542
3789
  width: 100%;
3543
3790
  background-color: var(--background, #fff);
@@ -3564,6 +3811,8 @@ svc-toolbox {
3564
3811
  background-color: transparent;
3565
3812
  padding: calc(1.5 * var(--base-unit, 8px)) 0;
3566
3813
  padding-right: calc(2 * var(--base-unit, 8px)); }
3814
+ .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-text[type="color"] {
3815
+ padding-right: 0; }
3567
3816
 
3568
3817
  .spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text {
3569
3818
  padding-left: calc(2 * var(--base-unit, 8px)); }
@@ -3581,16 +3830,20 @@ svc-toolbox {
3581
3830
 
3582
3831
  .spg-table__cell--header {
3583
3832
  font-size: calc(1.5 * var(--base-unit, 8px));
3584
- font-weight: 600;
3585
- padding: calc(1 * var(--base-unit, 8px)) 0 calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
3833
+ font-weight: normal;
3586
3834
  color: var(--foreground-light, #909090);
3587
- line-height: calc(2 * var(--base-unit, 8px));
3588
- box-shadow: 0px 1px 0px var(--border, #d6d6d6);
3835
+ line-height: calc(3 * var(--base-unit, 8px));
3589
3836
  background: var(--background-dim, #f3f3f3);
3590
- text-align: left; }
3837
+ text-align: left;
3838
+ white-space: nowrap;
3839
+ text-overflow: ellipsis;
3840
+ overflow: hidden;
3841
+ max-width: 100px; }
3591
3842
 
3592
3843
  .spg-root-modern {
3593
- width: 100%; }
3844
+ width: 100%;
3845
+ border-right: 1px solid var(--border, #d6d6d6);
3846
+ box-sizing: border-box; }
3594
3847
 
3595
3848
  .sv-popup--modal {
3596
3849
  padding: calc(4 * var(--base-unit, 8px)); }
@@ -3622,21 +3875,52 @@ svc-toolbox {
3622
3875
  .spg-table__cell .sv-action-bar {
3623
3876
  padding-left: 0; }
3624
3877
 
3625
- survey-creator .spg-action-button .sv-action-bar-item, .svc-creator .spg-action-button .sv-action-bar-item {
3626
- border-radius: 50%;
3878
+ survey-creator button.spg-action-button,
3879
+ survey-creator .spg-action-button .sv-action-bar-item,
3880
+ .svc-creator button.spg-action-button,
3881
+ .svc-creator .spg-action-button .sv-action-bar-item {
3882
+ border-radius: calc(12.5 * var(--base-unit, 8px));
3627
3883
  padding: calc(1 * var(--base-unit, 8px));
3628
3884
  cursor: pointer; }
3629
- 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 {
3885
+ survey-creator button.spg-action-button:hover, survey-creator button.spg-action-button:focus,
3886
+ survey-creator .spg-action-button .sv-action-bar-item:hover,
3887
+ survey-creator .spg-action-button .sv-action-bar-item:focus,
3888
+ .svc-creator button.spg-action-button:hover,
3889
+ .svc-creator button.spg-action-button:focus,
3890
+ .svc-creator .spg-action-button .sv-action-bar-item:hover,
3891
+ .svc-creator .spg-action-button .sv-action-bar-item:focus {
3630
3892
  outline: none;
3631
3893
  background-color: var(--primary-light, rgba(25, 179, 148, 0.1)); }
3632
- 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 {
3894
+ survey-creator button.spg-action-button:hover use, survey-creator button.spg-action-button:focus use,
3895
+ survey-creator .spg-action-button .sv-action-bar-item:hover use,
3896
+ survey-creator .spg-action-button .sv-action-bar-item:focus use,
3897
+ .svc-creator button.spg-action-button:hover use,
3898
+ .svc-creator button.spg-action-button:focus use,
3899
+ .svc-creator .spg-action-button .sv-action-bar-item:hover use,
3900
+ .svc-creator .spg-action-button .sv-action-bar-item:focus use {
3633
3901
  fill: var(--primary, #19b394); }
3634
3902
 
3635
- 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 {
3903
+ survey-creator button.spg-action-button--danger:hover, survey-creator button.spg-action-button--danger:focus,
3904
+ survey-creator .spg-action-button--danger .sv-action-bar-item:hover,
3905
+ survey-creator .spg-action-button--danger .sv-action-bar-item:focus,
3906
+ .svc-creator button.spg-action-button--danger:hover,
3907
+ .svc-creator button.spg-action-button--danger:focus,
3908
+ .svc-creator .spg-action-button--danger .sv-action-bar-item:hover,
3909
+ .svc-creator .spg-action-button--danger .sv-action-bar-item:focus {
3636
3910
  background-color: var(--red-light, rgba(230, 10, 62, 0.1)); }
3637
- 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 {
3911
+ survey-creator button.spg-action-button--danger:hover use, survey-creator button.spg-action-button--danger:focus use,
3912
+ survey-creator .spg-action-button--danger .sv-action-bar-item:hover use,
3913
+ survey-creator .spg-action-button--danger .sv-action-bar-item:focus use,
3914
+ .svc-creator button.spg-action-button--danger:hover use,
3915
+ .svc-creator button.spg-action-button--danger:focus use,
3916
+ .svc-creator .spg-action-button--danger .sv-action-bar-item:hover use,
3917
+ .svc-creator .spg-action-button--danger .sv-action-bar-item:focus use {
3638
3918
  fill: var(--red, #e60a3e); }
3639
3919
 
3920
+ survey-creator button.spg-action-button--large,
3921
+ .svc-creator button.spg-action-button--large {
3922
+ padding: calc(0.5 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)); }
3923
+
3640
3924
  /* latin */
3641
3925
  @font-face {
3642
3926
  font-family: "Open Sans";
@@ -3663,8 +3947,11 @@ survey-creator .spg-action-button--danger .sv-action-bar-item:hover, survey-crea
3663
3947
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
3664
3948
  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; }
3665
3949
 
3950
+ :root {
3951
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3952
+
3666
3953
  .svc-text {
3667
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3954
+ font-family: var(--font-family);
3668
3955
  font-style: normal;
3669
3956
  font-weight: normal;
3670
3957
  color: var(--foreground, #161616); }
@@ -3706,6 +3993,9 @@ survey-creator .spg-action-button--danger .sv-action-bar-item:hover, survey-crea
3706
3993
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
3707
3994
  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; }
3708
3995
 
3996
+ :root {
3997
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3998
+
3709
3999
  .svc-flex-container {
3710
4000
  display: flex; }
3711
4001