survey-react 1.9.92 → 1.9.94

package/defaultV2.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.92
+ * surveyjs - Survey JavaScript library v1.9.94
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -274,14 +274,14 @@ button.sv-action-bar-item {
 .sv-action-bar--default-size-mode .sv-action-bar-item {
   height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
   font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   margin: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
 .sv-action-bar--small-size-mode .sv-action-bar-item {
   height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
   font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
-  line-height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   margin: 0 calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
@@ -353,7 +353,7 @@ button.sv-action-bar-item {
   border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));
   background-color: transparent;
   cursor: pointer;
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   font-family: var(--font-family, var(--font-family));
 }
@@ -422,7 +422,7 @@ button.sv-action-bar-item {
   font-family: var(--font-family, var(--font-family));
   font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   padding-left: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
 }
 
 .sv-matrixdynamic__drag-icon {
@@ -452,7 +452,6 @@ button.sv-action-bar-item {
 sv-popup {
   display: block;
   position: absolute;
-  z-index: -1;
 }
 
 .sv-popup {
@@ -501,14 +500,15 @@ sv-popup {
   padding: calc(11 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(15 * var(--sjs-base-unit, var(--base-unit, 8px)));
   box-sizing: border-box;
 }
-.sv-popup.sv-popup--modal .sv-popup__container {
-  position: static;
-}
 .sv-popup.sv-popup--modal .sv-popup__body-content {
   padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
   height: auto;
 }
 
+.sv-popup.sv-popup--modal > .sv-popup__container {
+  position: static;
+}
+
 .sv-popup--overlay.sv-popup--overlay {
   width: 100%;
   height: var(--sv-popup-overlay-height, 100vh);
@@ -540,9 +540,6 @@ sv-popup {
 .sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer .sv-action-bar {
   width: 100%;
 }
-.sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer .sv-action {
-  width: 100%;
-}
 .sv-popup--overlay.sv-popup--overlay .sv-popup__body-footer-item {
   width: 100%;
 }
@@ -552,6 +549,10 @@ sv-popup {
   color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
 }
 
+.sv-popup--overlay.sv-popup--overlay:not(.sv-dropdown-popup) .sv-popup__body-footer .sv-action {
+  flex: 1 0 0;
+}
+
 .sv-popup--modal .sv-popup__scrolling-content {
   padding: 2px;
   margin: -2px;
@@ -622,7 +623,7 @@ sv-popup {
 .sv-popup__body-header {
   font-family: Open Sans;
   font-size: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
-  line-height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(2 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   font-style: normal;
   font-weight: 700;
   margin-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
@@ -742,7 +743,7 @@ sv-popup {
 .sv-dropdown-popup.sv-popup--overlay .sv-list__input {
   color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
   font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   font-family: var(--font-family);
   padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
@@ -811,7 +812,7 @@ sv-popup {
   appearance: none;
   width: 100%;
   padding: 11px calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   outline: none;
   font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   font-weight: 400;
@@ -998,7 +999,7 @@ sv-popup {
 .sv-brand-info__text {
   font-weight: 600;
   font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   color: #161616;
 }
 
@@ -1012,7 +1013,7 @@ sv-popup {
 .sv-brand-info__terms {
   font-weight: 400;
   font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
-  line-height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
 }
 .sv-brand-info__terms a {
   color: #909090;
@@ -1095,12 +1096,12 @@ sv-popup {
   border: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid transparent;
   width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
   height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   box-sizing: border-box;
   font-weight: 600;
   margin-left: calc(0 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
-.sv-ranking-item__index.sv-ranking-item__index.sv-ranking-item__index--empty:empty {
+.sv-ranking-item__index.sv-ranking-item__index:empty {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAArSURBVHgB7cuhEQAwDMNAtUN4//m8RMtygcE5PxMQxAKnh6Q3mWzXd4mAD4cJBAQCqfbUAAAAAElFTkSuQmCC");
   background-position: center;
   background-repeat: no-repeat;
@@ -1113,7 +1114,7 @@ sv-popup {
   white-space: nowrap;
   color: var(--sjs-general-forecolor, var(--foreground, #161616));
   font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   margin: 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
@@ -1214,6 +1215,54 @@ sv-popup {
   margin-left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
+.sv-ranking--select-to-rank {
+  display: flex;
+}
+
+.sv-ranking--select-to-rank-vertical {
+  flex-direction: column;
+}
+.sv-ranking--select-to-rank-vertical .sv-ranking__containers-divider {
+  margin: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
+  height: 1px;
+}
+
+.sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider {
+  width: 1px;
+}
+.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {
+  left: initial;
+}
+
+.sv-ranking__container-placeholder {
+  color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
+  font-family: var(--font-family, var(--font-family));
+  font-style: normal;
+  font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
+  white-space: break-spaces;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+}
+
+.sv-ranking__container {
+  flex: 1;
+  max-width: 100%;
+}
+
+.sv-ranking__container--empty {
+  padding: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  box-sizing: border-box;
+  text-align: center;
+}
+
+.sv-ranking__containers-divider {
+  background: var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
+}
+
 .sv-list {
   padding: 0;
   margin: 0;
@@ -1234,7 +1283,7 @@ sv-popup {
 }
 
 .sv-list__empty-text {
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   font-weight: 400;
   text-align: center;
@@ -1260,8 +1309,9 @@ sv-popup {
   padding-inline-end: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
   padding-inline-start: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
   color: var(--sjs-general-forecolor, var(--foreground, #161616));
+  font-weight: normal;
   font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   cursor: pointer;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1325,6 +1375,10 @@ sv-popup {
   background-color: var(--sjs-border-default, var(--border, #d6d6d6));
 }
 
+.sv-list--filtering .sv-list__item-separator {
+  display: none;
+}
+
 .sv-list__item.sv-list__item--selected .sv-list__item-body,
 .sv-list__item.sv-list__item--selected:hover .sv-list__item-body,
 .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-body,
@@ -1400,7 +1454,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   color: var(--sjs-general-forecolor, var(--foreground, #161616));
   padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
   padding-inline-start: calc(7 * var(--sjs-base-unit, var(--base-unit, 8px)));
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   border: none;
 }
 
@@ -1436,7 +1490,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   z-index: 1600;
   font-family: var(--font-family, var(--font-family));
   font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   display: flex;
   flex-direction: row;
   justify-content: center;
@@ -1482,7 +1536,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
 .sv-save-data_root.sv-save-data_error .sv-save-data_button {
   font-weight: 600;
   font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
   color: #ffffff;
   background-color: var(--sjs-special-red, var(--red, #e60a3e));
@@ -1537,21 +1591,17 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
 }
 .sd-element__title .sd-element__num {
   font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
-  line-height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
 }
 .sd-element__title span {
   font-size: var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
 }
 .sd-element__title .sv-title-actions__title {
   font-size: 0;
   line-height: 0;
 }
-.sd-element__title .svc-string-editor {
-  display: inline-block;
-  max-width: 100%;
-}
 .sd-element__title .sv-string-editor {
   max-width: 100%;
   white-space: normal;
@@ -1571,7 +1621,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   padding-inline-end: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
   width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
   font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
-  line-height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
   margin-inline-start: calc(-5 * var(--sjs-base-unit, var(--base-unit, 8px)));
   text-align: end;
@@ -1624,7 +1674,6 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   transform: rotate(90deg);
 }
 
-.svc-logic-question-value,
 .sd-element--with-frame {
   border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));
   box-sizing: border-box;
@@ -1635,11 +1684,9 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
   box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
 }
-.svc-logic-question-value.sd-question--paneldynamic,
 .sd-element--with-frame.sd-question--paneldynamic {
   padding-bottom: 0;
 }
-.svc-logic-question-value.sd-question--paneldynamic > .sd-question__erbox--below-question,
 .sd-element--with-frame.sd-question--paneldynamic > .sd-question__erbox--below-question {
   bottom: 0;
   margin-top: 0;
@@ -1755,14 +1802,6 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   box-shadow: none;
 }
 
-.svc-question__content .sd-element--complex > .sd-element__header--location-top {
-  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));
-  padding-top: 0;
-}
-.svc-question__content .sd-element--complex > .sd-element__header--location-top:after {
-  display: none;
-}
-
 .sd-question {
   position: relative;
 }
@@ -1771,7 +1810,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
   border-radius: calc(1 * var(--sjs-corner-radius, 4px));
   font-weight: 600;
-  line-height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   white-space: normal;
   text-align: left;
@@ -1816,22 +1855,18 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   padding-top: calc(0.5 * var(--sd-base-vertical-padding));
 }
 
-.svc-logic-question-value > .sd-question__erbox--outside-question,
 .sd-element--with-frame > .sd-question__erbox--outside-question {
   margin-left: calc(-1 * var(--sd-base-padding));
   margin-right: calc(-1 * var(--sd-base-padding));
   width: calc(100% + 2 * var(--sd-base-padding));
 }
-.svc-logic-question-value > .sd-question__erbox--above-question,
 .sd-element--with-frame > .sd-question__erbox--above-question {
   margin-top: calc(-1 * var(--sd-base-padding));
   margin-bottom: var(--sd-base-vertical-padding);
 }
-.svc-logic-question-value > .sd-question__header--location-top,
 .sd-element--with-frame > .sd-question__header--location-top {
   margin-top: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
-.svc-logic-question-value > .sd-question__content > .sd-question__header--location--bottom,
 .sd-element--with-frame > .sd-question__content > .sd-question__header--location--bottom {
   margin-bottom: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
@@ -1916,7 +1951,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   gap: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
   justify-content: center;
   min-height: calc(24 * var(--sjs-base-unit, var(--base-unit, 8px)));
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
 }
@@ -1947,7 +1982,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
   box-sizing: border-box;
   padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   font-family: var(--sjs-font-editorfont-family, var(--font-family));
   font-weight: var(--sjs-font-editorfont-weight, 400);
   color: var(--sjs-font-editorfont-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
@@ -2009,7 +2044,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   align-items: flex-end;
   padding: 0px;
   font-family: var(--font-family);
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
   position: absolute;
@@ -2089,7 +2124,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   font-size: var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));
   color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
   position: static;
-  line-height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(2 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   margin: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;
 }
 .sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title span {
@@ -2105,7 +2140,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   font-size: var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));
   color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
   position: static;
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   margin: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;
 }
 
@@ -2128,11 +2163,6 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   padding-top: var(--sd-base-vertical-padding);
 }
 
-.svc-question__content .sd-panel__content {
-  gap: 0;
-  padding-top: 0;
-}
-
 .sjs_sp_placeholder {
   color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
 }
@@ -2204,7 +2234,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   appearance: none;
   background: transparent;
   border: none;
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   font-family: var(--font-family, var(--font-family));
   font-weight: 600;
@@ -2277,7 +2307,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
 .sd-table__cell {
   font-weight: normal;
   font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
   color: var(--sjs-general-forecolor, var(--foreground, #161616));
   text-align: center;
@@ -2333,18 +2363,6 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
 .sd-matrixdynamic__add-btn .sv-action-bar {
   overflow: visible;
 }
-.sd-table__cell--actions .svc-string-editor__button--done,
-.sd-matrixdynamic__add-btn .svc-string-editor__button--done {
-  width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
-}
-
-.svc-question__content .sd-table__cell--actions .sv-action-bar-item:disabled {
-  background: var(--sjs-general-backcolor, var(--background, #fff));
-  opacity: 1;
-}
-.svc-question__content .sd-table__cell--actions .sv-action-bar-item:disabled use {
-  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
-}
 
 .sd-table__cell--actions:not(.sd-table__cell--vertical) {
   width: 0;
@@ -2516,7 +2534,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   font-size: var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));
   color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
   position: static;
-  line-height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(2 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   margin: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;
 }
 
@@ -2526,7 +2544,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   font-size: var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));
   color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
   position: static;
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   margin: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0px;
 }
 
@@ -2549,48 +2567,33 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   margin-top: var(--sd-base-vertical-padding);
 }
 
-.sd-page__row.sd-row--multiple:not(.sd-row--compact),
-.svc-row > .sd-row--multiple {
-  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
-  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
-  border-radius: calc(1 * var(--sjs-corner-radius, 4px));
-}
-
-:not(.svc-row) > .sd-row--multiple {
+.sd-row--multiple {
   row-gap: var(--sd-base-vertical-padding);
   margin-left: calc(-1 * var(--sd-base-padding));
   width: calc(100% + var(--sd-base-padding));
   flex-wrap: wrap;
 }
-:not(.svc-row) > .sd-row--multiple > div {
+.sd-row--multiple > div {
   box-sizing: border-box;
   padding-left: var(--sd-base-padding);
 }
 
-:not(.svc-row) > .sd-page__row.sd-row--multiple {
+.sd-page__row.sd-row--multiple {
   padding: var(--sd-base-vertical-padding) var(--sd-base-padding) var(--sd-base-padding) 0;
   margin-left: 0;
   width: 100%;
 }
-:not(.svc-row) > .sd-page__row.sd-row--multiple.sd-row--compact {
+.sd-page__row.sd-row--multiple:not(.sd-row--compact) {
+  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
+  border-radius: calc(1 * var(--sjs-corner-radius, 4px));
+}
+.sd-page__row.sd-row--multiple.sd-row--compact {
   padding: 0;
   width: calc(100% + var(--sd-base-padding));
   margin-left: calc(-1 * var(--sd-base-padding));
 }
 
-.svc-row .sd-row--multiple {
-  overflow: auto;
-  margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
-}
-
-.svc-row--multiple .sd-row--multiple {
-  gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
-}
-
-.svc-row:not(.svc-row--ghost) > .sd-row {
-  min-height: 50px;
-}
-
 .sd-row__panel {
   box-sizing: border-box;
   width: 100%;
@@ -2602,10 +2605,6 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   white-space: nowrap;
 }
 
-.svc-tab-designer .sd-title {
-  display: flex;
-}
-
 .sd-title {
   display: block;
   font-family: var(--font-family, var(--font-family));
@@ -2643,12 +2642,12 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   font-weight: var(--sjs-font-surveytitle-weight, 700);
 }
 .sd-header__text h3 {
-  line-height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(2.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
 }
 .sd-header__text h5 {
   font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   font-weight: 400;
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
 }
 
 .sd-title .sv-title-actions {
@@ -2656,7 +2655,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   justify-content: space-between;
 }
 
-.sd-root-modern:not(.svc-tab-designer) .sd-container-modern__title {
+.sd-root-modern .sd-container-modern__title {
   background-color: var(--sjs-general-backcolor, var(--background, #fff));
 }
 
@@ -2699,7 +2698,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   font-weight: var(--sjs-font-questiondescription-weight, 400);
   color: var(--sjs-font-questiondescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
   font-size: var(--sjs-font-questiondescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   white-space: normal;
   word-break: break-word;
 }
@@ -2749,7 +2748,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   font-family: var(--font-family, var(--font-family));
   font-style: normal;
   font-weight: normal;
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   color: var(--sjs-general-forecolor, var(--foreground, #161616));
   white-space: normal;
@@ -2914,12 +2913,12 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
 
 .sd-rating {
   overflow-x: auto;
-  min-height: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  min-height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 .sd-rating fieldset {
   display: flex;
   border: none;
-  padding: 0 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
+  padding: 0 0 2px 0;
   flex-wrap: nowrap;
   gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
   margin-inline-start: 0;
@@ -2928,6 +2927,9 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
 .sd-rating.sd-rating--wrappable fieldset {
   flex-wrap: wrap;
 }
+.sd-rating.sd-scrollable-container:not(.sd-scrollable-container--compact) {
+  overflow: visible;
+}
 
 .sd-rating--small {
   min-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
@@ -3194,13 +3196,13 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   font-weight: var(--sjs-font-editorfont-weight, 400);
   color: var(--sjs-font-editorfont-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
   font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   display: inline-block;
 }
 .sd-rating__item-text.sd-rating__item-text.sd-rating__min-text, .sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {
   margin-top: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));
   margin-bottom: calc(1.25 * var(--sjs-base-unit, var(--base-unit, 8px)));
-  border: 2px solid var(--sjs-general-backcolor, var(--background, #fff));
+  border: 2px solid transparent;
   color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
 }
 .sd-rating__item-text.sd-rating__item-text.sd-rating__min-text {
@@ -3237,7 +3239,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
 }
 
 .sv-ranking-item__content.sd-ranking-item__content {
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
 }
 
 .sd-dropdown {
@@ -3321,7 +3323,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   font-weight: var(--sjs-font-editorfont-weight, 400);
   color: var(--sjs-font-editorfont-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
   font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   background-color: transparent;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -3345,7 +3347,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   text-overflow: ellipsis;
   white-space: nowrap;
   display: inline-block;
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   appearance: none;
 }
 
@@ -3495,12 +3497,12 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
 
 .sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {
   height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
-  line-height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(2.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
 }
 
 .sd-dropdown__hint-prefix.sd-tagbox__hint-prefix {
   height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
-  line-height: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(2.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
 }
 
 .sd-imagepicker {
@@ -3590,7 +3592,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
 
 .sd-imagepicker__text {
   font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
   color: var(--sjs-general-forecolor, var(--foreground, #161616));
 }
@@ -3678,7 +3680,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   right: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
   color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
   font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
-  line-height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   font-weight: 600;
 }
 @media only screen and (min-width: calc(125 * var(--sjs-base-unit, var(--base-unit, 8px)))) {
@@ -3709,7 +3711,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   font-weight: var(--sjs-font-editorfont-weight, 400);
   font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))))));
   color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
@@ -3902,10 +3904,6 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   padding-bottom: var(--sd-base-padding);
 }
 
-.svc-question__content .sd-paneldynamic__panel-wrapper {
-  padding: 0;
-}
-
 .sd-paneldynamic__buttons-container .sd-action-bar {
   width: 100%;
   margin: 0 calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));
@@ -3924,34 +3922,36 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   margin-bottom: calc(-1 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
-.sv-tabs-toolbar.sv-action-bar {
-  gap: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
+.sd-tabs-toolbar.sv-action-bar {
+  align-items: flex-start;
+  margin: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 -1px calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  z-index: 1;
 }
 
-.sv-tabs-toolbar.sv-tabs-toolbar--left {
+.sd-tabs-toolbar.sd-tabs-toolbar--left {
   justify-content: flex-start;
 }
 
-.sv-tabs-toolbar.sv-tabs-toolbar--right {
+.sd-tabs-toolbar.sd-tabs-toolbar--right {
   justify-content: flex-end;
 }
 
-.sv-tabs-toolbar.sv-tabs-toolbar--center {
+.sd-tabs-toolbar.sd-tabs-toolbar--center {
   justify-content: center;
 }
 
-.sv-tab-item__root {
-  display: flex;
+.sd-tab-item {
+  margin: 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
-.sv-tab-item {
-  padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
+.sd-tab-item {
+  padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
   display: flex;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   display: flex;
-  padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
   box-sizing: border-box;
   border: none;
   background-color: transparent;
@@ -3962,19 +3962,58 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   overflow-x: hidden;
   white-space: nowrap;
 }
+.sd-tab-item:hover {
+  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
+}
 
-.sv-tab-item.sv-tab-item--pressed {
+.sd-tab-item.sd-tab-item--pressed {
   color: var(--sjs-general-forecolor, var(--foreground, #161616));
   box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
 }
 
-.sv-tab-item__title {
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+.sd-tab-item--icon {
+  padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  width: auto;
+  border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
+.sd-tab-item--icon use {
+  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
+  opacity: 0.5;
+}
+
+.sd-tab-item--icon:hover,
+.sd-tab-item--icon.sd-tab-item--pressed {
+  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
+  box-shadow: none;
+}
+.sd-tab-item--icon:hover use,
+.sd-tab-item--icon.sd-tab-item--pressed use {
+  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
+}
+
+.sd-tab-item--icon:hover use {
+  opacity: 1;
+}
+
+.sd-tabs-toolbar .sv-dots {
+  width: auto;
+}
+
+.sd-tabs-toolbar .sv-dots.sv-action--hidden {
+  width: 0;
+}
+
+.sd-tab-item__title {
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
   display: flex;
   align-items: center;
 }
 
+.sd-question__title ~ .sd-tabs-toolbar {
+  margin-top: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
+
 .sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {
   padding-bottom: 0;
 }
@@ -3987,7 +4026,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   min-height: calc(36 * var(--sjs-base-unit, var(--base-unit, 8px)));
   position: relative;
   font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
 }
 .sd-file .sv-action-bar {
   padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
@@ -4123,7 +4162,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   margin-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
   text-align: center;
   font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
-  line-height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
 }
 .sd-file__sign a {
   display: block;
@@ -4135,7 +4174,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   overflow: hidden;
   max-height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
   text-overflow: ellipsis;
-  line-height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
@@ -4252,7 +4291,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   font-style: normal;
   font-weight: 600;
   font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   text-align: center;
   color: var(--sjs-primary-backcolor, var(--primary, #19b394));
   border: none;
@@ -4437,7 +4476,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   font-family: var(--font-family, var(--font-family));
   font-style: normal;
   font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   outline: none;
 }
 
@@ -4615,13 +4654,13 @@ svg.sd-action--icon {
   width: 100%;
   font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   font-weight: 600;
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
 }
 
 .sd-progress-buttons__page-description {
   width: 100%;
   font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
-  line-height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   font-weight: 600;
   color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
 }
@@ -4670,7 +4709,7 @@ svg.sd-action--icon {
   padding-block: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
   border-radius: calc(1 * var(--sjs-corner-radius, 4px));
   font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
-  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1.5 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
 }
 
 .sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) {
@@ -4802,14 +4841,12 @@ sv-components-container,
   height: 100%;
 }
 
-.sd-root-modern,
-.svc-logic-question-value {
+.sd-root-modern {
   --sd-base-padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
   --sd-base-vertical-padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
   --sd-page-vertical-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
-.svc-creator--mobile .sd-root-modern,
 .sd-root-modern.sd-root-modern--mobile {
   --sd-base-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
   --sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
@@ -4848,7 +4885,7 @@ sv-components-container,
 }
 .sd-root-modern.sd-root-modern--mobile .sd-multipletext__item-title {
   font-size: calc(0.75 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
-  line-height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  line-height: calc(1 * var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))));
   height: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
   padding-right: 0;
   border-right: none;