survey-react 1.11.13 → 1.11.14

package/defaultV2.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.13
+ * surveyjs - Survey JavaScript library v1.11.14
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -3345,55 +3345,55 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
   margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
 }
 
-.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows {
+.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows {
   margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
   margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
   width: calc(100% - 2 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
-.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__cell:not(.sd-table__cell--header):first-of-type {
+.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__cell:not(.sd-table__cell--header):first-of-type {
   padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
-.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__cell:last-of-type {
+.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__cell:last-of-type {
   padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
-.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:first-of-type > .sd-table__cell {
+.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:first-of-type > .sd-table__cell {
   border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;
 }
-.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:last-of-type > .sd-table__cell {
+.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:last-of-type > .sd-table__cell {
   border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;
 }
-.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions),
-.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type {
+.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions),
+.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type {
   border-top-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
   border-bottom-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
   background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
 }
-.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions).sd-matrix__text--checked,
-.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type.sd-matrix__text--checked {
+.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions).sd-matrix__text--checked,
+.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type.sd-matrix__text--checked {
   background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
 }
-.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-input,
-.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-input {
+.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-input,
+.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-input {
   background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
 }
-.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error) .sd-item__decorator,
-.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error) .sd-item__decorator {
+.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error) .sd-item__decorator,
+.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error) .sd-item__decorator {
   background-color: var(--sjs-general-backcolor, var(--background, #fff));
 }
-.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator,
-.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator {
+.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator,
+.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator {
   background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
 }
-.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--readonly.sd-item--checked .sd-item__decorator,
-.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--readonly.sd-item--checked .sd-item__decorator {
+.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--readonly.sd-item--checked .sd-item__decorator,
+.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--readonly.sd-item--checked .sd-item__decorator {
   background-color: var(--sjs-general-backcolor, var(--background, #fff));
 }
-.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--preview.sd-item--preview .sd-item__decorator,
-.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--preview.sd-item--preview .sd-item__decorator {
+.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--preview.sd-item--preview .sd-item__decorator,
+.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--preview.sd-item--preview .sd-item__decorator {
   background-color: transparent;
 }
-.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after,
-.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {
+.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after,
+.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {
   background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
 }
 
@@ -3689,6 +3689,189 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
   opacity: 0.25;
 }
 
+.sd-question--mobile.sd-question.sd-question--table > .sd-question__content {
+  padding-top: 0;
+  --animation-padding-top: 0;
+}
+.sd-question--mobile.sd-question--table, .sd-question--mobile.sd-question--scroll {
+  overflow-x: visible;
+}
+.sd-question--mobile .sd-table__cell.sd-matrix__cell {
+  display: flex;
+  align-items: flex-start;
+  border-top: none;
+  border-bottom: none;
+}
+.sd-question--mobile .sd-table__cell.sd-matrix__cell .sd-matrix__responsive-title {
+  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
+  text-align: start;
+}
+.sd-question--mobile .sd-table__cell.sd-matrix__cell:first-of-type {
+  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
+}
+.sd-question--mobile .sd-table thead {
+  display: none;
+}
+.sd-question--mobile .sd-table tr {
+  display: flex;
+  flex-direction: column;
+}
+.sd-question--mobile .sd-matrix__table .sd-table__row {
+  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
+}
+.sd-question--mobile .sd-table__row {
+  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.sd-question--mobile .sd-table__row--expanded .sd-table__cell-action--show-detail-mobile {
+  display: none;
+}
+.sd-question--mobile .sd-table:not(.sd-matrix__table) .sd-table__row {
+  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.sd-question--mobile .sd-table:not(.sd-matrix__table) .sd-table__row.sd-table__row--has-end-actions {
+  padding-bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions) {
+  padding-bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions):not(:last-of-type) {
+  padding-bottom: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions):not(:last-of-type)::after {
+  bottom: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.sd-question--mobile .sd-table:not(.sd-matrix__table) tfoot tr::before,
+.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--expanded)::after {
+  z-index: 12;
+  content: " ";
+  display: block;
+  position: relative;
+  height: 1px;
+  background-color: var(--sjs-border-light, var(--border-light, #eaeaea));
+  left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  z-index: 12;
+}
+.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--expanded)::after {
+  bottom: 0;
+}
+.sd-question--mobile .sd-table:not(.sd-matrix__table) tfoot tr {
+  padding-top: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.sd-question--mobile .sd-table:not(.sd-matrix__table) tfoot tr::before {
+  background-color: transparent;
+}
+.sd-question--mobile .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type .sd-table__cell-action--show-detail-mobile,
+.sd-question--mobile .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type .sd-table__cell-action--remove-row {
+  margin-bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.sd-question--mobile .sd-matrix__label {
+  justify-content: flex-start;
+}
+.sd-question--mobile .sd-table__cell {
+  border-top: none;
+  border-bottom: none;
+  display: block;
+  padding-top: 0;
+  padding-bottom: 0;
+  text-align: start;
+}
+.sd-question--mobile .sd-table__cell {
+  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.sd-question--mobile .sd-table__cell--error {
+  margin-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.sd-question--mobile .sd-table__cell--error.sd-table__cell--error-bottom .sd-question__erbox {
+  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
+}
+.sd-question--mobile .sd-table__cell:first-of-type,
+.sd-question--mobile .sd-matrix__cell {
+  margin-top: 0;
+}
+.sd-question--mobile .sd-table__cell--footer:not(.sd-question--answered) {
+  display: none;
+}
+.sd-question--mobile .sd-table__responsive-title {
+  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
+  font-weight: 600;
+  display: block;
+  text-align: start;
+}
+.sd-question--mobile .sd-table__responsive-title .sv-string-viewer {
+  white-space: normal;
+}
+.sd-question--mobile .sd-table--no-header {
+  padding-top: 0;
+}
+.sd-question--mobile .sd-table--no-header .sd-table__responsive-title {
+  display: none;
+}
+.sd-question--mobile .sd-table__cell--detail-panel {
+  padding-top: 0;
+  padding-bottom: 0;
+  border-top: 0;
+  border-bottom: 0;
+}
+.sd-question--mobile .sd-table__cell--detail-panel .sd-panel__content {
+  padding-top: 0;
+}
+.sd-question--mobile .sd-table__cell.sd-table__cell--actions {
+  width: auto;
+  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
+  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
+}
+.sd-question--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar {
+  margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  background: var(--sjs-general-backcolor, var(--background, #fff));
+}
+.sd-question--mobile .sd-table__cell.sd-table__cell--actions #show-detail-mobile {
+  flex-grow: 1;
+}
+.sd-question--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn {
+  opacity: 1;
+  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.sd-question--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {
+  display: none;
+}
+.sd-question--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn:after {
+  content: attr(title);
+}
+.sd-question--mobile .sd-matrixdynamic__footer {
+  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
+  margin-bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.sd-question--mobile .sd-table__cell--footer-total:not(.sd-matrix__cell),
+.sd-question--mobile .sd-table__cell--row-text:not(.sd-matrix__cell) {
+  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
+}
+.sd-question--mobile .sd-matrixdropdown.sd-table tr::after {
+  bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.sd-question--mobile .sd-matrixdropdown.sd-table tr:last-child:after {
+  content: none;
+}
+.sd-question--mobile .sd-table__cell.sd-table__cell--error-top {
+  margin-top: 0;
+}
+.sd-question--mobile .sd-table__cell--error-top:first-of-type ~ .sd-table__cell:nth-of-type(2) {
+  margin-top: 0;
+}
+.sd-question--mobile .sd-table__cell--error-top .sd-question__erbox {
+  margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.sd-question--mobile .sd-table__cell--error-top:first-of-type .sd-question__erbox {
+  margin-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
+}
+.sd-question--mobile .sd-table__question-wrapper .sd-boolean-root {
+  margin: initial;
+}
+
 .sd-table__cell--detail-panel .sd-panel__content {
   padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
 }
@@ -3697,10 +3880,6 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
   margin: auto;
 }
 
-.sd-root-modern--mobile .sd-table__question-wrapper .sd-boolean-root {
-  margin: initial;
-}
-
 .sd-table__cell--footer .sd-table__question-wrapper--expression .sd-expression {
   padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
@@ -8214,186 +8393,6 @@ sv-components-container,
 .sd-root-modern.sd-root-modern--mobile .sd-header__text {
   min-width: 100%;
 }
-.sd-root-modern.sd-root-modern--mobile .sd-question.sd-question--table > .sd-question__content {
-  padding-top: 0;
-  --animation-padding-top: 0;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-question--table,
-.sd-root-modern.sd-root-modern--mobile .sd-question--scroll {
-  overflow-x: visible;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell {
-  display: flex;
-  align-items: flex-start;
-  border-top: none;
-  border-bottom: none;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell .sd-matrix__responsive-title {
-  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
-  text-align: start;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell:first-of-type {
-  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table thead {
-  display: none;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table tr {
-  display: flex;
-  flex-direction: column;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-matrix__table .sd-table__row {
-  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table__row {
-  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table__row--expanded .sd-table__cell-action--show-detail-mobile {
-  display: none;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) .sd-table__row {
-  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) .sd-table__row.sd-table__row--has-end-actions {
-  padding-bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions) {
-  padding-bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions):not(:last-of-type) {
-  padding-bottom: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions):not(:last-of-type)::after {
-  bottom: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tfoot tr::before,
-.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--expanded)::after {
-  z-index: 12;
-  content: " ";
-  display: block;
-  position: relative;
-  height: 1px;
-  background-color: var(--sjs-border-light, var(--border-light, #eaeaea));
-  left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-  width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
-  z-index: 12;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--expanded)::after {
-  bottom: 0;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tfoot tr {
-  padding-top: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tfoot tr::before {
-  background-color: transparent;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type .sd-table__cell-action--show-detail-mobile,
-.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type .sd-table__cell-action--remove-row {
-  margin-bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-}
-.sd-root-modern.sd-root-modern--mobile .sd-matrix__label {
-  justify-content: flex-start;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table__cell {
-  border-top: none;
-  border-bottom: none;
-  display: block;
-  padding-top: 0;
-  padding-bottom: 0;
-  text-align: start;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table__cell {
-  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error {
-  margin-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error.sd-table__cell--error-bottom .sd-question__erbox {
-  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table__cell:first-of-type,
-.sd-root-modern.sd-root-modern--mobile .sd-matrix__cell {
-  margin-top: 0;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table__cell--footer:not(.sd-question--answered) {
-  display: none;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table__responsive-title {
-  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
-  font-weight: 600;
-  display: block;
-  text-align: start;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table__responsive-title .sv-string-viewer {
-  white-space: normal;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table--no-header {
-  padding-top: 0;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table--no-header .sd-table__responsive-title {
-  display: none;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table__cell--detail-panel {
-  padding-top: 0;
-  padding-bottom: 0;
-  border-top: 0;
-  border-bottom: 0;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table__cell--detail-panel .sd-panel__content {
-  padding-top: 0;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions {
-  width: auto;
-  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
-  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar {
-  margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-  margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-  background: var(--sjs-general-backcolor, var(--background, #fff));
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions #show-detail-mobile {
-  flex-grow: 1;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn {
-  opacity: 1;
-  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-}
-.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {
-  display: none;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn:after {
-  content: attr(title);
-}
-.sd-root-modern.sd-root-modern--mobile .sd-matrixdynamic__footer {
-  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
-  margin-bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table__cell--footer-total:not(.sd-matrix__cell),
-.sd-root-modern.sd-root-modern--mobile .sd-table__cell--row-text:not(.sd-matrix__cell) {
-  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
-}
-.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr::after {
-  bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-}
-.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr:last-child:after {
-  content: none;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--error-top {
-  margin-top: 0;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error-top:first-of-type ~ .sd-table__cell:nth-of-type(2) {
-  margin-top: 0;
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error-top .sd-question__erbox {
-  margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-  margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-}
-.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error-top:first-of-type .sd-question__erbox {
-  margin-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
-}
 .sd-root-modern.sd-root-modern--mobile .sv-ranking-item__icon-container {
   margin-left: 0;
   margin-right: 0;