survey-creator-react 1.9.3-beta.1 → 1.9.4-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,11 +1,11 @@
1
1
  /*!
2
- * SurveyJS Creator React v1.9.3-beta.1
2
+ * SurveyJS Creator React v1.9.4-beta.1
3
3
  * (c) 2015-2021 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
8
+ * SurveyJS Creator v1.9.4-beta.1
9
9
  * (c) 2015-2021 Devsoft Baltic OÜ - http://surveyjs.io/
10
10
  * Github: https://github.com/surveyjs/survey-creator
11
11
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -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))); }
@@ -356,24 +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: "";
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: -4px; }
386
+
387
+ .sl-table__detail-button.sl-table__detail-button {
362
388
  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; }
389
+ width: 48px;
390
+ height: 48px;
391
+ box-sizing: border-box;
392
+ border-radius: 100px;
393
+ padding: 0; }
394
+ .sl-table__detail-button.sl-table__detail-button use {
395
+ display: none; }
396
+ .sl-table__detail-button.sl-table__detail-button:hover, .sl-table__detail-button.sl-table__detail-button:focus {
397
+ background-color: var(--primary-light, rgba(25, 179, 148, 0.1)); }
398
+ .sl-table__detail-button.sl-table__detail-button:hover use, .sl-table__detail-button.sl-table__detail-button:focus use {
399
+ fill: var(--primary, #19b394); }
400
+
401
+ #show-detail .sl-table__detail-button {
402
+ outline: none; }
403
+
404
+ .sl-table__row:hover .sl-table__detail-button.sl-table__detail-button use,
405
+ .sl-table__detail-button.sl-table__detail-button:focus use {
406
+ display: initial; }
369
407
 
370
408
  .sl-table__row #remove-row .sv-action-bar-item__icon use {
371
409
  display: none; }
372
410
 
373
411
  .sl-table__row:hover #remove-row .sv-action-bar-item,
374
412
  .sl-table__row #remove-row:focus-within .sv-action-bar-item {
375
- padding: calc(0.25 * var(--base-unit, 8px));
376
- border: none; }
413
+ border: none;
414
+ width: calc(5 * var(--base-unit, 8px));
415
+ height: calc(5 * var(--base-unit, 8px)); }
377
416
 
378
417
  .sl-table__row:hover #remove-row .sv-action-bar-item__icon use,
379
418
  .sl-table__row #remove-row:focus-within .sv-action-bar-item__icon use {
@@ -387,14 +426,13 @@ svc-tab-test {
387
426
  .sl-table__cell .svc-action-button:hover,
388
427
  .sl-table__cell .svc-action-button:focus {
389
428
  background: transparent;
390
- color: var(--foreground, #161616);
391
- outline: none; }
429
+ color: var(--foreground, #161616); }
392
430
 
393
431
  .sl-table__cell {
394
432
  color: var(--foreground, #161616);
395
433
  font-weight: bold;
396
434
  font-size: calc(2 * var(--base-unit, 8px));
397
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
435
+ font-family: var(--font-family);
398
436
  padding: 0.9375em;
399
437
  padding-left: 0;
400
438
  box-sizing: content-box;
@@ -427,20 +465,20 @@ svc-tab-test {
427
465
  .sl-table th:last-child {
428
466
  padding-right: 1.875em; }
429
467
 
430
- .sl-panel__footer {
431
- padding-left: 0; }
432
- .sl-panel__footer.sv-action-bar {
468
+ .sl-panel .sl-panel__footer {
469
+ padding: 0; }
470
+ .sl-panel .sl-panel__footer.sv-action-bar {
433
471
  width: 100%; }
434
- .sl-panel__footer #saveDetailPanel {
472
+ .sl-panel .sl-panel__footer #saveDetailPanel {
435
473
  width: 100%; }
436
- .sl-panel__footer .sv-action__content {
474
+ .sl-panel .sl-panel__footer .sv-action__content {
437
475
  width: 100%; }
438
- .sl-panel__footer button.sl-panel__done-button {
476
+ .sl-panel .sl-panel__footer button.sl-panel__done-button {
439
477
  width: 100%;
440
478
  margin-bottom: calc(10 * var(--base-unit, 8px));
441
479
  background-color: var(--green-light, rgba(25, 179, 148, 0.1));
442
480
  color: var(--green, #19b394);
443
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
481
+ font-family: var(--font-family);
444
482
  font-size: calc(2 * var(--base-unit, 8px));
445
483
  border-radius: calc(12.5 * var(--base-unit, 8px));
446
484
  display: flex;
@@ -448,10 +486,10 @@ svc-tab-test {
448
486
  vertical-align: baseline;
449
487
  text-align: center;
450
488
  user-select: none; }
451
- .sl-panel__footer button:hover {
489
+ .sl-panel .sl-panel__footer button:hover {
452
490
  background-color: var(--green, #19b394);
453
491
  color: white; }
454
- .sl-panel__footer .sv-action-bar-item__title {
492
+ .sl-panel .sl-panel__footer .sv-action-bar-item__title {
455
493
  display: flex;
456
494
  align-items: center;
457
495
  flex-grow: 1;
@@ -491,23 +529,20 @@ svc-tab-test {
491
529
  .sl-question__title {
492
530
  font-size: calc(2 * var(--base-unit, 8px));
493
531
  line-height: calc(3 * var(--base-unit, 8px));
494
- margin: 0; }
532
+ margin: 0;
533
+ font-weight: 600; }
495
534
  .sl-question__title span + span {
496
535
  display: none; }
497
536
 
537
+ .sl-row--multiple .sl-question {
538
+ padding-right: calc(1 * var(--base-unit, 8px)) !important; }
539
+
498
540
  .svc-logic-question-value {
499
541
  padding-right: calc(5 * var(--base-unit, 8px)) !important; }
500
542
 
501
- .sl-panel-wrapper--in-row {
502
- display: flex;
503
- align-items: flex-start; }
504
-
505
543
  .sl-comment {
506
544
  margin-bottom: calc(2 * var(--base-unit, 8px)); }
507
545
 
508
- .svc-logic-paneldynamic .sl-panel {
509
- width: calc(100% - 5 * var(--base-unit, 8px)); }
510
-
511
546
  .sv-popup.sv-property-editor .sl-row {
512
547
  flex-flow: nowrap; }
513
548
 
@@ -537,6 +572,9 @@ svc-tab-test {
537
572
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
538
573
  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
574
 
575
+ :root {
576
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
577
+
540
578
  .svc-tab-translation {
541
579
  width: 100%;
542
580
  height: 100%;
@@ -549,7 +587,7 @@ svc-tab-test {
549
587
  outline: none; }
550
588
 
551
589
  .st-no-strings {
552
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
590
+ font-family: var(--font-family);
553
591
  font-style: normal;
554
592
  font-weight: 400;
555
593
  font-size: calc(2 * var(--base-unit, 8px));
@@ -594,7 +632,7 @@ svc-tab-test {
594
632
 
595
633
  .st-title.st-panel__title,
596
634
  .st-table__cell.st-table__cell--header {
597
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
635
+ font-family: var(--font-family);
598
636
  font-style: normal;
599
637
  font-weight: 600;
600
638
  font-size: calc(1.5 * var(--base-unit, 8px));
@@ -617,7 +655,7 @@ svc-tab-test {
617
655
  padding: 0; }
618
656
 
619
657
  .st-table__cell:first-child {
620
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
658
+ font-family: var(--font-family);
621
659
  font-style: normal;
622
660
  font-weight: 600;
623
661
  font-size: calc(2 * var(--base-unit, 8px));
@@ -636,12 +674,13 @@ svc-tab-test {
636
674
  border-spacing: 0; }
637
675
 
638
676
  .st-comment {
639
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
677
+ font-family: var(--font-family);
640
678
  font-style: normal;
641
679
  font-size: calc(2 * var(--base-unit, 8px));
642
680
  line-height: calc(3 * var(--base-unit, 8px));
643
681
  width: calc(100% - 3 * var(--base-unit, 8px));
644
682
  border: unset;
683
+ outline: none;
645
684
  background-color: #ffffff;
646
685
  resize: none;
647
686
  padding: 0;
@@ -677,6 +716,9 @@ svc-tab-test {
677
716
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
678
717
  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
718
 
719
+ :root {
720
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
721
+
680
722
  .svc-tab-logic-edit {
681
723
  width: 100%;
682
724
  height: 100%;
@@ -702,16 +744,22 @@ svc-tab-test {
702
744
  border-top: 1px solid var(--border, #d6d6d6);
703
745
  width: 100%; }
704
746
 
747
+ .svc-logic-paneldynamic div.svc-logic-operator {
748
+ height: calc(3 * var(--base-unit, 8px)); }
749
+
705
750
  .svc-logic-paneldynamic .svc-logic-operator {
751
+ -webkit-appearance: none;
706
752
  appearance: none;
707
753
  padding: calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
708
754
  border-radius: calc(12.5 * var(--base-unit, 8px));
709
755
  border: none;
710
756
  outline: none;
711
757
  font-weight: 600;
712
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
758
+ font-family: var(--font-family);
713
759
  font-size: calc(2 * var(--base-unit, 8px));
714
- color: var(--foreground-light, #909090); }
760
+ color: var(--foreground-light, #909090);
761
+ height: calc(5 * var(--base-unit, 8px));
762
+ line-height: calc(3 * var(--base-unit, 8px)); }
715
763
  .svc-logic-paneldynamic .svc-logic-operator option {
716
764
  background: var(--background, #fff);
717
765
  color: var(--foreground, #161616); }
@@ -722,17 +770,29 @@ svc-tab-test {
722
770
  .svc-logic-question--answered .svc-logic-operator {
723
771
  color: var(--foreground, #161616); }
724
772
 
773
+ .svc-logic-operator.svc-logic-operator:hover, .svc-logic-operator.svc-logic-operator:focus {
774
+ color: var(--background, #fff);
775
+ outline: none; }
776
+
725
777
  .svc-logic-operator.svc-logic-operator--conjunction {
726
778
  background-color: var(--primary-light, rgba(25, 179, 148, 0.1)); }
779
+ .svc-logic-operator.svc-logic-operator--conjunction:hover, .svc-logic-operator.svc-logic-operator--conjunction:focus {
780
+ background-color: var(--primary, #19b394); }
727
781
 
728
782
  .svc-logic-operator.svc-logic-operator--question {
729
783
  background-color: var(--blue-light, rgba(67, 127, 217, 0.1)); }
784
+ .svc-logic-operator.svc-logic-operator--question:hover, .svc-logic-operator.svc-logic-operator--question:focus {
785
+ background-color: var(--blue, #437FD9); }
730
786
 
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--operator:hover, .svc-logic-operator.svc-logic-operator--operator:focus {
790
+ background-color: var(--secondary, #ff9814); }
733
791
 
734
792
  .svc-logic-operator.svc-logic-operator--action {
735
793
  background-color: var(--red-light, rgba(230, 10, 62, 0.1)); }
794
+ .svc-logic-operator.svc-logic-operator--action:hover, .svc-logic-operator.svc-logic-operator--action:focus {
795
+ background-color: var(--red, #e60a3e); }
736
796
 
737
797
  .svc-logic-operator.svc-logic-operator--error {
738
798
  background-color: var(--background, #fff);
@@ -745,23 +805,30 @@ svc-tab-test {
745
805
  .svc-logic-paneldynamic .sd-paneldynamic__separator {
746
806
  display: none; }
747
807
 
748
- .svc-icon-remove {
808
+ .svc-action-button.svc-logic-condition-remove.svc-icon-remove:focus {
809
+ outline: none; }
810
+
811
+ .svc-logic-condition-remove.svc-icon-remove {
749
812
  display: block;
750
- width: calc(2.5 * var(--base-unit, 8px));
751
- height: 22px;
813
+ width: calc(5 * var(--base-unit, 8px));
814
+ height: calc(5 * var(--base-unit, 8px));
752
815
  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"); }
816
+ 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");
817
+ background-size: calc(3 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));
818
+ background-position: center; }
819
+
820
+ .svc-logic-condition-remove.svc-icon-remove:hover,
821
+ .svc-logic-condition-remove.svc-icon-remove:focus {
822
+ background-color: var(--red-light, rgba(230, 10, 62, 0.1)); }
823
+
824
+ .svc-logic-condition-remove-question {
825
+ height: calc(5 * var(--base-unit, 8px)); }
754
826
 
755
- .svc-logic-paneldynamic .svc-logic-paneldynamic__button-remove-text {
827
+ .svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {
756
828
  display: none; }
757
829
 
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)); }
830
+ .svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {
831
+ display: none; }
765
832
 
766
833
  .svc-question-wrapper {
767
834
  max-width: initial !important;
@@ -775,6 +842,10 @@ svc-tab-test {
775
842
  .svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn,
776
843
  .svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn {
777
844
  color: var(--foreground-light, #909090); }
845
+ .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,
846
+ .svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:hover,
847
+ .svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:focus {
848
+ color: var(--background, #fff); }
778
849
 
779
850
  .svc-logic-tab__content.svc-logic-tab__empty {
780
851
  flex-direction: column;
@@ -787,20 +858,9 @@ svc-tab-test {
787
858
  margin-top: calc(4 * var(--base-unit, 8px)); }
788
859
 
789
860
  .svc-logic-tab__content .svc-logic-tab__content-action {
790
- display: flex;
791
- align-items: center;
792
- width: 50%;
793
861
  margin-left: 25%;
794
862
  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; }
863
+ margin-bottom: calc(8 * var(--base-unit, 8px)); }
804
864
 
805
865
  .svc-logic-tab__content .svc-logic-tab__content-action--disabled {
806
866
  cursor: default;
@@ -808,19 +868,12 @@ svc-tab-test {
808
868
  .svc-logic-tab__content .svc-logic-tab__content-action--disabled:hover {
809
869
  background-color: var(--background, #fff); }
810
870
 
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
871
  .svc-logic-tab__content .sd-paneldynamic__panel-wrapper--in-row {
819
872
  margin-top: 0;
820
873
  align-items: start; }
821
874
 
822
875
  .svc-logic-paneldynamic {
823
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
876
+ font-family: var(--font-family); }
824
877
  .svc-logic-paneldynamic .sd-row--multiple {
825
878
  padding: 0;
826
879
  background: none;
@@ -875,6 +928,9 @@ svc-tab-test {
875
928
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
876
929
  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
930
 
931
+ :root {
932
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
933
+
878
934
  .svc-notifier {
879
935
  position: absolute;
880
936
  bottom: calc(1 * var(--base-unit, 8px));
@@ -887,7 +943,7 @@ svc-tab-test {
887
943
  color: var(--foreground, #161616);
888
944
  min-width: calc(30 * var(--base-unit, 8px));
889
945
  text-align: center;
890
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
946
+ font-family: var(--font-family);
891
947
  font-style: normal;
892
948
  font-weight: 600;
893
949
  font-size: calc(1.5 * var(--base-unit, 8px));
@@ -895,7 +951,8 @@ svc-tab-test {
895
951
 
896
952
  .svc-notifier.svc-notifier--error {
897
953
  background-color: var(--red, #e60a3e);
898
- color: white; }
954
+ color: var(--background, #fff);
955
+ opacity: 1; }
899
956
 
900
957
  /* latin */
901
958
  @font-face {
@@ -923,6 +980,9 @@ svc-tab-test {
923
980
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
924
981
  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
982
 
983
+ :root {
984
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
985
+
926
986
  svc-tab-designer {
927
987
  width: 100%;
928
988
  height: 100%;
@@ -972,12 +1032,22 @@ svc-tab-designer {
972
1032
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
973
1033
  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
1034
 
1035
+ :root {
1036
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1037
+
975
1038
  .svc-creator--mobile .sd-question__content .sd-selectbase__column {
976
1039
  max-width: initial;
977
1040
  display: block; }
978
1041
  .svc-creator--mobile .sd-question__content .sd-selectbase__column .svc-item-value-wrapper {
979
1042
  margin-left: calc(0 * var(--base-unit, 8px)); }
980
1043
 
1044
+ .svc-creator--mobile .svc-rating-question-controls {
1045
+ bottom: calc(5 * var(--base-unit, 8px));
1046
+ left: calc(3 * var(--base-unit, 8px)); }
1047
+
1048
+ .svc-creator--mobile .svc-question__content--selected .svc-rating-question-controls {
1049
+ bottom: calc(10 * var(--base-unit, 8px)); }
1050
+
981
1051
  .svc-creator--mobile .svc-page__content {
982
1052
  padding-left: 0;
983
1053
  padding-right: 0;
@@ -1048,11 +1118,16 @@ svc-tab-designer {
1048
1118
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1049
1119
  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
1120
 
1121
+ :root {
1122
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1123
+
1051
1124
  survey-creator,
1052
1125
  .svc-creator {
1053
1126
  display: flex;
1054
1127
  width: 100%;
1055
- height: 100%; }
1128
+ height: 100%;
1129
+ position: relative;
1130
+ z-index: 0; }
1056
1131
  survey-creator *,
1057
1132
  .svc-creator * {
1058
1133
  scrollbar-width: thin;
@@ -1132,7 +1207,7 @@ survey-creator,
1132
1207
 
1133
1208
  .svc-creator__non-commercial-text {
1134
1209
  color: var(--primary-foreground, #fff);
1135
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
1210
+ font-family: var(--font-family);
1136
1211
  font-weight: bold;
1137
1212
  font-size: calc(2 * var(--base-unit, 8px));
1138
1213
  text-transform: uppercase;
@@ -1156,35 +1231,6 @@ survey-creator,
1156
1231
  top: initial;
1157
1232
  bottom: calc(-0.5 * var(--base-unit, 8px)); }
1158
1233
 
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
1234
  /* latin */
1189
1235
  @font-face {
1190
1236
  font-family: "Open Sans";
@@ -1211,6 +1257,9 @@ survey-creator .sd-table__cell--header .svc-matrix-cell,
1211
1257
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1212
1258
  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
1259
 
1260
+ :root {
1261
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1262
+
1214
1263
  .svc-string-editor {
1215
1264
  position: static; }
1216
1265
  .svc-string-editor .sv-string-editor {
@@ -1323,11 +1372,6 @@ survey-creator .sd-table__cell--header .svc-matrix-cell,
1323
1372
  .sd-table__cell:first-child .svc-string-editor {
1324
1373
  margin-left: calc(1 * var(--base-unit, 8px)); }
1325
1374
 
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
1375
  /* latin */
1332
1376
  @font-face {
1333
1377
  font-family: "Open Sans";
@@ -1354,6 +1398,30 @@ survey-creator .svc-string-editor *:not(button):focus,
1354
1398
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1355
1399
  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
1400
 
1401
+ :root {
1402
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1403
+
1404
+ .svc-btn {
1405
+ display: flex;
1406
+ align-items: center;
1407
+ height: calc(7 * var(--base-unit, 8px));
1408
+ line-height: calc(7 * var(--base-unit, 8px));
1409
+ vertical-align: baseline;
1410
+ text-align: center;
1411
+ background-color: var(--background, #fff);
1412
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
1413
+ border-radius: calc(0.5 * var(--base-unit, 8px));
1414
+ cursor: pointer;
1415
+ user-select: none; }
1416
+ .svc-btn:hover {
1417
+ outline: 2px solid var(--primary, #19b394); }
1418
+ .svc-btn .svc-text {
1419
+ display: flex;
1420
+ align-items: center;
1421
+ flex-grow: 1;
1422
+ justify-content: center;
1423
+ color: var(--primary, #19b394); }
1424
+
1357
1425
  .svc-action-button {
1358
1426
  display: inline-block;
1359
1427
  padding: calc(0.5 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
@@ -1366,7 +1434,8 @@ survey-creator .svc-string-editor *:not(button):focus,
1366
1434
  border: calc(0.25 * var(--base-unit, 8px)) solid transparent; }
1367
1435
 
1368
1436
  .svc-action-button:focus, .svc-action-button:hover {
1369
- background: rgba(25, 179, 148, 0.1); }
1437
+ background-color: var(--primary-light, rgba(25, 179, 148, 0.1));
1438
+ outline: none; }
1370
1439
 
1371
1440
  .svc-action-button--selected {
1372
1441
  border-color: var(--primary, #19b394); }
@@ -1401,6 +1470,9 @@ survey-creator .svc-string-editor *:not(button):focus,
1401
1470
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1402
1471
  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
1472
 
1473
+ :root {
1474
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1475
+
1404
1476
  svc-page-navigator,
1405
1477
  .svc-page-navigator {
1406
1478
  display: flex;
@@ -1483,6 +1555,9 @@ survey-creator .svc-page-navigator__selector:hover, survey-creator .svc-page-nav
1483
1555
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1484
1556
  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
1557
 
1558
+ :root {
1559
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1560
+
1486
1561
  svc-page-navigator-item,
1487
1562
  .svc-page-navigator-item {
1488
1563
  display: block;
@@ -1495,6 +1570,8 @@ svc-page-navigator-item,
1495
1570
  .svc-page-navigator-item-content {
1496
1571
  height: 100%;
1497
1572
  width: 100%; }
1573
+ .svc-page-navigator-item-content:hover, .svc-page-navigator-item-content:focus {
1574
+ outline: none; }
1498
1575
 
1499
1576
  .svc-page-navigator-item__dot {
1500
1577
  box-sizing: content-box;
@@ -1543,14 +1620,11 @@ svc-page-navigator-item,
1543
1620
  border: none;
1544
1621
  background: var(--primary, #19b394); }
1545
1622
 
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; }
1623
+ .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,
1624
+ .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner {
1625
+ padding: 0 calc(4.5 * var(--base-unit, 8px)) 0 calc(2.5 * var(--base-unit, 8px));
1626
+ max-width: calc(25 * var(--base-unit, 8px));
1627
+ opacity: 1; }
1554
1628
 
1555
1629
  .svc-creator__toolbox--right .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,
1556
1630
  .svc-creator__toolbox--right .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner {
@@ -1585,6 +1659,9 @@ svc-page-navigator-item,
1585
1659
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1586
1660
  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
1661
 
1662
+ :root {
1663
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1664
+
1588
1665
  svc-page {
1589
1666
  display: block; }
1590
1667
 
@@ -1597,7 +1674,8 @@ svc-page {
1597
1674
  position: relative;
1598
1675
  padding: calc(1 * var(--base-unit, 8px)) calc(1 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));
1599
1676
  box-sizing: border-box;
1600
- width: 100%; }
1677
+ width: 100%;
1678
+ outline: none; }
1601
1679
  .svc-page__content .sd-page {
1602
1680
  margin: 0;
1603
1681
  padding-top: calc(1 * var(--base-unit, 8px)); }
@@ -1621,43 +1699,29 @@ svc-page {
1621
1699
  .svc-page__content-actions .sv-action-bar .sv-action:not(:last-child) > .sv-action__content {
1622
1700
  padding-right: calc(1 * var(--base-unit, 8px)); }
1623
1701
 
1702
+ .svc-page__content:not(.svc-page__content--new):focus,
1624
1703
  .svc-hovered.svc-page__content:not(.svc-page__content--new) {
1625
1704
  background: var(--secondary-back-light, rgba(255, 152, 20, 0.1)); }
1626
1705
 
1627
1706
  .svc-creator .svc-page .svc-page__content--selected,
1707
+ .svc-creator .svc-page .svc-page__content--selected:focus,
1628
1708
  .svc-hovered {
1629
1709
  border-radius: calc(0.5 * var(--base-unit, 8px)); }
1630
1710
  .svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected,
1711
+ .svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected,
1631
1712
  .svc-hovered.svc-page__content--selected {
1632
1713
  outline: 2px solid var(--secondary, #ff9814);
1633
1714
  background: var(--secondary-back-light, rgba(255, 152, 20, 0.1)); }
1634
1715
  .svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected .svc-page__content-actions,
1716
+ .svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected .svc-page__content-actions,
1635
1717
  .svc-hovered.svc-page__content--selected .svc-page__content-actions {
1636
1718
  display: block; }
1637
1719
 
1638
1720
  .svc-page__add-new-question {
1639
- display: flex;
1640
- align-items: center;
1641
1721
  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); }
1722
+ margin-right: calc(2 * var(--base-unit, 8px)); }
1654
1723
  .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); }
1724
+ margin-left: calc(6 * var(--base-unit, 8px)); }
1661
1725
 
1662
1726
  .svc-page__question-type-selector {
1663
1727
  appearance: none;
@@ -1701,11 +1765,15 @@ svc-page {
1701
1765
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1702
1766
  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
1767
 
1768
+ :root {
1769
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1770
+
1704
1771
  .svc-row {
1705
1772
  width: 100%; }
1706
1773
 
1707
1774
  .svc-row .sd-row--multiple {
1708
- padding: calc(1 * var(--base-unit, 8px)); }
1775
+ padding: calc(1 * var(--base-unit, 8px));
1776
+ gap: calc(1 * var(--base-unit, 8px)); }
1709
1777
 
1710
1778
  .svc-row.svc-row--ghost .svc-question__content {
1711
1779
  padding: 0;
@@ -1713,7 +1781,8 @@ svc-page {
1713
1781
  box-shadow: none; }
1714
1782
 
1715
1783
  .svc-row.svc-row--ghost .sd-row {
1716
- margin-top: 0; }
1784
+ margin-top: calc(2 * var(--base-unit, 8px));
1785
+ margin-bottom: calc(2 * var(--base-unit, 8px)); }
1717
1786
 
1718
1787
  /* latin */
1719
1788
  @font-face {
@@ -1741,6 +1810,9 @@ svc-page {
1741
1810
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1742
1811
  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
1812
 
1813
+ :root {
1814
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1815
+
1744
1816
  svc-question {
1745
1817
  display: block;
1746
1818
  position: absolute;
@@ -1775,7 +1847,8 @@ svc-question {
1775
1847
  padding: calc(4 * var(--base-unit, 8px)) calc(5 * var(--base-unit, 8px)) calc(8 * var(--base-unit, 8px));
1776
1848
  background: var(--background, #fff);
1777
1849
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
1778
- border: 2px solid transparent; }
1850
+ border: 2px solid transparent;
1851
+ outline: none; }
1779
1852
 
1780
1853
  .svc-question__content .sd-file__choose-btn {
1781
1854
  cursor: default;
@@ -1828,12 +1901,12 @@ svc-question {
1828
1901
  .svc-creator .svc-page .svc-hovered > .svc-question__content {
1829
1902
  outline: 2px solid var(--secondary-light, rgba(255, 152, 20, 0.25)); }
1830
1903
 
1831
- .svc-creator .svc-page .svc-question__content--selected,
1832
- .svc-creator .svc-page .svc-hovered > .svc-question__content--selected {
1904
+ .svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged),
1905
+ .svc-creator .svc-page .svc-hovered > .svc-question__content--selected:not(.svc-question__content--dragged) {
1833
1906
  outline: 2px solid var(--secondary, #ff9814);
1834
1907
  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 {
1908
+ .svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged) > .svc-question__content-actions,
1909
+ .svc-creator .svc-page .svc-hovered > .svc-question__content--selected:not(.svc-question__content--dragged) > .svc-question__content-actions {
1837
1910
  display: block; }
1838
1911
 
1839
1912
  .svc-question__content--dragged {
@@ -1861,7 +1934,7 @@ svc-question {
1861
1934
  border: 2px solid var(--secondary, #ff9814); }
1862
1935
 
1863
1936
  .svc-dragged-element-shortcut__text {
1864
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
1937
+ font-family: var(--font-family);
1865
1938
  font-style: normal;
1866
1939
  font-weight: 600;
1867
1940
  font-size: calc(1.5 * var(--base-unit, 8px));
@@ -2092,6 +2165,9 @@ svc-question .sv-action-bar,
2092
2165
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2093
2166
  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
2167
 
2168
+ :root {
2169
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2170
+
2095
2171
  .svc-image-question-controls {
2096
2172
  position: absolute;
2097
2173
  top: calc(1.5 * var(--base-unit, 8px));
@@ -2145,9 +2221,12 @@ svc-question .sv-action-bar,
2145
2221
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2146
2222
  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
2223
 
2224
+ :root {
2225
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2226
+
2148
2227
  .svc-rating-question-controls {
2149
2228
  position: absolute;
2150
- bottom: calc(9 * var(--base-unit, 8px));
2229
+ bottom: calc(10 * var(--base-unit, 8px));
2151
2230
  left: calc(5 * var(--base-unit, 8px)); }
2152
2231
 
2153
2232
  .svc-question__content .sd-rating {
@@ -2184,6 +2263,9 @@ svc-question .sv-action-bar,
2184
2263
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2185
2264
  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
2265
 
2266
+ :root {
2267
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2268
+
2187
2269
  .svc-item-value-wrapper {
2188
2270
  position: relative;
2189
2271
  display: flex; }
@@ -2202,6 +2284,7 @@ svc-question .sv-action-bar,
2202
2284
  margin: calc(1 * var(--base-unit, 8px)) 0;
2203
2285
  margin-right: calc(1 * var(--base-unit, 8px));
2204
2286
  height: calc(4 * var(--base-unit, 8px));
2287
+ width: calc(4 * var(--base-unit, 8px));
2205
2288
  box-sizing: border-box;
2206
2289
  flex-shrink: 0; }
2207
2290
 
@@ -2209,7 +2292,8 @@ svc-question .sv-action-bar,
2209
2292
  border-radius: 50%;
2210
2293
  padding: calc(1 * var(--base-unit, 8px));
2211
2294
  cursor: pointer;
2212
- display: inline-block; }
2295
+ display: inline-block;
2296
+ outline: none; }
2213
2297
 
2214
2298
  .svc-item-value-controls__button > span,
2215
2299
  sv-svg-icon.svc-item-value-controls__button {
@@ -2247,10 +2331,10 @@ sv-svg-icon.svc-item-value-controls__button {
2247
2331
  .svc-item-value-controls__add use {
2248
2332
  fill: var(--primary, #19b394); }
2249
2333
 
2250
- .svc-item-value-controls__add:hover {
2334
+ .svc-item-value-controls__add:hover, .svc-item-value-controls__add:focus {
2251
2335
  background-color: var(--primary-light, rgba(25, 179, 148, 0.1)); }
2252
2336
 
2253
- .svc-item-value-controls__remove:hover {
2337
+ .svc-item-value-controls__remove:hover, .svc-item-value-controls__remove:focus {
2254
2338
  background-color: var(--red-light, rgba(230, 10, 62, 0.1)); }
2255
2339
 
2256
2340
  .svc-question__content--selected-no-border .svc-item-value-controls {
@@ -2341,6 +2425,9 @@ sv-svg-icon.svc-item-value-controls__button {
2341
2425
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2342
2426
  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
2427
 
2428
+ :root {
2429
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2430
+
2344
2431
  .svc-image-item-value-wrapper {
2345
2432
  display: inline-block;
2346
2433
  position: relative; }
@@ -2461,6 +2548,9 @@ sv-svg-icon.svc-item-value-controls__button {
2461
2548
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2462
2549
  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
2550
 
2551
+ :root {
2552
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2553
+
2464
2554
  .svc-question__content .sd-table td:empty,
2465
2555
  .svc-question__content .sd-table th:empty {
2466
2556
  width: initial; }
@@ -2516,6 +2606,12 @@ sv-svg-icon.svc-item-value-controls__button {
2516
2606
  min-width: calc(70 * var(--base-unit, 8px));
2517
2607
  box-shadow: none; }
2518
2608
 
2609
+ .svc-matrix-cell__popup .sv-popup__container {
2610
+ background-color: var(--background, #fff); }
2611
+
2612
+ .svc-matrix-cell__popup .sv-popup_shadow.sv-popup_shadow {
2613
+ filter: unset; }
2614
+
2519
2615
  /* latin */
2520
2616
  @font-face {
2521
2617
  font-family: "Open Sans";
@@ -2542,6 +2638,9 @@ sv-svg-icon.svc-item-value-controls__button {
2542
2638
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2543
2639
  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
2640
 
2641
+ :root {
2642
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2643
+
2545
2644
  .svd_test_results {
2546
2645
  padding: 1em; }
2547
2646
  .svd_test_results .svd_results_text {
@@ -2638,6 +2737,9 @@ sv-svg-icon.svc-item-value-controls__button {
2638
2737
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2639
2738
  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
2739
 
2740
+ :root {
2741
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2742
+
2641
2743
  .svc-logo-image {
2642
2744
  position: relative;
2643
2745
  justify-content: flex-end;
@@ -2679,6 +2781,54 @@ sv-svg-icon.svc-item-value-controls__button {
2679
2781
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2680
2782
  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
2783
 
2784
+ :root {
2785
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2786
+
2787
+ .svc-question-link__set-button {
2788
+ font-weight: 600;
2789
+ cursor: pointer; }
2790
+
2791
+ .svc-link-value-button {
2792
+ margin-left: calc(-2 * var(--base-unit, 8px)); }
2793
+
2794
+ .svc-question-link__clear-button {
2795
+ margin-left: calc(4 * var(--base-unit, 8px));
2796
+ color: var(--red, #e60a3e);
2797
+ font-weight: 600;
2798
+ cursor: pointer; }
2799
+
2800
+ .svc-question-link__clear-button:hover {
2801
+ background-color: var(--red-light, rgba(230, 10, 62, 0.1)); }
2802
+
2803
+ /* latin */
2804
+ @font-face {
2805
+ font-family: "Open Sans";
2806
+ font-style: normal;
2807
+ font-weight: 400;
2808
+ src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2");
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; }
2810
+
2811
+ /* latin */
2812
+ @font-face {
2813
+ font-family: "Open Sans";
2814
+ font-style: normal;
2815
+ font-weight: 600;
2816
+ font-stretch: 100%;
2817
+ src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2818
+ 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; }
2819
+
2820
+ /* latin */
2821
+ @font-face {
2822
+ font-family: "Open Sans";
2823
+ font-style: normal;
2824
+ font-weight: 700;
2825
+ font-stretch: 100%;
2826
+ src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2827
+ 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; }
2828
+
2829
+ :root {
2830
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2831
+
2682
2832
  .svc-property-panel__item {
2683
2833
  margin: calc(2 * var(--base-unit, 8px)) 0;
2684
2834
  width: 100%; }
@@ -2709,6 +2859,9 @@ sv-svg-icon.svc-item-value-controls__button {
2709
2859
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2710
2860
  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
2861
 
2862
+ :root {
2863
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2864
+
2712
2865
  .svc-property-panel__group {
2713
2866
  -webkit-appearance: none;
2714
2867
  -moz-appearance: none;
@@ -2722,7 +2875,7 @@ sv-svg-icon.svc-item-value-controls__button {
2722
2875
  text-align: left;
2723
2876
  background: var(--background, #fff);
2724
2877
  box-shadow: inset 0px -1px 0px var(--border, #d6d6d6);
2725
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
2878
+ font-family: var(--font-family);
2726
2879
  font-size: calc(2 * var(--base-unit, 8px)); }
2727
2880
 
2728
2881
  .svc-property-panel__group:disabled,
@@ -2768,22 +2921,18 @@ sv-svg-icon.svc-item-value-controls__button {
2768
2921
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2769
2922
  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
2923
 
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); }
2924
+ :root {
2925
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2777
2926
 
2778
2927
  .svc-tabbed-menu-item {
2779
2928
  padding: 0px calc(3 * var(--base-unit, 8px));
2780
2929
  line-height: calc(8 * var(--base-unit, 8px));
2781
2930
  box-sizing: border-box;
2782
2931
  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); }
2932
+ .svc-tabbed-menu-item:hover, .svc-tabbed-menu-item:focus {
2933
+ background-color: var(--background-dim, #f3f3f3);
2934
+ box-shadow: inset 0px -1px 0px var(--border, #d6d6d6);
2935
+ outline: none; }
2787
2936
 
2788
2937
  .svc-tabbed-menu-item--selected {
2789
2938
  background: var(--background, #fff);
@@ -2842,6 +2991,9 @@ svc-tabbed-menu-item {
2842
2991
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2843
2992
  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
2993
 
2994
+ :root {
2995
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2996
+
2845
2997
  .svc-tabbed-menu {
2846
2998
  display: flex;
2847
2999
  white-space: nowrap;
@@ -2879,6 +3031,9 @@ svc-tabbed-menu-item {
2879
3031
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2880
3032
  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
3033
 
3034
+ :root {
3035
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3036
+
2882
3037
  .svc-toolbox__item {
2883
3038
  display: flex;
2884
3039
  position: relative;
@@ -2929,7 +3084,7 @@ svc-tabbed-menu-item {
2929
3084
  align-items: flex-end; }
2930
3085
 
2931
3086
  .svc-toolbox__item-title {
2932
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3087
+ font-family: var(--font-family);
2933
3088
  font-style: normal;
2934
3089
  font-weight: 600;
2935
3090
  font-size: calc(1.5 * var(--base-unit, 8px));
@@ -2974,12 +3129,16 @@ svc-tabbed-menu-item {
2974
3129
  .svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed {
2975
3130
  opacity: 0.5; }
2976
3131
 
2977
- .svc-toolbox__item:focus {
2978
- outline: none !important; }
2979
-
2980
3132
  .svc-toolbox-popup .sv-list__item {
2981
3133
  padding: calc(1.5 * var(--base-unit, 8px)) calc(5 * var(--base-unit, 8px)); }
2982
3134
 
3135
+ .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 {
3136
+ color: var(--foreground, #161616);
3137
+ opacity: 0.5; }
3138
+ .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 {
3139
+ fill: var(--foreground, #161616);
3140
+ opacity: 0.5; }
3141
+
2983
3142
  /* latin */
2984
3143
  @font-face {
2985
3144
  font-family: "Open Sans";
@@ -3006,6 +3165,9 @@ svc-tabbed-menu-item {
3006
3165
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
3007
3166
  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
3167
 
3168
+ :root {
3169
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3170
+
3009
3171
  .svc-question__dropdown-choices {
3010
3172
  margin-top: calc(2 * var(--base-unit, 8px)); }
3011
3173
 
@@ -3039,6 +3201,9 @@ svc-tabbed-menu-item {
3039
3201
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
3040
3202
  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
3203
 
3204
+ :root {
3205
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3206
+
3042
3207
  svc-toolbox {
3043
3208
  display: flex;
3044
3209
  flex-direction: column; }
@@ -3087,7 +3252,7 @@ svc-toolbox {
3087
3252
  cursor: pointer; }
3088
3253
 
3089
3254
  .svc-toolbox__category-title {
3090
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3255
+ font-family: var(--font-family);
3091
3256
  font-size: calc(1.5 * var(--base-unit, 8px));
3092
3257
  font-weight: bold;
3093
3258
  line-height: calc(2 * var(--base-unit, 8px));
@@ -3132,10 +3297,13 @@ svc-toolbox {
3132
3297
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
3133
3298
  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
3299
 
3300
+ :root {
3301
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3302
+
3135
3303
  .svc-side-bar__container {
3136
3304
  display: block;
3137
3305
  position: relative;
3138
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3306
+ font-family: var(--font-family);
3139
3307
  min-width: 370px;
3140
3308
  max-width: calc(118 * var(--base-unit, 8px));
3141
3309
  width: 450px;
@@ -3168,7 +3336,8 @@ svc-toolbox {
3168
3336
  flex-direction: column;
3169
3337
  align-items: flex-start;
3170
3338
  height: calc(100% - calc(8 * var(--base-unit, 8px)));
3171
- overflow-y: auto; }
3339
+ overflow-y: auto;
3340
+ background-color: var(--background, #fff); }
3172
3341
 
3173
3342
  .svc-side-bar__container-container {
3174
3343
  display: flex;
@@ -3213,7 +3382,6 @@ svc-toolbox {
3213
3382
  width: 0;
3214
3383
  overflow: visible; }
3215
3384
  .svc-flyout-side-bar .svc-side-bar__shadow {
3216
- z-index: 100;
3217
3385
  background-color: var(--foreground-light, #909090);
3218
3386
  opacity: 0.75;
3219
3387
  position: absolute;
@@ -3304,6 +3472,9 @@ svc-toolbox {
3304
3472
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
3305
3473
  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
3474
 
3475
+ :root {
3476
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3477
+
3307
3478
  .spg-question {
3308
3479
  display: flex;
3309
3480
  flex-direction: column;
@@ -3320,7 +3491,7 @@ svc-toolbox {
3320
3491
  padding: calc(1 * var(--base-unit, 8px)) 0;
3321
3492
  line-height: calc(3 * var(--base-unit, 8px));
3322
3493
  font-size: calc(2 * var(--base-unit, 8px));
3323
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3494
+ font-family: var(--font-family);
3324
3495
  color: var(--foreground-light, #909090);
3325
3496
  font-weight: normal;
3326
3497
  box-sizing: border-box; }
@@ -3330,19 +3501,6 @@ svc-toolbox {
3330
3501
  color: var(--primary, #19b394);
3331
3502
  cursor: pointer; }
3332
3503
 
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
3504
  .spg-question__description {
3347
3505
  line-height: calc(3 * var(--base-unit, 8px));
3348
3506
  font-size: calc(2 * var(--base-unit, 8px));
@@ -3398,7 +3556,7 @@ svc-toolbox {
3398
3556
  color: var(--foreground-light, #909090); }
3399
3557
 
3400
3558
  .spg-input:focus {
3401
- border: 1px solid var(--primary, #19b394); }
3559
+ border: 2px solid var(--primary, #19b394); }
3402
3560
 
3403
3561
  .spg-input:disabled,
3404
3562
  .spg-input:disabled::placeholder {
@@ -3409,7 +3567,8 @@ svc-toolbox {
3409
3567
  background-repeat: no-repeat, repeat;
3410
3568
  background-position: right calc(2.5 * var(--base-unit, 8px)) top 50%, 0 0;
3411
3569
  background-size: 10px 5px;
3412
- padding-right: calc(5.5 * var(--base-unit, 8px)); }
3570
+ padding-right: calc(5.5 * var(--base-unit, 8px));
3571
+ border-radius: 0; }
3413
3572
 
3414
3573
  .spg-comment {
3415
3574
  -webkit-appearance: none;
@@ -3423,17 +3582,19 @@ svc-toolbox {
3423
3582
  border: 1px solid var(--border-inside, rgba(0, 0, 0, 0.16));
3424
3583
  padding: calc(1.5 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
3425
3584
  outline: none;
3426
- font-size: calc(2 * var(--base-unit, 8px));
3427
3585
  color: var(--foreground, #161616);
3428
3586
  max-width: 100%;
3429
3587
  min-width: calc(6 * var(--base-unit, 8px));
3430
- min-height: calc(6 * var(--base-unit, 8px)); }
3588
+ min-height: calc(6 * var(--base-unit, 8px));
3589
+ font-family: var(--font-family);
3590
+ font-size: calc(2 * var(--base-unit, 8px));
3591
+ line-height: calc(3 * var(--base-unit, 8px)); }
3431
3592
 
3432
3593
  .spg-comment::placeholder {
3433
3594
  color: var(--foreground-light, #909090); }
3434
3595
 
3435
3596
  .spg-comment:focus {
3436
- border: 1px solid var(--primary, #19b394); }
3597
+ border: 2px solid var(--primary, #19b394); }
3437
3598
 
3438
3599
  .spg-comment:disabled,
3439
3600
  .spg-comment:disabled::placeholder {
@@ -3451,29 +3612,25 @@ svc-toolbox {
3451
3612
  color: var(--foreground-light, #909090);
3452
3613
  cursor: pointer;
3453
3614
  text-align: left;
3454
- background: var(--background, #fff);
3615
+ background-color: var(--background, #fff);
3455
3616
  box-shadow: inset 0px -1px 0px var(--border, #d6d6d6);
3456
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3617
+ font-family: var(--font-family);
3457
3618
  font-size: calc(2 * var(--base-unit, 8px));
3458
3619
  font-weight: 400;
3459
3620
  margin: 0; }
3460
3621
 
3461
3622
  .spg-panel__title:disabled,
3462
3623
  .spg-panel__title:disabled:hover {
3463
- background-color: var(--background, #fff);
3464
3624
  color: var(--foreground-disabled, rgba(22, 22, 22, 0.16));
3465
3625
  cursor: default; }
3466
3626
 
3467
- .spg-panel__title--expandable:hover {
3468
- background-color: var(--background-dim, #f3f3f3);
3469
- color: var(--foreground-light, #909090);
3470
- font-weight: 400; }
3627
+ .spg-panel__title--expandable:not(.spg-panel__title[aria-expanded=true]):hover, .spg-panel__title--expandable:not(.spg-panel__title[aria-expanded=true]):focus {
3628
+ background-color: var(--background-dim, #f3f3f3); }
3471
3629
 
3472
- .spg-panel__title--expanded,
3473
- .spg-panel__title--expanded:hover {
3630
+ .spg-panel__title[aria-expanded=true],
3631
+ .spg-panel__title--expanded {
3474
3632
  color: var(--foreground, #161616);
3475
- font-weight: 600;
3476
- background-color: var(--background, #fff); }
3633
+ font-weight: 600; }
3477
3634
 
3478
3635
  .spg-panel__content {
3479
3636
  display: flex;
@@ -3495,10 +3652,8 @@ svc-toolbox {
3495
3652
  .spg-checkbox {
3496
3653
  cursor: pointer;
3497
3654
  display: flex;
3498
- align-items: center; }
3499
-
3500
- .spg-checkbox:focus-within {
3501
- outline: 1px dotted var(--primary, #19b394); }
3655
+ align-items: center;
3656
+ margin-top: calc(1 * var(--base-unit, 8px)); }
3502
3657
 
3503
3658
  .spg-checkbox--disabled {
3504
3659
  cursor: default; }
@@ -3506,7 +3661,7 @@ svc-toolbox {
3506
3661
  cursor: default; }
3507
3662
 
3508
3663
  .spg-checkbox__caption {
3509
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3664
+ font-family: var(--font-family);
3510
3665
  font-size: calc(2 * var(--base-unit, 8px));
3511
3666
  color: var(--foreground, #161616);
3512
3667
  margin-left: calc(1 * var(--base-unit, 8px)); }
@@ -3518,7 +3673,12 @@ svc-toolbox {
3518
3673
  width: calc(3 * var(--base-unit, 8px));
3519
3674
  height: calc(3 * var(--base-unit, 8px));
3520
3675
  flex-shrink: 0;
3521
- padding: calc(0.5 * var(--base-unit, 8px)); }
3676
+ padding: 4px 3px; }
3677
+ .spg-checkbox__rectangle:hover, .spg-checkbox__rectangle:focus {
3678
+ background-color: var(--background-dim, #f3f3f3); }
3679
+
3680
+ .spg-checkbox__control:focus + .spg-checkbox__rectangle {
3681
+ background-color: var(--background-dim, #f3f3f3); }
3522
3682
 
3523
3683
  .spg-checkbox--checked .spg-checkbox__rectangle:after {
3524
3684
  display: block;
@@ -3551,9 +3711,6 @@ svc-toolbox {
3551
3711
  .spg-selectbase__item {
3552
3712
  margin-bottom: calc(2 * var(--base-unit, 8px)); }
3553
3713
 
3554
- .spg-matrixdynamic__add-btn {
3555
- display: none; }
3556
-
3557
3714
  .spg-matrixdynamic__drag-element {
3558
3715
  padding: calc(2 * var(--base-unit, 8px)); }
3559
3716
  .spg-matrixdynamic__drag-element:hover {
@@ -3586,6 +3743,35 @@ svc-toolbox {
3586
3743
  .spg-matrixdynamic__drag-drop-ghost-position-bottom::after {
3587
3744
  bottom: 0; }
3588
3745
 
3746
+ .spg-matrixdynamic__placeholder {
3747
+ padding: calc(6 * var(--base-unit, 8px)) 0;
3748
+ display: flex;
3749
+ flex-direction: column;
3750
+ justify-content: center;
3751
+ align-items: center;
3752
+ background: var(--background, #fff);
3753
+ border: 1px solid var(--border, #d6d6d6);
3754
+ box-sizing: border-box; }
3755
+ .spg-matrixdynamic__placeholder .spg-matrixdynamic__add-btn {
3756
+ display: initial; }
3757
+
3758
+ .spg-matrixdynamic__placeholder-text {
3759
+ font-size: calc(2 * var(--base-unit, 8px));
3760
+ line-height: calc(3 * var(--base-unit, 8px));
3761
+ color: var(--foreground-light, #909090); }
3762
+
3763
+ .spg-matrixdynamic__add-btn {
3764
+ display: none;
3765
+ appearance: none;
3766
+ border: none;
3767
+ margin-top: calc(0.5 * var(--base-unit, 8px));
3768
+ background: transparent;
3769
+ color: var(--primary, #19b394);
3770
+ font-family: var(--font-family);
3771
+ font-size: calc(2 * var(--base-unit, 8px));
3772
+ font-weight: 600;
3773
+ line-height: calc(3 * var(--base-unit, 8px)); }
3774
+
3589
3775
  .spg-table {
3590
3776
  width: 100%;
3591
3777
  background-color: var(--background, #fff);
@@ -3670,21 +3856,42 @@ svc-toolbox {
3670
3856
  .spg-table__cell .sv-action-bar {
3671
3857
  padding-left: 0; }
3672
3858
 
3673
- survey-creator .spg-action-button .sv-action-bar-item, .svc-creator .spg-action-button .sv-action-bar-item {
3674
- border-radius: 50%;
3859
+ survey-creator button.spg-action-button,
3860
+ survey-creator .spg-action-button .sv-action-bar-item, .svc-creator button.spg-action-button,
3861
+ .svc-creator .spg-action-button .sv-action-bar-item {
3862
+ border-radius: calc(12.5 * var(--base-unit, 8px));
3675
3863
  padding: calc(1 * var(--base-unit, 8px));
3676
3864
  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 {
3865
+ survey-creator button.spg-action-button:hover, survey-creator button.spg-action-button:focus,
3866
+ survey-creator .spg-action-button .sv-action-bar-item:hover,
3867
+ survey-creator .spg-action-button .sv-action-bar-item:focus, .svc-creator button.spg-action-button:hover, .svc-creator button.spg-action-button:focus,
3868
+ .svc-creator .spg-action-button .sv-action-bar-item:hover,
3869
+ .svc-creator .spg-action-button .sv-action-bar-item:focus {
3678
3870
  outline: none;
3679
3871
  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 {
3872
+ survey-creator button.spg-action-button:hover use, survey-creator button.spg-action-button:focus use,
3873
+ survey-creator .spg-action-button .sv-action-bar-item:hover use,
3874
+ survey-creator .spg-action-button .sv-action-bar-item:focus use, .svc-creator button.spg-action-button:hover use, .svc-creator button.spg-action-button:focus use,
3875
+ .svc-creator .spg-action-button .sv-action-bar-item:hover use,
3876
+ .svc-creator .spg-action-button .sv-action-bar-item:focus use {
3681
3877
  fill: var(--primary, #19b394); }
3682
3878
 
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 {
3879
+ survey-creator button.spg-action-button--danger:hover, survey-creator button.spg-action-button--danger:focus,
3880
+ survey-creator .spg-action-button--danger .sv-action-bar-item:hover,
3881
+ survey-creator .spg-action-button--danger .sv-action-bar-item:focus, .svc-creator button.spg-action-button--danger:hover, .svc-creator button.spg-action-button--danger:focus,
3882
+ .svc-creator .spg-action-button--danger .sv-action-bar-item:hover,
3883
+ .svc-creator .spg-action-button--danger .sv-action-bar-item:focus {
3684
3884
  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 {
3885
+ survey-creator button.spg-action-button--danger:hover use, survey-creator button.spg-action-button--danger:focus use,
3886
+ survey-creator .spg-action-button--danger .sv-action-bar-item:hover use,
3887
+ survey-creator .spg-action-button--danger .sv-action-bar-item:focus use, .svc-creator button.spg-action-button--danger:hover use, .svc-creator button.spg-action-button--danger:focus use,
3888
+ .svc-creator .spg-action-button--danger .sv-action-bar-item:hover use,
3889
+ .svc-creator .spg-action-button--danger .sv-action-bar-item:focus use {
3686
3890
  fill: var(--red, #e60a3e); }
3687
3891
 
3892
+ survey-creator button.spg-action-button--large, .svc-creator button.spg-action-button--large {
3893
+ padding: calc(0.5 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)); }
3894
+
3688
3895
  /* latin */
3689
3896
  @font-face {
3690
3897
  font-family: "Open Sans";
@@ -3711,8 +3918,11 @@ survey-creator .spg-action-button--danger .sv-action-bar-item:hover, survey-crea
3711
3918
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
3712
3919
  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
3920
 
3921
+ :root {
3922
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3923
+
3714
3924
  .svc-text {
3715
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3925
+ font-family: var(--font-family);
3716
3926
  font-style: normal;
3717
3927
  font-weight: normal;
3718
3928
  color: var(--foreground, #161616); }
@@ -3754,6 +3964,9 @@ survey-creator .spg-action-button--danger .sv-action-bar-item:hover, survey-crea
3754
3964
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
3755
3965
  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
3966
 
3967
+ :root {
3968
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3969
+
3757
3970
  .svc-flex-container {
3758
3971
  display: flex; }
3759
3972