/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-variable-presets .sd-question--table {
  --sjs2-layout-component-matrix-box-padding-top: var(--sjs2-spacing-x000);
  --sjs2-layout-component-matrix-box-padding-bottom: var(--sjs2-spacing-x000);
  --sjs2-layout-component-matrix-cell-left-padding-left: var(--sjs2-spacing-x000);
  --sjs2-layout-component-matrix-cell-right-padding-right: var(--sjs2-spacing-x000);
  --sjs2-layout-component-matrix-header-cell-left-padding-left: var(--sjs2-spacing-x000);
  --sjs2-layout-component-matrix-header-cell-right-padding-right: var(--sjs2-spacing-x000);
  --sjs2-layout-component-matrix-cell-padding-top: var(--sjs2-spacing-x050);
  --sjs2-layout-component-matrix-cell-padding-bottom: var(--sjs2-spacing-x050);
  --sjs2-layout-component-matrix-header-cell-padding-top: var(--sjs2-spacing-x100);
  --sjs2-layout-component-matrix-header-cell-padding-bottom: var(--sjs2-spacing-x100);
  --sjs2-layout-component-panel-footer-padding-top: var(--sjs2-spacing-x100);
  --sjs2-layout-component-panel-footer-padding-bottom: var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-footer-padding-left: var(--sjs2-spacing-x000);
  --sjs2-layout-component-panel-footer-padding-right: var(--sjs2-spacing-x000);
}
.svc-variable-presets .sd-table__cell:not(.sd-table__cell--actions) {
  text-align: start;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-json-editor-tab__content {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.svc-json-editor-tab__ace-editor {
  height: 100%;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
svc-tab-json-editor-textarea {
  width: 100%;
  height: 100%;
  background: var(--sjs2-color-utility-surface-json-editor);
}

.svc-json-editor-tab__content {
  position: relative;
  height: 100%;
}

.svc-json-editor-tab__content-area {
  font-family: var(--sjs2-typography-font-family-code), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--ctr-code-viewer-text-color, var(--sjs-code-gray-300, #505050));
  background: var(--sjs2-color-utility-surface-json-editor);
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  box-sizing: content-box;
}

.svc-json-errors {
  --thm-json-error-row: calc(
    var(--sjs2-border-width-x100) +
      var(--sjs2-spacing-x200) +
      var(--sjs2-line-height-x300)
  );
  display: flex;
  max-height: calc(5 * var(--thm-json-error-row));
  overflow-y: auto;
  flex-direction: column;
  padding: 0;
  margin: 0;
}

.svc-json-errors__item {
  pointer-events: none;
  display: block;
  border-top: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  background: var(--sjs2-color-bg-alert-secondary);
}

.svc-json-error {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x100) var(--sjs2-spacing-x100) var(--sjs2-spacing-x200);
  display: flex;
  align-items: center;
  gap: var(--sjs2-spacing-x200);
}

.svc-json-error .sv-string-viewer {
  pointer-events: all;
  cursor: pointer;
}

.svc-json-error .sv-string-viewer:hover {
  text-decoration: underline;
}

.svc-json-error__icon {
  fill: var(--sjs2-color-bg-alert-primary);
  line-height: var(--sjs2-line-height-x200);
  width: 1lh;
  height: 1lh;
  box-sizing: border-box;
  display: block;
}

.svc-json-error__container {
  display: flex;
  gap: var(--sjs2-spacing-x200);
}

.svc-json-error__title {
  flex: 1 1 auto;
}

.svc-json-error__fix-button {
  appearance: none;
  flex-grow: 0;
  flex-shrink: 0;
  pointer-events: all;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 var(--sjs2-spacing-x100);
  border-radius: var(--sjs2-radius-x050);
  background: var(--sjs2-color-bg-basic-primary);
}
.svc-json-error__fix-button svg {
  fill: var(--sjs2-color-fg-basic-secondary);
  line-height: var(--sjs2-line-height-x300);
  width: 1lh;
  height: 1lh;
}

.svc-json-error__fix-button:hover svg {
  fill: var(--sjs2-color-bg-brand-primary);
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svd-simulator {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: content-box;
  transform-origin: 0 0;
  top: 50%;
  left: 50%;
  transform: scale(1.26) translate(-50%, -50%);
  border: var(--sjs2-border-width-x200) solid var(--sjs2-color-border-basic-secondary);
  background: var(--sjs2-color-bg-basic-secondary);
}

.svd-simulator-wrapper {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: var(--sjs2-radius-x400);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1), 0px 8px 16px 0px var(--sjs2-color-utility-shadow-floating-default);
  border: var(--sjs2-border-width-x400) solid var(--sjs2-color-bg-basic-secondary);
  background: var(--sjs2-color-bg-basic-primary);
  box-sizing: content-box;
}

.svd-simulator-main.svd-simulator-main--desktop {
  min-height: auto;
}
.svd-simulator-main.svd-simulator-main--desktop.svd-simulator-main--running {
  height: 100%;
}
.svd-simulator-main.svd-simulator-main--frame {
  display: flex;
  align-items: center;
}
.svd-simulator-main:not(.svd-simulator-main--frame) {
  background-color: transparent;
}
.svd-simulator-main .sd-root-modern {
  min-height: 100%;
}
.svd-simulator-main .sd-root-modern span {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.svd-simulator-main .sd-root-modern .sv-popup--menu-popup {
  width: auto;
  right: 0;
}

.svd-simulator-content {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  background: var(--sjs2-color-bg-basic-primary, #ffffff);
}
.svd-simulator-content .sv-popup--modal-popup {
  width: 100%;
  height: 100%;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-creator-popup.sv-popup--modal-popup.svc-variables-viewer-popup {
  --svc-variables-viewer-outer-gap: var(--sjs2-spacing-x300);
  padding: var(--svc-variables-viewer-outer-gap);
}
.svc-creator-popup.sv-popup--modal-popup.svc-variables-viewer-popup > .sv-popup__container > .sv-popup__body-content {
  width: min(var(--sjs2-base-unit-size) * 125, 100vw - 2 * var(--svc-variables-viewer-outer-gap));
  height: min(var(--sjs2-base-unit-size) * 100, 100vh - 2 * var(--svc-variables-viewer-outer-gap));
  min-width: 0;
  max-height: none;
  padding: var(--sjs2-spacing-x300);
  gap: var(--sjs2-spacing-x200);
}
.svc-creator-popup.sv-popup--modal-popup.svc-variables-viewer-popup .sv-popup__body-header,
.svc-creator-popup.sv-popup--modal-popup.svc-variables-viewer-popup .sv-popup__body-footer {
  padding: 0;
}
.svc-creator-popup.sv-popup--modal-popup.svc-variables-viewer-popup .sv-popup__content {
  flex-grow: 1;
  padding: 0;
}
.svc-creator-popup.sv-popup--modal-popup.svc-variables-viewer-popup .sv-popup__scrolling-content {
  flex-grow: 1;
  min-height: 0;
  overflow: hidden;
}

.svc-variables-viewer {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 0;
}

.svc-variables-viewer__text {
  font-family: var(--sjs2-typography-font-family-code), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  font-family: var(--sjs2-typography-font-family-code), monospace;
  flex-grow: 1;
  width: 100%;
  min-height: 0;
  box-sizing: border-box;
  margin: 0;
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x150);
  resize: none;
  overflow: auto;
  color: var(--sjs2-color-fg-basic-primary);
  background: var(--sjs2-color-bg-basic-secondary);
  border: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  border-radius: var(--sjs2-radius-x100);
  outline: none;
}
.svc-variables-viewer__text:focus {
  border-color: var(--sjs2-color-border-brand-primary);
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-test-tab__content {
  align-items: center;
  justify-content: center;
  background: var(--sjs2-color-utility-surface-designer);
}

.svc-test-tab__content .svc-plugin-tab__content {
  justify-content: space-around;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
}
.svc-test-tab__content .svc-plugin-tab__content .svc-preview__content-actions {
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  margin-bottom: calc(var(--sjs2-base-unit-spacing) * 12);
  margin-top: 8px;
}

.svc-test-tab__content-actions {
  position: relative;
  width: 100%;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
}
.svc-test-tab__content-actions .svc-pages-toolbar {
  padding: var(--sjs2-spacing-x100) 0px;
  box-shadow: inset 0 var(--sjs2-border-width-x100) 0 0 var(--sjs2-color-border-basic-secondary);
  background: var(--sjs2-color-bg-basic-primary);
  width: 100%;
  justify-content: center;
}
.svc-test-tab__content-actions .svc-page-selector {
  max-width: 50%;
}

.svc-test-tab__content .sd-body--empty {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-fg-basic-primary);
  text-align: center;
  overflow: hidden;
  position: static;
  display: flex;
  flex-direction: column;
}

.svc-page-selector .sd-action {
  max-width: 100%;
  box-sizing: border-box;
}
.svc-page-selector .sd-action__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.sl-table {
  width: 50%;
  margin: 0 25%;
  margin-top: var(--sjs2-spacing-negative-x200);
}

.sl-table__row {
  position: relative;
}

.sl-table__cell.st-table__cell--actions:first-of-type .sd-action-bar {
  margin-top: var(--sjs2-spacing-negative-x050);
  padding-right: var(--sjs2-spacing-x200);
}

.sl-table .sl-table__detail-button.sl-table__detail-button {
  box-sizing: border-box;
  border-radius: var(--sjs2-radius-x100);
  padding: var(--sjs2-spacing-x150);
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
}
.sl-table .sl-table__detail-button.sl-table__detail-button:focus:enabled {
  background-color: transparent;
}
.sl-table .sl-table__detail-button.sl-table__detail-button use {
  transition: fill var(--sjs-creator-transition-duration, 150ms);
}
.sl-table .sl-table__detail-button.sl-table__detail-button:hover:enabled, .sl-table .sl-table__detail-button.sl-table__detail-button.sv-focused--by-key.sv-focused--by-key {
  background-color: var(--sjs2-color-bg-brand-secondary);
}
.sl-table .sl-table__detail-button.sl-table__detail-button:hover:enabled use, .sl-table .sl-table__detail-button.sl-table__detail-button.sv-focused--by-key.sv-focused--by-key use {
  fill: var(--sjs2-color-fg-basic-primary-muted);
}

.sl-paneldynamic__add-btn .sd-action__title,
.sl-panel .sd-action__title {
  padding: 0;
}

.sl-table__remove-button .sd-action use {
  fill: var(--sjs2-color-bg-alert-primary);
}

.sl-table__cell .sd-action__icon {
  opacity: var(--sjs2-opacity-hidden);
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
}

.sl-table__row:hover .sl-table__cell .sd-action__icon,
.sl-table__cell .sd-action.sv-focused--by-key .sd-action__icon {
  opacity: var(--sjs2-opacity-visible);
}

.sl-table__row.sl-table__row--additional .sl-table__cell .svc-action-button {
  color: var(--sjs2-color-bg-brand-primary);
}

.sl-table .svc-action-button {
  padding: var(--sjs2-spacing-x050) 0px;
  margin-left: 0;
}

.sl-table__cell .svc-action-button,
.sl-table__cell .svc-action-button:hover,
.sl-table__cell .svc-action-button:focus,
.sl-table__cell .svc-action-button:hover:enabled,
.sl-table__cell .svc-action-button:focus:enabled {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-medium);
  line-height: var(--sjs2-typography-line-height-medium);
  background: transparent;
  outline: none;
  border: none;
  box-shadow: none;
  border-radius: 0;
  color: var(--sjs2-color-fg-basic-primary);
  box-sizing: content-box;
  max-height: calc(3 * var(--sjs2-typography-line-height-medium));
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.sl-table__cell {
  vertical-align: top;
  padding: 0;
  width: 100%;
}

.sl-table__row .sl-table__cell {
  --animation-padding-top: var(--sjs2-spacing-x500);
  padding-top: var(--sjs2-spacing-x500);
}

.sl-table__cell--actions {
  position: absolute;
  width: max-content;
}
.sl-table__cell--actions:first-of-type {
  transform: translateX(-100%);
}

.sl-table__cell--detail-button {
  overflow: hidden;
  appearance: none;
  outline: none;
  border: none;
  background-color: transparent;
}

.sl-table {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}
.sl-table thead th:first-child {
  position: absolute;
  left: 0;
  transform: translateX(-100%);
}
.sl-table thead th:last-child {
  position: absolute;
  right: 0;
  transform: translateX(100%);
}
.sl-table thead .sl-table__cell.st-table__cell--header {
  text-align: left;
}
.sl-table td:first-of-type,
.sl-table th:first-of-type {
  padding-left: var(--sjs2-spacing-x400);
}
.sl-table td:first-of-type .sv-action-bar,
.sl-table th:first-of-type .sv-action-bar {
  justify-content: flex-end;
}
.sl-table td:last-of-type,
.sl-table th:last-of-type {
  padding-right: var(--sjs2-spacing-x400);
}

.sl-panel .sl-panel__footer {
  padding: 0;
}
.sl-panel .sl-panel__footer .sv-action {
  width: 100%;
}
.sl-panel .sl-panel__footer .sv-action__content {
  width: 100%;
}
.sl-panel .sl-panel__footer button.sl-panel__done-button {
  width: auto;
  margin: var(--sjs2-spacing-x200) 0 0 0;
  background-color: var(--sjs2-color-bg-brand-secondary);
  border-radius: var(--sjs2-radius-x100);
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x400);
  display: flex;
  align-items: center;
  user-select: none;
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
}
.sl-panel .sl-panel__footer button.sl-panel__done-button .sd-action__title {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-bg-brand-primary);
  vertical-align: baseline;
  text-align: center;
  transition: color var(--sjs-creator-transition-duration, 150ms);
}
.sl-panel .sl-panel__footer button:hover:enabled {
  background-color: var(--sjs2-color-bg-brand-primary);
}
.sl-panel .sl-panel__footer button:hover:enabled .sd-action__title {
  color: var(--sjs2-color-fg-brand-on-primary);
}
.sl-panel .sl-panel__footer .sv-action-bar-item__title {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: inherit;
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
}

.sl-element .sd-paneldynamic__buttons-container {
  padding: 0;
}

.sl-question {
  display: flex;
  align-items: center;
  margin-top: var(--sjs2-spacing-x200);
}
.sl-question .sd-question__header-and-content-container {
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 0;
}
.sl-question .sd-question__header-and-content-container > div {
  width: 100%;
}
.sl-question .sd-paneldynamic__footer {
  padding: 0;
}

.sl-row .sd-question__header-and-content-container {
  padding: 0;
}

.sl-question--header-left > .sd-question__container > .sd-question__header-and-content-container > .sl-question__header {
  width: auto;
}
.sl-question--header-left > .sd-question__container > .sd-question__header-and-content-container > .sd-question__content {
  flex-grow: 1;
  width: auto;
}

.sl-row {
  display: flex;
  align-items: flex-start;
  flex-flow: row wrap;
}

.svc-creator-popup .sl-panel-wrapper:first-child .sl-question {
  margin-top: 0;
}

.svc-creator-popup .sd-selectlist__item-body {
  padding-inline-end: var(--sjs2-spacing-x550);
}

.sl-row--multiple .sl-panel {
  padding-bottom: 0;
}

.sl-question__header--left {
  margin-right: var(--sjs2-spacing-x100);
}

.sl-row .svc-logic-question-value.sd-question--title-top .sd-question__content {
  width: 100%;
}
.sl-row .sd-rating {
  overflow-x: auto;
  padding: 2px;
  margin: -2px;
}

.sl-question__title {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-fg-basic-primary);
  margin: 0;
}
.sl-question__title span + span {
  display: none;
}

.sl-row--multiple .sl-question {
  padding-right: var(--sjs2-spacing-x100);
}

.svc-logic-question-text-editor {
  margin-top: var(--sjs2-spacing-x200);
}

.svc-logic-question-value {
  --sd-base-padding: var(--sjs2-spacing-x500);
  --sd-base-vertical-padding: var(--sjs2-spacing-x400);
  --sd-page-vertical-padding: var(--sjs2-spacing-x300);
  margin-top: var(--sjs2-spacing-x200);
}
.svc-logic-question-value > .sd-question__container > .sd-question__header-and-content-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--sd-base-padding);
  padding-top: var(--sd-base-vertical-padding);
  row-gap: var(--sjs2-spacing-x200);
}

.svc-logic_trigger-editor {
  margin-top: var(--sjs2-spacing-x200);
}

.svc-logic_trigger-editor .svc-logic-question-value {
  margin-top: 0;
}

.sv-popup.svc-property-editor .sl-row {
  flex-flow: nowrap;
}

.sd-comment.sl-comment {
  height: calc(var(--sjs2-base-unit-line-height) * 17);
}

.sl-body .sd-row--leave,
.sl-body .sd-row--enter {
  animation: none;
}
.sl-body .sd-element-wrapper--leave,
.sl-body .sd-element-wrapper--enter {
  animation: none;
}
.sl-body .sd-element__content--enter,
.sl-body .sd-element__content--leave {
  animation: none;
}
.sl-body .sd-paneldynamic__panel-wrapper--enter,
.sl-body .sd-paneldynamic__panel-wrapper--leave {
  animation: none;
}
.sl-body .sd-item--enter {
  animation: none;
}
.sl-body .sd-item--leave {
  animation: none;
}
.sl-body .sd-table__row--leave,
.sl-body .sd-table__row--enter {
  animation: none;
}
.sl-body .sd-page__content {
  padding: 0;
}

.sl-panel-wrapper--list.sl-panel-wrapper--leave, .sl-panel-wrapper--list.sl-panel-wrapper--enter {
  animation-name: fadeIn, moveInWithOverflow;
  animation-fill-mode: forwards;
  min-height: 0 !important;
}
.sl-panel-wrapper--list.sl-panel-wrapper--enter {
  opacity: 0;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-duration: var(--sl-pd-list-fade-in-duration, 250ms), var(--sl-pd-list-move-in-duration, 150ms);
  animation-delay: var(--sl-pd-list-fade-in-delay, 150ms), 0s;
}
.sl-panel-wrapper--list.sl-panel-wrapper--leave {
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-duration: var(--sl-pd-list-fade-out-duration, 100ms), var(--sl-pd-list-move-out-duration, 250ms);
  animation-delay: 0s, var(--sl-pd-list-move-out-delay, 100ms);
}

.sl-paneldynamic__content {
  width: 100%;
}

.sl-paneldynamic__buttons-container {
  display: flex;
  justify-content: flex-start;
}
.sl-paneldynamic__buttons-container .sv-action-bar {
  margin: 0;
}

.sl-table__row--leave,
.sl-table__row--enter {
  animation-name: empty;
  --move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay));
  --fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay));
  animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration));
}
.sl-table__row--leave > td,
.sl-table__row--enter > td {
  animation-name: paddingFadeIn;
  animation-duration: var(--move-animation-duration);
  animation-delay: var(--move-animation-delay);
  animation-direction: var(--animation-direction);
  animation-fill-mode: forwards;
  animation-timing-function: var(--animation-timing-function);
}
.sl-table__row--leave > td > div,
.sl-table__row--enter > td > div {
  animation-name: fadeIn, moveInWithOverflow;
  opacity: 0;
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
  animation-fill-mode: forwards;
  animation-duration: var(--fade-animation-duration), var(--move-animation-duration), var(--move-animation-duration);
  animation-delay: var(--fade-animation-delay), var(--move-animation-delay), var(--move-animation-delay);
}

.sl-table__row--enter {
  --move-animation-delay: 0s;
  --move-animation-duration: var(--sjs-sl-matrix-row-move-in-duration, 150ms);
  --fade-animation-duration: var(--sjs-sl-matrix-row-fade-in-duration, 250ms);
  --fade-animation-delay: var(--sjs-sl-matrix-row-fade-in-delay, 150ms);
  --animation-direction: normal;
  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
}

.sl-table__row--leave {
  --move-animation-delay: var(--sjs-sl-matrix-row-move-out-delay, 100ms);
  --move-animation-duration: var(--sjs-sl-matrix-row-move-out-duration, 250ms);
  --fade-animation-duration: var(--sjs-sl-matrix-row-fade-out-duration, 100ms);
  --fade-animation-delay: 0s;
  --animation-direction: reverse;
  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
}

.sl-table__row--detail.sl-table__row--enter {
  --move-animation-delay: 0s;
  --move-animation-duration: var(--sjs-sl-matrix-detail-row-move-in-duration, 150ms);
  --fade-animation-duration: var(--sjs-sl-matrix-detail-row-fade-in-duration, 500ms);
  --fade-animation-delay: var(--sjs-sl-matrix-detail-row-fade-in-delay, 150ms);
  --animation-direction: normal;
  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
.sl-table__row--detail.sl-table__row--leave {
  --move-animation-delay: var(--sjs-sl-matrix-detail-row-move-out-delay, 100ms);
  --move-animation-duration: var(--sjs-sl-matrix-detail-row-move-out-duration, 250ms);
  --fade-animation-duration: var(--sjs-sl-matrix-detail-row-fade-out-duration, 150ms);
  --fade-animation-delay: 0s;
  --animation-direction: reverse;
  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
}

.sl-row--enter {
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  min-height: 0 !important;
  opacity: 0;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-delay: var(--sjs-sl-row-fade-in-delay, 150ms), 0s, 0s;
  animation-duration: var(--sjs-sl-row-fade-in-duration, 500ms), var(--sjs-sl-row-move-in-duration, 150ms), var(--sjs-sl-row-move-in-duration, 150ms);
}

.sl-row--delayed-enter {
  overflow: hidden;
  height: 0;
  animation-delay: calc(var(--sjs-sl-row-fade-in-delay, 150ms) + var(--sjs-sl-row-fade-in-animation-delay, 400ms)), var(--sjs-sl-row-fade-in-animation-delay, 400ms), var(--sjs-sl-row-fade-in-animation-delay, 400ms);
}

.sl-row--leave {
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-fill-mode: forwards;
  animation-direction: reverse;
  min-height: 0 !important;
  animation-delay: 0s, var(--sjs-sl-row-move-out-delay, 100ms), var(--sjs-sl-row-move-out-delay, 100ms);
  animation-duration: var(--sjs-sl-row-fade-out-duration, 150ms), var(--sjs-sl-row-move-out-duration, 250ms), var(--sjs-sl-row-move-out-duration, 250ms);
}

.sl-element-wrapper--enter {
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  min-height: 0 !important;
  opacity: 0;
  height: 0;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-delay: var(--sjs-sl-element-fade-in-delay, 150ms), 0s;
  animation-duration: var(--sjs-sl-element-fade-in-duration, 500ms), var(--sjs-sl-element-move-in-duration, 150ms);
}

.sl-element-wrapper--leave {
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-fill-mode: forwards;
  animation-direction: reverse;
  min-height: 0 !important;
  animation-delay: 0s, var(--sjs-sl-element-move-out-delay, 100ms);
  animation-duration: var(--sjs-sl-element-fade-out-duration, 150ms), var(--sjs-sl-element-move-out-duration, 250ms);
}

.svc-creator--disable-animations .sl-row--enter,
.svc-creator--disable-animations .sl-row--leave,
.svc-creator--disable-animations .sl-element-wrapper--enter,
.svc-creator--disable-animations .sl-element-wrapper--leave,
.svc-creator--disable-animations .sl-table__row--enter,
.svc-creator--disable-animations .sl-table__row--leave,
.svc-creator--disable-animations .sl-panel-wrapper--leave,
.svc-creator--disable-animations .sl-panel-wrapper--enter {
  animation: none;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-tab-translation {
  width: 100%;
  height: 100%;
}

.svc-translation-tab {
  background-color: var(--sjs2-color-utility-surface-translations);
}

.svc-translation-tab--empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  gap: 0px;
}

.st-properties {
  background-color: var(--sjs2-color-bg-basic-primary);
  flex-grow: 1;
  padding-right: var(--sjs2-spacing-x400);
  padding-left: var(--sjs2-spacing-x400);
  padding-top: var(--sjs2-spacing-x200);
}
.st-properties .spg-table .spg-table__cell:first-of-type {
  width: var(--sjs2-size-x500);
}
.st-properties .spg-table .sd-table__cell--drag + .spg-table__cell, .st-properties .spg-table .sd-table__cell--drag + sv-ng-matrixdropdown-cell + .spg-table__cell,
.st-properties .spg-table .spg-table__cell--actions + .spg-table__cell,
.st-properties .spg-table .spg-table__cell--actions + sv-ng-matrixdropdown-cell + .spg-table__cell {
  width: var(--sjs2-size-x500);
}
.st-properties .spg-table .spg-table__question-wrapper {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  padding: var(--sjs2-spacing-x150) var(--sjs2-spacing-x100);
  color: var(--sjs2-color-fg-basic-primary);
}
.st-properties .spg-table .spg-table__question-wrapper .spg-checkbox {
  margin: 0;
}
.st-properties .spg-matrixdynamic__dragged-row {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-fg-basic-primary);
}
.st-properties .spg-matrixdynamic__dragged-row .spg-table__cell:nth-child(3) {
  flex: 1;
}

.st-content {
  display: flex;
  height: 100%;
}

.st-strings {
  overflow-y: auto;
  overflow-x: hidden;
}

.st-strings-wrapper {
  flex-grow: 1;
}

.st-property-panel {
  flex-shrink: 0;
  flex-grow: 0;
  width: 450px;
  border-left: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
}

.st-language-settings__content {
  row-gap: var(--sjs2-spacing-x200);
  column-gap: var(--sjs2-spacing-x200);
}

.st-strings-header .st-table__cell {
  background: none;
  background-color: var(--sjs2-color-bg-basic-secondary);
  height: auto;
}

.st-root-modern {
  width: 100%;
  height: fit-content;
  max-height: 100%;
  overflow-y: auto;
  background-color: var(--sjs2-color-bg-basic-secondary);
}

.st-title.st-panel__title,
.st-table__cell.st-table__cell--header {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
  text-align: left;
}

.st-table__cell.st-table__cell--header {
  color: var(--sjs2-color-fg-basic-primary-muted);
}

.st-title.st-panel__title {
  margin: 0;
  color: var(--sjs2-color-fg-basic-primary-muted);
  background-color: var(--sjs2-color-component-formbox-design-bg);
  border-bottom: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x300);
}

.st-table tr {
  display: flex;
  align-items: stretch;
}

.st-table__cell {
  display: block;
  flex: 1 1;
  box-sizing: border-box;
  background-color: var(--sjs2-color-bg-basic-primary);
  border-bottom: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  padding: var(--sjs2-spacing-x100) 0;
}

td.st-table__cell:first-of-type {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-fg-basic-primary);
  max-width: 300px;
  padding-right: var(--sjs2-spacing-x300);
}
td.st-table__cell:first-of-type span {
  display: inline-block;
  padding-left: var(--sjs2-spacing-x300);
}

.st-panel-indent .st-table__cell:first-of-type span {
  padding-left: var(--sjs2-spacing-x600);
}

.st-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}

.st-formbox__input {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  display: block;
  width: calc(100% - var(--sjs2-spacing-x300));
  border: unset;
  outline: none;
  background-color: var(--sjs2-color-bg-basic-primary);
  color: var(--sjs2-color-fg-basic-primary);
  resize: none;
  padding: 0;
}

.st-formbox--readonly .st-formbox__input {
  cursor: default;
}

.sd-translation-line-skeleton {
  min-height: var(--sjs2-size-x500);
  background-color: var(--sjs2-color-bg-basic-secondary);
}

.svc-translation-machine {
  margin-right: auto;
}

.st-translation-machine-from {
  margin-right: auto;
}

.st-translation-machine-from__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
}

.st-translation-machine-from__btn {
  flex-direction: row-reverse;
  white-space: nowrap;
  --sd-action-icon-size: var(--sjs2-line-height-x200);
}

.st-translation-machine-from__btn:disabled .sd-action__title,
.st-translation-machine-from__title {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-fg-basic-secondary);
}

.st-body__footer {
  box-sizing: border-box;
  padding: var(--sjs2-spacing-x200) var(--sjs2-spacing-x200) var(--sjs2-spacing-x200) var(--sjs2-spacing-x300);
  border-bottom: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  background: var(--sjs2-color-bg-basic-primary);
}

.st-translation-dialog .st-strings-wrapper {
  border-radius: var(--sjs2-radius-x050);
  box-shadow: var(--sjs2-border-effect-surface-default);
  overflow: hidden;
}

.st-container-modern .sv-components-column--expandable {
  width: auto;
}

.st-body .sd-row--leave,
.st-body .sd-row--enter {
  animation: none;
}
.st-body .sd-element-wrapper--leave,
.st-body .sd-element-wrapper--enter {
  animation: none;
}
.st-body .sd-element__content--enter,
.st-body .sd-element__content--leave {
  animation: none;
}
.st-body .sd-paneldynamic__panel-wrapper--enter,
.st-body .sd-paneldynamic__panel-wrapper--leave {
  animation: none;
}
.st-body .sd-item--enter {
  animation: none;
}
.st-body .sd-item--leave {
  animation: none;
}
.st-body .sd-table__row--leave,
.st-body .sd-table__row--enter {
  animation: none;
}

.st-panel .sd-panel__header {
  padding: 0;
}

.st-row .sd-question__header-and-content-container {
  padding: 0;
}

.st-side-by-side {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.st-side-by-side__panes {
  display: flex;
  align-items: stretch;
  width: 100%;
  min-height: 100%;
}

.st-side-by-side__source,
.st-side-by-side__target {
  flex: 1 1 50%;
  width: 50%;
  min-width: 0;
  height: auto;
  overflow: visible;
}

.st-side-by-side__source {
  border-right: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
}

.st-side-by-side--no-target .st-side-by-side__source {
  flex: 1 1 100%;
  width: 100%;
  border-right: none;
}

.st-side-by-side--vertical {
  overflow: hidden;
}
.st-side-by-side--vertical .st-side-by-side__panes {
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
.st-side-by-side--vertical .st-side-by-side__source,
.st-side-by-side--vertical .st-side-by-side__target {
  flex: 1 1 50%;
  width: 100%;
  height: 50%;
  overflow-y: auto;
}
.st-side-by-side--vertical .st-side-by-side__source {
  border-right: none;
  border-bottom: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
}
.st-side-by-side--vertical.st-side-by-side--no-target .st-side-by-side__source {
  flex: 1 1 100%;
  height: 100%;
  border-bottom: none;
}

.st-side-by-side .sd-header__text .sv-title-actions {
  align-items: flex-start;
}
.st-side-by-side .sd-header__text .sv-title-actions .sv-title-actions__title {
  flex: 0 1 auto;
}
.st-side-by-side .sd-header__text .sv-title-actions .sv-action-title-bar {
  flex: 1 1 auto;
  justify-content: flex-end;
}

.st-side-by-side .sd-title,
.st-side-by-side .sd-description {
  overflow-wrap: anywhere;
}
.st-side-by-side .sd-title .sv-string-editor,
.st-side-by-side .sd-description .sv-string-editor {
  overflow-wrap: anywhere;
}

.st-side-by-side__target .sjs_sp_placeholder {
  user-select: all;
  pointer-events: all;
}

.st-page .sd-page__content {
  row-gap: 0;
  padding: 0;
}

.svc-translation-state {
  --sd-action-title-color: var(--sjs2-color-fg-basic-primary-muted);
  --sd-action-hover-title-color: var(--sjs2-color-fg-basic-primary-muted);
  --sd-action-icon-color: var(--sjs2-color-fg-basic-primary-muted);
}
.svc-translation-state svg use {
  fill: var(--sjs2-color-fg-basic-primary-muted);
}
.svc-translation-state .sd-action__title {
  color: var(--sjs2-color-fg-basic-primary-muted);
}
.svc-translation-state.svc-translation-state--untranslated {
  --sd-action-title-color: var(--sjs2-color-fg-warning-primary);
  --sd-action-hover-title-color: var(--sjs2-color-fg-warning-primary);
  --sd-action-icon-color: var(--sjs2-color-fg-warning-primary);
}
.svc-translation-state.svc-translation-state--untranslated svg use {
  fill: var(--sjs2-color-fg-warning-primary);
}
.svc-translation-state.svc-translation-state--untranslated .sd-action__title {
  color: var(--sjs2-color-fg-warning-primary);
}
.svc-translation-state.svc-translation-state--expanded {
  --sd-action-title-color: var(--sjs2-color-fg-brand-primary);
  --sd-action-hover-title-color: var(--sjs2-color-fg-brand-primary);
  --sd-action-icon-color: var(--sjs2-color-fg-brand-primary);
}
.svc-translation-state.svc-translation-state--expanded svg use {
  fill: var(--sjs2-color-fg-brand-primary);
}
.svc-translation-state.svc-translation-state--expanded .sd-action__title {
  color: var(--sjs2-color-fg-brand-primary);
}
.svc-translation-state.svc-translation-state--expanded svg {
  transform: rotate(180deg);
}

.st-element-strings-dialog .sd-root-modern,
.st-element-strings-dialog .sd-container-modern,
.st-element-strings-dialog .sd-body,
.st-element-strings-dialog .sd-body__page,
.st-element-strings-dialog .sd-page {
  background: transparent;
  box-shadow: none;
  padding: 0;
  margin: 0;
  max-width: none;
}
.st-element-strings-dialog .sd-page__content {
  padding: 0;
}

.sv-popup--modal-popup.svc-property-editor.st-element-strings-dialog .sv-popup__container .sd-body,
.sv-popup--modal-popup.svc-property-editor.st-element-strings-dialog .sv-popup__container .sv-components-column--expandable {
  min-width: min(var(--sjs2-base-unit-size) * 106, 80vw);
}

.st-element-strings .sd-action-title-bar {
  margin-left: auto;
}
.st-element-strings .sd-table__cell--header {
  text-align: left;
}
.st-element-strings .sd-table__cell--row-text {
  font-size: var(--sjs2-font-size-s, 12px);
  line-height: var(--sjs2-line-height-s, 16px);
  color: var(--sjs2-color-fg-basic-primary-muted);
  overflow-wrap: anywhere;
}

.st-dropdown-choices--wrapper {
  margin-top: var(--sjs2-spacing-x200);
}
.st-dropdown-choices--wrapper .svc-question__dropdown-choice input {
  pointer-events: none;
}
.st-dropdown-choices--wrapper .svc-question__dropdown-collapse-button {
  margin-top: var(--sjs2-spacing-x100);
}

.svc-translation-locale-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sjs2-spacing-x100);
  width: 100%;
  min-width: 0;
}

.svc-translation-locale-item__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.svc-translation-locale-item__progress {
  margin-left: auto;
  flex-shrink: 0;
  color: var(--sjs2-color-fg-basic-primary-muted);
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-logic-tab {
  background: var(--sjs2-color-utility-surface-logic);
}

.svc-logic_trigger-editor .sd-row {
  margin-top: 0;
}

.svc-logic-paneldynamic div.svc-logic-operator {
  box-sizing: content-box;
  max-width: calc(var(--sjs2-base-unit-size) * 40);
}

.svc-logic-paneldynamic .svc-logic-operator {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  -webkit-appearance: none;
  appearance: none;
  border-radius: var(--sjs2-radius-x100);
  border: none;
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x200);
  border: none;
  outline: none;
  cursor: pointer;
}

.svc-logic-operator.svc-logic-operator {
  transition: background-color var(--sjs-creator-transition-duration, 150ms), color var(--sjs-creator-transition-duration, 150ms);
}
.svc-logic-operator.svc-logic-operator:hover, .svc-logic-operator.svc-logic-operator:focus {
  color: var(--sjs2-color-fg-note-on-primary);
  outline: none;
  box-shadow: none;
}

.svc-logic-operator.svc-logic-operator--question {
  background-color: var(--sjs2-color-bg-note-secondary);
  color: var(--sjs2-color-fg-basic-secondary);
}
.svc-logic-operator.svc-logic-operator--question:hover, .svc-logic-operator.svc-logic-operator--question:focus {
  background-color: var(--sjs2-color-bg-note-primary);
  color: var(--sjs2-color-fg-note-on-primary);
}

.svc-logic-operator.svc-logic-operator--conjunction {
  background-color: var(--sjs2-color-bg-warning-secondary);
  color: var(--sjs2-color-fg-basic-secondary);
}
.svc-logic-operator.svc-logic-operator--conjunction:hover, .svc-logic-operator.svc-logic-operator--conjunction:focus {
  background-color: var(--sjs2-color-bg-warning-primary);
  color: var(--sjs2-color-fg-warning-on-primary);
}

.svc-logic-operator.svc-logic-operator--operator {
  background-color: var(--sjs2-color-bg-warning-secondary);
}
.svc-logic-operator.svc-logic-operator--operator .sd-action__title {
  color: var(--sjs2-color-fg-basic-secondary);
}
.svc-logic-operator.svc-logic-operator--operator:hover, .svc-logic-operator.svc-logic-operator--operator:focus {
  background-color: var(--sjs2-color-bg-warning-primary);
}
.svc-logic-operator.svc-logic-operator--operator:hover .sd-action__title, .svc-logic-operator.svc-logic-operator--operator:focus .sd-action__title {
  color: var(--sjs2-color-fg-warning-on-primary);
}

.svc-logic-operator.svc-logic-operator--action {
  background-color: var(--sjs2-color-bg-alert-secondary);
  color: var(--sjs2-color-fg-basic-secondary);
}
.svc-logic-operator.svc-logic-operator--action .sd-action__title {
  color: var(--sjs2-color-fg-basic-secondary);
}
.svc-logic-operator.svc-logic-operator--action:hover, .svc-logic-operator.svc-logic-operator--action:focus {
  background-color: var(--sjs2-color-bg-alert-primary);
  color: var(--sjs2-color-fg-alert-on-primary);
}
.svc-logic-operator.svc-logic-operator--action:hover .sd-action__title, .svc-logic-operator.svc-logic-operator--action:focus .sd-action__title {
  color: var(--sjs2-color-fg-alert-on-primary);
}

.svc-logic-operator--action.sl-paneldynamic__add-btn,
.svc-logic-operator--operator.sl-paneldynamic__add-btn {
  margin-top: var(--sjs2-spacing-x200);
}

.svc-logic-operator--action.sl-paneldynamic__add-btn .sd-action__title {
  color: var(--sjs2-color-fg-basic-primary);
}

.svc-logic-operator--operator.sl-paneldynamic__add-btn .sd-action__title {
  color: var(--sjs2-color-fg-basic-primary);
}

.svc-logic-question--answered .svc-logic-operator--question {
  color: var(--sjs2-color-fg-basic-primary);
}

.svc-logic-question--answered .svc-logic-operator--conjunction {
  color: var(--sjs2-color-fg-basic-primary);
}

.svc-logic-question--answered .svc-logic-operator--operator {
  color: var(--sjs2-color-fg-basic-primary);
}

.svc-logic-question--answered .svc-logic-operator--action {
  color: var(--sjs2-color-fg-basic-primary);
}

.svc-logic-operator.svc-logic-operator--error {
  box-shadow: inset 0 0 0 2px var(--sjs2-color-bg-alert-primary);
}
.svc-logic-operator.svc-logic-operator--error:hover, .svc-logic-operator.svc-logic-operator--error:focus {
  box-shadow: inset 0 0 0 2px var(--sjs2-color-bg-alert-primary);
  background-color: var(--sjs2-color-bg-basic-primary);
  color: var(--sjs2-color-bg-alert-primary);
}

.svc-logic-operator__error {
  display: none;
}

.svc-logic-paneldynamic .sd-paneldynamic__separator {
  display: none;
}

.svc-action-button--icon.svc-icon-remove {
  display: none;
  padding: var(--sjs2-spacing-x100);
  border-radius: var(--sjs2-radius-x100);
  background: none;
  justify-content: center;
  align-items: center;
  outline: none;
  border: none;
}
.svc-action-button--icon.svc-icon-remove .sv-svg-icon {
  line-height: var(--sjs2-line-height-x300);
  width: 1lh;
  height: 1lh;
}
.svc-action-button--icon.svc-icon-remove use {
  fill: var(--sjs2-color-bg-alert-primary);
}
.svc-action-button--icon.svc-icon-remove:focus, .svc-action-button--icon.svc-icon-remove:hover {
  background-color: var(--sjs2-color-bg-alert-secondary);
}
.svc-action-button--icon.svc-icon-remove.svc-action-button--disabled {
  fill: var(--sjs2-color-fg-basic-secondary);
}

.sl-panel-wrapper--in-row:hover .svc-icon-remove,
.sl-panel-wrapper--in-row:focus-within .svc-icon-remove {
  display: flex;
}

.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {
  display: none;
}

.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {
  display: none;
}

.svc-logic-tab__content.svc-logic-tab--empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.svc-logic-tab__content.svc-logic-tab--empty .svc-logic-tab__content-actions {
  margin: 0;
}
.svc-logic-tab__content .svc-logic-tab__content-actions {
  margin-left: 25%;
  margin-right: 25%;
  margin-top: var(--sjs2-spacing-x500);
  margin-bottom: var(--sjs2-spacing-x800);
}

.svc-logic-tab__content .sd-action-bar__item {
  flex-grow: 1;
}

.svc-logic-tab__content-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
}

.svc-logic-paneldynamic .sd-row--multiple {
  padding: 0;
  background: none;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
}
.svc-logic-paneldynamic .sd-question__content {
  margin-top: 0;
}
.svc-logic-paneldynamic .sd-row__panel {
  width: calc(100% - var(--sjs2-spacing-x500));
}

.svc-logic-tab__content .svc-logic-paneldynamic .sd-row {
  margin-top: 0;
  flex-flow: row wrap;
}

.sl-table__cell.sd-table__cell-action--show-detail use {
  fill: var(--sjs2-color-fg-basic-primary-muted);
}

.sl-table__cell--detail-panel {
  padding: 0;
}
.sl-table__cell--detail-panel .sd-body {
  margin: 0;
  min-width: none;
  max-width: none;
}
.sl-table__cell--detail-panel .sd-page.sd-body__page {
  padding: 0;
}
.sl-table__cell--detail-panel .sl-panel__footer {
  margin: 0;
}

.sl-dropdown {
  max-width: 45vw;
}

.sl-dropdown__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.svc-logic-placeholder {
  width: calc(var(--sjs2-base-unit-size) * 78);
  min-width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-top: var(--sjs2-spacing-x200);
  border-radius: var(--sjs2-radius-x050);
  background: var(--sjs2-color-bg-basic-primary);
  box-shadow: var(--sjs2-border-effect-surface-default);
}

.sv-popup--menu-phone .svc-logic-placeholder,
.sv-popup--menu-tablet .svc-logic-placeholder {
  width: initial;
}

.svc-logic-placeholder__text.svc-logic-placeholder__text {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-fg-basic-secondary);
  text-align: center;
  display: block;
  padding: var(--sjs2-spacing-x200) var(--sjs2-spacing-x800);
}

.svc-logic-tab__leave-apply-button {
  background-color: var(--sjs2-color-bg-alert-primary);
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
svc-tab-designer {
  width: 100%;
  height: 100%;
  background: var(--sjs2-color-utility-surface-designer);
}

.svc-tab-designer {
  display: flex;
  flex-grow: 1;
  height: 100%;
  flex-direction: column;
  position: static;
  background: var(--sjs2-color-utility-surface-designer);
  width: 0;
}
.svc-tab-designer:before {
  content: none;
}

.svc-test-tab--empty,
.svc-translation-tab--empty,
.svc-logic-tab--empty {
  background: var(--sjs2-color-utility-surface-designer);
}

.svc-tab-designer--with-placeholder .svc-designer-header {
  width: 100%;
  min-width: calc(var(--sjs2-base-unit-size) * 90);
}

.svc-content-wrapper {
  width: 100%;
  display: flex;
}

.svc-designer-header .svc-surface-header {
  background-color: var(--sjs2-color-component-survey-header-default-bg, transparent);
  display: flex;
  padding-block-start: var(--sjs2-spacing-x200, 16px);
  padding-inline-end: var(--sjs2-spacing-x300, 24px);
  padding-block-end: var(--sjs2-spacing-x100);
  padding-inline-start: var(--sjs2-spacing-x300, 24px);
  flex-direction: column-reverse;
  justify-content: center;
  align-items: flex-start;
  gap: var(--sjs2-spacing-x100, 8px);
  box-shadow: none;
  overflow: visible;
}

.svc-surface-header .sd-title .sv-string-editor[aria-placeholder]:empty:before {
  color: var(--sjs2-color-component-survey-header-default-title-placeholder, rgba(28, 27, 32, 0.6));
}
.svc-surface-header .sd-description .sv-string-editor[aria-placeholder]:empty:before {
  color: var(--sjs2-color-component-survey-header-default-description-placeholder, rgba(28, 27, 32, 0.4));
}

.svc-tab-designer .svc-designer-header {
  border-bottom: var(--sjs2-border-width-x200, 2px) solid transparent;
  position: relative;
}
.svc-tab-designer .sd-title {
  display: flex;
}
.svc-tab-designer .sd-container-modern {
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}
.svc-tab-designer .sd-container-modern.sd-container-modern--static {
  max-width: 672px;
}
.svc-tab-designer .sd-container-modern.sd-container-modern--responsive {
  max-width: initial;
}
.svc-tab-designer .sd-question.sd-question--image {
  width: 100%;
}
.svc-tab-designer .sd-progress,
.svc-tab-designer .sd-progress__bar {
  background-color: transparent;
}

.svc-tab-designer_content {
  padding-inline-start: var(--sjs2-spacing-x200, 16px);
  padding-inline-end: var(--sjs2-spacing-x200, 16px);
}

.svc-tab-designer--with-placeholder .svc-tab-designer_content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 100%;
}

.svc-tab-designer--with-surface-tools .svc-tab-designer_content {
  padding-inline-start: calc(var(--sjs2-base-unit-spacing) * 9.25);
  padding-inline-end: calc(var(--sjs2-base-unit-spacing) * 9.25);
}

.svc-creator--mobile .svc-tab-designer_content {
  padding: 0;
}

.svc-designer__placeholder-container {
  display: flex;
  flex-shrink: 0;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--sjs2-spacing-x000, 0px);
  padding: var(--sjs2-spacing-x200, 16px);
  box-sizing: border-box;
  text-align: center;
  position: relative;
}
.svc-designer__placeholder-container .sd-page {
  display: none;
}

.svc-designer-placeholder-page .svc-page__footer {
  margin: auto;
}
.svc-designer-placeholder-page .svc-row--ghost {
  display: none;
}

.svc-tab-designer__tools {
  position: absolute;
  display: flex;
  top: 0;
  bottom: 0;
  right: 0;
  padding: var(--sjs2-spacing-x200, 16px) var(--sjs2-spacing-x200, 16px) var(--sjs2-spacing-x200, 16px) var(--sjs2-spacing-x200, 16px);
  flex-direction: column;
  align-items: center;
}

.svc-creator__toolbox--right .svc-tab-designer__tools,
:dir(rtl) .svc-tab-designer__tools,
[style*="direction:rtl"] .svc-tab-designer__tools,
[style*="direction: rtl"] .svc-tab-designer__tools {
  right: unset;
  left: 0;
}

.svc-tab-designer__toolbar {
  display: flex;
  flex-direction: column;
}

.svc-tab-designer__surface-toolbar {
  display: flex;
  --sd-action-bar-gap: var(--sjs2-spacing-x100, 8px);
  flex-direction: column;
}
.svc-tab-designer__surface-toolbar .sd-action-bar__separator {
  height: var(--sjs2-border-width-x100, 1px);
  width: var(--sjs2-size-x300, 24px);
  padding: var(--sjs2-spacing-x000, 0px) var(--sjs2-spacing-x100, 8px);
  margin-bottom: var(--sjs2-spacing-x100, 8px);
  margin-right: 0;
  box-sizing: content-box;
}
.svc-tab-designer__surface-toolbar .sd-action-bar__item-content {
  flex-direction: column;
}

.sv-action-bar-separator {
  background: var(--sjs2-color-border-basic-secondary);
}

.svc-tab-designer_content .sd-editor-chevron-button .sd-action,
.svc-tab-designer_content .sd-editor-clean-button .sd-action,
.svc-question__content--in-popup .sd-editor-chevron-button .sd-action,
.svc-question__content--in-popup .sd-editor-clean-button .sd-action {
  cursor: default;
  --sd-action-disabled-background: var(
    --sjs2-color-component-action-neutral-tertiary-default-bg,
    rgba(95, 94, 97, 0)
  );
  --sd-action-disabled-title-color: var(--sjs2-color-component-action-neutral-tertiary-default-label, #1c1b20);
  --sd-action-disabled-icon-color: var(--sjs2-color-component-action-neutral-tertiary-default-icon, #424146);
}
.svc-tab-designer_content .sd-formbox,
.svc-question__content--in-popup .sd-formbox {
  --sjs2-color-component-formbox-hovered-bg: var(--sjs2-color-component-formbox-default-bg);
  --sjs2-border-effect-component-formbox-hovered: var(--sjs2-border-effect-component-formbox-default);
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-creator--mobile .sd-root-modern,
.svc-creator--mobile .sd-container-modern {
  --sd-base-padding: var(--sjs2-spacing-x300);
  --sd-base-vertical-padding: var(--sjs2-spacing-x200);
  --sd-page-vertical-padding: var(--sjs2-spacing-x200);
  --sjs2-spacing-large-horizontal: var(--sjs2-spacing-x200);
  --sjs2-spacing-large-vertical: var(--sjs2-spacing-x500);
  --sjs2-spacing-medium-horizontal: var(--sjs2-spacing-x200);
  --sjs2-spacing-medium-vertical: var(--sjs2-spacing-x200);
}
.svc-creator--mobile .svc-question__content:not(.svc-question__content--composite-question) .sd-question__content .sd-selectbase__column {
  max-width: initial;
  display: block;
  margin-left: 0;
}
.svc-creator--mobile .svc-question__content:not(.svc-question__content--composite-question) > .svc-question__dropdown-choices--wrapper {
  width: calc(100% + var(--sjs2-spacing-x600));
  margin: 0 var(--sjs2-spacing-negative-x300);
}
.svc-creator--mobile .svc-question__content:not(.svc-question__content--composite-question) > .svc-question__dropdown-choices--wrapper > div {
  width: calc(100% - var(--sjs2-spacing-x600));
  margin: 0 var(--sjs2-spacing-x300);
}
.svc-creator--mobile .svc-question__drag-area {
  height: var(--sjs2-size-x300);
}
.svc-creator--mobile .svc-question__content--selected .svc-rating-question-controls {
  bottom: calc(var(--sjs2-base-unit-spacing) * 10);
}
.svc-creator--mobile .svc-designer-header + svc-page-wrapper + .svc-page,
.svc-creator--mobile .svc-designer-header + .svc-page {
  margin-top: var(--sjs2-spacing-x100);
}
.svc-creator--mobile .svc-page__content {
  padding-left: 0;
  padding-right: 0;
  border: 0;
}
.svc-creator--mobile .svc-page__content .sd-page__header {
  row-gap: 0;
}
.svc-creator--mobile .svc-page__content .sd-page__title {
  margin: 0;
}
.svc-creator--mobile .svc-page__content.svc-page__content--selected .sd-page__title {
  margin: var(--sjs2-spacing-x250) 0 0 0;
}
.svc-creator--mobile .svc-page__footer {
  margin-left: var(--sjs2-spacing-x300);
  margin-right: var(--sjs2-spacing-x300);
  margin-top: var(--sjs2-spacing-x300);
}
.svc-creator--mobile .svc-designer-placeholder-page .svc-page__footer {
  margin-top: 0;
}
.svc-creator--mobile .svc-tab-designer {
  justify-content: initial;
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title {
  padding: var(--sjs2-spacing-x300);
  padding-block-end: var(--sjs2-spacing-x200);
  flex-direction: column-reverse;
  align-items: flex-start;
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title .svc-logo-image {
  margin-top: 0;
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title .svc-logo-image-placeholder {
  margin-left: var(--sjs2-spacing-negative-x200);
  margin-top: var(--sjs2-spacing-negative-x200);
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h3 {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-medium);
  line-height: var(--sjs2-typography-line-height-medium);
  margin: 0;
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h5 {
  margin: 0;
}
.svc-creator--mobile .svc-tab-designer .sd-container-modern {
  padding: 0;
}
.svc-creator--mobile .svc-properties-wrapper {
  width: 100%;
}
.svc-creator--mobile .svc-question__content-actions {
  width: calc(100% + var(--sjs2-spacing-x250));
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-switcher {
  align-items: center;
  gap: var(--sjs2-spacing-x100);
  pointer-events: auto;
}

.svc-switcher__title {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
  color: var(--sjs2-color-fg-basic-primary-muted);
}

.svc-switcher__icon {
  padding-block-start: var(--sjs2-spacing-x050);
  padding-inline-end: var(--sjs2-spacing-x200);
  padding-block-end: var(--sjs2-spacing-x050);
  padding-inline-start: var(--sjs2-spacing-x050);
  border-radius: var(--sjs2-radius-round);
  border: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  background: var(--sjs2-color-bg-basic-secondary);
  transition-duration: 0.2s;
  transition-property: background, padding-inline-start, padding-inline-end;
  transition-timing-function: linear;
}

.svc-switcher__icon:hover {
  border: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  background: var(--sjs2-color-bg-basic-primary);
}

.svc-switcher__icon:focus {
  border: var(--sjs2-border-width-x200) solid var(--sjs2-color-bg-brand-primary);
  background: var(--sjs2-color-bg-basic-secondary);
}

.svc-switcher__icon:focus:hover {
  border: var(--sjs2-border-width-x200) solid var(--sjs2-color-bg-brand-primary);
  background: var(--sjs2-color-bg-basic-primary);
}

.svc-switcher__icon--checked,
.svc-switcher__icon--checked:hover {
  justify-content: center;
  align-items: center;
  padding-block-start: var(--sjs2-spacing-x050);
  padding-inline-end: var(--sjs2-spacing-x050);
  padding-block-end: var(--sjs2-spacing-x050);
  padding-inline-start: var(--sjs2-spacing-x200);
  border: var(--sjs2-border-width-x000) solid var(--sjs2-color-border-basic-secondary);
  background: var(--sjs2-color-bg-brand-primary);
}

.svc-switcher__icon--checked:focus {
  border: var(--sjs2-border-width-x200) solid var(--sjs2-color-bg-brand-primary);
  background: var(--sjs2-color-fg-brand-on-primary);
}

.svc-switcher__icon-thumb {
  width: var(--sjs2-size-x100);
  height: var(--sjs2-size-x100);
  border-radius: var(--sjs2-radius-round);
  background-color: var(--sjs2-color-fg-basic-secondary);
  transition-duration: 0.2s;
  transition-property: background-color;
  transition-timing-function: linear;
}

.svc-switcher__icon--checked .svc-switcher__icon-thumb {
  background-color: var(--sjs2-color-fg-brand-on-primary);
}

.svc-switcher__icon:focus .svc-switcher__icon-thumb,
.svc-switcher__icon:hover:focus .svc-switcher__icon-thumb,
.svc-switcher__icon--checked:focus .svc-switcher__icon-thumb {
  background: var(--sjs2-color-bg-brand-primary);
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-notifier.svc-notifier--shown {
  visibility: visible;
  opacity: var(--sjs2-opacity-x075);
}

.svc-notifier {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
  position: absolute;
  bottom: var(--sjs2-spacing-x100);
  left: var(--sjs2-spacing-x100);
  background: var(--sjs2-color-bg-basic-primary);
  opacity: var(--sjs2-opacity-hidden);
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x200);
  box-shadow: var(--sjs2-border-effect-floating-default);
  border-radius: var(--sjs2-radius-x050);
  color: var(--sjs2-color-fg-basic-primary);
  min-width: calc(var(--sjs2-base-unit-size) * 30);
  text-align: center;
  z-index: 1600;
  visibility: hidden;
}

.svc-notifier.svc-notifier--error {
  background-color: var(--sjs2-color-bg-alert-primary);
  color: var(--sjs2-color-fg-alert-on-primary);
  opacity: var(--sjs2-opacity-visible);
}

.svc-creator--mobile .svc-notifier {
  left: 0;
  bottom: var(--sjs2-spacing-x600);
  width: 100%;
  box-sizing: border-box;
  opacity: var(--sjs2-opacity-visible);
  z-index: 1000;
}

.svc-creator-popup .sd-page__content {
  padding: 0;
}
.svc-creator-popup.sv-popup--modal-popup {
  background-color: var(--sjs2-color-utility-overlay);
}
.svc-creator-popup.sv-popup--modal-popup > .sv-popup__container {
  background-color: var(--sjs2-color-bg-basic-primary);
  border-radius: var(--sjs2-radius-component-modal);
}
.svc-creator-popup.sv-popup--modal-popup > .sv-popup__container .sv-modal-footer-action-bar {
  gap: var(--sjs2-spacing-x200);
}
.svc-creator-popup.sv-popup--modal-popup > .sv-popup__container > .sv-popup__body-content {
  background-color: var(--sjs2-color-bg-basic-primary);
  border-radius: var(--sjs2-radius-component-modal);
  padding: var(--sjs2-spacing-x400);
  gap: var(--sjs2-spacing-x400);
  box-shadow: unset;
}
.svc-creator-popup.sv-popup--modal-overlay {
  background: var(--sjs2-color-utility-overlay);
  padding-top: var(--sjs2-spacing-x200);
  max-height: calc(100vh - var(--sjs2-spacing-x200));
  box-sizing: content-box;
}
.svc-creator-popup.sv-popup--modal-overlay > .sv-popup__container {
  width: 100vw;
  max-height: calc(100vh - var(--sjs2-spacing-x200));
  height: calc(100vh - var(--sjs2-spacing-x200));
  display: flex;
  border-radius: var(--sjs2-radius-component-modal) var(--sjs2-radius-component-modal) 0px 0px;
  background: var(--sjs2-color-bg-basic-primary);
}
.svc-creator-popup.sv-popup--modal-overlay > .sv-popup__container > .sv-popup__body-content {
  display: flex;
  min-height: 100%;
  padding: var(--sjs2-spacing-x300);
  border-radius: var(--sjs2-radius-component-modal) var(--sjs2-radius-component-modal) 0px 0px;
  box-sizing: border-box;
  flex-direction: column;
  gap: var(--sjs2-spacing-x300);
  flex: 1 0 0;
  align-self: stretch;
}
.svc-creator-popup.sv-popup--modal-overlay .sv-popup__scrolling-content {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  align-self: stretch;
  overflow: visible;
}
.svc-creator-popup.sv-popup--modal-overlay .sv-popup__body-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--sjs2-spacing-x200);
  align-self: stretch;
}
.svc-creator-popup.sv-popup--modal-overlay .sv-modal-footer-action-bar {
  width: 100%;
}
.svc-creator-popup.sv-popup--modal-overlay .sv-modal-footer-action-bar .sd-action-bar__item {
  display: flex;
  align-items: center;
  flex: 1 0 0;
}
.svc-creator-popup.sv-popup--modal-overlay .sv-modal-footer-action-bar .sd-action-bar__item-content {
  display: flex;
  flex-grow: 1;
}
.svc-creator-popup.sv-popup--modal-overlay .sv-modal-footer-action-bar .sd-action {
  flex-grow: 1;
}
.svc-creator-popup .sv-popup__pointer:after {
  content: " ";
  border-bottom: var(--sjs2-size-x100) solid var(--sjs2-color-bg-basic-primary);
}
.svc-creator-popup .sv-popup__body-header {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-medium);
  line-height: var(--sjs2-typography-line-height-medium);
  color: var(--sjs2-color-fg-basic-primary);
}
.svc-creator-popup .sv-popup__content {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}
.svc-creator-popup.sv-popup--menu-tablet {
  background-color: var(--sjs2-color-utility-overlay);
}
.svc-creator-popup.sv-popup--menu-tablet > .sv-popup__container {
  border-radius: var(--sjs2-radius-x100);
}
.svc-creator-popup.sv-popup--menu-tablet > .sv-popup__container > .sv-popup__body-content {
  background: var(--sjs2-color-bg-basic-primary);
}
.svc-creator-popup.sv-popup--menu-phone > .sv-popup__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
}
.svc-creator-popup.sv-popup--menu-phone > .sv-popup__container > .sv-popup__body-content {
  display: flex;
  padding: 0px;
  flex-direction: column;
  flex: 1 0 0;
  align-self: stretch;
  background-color: var(--sjs2-color-bg-basic-primary);
}
.svc-creator-popup.sv-popup--menu-phone .sv-menu-popup__button, .svc-creator-popup.sv-popup--menu-tablet .sv-menu-popup__button {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-bg-brand-primary);
  border-radius: var(--sjs2-radius-x100);
  padding: var(--sjs2-spacing-x050) var(--sjs2-spacing-x200);
}
.svc-creator-popup.sv-popup--menu-phone .sv-popup__body-footer, .svc-creator-popup.sv-popup--menu-tablet .sv-popup__body-footer {
  background-color: var(--sjs2-color-bg-basic-secondary);
  border-top: 1px solid var(--sjs2-color-border-basic-secondary);
}
.svc-creator-popup.sv-popup--menu-phone .sv-menu-popup__button:disabled, .svc-creator-popup.sv-popup--menu-tablet .sv-menu-popup__button:disabled {
  color: var(--sjs2-color-fg-basic-primary);
  opacity: var(--sjs2-opacity-disabled);
}
.svc-creator-popup.sv-dropdown-popup.sv-popup--menu-phone .sv-popup__body-footer, .svc-creator-popup.sv-dropdown-popup.sv-popup--menu-tablet .sv-popup__body-footer {
  background-color: var(--sjs2-color-bg-basic-secondary);
}

.svc-surface-placeholder {
  display: flex;
  width: 100%;
  max-width: calc(var(--sjs2-base-unit-size) * 90);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0px;
  box-sizing: border-box;
}

.svc-surface-placeholder__image {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  padding: 135px 170px;
}

.svc-surface-placeholder__image--designer {
  background: url("images/placeholder-designer.png") 50%/contain no-repeat;
}

.svc-surface-placeholder__image--preview {
  background: url("images/placeholder-preview.png") 50%/contain no-repeat;
}

.svc-surface-placeholder__image--theme {
  background: url("images/placeholder-themes.png") 50%/contain no-repeat;
}

.svc-surface-placeholder__image--logic {
  background: url("images/placeholder-logic.png") 50%/contain no-repeat;
}

.svc-surface-placeholder__image--translation {
  background: url("images/placeholder-translations.png") 50%/contain no-repeat;
}

.svc-surface-placeholder__text {
  padding: var(--sjs2-spacing-x400) 0px var(--sjs2-spacing-x600) 0px;
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x100);
  align-items: center;
  justify-content: center;
  align-self: center;
  flex-shrink: 0;
  width: 100%;
}

.svc-surface-placeholder__title {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-medium);
  line-height: var(--sjs2-typography-line-height-medium);
  color: var(--sjs2-color-fg-basic-primary);
  text-align: center;
  align-self: stretch;
}

.svc-surface-placeholder__description {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-fg-basic-secondary);
  text-align: center;
  align-self: stretch;
}

.svc-logic-tab__content-empty,
.svc-test-tab__content .svc-surface-placeholder,
.svc-translation-tab--empty .svc-surface-placeholder,
.svc-designer__placeholder-container {
  max-width: calc(var(--sjs2-base-unit-size) * 90);
  padding: var(--sjs2-spacing-x400) var(--sjs2-spacing-x600) calc(var(--sjs2-base-unit-spacing) * 16) var(--sjs2-spacing-x600);
}

.svc-creator-popup,
.svc-creator {
  --sjs-code-gray-700: #b6b6b6ff;
  --sjs-code-blue-500: #326fcaff;
  --sjs-code-gray-300: #505050ff;
  --sjs-code-green-500: #08997cff;
  --sjs-code-red-500: #f41b50ff;
  --sjs-code-purple-500: #c22fa2ff;
  --sjs-code-yellow-500: #f58d06ff;
  --sjs-code-gray-500: #8a8a8aff;
}

:root, :host {
  --sjs2-font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

survey-creator,
.svc-creator {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: var(--sjs2-color-utility-body);
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}
@-moz-document url-prefix() {
  survey-creator :not(.svd-simulator-main *),
  .svc-creator :not(.svd-simulator-main *) {
    scrollbar-width: thin;
    scrollbar-color: var(--sjs2-color-utility-scrollbar) transparent;
  }
}
survey-creator :not(.svd-simulator-main *)::-webkit-scrollbar,
.svc-creator :not(.svd-simulator-main *)::-webkit-scrollbar {
  width: var(--sjs2-size-x150);
  height: var(--sjs2-size-x150);
  background-color: transparent;
}
survey-creator :not(.svd-simulator-main *)::-webkit-scrollbar-thumb,
.svc-creator :not(.svd-simulator-main *)::-webkit-scrollbar-thumb {
  border: var(--sjs2-border-width-x400) solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: var(--sjs2-radius-round);
  background-color: var(--sjs2-color-utility-scrollbar);
}
survey-creator :not(.svd-simulator-main *)::-webkit-scrollbar-track,
.svc-creator :not(.svd-simulator-main *)::-webkit-scrollbar-track {
  background: transparent;
}
survey-creator :not(.svd-simulator-main *)::-webkit-scrollbar-thumb:hover,
.svc-creator :not(.svd-simulator-main *)::-webkit-scrollbar-thumb:hover {
  border: var(--sjs2-border-width-x200) solid rgba(0, 0, 0, 0);
  background-color: var(--sjs2-color-utility-scrollbar);
}
survey-creator :not(.svd-simulator-main *) .sv-popup .sv-popup__scrolling-content ::-webkit-scrollbar-thumb:hover,
.svc-creator :not(.svd-simulator-main *) .sv-popup .sv-popup__scrolling-content ::-webkit-scrollbar-thumb:hover {
  background-color: var(--sjs2-color-utility-scrollbar);
}

survey-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content,
.svc-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content {
  background: var(--sjs2-color-bg-basic-primary);
  border-radius: var(--sjs2-radius-x100);
  box-shadow: var(--sjs2-border-effect-floating-default);
}
survey-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item,
.svc-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item {
  overflow: hidden;
}
survey-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item .sv-string-viewer,
survey-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item .sv-string-editor,
.svc-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item .sv-string-viewer,
.svc-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item .sv-string-editor {
  white-space: nowrap;
}

.svc-creator__area {
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.svc-creator__content-wrapper {
  width: 100%;
  height: 0;
  flex-grow: 1;
}

.svc-creator__content-holder {
  width: 100%;
  height: 100%;
}

.svc-creator-tab {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  min-height: auto;
}

.svc-creator__toolbox--right.svc-creator-tab {
  flex-direction: row-reverse;
}

.svc-creator-tab__content {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: min-content;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.svc-plugin-tab__content {
  flex-basis: 0;
  width: 100%;
  max-height: 100%;
  overflow-y: auto;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.sv-popup__content .svc-plugin-tab__content {
  flex-basis: 100%;
  height: 100%;
}

.svc-creator__banner {
  width: 100%;
  line-height: var(--sjs2-line-height-x400);
  background-color: var(--sjs2-color-bg-brand-primary);
  text-align: center;
}

.svc-creator__non-commercial-text {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-fg-brand-on-primary);
  vertical-align: middle;
  padding: var(--sjs2-spacing-x150) calc(var(--sjs2-base-unit-spacing) * 16);
  display: block;
}
.svc-creator__non-commercial-text a {
  color: var(--sjs2-color-fg-brand-on-primary);
}

.svc-creator--mobile .svc-creator__non-commercial-text {
  padding: var(--sjs2-spacing-x150) var(--sjs2-spacing-x500);
}

.sv-drag-drop-ghost {
  top: var(--sjs2-spacing-x075);
  width: 100%;
  height: var(--sjs2-size-x050);
  background: var(--sjs2-color-bg-brand-primary);
  position: absolute;
}

.sv-drag-drop-ghost--vertical {
  height: 10000px;
  width: 4px;
}

.sv-drag-drop-ghost--item-value-bottom {
  top: initial;
  bottom: var(--sjs2-spacing-negative-x050);
}

.svc-creator--disable-animations {
  --sjs-creator-transition-duration: 0ms;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.sd-element__header .svc-string-editor {
  display: inline-block;
  max-width: 100%;
}

.svc-string-editor {
  position: static;
}
.svc-string-editor [contenteditable=true] {
  user-select: text;
  -webkit-user-select: text;
}
.svc-string-editor .sv-string-editor {
  position: relative;
  outline: none;
  z-index: 12;
  max-width: 100%;
}
.svc-string-editor .sv-string-editor[aria-placeholder]:empty:before {
  content: attr(aria-placeholder);
  color: var(--sjs2-color-component-input-default-placeholder);
  transition: color var(--sjs-creator-transition-duration, 150ms);
}
.svc-string-editor .sv-string-editor--html,
.svc-string-editor .sv-string-editor:focus-within {
  white-space: pre-wrap;
}
.svc-string-editor.svc-string-editor--hidden {
  display: none;
}

.svc-string-editor__content {
  display: inline-block;
  position: relative;
  z-index: 10;
  width: 100%;
}

.svc-matrix-cell .svc-string-editor__content {
  width: auto;
}

.svc-string-editor__content:focus-within .svc-remaining-character-counter {
  display: inline-block;
}

.svc-string-editor__input {
  display: flex;
}

.svc-remaining-character-counter {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
  display: none;
  position: relative;
  outline: none;
  z-index: 20;
  padding: 0px;
  vertical-align: top;
  margin-inline-start: var(--sjs2-spacing-x200);
  color: var(--sjs2-color-fg-basic-secondary);
}

.svc-string-editor__border {
  position: absolute;
  z-index: 11;
  display: flex;
  align-items: center;
  justify-content: right;
  line-height: 0px;
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
  border-radius: calc(var(--sjs2-base-unit-radius) * 0.375);
  box-shadow: 0px 0px 0px var(--sjs2-border-width-x200) var(--sjs2-color-border-basic-secondary);
  opacity: var(--sjs2-opacity-hidden);
}
.svc-string-editor__border.svc-string-editor__border--hover {
  top: 0;
  bottom: 0;
  left: var(--sjs2-spacing-negative-x050);
  right: var(--sjs2-spacing-negative-x050);
  border-radius: calc(var(--sjs2-base-unit-radius) * 0.375);
  box-shadow: 0px 0px 0px var(--sjs2-border-width-x200) var(--sjs2-color-border-basic-secondary);
  transition-delay: 0ms;
}
.svc-string-editor__border.svc-string-editor__border--focus {
  top: var(--sjs2-spacing-negative-x050);
  bottom: var(--sjs2-spacing-negative-x050);
  left: var(--sjs2-spacing-negative-x100);
  right: var(--sjs2-spacing-negative-x100);
  box-sizing: content-box;
  border-radius: calc(var(--sjs2-base-unit-radius) * 0.375);
  background: var(--sjs2-color-bg-basic-primary);
  box-shadow: var(--sjs2-border-effect-floating-default), 0px 0px 0px var(--sjs2-border-width-x200) var(--sjs2-color-bg-brand-primary);
}

.svc-string-editor__error {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  margin-left: var(--sjs2-spacing-x100);
  color: red;
  display: none;
}

.svc-string-editor__controls {
  position: absolute;
  left: 100%;
  height: 100%;
  width: var(--sjs2-size-x200);
  top: 0;
  padding-left: var(--sjs2-spacing-x200);
  z-index: 12;
  display: none;
  align-items: center;
  justify-content: center;
  line-height: 0px;
}

.svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) .svc-string-editor__border--hover {
  opacity: var(--sjs2-opacity-visible);
  transition-delay: 0ms;
}
.svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) .svc-string-editor__border--focus {
  transition: none;
}

.svc-creator--disable-animations .svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) .svc-string-editor__border--hover {
  transition-delay: 0ms;
}

.svc-string-editor:focus-within .svc-string-editor__border--focus {
  opacity: var(--sjs2-opacity-visible);
}
.svc-string-editor:focus-within .svc-string-editor__border--hover {
  transition: none;
}

.svc-string-editor.svc-string-editor--error:focus-within .svc-string-editor__border--focus {
  box-shadow: 0px 2px 6px 0px var(--sjs2-color-utility-shadow-floating-default), 0px 0px 0px var(--sjs2-border-width-x200) var(--sjs2-color-bg-alert-primary);
}

.sd-boolean .sv-string-editor:focus-within {
  white-space: nowrap;
}

.sd-rating .sd-rating__item:focus-within:not(.sd-rating__min-text) .svc-string-editor:focus-within .svc-string-editor__border, .sd-rating .sd-rating__item:focus-within:not(.sd-rating__max-text) .svc-string-editor:focus-within .svc-string-editor__border {
  display: none;
}

.sd-table__cell--column-title .svc-matrix-cell:not(:focus):focus-within .svc-matrix-cell--selected {
  border-radius: var(--sjs2-radius-x075);
  border: var(--sjs2-border-width-x200) solid var(--sjs2-color-bg-brand-primary);
  display: block;
}
.sd-table__cell--column-title .svc-string-editor:focus-within .svc-string-editor__border {
  display: none;
}

.sd-item__control-label .svc-string-editor:focus-within .svc-string-editor__border {
  left: calc(var(--sjs2-base-unit-spacing) * -0.7);
  right: calc(var(--sjs2-base-unit-spacing) * -0.7);
}

.svc-tab-designer sv-ng-string:hover ~ .sd-question__required-text, .svc-tab-designer sv-ng-string:focus-within ~ .sd-question__required-text,
.svc-string-editor:hover ~ .sd-question__required-text,
.svc-string-editor:focus-within ~ .sd-question__required-text {
  visibility: hidden;
}

.svc-string-editor--multiline .sv-string-editor {
  white-space: pre-wrap;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-action-button {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-bg-brand-primary);
  display: inline-block;
  padding: var(--sjs2-spacing-x050) var(--sjs2-spacing-x200);
  box-sizing: border-box;
  border-radius: var(--sjs2-radius-round);
  border: var(--sjs2-border-width-x200) solid transparent;
}
.svc-action-button:focus, .svc-action-button:hover {
  background-color: var(--sjs2-color-bg-brand-secondary);
  outline: none;
}

.svc-action-button--selected {
  border-color: var(--sjs2-color-bg-brand-primary);
}

.svc-action-button--disabled {
  opacity: var(--sjs2-opacity-disabled);
  color: var(--sjs2-color-fg-basic-primary);
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
svc-page-navigator,
.svc-page-navigator {
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x200);
}

.svc-page-navigator-item--disabled .svc-page-navigator-item__banner {
  color: var(--sjs2-color-fg-basic-primary);
  opacity: var(--sjs2-opacity-disabled);
}

.svc-page-navigator__popup {
  min-width: calc(var(--sjs2-base-unit-size) * 12.5);
}

.svc-tab-designer__page-navigator {
  display: flex;
  flex-grow: 1;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
svc-page-navigator-item,
.svc-page-navigator-item {
  display: flex;
  justify-content: center;
  cursor: pointer;
}

.svc-page-navigator-item-content {
  display: flex;
  padding: var(--sjs2-spacing-x100) calc(var(--sjs2-base-unit-spacing) * 1.25);
  gap: var(--sjs2-spacing-x100);
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
.svc-page-navigator-item-content:hover, .svc-page-navigator-item-content:focus {
  outline: none;
}

.svc-page-navigator__items--up .svc-page-navigator-item-content {
  transition: 0.25s ease-in-out;
  transform: translateY(-100%);
}
.svc-page-navigator__items--up svc-page-navigator-item:first-child .svc-page-navigator-item-content {
  opacity: var(--sjs2-opacity-hidden);
}

.svc-page-navigator__items--down .svc-page-navigator-item-content {
  transition: 0.25s ease-in-out;
  transform: translateY(100%);
}
.svc-page-navigator__items--down svc-page-navigator-item:last-child .svc-page-navigator-item-content {
  opacity: var(--sjs2-opacity-hidden);
}

.svc-page-navigator-item__dot {
  display: flex;
  width: var(--sjs2-size-x250);
  height: var(--sjs2-size-x250);
  justify-content: center;
  align-items: center;
}

.svc-page-navigator-item__dot-content {
  width: var(--sjs2-size-x075);
  height: var(--sjs2-size-x075);
  flex-shrink: 0;
  background: var(--sjs2-color-fg-basic-primary-muted);
  border-radius: var(--sjs2-radius-x075);
  box-sizing: content-box;
}

.svc-page-navigator-item__banner {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: var(--sjs2-spacing-x100) calc(var(--sjs2-base-unit-spacing) * 1.25) var(--sjs2-spacing-x100) var(--sjs2-spacing-x200);
  justify-content: flex-end;
  align-items: center;
  gap: var(--sjs2-spacing-x100);
  border-radius: var(--sjs2-radius-x075);
  background: var(--sjs2-color-bg-basic-primary);
  box-shadow: var(--sjs2-border-effect-floating-default);
  opacity: var(--sjs2-opacity-hidden);
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 15;
  display: none;
}
.svc-page-navigator-item__banner .svc-page-navigator-item__dot-content {
  line-height: var(--sjs2-line-height-x100);
  width: 1lh;
  height: 1lh;
  flex-shrink: 0;
  background: var(--sjs2-color-bg-brand-primary);
  border-radius: var(--sjs2-radius-round);
}

.svc-page-navigator-item__text {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
  color: var(--sjs2-color-fg-basic-primary);
}

.svc-page-navigator-item--selected .svc-page-navigator-item__dot-content {
  width: var(--sjs2-size-x100);
  height: var(--sjs2-size-x100);
  flex-shrink: 0;
  background: var(--sjs2-color-utility-surface-designer);
  border-style: solid;
  border-width: 2px;
  border-color: var(--sjs2-color-fg-basic-primary-muted);
}

.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,
.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner {
  display: flex;
  opacity: var(--sjs2-opacity-visible);
}

.svc-creator__toolbox--right .svc-page-navigator-item__banner,
:dir(rtl) .svc-page-navigator-item__banner,
[style*="direction:rtl"] .svc-page-navigator-item__banner,
[style*="direction: rtl"] .svc-page-navigator-item__banner {
  right: unset;
  left: 0;
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x200) var(--sjs2-spacing-x100) calc(var(--sjs2-base-unit-spacing) * 1.25);
  direction: rtl;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
svc-page {
  display: block;
}

.svc-page {
  margin-top: var(--sjs2-spacing-x200, 16px);
}
.svc-page .sd-page__title {
  margin-top: var(--sjs2-spacing-x300, 24px);
  gap: var(--sjs2-spacing-x050, 4px);
}
.svc-page .sd-page__description {
  margin-bottom: var(--sjs2-spacing-x100, 8px);
}
.svc-page .sd-page__num {
  color: var(--sjs2-color-component-page-default-title-placeholder);
}
.svc-page .svc-panel__placeholder {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-fg-basic-secondary);
}

.svc-page__content {
  position: relative;
  border-radius: var(--sjs2-radius-component-page, 12px);
  padding: var(--sjs2-spacing-x100, 8px) var(--sjs2-spacing-x000, 0px) var(--sjs2-spacing-x300, 24px);
  box-sizing: border-box;
  width: 100%;
  outline-color: transparent;
  outline: var(--sjs2-border-width-x200, 2px) transparent dashed;
  transition-property: background-color, box-shadow, outline-color;
  transition-duration: var(--sjs-creator-transition-duration, 150ms);
}
.svc-page__content .sd-page {
  margin: 0;
  padding: var(--sjs2-spacing-x100, 8px) var(--sjs2-spacing-x300, 24px) 0;
  row-gap: var(--sjs2-spacing-x200, 16px);
}
.svc-page__content .sd-page__header {
  padding: 0;
  margin-bottom: 0;
}
.svc-page__content .sd-page__content {
  padding: 0;
}
.svc-page__content:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  margin-top: var(--sjs2-spacing-negative-x200, -16px);
  padding-top: var(--sjs2-spacing-x200, 16px);
  bottom: 0;
  box-sizing: content-box;
}
.svc-page__content > .svc-question__drag-area {
  padding-top: calc(var(--sjs2-spacing-x100, 8px) + var(--sjs2-spacing-x025, 2px));
}
.svc-page__content > .svc-question__drag-area .svc-question__drag-element {
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
}

.svc-page__content.svc-page__content--no-header .sd-page {
  margin-top: var(--sjs2-spacing-x200, 16px);
  padding-top: var(--sjs2-spacing-x300, 24px);
}

.svc-page__content--dragged {
  opacity: 0.25;
}

.svc-page__content-actions {
  position: absolute;
  opacity: var(--sjs2-opacity-hidden);
  top: var(--sjs2-spacing-x100, 8px);
  inset-inline-end: 0;
  inset-inline-start: 0;
  display: flex;
  justify-content: flex-end;
  box-sizing: border-box;
  padding: 0 var(--sjs2-spacing-x150, 12px) 0 var(--sjs2-size-x300, 24px);
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
  white-space: nowrap;
  gap: var(--sjs2-spacing-x150, 12px);
}
.svc-page__content-actions h4.sd-title .sv-string-editor[aria-placeholder]:empty:before {
  color: var(--sjs2-color-component-page-default-title-placeholder);
}
.svc-page__content-actions .sd-description .sv-string-editor[aria-placeholder]:empty:before {
  color: var(--sjs2-color-component-page-default-description-placeholder);
}

.svc-page__loading-content {
  padding: var(--sjs2-spacing-x500, 40px);
  text-align: center;
}
.svc-page__loading-content .sd-loading-indicator {
  display: inline-block;
}

.svc-question__drag-area > .svc-page__content-actions {
  inset-inline-start: 50%;
}

.svc-page-toolbar {
  --sd-action-bar-gap: var(--sjs2-spacing-x100, 8px);
  flex-grow: 1;
  justify-content: flex-end;
  pointer-events: none;
  overflow: hidden;
}
.svc-page-toolbar .sd-action {
  pointer-events: all;
}

.svc-page-toolbar--collapse {
  flex-grow: 0;
  flex-shrink: 0;
  --sd-action-bar-gap: var(--sjs2-spacing-x150, 12px);
}

.svc-page__content-actions .sv-action-bar-item-dropdown {
  border-radius: var(--sjs2-radius-x050);
  background-color: transparent;
}

.svc-page__content:focus,
.svc-hovered.svc-page__content {
  box-shadow: var(--sjs2-border-effect-surface-hovered);
  background: var(--sjs2-color-utility-surface-designer);
}

.svc-page__content--new.svc-page__content--new {
  box-shadow: none;
  background-color: transparent;
  padding-bottom: calc(var(--sjs2-base-unit-spacing) * 9);
}
.svc-page__content--new.svc-page__content--new .svc-page-toolbar {
  display: none;
}

.svc-designer-placeholder-page .svc-page__content--new.svc-page__content--new {
  padding: 0;
}

.svc-page__content--selected .svc-page__content-actions,
.svc-hovered.svc-page__content .svc-page__content-actions {
  opacity: var(--sjs2-opacity-visible);
}
.svc-page__content--selected > .svc-question__drag-area .svc-question__drag-element,
.svc-hovered.svc-page__content > .svc-question__drag-area .svc-question__drag-element {
  width: var(--sjs2-size-x300, 24px);
  height: var(--sjs2-size-x200, 16px);
  opacity: var(--sjs2-opacity-x050);
}

.svc-page__content--selected.svc-page__content--selected {
  box-shadow: 0px 0px 0px var(--sjs2-border-width-x200) var(--sjs2-color-utility-shadow-surface-focused);
  background: var(--sjs2-color-utility-surface-designer);
}

.svc-page__content--animation-running .svc-row .svc-question--enter {
  animation: none;
}
.svc-page__content--animation-running .svc-row .svc-question--leave {
  animation-name: moveInWithOverflow;
  animation-direction: reverse;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-duration: var(--sjs-svc-collapse-move-out-duration, 250ms);
  animation-delay: var(--sjs-svc-collapse-move-out-delay, 100ms);
}

.svc-creator--disable-animations .svc-row .svc-question--leave {
  animation: none;
}

.svc-page__content--collapse-onhover,
.svc-page__content--collapse-always {
  outline: var(--sjs2-border-width-x200) transparent dashed;
}
.svc-page__content--collapse-onhover.svc-page__content--selected, .svc-page__content--collapse-onhover.svc-page__content.svc-hovered,
.svc-page__content--collapse-always.svc-page__content--selected,
.svc-page__content--collapse-always.svc-page__content.svc-hovered {
  outline-color: transparent;
}
.svc-page__content--collapse-onhover.svc-page__content--collapsed-drag-over-inside,
.svc-page__content--collapse-always.svc-page__content--collapsed-drag-over-inside {
  box-shadow: 0px 0px 0px var(--sjs2-border-width-x200) var(--sjs2-color-utility-shadow-surface-focused);
  background: var(--sjs2-color-bg-brand-secondary);
  animation: collapsed-drag-over-inside-blinking 1s infinite;
  outline-color: transparent;
}

.svc-page__content--collapsed {
  outline-color: var(--sjs2-color-border-basic-secondary);
}

.svc-creator--mobile .svc-page__content::after {
  margin: 0;
  border-radius: var(--sjs2-radius-component-page, 12px);
}
.svc-creator--mobile.svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected, .svc-creator--mobile.svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected,
.svc-creator--mobile .svc-hovered.svc-page__content.svc-page__content--selected {
  box-shadow: inset 0px 0px 0px var(--sjs2-border-width-x200) var(--sjs2-color-utility-shadow-surface-focused);
  background: var(--sjs2-color-utility-surface-designer);
}
.svc-creator--mobile.svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected .svc-page__content-actions, .svc-creator--mobile.svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected .svc-page__content-actions,
.svc-creator--mobile .svc-hovered.svc-page__content.svc-page__content--selected .svc-page__content-actions {
  display: flex;
}
.svc-creator--mobile .svc-page__content:not(.svc-page__content--new):focus,
.svc-creator--mobile .svc-hovered.svc-page__content:not(.svc-page__content--new) {
  box-shadow: inset var(--sjs2-border-effect-surface-hovered);
}

.svc-page__footer {
  position: relative;
  overflow: visible;
  margin-left: var(--sjs2-spacing-x300, 24px);
  margin-right: var(--sjs2-spacing-x300, 24px);
  margin-top: var(--sjs2-spacing-x200, 16px);
  gap: var(--sjs2-spacing-x200, 16px);
}
.svc-page__footer .svc-add-new-question-action {
  position: relative;
  flex: 1 1 0;
}

.svc-page--drag-over-empty .svc-page__footer:after {
  content: " ";
  position: absolute;
  background: var(--sjs2-color-bg-brand-primary);
  width: 100%;
  height: var(--sjs2-border-width-x200, 2px);
  left: 0;
  top: calc((var(--sjs2-spacing-x200, 16px) + var(--sjs2-border-width-x200, 2px)) / -2);
}

.svc-page--drag-over-empty-no-add-button:after {
  bottom: auto;
}

.svc-page__placeholder_frame {
  min-width: auto;
  max-width: 100%;
  margin-top: var(--sjs2-spacing-x200, 16px);
  padding: 0 var(--sjs2-spacing-x300, 24px);
}
.svc-page__placeholder_frame .svc-panel__placeholder_frame {
  padding: var(--sjs2-spacing-x600, 48px) var(--sjs2-spacing-x800, 64px);
  height: auto;
}

.svc-page__content--collapsed > .svc-page__footer {
  display: none;
}
.svc-page__content--collapsed .sd-page__title {
  margin-bottom: 0;
}
.svc-page__content--collapsed .svc-page__placeholder_frame {
  display: none;
}
.svc-page__content--collapsed .svc-page__content-actions {
  display: flex;
}
.svc-page__content--collapsed .sd-page {
  display: flex;
}
.svc-page__content--collapsed .sd-page > * {
  display: none;
}
.svc-page__content--collapsed .sd-page .sd-page__header {
  display: block;
}
.svc-page__content--collapsed .sd-page .sd-page__header > * {
  display: none;
}
.svc-page__content--collapsed .sd-page .sd-page__header .sd-title {
  display: block;
}

.svc-page__content.svc-page__content--collapsed .sd-page {
  padding-bottom: 0;
}

.svc-creator .svc-page .svc-page__content--collapse-always .svc-page__content-actions {
  opacity: var(--sjs2-opacity-visible);
}
.svc-creator .svc-page .svc-page__content--collapse-always .svc-page__content-actions .sv-action {
  visibility: hidden;
}
.svc-creator .svc-page .svc-page__content--collapse-always .svc-page__content-actions .sv-action.sv-action-bar-item--collapse {
  visibility: visible;
}
.svc-creator .svc-page .svc-page__content--collapse-always .svc-page__content-actions .sv-action.sv-action-bar-item--collapse .sv-action-bar-separator {
  visibility: hidden;
}
.svc-creator .svc-page .svc-page__content--collapse-always.svc-page__content--selected .svc-page__content-actions .sv-action, .svc-creator .svc-page .svc-page__content--collapse-always.svc-hovered .svc-page__content-actions .sv-action {
  visibility: visible;
}
.svc-creator .svc-page .svc-page__content--collapse-always.svc-page__content--selected .svc-page__content-actions .sv-action .sv-action-bar-separator, .svc-creator .svc-page .svc-page__content--collapse-always.svc-hovered .svc-page__content-actions .sv-action .sv-action-bar-separator {
  visibility: visible;
}

.svc-page--enter,
.svc-page--leave {
  animation-name: fadeIn, moveInWithOverflow;
  animation-fill-mode: forwards;
  animation-duration: var(--fade-animation-duration), var(--move-animation-duration);
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
  animation-delay: var(--fade-animation-delay), var(--move-animation-delay);
}

.svc-page--enter {
  opacity: var(--sjs2-opacity-hidden);
  --animation-direction: normal;
  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  --fade-animation-duration: var(--sjs-svc-page-fade-in-duration, 250ms);
  --move-animation-duration: var(--sjs-svc-page-move-in-duration, 250ms);
  --fade-animation-delay: var(--sjs-svc-page-fade-in-delay, 100ms);
  --move-animation-delay: 0s;
}

.svc-page--leave {
  --animation-direction: reverse;
  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  --fade-animation-duration: var(--sjs-svc-page-fade-out-duration, 250ms);
  --move-animation-duration: var(--sjs-svc-page-move-out-duration, 250ms);
  --fade-animation-delay: 0s;
  --move-animation-delay: var(--sjs-svc-page-move-out-delay, 100ms);
}

.svc-page__content {
  transition-property: padding-bottom;
  transition-duration: var(--sjs-svc-page-move-in-duration, 250ms);
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}

.svc-creator--disable-animations .svc-page--enter,
.svc-creator--disable-animations .svc-page--leave {
  animation: none;
}
.svc-creator--disable-animations .svc-page__content {
  transition: none;
}

.svc-page--enter.svc-page--enter .svc-page__content-actions {
  opacity: var(--sjs2-opacity-hidden);
}
.svc-page--enter.svc-page--enter .svc-page__content {
  box-shadow: 0 0 0 var(--sjs2-border-width-x200, 2px) transparent;
  background-color: transparent;
}
.svc-page--enter.svc-page--enter .svc-page__content > .svc-question__drag-area .svc-question__drag-element {
  opacity: var(--sjs2-opacity-hidden);
}

.svc-page {
  scroll-margin-top: var(--sjs2-spacing-x100, 8px);
}

.svc-page__content .sd-page__content:empty {
  display: none;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-surface-btn {
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  --sd-action-border-radius: var(--sjs2-radius-component-panel, 12px);
  --sd-action-padding: var(--sjs2-spacing-x200, 16px) var(--sjs2-spacing-x800, 64px);
  --sd-action-title-font-family: var(--sjs2-typography-font-family-component-action-large-content);
  --sd-action-title-font-weight: var(--sjs2-typography-font-weight-component-action-large-content);
  --sd-action-title-font-size: var(--sjs2-typography-font-size-component-action-large-content);
  --sd-action-title-line-height: var(--sjs2-typography-line-height-component-action-large-content);
  --sd-action-title-padding: 0 var(--sjs2-spacing-x200, 16px);
  --sd-action-icon-padding: 0;
  --sd-action-icon-size: var(--sjs2-line-height-x300, 24px);
  --sd-action-boxshadow: var(--sjs2-border-effect-surface-default, 0 0 0 1px rgba(17, 16, 20, 0.1));
  --sd-action-disabled-box-shadow: var(--sjs2-border-effect-surface-disabled, 0 0 0 1px rgba(17, 16, 20, 0.1));
  --sd-action-background: var(--sjs2-color-component-panel-default-bg, #fff);
  --sd-action-hover-background: var(--sjs2-color-bg-brand-secondary-dim, rgba(25, 179, 148, 0.15));
  --sd-action-disabled-background: var(--sjs2-color-bg-basic-primary-disabled, #f5f5f5);
  --sd-action-title-color: var(--sjs2-color-fg-brand-primary, #15987e);
  --sd-action-hover-title-color: var(--sjs2-color-fg-brand-primary, #15987e);
  --sd-action-disabled-title-color: var(--sjs2-color-fg-brand-primary-disabled, rgba(28, 27, 32, 0.2));
  --sd-action-icon-color: var(--sjs2-color-fg-brand-primary, #15987e);
  --sd-action-hover-icon-color: var(--sjs2-color-fg-brand-primary, #15987e);
  --sd-action-disabled-icon-color: var(--sjs2-color-fg-brand-primary-disabled, rgba(28, 27, 32, 0.2));
}

.svc-surface-btn:where(:active:has(.svc-surface-btn__selector:active)) {
  transform: none;
}

.svc-surface-btn__selector {
  position: absolute;
  inset-inline-end: 0;
  margin: var(--sjs2-spacing-x100, 8px) var(--sjs2-spacing-x100, 8px);
  --sd-action-boxshadow: none;
  --sd-action-disabled-box-shadow: none;
  --sd-action-border-radius: var(--sjs2-radius-component-action, 8px);
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-row {
  width: 100%;
  position: relative;
}
.svc-row .sd-element__header ~ hr {
  display: none;
}

.svc-row > .sd-row.sd-page__row.sd-row--delayed-enter {
  margin-top: 0;
}

.svc-row:where(:has(> .sd-row--multiple)) {
  margin-top: var(--sjs2-spacing-negative-x200);
}

.svc-row > .sd-row.sd-row--multiple {
  overflow: auto;
  width: calc(100% + 2 * var(--sjs2-layout-component-page-content-area-gap-horizontal));
  flex-wrap: nowrap;
  padding-top: var(--sjs2-layout-component-page-content-area-gap-vertical);
  padding-right: var(--sjs2-layout-component-page-content-area-gap-horizontal);
  padding-bottom: 2px;
  margin-right: calc(-1 * var(--sjs2-layout-component-page-content-area-gap-horizontal));
  margin-bottom: -2px;
}

.sd-panel .svc-row > .sd-row--multiple {
  padding: var(--sjs2-spacing-x000);
  box-shadow: none;
  border-radius: 0;
  padding: 2px;
  margin: -2px;
  width: 100%;
}
.sd-panel .svc-row > .sd-row--multiple > div {
  padding: 0;
}

.svc-row.svc-row--ghost .svc-question__content {
  padding: 0;
  border: none;
  box-shadow: none;
}
.svc-row.svc-row--ghost .sd-row {
  height: var(--sjs2-size-x400);
}
.svc-row.svc-row--ghost:last-child .sd-row {
  height: initial;
  margin-top: var(--sjs2-spacing-x200);
  margin-bottom: var(--sjs2-spacing-x200);
}
.svc-row.svc-row--ghost + .svc-row > .sd-page__row {
  margin-top: 0;
}

.svc-panel .svc-row.svc-row--ghost.svc-row.svc-row--ghost .sd-row {
  height: initial;
  margin-top: var(--sjs2-spacing-x200);
  margin-bottom: var(--sjs2-spacing-x200);
}

.svc-row__drop-indicator {
  position: absolute;
  background: var(--sjs2-color-bg-brand-primary);
  opacity: var(--sjs2-opacity-hidden);
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
}

.svc-row__drop-indicator--top,
.svc-row__drop-indicator--bottom {
  left: 0;
  width: 100%;
  height: 0px;
}

.svc-row__drop-indicator--top {
  top: calc(var(--sjs2-spacing-x100) - var(--sjs2-border-width-x100));
}

.svc-row__drop-indicator--bottom {
  bottom: calc(var(--sjs2-spacing-negative-x100) + var(--sjs2-border-width-x100));
}

.svc-row--drag-over-top > .svc-row__drop-indicator--top {
  opacity: var(--sjs2-opacity-visible);
  height: var(--sjs2-border-width-x200);
}

.svc-row--drag-over-bottom > .svc-row__drop-indicator--bottom {
  opacity: var(--sjs2-opacity-visible);
  height: var(--sjs2-border-width-x200);
}

.svc-question__content--panel .svc-row__drop-indicator--top,
.sd-panel__content .svc-row__drop-indicator--top {
  top: calc((var(--sjs2-spacing-x200) + var(--sjs2-border-width-x200)) / -2);
}

.svc-question__content--panel .svc-row--drag-over-top:before,
.sd-panel__content .svc-row--drag-over-top:before {
  top: -4px;
}
.svc-question__content--panel .svc-row--drag-over-bottom:after,
.sd-panel__content .svc-row--drag-over-bottom:after {
  bottom: -4px;
}
.svc-creator--disable-animations .svc-row .sd-row--leave,
.svc-creator--disable-animations .svc-row .sd-row--enter {
  animation: none;
}
.svc-creator--disable-animations .svc-row .sd-element-wrapper--leave,
.svc-creator--disable-animations .svc-row .sd-element-wrapper--enter {
  animation: none;
}
.svc-creator--disable-animations .svc-row .sd-element__content--enter,
.svc-creator--disable-animations .svc-row .sd-element__content--leave {
  animation: none;
}
.svc-creator--disable-animations .svc-row .sd-paneldynamic__panel-wrapper--enter,
.svc-creator--disable-animations .svc-row .sd-paneldynamic__panel-wrapper--leave {
  animation: none;
}
.svc-creator--disable-animations .svc-row .sd-item--enter {
  animation: none;
}
.svc-creator--disable-animations .svc-row .sd-item--leave {
  animation: none;
}
.svc-creator--disable-animations .svc-row .sd-table__row--leave,
.svc-creator--disable-animations .svc-row .sd-table__row--enter {
  animation: none;
}

.sd-panel .svc-row > .sd-row.sd-row--multiple {
  width: calc(100% + var(--sjs2-spacing-x100));
  padding-left: 0;
  margin-left: var(--sjs2-spacing-negative-x100);
}
.sd-panel .svc-row > .sd-row.sd-row--multiple > div {
  box-sizing: border-box;
  --animation-padding-left: var(--sjs2-spacing-x100);
  padding-left: var(--sjs2-spacing-x100);
}

.svc-row {
  --sjs-row-fade-in-duration: var(--sjs-svc-row-fade-in-duration, 250ms);
  --sjs-row-move-in-duration: var(--sjs-svc-row-move-in-duration, 250ms);
  --sjs-row-fade-in-delay: var(--sjs-svc-row-fade-in-delay, 100ms);
  --sjs-row-fade-out-duration: var(--sjs-svc-row-fade-out-duration, 250ms);
  --sjs-row-move-out-duration: var(--sjs-svc-row-move-out-duration, 250ms);
  --sjs-row-move-out-delay: var(--sjs-svc-row-move-out-delay, 100ms);
  --sjs-row-fade-in-animation-delay: var(--sjs-svc-row-fade-in-animation-delay, 0s);
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-carry-forward-panel-wrapper {
  width: 100%;
  min-width: 0;
  align-self: stretch;
  container-type: inline-size;
}

.svc-carry-forward-panel {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  box-sizing: border-box;
  width: 100%;
  padding: var(--sjs2-spacing-x400) var(--sjs2-spacing-x800);
  border-radius: var(--sjs2-radius-x100);
  background: var(--sjs2-color-component-formbox-design-bg);
  text-align: center;
  color: var(--sjs2-color-fg-basic-secondary);
}

@container (max-width: 176px) {
  .svc-carry-forward-panel {
    display: none;
  }
}
@container (min-width: 176px) and (max-width: 496px) {
  .svc-carry-forward-panel {
    padding: var(--sjs2-spacing-x400) var(--sjs2-spacing-x300);
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .svc-carry-forward-panel > span {
    display: block;
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    width: 100%;
    white-space: normal;
    overflow-wrap: break-word;
  }
}
.svc-carry-forward-panel__link .svc-action-button {
  padding: 0;
  border: none;
  font-weight: inherit;
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
}
.svc-carry-forward-panel__link .svc-action-button:hover, .svc-carry-forward-panel__link .svc-action-button:focus {
  background-color: transparent;
}

svc-question {
  display: block;
  position: absolute;
  top: var(--sjs2-border-width-x100, 1px);
  left: var(--sjs2-border-width-x100, 1px);
  right: var(--sjs2-border-width-x100, 1px);
  bottom: var(--sjs2-border-width-x100, 1px);
}

.svc-question__adorner {
  position: relative;
  height: auto;
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
}
.svc-question__adorner > * {
  grid-row: 1;
  grid-column: 1;
}
.svc-question__adorner.svc-question__adorner--collapsed {
  height: fit-content;
}
.svc-question__adorner .sv-action-bar .sv-action:not(:first-child) .sv-action-bar-item {
  border: none;
}
.svc-question__adorner .sv-action-bar .sv-action:not(:first-child) .sv-action-bar-item:active {
  opacity: var(--sjs2-opacity-pressed);
  background: var(--sjs2-color-bg-basic-primary-dim);
}
.svc-question__adorner:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  margin-top: calc(-1 * var(--sjs2-layout-component-page-content-area-gap-vertical));
  padding-top: var(--sjs2-layout-component-page-content-area-gap-vertical);
  margin-left: calc(-1 * var(--sjs2-layout-component-page-content-area-gap-horizontal));
  padding-left: var(--sjs2-layout-component-page-content-area-gap-horizontal);
  bottom: 0;
  right: 0;
  box-sizing: content-box;
}

.svc-survey-element-toolbar {
  --sd-action-bar-gap: var(--sjs2-spacing-x100, 8px);
}

.svc-question__adorner .sv-action-bar-item-dropdown {
  background-color: transparent;
}

.svc-question__adorner .sd-formbox__input:disabled,
.svc-question__adorner .sd-input:disabled {
  pointer-events: none;
}

.svc-question__content {
  scroll-margin-top: var(--sjs2-spacing-x100, 8px);
}
.svc-question__content .sd-element {
  scroll-margin-top: var(--sjs2-spacing-x500, 40px);
}

.svc-question__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  width: 100%;
  height: auto;
  flex-grow: 1;
  box-sizing: border-box;
  padding: var(--sjs2-spacing-x400, 32px) var(--sjs2-spacing-x500, 40px) var(--sjs2-spacing-x200, 16px) var(--sjs2-spacing-x500, 40px);
  border-radius: var(--sjs2-radius-component-panel, 12px);
  background: var(--sjs2-color-component-panel-default-bg, #ffffff);
  box-shadow: var(--sjs2-border-effect-surface-default, 0px 2px 4px 1px, rgba(17, 16, 20, 0.1));
  outline: none;
  transition: background var(--sjs-creator-transition-duration, 150ms), box-shadow var(--sjs-creator-transition-duration, 150ms);
}

.svc-question__content--title-bottom {
  padding-top: var(--sjs2-spacing-x250, 20px);
  padding-bottom: var(--sjs2-spacing-x400, 32px);
}
.svc-question__content--title-bottom .sd-question__content {
  margin-top: var(--sjs2-spacing-x250, 20px);
}
.svc-question__content--title-bottom .svc-question__content-actions {
  height: var(--sjs2-size-x400, 32px);
}
.svc-question__content--title-bottom .svc-question__content-actions > .sv-action-bar {
  margin-bottom: var(--sjs2-spacing-negative-x200, -16px);
}

.svc-question__content--title-hidden {
  padding-top: var(--sjs2-spacing-x500, 40px);
}

.svc-question__content .sd-selectbase:not(.sd-imagepicker, .sd-boolean-fieldset) {
  padding-left: var(--sjs2-spacing-x500, 40px);
  margin-left: var(--sjs2-spacing-negative-x500, -40px);
  padding-right: var(--sjs2-spacing-x500, 40px);
  margin-right: var(--sjs2-spacing-negative-x500, -40px);
  overflow-x: auto;
}
.svc-question__content .sd-table-wrapper {
  padding: 0;
}
.svc-question__content .sd-table .sd-selectbase:not(.sd-imagepicker, .sd-boolean-fieldset) {
  overflow-x: visible;
  padding-left: 0;
  margin-left: 0;
}
.svc-question__content .sd-selectbase--multi-column {
  overflow: initial;
}
.svc-question__content .sd-question.sd-question--table {
  overflow-x: initial;
}
.svc-question__content .sd-multipletext__item-container.sd-formbox:focus-within {
  box-shadow: var(--sjs2-border-effect-component-formbox-default, 0 1px 2px 0 #d4d4d4 inset), var(--sjs2-border-effect-component-formbox-focused-reset, 0 0 0 0 #19b394 inset);
}
.svc-question__content .sd-question.sd-question--table > .sd-question__container > .sd-question__header-and-content-container > .sd-question__content {
  margin-left: calc(-1 * var(--sjs2-layout-component-matrix-cell-right-padding-right));
  margin-right: calc(-1 * var(--sjs2-layout-component-matrix-cell-left-padding-left));
  padding-bottom: 0;
  padding-top: var(--sjs2-spacing-x200, 16px);
}
.svc-question__content .sjs_sp_placeholder {
  user-select: all;
  pointer-events: all;
}

.svc-question__content > div,
.svc-question__placeholders > div {
  overflow: visible;
}

.svc-question--enter,
.svc-question--leave {
  animation-name: fadeIn, moveInWithOverflow;
  animation-fill-mode: forwards;
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
  animation-duration: var(--fade-animation-duration), var(--move-animation-duration);
  animation-delay: var(--fade-animation-delay), var(--move-animation-delay);
}

.svc-question--enter {
  opacity: var(--sjs2-opacity-hidden);
  --fade-animation-duration: var(--sjs-svc-expand-fade-in-duration, 150ms);
  --move-animation-duration: var(--sjs-svc-expand-move-in-duration, 250ms);
  --fade-animation-delay: var(--sjs-svc-expand-fade-in-delay, 250ms);
  --move-animation-delay: 0s;
  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  --animation-direction: normal;
}

.svc-question--leave {
  --fade-animation-duration: var(--sjs-svc-collapse-fade-out-duration, 150ms);
  --move-animation-duration: var(--sjs-svc-collapse-move-out-duration, 250ms);
  --fade-animation-delay: 0s;
  --move-animation-delay: var(--sjs-svc-collapse-move-out-delay, 100ms);
  --animation-direction: reverse;
  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
}

@keyframes changeAlignSelf {
  from {
    align-self: flex-start;
  }
  to {
    align-self: stretch;
  }
}
.svc-question--enter.svc-question__adorner,
.svc-question--leave.svc-question__adorner {
  opacity: var(--sjs2-opacity-visible);
  animation-name: changeAlignSelf;
  animation-duration: 0s;
}

.svc-question--enter.svc-question__adorner {
  align-self: flex-start;
  animation-delay: var(--move-animation-duration);
}

.svc-question--leave.svc-question__adorner {
  animation-delay: var(--move-animation-delay);
}

.svc-creator--disable-animations .svc-question--enter,
.svc-creator--disable-animations .svc-question--leave {
  animation: none;
}

.svc-question__content:not(.svc-question__content--composite-question) .sd-question:not(.sd-question--paneldynamic) .sd-panel__content {
  overflow: auto;
}
.svc-question__content:not(.svc-question__content--composite-question) .sd-question:not(.sd-question--paneldynamic) .sd-table__cell--detail-panel .sd-panel__content {
  overflow: unset;
}

.svc-panel__placeholder {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-fg-basic-secondary, rgba(28, 27, 32, 0.6));
  text-wrap: wrap;
  text-align: center;
}

.svc-question__content-actions {
  position: relative;
  opacity: var(--sjs2-opacity-hidden);
  height: var(--sjs2-size-x600, 48px);
  margin-left: var(--sjs2-spacing-negative-x100, -8px);
  margin-top: auto;
  width: calc(100% + var(--sjs2-spacing-x200));
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
}
.svc-question__content-actions:focus-within {
  opacity: var(--sjs2-opacity-visible);
}
.svc-question__content-actions > .sd-action-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: var(--sjs2-spacing-x200, 16px);
}
.svc-question__content-actions .svc-action-bar-item--right:first-of-type {
  margin-inline-start: auto;
}

.svc-dropdown-action--convertTo {
  max-width: max-content;
}
.svc-dropdown-action--convertTo .sd-action {
  flex-direction: row-reverse;
}
.svc-dropdown-action--convertTo .sd-action__icon:first-child:last-child {
  width: var(--sjs2-size-x300, 24px);
  height: var(--sjs2-size-x300, 24px);
  padding: 0;
}
.svc-dropdown-action--convertTo .sv-action-bar-item--icon {
  max-width: 100%;
  padding: var(--sjs2-spacing-x050, 4px);
}

.svc-dropdown-action--convertTo.sv-action--hidden {
  min-width: 0;
}

.svc-dropdown-action--convertTo-last {
  margin-inline-end: auto;
}

.svc-question__content:focus,
.svc-hovered > .svc-question__content {
  box-shadow: var(--sjs2-border-effect-surface-hovered);
}

.svc-question__content--selected:not(.svc-question__content--dragged) {
  box-shadow: 0px 0px 0px var(--sjs2-border-width-x200) var(--sjs2-color-utility-shadow-surface-focused);
}

.svc-question__content--collapsed-drag-over-inside:not(.svc-question__content--dragged) {
  box-shadow: 0px 0px 0px var(--sjs2-border-width-x200) var(--sjs2-color-utility-shadow-surface-focused);
  background: var(--sjs2-color-bg-brand-secondary, rgba(25, 179, 148, 0.1));
  animation: collapsed-drag-over-inside-blinking 1s;
}

@keyframes collapsed-drag-over-inside-blinking {
  0% {
    background: var(--sjs2-color-bg-brand-secondary, rgba(25, 179, 148, 0.1));
  }
  40% {
    background: var(--sjs2-color-bg-brand-secondary, rgba(25, 179, 148, 0.1));
  }
  50% {
    background: transparent;
  }
  55% {
    background: var(--sjs2-color-bg-brand-secondary, rgba(25, 179, 148, 0.1));
  }
  65% {
    background: transparent;
  }
  70% {
    background: var(--sjs2-color-bg-brand-secondary, rgba(25, 179, 148, 0.1));
  }
  80% {
    background: transparent;
  }
  85% {
    background: var(--sjs2-color-bg-brand-secondary, rgba(25, 179, 148, 0.1));
  }
  100% {
    background: var(--sjs2-color-bg-brand-secondary, rgba(25, 179, 148, 0.1));
  }
}
.svc-question__content--selected > .svc-question__content-actions,
.svc-hovered > .svc-question__content:not(.svc-question__content--dragged) > .svc-question__content-actions {
  opacity: var(--sjs2-opacity-visible);
}
.svc-question__content--selected > .svc-question__content-actions.svc-question--enter,
.svc-hovered > .svc-question__content:not(.svc-question__content--dragged) > .svc-question__content-actions.svc-question--enter {
  opacity: var(--sjs2-opacity-hidden);
}

.svc-question__content--dragged {
  opacity: var(--sjs2-opacity-disabled);
}
.svc-question__content--dragged > .svc-question__content-actions {
  opacity: var(--sjs2-opacity-hidden);
}

.svc-creator--mobile .svc-question__content-actions {
  overflow: hidden;
  height: var(--sjs2-size-x100, 8px);
}
.svc-creator--mobile .svc-question__content-actions > .sv-action-bar {
  margin-top: var(--sjs2-spacing-x100, 8px);
}
.svc-creator--mobile .svc-question__content-actions.svc-question--enter {
  animation-name: empty, moveInWithOverflow;
}
.svc-creator--mobile .svc-question__content {
  padding: var(--sjs2-spacing-x200, 16px) var(--sjs2-spacing-x300, 24px) var(--sjs2-spacing-x200, 16px);
}
.svc-creator--mobile .svc-element__header--hidden {
  margin-top: var(--sjs2-spacing-x200, 16px);
  margin-bottom: var(--sjs2-spacing-x200, 16px);
  padding: 0 var(--sjs2-spacing-x300, 24px);
}
.svc-creator--mobile .svc-question__adorner--selected > .svc-element__header--hidden {
  margin-top: var(--sjs2-spacing-x300, 24px);
  margin-bottom: var(--sjs2-spacing-x300, 24px);
}
.svc-creator--mobile .svc-question__content--selected {
  padding-top: var(--sjs2-spacing-x300, 24px);
  padding-bottom: var(--sjs2-spacing-x200, 16px);
}
.svc-creator--mobile .svc-question__content--selected > .svc-question__content-actions {
  height: var(--sjs2-size-x600, 48px);
  overflow: visible;
}
.svc-creator--mobile .svc-question__content--selected > .svc-question__content-actions > .sv-action-bar {
  margin-top: var(--sjs2-spacing-x200, 16px);
}
.svc-creator--mobile .svc-question__content--selected > .svc-question__content-actions.svc-question--enter {
  animation-name: fadeIn, moveInWithOverflow;
}
.svc-creator--mobile.svc-creator--disable-animations .svc-question--enter {
  animation: none;
}

.svc-question__content .sd-question.sd-question--table {
  margin-top: var(--sjs2-spacing-negative-x100, -8px);
  padding-top: var(--sjs2-spacing-x100, 8px);
}

.svc-dragged-element-shortcut {
  border-radius: var(--sjs2-radius-x100);
  padding: var(--sjs2-spacing-x150, 12px) var(--sjs2-spacing-x200, 16px) var(--sjs2-spacing-x150, 12px) var(--sjs2-spacing-x200, 16px);
  background-color: var(--sjs2-color-bg-basic-primary);
  color: var(--sjs2-color-fg-basic-primary);
  cursor: grabbing;
  position: absolute;
  z-index: 1000;
  box-shadow: var(--sjs2-border-effect-floating-default);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: content-box;
}

.svc-dragged-element-shortcut .sv-svg-icon use {
  fill: var(--sjs2-color-bg-brand-primary);
}

.svc-dragged-element-shortcut--selected {
  border: var(--sjs2-border-width-x200) solid var(--sjs2-color-bg-brand-primary);
}

.svc-dragged-element-shortcut__text {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 320px;
}

.svc-dragged-element-shortcut--has-icon {
  padding: var(--sjs2-spacing-x100, 8px) var(--sjs2-spacing-x200, 16px) var(--sjs2-spacing-x100, 8px) var(--sjs2-spacing-x150, 12px);
  display: flex;
  gap: var(--sjs2-spacing-x100, 8px);
  justify-content: center;
  align-items: center;
}
.svc-dragged-element-shortcut--has-icon .svc-dragged-element-shortcut__text {
  display: block;
}

.svc-dragged-element-shortcut__icon {
  display: flex;
}
.svc-dragged-element-shortcut__icon svg {
  width: var(--sjs2-size-x300, 24px);
  height: var(--sjs2-size-x300, 24px);
}

.svc-question__content--drag-over-inside .svc-panel__placeholder_frame,
.svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame {
  box-shadow: 0 0 0 var(--sjs2-border-width-x100) var(--sjs2-color-utility-shadow-surface-focused);
  border: var(--sjs2-border-width-x100) solid var(--sjs2-color-utility-shadow-surface-focused);
  background: var(--sjs2-color-bg-brand-secondary);
}
.svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions,
.svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions {
  opacity: var(--sjs2-opacity-visible);
}

.svc-question__drop-indicator {
  position: absolute;
  background: var(--sjs2-color-bg-brand-primary);
  opacity: var(--sjs2-opacity-hidden);
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
}

.svc-question__drop-indicator--left,
.svc-question__drop-indicator--right {
  top: 0;
  height: 100%;
  width: var(--sjs2-size-x000, 0px);
}

.svc-question__drop-indicator--top,
.svc-question__drop-indicator--bottom {
  left: 0;
  width: 100%;
  height: var(--sjs2-size-x000, 0px);
}

.svc-question__drop-indicator--left {
  left: calc((var(--sjs2-layout-component-page-content-area-gap-horizontal) + var(--sjs2-border-width-x200, 2px)) / -2);
}

.svc-question__drop-indicator--right {
  right: calc((var(--sjs2-layout-component-page-content-area-gap-horizontal) + var(--sjs2-border-width-x200, 2px)) / -2);
}

.svc-question__drop-indicator--top {
  top: calc((var(--sjs2-layout-component-page-content-area-gap-vertical) + var(--sjs2-border-width-x200, 2px)) / -2);
}

.svc-question__drop-indicator--bottom {
  bottom: calc((var(--sjs2-layout-component-page-content-area-gap-vertical) + var(--sjs2-border-width-x200, 2px)) / -2);
}

.svc-question__content--drag-over-left > .svc-question__drop-indicator--left {
  opacity: var(--sjs2-opacity-visible);
  width: var(--sjs2-border-width-x200, 2px);
}

.svc-question__content--drag-over-right > .svc-question__drop-indicator--right {
  opacity: var(--sjs2-opacity-visible);
  width: var(--sjs2-border-width-x200, 2px);
}

.svc-question__content--drag-over-top > .svc-question__drop-indicator--top {
  opacity: var(--sjs2-opacity-visible);
  height: var(--sjs2-border-width-x200, 2px);
}

.svc-question__content--drag-over-bottom > .svc-question__drop-indicator--bottom {
  opacity: var(--sjs2-opacity-visible);
  height: var(--sjs2-border-width-x200, 2px);
}

.sd-panel .svc-question__content--drag-over-left .svc-question__drop-indicator--left {
  left: calc(var(--sjs2-spacing-x200, 16px) / -2 + var(--sjs2-border-width-x200, 2px));
}
.sd-panel .svc-question__content--drag-over-right .svc-question__drop-indicator--right {
  right: calc(var(--sjs2-spacing-x200, 16px) / -2 + var(--sjs2-border-width-x200, 2px));
}

.svc-question__content--panel .sd-row > div:first-child .svc-question__content--drag-over-left,
.sd-panel__content .sd-row > div:first-child .svc-question__content--drag-over-left {
  margin-left: var(--sjs2-spacing-x100, 8px);
  width: calc(100% - var(--sjs2-spacing-x100, 8px));
}
.svc-question__content--panel .sd-row > div:last-child .svc-question__content--drag-over-right,
.sd-panel__content .sd-row > div:last-child .svc-question__content--drag-over-right {
  margin-right: var(--sjs2-spacing-x100, 8px);
  width: calc(100% - var(--sjs2-spacing-x100, 8px));
}
.svc-question__content--panel .svc-question__content--drag-over-top .svc-question__drop-indicator--top,
.sd-panel__content .svc-question__content--drag-over-top .svc-question__drop-indicator--top {
  top: calc(var(--sjs2-spacing-x200, 16px) / -2 + var(--sjs2-border-width-x200, 2px));
}
.svc-question__content--panel .svc-question__content--drag-over-bottom .svc-question__drop-indicator--bottom,
.sd-panel__content .svc-question__content--drag-over-bottom .svc-question__drop-indicator--bottom {
  bottom: calc(var(--sjs2-spacing-x200, 16px) / -2 + var(--sjs2-border-width-x200, 2px));
}

.svc-question__content-actions > .sv-action-bar {
  box-sizing: border-box;
  padding: 0;
  justify-content: center;
}

svc-question sv-action-bar,
svc-question .sv-action-bar,
.svc-question sv-action-bar,
.svc-question .sv-action-bar {
  padding: 0;
}

.svc-panel__edge {
  position: absolute;
  border: 1px solid orange;
  height: 10px;
  width: 100%;
}

.svc-panel__edge--top {
  top: 0;
}

.svc-panel__edge--bottom {
  bottom: 0;
}

.svc-question__adorner--start-with-new-line[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] {
  height: 100%;
  overflow: hidden;
  min-width: 4px;
}
.svc-question__adorner--start-with-new-line[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__content.svc-question__content.svc-question__content {
  border: 0;
  padding: 0;
}

[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] {
  border: none;
  height: 0;
}
[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__drag-area {
  display: none;
}
[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__drag-element {
  display: none;
}
[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__content {
  background: transparent;
  box-shadow: none;
}

.svc-hovered > .svc-question__content.svc-question__content:not(.svc-question__content--dragged) > .svc-question__drag-area > .svc-question__drag-element {
  opacity: var(--sjs2-opacity-x050);
}

.svc-question__content.svc-question__content--selected > .svc-question__drag-area > .svc-question__drag-element {
  opacity: var(--sjs2-opacity-x050);
  z-index: 1;
}

.svc-element__header--hidden {
  display: block;
  box-sizing: border-box;
  padding: 0 var(--sjs2-spacing-x500, 40px);
  margin: var(--sjs2-spacing-x400, 32px) 0;
  z-index: -1;
  width: 100%;
}
.svc-element__header--hidden .svc-string-editor,
.svc-element__header--hidden .svc-fake-title,
.svc-element__header--hidden sv-ng-string > .svc-string-editor {
  display: inline-flex;
}
.svc-element__header--hidden .svc-string-editor::before,
.svc-element__header--hidden .svc-fake-title::before,
.svc-element__header--hidden sv-ng-string > .svc-string-editor::before {
  content: "(";
}
.svc-element__header--hidden .svc-string-editor::after,
.svc-element__header--hidden .svc-fake-title::after,
.svc-element__header--hidden sv-ng-string > .svc-string-editor::after {
  content: ")";
}
.svc-element__header--hidden .svc-element__title--hidden {
  opacity: var(--sjs2-opacity-hidden);
  transition: opacity 150ms;
}

.svc-element__header--hidden {
  --sd-panel-title-color: var(--sjs2-color-component-panel-nested-default-title);
  --sd-question-title-color: var(--sjs2-color-component-question-default-title);
}

.svc-element__header--lazy .svc-string-editor,
.svc-element__header--lazy sv-ng-string > .svc-string-editor,
.svc-element__header--hidden.sd-question__header--location--left .svc-string-editor,
.svc-element__header--hidden.sd-question__header--location--left sv-ng-string > .svc-string-editor {
  display: inline-block;
}
.svc-element__header--lazy .svc-string-editor::before, .svc-element__header--lazy .svc-string-editor::after,
.svc-element__header--lazy sv-ng-string > .svc-string-editor::before,
.svc-element__header--lazy sv-ng-string > .svc-string-editor::after,
.svc-element__header--hidden.sd-question__header--location--left .svc-string-editor::before,
.svc-element__header--hidden.sd-question__header--location--left .svc-string-editor::after,
.svc-element__header--hidden.sd-question__header--location--left sv-ng-string > .svc-string-editor::before,
.svc-element__header--hidden.sd-question__header--location--left sv-ng-string > .svc-string-editor::after {
  content: none;
}

.svc-question__adorner.svc-question__adorner--collapsed > .svc-element__header--hidden {
  z-index: 1;
}
.svc-question__adorner.svc-question__adorner--collapsed > .svc-element__header--hidden > .svc-element__title--hidden {
  opacity: var(--sjs2-opacity-visible);
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > .svc-question__dropdown-choices--wrapper, .svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > .svc-panel__placeholder_frame-wrapper, .svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > .svc-question__content-actions, .svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > .svc-panel__add-new-question-container, .svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > .svc-carry-forward-panel-wrapper, .svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > .svc-image-question-controls, .svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > .sd-file, .svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > sv-ng-file-question {
  display: none;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .svc-question__drop-indicator {
  display: block;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .svc-question__drag-area {
  display: flex;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .svc-content-wrapper {
  display: flex;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .sd-element > :where(:not(.sd-element__header)) {
  display: none;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .sd-question__container {
  display: flex;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .sd-question__container > * {
  display: none;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .sd-question__container .sd-question__header-and-content-container {
  display: flex;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .sd-question__container .sd-question__header-and-content-container > * {
  display: none;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .sd-question__container .sd-question__header-and-content-container .sd-question__header {
  display: flex;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .sd-element__header > *:not(.sd-element__title) {
  display: none;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .sd-question__header--location--left {
  display: none;
}
.svc-question__adorner .svc-question__content--collapsed {
  flex-grow: 0;
  padding-bottom: var(--sjs2-spacing-x400, 32px);
  padding-top: var(--sjs2-spacing-x400, 32px);
}
.svc-question__adorner .svc-question__content--collapsed .sd-element__header,
.svc-question__adorner .svc-question__content--collapsed .sd-element--complex > .sd-element__header {
  padding-top: 0;
  padding-bottom: 0;
}

.svc-creator--mobile .svc-question__top-actions {
  padding: 0;
}
.svc-creator--mobile .svc-question__adorner .svc-question__content--collapsed {
  padding-bottom: var(--sjs2-spacing-x200, 16px);
  padding-top: var(--sjs2-spacing-x200, 16px);
}
.svc-creator--mobile .svc-question__adorner .svc-question__content--collapsed.svc-question__content--selected {
  padding-top: var(--sjs2-spacing-x300, 24px);
  padding-bottom: var(--sjs2-spacing-x300, 24px);
}

.svc-question__drag-area {
  position: absolute;
  cursor: move;
  top: 0;
  left: 0;
  height: var(--sjs2-size-x350, 28px);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
}

.svc-question__drag-element {
  width: 100%;
  opacity: var(--sjs2-opacity-hidden);
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
  width: var(--sjs2-size-x300, 24px);
  height: var(--sjs2-size-x200, 16px);
}
.svc-question__drag-element use {
  fill: var(--sjs2-color-fg-basic-secondary);
}

.sd-panel .svc-question__content--image:not(.svc-question__content--empty) {
  padding-left: var(--sjs2-border-width-x100, 1px);
  padding-right: var(--sjs2-border-width-x100, 1px);
}
.sd-panel .svc-question__content .sd-table-wrapper::before {
  left: calc(-1 * var(--sd-base-padding) + var(--sjs2-border-width-x200, 2px));
}
.sd-panel .svc-question__content .sd-table-wrapper::after {
  right: calc(-1 * var(--sd-base-padding) + var(--sjs2-border-width-x200, 2px));
}
.sd-panel .svc-question__content {
  border-radius: 0;
  box-shadow: none;
}
.sd-panel .svc-question__content::after {
  content: "";
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  outline: var(--sjs2-border-width-x100) dashed var(--sjs2-color-border-basic-secondary);
  outline-offset: calc(-1 * var(--sjs2-border-width-x100));
  z-index: 12;
}
.sd-panel .svc-hovered > .svc-question__content:not(.svc-question__content--dragged)::after {
  box-shadow: var(--sjs2-border-effect-surface-hovered) inset, 0 0 0 var(--sjs2-border-width-x200, 2px) var(--sjs2-color-component-panel-default-bg, #ffffff) inset;
  outline: none;
}
.sd-panel .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged)::after {
  box-shadow: 0px 0px 0px var(--sjs2-border-width-x200) var(--sjs2-color-utility-shadow-surface-focused) inset;
  outline: none;
}

.sd-panel .svc-row--ghost.svc-row--ghost .svc-question__content.svc-question__content {
  border: none;
}

.svc-widget__content {
  width: 100%;
}
.svc-widget__content .sd-question__content {
  pointer-events: none;
}

.svc-question__content .sd-paneldynamic__footer,
.svc-question__content .sd-paneldynamic__separator {
  display: none;
}

.svc-panel__placeholder_frame-wrapper {
  container-type: inline-size;
  width: 100%;
  display: flex;
  flex-grow: 1;
  box-sizing: border-box;
  position: relative;
}

.svc-question__content--empty-template .sd-question--paneldynamic,
.svc-question__content--empty-template .sd-question__content,
.svc-question__content--empty-template .sd-paneldynamic,
.svc-question__content--empty-template .sd-paneldynamic__panels-container,
.svc-question__content--empty-template .sd-paneldynamic__panel-wrapper,
.svc-question__content--empty-template .svc-question__adorner,
.svc-question__content--empty-template .svc-question__adorner > div {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.svc-question__content--empty-template .sd-question--paneldynamic .svc-panel__placeholder_frame,
.svc-question__content--empty-template .sd-question__content .svc-panel__placeholder_frame,
.svc-question__content--empty-template .sd-paneldynamic .svc-panel__placeholder_frame,
.svc-question__content--empty-template .sd-paneldynamic__panels-container .svc-panel__placeholder_frame,
.svc-question__content--empty-template .sd-paneldynamic__panel-wrapper .svc-panel__placeholder_frame,
.svc-question__content--empty-template .svc-question__adorner .svc-panel__placeholder_frame,
.svc-question__content--empty-template .svc-question__adorner > div .svc-panel__placeholder_frame {
  flex-grow: 1;
}

.svc-question__content .sd-paneldynamic__panels-container {
  padding: 2px;
  margin: -2px;
}

.svc-panel__placeholder_frame {
  border: var(--sjs2-border-width-x100, 1px) dashed var(--sjs2-color-border-basic-secondary);
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: var(--sjs2-spacing-x800, 64px) var(--sjs2-spacing-x800, 64px) var(--sjs2-spacing-x600, 48px) var(--sjs2-spacing-x800, 64px);
  flex-grow: 1;
}

.svc-panel__add-new-question-container {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: var(--sjs2-spacing-x050, 4px);
}

.svc-panel__question-type-selector {
  position: absolute;
  inset-inline-end: 0;
  bottom: 0;
  margin: 0;
}

@container (max-width: 496px) {
  .svc-panel__placeholder_frame {
    padding: calc(var(--sjs2-base-unit-spacing) * 11) var(--sjs2-spacing-x300, 24px) calc(var(--sjs2-base-unit-spacing) * 10);
  }
}
@container (max-width: 176px) {
  .svc-panel__placeholder {
    display: none;
  }
  .svc-panel__placeholder_frame {
    padding: calc(var(--sjs2-base-unit-spacing) * 10) var(--sjs2-spacing-x300, 24px) calc(var(--sjs2-base-unit-spacing) * 10);
  }
}
.sd-panel .svc-row {
  margin-top: var(--sjs2-spacing-x100, 8px);
}
.sd-panel .svc-row:first-of-type {
  margin-top: 0;
}
.sd-panel .svc-row > .sd-row {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.svc-question__content.svc-question__content--collapsed .sd-element--complex > .sd-element__header--location-top.svc-element__header--hidden {
  padding: 0;
}

.svc-question__content .sd-element--complex > .sd-element__header--location-top,
.svc-question__content .sd-element--complex > .sd-question__container > .sd-question__header-and-content-container > .sd-element__header--location-top {
  padding: 0;
  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));
}
.svc-question__content .sd-element--complex > .sd-element__header:after {
  display: none;
}
.svc-question__content .sd-panel__content {
  gap: 0;
  padding: 0;
}
.svc-question__content .sd-composite > .sd-question__container > .sd-question__header-and-content-container > .sd-question__header ~ .sd-question__content > .sd-panel > .sd-panel__content {
  row-gap: var(--sd-panel-content-row-gap);
  column-gap: var(--sd-panel-content-column-gap);
  padding-block: var(--sd-panel-content-padding-block);
  padding-block-end: 0;
}

.svc-creator--mobile .svc-question__content:where(:not(.svc-question__content--composite-question)) .sd-element--complex.sd-question--table > div > div > .sd-element__header--location-top {
  padding-bottom: calc(var(--sd-base-vertical-padding));
}

.svc-question__content .sd-element--complex > div > div > .sd-element__header--location-top.svc-element__header--hidden {
  padding-bottom: var(--sjs2-spacing-x100, 8px);
}
.svc-question__content .sd-element--complex > div > div > .sd-element__header--location-top:after {
  display: none;
}
.svc-question__content .sd-paneldynamic__panel-wrapper {
  padding: 0;
}
.svc-question__content .sd-table-wrapper {
  --sd-question-container-background: var(--sjs2-color-component-panel-default-bg);
}
.svc-question__content .sd-table__row-disabled > .sd-table__cell {
  opacity: var(--sjs2-opacity-visible);
}

.svc-question__content:not(.svc-question__content--composite-question) .svc-carry-forward-panel {
  margin-top: var(--sjs2-spacing-x200, 16px);
}
.svc-question__content:not(.svc-question__content--composite-question) .sd-question__content {
  min-width: min(var(--sjs2-size-x800), 100%);
}
.svc-question__content:not(.svc-question__content--composite-question) .sd-row__question--small .sd-question__content {
  overflow: visible;
}
.svc-question__content:not(.svc-question__content--composite-question) .sd-question--description-under-input .sd-question__content {
  margin-bottom: var(--sjs2-spacing-negative-x100, -8px);
  padding-bottom: var(--sjs2-spacing-x100, 8px);
}
.svc-question__content:not(.svc-question__content--composite-question) .sd-composite .sd-question__content {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.svc-question__content--paneldynamic .sd-question__content {
  padding-bottom: 2px;
  margin-bottom: -2px;
  padding-top: var(--sjs2-spacing-x100, 8px);
  margin-top: var(--sjs2-spacing-negative-x100, -8px);
}
.svc-question__content--paneldynamic .sd-paneldynamic__panels-container {
  padding-top: var(--sjs2-spacing-x100, 8px);
  margin-top: var(--sjs2-spacing-negative-x100, -8px);
}

.svc-question__adorner .sv-ranking:not(.sv-ranking--select-to-rank) .svc-question__content--ranking .svc-carry-forward-panel {
  margin-top: 0;
}
.svc-question__adorner .sv-ranking .sv-ranking__container-placeholder {
  padding-top: var(--sjs2-spacing-x200, 16px);
  padding-bottom: var(--sjs2-spacing-x200, 16px);
}
.svc-question__adorner .sv-ranking--select-to-rank-vertical .sv-ranking__container--empty {
  padding-top: 0;
  padding-bottom: 0;
}
.svc-question__adorner .sv-ranking--select-to-rank-vertical .sv-ranking__container--from .sv-ranking__container-placeholder {
  padding-bottom: var(--sjs2-spacing-x300, 24px);
}

.svc-question__top-actions {
  padding: var(--sjs2-spacing-x050, 4px);
  position: absolute;
  top: 0;
  right: 0;
  visibility: hidden;
}

.svc-question__adorner--collapse-onhover.svc-hovered > .svc-question__content > .svc-question__drag-area > .svc-question__top-actions,
.svc-question__adorner--collapse-onhover > .svc-question__content--selected > .svc-question__drag-area > .svc-question__top-actions,
.svc-question__adorner--collapse-always > .svc-question__content > .svc-question__drag-area > .svc-question__top-actions {
  visibility: visible;
}

.sd-row--enter.sd-row--enter.sd-row--enter.sd-row--enter .svc-question__content--selected {
  box-shadow: var(--sjs2-border-effect-surface-default);
}
.sd-row--enter.sd-row--enter.sd-row--enter.sd-row--enter .svc-question__content--selected .svc-question__content-actions {
  opacity: var(--sjs2-opacity-hidden);
}

.sd-panel .sd-row--enter.sd-row--enter.sd-row--enter.sd-row--enter .svc-question__content--selected {
  border-radius: 0;
  border: var(--sjs2-border-width-x100, 1px) dashed var(--sjs2-color-border-basic-secondary);
  box-shadow: none;
}

.svc-question__content--slider.svc-question__content--slider .sd-question__content {
  overflow-x: visible;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-question__dropdown-choices {
  margin-top: var(--sjs2-spacing-x200);
}

.svc-question__dropdown-choice--collapsed:nth-last-child(1) {
  opacity: 0.25;
}

.svc-question__dropdown-choice--collapsed:nth-last-child(2) {
  opacity: 0.5;
}

.svc-question__dropdown-choice--collapsed:nth-last-child(3) {
  opacity: 0.75;
}

.svc-question__content > .svc-question__dropdown-choices--wrapper {
  width: calc(100% + var(--sjs2-spacing-x800));
  overflow-x: auto;
  margin: 0 var(--sjs2-spacing-negative-x400);
}
.svc-question__content > .svc-question__dropdown-choices--wrapper > div {
  width: calc(100% - var(--sjs2-spacing-x800));
  display: inline-block;
  min-width: var(--sjs2-size-x1500);
  margin: 0 var(--sjs2-spacing-x400);
}
.svc-question__content > .svc-question__dropdown-choices--wrapper .svc-question__dropdown-collapse-button {
  margin-left: calc(var(--sjs2-spacing-x700, 56px) + var(--sjs2-spacing-x025, 2px));
  margin-top: calc(var(--sjs2-spacing-x050, 4px));
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-image-question-controls {
  position: absolute;
  top: var(--sjs2-spacing-x500);
  right: var(--sjs2-spacing-x100);
  display: none;
}

.svc-question__content--selected .svc-image-question-controls {
  display: flex;
}

.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) {
  padding-left: 0;
  padding-right: 0;
}
.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) .sd-image__image {
  border-radius: 0;
}
.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) .svc-question__content-actions {
  padding-inline-start: var(--sjs2-spacing-x500);
  width: calc(100% - var(--sjs2-spacing-x300));
  box-sizing: border-box;
}
.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) .svc-question__content-actions > .sd-action-bar {
  width: calc(100% - var(--sjs2-spacing-x500));
  inset-inline-start: var(--sjs2-spacing-x500);
}

.svc-question__content--image.svc-question__content--empty .sd-file,
.svc-question__content--image.svc-question__content--empty sv-ng-file-question {
  width: 100%;
}

.svc-question__content--image.svc-question__content--empty .sd-question--image {
  display: none;
}

.svc-question__content--image .sd-file__choose-btn .sv-svg-icon {
  display: none;
}

@container (max-width: 176px) {
  .svc-question__content--image .sd-file__choose-btn .sv-svg-icon {
    display: block;
  }
}
.svc-question__content--loading .sd-image {
  display: none;
}

.svc-image-question__loading-placeholder {
  position: relative;
  width: 100%;
  height: calc(var(--sjs2-base-unit-size) * 27.5);
  border: var(--sjs2-border-width-x100) dashed var(--sjs2-color-border-basic-secondary);
  box-sizing: content-box;
}

.svc-image-question__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-rating-question-controls {
  position: absolute;
  --sd-action-bar-gap: 0;
}

.svc-question__content--in-popup .svc-rating-question-controls.svc-item-value-controls {
  display: flex;
}

.svc-question__content--selected .svc-rating-question-controls.svc-item-value-controls {
  display: flex;
}

.svc-rating-question-controls.svc-rating-question-controls--labels-top {
  margin-top: var(--sjs2-spacing-x550);
}

.svc-question__content .sd-rating {
  margin-inline-start: calc(var(--sjs2-base-unit-spacing) * 9);
  max-width: calc(100% - var(--sjs2-base-unit-spacing) * 9);
}
.svc-question__content .sd-rating.sd-rating--wrappable fieldset {
  min-width: 0;
}
.svc-question__content .sd-rating .sd-rating__item-text {
  max-width: 100%;
}
.svc-question__content .sd-rating .sd-rating__item-text .sv-string-editor:focus-within {
  white-space: nowrap;
}
.svc-question__content .sd-rating .sd-rating__item-text::after {
  display: none;
}
.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor {
  text-overflow: ellipsis;
  overflow: hidden;
}
.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor:focus-within {
  text-overflow: initial;
}
.svc-question__content .sd-rating.sd-rating--labels-top fieldset .sd-rating__min-text {
  top: var(--sjs2-spacing-x100);
}
.svc-question__content .sd-rating.sd-rating--labels-top fieldset .sd-rating__max-text {
  top: var(--sjs2-spacing-x100);
}
.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset {
  padding-bottom: var(--sjs2-spacing-x500);
}
.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__min-text {
  bottom: var(--sjs2-spacing-x100);
}
.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__max-text {
  bottom: var(--sjs2-spacing-x100);
}
.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset {
  padding-bottom: var(--sjs2-spacing-x500);
}
.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__min-text {
  top: var(--sjs2-spacing-x100);
}
.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__max-text {
  bottom: var(--sjs2-spacing-x100);
}
.svc-question__content .sd-question--table .sd-rating {
  margin-inline-start: 0;
  width: fit-content;
  margin: auto;
  max-width: fit-content;
}
.svc-question__content .svc-rating-question-controls {
  display: flex;
  width: var(--sjs2-size-x800);
  min-width: auto;
  justify-content: flex-start;
}
.svc-question__content .sd-rating__item--fixed-size:focus-within {
  width: unset;
  padding: var(--sjs2-spacing-x050) var(--sjs2-spacing-x250);
}

.svc-rating-question-content {
  flex: 1;
}

.svc-question__content .svc-rating-question-content .sd-question__content {
  overflow-x: visible;
  margin: 0;
  padding: 0;
}

.svc-creator--mobile .svc-rating-question-content {
  position: relative;
}
.svc-creator--mobile .svc-rating-question-content fieldset::before {
  content: "";
  display: block;
  width: var(--sjs2-spacing-x800);
}
.svc-creator--mobile .svc-rating-question-controls {
  position: absolute;
  top: 0;
}
.svc-creator--mobile .svc-question__content .sd-rating {
  margin-inline-start: 0;
  width: fit-content;
  max-width: 100%;
}
.svc-creator--mobile .svc-question__content .sd-rating--labels-top .sd-rating__min-text,
.svc-creator--mobile .svc-question__content .sd-rating--labels-bottom .sd-rating__min-text,
.svc-creator--mobile .svc-question__content .sd-rating--labels-diagonal .sd-rating__min-text {
  margin-inline-start: calc(var(--sjs2-base-unit-spacing) * 9);
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-item-value-wrapper {
  position: relative;
  display: flex;
  gap: var(--sjs2-spacing-x100);
  align-items: center;
  margin-left: var(--sjs2-spacing-negative-x500);
}
.svc-item-value-wrapper .sd-item {
  padding: var(--sjs2-spacing-x150) 0;
}

.svc-question__dropdown-choice .svc-item-value-wrapper,
.sd-selectbase .svc-item-value-wrapper {
  align-items: flex-start;
}
.svc-question__dropdown-choice .svc-item-value__item,
.sd-selectbase .svc-item-value__item {
  padding-right: var(--sjs2-spacing-x100);
}

.svc-question__content .sd-selectbase__column {
  margin-left: var(--sjs2-spacing-x500);
  min-width: initial;
}
.svc-question__content .sd-selectbase--mobile .sd-selectbase__column,
.svc-question__content .sd-selectbase__column:first-of-type,
.svc-question__content .sd-imagepicker__column {
  margin-left: 0;
}
.svc-question__content .sd-selectbase__column:not(:last-child) {
  padding-right: 0;
}

.svc-item-value--dragging {
  box-shadow: var(--sjs2-border-effect-floating-default);
  border-radius: var(--sjs2-radius-round);
  padding-right: var(--sjs2-spacing-x300);
  padding-left: var(--sjs2-spacing-x050);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.svc-item-value-controls {
  display: flex;
  height: var(--sjs2-size-x400);
  box-sizing: border-box;
  flex-shrink: 0;
  min-width: var(--sjs2-size-x900);
  justify-content: flex-end;
  align-self: flex-start;
  line-height: var(--sjs2-typography-line-height-component-label-content);
  margin: calc(var(--sjs2-spacing-x150) - 0.5 * var(--sjs2-size-x400) + 0.5 * max(var(--sjs2-size-component-radio-box), 1lh)) 0;
}

.svc-item-value-controls__drag .svc-item-value-controls__drag-icon {
  display: block;
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
  width: var(--sjs2-size-x300);
  height: var(--sjs2-size-x300);
}
.svc-item-value-controls__drag .svc-item-value-controls__drag-icon .sv-svg-icon {
  width: var(--sjs2-size-x300);
  height: var(--sjs2-size-x300);
}

.svc-item-value-wrapper:hover:not(.svc-item-value--ghost) .svc-item-value-controls__drag-icon,
.svc-item-value-controls__drag:hover:not(.svc-item-value--ghost) .svc-item-value-controls__drag-icon {
  opacity: var(--sjs2-opacity-visible);
}

.svc-item-value-controls__drag {
  padding: var(--sjs2-spacing-x050) var(--sjs2-spacing-x100);
  height: auto;
  width: auto;
  cursor: move;
  opacity: var(--sjs2-opacity-x050);
}
.svc-item-value-controls__drag .svc-item-value-controls__drag-icon {
  opacity: var(--sjs2-opacity-hidden);
}
.svc-item-value-controls__drag use {
  fill: var(--sjs2-color-fg-basic-secondary);
}

.sv-string-editor {
  cursor: text;
}

.svc-item-value--new .svc-item-value__item .sd-item__control-label,
.svc-item-value--new .svc-item-value__item .sv-ranking-item__text {
  color: var(--sjs2-color-fg-basic-secondary);
}
.svc-item-value--new .svc-item-value__item .sd-item__decorator {
  opacity: 0.35;
}
.svc-item-value--new .sv-ranking-item__index {
  border-radius: var(--sjs2-radius-round);
  background: var(--sjs2-color-bg-basic-secondary);
}
.svc-item-value--new .sv-ranking-item__index svg {
  fill: var(--sjs2-color-fg-basic-secondary);
}

.sv-ranking .svc-item-value-wrapper {
  align-items: center;
}
.sv-ranking .svc-item-value__item {
  padding-right: 0;
  flex-grow: 1;
}

.svc-question__content .svc-item-value__item .sv-ranking-item__text {
  flex-grow: 1;
  width: 0;
  max-width: fit-content;
}

.svc-item-value__item .sv-ranking-item__content {
  padding-left: 0;
}
.svc-item-value__item .sv-ranking-item__icon-container {
  display: none;
}
.svc-item-value__item .sv-ranking-item__text {
  overflow: visible;
}
.svc-item-value__item .svc-string-editor {
  width: 100%;
  display: inline-block;
}
.svc-item-value__item .sv-string-editor {
  text-overflow: ellipsis;
  overflow: hidden;
}

.sv-drag-drop-choices-shortcut .sv-ranking-item__text {
  overflow: hidden;
}

.svc-item-value--ghost {
  height: var(--sjs2-size-x600);
}
.svc-item-value--ghost .svc-item-value__ghost {
  display: block;
}
.svc-item-value--ghost .svc-item-value-controls {
  visibility: hidden;
}
.svc-item-value--ghost .svc-item-value__item {
  display: none;
}
.svc-item-value--ghost .sv-string-viewer,
.svc-item-value--ghost .sv-string-editor {
  white-space: unset;
}

.svc-item-value--movedown {
  transform: translate(0, 0);
  animation: svdragdropmovedown 0.1s;
  animation-timing-function: ease-in-out;
}

@keyframes svdragdropmovedown {
  0% {
    transform: translate(0, -50px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.svc-item-value--moveup {
  transform: translate(0, 0);
  animation: svdragdropmoveup 0.1s;
  animation-timing-function: ease-in-out;
}

@keyframes svdragdropmoveup {
  0% {
    transform: translate(0, 50px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.svc-item-value__ghost {
  display: none;
  background: var(--sjs2-color-bg-basic-primary-dim);
  border-radius: var(--sjs2-radius-x100);
  width: calc(var(--sjs2-base-unit-size) * 25);
  height: var(--sjs2-size-x500);
  z-index: 11;
  position: absolute;
  left: 35px;
}

.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking [data-sv-drop-target-item-value] .svc-item-value-controls,
.svc-creator--mobile .svc-tab-designer .sd-selectbase [data-sv-drop-target-item-value] .svc-item-value-controls,
.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices [data-sv-drop-target-item-value] .svc-item-value-controls {
  min-width: initial;
}
.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking:not([data-sv-drop-target-item-value]) .svc-item-value-controls,
.svc-creator--mobile .svc-tab-designer .sd-selectbase:not([data-sv-drop-target-item-value]) .svc-item-value-controls,
.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices:not([data-sv-drop-target-item-value]) .svc-item-value-controls {
  min-width: 64px;
}
.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,
.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,
.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag {
  padding-right: 0;
}
.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,
.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,
.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon {
  opacity: var(--sjs2-opacity-visible);
}
.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,
.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,
.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper {
  margin-left: var(--sjs2-spacing-negative-x300);
}

.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon {
  opacity: var(--sjs2-opacity-visible);
}
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper {
  margin-left: var(--sjs2-spacing-negative-x600);
}
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag {
  padding-left: 0;
  padding-right: 0;
}

.svc-choice-elements-button-container {
  margin-left: auto;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-image-item-value-wrapper {
  display: inline-block;
  position: relative;
}

.svc-image-item-value--new {
  height: max-content;
}
.svc-image-item-value--new .sd-imagepicker__image {
  box-sizing: border-box;
  border-radius: var(--sjs2-radius-x050);
  border: var(--sjs2-border-width-x100) dashed var(--sjs2-color-border-basic-secondary);
}

.svc-image-item-value--file-dragging .sd-imagepicker__image {
  border-radius: var(--sjs2-radius-x050);
  border: var(--sjs2-border-width-x200) solid var(--sjs2-color-bg-brand-primary);
  background: var(--sjs2-color-bg-brand-secondary);
}

.svc-question__content--selected .svc-image-item-value--new {
  display: inline-block;
}

.svc-image-item-value-controls {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  top: var(--sjs2-spacing-x100);
  padding: 0 var(--sjs2-spacing-x100);
  z-index: 2;
  gap: var(--sjs2-layout-component-image-picker-action-group-gap);
  --sd-action-bar-gap: var(--sjs2-layout-component-image-picker-action-group-gap);
}

.svc-image-item-value--new .svc-image-item-value-controls {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  gap: var(--sjs2-spacing-x200);
}

.sd-imagepicker {
  container-type: inline-size;
}

.svc-image-item-value--new.svc-image-item-value--single .svc-image-item-value-controls {
  padding: 0 var(--sjs2-spacing-x600);
}

@container (max-width: 496px) {
  .svc-image-item-value--new.svc-image-item-value--single .svc-image-item-value-controls {
    padding: 0 var(--sjs2-spacing-x100);
  }
}
@container (max-width: 176px) {
  .svc-image-item-value__placeholder {
    display: none;
  }
}
.svc-image-item-value__placeholder {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-fg-basic-secondary);
  text-align: center;
  white-space: normal;
}

.svc-choose-file-input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.svc-image-item-value__item .sd-imagepicker__item.sd-imagepicker__item {
  width: 100%;
}

.svc-image-item-value-controls__drag-area-indicator {
  display: none;
  cursor: move;
}

.svc-question__content--selected .svc-image-item-value-wrapper:hover .svc-image-item-value-controls__drag-area-indicator {
  display: flex;
}

.svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__ghost {
  display: block;
}
.svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__content {
  display: none;
}

.svc-image-item-value-wrapper__ghost {
  display: none;
  border-radius: var(--sjs2-radius-x050);
  background: var(--sjs2-color-component-formbox-design-bg);
}

.svc-image-item-value--single {
  width: 100%;
}
.svc-image-item-value--single .sd-imagepicker__image {
  height: calc(var(--sjs2-base-unit-size) * 36);
}

.svc-image-item-value__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-matrix-cell {
  position: relative;
}

.svc-question__adorner .sd-table .sd-table__cell--column-title {
  padding-block: 0;
}
.svc-question__adorner .sd-table .sd-table__cell--column-title .svc-matrix-cell {
  padding: var(--sjs2-spacing-x150) var(--sjs2-spacing-x100);
}
.svc-question__adorner .sd-table .sd-table__cell--column-title.sd-table__cell--drag {
  padding-right: 0;
  padding-left: 0;
}

.svc-matrix-cell--selected {
  position: absolute;
  border-radius: var(--sjs2-radius-x075);
  border: var(--sjs2-border-width-x200) solid var(--sjs2-color-bg-brand-primary);
  top: var(--sjs2-spacing-x000);
  left: var(--sjs2-spacing-x000);
  right: var(--sjs2-spacing-x000);
  bottom: var(--sjs2-spacing-x000);
  display: none;
}
.svc-matrix-cell--selected.svc-visible {
  display: block;
  border: var(--sjs2-border-width-x200) solid var(--sjs2-color-bg-brand-primary);
}

.svc-hovered > .svc-matrix-cell--selected:not(.svc-visible) {
  border: var(--sjs2-border-width-x200) solid var(--sjs2-color-bg-brand-secondary);
  display: block;
}

.svc-matrix-cell__question-controls {
  opacity: var(--sjs2-opacity-hidden);
  position: absolute;
  top: calc(50% - var(--sjs2-spacing-x300));
  left: calc(50% - var(--sjs2-spacing-x300));
  z-index: 2;
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
}

.svc-matrix-cell:hover .svc-matrix-cell__question-controls {
  opacity: var(--sjs2-opacity-visible);
}

.svc-question__content--in-popup {
  min-width: calc(var(--sjs2-base-unit-size) * 70);
  padding: var(--sjs2-spacing-x500);
}

.svc-matrix-cell__popup .sv-popup__scrolling-content {
  margin-top: var(--sjs2-spacing-x100);
  padding-top: 0;
}
.svc-matrix-cell__popup .svc-question__content {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.svc-question__content .sd-table__cell--detail-panel {
  padding-left: calc(var(--sjs2-spacing-x100) * 12.5);
}

.svc-question__content .sd-drag-element__svg {
  visibility: visible;
  cursor: initial;
}
.svc-question__content .sd-drag-element__svg use {
  fill: var(--sjs2-color-fg-basic-secondary);
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svd-test-results {
  border-radius: var(--sjs2-radius-x050);
  box-shadow: inset 0px 1px 0px 0px var(--sjs2-color-utility-shadow-surface-default);
  padding: calc(var(--sjs2-base-unit-spacing) * 12);
}

.svd-test-results__content {
  box-shadow: var(--sjs2-border-effect-surface-default);
}

.svd-test-results__header {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--sjs2-spacing-x200) var(--sjs2-spacing-x300);
  color: var(--sjs2-color-fg-basic-secondary);
  border-bottom: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  background-color: var(--sjs2-color-bg-basic-primary);
}
.svd-test-results__header .svd-test-results__header-text {
  margin: 0;
}
.svd-test-results__header .svd-test-results__header-types {
  display: flex;
  gap: var(--sjs2-spacing-x100);
}
.svd-test-results__header .svc-action-button {
  color: var(--sjs2-color-bg-brand-primary);
  border-radius: var(--sjs2-radius-x100);
  background-color: transparent;
}
.svd-test-results__header .svc-action-button:focus, .svd-test-results__header .svc-action-button:hover {
  background-color: var(--sjs2-color-bg-brand-secondary);
  outline: none;
}
.svd-test-results__header .svc-action-button.svc-action-button--selected {
  border: var(--sjs2-border-width-x200) solid var(--sjs2-color-bg-brand-primary);
}

.svd-test-results__text {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  display: flex;
  padding: var(--sjs2-spacing-x200) var(--sjs2-spacing-x300);
  width: calc(100% - var(--sjs2-spacing-x600));
  overflow: auto;
  user-select: text;
  white-space: pre-wrap;
  background: var(--sjs2-color-bg-basic-primary);
  color: var(--ctr-code-viewer-text-color, var(--sjs-code-gray-300, #505050));
  box-sizing: content-box;
}

.svd-test-results__table {
  width: 100%;
}
.svd-test-results__table table {
  width: 100%;
  border-collapse: collapse;
}
.svd-test-results__table table .svd-test-results__marker {
  position: absolute;
  top: var(--sjs2-spacing-x150);
}
.svd-test-results__table table .svd-test-results__marker .sv-svg-icon {
  transition: transform 0.2s ease-in-out;
}
.svd-test-results__table table .svd-test-results__marker .sv-svg-icon use {
  fill: var(--sjs2-color-fg-basic-primary-muted);
}
.svd-test-results__table table .svd-test-results__marker.svd-test-results__marker--expanded .sv-svg-icon {
  transform-origin: center;
  transform: rotate(90deg);
}
.svd-test-results__table table th {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x300) var(--sjs2-spacing-x100) var(--sjs2-spacing-x300);
  background: var(--sjs2-color-bg-basic-secondary);
  text-align: left;
  color: var(--sjs2-color-fg-basic-primary-muted);
}
.svd-test-results__table table th:nth-child(1) {
  padding-left: var(--sjs2-spacing-x300);
}
.svd-test-results__table table td {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x300) var(--sjs2-spacing-x100) var(--sjs2-spacing-x300);
  max-width: calc(var(--sjs2-base-unit-size) * 50);
  overflow: auto;
  border-top: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  user-select: text;
  background: var(--sjs2-color-bg-basic-primary);
}
.svd-test-results__table table td:nth-child(1) {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  position: relative;
  width: 50%;
}
.svd-test-results__table table td:nth-child(2) {
  width: 50%;
  padding-right: var(--sjs2-spacing-x300);
}
.svd-test-results__table table .survey-result-value {
  word-break: break-all;
}
.svd-test-results__table table tr {
  vertical-align: top;
}
.svd-test-results__table table tr .svd-test-results__node-value {
  color: var(--sjs2-color-fg-basic-primary);
}

.svd-dark-border-color {
  color: var(--sjs2-color-fg-basic-primary);
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-designer-header .sd-container-modern__title {
  gap: 0;
  column-gap: var(--sjs2-spacing-x400);
}

.svc-logo-image {
  position: relative;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  padding: 0;
  cursor: pointer;
}
.svc-logo-image .sd-logo__image {
  max-width: 100%;
}

.svc-logo-image__loading {
  width: var(--sjs2-size-x600);
  height: var(--sjs2-size-x600);
  padding: var(--sjs2-spacing-x100);
  box-sizing: content-box;
  margin-left: var(--sjs2-spacing-negative-x200);
}

.svc-logo-image-placeholder {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-large);
  line-height: var(--sjs2-typography-line-height-large);
  opacity: var(--sjs2-opacity-x050);
  white-space: nowrap;
  word-break: keep-all;
  padding: var(--sjs2-spacing-x100);
  margin-inline-start: var(--sjs2-spacing-negative-x200);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--sjs2-radius-round);
  transition: background-color var(--sjs-creator-transition-duration, 150ms), opacity var(--sjs-creator-transition-duration, 150ms);
}
.svc-logo-image-placeholder:hover {
  background-color: var(--sjs2-color-bg-brand-secondary);
  opacity: unset;
}
.svc-logo-image-placeholder:hover use {
  fill: var(--sjs2-color-bg-brand-primary);
}
.svc-logo-image-placeholder svg {
  width: var(--sjs2-size-x600);
  height: var(--sjs2-size-x600);
}

.svc-logo-image-placeholder use {
  transition: fill var(--sjs-creator-transition-duration, 150ms);
  fill: var(--sjs2-color-fg-basic-secondary);
}

.svc-logo-image-container {
  position: relative;
  cursor: default;
  padding: var(--sjs2-spacing-x200) 0px;
}
.svc-logo-image-container .sd-logo .sd-logo__image {
  display: block;
  margin: 0;
}

.svc-logo-image-controls {
  opacity: var(--sjs2-opacity-hidden);
  width: max-content;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  --sd-action-gap: var(--sjs2-layout-component-survey-header-action-group-gap, 8px);
}

.svc-logo-image-container:not(.svc-logo-image-container--editable) .svc-logo-image-controls {
  display: none;
}

.svc-logo-image-container--editable:focus-within .svc-logo-image-controls,
.svc-logo-image-container--editable:hover .svc-logo-image-controls {
  opacity: var(--sjs2-opacity-visible);
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-link__button {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  border-radius: var(--sjs2-radius-x100);
}

.svc-question-link__set-button {
  cursor: pointer;
}

.svc-link-value-button {
  margin-inline-start: var(--sjs2-spacing-negative-x200);
}

.spg-table__question-wrapper .svc-link-value-button {
  margin-inline-start: 0;
}

.svc-question-link__clear-button {
  color: var(--sjs2-color-bg-alert-primary);
  cursor: pointer;
}

.svc-question-link__clear-button:focus,
.svc-question-link__clear-button:hover {
  background-color: var(--sjs2-color-bg-alert-secondary);
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-search {
  display: flex;
  align-items: center;
}

.svc-search__input {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  background: transparent;
  box-sizing: border-box;
  outline: none;
  padding: 0;
  width: 0;
  flex-grow: 1;
}

.svc-creator--mobile .svc-search__input {
  font-size: max(16px, var(--sjs2-font-size-x150));
}

.svc-search__toolbar {
  display: flex;
  gap: var(--sjs2-spacing-x050);
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0;
}

.svc-search__toolbar .sd-action-bar {
  --sd-action-bar-gap: var(--sjs2-spacing-x050);
}

.svc-search__toolbar .sv-action--hidden {
  display: none;
}

.svc-search__toolbar-counter {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
  display: flex;
  flex-shrink: 0;
}

.svc-search__bar-item {
  --sd-action-border-radius: var(--sjs2-radius-form-item);
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-component-container {
  flex-grow: 1;
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.svc-component-container > div, .svc-component-container > div > div {
  height: fit-content;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-icon-item {
  display: flex;
  gap: var(--sjs2-spacing-x100, 8px);
}

svg.svc-icon-item__icon,
svg.svc-icon-item__icon use {
  width: var(--sjs2-size-x300);
  height: var(--sjs2-size-x300);
  fill: var(--sjs2-color-fg-brand-primary, #19b394);
}

.sd-selectlist__item--selected svg.svc-icon-item__icon,
.sd-selectlist__item--selected svg.svc-icon-item__icon use {
  fill: currentColor;
}

.svc-icon-item__text {
  white-space: nowrap;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-property-panel__item {
  margin: var(--sjs2-spacing-x200) 0;
  width: 100%;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-property-grid-placeholder {
  display: flex;
  padding: calc(var(--sjs2-base-unit-spacing) * 12) var(--sjs2-spacing-x600) 0 var(--sjs2-spacing-x600);
  flex-direction: column;
  align-items: center;
  gap: var(--sjs2-spacing-x300);
  flex: 1 0 0;
  align-self: stretch;
  background: var(--sjs2-color-utility-property-grid);
}

.svc-property-grid-placeholder__header {
  display: flex;
  max-width: calc(var(--sjs2-base-unit-size) * 40);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--sjs2-spacing-x100);
}

.svc-property-grid-placeholder__title {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-fg-basic-primary);
  text-align: center;
  display: inline-block;
}

.svc-property-grid-placeholder__description {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
  color: var(--sjs2-color-fg-basic-secondary);
  text-align: center;
  display: inline-block;
}

.svc-property-grid-placeholder__content {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.svc-property-grid-placeholder__gap {
  max-width: 192px;
  flex: 1 0 0;
  width: 100%;
}

.svc-property-grid-placeholder__image {
  display: flex;
  max-width: 192px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  background: url("images/image-panel-placeholder.png") 50%/contain no-repeat;
  width: 100%;
  overflow: hidden;
  height: 86px;
}

:dir(rtl) .svc-property-grid-placeholder__image,
[style*="direction:rtl"] .svc-property-grid-placeholder__image,
[style*="direction: rtl"] .svc-property-grid-placeholder__image,
.svc-creator__side-bar--left .svc-property-grid-placeholder__image {
  transform: rotateY(180deg);
}

.svc-creator__side-bar--left .svc-property-grid-placeholder__content {
  flex-direction: row-reverse;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-tabbed-menu-item {
  display: flex;
  align-items: center;
  min-height: calc(var(--sjs2-typography-line-height-default) + var(--sjs2-spacing-x500));
  padding: var(--sjs2-spacing-x250) var(--sjs2-spacing-x300);
  box-sizing: border-box;
  cursor: pointer;
  transition: box-shadow var(--sjs-creator-transition-duration, 150ms), background-color var(--sjs-creator-transition-duration, 150ms);
}
.svc-tabbed-menu-item:hover, .svc-tabbed-menu-item:focus {
  background-color: var(--sjs2-color-bg-basic-primary-dim);
  box-shadow: inset 0px -1px 0px var(--sjs2-color-border-basic-secondary);
  outline: none;
}

.svc-tabbed-menu-item--icon {
  padding-right: var(--sjs2-spacing-x200);
  padding-left: var(--sjs2-spacing-x200);
  display: flex;
  align-items: center;
}

.svc-tabbed-menu-item--selected {
  background: var(--sjs2-color-bg-basic-primary);
  box-shadow: inset 0px -2px 0px var(--sjs2-color-bg-brand-primary);
}
.svc-tabbed-menu-item--selected:hover, .svc-tabbed-menu-item--selected:focus {
  background: var(--sjs2-color-bg-basic-primary);
  box-shadow: inset 0px -2px 0px var(--sjs2-color-bg-brand-primary);
}

.svc-tabbed-menu-item--disabled {
  cursor: default;
  opacity: var(--sjs2-opacity-disabled);
}
.svc-tabbed-menu-item--disabled:hover {
  background-color: var(--sjs2-color-bg-basic-primary);
}

.svc-tabbed-menu-item--hidden {
  visibility: hidden;
}

.svc-tabbed-menu-item__text.svc-tabbed-menu-item__text {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  white-space: nowrap;
  display: block;
  color: var(--sjs2-color-fg-basic-primary);
}

.svc-tabbed-menu-item--selected .svc-tabbed-menu-item__text {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}

.svc-tabbed-menu-item__icon {
  line-height: var(--sjs2-line-height-x300);
  width: 1lh;
  height: 1lh;
  fill: var(--sjs2-color-fg-basic-primary-muted);
}

.svc-tabbed-menu-dots__item {
  width: auto;
  padding: var(--sjs2-spacing-x100);
}
.svc-tabbed-menu-dots__item svg {
  line-height: var(--sjs2-typography-line-height-default);
  width: 1lh;
  height: 1lh;
}
.svc-tabbed-menu-dots__item use {
  fill: var(--sjs2-color-fg-basic-primary-muted);
}
.svc-tabbed-menu-dots__item:hover, .svc-tabbed-menu-dots__item:focus {
  border-radius: var(--sjs2-radius-x100);
  background: var(--sjs2-color-bg-basic-primary-dim);
}
.svc-tabbed-menu-dots__item.sv-action-bar-item--pressed {
  border-radius: var(--sjs2-radius-x100);
  opacity: var(--sjs2-opacity-pressed);
  background: var(--sjs2-color-bg-basic-primary-dim);
}

.svc-tabbed-menu-item-container--hidden {
  width: 0px;
  height: 0px;
  overflow: hidden;
  visibility: hidden;
}
.svc-tabbed-menu-item-container--hidden .svc-tabbed-menu-item-container__content {
  min-width: fit-content;
}

.svc-tabbed-menu-item-container__content {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.svc-tabbed-menu-item-container__content > * {
  flex: 0 0 auto;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-tabbed-menu {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  align-items: center;
}

.svc-tabbed-menu-wrapper {
  flex: 1 1 auto;
  overflow: hidden;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-toolbox__item {
  display: flex;
  position: relative;
  align-items: center;
  outline: none;
  padding-top: var(--sjs2-spacing-x100);
  padding-bottom: var(--sjs2-spacing-x100);
  padding-inline-end: var(--sjs2-spacing-x200);
  padding-inline-start: var(--sjs2-spacing-x150);
  border-radius: var(--sjs2-radius-x100);
  cursor: pointer;
}

.svc-toolbox__item-icon {
  display: block;
  line-height: var(--sjs2-line-height-x300);
  width: 1lh;
  height: 1lh;
  pointer-events: none;
}

.svc-toolbox__tool {
  cursor: default;
  width: initial;
  align-items: stretch;
  align-self: stretch;
}
.svc-toolbox__tool:first-of-type > .svc-toolbox__tool-content {
  padding-block-start: 0;
}
.svc-toolbox__tool:first-of-type > .svc-toolbox__tool-content .svc-toolbox__item-banner {
  top: 50%;
}
.svc-toolbox__tool:first-of-type > .svc-toolbox__tool-content .svc-toolbox__item-submenu-button {
  top: 0;
}

.svc-toolbox__tool.sd-menu-list__item {
  padding: 0;
}

.svc-toolbox__tool-content {
  display: flex;
  padding-block-start: var(--sjs2-spacing-x050);
  flex-direction: column;
  align-items: stretch;
  position: relative;
}
.svc-toolbox__tool-content > * {
  flex: 0 0 auto;
}

.svc-toolbox__tool--hidden {
  height: 0px;
  overflow: hidden;
  visibility: hidden;
}
.svc-toolbox__tool--hidden .svc-toolbox__tool-content {
  min-width: fit-content;
}

.svc-toolbox__item--has-subitems {
  padding-inline-end: var(--sjs2-spacing-x600);
}

.svc-toolbox__tool--has-subitems {
  align-items: stretch;
  align-self: stretch;
}

.svc-toolbox__item-container {
  display: flex;
  outline: none;
}
.svc-toolbox__item-container use {
  fill: var(--sjs2-color-bg-brand-primary);
}

.svc-toolbox__item-banner {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
  opacity: var(--sjs2-opacity-hidden);
  box-sizing: border-box;
  align-items: center;
  inset-inline-start: var(--thm-toolbox-item-banner-left);
  max-width: calc(var(--sjs2-base-unit-size) * 100);
  padding: var(--sjs2-spacing-x200) var(--sjs2-spacing-x300);
  margin-inline-end: var(--sjs2-spacing-negative-x200);
  white-space: nowrap;
  color: var(--sjs2-color-fg-basic-primary);
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
  /* Shadow / Medium */
  border-radius: var(--sjs2-radius-x075);
  box-shadow: var(--sjs2-border-effect-floating-default);
  background-color: var(--sjs2-color-bg-basic-primary);
  overflow: visible;
  position: absolute;
  z-index: 200;
  top: calc(50% + var(--sjs2-spacing-x025));
  transform: translate(0, -50%);
  pointer-events: none;
}
.svc-toolbox__item-banner .svc-toolbox__item-icon {
  position: absolute;
  display: none;
  inset-inline-start: var(--sjs2-spacing-x150);
  top: var(--sjs2-spacing-x100);
}
.svc-toolbox__item-banner:after {
  content: " ";
  display: block;
  width: calc(var(--sjs2-size-x050) * 1.41);
  height: calc(var(--sjs2-size-x050) * 1.41);
  background: var(--sjs2-color-bg-basic-primary);
  border-top-color: transparent;
  border-inline-end-color: transparent;
  box-shadow: var(--sjs2-border-effect-floating-default);
  align-self: center;
  position: absolute;
  inset-inline-end: 100%;
  top: 50%;
  z-index: 300;
  transform: translate(calc(var(--sjs2-size-x050) / 1.41), calc(var(--sjs2-size-x050) / -1.41)) rotate(45deg);
  clip-path: polygon(-100% -100%, -100% 200%, 200% 200%);
}
.svc-toolbox__item-banner .sv-svg-icon use {
  fill: var(--sjs2-color-bg-brand-primary);
}

.svc-toolbox__item-title {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
  display: block;
  padding-inline-start: var(--sjs2-spacing-x100);
  padding-inline-end: var(--sjs2-spacing-x150);
  white-space: nowrap;
  color: var(--sjs2-color-fg-basic-primary);
  overflow: hidden;
  text-overflow: ellipsis;
}

.svc-toolbox__tool:hover:not(.svc-toolbox__tool--disabled) .svc-toolbox__item-banner,
.svc-toolbox__tool:focus-within:not(.svc-toolbox__tool--disabled) .svc-toolbox__item-banner {
  display: flex;
  opacity: var(--sjs2-opacity-visible);
  pointer-events: initial;
}

.svc-toolbox__tool--disabled {
  pointer-events: none;
}
.svc-toolbox__tool--disabled use {
  opacity: var(--sjs2-opacity-disabled);
  fill: var(--sjs2-color-fg-basic-primary);
}
.svc-toolbox__tool--disabled .svc-toolbox__item-title {
  opacity: var(--sjs2-opacity-disabled);
}

.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:focus,
.svc-toolbox__tool--has-subitems:hover:not(.svc-toolbox__tool--disabled) > .svc-toolbox__tool-content > .svc-toolbox__item,
.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:hover {
  overflow: visible;
  background-color: var(--sjs2-color-bg-brand-secondary);
  transition: 0.1s ease-in-out;
}
.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:focus .svc-toolbox--compact .svc-toolbox__item:focus,
.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:focus .svc-toolbox--compact .svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item,
.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:focus .svc-toolbox--compact .svc-toolbox__item:hover,
.svc-toolbox__tool--has-subitems:hover:not(.svc-toolbox__tool--disabled) > .svc-toolbox__tool-content > .svc-toolbox__item .svc-toolbox--compact .svc-toolbox__item:focus,
.svc-toolbox__tool--has-subitems:hover:not(.svc-toolbox__tool--disabled) > .svc-toolbox__tool-content > .svc-toolbox__item .svc-toolbox--compact .svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item,
.svc-toolbox__tool--has-subitems:hover:not(.svc-toolbox__tool--disabled) > .svc-toolbox__tool-content > .svc-toolbox__item .svc-toolbox--compact .svc-toolbox__item:hover,
.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:hover .svc-toolbox--compact .svc-toolbox__item:focus,
.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:hover .svc-toolbox--compact .svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item,
.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:hover .svc-toolbox--compact .svc-toolbox__item:hover {
  background-color: transparent;
  box-shadow: none;
}
.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:focus .svc-toolbox__item-title,
.svc-toolbox__tool--has-subitems:hover:not(.svc-toolbox__tool--disabled) > .svc-toolbox__tool-content > .svc-toolbox__item .svc-toolbox__item-title,
.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:hover .svc-toolbox__item-title {
  color: var(--sjs2-color-fg-basic-primary);
}
.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:focus .sv-svg-icon use,
.svc-toolbox__tool--has-subitems:hover:not(.svc-toolbox__tool--disabled) > .svc-toolbox__tool-content > .svc-toolbox__item .sv-svg-icon use,
.svc-toolbox__tool:not(.svc-toolbox__tool--disabled) .svc-toolbox__item:hover .sv-svg-icon use {
  fill: var(--sjs2-color-bg-brand-primary);
}

.svc-toolbox__tool .sv-dots__item:hover:enabled,
.svc-toolbox__tool .sv-dots__item:focus:enabled,
.svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed {
  background-color: var(--sjs2-color-bg-brand-secondary);
  border-radius: var(--sjs2-radius-x100);
  box-shadow: none;
}
.svc-toolbox__tool .sv-dots__item:hover:enabled .sv-svg-icon use,
.svc-toolbox__tool .sv-dots__item:focus:enabled .sv-svg-icon use,
.svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed .sv-svg-icon use {
  fill: var(--sjs2-color-bg-brand-primary);
}

.svc-toolbox__item-submenu-button {
  position: absolute;
  inset-inline-end: var(--sjs2-spacing-x200);
  margin-inline-end: var(--sjs2-spacing-negative-x100);
  top: var(--sjs2-spacing-x050);
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  height: fit-content;
  display: inline-flex;
  padding: var(--sjs2-spacing-x050);
  box-sizing: border-box;
  align-items: center;
  border-radius: var(--sjs2-radius-x050);
  background-color: var(--sjs2-color-bg-basic-primary);
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
}
.svc-toolbox__item-submenu-button:hover {
  background-color: var(--sjs2-color-bg-brand-secondary);
}
.svc-toolbox__item-submenu-button svg {
  fill: var(--sjs2-color-fg-basic-secondary);
  line-height: var(--sjs2-line-height-x200);
  width: 1lh;
  height: 1lh;
}

.svc-toolbox-popup .sv-list__item:first-of-type .sv-list__item-separator {
  display: none;
}
.svc-toolbox-popup .sv-list__item .sv-list__item-body {
  padding-top: var(--sjs2-spacing-x150);
  padding-bottom: var(--sjs2-spacing-x150);
  padding-inline-start: var(--sjs2-spacing-x200);
  padding-inline-end: var(--sjs2-spacing-x500);
}

.svc-toolbox__tool.svc-toolbox__tool--pressed:not(.svc-toolbox__tool--disabled) .svc-toolbox__item {
  background: var(--sjs2-color-bg-basic-primary-dim);
}
.svc-toolbox__tool.svc-toolbox__tool--pressed:not(.svc-toolbox__tool--disabled) .svc-toolbox__item-title {
  color: var(--sjs2-color-fg-basic-primary);
  opacity: var(--sjs2-opacity-pressed);
}
.svc-toolbox__tool.svc-toolbox__tool--pressed:not(.svc-toolbox__tool--disabled) .sv-svg-icon use {
  fill: var(--sjs2-color-fg-basic-primary);
  opacity: var(--sjs2-opacity-pressed);
}
.svc-toolbox__tool.svc-toolbox__tool--pressed:not(.svc-toolbox__tool--disabled) .svc-toolbox__item.svc-toolbox__item-subtype {
  opacity: unset;
}

.svc-toolbox-subtypes .sv-popup__container {
  margin-top: var(--sjs2-spacing-negative-x250);
  margin-inline-start: calc(var(--sjs2-spacing-x250) + var(--sjs2-border-width-x100));
  padding: 0;
  box-shadow: unset;
}
.svc-toolbox-subtypes .sv-list__container {
  flex-wrap: wrap;
  column-gap: var(--sjs2-spacing-x200);
  row-gap: var(--sjs2-spacing-x050);
}
.svc-toolbox-subtypes > .sv-popup__container > .sv-popup__body-content {
  border-radius: var(--sjs2-radius-x100);
  box-shadow: var(--sjs2-border-effect-floating-default);
  padding: 0;
}
.svc-toolbox-subtypes .sv-popup__scrolling-content {
  padding: var(--sjs2-spacing-x150);
  overflow: visible;
  box-sizing: border-box;
}
.svc-toolbox-subtypes .sv-list__item:hover > .sv-list__item-body,
.svc-toolbox-subtypes .sv-list__item:focus > .sv-list__item-body {
  background-color: unset;
}
.svc-toolbox-subtypes .svc-toolbox__item.svc-toolbox__item-subtype {
  opacity: var(--sjs2-opacity-visible);
  overflow: hidden;
  border-radius: var(--sjs2-radius-x100);
  background: var(--sjs2-color-bg-basic-primary);
  transition: 0.1s ease-in-out;
  padding: var(--sjs2-spacing-x150) var(--sjs2-spacing-x200);
  align-self: flex-start;
  min-width: calc(var(--sjs2-base-unit-size) * 17);
  box-sizing: border-box;
}
.svc-toolbox-subtypes .svc-toolbox__item.svc-toolbox__item-subtype .svc-toolbox__item-title {
  color: var(--sjs2-color-fg-basic-primary);
}
.svc-toolbox-subtypes .svc-toolbox__tool:hover .svc-toolbox__item-subtype,
.svc-toolbox-subtypes .svc-toolbox__item:focus .svc-toolbox__item-subtype {
  background: var(--sjs2-color-bg-brand-secondary);
  opacity: unset;
}
.svc-toolbox-subtypes .svc-toolbox__tool:hover .svc-toolbox__item-subtype .svc-toolbox__item-title,
.svc-toolbox-subtypes .svc-toolbox__item:focus .svc-toolbox__item-subtype .svc-toolbox__item-title {
  color: var(--sjs2-color-fg-basic-primary);
}
.svc-toolbox-subtypes .svc-toolbox__item-title {
  padding: 0;
}
.svc-toolbox-subtypes .svc-toolbox__tool-content {
  padding-block-start: 0;
}

.svc-toolbox__tool--dots {
  align-self: flex-start;
}

.svc-toolbox__item--dots {
  padding-inline-end: var(--sjs2-spacing-x150);
  margin-top: var(--sjs2-spacing-x050);
}
.svc-toolbox__item--dots.sd-action--pressed {
  opacity: var(--sjs2-opacity-pressed);
}

.svc-toolbox--compact .svc-toolbox__item-submenu-button {
  display: none;
}
.svc-toolbox--compact .svc-toolbox__tool {
  padding: 0px var(--sjs2-spacing-x050);
  align-self: flex-start;
  pointer-events: all;
}
.svc-toolbox--compact .svc-toolbox__tool--disabled {
  pointer-events: none;
}
.svc-toolbox--compact .svc-toolbox__search-button {
  padding-inline-start: var(--sjs2-spacing-x050);
}
.svc-toolbox--compact .svc-toolbox__item {
  padding-inline-start: var(--sjs2-spacing-x100);
  padding-inline-end: var(--sjs2-spacing-x100);
  box-sizing: border-box;
  align-self: flex-start;
}
.svc-toolbox--compact .svc-toolbox__tool--dots {
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.svc-toolbox--compact .svc-toolbox__item--dots {
  padding-inline-end: var(--sjs2-spacing-x200);
  padding-inline-start: var(--sjs2-spacing-x150);
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-toolbox {
  --thm-toolbox-width-compact: calc(var(--sjs2-line-height-x300) + var(--sjs2-spacing-x600));
  --thm-toolbox-item-banner-left: calc(
    var(--sjs2-line-height-x300) + var(--sjs2-spacing-x300) + var(--sjs2-spacing-x150) + var(--sjs2-size-x100)
  );
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: content-box;
}

.svc-toolbox__panel {
  position: relative;
  flex-grow: 1;
  flex-shrink: 1;
  height: 0;
  display: flex;
  flex-direction: column;
  border-inline-end: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  background: var(--sjs2-color-utility-toolbox);
  min-width: calc(var(--sjs2-base-unit-size) * 20);
  box-sizing: content-box;
}

.svc-toolbox .sv-scroll__wrapper {
  height: 0;
  flex-grow: 1;
}
.svc-toolbox .sv-scroll__scroller {
  padding: var(--sjs2-spacing-x150) var(--sjs2-spacing-x150) var(--sjs2-spacing-x200) var(--sjs2-spacing-x150);
  align-items: flex-start;
}
.svc-toolbox .sv-scroll__scrollbar {
  inset-inline-end: 0;
  inset-inline-start: auto;
  padding: var(--sjs2-spacing-x150) 0 var(--sjs2-spacing-x200) 0;
}

.svc-toolbox--compact .svc-toolbox__panel {
  overflow: visible;
  width: var(--thm-toolbox-width-compact);
  min-width: var(--thm-toolbox-width-compact);
}
.svc-toolbox--compact .sv-scroll__scroller {
  width: 100vw;
  padding: var(--sjs2-spacing-x150) var(--sjs2-spacing-x150) var(--sjs2-spacing-x200) var(--sjs2-spacing-x150);
  pointer-events: none;
}
.svc-toolbox--compact .svc-search {
  opacity: var(--sjs2-opacity-hidden);
  position: absolute;
}
.svc-toolbox--compact .svc-toolbox__search-container {
  padding-top: var(--sjs2-spacing-x150);
  padding-inline-start: var(--sjs2-spacing-x150);
  padding-inline-end: var(--sjs2-spacing-x150);
  padding-bottom: calc(var(--sjs2-spacing-x100) + var(--sjs2-spacing-x050));
}
.svc-toolbox--compact .svc-toolbox__category-separator {
  box-sizing: content-box;
  padding-inline-end: var(--sjs2-spacing-x200);
  padding-inline-start: var(--sjs2-spacing-x200);
  margin-inline-end: var(--sjs2-spacing-negative-x200);
  margin-inline-start: var(--sjs2-spacing-negative-x200);
}
.svc-toolbox--compact .svc-toolbox__category-separator--search {
  margin-inline-end: 0;
  margin-inline-start: 0;
}

.svc-toolbox__tool.svc-toolbox__search-button {
  z-index: 20;
  justify-content: center;
  align-items: center;
  width: fit-content;
}
.svc-toolbox__tool.svc-toolbox__search-button svg {
  line-height: var(--sjs2-line-height-x300);
  width: 1lh;
  height: 1lh;
}

.svc-toolbox--flyout {
  overflow: visible;
  overflow: visible;
  width: var(--thm-toolbox-width-compact);
  max-width: var(--thm-toolbox-width-compact);
  overflow: visible;
  border-inline-end: var(--sjs2-border-width-x100) solid transparent;
}
.svc-toolbox--flyout .svc-search {
  opacity: var(--sjs2-opacity-visible);
  position: relative;
}
.svc-toolbox--flyout .svc-toolbox__panel {
  z-index: 200;
  width: fit-content;
  position: relative;
  box-shadow: var(--sjs2-border-effect-floating-default);
  transition: box-shadow var(--sjs-creator-transition-duration, 150ms);
}

.svc-toolbox--searchable .svc-toolbox__search-container {
  display: flex;
}

.svc-toolbox__search-container {
  position: sticky;
  top: 0;
  display: none;
  flex-direction: column;
  box-sizing: border-box;
  background: var(--sjs2-color-utility-toolbox);
  border-bottom: var(--sjs2-border-width-x100) solid transparent;
}
.svc-toolbox__search-container svg {
  pointer-events: none;
}

.svc-toolbox__category {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: var(--sjs2-spacing-x050);
}
.svc-toolbox__category:last-child {
  margin-bottom: 0;
}

.svc-toolbox__category-separator {
  box-sizing: border-box;
  padding-top: var(--sjs2-spacing-x100);
  padding-inline-end: 0;
  padding-bottom: var(--sjs2-spacing-x100);
  padding-inline-start: var(--sjs2-spacing-x200);
  margin-top: var(--sjs2-spacing-x050);
  margin-inline-end: var(--sjs2-spacing-negative-x150);
  margin-inline-start: var(--sjs2-spacing-negative-x150);
  max-width: 10000px;
}
.svc-toolbox__category-separator:after {
  content: "";
  display: block;
  height: var(--sjs2-border-width-x100);
  background-color: var(--sjs2-color-border-basic-secondary);
}

.svc-toolbox__category-separator--search {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  margin-top: 0;
  max-width: initial;
}

.svc-toolbox--no-separators .svc-toolbox__category-separator {
  display: none;
}
.svc-toolbox--no-separators .svc-toolbox__category-separator--search {
  display: block;
}

.svc-toolbox__category-header-wrapper {
  padding: 0 var(--sjs2-spacing-x150);
  margin-inline-start: var(--sjs2-spacing-negative-x150);
  margin-inline-end: var(--sjs2-spacing-negative-x150);
  align-self: stretch;
}

.svc-toolbox__category-header {
  min-height: var(--sjs2-size-x500);
  padding-top: var(--sjs2-spacing-x100);
  padding-inline-end: var(--sjs2-spacing-x100);
  padding-bottom: var(--sjs2-spacing-x100);
  padding-inline-start: var(--sjs2-spacing-x200);
  border-radius: var(--sjs2-radius-x100);
  background: var(--sjs2-color-bg-basic-primary-dim);
  box-sizing: border-box;
  width: 100%;
  min-width: calc(var(--sjs2-base-unit-size) * 20);
  position: relative;
  display: flex;
  align-items: center;
}

.svc-toolbox__category-header--collapsed {
  cursor: pointer;
}

.svc-toolbox__category-title {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
  color: var(--sjs2-color-fg-basic-primary);
  vertical-align: middle;
  display: block;
  flex-grow: 1;
}

.svc-toolbox__category-header__controls {
  inset-inline-end: var(--sjs2-spacing-x100);
  top: var(--sjs2-spacing-x100);
  display: flex;
  opacity: var(--sjs2-opacity-hidden);
  align-self: center;
  margin-top: -50%;
  margin-bottom: -50%;
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
}

.svc-toolbox__category-header__button {
  fill: var(--sjs2-color-fg-basic-primary-muted);
  line-height: var(--sjs2-line-height-x300);
  width: 1lh;
  height: 1lh;
}

.svc-toolbox__category-header:hover .svc-toolbox__category-header__controls {
  opacity: var(--sjs2-opacity-visible);
}

.svc-toolbox__category--collapsed .svc-toolbox__tool {
  height: 0;
  visibility: hidden;
}

.svc-toolbox__category--empty {
  height: 0;
  visibility: hidden;
}

.svc-toolbox__placeholder {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
  padding-top: calc(var(--sjs2-base-unit-spacing) * 13.5);
  margin-inline-start: auto;
  margin-inline-end: auto;
  color: var(--sjs2-color-fg-basic-secondary);
}

.svc-toolbox--disabled {
  pointer-events: none;
}
.svc-toolbox--disabled .svc-toolbox__search-button {
  pointer-events: none;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-toolbox .svc-search {
  padding-top: var(--sjs2-spacing-x250);
  padding-inline-end: var(--sjs2-spacing-x200);
  padding-bottom: var(--sjs2-spacing-x250);
  padding-inline-start: var(--sjs2-spacing-x300);
  gap: var(--sjs2-spacing-x100);
  height: unset;
  width: unset;
  flex-grow: 1;
  border-bottom: none;
}
.svc-toolbox .svc-search__input {
  color: var(--sjs2-color-fg-basic-primary);
}
.svc-toolbox .svc-search__input::placeholder {
  color: var(--sjs2-color-fg-basic-secondary);
}
.svc-toolbox .svc-search__search-icon {
  line-height: var(--sjs2-line-height-x300);
  width: 1lh;
  height: 1lh;
}
.svc-toolbox .svc-search__search-icon .sv-svg-icon {
  line-height: var(--sjs2-line-height-x300);
  width: 1lh;
  height: 1lh;
}
.svc-toolbox .svc-search__search-icon .sv-svg-icon use {
  fill: var(--sjs2-color-bg-brand-primary);
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-creator__toolbox--right .svc-toolbox,
:dir(rtl) .svc-toolbox,
[style*="direction:rtl"] .svc-toolbox,
[style*="direction: rtl"] .svc-toolbox {
  direction: rtl;
}
.svc-creator__toolbox--right .svc-toolbox__item-banner:after,
:dir(rtl) .svc-toolbox__item-banner:after,
[style*="direction:rtl"] .svc-toolbox__item-banner:after,
[style*="direction: rtl"] .svc-toolbox__item-banner:after {
  transform: translate(calc(var(--sjs2-size-x050) / -1.41), calc(var(--sjs2-size-x050) / -1.41)) scaleX(-1) rotate(45deg);
}
.svc-creator__toolbox--right .svc-toolbox__item-submenu-button svg,
:dir(rtl) .svc-toolbox__item-submenu-button svg,
[style*="direction:rtl"] .svc-toolbox__item-submenu-button svg,
[style*="direction: rtl"] .svc-toolbox__item-submenu-button svg {
  transform: rotate(180deg);
}

.svc-creator__toolbox--right .sv-popup__body-content,
.svc-creator__toolbox--right .svc-search {
  direction: initial;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
@keyframes toolboxFadeIn {
  from {
    opacity: var(--sjs2-opacity-hidden);
  }
  to {
    opacity: var(--sjs2-opacity-visible);
  }
}
@keyframes toolboxMoveIn {
  from {
    width: var(--thm-toolbox-width-compact);
    overflow: hidden;
  }
  to {
    width: var(--animation-width);
    overflow: hidden;
  }
}
@keyframes toolboxSeparatorSearchMoveIn {
  from {
    padding-inline-end: var(--sjs2-spacing-x200);
    padding-inline-start: var(--sjs2-spacing-x200);
    overflow: hidden;
  }
  to {
    padding-inline-end: 0;
    padding-inline-start: 0;
    overflow: hidden;
  }
}
@keyframes toolboxSeparatorMoveIn {
  from {
    padding-inline-end: var(--sjs2-spacing-x200);
    padding-inline-start: var(--sjs2-spacing-x200);
    overflow: hidden;
  }
  to {
    padding-inline-end: 0;
    padding-inline-start: var(--sjs2-spacing-x200);
    overflow: hidden;
  }
}
.svc-toolbox__panel--enter,
.svc-toolbox__panel--leave {
  animation-fill-mode: forwards;
  animation-duration: var(--move-animation-duration), var(--animation-duration);
  animation-delay: var(--move-animation-delay), 0s;
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
  animation-name: toolboxMoveIn, empty;
  animation-fill-mode: forwards;
  min-width: 0;
}
.svc-toolbox__panel--enter .svc-toolbox__category-separator,
.svc-toolbox__panel--leave .svc-toolbox__category-separator {
  animation-duration: var(--move-animation-duration);
  animation-delay: var(--move-animation-delay);
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
  animation-name: toolboxSeparatorMoveIn;
  animation-fill-mode: forwards;
}
.svc-toolbox__panel--enter .svc-toolbox__category-separator--search,
.svc-toolbox__panel--leave .svc-toolbox__category-separator--search {
  animation-name: toolboxSeparatorSearchMoveIn;
}
.svc-toolbox__panel--enter .svc-toolbox__item-submenu-button,
.svc-toolbox__panel--enter .svc-toolbox__item-title,
.svc-toolbox__panel--enter .svc-search__input,
.svc-toolbox__panel--leave .svc-toolbox__item-submenu-button,
.svc-toolbox__panel--leave .svc-toolbox__item-title,
.svc-toolbox__panel--leave .svc-search__input {
  animation-duration: var(--fade-animation-duration);
  animation-delay: var(--fade-animation-delay);
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
  animation-name: toolboxFadeIn;
  animation-fill-mode: forwards;
  opacity: var(--sjs2-opacity-hidden);
  text-overflow: initial;
}

.svc-toolbox__panel--enter {
  --fade-animation-duration: var(--sjs-svc-toolbox-fade-in-duration, 250ms);
  --move-animation-duration: var(--sjs-svc-toolbox-move-in-duration, 250ms);
  --fade-animation-delay: var(--sjs-svc-toolbox-fade-in-delay, 100ms);
  --move-animation-delay: 0s;
  --animation-direction: normal;
  --animation-duration: calc(var(--fade-animation-delay) + var(--fade-animation-duration));
  --animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

.svc-toolbox__panel--leave {
  --fade-animation-duration: var(--sjs-svc-toolbox-fade-out-duration, 250ms);
  --move-animation-duration: var(--sjs-svc-toolbox-move-out-duration, 250ms);
  --fade-animation-delay: 0s;
  --move-animation-delay: var(--sjs-svc-toolbox-move-out-delay, 0ms);
  --animation-direction: reverse;
  --animation-duration: 0s;
  --animation-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
}

.svc-toolbox--flyout-to-compact-running {
  width: var(--thm-toolbox-width-compact);
  z-index: 200;
  border-inline-end: var(--sjs2-border-width-x100) solid transparent;
}

.svc-creator--disable-animations .svc-toolbox__panel--enter,
.svc-creator--disable-animations .svc-toolbox__panel--leave {
  animation: none;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-side-bar__container {
  flex-direction: column;
  display: flex;
  position: relative;
  width: calc(var(--sjs2-base-unit-size) * 60);
  min-width: calc(var(--sjs2-base-unit-size) * 40);
  max-width: calc(var(--sjs2-base-unit-size) * 90);
  height: 100%;
  background: var(--sjs2-color-bg-basic-primary);
  border-inline-start: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  box-sizing: content-box;
}

.svc-side-bar--narrow .svc-side-bar__container {
  max-width: calc(var(--sjs2-base-unit-size) * 64);
}

.svc-side-bar--min-width .svc-side-bar__container {
  width: 0;
}

.svc-side-bar__wrapper {
  height: 100%;
}

.svc-side-bar__container .svc-resizer {
  width: 3px;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  background-color: transparent;
  cursor: e-resize;
}

.svc-resizer-west {
  left: 0;
}

.svc-resizer-east {
  right: 0;
}

.svc-side-bar__container-header {
  background: var(--sjs2-color-bg-basic-primary);
  box-shadow: inset 0px -2px 0px var(--sjs2-color-bg-brand-primary);
  display: flex;
  padding: var(--sjs2-spacing-x150) var(--sjs2-spacing-x200);
}

.svc-side-bar__container-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  overflow-y: auto;
  background-color: var(--sjs2-color-bg-basic-primary);
}

.svc-side-bar__container-title {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-end;
  padding: var(--sjs2-spacing-x100);
  color: var(--sjs2-color-fg-basic-primary);
}

.svc-side-bar__container-actions {
  width: 100%;
  box-sizing: border-box;
}
.svc-side-bar__container-actions .sd-action__title {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}
.svc-side-bar__container-actions .sv-action-bar {
  justify-content: flex-end;
  padding: 0;
}
.svc-side-bar__container-actions .sv-action-bar-item {
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
}
.svc-side-bar__container-actions .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled {
  border-radius: var(--sjs2-radius-x100);
}
.svc-side-bar__container-actions .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled:focus {
  background: var(--sjs2-color-bg-basic-primary-dim);
}
.svc-side-bar__container-actions .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled:hover {
  background: var(--sjs2-color-bg-basic-primary-dim);
}
.svc-side-bar__container-actions .sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {
  background: var(--sjs2-color-bg-basic-primary-dim);
}
.svc-side-bar__container-actions .sv-action-bar-item__title {
  color: var(--sjs2-color-fg-basic-primary);
}
.svc-side-bar__container-actions .sv-action-bar-item__icon use {
  fill: var(--sjs2-color-fg-basic-primary-muted);
}

.svc-flex-row.svc-side-bar__wrapper {
  width: auto;
  height: 100%;
  background-color: transparent;
}

.svc-side-bar__container {
  background-color: var(--sjs2-color-utility-property-grid);
}

.svc-side-bar {
  height: 100%;
}

.svc-side-bar--flyout {
  z-index: 1000;
}
.svc-side-bar--flyout .svc-side-bar__shadow {
  background-color: var(--sjs2-color-utility-overlay);
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline-end: 0;
  inset-inline-start: 0;
}
.svc-side-bar--flyout .svc-side-bar__container-wrapper {
  border-left: none;
  position: absolute;
  inset-inline-end: 0;
  height: 100%;
  max-width: 100%;
}
.svc-side-bar--flyout.svc-side-bar--side-area .svc-side-bar__container-wrapper {
  max-width: calc(100% - calc(var(--sjs2-typography-line-height-default) + var(--sjs2-spacing-x500)));
  inset-inline-end: calc(var(--sjs2-typography-line-height-default) + var(--sjs2-spacing-x500));
}
.svc-side-bar--flyout .svc-side-bar__container {
  display: flex;
  max-width: 100%;
}
.svc-side-bar--flyout .svc-sidebar-tabs {
  z-index: 1;
}

.svc-side-bar--mobile .svc-side-bar__wrapper {
  position: absolute;
  width: 100%;
  position: absolute;
  inset-inline-end: 0;
  z-index: 1000;
}
.svc-side-bar--mobile .svc-side-bar__container-wrapper {
  position: static;
  flex-grow: 1;
}
.svc-side-bar--mobile .svc-side-bar__container {
  width: 100%;
  min-width: 100%;
  box-sizing: border-box;
}

@keyframes flyoutSideBarShadowFadeIn {
  from {
    opacity: var(--sjs2-opacity-hidden);
  }
  to {
    opacity: var(--sjs2-opacity-hovered);
  }
}
@keyframes sideBarMoveIn {
  from {
    width: 0;
    overflow: hidden;
  }
  to {
    width: var(--animation-width);
    overflow: hidden;
  }
}
.svc-side-bar--enter,
.svc-side-bar--leave {
  animation-fill-mode: forwards;
  animation-name: empty;
  animation-duration: var(--animation-duration);
}
.svc-side-bar--enter .svc-side-bar__container,
.svc-side-bar--leave .svc-side-bar__container {
  max-width: var(--animation-width);
}

.svc-side-bar--enter {
  --animation-duration: var(--svc-side-bar-enter-duration, 500ms);
  --animation-direction: normal;
  --animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

.svc-side-bar--leave {
  --animation-duration: var(--svc-side-bar-leave-duration, 500ms);
  --animation-direction: reverse;
  --animation-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
}

.svc-side-bar--enter .svc-side-bar__container,
.svc-side-bar--enter .svc-side-bar__container-wrapper,
.svc-side-bar--leave .svc-side-bar__container,
.svc-side-bar--leave .svc-side-bar__container-wrapper {
  animation-fill-mode: forwards;
  animation-duration: var(--animation-duration);
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
}
.svc-side-bar--enter .svc-side-bar__container-wrapper,
.svc-side-bar--leave .svc-side-bar__container-wrapper {
  animation-name: sideBarMoveIn;
}

.svc-side-bar--flyout.svc-side-bar--enter .svc-side-bar__shadow,
.svc-side-bar--flyout.svc-side-bar--leave .svc-side-bar__shadow {
  animation-name: flyoutSideBarShadowFadeIn;
  animation-fill-mode: forwards;
  animation-duration: var(--animation-duration);
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
}

.svc-side-bar--mobile.svc-side-bar--leave .svc-side-bar__container,
.svc-side-bar--mobile.svc-side-bar--leave .svc-side-bar__container-wrapper, .svc-side-bar--mobile.svc-side-bar--enter .svc-side-bar__container,
.svc-side-bar--mobile.svc-side-bar--enter .svc-side-bar__container-wrapper {
  animation: none;
  min-width: var(--animation-width);
}
.svc-side-bar--mobile.svc-side-bar--leave .svc-side-bar__container-wrapper, .svc-side-bar--mobile.svc-side-bar--enter .svc-side-bar__container-wrapper {
  min-width: var(--animation-width);
}
.svc-side-bar--mobile.svc-side-bar--leave .svc-side-bar__wrapper, .svc-side-bar--mobile.svc-side-bar--enter .svc-side-bar__wrapper {
  animation-name: sideBarMoveIn;
  animation-fill-mode: forwards;
  animation-duration: var(--animation-duration);
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
}

.svc-creator--disable-animations .svc-side-bar--leave,
.svc-creator--disable-animations .svc-side-bar--enter {
  animation: none;
}

.sv-action--object-selector {
  max-width: 70%;
}
.sv-action--object-selector .sd-action-bar__item-content {
  width: 100%;
}
.sv-action--object-selector .sd-action {
  flex-shrink: 1;
  height: auto;
  max-width: 100%;
  box-sizing: border-box;
}
.sv-action--object-selector .sd-action__title {
  overflow: hidden;
  text-overflow: ellipsis;
}

.svc-full-container.svc-creator__side-bar--left {
  flex-direction: row-reverse;
}
.svc-full-container.svc-creator__side-bar--left .svc-side-bar__wrapper {
  flex-direction: row-reverse;
}
.svc-full-container.svc-creator__side-bar--left .svc-side-bar__container-header .sv-action-bar {
  flex-direction: row-reverse;
}
.svc-full-container.svc-creator__side-bar--left .sv-action--object-selector {
  justify-content: flex-start;
  flex: 1;
  display: flex;
}

:dir(rtl) .svd-grid-hide .sv-svg-icon,
:dir(rtl) .svd-grid-expand .sv-svg-icon,
[style*="direction:rtl"] .svd-grid-hide .sv-svg-icon,
[style*="direction:rtl"] .svd-grid-expand .sv-svg-icon,
[style*="direction: rtl"] .svd-grid-hide .sv-svg-icon,
[style*="direction: rtl"] .svd-grid-expand .sv-svg-icon,
.svc-full-container.svc-creator__side-bar--left .svd-grid-hide .sv-svg-icon,
.svc-full-container.svc-creator__side-bar--left .svd-grid-expand .sv-svg-icon {
  transform: rotate(180deg);
}

.svc-full-container.svc-creator__side-bar--left .svc-side-bar__container-wrapper, .svc-full-container.svc-creator__side-bar--left .svc-side-bar__wrapper {
  inset-inline-start: 0;
  inset-inline-end: unset;
}
.svc-full-container.svc-creator__side-bar--left .svc-side-bar--side-area .svc-side-bar__container-wrapper {
  inset-inline-start: calc(var(--sjs2-typography-line-height-default) + var(--sjs2-spacing-x500));
}

.svd-grid-hide {
  margin-inline-end: auto;
}
.svd-grid-hide .sv-action-bar-item--icon {
  padding: var(--sjs2-spacing-x100);
}
.svd-grid-hide .sv-svg-icon {
  line-height: var(--sjs2-typography-line-height-default);
  width: 1lh;
  height: 1lh;
}

.svc-side-bar .svc-toolbox {
  width: 100%;
}
.svc-side-bar .svc-toolbox .sv-scroll__scroller {
  direction: initial;
}
.svc-side-bar .svc-toolbox .sv-scroll__scrollbar {
  inset-inline-end: 0;
  inset-inline-start: initial;
}
.svc-side-bar .svc-toolbox__category-separator--search {
  display: none;
}
.svc-side-bar .svc-toolbox__panel {
  width: unset;
  border: none;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-sidebar-tabs {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  border-inline-start: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  background: var(--sjs2-color-bg-basic-primary);
  box-sizing: border-box;
}

.svc-sidebar-tabs__top-container {
  display: flex;
  padding-top: var(--sjs2-spacing-x150);
  padding-bottom: var(--sjs2-spacing-x150);
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: var(--sjs2-spacing-x150);
  flex-grow: 1;
}
.svc-sidebar-tabs__top-container .sv-scroll__wrapper {
  height: 0;
  flex-grow: 1;
}

.svc-sidebar-tabs__collapse-button {
  display: flex;
  align-items: center;
  padding-inline-start: var(--sjs2-spacing-x150);
  padding-inline-end: var(--sjs2-spacing-x150);
}

:dir(rtl) .svc-sidebar-tabs__collapse-button .sv-svg-icon,
[style*="direction:rtl"] .svc-sidebar-tabs__collapse-button .sv-svg-icon,
[style*="direction: rtl"] .svc-sidebar-tabs__collapse-button .sv-svg-icon,
.svc-creator__side-bar--left .svc-sidebar-tabs__collapse-button .sv-svg-icon {
  transform: rotateY(180deg);
}

.svc-sidebar-tabs__separator {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  margin-top: -1px;
  padding-inline-start: var(--sjs2-spacing-x150);
  padding-inline-end: var(--sjs2-spacing-x150);
}
.svc-sidebar-tabs__separator > div {
  height: var(--sjs2-border-width-x100);
  background: var(--sjs2-color-border-basic-secondary);
  width: 100%;
}

.svc-sidebar-tabs__items {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: var(--sjs2-spacing-x150);
  padding-inline-start: var(--sjs2-spacing-x150);
  padding-inline-end: var(--sjs2-spacing-x150);
}

.svc-creator--mobile .svc-sidebar-tabs--collapsed {
  display: none;
}

.svc-sidebar-tabs__bottom-container {
  display: flex;
  padding-top: var(--sjs2-spacing-x150);
  padding-bottom: var(--sjs2-spacing-x150);
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: var(--sjs2-spacing-x150);
}

.svc-sidebar__header.svc-sidebar__header--tabbed {
  display: flex;
  align-items: flex-start;
}

.svc-sidebar__header-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  background: var(--sjs2-color-bg-basic-primary);
  box-shadow: inset 0px calc(-1 * var(--sjs2-border-width-x200)) 0px var(--sjs2-color-bg-brand-primary);
  box-sizing: border-box;
  width: 100%;
}

.svc-sidebar__header--tabbed,
.svc-sidebar__header-container {
  min-height: calc(var(--sjs2-line-height-x300) + var(--sjs2-spacing-x500));
}

.svc-sidebar__header-container.svc-sidebar__header-container--with-subtitle {
  padding: var(--sjs2-spacing-x075) var(--sjs2-spacing-x200) var(--sjs2-spacing-x075) var(--sjs2-spacing-x200);
}

.svc-sidebar__header-container .svc-side-bar__container-title {
  justify-content: center;
}

.svc-sidebar__header-content {
  display: flex;
  align-items: center;
}

.svc-sidebar__header-caption {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.svc-sidebar__header-title {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-fg-basic-primary);
  display: inline-block;
}

.svc-sidebar__header-subtitle {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
  color: var(--sjs2-color-fg-basic-secondary);
  display: inline-block;
}

.svc-sidebar__header-object-selector {
  padding: var(--sjs2-spacing-x050) var(--sjs2-spacing-x150) var(--sjs2-spacing-x100) var(--sjs2-spacing-x150);
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.spg-action-bar {
  --sd-action-bar-gap: var(--sjs2-layout-component-caption-action-group-gap);
}

.spg-question {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  border-radius: var(--sjs2-radius-x075);
}
.spg-question > .sd-question__container {
  width: 100%;
}

.spg-question__content input.sd-formbox__input:read-only,
.spg-question__content input.sd-formbox__input:read-only::placeholder {
  color: rgb(from var(--sjs2-color-fg-basic-primary) r g b/var(--sjs2-opacity-disabled));
}

.spg-question__header {
  width: 100%;
}

.spg-question__header--location--top > .spg-title {
  padding: var(--sjs2-layout-component-caption-content-padding-vertical) var(--sjs2-layout-component-caption-content-padding-horizontal);
}

.spg-question__title {
  font-family: var(--sjs2-typography-font-family-component-caption-content), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-size: var(--sjs2-typography-font-size-component-caption-content);
  font-weight: var(--sjs2-typography-font-weight-component-caption-content);
  line-height: var(--sjs2-typography-line-height-component-caption-content);
  width: 100%;
  margin: 0;
  padding-block-start: var(--sjs2-layout-component-caption-box-padding-top);
  padding-block-end: var(--sjs2-layout-component-caption-box-padding-bottom);
  padding-inline-start: var(--sjs2-layout-component-caption-box-padding-left);
  padding-inline-end: var(--sjs2-layout-component-caption-box-padding-right);
  color: var(--sjs2-color-component-caption-default-text);
  box-sizing: border-box;
}
.spg-question__title .sv-title-actions {
  gap: var(--sjs2-layout-component-caption-box-gap-vertical);
  padding-right: var(--sjs2-spacing-x050);
  box-sizing: border-box;
}

.spg-question--disabled .spg-question__title {
  color: var(--sjs2-color-component-caption-disabled-text);
}

.spg-question__content {
  width: 100%;
  cursor: pointer;
}

.spg-question--disabled .spg-question__content {
  cursor: default;
}

.spg-text__content,
.spg-comment__content {
  position: relative;
}

.spg-question__content:focus-within .spg-remaining-character-counter {
  display: flex;
}

.spg-remaining-character-counter {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
  display: none;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 0px;
  color: var(--sjs2-color-fg-basic-secondary);
  position: absolute;
  inset-inline-end: var(--sjs2-spacing-x075);
  inset-block-end: var(--sjs2-spacing-x050);
}

.spg-question__description {
  font-family: var(--sjs2-typography-font-family-component-caption-hint), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-size: var(--sjs2-typography-font-size-component-caption-hint);
  font-weight: var(--sjs2-typography-font-weight-component-caption-hint);
  line-height: var(--sjs2-typography-line-height-component-caption-hint);
  color: var(--sjs2-color-component-caption-default-hint);
  padding-block-start: var(--sjs2-layout-component-caption-hint-padding-top);
  padding-block-end: var(--sjs2-layout-component-caption-hint-padding-bottom);
  padding-inline: var(--sjs2-layout-component-caption-hint-padding-horizontal);
  white-space: normal;
}

.spg-question--disabled:not(.spg-question--boolean) .spg-question__description {
  color: var(--sjs2-color-component-caption-disabled-hint);
}

.spg-row-narrow__question {
  margin-top: var(--sjs2-spacing-negative-x200);
}

.spg-row--multiple > div > .spg-row-narrow__question {
  margin-top: var(--sjs2-spacing-negative-x100);
}

.spg-question--location--left > .sd-question__container > .sd-question__header-and-content-container {
  display: flex;
  flex-direction: row;
  vertical-align: middle;
  align-items: stretch;
  gap: var(--sjs2-layout-component-formbox-medium-gap);
}
.spg-question--location--left {
  flex-direction: row;
  flex-wrap: wrap;
  line-height: var(--sjs2-line-height-x600);
  padding: var(--sjs2-spacing-x050, 4px);
  vertical-align: middle;
  align-items: stretch;
}
.spg-question--location--left.spg-question--disabled {
  background: var(--sjs2-color-component-formbox-readonly-bg, #fff);
  box-shadow: var(--sjs2-border-effect-component-formbox-readonly, 0 0 0 1px #d4d4d4 inset);
}

.spg-row--multiple .spg-question--location--left {
  flex-wrap: unset;
}

.spg-question--disabled.spg-question--location--left .spg-question__title {
  color: var(--sjs2-color-component-input-disabled-label);
}

.spg-question__header--location--left {
  width: max-content;
  max-width: 50%;
  flex: 0 0;
  box-sizing: border-box;
  height: auto;
}
.spg-question__header--location--left .spg-question__title {
  color: inherit;
  line-height: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  white-space: nowrap;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.spg-question__header--location--left .spg-question__title .sv-string-viewer {
  white-space: nowrap;
}

.spg-question__content--left {
  width: auto;
  flex-grow: 1;
}
.spg-question__content--left .sd-formbox {
  display: flex;
  padding: 0;
  box-shadow: none;
  background: transparent;
}
.spg-question__content--left .sd-dropdown {
  padding-top: var(--sjs2-spacing-x050, 4px);
  padding-bottom: var(--sjs2-spacing-x050, 4px);
  margin-top: var(--sjs2-spacing-negative-x050);
  margin-bottom: var(--sjs2-spacing-negative-x050);
}
.spg-question__content--left .sd-formbox__input {
  width: 0;
  flex-grow: 1;
}

.spg-row--multiple {
  display: flex;
  gap: var(--sjs2-spacing-x100);
  flex-wrap: wrap;
}
.spg-row--multiple > div {
  flex-grow: 1;
  min-width: calc(var(--sjs2-base-unit-size) * 25.5);
}
.spg-row--multiple > div .sd-formbox__input {
  min-width: max(var(--sjs2-base-unit-spacing) * 17, 100%);
  width: 0;
  flex-grow: 1;
}

.spg-question__erbox {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  width: 100%;
  box-sizing: border-box;
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x150);
  border-radius: var(--sjs2-radius-component-message);
  color: var(--sjs2-color-component-message-error-text);
  background: var(--sjs2-color-component-message-error-bg);
}

.spg-question__erbox > div,
.spg-question__erbox > svc-question-error > div,
sv-question-error > div {
  display: flex;
  gap: var(--sjs2-spacing-x100);
}

.spg-question__erbox-icon {
  width: 1lh;
  height: 1lh;
}
.spg-question__erbox-icon use {
  fill: var(--sjs2-color-component-message-error-icon);
}

.spg-question__erbox--below-question {
  margin-top: var(--sjs2-spacing-x100);
}

.spg-question--highlighted .sd-formbox,
.spg-question--highlighted .spg-question--location--left,
.spg-question--highlighted .spg-table__cell:not(.spg-table__cell--detail-panel) .sd-formbox {
  box-shadow: var(--sjs2-border-effect-component-formbox-highlighted);
}
.spg-question--highlighted .sd-formbox .sd-formbox,
.spg-question--highlighted .spg-question--location--left .sd-formbox,
.spg-question--highlighted .spg-table__cell:not(.spg-table__cell--detail-panel) .sd-formbox .sd-formbox {
  box-shadow: none;
}
.spg-question--highlighted .spg-matrixdynamic__content.spg-text__content::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: var(--sjs2-radius-x075);
  box-shadow: var(--sjs2-border-effect-component-formbox-highlighted);
}
.spg-question--highlighted .spg-matrixdynamic__content.spg-text__content .sd-formbox {
  box-shadow: none;
}
.spg-question--highlighted .svc-action-button {
  box-shadow: var(--sjs2-border-effect-component-formbox-highlighted);
}
.spg-question--highlighted .sv-button-group {
  box-shadow: var(--sjs2-border-effect-component-formbox-highlighted);
}
.spg-question--highlighted .sd-checkbox__control + .sd-checkbox__decorator {
  box-shadow: var(--sjs2-border-effect-component-formbox-highlighted);
}

.spg-question .sd-question__header-and-content-container {
  padding: 0;
  gap: 0;
}

.spg-question__header.sd-question__header--complex {
  padding: 0;
}

.spg-dropdown {
  display: flex;
  padding-top: var(--sjs2-spacing-x050);
  padding-right: var(--sjs2-spacing-x050);
  padding-bottom: var(--sjs2-spacing-x050);
  padding-left: var(--sjs2-spacing-x200);
}

.spg-dropdown__value {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  align-items: center;
  width: 100%;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: var(--sjs2-spacing-x100);
  margin-right: var(--sjs2-spacing-x150);
  margin-bottom: var(--sjs2-spacing-x100);
  margin-left: 0;
}

.spg-dropdown__filter-string-input {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-fg-basic-primary);
}

.spg-dropdown-popup.sv-popup--menu-popup {
  height: 0;
}

.spg-dropdown__clean-button {
  margin-top: var(--sjs2-spacing-negative-x100);
  margin-bottom: var(--sjs2-spacing-negative-x100);
}
.spg-dropdown__clean-button use {
  fill: inherit;
}

.spg-dropdown .sd-dropdown-action-bar {
  margin-inline-start: var(--sjs2-spacing-x050);
  gap: var(--sjs2-spacing-x050);
}
.spg-dropdown .sd-editor-button-item {
  padding: var(--sjs2-spacing-x100);
  transform: none;
}
.spg-dropdown .sd-editor-button-item:hover, .spg-dropdown .sd-editor-button-item:focus {
  border-radius: var(--sjs2-radius-x050);
  background: var(--sjs2-color-bg-basic-secondary-dim);
  transition: background var(--sjs-creator-transition-duration, 150ms);
}
.spg-dropdown .sd-editor-button-item.sd-editor-button-item--pressed {
  border-radius: var(--sjs2-radius-x050);
  opacity: var(--sjs2-opacity-pressed);
  background: var(--sjs2-color-bg-basic-secondary-dim);
  transition-property: opacity, background-color;
  transition-duration: var(--sjs-creator-transition-duration, 150ms);
}
.spg-dropdown .sd-editor-button-item use {
  fill: var(--sjs2-color-fg-basic-primary-muted);
}

.spg-question__content .sd-formbox--readonly .sd-dropdown__input {
  opacity: var(--sjs2-opacity-disabled);
}

.spg-dropdown.sd-input--disabled {
  opacity: var(--sjs2-opacity-visible);
}
.spg-dropdown.sd-input--disabled .spg-dropdown__value {
  opacity: var(--sjs2-opacity-disabled);
}
.spg-dropdown.sd-input--disabled .sd-editor-button-item {
  opacity: var(--sjs2-opacity-disabled);
  background: transparent;
}
.spg-dropdown.sd-input--disabled .sd-editor-button-item svg {
  fill: var(--sjs2-color-fg-basic-primary-muted);
}

.spg-comment {
  height: auto;
  max-width: 100%;
  min-width: var(--sjs2-size-x600);
  min-height: var(--sjs2-line-height-x600);
  line-height: var(--sjs2-line-height-x300);
}

.spg-panel .sd-panel__header {
  padding: 0;
}

.spg-panel__title {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  width: 100%;
  padding: var(--sjs2-spacing-x200);
  border: none;
  outline: none;
  color: var(--sjs2-color-fg-basic-primary-muted);
  cursor: pointer;
  background-color: var(--sjs2-color-bg-basic-primary);
  box-shadow: inset 0px -1px 0px var(--sjs2-color-border-basic-secondary);
  margin: 0;
  transition: color var(--sjs-creator-transition-duration, 150ms), background-color var(--sjs-creator-transition-duration, 150ms), opacity var(--sjs-creator-transition-duration, 150ms);
}

.spg-panel__title:disabled,
.spg-panel__title:disabled:hover {
  color: var(--sjs2-color-component-caption-disabled-text);
  cursor: default;
}

.spg-panel__title--collapsed:hover {
  background-color: var(--sjs2-color-bg-basic-primary-dim);
}

.spg-panel__title--expandable:focus {
  background-color: var(--sjs2-color-bg-basic-primary-dim);
}

.spg-panel__title--expandable {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-fg-basic-primary-muted);
  padding: var(--sjs2-spacing-x200);
}

.spg-panel__title--expanded {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-fg-basic-primary);
}

.spg-panel__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-inline: var(--sjs2-spacing-x400);
  padding-bottom: var(--sjs2-spacing-x500);
  padding-top: var(--sjs2-spacing-x200);
  row-gap: var(--sjs2-spacing-x200);
  box-sizing: border-box;
  background: var(--sjs2-color-utility-property-grid);
  box-shadow: inset 0px -1px 0px var(--sjs2-color-border-basic-secondary);
}
.spg-panel__content .spg-row {
  width: 100%;
}
.spg-panel__content .spg-row--multiple:where(:not(:first-of-type)) {
  margin-top: var(--sjs2-spacing-negative-x100);
}

.svc-side-bar--mobile .spg-panel__content {
  padding-inline: var(--sjs2-spacing-x150);
}

.spg-question__nopadding .spg-panel__content {
  padding: 0px;
  box-shadow: unset;
}

.spg-row--enter {
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  min-height: 0 !important;
  opacity: 0;
  height: 0;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-delay: var(---sjs-spg-row-fade-in-delay, 150ms), 0s, 0s;
  animation-duration: var(--sjs-spg-row-fade-in-duration, 500ms), var(--sjs-spg-move-in-duration, 150ms), var(--sjs-spg-move-in-duration, 150ms);
}

.spg-row--delayed-enter {
  animation-delay: calc(var(---sjs-spg-row-fade-in-delay, 150ms) + var(--sjs-spg-row-fade-in-animation-delay, 400ms)), var(--sjs-spg-row-fade-in-animation-delay, 400ms), var(--sjs-spg-row-fade-in-animation-delay, 400ms);
}

.spg-row--leave {
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-fill-mode: forwards;
  animation-direction: reverse;
  min-height: 0 !important;
  animation-delay: 0s, var(--sjs-spg-row-move-out-delay, 100ms), var(--sjs-spg-row-move-out-delay, 100ms);
  animation-duration: var(--sjs-spg-row-fade-out-duration, 150ms), var(--sjs-spg-row-move-out-duration, 250ms), var(--sjs-spg-row-move-out-duration, 250ms);
}

.spg-panel__content--enter {
  animation-name: fadeIn, moveInWithOverflow;
  min-height: 0 !important;
  opacity: 0;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-duration: var(--sjs-spg-expand-fade-in-duration, 350ms), var(--sjs-spg-expand-move-in-duration, 350ms), var(--sjs-spg-expand-move-in-duration, 350ms);
  animation-delay: var(--sjs-spg-expand-fade-in-delay, 0ms), 0s, 0s;
}

.spg-panel__content--leave {
  animation-name: fadeIn, moveInWithOverflow;
  min-height: 0 !important;
  animation-direction: reverse;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-duration: var(--sjs-spg-collapse-fade-out-duration, 350ms), var(--sjs-spg-collapse-move-out-duration, 350ms), var(--sjs-spg-collapse-move-out-duration, 350ms);
  animation-delay: 0s, var(--sjs-spg-collapse-move-out-delay, 0ms), var(--sjs-spg-collapse-move-out-delay, 0ms);
}

.svc-creator--disable-animations .spg-row--enter,
.svc-creator--disable-animations .spg-row--leave,
.svc-creator--disable-animations .spg-panel__content--enter,
.svc-creator--disable-animations .spg-panel__content--leave {
  animation: none;
}

.spg-panel.spg-panel--group > .spg-panel__content {
  row-gap: var(--sjs2-spacing-x100);
  padding: 0;
  box-shadow: none;
}
.spg-panel.spg-panel--group .spg-panel__title {
  font-family: var(--sjs2-typography-font-family-component-caption-content), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-size: var(--sjs2-typography-font-size-component-caption-content);
  font-weight: var(--sjs2-typography-font-weight-component-caption-content);
  line-height: var(--sjs2-typography-line-height-component-caption-content);
  box-shadow: none;
  background-color: transparent;
  color: var(--sjs2-color-component-caption-default-text);
  padding: var(--sjs2-layout-component-caption-content-padding-vertical) var(--sjs2-layout-component-caption-content-padding-horizontal);
}

.spg-row .spg-question__header ~ hr {
  display: none;
}

.spg-checkbox {
  cursor: pointer;
  margin-top: var(--sjs2-spacing-x200);
}
.spg-checkbox.sd-checkbox--label-rendered {
  gap: 0;
}

.spg-selectbase {
  border: none;
  padding: 0;
  margin: 0;
}

.spg-checkbox .spg-question__description {
  padding: 0;
  padding-top: var(--sjs2-spacing-x100);
  padding-inline-start: var(--sjs2-spacing-x400);
}
.spg-checkbox .spg-title-toolbar--single-help-action {
  padding-left: var(--sjs2-spacing-x050);
}
.spg-checkbox .spg-help-action use {
  pointer-events: none;
}

.spg-drag-element__svg {
  line-height: var(--sjs2-typography-line-height-default);
  width: 1lh;
  height: 1lh;
  padding: var(--sjs2-spacing-x100);
  box-sizing: content-box;
  display: block;
  opacity: 0.5;
}
.spg-drag-element__svg use {
  fill: var(--sjs2-color-fg-basic-tertiary, rgba(28, 27, 32, 0.4));
}

.spg-matrixdynamic__drag-drop-ghost-position-top,
.spg-matrixdynamic__drag-drop-ghost-position-bottom {
  position: relative;
}

.spg-matrixdynamic__drag-drop-ghost-position-top::after,
.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {
  content: "";
  width: 100%;
  height: var(--sjs2-size-x050);
  background-color: var(--sjs2-color-bg-brand-primary);
  position: absolute;
  left: 0;
}

.spg-matrixdynamic__drag-drop-ghost-position-top::after {
  top: 0;
}

.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {
  bottom: 0;
}

.spg-matrixdynamic__placeholder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: var(--sjs2-radius-form);
  border: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  background: var(--sjs2-color-bg-basic-secondary);
  box-sizing: border-box;
  padding: var(--sjs2-spacing-x600, 48px) var(--sjs2-spacing-x800, 64px);
  gap: var(--sjs2-spacing-x050, 4px);
}
.spg-matrixdynamic__placeholder .spg-action-bar {
  margin-left: 0;
}
.spg-matrixdynamic__placeholder .spg-matrixdynamic__add-btn {
  display: initial;
  margin: 0;
}

.spg-matrixdynamic__placeholder-text {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-fg-basic-secondary, rgba(28, 27, 32, 0.6));
  text-align: center;
}

.spg-matrixdynamic__add-btn {
  display: none;
}

.spg-smiley-icon {
  width: var(--sjs2-size-x300);
  height: var(--sjs2-size-x300);
  margin: var(--sjs2-spacing-x100);
  border-radius: var(--sjs2-radius-round);
  border: 1px solid var(--sjs2-color-fg-basic-primary-muted);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: var(--sjs2-spacing-x400);
  box-sizing: content-box;
}
.spg-smiley-icon svg {
  width: var(--sjs2-size-x150);
  height: var(--sjs2-size-x150);
  fill: var(--sjs2-color-fg-basic-primary-muted);
}

.spg-matrixdynamic__dragged-row {
  cursor: grabbing;
  position: absolute;
  z-index: 10000;
}
.spg-matrixdynamic__dragged-row .spg-table__row {
  display: flex;
  align-items: center;
  flex: 1 0 0;
  border-radius: var(--sjs2-radius-container-drag, 8px);
  background: var(--sjs2-color-bg-basic-primary, #fff);
  box-shadow: var(--sjs2-border-effect-floating-default);
}

.spg-table-wrapper {
  border: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  border-radius: var(--sjs2-radius-x075);
  overflow: hidden;
}

.spg-table {
  width: 100%;
  border-collapse: collapse;
}
.spg-table tr {
  border-bottom: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  background: var(--sjs2-color-bg-basic-primary);
}
.spg-table tbody > tr:last-of-type {
  border-bottom: 0px;
}

.spg-table--triggers {
  table-layout: fixed;
}

.spg-table__cell {
  padding: 0;
}

.spg-table__cell--detail-panel {
  background: var(--sjs2-color-bg-basic-primary-dim);
}
.spg-table__cell--detail-panel .spg-panel__content {
  box-shadow: none;
}

.spg-table__cell:where(:not(.spg-table__cell--detail-panel)) .spg-checkbox {
  margin: 0 var(--sjs2-spacing-x200);
}

.spg-table__cell:not(.spg-table__cell--detail-panel):not(.spg-table__cell--actions):first-of-type {
  padding-left: 8px;
}

.spg-table__cell:not(.spg-table__cell--detail-panel) .sd-formbox {
  box-shadow: none;
  background: none;
  padding: var(--sjs2-spacing-x100);
  border-radius: var(--sjs2-radius-x075);
  background-color: var(--sjs2-color-bg-basic-primary);
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .sd-formbox:focus-within {
  box-shadow: inset 0 0 0 2px var(--sjs2-color-bg-brand-primary);
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .sd-formbox .sd-formbox__input {
  padding: 0;
  appearance: none;
  box-shadow: none;
  height: auto;
  min-height: auto;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .sd-formbox .sd-formbox__input[type=color] {
  padding-right: 0;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .sd-dropdown {
  width: max-content;
  min-height: auto;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .sd-dropdown .sd-dropdown__filter-string-input {
  position: absolute;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .sd-dropdown .sd-dropdown__input-prefix-wrapper > sv-ng-string span, .spg-table__cell:not(.spg-table__cell--detail-panel) .sd-dropdown .sd-dropdown__input-prefix-wrapper > span {
  position: static;
  width: auto;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .sd-dropdown .sd-dropdown__hint-suffix {
  position: static;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button {
  position: static;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_select-wrapper {
  display: flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown__value {
  margin: 0;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .sd-formbox__group .sd-action {
  --sd-action-padding: 0;
  --sd-action-icon-color: color-mix(
    in srgb,
    var(--sjs2-color-fg-basic-secondary),
    transparent var(--sjs2-opacity-x050)
  );
}

.spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text {
  padding-left: var(--sjs2-spacing-x200);
}

.spg-table__cell--actions:first-of-type {
  width: var(--sjs2-size-x500);
}

.spg-table__cell--actions:last-of-type .spg-action-bar {
  justify-content: flex-end;
  padding-inline-end: var(--sjs2-spacing-x050);
}

.spg-table__cell--header {
  background: var(--sjs2-color-bg-basic-secondary, #f5f5f5);
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100px;
  padding: var(--sjs2-spacing-x100, 8px) var(--sjs2-spacing-x050, 4px) var(--sjs2-spacing-x100, 8px) var(--sjs2-spacing-x100, 8px);
  box-sizing: content-box;
  color: var(--sjs2-color-fg-basic-secondary, rgba(28, 27, 32, 0.6));
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
}
.spg-table__cell--header span {
  display: none;
}
.spg-table__cell--header .sv-string-viewer {
  display: inline;
  white-space: unset;
}

.spg-table__question-wrapper {
  box-sizing: border-box;
  padding: var(--sjs2-spacing-x050) var(--sjs2-spacing-x050) var(--sjs2-spacing-x050) 0;
}

.spg-table__row--leave,
.spg-table__row--enter {
  animation-name: empty;
  --move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay));
  --fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay));
  animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration));
}
.spg-table__row--leave > td > div,
.spg-table__row--enter > td > div {
  animation-name: fadeIn, moveInWithOverflow;
  opacity: 0;
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
  animation-fill-mode: forwards;
  animation-duration: var(--fade-animation-duration), var(--move-animation-duration), var(--move-animation-duration);
  animation-delay: var(--fade-animation-delay), var(--move-animation-delay), var(--move-animation-delay);
}

.spg-table__row--enter {
  --move-animation-delay: 0s;
  --move-animation-duration: var(--sjs-spg-matrix-row-move-in-duration, 150ms);
  --fade-animation-duration: var(--sjs-spg-matrix-row-fade-in-duration, 250ms);
  --fade-animation-delay: var(--sjs-spg-matrix-row-fade-in-delay, 150ms);
  --animation-direction: normal;
  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
}

.spg-table__row--leave {
  --move-animation-delay: var(--sjs-spg-matrix-row-move-out-delay, 100ms);
  --move-animation-duration: var(--sjs-spg-matrix-row-move-out-duration, 250ms);
  --fade-animation-duration: var(--sjs-spg-matrix-row-fade-out-duration, 100ms);
  --fade-animation-delay: 0s;
  --animation-direction: reverse;
  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
}

.spg-table__row--detail.spg-table__row--enter {
  --move-animation-delay: 0s;
  --move-animation-duration: var(--sjs-spg-matrix-detail-row-move-in-duration, 150ms);
  --fade-animation-duration: var(--sjs-spg-matrix-detail-row-fade-in-duration, 500ms);
  --fade-animation-delay: var(--sjs-spg-matrix-detail-row-fade-in-delay, 150ms);
  --animation-direction: normal;
  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
.spg-table__row--detail.spg-table__row--leave {
  --move-animation-delay: var(--sjs-spg-matrix-detail-row-move-out-delay, 100ms);
  --move-animation-duration: var(--sjs-spg-matrix-detail-row-move-out-duration, 250ms);
  --fade-animation-duration: var(--sjs-spg-matrix-detail-row-fade-out-duration, 150ms);
  --fade-animation-delay: 0s;
  --animation-direction: reverse;
  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
}

.svc-creator--disable-animations .spg-table__row--enter,
.svc-creator--disable-animations .spg-table__row--leave {
  animation: none;
}

.spg-question-group .spg-row {
  margin-top: 0;
}
.spg-question-group .spg-row:not(:first-of-type) {
  margin-top: var(--sjs2-spacing-x100);
}

.spg-color-editor__color-input {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  left: 0;
  top: 100%;
  transform: translateY(-50%);
}

.spg-question--disabled .spg-color-editor {
  background-color: var(--sjs2-color-bg-basic-primary);
}

.sd-color-swatch-item {
  display: flex;
  align-items: center;
  width: 100%;
  gap: var(--sjs2-spacing-x100);
}

.sd-color-swatch-item__label {
  flex: 1 1 auto;
  min-width: 0;
}

.sd-color-swatch-item__caption {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.spg-color-editor__swatch {
  display: flex;
  padding: var(--sjs2-layout-component-input-medium-swatch-padding-vertical, 8px) var(--sjs2-layout-component-input-medium-swatch-padding-right, 0) var(--sjs2-layout-component-input-medium-swatch-padding-vertical, 8px) var(--sjs2-layout-component-input-medium-swatch-padding-left, 12px);
  align-items: center;
}

.sd-color-swatch {
  display: flex;
  align-items: flex-start;
  border-radius: var(--sjs2-radius-component-swatch, 4px);
}

.sd-color-swatch__icon {
  display: flex;
  line-height: var(--sjs2-typography-line-height-small);
  width: 1lh;
  height: 1lh;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.sd-color-swatch__icon use {
  fill: var(--sjs2-color-fg-static-1-primary);
}

.sd-color-swatch__content {
  position: relative;
  display: flex;
  width: var(--sjs2-size-x400, 32px);
  height: var(--sjs2-size-x300, 24px);
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border-radius: var(--sjs2-radius-component-formbox-action, 4px);
  border: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary-overlay, rgba(28, 27, 32, 0.4));
}

.sd-color-swatch--disabled {
  opacity: var(--sjs2-opacity-disabled);
}

.spg-file-edit__choose-button {
  position: relative;
}

.spg-link {
  display: flex;
}

.sv-string-viewer .spg-link {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  display: initial;
  color: var(--sjs2-color-bg-brand-primary);
  text-decoration-line: underline;
}

.spg-theme-builder-root .sv-skeleton-element {
  min-height: 50px;
}
.spg-theme-builder-root .spg-paneldynamic__separator {
  border: none;
  margin: 0;
  height: var(--sjs2-size-x200);
}
.spg-theme-builder-root .spg-paneldynamic__footer .spg-paneldynamic__separator {
  display: none;
}
.spg-theme-builder-root .spg-paneldynamic__buttons-container {
  display: flex;
  justify-content: center;
}
.spg-theme-builder-root .spg-paneldynamic__buttons-container .spg-action-bar {
  margin: 0;
}
.spg-theme-builder-root .spg-panel__footer {
  justify-content: center;
  margin: var(--sjs2-spacing-x100) 0 0 0;
  padding: 0;
}
.spg-theme-builder-root .spg-panel__content .spg-row.spg-row {
  animation: none;
}
.spg-theme-builder-root .spg-paneldynamic__add-btn {
  margin: 0 auto;
}
.spg-theme-builder-root .spg-row--multiple .spg-spin-editor .sd-formbox__group {
  display: none;
}
.spg-theme-builder-root .spg-row--multiple > div {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(50% - var(--sjs2-spacing-x050));
  min-width: auto;
}
.spg-theme-builder-root .spg-row--multiple > div input {
  min-width: 0;
}
.spg-theme-builder-root .spg-row--multiple > div .spg-question--location--left {
  box-sizing: border-box;
}
.spg-theme-builder-root .sv-button-group {
  overflow: hidden;
}
.spg-theme-builder-root .spg-panel-by-page,
.spg-theme-builder-root .spg-nested-panel {
  padding-bottom: var(--sjs2-spacing-x500);
}
.spg-theme-builder-root .spg-panel-by-page::after,
.spg-theme-builder-root .spg-nested-panel::after {
  content: " ";
  display: block;
  position: relative;
  left: var(--sjs2-spacing-negative-x400);
  top: var(--sjs2-spacing-x500);
  width: calc(var(--sjs2-spacing-x800) + 100%);
  height: 1px;
  background-color: var(--sjs2-color-border-basic-secondary);
}
.spg-theme-builder-root .spg-panel-by-page__content {
  display: flex;
  flex-direction: column;
  row-gap: var(--sjs2-spacing-x200);
}
.spg-theme-builder-root .spg-panel-by-page__content > .spg-row:first-of-type,
.spg-theme-builder-root .spg-nested-panel__content > .spg-row:first-of-type {
  margin-top: 0;
}
.spg-theme-builder-root .spg-panel-by-page.spg-panel--hidden-border,
.spg-theme-builder-root .spg-row:last-of-type > div > .spg-panel-by-page,
.spg-theme-builder-root .spg-paneldynamic__panel-wrapper > .spg-nested-panel,
.spg-theme-builder-root .spg-row:last-of-type > div > .spg-nested-panel {
  padding-bottom: 0;
}
.spg-theme-builder-root .spg-panel-by-page.spg-panel--hidden-border::after,
.spg-theme-builder-root .spg-row:last-of-type > div > .spg-panel-by-page::after,
.spg-theme-builder-root .spg-paneldynamic__panel-wrapper > .spg-nested-panel::after,
.spg-theme-builder-root .spg-row:last-of-type > div > .spg-nested-panel::after {
  content: none;
}
.spg-theme-builder-root .spg-panel-by-page.spg-panel--padding {
  padding-top: var(--sjs2-spacing-x050);
  padding-bottom: var(--sjs2-spacing-x150);
}
.spg-theme-builder-root .spg-theme-group-caption {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-fg-basic-primary);
  position: relative;
  top: var(--sjs2-spacing-x400);
  padding: var(--sjs2-spacing-x100) 0;
  cursor: auto;
}
.spg-theme-builder-root .sd-panel__header.sd-element__header .spg-action-bar {
  pointer-events: none;
}
.spg-theme-builder-root .spg-row:where(:not(:first-of-type, .spg-row--multiple)) > div > .spg-question.spg-row__question:not(.sd-question--title-top):not(.spg-question--boolean), .spg-theme-builder-root .spg-row:where(:not(:first-of-type, .spg-row--multiple)) > div > .spg-question__content-coloralpha {
  margin-top: var(--sjs2-spacing-negative-x100);
}
.spg-theme-builder-root .spg-panel-group__content,
.spg-theme-builder-root .spg-nested-panel__content {
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x200);
}

.svc-side-bar--mobile .spg-theme-builder-root .spg-nested-panel__content::after {
  width: calc(var(--sjs2-size-400) + 100%);
  left: var(--sjs2-spacing-negative-x200);
}

.spg-boolean-wrapper--overriding.spg-boolean-wrapper--overriding {
  min-width: 0;
  flex: 0 0 fit-content;
}

.spg-link-wrapper--overriding {
  align-self: flex-end;
}
.spg-link-wrapper--overriding .svc-action-button {
  text-decoration: underline;
  padding: 0;
  border: none;
  margin: 0;
}
.spg-link-wrapper--overriding .svc-action-button:focus, .spg-link-wrapper--overriding .svc-action-button:hover {
  background-color: transparent;
}

.svc-side-bar .svc-search {
  border-bottom: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  background: var(--sjs2-color-bg-basic-secondary);
  gap: var(--sjs2-spacing-x100);
  padding: var(--sjs2-spacing-x200);
}
.svc-side-bar .svc-search__input {
  color: var(--sjs2-color-fg-basic-primary);
}
.svc-side-bar .svc-search__input::placeholder {
  color: var(--sjs2-color-fg-basic-secondary);
}
.svc-side-bar .svc-search__bar-item:not(.sv-action-bar-item--pressed):hover:enabled, .svc-side-bar .svc-search__bar-item:not(.sv-action-bar-item--pressed):focus:enabled {
  background-color: var(--sjs2-color-bg-basic-secondary-dim);
}
.svc-side-bar .svc-search__toolbar .sv-action-bar-item__icon use {
  fill: var(--sjs2-color-fg-basic-secondary);
}
.svc-side-bar .svc-search__toolbar-counter {
  color: var(--sjs2-color-fg-basic-secondary);
}
.svc-side-bar .svc-search__search-icon {
  line-height: var(--sjs2-line-height-x300);
  width: 1lh;
  height: 1lh;
}
.svc-side-bar .svc-search__search-icon .sv-svg-icon {
  line-height: var(--sjs2-line-height-x300);
  width: 1lh;
  height: 1lh;
}
.svc-side-bar .svc-search__search-icon .sv-svg-icon use {
  fill: var(--sjs2-color-fg-basic-secondary);
}

.spg-launch,
.spg-launch * {
  box-sizing: border-box;
}

.spg-launch {
  padding: var(--sjs2-spacing-x200, 16px) var(--sjs2-spacing-x400, 32px) 0px var(--sjs2-spacing-x400, 32px);
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x200, 16px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.spg-launch__card {
  background: var(--sjs2-color-bg-basic-primary, #ffffff);
  border-radius: var(--sjs2-radius-form);
  border-style: solid;
  border-color: var(--sjs2-color-border-basic-secondary, #d4d4d4);
  border-width: 1px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
  appearance: none;
  padding: var(--sjs2-spacing-x200, 16px);
}
.spg-launch__card:hover {
  background: var(--sjs2-color-bg-basic-primary-dim, rgba(28, 27, 32, 0.05));
}
.spg-launch__card:active {
  background: var(--sjs2-color-bg-basic-primary, #ffffff);
}
.spg-launch__card::after {
  content: "";
  display: block;
  width: var(--sjs2-spacing-x600, 48px);
  align-self: stretch;
}

.spg-launch__container {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}

.spg-launch__text {
  color: var(--sjs2-color-fg-basic-primary, #1c1b20);
  text-align: left;
  position: relative;
  align-self: stretch;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}

.spg-launch__text2 {
  color: var(--sjs2-color-fg-basic-secondary, rgba(28, 27, 32, 0.6));
  text-align: left;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: var(--sjs2-spacing-x300, 24px);
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
}

.spg-launch__icon {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--sjs2-size-x300);
  height: var(--sjs2-size-x300);
  position: absolute;
  right: 12px;
  top: 50%;
  translate: 0 -50%;
}

.spg-launch__chevron-right-16-x-16 {
  flex-shrink: 0;
  width: var(--sjs2-size-x300);
  height: var(--sjs2-size-x300);
  position: relative;
  overflow: hidden;
}

.spg-launch__icon2 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: -100%;
  top: 100%;
  transform-origin: 0 0;
  transform: rotate(-90deg) scale(1, 1);
}
.spg-launch__icon2 use {
  fill: var(--sjs2-color-fg-basic-primary-muted, #424146);
}

.spg-launch__chevron-down {
  align-self: stretch;
  flex: 1;
  height: auto;
  position: relative;
  overflow: visible;
}

.svc-side-bar--mobile .spg-launch {
  padding-inline: var(--sjs2-spacing-x150);
}

.spg-root-modern {
  position: relative;
  width: 100%;
  border-inline-end: 1px solid transparent;
  background: var(--sjs2-color-bg-basic-primary);
  box-sizing: border-box;
  height: 0;
  flex-grow: 1;
}
.spg-root-modern .sd-row--leave,
.spg-root-modern .sd-row--enter {
  animation: none;
}
.spg-root-modern .sd-element-wrapper--leave,
.spg-root-modern .sd-element-wrapper--enter {
  animation: none;
}
.spg-root-modern .sd-element__content--enter,
.spg-root-modern .sd-element__content--leave {
  animation: none;
}
.spg-root-modern .sd-paneldynamic__panel-wrapper--enter,
.spg-root-modern .sd-paneldynamic__panel-wrapper--leave {
  animation: none;
}
.spg-root-modern .sd-item--enter {
  animation: none;
}
.spg-root-modern .sd-item--leave {
  animation: none;
}
.spg-root-modern .sd-table__row--leave,
.spg-root-modern .sd-table__row--enter {
  animation: none;
}

.spg-page__content {
  display: flex;
  flex-direction: column;
  padding: var(--sjs2-layout-component-page-content-area-padding-vertical) var(--sjs2-layout-component-page-content-area-padding-horizontal);
  width: 100%;
  box-sizing: border-box;
}

.spg-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.spg-container--multi-page .spg-page__content {
  row-gap: var(--sjs2-spacing-x200);
  column-gap: var(--sjs2-spacing-x200);
}

.spg-root-modern.spg-root--one-category {
  border-inline-end: unset;
  background-color: var(--sjs2-color-utility-property-grid);
}
.spg-root-modern.spg-root--one-category .spg-page.spg-body__page {
  box-shadow: unset;
}

.spg-preset-root .spg-page {
  padding-bottom: 0;
}

.sv-popup--modal-popup.svc-property-editor .sv-popup__container .sv-popup_shadow {
  background-color: transparent;
}
.sv-popup--modal-popup.svc-property-editor .sv-popup__container .sd-root-modern {
  background-color: transparent;
}
.sv-popup--modal-popup.svc-property-editor .sv-popup__container .sd-root-modern:before {
  background-color: transparent;
}
.sv-popup--modal-popup.svc-property-editor .sv-popup__container .sd-page {
  margin: 0;
  padding: 0;
}
.sv-popup--modal-popup.svc-property-editor .sv-popup__container .sv-components-column--expandable {
  min-width: calc(var(--sjs2-base-unit-size) * 78);
}
.sv-popup--modal-popup .sv-popup__footer {
  padding-bottom: 2px;
}
.sv-popup--modal-popup .sd-body,
.sv-popup--modal-popup .sl-body {
  min-width: calc(var(--sjs2-base-unit-size) * 78);
  padding: 0;
}

.sv-popup.svc-property-editor .sd-root-modern {
  --sd-mobile-width: 0;
}

.svc-object-selector .sv-popup__container {
  margin-left: var(--sjs2-spacing-x100);
  margin-right: var(--sjs2-spacing-x100);
}

.svc-object-selector__content {
  position: relative;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.spg-body {
  width: 100%;
}

.spg-body--empty {
  padding: var(--sjs2-spacing-x500, 40px) var(--sjs2-spacing-x400, 32px);
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  color: var(--sjs2-color-fg-basic-secondary, rgba(28, 27, 32, 0.6));
  text-align: center;
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}

.spg-title-toolbar--single-help-action {
  justify-content: flex-start;
}
.spg-title-toolbar--single-help-action .spg-help-action {
  margin-inline-end: auto;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-flex-container {
  display: flex;
}

.svc-flex-row {
  display: flex;
  flex-direction: row;
}

.svc-full-container {
  height: 100%;
  width: 100%;
}

.svc-flex-row.svc-full-container {
  height: calc(var(--sjs2-base-unit-size) * 60);
  min-height: calc(var(--sjs2-base-unit-size) * 60);
  flex-grow: 1;
  position: relative;
}

.svc-flex-row__element--growing {
  flex: 1;
  overflow: auto;
}

.svc-flex-column {
  display: flex;
  flex-direction: column;
}

.sv-action-bar--default-size-mode .sv-action-bar-separator {
  height: var(--sjs2-size-x500);
}

.sv-action-bar--default-size-mode .sv-action-bar-item {
  height: auto;
  width: auto;
}

.sv-action-bar--small-size-mode .sv-action-bar-separator {
  height: var(--sjs2-size-x400);
}

.sv-action-bar--small-size-mode .sv-action-bar-item {
  height: auto;
  width: auto;
}

.svc-creator--mobile .sv-action-bar-separator {
  height: var(--sjs2-size-x300);
}

.sv-action-bar--small-size-mode .sv-action-bar-item {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
  align-items: center;
  border-radius: var(--sjs2-radius-x075);
}

.svc-toolbar {
  --sd-action-bar-gap: var(--sjs2-spacing-x200, 16px);
}

.svc-top-bar {
  display: flex;
  background: var(--sjs2-color-utility-tabs);
  box-sizing: border-box;
  box-shadow: inset 0px -1px 0px var(--sjs2-color-border-basic-secondary);
}
.svc-top-bar .svc-toolbar-wrapper {
  flex: 0 0 auto;
  display: flex;
}
.svc-top-bar .svc-toolbar-wrapper .svc-toolbar {
  padding: var(--sjs2-spacing-x150) var(--sjs2-spacing-x200);
  justify-content: flex-end;
}
.svc-top-bar .svc-toolbar-wrapper .sd-action-bar__separator {
  display: none;
}
.svc-top-bar .svc-toolbar-wrapper .sd-action-bar > .sd-action-bar__item:where(:not(.sd-action-bar__item--hidden)) ~ .sd-action-bar__item .sd-action-bar__separator {
  display: inline-block;
}
.svc-top-bar .sv-action-bar-separator {
  background-color: var(--sjs2-color-border-basic-secondary);
}
.svc-top-bar .sv-action-bar-item-dropdown {
  border-radius: var(--sjs2-radius-x050);
  background-color: transparent;
}

.svc-footer-bar .svc-toolbar-wrapper .svc-toolbar {
  justify-content: center;
  padding: 0;
  width: 100%;
  padding: var(--sjs2-spacing-x050) var(--sjs2-spacing-x200);
  background: var(--sjs2-color-bg-basic-primary);
  border-top: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  box-sizing: border-box;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-creator-confirm-dialog__content-container {
  display: flex;
  padding: 0 16px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: var(--sjs2-spacing-x200, 16px);
  align-self: stretch;
}

.svc-creator-confirm-dialog__title-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--sjs2-spacing-x150, 12px);
  align-self: stretch;
}

.svc-creator-confirm-dialog__icon {
  display: flex;
  padding: 12px;
  align-items: center;
  line-height: var(--sjs2-typography-line-height-default);
  width: 1lh;
  height: 1lh;
  box-sizing: content-box;
  border-radius: var(--sjs2-radius-round, 9999px);
  background: var(--sjs2-color-bg-warning-secondary, rgba(255, 152, 20, 0.1));
  margin: 0 auto;
}
.svc-creator-confirm-dialog__icon use {
  fill: var(--sjs2-color-fg-warning-primary, #ff9814);
}

.svc-creator-confirm-dialog__icon--danger {
  background: var(--sjs2-color-bg-alert-secondary, rgba(229, 10, 62, 0.1));
}
.svc-creator-confirm-dialog__icon--danger use {
  fill: var(--sjs2-color-fg-alert-primary, #c30935);
}

.svc-creator-confirm-dialog__title {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-medium);
  line-height: var(--sjs2-typography-line-height-medium);
  color: var(--sjs2-color-fg-basic-primary, #1c1b20);
  text-align: center;
  display: block;
}

.svc-creator-confirm-dialog__message {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-fg-basic-secondary, rgba(28, 27, 32, 0.6));
  text-align: center;
  display: block;
}

.svc-creator-confirm-dialog .sv-modal-footer-action-bar {
  display: flex;
  align-items: center;
  gap: var(--sjs2-spacing-x150, 12px);
  align-self: stretch;
  justify-content: stretch;
  flex-grow: 1;
}
.svc-creator-confirm-dialog .sv-action,
.svc-creator-confirm-dialog .sv-action__content,
.svc-creator-confirm-dialog .sps-btn {
  flex-grow: 1;
  min-width: fit-content;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.sps-question {
  background: var(--sjs2-color-bg-basic-primary, #fff);
}
.sps-question .sd-question__header-and-content-container {
  padding: 0;
  gap: 0;
}

.sps-question--main {
  min-height: 420px;
}

.sps-question--with-frame {
  border-radius: var(--sjs2-radius-x250, 20px);
  border: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #d4d4d4);
}
.sps-question--with-frame .sps-question__content {
  padding: var(--sjs2-spacing-x150, 12px) var(--sjs2-spacing-x250, 20px) var(--sjs2-spacing-x250, 20px) var(--sjs2-spacing-x250, 20px);
}

.sps-question__header {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: var(--sjs2-spacing-x200, 16px) var(--sjs2-spacing-x250, 20px) 0 var(--sjs2-spacing-x250, 20px);
  align-items: flex-start;
  align-self: stretch;
}

.sps-question__title {
  color: var(--sjs2-color-fg-basic-primary, #1c1b20);
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}
.sps-question__title .sv-title-actions {
  gap: var(--sjs2-spacing-x050, 4px);
}

.sps-question--nested .sps-question__title {
  color: var(--sjs2-color-fg-basic-secondary, rgba(28, 27, 32, 0.6));
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x000);
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}
.sps-question--nested .sps-question__header {
  width: 100%;
  display: flex;
  padding: 0;
  align-items: flex-start;
  align-self: stretch;
}
.sps-question--nested .sps-question__content {
  padding: 0;
}
.sps-question--nested .sps-question__description {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
  color: var(--sjs2-color-fg-basic-secondary);
  padding-bottom: var(--sjs2-spacing-x200, 16px);
  white-space: normal;
}

.sps-question__content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
}

.sps-question__description {
  white-space: normal;
  color: var(--sjs2-color-fg-basic-tertiary, rgba(28, 27, 32, 0.4));
}

.sps-question__description--under {
  display: flex;
  padding: var(--sjs2-spacing-x100, 8px);
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
}

.sps-panel--with-frame {
  border-radius: var(--sjs2-radius-x250, 20px);
  border: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #d4d4d4);
  background: var(--sjs2-color-bg-basic-primary, #fff);
  overflow: hidden;
}

.sps-panel--navigation {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  padding: var(--sjs2-spacing-x150, 12px) var(--sjs2-spacing-x150, 12px) var(--sjs2-spacing-x150, 12px) var(--sjs2-spacing-x250, 20px);
  align-items: center;
  gap: var(--sjs2-spacing-x150, 12px);
}
.sps-panel--navigation .sps-panel__header {
  width: auto;
  flex-grow: 1;
  padding: 0;
  display: flex;
  justify-content: flex-end;
}
.sps-panel--navigation .sps-panel__content {
  display: flex;
  flex-direction: row;
  padding: 0;
}
.sps-panel--navigation .sps-row {
  border: none;
  padding: 0 0 0 var(--sjs2-spacing-x300);
  border-left: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #d4d4d4);
}
.sps-panel--navigation .sps-row:first-of-type {
  padding-left: 0;
  border-left: none;
}
.sps-panel--navigation .sps-question__content {
  padding: 0;
}
.sps-panel--navigation .sps-row--multiple > div {
  padding: 0;
  border: none;
}
.sps-panel--navigation .sps-row--multiple .sps-question--nested {
  overflow-y: visible;
}

.sps-panel__header {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  padding: var(--sjs2-spacing-x200, 16px) var(--sjs2-spacing-x250, 20px) 0 var(--sjs2-spacing-x250, 20px);
  align-items: flex-start;
  align-self: stretch;
}

.sps-panel__title {
  flex-grow: 1;
  color: var(--sjs2-color-fg-basic-primary, #1c1b20);
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}

.sps-panel__content {
  display: flex;
  flex-direction: column;
  padding: var(--sjs2-spacing-x150, 12px) var(--sjs2-spacing-x250, 20px) var(--sjs2-spacing-x250, 20px) var(--sjs2-spacing-x250, 20px);
  gap: var(--sjs2-spacing-x200, 16px);
}

.sps-panel--nested .sps-panel__header {
  padding: 0;
}
.sps-panel--nested .sps-panel__content {
  padding: var(--sjs2-spacing-x200, 16px) 0 0;
}

.sps-panel--collapsed {
  padding-bottom: var(--sjs2-spacing-x200, 16px);
}

.sps-drag-element__svg {
  box-sizing: content-box;
  width: var(--sjs2-size-x300);
  height: var(--sjs2-size-x300);
  display: flex;
  padding: var(--sjs2-spacing-x100, 8px);
  padding-right: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sps-drag-element__svg use {
  fill: var(--sjs2-color-fg-basic-tertiary, rgba(from #1c1b20 r g b/0.4));
}

.sps-matrixdynamic__drag-drop-ghost-position-top,
.sps-matrixdynamic__drag-drop-ghost-position-bottom {
  position: relative;
}

.sps-matrixdynamic__drag-drop-ghost-position-top::after,
.sps-matrixdynamic__drag-drop-ghost-position-bottom::after {
  content: "";
  width: 100%;
  height: var(--sjs2-size-x050);
  background-color: var(--sjs2-color-bg-brand-primary);
  position: absolute;
  left: 0;
}

.sps-matrixdynamic__drag-drop-ghost-position-top::after {
  top: 0;
}

.sps-matrixdynamic__drag-drop-ghost-position-bottom::after {
  bottom: 0;
}

.sps-question--matrixdynamic {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.sps-question--matrixdynamic .sps-question__title {
  padding: 0;
  line-height: var(--sjs2-typography-line-height-default, 24px); /* 150% */
  color: var(--sjs2-color-fg-basic-primary, #1c1b20);
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}
.sps-question--matrixdynamic .sd-question.sd-question--table > .sd-question__container > .sd-question__header-and-content-container {
  overflow: visible;
}

.sps-matrixdynamic__content {
  padding: var(--sjs2-spacing-x150, 12px);
}
.sps-matrixdynamic__content, .sps-matrixdynamic__content > div {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.sps-matrixdynamic__content .sps-question__description--under {
  flex-grow: 0;
}

.sps-table__row--detail .sps-matrixdynamic__content {
  padding: 0;
}

.sps-matrixdynamic__placeholder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: var(--sjs2-radius-form, 8px);
  border: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #d4d4d4);
  background: var(--sjs2-color-bg-basic-secondary, #f5f5f5);
  box-sizing: border-box;
  padding: var(--sjs2-spacing-x600, 48px) var(--sjs2-spacing-x800, 64px);
  gap: var(--sjs2-spacing-x050, 4px);
}
.sps-matrixdynamic__placeholder .sps-matrixdynamic__add-btn {
  display: initial;
  margin: 0;
}

.sps-matrixdynamic__placeholder-text {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-fg-basic-secondary, rgba(28, 27, 32, 0.6));
  text-align: center;
}

.sps-matrixdynamic__row-icon {
  width: var(--sjs2-size-x300);
  height: var(--sjs2-size-x300);
  padding: 0;
  margin: var(--sjs2-spacing-x100) 0;
  margin-left: var(--sjs2-spacing-x150, 12px);
}
.sps-matrixdynamic__row-icon:disabled {
  opacity: 1;
}
.sps-matrixdynamic__row-icon:disabled use {
  fill: var(--sjs2-color-fg-brand-primary, #19b394);
}

.sps-matrixdynamic__footer {
  margin: 0 var(--sjs2-spacing-negative-x150) var(--sjs2-spacing-x150, 12px);
  padding: 0 var(--sjs2-spacing-x150, 12px) var(--sjs2-spacing-x150, 12px);
  border-bottom: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #d4d4d4);
  display: flex;
}
.sps-matrixdynamic__footer .sd-action-bar {
  width: 100%;
}
.sps-matrixdynamic__footer .sd-action-bar__item {
  width: 100%;
}
.sps-matrixdynamic__footer .sd-action-bar__item-content {
  width: 100%;
}
.sps-matrixdynamic__footer .sps-matrixdynamic__add-btn {
  width: 100%;
}

.sps-matrixdynamic__footer--in-dialog {
  display: flex;
  margin: 0;
  padding: var(--sjs2-spacing-x150, 12px) 0 0 0;
  border-bottom: none;
}

.sps-table-wrapper ~ .sps-matrixdynamic__footer,
.sps-matrixdynamic__content sv-ng-matrix-table ~ .sps-matrixdynamic__footer {
  border-bottom: none;
  margin-bottom: 0;
  padding-top: var(--sjs2-spacing-x075, 6px);
  padding-bottom: var(--sjs2-spacing-x050, 4px);
  display: flex;
  justify-content: stretch;
}

.sps-matrixdynamic__add-btn {
  appearance: none;
  border: none;
  background: var(--sjs2-color-bg-neutral-secondary, rgba(95, 94, 97, 0.1));
  text-align: center;
  flex-grow: 1;
  justify-content: center;
  box-sizing: border-box;
}
.sps-matrixdynamic__add-btn:hover {
  background: var(--sjs2-color-bg-neutral-secondary-dim, rgba(95, 94, 97, 0.1));
}
.sps-matrixdynamic__add-btn .sd-action__title {
  color: var(--sjs2-color-fg-basic-primary, #1c1b20);
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  padding: 0 var(--sjs2-spacing-x100, 8px);
}

.sps-matrixdynamic__add-btn--icon {
  background: transparent;
  padding: var(--sjs2-spacing-x100, 8px);
  justify-content: flex-start;
}
.sps-matrixdynamic__add-btn--icon .sd-action__icon use {
  fill: var(--sjs2-color-fg-basic-primary-muted, #424146);
}

.sps-question--matrixdynamic.sps-question--nested .sps-question__header {
  padding: var(--sjs2-spacing-x200, 16px) var(--sjs2-spacing-x250, 20px) var(--sjs2-spacing-x100, 8px) var(--sjs2-spacing-x250, 20px);
  border-bottom: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #d4d4d4);
  box-sizing: border-box;
}
.sps-question--matrixdynamic.sps-question--nested .sd-question__header-and-content-container hr {
  display: none;
}

.sps-matrixdynamic__dragged-row {
  cursor: grabbing;
  position: absolute;
  z-index: 10000;
}
.sps-matrixdynamic__dragged-row .sps-table__row {
  display: flex;
  align-items: center;
  flex: 1 0 0;
  border-radius: var(--sjs2-radius-container-drag, 8px);
  background: var(--sjs2-color-bg-basic-primary, #fff);
  box-shadow: var(--sjs2-border-effect-floating-default);
}

.spg-table__row:has(.sps-action--invisible) .sd-formbox__input {
  opacity: 0.25;
}

.spg-table__cell--actions:last-of-type .sps-action-bar {
  justify-content: flex-end;
  padding-inline-end: var(--sjs2-spacing-x050);
}

.sps-table-wrapper {
  overflow: hidden;
}

.sps-table {
  width: 100%;
  background-color: var(--sjs2-color-bg-basic-primary, #fff);
  border-collapse: collapse;
}
.sps-table > tbody > tr {
  background-color: var(--sjs2-color-bg-basic-primary, #fff);
}
.sps-table > tbody > tr > td:last-of-type > .sd-action-bar .sd-action {
  opacity: var(--sjs2-opacity-hidden);
}
.sps-table > tbody > tr:hover > td > div {
  background: var(--sjs2-color-bg-basic-primary-dim, rgba(28, 27, 32, 0.05));
}
.sps-table > tbody > tr:hover > td:last-of-type > .sd-action-bar .sd-action {
  opacity: var(--sjs2-opacity-visible);
}
.sps-table tbody > tr:last-of-type {
  border-bottom: none;
}
.sps-table tbody > tr:last-of-type td {
  border-bottom: none;
  padding-bottom: 0;
}
.sps-table tbody > tr:first-of-type {
  border-top: none;
}
.sps-table tbody > tr:first-of-type td {
  border-top: none;
  padding-top: 0;
}

.sps-table__row--expanded > td > div .sd-formbox > .sd-formbox__input {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}

.sps-table__cell {
  padding: 0;
  padding-bottom: var(--sjs2-spacing-x075, 6px);
  padding-top: 0;
  border-top: none;
}
.sps-table__cell:first-of-type > div {
  border-top-left-radius: var(--sjs2-radius-semantic-form, 8px);
  border-bottom-left-radius: var(--sjs2-radius-semantic-form, 8px);
}
.sps-table__cell:last-of-type > div {
  border-top-right-radius: var(--sjs2-radius-semantic-form, 8px);
  border-bottom-right-radius: var(--sjs2-radius-semantic-form, 8px);
}
.sps-table__cell .sd-action-bar {
  justify-content: flex-end;
}

.spg-table .sps-table__cell {
  padding-bottom: 0;
}
.spg-table .sps-table__cell:not(.sps-table__cell--detail-panel) .sd-formbox > .sd-formbox__input:focus-within {
  margin-left: 0;
}

.sps-table__row--main > .sps-table__cell {
  padding-bottom: calc(var(--sjs2-spacing-x075, 6px) + var(--sjs2-spacing-x050, 4px));
  padding-top: calc(var(--sjs2-spacing-x075, 6px) + var(--sjs2-spacing-x050, 4px));
  border-top: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #d4d4d4);
}
.sps-table__row--main > .sps-table__cell.sps-table__cell--detail-panel {
  border-top: none;
  padding: 0 0 var(--sjs2-spacing-x075, 6px) 0;
}

.sps-table__cell--detail-panel .sps-panel__content {
  box-shadow: none;
  padding: 0;
}
.sps-table__cell--detail-panel .sps-row .sps-question--nested {
  overflow: initial;
}
.sps-table__cell--detail-panel .sps-panel {
  border: none;
  margin-top: var(--sjs2-spacing-negative-x075);
}
.sps-table__cell--detail-panel .sps-table__cell--detail-panel .sps-panel {
  margin-top: 0;
  margin-left: 32px;
}
.sps-table__cell--detail-panel .sps-table__row--empty {
  height: var(--sjs2-size-x500);
}

.sps-table__cell:where(:not(.sps-table__cell--detail-panel)) .sps-checkbox {
  margin: 0 var(--sjs2-spacing-x200);
}

.sps-table__cell:not(.sps-table__cell--detail-panel):not(.sps-table__cell--actions):first-of-type {
  padding-left: 8px;
}

.sps-table__cell:not(.sps-table__cell--detail-panel) .sd-formbox {
  padding: 0;
  box-shadow: none;
  background: none;
}
.sps-table__cell:not(.sps-table__cell--detail-panel) .sd-formbox .sd-formbox__input {
  appearance: none;
  box-shadow: none;
  background-color: transparent;
  height: auto;
  padding: var(--sjs2-spacing-x100, 8px) 0;
  width: calc(100% + var(--action-container-width));
  margin-right: calc(-1 * var(--action-container-width));
  text-overflow: ellipsis;
  border-radius: var(--sjs2-radius-semantic-form, 8px);
  padding: var(--sjs2-spacing-x100, 8px);
  margin-left: 0;
  transition: margin-left var(--sjs-creator-transition-duration, 150ms);
}
.sps-table__cell:not(.sps-table__cell--detail-panel) .sd-formbox .sd-formbox__input:hover {
  background: var(--sjs2-color-control-formbox-focused-bg, #f5f5f5);
  box-shadow: var(--sjs2-border-offset-x-form-focused, 0) var(--sjs2-border-offset-y-form-focused, 0) var(--sjs2-border-blur-form-focused, 0) var(--sjs2-border-spread-form-focused, 2px) var(--sjs2-color-control-formbox-hovered-border, #d4d4d4) inset;
}
.sps-table__cell:not(.sps-table__cell--detail-panel) .sd-formbox .sd-formbox__input:focus, .sps-table__cell:not(.sps-table__cell--detail-panel) .sd-formbox .sd-formbox__input:focus-within {
  background: var(--sjs2-color-control-formbox-focused-bg, #f5f5f5);
  box-shadow: var(--sjs2-border-offset-x-form-focused, 0) var(--sjs2-border-offset-y-form-focused, 0) var(--sjs2-border-blur-form-focused, 0) var(--sjs2-border-spread-form-focused, 2px) var(--sjs2-color-control-formbox-focused-border, #19b394) inset;
  margin-left: var(--sjs2-spacing-x100, 8px);
}
.sps-table__cell:not(.sps-table__cell--detail-panel) .sd-formbox--readonly > .sd-formbox__input:hover, .sps-table__cell:not(.sps-table__cell--detail-panel) .sd-formbox--readonly > .sd-formbox__input:focus, .sps-table__cell:not(.sps-table__cell--detail-panel) .sd-formbox--readonly > .sd-formbox__input:focus-within {
  box-shadow: none;
  background: transparent;
}

.sps-matrixdynamic__dragged-row .sps-table__cell {
  padding: 0;
}
.sps-matrixdynamic__dragged-row .sd-formbox {
  pointer-events: none;
}
.sps-matrixdynamic__dragged-row .sps-drag-element__svg {
  display: none;
}

.sps-table__row {
  --action-width: calc(var(--sjs2-spacing-x200, 8px) + var(--sjs2-line-height-x300));
  --action-container-width: calc(3 * var(--action-width));
}

.sps-table__row:has(> .sps-table__cell:last-of-type .sd-action:nth-child(4)) {
  --action-container-width: calc(4 * var(--action-width));
}

.sps-table__row:hover .sps-table__cell:not(.sps-table__cell--detail-panel) .sd-formbox__input, .sps-table__row:focus-within .sps-table__cell:not(.sps-table__cell--detail-panel) .sd-formbox__input {
  width: calc(100% - var(--sjs2-spacing-x100, 8px));
  margin-right: 0;
}

.sps-table__cell:not(.sps-table__cell--detail-panel):first-of-type .sps-text {
  padding-left: var(--sjs2-spacing-x200);
}

.sps-table__cell--actions {
  width: 0;
}
.sps-table__cell--actions .sd-action-bar {
  --sd-action-bar-gap: 0px;
}
.sps-table__cell--actions.spg-table__cell--actions:last-of-type .sd-action-bar {
  justify-content: flex-end;
  padding-inline-end: var(--sjs2-spacing-x050, 4px);
}

.svc-creator--disable-animations .sps-table__row--enter,
.svc-creator--disable-animations .sps-table__row--leave {
  animation: none;
}

.sps-table__row--empty {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-fg-basic-primary, #1c1b20);
  text-align: center;
  height: calc(var(--sjs2-spacing-x400, 32px) + var(--sjs2-spacing-x300, 24px) + var(--sjs2-typography-line-height-default, 24px));
}

.sps-popup-menu.sps-popup-menu--dropdown {
  height: 0;
}
.sps-popup-menu.sps-popup-menu--dropdown .sv-popup__container {
  margin-top: var(--sjs2-spacing-x50, 4px);
}

.sps-popup .sv-popup__body-header {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-medium);
  line-height: var(--sjs2-typography-line-height-medium);
  color: var(--sjs2-color-fg-basic-primary, #1c1b20);
}
.sps-popup.sv-popup--modal-popup {
  z-index: 3000;
}
.sps-popup.sv-popup--modal-popup :has(.sps-page) {
  min-height: initial;
  flex-grow: initial;
}
.sps-popup.sv-popup--modal-popup .sv-components-row {
  flex-direction: row;
}
.sps-popup .sv-popup__body-footer .sv-action-bar {
  width: 100%;
  justify-content: flex-end;
}
.sps-popup .sps-body {
  background: var(--sjs2-color-utility-sheet, #fff);
}
.sps-popup .sps-page {
  padding: 0;
  gap: var(--sjs2-spacing-x200, 16px);
  align-self: stretch;
  max-width: initial;
  width: initial;
}
.sps-popup .sps-row {
  max-width: initial;
}
.sps-popup .sps-question--with-frame {
  border: none;
  border-radius: 0;
}
.sps-popup .sps-question__header {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.sps-popup .sps-question__title {
  color: var(--sjs2-color-fg-basic-secondary, rgba(28, 27, 32, 0.6));
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x000);
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}
.sps-popup .sps-question__content.sps-question__content {
  padding: 0;
}
.sps-popup .sps-row--multiple {
  margin: 0;
}
.sps-popup .sps-row--multiple > div {
  align-items: stretch;
  padding-left: var(--sjs2-spacing-x400, 32px);
  padding-right: var(--sjs2-spacing-x400, 32px);
}
.sps-popup .sps-row--multiple > div:first-of-type {
  padding-left: 0;
}
.sps-popup .sps-row--multiple > div:last-of-type {
  padding-right: 0;
}
.sps-popup .sps-panel {
  border: none;
  border-radius: 0;
  align-self: stretch;
}
.sps-popup .sps-panel .sps-row {
  border: none;
}
.sps-popup .sps-panel__content {
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x200, 16px);
  padding: 0;
}
.sps-popup.svc-creator-confirm-dialog .sv-modal-footer-action-bar {
  justify-content: stretch;
}
.sps-popup.svc-creator-confirm-dialog .sv-modal-footer-action-bar .sd-action-bar__item,
.sps-popup.svc-creator-confirm-dialog .sv-modal-footer-action-bar .sv-popup__body-footer-item {
  flex-grow: 1;
}
.sps-popup .sv-popup__close-button {
  padding: var(--sjs2-spacing-x100, 8px);
}

.sps-popup--level2.sv-popup--modal-popup.svc-property-editor .sv-popup__container .sv-components-column--expandable {
  min-width: 540px;
}

.svc-tab-designer.svc-tab-designer--presets {
  background: var(--sjs2-color-utility-surface-presets-manager);
}
.svc-tab-designer.svc-tab-designer--presets .sd-menu-list__container {
  width: 288px;
}

.sps-root-modern {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  flex-grow: 1;
}
.sps-root-modern .sd-row--leave,
.sps-root-modern .sd-row--enter {
  animation: none;
}
.sps-root-modern .sd-element-wrapper--leave,
.sps-root-modern .sd-element-wrapper--enter {
  animation: none;
}
.sps-root-modern .sd-element__content--enter,
.sps-root-modern .sd-element__content--leave {
  animation: none;
}
.sps-root-modern .sd-paneldynamic__panel-wrapper--enter,
.sps-root-modern .sd-paneldynamic__panel-wrapper--leave {
  animation: none;
}
.sps-root-modern .sd-item--enter {
  animation: none;
}
.sps-root-modern .sd-item--leave {
  animation: none;
}
.sps-root-modern .sd-table__row--leave,
.sps-root-modern .sd-table__row--enter {
  animation: none;
}
.sps-root-modern {
  display: flex;
  flex-direction: column;
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}
.sps-root-modern :has(.sps-page) {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.sps-root-modern :has(.sps-page).sv-components-column--expandable {
  min-width: 100%;
  flex-grow: 1;
}

.sps-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.sps-page {
  display: flex;
  padding: var(--sjs2-spacing-x400, 32px);
  flex-direction: column;
  align-items: stretch;
  flex: 1 0 0;
  align-self: center;
  gap: var(--sjs2-spacing-x150, 12px);
  max-width: min(100%, 936px);
  width: 936px;
  box-sizing: border-box;
}
.sps-page .sd-page__header {
  gap: var(--sjs2-spacing-x150, 12px);
  margin-bottom: 0;
  padding: 0;
}
.sps-page .sd-page__content {
  gap: var(--sjs2-spacing-x150, 12px);
  padding: 0;
}

.sps-popup .sps-page .sd-page__content {
  gap: var(--sjs2-spacing-x200, 16px);
}

.sps-page__title {
  color: var(--sjs2-color-fg-basic-primary, #1c1b20);
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-medium);
  line-height: var(--sjs2-typography-line-height-medium);
}

.sps-page__description {
  color: var(--sjs2-color-fg-basic-secondary, rgba(28, 27, 32, 0.6));
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  padding-bottom: calc(var(--sjs2-spacing-x400, 32px) - var(--sjs2-spacing-x150, 12px));
}

.sps-action-title-bar {
  gap: var(--sjs2-spacing-x150, 12px);
}
.sps-action-title-bar .sd-action-bar__item--hidden {
  display: none;
}
.sps-action-title-bar.sps-action-title-bar {
  margin-top: 0;
  margin-bottom: 0;
  margin-inline-end: 0;
  min-width: fit-content;
}

.sps-body {
  width: 100%;
  background: var(--sjs2-color-utility-surface-presets-manager);
}
.sps-body .sv-components-container-contentBottom {
  position: absolute;
  bottom: 0;
  right: 0;
}

.sps-row sv-ng-question,
.sps-row sv-ng-panel,
.sps-row sv-ng-element {
  position: absolute;
}

.sps-row--multiple {
  display: flex;
  align-items: stretch;
  margin: var(--sjs2-spacing-negative-x150) var(--sjs2-spacing-negative-x250) var(--sjs2-spacing-negative-x250) var(--sjs2-spacing-negative-x250);
}
.sps-row--multiple > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: content-box;
  gap: var(--sjs2-spacing-x075, 6px);
  align-self: stretch;
  border-right: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary, #d4d4d4);
}
.sps-row--multiple > div:last-child {
  border: none;
}

.sps-question[data-name=json] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.sps-question[data-name=json] .sd-question__content,
.sps-question[data-name=json] sv-ng-question-comment,
.sps-question[data-name=json] .sd-comment,
.sps-question[data-name=json] .sd-comment__input {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.sps-page--languages .sps-panel__content {
  gap: 0;
}

.sps-question--search {
  padding: 0 var(--sjs2-spacing-x250, 20px) var(--sjs2-spacing-x250, 20px);
  margin: 0 var(--sjs2-spacing-negative-x250) 0;
  position: relative;
}
.sps-question--search:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: var(--sjs2-border-width-x100, 1px);
  background: var(--sjs2-color-border-basic-secondary, #d4d4d4);
}

.sps-page--options .sps-panel--with-frame > .sps-panel__content {
  width: 50%;
  box-sizing: content-box;
}
.sps-page--options .sps-action-button--icon {
  padding: var(--sjs2-spacing-x050);
}
.sps-page--options .sps-action-button__icon {
  width: var(--sjs2-size-x200);
  height: var(--sjs2-size-x200);
}
.sps-page--options .sps-action-button__icon use {
  fill: var(--sjs2-color-fg-basic-tertiary, rgba(28, 27, 32, 0.4));
}

.sps-selectbase .sd-selectbase__column {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--sjs2-spacing-x200, 16px);
  padding-top: var(--sjs2-spacing-x200, 16px);
}
.sps-selectbase .sd-item {
  padding-top: 0;
  padding-bottom: 0;
}
.sps-selectbase .sv-title-actions {
  gap: var(--sjs2-spacing-x050, 4px);
  align-items: flex-start;
}
.sps-selectbase .sd-action-title-bar {
  justify-content: flex-start;
}

.sps-action--grow {
  flex-grow: 1;
}

.sps-navigation-bar {
  display: flex;
  padding: var(--sjs2-spacing-x150, 12px);
  align-items: center;
  gap: var(--sjs2-spacing-x100, 8px);
  align-self: stretch;
  border-bottom: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #d4d4d4);
  background: var(--sjs2-color-utility-surface-presets-manager);
}
.sps-navigation-bar .sd-action {
  flex-direction: row-reverse;
}

.sps-navigation-action--right {
  margin-left: auto;
}
.sps-navigation-action--right .sd-action__icon {
  padding: 0;
}

.sps-navigation-action--label .sd-action {
  flex-direction: row;
  --sd-action-disabled-title-color: var(--sjs2-color-fg-basic-secondary);
  --sd-action-title-font-weight: var(--sjs2-color-fg-basic-primary);
  --sd-action-icon-padding: 0;
}
.sps-navigation-action--label .sd-action:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: var(--sjs2-color-fg-basic-secondary);
  border-radius: var(--sjs2-radius-round);
}
/*# sourceMappingURL=survey-creator-core.css.map */