/*!
 * SurveyJS Creator v1.9.130
 * (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --sjs-font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*# sourceMappingURL=fonts.fontless.css.map*//*!
 * SurveyJS Creator v1.9.130
 * (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-context-container {
  display: flex;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  width: max-content;
}

.svc-context-button {
  display: block;
  box-sizing: border-box;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  border-radius: 50%;
  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  cursor: pointer;
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  outline: none;
}
.svc-context-button use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}

.svc-context-button:hover use, .svc-context-button:focus use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}

.svc-context-button--danger:hover use, .svc-context-button--danger:focus use {
  fill: var(--sjs-special-red, var(--red, #e60a3e));
}
svc-tab-json-editor-ace {
  width: 100%;
  height: 100%;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}

.svc-json-editor-tab__content {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.svc-json-editor-tab__ace-editor {
  height: 100%;
}
svc-tab-json-editor-textarea {
  width: 100%;
  height: 100%;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}

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

.svc-json-editor-tab__content-area {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
}

.svc-json-editor-tab__errros_button {
  position: absolute;
  top: 0%;
  right: calc(0% + 2 * var(--sjs-base-unit, var(--base-unit, 8px)));
  min-height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
  max-height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
  border: none;
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  font-weight: bold;
}

.svc-json-editor-tab__content-errors {
  position: absolute;
  right: 0%;
  top: calc(0% + 3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  max-width: calc(100% - 2 * var(--sjs-base-unit, var(--base-unit, 8px)));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1));
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  border-radius: 1px;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-family: monospace;
}
.svc-json-editor-tab__content-errors span {
  white-space: pre-line;
}
.svc-json-editor-tab__content-errors span > b {
  color: var(--sjs-special-red, var(--red, #e60a3e));
}

.svc-json-editor-tab__content-errors:empty {
  display: none;
}

.svc-json-errors {
  display: flex;
  max-height: calc(var(--sjs-base-unit, var(--base-unit, 8px)) * 25 + 5px);
  overflow-y: auto;
  flex-direction: column;
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
}

.svc-json-errors__item {
  pointer-events: none;
  display: block;
}

.svc-json-error {
  font-family: var(--sjs-font-family, var(--font-family));
  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  display: flex;
  align-items: center;
  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-json-errors__item:not(:first-of-type) .svc-json-error {
  border-top: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
}

.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(--sjs-special-red, var(--red, #e60a3e));
}

.svc-json-error__container {
  display: flex;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
}

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

.svc-json-error__fix-button {
  appearance: none;
  flex-grow: 0;
  flex-shrink: 0;
  pointer-events: all;
  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border: none;
  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
  cursor: pointer;
}
.svc-json-error__fix-button svg {
  fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-json-error__fix-button:hover svg {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.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%);
  overflow: overlay;
  border: 2px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
}

.svd-simulator-wrapper {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: 32px;
  border: 4px solid var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1), 0px 4px 16px 0px rgba(0, 0, 0, 0.05);
}

.svd-simulator-main {
  min-height: 100%;
}
.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 .sv-popup:not(.sv-popup--overlay):not(.sv-popup--modal) {
  width: auto;
}

.svd-simulator-content {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-shadow: inset 0px -1px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
  position: relative;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  ::i-block-chrome,
  .svd-simulator-content {
    overflow-y: scroll;
  }
}
svc-tab-test {
  width: 100%;
  height: 100%;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}

.svc-test-tab__content .svc-plugin-tab__content {
  overflow-y: overlay;
}
.svc-test-tab__content .svc-plugin-tab__content .sv-root-modern .sv-completedpage,
.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_completed_page {
  margin: 0;
  border: 0;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_body {
  border: 0;
}
.svc-test-tab__content .svc-plugin-tab__content .svc-preview__test-again {
  width: calc(33 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: 8px;
}

.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {
  height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
}

.svc-test-tab__content-actions {
  position: relative;
}
.svc-test-tab__content-actions .sv-action-bar {
  padding: 0;
  height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  width: 100%;
  position: absolute;
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages {
  left: 0;
  right: 0;
  justify-content: center;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action__content {
  padding: 0;
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item {
  margin: 0;
}
.svc-test-tab__content-actions .sv-action-bar-item {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 600;
  font-size: calc(0.75 * var(--small-bold-font-size));
  line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  width: 100%;
  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-test-tab__content-actions .svc-page-selector {
  max-width: 50%;
}
.svc-test-tab__content-actions .svc-page-selector .sv-action-bar-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  display: inline-block;
}

.svc-test-tab__content .sd-body--empty {
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 400;
  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  text-align: center;
  overflow: hidden;
  position: static;
  display: flex;
  flex-direction: column;
}
.sl-table {
  width: 50%;
  margin: 0 25%;
}

.sl-table__row {
  position: relative;
}

.sl-table__cell.st-table__cell--actions:first-of-type .sv-action-bar {
  margin-top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.sl-table .sl-table__detail-button.sl-table__detail-button {
  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: 0;
}
.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 {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  outline: none;
}
.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 use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}

.sl-table__remove-button .sv-action-bar-item {
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  cursor: pointer;
}
.sl-table__remove-button .sv-action-bar-item:hover:enabled, .sl-table__remove-button .sv-action-bar-item.sv-focused--by-key {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  outline: none;
}
.sl-table__remove-button .sv-action-bar-item:hover:enabled use, .sl-table__remove-button .sv-action-bar-item.sv-focused--by-key use {
  fill: var(--sjs-special-red, var(--red, #e60a3e));
}

.sl-table__cell .sv-action-bar-item__icon {
  display: none;
}

.sl-table__row:hover .sl-table__cell .sv-action-bar-item__icon,
.sl-table__cell .sv-action-bar-item.sv-focused--by-key .sv-action-bar-item__icon {
  display: block;
}

.sl-table__row #remove-row .sv-action-bar-item {
  border: none;
  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sl-table__row #remove-row .sv-action-bar-item__icon use {
  fill: var(--sjs-special-red, var(--red, #e60a3e));
}

.sl-table__row.sl-table__row--additional .sl-table__cell .svc-action-button {
  color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
}

.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 {
  --medium-bold-font-size: var(--sjs-base-unit, var(--base-unit, 8px));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: bold;
  font-size: calc(3 * var(--medium-bold-font-size));
  line-height: calc(4 * var(--medium-bold-font-size));
  background: transparent;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  outline: none;
  border: none;
  box-shadow: none;
  max-height: calc(13.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.sl-table__cell {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-weight: bold;
  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  vertical-align: top;
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  width: 100%;
}

.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 tbody tr:last-of-type .sl-table__cell {
  padding-bottom: calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sl-table tr:first-of-type .sl-table__cell {
  padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sl-table td:first-of-type,
.sl-table th:first-of-type {
  padding-left: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.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: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.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: 100%;
  margin: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  font-family: var(--sjs-font-family, var(--font-family));
  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  align-items: center;
  vertical-align: baseline;
  text-align: center;
  user-select: none;
}
.sl-panel .sl-panel__footer button:hover:enabled {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sl-panel .sl-panel__footer .sv-action-bar-item__title {
  color: inherit;
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
  font-weight: 600;
}

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

.sl-question {
  display: flex;
  align-items: center;
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

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

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

.sl-question__header--left {
  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
}

.sl-row .sd-scrollable-container:not(.sd-scrollable-container--compact) {
  overflow-x: auto;
}

.sl-question__title {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: 0;
  font-weight: 600;
}
.sl-question__title span + span {
  display: none;
}

.sl-row--multiple .sl-question {
  padding-right: var(--sjs-base-unit, var(--base-unit, 8px));
}

.svc-logic-question-value {
  --sd-base-padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-base-vertical-padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-page-vertical-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-logic_trigger-editor {
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

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

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

.spg-comment.sl-comment {
  height: calc(17 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-tab-translation {
  width: 100%;
  height: 100%;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-tab-translation * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.st-properties {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  flex-grow: 1;
  padding-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.st-properties .spg-table .spg-table__cell:first-of-type {
  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.st-properties .spg-table .spg-table__question-wrapper {
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
}
.st-properties .spg-table .spg-table__question-wrapper .spg-checkbox {
  margin: 0;
}
.st-properties .spg-table .spg-table__question-wrapper .spg-selectbase__label {
  gap: 0;
}
.st-properties .spg-table .spg-checkbox--disabled .spg-checkbox__rectangle,
.st-properties .spg-table .spg-checkbox--disabled .spg-checkbox__rectangle:hover {
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}

.st-no-strings {
  --center-text-font-size: var(--sjs-base-unit, var(--base-unit, 8px));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 400;
  font-size: calc(2 * var(--center-text-font-size));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  overflow: hidden;
}

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

.st-strings {
  height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
  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: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
}

.st-property-panel .spg-panel__content .spg-row {
  margin-top: 0;
}

.st-property-panel .spg-panel__content .spg-row:first-child {
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.st-strings-header .st-table__cell {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  height: auto;
}

.st-root-modern {
  width: 100%;
}

.st-title.st-panel__title,
.st-table__cell.st-table__cell--header {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 600;
  font-size: calc(0.75 * var(--small-bold-font-size));
  line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  text-align: left;
}

.st-title.st-panel__title {
  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: 0;
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
  border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
}

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

.st-table__cell {
  display: block;
  flex: 1 1;
  box-sizing: border-box;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
}

td.st-table__cell:first-of-type {
  --default-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 600;
  font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  line-height: calc(1.5 * var(--default-bold-font-size));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  max-width: 300px;
  padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
td.st-table__cell:first-of-type span {
  display: inline-block;
  padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.st-panel-indent .st-table__cell:first-of-type span {
  padding-left: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

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

.st-comment {
  --default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  line-height: calc(1.5 * var(--default-font-size));
  display: block;
  width: calc(100% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  border: unset;
  outline: none;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  resize: none;
  padding: 0;
}

.sd-translation-line-skeleton {
  min-height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}

.st-navigation-btn {
  padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

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

.svc-translation-machine-from {
  margin-right: left;
}

.st-body__footer {
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
}

.st-translation-dialog .sv-popup__body-header {
  margin-bottom: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.st-translation-dialog .st-root-modern > .sd-root-modern__wrapper {
  border-radius: 4px;
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
  overflow: hidden;
}

.st-container-modern .sv-components-column--expandable {
  width: auto;
}
.svc-tab-logic-edit {
  width: 100%;
  height: 100%;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-tab-logic-edit * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.svc-tab-logic-edit__content {
  height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 16%;
  padding-right: 16%;
}

.svc-tab-logic-edit__content .sd-row {
  flex-wrap: wrap;
}

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

.svc-tab-logic-edit__content-actions .sv-action-bar {
  padding: 0;
  height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  width: 100%;
}

.svc-logic-paneldynamic div.svc-logic-operator {
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: content-box;
}

.svc-logic-paneldynamic .svc-logic-operator {
  -webkit-appearance: none;
  appearance: none;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border: none;
  outline: none;
  font-weight: 600;
  font-family: var(--sjs-font-family, var(--font-family));
  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  cursor: pointer;
}
.svc-logic-paneldynamic .svc-logic-operator option {
  background: var(--sjs-general-backcolor, var(--background, #fff));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}

.svc-logic-operator:focus {
  outline: 1px dotted var(--sjs-primary-backcolor, var(--primary, #19b394));
}

.sl-question.svc-logic-question--answered .svc-logic-operator {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}

.svc-logic-operator.svc-logic-operator:hover, .svc-logic-operator.svc-logic-operator:focus {
  color: #ffffff;
  outline: none;
  box-shadow: none;
}

.svc-logic-operator.svc-logic-operator--question {
  background-color: var(--sjs-special-blue-light, var(--blue-light, rgba(67, 127, 217, 0.1)));
}
.svc-logic-operator.svc-logic-operator--question:hover, .svc-logic-operator.svc-logic-operator--question:focus {
  background-color: var(--sjs-special-blue, #437fd9);
}

.svc-logic-operator.svc-logic-operator--conjunction,
.svc-logic-operator.svc-logic-operator--operator {
  background-color: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));
}
.svc-logic-operator.svc-logic-operator--conjunction:hover, .svc-logic-operator.svc-logic-operator--conjunction:focus,
.svc-logic-operator.svc-logic-operator--operator:hover,
.svc-logic-operator.svc-logic-operator--operator:focus {
  background-color: var(--sjs-special-yellow, var(--yellow, #ff9814));
}

.svc-logic-operator.svc-logic-operator--action {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.svc-logic-operator.svc-logic-operator--action:hover, .svc-logic-operator.svc-logic-operator--action:focus {
  background-color: var(--sjs-special-red, var(--red, #e60a3e));
}

.svc-logic-operator.svc-logic-operator--error {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  color: var(--sjs-special-red, var(--red, #e60a3e));
  box-shadow: inset 0 0 0 2px var(--sjs-special-red, var(--red, #e60a3e));
}

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

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

.svc-action-button.svc-logic-condition-remove.svc-icon-remove:focus {
  outline: none;
}

.svc-logic-condition-remove.svc-icon-remove {
  display: none;
  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 4H20H16V2C16 0.9 15.1 0 14 0H10C8.9 0 8 0.9 8 2V4H4H2V6H4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V6H22V4ZM10 2H14V4H10V2ZM18 20H6V6H8H16H18V20ZM14 8H16V18H14V8ZM11 8H13V18H11V8ZM8 8H10V18H8V8Z' fill='%23E60A3E'/%3E%3C/svg%3E%0A");
  background-size: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-position: center;
}

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

.svc-logic-condition-remove.svc-icon-remove:hover,
.svc-logic-condition-remove.svc-icon-remove:focus {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}

.svc-logic-condition-remove-question {
  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

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

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

.svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn,
.svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:hover, .svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:focus,
.svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:hover,
.svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:focus {
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}

.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-action {
  width: calc(33 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logic-tab__content .svc-logic-tab__content-action {
  margin-left: 25%;
  margin-right: 25%;
  margin-bottom: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logic-tab__content .svc-logic-tab__content-action--disabled {
  cursor: default;
  outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;
}
.svc-logic-tab__content .svc-logic-tab__content-action--disabled:focus, .svc-logic-tab__content .svc-logic-tab__content-action--disabled:hover {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
}
.svc-logic-tab__content .svc-logic-tab__content-action--disabled .svc-text {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: 0.25;
}
.svc-logic-tab__content .sd-paneldynamic__panel-wrapper--in-row {
  margin-top: 0;
  align-items: start;
}

.svc-logic-paneldynamic {
  font-family: var(--sjs-font-family, var(--font-family));
}
.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% - 5 * var(--sjs-base-unit, var(--base-unit, 8px)));
}

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

.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;
}

.sl-list__item-body {
  padding-block: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-logic-placeholder {
  width: calc(78 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.sv-popup--overlay .svc-logic-placeholder {
  width: initial;
}

.svc-logic-placeholder__text {
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 400;
  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  text-align: center;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  display: block;
  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-logic-tab__leave-apply-button {
  background-color: var(--sjs-special-red, var(--red, #e60a3e));
}

.sl-list {
  padding-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sl-list .sv-list__filter {
  padding-top: 0;
}
.sl-list .sv-list__filter-icon {
  top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
}

.sv-popup--dropdown-overlay .sv-list__filter {
  padding-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
svc-tab-designer {
  width: 100%;
  height: 100%;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}

.svc-tab-designer {
  display: flex;
  flex-grow: 1;
  height: 100%;
  overflow-y: scroll;
  position: static;
}

.svc-tab-designer--with-place-holder .svc-tab-designer_content {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.svc-tab-designer--with-place-holder .svc-designer-header {
  min-width: calc(84 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-tab-designer .svc-designer-header .sd-container-modern__title {
  background-color: transparent;
}
.svc-tab-designer .svc-tab-designer_content {
  width: 100%;
}
.svc-tab-designer .sd-title {
  display: flex;
}
.svc-tab-designer .sd-container-modern {
  min-width: calc(70 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}
.svc-tab-designer .sd-container-modern.sd-container-modern--static {
  max-width: calc(84 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.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-designer-header {
  border-bottom: 2px solid transparent;
}

.svc-designer__placeholder-container {
  display: flex;
  flex-grow: 1;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
}

.svc-designer-placeholder-page {
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-designer-placeholder-page .svc-page__footer {
  width: calc(33 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: auto;
}

.svc-designer-placeholder-page .svc-row--ghost {
  display: none;
}
.svc-creator--mobile .svc-tab-designer {
  overflow-y: overlay;
}
.svc-creator--mobile .sd-root-modern {
  --sd-base-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-page-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-creator--mobile .svc-question__content .sd-question__content {
  margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__content .sd-question__content .sd-selectbase__column {
  max-width: initial;
  display: block;
  margin-left: 0;
}
.svc-creator--mobile .svc-question__content > .svc-question__dropdown-choices--wrapper {
  width: calc(100% + 6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: 0 calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__content > .svc-question__dropdown-choices--wrapper > div {
  width: calc(100% - 6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: 0 calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__content--selected .svc-rating-question-controls {
  bottom: calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-page {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-creator--mobile .svc-page__content {
  padding-left: 0;
  padding-right: 0;
  border: 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: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0 0;
}
.svc-creator--mobile .svc-page__content .sd-page {
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-page__content .svc-page__footer {
  margin-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__content {
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__content.svc-question__content--selected {
  padding-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-tab-designer {
  justify-content: initial;
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title {
  padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  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: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h3 {
  margin: 0;
  font-size: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h5 {
  margin: 0;
}
.svc-creator--mobile .svc-tab-designer .sd-container-modern {
  min-width: calc(43 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: 0;
}
.svc-creator--mobile .svc-properties-wrapper {
  width: 100%;
}
.svc-creator--mobile .svc-question__content-actions {
  width: calc(100% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__content-actions .sv-action-bar-item {
  border: 0;
}
.svc-creator--mobile .svc-page__content-actions .sv-action-bar {
  padding-right: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-creator--mobile .svc-page__content-actions .sv-action-bar .sv-action .sv-action__content {
  padding-right: 0;
}
.svc-creator--mobile .svc-page__content-actions .sv-action-bar .sv-action .sv-action__content .sv-action-bar-item__title--with-icon {
  display: none;
}
.svc-switcher.spg-action-button {
  align-items: center;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  pointer-events: auto;
}

.svc-switcher__title {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  font-family: var(--sjs-font-family, var(--font-family));
  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-style: normal;
  font-weight: 600;
  line-height: var(--sjs-base-unit, var(--base-unit, 8px));
}

.svc-switcher__icon {
  width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  transition-duration: 0.2s;
  transition-property: background;
  transition-timing-function: linear;
}

.svc-switcher__icon:hover {
  background: var(--sjs-general-backcolor, var(--background, #fff));
}

.svc-switcher__icon:focus {
  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}

.svc-switcher__icon:hover:focus {
  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background: var(--sjs-general-backcolor, var(--background, #fff));
}

.svc-switcher__icon--checked,
.svc-switcher__icon--checked:hover {
  justify-content: center;
  align-items: center;
  border: unset;
  border-radius: 100px;
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}

.svc-switcher__icon--checked:focus {
  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}

.svc-switcher__icon-thumb {
  width: var(--sjs-base-unit, var(--base-unit, 8px));
  height: var(--sjs-base-unit, var(--base-unit, 8px));
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background-color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
  transform: translateX(0);
  margin-left: 0%;
  transition-duration: 0.2s;
  transition-property: margin-left, transform, background-color;
  transition-timing-function: linear;
}

.svc-switcher__icon--checked .svc-switcher__icon-thumb {
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  margin-left: 100%;
  transform: translateX(-100%);
}

.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-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
svc-tab-test {
  width: 100%;
  height: 100%;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}

.svc-test-tab__content .svc-plugin-tab__content {
  overflow-y: overlay;
}
.svc-test-tab__content .svc-plugin-tab__content .sv-root-modern .sv-completedpage,
.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_completed_page {
  margin: 0;
  border: 0;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_body {
  border: 0;
}
.svc-test-tab__content .svc-plugin-tab__content .svc-preview__test-again {
  width: calc(33 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: 8px;
}

.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {
  height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
}

.svc-test-tab__content-actions {
  position: relative;
}
.svc-test-tab__content-actions .sv-action-bar {
  padding: 0;
  height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  width: 100%;
  position: absolute;
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages {
  left: 0;
  right: 0;
  justify-content: center;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action__content {
  padding: 0;
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item {
  margin: 0;
}
.svc-test-tab__content-actions .sv-action-bar-item {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 600;
  font-size: calc(0.75 * var(--small-bold-font-size));
  line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  width: 100%;
  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-test-tab__content-actions .svc-page-selector {
  max-width: 50%;
}
.svc-test-tab__content-actions .svc-page-selector .sv-action-bar-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  display: inline-block;
}
.svc-notifier.svc-notifier--shown {
  visibility: visible;
  opacity: 0.75;
}

.svc-notifier {
  position: absolute;
  bottom: var(--sjs-base-unit, var(--base-unit, 8px));
  left: var(--sjs-base-unit, var(--base-unit, 8px));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  opacity: 0;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  min-width: calc(30 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  text-align: center;
  z-index: 1600;
  visibility: hidden;
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 600;
  font-size: calc(0.75 * var(--small-bold-font-size));
  line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}

.svc-notifier.svc-notifier--error {
  background-color: var(--sjs-special-red, var(--red, #e60a3e));
  color: #ffffff;
  opacity: 1;
}

.svc-creator--mobile .svc-notifier {
  left: 0;
  bottom: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  box-sizing: border-box;
  opacity: 1;
  z-index: 1000;
}

survey-creator,
.svc-creator {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-font-smoothing: antialiased;
}
@-moz-document url-prefix() {
  survey-creator,
  .svc-creator {
    scrollbar-width: thin;
    scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;
  }
}
survey-creator ::-webkit-scrollbar,
.svc-creator ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background-color: transparent;
}
survey-creator ::-webkit-scrollbar-thumb,
.svc-creator ::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 32px;
  background-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
survey-creator ::-webkit-scrollbar-track,
.svc-creator ::-webkit-scrollbar-track {
  background: transparent;
}
survey-creator ::-webkit-scrollbar-thumb:hover,
.svc-creator ::-webkit-scrollbar-thumb:hover {
  border: 2px solid rgba(0, 0, 0, 0);
  background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}

.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: var(--tab-min-height, auto);
}

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

.svc-creator-tab__content {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.svc-plugin-tab__content {
  height: 100%;
  overflow-y: auto;
}

.svc-plugin-tab__content-actions sv-action-bar {
  padding: 0;
  height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
}

.svc-creator__banner {
  width: 100%;
  line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  text-align: center;
}

.svc-item__banner {
  position: absolute;
  top: 0;
  max-width: 0;
  overflow: hidden;
  height: 100%;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  /* Shadow / Medium */
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
  transition: max-width 0.1s ease-in-out, padding 0.2s ease-in-out;
}

.svc-creator__non-commercial-text {
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  --default-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 600;
  font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  line-height: calc(1.5 * var(--default-bold-font-size));
  vertical-align: middle;
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(16 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: block;
}
.svc-creator__non-commercial-text a {
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}

.svc-creator--mobile .svc-creator__non-commercial-text {
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.sv-drag-drop-ghost {
  top: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  height: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  position: absolute;
}

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

.sv-drag-drop-ghost--item-value-bottom {
  top: initial;
  bottom: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.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;
}
.svc-string-editor .sv-string-editor[aria-placeholder]:empty:before {
  content: attr(aria-placeholder);
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.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 {
  display: none;
  position: relative;
  outline: none;
  z-index: 20;
  padding: 0px;
  vertical-align: top;
  margin-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  font-weight: 400;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-string-editor__border {
  display: none;
  position: absolute;
  z-index: 11;
  display: flex;
  align-items: center;
  justify-content: right;
  line-height: 0px;
}

.svc-string-editor__error {
  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
  line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  color: red;
  display: none;
}

.svc-string-editor__controls {
  position: absolute;
  left: 100%;
  height: 100%;
  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  top: 0;
  padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  z-index: 12;
  display: none;
  align-items: center;
  justify-content: center;
  line-height: 0px;
}

.svc-string-editor__button {
  display: none;
  position: relative;
}
.svc-string-editor__button use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}

.svc-string-editor__button--edit {
  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-string-editor__button--edit .sv-svg-icon {
  vertical-align: bottom;
}
.svc-string-editor__button--edit.sv-svg-icon {
  overflow: visible;
}

.svc-string-editor:hover:not(:focus-within) .svc-string-editor__button--edit {
  display: none;
}

.svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) .svc-string-editor__border {
  display: flex;
  top: 0;
  bottom: 0;
  left: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: 3px;
  box-shadow: 0px 0px 0px calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) rgba(0, 0, 0, 0.16);
}

.svc-string-editor:focus-within .svc-string-editor__border {
  display: flex;
  top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  bottom: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: 3px;
  box-sizing: content-box;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), 0px 0px 0px calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-primary-backcolor, var(--primary, #19b394));
}

.svc-string-editor.svc-string-editor--error:focus-within .svc-string-editor__border {
  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), 0px 0px 0px calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-special-red, var(--red, #e60a3e));
}

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

.sd-rating .sd-rating__item:focus-within {
  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.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--actions .svc-string-editor__button--done,
.sd-matrixdynamic__add-btn .svc-string-editor__button--done {
  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.sd-table__cell--column-title .svc-matrix-cell:not(:focus):focus-within .svc-matrix-cell--selected {
  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  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(-0.7 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(-0.7 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-string-editor:hover ~ .sd-question__required-text, .svc-string-editor:focus-within ~ .sd-question__required-text {
  visibility: hidden;
}
.svc-btn {
  display: flex;
  align-items: center;
  height: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  vertical-align: baseline;
  text-align: center;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  cursor: pointer;
  user-select: none;
  outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;
}
.svc-btn .svc-text {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}

.svc-btn:hover {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}

.svc-btn:focus {
  box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}

.svc-action-button {
  display: inline-block;
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 600;
  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;
}
.svc-action-button:focus, .svc-action-button:hover {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  outline: none;
}

.svc-action-button--selected {
  border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}

.svc-action-button--disabled {
  opacity: 0.25;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
svc-page-navigator,
.svc-page-navigator {
  display: flex;
  flex-direction: column;
}

.svc-page-navigator__navigator-icon {
  display: block;
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: 50%;
  cursor: pointer;
}
.svc-page-navigator__navigator-icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}

.svc-page-navigator__selector {
  width: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  min-height: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

survey-creator .svc-page-navigator__selector:hover, survey-creator .svc-page-navigator__selector:focus,
.svc-creator .svc-page-navigator__selector:hover,
.svc-creator .svc-page-navigator__selector:focus {
  outline: none;
}
survey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon, survey-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon,
.svc-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon,
.svc-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
survey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon use, survey-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon use,
.svc-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon use,
.svc-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}

.svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  opacity: 0.5;
}
.svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}

.svc-page-navigator__popup {
  min-width: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-tab-designer--with-page-navigator .svc-tab-designer_content {
  margin-right: calc(6.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-tab-designer__page-navigator {
  position: absolute;
  padding: calc(16.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  top: 0;
  bottom: 0;
  right: var(--sjs-base-unit, var(--base-unit, 8px));
}

.svc-page-navigator {
  width: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-creator__toolbox--right .svc-tab-designer--with-page-navigator .svc-tab-designer_content,
[dir=rtl] .svc-tab-designer--with-page-navigator .svc-tab-designer_content,
[style*="direction:rtl"] .svc-tab-designer--with-page-navigator .svc-tab-designer_content,
[style*="direction: rtl"] .svc-tab-designer--with-page-navigator .svc-tab-designer_content {
  margin-right: 0;
  margin-left: calc(6.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator__toolbox--right .svc-tab-designer__page-navigator,
[dir=rtl] .svc-tab-designer__page-navigator,
[style*="direction:rtl"] .svc-tab-designer__page-navigator,
[style*="direction: rtl"] .svc-tab-designer__page-navigator {
  right: unset;
  left: var(--sjs-base-unit, var(--base-unit, 8px));
}
svc-page-navigator-item,
.svc-page-navigator-item {
  display: block;
  width: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  min-height: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  cursor: pointer;
  position: relative;
}

.svc-page-navigator-item-content {
  height: 100%;
  width: 100%;
}
.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: 0;
}

.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: 0;
}

.svc-page-navigator-item__dot {
  box-sizing: content-box;
  position: absolute;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  right: calc(50% - 3px);
  top: calc(50% - 3px);
  background: var(--sjs-border-default, var(--border, #d6d6d6));
}

.svc-page-navigator-item--selected .svc-page-navigator-item__dot {
  width: var(--sjs-base-unit, var(--base-unit, 8px));
  height: var(--sjs-base-unit, var(--base-unit, 8px));
  right: calc(50% - 1.5 * var(--sjs-base-unit, var(--base-unit, 8px)) / 2);
  top: calc(50% - 1.5 * var(--sjs-base-unit, var(--base-unit, 8px)) / 2);
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
}

.svc-page-navigator-item__banner {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  align-items: center;
  line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  animation: 0.5s ease-in;
  padding: 0;
  opacity: 0;
  z-index: 20;
}
.svc-page-navigator-item__banner .svc-page-navigator-item__dot {
  position: absolute;
  display: inline-block;
  top: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.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: calc(0.625 * var(--base-unit, 8px));
}
.svc-creator__toolbox--right .svc-page-navigator-item__banner .svc-page-navigator-item__dot,
[dir=rtl] .svc-page-navigator-item__banner .svc-page-navigator-item__dot,
[style*="direction:rtl"] .svc-page-navigator-item__banner .svc-page-navigator-item__dot,
[style*="direction: rtl"] .svc-page-navigator-item__banner .svc-page-navigator-item__dot {
  right: unset;
  left: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-page-navigator-item-content:not(.svc-page-navigator-item--disabled) .svc-page-navigator-item__banner .svc-page-navigator-item__dot {
  width: var(--sjs-base-unit, var(--base-unit, 8px));
  height: var(--sjs-base-unit, var(--base-unit, 8px));
  border: none;
  background: var(--sjs-primary-backcolor, var(--primary, #19b394));
}

.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 {
  padding: 0 calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  max-width: calc(25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  opacity: 1;
}

.svc-creator__toolbox--right .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,
.svc-creator__toolbox--right .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner,
[dir=rtl] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,
[dir=rtl] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner,
[style*="direction:rtl"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,
[style*="direction:rtl"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner,
[style*="direction: rtl"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,
[style*="direction: rtl"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner {
  padding: 0 calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-page-navigator-item--disabled .svc-page-navigator-item__banner {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: 0.25;
}
svc-page {
  display: block;
}

.svc-page {
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-page .sd-page__title {
  margin: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0 0;
}

.svc-page__content {
  position: relative;
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  width: 100%;
  outline: none;
}
.svc-page__content .sd-page {
  margin: 0;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-page__content-actions {
  position: absolute;
  display: none;
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  inset-inline-end: 0;
  padding: 0 calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  z-index: 1;
}

.svc-page__content:not(.svc-page__content--new):focus,
.svc-hovered.svc-page__content:not(.svc-page__content--new) {
  background: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));
}

.svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected,
.svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected,
.svc-hovered.svc-page__content--selected {
  box-shadow: 0 0 0 2px inset var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  background: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));
}
.svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected .svc-page__content-actions,
.svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected .svc-page__content-actions,
.svc-hovered.svc-page__content--selected .svc-page__content-actions {
  display: block;
}

.svc-page__footer {
  overflow: visible;
  margin-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-page__footer .sv-action {
  flex: 1 1 0;
}
.svc-page__footer .svc-btn {
  flex-grow: 1;
  border: none;
}

.svc-page__add-new-question .svc-text {
  margin-left: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-page__question-type-selector {
  appearance: none;
  display: flex;
  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  box-sizing: border-box;
  border: none;
  border-radius: 2px;
  background-color: transparent;
  cursor: pointer;
  margin-inline-end: var(--sjs-base-unit, var(--base-unit, 8px));
  outline: none;
}
.svc-page__question-type-selector use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-page__question-type-selector:hover {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-page__question-type-selector:focus {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}

.svc-page--drag-over-empty:after {
  content: " ";
  position: absolute;
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  bottom: calc(11.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(100% - 48px);
  height: 2px;
}
.svc-row {
  width: 100%;
  position: relative;
}

.svc-row:not(.svc-row--ghost) > .sd-row {
  min-height: 50px;
}

.svc-row > .sd-row.sd-page__row {
  margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
}

.svc-row .sd-row.sd-row--multiple {
  overflow: auto;
  width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
  flex-wrap: nowrap;
  margin-top: 0;
  padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: 2px;
  margin-right: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: -2px;
}
.svc-row .sd-row.sd-row--multiple .sd-row--multiple {
  overflow: unset;
}

.sd-panel .svc-row .sd-row--multiple {
  padding: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  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: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-row.svc-row--ghost:last-child .sd-row {
  height: initial;
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.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: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-row--drag-over-top:before {
  content: " ";
  position: absolute;
  left: 0;
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  top: 6px;
  width: 100%;
  height: 2px;
}

.svc-row--drag-over-bottom:after {
  content: " ";
  position: absolute;
  left: 0;
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  bottom: -10px;
  width: 100%;
  height: 2px;
}

.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-carry-forward-panel-wrapper {
  width: 100%;
  container-type: inline-size;
}

.svc-carry-forward-panel {
  box-sizing: border-box;
  width: 100%;
  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
  background-color: #F8F8F8;
  text-align: center;
  font-weight: 400;
  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  color: rgba(0, 0, 0, 0.45);
}

@container (max-width: 176px) {
  .svc-carry-forward-panel {
    display: none;
  }
}
@container (max-width: 496px) {
  .svc-carry-forward-panel {
    padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  }
}
.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: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
}

.svc-question__adorner {
  position: relative;
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}
.svc-question__adorner .sv-action-bar {
  overflow: visible;
}
.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: 0.5;
  background-color: var(--background-dim, #f3f3f3);
}

.svc-question__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  width: 100%;
  height: auto;
  flex-grow: 1;
  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
  outline: none;
}

.svc-question__content .sd-selectbase:not(.sd-imagepicker) {
  padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content .sd-table .sd-selectbase:not(.sd-imagepicker) {
  overflow-x: visible;
  padding-left: 0;
  margin-left: 0;
}
.svc-question__content .sd-question.sd-question--table {
  overflow-x: initial;
}
.svc-question__content .sd-multipletext__item-title {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.svc-question__content .sd-multipletext__item-container.sd-input:focus-within {
  box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
}
.svc-question__content .sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: 0.25;
}
.svc-question__content .sjs_sp_placeholder {
  user-select: all;
  pointer-events: all;
}

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

.svc-question__content .sd-panel__content {
  overflow: auto;
}

.svc-panel__placeholder {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  text-wrap: wrap;
  text-align: center;
}

.svc-question__content-actions {
  position: absolute;
  opacity: 0;
  bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  inset-inline-start: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  inset-inline-end: calc(3.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content-actions:focus-within {
  opacity: 1;
}
.svc-question__content-actions .sv-action--convertTo {
  max-width: max-content;
}
.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item--icon {
  max-width: 100%;
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  justify-content: left;
}
.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__title::after {
  content: " ";
  display: inline-block;
  margin-inline-start: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  vertical-align: bottom;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11L13 6H3L8 11Z' fill='%23ff9814'/%3E%3C/svg%3E%0A");
}
.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__icon:not(:last-child) {
  display: none;
}
.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__title--with-icon {
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.svc-question__content-actions .sv-action--convertTo.sv-action--hidden {
  min-width: 0;
}
.svc-question__content-actions .sv-action--convertTo-last {
  margin-inline-end: auto;
}
.svc-question__content-actions .sv-dots {
  width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content-actions .sv-dots.sv-action--hidden {
  width: 0;
  margin: 0;
}
.svc-question__content-actions .sv-dots.sv-action--hidden .sv-action__content {
  display: none;
}
.svc-question__content-actions .sv-dots .sv-dots__item {
  margin-left: 0;
}
.svc-question__content-actions .sv-dots__item use {
  fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
}

.svc-question__content:focus,
.svc-hovered > .svc-question__content {
  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
}

.svc-question__content--selected:not(.svc-question__content--dragged) {
  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
}

.svc-question__content--selected:not(.svc-question__content--dragged) > .svc-question__content-actions,
.svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged) > .svc-question__content-actions {
  opacity: 1;
}

.svc-question__content--dragged {
  background: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
}
.svc-question__content--dragged .sd-question__title {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-question__content--dragged.svc-question__content--selected .svc-question__content-actions {
  display: none;
}

.svc-question__content .sd-question.sd-question--table {
  margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}

.svc-dragged-element-shortcut {
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(3.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  cursor: grabbing;
  position: absolute;
  z-index: 1000;
  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.svc-dragged-element-shortcut .sv-svg-icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}

.svc-dragged-element-shortcut--selected {
  border: 2px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
}

.svc-dragged-element-shortcut__text {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 600;
  font-size: calc(0.75 * var(--small-bold-font-size));
  line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  margin-left: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-dragged-element-shortcut__icon {
  position: absolute;
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.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 1px var(--sjs-primary-backcolor, var(--primary, #19b394));
  border: 1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.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: 1;
}

.svc-question__content--drag-over-left:before {
  content: " ";
  position: absolute;
  left: -9px;
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  top: 0;
  height: 100%;
  width: 2px;
}

.svc-question__content--drag-over-right:after {
  content: " ";
  position: absolute;
  right: -9px;
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  top: 0;
  height: 100%;
  width: 2px;
}

.sd-panel .svc-question__content--drag-over-left:before {
  left: -6px;
}
.sd-panel .svc-question__content--drag-over-right:after {
  right: -6px;
}

.svc-question__content--drag-over-top:before {
  content: " ";
  position: absolute;
  left: 0;
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  top: -9px;
  width: 100%;
  height: 2px;
}

.svc-question__content--drag-over-bottom:before {
  content: " ";
  position: absolute;
  left: 0;
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  bottom: -9px;
  width: 100%;
  height: 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: 8px;
  width: calc(100% - 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: 8px;
  width: calc(100% - 8px);
}
.svc-question__content--panel .svc-question__content--drag-over-top:before,
.sd-panel__content .svc-question__content--drag-over-top:before {
  top: -6px;
}
.svc-question__content--panel .svc-question__content--drag-over-bottom:before,
.sd-panel__content .svc-question__content--drag-over-bottom:before {
  bottom: -6px;
}

.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__drag-area {
  visibility: visible;
}

.svc-question__content.svc-question__content--selected > .svc-question__drag-area {
  visibility: visible;
  z-index: 1;
}

.svc-question__drag-area {
  position: absolute;
  cursor: move;
  top: 0;
  left: 0;
  visibility: hidden;
  height: calc(3.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.svc-question__drag-element {
  width: 100%;
  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  opacity: 0.5;
}
.svc-question__drag-element use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}

.sd-panel .svc-question__content--image:not(.svc-question__content--empty) {
  padding-left: 1px;
  padding-right: 1px;
}
.sd-panel .svc-question__content .sd-table-wrapper::before {
  left: calc(-1 * var(--sd-base-padding) + 1px);
}
.sd-panel .svc-question__content .sd-table-wrapper::after {
  right: calc(-1 * var(--sd-base-padding) + 1px);
}
.sd-panel .svc-question__content {
  border-radius: 0;
  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
  box-shadow: none;
}
.sd-panel .svc-hovered .svc-question__content:not(.svc-question__content--dragged) {
  border: 1px solid var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
  box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25))) inset;
}
.sd-panel .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged) {
  border: 1px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor, var(--secondary, #ff9814)) inset;
}

.sd-page__row.sd-row--multiple .svc-question__content--empty .sd-row__question,
.sd-page__row.sd-row--multiple .svc-question__content--empty .sd-row__panel {
  height: 0;
}

.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__add-new-question-wrapper {
  container-type: inline-size;
  width: 100%;
  display: flex;
  justify-content: center;
}

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

.svc-question__content--empty-template .sd-question--paneldynamic,
.svc-question__content--empty-template .sd-question__content,
.svc-question__content--empty-template sv-ng-paneldynamic-question,
.svc-question__content--empty-template .sd-paneldynamic,
.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 sv-ng-paneldynamic-question .svc-panel__placeholder_frame,
.svc-question__content--empty-template .sd-paneldynamic .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-panel__placeholder_frame {
  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: calc(11 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  flex-grow: 1;
}

.svc-panel__add-new-question-container {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}

.svc-panel__add-new-question {
  align-items: center;
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: 0;
  margin-right: 0;
  width: auto;
  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  user-select: none;
  border: none;
  box-shadow: none;
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-panel__add-new-question:hover {
  outline: none;
}
.svc-panel__add-new-question .svc-text {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
  margin: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  text-wrap: nowrap;
}

.svc-panel__add-new-question-icon {
  margin: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: none;
}
.svc-panel__add-new-question-icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}

@container (max-width: 496px) {
  .svc-panel__placeholder_frame {
    padding: calc(11 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  }
}
@container (max-width: 176px) {
  .svc-panel__placeholder {
    display: none;
  }
  .svc-panel__placeholder_frame {
    padding: calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  }
  .svc-panel__placeholder_frame .svc-panel__add-new-question {
    margin: 0;
  }
  .svc-panel__placeholder_frame .svc-panel__add-new-question-icon,
  .svc-panel__add-new-question-container .svc-panel__add-new-question-icon {
    display: block;
  }
  .svc-panel__placeholder_frame .svc-panel__question-type-selector,
  .svc-panel__add-new-question-container .svc-panel__question-type-selector {
    display: none;
  }
  .svc-panel__placeholder_frame .svc-panel__add-new-question,
  .svc-panel__add-new-question-container .svc-panel__add-new-question {
    padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  }
  .svc-panel__placeholder_frame .svc-panel__add-new-question .svc-text,
  .svc-panel__add-new-question-container .svc-panel__add-new-question .svc-text {
    display: none;
  }
}
.svc-panel__question-type-selector-popup {
  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  position: absolute;
  right: 0;
  bottom: 0;
}

.svc-panel__question-type-selector {
  appearance: none;
  display: flex;
  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  box-sizing: border-box;
  border: none;
  border-radius: 2px;
  background-color: transparent;
  cursor: pointer;
  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
  outline: none;
  top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: 0;
  position: absolute;
  right: 0;
}
.svc-panel__question-type-selector use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-panel__question-type-selector:hover {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-panel__question-type-selector:focus {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}

.sv-list__container .sv-action-bar-item--secondary .sv-list__item-icon use {
  fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
}

.sd-panel .svc-row {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-panel .svc-row:first-of-type {
  margin-top: 0;
}
.sd-panel .svc-row .sd-row {
  margin-top: 0;
  margin-bottom: 0;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
}

.svc-question__content .sd-element__header--location-top {
  margin-top: 0;
}
.svc-question__content .sd-element--complex > .sd-element__header--location-top {
  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));
  padding-top: 0;
}
.svc-question__content .sd-element--complex > .sd-element__header--location-top:after {
  display: none;
}
.svc-question__content .sd-panel__content {
  gap: 0;
  padding-top: 0;
}
.svc-question__content .sd-table__cell--detail-panel .sd-panel__content {
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-paneldynamic__panel-wrapper {
  padding: 0;
}
.svc-question__content .sd-table__cell--actions .sv-action-bar-item:disabled {
  background: var(--sjs-general-backcolor, var(--background, #fff));
  opacity: 1;
}
.svc-question__content .sd-table__cell--actions .sv-action-bar-item:disabled use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-question__content .sd-table__row-disabled > .sd-table__cell {
  opacity: 1;
}

.svc-question__content .svc-carry-forward-panel {
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content .sd-question__content {
  min-width: min(8 * (var(--sjs-base-unit, var(--base-unit, 8px))), 100%);
  margin-left: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-right: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow-x: auto;
}

.svc-question__content--ranking .svc-carry-forward-panel {
  margin-top: 0;
}

.svc-required-action .sv-svg-icon use {
  fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
}

.svc-required-action--active:not(.sv-action-bar-item--pressed):enabled:hover,
.svc-required-action--active:not(.sv-action-bar-item--pressed):enabled:focus,
.svc-required-action--active {
  background-color: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));
}
.svc-question__dropdown-choices {
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.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% + 8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow-x: auto;
  margin: 0 calc(-4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content > .svc-question__dropdown-choices--wrapper > div {
  width: calc(100% - 8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: inline-block;
  min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: 0 calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content > .svc-question__dropdown-choices--wrapper .svc-action-button {
  margin-left: calc(6.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  cursor: pointer;
}
.svc-image-question-controls {
  position: absolute;
  top: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  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: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 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.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--text .sv-svg-icon {
  display: none;
}

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

.svc-image-question__loading-placeholder {
  position: relative;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  width: 100%;
  height: calc(27.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border: 1px dashed var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
}

.svc-image-question__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.svc-rating-question-controls {
  position: absolute;
}

.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: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-question__content .sd-rating {
  margin-inline-start: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  max-width: calc(100% - 9 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.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 .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(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-rating.sd-rating--labels-top fieldset .sd-rating__max-text {
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset {
  padding-bottom: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__min-text {
  bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__max-text {
  bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset {
  padding-bottom: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__min-text {
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__max-text {
  bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.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: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: auto;
  justify-content: flex-start;
}
.svc-question__content .sd-rating__item--fixed-size:focus-within {
  width: unset;
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-creator--mobile .svc-rating-question-content {
  position: relative;
}
.svc-creator--mobile .svc-rating-question-controls {
  position: absolute;
  top: 0;
}
.svc-creator--mobile .svc-question__content .sd-rating {
  margin-inline-start: 0;
  width: 100%;
  max-width: 100%;
}
.svc-creator--mobile .svc-question__content legend + .sd-rating__item,
.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item + .sd-rating__item,
.svc-creator--mobile .svc-question__content legend + .sd-rating__item-smiley,
.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item-smiley + .sd-rating__item-smiley {
  margin-inline-start: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)) + 2px);
}
.svc-creator--mobile .svc-question__content legend + .sd-rating__item-text,
.svc-creator--mobile .svc-question__content legend + .sd-rating__item-star,
.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item-star + .sd-rating__item-star {
  margin-inline-start: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-item-value-wrapper {
  position: relative;
  display: flex;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  align-items: center;
  margin-left: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.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(--sjs-base-unit, var(--base-unit, 8px));
}

.svc-question__content .sd-selectbase__column {
  margin-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.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 {
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.svc-item-value-controls {
  display: flex;
  margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  flex-shrink: 0;
  min-width: 72px;
  justify-content: flex-end;
}

.svc-item-value-controls__button {
  border-radius: 50%;
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  cursor: pointer;
  display: inline-block;
  outline: none;
  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: content-box;
}
.svc-item-value-controls__button .sv-svg-icon {
  display: block;
}

.svc-item-value-controls__button > span {
  display: block;
}

.svc-item-value-controls__drag-icon {
  display: block;
}

.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 {
  visibility: visible;
}

.svc-item-value-controls__drag {
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
  cursor: move;
  opacity: 0.25;
}
.svc-item-value-controls__drag .svc-item-value-controls__drag-icon {
  visibility: hidden;
}
.svc-item-value-controls__drag use {
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}

.svc-item-value-controls__button--disabled {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  opacity: 0.25;
  cursor: default;
}

.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled) use {
  fill: var(--sjs-special-red, var(--red, #e60a3e));
}

.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}

.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled):hover, .svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled):focus {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}

.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled):hover, .svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled):focus {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}

.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(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-item-value--new .svc-item-value__item .sd-item__decorator {
  opacity: 0.35;
}
.svc-item-value--new .sv-ranking-item__index {
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-item-value--new .sv-ranking-item__index svg {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}

.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;
}

.svc-item-value--ghost .svc-item-value__ghost {
  display: block;
}
.svc-item-value--ghost .svc-item-value-controls {
  visibility: hidden;
}

.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(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: 40px;
  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 {
  visibility: 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: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.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 {
  visibility: 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: calc(-6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.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-image-item-value-wrapper {
  display: inline-block;
  position: relative;
}

.svc-image-item-value--new {
  display: none;
  height: max-content;
}
.svc-image-item-value--new .sd-imagepicker__image {
  box-sizing: border-box;
  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
}

.svc-image-item-value--file-dragging .sd-imagepicker__image {
  border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.svc-image-item-value--file-dragging .svc-image-item-value__item {
  position: relative;
  z-index: 2;
}

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

.svc-image-item-value-controls {
  position: absolute;
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  z-index: 2;
}

.svc-image-item-value--new .svc-image-item-value-controls {
  top: calc(50% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  left: calc(50% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));
}

.svc-image-item-value--new .svc-image-item-value-controls__button {
  background-color: transparent;
}

.svc-image-item-value-controls__add {
  background-color: transparent;
}
.svc-image-item-value-controls__add use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-image-item-value-controls__add:hover, .svc-image-item-value-controls__add:focus {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}

.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;
  position: absolute;
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  left: var(--sjs-base-unit, var(--base-unit, 8px));
}

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

.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;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}

.svc-image-item-value--single {
  width: 100%;
}
.svc-image-item-value--single .sd-imagepicker__image {
  height: calc(30 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-image-item-value__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.svc-matrix-cell {
  position: relative;
}

.svc-question__adorner .sd-table .sd-table__cell--column-title {
  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__adorner .sd-table .sd-table__cell--column-title .svc-matrix-cell {
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
}

.svc-matrix-cell--selected {
  position: absolute;
  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: none;
}
.svc-matrix-cell--selected.svc-visible {
  display: block;
}

.svc-hovered > .svc-matrix-cell--selected:not(.svc-visible) {
  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: block;
}

.svc-matrix-cell__question-controls {
  display: none;
  position: absolute;
  top: calc(50% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  left: calc(50% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  z-index: 2;
}

.svc-matrix-cell__question-controls-button {
  display: block;
  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  box-sizing: border-box;
  border-radius: 50%;
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  cursor: pointer;
}
.svc-matrix-cell__question-controls-button use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}

.svc-matrix-cell:hover .svc-matrix-cell__question-controls {
  display: block;
}

.svc-question__content--in-popup {
  width: calc(100% - 25 * var(--sjs-base-unit, var(--base-unit, 8px)));
  min-width: calc(70 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-matrix-cell__popup .sv-popup__scrolling-content {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  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(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svd-test-results {
  font-family: var(--sjs-font-family, var(--font-family));
  border-radius: 4px;
  box-shadow: inset 0px 1px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
  padding: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svd-test-results .svd-test-results__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  border-bottom: 2px solid var(--sjs-border-light, var(--border-light, #eaeaea));
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.svd-test-results .svd-test-results__header .svd-test-results__header-text {
  margin: 0;
}
.svd-test-results .svd-test-results__header .svd-test-results__header-types {
  display: flex;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svd-test-results .svd-test-results__text {
  display: flex;
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(100% - 6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow: auto;
  user-select: text;
  white-space: pre-wrap;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.svd-test-results .svd-test-results__table {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  width: 100%;
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
}
.svd-test-results .svd-test-results__table table {
  width: 100%;
  border-collapse: collapse;
}
.svd-test-results .svd-test-results__table table .svd-test-results__marker {
  position: absolute;
  top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svd-test-results .svd-test-results__table table .svd-test-results__marker .sv-svg-icon {
  transition: transform 0.2s ease-in-out;
}
.svd-test-results .svd-test-results__table table .svd-test-results__marker .sv-svg-icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svd-test-results .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 .svd-test-results__table table th {
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px));
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  text-align: left;
  font-weight: 600;
  font-size: 12px;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svd-test-results .svd-test-results__table table th:nth-child(1) {
  padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svd-test-results .svd-test-results__table table td {
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px));
  max-width: calc(50 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow: auto;
  border-top: 2px solid var(--sjs-border-light, var(--border-light, #eaeaea));
  user-select: text;
}
.svd-test-results .svd-test-results__table table td:nth-child(1) {
  position: relative;
  width: 50%;
  font-weight: 600;
}
.svd-test-results .svd-test-results__table table td:nth-child(2) {
  width: 50%;
  padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svd-test-results .svd-test-results__table table .survey-result-value {
  word-break: break-all;
}
.svd-test-results .svd-test-results__table table tr {
  vertical-align: top;
}
.svd-test-results .svd-test-results__table table tr .svd-test-results__node-value {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-designer-header .sd-container-modern__title {
  gap: 0;
  column-gap: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-logo-image {
  position: relative;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  padding: 0;
  cursor: pointer;
  max-width: 50%;
}
.svc-logo-image .sd-logo__image {
  max-width: 100%;
}
.svc-logo-image .svc-image-item-value-controls {
  display: block;
  top: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-logo-image__loading {
  width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  box-sizing: border-box;
  margin-right: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-logo-image-placeholder {
  font-size: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  opacity: 0.25;
  white-space: nowrap;
  word-break: keep-all;
  padding: 0;
  width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logo-image-placeholder:hover {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  opacity: unset;
}
.svc-logo-image-placeholder:hover use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-logo-image-placeholder svg {
  width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-logo-image-placeholder use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}

.svc-logo-image-container {
  position: relative;
}
.svc-logo-image-container .sd-logo {
  margin: 0;
}

.svc-logo-image-controls {
  opacity: 0;
  width: max-content;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.svc-logo-image-container {
  cursor: default;
}

.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: 1;
}
.svc-question-link__set-button {
  font-weight: 600;
  cursor: pointer;
}

.svc-link-value-button {
  margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-question-link__clear-button {
  color: var(--sjs-special-red, var(--red, #e60a3e));
  font-weight: 600;
  cursor: pointer;
}

.svc-question-link__clear-button:focus,
.svc-question-link__clear-button:hover {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.svc-property-panel__item {
  margin: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  width: 100%;
}
.svc-property-panel__group {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border: none;
  outline: none;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  cursor: pointer;
  text-align: left;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));
  font-family: var(--sjs-font-family, var(--font-family));
  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-property-panel__group:disabled,
.svc-property-panel__group:disabled:hover {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: 0.25;
  cursor: default;
}

.svc-property-panel__group:hover {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  font-weight: 400;
}

.svc-property-panel__group--active,
.svc-property-panel__group--active:hover {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-weight: 600;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.svc-tabbed-menu-item {
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  cursor: pointer;
}
.svc-tabbed-menu-item:hover, .svc-tabbed-menu-item:focus {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));
  outline: none;
}

.svc-tabbed-menu-item--selected {
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-tabbed-menu-item--selected:hover, .svc-tabbed-menu-item--selected:focus {
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
}

.svc-tabbed-menu-item--disabled {
  cursor: default;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: 0.25;
}
.svc-tabbed-menu-item--disabled:hover {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}

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

.svc-tabbed-menu-item .svc-tabbed-menu-item__text {
  white-space: nowrap;
  line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-tabbed-menu-item-container .sv-dots__item {
  width: auto;
}
.svc-tabbed-menu {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  align-items: center;
  height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-tabbed-menu-wrapper {
  flex: 1 1 auto;
  overflow: hidden;
}
.svc-toolbox__item {
  display: flex;
  position: relative;
  align-items: center;
  z-index: 20;
  outline: none;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-toolbox__item sv-svg-icon,
.svc-toolbox__item .sv-svg-icon {
  display: block;
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-toolbox__item-container {
  outline: none;
}
.svc-toolbox__item-container .sv-svg-icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}

.svc-toolbox__item-banner {
  opacity: 0;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  margin-right: 0;
  margin-left: calc(-1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-toolbox__item-banner .svc-toolbox__item-icon {
  position: absolute;
  display: block;
  left: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-toolbox__item-banner .svc-toolbox__item-title {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.svc-toolbox__item-banner .sv-svg-icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}

.svc-creator__toolbox--right .svc-toolbox__item:hover .svc-toolbox__item-banner,
.svc-creator__toolbox--right .svc-toolbox__item:focus .svc-toolbox__item-banner,
[dir=rtl] .svc-toolbox__item:hover .svc-toolbox__item-banner,
[dir=rtl] .svc-toolbox__item:focus .svc-toolbox__item-banner,
[style*="direction:rtl"] .svc-toolbox__item:hover .svc-toolbox__item-banner,
[style*="direction:rtl"] .svc-toolbox__item:focus .svc-toolbox__item-banner,
[style*="direction: rtl"] .svc-toolbox__item:hover .svc-toolbox__item-banner,
[style*="direction: rtl"] .svc-toolbox__item:focus .svc-toolbox__item-banner {
  flex-direction: row-reverse;
  padding-right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: 0;
  margin-right: 0;
  transform: translateX(calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator__toolbox--right .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,
.svc-creator__toolbox--right .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title,
[dir=rtl] .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,
[dir=rtl] .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title,
[style*="direction:rtl"] .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,
[style*="direction:rtl"] .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title,
[style*="direction: rtl"] .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,
[style*="direction: rtl"] .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title {
  padding-left: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator__toolbox--right .svc-toolbox__item,
[dir=rtl] .svc-toolbox__item,
[style*="direction:rtl"] .svc-toolbox__item,
[style*="direction: rtl"] .svc-toolbox__item {
  flex-direction: row-reverse;
}
.svc-creator__toolbox--right .svc-toolbox__tool.sv-dots,
[dir=rtl] .svc-toolbox__tool.sv-dots,
[style*="direction:rtl"] .svc-toolbox__tool.sv-dots,
[style*="direction: rtl"] .svc-toolbox__tool.sv-dots {
  place-self: flex-end;
}
.svc-creator__toolbox--right .svc-toolbox__tool,
[dir=rtl] .svc-toolbox__tool,
[style*="direction:rtl"] .svc-toolbox__tool,
[style*="direction: rtl"] .svc-toolbox__tool {
  justify-content: flex-end;
}
.svc-creator__toolbox--right .svc-toolbox__category,
[dir=rtl] .svc-toolbox__category,
[style*="direction:rtl"] .svc-toolbox__category,
[style*="direction: rtl"] .svc-toolbox__category {
  align-items: flex-end;
}
.svc-creator__toolbox--right .svc-toolbox__item-banner .svc-toolbox__item-icon,
[dir=rtl] .svc-toolbox__item-banner .svc-toolbox__item-icon,
[style*="direction:rtl"] .svc-toolbox__item-banner .svc-toolbox__item-icon,
[style*="direction: rtl"] .svc-toolbox__item-banner .svc-toolbox__item-icon {
  left: auto;
  right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-toolbox__item-title {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 600;
  font-size: calc(0.75 * var(--small-bold-font-size));
  line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  display: block;
  padding-left: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  white-space: nowrap;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}

.svc-toolbox__item:hover .svc-toolbox__item-banner,
.svc-toolbox__item:focus .svc-toolbox__item-banner {
  max-width: calc(100 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  opacity: 1;
}
.svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,
.svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title {
  padding-left: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):focus,
.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):hover {
  overflow: hidden;
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
  transition: 0.1s ease-in-out;
}
.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):focus .svc-toolbox__item-title,
.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):hover .svc-toolbox__item-title {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):focus .sv-svg-icon use,
.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):hover .sv-svg-icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}

.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(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.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(--sjs-primary-backcolor, var(--primary, #19b394));
}

[dir=rtl] .svc-toolbox-popup,
[style*="direction:rtl"] .svc-toolbox-popup,
[style*="direction: rtl"] .svc-toolbox-popup {
  direction: rtl;
}

.svc-toolbox-popup .sv-list__item:first-child .sv-list__item-separator {
  display: none;
}
.svc-toolbox-popup .sv-list__item .sv-list__item-body {
  padding-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-end: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots),
.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover,
.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots),
.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: 0.5;
}
.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots) .sv-svg-icon use,
.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover .sv-svg-icon use,
.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots) .sv-svg-icon use,
.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover .sv-svg-icon use {
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: 0.5;
}
svc-toolbox {
  display: flex;
  flex-direction: column;
  position: absolute;
}

.svc-toolbox {
  height: 100%;
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  overflow-y: auto;
  direction: rtl;
}

.svc-toolbox--compact {
  width: calc(10.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow: visible;
  direction: ltr;
}

.svc-toolbox__container {
  direction: ltr;
}

.svc-toolbox__category {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.svc-toolbox__tool:not(.sv-dots) {
  display: flex;
  width: auto;
}

.svc-toolbox__tool .sv-dots__item {
  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-toolbox__category-separator {
  height: 1px;
  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-border-default, var(--border, #d6d6d6));
  margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0 calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-toolbox__category-header {
  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  border-bottom: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  box-sizing: border-box;
  width: 100%;
  min-width: calc(20 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  position: relative;
}

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

.svc-toolbox__category-title {
  font-family: var(--sjs-font-family, var(--font-family));
  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-weight: bold;
  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  vertical-align: middle;
  display: block;
}

.svc-toolbox__category-header__controls {
  position: absolute;
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  display: none;
}

.svc-toolbox__category-header__button {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}

.svc-toolbox__category-header:hover .svc-toolbox__category-header__controls {
  display: block;
}

.svc-toolbox__tool {
  cursor: default;
}
.svc-toolbox__tool .sv-action__content {
  display: flex;
  padding-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  flex-direction: column;
  align-items: flex-start;
}

.svc-creator__toolbox--right .svc-toolbox__tool .sv-action__content {
  align-items: flex-end;
}

.svc-toolbox__category--collapsed .svc-toolbox__tool {
  height: 0;
  visibility: hidden;
}
.svc-side-bar__container {
  display: block;
  position: relative;
  font-family: var(--sjs-font-family, var(--font-family));
  min-width: 370px;
  width: 450px;
  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(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-side-bar__container-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: calc(100% - 8 * var(--sjs-base-unit, var(--base-unit, 8px)));
  overflow-y: auto;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}

.svc-side-bar__container-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 0px calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));
}

.svc-side-bar__container-title {
  display: flex;
  line-height: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-end;
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-side-bar__container-actions {
  width: 100%;
  box-sizing: border-box;
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-side-bar__container-actions .sv-action-bar {
  justify-content: flex-end;
  padding: 0;
}

.svc-flex-column.svc-side-bar__wrapper {
  width: auto;
  border-left: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  height: 100%;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}

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

.svc-flyout-side-bar {
  width: 0;
  overflow: visible;
}
.svc-flyout-side-bar .svc-side-bar__shadow {
  background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  opacity: 0.75;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 900;
}
.svc-flyout-side-bar .svc-side-bar__wrapper {
  border-left: none;
  z-index: 1000;
  position: absolute;
  right: 0;
  display: inline-block;
  height: 100%;
  max-width: 100%;
}

.sv-action--object-selector {
  max-width: 70%;
}
.sv-action--object-selector .sv-action-bar-item {
  flex-shrink: 1;
}
.sv-action--object-selector .sv-action-bar-item__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 {
  left: 0;
  right: unset;
}
.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;
}
.svc-full-container.svc-creator__side-bar--left .svd-grid-hide .sv-svg-icon {
  transform: rotate(180deg);
}

.svd-grid-hide {
  margin-inline-end: auto;
}

.sv-mobile-side-bar .svc-flyout-side-bar .svc-side-bar__wrapper {
  width: 100%;
}
.sv-mobile-side-bar .svc-side-bar__container {
  width: 100%;
}

.svc-side-bar .svc-toolbox {
  width: 100%;
}
.spg-action-bar {
  display: flex;
  box-sizing: content-box;
  padding-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  position: relative;
  align-items: center;
  margin-left: auto;
  overflow: hidden;
  white-space: nowrap;
}
.spg-action-bar .sv-action:not(.sv-action--hidden):not(:last-of-type) > .sv-action__content {
  padding-right: 0;
}

.spg-action-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  box-sizing: border-box;
  border: none;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 600;
  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: transparent;
  cursor: pointer;
}
.spg-action-button:hover, .spg-action-button:focus {
  opacity: 1;
  outline: none;
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.spg-action-button:hover use, .spg-action-button:focus use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}

.spg-action-button__icon {
  display: block;
}
.spg-action-button__icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}

.spg-action-button--danger {
  color: var(--sjs-special-red, var(--red, #e60a3e));
}
.spg-action-button--danger:hover, .spg-action-button--danger:focus {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.spg-action-button--danger:hover use, .spg-action-button--danger:focus use {
  fill: var(--sjs-special-red, var(--red, #e60a3e));
}

button.spg-action-button--large {
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.spg-action-button:disabled {
  opacity: 0.25;
  pointer-events: none;
  cursor: default;
}

.spg-action-button--muted {
  opacity: 0.5;
}

.spg-action-button:active {
  opacity: 0.5;
}

.spg-action-button--text {
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.spg-question {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
}

.spg-question__header {
  width: 100%;
}

.spg-question__title {
  width: 100%;
  margin: 0;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  font-weight: normal;
  box-sizing: border-box;
}

.spg-question__content {
  width: 100%;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  cursor: pointer;
}

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

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

.spg-remaining-character-counter {
  display: none;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 0px;
  font-family: var(--sjs-font-family, var(--font-family));
  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  position: absolute;
  inset-inline-end: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  inset-block-end: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.spg-question__description {
  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  white-space: normal;
}

.spg-row-narrow__question {
  margin-top: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.spg-row--multiple > div > .spg-row-narrow__question {
  margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.spg-question--location--left {
  flex-direction: row;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: inset 0 0 0 1px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
  line-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  vertical-align: middle;
  align-items: stretch;
}
.spg-question--location--left:focus-within {
  box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}

.spg-question__header--location--left {
  width: auto;
  box-sizing: border-box;
  max-width: 50%;
  flex: 1;
  display: flex;
  align-items: center;
}
.spg-question__header--location--left .spg-question__title {
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  display: inline-block;
}

.spg-question__content--left {
  flex: 2;
}
.spg-question__content--left .spg-input.spg-input.spg-input {
  background-color: transparent;
  box-shadow: none;
  border: none;
}
.spg-question__content--left .spg-input.spg-input.spg-input:focus, .spg-question__content--left .spg-input.spg-input.spg-input:focus-within {
  box-shadow: none;
}

.spg-row--multiple {
  display: flex;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  flex-wrap: wrap;
}
.spg-row--multiple > div {
  flex-grow: 1;
  min-width: calc(25.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-row--multiple > div .spg-question__header--location--left {
  min-width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-row--multiple > div input {
  min-width: max(17 * var(--sjs-base-unit, var(--base-unit, 8px)), 100%);
  width: 0;
}

.spg-question__erbox {
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-question__erbox > div {
  display: flex;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
}

.spg-question__erbox-icon {
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-size: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-repeat: no-repeat;
  background-position: 0 0;
  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  white-space: normal;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.0336 15.4803L14.5736 1.45346C13.9936 0.487805 12.9936 0 12.0036 0C11.0136 0 10.0136 0.487805 9.43364 1.45346L0.973642 15.4803C-0.226358 17.4714 1.21364 20 3.54364 20H20.4536C22.7836 20 24.2236 17.4714 23.0236 15.4803H23.0336ZM21.3336 17.5112C21.2436 17.6605 20.9936 18.0189 20.4636 18.0189H3.54364C3.01364 18.0189 2.76364 17.6705 2.67364 17.5112C2.58364 17.3519 2.41364 16.9537 2.68364 16.5057L11.1436 2.47885C11.4036 2.04082 11.8336 1.99104 12.0036 1.99104C12.1736 1.99104 12.5936 2.04082 12.8636 2.47885L21.3136 16.5057C21.5836 16.9537 21.4136 17.3519 21.3236 17.5112H21.3336ZM13.0036 7.05824V12.0358C13.0036 12.5834 12.5536 13.0314 12.0036 13.0314C11.4536 13.0314 11.0036 12.5834 11.0036 12.0358V7.05824C11.0036 6.5107 11.4536 6.06272 12.0036 6.06272C12.5536 6.06272 13.0036 6.5107 13.0036 7.05824ZM13.0036 15.0224C13.0036 15.5699 12.5536 16.0179 12.0036 16.0179C11.4536 16.0179 11.0036 15.5699 11.0036 15.0224C11.0036 14.4749 11.4536 14.0269 12.0036 14.0269C12.5536 14.0269 13.0036 14.4749 13.0036 15.0224Z' fill='%23E60A3E'/%3E%3C/svg%3E");
}

.spg-question__erbox--location--bottom {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}

.spg-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  box-sizing: border-box;
  width: 100%;
  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border: none;
  box-shadow: inset 0 0 0 1px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  outline: none;
  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}

.spg-input::placeholder {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}

.spg-input:focus,
.spg-input.spg-dropdown:focus,
.spg-input.spg-dropdown:focus-within,
.spg-input-container:focus-within {
  box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}

.spg-input:disabled,
.spg-input:disabled::placeholder {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: 0.25;
}

.spg-input[type=color] {
  padding-left: 0;
  padding-right: 0;
  min-width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.spg-input__edit-button {
  position: relative;
  box-sizing: border-box;
  appearance: none;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border: none;
  outline: none;
  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  line-height: 0;
}
.spg-input__edit-button:focus, .spg-input__edit-button:hover {
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.spg-input__edit-button:active {
  opacity: 0.5;
}
.spg-input__edit-button.spg-input__edit-button--disabled, .spg-input__edit-button:disabled {
  opacity: 0.25;
  background: var(--sjs-general-backcolor, var(--background, #fff));
}
.spg-input__edit-button svg {
  height: 24px;
  width: 24px;
  fill: rgba(0, 0, 0, 0.45);
}

.spg-input.spg-input--error {
  box-shadow: 0 0 0 1px inset var(--sjs-special-red, var(--red, #e60a3e));
}

.spg-input-container {
  display: flex;
  justify-content: space-between;
  cursor: default;
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  align-items: center;
  gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: 0 0 0 1px inset var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
}

.spg-input-container--multiline {
  align-items: end;
  flex-direction: column;
  gap: 0;
  height: auto;
}
.spg-input-container--multiline sv-ng-question-comment {
  height: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-input-container--multiline .spg-input-container__input {
  box-sizing: border-box;
  resize: none;
}

.spg-input-container__input {
  flex-grow: 1;
  width: 100%;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  outline: none;
  border: none;
  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: transparent;
}

.spg-input-container__input:disabled {
  opacity: 0.25;
}

.spg-input-container__buttons-container {
  display: flex;
  gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.spg-dropdown {
  border-radius: 0;
  display: flex;
  padding-right: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-position: right calc(1.625 * (var(--sjs-base-unit, var(--base-unit, 8px)))) top 50%, 0 0;
}

.spg-dropdown__filter-string-input {
  line-height: unset;
}

.spg-dropdown_chevron-button {
  line-height: normal;
}

.spg-comment {
  height: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  max-width: 100%;
  min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.spg-panel__title {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  width: 100%;
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border: none;
  outline: none;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  cursor: pointer;
  text-align: left;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));
  font-family: var(--sjs-font-family, var(--font-family));
  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-weight: 400;
  margin: 0;
}

.spg-panel__title:disabled,
.spg-panel__title:disabled:hover {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: 0.25;
  cursor: default;
}

.spg-panel__title--collapsed:hover,
.spg-panel__title--expandable:focus {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}

.spg-panel__title--expanded {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-weight: 600;
}

.spg-panel__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 0 calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));
}

.spg-panel__content .spg-row {
  width: 100%;
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-panel__content .spg-row--multiple {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}

.sv-mobile-side-bar .spg-panel__content {
  padding: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

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

.spg-checkbox {
  cursor: pointer;
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.spg-checkbox--disabled {
  cursor: default;
}
.spg-checkbox--disabled .spg-checkbox {
  cursor: default;
}
.spg-checkbox--disabled .spg-checkbox__caption {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}

.spg-checkbox__caption {
  font-family: var(--sjs-font-family, var(--font-family));
  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.spg-checkbox__rectangle {
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  box-sizing: border-box;
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  flex-shrink: 0;
  padding: 1px 1px;
}

.spg-checkbox:hover .spg-checkbox__rectangle {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}

.spg-checkbox--disabled .spg-checkbox__rectangle:hover {
  background: var(--sjs-general-backcolor, var(--background, #fff));
}

.spg-checkbox__control:focus + .spg-checkbox__rectangle {
  outline: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  outline-offset: -2px;
}

.spg-checkbox .spg-checkbox__svg {
  display: none;
}

.spg-checkbox--checked .spg-checkbox__svg {
  display: block;
  width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-repeat: no-repeat;
  background-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}

.spg-checkbox--disabled.spg-checkbox--checked .spg-checkbox__svg {
  fill: var(--sjs-border-default, var(--border, #d6d6d6));
}

.spg-checkbox__control {
  position: fixed;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

.spg-checkbox__hidden {
  display: none;
}

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

.spg-selectbase__label {
  display: flex;
  align-items: flex-start;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
}

.spg-checkbox .spg-question__description {
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0 0 calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-checkbox .spg-help-action use {
  pointer-events: none;
}

.spg-matrixdynamic__drag-element {
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-matrixdynamic__drag-element:hover {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.spg-matrixdynamic__drag-element:after {
  content: " ";
  display: block;
  height: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.spg-drag-element__svg {
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  display: block;
  opacity: 0.5;
}
.spg-drag-element__svg use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}

.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: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  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 {
  padding: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  box-sizing: border-box;
}
.spg-matrixdynamic__placeholder .spg-matrixdynamic__add-btn {
  display: initial;
}

.spg-matrixdynamic__placeholder-text {
  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}

.spg-matrixdynamic__add-btn {
  display: none;
  appearance: none;
  border: none;
  margin-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background: transparent;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-family: var(--sjs-font-family, var(--font-family));
  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-weight: 600;
  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.spg-smiley-icon {
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: var(--sjs-base-unit, var(--base-unit, 8px));
  border-radius: 100px;
  border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-smiley-icon svg {
  width: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}

.spg-table-wrapper {
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  border-bottom: none;
}

.spg-table {
  width: 100%;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  border-collapse: collapse;
}
.spg-table tr {
  border-bottom: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
}

.spg-table__cell {
  padding: 0;
}
.spg-table__cell .spg-checkbox {
  margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.spg-table__cell--detail-panel {
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.spg-table__cell--detail-panel .spg-panel__content {
  box-shadow: none;
}

.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) .spg-input {
  appearance: none;
  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: none;
  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: transparent;
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  height: auto;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input[type=color] {
  padding-right: 0;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input:focus, .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input:focus-within {
  box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}

.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button {
  display: none;
}

.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown {
  width: max-content;
  padding-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-size: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-position: right calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) top 50%, 0 0;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15L17 10H7L12 15Z' fill='%2390909080'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text {
  padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.spg-table__cell--actions:first-of-type {
  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.spg-table__cell--actions:last-of-type .spg-action-bar {
  justify-content: flex-end;
}

.spg-table__cell--actions > .spg-matrixdynamic__drag-element {
  display: inline-block;
  margin-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  cursor: move;
}

.spg-table__cell--header {
  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-weight: normal;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100px;
}
.spg-table__cell--header span {
  display: none;
}
.spg-table__cell--header .sv-string-viewer {
  display: inline;
}

.spg-table__question-wrapper {
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}

.spg-question-group .spg-row {
  margin-top: 0;
}
.spg-question-group .spg-row:not(:first-of-type) {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}

.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-color-editor__color-item {
  display: flex;
  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-color-editor__color-item .spg-color-editor__color-swatch {
  margin-left: 0;
}

.spg-color-editor__color-swatch {
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 3px;
  width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.16);
  margin-left: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-color-editor__color-swatch .sv-svg-icon {
  position: absolute;
  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  fill: var(--sjs-general-backcolor, var(--background, #fff));
}

.spg-color-editor__color-swatch--disabled .sv-svg-icon {
  opacity: 0.25;
}

.spg-color-editor__color-swatch--default .sv-svg-icon {
  opacity: 1;
}

.spg-color-editor .spg-input__edit-button + * {
  margin-inline-end: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

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

.spg-link {
  display: flex;
}

.sv-string-viewer .spg-link {
  display: initial;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 600;
  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: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-theme-builder-root .spg-panel__footer {
  justify-content: center;
  margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0 0 0;
  padding: 0;
}
.spg-theme-builder-root .spg-paneldynamic__add-btn {
  margin: 0 auto;
}
.spg-theme-builder-root .spg-row--multiple .spg-spin-editor .spg-input-container__buttons-container {
  display: none;
}
.spg-theme-builder-root .spg-row--multiple .spg-question__header--location--left {
  min-width: auto;
}
.spg-theme-builder-root .spg-row--multiple > div {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(50% - var(--sjs-base-unit, var(--base-unit, 8px)) * 0.5);
  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 {
  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
}
.spg-theme-builder-root .spg-row--multiple > div .spg-question--location--left .spg-input {
  height: auto;
}
.spg-theme-builder-root .sv-button-group {
  overflow: hidden;
}
.spg-theme-builder-root .spg-question__header--location--left {
  width: max-content;
  flex: 0 0;
}
.spg-theme-builder-root .spg-question__header--location--left .spg-question__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.spg-theme-builder-root .spg-nested-panel {
  padding-bottom: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-theme-builder-root .spg-nested-panel::after {
  content: " ";
  display: block;
  position: relative;
  left: calc(-4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  top: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
  width: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)) + 100%);
  height: 1px;
  background-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
.spg-theme-builder-root .spg-nested-panel__content {
  padding: 0;
  box-shadow: none;
}
.spg-theme-builder-root .spg-nested-panel__content > .spg-row {
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-theme-builder-root .spg-nested-panel__content > .spg-row:first-of-type {
  margin-top: 0;
}
.spg-theme-builder-root .spg-panel-group__content {
  padding-bottom: 0;
}
.spg-theme-builder-root .spg-panel-group__content::after {
  content: none;
}
.spg-theme-builder-root .spg-panel-group__content > .spg-row {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.spg-theme-builder-root .spg-panel-group__content > .spg-row:first-of-type {
  margin-top: 0;
}
.spg-theme-builder-root .spg-panel-group__title,
.spg-theme-builder-root .spg-nested-panel__title {
  width: 100%;
  margin: 0;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  font-weight: normal;
  box-sizing: border-box;
}
.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-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-theme-group-caption {
  --default-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 600;
  font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  line-height: calc(1.5 * var(--default-bold-font-size));
  color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));
  position: relative;
  top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
  padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
  cursor: auto;
}
.spg-theme-builder-root .sv-theme-group_title-action .spg-action-button:hover,
.spg-theme-builder-root .sv-theme-group_title-action .spg-action-button:focus {
  background-color: unset;
}
.spg-theme-builder-root .sd-panel__header.sd-element__header .spg-action-bar {
  pointer-events: none;
}

.sv-mobile-side-bar .spg-theme-builder-root .spg-nested-panel__content::after {
  width: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)) + 100%);
  left: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));
}

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

.spg-link-wrapper--overriding {
  align-self: 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;
}

.spg-editor--highlighted .spg-input,
.spg-editor--highlighted .spg-input-container,
.spg-editor--highlighted .spg-question--location--left,
.spg-editor--highlighted .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {
  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
}
.spg-editor--highlighted .spg-checkbox__control:focus + .spg-checkbox__rectangle,
.spg-editor--highlighted .spg-matrixdynamic__content.spg-text__content {
  outline: 2px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  outline-offset: -2px;
}
.spg-editor--highlighted .spg-checkbox__control:focus + .spg-checkbox__rectangle .spg-input,
.spg-editor--highlighted .spg-matrixdynamic__content.spg-text__content .spg-input {
  box-shadow: none;
}
.spg-editor--highlighted .svc-action-button {
  background-color: var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
}
.spg-editor--highlighted .sv-button-group {
  box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  border-color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
}
.spg-editor--highlighted .spg-checkbox__control + .spg-checkbox__rectangle {
  outline: 2px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  outline-offset: -2px;
}

.spg-search-editor_container {
  --sjs-general-forecolor: rgba(0, 0, 0, 0.91);
  --sjs-general-forecolor-light: rgba(0, 0, 0, 0.45);
}

.spg-search-editor_container {
  position: absolute;
  border-bottom: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(100% - 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
  display: flex;
  align-items: center;
}

.spg-search-editor_input {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-family: var(--sjs-font-family, var(--font-family));
  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-style: normal;
  font-weight: 600;
  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  background: transparent;
  box-sizing: border-box;
  width: 100%;
  outline: none;
  padding-inline-start: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-inline-end: var(--sjs-base-unit, var(--base-unit, 8px));
}

.svc-creator--mobile .spg-search-editor_input {
  font-size: max(16px, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}

.spg-search-editor_input::placeholder {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}

.spg-search-editor_toolbar {
  display: flex;
  gap: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0;
}

.spg-search-editor_toolbar .sv-action-bar {
  gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: 0;
  flex-shrink: 0;
}

.spg-search-editor_toolbar .sv-action--hidden {
  display: none;
}

.spg-search-editor_toolbar .spg-search-editor_bar-item {
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: min-content;
  margin: 0;
}

.spg-search-editor_toolbar-counter {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 600;
  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  flex-shrink: 0;
}

.spg-search-editor_search-icon {
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-search-editor_search-icon .sv-svg-icon {
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-search-editor_search-icon .sv-svg-icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}

.spg-root-modern {
  position: relative;
  width: 100%;
  border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  box-sizing: border-box;
}

.spg-container {
  width: 100%;
}
.spg-container * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.spg-container.spg-container_search {
  height: 100%;
}

.spg-container_search .spg-root-modern {
  top: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: 1px;
  height: calc(100% - 1px - 7 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow: auto;
}

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

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

.svc-object-selector .sv-popup__container {
  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
}

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

.spg-title .spg-action-bar {
  margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-right: 1px;
}

.spg-body {
  width: 100%;
}

.spg-body--empty {
  margin: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.spg-title-toolobar--single-help-action {
  justify-content: flex-start;
  padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-title-toolobar--single-help-action .spg-help-action {
  flex-grow: 1;
}
.spg-title-toolobar--single-help-action .spg-action-button--icon {
  opacity: 0.5;
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-title-toolobar--single-help-action .spg-action-button--icon:focus,
.spg-title-toolobar--single-help-action .spg-action-button--icon:hover {
  opacity: 1;
}
.spg-title-toolobar--single-help-action .spg-action-button:active {
  opacity: 0.5;
}
.spg-title-toolobar--single-help-action svg {
  fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
}
.svc-text {
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: normal;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}

.svc-text--normal {
  font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-text--small {
  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-text--bold {
  font-weight: 600;
}
.svc-flex-container {
  display: flex;
}

.svc-flex-row {
  display: flex;
  flex-direction: row;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}

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

.svc-flex-row.svc-full-container {
  height: 0;
  flex-grow: 1;
}

.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: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.sv-action-bar--small-size-mode .sv-action-bar-separator {
  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.svc-creator--mobile .sv-action-bar-separator {
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}

.sv-action-bar--small-size-mode .sv-action-bar-item {
  font-weight: 600;
  align-items: center;
}

.svc-top-bar {
  display: flex;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-sizing: border-box;
  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));
}
.svc-top-bar .svc-toolbar-wrapper {
  flex: 0 0 auto;
  display: flex;
}
.svc-top-bar .svc-toolbar-wrapper .sv-action-bar {
  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
  justify-content: flex-end;
}
.svc-top-bar .svc-toolbar-wrapper .sv-action-bar-separator {
  display: none;
}
.svc-top-bar .svc-toolbar-wrapper .sv-action-bar > .sv-action:not(.sv-action--hidden) ~ .sv-action .sv-action-bar-separator {
  display: inline-block;
}
.svc-top-bar .svc-toolbar-wrapper .sv-action .sv-action-bar-item {
  margin: 0 var(--sjs-base-unit, var(--base-unit, 8px));
}

.svc-footer-bar .svc-toolbar-wrapper {
  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar {
  justify-content: center;
  padding: 0;
  width: 100%;
  height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  box-sizing: border-box;
}

/*# sourceMappingURL=survey-creator-core.fontless.css.map*/