survey-creator-react 1.9.0-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.
Files changed (7) hide show
  1. package/README.md +53 -70
  2. package/package.json +1 -1
  3. package/survey-creator-react.css +1346 -719
  4. package/survey-creator-react.d.ts +4469 -402
  5. package/survey-creator-react.js +2595 -1637
  6. package/survey-creator-react.min.css +1344 -717
  7. package/survey-creator-react.min.js +64 -52
package/survey-creator-react.min.css CHANGED
@@ -1,11 +1,11 @@
1
1
  /*!
2
- * SurveyJS Creator React v1.9.0-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.0-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,137 +36,22 @@
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
- survey-creator,
40
- .svc-creator {
41
- display: flex;
42
- width: 100%;
43
- height: 100%; }
44
- survey-creator *,
45
- .svc-creator * {
46
- scrollbar-width: thin;
47
- scrollbar-color: var(--primary-light, rgba(25, 179, 148, 0.1)) var(--background-dim, #f3f3f3); }
48
- survey-creator ::-webkit-scrollbar,
49
- .svc-creator ::-webkit-scrollbar {
50
- height: 6px;
51
- width: 6px;
52
- background-color: var(--background-dim, #f3f3f3); }
53
- survey-creator ::-webkit-scrollbar-thumb,
54
- .svc-creator ::-webkit-scrollbar-thumb {
55
- background: var(--primary-light, rgba(25, 179, 148, 0.1)); }
56
-
57
- .svc-creator__area {
58
- position: relative;
59
- -moz-user-select: none;
60
- -ms-user-select: none;
61
- user-select: none; }
62
-
63
- .svc-creator__content-wrapper {
64
- width: 100%;
65
- height: calc(100% - calc(8 * var(--base-unit, 8px))); }
66
-
67
- .svc-creator__content-wrapper--footer-toolbar {
68
- height: calc(100% - calc(6 * var(--base-unit, 8px))); }
69
-
70
- .svc-creator__content-holder {
71
- width: 100%;
72
- height: 100%; }
73
-
74
- .svc-creator-tab {
75
- display: flex;
76
- width: 100%;
77
- height: 100%;
78
- overflow: hidden;
79
- position: relative; }
80
-
81
- .svc-creator__toolbox--right.svc-creator-tab {
82
- flex-direction: row-reverse; }
83
-
84
- .svc-creator-tab__content {
85
- position: relative;
86
- width: 100%;
87
- height: 100%;
88
- box-sizing: border-box; }
89
-
90
- .svc-plugin-tab__content {
91
- height: 100%;
92
- overflow-y: auto; }
93
-
94
- .svc-plugin-tab__content-actions sv-action-bar {
95
- padding: 0;
96
- height: calc(6 * var(--base-unit, 8px));
97
- background: var(--background, #fff);
98
- border-top: 1px solid var(--border, #d6d6d6); }
99
-
100
- .svc-creator__banner {
101
- position: absolute;
102
- bottom: 0;
103
- width: 100%;
104
- height: calc(4 * var(--base-unit, 8px));
105
- line-height: calc(4 * var(--base-unit, 8px));
106
- background-color: var(--secondary, #ff9814);
107
- text-align: center; }
108
-
109
- .svc-item__banner {
110
- position: absolute;
111
- top: 0;
112
- max-width: 0;
113
- overflow: hidden;
114
- height: 100%;
115
- background-color: var(--background, #fff);
116
- /* Shadow / Medium */
117
- border-radius: calc(12.5 * var(--base-unit, 8px));
118
- box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
119
- transition: max-width 0.1s ease-in-out, padding 0.2s ease-in-out; }
120
-
121
- .svc-creator__non-commercial-text {
122
- color: var(--primary-foreground, #fff);
123
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
124
- font-weight: bold;
125
- font-size: calc(2 * var(--base-unit, 8px));
126
- text-transform: uppercase;
127
- vertical-align: middle; }
128
- .svc-creator__non-commercial-text a {
129
- color: var(--primary-foreground, #fff);
130
- text-decoration: none; }
131
-
132
- .sv-drag-drop-ghost {
133
- top: calc(0.75 * var(--base-unit, 8px));
134
- width: 100%;
135
- height: calc(0.5 * var(--base-unit, 8px));
136
- background: var(--secondary, #ff9814);
137
- position: absolute; }
138
-
139
- .sv-drag-drop-ghost--vertical {
140
- height: 10000px;
141
- width: 4px; }
142
-
143
- .sv-drag-drop-ghost--item-value-bottom {
144
- top: initial;
145
- bottom: calc(-0.5 * var(--base-unit, 8px)); }
39
+ :root {
40
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
146
41
 
147
- survey-creator .sv-action-bar-item:not(button):focus,
148
- survey-creator *:not(button):focus,
149
- survey-creator .svc-page__question-type-selector:focus,
150
- .svc-creator .sv-action-bar-item:not(button):focus,
151
- .svc-creator *:not(button):focus,
152
- .svc-creator .svc-page__question-type-selector:focus,
153
- .sv-popup .sv-action-bar-item:not(button):focus,
154
- .sv-popup *:not(button):focus,
155
- .sv-popup .svc-page__question-type-selector:focus {
156
- outline: 1px dotted var(--primary, #19b394); }
42
+ .svc-embed-tab__content {
43
+ padding: calc(2 * var(--base-unit, 8px));
44
+ font-family: var(--font-family); }
45
+ .svc-embed-tab__content .spg-row {
46
+ display: flex; }
47
+ .svc-embed-tab__content .spg-question__description {
48
+ line-height: calc(3 * var(--base-unit, 8px));
49
+ font-size: calc(2 * var(--base-unit, 8px));
50
+ color: var(--foreground, #161616);
51
+ padding: calc(2 * var(--base-unit, 8px)) 0 calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)); }
157
52
 
158
- survey-creator button.sv-action-bar-item:focus,
159
- survey-creator .sv-button-group__item:focus-within,
160
- .svc-creator button.sv-action-bar-item:focus,
161
- .svc-creator .sv-button-group__item:focus-within,
162
- .sv-popup button.sv-action-bar-item:focus,
163
- .sv-popup .sv-button-group__item:focus-within {
164
- border: 1px dotted var(--primary, #19b394); }
165
-
166
- survey-creator .sd-table__cell--header .svc-matrix-cell,
167
- .svc-creator .sd-table__cell--header .svc-matrix-cell,
168
- .sv-popup .sd-table__cell--header .svc-matrix-cell {
169
- outline: none; }
53
+ .sv-question-embed__title {
54
+ display: none; }
170
55
 
171
56
  /* latin */
172
57
  @font-face {
@@ -194,120 +79,20 @@ survey-creator .sd-table__cell--header .svc-matrix-cell,
194
79
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
195
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; }
196
81
 
197
- .svc-string-editor {
198
- position: static; }
199
- .svc-string-editor .sv-string-editor {
200
- display: inline-block;
201
- position: relative;
202
- outline: none;
203
- white-space: normal;
204
- word-break: break-word;
205
- z-index: 12; }
206
- .svc-string-editor .sv-string-editor[aria-placeholder]:empty:before {
207
- content: attr(aria-placeholder);
208
- color: var(--foreground-light, #909090); }
209
- .svc-string-editor.svc-string-editor--hidden {
210
- display: none; }
211
-
212
- .svc-string-editor__content {
213
- display: inline-block;
214
- position: relative;
215
- z-index: 10; }
216
-
217
- .svc-string-editor__border {
218
- display: none;
219
- position: absolute;
220
- z-index: 11;
221
- display: flex;
222
- align-items: center;
223
- justify-content: right;
224
- line-height: 0px; }
225
-
226
- .svc-string-editor__error {
227
- margin-left: calc(1 * var(--base-unit, 8px));
228
- line-height: calc(4 * var(--base-unit, 8px));
229
- font-size: calc(2 * var(--base-unit, 8px));
230
- color: red; }
82
+ :root {
83
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
231
84
 
232
- .svc-string-editor__controls {
233
- position: absolute;
234
- left: 100%;
85
+ svc-tab-json-editor-ace {
86
+ width: 100%;
235
87
  height: 100%;
236
- width: calc(2 * var(--base-unit, 8px));
237
- top: 0;
238
- padding-left: calc(2 * var(--base-unit, 8px));
239
- z-index: 12;
240
- display: none;
241
- align-items: center;
242
- justify-content: center;
243
- line-height: 0px; }
244
-
245
- .svc-string-editor__button {
246
- display: none;
247
- position: relative; }
248
- .svc-string-editor__button use {
249
- fill: var(--primary, #19b394); }
250
-
251
- .svc-string-editor__button--edit {
252
- height: calc(2 * var(--base-unit, 8px));
253
- width: calc(2 * var(--base-unit, 8px));
254
- padding: calc(1 * var(--base-unit, 8px)); }
255
- .svc-string-editor__button--edit .sv-svg-icon {
256
- vertical-align: bottom; }
257
- .svc-string-editor__button--edit.sv-svg-icon {
258
- overflow: visible; }
259
-
260
- .svc-string-editor:hover:not(:focus-within) .svc-string-editor__button--edit {
261
- display: none; }
262
-
263
- .svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) {
264
- color: var(--foreground, #161616); }
265
- .svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) .svc-string-editor__border {
266
- display: flex;
267
- top: calc(-0.5 * var(--base-unit, 8px));
268
- bottom: calc(-0.5 * var(--base-unit, 8px));
269
- left: calc(-0.5 * var(--base-unit, 8px));
270
- right: calc(-0.5 * var(--base-unit, 8px));
271
- border: none;
272
- background-color: var(--primary-light, rgba(25, 179, 148, 0.1)); }
273
-
274
- .svc-string-editor:focus-within {
275
- color: var(--foreground, #161616); }
276
- .svc-string-editor:focus-within .svc-string-editor__border {
277
- display: flex;
278
- top: calc(-1 * var(--base-unit, 8px));
279
- bottom: calc(-1 * var(--base-unit, 8px));
280
- left: calc(-1 * var(--base-unit, 8px));
281
- right: calc(-1 * var(--base-unit, 8px));
282
- border: calc(0.25 * var(--base-unit, 8px)) solid var(--primary, #19b394);
283
- border-radius: calc(0.5 * var(--base-unit, 8px));
284
- background-color: var(--background, #fff); }
285
-
286
- .sd-rating .sd-rating__item:focus-within {
287
- border: calc(0.25 * var(--base-unit, 8px)) solid var(--primary, #19b394); }
288
-
289
- .sd-rating .svc-string-editor:focus-within .svc-string-editor__border {
290
- display: none; }
291
-
292
- .sd-table__cell--header .svc-matrix-cell:not(:focus):focus-within .svc-matrix-cell--selected {
293
- border: calc(0.25 * var(--base-unit, 8px)) solid var(--primary, #19b394);
294
- border-radius: calc(0.5 * var(--base-unit, 8px));
295
- display: block; }
296
-
297
- .sd-table__cell--header .svc-string-editor:focus-within .svc-string-editor__border {
298
- display: none; }
299
-
300
- .sd-item__control-label .svc-string-editor:focus-within .svc-string-editor__border {
301
- left: calc(-0.7 * var(--base-unit, 8px));
302
- right: calc(-0.7 * var(--base-unit, 8px)); }
88
+ background: var(--background-dim, #f3f3f3); }
303
89
 
304
- .sd-table__cell:first-child .svc-string-editor {
305
- margin-left: calc(1 * var(--base-unit, 8px)); }
90
+ .svc-json-editor-tab__content {
91
+ position: relative;
92
+ height: 100%; }
306
93
 
307
- survey-creator .svc-string-editor *:not(button):focus,
308
- .svc-creator .svc-string-editor *:not(button):focus,
309
- .sv-popup .svc-string-editor *:not(button):focus {
310
- outline: none; }
94
+ .svc-json-editor-tab__ace-editor {
95
+ height: 100%; }
311
96
 
312
97
  /* latin */
313
98
  @font-face {
@@ -335,92 +120,17 @@ survey-creator .svc-string-editor *:not(button):focus,
335
120
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
336
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; }
337
122
 
338
- .svc-embed-tab__content {
339
- padding: calc(2 * var(--base-unit, 8px));
340
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
341
- .svc-embed-tab__content .spg-row {
342
- display: flex; }
343
- .svc-embed-tab__content .spg-question__description {
344
- line-height: calc(3 * var(--base-unit, 8px));
345
- font-size: calc(2 * var(--base-unit, 8px));
346
- color: var(--foreground, #161616);
347
- padding: calc(2 * var(--base-unit, 8px)) 0 calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)); }
123
+ :root {
124
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
348
125
 
349
- .sv-question-embed__title {
350
- display: none; }
126
+ svc-tab-json-editor-textarea {
127
+ width: 100%;
128
+ height: 100%;
129
+ background: var(--background-dim, #f3f3f3); }
351
130
 
352
- /* latin */
353
- @font-face {
354
- font-family: "Open Sans";
355
- font-style: normal;
356
- font-weight: 400;
357
- src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2");
358
- 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; }
359
-
360
- /* latin */
361
- @font-face {
362
- font-family: "Open Sans";
363
- font-style: normal;
364
- font-weight: 600;
365
- font-stretch: 100%;
366
- src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
367
- 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; }
368
-
369
- /* latin */
370
- @font-face {
371
- font-family: "Open Sans";
372
- font-style: normal;
373
- font-weight: 700;
374
- font-stretch: 100%;
375
- src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
376
- 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; }
377
-
378
- svc-tab-json-editor-ace {
379
- width: 100%;
380
- height: 100%;
381
- background: var(--background-dim, #f3f3f3); }
382
-
383
- .svc-json-editor-tab__content {
384
- position: relative;
385
- height: 100%; }
386
-
387
- .svc-json-editor-tab__ace-editor {
388
- height: 100%; }
389
-
390
- /* latin */
391
- @font-face {
392
- font-family: "Open Sans";
393
- font-style: normal;
394
- font-weight: 400;
395
- src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2");
396
- 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; }
397
-
398
- /* latin */
399
- @font-face {
400
- font-family: "Open Sans";
401
- font-style: normal;
402
- font-weight: 600;
403
- font-stretch: 100%;
404
- src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
405
- 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; }
406
-
407
- /* latin */
408
- @font-face {
409
- font-family: "Open Sans";
410
- font-style: normal;
411
- font-weight: 700;
412
- font-stretch: 100%;
413
- src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
414
- 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; }
415
-
416
- svc-tab-json-editor-textarea {
417
- width: 100%;
418
- height: 100%;
419
- background: var(--background-dim, #f3f3f3); }
420
-
421
- .svc-json-editor-tab__content {
422
- position: relative;
423
- height: 100%; }
131
+ .svc-json-editor-tab__content {
132
+ position: relative;
133
+ height: 100%; }
424
134
 
425
135
  .svc-json-editor-tab__content-area {
426
136
  width: 100%;
@@ -483,6 +193,9 @@ svc-tab-json-editor-textarea {
483
193
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
484
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; }
485
195
 
196
+ :root {
197
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
198
+
486
199
  .svd-simulator {
487
200
  position: relative;
488
201
  -webkit-user-select: none;
@@ -554,6 +267,8 @@ svc-tab-json-editor-textarea {
554
267
 
555
268
  .svd-simulator-main {
556
269
  min-height: 100%; }
270
+ .svd-simulator-main.svd-simulator-main--desktop {
271
+ min-height: auto; }
557
272
  .svd-simulator-main.svd-simulator-main--frame {
558
273
  display: flex;
559
274
  align-items: center; }
@@ -595,6 +310,9 @@ svc-tab-json-editor-textarea {
595
310
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
596
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; }
597
312
 
313
+ :root {
314
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
315
+
598
316
  svc-tab-test {
599
317
  width: 100%;
600
318
  height: 100%;
@@ -602,6 +320,11 @@ svc-tab-test {
602
320
 
603
321
  .svc-test-tab__content .svc-plugin-tab__content {
604
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; }
605
328
 
606
329
  .svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {
607
330
  height: calc(100% - calc(6 * var(--base-unit, 8px))); }
@@ -655,38 +378,61 @@ svc-tab-test {
655
378
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
656
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; }
657
380
 
658
- .sl-table__row:hover .sl-detail-panel__icon:before,
659
- .sl-table__cell--detail-button:focus .sl-detail-panel__icon:before {
660
- 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 {
661
388
  display: block;
662
- 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");
663
- background-repeat: no-repeat;
664
- background-position: center center;
665
- height: calc(3 * var(--base-unit, 8px));
666
- width: calc(3 * var(--base-unit, 8px));
667
- 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; }
668
407
 
669
408
  .sl-table__row #remove-row .sv-action-bar-item__icon use {
670
409
  display: none; }
671
410
 
672
411
  .sl-table__row:hover #remove-row .sv-action-bar-item,
673
412
  .sl-table__row #remove-row:focus-within .sv-action-bar-item {
674
- padding: calc(0.25 * var(--base-unit, 8px));
675
- border: none; }
413
+ border: none;
414
+ width: calc(5 * var(--base-unit, 8px));
415
+ height: calc(5 * var(--base-unit, 8px)); }
676
416
 
677
417
  .sl-table__row:hover #remove-row .sv-action-bar-item__icon use,
678
418
  .sl-table__row #remove-row:focus-within .sv-action-bar-item__icon use {
679
419
  fill: var(--red, #e60a3e);
680
420
  display: block; }
681
421
 
682
- .sl-table__row.sl-table__row--additional .sl-table__cell {
422
+ .sl-table__row.sl-table__row--additional .sl-table__cell .svc-action-button {
683
423
  color: var(--secondary, #ff9814); }
684
424
 
425
+ .sl-table__cell .svc-action-button,
426
+ .sl-table__cell .svc-action-button:hover,
427
+ .sl-table__cell .svc-action-button:focus {
428
+ background: transparent;
429
+ color: var(--foreground, #161616); }
430
+
685
431
  .sl-table__cell {
686
432
  color: var(--foreground, #161616);
687
433
  font-weight: bold;
688
434
  font-size: calc(2 * var(--base-unit, 8px));
689
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
435
+ font-family: var(--font-family);
690
436
  padding: 0.9375em;
691
437
  padding-left: 0;
692
438
  box-sizing: content-box;
@@ -719,20 +465,20 @@ svc-tab-test {
719
465
  .sl-table th:last-child {
720
466
  padding-right: 1.875em; }
721
467
 
722
- .sl-panel__footer {
723
- padding-left: 0; }
724
- .sl-panel__footer.sv-action-bar {
468
+ .sl-panel .sl-panel__footer {
469
+ padding: 0; }
470
+ .sl-panel .sl-panel__footer.sv-action-bar {
725
471
  width: 100%; }
726
- .sl-panel__footer #saveDetailPanel {
472
+ .sl-panel .sl-panel__footer #saveDetailPanel {
727
473
  width: 100%; }
728
- .sl-panel__footer .sv-action__content {
474
+ .sl-panel .sl-panel__footer .sv-action__content {
729
475
  width: 100%; }
730
- .sl-panel__footer button.sl-panel__done-button {
476
+ .sl-panel .sl-panel__footer button.sl-panel__done-button {
731
477
  width: 100%;
732
478
  margin-bottom: calc(10 * var(--base-unit, 8px));
733
479
  background-color: var(--green-light, rgba(25, 179, 148, 0.1));
734
480
  color: var(--green, #19b394);
735
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
481
+ font-family: var(--font-family);
736
482
  font-size: calc(2 * var(--base-unit, 8px));
737
483
  border-radius: calc(12.5 * var(--base-unit, 8px));
738
484
  display: flex;
@@ -740,10 +486,10 @@ svc-tab-test {
740
486
  vertical-align: baseline;
741
487
  text-align: center;
742
488
  user-select: none; }
743
- .sl-panel__footer button:hover {
489
+ .sl-panel .sl-panel__footer button:hover {
744
490
  background-color: var(--green, #19b394);
745
491
  color: white; }
746
- .sl-panel__footer .sv-action-bar-item__title {
492
+ .sl-panel .sl-panel__footer .sv-action-bar-item__title {
747
493
  display: flex;
748
494
  align-items: center;
749
495
  flex-grow: 1;
@@ -753,6 +499,53 @@ svc-tab-test {
753
499
  .sl-element .sd-paneldynamic__buttons-container {
754
500
  padding: 0; }
755
501
 
502
+ .sl-question {
503
+ display: flex;
504
+ align-items: center; }
505
+
506
+ .sl-row {
507
+ display: flex;
508
+ align-items: flex-start;
509
+ flex-flow: row wrap; }
510
+
511
+ .sl-panel {
512
+ padding-bottom: 16px; }
513
+
514
+ .sl-row--multiple .sl-panel {
515
+ padding-bottom: 0; }
516
+
517
+ .sl-row {
518
+ margin-top: calc(-1 * var(--base-unit, 8px)); }
519
+
520
+ .sl-row > div {
521
+ margin-top: calc(1 * var(--base-unit, 8px)); }
522
+
523
+ .sl-row:not(:last-child) {
524
+ margin-bottom: calc(2 * var(--base-unit, 8px)); }
525
+
526
+ .sl-question__header--left {
527
+ margin-right: calc(1 * var(--base-unit, 8px)); }
528
+
529
+ .sl-question__title {
530
+ font-size: calc(2 * var(--base-unit, 8px));
531
+ line-height: calc(3 * var(--base-unit, 8px));
532
+ margin: 0;
533
+ font-weight: 600; }
534
+ .sl-question__title span + span {
535
+ display: none; }
536
+
537
+ .sl-row--multiple .sl-question {
538
+ padding-right: calc(1 * var(--base-unit, 8px)) !important; }
539
+
540
+ .svc-logic-question-value {
541
+ padding-right: calc(5 * var(--base-unit, 8px)) !important; }
542
+
543
+ .sl-comment {
544
+ margin-bottom: calc(2 * var(--base-unit, 8px)); }
545
+
546
+ .sv-popup.sv-property-editor .sl-row {
547
+ flex-flow: nowrap; }
548
+
756
549
  /* latin */
757
550
  @font-face {
758
551
  font-family: "Open Sans";
@@ -779,13 +572,22 @@ svc-tab-test {
779
572
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
780
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; }
781
574
 
575
+ :root {
576
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
577
+
782
578
  .svc-tab-translation {
783
579
  width: 100%;
784
580
  height: 100%;
785
581
  background-color: var(--background-dim, #f3f3f3); }
786
582
 
583
+ .st-properties .spg-item.spg-checkbox:focus-within {
584
+ outline: 1px dotted var(--primary, #19b394); }
585
+
586
+ .st-properties .spg-checkbox:focus-within {
587
+ outline: none; }
588
+
787
589
  .st-no-strings {
788
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
590
+ font-family: var(--font-family);
789
591
  font-style: normal;
790
592
  font-weight: 400;
791
593
  font-size: calc(2 * var(--base-unit, 8px));
@@ -830,7 +632,7 @@ svc-tab-test {
830
632
 
831
633
  .st-title.st-panel__title,
832
634
  .st-table__cell.st-table__cell--header {
833
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
635
+ font-family: var(--font-family);
834
636
  font-style: normal;
835
637
  font-weight: 600;
836
638
  font-size: calc(1.5 * var(--base-unit, 8px));
@@ -841,25 +643,29 @@ svc-tab-test {
841
643
  .st-title.st-panel__title {
842
644
  height: calc(4 * var(--base-unit, 8px));
843
645
  line-height: calc(4 * var(--base-unit, 8px));
844
- padding-left: calc(4 * var(--base-unit, 8px));
646
+ padding-left: calc(3 * var(--base-unit, 8px));
845
647
  margin: 0;
846
648
  background-color: var(--background-for-editors, #f9f9f9);
847
- border-bottom: 1px solid var(--border, #d6d6d6); }
649
+ border-bottom: 1px solid var(--border-light, #eaeaea); }
848
650
 
849
651
  .st-table__cell {
850
652
  height: calc(5 * var(--base-unit, 8px));
851
653
  background-color: #ffffff;
852
- border-bottom: 1px solid var(--border, #d6d6d6); }
654
+ border-bottom: 1px solid var(--border-light, #eaeaea);
655
+ padding: 0; }
853
656
 
854
657
  .st-table__cell:first-child {
855
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
658
+ font-family: var(--font-family);
856
659
  font-style: normal;
857
660
  font-weight: 600;
858
661
  font-size: calc(2 * var(--base-unit, 8px));
859
662
  line-height: calc(3 * var(--base-unit, 8px));
860
663
  color: var(--foreground, #161616); }
861
664
  .st-table__cell:first-child span {
862
- padding-left: calc(4 * var(--base-unit, 8px)); }
665
+ padding-left: calc(3 * var(--base-unit, 8px)); }
666
+
667
+ .st-panel-indent .st-table__cell:first-child span {
668
+ padding-left: calc(6 * var(--base-unit, 8px)); }
863
669
 
864
670
  .st-table {
865
671
  width: 100%;
@@ -868,14 +674,17 @@ svc-tab-test {
868
674
  border-spacing: 0; }
869
675
 
870
676
  .st-comment {
871
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
677
+ font-family: var(--font-family);
872
678
  font-style: normal;
873
679
  font-size: calc(2 * var(--base-unit, 8px));
874
680
  line-height: calc(3 * var(--base-unit, 8px));
875
- width: 100%;
681
+ width: calc(100% - 3 * var(--base-unit, 8px));
876
682
  border: unset;
683
+ outline: none;
877
684
  background-color: #ffffff;
878
- resize: none; }
685
+ resize: none;
686
+ padding: 0;
687
+ margin-top: calc(0.5 * var(--base-unit, 8px)); }
879
688
 
880
689
  .sd-translation-line-skeleton {
881
690
  min-height: calc(5 * var(--base-unit, 8px));
@@ -907,6 +716,9 @@ svc-tab-test {
907
716
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
908
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; }
909
718
 
719
+ :root {
720
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
721
+
910
722
  .svc-tab-logic-edit {
911
723
  width: 100%;
912
724
  height: 100%;
@@ -932,16 +744,22 @@ svc-tab-test {
932
744
  border-top: 1px solid var(--border, #d6d6d6);
933
745
  width: 100%; }
934
746
 
747
+ .svc-logic-paneldynamic div.svc-logic-operator {
748
+ height: calc(3 * var(--base-unit, 8px)); }
749
+
935
750
  .svc-logic-paneldynamic .svc-logic-operator {
751
+ -webkit-appearance: none;
936
752
  appearance: none;
937
753
  padding: calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
938
754
  border-radius: calc(12.5 * var(--base-unit, 8px));
939
755
  border: none;
940
756
  outline: none;
941
757
  font-weight: 600;
942
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
758
+ font-family: var(--font-family);
943
759
  font-size: calc(2 * var(--base-unit, 8px));
944
- 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)); }
945
763
  .svc-logic-paneldynamic .svc-logic-operator option {
946
764
  background: var(--background, #fff);
947
765
  color: var(--foreground, #161616); }
@@ -952,17 +770,29 @@ svc-tab-test {
952
770
  .svc-logic-question--answered .svc-logic-operator {
953
771
  color: var(--foreground, #161616); }
954
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
+
955
777
  .svc-logic-operator.svc-logic-operator--conjunction {
956
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); }
957
781
 
958
782
  .svc-logic-operator.svc-logic-operator--question {
959
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); }
960
786
 
961
787
  .svc-logic-operator.svc-logic-operator--operator {
962
- 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); }
963
791
 
964
792
  .svc-logic-operator.svc-logic-operator--action {
965
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); }
966
796
 
967
797
  .svc-logic-operator.svc-logic-operator--error {
968
798
  background-color: var(--background, #fff);
@@ -975,23 +805,30 @@ svc-tab-test {
975
805
  .svc-logic-paneldynamic .sd-paneldynamic__separator {
976
806
  display: none; }
977
807
 
978
- .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 {
979
812
  display: block;
980
- width: calc(2.5 * var(--base-unit, 8px));
981
- height: 22px;
813
+ width: calc(5 * var(--base-unit, 8px));
814
+ height: calc(5 * var(--base-unit, 8px));
982
815
  background-repeat: no-repeat;
983
- 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)); }
984
826
 
985
- .svc-logic-paneldynamic .svc-logic-paneldynamic__button-remove-text {
827
+ .svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {
986
828
  display: none; }
987
829
 
988
- .svc-logic-paneldynamic .svc-logic-paneldynamic__button {
989
- background: none;
990
- box-shadow: none;
991
- appearance: none;
992
- border: none;
993
- padding: 0;
994
- margin: calc(0.5 * var(--base-unit, 8px)); }
830
+ .svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {
831
+ display: none; }
995
832
 
996
833
  .svc-question-wrapper {
997
834
  max-width: initial !important;
@@ -1002,36 +839,28 @@ svc-tab-test {
1002
839
  .svc-question-wrapper .sv-title-actions__title {
1003
840
  max-width: none; }
1004
841
 
1005
- .svc-logic-operator--action.sd-paneldynamic__add-btn.sd-paneldynamic__add-btn,
1006
- .svc-logic-operator--operator.sd-paneldynamic__add-btn.sd-paneldynamic__add-btn {
1007
- color: var(--foreground-light, #909090);
1008
- margin-bottom: calc(2 * var(--base-unit, 8px)); }
842
+ .svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn,
843
+ .svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn {
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); }
1009
849
 
1010
850
  .svc-logic-tab__content.svc-logic-tab__empty {
1011
851
  flex-direction: column;
1012
852
  display: flex;
1013
853
  align-items: center;
1014
- justify-content: center; }
854
+ position: absolute;
855
+ top: 35%; }
1015
856
  .svc-logic-tab__content.svc-logic-tab__empty .svc-logic-tab__content-action {
1016
- width: calc(40 * var(--base-unit, 8px));
857
+ width: calc(33 * var(--base-unit, 8px));
1017
858
  margin-top: calc(4 * var(--base-unit, 8px)); }
1018
859
 
1019
860
  .svc-logic-tab__content .svc-logic-tab__content-action {
1020
- display: flex;
1021
- align-items: center;
1022
- width: 50%;
1023
861
  margin-left: 25%;
1024
862
  margin-right: 25%;
1025
- height: calc(7 * var(--base-unit, 8px));
1026
- line-height: calc(7 * var(--base-unit, 8px));
1027
- vertical-align: baseline;
1028
- text-align: center;
1029
- background-color: var(--background, #fff);
1030
- color: var(--primary, #19b394);
1031
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
1032
- border-radius: calc(0.5 * var(--base-unit, 8px));
1033
- cursor: pointer;
1034
- user-select: none; }
863
+ margin-bottom: calc(8 * var(--base-unit, 8px)); }
1035
864
 
1036
865
  .svc-logic-tab__content .svc-logic-tab__content-action--disabled {
1037
866
  cursor: default;
@@ -1039,18 +868,12 @@ svc-tab-test {
1039
868
  .svc-logic-tab__content .svc-logic-tab__content-action--disabled:hover {
1040
869
  background-color: var(--background, #fff); }
1041
870
 
1042
- .svc-logic-tab__content .svc-text {
1043
- display: flex;
1044
- align-items: center;
1045
- flex-grow: 1;
1046
- justify-content: center; }
1047
-
1048
871
  .svc-logic-tab__content .sd-paneldynamic__panel-wrapper--in-row {
1049
872
  margin-top: 0;
1050
873
  align-items: start; }
1051
874
 
1052
875
  .svc-logic-paneldynamic {
1053
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
876
+ font-family: var(--font-family); }
1054
877
  .svc-logic-paneldynamic .sd-row--multiple {
1055
878
  padding: 0;
1056
879
  background: none;
@@ -1105,6 +928,9 @@ svc-tab-test {
1105
928
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1106
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; }
1107
930
 
931
+ :root {
932
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
933
+
1108
934
  .svc-notifier {
1109
935
  position: absolute;
1110
936
  bottom: calc(1 * var(--base-unit, 8px));
@@ -1114,64 +940,437 @@ svc-tab-test {
1114
940
  padding: calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
1115
941
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
1116
942
  border-radius: calc(0.5 * var(--base-unit, 8px));
1117
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
1118
- font-weight: bold;
1119
- font-size: calc(1.5 * var(--base-unit, 8px));
1120
943
  color: var(--foreground, #161616);
1121
944
  min-width: calc(30 * var(--base-unit, 8px));
1122
- text-align: center; }
945
+ text-align: center;
946
+ font-family: var(--font-family);
947
+ font-style: normal;
948
+ font-weight: 600;
949
+ font-size: calc(1.5 * var(--base-unit, 8px));
950
+ line-height: calc(2 * var(--base-unit, 8px)); }
1123
951
 
1124
952
  .svc-notifier.svc-notifier--error {
1125
953
  background-color: var(--red, #e60a3e);
1126
- color: white; }
954
+ color: var(--background, #fff);
955
+ opacity: 1; }
956
+
957
+ /* latin */
958
+ @font-face {
959
+ font-family: "Open Sans";
960
+ font-style: normal;
961
+ font-weight: 400;
962
+ src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2");
963
+ 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; }
964
+
965
+ /* latin */
966
+ @font-face {
967
+ font-family: "Open Sans";
968
+ font-style: normal;
969
+ font-weight: 600;
970
+ font-stretch: 100%;
971
+ src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
972
+ 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; }
973
+
974
+ /* latin */
975
+ @font-face {
976
+ font-family: "Open Sans";
977
+ font-style: normal;
978
+ font-weight: 700;
979
+ font-stretch: 100%;
980
+ src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
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; }
982
+
983
+ :root {
984
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
985
+
986
+ svc-tab-designer {
987
+ width: 100%;
988
+ height: 100%;
989
+ background: var(--background-dim, #f3f3f3); }
990
+
991
+ .svc-tab-designer {
992
+ display: flex;
993
+ flex-grow: 1;
994
+ justify-content: center;
995
+ height: 100%;
996
+ overflow-y: auto; }
997
+
998
+ .svc-tab-designer .sd-container-modern {
999
+ min-width: calc(70 * var(--base-unit, 8px));
1000
+ width: 100%;
1001
+ margin-left: auto;
1002
+ margin-right: auto; }
1003
+ .svc-tab-designer .sd-container-modern.sd-container-modern--static {
1004
+ max-width: calc(102 * var(--base-unit, 8px)); }
1005
+ .svc-tab-designer .sd-container-modern.sd-container-modern--responsive {
1006
+ max-width: initial;
1007
+ padding: 0 calc(1 * var(--base-unit, 8px)); }
1008
+
1009
+ /* latin */
1010
+ @font-face {
1011
+ font-family: "Open Sans";
1012
+ font-style: normal;
1013
+ font-weight: 400;
1014
+ src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2");
1015
+ 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; }
1016
+
1017
+ /* latin */
1018
+ @font-face {
1019
+ font-family: "Open Sans";
1020
+ font-style: normal;
1021
+ font-weight: 600;
1022
+ font-stretch: 100%;
1023
+ src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1024
+ 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; }
1025
+
1026
+ /* latin */
1027
+ @font-face {
1028
+ font-family: "Open Sans";
1029
+ font-style: normal;
1030
+ font-weight: 700;
1031
+ font-stretch: 100%;
1032
+ src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
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; }
1034
+
1035
+ :root {
1036
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1037
+
1038
+ .svc-creator--mobile .sd-question__content .sd-selectbase__column {
1039
+ max-width: initial;
1040
+ display: block; }
1041
+ .svc-creator--mobile .sd-question__content .sd-selectbase__column .svc-item-value-wrapper {
1042
+ margin-left: calc(0 * var(--base-unit, 8px)); }
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
+
1051
+ .svc-creator--mobile .svc-page__content {
1052
+ padding-left: 0;
1053
+ padding-right: 0;
1054
+ border: 0; }
1055
+
1056
+ .svc-creator--mobile .svc-question__content {
1057
+ padding: calc(2 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px)); }
1058
+ .svc-creator--mobile .svc-question__content.svc-question__content--selected {
1059
+ padding-bottom: calc(8 * var(--base-unit, 8px)); }
1060
+
1061
+ .svc-creator--mobile .svc-tab-designer {
1062
+ justify-content: initial; }
1063
+ .svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title {
1064
+ padding: calc(2 * var(--base-unit, 8px));
1065
+ flex-direction: column-reverse; }
1066
+ .svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title .svc-logo-image {
1067
+ margin-bottom: calc(2 * var(--base-unit, 8px));
1068
+ margin-top: 0; }
1069
+ .svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h3 {
1070
+ margin: 0;
1071
+ font-size: calc(3 * var(--base-unit, 8px));
1072
+ line-height: calc(4 * var(--base-unit, 8px)); }
1073
+ .svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h5 {
1074
+ margin: 0; }
1075
+
1076
+ .svc-creator--mobile .svc-tab-designer .sd-container-modern {
1077
+ min-width: calc(46 * var(--base-unit, 8px)); }
1078
+
1079
+ .svc-creator--mobile .svc-properties-wrapper {
1080
+ width: 100%; }
1081
+
1082
+ .svc-creator--mobile .svc-question__content-actions {
1083
+ width: calc(100% - 3 * var(--base-unit, 8px));
1084
+ left: calc(2 * var(--base-unit, 8px)); }
1085
+ .svc-creator--mobile .svc-question__content-actions .sv-action-bar-item {
1086
+ border: 0; }
1087
+
1088
+ .svc-creator--mobile .svc-page__content-actions .sv-action-bar {
1089
+ padding-right: calc(1 * var(--base-unit, 8px)); }
1090
+ .svc-creator--mobile .svc-page__content-actions .sv-action-bar .sv-action .sv-action__content {
1091
+ padding-right: 0; }
1092
+ .svc-creator--mobile .svc-page__content-actions .sv-action-bar .sv-action .sv-action__content .sv-action-bar-item__title--with-icon {
1093
+ display: none; }
1094
+
1095
+ /* latin */
1096
+ @font-face {
1097
+ font-family: "Open Sans";
1098
+ font-style: normal;
1099
+ font-weight: 400;
1100
+ src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2");
1101
+ 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; }
1102
+
1103
+ /* latin */
1104
+ @font-face {
1105
+ font-family: "Open Sans";
1106
+ font-style: normal;
1107
+ font-weight: 600;
1108
+ font-stretch: 100%;
1109
+ src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1110
+ 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; }
1111
+
1112
+ /* latin */
1113
+ @font-face {
1114
+ font-family: "Open Sans";
1115
+ font-style: normal;
1116
+ font-weight: 700;
1117
+ font-stretch: 100%;
1118
+ src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
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; }
1120
+
1121
+ :root {
1122
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1123
+
1124
+ survey-creator,
1125
+ .svc-creator {
1126
+ display: flex;
1127
+ width: 100%;
1128
+ height: 100%;
1129
+ position: relative;
1130
+ z-index: 0; }
1131
+ survey-creator *,
1132
+ .svc-creator * {
1133
+ scrollbar-width: thin;
1134
+ scrollbar-color: var(--primary-light, rgba(25, 179, 148, 0.1)) var(--background-dim, #f3f3f3); }
1135
+ survey-creator ::-webkit-scrollbar,
1136
+ .svc-creator ::-webkit-scrollbar {
1137
+ height: 6px;
1138
+ width: 6px;
1139
+ background-color: var(--background-dim, #f3f3f3); }
1140
+ survey-creator ::-webkit-scrollbar-thumb,
1141
+ .svc-creator ::-webkit-scrollbar-thumb {
1142
+ background: var(--primary-light, rgba(25, 179, 148, 0.1)); }
1143
+
1144
+ .svc-creator__area {
1145
+ position: relative;
1146
+ -moz-user-select: none;
1147
+ -ms-user-select: none;
1148
+ user-select: none; }
1149
+
1150
+ .svc-creator__content-wrapper {
1151
+ width: 100%;
1152
+ height: calc(100% - calc(8 * var(--base-unit, 8px))); }
1153
+
1154
+ .svc-creator__content-wrapper--footer-toolbar {
1155
+ height: calc(100% - calc(6 * var(--base-unit, 8px))); }
1156
+
1157
+ .svc-creator__content-holder {
1158
+ width: 100%;
1159
+ height: 100%; }
1160
+
1161
+ .svc-creator-tab {
1162
+ display: flex;
1163
+ width: 100%;
1164
+ height: 100%;
1165
+ overflow: hidden;
1166
+ position: relative; }
1167
+
1168
+ .svc-creator__toolbox--right.svc-creator-tab {
1169
+ flex-direction: row-reverse; }
1170
+
1171
+ .svc-creator-tab__content {
1172
+ position: relative;
1173
+ width: 100%;
1174
+ height: 100%;
1175
+ box-sizing: border-box; }
1176
+
1177
+ .svc-plugin-tab__content {
1178
+ height: 100%;
1179
+ overflow-y: auto; }
1180
+
1181
+ .svc-plugin-tab__content-actions sv-action-bar {
1182
+ padding: 0;
1183
+ height: calc(6 * var(--base-unit, 8px));
1184
+ background: var(--background, #fff);
1185
+ border-top: 1px solid var(--border, #d6d6d6); }
1186
+
1187
+ .svc-creator__banner {
1188
+ position: absolute;
1189
+ bottom: 0;
1190
+ width: 100%;
1191
+ height: calc(4 * var(--base-unit, 8px));
1192
+ line-height: calc(4 * var(--base-unit, 8px));
1193
+ background-color: var(--secondary, #ff9814);
1194
+ text-align: center; }
1195
+
1196
+ .svc-item__banner {
1197
+ position: absolute;
1198
+ top: 0;
1199
+ max-width: 0;
1200
+ overflow: hidden;
1201
+ height: 100%;
1202
+ background-color: var(--background, #fff);
1203
+ /* Shadow / Medium */
1204
+ border-radius: calc(12.5 * var(--base-unit, 8px));
1205
+ box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
1206
+ transition: max-width 0.1s ease-in-out, padding 0.2s ease-in-out; }
1207
+
1208
+ .svc-creator__non-commercial-text {
1209
+ color: var(--primary-foreground, #fff);
1210
+ font-family: var(--font-family);
1211
+ font-weight: bold;
1212
+ font-size: calc(2 * var(--base-unit, 8px));
1213
+ text-transform: uppercase;
1214
+ vertical-align: middle; }
1215
+ .svc-creator__non-commercial-text a {
1216
+ color: var(--primary-foreground, #fff);
1217
+ text-decoration: none; }
1218
+
1219
+ .sv-drag-drop-ghost {
1220
+ top: calc(0.75 * var(--base-unit, 8px));
1221
+ width: 100%;
1222
+ height: calc(0.5 * var(--base-unit, 8px));
1223
+ background: var(--secondary, #ff9814);
1224
+ position: absolute; }
1225
+
1226
+ .sv-drag-drop-ghost--vertical {
1227
+ height: 10000px;
1228
+ width: 4px; }
1229
+
1230
+ .sv-drag-drop-ghost--item-value-bottom {
1231
+ top: initial;
1232
+ bottom: calc(-0.5 * var(--base-unit, 8px)); }
1233
+
1234
+ /* latin */
1235
+ @font-face {
1236
+ font-family: "Open Sans";
1237
+ font-style: normal;
1238
+ font-weight: 400;
1239
+ src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2");
1240
+ 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; }
1241
+
1242
+ /* latin */
1243
+ @font-face {
1244
+ font-family: "Open Sans";
1245
+ font-style: normal;
1246
+ font-weight: 600;
1247
+ font-stretch: 100%;
1248
+ src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1249
+ 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; }
1250
+
1251
+ /* latin */
1252
+ @font-face {
1253
+ font-family: "Open Sans";
1254
+ font-style: normal;
1255
+ font-weight: 700;
1256
+ font-stretch: 100%;
1257
+ src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
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; }
1259
+
1260
+ :root {
1261
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1262
+
1263
+ .svc-string-editor {
1264
+ position: static; }
1265
+ .svc-string-editor .sv-string-editor {
1266
+ display: inline-block;
1267
+ position: relative;
1268
+ outline: none;
1269
+ white-space: normal;
1270
+ word-break: break-word;
1271
+ z-index: 12; }
1272
+ .svc-string-editor .sv-string-editor[aria-placeholder]:empty:before {
1273
+ content: attr(aria-placeholder);
1274
+ color: var(--foreground-light, #909090); }
1275
+ .svc-string-editor.svc-string-editor--hidden {
1276
+ display: none; }
1277
+
1278
+ .svc-string-editor__content {
1279
+ display: inline-block;
1280
+ position: relative;
1281
+ z-index: 10; }
1282
+
1283
+ .svc-string-editor__border {
1284
+ display: none;
1285
+ position: absolute;
1286
+ z-index: 11;
1287
+ display: flex;
1288
+ align-items: center;
1289
+ justify-content: right;
1290
+ line-height: 0px; }
1291
+
1292
+ .svc-string-editor__error {
1293
+ margin-left: calc(1 * var(--base-unit, 8px));
1294
+ line-height: calc(4 * var(--base-unit, 8px));
1295
+ font-size: calc(2 * var(--base-unit, 8px));
1296
+ color: red; }
1297
+
1298
+ .svc-string-editor__controls {
1299
+ position: absolute;
1300
+ left: 100%;
1301
+ height: 100%;
1302
+ width: calc(2 * var(--base-unit, 8px));
1303
+ top: 0;
1304
+ padding-left: calc(2 * var(--base-unit, 8px));
1305
+ z-index: 12;
1306
+ display: none;
1307
+ align-items: center;
1308
+ justify-content: center;
1309
+ line-height: 0px; }
1310
+
1311
+ .svc-string-editor__button {
1312
+ display: none;
1313
+ position: relative; }
1314
+ .svc-string-editor__button use {
1315
+ fill: var(--primary, #19b394); }
1316
+
1317
+ .svc-string-editor__button--edit {
1318
+ height: calc(2 * var(--base-unit, 8px));
1319
+ width: calc(2 * var(--base-unit, 8px));
1320
+ padding: calc(1 * var(--base-unit, 8px)); }
1321
+ .svc-string-editor__button--edit .sv-svg-icon {
1322
+ vertical-align: bottom; }
1323
+ .svc-string-editor__button--edit.sv-svg-icon {
1324
+ overflow: visible; }
1325
+
1326
+ .svc-string-editor:hover:not(:focus-within) .svc-string-editor__button--edit {
1327
+ display: none; }
1328
+
1329
+ .svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) {
1330
+ color: var(--foreground, #161616); }
1331
+ .svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) .svc-string-editor__border {
1332
+ display: flex;
1333
+ top: calc(0 * var(--base-unit, 8px));
1334
+ bottom: calc(0 * var(--base-unit, 8px));
1335
+ left: calc(-0.5 * var(--base-unit, 8px));
1336
+ right: calc(-0.5 * var(--base-unit, 8px));
1337
+ border: none;
1338
+ background-color: var(--primary-light, rgba(25, 179, 148, 0.1));
1339
+ border-radius: 3px; }
1340
+
1341
+ .svc-string-editor:focus-within {
1342
+ color: var(--foreground, #161616); }
1343
+ .svc-string-editor:focus-within .svc-string-editor__border {
1344
+ display: flex;
1345
+ top: calc(-0.5 * var(--base-unit, 8px));
1346
+ bottom: calc(-0.5 * var(--base-unit, 8px));
1347
+ left: calc(-1 * var(--base-unit, 8px));
1348
+ right: calc(-1 * var(--base-unit, 8px));
1349
+ outline: calc(0.25 * var(--base-unit, 8px)) solid var(--primary, #19b394);
1350
+ border-radius: 3px;
1351
+ background-color: var(--background, #fff);
1352
+ box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); }
1127
1353
 
1128
- /* latin */
1129
- @font-face {
1130
- font-family: "Open Sans";
1131
- font-style: normal;
1132
- font-weight: 400;
1133
- src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2");
1134
- 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; }
1354
+ .sd-rating .sd-rating__item:focus-within {
1355
+ border: calc(0.25 * var(--base-unit, 8px)) solid var(--primary, #19b394); }
1135
1356
 
1136
- /* latin */
1137
- @font-face {
1138
- font-family: "Open Sans";
1139
- font-style: normal;
1140
- font-weight: 600;
1141
- font-stretch: 100%;
1142
- src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1143
- 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; }
1357
+ .sd-rating .svc-string-editor:focus-within .svc-string-editor__border {
1358
+ display: none; }
1144
1359
 
1145
- /* latin */
1146
- @font-face {
1147
- font-family: "Open Sans";
1148
- font-style: normal;
1149
- font-weight: 700;
1150
- font-stretch: 100%;
1151
- src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1152
- 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; }
1360
+ .sd-table__cell--header .svc-matrix-cell:not(:focus):focus-within .svc-matrix-cell--selected {
1361
+ border: calc(0.25 * var(--base-unit, 8px)) solid var(--primary, #19b394);
1362
+ border-radius: calc(0.5 * var(--base-unit, 8px));
1363
+ display: block; }
1153
1364
 
1154
- svc-tab-designer {
1155
- width: 100%;
1156
- height: 100%;
1157
- background: var(--background-dim, #f3f3f3); }
1365
+ .sd-table__cell--header .svc-string-editor:focus-within .svc-string-editor__border {
1366
+ display: none; }
1158
1367
 
1159
- .svc-tab-designer {
1160
- display: flex;
1161
- flex-grow: 1;
1162
- justify-content: center;
1163
- height: 100%;
1164
- overflow-y: auto; }
1368
+ .sd-item__control-label .svc-string-editor:focus-within .svc-string-editor__border {
1369
+ left: calc(-0.7 * var(--base-unit, 8px));
1370
+ right: calc(-0.7 * var(--base-unit, 8px)); }
1165
1371
 
1166
- .svc-tab-designer .sd-container-modern {
1167
- min-width: calc(70 * var(--base-unit, 8px));
1168
- width: 100%;
1169
- margin-left: auto;
1170
- margin-right: auto; }
1171
- .svc-tab-designer .sd-container-modern.sd-container-modern--static {
1172
- max-width: calc(102 * var(--base-unit, 8px)); }
1173
- .svc-tab-designer .sd-container-modern.sd-container-modern--responsive {
1174
- max-width: initial; }
1372
+ .sd-table__cell:first-child .svc-string-editor {
1373
+ margin-left: calc(1 * var(--base-unit, 8px)); }
1175
1374
 
1176
1375
  /* latin */
1177
1376
  @font-face {
@@ -1199,55 +1398,51 @@ svc-tab-designer {
1199
1398
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1200
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; }
1201
1400
 
1202
- .svc-creator--mobile .sd-question__content .sd-selectbase__column {
1203
- max-width: initial;
1204
- display: block; }
1205
- .svc-creator--mobile .sd-question__content .sd-selectbase__column .svc-item-value-wrapper {
1206
- margin-left: calc(0 * var(--base-unit, 8px)); }
1207
-
1208
- .svc-creator--mobile .svc-page__content {
1209
- padding-left: 0;
1210
- padding-right: 0;
1211
- border: 0; }
1212
-
1213
- .svc-creator--mobile .svc-question__content {
1214
- padding: calc(2 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px)); }
1215
- .svc-creator--mobile .svc-question__content.svc-question__content--selected {
1216
- padding-bottom: calc(8 * var(--base-unit, 8px)); }
1401
+ :root {
1402
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1217
1403
 
1218
- .svc-creator--mobile .svc-tab-designer {
1219
- justify-content: initial; }
1220
- .svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title {
1221
- padding: calc(2 * var(--base-unit, 8px));
1222
- flex-direction: column-reverse; }
1223
- .svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title .svc-logo-image {
1224
- margin-bottom: calc(2 * var(--base-unit, 8px));
1225
- margin-top: 0; }
1226
- .svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h3 {
1227
- margin: 0;
1228
- font-size: calc(3 * var(--base-unit, 8px));
1229
- line-height: calc(4 * var(--base-unit, 8px)); }
1230
- .svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h5 {
1231
- margin: 0; }
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); }
1232
1424
 
1233
- .svc-creator--mobile .svc-tab-designer .sd-container-modern {
1234
- min-width: calc(46 * var(--base-unit, 8px)); }
1425
+ .svc-action-button {
1426
+ display: inline-block;
1427
+ padding: calc(0.5 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
1428
+ box-sizing: border-box;
1429
+ border-radius: calc(12.5 * var(--base-unit, 8px));
1430
+ color: var(--primary, #19b394);
1431
+ font-weight: 600;
1432
+ font-size: calc(2 * var(--base-unit, 8px));
1433
+ line-height: calc(3 * var(--base-unit, 8px));
1434
+ border: calc(0.25 * var(--base-unit, 8px)) solid transparent; }
1235
1435
 
1236
- .svc-creator--mobile .svc-properties-wrapper {
1237
- width: 100%; }
1436
+ .svc-action-button:focus, .svc-action-button:hover {
1437
+ background-color: var(--primary-light, rgba(25, 179, 148, 0.1));
1438
+ outline: none; }
1238
1439
 
1239
- .svc-creator--mobile .svc-question__content-actions {
1240
- width: calc(100% - 3 * var(--base-unit, 8px));
1241
- left: calc(2 * var(--base-unit, 8px)); }
1242
- .svc-creator--mobile .svc-question__content-actions .sv-action-bar-item {
1243
- border: 0; }
1440
+ .svc-action-button--selected {
1441
+ border-color: var(--primary, #19b394); }
1244
1442
 
1245
- .svc-creator--mobile .svc-page__content-actions .sv-action-bar {
1246
- padding-right: calc(1 * var(--base-unit, 8px)); }
1247
- .svc-creator--mobile .svc-page__content-actions .sv-action-bar .sv-action .sv-action__content {
1248
- padding-right: 0; }
1249
- .svc-creator--mobile .svc-page__content-actions .sv-action-bar .sv-action .sv-action__content .sv-action-bar-item__title--with-icon {
1250
- display: none; }
1443
+ .svc-action-button--disabled {
1444
+ opacity: 0.25;
1445
+ color: var(--foreground, #161616); }
1251
1446
 
1252
1447
  /* latin */
1253
1448
  @font-face {
@@ -1275,6 +1470,9 @@ svc-tab-designer {
1275
1470
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1276
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; }
1277
1472
 
1473
+ :root {
1474
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1475
+
1278
1476
  svc-page-navigator,
1279
1477
  .svc-page-navigator {
1280
1478
  display: flex;
@@ -1282,16 +1480,24 @@ svc-page-navigator,
1282
1480
 
1283
1481
  .svc-page-navigator__navigator-icon {
1284
1482
  display: block;
1285
- height: calc(2.75 * var(--base-unit, 8px));
1286
- width: calc(2.75 * var(--base-unit, 8px));
1287
- padding: 11px;
1483
+ height: calc(3 * var(--base-unit, 8px));
1484
+ width: calc(3 * var(--base-unit, 8px));
1485
+ padding: calc(1.25 * var(--base-unit, 8px));
1288
1486
  border-radius: 50%;
1289
1487
  cursor: pointer; }
1290
1488
  .svc-page-navigator__navigator-icon use {
1291
1489
  fill: var(--foreground-light, #909090); }
1292
- .svc-page-navigator__navigator-icon:hover {
1490
+
1491
+ .svc-page-navigator__selector {
1492
+ width: calc(5.5 * var(--base-unit, 8px));
1493
+ height: calc(5.5 * var(--base-unit, 8px));
1494
+ min-height: calc(5.5 * var(--base-unit, 8px)); }
1495
+
1496
+ survey-creator .svc-page-navigator__selector:hover, survey-creator .svc-page-navigator__selector:focus, .svc-creator .svc-page-navigator__selector:hover, .svc-creator .svc-page-navigator__selector:focus {
1497
+ outline: none; }
1498
+ survey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon, survey-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon, .svc-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon, .svc-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon {
1293
1499
  background-color: var(--primary-light, rgba(25, 179, 148, 0.1)); }
1294
- .svc-page-navigator__navigator-icon:hover use {
1500
+ survey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon use, survey-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon use, .svc-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon use, .svc-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon use {
1295
1501
  fill: var(--primary, #19b394); }
1296
1502
 
1297
1503
  .svc-page-navigator__selector--opened {
@@ -1304,6 +1510,25 @@ svc-page-navigator,
1304
1510
  .svc-page-navigator__popup {
1305
1511
  min-width: calc(12.5 * var(--base-unit, 8px)); }
1306
1512
 
1513
+ .svc-tab-designer--with-page-navigator {
1514
+ padding-right: calc(6.5 * var(--base-unit, 8px)); }
1515
+
1516
+ .svc-tab-designer__page-navigator {
1517
+ width: calc(5.5 * var(--base-unit, 8px));
1518
+ height: 100%;
1519
+ position: absolute;
1520
+ padding-top: calc(16.5 * var(--base-unit, 8px));
1521
+ top: 0;
1522
+ right: calc(1 * var(--base-unit, 8px)); }
1523
+
1524
+ .svc-creator__toolbox--right .svc-tab-designer--with-page-navigator {
1525
+ padding-right: 0;
1526
+ padding-left: calc(6.5 * var(--base-unit, 8px)); }
1527
+
1528
+ .svc-creator__toolbox--right .svc-tab-designer__page-navigator {
1529
+ right: unset;
1530
+ left: calc(1 * var(--base-unit, 8px)); }
1531
+
1307
1532
  /* latin */
1308
1533
  @font-face {
1309
1534
  font-family: "Open Sans";
@@ -1330,17 +1555,23 @@ svc-page-navigator,
1330
1555
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1331
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; }
1332
1557
 
1558
+ :root {
1559
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1560
+
1333
1561
  svc-page-navigator-item,
1334
1562
  .svc-page-navigator-item {
1335
1563
  display: block;
1336
1564
  width: calc(5.5 * var(--base-unit, 8px));
1337
1565
  height: calc(4.5 * var(--base-unit, 8px));
1566
+ min-height: calc(4.5 * var(--base-unit, 8px));
1338
1567
  cursor: pointer;
1339
1568
  position: relative; }
1340
1569
 
1341
1570
  .svc-page-navigator-item-content {
1342
1571
  height: 100%;
1343
1572
  width: 100%; }
1573
+ .svc-page-navigator-item-content:hover, .svc-page-navigator-item-content:focus {
1574
+ outline: none; }
1344
1575
 
1345
1576
  .svc-page-navigator-item__dot {
1346
1577
  box-sizing: content-box;
@@ -1362,25 +1593,26 @@ svc-page-navigator-item,
1362
1593
 
1363
1594
  .svc-page-navigator-item__banner {
1364
1595
  right: calc(0.5 * var(--base-unit, 8px));
1365
- padding: 0;
1366
1596
  display: block;
1367
1597
  white-space: nowrap;
1368
- line-height: calc(4.5 * var(--base-unit, 8px)); }
1598
+ line-height: calc(4 * var(--base-unit, 8px));
1599
+ overflow: hidden;
1600
+ text-overflow: ellipsis;
1601
+ animation: 0.5s ease-in;
1602
+ padding: 0;
1603
+ opacity: 0; }
1369
1604
  .svc-page-navigator-item__banner .svc-page-navigator-item__dot {
1370
- position: relative;
1605
+ position: absolute;
1371
1606
  display: inline-block;
1372
- top: 0;
1373
- right: unset;
1374
- line-height: calc(4.5 * var(--base-unit, 8px));
1375
- vertical-align: middle; }
1376
- .svc-page-navigator-item__banner .svc-text {
1377
- margin: 0 calc(1 * var(--base-unit, 8px)); }
1607
+ top: calc(1.75 * var(--base-unit, 8px));
1608
+ right: calc(1.75 * var(--base-unit, 8px)); }
1378
1609
 
1379
1610
  .svc-creator__toolbox--right .svc-page-navigator-item__banner {
1380
1611
  right: unset;
1381
- flex-direction: row-reverse;
1382
- align-items: center;
1383
- display: flex; }
1612
+ left: calc(0.625 * var(--base-unit, 8px)); }
1613
+ .svc-creator__toolbox--right .svc-page-navigator-item__banner .svc-page-navigator-item__dot {
1614
+ right: unset;
1615
+ left: calc(1.75 * var(--base-unit, 8px)); }
1384
1616
 
1385
1617
  .svc-page-navigator-item-content:not(.svc-page-navigator-item--disabled) .svc-page-navigator-item__banner .svc-page-navigator-item__dot {
1386
1618
  width: calc(1 * var(--base-unit, 8px));
@@ -1388,9 +1620,15 @@ svc-page-navigator-item,
1388
1620
  border: none;
1389
1621
  background: var(--primary, #19b394); }
1390
1622
 
1391
- .svc-page-navigator-item-content:hover .svc-page-navigator-item__banner {
1392
- padding: 0 calc(2 * var(--base-unit, 8px));
1393
- max-width: calc(25 * var(--base-unit, 8px)); }
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; }
1628
+
1629
+ .svc-creator__toolbox--right .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,
1630
+ .svc-creator__toolbox--right .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner {
1631
+ padding: 0 calc(2.5 * var(--base-unit, 8px)) 0 calc(4.5 * var(--base-unit, 8px)); }
1394
1632
 
1395
1633
  .svc-page-navigator-item--disabled .svc-page-navigator-item__banner {
1396
1634
  color: var(--foreground-disabled, rgba(22, 22, 22, 0.16)); }
@@ -1421,57 +1659,68 @@ svc-page-navigator-item,
1421
1659
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1422
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; }
1423
1661
 
1662
+ :root {
1663
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1664
+
1424
1665
  svc-page {
1425
1666
  display: block; }
1426
1667
 
1668
+ .svc-page {
1669
+ margin-top: calc(2 * var(--base-unit, 8px)); }
1670
+ .svc-page .sd-page__title {
1671
+ margin: calc(2.5 * var(--base-unit, 8px)) 0 0 0; }
1672
+
1427
1673
  .svc-page__content {
1428
1674
  position: relative;
1429
- padding: calc(4 * var(--base-unit, 8px));
1430
- border: 2px solid transparent;
1675
+ padding: calc(1 * var(--base-unit, 8px)) calc(1 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));
1431
1676
  box-sizing: border-box;
1432
- width: 100%; }
1677
+ width: 100%;
1678
+ outline: none; }
1433
1679
  .svc-page__content .sd-page {
1434
1680
  margin: 0;
1435
1681
  padding-top: calc(1 * var(--base-unit, 8px)); }
1436
1682
 
1437
1683
  .svc-page__content-actions {
1438
1684
  position: absolute;
1439
- top: 0;
1685
+ display: none;
1686
+ top: calc(1 * var(--base-unit, 8px));
1440
1687
  right: 0;
1441
- display: none; }
1442
-
1688
+ z-index: 1; }
1689
+ .svc-page__content-actions .sv-action-bar {
1690
+ padding: 0 calc(1 * var(--base-unit, 8px)); }
1691
+ .svc-page__content-actions .sv-action-bar .sv-action-bar-item {
1692
+ font-size: calc(1.5 * var(--base-unit, 8px));
1693
+ font-weight: 600;
1694
+ line-height: calc(2 * var(--base-unit, 8px));
1695
+ align-items: center;
1696
+ height: calc(4 * var(--base-unit, 8px)); }
1697
+ .svc-page__content-actions .sv-action-bar .sv-action-bar-separator {
1698
+ margin-right: calc(1 * var(--base-unit, 8px)); }
1699
+ .svc-page__content-actions .sv-action-bar .sv-action:not(:last-child) > .sv-action__content {
1700
+ padding-right: calc(1 * var(--base-unit, 8px)); }
1701
+
1702
+ .svc-page__content:not(.svc-page__content--new):focus,
1443
1703
  .svc-hovered.svc-page__content:not(.svc-page__content--new) {
1444
- border: 2px solid var(--secondary-light, rgba(255, 152, 20, 0.25)); }
1704
+ background: var(--secondary-back-light, rgba(255, 152, 20, 0.1)); }
1445
1705
 
1446
- .svc-page__content--selected,
1447
- .svc-hovered.svc-page__content--selected {
1448
- border: 2px solid var(--secondary, #ff9814);
1449
- background: var(--secondary-light, rgba(255, 152, 20, 0.25));
1706
+ .svc-creator .svc-page .svc-page__content--selected,
1707
+ .svc-creator .svc-page .svc-page__content--selected:focus,
1708
+ .svc-hovered {
1450
1709
  border-radius: calc(0.5 * var(--base-unit, 8px)); }
1451
- .svc-page__content--selected .svc-page__content-actions,
1452
- .svc-hovered.svc-page__content--selected .svc-page__content-actions {
1453
- display: block; }
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,
1712
+ .svc-hovered.svc-page__content--selected {
1713
+ outline: 2px solid var(--secondary, #ff9814);
1714
+ background: var(--secondary-back-light, rgba(255, 152, 20, 0.1)); }
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,
1717
+ .svc-hovered.svc-page__content--selected .svc-page__content-actions {
1718
+ display: block; }
1454
1719
 
1455
1720
  .svc-page__add-new-question {
1456
- display: flex;
1457
- align-items: center;
1458
1721
  margin-left: calc(2 * var(--base-unit, 8px));
1459
- margin-right: calc(2 * var(--base-unit, 8px));
1460
- height: calc(7 * var(--base-unit, 8px));
1461
- line-height: calc(7 * var(--base-unit, 8px));
1462
- vertical-align: baseline;
1463
- text-align: center;
1464
- background-color: var(--background, #fff);
1465
- color: var(--primary, #19b394);
1466
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
1467
- border-radius: calc(0.5 * var(--base-unit, 8px));
1468
- cursor: pointer;
1469
- user-select: none; }
1722
+ margin-right: calc(2 * var(--base-unit, 8px)); }
1470
1723
  .svc-page__add-new-question .svc-text {
1471
- display: flex;
1472
- align-items: center;
1473
- flex-grow: 1;
1474
- justify-content: center;
1475
1724
  margin-left: calc(6 * var(--base-unit, 8px)); }
1476
1725
 
1477
1726
  .svc-page__question-type-selector {
@@ -1516,11 +1765,15 @@ svc-page {
1516
1765
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1517
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; }
1518
1767
 
1768
+ :root {
1769
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1770
+
1519
1771
  .svc-row {
1520
1772
  width: 100%; }
1521
1773
 
1522
1774
  .svc-row .sd-row--multiple {
1523
- padding: calc(1 * var(--base-unit, 8px)); }
1775
+ padding: calc(1 * var(--base-unit, 8px));
1776
+ gap: calc(1 * var(--base-unit, 8px)); }
1524
1777
 
1525
1778
  .svc-row.svc-row--ghost .svc-question__content {
1526
1779
  padding: 0;
@@ -1528,7 +1781,8 @@ svc-page {
1528
1781
  box-shadow: none; }
1529
1782
 
1530
1783
  .svc-row.svc-row--ghost .sd-row {
1531
- margin-top: 0; }
1784
+ margin-top: calc(2 * var(--base-unit, 8px));
1785
+ margin-bottom: calc(2 * var(--base-unit, 8px)); }
1532
1786
 
1533
1787
  /* latin */
1534
1788
  @font-face {
@@ -1556,6 +1810,9 @@ svc-page {
1556
1810
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1557
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; }
1558
1812
 
1813
+ :root {
1814
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
1815
+
1559
1816
  svc-question {
1560
1817
  display: block;
1561
1818
  position: absolute;
@@ -1568,6 +1825,15 @@ svc-question {
1568
1825
  position: relative;
1569
1826
  height: 100%;
1570
1827
  width: 100%; }
1828
+ .svc-question__adorner .sv-action-bar {
1829
+ overflow: visible; }
1830
+ .svc-question__adorner .sv-action-bar .sv-action:not(:first-child) .sv-action-bar-item {
1831
+ border: none; }
1832
+ .svc-question__adorner .sv-action-bar .sv-action:not(:first-child) .sv-action-bar-item:active {
1833
+ opacity: 0.5;
1834
+ background-color: var(--background-dim, #f3f3f3); }
1835
+ .svc-question__adorner .sv-action-bar .sv-action:not(:first-child) .sv-action-bar-item .sv-action-bar-item__title--with-icon {
1836
+ margin-left: calc(0.5 * var(--base-unit, 8px)); }
1571
1837
 
1572
1838
  .svc-question__content {
1573
1839
  display: flex;
@@ -1581,23 +1847,29 @@ svc-question {
1581
1847
  padding: calc(4 * var(--base-unit, 8px)) calc(5 * var(--base-unit, 8px)) calc(8 * var(--base-unit, 8px));
1582
1848
  background: var(--background, #fff);
1583
1849
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
1584
- border: 2px solid transparent; }
1850
+ border: 2px solid transparent;
1851
+ outline: none; }
1852
+
1853
+ .svc-question__content .sd-file__choose-btn {
1854
+ cursor: default;
1855
+ color: var(--foreground-disabled, rgba(22, 22, 22, 0.25)); }
1856
+ .svc-question__content .sd-file__choose-btn.sd-action.sd-action:not(:disabled):not(.sd-action--disabled):hover {
1857
+ background-color: initial; }
1858
+
1859
+ .svc-question__content .sd-multipletext__item-title {
1860
+ color: var(--foreground, #161616); }
1861
+
1862
+ .svc-question__content .sd-multipletext__item-container.sd-input:focus-within {
1863
+ box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15); }
1864
+
1865
+ .svc-question__content .sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {
1866
+ color: var(--foreground-disabled, rgba(22, 22, 22, 0.25)); }
1585
1867
 
1586
1868
  .svc-question__content > div {
1587
1869
  overflow: visible; }
1588
1870
 
1589
- .svc-panel__placeholder_frame {
1590
- border: 1px dashed var(--border, #d6d6d6);
1591
- width: 100%;
1592
- height: calc(23 * var(--base-unit, 8px));
1593
- box-sizing: border-box; }
1594
-
1595
1871
  .svc-panel__placeholder {
1596
- color: var(--foreground-light, #909090);
1597
- display: flex;
1598
- align-items: center;
1599
- justify-content: center;
1600
- height: 100%; }
1872
+ color: var(--foreground-light, #909090); }
1601
1873
 
1602
1874
  .svc-question__content-actions {
1603
1875
  position: absolute;
@@ -1626,14 +1898,15 @@ svc-question {
1626
1898
  display: inline-block;
1627
1899
  justify-content: left; }
1628
1900
 
1629
- .svc-hovered > .svc-question__content {
1630
- border: 2px solid var(--secondary-light, rgba(255, 152, 20, 0.25)); }
1901
+ .svc-creator .svc-page .svc-hovered > .svc-question__content {
1902
+ outline: 2px solid var(--secondary-light, rgba(255, 152, 20, 0.25)); }
1631
1903
 
1632
- .svc-question__content--selected,
1633
- .svc-hovered > .svc-question__content--selected {
1634
- border: 2px solid var(--secondary, #ff9814); }
1635
- .svc-question__content--selected > .svc-question__content-actions,
1636
- .svc-hovered > .svc-question__content--selected > .svc-question__content-actions {
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) {
1906
+ outline: 2px solid var(--secondary, #ff9814);
1907
+ box-shadow: initial; }
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 {
1637
1910
  display: block; }
1638
1911
 
1639
1912
  .svc-question__content--dragged {
@@ -1644,19 +1917,15 @@ svc-question {
1644
1917
  display: none; }
1645
1918
 
1646
1919
  .svc-dragged-element-shortcut {
1647
- height: 24px;
1648
1920
  min-width: 100px;
1649
- border-radius: 36px;
1650
- background-color: white;
1651
- padding: 16px;
1921
+ height: calc(3 * var(--base-unit, 8px));
1922
+ border-radius: calc(12.5 * var(--base-unit, 8px));
1923
+ background-color: var(--background, #fff);
1924
+ padding: calc(1 * var(--base-unit, 8px)) calc(1.5 * var(--base-unit, 8px));
1652
1925
  cursor: grabbing;
1653
1926
  position: absolute;
1654
1927
  z-index: 1000;
1655
- box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
1656
- font-family: 'Open Sans';
1657
- font-size: 16px;
1658
- padding-left: 20px;
1659
- line-height: 24px; }
1928
+ box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1); }
1660
1929
 
1661
1930
  .svc-dragged-element-shortcut .sv-svg-icon use {
1662
1931
  fill: var(--primary, #19b394); }
@@ -1665,17 +1934,25 @@ svc-question {
1665
1934
  border: 2px solid var(--secondary, #ff9814); }
1666
1935
 
1667
1936
  .svc-dragged-element-shortcut__text {
1668
- margin-left: 30px; }
1937
+ font-family: var(--font-family);
1938
+ font-style: normal;
1939
+ font-weight: 600;
1940
+ font-size: calc(1.5 * var(--base-unit, 8px));
1941
+ line-height: calc(2 * var(--base-unit, 8px));
1942
+ margin-left: calc(4 * var(--base-unit, 8px));
1943
+ line-height: calc(3 * var(--base-unit, 8px)); }
1669
1944
 
1670
1945
  .svc-dragged-element-shortcut__icon {
1671
- position: absolute; }
1946
+ position: absolute;
1947
+ width: calc(3 * var(--base-unit, 8px));
1948
+ height: calc(3 * var(--base-unit, 8px)); }
1672
1949
 
1673
- .svc-question__content--drag-over-inside,
1674
- .svc-hovered > .svc-question__content--drag-over-inside {
1675
- border: 2px solid var(--primary, #19b394);
1950
+ .svc-question__content--drag-over-inside .svc-panel__placeholder_frame,
1951
+ .svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame {
1952
+ outline: 2px solid var(--primary, #19b394);
1676
1953
  background: var(--primary-light, rgba(25, 179, 148, 0.1)); }
1677
- .svc-question__content--drag-over-inside > .svc-question__content-actions,
1678
- .svc-hovered > .svc-question__content--drag-over-inside > .svc-question__content-actions {
1954
+ .svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions,
1955
+ .svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions {
1679
1956
  display: block; }
1680
1957
 
1681
1958
  .svc-question__content--drag-over-left:before {
@@ -1741,8 +2018,13 @@ svc-question .sv-action-bar,
1741
2018
  .svc-hovered > .svc-question__content > .svc-question__drag-area {
1742
2019
  visibility: visible; }
1743
2020
 
2021
+ .svc-question__content.svc-question__content--selected > .svc-question__drag-area {
2022
+ visibility: visible;
2023
+ z-index: 1; }
2024
+
1744
2025
  .svc-question__drag-area {
1745
2026
  position: absolute;
2027
+ cursor: move;
1746
2028
  top: 0;
1747
2029
  left: 0;
1748
2030
  visibility: hidden;
@@ -1753,15 +2035,25 @@ svc-question .sv-action-bar,
1753
2035
  justify-content: center; }
1754
2036
 
1755
2037
  .svc-question__drag-element {
1756
- cursor: move;
1757
2038
  width: calc(3 * var(--base-unit, 8px));
1758
2039
  height: 6px;
1759
2040
  border: 1px solid var(--border, #d6d6d6);
1760
- border-radius: 10px; }
2041
+ border-radius: 10px;
2042
+ box-sizing: border-box; }
1761
2043
 
1762
- .sd-panel .svc-question__content, .sd-row--multiple .svc-question__content {
2044
+ .sd-panel .svc-question__content,
2045
+ .sd-row--multiple .svc-question__content {
1763
2046
  border-radius: 0; }
1764
- .sd-panel .svc-question__content:not(.svc-question__content--selected):not(:hover), .sd-row--multiple .svc-question__content:not(.svc-question__content--selected):not(:hover) {
2047
+ .sd-panel .svc-question__content.svc-question__content--selected,
2048
+ .sd-row--multiple .svc-question__content.svc-question__content--selected {
2049
+ border: 1px solid transparent;
2050
+ box-shadow: none; }
2051
+ .sd-panel .svc-question__content:hover,
2052
+ .sd-row--multiple .svc-question__content:hover {
2053
+ border: 1px solid transparent;
2054
+ box-shadow: none; }
2055
+ .sd-panel .svc-question__content:not(.svc-question__content--selected):not(:hover),
2056
+ .sd-row--multiple .svc-question__content:not(.svc-question__content--selected):not(:hover) {
1765
2057
  border: 1px dashed var(--border, #d6d6d6);
1766
2058
  box-shadow: none; }
1767
2059
 
@@ -1777,8 +2069,75 @@ svc-question .sv-action-bar,
1777
2069
  .svc-widget__content .sd-question__content {
1778
2070
  pointer-events: none; }
1779
2071
 
1780
- .svc-question__content .sd-paneldynamic__footer, .svc-question__content .sd-paneldynamic__separator {
1781
- display: none; }
2072
+ .svc-question__content .sd-paneldynamic__footer,
2073
+ .svc-question__content .sd-paneldynamic__separator {
2074
+ display: none; }
2075
+
2076
+ .svc-panel__placeholder_frame {
2077
+ border: 1px dashed var(--border, #d6d6d6);
2078
+ width: 100%;
2079
+ box-sizing: border-box;
2080
+ height: calc(30 * var(--base-unit, 8px));
2081
+ display: flex;
2082
+ align-items: center;
2083
+ justify-content: center;
2084
+ flex-direction: column;
2085
+ padding: calc(2 * var(--base-unit, 8px)) calc(8 * var(--base-unit, 8px)); }
2086
+ .svc-panel__placeholder_frame .svc-panel__add-new-question {
2087
+ border: none;
2088
+ box-shadow: none;
2089
+ width: initial; }
2090
+ .svc-panel__placeholder_frame .svc-panel__add-new-question:hover {
2091
+ outline: none; }
2092
+ .svc-panel__placeholder_frame .svc-panel__add-new-question .svc-text {
2093
+ display: flex;
2094
+ align-items: center;
2095
+ flex-grow: 1;
2096
+ justify-content: center;
2097
+ margin: calc(1 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));
2098
+ color: var(--primary, #19b394); }
2099
+
2100
+ .svc-panel__add-new-question {
2101
+ display: flex;
2102
+ align-items: center;
2103
+ margin-top: calc(2 * var(--base-unit, 8px));
2104
+ margin-left: 0;
2105
+ margin-right: 0;
2106
+ width: 100%;
2107
+ height: calc(7 * var(--base-unit, 8px));
2108
+ line-height: calc(7 * var(--base-unit, 8px));
2109
+ vertical-align: baseline;
2110
+ text-align: center;
2111
+ background-color: var(--background, #fff);
2112
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
2113
+ border-radius: calc(0.5 * var(--base-unit, 8px));
2114
+ cursor: pointer;
2115
+ user-select: none; }
2116
+ .svc-panel__add-new-question:hover {
2117
+ outline: 2px solid var(--primary, #19b394); }
2118
+ .svc-panel__add-new-question .svc-text {
2119
+ display: flex;
2120
+ align-items: center;
2121
+ flex-grow: 1;
2122
+ justify-content: center;
2123
+ margin-left: calc(6 * var(--base-unit, 8px));
2124
+ color: var(--primary, #19b394); }
2125
+
2126
+ .svc-panel__question-type-selector {
2127
+ appearance: none;
2128
+ display: flex;
2129
+ height: calc(5 * var(--base-unit, 8px));
2130
+ padding: calc(1 * var(--base-unit, 8px));
2131
+ box-sizing: border-box;
2132
+ border: none;
2133
+ border-radius: 2px;
2134
+ background-color: transparent;
2135
+ cursor: pointer;
2136
+ margin-right: calc(1 * var(--base-unit, 8px)); }
2137
+ .svc-panel__question-type-selector use {
2138
+ fill: var(--foreground-light, #909090); }
2139
+ .svc-panel__question-type-selector:hover {
2140
+ background-color: var(--background-dim, #f3f3f3); }
1782
2141
 
1783
2142
  /* latin */
1784
2143
  @font-face {
@@ -1806,6 +2165,9 @@ svc-question .sv-action-bar,
1806
2165
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1807
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; }
1808
2167
 
2168
+ :root {
2169
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2170
+
1809
2171
  .svc-image-question-controls {
1810
2172
  position: absolute;
1811
2173
  top: calc(1.5 * var(--base-unit, 8px));
@@ -1859,17 +2221,19 @@ svc-question .sv-action-bar,
1859
2221
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1860
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; }
1861
2223
 
2224
+ :root {
2225
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2226
+
1862
2227
  .svc-rating-question-controls {
1863
2228
  position: absolute;
1864
- bottom: calc(9 * var(--base-unit, 8px));
1865
- left: calc(5 * var(--base-unit, 8px));
1866
- display: none; }
2229
+ bottom: calc(10 * var(--base-unit, 8px));
2230
+ left: calc(5 * var(--base-unit, 8px)); }
1867
2231
 
1868
- .svc-question__content--selected .sd-rating {
2232
+ .svc-question__content .sd-rating {
1869
2233
  margin-left: calc(9 * var(--base-unit, 8px));
1870
2234
  width: calc(100% - 9 * var(--base-unit, 8px)); }
1871
2235
 
1872
- .svc-question__content--selected .svc-rating-question-controls {
2236
+ .svc-question__content .svc-rating-question-controls {
1873
2237
  display: block;
1874
2238
  width: calc(8 * var(--base-unit, 8px)); }
1875
2239
 
@@ -1899,15 +2263,15 @@ svc-question .sv-action-bar,
1899
2263
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
1900
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; }
1901
2265
 
2266
+ :root {
2267
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2268
+
1902
2269
  .svc-item-value-wrapper {
1903
2270
  position: relative;
1904
2271
  display: flex; }
1905
2272
 
1906
- .svc-question__content--selected .svc-item-value-wrapper {
1907
- margin-left: calc(-5 * var(--base-unit, 8px)); }
1908
-
1909
2273
  .sd-selectbase__column:not(:first-of-type) .svc-item-value-wrapper {
1910
- margin-left: 0; }
2274
+ margin-left: calc(5 * var(--base-unit, 8px)); }
1911
2275
 
1912
2276
  .svc-item-value--dragging {
1913
2277
  background: var(--background, #fff);
@@ -1917,11 +2281,10 @@ svc-question .sv-action-bar,
1917
2281
  padding-left: calc(0.5 * var(--base-unit, 8px)); }
1918
2282
 
1919
2283
  .svc-item-value-controls {
1920
- display: none;
1921
2284
  margin: calc(1 * var(--base-unit, 8px)) 0;
1922
2285
  margin-right: calc(1 * var(--base-unit, 8px));
1923
- width: calc(9 * var(--base-unit, 8px));
1924
2286
  height: calc(4 * var(--base-unit, 8px));
2287
+ width: calc(4 * var(--base-unit, 8px));
1925
2288
  box-sizing: border-box;
1926
2289
  flex-shrink: 0; }
1927
2290
 
@@ -1929,7 +2292,8 @@ svc-question .sv-action-bar,
1929
2292
  border-radius: 50%;
1930
2293
  padding: calc(1 * var(--base-unit, 8px));
1931
2294
  cursor: pointer;
1932
- display: inline-block; }
2295
+ display: inline-block;
2296
+ outline: none; }
1933
2297
 
1934
2298
  .svc-item-value-controls__button > span,
1935
2299
  sv-svg-icon.svc-item-value-controls__button {
@@ -1943,27 +2307,35 @@ sv-svg-icon.svc-item-value-controls__button {
1943
2307
  .svc-item-value-controls__button > span {
1944
2308
  display: block; }
1945
2309
 
2310
+ .svc-item-value-wrapper:hover .svc-item-value-controls__drag-icon,
2311
+ .svc-item-value-controls__drag:hover .svc-item-value-controls__drag-icon {
2312
+ visibility: visible; }
2313
+
1946
2314
  .svc-item-value-controls__drag {
1947
- padding: calc(1 * var(--base-unit, 8px)) calc(1.5 * var(--base-unit, 8px));
1948
- cursor: move; }
2315
+ padding: calc(0.5 * var(--base-unit, 8px)) calc(1 * var(--base-unit, 8px));
2316
+ margin-left: calc(-5 * var(--base-unit, 8px));
2317
+ cursor: move;
2318
+ opacity: 0.25; }
2319
+ .svc-item-value-controls__drag .svc-item-value-controls__drag-icon {
2320
+ visibility: hidden; }
1949
2321
  .svc-item-value-controls__drag use {
1950
- fill: var(--foreground-light, #909090); }
1951
- .svc-item-value-controls__drag:hover use {
1952
- fill: var(--primary, #19b394); }
2322
+ fill: var(--foreground, #161616); }
2323
+
2324
+ .svc-item-value-controls__remove {
2325
+ float: right; }
2326
+ .svc-item-value-controls__remove use {
2327
+ fill: var(--red, #e60a3e); }
1953
2328
 
1954
- .svc-item-value-controls__remove,
1955
2329
  .svc-item-value-controls__add {
1956
2330
  float: right; }
2331
+ .svc-item-value-controls__add use {
2332
+ fill: var(--primary, #19b394); }
1957
2333
 
1958
- .svc-item-value-controls__add:hover {
2334
+ .svc-item-value-controls__add:hover, .svc-item-value-controls__add:focus {
1959
2335
  background-color: var(--primary-light, rgba(25, 179, 148, 0.1)); }
1960
- .svc-item-value-controls__add:hover use {
1961
- fill: var(--primary, #19b394); }
1962
2336
 
1963
- .svc-item-value-controls__remove:hover {
2337
+ .svc-item-value-controls__remove:hover, .svc-item-value-controls__remove:focus {
1964
2338
  background-color: var(--red-light, rgba(230, 10, 62, 0.1)); }
1965
- .svc-item-value-controls__remove:hover use {
1966
- fill: var(--red, #e60a3e); }
1967
2339
 
1968
2340
  .svc-question__content--selected-no-border .svc-item-value-controls {
1969
2341
  display: block; }
@@ -1974,8 +2346,11 @@ sv-svg-icon.svc-item-value-controls__button {
1974
2346
  .sv-string-editor {
1975
2347
  cursor: text; }
1976
2348
 
1977
- .svc-item-value--new .svc-item-value__item {
1978
- opacity: 0.5; }
2349
+ .svc-item-value--new .svc-item-value__item .sd-item__control-label {
2350
+ color: var(--foreground-light, #909090); }
2351
+
2352
+ .svc-item-value--new .svc-item-value__item .sd-item__decorator {
2353
+ opacity: 0.35; }
1979
2354
 
1980
2355
  .sv-ranking .svc-item-value-wrapper {
1981
2356
  align-items: center; }
@@ -2050,17 +2425,20 @@ sv-svg-icon.svc-item-value-controls__button {
2050
2425
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2051
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; }
2052
2427
 
2428
+ :root {
2429
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2430
+
2053
2431
  .svc-image-item-value-wrapper {
2054
2432
  display: inline-block;
2055
- position: relative;
2056
- padding-top: 10px; }
2433
+ position: relative; }
2057
2434
 
2058
2435
  .svc-image-item-value--new {
2059
2436
  display: none;
2060
2437
  height: max-content; }
2061
2438
  .svc-image-item-value--new .sd-imagepicker__image {
2062
2439
  box-sizing: border-box;
2063
- border: 1px dashed var(--border, #d6d6d6); }
2440
+ border: 1px dashed var(--border, #d6d6d6);
2441
+ border-radius: 4px; }
2064
2442
 
2065
2443
  .svc-question__content--selected .svc-image-item-value--new {
2066
2444
  display: inline-block; }
@@ -2068,8 +2446,7 @@ sv-svg-icon.svc-item-value-controls__button {
2068
2446
  .svc-image-item-value-controls {
2069
2447
  position: absolute;
2070
2448
  top: calc(2.5 * var(--base-unit, 8px));
2071
- right: calc(1.5 * var(--base-unit, 8px));
2072
- display: none; }
2449
+ right: calc(1.5 * var(--base-unit, 8px)); }
2073
2450
 
2074
2451
  .svc-image-item-value--new .svc-image-item-value-controls {
2075
2452
  top: calc(50% - 3 * var(--base-unit, 8px));
@@ -2102,10 +2479,11 @@ sv-svg-icon.svc-item-value-controls__button {
2102
2479
  .svc-image-item-value-controls__remove:hover use {
2103
2480
  fill: var(--red, #e60a3e); }
2104
2481
 
2482
+ .svc-image-item-value-controls__add use {
2483
+ fill: var(--primary, #19b394); }
2484
+
2105
2485
  .svc-image-item-value-controls__add:hover {
2106
2486
  background-color: var(--primary-light, rgba(25, 179, 148, 0.1)); }
2107
- .svc-image-item-value-controls__add:hover use {
2108
- fill: var(--primary, #19b394); }
2109
2487
 
2110
2488
  .svc-choose-file-input {
2111
2489
  position: absolute;
@@ -2117,21 +2495,33 @@ sv-svg-icon.svc-item-value-controls__button {
2117
2495
  .svc-image-item-value__item .sd-imagepicker__item.sd-imagepicker__item {
2118
2496
  width: 100%; }
2119
2497
 
2120
- .svc-question__content--selected .svc-image-item-value-wrapper:hover .svc-image-item__drag-element {
2498
+ .svc-image-item-value__item .sd-imagepicker__image-container {
2499
+ border: 1px dashed var(--border, #d6d6d6);
2500
+ border-radius: 4px; }
2501
+
2502
+ .svc-question__content--selected .svc-image-item-value-wrapper:hover .svc-image-item-value-controls__drag-area-indicator {
2121
2503
  display: block; }
2122
2504
 
2123
- .svc-image-item__drag-element {
2505
+ .svc-image-item-value-controls__drag-area-indicator {
2124
2506
  cursor: move;
2125
- width: calc(3 * var(--base-unit, 8px));
2126
- height: 6px;
2127
- border: 1px solid var(--border, #d6d6d6);
2128
- border-radius: 10px;
2129
2507
  position: absolute;
2130
- top: 1px;
2131
- left: 50%;
2132
- transform: translateX(-50%);
2508
+ top: calc(2.5 * var(--base-unit, 8px));
2509
+ left: calc(0.5 * var(--base-unit, 8px));
2510
+ display: none; }
2511
+
2512
+ .svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__ghost {
2513
+ display: block; }
2514
+
2515
+ .svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__content {
2133
2516
  display: none; }
2134
2517
 
2518
+ .svc-image-item-value-wrapper__ghost {
2519
+ display: none;
2520
+ background: var(--background-dim, #f3f3f3);
2521
+ width: 200px;
2522
+ height: 135px;
2523
+ margin-top: 8px; }
2524
+
2135
2525
  /* latin */
2136
2526
  @font-face {
2137
2527
  font-family: "Open Sans";
@@ -2158,20 +2548,27 @@ sv-svg-icon.svc-item-value-controls__button {
2158
2548
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2159
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; }
2160
2550
 
2161
- .svc-question__content .sd-table td:empty, .svc-question__content .sd-table th:empty {
2551
+ :root {
2552
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2553
+
2554
+ .svc-question__content .sd-table td:empty,
2555
+ .svc-question__content .sd-table th:empty {
2162
2556
  width: initial; }
2163
2557
 
2164
2558
  .svc-matrix-cell {
2165
2559
  position: relative; }
2166
2560
 
2561
+ .sd-table thead tr th .svc-matrix-cell {
2562
+ padding: calc(1.5 * var(--base-unit, 8px)); }
2563
+
2167
2564
  .svc-matrix-cell--selected {
2168
2565
  position: absolute;
2169
2566
  border: calc(0.25 * var(--base-unit, 8px)) solid var(--secondary, #ff9814);
2170
2567
  border-radius: calc(0.5 * var(--base-unit, 8px));
2171
- top: calc(-1 * var(--base-unit, 8px));
2568
+ top: calc(0 * var(--base-unit, 8px));
2172
2569
  left: calc(0 * var(--base-unit, 8px));
2173
2570
  right: calc(0 * var(--base-unit, 8px));
2174
- bottom: calc(-1 * var(--base-unit, 8px));
2571
+ bottom: calc(0 * var(--base-unit, 8px));
2175
2572
  display: none; }
2176
2573
  .svc-matrix-cell--selected.svc-visible {
2177
2574
  display: block; }
@@ -2209,6 +2606,12 @@ sv-svg-icon.svc-item-value-controls__button {
2209
2606
  min-width: calc(70 * var(--base-unit, 8px));
2210
2607
  box-shadow: none; }
2211
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
+
2212
2615
  /* latin */
2213
2616
  @font-face {
2214
2617
  font-family: "Open Sans";
@@ -2235,6 +2638,9 @@ sv-svg-icon.svc-item-value-controls__button {
2235
2638
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2236
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; }
2237
2640
 
2641
+ :root {
2642
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2643
+
2238
2644
  .svd_test_results {
2239
2645
  padding: 1em; }
2240
2646
  .svd_test_results .svd_results_text {
@@ -2331,6 +2737,9 @@ sv-svg-icon.svc-item-value-controls__button {
2331
2737
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2332
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; }
2333
2739
 
2740
+ :root {
2741
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2742
+
2334
2743
  .svc-logo-image {
2335
2744
  position: relative;
2336
2745
  justify-content: flex-end;
@@ -2372,6 +2781,54 @@ sv-svg-icon.svc-item-value-controls__button {
2372
2781
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2373
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; }
2374
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
+
2375
2832
  .svc-property-panel__item {
2376
2833
  margin: calc(2 * var(--base-unit, 8px)) 0;
2377
2834
  width: 100%; }
@@ -2402,6 +2859,9 @@ sv-svg-icon.svc-item-value-controls__button {
2402
2859
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2403
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; }
2404
2861
 
2862
+ :root {
2863
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2864
+
2405
2865
  .svc-property-panel__group {
2406
2866
  -webkit-appearance: none;
2407
2867
  -moz-appearance: none;
@@ -2415,7 +2875,7 @@ sv-svg-icon.svc-item-value-controls__button {
2415
2875
  text-align: left;
2416
2876
  background: var(--background, #fff);
2417
2877
  box-shadow: inset 0px -1px 0px var(--border, #d6d6d6);
2418
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
2878
+ font-family: var(--font-family);
2419
2879
  font-size: calc(2 * var(--base-unit, 8px)); }
2420
2880
 
2421
2881
  .svc-property-panel__group:disabled,
@@ -2461,26 +2921,25 @@ sv-svg-icon.svc-item-value-controls__button {
2461
2921
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2462
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; }
2463
2923
 
2464
- svc-tabbed-menu-item {
2465
- display: flex;
2466
- flex-direction: column;
2467
- align-self: flex-start; }
2468
- svc-tabbed-menu-item:hover {
2469
- box-shadow: inset 0px -1px 0px var(--border, #d6d6d6); }
2924
+ :root {
2925
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2470
2926
 
2471
2927
  .svc-tabbed-menu-item {
2472
2928
  padding: 0px calc(3 * var(--base-unit, 8px));
2473
2929
  line-height: calc(8 * var(--base-unit, 8px));
2474
2930
  box-sizing: border-box;
2475
2931
  cursor: pointer; }
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; }
2476
2936
 
2477
2937
  .svc-tabbed-menu-item--selected {
2478
2938
  background: var(--background, #fff);
2479
2939
  box-shadow: inset 0px -2px 0px var(--primary, #19b394); }
2480
2940
 
2481
- .svc-tabbed-menu-item:hover,
2482
- .svc-tabbed-menu-item:focus {
2483
- background-color: var(--background-dim, #f3f3f3); }
2941
+ .svc-tabbed-menu-item--selected:hover {
2942
+ box-shadow: inset 0px -2px 0px var(--primary, #19b394); }
2484
2943
 
2485
2944
  .svc-tabbed-menu-item--disabled {
2486
2945
  cursor: default;
@@ -2494,6 +2953,18 @@ svc-tabbed-menu-item {
2494
2953
  .svc-tabbed-menu-item__text {
2495
2954
  white-space: nowrap; }
2496
2955
 
2956
+ .svc-tabbed-menu-item-container .sv-dots__item {
2957
+ width: auto; }
2958
+
2959
+ #icon-undo .sv-action-bar-item .sv-action-bar-item__icon use,
2960
+ #icon-redo .sv-action-bar-item .sv-action-bar-item__icon use {
2961
+ opacity: 0.25; }
2962
+
2963
+ #icon-undo .sv-action-bar-item--active .sv-action-bar-item__icon use,
2964
+ #icon-redo .sv-action-bar-item--active .sv-action-bar-item__icon use {
2965
+ fill: var(--foreground-light, #909090);
2966
+ opacity: 1; }
2967
+
2497
2968
  /* latin */
2498
2969
  @font-face {
2499
2970
  font-family: "Open Sans";
@@ -2520,6 +2991,9 @@ svc-tabbed-menu-item {
2520
2991
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2521
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; }
2522
2993
 
2994
+ :root {
2995
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
2996
+
2523
2997
  .svc-tabbed-menu {
2524
2998
  display: flex;
2525
2999
  white-space: nowrap;
@@ -2557,35 +3031,45 @@ svc-tabbed-menu-item {
2557
3031
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2558
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; }
2559
3033
 
3034
+ :root {
3035
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3036
+
2560
3037
  .svc-toolbox__item {
2561
3038
  display: flex;
2562
3039
  position: relative;
2563
3040
  align-items: center;
2564
3041
  z-index: 20;
2565
3042
  outline: none;
2566
- cursor: copy; }
3043
+ padding: calc(1 * var(--base-unit, 8px)) calc(1.5 * var(--base-unit, 8px)); }
2567
3044
  .svc-toolbox__item sv-svg-icon,
2568
3045
  .svc-toolbox__item .sv-svg-icon {
2569
3046
  display: block;
2570
3047
  height: calc(3 * var(--base-unit, 8px)); }
2571
3048
 
2572
3049
  .svc-toolbox__item-container {
2573
- padding: calc(1 * var(--base-unit, 8px)) calc(1.5 * var(--base-unit, 8px));
2574
3050
  outline: none; }
2575
3051
  .svc-toolbox__item-container .sv-svg-icon use {
2576
3052
  fill: var(--foreground-light, #909090); }
2577
3053
 
2578
3054
  .svc-toolbox__item-banner {
3055
+ opacity: 0;
2579
3056
  display: flex;
2580
3057
  box-sizing: border-box;
2581
- align-items: center; }
3058
+ align-items: center;
3059
+ margin-right: 0;
3060
+ margin-left: calc(-1.5 * var(--base-unit, 8px)); }
2582
3061
  .svc-toolbox__item-banner .svc-toolbox__item-title {
2583
3062
  color: var(--foreground, #161616); }
2584
3063
  .svc-toolbox__item-banner .sv-svg-icon use {
2585
3064
  fill: var(--primary, #19b394); }
2586
3065
 
2587
- .svc-creator__toolbox--right .svc-toolbox__item-banner {
2588
- flex-direction: row-reverse; }
3066
+ .svc-creator__toolbox--right .svc-toolbox__item:hover .svc-toolbox__item-banner,
3067
+ .svc-creator__toolbox--right .svc-toolbox__item:focus .svc-toolbox__item-banner {
3068
+ flex-direction: row-reverse;
3069
+ padding-right: calc(1.5 * var(--base-unit, 8px));
3070
+ padding-left: calc(2 * var(--base-unit, 8px));
3071
+ margin-left: 0;
3072
+ margin-right: calc(-1.5 * var(--base-unit, 8px)); }
2589
3073
 
2590
3074
  .svc-creator__toolbox--right .svc-toolbox__item {
2591
3075
  flex-direction: row-reverse; }
@@ -2596,34 +3080,64 @@ svc-tabbed-menu-item {
2596
3080
  .svc-creator__toolbox--right .svc-toolbox__tool {
2597
3081
  justify-content: flex-end; }
2598
3082
 
3083
+ .svc-creator__toolbox--right .svc-toolbox__category {
3084
+ align-items: flex-end; }
3085
+
2599
3086
  .svc-toolbox__item-title {
3087
+ font-family: var(--font-family);
3088
+ font-style: normal;
3089
+ font-weight: 600;
3090
+ font-size: calc(1.5 * var(--base-unit, 8px));
3091
+ line-height: calc(2 * var(--base-unit, 8px));
2600
3092
  display: block;
2601
- margin-left: calc(1 * var(--base-unit, 8px));
2602
- margin-right: calc(1 * var(--base-unit, 8px));
3093
+ padding-left: calc(1 * var(--base-unit, 8px));
3094
+ padding-right: calc(1.5 * var(--base-unit, 8px));
2603
3095
  white-space: nowrap;
2604
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
2605
- font-weight: bold;
2606
- font-size: calc(1.5 * var(--base-unit, 8px));
2607
3096
  color: var(--foreground-light, #909090); }
2608
3097
 
2609
- .svc-toolbox__item:hover .svc-toolbox__item-banner {
3098
+ .svc-toolbox__item:hover .svc-toolbox__item-banner,
3099
+ .svc-toolbox__item:focus .svc-toolbox__item-banner {
2610
3100
  max-width: calc(25 * var(--base-unit, 8px));
2611
3101
  padding-left: calc(1.5 * var(--base-unit, 8px));
2612
- padding-right: calc(2 * var(--base-unit, 8px)); }
3102
+ padding-right: calc(2 * var(--base-unit, 8px));
3103
+ opacity: 1; }
2613
3104
 
2614
- .svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool:hover {
3105
+ .svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):focus,
3106
+ .svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):hover {
2615
3107
  overflow: hidden;
2616
3108
  border-radius: calc(12.5 * var(--base-unit, 8px));
2617
3109
  background-color: var(--background, #fff);
2618
3110
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
2619
3111
  transition: 0.1s ease-in-out; }
2620
- .svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool:hover .svc-toolbox__item-title {
3112
+ .svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):focus .svc-toolbox__item-title,
3113
+ .svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):hover .svc-toolbox__item-title {
2621
3114
  color: var(--foreground, #161616); }
2622
- .svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool:hover .sv-svg-icon use {
3115
+ .svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):focus .sv-svg-icon use,
3116
+ .svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):hover .sv-svg-icon use {
2623
3117
  fill: var(--primary, #19b394); }
2624
3118
 
2625
- .svc-toolbox__tool:hover .svc-toolbox__item:focus {
2626
- outline: none; }
3119
+ .svc-toolbox__tool .sv-dots__item:hover,
3120
+ .svc-toolbox__tool .sv-dots__item:focus,
3121
+ .svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed {
3122
+ background-color: var(--primary-light, rgba(25, 179, 148, 0.1));
3123
+ border-radius: calc(12.5 * var(--base-unit, 8px)); }
3124
+ .svc-toolbox__tool .sv-dots__item:hover .sv-svg-icon use,
3125
+ .svc-toolbox__tool .sv-dots__item:focus .sv-svg-icon use,
3126
+ .svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed .sv-svg-icon use {
3127
+ fill: var(--primary, #19b394); }
3128
+
3129
+ .svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed {
3130
+ opacity: 0.5; }
3131
+
3132
+ .svc-toolbox-popup .sv-list__item {
3133
+ padding: calc(1.5 * var(--base-unit, 8px)) calc(5 * var(--base-unit, 8px)); }
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; }
2627
3141
 
2628
3142
  /* latin */
2629
3143
  @font-face {
@@ -2651,8 +3165,10 @@ svc-tabbed-menu-item {
2651
3165
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2652
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; }
2653
3167
 
3168
+ :root {
3169
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3170
+
2654
3171
  .svc-question__dropdown-choices {
2655
- display: none;
2656
3172
  margin-top: calc(2 * var(--base-unit, 8px)); }
2657
3173
 
2658
3174
  .svc-question__content--selected .svc-question__dropdown-choices,
@@ -2685,6 +3201,9 @@ svc-tabbed-menu-item {
2685
3201
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2686
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; }
2687
3203
 
3204
+ :root {
3205
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3206
+
2688
3207
  svc-toolbox {
2689
3208
  display: flex;
2690
3209
  flex-direction: column; }
@@ -2709,13 +3228,9 @@ svc-toolbox {
2709
3228
  flex-direction: column;
2710
3229
  align-items: flex-start; }
2711
3230
 
2712
- .svc-toolbox__tool > .sv-action__content {
2713
- padding-right: 0; }
2714
-
2715
3231
  .svc-toolbox__tool:not(.sv-dots) {
2716
3232
  display: flex;
2717
- width: 100%;
2718
- padding-right: calc(1 * var(--base-unit, 8px)); }
3233
+ width: auto; }
2719
3234
 
2720
3235
  .svc-toolbox__tool .sv-dots__item {
2721
3236
  width: calc(6 * var(--base-unit, 8px)); }
@@ -2737,7 +3252,7 @@ svc-toolbox {
2737
3252
  cursor: pointer; }
2738
3253
 
2739
3254
  .svc-toolbox__category-title {
2740
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3255
+ font-family: var(--font-family);
2741
3256
  font-size: calc(1.5 * var(--base-unit, 8px));
2742
3257
  font-weight: bold;
2743
3258
  line-height: calc(2 * var(--base-unit, 8px));
@@ -2746,8 +3261,8 @@ svc-toolbox {
2746
3261
 
2747
3262
  .svc-toolbox__category-header__controls {
2748
3263
  position: absolute;
2749
- right: calc(1.2 * var(--base-unit, 8px));
2750
- top: calc(1.2 * var(--base-unit, 8px));
3264
+ right: calc(1 * var(--base-unit, 8px));
3265
+ top: calc(1 * var(--base-unit, 8px));
2751
3266
  display: none; }
2752
3267
 
2753
3268
  .svc-toolbox__category-header:hover .svc-toolbox__category-header__controls {
@@ -2782,10 +3297,13 @@ svc-toolbox {
2782
3297
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2783
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; }
2784
3299
 
3300
+ :root {
3301
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3302
+
2785
3303
  .svc-side-bar__container {
2786
3304
  display: block;
2787
3305
  position: relative;
2788
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3306
+ font-family: var(--font-family);
2789
3307
  min-width: 370px;
2790
3308
  max-width: calc(118 * var(--base-unit, 8px));
2791
3309
  width: 450px;
@@ -2818,7 +3336,8 @@ svc-toolbox {
2818
3336
  flex-direction: column;
2819
3337
  align-items: flex-start;
2820
3338
  height: calc(100% - calc(8 * var(--base-unit, 8px)));
2821
- overflow-y: auto; }
3339
+ overflow-y: auto;
3340
+ background-color: var(--background, #fff); }
2822
3341
 
2823
3342
  .svc-side-bar__container-container {
2824
3343
  display: flex;
@@ -2863,7 +3382,6 @@ svc-toolbox {
2863
3382
  width: 0;
2864
3383
  overflow: visible; }
2865
3384
  .svc-flyout-side-bar .svc-side-bar__shadow {
2866
- z-index: 100;
2867
3385
  background-color: var(--foreground-light, #909090);
2868
3386
  opacity: 0.75;
2869
3387
  position: absolute;
@@ -2925,9 +3443,6 @@ svc-toolbox {
2925
3443
  width: 100%;
2926
3444
  margin: calc(2 * var(--base-unit, 8px)); }
2927
3445
 
2928
- .svc-side-bar .svc-toolbox__tool {
2929
- width: auto; }
2930
-
2931
3446
  .svc-side-bar .svc-toolbox {
2932
3447
  width: 100%; }
2933
3448
 
@@ -2957,6 +3472,9 @@ svc-toolbox {
2957
3472
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
2958
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; }
2959
3474
 
3475
+ :root {
3476
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3477
+
2960
3478
  .spg-question {
2961
3479
  display: flex;
2962
3480
  flex-direction: column;
@@ -2973,7 +3491,7 @@ svc-toolbox {
2973
3491
  padding: calc(1 * var(--base-unit, 8px)) 0;
2974
3492
  line-height: calc(3 * var(--base-unit, 8px));
2975
3493
  font-size: calc(2 * var(--base-unit, 8px));
2976
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3494
+ font-family: var(--font-family);
2977
3495
  color: var(--foreground-light, #909090);
2978
3496
  font-weight: normal;
2979
3497
  box-sizing: border-box; }
@@ -2983,22 +3501,42 @@ svc-toolbox {
2983
3501
  color: var(--primary, #19b394);
2984
3502
  cursor: pointer; }
2985
3503
 
2986
- .spg-question-link__set-button {
2987
- font-weight: 600;
2988
- cursor: pointer; }
2989
-
2990
- .spg-question-link__clear-button {
2991
- margin-left: calc(4 * var(--base-unit, 8px));
2992
- color: var(--red, #e60a3e);
2993
- font-weight: 600;
2994
- cursor: pointer; }
2995
-
2996
3504
  .spg-question__description {
2997
3505
  line-height: calc(3 * var(--base-unit, 8px));
2998
3506
  font-size: calc(2 * var(--base-unit, 8px));
2999
3507
  color: var(--foreground, #161616);
3000
3508
  padding-bottom: calc(2 * var(--base-unit, 8px)); }
3001
3509
 
3510
+ .spg-row-narrow__question {
3511
+ margin-top: calc(-2 * var(--base-unit, 8px)); }
3512
+
3513
+ .spg-question--location--left {
3514
+ flex-direction: row;
3515
+ padding-right: 0 !important;
3516
+ background: var(--background, #fff);
3517
+ border: 1px solid var(--border, #d6d6d6);
3518
+ line-height: calc(6 * var(--base-unit, 8px));
3519
+ vertical-align: middle; }
3520
+
3521
+ .spg-question__header--location--left {
3522
+ width: auto;
3523
+ max-width: 50%; }
3524
+ .spg-question__header--location--left .spg-question__title {
3525
+ padding: calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
3526
+ border-right: 1px solid var(--border, #d6d6d6);
3527
+ display: inline-block; }
3528
+
3529
+ .spg-question__content--left {
3530
+ padding-left: calc(1 * var(--base-unit, 8px)); }
3531
+ .spg-question__content--left .spg-input {
3532
+ border: none; }
3533
+
3534
+ .spg-row--multiple {
3535
+ display: flex;
3536
+ gap: calc(1 * var(--base-unit, 8px));
3537
+ margin-top: calc(1 * var(--base-unit, 8px)) !important;
3538
+ overflow: hidden; }
3539
+
3002
3540
  .spg-input {
3003
3541
  -webkit-appearance: none;
3004
3542
  -moz-appearance: none;
@@ -3018,7 +3556,7 @@ svc-toolbox {
3018
3556
  color: var(--foreground-light, #909090); }
3019
3557
 
3020
3558
  .spg-input:focus {
3021
- border: 1px solid var(--primary, #19b394); }
3559
+ border: 2px solid var(--primary, #19b394); }
3022
3560
 
3023
3561
  .spg-input:disabled,
3024
3562
  .spg-input:disabled::placeholder {
@@ -3029,7 +3567,8 @@ svc-toolbox {
3029
3567
  background-repeat: no-repeat, repeat;
3030
3568
  background-position: right calc(2.5 * var(--base-unit, 8px)) top 50%, 0 0;
3031
3569
  background-size: 10px 5px;
3032
- padding-right: calc(5.5 * var(--base-unit, 8px)); }
3570
+ padding-right: calc(5.5 * var(--base-unit, 8px));
3571
+ border-radius: 0; }
3033
3572
 
3034
3573
  .spg-comment {
3035
3574
  -webkit-appearance: none;
@@ -3043,17 +3582,19 @@ svc-toolbox {
3043
3582
  border: 1px solid var(--border-inside, rgba(0, 0, 0, 0.16));
3044
3583
  padding: calc(1.5 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
3045
3584
  outline: none;
3046
- font-size: calc(2 * var(--base-unit, 8px));
3047
3585
  color: var(--foreground, #161616);
3048
3586
  max-width: 100%;
3049
3587
  min-width: calc(6 * var(--base-unit, 8px));
3050
- 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)); }
3051
3592
 
3052
3593
  .spg-comment::placeholder {
3053
3594
  color: var(--foreground-light, #909090); }
3054
3595
 
3055
3596
  .spg-comment:focus {
3056
- border: 1px solid var(--primary, #19b394); }
3597
+ border: 2px solid var(--primary, #19b394); }
3057
3598
 
3058
3599
  .spg-comment:disabled,
3059
3600
  .spg-comment:disabled::placeholder {
@@ -3071,29 +3612,25 @@ svc-toolbox {
3071
3612
  color: var(--foreground-light, #909090);
3072
3613
  cursor: pointer;
3073
3614
  text-align: left;
3074
- background: var(--background, #fff);
3615
+ background-color: var(--background, #fff);
3075
3616
  box-shadow: inset 0px -1px 0px var(--border, #d6d6d6);
3076
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3617
+ font-family: var(--font-family);
3077
3618
  font-size: calc(2 * var(--base-unit, 8px));
3078
3619
  font-weight: 400;
3079
3620
  margin: 0; }
3080
3621
 
3081
3622
  .spg-panel__title:disabled,
3082
3623
  .spg-panel__title:disabled:hover {
3083
- background-color: var(--background, #fff);
3084
3624
  color: var(--foreground-disabled, rgba(22, 22, 22, 0.16));
3085
3625
  cursor: default; }
3086
3626
 
3087
- .spg-panel__title--expandable:hover {
3088
- background-color: var(--background-dim, #f3f3f3);
3089
- color: var(--foreground-light, #909090);
3090
- 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); }
3091
3629
 
3092
- .spg-panel__title--expanded,
3093
- .spg-panel__title--expanded:hover {
3630
+ .spg-panel__title[aria-expanded=true],
3631
+ .spg-panel__title--expanded {
3094
3632
  color: var(--foreground, #161616);
3095
- font-weight: 600;
3096
- background-color: var(--background, #fff); }
3633
+ font-weight: 600; }
3097
3634
 
3098
3635
  .spg-panel__content {
3099
3636
  display: flex;
@@ -3115,10 +3652,8 @@ svc-toolbox {
3115
3652
  .spg-checkbox {
3116
3653
  cursor: pointer;
3117
3654
  display: flex;
3118
- align-items: center; }
3119
-
3120
- .spg-checkbox:focus-within {
3121
- outline: 1px dotted var(--primary, #19b394); }
3655
+ align-items: center;
3656
+ margin-top: calc(1 * var(--base-unit, 8px)); }
3122
3657
 
3123
3658
  .spg-checkbox--disabled {
3124
3659
  cursor: default; }
@@ -3126,7 +3661,7 @@ svc-toolbox {
3126
3661
  cursor: default; }
3127
3662
 
3128
3663
  .spg-checkbox__caption {
3129
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3664
+ font-family: var(--font-family);
3130
3665
  font-size: calc(2 * var(--base-unit, 8px));
3131
3666
  color: var(--foreground, #161616);
3132
3667
  margin-left: calc(1 * var(--base-unit, 8px)); }
@@ -3138,7 +3673,12 @@ svc-toolbox {
3138
3673
  width: calc(3 * var(--base-unit, 8px));
3139
3674
  height: calc(3 * var(--base-unit, 8px));
3140
3675
  flex-shrink: 0;
3141
- 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); }
3142
3682
 
3143
3683
  .spg-checkbox--checked .spg-checkbox__rectangle:after {
3144
3684
  display: block;
@@ -3171,9 +3711,6 @@ svc-toolbox {
3171
3711
  .spg-selectbase__item {
3172
3712
  margin-bottom: calc(2 * var(--base-unit, 8px)); }
3173
3713
 
3174
- .spg-matrixdynamic__add-btn {
3175
- display: none; }
3176
-
3177
3714
  .spg-matrixdynamic__drag-element {
3178
3715
  padding: calc(2 * var(--base-unit, 8px)); }
3179
3716
  .spg-matrixdynamic__drag-element:hover {
@@ -3206,20 +3743,49 @@ svc-toolbox {
3206
3743
  .spg-matrixdynamic__drag-drop-ghost-position-bottom::after {
3207
3744
  bottom: 0; }
3208
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
+
3209
3775
  .spg-table {
3210
3776
  width: 100%;
3211
3777
  background-color: var(--background, #fff);
3212
3778
  border: 1px solid var(--border, #d6d6d6);
3213
3779
  border-collapse: collapse; }
3214
-
3215
- .spg-table tr:not(:last-child) {
3216
- box-shadow: 0px 1px 0px var(--border, #d6d6d6); }
3780
+ .spg-table tr {
3781
+ border-bottom: 1px solid var(--border, #d6d6d6); }
3217
3782
 
3218
3783
  .spg-table__cell {
3219
- padding: calc(0.5 * var(--base-unit, 8px)) 0; }
3784
+ padding: 0; }
3785
+ .spg-table__cell .spg-checkbox {
3786
+ margin: 0 calc(2 * var(--base-unit, 8px)); }
3220
3787
 
3221
3788
  .spg-table__cell--detail-panel {
3222
- padding: 0;
3223
3789
  background: var(--background-dim, #f3f3f3); }
3224
3790
  .spg-table__cell--detail-panel .spg-panel__content {
3225
3791
  box-shadow: none; }
@@ -3229,10 +3795,14 @@ svc-toolbox {
3229
3795
  line-height: calc(3 * var(--base-unit, 8px));
3230
3796
  font-size: calc(2 * var(--base-unit, 8px));
3231
3797
  border: none;
3232
- background-color: transparent; }
3798
+ background-color: transparent;
3799
+ padding: calc(1.5 * var(--base-unit, 8px)) 0;
3800
+ padding-right: calc(2 * var(--base-unit, 8px)); }
3801
+
3802
+ .spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text {
3803
+ padding-left: calc(2 * var(--base-unit, 8px)); }
3233
3804
 
3234
3805
  .spg-table__cell--actions .sv-action-bar {
3235
- padding: 0;
3236
3806
  opacity: 0.5; }
3237
3807
 
3238
3808
  .spg-table__cell--actions:first-child {
@@ -3278,6 +3848,50 @@ svc-toolbox {
3278
3848
  .spg-root-modern .sv-action:not(.sv-action--hidden):not(:last-of-type) > .sv-action__content {
3279
3849
  padding-right: 0; }
3280
3850
 
3851
+ .spg-title .sv-action-bar {
3852
+ margin-top: calc(-1 * var(--base-unit, 8px));
3853
+ margin-bottom: calc(-1 * var(--base-unit, 8px));
3854
+ margin-right: 1px; }
3855
+
3856
+ .spg-table__cell .sv-action-bar {
3857
+ padding-left: 0; }
3858
+
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));
3863
+ padding: calc(1 * var(--base-unit, 8px));
3864
+ cursor: pointer; }
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 {
3870
+ outline: none;
3871
+ background-color: var(--primary-light, rgba(25, 179, 148, 0.1)); }
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 {
3877
+ fill: var(--primary, #19b394); }
3878
+
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 {
3884
+ background-color: var(--red-light, rgba(230, 10, 62, 0.1)); }
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 {
3890
+ fill: var(--red, #e60a3e); }
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
+
3281
3895
  /* latin */
3282
3896
  @font-face {
3283
3897
  font-family: "Open Sans";
@@ -3304,14 +3918,22 @@ svc-toolbox {
3304
3918
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
3305
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; }
3306
3920
 
3921
+ :root {
3922
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3923
+
3307
3924
  .svc-text {
3308
- font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
3925
+ font-family: var(--font-family);
3309
3926
  font-style: normal;
3310
- font-weight: normal; }
3927
+ font-weight: normal;
3928
+ color: var(--foreground, #161616); }
3311
3929
 
3312
3930
  .svc-text--normal {
3313
- font-size: 16px;
3314
- line-height: 24px; }
3931
+ font-size: calc(2 * var(--base-unit, 8px));
3932
+ line-height: calc(3 * var(--base-unit, 8px)); }
3933
+
3934
+ .svc-text--small {
3935
+ font-size: calc(1.5 * var(--base-unit, 8px));
3936
+ line-height: calc(2 * var(--base-unit, 8px)); }
3315
3937
 
3316
3938
  .svc-text--bold {
3317
3939
  font-weight: 600; }
@@ -3342,6 +3964,9 @@ svc-toolbox {
3342
3964
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
3343
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; }
3344
3966
 
3967
+ :root {
3968
+ --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
3969
+
3345
3970
  .svc-flex-container {
3346
3971
  display: flex; }
3347
3972
 
@@ -3372,6 +3997,8 @@ svc-toolbox {
3372
3997
  display: flex; }
3373
3998
  .svc-top-bar .svc-toolbar-wrapper .sv-action-bar {
3374
3999
  justify-content: flex-end; }
4000
+ .svc-top-bar .svc-toolbar-wrapper .sv-action-bar .sv-action-bar-separator {
4001
+ height: calc(4 * var(--base-unit, 8px)); }
3375
4002
 
3376
4003
  .svc-footer-bar .svc-toolbar-wrapper {
3377
4004
  position: absolute;