1/*! For license information please see 3189.91a9fcc1d765950f929d.js.LICENSE.txt */ 2"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[3189],{49952:(e,n,t)=>{var s=t(31601),a=t.n(s),r=t(76314),i=t.n(r),o=t(4417),l=t.n(o),d=new URL(t(3707),t.b),c=i()(a()),p=l()(d);c.push([e.id,`/*!\n * surveyjs - Survey JavaScript library v2.5.43\n * Copyright (c) 2015-2026 Devsoft Baltic OÃ - http://surveyjs.io/\n * License: MIT (http://www.opensource.org/licenses/mit-license.php)\n */\n/* cyrillic-ext */\n@font-face {\n font-family: "Open Sans";\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n font-family: "Open Sans";\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n font-family: "Open Sans";\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");\n unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n font-family: "Open Sans";\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");\n unicode-range: U+0370-03FF;\n}\n/* hebrew */\n@font-face {\n font-family: "Open Sans";\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");\n unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;\n}\n/* vietnamese */\n@font-face {\n font-family: "Open Sans";\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");\n 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;\n}\n/* latin-ext */\n@font-face {\n font-family: "Open Sans";\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");\n 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;\n}\n/* latin */\n@font-face {\n font-family: "Open Sans";\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");\n 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;\n}\n/* cyrillic-ext */\n@font-face {\n font-family: "Open Sans";\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n font-family: "Open Sans";\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n font-family: "Open Sans";\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");\n unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n font-family: "Open Sans";\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;
2\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");\n unicode-range: U+0370-03FF;\n}\n/* hebrew */\n@font-face {\n font-family: "Open Sans";\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");\n unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;\n}\n/* vietnamese */\n@font-face {\n font-family: "Open Sans";\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");\n 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;\n}\n/* latin-ext */\n@font-face {\n font-family: "Open Sans";\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");\n 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;\n}\n/* latin */\n@font-face {\n font-family: "Open Sans";\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");\n 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;\n}\n/* cyrillic-ext */\n@font-face {\n font-family: "Open Sans";\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n font-family: "Open Sans";\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n font-family: "Open Sans";\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");\n unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n font-family: "Open Sans";\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");\n unicode-range: U+0370-03FF;\n}\n/* hebrew */\n@font-face {\n font-family: "Open Sans";\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");\n unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;\n}\n/* vietnamese */\n@font-face {\n font-family: "Open Sans";\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");\n 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;\n}\n/* latin-ext */\n@font-face {\n font-family: "Open Sans";\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");\n 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;\n}\n/* latin */\n@font-face {\n font-family: "Open Sans";\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");\n 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;\n}\n:root, :host {\n --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;\n}\n\n:root, :host {\n --sjs-transition-duration: 150ms;\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes changeHeight {\n from {\n height: var(--animation-height-from);\n }\n to {\n height: var(--animation-height-to);\n }\n}\n@keyframes moveInWithOverflow {\n from {\n overflow: hidden;\n height: var(--animation-height-from);\n min-height: var(--animation-height-from);\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 0;\n border-top-width: 0;\n border-bottom-width: 0;\n }\n 99% {\n overflow: hidden;\n margin-top: var(--animation-margin-top);\n margin-bottom: var(--animation-margin-bottom);\n padding-top: var(--animation-padding-top);\n padding-bottom: var(--animation-padding-bottom);\n border-top-width: var(--animation-border-top-width);\n border-bottom-width: var(--animation-border-bottom-width);\n height: var(--animation-height-to);\n min-height: var(--animation-height-to);\n }\n to {\n overflow: visible;\n margin-top: var(--animation-margin-top);\n margin-bottom: var(--animation-margin-bottom);\n padding-top: var(--animation-padding-top);\n padding-bottom: var(--animation-padding-bottom);\n border-top-width: var(--animation-border-top-width);\n border-bottom-width: var(--animation-border-bottom-width);\n height: var(--animation-height-to);\n min-height: var(--animation-height-to);\n }\n}\n@keyframes moveIn {\n from {\n height: 0;\n }\n to {\n height: var(--animation-height);\n }\n}\n@keyframes paddingFadeIn {\n from {\n padding-top: 0;\n padding-bottom: 0;\n }\n to {\n padding-bottom: var(--animation-padding-bottom);\n padding-top: var(--animation-padding-top);\n }\n}\n.sv-action-bar {\n display: flex;\n box-sizing: content-box;\n position: relative;\n align-items: center;\n margin-left: auto;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.sv-action-bar-separator {\n display: inline-block;\n width: 1px;\n height: 24px;\n vertical-align: middle;\n margin-right: 16px;\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-separator {\n margin: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-separator {\n margin: 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-action-bar-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n box-sizing: border-box;\n border: none;\n border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));\n background-color: transparent;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n cursor: pointer;\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n overflow-x: hidden;\n white-space: nowrap;\n}\n\nbutton.sv-action-bar-item {\n overflow: hidden;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item {\n height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-size: var(--sjs-font-size, 16px);\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n margin: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item {\n height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n line-height: var(--sjs-font-size, 16px);\n margin: 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-action:first-of-type .sv-action-bar-item {\n margin-inline-start: 0;\n}\n\n.sv-action:last-of-type .sv-action-bar-item {\n margin-inline-end: 0;\n}\n\n.sv-action-bar--default-size-mode .sv-action-bar-item__title--with-icon {\n margin-inline-start: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-action-bar--small-size-mode .sv-action-bar-item__title--with-icon {\n margin-inline-start: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-action-bar-item__icon svg {\n display: block;\n}\n.sv-action-bar-item__icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-action-bar-item:hover, .sv-action-bar-item:focus {\n outline: none;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sv-action-bar-item:active, .sv-action-bar-item.svc-toolbar__item--pressed {\n opacity: 0.5;\n}\n.sv-action-bar-item.svc-toolbar__item--active {\n outline: none;\n}\n.sv-action-bar-item:disabled {\n opacity: 0.25;\n cursor: default;\n}\n\n.sv-action-bar-item__title {\n color: inherit;\n vertical-align: middle;\n white-space: nowrap;\n}\n\n.sv-action-bar-item--secondary .sv-action-bar-item__icon use {\n fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n}\n\n.sv-action-bar-item--active .sv-action-bar-item__icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-action-bar-item-dropdown {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n box-sizing: border-box;\n border: none;\n border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));\n background-color: transparent;\n cursor: pointer;\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n font-size: var(--sjs-font-size, 16px);\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n}\n\n.sv-expand-action:before {\n content: "";\n display: inline-block;\n background-image: url(${p});\n background-repeat: no-repeat;\n background-position: center center;\n height: 10px;\n width: 12px;\n margin: auto 8px;\n}\n\n.sv-expand-action--expanded:before {\n transform: rotate(180deg);\n}\n\n.sv-dots {\n width: 48px;\n}\n\n.sv-dots__item {\n width: 100%;\n}\n.sv-dots__item .sv-action-bar-item__icon {\n margin: auto;\n}\n\n.sv-action--hidden {\n width: 0px;\n height: 0px;\n overflow: hidden;\n visibility: hidden;\n}\n.sv-action--hidden .sv-action__content {\n min-width: fit-content;\n}\n\n.sv-action__content {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n.sv-action__content > * {\n flex: 0 0 auto;\n}\n\n.sv-action--space {\n margin-left: auto;\n}\n\n.sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n opacity: 50%;\n}\n\n.sv-dragged-element-shortcut {\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n min-width: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-radius: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n cursor: grabbing;\n position: absolute;\n z-index: 10000;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-size: var(--sjs-font-size, 16px);\n padding-left: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n}\n\n.sv-matrixdynamic__drag-icon {\n padding-top: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}
2\n\n.sv-matrixdynamic__drag-icon:after {\n content: " ";\n display: block;\n height: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border: 1px solid #e7e7e7;\n box-sizing: border-box;\n border-radius: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n cursor: move;\n margin-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-matrixdynamic-dragged-row {\n cursor: grabbing;\n position: absolute;\n z-index: 10000;\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n}\n.sv-matrixdynamic-dragged-row .sd-table__row {\n box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n align-items: center;\n line-height: 0;\n}\n.sv-matrixdynamic-dragged-row .sd-table__cell.sd-table__cell--drag > div {\n background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-table__cell--header.sd-table__cell--drag,\n.sd-table__cell.sd-table__cell--drag {\n padding-right: 0;\n padding-left: 0;\n}\n\n.sd-question--mobile .sd-table__cell--header.sd-table__cell--drag,\n.sd-question--mobile .sd-table__cell.sd-table__cell--drag {\n display: none;\n}\n\n.sv-matrix-row--drag-drop-ghost-mod td {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sv-matrix-row--drag-drop-ghost-mod td > * {\n visibility: hidden;\n}\n\n.sv-drag-drop-choices-shortcut {\n cursor: grabbing;\n position: absolute;\n z-index: 10000;\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n min-width: 100px;\n max-width: 400px;\n}\n.sv-drag-drop-choices-shortcut .sv-ranking-item {\n height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-drag-drop-choices-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-viewer,\n.sv-drag-drop-choices-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-editor {\n overflow: hidden;\n white-space: nowrap;\n}\n\n.sv-drag-drop-choices-shortcut__content.sv-drag-drop-choices-shortcut__content {\n min-width: 100px;\n box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n border-radius: calc(4.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: 0;\n}\n\n.sv-drag-drop-image-picker-shortcut {\n cursor: grabbing;\n position: absolute;\n z-index: 10000;\n box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\nsv-popup {\n display: block;\n position: absolute;\n}\n\n.sv-popup {\n position: fixed;\n left: 0;\n top: 0;\n width: 100vw;\n outline: none;\n z-index: 2000;\n height: 100vh;\n}\n\n.sv-dropdown-popup {\n height: 0;\n}\n\n.sv-popup.sv-popup-inner {\n height: 0;\n}\n\n.sv-popup-inner > .sv-popup__container {\n margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-list__item--with-icon .sv-popup-inner > .sv-popup__container {\n margin-top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-popup--menu-popup > .sv-popup__container {\n background: var(--lbr-popup-menu-background-color-global, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));\n border-radius: var(--lbr-popup-menu-corner-radius, var(--sjs-corner-radius, 4px));\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n}\n.sv-popup--menu-popup > .sv-popup__container > .sv-popup__body-content {\n background-color: var(--lbr-popup-menu-background-color, var(--sjs-general-backcolor, var(--background, #fff)));\n border-radius: var(--lbr-popup-menu-corner-radius, var(--sjs-corner-radius, 4px));\n height: 100%;\n}\n\n.sv-popup__container {\n position: absolute;\n padding: 0;\n}\n\n.sv-popup__close-button {\n position: absolute;\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n right: var(--sjs-base-unit, var(--base-unit, 8px));\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n display: flex;\n align-items: center;\n justify-content: center;
2\n cursor: pointer;\n}\n\n.sv-popup__close-button-icon {\n width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-popup__content {\n min-width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n min-height: 0;\n position: relative;\n}\n\n.sv-popup__body-content {\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n max-height: 90vh;\n max-width: 100vw;\n}\n\n.sv-popup--modal-popup {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--lbr-dialog-screen-color, var(--background-semitransparent, rgba(144, 144, 144, 0.5)));\n padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n}\n\n.sv-popup--modal-popup > .sv-popup__container {\n position: relative;\n display: flex;\n background-color: var(--lbr-dialog-background-color, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)));\n border-radius: var(--lbr-dialog-corner-radius, calc(2 * (var(--sjs-corner-radius, 4px))));\n box-shadow: var(--lbr-dialog-shadow-2-offset-x, 0px) var(--lbr-dialog-shadow-2-offset-y, 2px) var(--lbr-dialog-shadow-2-blur, 6px) var(--lbr-dialog-shadow-2-spread, 0px) var(--lbr-dialog-shadow-2-color, rgba(0, 0, 0, 0.1)), var(--lbr-dialog-shadow-1-offset-x, 0px) var(--lbr-dialog-shadow-1-offset-y, 8px) var(--lbr-dialog-shadow-1-blur, 16px) var(--lbr-dialog-shadow-1-spread, 0px) var(--lbr-dialog-shadow-1-color, rgba(0, 0, 0, 0.1));\n}\n.sv-popup--modal-popup > .sv-popup__container > .sv-popup__body-content {\n padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: auto;\n min-width: 452px;\n gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--modal-popup .sv-popup__body-footer .sv-modal-footer-action-bar {\n overflow: visible;\n}\n.sv-popup--modal-popup .sv-popup__scrolling-content {\n padding: 2px;\n margin: -2px;\n}\n\n.sd-root-modern--mobile .sv-popup--modal-popup .sv-popup__body-content {\n min-width: auto;\n}\n\n.sv-popup--confirm .sv-popup__body-content .sv-string-viewer {\n color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n align-self: self-start;\n /* UI/Default */\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-size: var(--sjs-font-size, 16px);\n font-style: normal;\n font-weight: 400;\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n /* 150% */\n}\n\n.sv-popup__scrolling-content {\n height: 100%;\n overflow: auto;\n display: flex;\n flex-direction: column;\n}\n.sv-popup__scrolling-content::-webkit-scrollbar,\n.sv-popup__scrolling-content *::-webkit-scrollbar {\n height: 6px;\n width: 6px;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sv-popup__scrolling-content::-webkit-scrollbar-thumb,\n.sv-popup__scrolling-content *::-webkit-scrollbar-thumb {\n background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}
2\n\n.sv-popup--show-pointer.sv-popup--top .sv-popup__pointer {\n transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))))) rotate(180deg);\n}\n\n.sv-popup--show-pointer.sv-popup--bottom .sv-popup__pointer {\n transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))), calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n\n.sv-popup--show-pointer.sv-popup--right .sv-popup__container {\n transform: translate(var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sv-popup--show-pointer.sv-popup--right .sv-popup__container .sv-popup__pointer {\n transform: translate(-12px, -4px) rotate(-90deg);\n}\n\n.sv-popup--show-pointer.sv-popup--left .sv-popup__container {\n transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n.sv-popup--show-pointer.sv-popup--left .sv-popup__container .sv-popup__pointer {\n transform: translate(-4px, -4px) rotate(90deg);\n}\n\n.sv-popup__pointer {\n display: block;\n position: absolute;\n}\n.sv-popup__pointer:after {\n
2content: " ";\n display: block;\n width: 0;\n height: 0;\n border-left: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;\n border-right: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;\n border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid var(--sjs-general-backcolor, var(--background, #fff));\n align-self: center;\n}\n\n.sv-popup__body-header {\n font-family: Open Sans;\n font-size: calc(1.5 * (var(--sjs-font-size, 16px)));\n line-height: calc(2 * (var(--sjs-font-size, 16px)));\n font-style: normal;\n font-weight: 700;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sv-popup__body-footer {\n display: flex;\n}\n\n.sv-popup__body-footer .sv-action-bar {\n gap: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n overflow: visible;\n}\n\n.sv-popup--menu-phone,\n.sv-popup--menu-tablet {\n z-index: 2001;\n padding: 0;\n width: 100%;\n top: var(--sv-popup-overlay-top, 0px);\n height: var(--sv-popup-overlay-height, 100vh);\n}\n.sv-popup--menu-phone .sv-popup__body-footer-item,\n.sv-popup--menu-tablet .sv-popup__body-footer-item {\n width: 100%;\n}\n.sv-popup--menu-phone .sv-popup__body-footer .sv-action-bar,\n.sv-popup--menu-tablet .sv-popup__body-footer .sv-action-bar {\n width: 100%;\n justify-content: flex-start;\n}\n.sv-popup--menu-phone .sv-popup__body-footer .sv-action-bar .sv-action,\n.sv-popup--menu-tablet .sv-popup__body-footer .sv-action-bar .sv-action {\n flex: 0 0 auto;\n}\n.sv-popup--menu-phone .sv-popup__body-footer,\n.sv-popup--menu-tablet .sv-popup__body-footer {\n padding: var(--lbr-popup-menu-footer-padding-top, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--lbr-popup-menu-footer-padding-right, 0px) var(--lbr-popup-menu-footer-padding-bottom, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--lbr-popup-menu-footer-padding-left, 0px);\n border-top: var(--lbr-popup-menu-footer-border-width-top, 1px) solid var(--lbr-popup-menu-footer-border-color, var(--sjs-border-light, var(--border-light, #eaeaea)));\n background: var(--lbr-popup-menu-footer-background-color, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)));\n}\n.sv-popup--menu-phone .sv-list__filter,\n.sv-popup--menu-tablet .sv-list__filter {\n display: flex;\n align-items: center;\n margin-bottom: 0;\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--menu-phone .sv-list,\n.sv-popup--menu-tablet .sv-list {\n flex-grow: 1;\n}\n.sv-popup--menu-phone .sv-list__filter-icon,\n.sv-popup--menu-tablet .sv-list__filter-icon {\n position: static;\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--menu-phone .sv-list__empty-container,\n.sv-popup--menu-tablet .sv-list__empty-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex-grow: 1;\n}\n.sv-popup--menu-phone .sv-list__filter-clear-button,\n.sv-popup--menu-tablet .sv-list__filter-clear-button {\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n appearance: none;\n border: none;\n border-radius: 100%;\n background-color: transparent;\n}\n.sv-popup--menu-phone .sv-list__filter-clear-button svg,\n.sv-popup--menu-tablet .sv-list__filter-clear-button svg {\n height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-popup--menu-phone .sv-list__filter-clear-button svg use,\n.sv-popup--menu-tablet .sv-list__filter-clear-button svg use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sv-popup--menu-phone .sv-list__filter-clear-button:hover,\n.sv-popup--menu-tablet .sv-list__filter-clear-button:hover {\n border-radius: var(--lbr-popup-menu-search-clear-button-corner-radius, 1024px);\n background: var(--lbr-popup-menu-search-clear-button-background-color-hovered, var(--sjs-special-red-light, rgba(229, 10, 62, 0.1)));\n}\n.sv-popup--menu-phone .sv-list__filter-clear-button:hover use,\n.sv-popup--menu-tablet .sv-list__filter-clear-button:hover use {\n fill: var(--lbr-popup-menu-search-clear-button-icon-color-hovered, var(--sjs-special-red, #E50A3E));\n}\n.sv-popup--menu-phone .sv-list__input,\n.sv-popup--menu-tablet .sv-list__input {\n
2color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n font-size: var(--sjs-font-size, 16px);\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sv-popup--menu-phone .sv-list__item:hover .sv-list__item-body,\n.sv-popup--menu-phone .sv-list__item:focus .sv-list__item-body,\n.sv-popup--menu-phone .sv-list__item--focused .sv-list__item-body,\n.sv-popup--menu-tablet .sv-list__item:hover .sv-list__item-body,\n.sv-popup--menu-tablet .sv-list__item:focus .sv-list__item-body,\n.sv-popup--menu-tablet .sv-list__item--focused .sv-list__item-body {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sv-popup--menu-phone .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,\n.sv-popup--menu-phone .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,\n.sv-popup--menu-phone .sv-list__item--focused.sv-list__item--selected .sv-list__item-body,\n.sv-popup--menu-tablet .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,\n.sv-popup--menu-tablet .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,\n.sv-popup--menu-tablet .sv-list__item--focused.sv-list__item--selected .sv-list__item-body {\n background: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n font-weight: 600;\n}\n.sv-popup--menu-phone.sv-multi-select-list .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,\n.sv-popup--menu-phone.sv-multi-select-list .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,\n.sv-popup--menu-phone.sv-multi-select-list .sv-list__item--focused.sv-list__item--selected .sv-list__item-body,\n.sv-popup--menu-tablet.sv-multi-select-list .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,\n.sv-popup--menu-tablet.sv-multi-select-list .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,\n.sv-popup--menu-tablet.sv-multi-select-list .sv-list__item--focused.sv-list__item--selected .sv-list__item-body {\n background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-weight: 400;\n}\n\n.sv-popup--menu-phone > .sv-popup__container {\n width: 100%;\n height: calc(var(--sv-popup-overlay-height, 100vh));\n max-width: 100vw;\n max-height: calc(var(--sv-popup-overlay-height, 100vh));\n border: unset;\n box-shadow: unset;\n box-sizing: content-box;\n background: var(--lbr-popup-menu-background-color-global, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));\n}\n.sv-popup--menu-phone > .sv-popup__container > .sv-popup__body-content {\n background-color: var(--lbr-popup-menu-background-color, var(--sjs-general-backcolor, var(--background, #fff)));\n max-height: var(--sv-popup-overlay-height, 100vh);\n max-width: 100vw;\n height: calc(var(--sv-popup-overlay-height, 100vh));\n}\n\n.sv-popup--menu-tablet {\n background: var(--lbr-dialog-screen-color, var(--background-semitransparent, rgba(144, 144, 144, 0.5)));\n}\n.sv-popup--menu-tablet > .sv-popup__container {\n border: unset;\n box-sizing: content-box;\n background: var(--lbr-popup-menu-background-color-global, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));\n --sv-popup-overlay-max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);\n --sv-popup-overlay-max-width: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);\n position: absolute;\n transform: translate(-50%, -50%);\n left: 50%;\n top: 50%;\n max-height: var(--sv-popup-overlay-max-height);\n min-height: min(var(--sv-popup-overlay-max-height), 30 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: auto;\n width: auto;\n min-width: min(40 * (var(--sjs-base-unit, var(--base-unit, 8px))), var(--sv-popup-overlay-max-width));\n max-width: var(--sv-popup-overlay-max-width);\n border-radius: var(--lbr-popup-menu-corner-radius, var(--sjs-corner-radius, 4px));\n overflow: hidden;\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n}\n.sv-popup--menu-tablet > .sv-popup__container > .sv-popup__body-content {\n background-color: var(--lbr-popup-menu-background-color, var(--sjs-general-backcolor, var(--background, #fff)));\n max-width: 100vw;\n max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);\n min-height: min(var(--sv-popup-overlay-max-height), 30 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: auto;\n}\n.sv-popup--menu-tablet .sv-popup__content,\n.sv-popup--menu-tablet .sv-popup__scrolling-content,\n.sv-popup--menu-tablet .sv-list__container {\n flex-grow: 1;\n}\n\n.sv-popup--visible {\n opacity: 1;\n}\n\n.sv-popup--hidden {\n opacity: 0;\n}\n\n.sv-popup--enter {\n animation-name: fadeIn;\n animation-fill-mode: forwards;\n animation-duration: 0.15s;\n}\n\n.sv-popup--modal-popup.sv-popup--enter {\n animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n animation-duration: 0.25s;\n}\n\n.sv-popup--leave {\n animation-direction: reverse;\n animation-name: fadeIn;\n animation-fill-mode: forwards;\n animation-duration: 0.15s;\n}\n\n.sv-popup--modal-popup.sv-popup--leave {\n animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n animation-duration: 0.25s;\n}\n\n.sv-popup--hidden {\n opacity: 0;\n}\n\n@keyframes modalMoveUp {\n from {\n transform: translateY(64px);\n }\n to {\n transform: translateY(0);\n }\n}\n.sv-popup--modal-popup.sv-popup--leave .sv-popup__container, .sv-popup--modal-popup.sv-popup--enter .sv-popup__container {\n animation-name: modalMoveUp;\n animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n animation-fill-mode: forwards;\n animation-duration: 0.25s;\n}\n.sv-popup--modal-popup.sv-popup--leave .sv-popup__container {\n animation-direction: reverse;\n animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n}\n\n.sv-button-group {\n display: flex;\n align-items: center;\n flex-direction: row;\n font-size: var(--sjs-font-size, 16px);\n overflow-x: auto;\n border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-button-group:focus-within {\n box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-button-group__item {\n display: flex;\n box-sizing: border-box;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n appearance: none;\n flex-grow: 1;\n flex-basis: 0;\n padding: 11px calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n outline: none;\n font-size: var(--sjs-font-size, 16px);\n font-weight: 400;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n cursor: pointer;
2\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n position: relative;\n}\n.sv-button-group__item:not(:last-of-type) {\n border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-button-group__item--hover:hover {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sv-button-group__item-icon {\n display: block;\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-button-group__item-icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-button-group__item--selected {\n font-weight: 600;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sv-button-group__item--selected .sv-button-group__item-icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sv-button-group__item--selected:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sv-button-group__item-decorator {\n display: flex;\n align-items: center;\n white-space: nowrap;\n}\n\n.sv-button-group__item-caption {\n display: block;\n}\n\n.sv-button-group__item-icon + .sv-button-group__item-caption {\n margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-button-group__item--disabled {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n cursor: default;\n}\n.sv-button-group__item--disabled .sv-button-group__item-decorator {\n opacity: 0.25;\n font-weight: normal;\n}\n.sv-button-group__item--disabled .sv-button-group__item-icon use {\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.sv-button-group__item--disabled:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sv-button-group:focus-within {\n box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-visuallyhidden {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n}\n\n.sv-hidden {\n display: none !important;\n}\n\n.sv-title-actions {\n display: flex;\n align-items: center;\n width: 100%;\n}\n\n.sv-title-actions__title {\n flex-wrap: wrap;\n max-width: 90%;\n min-width: 50%;\n white-space: initial;\n}\n\n.sv-action-title-bar {\n min-width: 56px;\n}\n\n.sv-title-actions .sv-title-actions__title {\n flex-wrap: wrap;\n flex: 0 1 auto;\n max-width: unset;\n min-width: unset;\n}\n.sv-title-actions .sv-action-title-bar {\n flex: 1 1 auto;\n justify-content: flex-end;\n min-width: unset;\n}\n\n.sv_window {\n position: fixed;\n bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-radius: var(--sjs-base-unit, var(--base-unit, 8px));\n border: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n background-clip: padding-box;\n z-index: 100;\n max-height: 50vh;\n overflow: auto;\n box-sizing: border-box;\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n width: calc(100% - 4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) !important;\n}\n@-moz-document url-prefix() {\n .sv_window,\n .sv_window * {\n scrollbar-width: thin;\n scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;\n }\n}\n.sv_window::-webkit-scrollbar,\n.sv_window *::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n background-color: transparent;\n}\n.sv_window::-webkit-scrollbar-thumb,\n.sv_window *::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: 32px;\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.sv_window::-webkit-scrollbar-track,\n.sv_window *::-webkit-scrollbar-track {\n background: transparent;\n}\n.sv_window::-webkit-scrollbar-thumb:hover,\n.sv_window *::-webkit-scrollbar-thumb:hover {\n border: 2px solid rgba(0, 0, 0, 0);\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv_window_root-content {\n height: 100%;\n}\n\n.sv_window--full-screen {\n top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n max-height: 100%;\n width: initial !important;\n max-width: initial !important;\n}\n\n.sv_window_header {\n display: flex;\n justify-content: flex-end;\n}\n\n.sv_window_content {\n overflow: hidden;\n}\n\n.sv_window--collapsed {\n height: initial;\n}\n.sv_window--collapsed .sv_window_header {\n height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n 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))));\n border-radius: var(--sjs-base-unit, var(--base-unit, 8px));\n display: flex;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n box-sizing: content-box;\n}\n.sv_window--collapsed .sv_window_content {\n display: none;\n}\n.sv_window--collapsed .sv_window_buttons_container {\n margin-top: 0;\n margin-right: 0;\n}\n\n.sv_window_header_title_collapsed {\n color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-style: normal;\n font-weight: 600;\n font-size: var(--sjs-font-size, 16px);\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n flex: 1;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n\n.sv_window_header_description {\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n font-feature-settings: "salt" on;\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-style: normal;\n font-size: var(--sjs-font-size, 16px);\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n.sv_window_buttons_container {\n position: fixed;\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n display: flex;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n z-index: 10000;\n}\n\n.sv_window_button {\n display: flex;\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n justify-content: center;\n align-items: center;\n border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n cursor: pointer;\n}\n.sv_window_button:hover, .sv_window_button:active {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.sv_window_button:hover svg use,\n.sv_window_button:hover svg path, .sv_window_button:active svg use,\n.sv_window_button:active svg path {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sv_window_button:active {\n opacity: 0.5;\n}\n.sv_window_button svg use,\n.sv_window_button svg path {\n fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n}\n\nsv-brand-info,\n.sv-brand-info {\n z-index: 1;\n position: relative;
2\n margin-top: 1px;\n}\n\n.sv-brand-info {\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n text-align: right;\n color: #161616;\n padding: 24px 40px;\n}\n.sv-brand-info a {\n color: #161616;\n text-decoration-line: underline;\n}\n\n.sd-body--static .sv-brand-info {\n padding-top: 0;\n margin-top: 16px;\n}\n\n.sd-body--responsive .sv-brand-info {\n padding-top: 16px;\n margin-top: -8px;\n}\n\n.sd-root-modern--mobile .sv-brand-info {\n padding: 48px 24px 8px 24px;\n margin-top: 0;\n text-align: center;\n}\n\n.sv-brand-info__text {\n font-weight: 600;\n font-size: var(--sjs-font-size, 16px);\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n color: #161616;\n}\n\n.sv-brand-info__logo {\n display: inline-block;\n}\n.sv-brand-info__logo img {\n width: 118px;\n}\n\n.sv-brand-info__terms {\n font-weight: 400;\n font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n line-height: var(--sjs-font-size, 16px);\n padding-top: 4px;\n}\n.sv-brand-info__terms a {\n color: #909090;\n}\n\n.sd-body--responsive .sv-brand-info {\n padding-right: 0;\n padding-left: 0;\n}\n\n.sv-ranking {\n outline: none;\n user-select: none;\n -webkit-user-select: none;\n}\n\n.sv-ranking-item {\n cursor: pointer;\n position: relative;\n opacity: 1;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking-item:hover:not(:focus) .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-question--disabled .sv-ranking-item:hover .sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking-item:focus {\n outline: none;\n}\n\n.sv-ranking-item:focus .sv-ranking-item__icon--focus {\n visibility: visible;\n top: calc(0.6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking-item:focus .sv-ranking-item__index {\n background: var(--sjs-general-backcolor, var(--background, #fff));\n outline: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-ranking-item__content.sv-ranking-item__content {\n display: flex;\n align-items: center;\n line-height: 1em;\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking-item__icon-container {\n position: relative;\n left: 0;\n bottom: 0;\n flex-shrink: 0;\n width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n align-self: flex-start;\n padding-left: var(--sjs-base-unit, var(--base-unit, 8px));\n padding-right: var(--sjs-base-unit, var(--base-unit, 8px));\n margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: content-box;\n}\n\n.sv-ranking-item--disabled.sv-ranking-item--disabled,\n.sv-ranking-item--readonly.sv-ranking-item--readonly,\n.sv-ranking-item--preview.sv-ranking-item--preview {\n cursor: initial;\n user-select: initial;\n -webkit-user-select: initial;\n}\n.sv-ranking-item--disabled.sv-ranking-item--disabled .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon,\n.sv-ranking-item--readonly.sv-ranking-item--readonly .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon,\n.sv-ranking-item--preview.sv-ranking-item--preview .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon {\n visibility: hidden;\n}\n\n.sv-ranking-item__icon.sv-ranking-item__icon {\n visibility: hidden;\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n position: absolute;\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking-item__index.sv-ranking-item__index {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));\n border-radius: 100%;\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n box-sizing: border-box;\n font-weight: 600;\n margin-left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n transition: outline var(--sjs-transition-duration, 150ms), background var(--sjs-transition-duration, 150ms);\n outline: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n align-self: self-start;\n}\n.sv-ranking-item__index.sv-ranking-item__index svg {\n fill: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n width: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));\n height: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));\n}\n\n.sv-ranking-item__text {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));\n line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n overflow-wrap: break-word;\n word-break: normal;\n align-self: self-start;\n padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sv-ranking-item__text .sv-string-viewer,\n.sv-ranking-item__text .sv-string-editor {\n overflow: initial;\n white-space: pre-line;\n}\n\n.sd-ranking--disabled .sv-ranking-item__text {\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n opacity: 0.25;\n}\n\n.sv-ranking-item--disabled .sv-ranking-item__text {\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n opacity: 0.25;\n}\n\n.sv-ranking-item--readonly .sv-ranking-item__index {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sv-ranking-item--preview .sv-ranking-item__index {\n background-color: transparent;\n border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));\n box-sizing: border-box;\n}\n\n.sv-ranking-item__ghost.sv-ranking-item__ghost {\n display: none;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(31 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n z-index: 1;\n position: absolute;\n left: 0;\n top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n:dir(rtl) .sv-ranking,\n[style*="direction:rtl"] .sv-ranking,\n[style*="direction: rtl"] .sv-ranking {\n transform: scale(-1, 1);\n direction: ltr;\n}\n:dir(rtl) .sv-ranking-item__text,\n:dir(rtl) .sv-ranking__container-placeholder,\n:dir(rtl) .sd-ranking-item__index,\n[style*="direction:rtl"] .sv-ranking-item__text,\n[style*="direction:rtl"] .sv-ranking__container-placeholder,\n[style*="direction:rtl"] .sd-ranking-item__index,\n[style*="direction: rtl"] .sv-ranking-item__text,\n[style*="direction: rtl"] .sv-ranking__container-placeholder,\n[style*="direction: rtl"] .sd-ranking-item__index {\n transform: scale(-1, 1);\n direction: rtl;\n}\n\n.sv-ranking-item--ghost {\n height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-ranking-item--ghost .sv-ranking-item__text .sv-string-viewer,\n.sv-ranking-item--ghost .sv-ranking-item__text .sv-string-editor {\n white-space: unset;\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__ghost {\n display: block;\n}\n\n.sv-ranking-item--ghost .sv-ranking-item__content {\n visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__content {\n box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}
2\n\n.sv-ranking--drag .sv-ranking-item:hover .sv-ranking-item__icon {\n visibility: hidden;\n}\n\n.sv-ranking-item--drag .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-ranking--mobile .sv-ranking-item__icon--hover {\n visibility: visible;\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-ranking--mobile.sv-ranking--drag .sv-ranking-item--ghost .sv-ranking-item__icon.sv-ranking-item__icon--hover {\n visibility: hidden;\n}\n\n.sv-ranking--mobile.sv-ranking-shortcut {\n max-width: 80%;\n}\n\n.sv-ranking--mobile .sv-ranking-item__index.sv-ranking-item__index {\n margin-left: 0;\n}\n.sv-ranking--mobile .sd-element--with-frame .sv-ranking-item__icon {\n margin-left: 0;\n}\n\n.sv-ranking--design-mode .sv-ranking-item:hover .sv-ranking-item__icon {\n visibility: hidden;\n}\n\n.sv-ranking--disabled {\n opacity: 0.8;\n}\n\n.sv-ranking-shortcut[hidden] {\n display: none;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-ranking-shortcut .sv-ranking-item__text {\n margin-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon--hover {\n visibility: visible;\n}\n\n.sv-ranking-shortcut .sv-ranking-item__icon {\n width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-ranking-shortcut .sv-ranking-item__content {\n padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-ranking-shortcut .sv-ranking-item__icon-container {\n margin-left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking-shortcut {\n cursor: grabbing;\n position: absolute;\n z-index: 10000;\n border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n min-width: 100px;\n max-width: 400px;\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n}\n.sv-ranking-shortcut .sv-ranking-item {\n height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-ranking-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-viewer,\n.sv-ranking-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-editor {\n overflow: hidden;\n white-space: nowrap;\n}\n\n.sv-ranking--select-to-rank {\n display: flex;\n}\n\n.sv-ranking--select-to-rank-vertical {\n flex-direction: column-reverse;\n}\n.sv-ranking--select-to-rank-vertical .sv-ranking__containers-divider {\n margin: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n height: 1px;\n}\n.sv-ranking--select-to-rank-vertical .sv-ranking__container--empty {\n padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.sv-ranking-item--animate-item-removing {\n animation-name: moveIn, fadeIn;\n animation-direction: reverse;\n animation-fill-mode: forwards;\n animation-timing-function: linear;\n animation-duration: var(--sjs-ranking-move-out-duration, 150ms), var(--sjs-ranking-fade-out-duration, 100ms);\n animation-delay: var(--sjs-ranking-move-out-delay, 0ms), 0s;\n}\n\n.sv-ranking-item--animate-item-adding {\n animation-name: moveIn, fadeIn;\n opacity: 0;\n animation-fill-mode: forwards;\n animation-timing-function: linear;\n animation-duration: var(--sjs-ranking-move-in-duration, 150ms), var(--sjs-ranking-fade-in-duration, 100ms);\n animation-delay: 0s, var(--sjs-ranking-fade-in-delay, 150ms);\n}\n\n.sv-ranking-item--animate-item-adding-empty {\n animation-name: fadeIn;\n opacity: 0;\n animation-timing-function: linear;\n animation-duration: var(--sjs-ranking-fade-in-duration, 100ms);\n animation-delay: 0;\n}
2\n\n.sv-ranking-item--animate-item-removing-empty {\n animation-name: fadeIn;\n animation-direction: reverse;\n animation-timing-function: linear;\n animation-duration: var(--sjs-ranking-fade-out-duration, 100ms);\n animation-delay: 0;\n}\n\n@keyframes sv-animate-item-opacity-reverse-keyframes {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes sv-animate-item-opacity-keyframes {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container {\n max-width: calc(50% - 1px);\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider {\n width: 1px;\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {\n left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item {\n left: initial;\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {\n padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {\n padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking__container-placeholder {\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-style: normal;\n font-size: var(--sjs-font-size, 16px);\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n white-space: normal;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n padding-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-bottom: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n}\n\n.sv-ranking__container {\n flex: 1;\n}\n\n.sv-ranking__container--empty {\n box-sizing: border-box;\n text-align: center;\n}\n\n.sv-ranking__containers-divider {\n background: var(--sjs-border-default, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));\n}\n\n.sv-ranking__container--from .sv-ranking-item__icon--focus {\n display: none;\n}\n\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {\n left: 0 !important;\n padding-left: 16px;\n}\n.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item .sv-ranking-item__ghost {\n left: initial;\n}\n\n.sv-ranking--select-to-rank-swap-areas {\n flex-direction: row-reverse;\n}\n.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--to .sv-ranking-item {\n padding-left: 0;\n left: -24px !important;\n}\n.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--from .sv-ranking-item {\n padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n left: 0;\n}\n.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--from .sv-ranking-item__ghost.sv-ranking-item__ghost {\n left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {\n padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-left: 0;\n}\n.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item__ghost.sv-ranking-item__ghost {\n right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {\n padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-right: 0;\n}\n\n.sd-question--mobile .sv-ranking-item__icon-container,\n.sd-root-modern.sd-root-modern--mobile .sv-ranking-item__icon-container {\n margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: flex;\n justify-content: flex-end;\n padding: 0;\n width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-list {\n margin: 0;\n padding: var(--lbr-popup-menu-padding-top, 4px) var(--lbr-popup-menu-padding-right, 4px) var(--lbr-popup-menu-padding-bottom, 4px) var(--lbr-popup-menu-padding-left, 4px);\n overflow-y: auto;\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n list-style-type: none;\n}\n\n.sv-list__empty-container {\n width: 100%;\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n box-sizing: border-box;\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: flex;\n padding: var(--lbr-placeholder-padding-top, 16px) var(--lbr-placeholder-padding-right, 64px) var(--lbr-placeholder-padding-bottom, 16px) var(--lbr-placeholder-padding-left, 64px);\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: var(--lbr-placeholder-gap, 4px);\n align-self: stretch;\n}\n\n.sv-list__empty-text {\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n font-size: var(--sjs-font-size, 16px);\n font-weight: 400;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__item {\n width: 100%;\n align-items: center;\n box-sizing: border-box;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sv-list__item-body {\n --sjs-list-item-padding-left-default: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --sjs-list-item-padding-left: calc(var(--sjs-list-item-level) * var(--sjs-list-item-padding-left-default));\n position: relative;\n width: 100%;\n align-items: center;\n box-sizing: border-box;\n padding-block: var(--sjs-base-unit, var(--base-unit, 8px));\n padding-inline-end: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-inline-start: var(--sjs-list-item-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-weight: normal;\n font-size: var(--sjs-font-size, 16px);\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n cursor: pointer;\n overflow: hidden;\n text-align: start;\n text-overflow: ellipsis;\n white-space: nowrap;\n transition: background-color var(--sjs-transition-duration, 150ms), color var(--sjs-transition-duration, 150ms);\n}\n\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) {\n outline: none;\n}\n.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body {\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-border-light, var(--border-light, #eaeaea));\n border-radius: var(--sjs-corner-radius, 4px);\n padding-block: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-inline-end: calc(7.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-inline-start: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-list__item:hover,\n.sv-list__item:focus {\n outline: none;\n}\n\n.sv-list__item:focus .sv-list__item-body,\n.sv-list__item--hovered > .sv-list__item-body {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sv-list__item--with-icon.sv-list__item--with-icon {\n padding: 0;\n}\n.sv-list__item--with-icon.sv-list__item--with-icon > .sv-list__item-body {\n padding-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-bottom: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: flex;\n}\n\n.sv-list__item-icon {\n float: left;\n flex-shrink: 0;\n width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-list__item-icon svg {\n display: block;\n}\n.sv-list__item-icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list-item__marker-icon {\n position: absolute;\n right: var(--sjs-base-unit, var(--base-unit, 8px));\n width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n flex-shrink: 0;\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: content-box;\n}\n.sv-list-item__marker-icon svg {\n display: block;\n}\n.sv-list-item__marker-icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n:dir(rtl) .sv-list__item-icon,\n[style*="direction:rtl"] .sv-list__item-icon,\n[style*="direction: rtl"] .sv-list__item-icon {\n float: right;\n}\n\n.sv-list__item-separator {\n margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n height: 1px;\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}
2\n\n.sv-list--filtering .sv-list__item-separator {\n display: none;\n}\n\n.sv-list__item.sv-list__item--selected > .sv-list__item-body,\n.sv-list__item.sv-list__item--selected:hover > .sv-list__item-body,\n.sv-list__item.sv-list__item--selected.sv-list__item--focused > .sv-list__item-body,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused > .sv-list__item-body,\nli:focus .sv-list__item.sv-list__item--selected > .sv-list__item-body {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n font-weight: 600;\n}\n.sv-list__item.sv-list__item--selected .sv-list__item-icon use,\n.sv-list__item.sv-list__item--selected:hover .sv-list__item-icon use,\n.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,\nli:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {\n fill: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use,\n.sv-list__item.sv-list__item--selected:hover .sv-list-item__marker-icon use,\n.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list-item__marker-icon use,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list-item__marker-icon use,\nli:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use {\n fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sv-multi-select-list .sv-list__item.sv-list__item--selected .sv-list__item-body,\n.sv-multi-select-list .sv-list__item.sv-list__item--selected:hover .sv-list__item-body {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-weight: 400;\n}\n\n.sv-list__item--group-selected > .sv-list__item-body {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-weight: 400;\n}\n.sv-list__item--group-selected > .sv-list__item-body use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__item.sv-list__item--disabled .sv-list__item-body {\n cursor: default;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__item span {\n white-space: nowrap;\n}\n\n.sv-list__item-text--wrap span {\n white-space: normal;\n word-wrap: break-word;\n}\n\n.sv-list__container {\n position: relative;\n display: flex;\n height: 100%;\n flex-direction: column;\n display: flex;\n min-height: 0;\n}\n\n.sv-list__filter {\n border-bottom: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n}\n\n.sv-list__filter-icon {\n display: block;\n position: absolute;\n top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n inset-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-list__filter-icon .sv-svg-icon {\n width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv-list__filter-icon .sv-svg-icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n background: transparent;\n box-sizing: border-box;\n width: 100%;\n min-width: calc(30 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n outline: none;\n font-size: var(--sjs-font-size, 16px);\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-inline-start: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n border: none;\n}\n\n.sv-list__input::placeholder {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__input:disabled,\n.sv-list__input:disabled::placeholder {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv-list__loading-indicator {\n pointer-events: none;\n}\n\n.sv-list__loading-indicator .sv-list__item-body {\n background-color: transparent;\n}\n\n.sv-scroll__wrapper {\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.sv-scroll__scroller {\n box-sizing: border-box;\n flex-grow: 1;\n overflow-y: auto;\n overflow-x: hidden;\n display: flex;\n flex-direction: column;\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n.sv-scroll__scroller::-webkit-scrollbar {\n display: none;\n}\n\n.sv-scroll__scrollbar {\n position: absolute;\n top: 0;\n bottom: 0;
2\n overflow-y: scroll;\n overflow-x: hidden;\n width: fit-content;\n margin-inline-start: -1px;\n visibility: hidden;\n z-index: 30;\n inset-inline-end: 0;\n inset-inline-start: initial;\n}\n@-moz-document url-prefix() {\n .sv-scroll__scrollbar {\n scrollbar-width: thin;\n scrollbar-color: var(--ctr-scrollbar-background-color, var(--sjs-border-25-overlay, rgba(0, 0, 0, 0.1490196078))) transparent;\n }\n}\n\n.sv-scroll__wrapper:hover .sv-scroll__scrollbar {\n visibility: visible;\n}\n\n.sv-scroll__scrollbar-sizer {\n width: 1px;\n}\n\n.sv-scroll__container {\n width: 100%;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n}\n\n.sv-save-data_root {\n position: fixed;\n left: 50%;\n bottom: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n opacity: 0;\n padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n border-radius: calc(2 * (var(--sjs-corner-radius, 4px)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n min-width: calc(30 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n text-align: center;\n z-index: 1600;\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-size: var(--sjs-font-size, 16px);\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n transform: translateX(-50%) translateY(calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n transition-timing-function: ease-in;\n transition-property: transform, opacity;\n transition-delay: 0.25s;\n transition: 0.5s;\n}\n\n.sv-save-data_root.sv-save-data_root--shown {\n transition-timing-function: ease-out;\n transition-property: transform, opacity;\n transform: translateX(-50%) translateY(0);\n transition-delay: 0.25s;\n opacity: 0.75;\n}\n\n.sv-save-data_root span {\n display: flex;\n flex-grow: 1;\n}\n.sv-save-data_root .sv-action-bar {\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n}\n\n.sv-save-data_root--shown.sv-save-data_success,\n.sv-save-data_root--shown.sv-save-data_error {\n opacity: 1;\n}\n\n.sv-save-data_root.sv-save-data_root--with-buttons {\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-save-data_root.sv-save-data_error {\n background-color: var(--sjs-special-red, var(--red, #e60a3e));\n color: var(--sjs-general-backcolor, var(--background, #fff));\n font-weight: 600;\n gap: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-save-data_root.sv-save-data_error .sv-save-data_button {\n font-weight: 600;\n font-size: var(--sjs-font-size, 16px);\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: #ffffff;\n background-color: var(--sjs-special-red, var(--red, #e60a3e));\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid #ffffff;\n border-radius: calc(1.5 * (var(--sjs-corner-radius, 4px)));\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: flex;\n align-items: center;\n}\n\n.sv-save-data_root.sv-save-data_error .sv-save-data_button:hover,\n.sv-save-data_root.sv-save-data_error .sv-save-data_button:focus {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sv-save-data_root.sv-save-data_success {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: #ffffff;\n font-weight: 600;\n}\n\n.sv-string-viewer.sv-string-viewer--multiline {\n white-space: pre-wrap;\n word-break: break-word;\n}\n\n.sd-element {\n padding-left: var(--sv-element-add-padding-left, 0px);\n padding-right: var(--sv-element-add-padding-right, 0px);\n}\n\n.sd-element__title {\n outline: none;\n}\n\n.sd-element__title.sd-element__title--disabled {\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-element__title.sd-element__title--disabled {\n opacity: 1;\n}\n\n.sd-element--invisible {\n opacity: 0.35;\n}\n\n.sd-title.sd-element__title {\n font-family: var(--sjs-font-questiontitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n font-weight: var(--sjs-font-questiontitle-weight, 600);\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n}\n\n.sd-element__header .sv-string-editor {\n max-width: 100%;\n white-space: normal;\n}\n\n.sd-element__title {\n font-size: 0;\n line-height: 0;\n position: static;\n margin: 0;\n}\n.sd-element__title .sd-element__num {\n font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n line-height: var(--sjs-font-size, 16px);\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-element__title span {\n font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));\n line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));\n}\n.sd-element__title .sv-title-actions__title {\n font-size: 0;\n line-height: 0;\n}\n.sd-element__title .sv-title-actions__title {\n white-space: nowrap;\n}\n.sd-element__title .sv-string-viewer {\n white-space: normal;\n}\n.sd-element__title .sv-string-viewer.sv-string-viewer--multiline {\n white-space: pre-wrap;\n}\n\n.sd-element__title.sd-element__title--singleinput span {\n --page-title-font-size: var(--sjs-font-pagetitle-size, calc(1.5 * (var(--sjs-font-size, 16px))));\n font-family: var(--sjs-font-pagetitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n font-weight: var(--sjs-font-pagetitle-weight, 700);\n font-size: var(--page-title-font-size);\n color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n position: static;\n line-height: calc(1.33 * (var(--page-title-font-size)));\n margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;\n}\n\n.sd-element__num {\n float: left;\n padding-top: calc(0.625 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-bottom: calc(0.375 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-inline-start: 0;\n padding-inline-end: var(--sjs-base-unit, var(--base-unit, 8px));\n width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n line-height: var(--sjs-font-size, 16px);\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n margin-inline-start: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n text-align: end;\n box-sizing: border-box;\n white-space: nowrap;\n flex-shrink: 0;\n}\n\n.sd-page__num + span,\n.sd-element__num + span {\n float: left;\n width: 0;\n}\n\n:dir(rtl) .sd-element__num,\n[style*="direction:rtl"] .sd-element__num,\n[style*="direction: rtl"] .sd-element__num {\n float: right;\n}\n:dir(rtl) .sd-element__title--collapsed .sd-element__title-expandable-svg,\n[style*="direction:rtl"] .sd-element__title--collapsed .sd-element__title-expandable-svg,\n[style*="direction: rtl"] .sd-element__title--collapsed .sd-element__title-expandable-svg {\n transform: rotate(180deg);\n}\n\n.sd-element__title--num-inline .sd-element__num {\n float: none;\n margin-inline-start: 0;\n width: auto;\n padding-inline-start: 0;\n padding-inline-end: 0;\n}\n.sd-element__title--num-inline .sd-element__num + span {\n float: none;\n width: auto;\n}\n\n.sd-element__title--expandable.sd-element__title--expandable {\n position: relative;\n display: block;\n}\n\n.sd-element__title-expandable-svg {\n display: inline-block;\n width: var(--lbr-question-panel-expand-button-icon-width, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n height: var(--lbr-question-panel-expand-button-icon-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n position: absolute;\n inset-inline-start: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-element__title-expandable-svg use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-element--with-frame {\n border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n box-sizing: border-box;\n padding-top: var(--sd-base-padding);\n padding-left: calc(var(--sd-base-padding) + var(--sv-element-add-padding-left, 0px));\n padding-right: calc(var(--sd-base-padding) + var(--sv-element-add-padding-right, 0px));\n padding-bottom: var(--sd-base-padding);\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n\n.sd-element--with-frame.sd-element--compact {\n border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n box-shadow: none;\n background-color: transparent;\n}\n\n@keyframes elementMoveIn {\n from {\n flex-basis: 0;\n flex-grow: 0;\n max-width: 0;\n min-width: 0;\n width: 0;\n height: 0;\n padding-left: 0;\n overflow: hidden;\n }\n to {\n height: var(--animation-height);\n flex-basis: var(--animation-width);\n width: var(--animation-width);\n min-width: var(--animation-width);\n padding-left: var(--animation-padding-left);\n overflow: visible;\n }\n}\n.sd-element-wrapper--enter {\n animation-name: elementMoveIn, fadeIn;\n animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n animation-fill-mode: forwards;\n animation-duration: var(--sjs-element-move-in-duration, 250ms), var(--sjs-element-fade-in-duration, 500ms);\n animation-delay: 0s, var(--sjs-element-fade-in-delay, 100ms);\n opacity: 0;\n}\n\n.sd-element-wrapper--leave {\n animation-name: elementMoveIn, fadeIn;\n animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n animation-fill-mode: forwards;\n animation-direction: reverse;\n animation-duration: var(--sjs-element-move-out-duration, 250ms), var(--sjs-element-fade-out-duration, 150ms);\n animation-delay: var(--sjs-element-move-out-delay, 0ms), 0s;\n}\n\n.sd-element__content {\n box-sizing: border-box;\n}\n\n.sd-element__content--enter,\n.sd-element__content--leave {\n --animation-padding-top: 0;\n --animation-padding-bottom: 0;\n}\n\n.sd-element__content--enter {\n animation-name: fadeIn, moveInWithOverflow;\n min-height: 0 !important;\n opacity: 0;\n animation-fill-mode: forwards;\n animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n animation-duration: var(--sjs-expand-fade-in-duration, 500ms), var(--sjs-expand-move-in-duration, 150ms);\n animation-delay: var(--sjs-expand-fade-in-delay, 150ms), 0s, 0s;\n}\n\n.sd-element__content--leave {\n animation-name: fadeIn, moveInWithOverflow;\n min-height: 0 !important;\n animation-direction: reverse;\n animation-fill-mode: forwards;\n animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n animation-duration: var(--sjs-collapse-fade-out-duration, 150ms), var(--sjs-collapse-move-out-duration, 250ms);\n animation-delay: 0s, var(--sjs-collapse-move-out-delay, 100ms), var(--sjs-collapse-move-out-delay, 100ms);\n}\n\n.sd-element--expandable.sd-elemenet--expandable--animating > .sd-element__header:focus-within, .sd-element--expandable.sd-elemenet--expandable--animating > .sd-element__header:hover {\n background-color: transparent;\n}\n\n.sd-elemenet--expandable--animating.sd-element--expandable {\n transition-property: padding-top, padding-bottom;\n}\n.sd-elemenet--expandable--animating.sd-element--expandable > .sd-element__header {\n transition-property: padding-top, padding-bottom;\n}\n.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--expanded {\n transition-timing-function: cubic-bezier(0, 0, 0.58, 1);\n transition-duration: var(--sjs-expand-move-in-duration, 150ms);\n}\n.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--expanded > .sd-element__header {\n transition-timing-function: cubic-bezier(0, 0, 0.58, 1);\n transition-duration: var(--sjs-expand-move-in-duration, 150ms);\n}\n.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--expanded > .sd-element__header .sd-element__title:before {\n transition-duration: var(--sjs-expand-move-in-duration, 150ms);\n}\n.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--collapsed {\n transition-timing-function: cubic-bezier(0, 0, 0.58, 1);\n transition-duration: var(--sjs-collapse-move-out-duration, 250ms);\n transition-delay: var(--sjs-collapse-move-out-delay, 100ms);\n}\n.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--collapsed > .sd-element__header {\n transition-timing-function: cubic-bezier(0, 0, 0.58, 1);\n transition-duration: var(--sjs-collapse-move-out-duration, 250ms);\n transition-delay: var(--sjs-collapse-move-out-delay, 100ms);\n}\n.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--collapsed > .sd-element__header .sd-element__title:before {\n transition-duration: var(--sjs-collapse-move-out-duration, 250ms);\n transition-delay: var(--sjs-collapse-move-out-delay, 100ms);\n}\n.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--complex:not(.sd-question--empty) > .sd-element__header--location-top:after {\n display: block;\n opacity: 0;\n height: 0;\n --animation-height: 1px;\n animation-name: fadeIn, moveIn;\n animation-fill-mode: forwards;\n animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n animation-delay: var(--sjs-expand-fade-in-delay, 150ms), 0s;\n animation-duration: var(--sjs-expand-fade-in-duration, 500ms), var(--sjs-expand-move-in-duration, 150ms);\n}\n.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--complex:not(.sd-question--empty).sd-element--collapsed .sd-element__header--location-top:after {\n animation-direction: reverse;\n opacity: 1;\n height: 1px;\n animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n animation-delay: 0s, var(--sjs-collapse-move-out-delay, 100ms);\n animation-duration: var(--sjs-collapse-fade-out-duration, 150ms), var(--sjs-collapse-move-out-duration, 250ms);\n}\n\n.sd-question {\n position: relative;\n}\n\n.sd-question--no-pointer-events .sd-selectbase label,\n.sd-question--no-pointer-events .sd-rating label {\n pointer-events: none;\n}\n\n.sd-element__erbox--above-element {\n margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-question__erbox--below-question {\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-question__content--support-container-queries {\n container-type: inline-size;\n}\n\n.sd-question--title-top > .sd-question__erbox--above-question {\n margin-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-question--description-under-input > .sd-question__erbox--below-question,\n.sd-question--title-bottom > .sd-question__erbox--below-question {\n margin-top: calc(0.25 * var(--sd-base-vertical-padding) + 0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-element--with-frame > .sd-element__erbox--above-element {\n margin-bottom: var(--sd-base-padding);\n border-radius: var(--sjs-corner-radius, 4px) var(--sjs-corner-radius, 4px) 0 0;\n}\n\n.sd-question--left > .sd-element__erbox--above-element {\n margin-bottom: 0;\n}\n\n.sd-element--with-frame.sd-question--left > .sd-element__erbox--above-element {\n margin-bottom: calc(1 * var(--sd-base-vertical-padding));\n}\n\n.sd-element--with-frame > .sd-question__erbox--below-question {\n margin-top: auto;\n border-radius: 0 0 var(--sjs-corner-radius, 4px) var(--sjs-corner-radius, 4px);\n}\n\n.sd-element--with-frame.sd-question--title-top > .sd-question__erbox--above-question {\n margin-bottom: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8
2px)));\n}\n\n.sd-element--with-frame.sd-question--description-under-input > .sd-question__erbox--below-question,\n.sd-element--with-frame.sd-question--title-bottom > .sd-question__erbox--below-question {\n margin-top: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-question__header {\n width: 100%;\n}\n\n.sd-question__header--location-top {\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-question__header--location--bottom {\n padding-top: calc(0.375 * var(--sd-base-vertical-padding));\n}\n\n.sd-element--with-frame.sd-question--title-top {\n padding-top: var(--sd-base-vertical-padding);\n}\n.sd-element--with-frame.sd-question--error-top {\n padding-top: 0;\n}\n.sd-element--with-frame.sd-question--error-bottom {\n padding-bottom: 0;\n display: flex;\n flex-direction: column;\n}\n.sd-element--with-frame.sd-question--error-bottom > .sd-question__content {\n margin-bottom: var(--sd-base-padding);\n}\n.sd-element--with-frame > .sd-element__erbox {\n margin-left: calc(-1 * var(--sd-base-padding));\n margin-right: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n position: sticky;\n left: calc(-1 * var(--sd-base-padding));\n}\n\n.sd-scrollable .sd-question__content {\n overflow-x: auto;\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n\n.sd-question__header--location--left {\n display: inline-block;\n width: auto;\n vertical-align: top;\n margin-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-question--left {\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n column-gap: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n row-gap: calc(0.25 * var(--sd-base-vertical-padding));\n}\n\n.sd-question__content--left {\n display: inline-block;\n flex: 1;\n margin-top: calc(0.25 * var(--sd-base-vertical-padding)) 0;\n max-width: 100%;\n}\n\n.sd-element--with-frame > .sd-question__content--left {\n margin: 0;\n}\n\n.sd-question__required-text {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n vertical-align: top;\n}\n\n.sd-question__comment-area {\n font-size: var(--sjs-font-size, 16px);\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: flex;\n flex-direction: column;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n white-space: normal;\n}\n\n.sd-question__placeholder {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n justify-content: center;\n min-height: calc(24 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));\n line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n}\n.sd-question__placeholder > div .sv-string-viewer, .sd-question__placeholder > span .sv-string-viewer {\n white-space: pre-line;\n}\n\n.sd-scrollable-container:not(.sd-scrollable-container--compact) {\n width: max-content;\n overflow: visible;\n max-width: 100%;\n}\n\n.sd-question__title--empty .sv-string-viewer {\n display: inline-block;\n height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));\n}\n\n.sd-question__content {\n box-sizing: border-box;\n}\n\n.sd-singleinput__title {\n font-family: var(--sjs-font-pagetitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n font-weight: var(--sjs-font-pagetitle-weight, 700);\n font-size: var(--page-title-font-size);\n color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n position: static;\n line-height: calc(1.33 * (var(--page-title-font-size)));\n margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;\n}\n\n.sd-error {\n display: flex;\n flex-direction: column;\n gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-radius: var(--sjs-corner-radius, 4px);\n line-height: var(--sjs-font-size, 16px);\n font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n font-weight: 600;\n text-align: left;
2\n color: var(--sjs-special-red, var(--red, #e60a3e));\n white-space: normal;\n width: 100%;\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n box-sizing: border-box;\n}\n\n.sd-slider__tooltip-value {\n font-weight: 600;\n line-height: var(--lbr-font-small-line-height, size(2));\n color: var(--lbr-tooltip-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.sd-error--warning {\n background: var(--sjs-semantic-yellow-background-10, var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1))));\n}\n.sd-error--warning .sd-error__item {\n color: var(--sjs-semantic-yellow-background-500, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));\n}\n\n.sd-error--info {\n background: var(--sjs-semantic-blue-background-10, var(--sjs-special-blue-light, var(--blue-light, rgba(67, 127, 217, 0.1))));\n}\n.sd-error--info .sd-error__item {\n color: var(--sjs-semantic-blue-background-500, var(--sjs-special-blue, #437fd9));\n}\n\n.sd-error__item {\n font-family: var(--lbr-font-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n font-size: var(--lbr-font-small-size, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n font-style: normal;\n font-weight: 600;\n line-height: var(--lbr-font-small-line-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n\n.sd-element--expanded > .sd-element__header,\n.sd-element--collapsed > .sd-element__header {\n cursor: pointer;\n}\n\n.sd-element--collapsed > .sd-element__header {\n padding: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sd-base-padding);\n box-sizing: border-box;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n margin-inline-start: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n}\n.sd-element--collapsed.sd-element--with-frame {\n padding-top: 0;\n padding-bottom: 0;\n}\n.sd-element--collapsed.sd-element--with-frame > .sd-element__header {\n padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n}\n.sd-element--collapsed > .sd-element__header:focus-within, .sd-element--collapsed > .sd-element__header:hover {\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sd-element--collapsed.sd-element--nested > .sd-element__header:hover, .sd-element--collapsed.sd-element--nested > .sd-element__header:focus-within {\n box-shadow: 0 calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0 var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)), 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n\n.sd-element--complex.sd-element--with-frame {\n padding-top: 0;\n}\n\n.sd-element--complex.sd-element--nested-with-borders > .sd-element__erbox,\n.sd-element--complex.sd-element--with-frame > .sd-element__erbox {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.sd-element--complex >
2 .sd-element__header:after {\n content: " ";\n display: block;\n height: 1px;\n position: relative;\n background: var(--sjs-border-light, var(--border-light, #eaeaea));\n bottom: 0;\n}\n\n.sd-element--complex.sd-element--with-frame > .sd-element__header {\n padding-top: var(--sd-base-vertical-padding);\n padding-bottom: var(--sd-base-vertical-padding);\n}\n\n.sd-element--collapsed.sd-element--complex > .sd-element__header {\n padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-element--nested.sd-element--complex > .sd-element__header--location-top:after {\n bottom: calc(-0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-element--nested-with-borders {\n border: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n border-radius: calc(var(--sjs-corner-radius, 4px) - 4px);\n box-sizing: border-box;\n padding-left: var(--sd-base-padding);\n padding-right: var(--sd-base-padding);\n}\n.sd-element--nested-with-borders > .sd-element__header--location-top {\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n.sd-element--nested-with-borders > .sd-element__erbox {\n margin-left: calc(-1 * var(--sd-base-padding));\n margin-right: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n}\n.sd-element--nested-with-borders > .sd-question__erbox--below-question {\n bottom: 0;\n margin-top: 0;\n}\n.sd-element--nested-with-borders.sd-element--collapsed > .sd-element__header--location-top:hover, .sd-element--nested-with-borders.sd-element--collapsed > .sd-element__header--location-top:focus-within {\n box-shadow: none;\n}\n\n.sd-element--nested-with-borders > .sd-element__header--location-top:after,\n.sd-element--complex.sd-element--with-frame > .sd-element__header--location-top:after {\n bottom: calc(-1 * var(--sd-base-vertical-padding));\n inset-inline-start: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n}\n\n.sd-element--collapsed.sd-element--complex > .sd-element__header--location-top:after {\n display: none;\n}\n\n.sd-question--empty.sd-question--complex > .sd-question__content {\n padding-top: 0;\n padding-bottom: 0;\n}\n.sd-question--empty.sd-question--complex > .sd-question__content:first-of-type {\n padding-top: var(--sd-base-padding);\n}\n.sd-question--empty.sd-question--complex > .sd-question__header--location-top {\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n.sd-question--empty.sd-question--complex > .sd-question__header--location-top:after {\n display: none;\n}\n\n.sd-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n position: static;\n width: 100%;\n box-sizing: border-box;\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n font-weight: var(--sjs-font-editorfont-weight, 400);\n color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));\n background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n border: none;\n border-radius: var(--sjs-editorpanel-cornerRadius, var(--sjs-corner-radius, 4px));\n text-align: start;\n box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n transition: box-shadow var(--sjs-transition-duration, 150ms);\n display: block;\n}\n\n.sd-input:focus {\n box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-input.sd-input:focus {\n outline: none;\n}\n\ninput.sd-input:disabled:not(.sd-input--disabled),\ntextarea.sd-input:disabled:not(.sd-input--disabled) {\n opacity: 1;\n}\n\n.sd-input--disabled {\n background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n}\n\n.sd-input--readonly {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sd-input.sd-input--preview {\n background: none;\n box-shadow: none;\n transition: none;\n border-bottom: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));\n border-radius: 0;\n padding-left: 0;\n padding-right: 0;\n}\n\n.sd-input::placeholder {\n color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.sd-input.sd-input--disabled,\n.sd-input.sd-input--disabled::placeholder {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n\n.sd-input.sd-input--readonly {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n box-shadow: none;\n transition: none;\n}\n\n.sd-input.sd-input--readonly::placeholder {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-root--readonly .sd-input--disabled,\n.sd-root--readonly .sd-input--disabled::placeholder {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-input--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-text__content {\n position: relative;\n}\n\n.sd-text__character-counter {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sd-text__character-counter:focus-within {\n padding-inline-end: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-text__character-counter.sd-text__character-counter--big:focus-within {\n padding-inline-end: calc(11 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-remaining-character-counter {\n display: none;\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-end;\n padding: 0px;\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n font-size: var(--sjs-font-size, 16px);\n color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n position: absolute;\n inset-inline-end: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n inset-block-end: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-text__content:focus-within .sd-remaining-character-counter,\n.sd-comment__content:focus-within .sd-remaining-character-counter,\n.sd-multipletext__content:focus-within .sd-remaining-character-counter,\n.sd-matrix__question-wrapper:focus-within .sd-remaining-character-counter {\n display: flex;\n}\n\n.sd-input[type=time],\n.sd-input[type=date],\n.sd-input[type=datetime-local],\n.sd-input[type=week],\n.sd-input[type=month],\n.sd-input[type=tel],\n.sd-input[type=password],\n.sd-input[type=url],\n.sd-input[type=email],\n.sd-input[type=color],\n.sd-input[type=range] {\n box-sizing: content-box;\n width: calc(100% - 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n}\n.sd-input[type=time].sd-text__character-counter:focus-within,\n.sd-input[type=date].sd-text__character-counter:focus-within,\n.sd-input[type=datetime-local].sd-text__character-counter:focus-within,\n.sd-input[type=week].sd-text__character-counter:focus-within,\n.sd-input[type=month].sd-text__character-counter:focus-within,\n.sd-input[type=tel].sd-text__character-counter:focus-within,\n.sd-input[type=password].sd-text__character-counter:focus-within,\n.sd-input[type=url].sd-text__character-counter:focus-within,\n.sd-input[type=email].sd-text__character-counter:focus-within,\n.sd-input[type=color].sd-text__character-counter:focus-within,\n.sd-input[type=range].sd-text__character-counter:focus-within {\n width: calc(100% - 10 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-input[type=time]:not(.sd-input--value-changed),\n.sd-input[type=date]:not(.sd-input--value-changed),\n.sd-input[type=datetime-local]:not(.sd-input--value-changed),\n.sd-input[type=week]:not(.sd-input--value-changed),\n.sd-input[type=month]:not
2(.sd-input--value-changed) {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-input[type=range]::-webkit-slider-runnable-track {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-radius: var(--sjs-base-unit, var(--base-unit, 8px));\n height: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n margin-top: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-radius: 100%;\n border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n box-shadow: inset 0 0 0 2px var(--background, #fff);\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-input[type=range]::-moz-range-track {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-radius: var(--sjs-base-unit, var(--base-unit, 8px));\n height: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-input[type=range]::-moz-range-thumb {\n -webkit-appearance: none;\n appearance: none;\n margin-top: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-radius: 100%;\n border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n box-shadow: inset 0 0 0 2px var(--background, #fff);\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-comment {\n display: block;\n height: auto;\n min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n max-width: 100%;\n}\n\n.sd-comment__content {\n position: relative;\n}\n\n.sd-panel {\n position: relative;\n}\n\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header {\n padding-top: 0;\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-panel.sd-panel--as-page >
2 .sd-panel__header.sd-panel__header:after {\n content: none;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title {\n --page-title-font-size: var(--sjs-font-pagetitle-size, calc(1.5 * (var(--sjs-font-size, 16px))));\n font-family: var(--sjs-font-pagetitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n font-weight: var(--sjs-font-pagetitle-weight, 700);\n font-size: var(--page-title-font-size);\n color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n position: static;\n line-height: calc(1.33 * (var(--page-title-font-size)));\n margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title span {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n color: inherit;\n line-height: inherit;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-element__num {\n padding: initial;\n margin: initial;\n float: initial;\n width: initial;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__description {\n font-family: var(--sjs-font-pagedescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n font-weight: var(--sjs-font-pagedescription-weight, 400);\n font-size: var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px));\n color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n position: static;\n line-height: calc(1.5 * (var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px))));\n margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__required-text {\n display: none;\n}\n.sd-panel.sd-panel--as-page > .sd-panel__errbox {\n margin: 0 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n padding: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-base-padding);\n}\n.sd-panel.sd-panel--as-page > .sd-panel__content {\n padding-top: 0;\n}\n\n.sd-root--compact .sd-panel--as-page > .sd-panel__errbox {\n margin: 0 0 var(--sd-base-vertical-padding) 0;\n}\n\n.sd-row ~ .sd-row .sd-panel--as-page {\n padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-panel__required-text {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-panel__footer {\n box-sizing: border-box;\n padding-left: calc(var(--sd-base-padding) - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n margin-bottom: calc(-1 * var(--sd-base-padding) + 0.5 * var(--sd-base-vertical-padding));\n margin-top: calc(0.5 * var(--sd-base-vertical-padding));\n border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n padding-top: calc(0.5 * var(--sd-base-vertical-padding));\n}\n\n.sd-panel--as-page .sd-panel__footer {\n padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0;\n margin: 0;\n border: none;\n width: initial;\n}\n\n.sd-panel__content {\n padding-top: var(--sd-base-padding);\n}\n\n.sd-panel.sd-element--nested > .sd-panel__content {\n padding-bottom: var(--sd-base-padding);\n --animation-padding-top: var(--sd-base-padding);\n}\n\n.sd-panel__content {\n --animation-padding-top: var(--sd-base-padding);\n}\n\n.sjs_sp_placeholder {\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));\n line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n z-index: 1;\n user-select: none;\n pointer-events: none;\n width: 100%;\n height: 100%;\n}\n\n.sjs_sp_container {\n position: relative;\n max-width: 100%;\n border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n box-sizing: content-box;\n}\n.sjs_sp_container > div > canvas:focus {\n outline: none;\n}\n\n.sd-question--readonly .sjs_sp_container,\n.sd-question--preview .sjs_sp_container {\n border: none;\n}\n.sd-question--readonly .sjs_sp_placeholder,\n.sd-question--preview .sjs_sp_placeholder {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sjs_sp_controls {\n position: absolute;\n left: 0;\n bottom: 0;\n}\n.sjs_sp_controls > button {\n user-select: none;\n}\n.sjs_sp_controls.sd-signaturepad__controls {\n right: var(--sjs-base-unit, var(--base-unit, 8px));\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n left: auto;\n bottom: auto;\n}\n\n.sd-question--signature.sd-question--error .sjs_sp_placeholder {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-signaturepad__background-image {\n position: absolute;\n top: 0;\n left: 0;\n object-fit: cover;\n}\n\n.sd-signaturepad__loading-indicator {\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n}\n.sd-signaturepad__loading-indicator .sd-loading-indicator {\n position: absolute;\n right: var(--sjs-base-unit, var(--base-unit, 8px));\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sjs_sp_canvas {\n position: relative;\n max-width: 100%;\n display: block;\n}\n\n.sjs_sp__background-image {\n position: absolute;\n top: 0;\n left: 0;\n object-fit: cover;\n max-width: 100%;\n width: 100%;\n height: 100%;\n}\n\n.sd-checkbox__decorator {\n border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));\n}\n\n.sd-checkbox__svg {\n display: block;\n width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-checkbox__svg use {\n fill: transparent;\n transition: fill var(--sjs-transition-duration, 150ms);\n}\n\n.sd-checkbox--checked .sd-checkbox__svg use {\n fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-checkbox--checked.sd-checkbox--readonly .sd-checkbox__svg use {\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-checkbox--checked.sd-checkbox--preview .sd-checkbox__svg use {\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-checkbox--label-rendered {\n display: flex;\n flex-direction: column;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-checkbox--label-rendered .sd-description {\n padding-left: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {\n position: sticky;\n left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n z-index: 12;\n}\n\n.sd-question--mobile .sd-matrixdynamic__footer::before {\n z-index: 12;\n content: " ";\n display: block;\n position: relative;\n height: 1px;\n background-color: var(--sjs-border-light, var(--border-light, #eaeaea));\n left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(100% + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n z-index: 12;\n}\n\n.sd-matrixdynamic__footer:first-child {\n padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-matrixdynamic__footer:first-child::before {\n display: none;\n}\n\n.sd-matrixdynamic__footer {\n padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-action.sd-matrixdynamic__remove-btn {\n opacity: 0.5;\n}\n\n.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {\n width: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n}\n\n.sd-matrixdynamic__btn {\n appearance: none;\n background: transparent;\n border: none;\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n font-size: var(--sjs-font-size, 16px);\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-weight: 600;\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n}\n\n.sd-matrixdynamic__drag-element {\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-matrixdynamic__drag-element:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}
2\n.sd-matrixdynamic__drag-element:after {\n content: " ";\n display: block;\n height: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n box-sizing: border-box;\n border-radius: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-matrixdynamic__placeholder .sd-matrixdynamic__add-btn {\n margin-left: 0;\n}\n\n.sd-table__row:hover .sd-drag-element__svg {\n visibility: visible;\n}\n\n.sd-table__cell.sd-table__cell--drag > div {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-left: calc(-4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-drag-element__svg {\n width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: block;\n cursor: pointer;\n visibility: hidden;\n}\n.sd-drag-element__svg use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n@keyframes borderAnimation {\n from {\n border-width: 0px;\n }\n to {\n border-width: 8px;\n }\n}\n@keyframes paddingAnimation {\n from {\n padding-top: 0;\n padding-bottom: 0;\n }\n to {\n padding-top: 24px;\n padding-bottom: 32px;\n }\n}\n@keyframes empty {}\n.sd-table__row--leave,\n.sd-table__row--enter {\n animation-name: empty;\n --move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay));\n --fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay));\n animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration));\n}\n.sd-table__row--leave > td,\n.sd-table__row--enter > td {\n animation-name: borderAnimation;\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n animation-duration: var(--move-animation-duration);\n animation-fill-mode: forwards;\n animation-delay: var(--move-animation-delay);\n}\n.sd-table__row--leave > td > div,\n.sd-table__row--enter > td > div {\n animation-name: fadeIn, moveInWithOverflow;\n opacity: 0;\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n animation-fill-mode: forwards;\n animation-duration: var(--fade-animation-duration), var(--move-animation-duration);\n animation-delay: var(--fade-animation-delay), var(--move-animation-delay);\n}\n\n.sd-table__row--enter {\n --move-animation-delay: 0s;\n --move-animation-duration: var(--sjs-matrix-row-move-in-duration, 150ms);\n --fade-animation-duration: var(--sjs-matrix-row-fade-in-duration, 250ms);\n --fade-animation-delay: var(--sjs-matrix-row-fade-in-delay, 150ms);\n --animation-direction: normal;\n --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n}\n\n.sd-table__row--leave {\n --move-animation-delay: var(--sjs-matrix-row-move-out-delay, 100ms);\n --move-animation-duration: var(--sjs-matrix-row-move-out-duration, 250ms);\n --fade-animation-duration: var(--sjs-matrix-row-fade-out-duration, 100ms);\n --fade-animation-delay: 0s;\n --animation-direction: reverse;\n --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n}\n\n.sd-table__row--detail.sd-table__row--enter > td, .sd-table__row--detail.sd-table__row--leave > td {\n animation-name: borderAnimation, paddingAnimation;\n animation-duration: var(--move-animation-duration);\n animation-fill-mode: forwards;\n animation-direction: var(--animation-direction);\n animation-timing-function: var(--animation-timing-function);\n}\n.sd-table__row--detail.sd-table__row--enter {\n --move-animation-delay: 0s;\n --move-animation-duration: var(--sjs-matrix-detail-row-move-in-duration, 150ms);\n --fade-animation-duration: var(--sjs-matrix-detail-row-fade-in-duration, 500ms);\n --fade-animation-delay: var(--sjs-matrix-detail-row-fade-in-delay, 150ms);\n --animation-direction: normal;\n --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n}\n.sd-table__row--detail.sd-table__row--leave {\n --move-animation-delay: var(--sjs-matrix-detail-row-move-out-delay, 100ms);\n --move-animation-duration: var(--sjs-matrix-detail-row-move-out-duration, 250ms);\n --fade-animation-duration: var(--sjs-matrix-detail-row-fade-out-duration, 150ms);\n --fade-animation-delay: 0s;\n --animation-direction: reverse;\n --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n}\n\n.sd-table {\n width: 100%;\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n border-collapse: separate;\n border-spacing: 0;\n white-space: normal;\n}\n.sd-table > thead > tr > th {\n border-top: 0;\n border-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n}\n\n.sd-table__cell {\n border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;\n border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;\n border-left: none;
2\n border-right: none;\n background-clip: padding-box;\n box-sizing: content-box;\n}\n\n.sd-table.sd-table--columnsautowidth .sd-table__cell:not(.sd-table__cell--actions):not(.sd-table__cell--action):not(.sd-table__cell--empty.sd-table__cell--error) {\n width: 10000px;\n}\n\n.sd-table__row:first-of-type > .sd-table__cell {\n border-top: 0;\n}\n\n.sd-table__row:last-of-type > .sd-table__cell {\n border-bottom: 0;\n}\n\n.sd-table--align-top .sd-table__cell {\n vertical-align: top;\n}\n\n.sd-table--no-header {\n padding-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-table--no-header {\n padding-top: 0;\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table .sd-question__content {\n padding-bottom: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-bottom: calc(-0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__header ~ .sd-question__content {\n padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n --animation-padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__header ~ .sd-question__content .sd-table--no-header {\n padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n margin-top: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table.sd-question--error-top > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n margin-top: 0;\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content > .sd-row:not(:first-of-type) .sd-question--table > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n margin-top: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content > .sd-row:not(:first-of-type) .sd-question--table.sd-question--error-top > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n margin-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__header ~ .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-panel:not(.sd-panel--as-page) > .sd-panel__content > .sd-row:not(:first-of-type) .sd-question--table > .sd-question__header ~ .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows {\n margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n width: calc(100% - 2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__cell:not(.sd-table__cell--header):first-of-type {\n padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__cell:last-of-type {\n padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:first-of-type > .sd-table__cell {\n border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:last-of-type > .sd-table__cell {\n border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions),\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type {\n border-top-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n border-bottom-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions).sd-matrix__text--checked,\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type.sd-matrix__text--checked {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-input,\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-input {\n background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error) .sd-item__decorator,\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error) .sd-item__decorator {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator,\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--checked .sd-item__control:focus + .sd-item__decorator,\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--checked .sd-item__control:focus + .sd-item__decorator {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--readonly.sd-item--checked .sd-item__decorator,\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--readonly.sd-item--checked .sd-item__decorator {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--preview.sd-item--preview .sd-item__decorator,\n.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--preview.sd-item--preview .sd-item__decorator {\n background-color: transparent;\n}\n\n.sd-table__cell {\n font-weight: normal;\n font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));\n line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n text-align: center;\n}\n.sd-table__cell:not(.sd-table__cell--empty):not(.sd-table__cell--actions):not(:empty) {\n min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-table__cell .sd-item {\n text-align: initial;\n}\n\n.sd-table__cell--error {\n border: none;\n padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-table__cell--error .sd-question__erbox {\n margin: 0;\n}\n\n.sd-table__cell--error-top {\n vertical-align: bottom;\n padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-table__cell--error-bottom {\n vertical-align: top;\n padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-table__cell--item .sd-selectbase__item {\n text-align: center;\n justify-content: center;\n}\n.sd-table__cell--item .sd-selectbase__label {\n justify-content: center;\n}\n\n.sd-question--disabled .sd-table__cell {\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-question--disabled .sd-table__cell {\n opacity: 1;\n}\n\n.sd-table__cell--header .sv-vue-title-additional-div,\n.sd-table__cell--header {\n font-size: 0;\n line-height: 0;\n}\n\n.sd-table__cell--header span {\n font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));\n line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n font-weight: var(--sjs-font-questiontitle-weight, 600);\n}\n\n.sd-table__cell--header {\n font-weight: 600;\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n vertical-align: top;\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-table__cell--header:not(.sd-table__cell--empty) {\n min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--empty {\
2n min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--action {\n min-width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty) {\n min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--dropdown, .sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--rating {\n min-width: calc(22 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--boolean {\n min-width: calc(18 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-table__cell--footer {\n text-align: end;\n padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-table__cell--footer-total {\n font-weight: 600;\n text-align: start;\n}\n\n.sd-table__cell--detail-panel {\n border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;\n padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;\n}\n\n.sd-table__cell--actions .sv-action-bar,\n.sd-matrixdynamic__add-btn .sv-action-bar {\n overflow: visible;\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical) {\n width: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-table__cell--actions:not(.sd-table__cell--vertical):not(.sd-table__cell--drag):first-of-type {\n padding-left: 0;\n width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n min-width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-table__cell--detail-button {\n border: none;\n background: transparent;\n border-radius: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n transition: background var(--sjs-transition-duration, 150ms);\n}\n.sd-table__cell--detail-button svg {\n display: block;\n width: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));\n height: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));\n fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n transition: fill var(--sjs-transition-duration, 150ms);\n}\n.sd-table__cell--detail-button:hover, .sd-table__cell--detail-button:focus {\n background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n outline: none;\n}\n.sd-table__cell--detail-button:hover svg, .sd-table__cell--detail-button:focus svg {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-table__cell--actions {\n white-space: nowrap;\n}\n.sd-table__cell--actions.sd-table__cell--vertical .sd-action-bar {\n justify-content: center;\n}\n\n.sd-table__cell--row-text {\n font-weight: var(--sjs-font-questiontitle-weight, 600);\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n text-align: start;\n min-width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-matrix__question-wrapper {\n position: relative;\n}\n\n.sd-table__question-wrapper:not(:focus-within):hover {\n position: relative;\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical),\n.sd-table__cell--empty,\n.sd-table__cell--row-text,\n.sd-table__cell--footer-total,\n.sd-matrix__cell:first-of-type,\n.sd-matrix tr > td:first-of-type {\n position: sticky;\n background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n z-index: 12;\n}\n.sd-table__cell--actions:not(.sd-table__cell--vertical):first-of-type,\n.sd-table__cell--empty:first-of-type,\n.sd-table__cell--row-text:first-of-type,\n.sd-table__cell--footer-total:first-of-type,\n.sd-matrix__cell:first-of-type:first-of-type,\n.sd-matrix tr > td:first-of-type:first-of-type {\n left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-table__cell--actions:not(.sd-table__cell--vertical):last-of-type,\n.sd-table__cell--empty:last-of-type,\n.sd-table__cell--row-text:last-of-type,\n.sd-table__cell--footer-total:last-of-type,\n.sd-matrix__cell:first-of-type:last-of-type,\n.sd-matrix tr > td:first-of-type:last-of-type {\n right: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-table__cell--actions:not(.sd-table__cell--vertical):last-child .sd-action-bar {\n margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n justify-content: flex-end;\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n}\n\n.sd-question.sd-question--table {\n position: relative;\n overflow-x: auto;\n}\n\n.sd-question--table.sd-element--collapsed,\n.sd-question--table.sd-element--nested {\n overflow-x: visible;\n}\n\n.sd-table-wrapper {\n display: flex;\n margin: 0 calc(-1 * var(--sd-base-padding));\n width: fit-content;\n min-width: calc(100% + 2 * var(--sd-base-padding));\n}
2\n.sd-table-wrapper:before, .sd-table-wrapper:after {\n content: "";\n display: block;\n position: sticky;\n min-height: 100%;\n width: calc(var(--sd-base-padding) - var(--sjs-base-unit, var(--base-unit, 8px)));\n flex-shrink: 0;\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n z-index: 11;\n}\n.sd-table-wrapper::before {\n left: calc(-1 * var(--sd-base-padding));\n}\n.sd-table-wrapper:after {\n right: calc(-1 * var(--sd-base-padding));\n}\n.sd-table-wrapper > * {\n flex-basis: 100%;\n}\n\n.sd-table-wrapper--left {\n margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n min-width: calc(100% + 1 * var(--sd-base-padding));\n}\n.sd-table-wrapper--left::before {\n left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-element--with-frame.sd-element--compact .sd-table {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sd-element--with-frame.sd-element--compact .sd-table-wrapper:before, .sd-element--with-frame.sd-element--compact .sd-table-wrapper:after {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sd-element--with-frame.sd-element--compact .sd-table__cell--actions:not(.sd-table__cell--vertical):last-child .sd-action-bar {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sd-element--with-frame.sd-element--compact .sd-table__cell--actions:not(.sd-table__cell--vertical),\n.sd-element--with-frame.sd-element--compact .sd-table__cell--empty,\n.sd-element--with-frame.sd-element--compact .sd-table__cell--row-text,\n.sd-element--with-frame.sd-element--compact .sd-table__cell--footer-total,\n.sd-element--with-frame.sd-element--compact .sd-matrix__cell:first-of-type,\n.sd-element--with-frame.sd-element--compact .sd-matrix tr > td:first-of-type {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sd-question--table > .sd-question__header,\n.sd-question--table .sd-question__description--under-input .sv-string-viewer {\n position: sticky;\n left: 0;\n}\n.sd-question--table > .sd-question__content {\n padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n --animation-padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n min-width: min-content;\n}\n.sd-question--table.sd-element--nested > .sd-question__content {\n min-width: auto;\n overflow-x: auto;\n}\n.sd-question--table.sd-element--nested > .sd-question__content, .sd-question--table:not(.sd-element--with-frame):not(.sd-element--nested) {\n padding-right: var(--sd-base-padding);\n margin-right: calc(-1 * var(--sd-base-padding));\n padding-left: var(--sd-base-padding);\n margin-left: calc(-1 * var(--sd-base-padding));\n box-sizing: content-box;\n}\n\n.sd-row--multiple .sd-question--table.sd-element--nested > .sd-question__content {\n padding-right: calc(var(--sd-base-padding) + 2px);\n}\n\n.sd-question--scroll {\n overflow-x: scroll;\n}\n\n.sd-table__row-disabled > .sd-table__cell {\n opacity: 0.25;\n}\n\n.sd-question--mobile.sd-question.sd-question--table > .sd-question__content {\n padding-top: 0;\n --animation-padding-top: 0;\n}\n.sd-question--mobile.sd-question--table, .sd-question--mobile.sd-question--scroll {\n overflow-x: visible;\n}\n.sd-question--mobile > .sd-question__content {\n min-width: auto;\n}\n.sd-question--mobile .sd-table-wrapper {\n width: auto;\n}\n.sd-question--mobile .sd-table {\n display: block;\n width: calc(100% - 2 * var(--sd-base-padding) + 2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-question--mobile .sd-table > tbody {\n display: block;\n}\n.sd-question--mobile .sd-table > tfoot {\n display: block;\n}\n.sd-question--mobile .sd-table__cell.sd-matrix__cell {\n display: flex;\n align-items: flex-start;\n border-top: none;\n border-bottom: none;\n}\n.sd-question--mobile .sd-table__cell.sd-matrix__cell .sd-matrix__responsive-title {\n margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n text-align: start;\n}\n.sd-question--mobile .sd-table__cell.sd-matrix__cell:first-of-type {\n padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-question--mobile .sd-table thead {\n display: none;\n}\n.sd-question--mobile .sd-table tr {\n display: flex;\n flex-direction: column;\n}\n.sd-question--mobile .sd-matrix__table .sd-table__row {\n padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-question--mobile .sd-table__row {\n padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table__row--expanded .sd-table__cell-action--show-detail-mobile {\n display: none;\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) .sd-table__row {\n padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) .sd-table__row.sd-table__row--has-end-actions {\n padding-bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions) {\n padding-bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions):not(:last-of-type) {\n padding-bottom: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions):not(:last-of-type)::after {\n bottom: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) tfoot tr::before,\n.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--expanded)::after {\n z-index: 12;\n content: " ";\n display: block;\n position: relative;\n height: 1px;\n background-color: var(--sjs-border-light, var(--border-light, #eaeaea));\n left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n z-index: 12;\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--expanded)::after {\n bottom: 0;\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:last-of-type::after {\n display: none;\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) tfoot tr {\n padding-top: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table:not(.sd-matrix__table) tfoot tr::before {\n background-color: transparent;\n}\n.sd-question--mobile .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type .sd-table__cell-action--show-detail-mobile,\n.sd-question--mobile .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type .sd-table__cell-action--remove-row {\n margin-bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-matrix__label {\n justify-content: flex-start;\n}\n.sd-question--mobile .sd-table__cell {\n border-top: none;\n border-bottom: none;\n display: block;\n padding-top: 0;\n padding-bottom: 0;\n text-align: start;\n}\n.sd-question--mobile .sd-table__cell {\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table__cell--error {\n margin-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table__cell--error.sd-table__cell--error-bottom .sd-question__erbox {\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-question--mobile .sd-table__cell:first-of-type,\n.sd-question--mobile .sd-matrix__cell {\n margin-top: 0;\n}\n.sd-question--mobile .sd-table__cell--footer:not(.sd-question--answered) {\n display: none;\n}\n.sd-question--mobile .sd-table__responsive-title {\n padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n font-weight: 600;\n display: block;\n text-align: start;\n}\n.sd-question--mobile .sd-table__responsive-title .sv-string-viewer {\n white-space: normal;\n}\n.sd-question--mobile .sd-table--no-header {\n padding-top: 0;\n}\n.sd-question--mobile .sd-table--no-header .sd-table__responsive-title {\n display: none;\n}\n.sd-question--mobile .sd-table__cell--detail-panel {\n padding-top: 0;\n padding-bottom: 0;\n border-top: 0;\n border-bottom: 0;\n}\n.sd-question--mobile .sd-table__cell--detail-panel .sd-panel__content {\n padding-top: 0;\n}\n.sd-question--mobile .sd-table__cell.sd-table__cell--actions {\n width: auto;\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-question--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar {\n margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-question--mobile .sd-table__cell.sd-table__cell--actions .sv-action--show-detail-mobile {\n flex-grow: 1;\n}\n.sd-question--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn {\n opacity: 1;\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {\n display: none;\n}\n.sd-question--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn:after {\n
2content: attr(title);\n}\n.sd-question--mobile .sd-matrixdynamic__footer {\n padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n margin-bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table__cell--footer-total:not(.sd-matrix__cell),\n.sd-question--mobile .sd-table__cell--row-text:not(.sd-matrix__cell) {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-question--mobile .sd-matrixdropdown.sd-table tr::after {\n bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-matrixdropdown.sd-table tr:last-child:after {\n content: none;\n}\n.sd-question--mobile .sd-table__cell.sd-table__cell--error-top {\n margin-top: 0;\n}\n.sd-question--mobile .sd-table__cell--error-top:first-of-type ~ .sd-table__cell:nth-of-type(2) {\n margin-top: 0;\n}\n.sd-question--mobile .sd-table__cell--error-top .sd-question__erbox {\n margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-question--mobile .sd-table__cell--error-top:first-of-type .sd-question__erbox {\n margin-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-question--mobile .sd-table__question-wrapper .sd-boolean-root {\n margin: initial;\n}\n\n.sd-table__cell--detail-panel .sd-panel__content {\n padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-table__question-wrapper .sd-boolean-root {\n margin: auto;\n}\n\n.sd-table__cell--footer .sd-table__question-wrapper--expression .sd-expression {\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));\n font-size: var(--sjs-font-size, 16px);\n font-weight: 600;\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-table__cell--footer .sd-table__question-wrapper--left {\n text-align: start;\n}\n.sd-table__cell--footer .sd-table__question-wrapper--center {\n text-align: center;\n}\n.sd-table__cell--footer .sd-table__question-wrapper--right {\n text-align: end;\n}\n\n.sd-table.sd-matrixdynamic {\n table-layout: auto;\n}\n\n.sd-page {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 0 calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: 100%;\n box-sizing: border-box;\n}\n\n.sd-root-modern--mobile .sd-page {\n padding: 0;\n}\n\n.sd-page .sd-page__title {\n --page-title-font-size: var(--sjs-font-pagetitle-size, calc(1.5 * (var(--sjs-font-size, 16px))));\n font-family: var(--sjs-font-pagetitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n font-weight: var(--sjs-font-pagetitle-weight, 700);\n font-size: var(--page-title-font-size);\n color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n position: static;\n line-height: calc(1.33 * (var(--page-title-font-size)));\n margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;\n}\n\n.sd-page .sd-page__description {\n font-family: var(--sjs-font-pagedescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n font-weight: var(--sjs-font-pagedescription-weight, 400);\n font-size: var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px));\n color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n position: static;\n line-height: calc(1.5 * (var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px))));\n margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n\n.sd-page__errbox {\n padding: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-base-padding);\n}\n\n.sd-page__title ~ .sd-page__errbox,\n.sd-page__description ~ .sd-page__errbox {\n margin-top: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-root--compact .sd-page__title ~ .sd-page__errbox,\n.sd-root--compact .sd-page__description ~ .sd-page__errbox {\n margin-bottom: 0;\n}\n\n.sd-row {\n display: flex;\n flex-direction: row;\n width: 100%;\n box-sizing: border-box;\n margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row.sd-page__row {\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-page__row.sd-row--compact {\n margin-top: var(--sd-base-vertical-padding);\n}\n\n.sd-row:first-of-type {\n margin-top: 0;\n}\n\n.sd-page__title ~ .sd-row.sd-page__row:not(.sd-row--compact),\n.sd-page__description ~ .sd-row.sd-page__row:not(.sd-row--compact) {\n margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-page__title ~ .sd-page__row.sd-row--compact,\n.sd-page__description ~ .sd-page__row.sd-row--compact {\n margin-top: var(--sd-base-vertical-padding);\n}\n.sd-page__title ~ .sd-page__row.sd-row.sd-row--enter.sd-row-delayed-enter,\n.sd-page__description ~ .sd-page__row.sd-row.sd-row--enter.sd-row-delayed-enter {\n margin-top: 0;\n}\n\n.sd-row.sd-page__row:not(.sd-row--compact) ~ .sd-row.sd-page__row:not(.sd-row--compact) {\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-row.sd-page__row:not(.sd-row--compact) ~ .sd-page__row.sd-row.sd-row--enter.sd-row-delayed-enter {\n margin-top: 0;\n}\n\n.sd-row--multiple {\n row-gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + var(--sd-base-padding));\n flex-wrap: wrap;\n}\n.sd-row--multiple > div {\n box-sizing: border-box;\n --animation-padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: flex;\n align-items: stretch;\n}\n\n.sd-panel.sd-panel--as-page > .sd-panel__content > .sd-row--multiple:not(.sd-row--compact) {\n margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(100% + var(--base-unit) * 2);\n}\n\n.sd-panel:not(.sd-panel--as-page) .sd-row--multiple {\n row-gap: var(--sd-base-vertical-padding);\n}\n.sd-panel:not(.sd-panel--as-page) .sd-row--multiple > div {\n --animation-padding-left: var(--sd-base-padding);\n padding-left: var(--sd-base-padding);\n}\n\n.sd-row--multiple.sd-row--compact > div {\n --animation-padding-left: var(--sd-base-padding);\n padding-left: var(--sd-base-padding);\n}\n\n.sd-page__row.sd-row--multiple {\n margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(100% + 2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-page__row.sd-row--multiple.sd-row--compact {\n padding: 0;\n row-gap: var(--sd-base-vertical-padding);\n margin-left: calc(-1 * var(--sd-base-padding));\n width: calc(100% + var(--sd-base-padding));\n}\n\n.sd-row__panel {\n box-sizing: border-box;\n width: 100%;\n}\n\n.sd-row__question {\n box-sizing: border-box;\n width: 100%;\n white-space: nowrap;\n}\n\n.sd-row.sd-row--enter {\n margin-top: 0;\n}\n\n.sd-row--enter {\n animation-fill-mode: forwards;\n animation-name: fadeIn, moveInWithOverflow;\n min-height: 0 !important;\n opacity: 0;\n height: 0;\n animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n animation-delay: var(--sjs-row-fade-in-delay, 150ms), 0s, 0s;\n animation-duration: var(--sjs-row-fade-in-duration, 500ms), var(--sjs-row-move-in-duration, 150ms), var(--sjs-row-move-in-duration, 150ms);\n}\n\n.sd-row--delayed-enter {\n animation-delay: calc(var(--sjs-row-fade-in-delay, 150ms) + var(--sjs-row-fade-in-animation-delay, 400ms)), var(--sjs-row-fade-in-animation-delay, 400ms), var(--sjs-row-fade-in-animation-delay, 400ms);\n}\n\n.sd-row--leave {\n animation-name: fadeIn, moveInWithOverflow;\n animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n animation-fill-mode: forwards;\n animation-direction: reverse;\n min-height: 0 !important;\n animation-delay: 0s, var(--sjs-row-move-out-delay, 100ms), var(--sjs-row-move-out-delay, 100ms);\n animation-duration: var(--sjs-row-fade-out-duration, 150ms), var(--sjs-row-move-out-duration, 250ms), var(--sjs-row-move-out-duration, 250ms);\n}\n\n.sd-row--enter .sd-element-wrapper--enter {\n animation: none;\n}\n\n.sd-row--leave .sd-element-wrapper--leave {\n animation: none;\n}\n\n.sv-skeleton-element {\n min-height: 50px;\n}\n\n.sd-title {\n display: block;\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-style: normal;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n flex-direction: row;\n white-space: normal;\n}\n\n.sd-title.sd-container-modern__title {\n display: flex;\n align-items: center;\n padding: var(--sd-page-vertical-padding) var(--sd-page-vertical-padding);\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-shadow: 0px 2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-title.sd-container-modern__title .sd-logo.sv-logo--right {\n margin-left: auto;\n}\n.sd-title.sd-container-modern__title .sd-logo__image {\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-header__text {\n display: flex;\n flex-direction: column;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n flex-grow: 1;\n}\n.sd-header__text .sd-title {\n --survey-title-font-size: var(--sjs-font-surveytitle-size, calc(2 * (var(--sjs-font-size, 16px))));\n font-size: var(--survey-title-font-size);\n line-height: calc(1.25 * (var(--survey-title-font-size)));\n color: var(--sjs-font-surveytitle-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n font-family: var(--sjs-font-surveytitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n font-weight: var(--sjs-font-surveytitle-weight, 700);\n}\n.sd-header__text h3 {\n line-height: calc(2.5 * (var(--sjs-font-size, 16px)));\n}\n.sd-header__text h5 {\n font-size: var(--sjs-font-size, 16px);\n font-weight: 400;\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n}\n.sd-header__text .sd-description {\n --survey-description-font-size: var(--sjs-font-surveydescription-size, var(--sjs-font-size, 16px));\n font-size: var(--survey-description-font-size);\n line-height: calc(1.5 * (var(--survey-description-font-size)));\n color: var(--sjs-font-surveydescription-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n font-family: var(--sjs-font-surveydescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n font-weight: var(--sjs-font-surveydescription-weight, 400);\n}\n\n.sd-title .sv-title-actions {\n width: 100%;\n justify-content: space-between;\n}\n\n.sd-root-modern .sd-container-modern__title {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sd-root-modern .sd-container-modern__title .sd-header__text h3 {\n margin: 0;\n}\n.sd-root-modern .sd-container-modern__title .sd-description {\n margin: 0;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-title .sv-title-actions {\n align-items: flex-start;\n width: calc(100% + 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-title .sv-title-actions .sv-title-actions__title {\n flex-wrap: wrap;\n flex: 0 1 auto;\n max-width: calc(100% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n white-space: initial;\n min-width: unset;\n}\n\n.sd-root--compact .sd-title .sv-title-actions {\n width: 100%;\n}\n\n.sd-action-title-bar {\n flex: 1 9 auto;\n min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n justify-content: flex-end;\n margin: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n.sd-action-title-bar .sv-action {\n flex: 0 0 auto;\n}
2\n\n.sd-action-title-bar.sd-action-bar--empty {\n min-width: 0;\n}\n\n.sd-description {\n font-style: normal;\n font-family: var(--sjs-font-questiondescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n font-weight: var(--sjs-font-questiondescription-weight, 400);\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n font-size: var(--sjs-font-questiondescription-size, var(--sjs-font-size, 16px));\n line-height: calc(1.5 * (var(--sjs-font-questiondescription-size, var(--sjs-font-size, 16px))));\n white-space: normal;\n}\n\n.sd-description.sd-question__description--under-input {\n padding-top: calc(0.375 * var(--sd-base-vertical-padding));\n}\n\n.sd-element__header .sd-description {\n margin-top: calc(0.25 * var(--sd-base-vertical-padding) - 0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-item {\n display: flex;\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n\n.sd-item--disabled.sd-item--disabled .sd-item__decorator,\n.sd-item__decorator {\n display: flex;\n align-items: center;\n justify-content: center;\n width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n border: none;\n flex-shrink: 0;\n margin-top: calc((1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))) - 3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) / 2);\n box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n transition: box-shadow var(--sjs-transition-duration, 150ms), background var(--sjs-transition-duration, 150ms);\n}\n\n.sd-item--readonly.sd-item--readonly.sd-item:not(.sd-item--checked) .sd-item__control:focus + .sd-item__decorator,\n.sd-item--readonly.sd-item--readonly .sd-item__decorator {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n box-shadow: none;\n transition: none;\n}\n\n.sd-item--preview.sd-item--preview .sd-item__decorator {\n background-color: transparent;\n box-shadow: none;\n transition: none;\n}\n\n.sd-item--checked .sd-item__decorator {\n box-shadow: none;\n}\n\n.sd-item__control:focus + .sd-item__decorator {\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n outline: none;\n box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-item--allowhover:not(.sd-item--readonly) .sd-selectbase__label:hover .sd-item__decorator {\n background: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));\n outline: none;\n}\n\n.sd-item--checked .sd-item__decorator {\n background: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-item__control-label {\n font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n font-style: normal;\n font-weight: var(--sjs-font-editorfont-weight, 400);\n line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n white-space: normal;\n width: 100%;\n text-align: start;\n min-width: 0;\n}\n.sd-item__control-label .sv-string-viewer {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n display: block;\n}\n\n.sd-item--disabled .sd-item__control-label {\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n opacity: 0.25;\n}\n\n.sd-root--readonly .sd-item--disabled .sd-item__control-label {\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n}\n\n.sd-item--error .sd-item__decorator {\n background: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-selectbase {\n border: none;\n margin: 0;\n padding: 0;\n min-inline-size: 0;\n min-width: 0;\n}\n\n.sd-selectbase--row {\n border: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n column-gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-selectbase--multi-column {\n display: flex;\n flex: 1 1 0px;\n flex-wrap: nowrap;\n overflow: auto;\n padding: 2px;\n margin: -2px;\n}\n\n.sd-selectbase__label {\n display: inline-flex;\n position: relative;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n vertical-align: top;\n max-width: 100%;\n}\n\n.sd-selectbase__column {\n vertical-align: top;\n}\n\n.sd-selectbase__column {\n display: block;\n box-sizing: border-box;\n flex: 1 1 0px;\n max-width: 100%;\n}\n\n.sd-selectbase__column:not(:last-child) {\n padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-selectbase__column.sv-q-column-1 {\n width: 100%;\n}\n\n.sd-item--enter,\n.sd-item--leave {\n animation-name: moveInWithOverflow, fadeIn;\n opacity: 0;\n animation-fill-mode: forwards;\n animation-timing-function: linear;\n animation-direction: var(--animation-direction);\n animation-duration: var(--move-animation-duration), var(--fade-animation-duration);\n animation-delay: var(--move-animation-delay), var(--fade-animation-delay);\n}\n\n.sd-item--enter {\n --animation-direction: normal;\n --move-animation-duration: var(--sjs-ranking-move-in-duration, 150ms);\n --move-animation-delay: 0s;\n --fade-animation-duration: var(--sjs-ranking-fade-in-duration, 100ms);\n --fade-animation-delay: var(--sjs-ranking-fade-in-delay, 150ms);\n}\n\n.sd-item--leave {\n --animation-direction: reverse;\n --move-animation-duration: var(--sjs-ranking-move-out-duration, 150ms);\n --move-animation-delay: var(--sjs-ranking-move-out-delay, 0ms);\n --fade-animation-duration: var(--sjs-ranking-fade-out-duration, 100ms);\n --fade-animation-delay: 0s;\n}\n\ndiv[class*=sv-q-column-]:not(:first-of-type) .sd-item--enter {\n --move-animation-duration: 0s;\n --fade-animation-delay: 0s;\n}\n\n.sd-selectbase__other {\n margin-top: 0;\n}\n\n.sd-selectbase__other:not(:last-of-type) {\n margin-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-radio__decorator {\n border-radius: 50%;\n}
2\n.sd-radio__decorator:after {\n content: " ";\n display: block;\n width: var(--sjs-base-unit, var(--base-unit, 8px));\n height: var(--sjs-base-unit, var(--base-unit, 8px));\n border-radius: 50%;\n background-color: transparent;\n transition: background-color var(--sjs-transition-duration, 150ms);\n}\n\n.sd-radio--checked .sd-radio__decorator:after {\n content: " ";\n display: block;\n width: var(--sjs-base-unit, var(--base-unit, 8px));\n height: var(--sjs-base-unit, var(--base-unit, 8px));\n border-radius: 50%;\n background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-radio--checked.sd-radio--disabled .sd-radio__decorator:after {\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-radio--checked.sd-radio--readonly .sd-radio__decorator:after {\n background-color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-radio--checked.sd-radio--preview .sd-radio__decorator:after {\n display: none;\n}\n.sd-radio--checked.sd-radio--preview .sd-radio__decorator .sd-radio__svg {\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n display: block;\n width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-radio__svg {\n display: none;\n}\n\n.sd-visuallyhidden {\n position: absolute;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n.sd-matrix fieldset {\n border: none;\n padding: 0;\n margin: 0;\n}\n\n.sd-matrix__label {\n display: flex;\n position: relative;\n justify-content: center;\n}\n\n.sd-matrix__text {\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-matrix__text--checked {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-matrix__cell:first-of-type {\n font-weight: var(--sjs-font-questiontitle-weight, 600);\n text-align: start;\n}\n\n:root, :host {\n --sd-rating-bad-color: var(--sjs-special-red, var(--red, #e60a3e));\n --sd-rating-normal-color: var(--sjs-special-yellow, var(--yellow, #ff9814));\n --sd-rating-good-color: var(--sjs-special-green, var(--green, #19b394));\n --sd-rating-bad-color-light: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n --sd-rating-normal-color-light: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));\n --sd-rating-good-color-light: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sd-rating {\n overflow-x: auto;\n min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-rating fieldset {\n display: flex;\n border: none;\n padding: 0 0 2px 0;\n flex-wrap: nowrap;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n margin-inline-start: 0;\n align-items: center;\n}\n.sd-rating.sd-rating--wrappable fieldset {\n flex-wrap: wrap;\n min-width: 0;\n}\n.sd-rating.sd-rating--labels-top fieldset {\n padding-top: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n position: relative;\n}\n.sd-rating.sd-rating--labels-top fieldset .sd-rating__min-text {\n position: absolute;\n margin: 0;\n left: 0;\n top: 0;\n border: 0;\n}\n.sd-rating.sd-rating--labels-top fieldset .sd-rating__max-text {\n position: absolute;\n margin: 0;\n right: 0;\n top: 0;\n border: 0;\n}\n.sd-rating.sd-rating--labels-bottom fieldset {\n padding-bottom: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n position: relative;\n}\n.sd-rating.sd-rating--labels-bottom fieldset .sd-rating__min-text {\n position: absolute;\n margin: 0;\n left: 0;\n bottom: 0;\n border: 0;\n}\n.sd-rating.sd-rating--labels-bottom fieldset .sd-rating__max-text {\n position: absolute;\n margin: 0;\n right: 0;\n bottom: 0;\n border: 0;\n}\n.sd-rating.sd-rating--labels-diagonal fieldset {\n padding-top: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-bottom: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n position: relative;\n}\n.sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__min-text {\n position: absolute;\n margin: 0;\n left: 0;\n top: 0;\n border: 0;\n}\n.sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__max-text {\n position: absolute;\n margin: 0;\n right: 0;\n bottom: 0;\n border: 0;\n}\n\n.sd-rating--small {\n min-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin: auto;\n}\n.sd-rating--small fieldset {\n padding: 0;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-rating__item {\n position: relative;\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n white-space: nowrap;\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: flex;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n text-align: center;\n border: 0px solid transparent;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-size: var(--sjs-font-size, 16px);\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), inset 0 0 0 0px var(--sjs-general-backcolor, var(--background, #fff));\n transition: box-shadow var(--sjs-transition-duration, 150ms), background-color var(--sjs-transition-duration, 150ms);\n}\n\n.sd-rating__item--fixed-size {\n width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: 0;\n}\n\nlegend + .sd-rating__item,\nlegend + sv-ng-rating-item-smiley + .sd-rating__item-smiley,\nlegend + sv-ng-rating-item + .sd-rating__item {\n margin-inline-start: 2px;\n}\n\n.sd-rating__item--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n box-shadow: 0px 1px 2px transparent;\n border: none;\n}\n\n.sd-rating__item.sd-rating__item--disabled {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--disabled {\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n background-color: var(--lbr-dialog-screen-color, var(--background-semitransparent, rgba(144, 144, 144, 0.5)));\n border: none;\n}\n\n.sd-rating__item.sd-rating__item--readonly {\n fill: transparent;\n background-color: transparent;\n border: 2px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));\n box-shadow: none;\n transform: none;\n}\n.sd-rating__item.sd-rating__item--readonly .sd-rating__item-text.sd-rating__item-text {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--readonly {\n border-color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--readonly .sd-rating__item-text.sd-rating__item-text {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-rating__item.sd-rating__item--preview {\n fill: transparent;\n background-color: transparent;\n border: 1px solid transparent;\n box-shadow: none;\n transform: none;\n}\n.sd-rating__item.sd-rating__item--preview:focus-within {\n box-shadow: none;\n}\n.sd-rating__item.sd-rating__item--preview .sd-rating__item-text.sd-rating__item-text {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--preview {\n border-color: var(--sjs-general-forecolor, var(--foreground, #161616));\n border-width: 1px;\n}\n.sd-rating__item.sd-rating__item--selected.sd-rating__item--preview .sd-rating__item-text.sd-rating__item-text {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-question--disabled .sd-rating__item-text {\n opacity: 0.25;\n}\n\n.sd-rating__item--allowhover:hover {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sd-rating__item:focus-within {\n box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item--selected {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n font-weight: 600;\n box-shadow: 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item--selected:focus-within {\n box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), inset 0 0 0 4px var(--sjs-general-backcolor, var(--background, #fff)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item-smiley {\n position: relative;\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n white-space: nowrap;\n padding: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n border: 2px solid var(--sjs-border-default, var(--border, #d6d6d6));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), inset 0 0 0 0px var(--sjs-general-backcolor, var(--background, #fff));\n transition: box-shadow var(--sjs-transition-duration, 150ms), background-color var(--sjs-transition-duration, 150ms);\n}\n.sd-rating__item-smiley svg {\n display: block;\n width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-rating__item-smiley--small {\n padding: calc(0.625 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n min-width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n min-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-width: 1px;\n}\n.sd-rating__item-smiley--small svg {\n width: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within {\n box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item-smiley--colored.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within {\n box-shadow: 0 0 0 1px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.sd-rating__item-smiley--small.sd-rating__item-smiley--selected:focus-within {\n box-shadow: inset 0 0 0 2px var(--sjs-general-backcolor, var(--background, #fff)), 0 0 0 1px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\nlegend + .sd-rating__item-smiley,\nlegend + sv-ng-rating-item + .sd-rating__item-smiley {\n margin-inline-start: 2px;\n}\n\n.sd-rating__item-smiley--scale-colored {\n border-color: var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n fill: var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n transition: box-shadow var(--sjs-transition-duration, 150ms), opacity var(--sjs-transition-duration, 150ms), background-color var(--sjs-transition-duration, 150ms);\n}\n\n.sd-rating__item-smiley--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n border-color: transparent;\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n.sd-rating__item-smiley--error.sd-rating__item-smiley--scale-colored:hover {\n fill: var(--sd-rating-item-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n}\n.sd-rating__item-smiley--error.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n opacity: initial;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--disabled {\n opacity: 0.5;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--disabled {\n opacity: initial;\n fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--readonly {\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n border-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--readonly {\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n border-color: var(--sjs-general-forecolor, var(--foreground, #161616));\n background-color: unset;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview {\n border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview:focus-within {\n box-shadow: none;\n}\n.sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview svg {\n margin: 1px;\n}\n\n.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview {\n fill: var(--sjs-general-backcolor, var(--background, #fff));\n background-color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-rating__item-smiley--allowhover:hover {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n border-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-smiley:focus-within {\n border: none;\n box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item-smiley:focus-within {\n border: none;\n box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-rating__item-smiley--selected {\n background-color: var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n border-color: var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n font-weight: 600;\n}\n\n.sd-rating__item-smiley--selected:focus-within {\n border: 0px solid var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), inset 0 0 0 4px var(--sjs-general-backcolor, var(--background, #fff)), 0 0 0 2px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {\n opacity: 0.25;\n}\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover {\n background-color: var(--sd-rating-item-color-light, var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))));\n border-color: var(--sd-rating-item-color, var(--sjs-border-default, var(--border, #d6d6d6)));\n opacity: 0.5;\n}\n\n.sd-rating__item-smiley--rate-colored:not(.sd-rating__item-smiley--selecte
2d).sd-rating__item-smiley--allowhover:hover {\n opacity: 0.5;\n}\n\n.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected):focus-within {\n opacity: 1;\n box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within {\n opacity: 1;\n box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 1px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--selected, .sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--readonly, .sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--preview {\n opacity: 1;\n}\n\n.sd-rating__item-star {\n position: relative;\n width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: content-box;\n}\n.sd-rating__item-star:not(:first-of-type) {\n padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-left: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-rating__item-star:not(:last-of-type) {\n padding-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-right: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-rating__item-star svg {\n stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n stroke-width: 2px;\n fill: transparent;\n width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: block;\n position: absolute;\n transition: stroke var(--sjs-transition-duration, 150ms), opacity var(--sjs-transition-duration, 150ms), fill var(--sjs-transition-duration, 150ms);\n}\n.sd-rating__item-star .sv-star {\n opacity: 1;\n}\n.sd-rating__item-star .sv-star-2 {\n opacity: 0;\n}\n\n.sd-rating__item-star--small {\n width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-rating__item-star--small svg {\n width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-rating__item-star--small.sd-rating__item-star--selected svg {\n stroke-width: 1px;\n}\n\n.sd-rating__item-star--selected svg {\n stroke: transparent;\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-rating__item-star--selected:nth-child(1) svg {\n transition-delay: 0ms;\n}\n.sd-rating__item-star--selected:nth-child(2) svg {\n transition-delay: 25ms;\n}\n.sd-rating__item-star--selected:nth-child(3) svg {\n transition-delay: 50ms;\n}\n.sd-rating__item-star--selected:nth-child(4) svg {\n transition-delay: 75ms;\n}\n.sd-rating__item-star--selected:nth-child(5) svg {\n transition-delay: 100ms;\n}\n.sd-rating__item-star--selected:nth-child(6) svg {\n transition-delay: 125ms;\n}\n.sd-rating__item-star--selected:nth-child(7) svg {\n transition-delay: 150ms;\n}\n.sd-rating__item-star--selected:nth-child(8) svg {\n transition-delay: 175ms;\n}\n.sd-rating__item-star--selected:nth-child(9) svg {\n transition-delay: 200ms;\n}\n.sd-rating__item-star--selected:nth-child(10) svg {\n transition-delay: 225ms;\n}\n.sd-rating__item-star--selected:nth-child(11) svg {\n transition-delay: 250ms;\n}\n.sd-rating__item-star--selected:nth-child(12) svg {\n transition-delay: 275ms;\n}\n.sd-rating__item-star--selected:nth-child(13) svg {\n transition-delay: 300ms;\n}\n.sd-rating__item-star--selected:nth-child(14) svg {\n transition-delay: 325ms;\n}\n.sd-rating__item-star--selected:nth-child(15) svg {\n transition-delay: 350ms;\n}\n.sd-rating__item-star--selected:nth-child(16) svg {\n transition-delay: 375ms;\n}\n.sd-rating__item-star--selected:nth-child(17) svg {\n transition-delay: 400ms;\n}
2\n.sd-rating__item-star--selected:nth-child(18) svg {\n transition-delay: 425ms;\n}\n.sd-rating__item-star--selected:nth-child(19) svg {\n transition-delay: 450ms;\n}\n.sd-rating__item-star--selected:nth-child(20) svg {\n transition-delay: 475ms;\n}\n.sd-rating__item-star--selected:nth-child(21) svg {\n transition-delay: 500ms;\n}\n.sd-rating__item-star--selected:nth-child(22) svg {\n transition-delay: 525ms;\n}\n.sd-rating__item-star--selected:nth-child(23) svg {\n transition-delay: 550ms;\n}\n.sd-rating__item-star--selected:nth-child(24) svg {\n transition-delay: 575ms;\n}\n.sd-rating__item-star--selected:nth-child(25) svg {\n transition-delay: 600ms;\n}\n\n.sd-rating__item-star--error svg {\n stroke: none;\n fill: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-rating__item-star--disabled {\n opacity: 0.5;\n}\n.sd-rating__item-star--disabled svg {\n stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n fill: none;\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--disabled svg {\n stroke: none;\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-star--readonly svg {\n stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n fill: none;\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--readonly svg {\n stroke: none;\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-rating__item-star--preview svg {\n stroke: var(--sjs-general-forecolor, var(--foreground, #161616));\n stroke-width: 1px;\n fill: none;\n}\n\n.sd-rating__item-star--selected.sd-rating__item-star--preview svg {\n stroke: none;\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-rating__item-star:not(.sd-rating__item-star--preview):focus-within svg {\n stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));\n fill: transparent;\n}\n\n.sd-rating__item-star--unhighlighted svg {\n stroke: transparent;\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-star--highlighted svg {\n stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n fill: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sd-rating__item-star--selected:not(.sd-rating__item-star--preview).sd-rating__item-star--unhighlighted:focus-within svg {\n stroke: var(--sjs-border-default, var(--border, #d6d6d6));\n fill: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within svg {\n stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within .sv-star {\n opacity: 0;\n}\n.sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within .sv-star-2 {\n opacity: 1;\n}\n\n.sd-rating__item-text.sd-rating__item-text {\n font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n font-weight: var(--sjs-font-editorfont-weight, 400);\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));\n line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n display: inline-block;\n box-sizing: border-box;\n transition: color var(--sjs-transition-duration, 150ms);\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text, .sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {\n margin-top: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-bottom: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n border: 2px solid rgba(0, 0, 0, 0);\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text {\n margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n border-left: 0px;\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {\n margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-left: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-rating__item-text.sd-rating__item-text .sv-string-editor {\n white-space: nowrap;\n}\n.sd-rating__item-text.sd-rating__item-text.sd-rating__item--fixed-size {\n min-width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-rating__item-text.sd-rating__item-text::after {\n display: block;\n content: attr(data-text);\n font-weight: 600;\n height: 0;\n color: transparent;\n overflow: hidden;\n visibility: hidden;\n}\n\n.sd-rating--wrappable .sd-rating__item-text {\n max-width: 100%;\n}\n.sd-rating--wrappable .sd-rating__item-text .sv-string-viewer {\n max-width: 100%;\n text-overflow: ellipsis;\n overflow: hidden;\n display: block;\n}\n\n.sd-rating__item:focus-within .sd-rating__item-text.sd-rating__item-text {\n border: none;\n}\n\n.sd-rating__item--selected .sd-rating__item-text.sd-rating__item-text {\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n font-weight: inherit;\n border: none;\n}\n\n.sd-rating-dropdown-item {\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-rating-dropdown-item_description {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-style: normal;\n font-weight: normal;\n font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n line-height: var(--sjs-font-size, 16px);\n}\n\n.sv-list__item.sv-list__item--selected .sd-rating-dropdown-item_description {\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sv-ranking-item--error .sv-ranking-item__index {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n box-shadow: 0px 1px 2px transparent;\n border-color: transparent;\n}\n\n.sd-element--with-frame .sv-ranking-item {\n left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-ranking.sd-ranking--readonly {\n user-select: initial;\n -webkit-user-select: initial;\n}\n.sv-ranking.sd-ranking--readonly.sv-ranking--select-to-rank-empty-value .sv-ranking__containers-divider {\n visibility: hidden;\n}\n.sv-ranking.sd-ranking--readonly .sv-ranking__container--empty {\
2n visibility: hidden;\n}\n\n.sv-ranking.sd-ranking--preview {\n user-select: initial;\n -webkit-user-select: initial;\n}\n.sv-ranking.sd-ranking--preview.sv-ranking--select-to-rank-empty-value .sv-ranking__containers-divider {\n visibility: hidden;\n}\n.sv-ranking.sd-ranking--preview .sv-ranking__container--empty {\n visibility: hidden;\n}\n\n@container (max-width: 496px) {\n .sv-ranking--select-to-rank-horizontal {\n flex-direction: column-reverse;\n }\n .sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider {\n margin: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n height: 1px;\n width: initial;\n }\n .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty {\n padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .sv-ranking--select-to-rank-horizontal .sv-ranking__container {\n max-width: initial;\n }\n .sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {\n left: initial;\n }\n .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item {\n left: initial;\n }\n .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {\n padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n }\n .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {\n padding-right: initial;\n }\n}\n@container (max-width: 176px) {\n .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {\n margin-left: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-right: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n }\n}\n.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item__icon-container {\n margin-left: 0;\n margin-right: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item {\n left: 0;\n}\n\n.sv-ranking-item__content.sd-ranking-item__content {\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n}\n\n.sv-dragdrop-movedown {\n transform: translate(0, 0);\n animation: svdragdropmovedown 0.1s;\n animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmovedown {\n 0% {\n transform: translate(0, -50px);\n }\n 100% {\n transform: translate(0, 0);\n }\n}\n.sv-dragdrop-moveup {\n transform: translate(0, 0);\n animation: svdragdropmoveup 0.1s;\n animation-timing-function: ease-in-out;\n}\n\n@keyframes svdragdropmoveup {\n 0% {\n transform: translate(0, 50px);\n }\n 100% {\n transform: translate(0, 0);\n }\n}\n.sv-dropdown_select-wrapper {\n position: relative;\n}\n\n.sv-dropdown_select-wrapper use {\n fill: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n}\n\n.sd-dropdown {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n padding-inline-end: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-block: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n opacity: 1;\n display: flex;\n justify-content: space-between;\n word-spacing: normal;\n}\n\n.sd-dropdown[disabled] {\n pointer-events: none;\n}\n\nselect.sd-dropdown {\n padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-inline-end: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-block: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled),\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__value {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-dropdown--empty.sd-input--readonly {\n justify-content: flex-end;\n}\n\n.sd-dropdown__input-field-component {\n height: auto;\n}\n\n.sd-dropdown option {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-size: var(--sjs-font-size, 16px);\n}\n\n.sd-dropdown input[readonly] {\n pointer-events: none;\n}\n\n.sd-dropdown__value {\n width: 100%;\n min-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n font-weight: var(--sjs-font-editorfont-weight, 400);\n color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));\n position: relative;\n margin-block: var(--sjs-base-unit, var(--base-unit, 8px));\n margin-inline: 0;\n}\n\n.sd-dropdown-action-bar {\n overflow: unset;\n gap: calc(0.25 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n margin-inline-start: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-editor-button-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: none;\n outline: none;\n background: transparent;\n display: flex;\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n justify-content: center;\n align-items: center;\n align-self: stretch;\n border-radius: calc(0.125 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n cursor: pointer;\n}\n.sd-editor-button-item:hover {\n background: var(--lbr-editor-button-background-color-hovered, var(--sjs-general-backcolor-dim-dark, #f3f3f3));\n transition: background var(--sjs-transition-duration, 150ms);\n}\n\n.sd-input--readonly .sd-editor-button-item:hover,\n.sd-input--readonly .sd-editor-button-item:focus {\n background: transparent;\n}\n\n.sd-editor-button-item--pressed {\n opacity: var(--lbr-editor-button-icon-opacity-pressed, 0.5);\n background: var(--lbr-editor-button-background-color-hovered, var(--sjs-general-backcolor-dim-dark, #f3f3f3));\n transition-property: opacity, background-color;\n transition-duration: var(--sjs-transition-duration, 150ms);\n}\n\n.sv-editor-button-item__icon {\n width: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n}\n.sv-editor-button-item__icon use {\n pointer-events: none;\n}\n\n.sd-question--readonly .sd-editor-button-item {\n opacity: var(--lbr-editor-button-icon-opacity-disabled, 0.25);\n cursor: default;\n}\n\n.sd-dropdown_chevron-button {\n position: absolute;\n width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n top: 0;\n bottom: 0;\n inset-inline-end: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n padding-inline-end: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: content-box;\n cursor: pointer;\n}\n\n.sd-dropdown_chevron-button-svg {\n width: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n}\n.sd-dropdown_chevron-button-svg use {\n pointer-events: none;\n}\n\n.sd-question--readonly .sd-dropdown_chevron-button use {\n opacity: 0.24;\n}\n\n.sd-input.sd-dropdown:focus-within {\n box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-input.sd-dropdown.sd-input--readonly {\n box-shadow: none;\n transition: none;\n}\n\n.sd-dropdown__filter-string-input {\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 100%;\n max-width: 100%;\n border: none;\n outline: none;\n padding: 0;\n font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n font-weight: var(--sjs-font-editorfont-weight, 400);\n color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));\n font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));\n line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n background-color: transparent;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n appearance: none;\n}\n\n.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__filter-string-input::placeholder {\n color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n}\n\n.sd-dropdown__filter-string-input::placeholder {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n appearance: none;\n}\n\n.sd-dropdown__hint-prefix {\n color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n display: flex;\n align-items: center;\n}\n.sd-dropdown__hint-prefix span {\n white-space: pre;\n}\n\n.sd-dropdown__hint-suffix {\n display: flex;\n color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n}\n.sd-dropdown__hint-suffix span {\n white-space: pre;\n}\n\n.sd-dropdown.sd-input--disabled .sv-string-viewer,\n.sd-dropdown.sd-input--readonly .sv-string-viewer,\n.sd-dropdown.sd-input--preview .sv-string-viewer {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.sv-dropdown-popup .sd-list__item-body {\n line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));\n font-weight: var(--sjs-font-editorfont-weight, 400);\n font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n padding-inline-end: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-block: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-inline-start: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n border-radius: var(--sjs-corner-radius, 4px);\n transition: border-color var(--sjs-transition-duration, 150ms);\n}\n.sv-dropdown-popup .sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body {\n border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-border-light, var(--border-light, #eaeaea));\n padding-inline-end: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-block: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-inline-start: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-dropdown-popup.sv-popup--menu-tablet .sd-list__item-body,\n.sv-dropdown-popup.sv-popup--menu-phone .sd-list__item-body {\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-size: var(--sjs-font-size, 16px);\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n font-weight: 400;\n}\n\n.sv-dropdown-popup.sv-single-select-list.sv-popup--leave .sd-list__item.sv-list__item--selected .sv-list__item-body {\n font-weight: normal;\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n background-color: transparent;\n}\n\n.sv-dropdown-popup.sv-popup--menu-popup.sv-popup--top .sv-popup__container {\n transform: translateY(-2px);\n}\n\n.sv-dropdown-popup.sv-popup--menu-popup.sv-popup--bottom .sv-popup__container {\n transform: translateY(2px);\n}\n\n:dir(rtl) .sd-dropdown,\n[style*="direction:rtl"] .sd-dropdown,\n[style*="direction: rtl"] .sd-dropdown {\n background-position: left calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) top 50%, 0 0;\n}\n\n.sv-list-item--custom-value .sv-list__item-body {\n font-weight: bold;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-input.sd-tagbox:not(.sd-tagbox--empty).sd-input--editable {\n height: auto;\n padding-inline-start: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-input.sd-tagbox:not(.sd-tagbox--empty).sd-input--editable .sd-tagbox__value {\n padding: 0;\n}\n\n.sd-tagbox.sd-input--disabled .sd-tagbox__value, .sd-tagbox.sd-input--readonly .sd-tagbox__value, .sd-tagbox.sd-input--preview .sd-tagbox__value {\n white-space: normal;\n}\n\n.sd-tagbox_clean-button {\n height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n padding: calc(0.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n margin: auto 0;\n}\n\n.sd-input.sd-tagbox:focus-within {\n box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sv-tagbox__item {\n position: relative;\n display: flex;\n align-items: center;\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));\n box-shadow: inset 0 0 0 var(--lbr-tag-box-item-border-width, 0) var(--lbr-tag-box-item-border-color, rgba(255, 255, 255, 0));\n max-width: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)));\n box-sizing: border-box;\n}\n\n.sv-tagbox__item-text {\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n min-width: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n text-align: center;\n font-weight: 600;\n}\n.sv-tagbox__item-text span {\n display: block;\n text-overflow: ellipsis;\n overflow: hidden;\n}
2\n\n.sv-tagbox__item:hover .sd-tagbox-item_clean-button,\n.sv-tagbox__item:focus .sd-tagbox-item_clean-button,\n.sv-tagbox__item:focus-within .sd-tagbox-item_clean-button {\n align-self: center;\n opacity: 1;\n}\n\n.sd-tagbox-item_clean-button {\n display: flex;\n position: absolute;\n inset-inline-end: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: 0;\n padding-inline-start: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background: linear-gradient(270deg, var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%, rgba(25, 179, 148, 0) 100%);\n opacity: 0;\n transition: opacity var(--sjs-transition-duration, 150ms);\n}\n\n.sd-tagbox-item_clean-button-svg {\n display: block;\n padding: calc(0.25 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n width: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));\n height: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));\n box-sizing: content-box;\n}\n\n.sd-tagbox-item_clean-button-svg:hover {\n border-radius: 100px;\n background: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25)));\n}\n\n.sd-tagbox-item_clean-button-svg use {\n fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-tagbox__value.sd-dropdown__value {\n position: relative;\n gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: flex;\n flex-wrap: wrap;\n flex-grow: 1;\n align-content: center;\n padding-inline: unset;\n margin-inline: unset;\n margin-block: unset;\n}\n\n.sd-tagbox__filter-string-input {\n width: 100%;\n height: 100%;\n display: flex;\n flex-grow: 1;\n}\n\n.sd-tagbox__placeholder {\n position: absolute;\n top: 0;\n left: 0;\n max-width: 100%;\n width: auto;\n height: 100%;\n text-align: start;\n cursor: text;\n pointer-events: none;\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n:dir(rtl) .sd-tagbox-item_clean-button,\n[style*="direction:rtl"] .sd-tagbox-item_clean-button,\n[style*="direction: rtl"] .sd-tagbox-item_clean-button {\n background: linear-gradient(90deg, var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%, rgba(25, 179, 148, 0) 100%);\n}\n\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint,\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint-suffix-wrapper,\n.sd-tagbox.sd-tagbox--empty .sd-tagbox__filter-string-input {\n width: 100%;\n height: 100%;\n}\n\n.sd-tagbox__hint {\n display: flex;\n flex-grow: 1;\n max-width: 100%;\n}\n\n.sd-tagbox__hint-suffix-wrapper {\n position: relative;\n width: 100%;\n}\n\n.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {\n line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n height: 100%;\n display: flex;\n align-items: center;\n}\n\n.sd-dropdown__hint-prefix.sd-tagbox__hint-prefix {\n line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n height: 100%;\n display: flex;\n align-items: center;\n max-width: 50%;\n justify-content: flex-end;\n}\n\n.sd-imagepicker {\n padding: 0;\n border: none;\n gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: 100%;\n margin: 0;\n}\n\n.sd-imagepicker--static {\n display: flex;\n flex-wrap: wrap;\n}\n\n.sd-imagepicker--responsive {\n display: grid;\n}\n\n.sd-imagepicker--column {\n align-items: flex-start;\n flex-direction: column;\n}\n\n@supports not (aspect-ratio: 1/1) {\n .sd-imagepicker > div {\n margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n }\n}\n.sd-imagepicker__item img,\n.sd-imagepicker__item .sd-imagepicker__image-container > div {\n border-radius: var(--sjs-corner-radius, 4px);\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n\n.sd-imagepicker__item-decorator {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.sd-imagepicker__label {\n position: relative;\n}\n.sd-imagepicker__label .sd-visuallyhidden {\n height: 100%;\n margin: 0;\n}\n\n.sd-imagepicker__image-container {\n position: relative;\n}\n\n.sd-imagepicker__check-decorator {\n display: block;\n opacity: 0;\n position: absolute;\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n right: var(--sjs-base-unit, var(--base-unit, 8px));\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n border-radius: 100%;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n z-index: 1;\n transition: opacity var(--sjs-transition-duration, 150ms);\n}\n\n.sd-imagepicker__check-icon {\n display: block;\n width: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-imagepicker__item--checked .sd-imagepicker__check-decorator {\n opacity: 1;\n}\n\n.sd-imagepicker__item--error .sd-imagepicker__image-container::before {\n display: block;\n position: absolute;\n content: " ";\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n border-radius: var(--sjs-corner-radius, 4px);\n background: linear-gradient(0deg, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))), var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));\n}\n\n.sd-imagepicker__item:focus-within .sd-imagepicker__image {\n opacity: 0.5;\n}\n\n.sd-imagepicker__item--allowhover:not(.sd-imagepicker__item--readonly, .sd-imagepicker__item--preview) .sd-imagepicker__image:hover {\n opacity: 0.5;\n}\n\n.sd-imagepicker__image {\n display: block;\n box-sizing: border-box;\n max-width: 100%;\n transition: opacity var(--sjs-transition-duration, 150ms);\n}\n\n.sd-imagepicker__text {\n font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));\n line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n}\n\n.sd-imagepicker__no-image {\n display: flex;\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n inset-block-start: 0;\n}\n\n.sd-imagepicker__no-image-svg {\n height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin: auto;\n}\n.sd-imagepicker__no-image-svg use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n opacity: 0.5;\n}\n\n.sd-imagepicker__text {\n white-space: normal;\n text-align: center;\n}\n\n.sd-imagepicker__column {\n display: flex;\n flex-direction: column;\n gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n align-items: flex-start;\n padding-right: 0;\n}\n.sd-imagepicker__column.sd-selectbase__column {\n min-width: 0;\n}\n.sd-imagepicker__column .sd-imagepicker__item {\n width: 100%;\n}\n.sd-imagepicker__column .sd-imagepicker__text {\n width: 100%;\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: center;\n white-space: nowrap;\n}\n\n.sd-selectbase__column.sd-imagepicker__column:not(:last-child) {\n padding-right: 0;\n}\n\n.sd-imagepicker__item--readonly .sd-imagepicker__check-icon {\n fill: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-imagepicker__item--preview .sd-imagepicker__check-decorator {\n display: none;\n}\n.sd-imagepicker__item--preview .sd-imagepicker__image {\n /* Safari 6.0 - 9.0 */\n -webkit-filter: grayscale(100%);\n filter: grayscale(100%);\n opacity: 0.25;\n}\n.sd-imagepicker__item--preview.sd-imagepicker__item--checked .sd-imagepicker__image {\n /* Safari 6.0 - 9.0 */\n -webkit-filter: grayscale(0%);\n filter: grayscale(0%);\n opacity: 1;\n}\n\n.sd-image__image {\n display: block;\n max-width: 100%;\n border-radius: var(--sjs-corner-radius, 4px);\n}\n\n.sd-image__image--adaptive {\n width: 100%;\n height: auto;\n max-width: calc(80 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-image__no-image {\n background: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n min-width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n min-height: calc(27.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: 100%;\n height: 100%;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.sd-image__no-image use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n opacity: 0.5;\n}\n\n.sd-question--image {\n width: 100%;\n}\n\n.sd-html {\n white-space: initial;\n}\n\n.sd-html {\n font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));\n text-decoration: var(--sjs-article-font-default-textDecoration, "none");\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-weight: var(--sjs-article-font-default-fontWeight, 400);\n font-style: var(--sjs-article-font-default-fontStyle, "normal");\n font-stretch: var(--sjs-article-font-default-fontStretch, "n
2ormal");\n letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);\n line-height: var(--sjs-article-font-default-lineHeight, 28px);\n text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-default-textCase, "none");\n color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n}\n.sd-html h1 {\n font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));\n text-decoration: var(--sjs-article-font-xx-large-textDecoration, "none");\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-weight: var(--sjs-article-font-xx-large-fontWeight, 700);\n font-style: var(--sjs-article-font-xx-large-fontStyle, "normal");\n font-stretch: var(--sjs-article-font-xx-large-fontStretch, "normal");\n letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-xx-large-lineHeight, 64px);\n text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-xx-large-textCase, "none");\n}\n.sd-html h2 {\n font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));\n text-decoration: var(--sjs-article-font-x-large-textDecoration, "none");\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-weight: var(--sjs-article-font-x-large-fontWeight, 700);\n font-style: var(--sjs-article-font-x-large-fontStyle, "normal");\n font-stretch: var(--sjs-article-font-x-large-fontStretch, "normal");\n letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-x-large-lineHeight, 56px);\n text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-x-large-textCase, "none");\n}\n.sd-html h3 {\n font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));\n text-decoration: var(--sjs-article-font-large-textDecoration, "none");\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-weight: var(--sjs-article-font-large-fontWeight, 700);\n font-style: var(--sjs-article-font-large-fontStyle, "normal");\n font-stretch: var(--sjs-article-font-large-fontStretch, "normal");\n letter-spacing: var(--sjs-article-font-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-large-lineHeight, 40px);\n text-indent: var(--sjs-article-font-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-large-textCase, "none");\n}\n.sd-html h4,\n.sd-html h5,\n.sd-html h6 {\n font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));\n text-decoration: var(--sjs-article-font-medium-textDecoration, "none");\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-weight: var(--sjs-article-font-medium-fontWeight, 700);\n font-style: var(--sjs-article-font-medium-fontStyle, "normal");\n font-stretch: var(--sjs-article-font-medium-fontStretch, "normal");\n letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0);\n line-height: var(--sjs-article-font-medium-lineHeight, 32px);\n text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-medium-textCase, "none");\n}\n.sd-html td,\n.sd-html span,\n.sd-html div,\n.sd-html p {\n font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));\n text-decoration: var(--sjs-article-font-default-textDecoration, "none");\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-weight: var(--sjs-article-font-default-fontWeight, 400);\n font-style: var(--sjs-article-font-default-fontStyle, "normal");\n font-stretch: var(--sjs-article-font-default-fontStretch, "normal");\n letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);\n line-height: var(--sjs-article-font-default-lineHeight, 28px);\n text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-default-textCase, "none");\n}\n.sd-html a {\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-html button {\n display: flex;\n align-items: center;\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n vertical-align: baseline;\n text-align: center;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n border: none;\n border-radius: var(--sjs-corner-radius, 4px);\n cursor: pointer;\n user-select: none;\n outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 600;\n font-style: normal;\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));\n line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n transition: box-shadow var(--sjs-transition-duration, 150ms);\n}\n.sd-html button:hover {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n.sd-html button:focus {\n box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-html button span {\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n}\n\n.sd-html--nested {\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n}\n\n.sd-expression {\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-size: var(--sjs-font-size, 16px);\n white-space: break-spaces;\n}\n\n.sd-question__content--left .sd-expression {\n line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n\n.sd-progress {\n height: 2px;\n background-color: var(--sjs-border-light, var(--border-light, #eaeaea));\n position: relative;\n}\n\n.sd-progress__bar {\n position: relative;\n height: 100%;\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n overflow: hidden;\n}\n\n.sd-progress__text {\n position: absolute;\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n line-height: var(--sjs-font-size, 16px);\n font-weight: 600;\n}\n@media only screen and (min-width: 1000px) {\n .sd-progress__text {\n margin-left: 5%;\n }\n}\n@media only screen and (max-width: 1000px) {\n .sd-progress__text {\n margin-left: 10px;\n }\n}\n\n.sd-body__progress--top {\n margin-bottom: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n position: sticky;\n top: 0;\n z-index: 50;\n}\n\n.sd-body__progress--bottom .sd-progress__text {\n margin-top: calc(-3.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-bottom: 0;\n}\n\n.sv-root--sticky-top .sd-progress__text {\n border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));\n opacity: 0.75;\n background: var(--sjs-general-backcolor, var(--background, #fff));\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n\n.sd-boolean {\n display: flex;\n width: max-content;\n position: relative;\n gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n transition: box-shadow var(--sjs-transition-duration, 150ms);\n}\n.sd-boolean.sd-boolean--allowhover:focus-within {\n box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-boolean__thumb,\n.sd-boolean__label {\n display: block;\n font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n font-weight: var(--sjs-font-editorfont-weight, 400);\n font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));\n color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}
2\n\n.sd-boolean__switch {\n display: flex;\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n align-items: center;\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n overflow: hidden;\n}\n\n.sd-boolean.sd-boolean--checked .sd-boolean__label--true,\n.sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false {\n color: transparent;\n transition-duration: 0.15s;\n transition-property: color;\n transition-timing-function: linear;\n}\n\n.sd-boolean.sd-boolean--indeterminate .sd-boolean__switch {\n display: none;\n}\n\n.sd-boolean--indeterminate .sd-boolean__thumb {\n display: none;\n}\n\n.sd-boolean__thumb {\n position: absolute;\n left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n transform: translateX(0);\n background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n transition-duration: 0.2s;\n transition-property: transform, left;\n transition-timing-function: linear;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 600;\n z-index: 2;\n}\n.sd-boolean__thumb .sv-string-viewer.sv-string-viewer--multiline {\n white-space: nowrap;\n}\n\n.sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,\n.sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb {\n left: calc(100% - 0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n transform: translateX(-100%);\n}\n\n:dir(rtl) .sd-boolean__thumb,\n[style*="direction:rtl"] .sd-boolean__thumb,\n[style*="direction: rtl"] .sd-boolean__thumb {\n left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: unset;\n transform: translateX(100%);\n}\n:dir(rtl) .sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,\n:dir(rtl) .sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb,\n[style*="direction:rtl"] .sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,\n[style*="direction:rtl"] .sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb,\n[style*="direction: rtl"] .sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,\n[style*="direction: rtl"] .sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb {\n left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: unset;\n transform: translateX(0);\n}\n\n.sd-boolean--exchanged.sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false, .sd-boolean--exchanged.sd-boolean.sd-boolean--checked .sd-boolean__label--true {\n color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n}\n\n.sd-boolean--disabled {\n pointer-events: none;\n}\n.sd-boolean--disabled .sd-boolean__thumb,\n.sd-boolean--disabled .sd-boolean__label {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n}\n\n.sd-boolean--readonly {\n pointer-events: none;\n box-shadow: none;\n transition: none;\n background: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n.sd-boolean--readonly .sd-boolean__thumb {\n box-shadow: inset 0px 0px 0px 2px var(--sjs-general-forecolor, var(--foreground, #161616));\n transition: none;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-boolean--preview {\n pointer-events: none;\n box-shadow: none;\n transition: none;\n background: transparent;\n}\n.sd-boolean--preview .sd-boolean__thumb {\n border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));\n box-shadow: none;\n transition: none;\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n.sd-boolean--preview.sd-boolean--checked .sd-boolean__thumb, .sd-boolean--preview.sd-boolean--indeterminate .sd-boolean__thumb {\n margin-left: auto;\n}\n.sd-boolean--preview .sd-checkbox__label--preview {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-boolean__thumb-ghost {\n z-index: 1;\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-color: transparent;\n transition: background-color var(--sjs-transition-duration, 150ms);\n}\n\n.sd-boolean.sd-boolean--allowhover .sd-boolean__thumb-ghost:hover {\n background-color: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));\n}\n\n.sd-boolean--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-question--boolean .sd-item__control-label {\n display: flex;\n}\n\n:root, :host {\n --sjs-postcss-fix-slider-path-height: var(--lbr-slider-path-height, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n --sjs-postcss-fix-slider-path-color: var(--lbr-slider-path-color);\n --sjs-postcss-fix-slider-path-color-filled: var(--lbr-slider-path-color-filled);\n --sjs-postcss-fix-slider-thumb-width: var(--lbr-slider-thumb-width, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n --sjs-postcss-fix-slider-thumb-height: var(--lbr-slider-thumb-height, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n --sjs-postcss-fix-slider-thumb-color: var(--lbr-slider-thumb-color, var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff)))));\n --sjs-postcss-fix-slider-tooltip-pointer-width: var(--lbr-tooltip-pointer-width, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n --sjs-postcss-fix-slider-tooltip-pointer-height: var(--lbr-tooltip-pointer-height, calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n --sjs-postcss-fix-slider-path-height-preview: var(--lbr-slider-path-height-preview, calc(0.125 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n\n.sd-slider {\n position: relative;\n display: flex;\n width: 100%;\n margin-top: var(--lbr-slider-margin-top, var(--sjs-base-unit, var(--base-unit, 8px)));\n flex-direction: column;\n gap: var(--lbr-slider-gap, var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-slider-container {\n position: relative;\n min-height: var(--sjs-postcss-fix-slider-thumb-height);\n cursor: pointer;\n margin-left: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-slider-container__slider {\n position: relative;\n}\n\n.sd-slider__track {\n position: absolute;\n height: var(--sjs-postcss-fix-slider-path-height);\n top: calc(var(--sjs-postcss-fix-slider-thumb-height) / 2 - var(--sjs-postcss-fix-slider-path-height) / 2);\n}\n\n.sd-slider__inverse-track {\n background: var(--sjs-postcss-fix-slider-path-color, var(--sjs-border-light, var(--border-light, #eaeaea)));\n}\n.sd-slider__inverse-track::after, .sd-slider__inverse-track::before {\n background: var(--sjs-postcss-fix-slider-path-color, var(--sjs-border-light, var(--border-light, #eaeaea)));\n}\n\n.sd-slider__inverse-track--left {\n left: 0;\n}\n.sd-slider__inverse-track--left::before {\n position: absolute;\n content: "";\n height: var(--sjs-postcss-fix-slider-path-height);\n width: var(--sjs-base-unit, var(--base-unit, 8px));\n left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-top-left-radius: 10px;\n border-bottom-left-radius: 10px;\n}\n\n.sd-slider__inverse-track--right {\n right: 0;\n}\n.sd-slider__inverse-track--right::after {\n position: absolute;\n content: "";\n height: var(--sjs-postcss-fix-slider-path-height);\n width: var(--sjs-base-unit, var(--base-unit, 8px));\n right: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n}\n\n.sd-slider__range-track {\n left: 0;\n background: var(--sjs-postcss-fix-slider-path-color-filled, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n.sd-slider__range-track::before {\n position: absolute;\n content: "";\n height: var(--sjs-postcss-fix-slider-path-height);\n width: var(--sjs-base-unit, var(--base-unit, 8px));\n left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-top-left-radius: 10px;\n border-bottom-left-radius: 10px;\n background: var(--sjs-postcss-fix-slider-path-color-filled, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n.sd-slider__range-track::after {\n position: absolute;\n content: "";\n height: var(--sjs-postcss-fix-slider-path-height);\n width: var(--sjs-base-unit, var(--base-unit, 8px));\n right: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n background: var(--sjs-postcss-fix-slider-path-color-filled, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.sd-slider__thumb-container {\n position: absolute;\n margin-left: calc(var(--sjs-postcss-fix-slider-thumb-width) / -2);\n z-index: 2;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n width: var(--sjs-postcss-fix-slider-thumb-width);\n height: var(--sjs-postcss-fix-slider-thumb-height);\n border-radius: var(--lbr-slider-thumb-corner-radius, 1024px);\n}
2\n\n.sd-slider__input:hover + .sd-slider__thumb-container .sd-slider__tooltip--on-hover {\n opacity: 1;\n}\n.sd-slider__input:hover + .sd-slider__thumb-container .sd-slider__thumb-dot {\n width: var(--lbr-slider-thumb-dot-width-hovering, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n height: var(--lbr-slider-thumb-dot-height-hovering, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n\n.sd-slider__thumb-container--indeterminate .sd-slider__thumb-dot {\n background: var(--lbr-slider-thumb-dot-color-undefined, transparent);\n}\n\n.sd-slider__thumb-container--focused .sd-slider__thumb {\n box-shadow: none;\n border: var(--lbr-slider-thumb-border-width-focused, 2px) solid var(--lbr-slider-thumb-border-color-focused, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n.sd-slider__thumb-container--focused .sd-slider__tooltip--on-hover {\n opacity: 1;\n}\n\n.sd-slider__thumb {\n display: flex;\n padding: var(--lbr-slider-thumb-padding-top, calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--lbr-slider-thumb-padding-right, calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--lbr-slider-thumb-padding-bottom, calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--lbr-slider-thumb-padding-left, calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n justify-content: center;\n align-items: center;\n border-radius: var(--lbr-slider-thumb-corner-radius, 1024px);\n background: var(--sjs-postcss-fix-slider-thumb-color);\n box-shadow: var(--lbr-slider-thumb-shadow-offset-x, 0px) var(--lbr-slider-thumb-shadow-offset-y, 1px) var(--lbr-slider-thumb-shadow-blur, 2px) var(--lbr-slider-thumb-shadow-spread, 0px) var(--lbr-slider-thumb-shadow-color, rgba(0, 0, 0, 0.15));\n}\n\n.sd-slider__thumb-dot {\n display: flex;\n border-radius: var(--lbr-slider-thumb-dot-corner-radius, 1024px);\n background: var(--lbr-slider-thumb-dot-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n width: var(--lbr-slider-thumb-dot-width, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n height: var(--lbr-slider-thumb-dot-height, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n transition: width var(--sjs-transition-duration, 150ms), height var(--sjs-transition-duration, 150ms);\n}\n\n.sd-slider__tooltip {\n opacity: 1;\n position: absolute;\n bottom: calc(100% + var(--sjs-postcss-fix-slider-tooltip-pointer-height));\n box-shadow: var(--lbr-tooltip-shadow-2-offset-x, 0px) var(--lbr-tooltip-shadow-2-offset-y, 1px) var(--lbr-tooltip-shadow-2-blur, 2px) var(--lbr-tooltip-shadow-2-spread, 0px) var(--lbr-tooltip-shadow-2-color, rgba(0, 0, 0, 0.15)), var(--lbr-tooltip-shadow-1-offset-x, 0px) var(--lbr-tooltip-shadow-1-offset-y, 2px) var(--lbr-tooltip-shadow-1-blur, 6px) var(--lbr-tooltip-shadow-1-spread, 0px) var(--lbr-tooltip-shadow-1-color, rgba(0, 0, 0, 0.1));\n display: flex;\n flex-direction: column;\n user-select: none;\n border-radius: var(--lbr-tooltip-corder-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n transition: opacity var(--sjs-transition-duration, 150ms);\n}\n\n.sd-slider__tooltip-panel {\n padding: var(--lbr-tooltip-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--lbr-tooltip-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--lbr-tooltip-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--lbr-tooltip-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n border-radius: var(--lbr-tooltip-corder-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n background: var(--lbr-tooltip-background-color, var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff)))));\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.sd-slider__tooltip-panel::after {\n content: " ";\n width: calc(var(--sjs-postcss-fix-slider-tooltip-pointer-height) * 1.41);\n height: calc(var(--sjs-postcss-fix-slider-tooltip-pointer-height) * 1.41);\n background: var(--lbr-tooltip-background-color, var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff)))));\n position: absolute;\n box-shadow: var(--ctr-tooltip-shadow-1-offset-x, 0px) var(--ctr-tooltip-shadow-1-offset-y, 2px) var(--ctr-tooltip-shadow-1-blur, 8px) var(--ctr-tooltip-shadow-1-spread, 0px) var(--ctr-tooltip-shadow-1-color, var(--sjs-special-glow, rgba(0, 76, 68, 0.1019607843))), var(--ctr-tooltip-shadow-2-offset-x, 0px) var(--ctr-tooltip-shadow-2-offset-y, 1px) var(--ctr-tooltip-shadow-2-blur, 2px) var(--ctr-tooltip-shadow-2-spread, 0px) var(--ctr-tooltip-shadow-2-color, var(--sjs-special-shadow, rgba(0, 0, 0, 0.2509803922)));\n bottom: calc(var(--sjs-postcss-fix-slider-tooltip-pointer-height) * 1.41 / -1);\n left: calc(50% - var(--sjs-postcss-fix-slider-tooltip-pointer-height) * 1.41);\n clip-path: polygon(-100% -100%, -100% 200%, 200% 200%);\n transform: translate(calc(var(--sjs-postcss-fix-slider-tooltip-pointer-height) / 1.41), calc(var(--sjs-postcss-fix-slider-tooltip-pointer-height) / -1.41)) rotate(-45deg);\n}\n\n.sd-slider__tooltip-value {\n font-family: var(--lbr-font-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n font-size: var(--lbr-font-small-size, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n font-weight: 600;\n line-height: var(--lbr-font-small-line-height, size(2));\n color: var(--lbr-tooltip-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.sd-slider__tooltip--on-hover {\n opacity: 0;\n}\n\n.sd-slider-labels-container {\n user-select: none;\n margin-left: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-slider-labels-container > div {\n user-select: none;\n position: relative;\n display: flex;\n align-items: center;\n min-height: var(--sjs-postcss-fix-slider-thumb-height);\n}\n\n.sd-slider__label {\n user-select: none;\n cursor: pointer;
2\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n position: absolute;\n top: 0;\n width: var(--sjs-postcss-fix-slider-thumb-width);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--lbr-slider-label-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n margin-left: calc(var(--sjs-postcss-fix-slider-thumb-width) / -2);\n}\n\n.sd-slider__label--long:first-child .sd-slider__label-text-container {\n align-self: flex-start;\n}\n\n.sd-slider__label--long:last-child .sd-slider__label-text-container {\n align-self: flex-end;\n}\n\n.sd-slider__label-tick {\n display: flex;\n width: var(--lbr-slider-label-tick-width, calc(0.125 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n height: var(--lbr-slider-label-tick-height, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n flex-direction: column;\n align-items: flex-start;\n background: var(--lbr-slider-label-tick-color, var(--sjs-border-default, var(--border, #d6d6d6)));\n}\n\n.sd-slider__label-text {\n color: var(--lbr-slider-label-text-color, var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91))));\n text-align: center;\n font-family: var(--lbr-font-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n font-size: var(--lbr-font-default-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n font-style: normal;\n font-weight: 400;\n line-height: var(--lbr-font-default-line-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n\n.sd-slider__label-text--secondary {\n color: var(--lbr-slider-label-text-color-secondary, var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45))));\n}\n\ninput[type=range].sd-slider__input {\n position: absolute;\n pointer-events: none;\n -webkit-appearance: none;\n z-index: 4;\n height: var(--sjs-postcss-fix-slider-thumb-height);\n top: 0;\n left: 0;\n width: 100%;\n opacity: 0;\n margin: 0;\n}\n\ninput[type=range][name=range-input].sd-slider__input {\n z-index: 3;\n}\ninput[type=range][name=range-input].sd-slider__input:hover + .sd-slider-container .sd-slider__tooltip--on-hover {\n opacity: 1;\n}\n\ninput[type=range].sd-slider__input:focus::-webkit-slider-runnable-track {\n background: transparent;\n border: transparent;\n}\n\ninput[type=range].sd-slider__input::-webkit-slider-runnable-track {\n margin: 0 calc(var(--sjs-postcss-fix-slider-thumb-width) / -2);\n height: var(--sjs-postcss-fix-slider-path-height);\n}\n\ninput[type=range].sd-slider__input::-moz-range-track {\n margin: 0 calc(var(--sjs-postcss-fix-slider-thumb-width) / -2);\n height: var(--sjs-postcss-fix-slider-path-height);\n}\n\ninput[type=range].sd-slider__input:focus {\n outline: none;\n}\n\ninput[type=range].sd-slider__input::-webkit-slider-thumb {\n pointer-events: all;\n height: 67px;\n width: var(--sjs-postcss-fix-slider-thumb-width);\n border-radius: 0px;\n border: 0 none;\n background: var(--sjs-primary-backcolor, var(--primary, #19b394));\n -webkit-appearance: none;\n cursor: pointer;\n top: -50px;\n position: relative;\n}\n\ninput[type=range][name=range-input].sd-slider__input::-webkit-slider-thumb {\n height: var(--sjs-postcss-fix-slider-thumb-height);\n top: 0;\n}\n\ninput[type=range].sd-slider__input::-moz-range-thumb {\n pointer-events: all;\n height: 75px;\n width: var(--sjs-postcss-fix-slider-thumb-width);\n border-radius: 0px;\n border: 0 none;\n background: var(--sjs-primary-backcolor, var(--primary, #19b394));\n -webkit-appearance: none;\n cursor: pointer;\n top: -20px;\n position: relative;\n}\n\ninput[type=range][name=range-input].sd-slider__input::-moz-range-thumb {\n height: var(--sjs-postcss-fix-slider-thumb-height);\n top: 0;\n}\n\ninput[type=range].sd-slider__input::-ms-fill-lower {\n background: transparent;\n border: 0 none;\n}\n\ninput[type=range].sd-slider__input::-ms-fill-upper {\n background: transparent;\n border: 0 none;\n}\n\ninput[type=range].sd-slider__input::-ms-tooltip {\n display: none;\n}\n\n:root, :host {\n --sjs-range-slider-range-input-thumb-width: 0px;\n --sjs-range-slider-range-input-thumb-left: 0;\n --sjs-range-slider-range-input-thumb-position: absolute;\n}
2\n\ninput[type=range][name=range-input].sd-slider__input::-webkit-slider-thumb {\n width: var(--sjs-range-slider-range-input-thumb-width, 0px);\n left: var(--sjs-range-slider-range-input-thumb-left, 0);\n position: var(--sjs-range-slider-range-input-thumb-position, relative);\n}\n\ninput[type=range][name=range-input].sd-slider__input::-moz-range-thumb {\n width: var(--sjs-range-slider-range-input-thumb-width, 0px);\n left: var(--sjs-range-slider-range-input-thumb-left, 0);\n position: var(--sjs-range-slider-range-input-thumb-position, relative);\n}\n\n.sd-question--readonly .sd-slider__tooltip,\n.sd-question--preview .sd-slider__tooltip {\n display: none;\n}\n\n.sd-question--readonly .sd-slider__input,\n.sd-question--readonly .sd-slider-container,\n.sd-question--readonly .sd-slider__thumb-container,\n.sd-question--readonly .sd-slider__label {\n cursor: default;\n}\n.sd-question--readonly input[type=range].sd-slider__input::-webkit-slider-thumb {\n cursor: default;\n}\n.sd-question--readonly input[type=range].sd-slider__input::-moz-range-thumb {\n cursor: default;\n}\n.sd-question--readonly .sd-slider__input:hover + .sd-slider__thumb-container .sd-slider__thumb-dot {\n width: var(--lbr-slider-thumb-dot-width, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n height: var(--lbr-slider-thumb-dot-height, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n.sd-question--readonly .sd-slider__thumb-container--focused .sd-slider__thumb {\n box-shadow: none;\n border: var(--lbr-slider-thumb-border-width-read-only, 2px) solid var(--lbr-slider-thumb-border-color-read-only, var(--sjs-general-forecolor, var(--foreground, #161616)));\n}\n.sd-question--readonly .sd-slider__thumb {\n box-shadow: none;\n border: var(--lbr-slider-thumb-border-width-read-only, 2px) solid var(--lbr-slider-thumb-border-color-read-only, var(--sjs-general-forecolor, var(--foreground, #161616)));\n}\n.sd-question--readonly .sd-slider__thumb .sd-slider__thumb-dot {\n background: transparent;\n}\n.sd-question--readonly .sd-slider__inverse-track {\n background: var(--lbr-slider-path-color-read-only, var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))));\n}\n.sd-question--readonly .sd-slider__inverse-track::after, .sd-question--readonly .sd-slider__inverse-track::before {\n background: var(--lbr-slider-path-color-read-only, var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))));\n}\n.sd-question--readonly .sd-slider__range-track {\n background: var(--lbr-slider-path-color-filled-read-only, var(--sjs-general-forecolor, var(--foreground, #161616)));\n}\n.sd-question--readonly .sd-slider__range-track::before {\n background: var(--lbr-slider-path-color-filled-read-only, var(--sjs-general-forecolor, var(--foreground, #161616)));\n}\n.sd-question--readonly .sd-slider__range-track::after {\n background: var(--lbr-slider-path-color-filled-read-only, var(--sjs-general-forecolor, var(--foreground, #161616)));\n}\n.sd-question--readonly .sd-slider__label-tick {\n background: var(--lbr-slider-label-tick-color, var(--sjs-border-light, var(--border-light, #eaeaea)));\n}\n.sd-question--readonly .sd-slider__label-text--secondary {\n color: var(--lbr-slider-label-text-color, var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91))));\n}\n\n.sd-question--preview .sd-slider--single .sd-slider__inverse-track--left::before {\n background: var(--lbr-slider-path-color-filled-preview, var(--sjs-general-forecolor, var(--foreground, #161616)));\n}\n.sd-question--preview .sd-slider__track {\n top: calc(var(--sjs-postcss-fix-slider-thumb-height) / 2 - var(--sjs-postcss-fix-slider-path-height-preview) / 2);\n}\n.sd-question--preview .sd-slider__input:hover + .sd-slider__thumb-container .sd-slider__thumb-dot {\n width: var(--lbr-slider-thumb-dot-width-preivew, calc(0.125 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n height: var(--lbr-slider-thumb-dot-height-preview, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n.sd-question--preview .sd-slider__thumb-container--focused .sd-slider__thumb {\n box-shadow: none;\n border: none;\n}\n.sd-question--preview .sd-slider__thumb {\n box-shadow: none;\n padding: 0;\n}\n.sd-question--preview .sd-slider__thumb .sd-slider__thumb-dot {\n width: var(--lbr-slider-thumb-dot-width-preivew, calc(0.125 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n height: var(--lbr-slider-thumb-dot-height-preview, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n background: var(--lbr-slider-thumb-dot-color-preview, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n}\n.sd-question--preview .sd-slider__inverse-track {\n height: var(--sjs-postcss-fix-slider-path-height-preview);\n background: var(--lbr-slider-path-color-preview, var(--sjs-border-light, var(--border-light, #eaeaea)));\n}\n.sd-question--preview .sd-slider__inverse-track::after, .sd-question--preview .sd-slider__inverse-track::before {\n height: var(--sjs-postcss-fix-slider-path-height-preview);\n background: var(--lbr-slider-path-color-preview, var(--sjs-border-light, var(--border-light, #eaeaea)));\n}\n.sd-question--preview .sd-slider__range-track {\n height: var(--sjs-postcss-fix-slider-path-height-preview);\n background: var(--lbr-slider-path-color-filled-preview, var(--sjs-general-forecolor, var(--foreground, #161616)));\n}\n.sd-question--preview .sd-slider__range-track::before {\n height: var(--sjs-postcss-fix-slider-path-height-preview);\n display: none;\n}\n.sd-question--preview .sd-slider__range-track::after {\n height: var(--sjs-postcss-fix-slider-path-height-preview);\n display: none;\n}\n.sd-question--preview .sd-slider--negative-scale-mode .sd-slider__inverse-track--left::before {\n background: var(--lbr-slider-path-color-preview, var(--sjs-border-light, var(--border-light, #eaeaea)));\n}\n.sd-question--preview .sd-slider__label-tick {\n background: var(--lbr-slider-label-tick-color-preview, var(--sjs-general-forecolor, var(--foreground, #161616)));\n}\n.sd-question--preview .sd-slider__label-text--secondary {\n color: var(--lbr-slider-label-text-color, var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91))));\n}\n\n.sd-question--error .sd-slider__inverse-track {\n background: var(--lbr-slider-path-color-error, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));\n}\n.sd-question--error .sd-slider__inverse-track::after, .sd-question--error .sd-slider__inverse-track::before {\n background: var(--lbr-slider-path-color-error, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));\n}\n.sd-question--error .sd-slider__range-track {\n background: var(--lbr-slider-path-color-filled-error, var(--sjs-special-red, var(--red, #e60a3e)));\n}\n.sd-question--error .sd-slider__range-track::before {\n background: var(--lbr-slider-path-color-filled-error, var(--sjs-special-red, var(--red, #e60a3e)));\n}\n.sd-question--error .sd-slider__range-track::after {\n background: var(--lbr-slider-path-color-filled-error, var(--sjs-special-red, var(--red, #e60a3e)));\n}\n.sd-question--error .sd-slider__thumb-dot {\n background: var(--lbr-slider-thumb-dot-color-error, var(--sjs-special-red, var(--red, #e60a3e)));\n}\n\n.sd-slider--design-mode .sd-slider__input,\n.sd-slider--design-mode .sd-slider-container,\n.sd-slider--design-mode .sd-slider__thumb-container,\n.sd-slider--design-mode .sd-slider__label {\n cursor: default;\n}
2\n.sd-slider--design-mode input[type=range].sd-slider__input::-webkit-slider-thumb {\n cursor: default;\n}\n.sd-slider--design-mode input[type=range].sd-slider__input::-moz-range-thumb {\n cursor: default;\n}\n.sd-slider--design-mode .sd-slider__input:hover + .sd-slider__thumb-container .sd-slider__tooltip--on-hover {\n opacity: 0;\n}\n.sd-slider--design-mode .sd-slider__input:hover + .sd-slider__thumb-container .sd-slider__thumb-dot {\n width: var(--lbr-slider-thumb-dot-width-hovering, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n height: var(--lbr-slider-thumb-dot-height-hovering, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n.sd-slider--design-mode input[type=range][name=range-input].sd-slider__input:hover + .sd-slider-container .sd-slider__tooltip--on-hover {\n opacity: 0;\n}\n\n.sd-slider--negative-scale-mode .sd-slider__range-track::before {\n display: none;\n}\n.sd-slider--negative-scale-mode .sd-slider__range-track::after {\n display: none;\n}\n\n.sd-slider--animated-thumb-mode .sd-slider__thumb-container {\n transition: left var(--sjs-transition-duration, 150ms);\n}\n.sd-slider--animated-thumb-mode .sd-slider__track {\n transition: left var(--sjs-transition-duration, 150ms), right var(--sjs-transition-duration, 150ms), width var(--sjs-transition-duration, 150ms);\n}\n\n.sd-slider--tooltips-always-mode {\n margin-top: var(--lbr-slider-margin-top-tooltip, calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n}\n\n.sd-slider--labels-show-value-text-mode {\n margin-bottom: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-slider--labels-show-value-text-mode .sd-slider__label--long:first-child .sd-slider__label-text:first-child {\n text-align: start;\n margin-left: 11px;\n}\n.sd-slider--labels-show-value-text-mode .sd-slider__label--long:last-child .sd-slider__label-text:first-child {\n text-align: end;\n}\n\n:dir(rtl) .sd-slider,\n:dir(rtl) .sd-slider__label-text,\n:dir(rtl) .sd-slider__input,\n:dir(rtl) .sd-slider__tooltip-value,\n[style*="direction:rtl"] .sd-slider,\n[style*="direction:rtl"] .sd-slider__label-text,\n[style*="direction:rtl"] .sd-slider__input,\n[style*="direction:rtl"] .sd-slider__tooltip-value,\n[style*="direction: rtl"] .sd-slider,\n[style*="direction: rtl"] .sd-slider__label-text,\n[style*="direction: rtl"] .sd-slider__input,\n[style*="direction: rtl"] .sd-slider__tooltip-value {\n transform: scale(-1, 1);\n}\n:dir(rtl) .sd-slider__label-text,\n:dir(rtl) .sd-slider__tooltip-value,\n[style*="direction:rtl"] .sd-slider__label-text,\n[style*="direction:rtl"] .sd-slider__tooltip-value,\n[style*="direction: rtl"] .sd-slider__label-text,\n[style*="direction: rtl"] .sd-slider__tooltip-value {\n direction: ltr;\n}\n\n.sd-paneldynamic .sd-progress {\n position: absolute;\n left: 0;\n right: 0;\n height: 2px;\n z-index: 2;\n transform: translateY(-1px);\n}\n.sd-paneldynamic > .sd-panel {\n padding-top: 1px;\n padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));\n}\n.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header {\n padding-top: var(--sd-base-vertical-padding);\n padding-bottom: 0;\n}\n.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header:after {\n display: none;\n}\n.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header > .sd-panel__title {\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sd-question--readonly .sd-paneldynamic .sd-question__placeholder,\n.sd-question--preview .sd-paneldynamic .sd-question__placeholder {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-paneldynamic__separator {\n display: none;\n}\n\n.sd-paneldynamic__panel-wrapper {\n box-sizing: border-box;\n padding-bottom: calc(1 * var(--sd-base-padding));\n}\n\n.sd-paneldynamic__panel-wrapper:after {\n display: table;\n clear: both;\n content: " ";\n}\n\n.sd-paneldynamic__footer .sd-paneldynamic__separator,\n.sd-paneldynamic__panel-wrapper--list ~ .sd-paneldynamic__panel-wrapper--list:before {\n content: " ";\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n margin: 0;\n border-color: var(--sjs-border-light, var(--border-light, #eaeaea));\n background: var(--sjs-border-light, var(--border-light, #eaeaea));\n height: 1px;\n border: none;\n}\n\n.sd-paneldynamic__separator:only-child {\n display: none;\n}\n\n.sd-paneldynamic__panel-wrapper--in-row.sd-paneldynamic__panel-wrapper--in-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n position: relative;\n}\n.sd-paneldynamic__panel-wrapper--in-row.sd-paneldynamic__panel-wrapper--in-row:before {\n top: 0;\n left: calc(-1 * var(--sd-base-padding));\n right: calc(-1 * var(--sd-base-padding));\n}
2\n\n.sd-paneldynamic__footer {\n clear: both;\n}\n.sd-paneldynamic__footer .sd-paneldynamic__prev-btn,\n.sd-paneldynamic__footer .sd-paneldynamic__next-btn {\n display: block;\n}\n.sd-paneldynamic__footer .sd-paneldynamic__prev-btn svg,\n.sd-paneldynamic__footer .sd-paneldynamic__next-btn svg {\n width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-paneldynamic__footer .sd-paneldynamic__add-btn,\n.sd-paneldynamic__footer .sd-paneldynamic__progress-text,\n.sd-paneldynamic__footer .sd-paneldynamic__progress--bottom {\n display: initial;\n}\n\n.sd-paneldynamic__buttons-container {\n display: flex;\n align-items: center;\n padding: calc(var(--sd-base-vertical-padding) - var(--sjs-base-unit, var(--base-unit, 8px))) 0;\n}\n\n.sd-paneldynamic__progress-container {\n display: flex;\n align-items: center;\n margin-left: auto;\n margin-right: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-paneldynamic__progress-text {\n font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));\n line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n margin: 0;\n margin-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-paneldynamic__prev-btn,\n.sd-paneldynamic__next-btn {\n width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-paneldynamic__prev-btn .sv-svg-icon,\n.sd-paneldynamic__next-btn .sv-svg-icon {\n display: block;\n}\n\n.sd-paneldynamic__prev-btn {\n margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-paneldynamic__next-btn {\n margin-left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n transform: rotate(180deg);\n}\n\n.sd-paneldynamic__placeholder .sd-paneldynamic__add-btn {\n display: initial;\n margin-left: 0;\n}\n\n.sd-question--empty.sd-question--paneldynamic > .sd-question__content {\n padding-bottom: var(--sd-base-padding);\n --animation-padding-bottom: var(--sd-base-padding);\n}\n\n.sd-question--paneldynamic:not(.sd-question--empty) > .sd-question__content > .sd-question__comment-area {\n padding-bottom: var(--sd-base-padding);\n}\n\n.sd-paneldynamic__buttons-container .sd-action-bar {\n width: 100%;\n margin: 0 calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(100% + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-paneldynamic__panel-footer {\n border-top: none;\n position: relative;\n top: calc(0.5 * var(--sd-base-vertical-padding));\n margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n justify-content: flex-end;\n}\n\n.sd-paneldynamic__panel-footer .sv-action:not(.sv-action--hidden
2) {\n margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-paneldynamic__tabs-container {\n padding-top: var(--sd-base-padding);\n}\n.sd-paneldynamic__tabs-container .sd-tabs-toolbar {\n margin: 0 0 -1px calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-paneldynamic__tabs-container:after {\n content: " ";\n display: block;\n height: 1px;\n position: relative;\n background: var(--sjs-border-light, var(--border-light, #eaeaea));\n bottom: 0;\n inset-inline-start: calc(-1 * var(--sd-base-padding));\n width: calc(100% + 2 * var(--sd-base-padding));\n}\n\n.sd-paneldynamic__tabs-container--with-header {\n padding-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-tabs-toolbar.sv-action-bar {\n align-items: flex-start;\n z-index: 1;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--left {\n justify-content: flex-start;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--right {\n justify-content: flex-end;\n}\n\n.sd-tabs-toolbar.sd-tabs-toolbar--center {\n justify-content: center;\n}\n\n.sd-tab-item {\n margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-tab-item {\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: flex;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n box-sizing: border-box;\n border: none;\n background-color: transparent;\n cursor: pointer;\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));\n line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n overflow-x: hidden;\n white-space: nowrap;\n box-shadow: inset 0px 0px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n transition: box-shadow var(--sjs-transition-duration, 150ms);\n}\n.sd-tab-item:hover, .sd-tab-item:focus-visible {\n outline: none;\n box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-tab-item.sd-tab-item--pressed {\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-tab-item--icon {\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n width: auto;\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-tab-item--icon use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n opacity: 0.5;\n}\n\n.sd-tab-item--icon:hover,\n.sd-tab-item--icon.sd-tab-item--pressed {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n box-shadow: none;\n}\n.sd-tab-item--icon:hover use,\n.sd-tab-item--icon.sd-tab-item--pressed use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-tab-item--icon:hover use {\n opacity: 1;\n}\n\n.sd-tabs-toolbar .sv-dots {\n width: auto;\n}\n\n.sd-tabs-toolbar .sv-dots.sv-action--hidden {\n width: 0;\n}\n\n.sd-tab-item__title {\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: flex;\n align-items: center;\n}\n\n.sd-question__title ~ .sd-tabs-toolbar {\n margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {\n padding-bottom: 0;\n}\n\n.sd-element--collapsed .sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {\n padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab::after {\n content: none;\n}\n\n.sd-question--paneldynamic.sd-element--with-frame {\n padding-bottom: 0;\n}\n\n.sd-paneldynamic__panels-container {\n position: relative;\n overflow: hidden;\n margin-left: calc(-1 * var(--sd-base-padding));\n padding-left: var(--sd-base-padding);\n margin-right: calc(-1 * var(--sd-base-padding));\n padding-right: var(--sd-base-padding);\n}\n\n.sd-paneldynamic__panel-wrapper {\n box-sizing: border-box;\n}\n\n@keyframes movePanel {\n from {\n transform: translateX(var(--sjs-pd-tab-move-margin));\n }\n to {\n transform: translateX(0);\n }\n}
2\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-left,\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-right {\n --sjs-pd-tab-animation-delay: 0ms;\n animation-name: movePanel, changeHeight, paddingFadeIn, fadeIn;\n animation-duration: var(--sjs-pd-tab-move-in-duration, 250ms), var(--sjs-pd-tab-height-change-duration, 250ms), var(--sjs-pd-tab-height-change-duration, 250ms), var(--sjs-pd-tab-fade-in-duration, 250ms);\n animation-delay: calc(var(--sjs-pd-tab-move-in-delay, 100ms) + var(--sjs-pd-tab-animation-delay)), calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay)), calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay)), calc(var(--sjs-pd-tab-fade-in-delay, 100ms) + var(--sjs-pd-tab-animation-delay));\n animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n animation-fill-mode: forwards;\n opacity: 0;\n padding-bottom: 0;\n transform: translateX(var(--sjs-pd-tab-move-margin));\n height: var(--animation-height-from);\n --animation-padding-top: 0;\n --animation-padding-bottom: calc(1 * var(--sd-base-padding));\n}\n\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-left {\n --sjs-pd-tab-move-margin: calc(1 * var(--sjs-pd-tab-move-in-margin, 50%));\n}\n\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-right {\n --sjs-pd-tab-move-margin: calc(-1 * var(--sjs-pd-tab-move-in-margin, 50%));\n}\n\n.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-left,\n.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-right {\n animation-name: fadeIn, movePanel;\n animation-duration: var(--sjs-pd-tab-fade-out-duration, 250ms), var(--sjs-pd-tab-move-out-duration, 250ms);\n animation-delay: var(--sjs-pd-tab-fade-out-delay, 0ms), var(--sjs-pd-tab-move-out-delay, 0ms);\n animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n animation-direction: reverse;\n animation-fill-mode: forwards;\n position: absolute;\n left: var(--sd-base-padding);\n top: 0;\n width: calc(100% - 2 * var(--sd-base-padding));\n}\n\n.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-left {\n --sjs-pd-tab-move-margin: calc(-1 * var(--sjs-pd-tab-move-out-margin, 50%));\n}\n\n.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-right {\n --sjs-pd-tab-move-margin: calc(1 * var(--sjs-pd-tab-move-out-margin, 50%));\n}\n\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-adding {\n animation-name: fadeIn, changeHeight, paddingFadeIn;\n animation-duration: var(--sjs-pd-tab-add-fade-in-duration, 500ms), var(--sjs-pd-tab-height-change-duration, 250ms), var(--sjs-pd-tab-height-change-duration, 250ms);\n animation-delay: calc(var(--sjs-pd-tab-add-fade-in-delay, 250ms) + var(--sjs-pd-tab-animation-delay)), calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay)), calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay));\n animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n animation-fill-mode: forwards;\n transform: translateX(0);\n}\n\n.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-removing {\n --sjs-pd-tab-animation-delay: var(--sjs-pd-tab-remove-fade-in-delay, 150ms);\n}\n\n.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-removing {\n animation-name: fadeIn;\n animation-duration: var(--sjs-pd-tab-remove-fade-out-duration, 150ms);\n animation-delay: var(--sjs-pd-tab-remove-fade-out-delay, 0ms);\n animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n animation-direction: reverse;\n animation-fill-mode: forwards;\n position: absolute;\n left: var(--sd-base-padding);\n top: 0;\n width: calc(100% - 2 * var(--sd-base-padding));\n}\n\n.sd-paneldynamic__panel-wrapper--enter,\n.sd-paneldynamic__panel-wrapper--leave {\n animation-name: fadeIn, moveInWithOverflow;\n animation-fill-mode: forwards;\n --animation-padding-top: 0;\n --animation-padding-bottom: calc(1 * var(--sd-base-padding));\n min-height: 0 !important;\n}\n\n.sd-paneldynamic__panel-wrapper--enter {\n opacity: 0;\n animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n animation-duration: var(--sjs-pd-list-fade-in-duration, 500ms), var(--sjs-pd-list-move-in-duration, 250ms), var(--sjs-pd-list-move-in-duration, 250ms);\n animation-delay: var(--sjs-pd-list-fade-in-delay, 250ms), 0s, 0s;\n}\n\n.sd-paneldynamic__panel-wrapper--leave {\n animation-direction: reverse;\n animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n animation-duration: var(--sjs-pd-list-fade-out-duration, 150ms), var(--sjs-pd-list-move-out-duration, 250ms), var(--sjs-pd-list-move-out-duration, 250ms);\n animation-delay: 0s, var(--sjs-pd-list-move-out-delay, 100ms), var(--sjs-pd-list-move-out-delay, 100ms);\n --animation-padding-bottom: calc(1 * var(--sd-base-padding));\n}\n\n.sd-file {\n position: relative;\n font-size: var(--sjs-font-size, 16px);\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n min-height: calc(36 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n padding: 0 calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-file .sv-action-bar {\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n justify-content: center;\n position: absolute;\n width: 100%;\n left: 0;\n bottom: 0;\n}\n.sd-file .sv-action-bar .sv-action-bar-item {\n height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n border-radius: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}
2\n.sd-file .sv-action-bar .sv-action--file-index .sv-action-bar-item {\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n font-weight: 600;\n}\n.sd-file .sv-action-bar .sv-action--file-index .sv-action-bar-item:hover {\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n}\n.sd-file .sv-action-bar .sv-action--file-index .sv-action-bar-item:disabled {\n opacity: initial;\n}\n\n.sd-file__decorator {\n display: flex;\n flex-direction: column;\n position: absolute;\n position: absolute;\n left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n justify-content: center;\n align-items: center;\n border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n container-type: inline-size;\n}\n\n.sd-file--answered .sd-file__decorator {\n container-type: unset;\n}\n\n.sd-file__decorator--drag {\n z-index: 1;\n border: 1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n box-shadow: inset 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-file__drag-area-placeholder {\n text-align: center;\n white-space: normal;\n color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));\n line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n padding: 0 calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n@container (max-width: 496px) {\n .sd-file__drag-area-placeholder {\n padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));\n }\n}\n@container (max-width: 176px) {\n .sd-file__drag-area-placeholder {\n display: none;\n }\n .sd-file__decorator .sd-action {\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n }\n .sd-file__decorator .sd-action .sv-svg-icon {\n margin-left: 0;\n }\n .sd-file__decorator .sd-file__actions-container {\n flex-direction: column;\n }\n .sd-file__decorator .sd-file__actions-container span {\n display: none;\n }\n}\n.sd-root-modern--mobile .sd-file__decorator {\n padding: 0 calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-file__choose-btn--text {\n display: block;\n font-weight: 600;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n cursor: pointer;\n}\n.sd-file__choose-btn--text .sv-svg-icon {\n margin-left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-file__choose-btn--icon > span {\n display: none;\n}\n\n.sd-file__wrapper {\n width: max-content;\n max-width: 100%;\n}\n\n.sd-file__actions-container {\n margin-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n flex-wrap: wrap;\n justify-content: center;\n}\n.sd-file__actions-container .sv-action--hidden {\n display: none;\n}\n\n.sd-file--answered .sd-file__actions-container {\n z-index: 2;\n margin-top: 0;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-file--answered .sd-file__actions-container {\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n right: var(--sjs-base-unit, var(--base-unit, 8px));\n position: absolute;\n}\n\n.sd-file--chose-btn--as .sd-file--answered .sd-file__actions-container {\n inset-inline-end: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))) + 5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-file__list {\n display: flex;\n position: relative;\n overflow: hidden;\n box-sizing: content-box;\n flex-direction: row;\n padding: calc(10.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n min-height: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n max-height: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: 100%;\n}\n\n.sd-file__page {\n display: flex;\n left: 0;\n align-items: stretch;\n justify-content: center;\n gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(100% - 21 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n position: absolute;\n}\n\n@keyframes file-page-to-right {\n from {\n opacity: 1;\n left: 0;\n }\n to {\n opacity: 0;\n left: 100%;\n }\n}\n@keyframes file-page-from-right {\n from {\n opacity: 0;\n left: 100%;\n }\n to {\n opacity: 1;\n left: 0;\n }\n}\n@keyframes file-page-from-left {\n from {\n opacity: 0;\n left: -100%;\n }\n to {\n opacity: 1;\n left: 0;\n }\n}\n@keyframes file-page-to-left {\n from {\n opacity: 1;\n left: 0;\n }\n to {\n opacity: 0;\n left: -100%;\n }\n}\n.sd-file__page--leave-to-right,\n.sd-file__page--enter-from-right,\n.sd-file__page--leave-to-left,\n.sd-file__page--enter-from-left {\n animation-duration: 0.5s;\n animation-fill-mode: forwards;\n}\n\n.sd-file__page--leave-to-right {\n animation-name: file-page-to-right;\n}\n\n.sd-file__page--enter-from-right {\n animation-name: file-page-from-right;\n}\n\n.sd-file__page--leave-to-left {\n animation-name: file-page-to-left;\n}\n\n.sd-file__page--enter-from-left {\n animation-name: file-page-from-left;\n}\n\n.sd-file__preview-item {\n position: relative;\n display: flex;\n align-items: stretch;\n flex-direction: column;\n min-height: 100%;\n width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin: 0;\n cursor: pointer;\n}\n.sd-file__preview-item .sd-file__default-image {\n width: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-file__preview-item .sd-file__default-image use {\n fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n}
2\n.sd-file__preview-item:hover .sd-file__remove-file-button {\n opacity: 1;\n}\n.sd-file__preview-item:hover .sd-file__sign a {\n text-decoration: underline;\n}\n\n.sd-file__sign {\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n text-align: center;\n font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n line-height: var(--sjs-font-size, 16px);\n}\n.sd-file__sign a {\n display: block;\n text-decoration: none;\n color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));\n white-space: normal;\n word-break: break-all;\n width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n min-width: 100%;\n max-width: 100%;\n overflow: hidden;\n max-height: calc(3 * (var(--sjs-font-size, 16px)));\n text-overflow: ellipsis;\n line-height: var(--sjs-font-size, 16px);\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n}\n\n.sd-file__remove-file-button {\n display: block;\n opacity: 0;\n position: absolute;\n left: 100%;\n top: 0;\n transform: translate(-50%, -50%);\n transition: opacity var(--sjs-transition-duration, 150ms);\n}\n\n.sd-file__image-wrapper--default-image .sd-file__remove-file-button {\n left: 50%;\n top: 50%;\n transform: translate(calc(3.5 * var(--sjs-base-unit, var(--base-unit, 8px)) - 50% - 1.5px), calc(-4.25 * var(--sjs-base-unit, var(--base-unit, 8px)) - 50% + 1.5px));\n}\n\n.sd-file__decorator--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n\n.sd-file__image-wrapper {\n position: relative;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n min-height: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sd-file__image-wrapper img:not(.sd-file__default-image) {\n display: block;\n max-width: 100%;\n max-height: 100%;\n width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n object-fit: contain;\n}\n\n.sd-file__image-wrapper--default-image {\n background: transparent;\n}\n\n.sd-file--single .sd-file__preview-item .sd-file__remove-file-button {\n display: none;\n}\n\n.sd-file--single-image {\n height: calc(36 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n.sd-file--single-image .sd-file__page {\n height: 100%;\n}\n.sd-file--single-image .sd-file__preview-item {\n width: 100%;\n margin: 0;\n}\n.sd-file--single-image .sd-file__list {\n position: absolute;\n left: 0;\n padding: 0;\n height: 100%;\n max-height: 100%;\n width: 100%;\n}\n.sd-file--single-image .sd-file__image-wrapper {\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sd-file--single-image .sd-file__image-wrapper {\n min-height: 100%;\n min-width: 100%;\n}\n.sd-file--single-image .sd-file__image-wrapper img {\n width: 100%;\n height: 100%;\n}\n.sd-file--single-image .sd-file__sign {\n position: absolute;\n margin: 0;\n width: 100%;\n min-height: 100%;\n}\n.sd-file--single-image .sd-file__sign a {\n color: transparent;\n width: 100%;\n min-width: 100%;\n max-width: 100%;\n height: 100%;\n outline: none;\n}\n\n.sd-file__image-wrapper.sd-file__image-wrapper--default-image {\n background: transparent;\n}\n\n.sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn.sd-file__choose-btn--icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn:not(.sd-file__choose-btn--icon) {\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n}\n\n.sd-file__drag-area {\n position: static;\n width: 100%;\n}\n\n.sd-file__change-camera-button {\n position: absolute;\n z-index: 2;\n left: var(--sjs-base-unit, var(--base-unit, 8px));\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-file__close-camera-button {\n position: absolute;\n z-index: 2;\n right: var(--sjs-base-unit, var(--base-unit, 8px));\n top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-context-btn.sd-file__take-picture-button {\n background-color: var(--sjs-special-red, var(--red, #e60a3e));\n position: absolute;\n bottom: 16px;\n left: 50%;\n transform: translateX(-50%);\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-context-btn.sd-file__take-picture-button:hover, .sd-context-btn.sd-file__take-picture-button:focus {\n box-shadow: 0 0 0 2px var(--sjs-special-red, var(--red, #e60a3e));\n}
2\n.sd-context-btn.sd-file__take-picture-button .sv-svg-icon {\n height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-context-btn.sd-file__take-picture-button .sv-svg-icon use {\n fill: var(--sjs-general-backcolor, var(--background, #fff));\n}\n\n.sd-file__video-container {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.sd-file__loading-indicator {\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n position: absolute;\n border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));\n left: 0;\n}\n.sd-file__loading-indicator .sd-loading-indicator {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.sd-file__choose-file-btn--disabled {\n opacity: 0.25;\n cursor: default;\n}\n\n.sd-file--readonly .sd-context-btn {\n display: none;\n}\n.sd-file--readonly .sd-file__decorator {\n border-color: transparent;\n}\n.sd-file--readonly .sd-file__actions-container {\n display: none;\n}\n.sd-file--readonly .sd-file__image-wrapper {\n background: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n.sd-file--readonly .sd-file__drag-area-placeholder {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-file--preview .sd-context-btn {\n display: none;\n}\n.sd-file--preview .sd-file__decorator {\n border-color: transparent;\n}\n.sd-file--preview .sd-file__image-wrapper {\n background: transparent;\n}\n.sd-file--preview .sd-file__actions-container {\n display: none;\n}\n.sd-file--preview .sd-file__drag-area-placeholder {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n}\n\n.sd-hidden {\n display: none !important;\n}\n\n.sd-body__navigation {\n box-sizing: border-box;\n padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n flex-wrap: wrap;\n gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-body__navigation .sd-btn {\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));\n line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));\n}\n\n.sv-components-container-contentTop .sd-body__navigation {\n padding-top: 0;\n}\n\n.sd-root--compact .sd-body__navigation .sd-btn:not(.sd-btn--action) {\n background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));\n}\n.sd-root--compact .sd-body__navigation .sd-btn:not(.sd-btn--action):hover {\n background-color: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));\n}\n\n.sd-root-modern--mobile .sd-body__navigation .sv-action:not(.sv-action--hidden
2),\n.sd-root-modern--mobile .sd-body__navigation .sd-btn {\n flex-grow: 1;\n}\n.sd-root-modern--mobile .sd-body__navigation .sd-btn {\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-body__navigation .sv-action--hidden {\n display: none;\n}\n\n.sd-btn {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n border-radius: var(--sjs-corner-radius, 4px);\n cursor: pointer;\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-style: normal;\n font-weight: 600;\n font-size: var(--sjs-font-size, 16px);\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n text-align: center;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border: none;\n outline: none;\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n transition: box-shadow var(--sjs-transition-duration, 150ms), background var(--sjs-transition-duration, 150ms);\n}\n\n.sd-btn--small {\n flex-grow: 1;\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-btn:hover {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n\n.sd-btn:focus-visible {\n box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-btn:disabled {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n opacity: 0.25;\n pointer-events: none;\n}\n\n.sd-btn--action {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-btn--action:hover {\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n background-color: var(--sjs-primary-backcolor-dark, rgb(20, 164, 139));\n}\n\n.sd-btn--action:disabled {\n color: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25)));\n pointer-events: none;\n}\n\n.sd-btn--danger {\n background-color: var(--sjs-special-red, var(--red, #e60a3e));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-btn--danger:hover {\n background-color: var(--sjs-special-red, var(--red, #e60a3e));\n color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n\n.sd-btn--danger:disabled {\n color: var(--sjs-special-red-forecolor, #ffffff);\n pointer-events: none;\n}\n\n.sd-body {\n width: 100%;\n box-sizing: border-box;\n}\n.sd-body .sd-body__page {\n min-width: min(100%, 300px);\n}\n.sd-body .sd-body__timer {\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n box-sizing: border-box;\n}\n.sd-body.sd-body--static {\n max-width: calc(90 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-left: auto;\n margin-right: auto;\n padding-top: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-bottom: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-body.sd-body--responsive {\n max-width: initial;\n padding: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));\n box-sizing: border-box;\n}\n.sd-body.sd-body--responsive .sd-page {\n padding: 0;\n}\n.sd-body.sd-body--responsive .sd-body__timer,\n.sd-body.sd-body--responsive .sd-body__navigation {\n padding-left: 0;\n padding-right: 0;\n}\n.sd-body.sd-body--responsive.sd-body--with-timer {\n max-width: calc(100% + var(--sd-timer-size) * -1.4444444444 + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));\n margin-left: auto;\n margin-right: auto;\n}\n\n.sd-root-modern--mobile .sd-body.sd-body--with-timer.sd-body--responsive {\n max-width: initial;\n margin-left: 0;\n margin-right: 0;\n}\n.sd-root-modern--mobile .sd-body.sd-body--responsive, .sd-root-modern--mobile .sd-body.sd-body--static {\n padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-root-modern--mobile .sd-body.sd-body--responsive .sv-components-container-contentBottom .sd-body__navigation, .sd-root-modern--mobile .sd-body.sd-body--static .sv-components-container-contentBottom .sd-body__navigation {\n padding-bottom: 0;\n}\n.sd-root-modern--mobile .sd-body.sd-body--responsive .sv-components-container-contentTop .sv-header ~ .sd-body__navigation, .sd-root-modern--mobile .sd-body.sd-body--static .sv-components-container-contentTop .sv-header ~ .sd-body__navigation {\n padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-root-modern--mobile .sd-body.sd-body--responsive .sv-components-container-contentTop .sd-body__navigation, .sd-root-modern--mobile .sd-body.sd-body--static .sv-components-container-contentTop .sd-body__navigation {\n padding-top: 0;\n}\n.sd-root-modern--mobile .sd-body.sd-body--responsive .sd-body__navigation, .sd-root-modern--mobile .sd-body.sd-body--static .sd-body__navigation {\n padding-left: 0;\n padding-right: 0;\n}\n\n.sd-root--compact .sd-body.sd-body--responsive .sd-body__navigation, .sd-root--compact .sd-body.sd-body--static .sd-body__navigation {\n padding-top: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-root--compact .sd-body.sd-body--responsive .sv-components-container-contentTop .sd-body__navigation, .sd-root--compact .sd-body.sd-body--static .sv-components-container-contentTop .sd-body__navigation {\n padding-top: 0;\n}
2\n\n.sd-body--empty {\n min-height: 400px;\n text-align: center;\n padding-top: 180px;\n box-sizing: border-box;\n}\n\n.sd-body--empty,\n.sd-body--loading {\n font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));\n text-decoration: var(--sjs-article-font-default-textDecoration, "none");\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-weight: var(--sjs-article-font-default-fontWeight, 400);\n font-style: var(--sjs-article-font-default-fontStyle, "normal");\n font-stretch: var(--sjs-article-font-default-fontStretch, "normal");\n letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);\n line-height: var(--sjs-article-font-default-lineHeight, 28px);\n text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-default-textCase, "none");\n color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n}\n.sd-body--empty h1,\n.sd-body--loading h1 {\n font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));\n text-decoration: var(--sjs-article-font-xx-large-textDecoration, "none");\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-weight: var(--sjs-article-font-xx-large-fontWeight, 700);\n font-style: var(--sjs-article-font-xx-large-fontStyle, "normal");\n font-stretch: var(--sjs-article-font-xx-large-fontStretch, "normal");\n letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-xx-large-lineHeight, 64px);\n text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-xx-large-textCase, "none");\n}\n.sd-body--empty h2,\n.sd-body--loading h2 {\n font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));\n text-decoration: var(--sjs-article-font-x-large-textDecoration, "none");\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-weight: var(--sjs-article-font-x-large-fontWeight, 700);\n font-style: var(--sjs-article-font-x-large-fontStyle, "normal");\n font-stretch: var(--sjs-article-font-x-large-fontStretch, "normal");\n letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-x-large-lineHeight, 56px);\n text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-x-large-textCase, "none");\n}\n.sd-body--empty h3,\n.sd-body--loading h3 {\n font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));\n text-decoration: var(--sjs-article-font-large-textDecoration, "none");\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-weight: var(--sjs-article-font-large-fontWeight, 700);\n font-style: var(--sjs-article-font-large-fontStyle, "normal");\n font-stretch: var(--sjs-article-font-large-fontStretch, "normal");\n letter-spacing: var(--sjs-article-font-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-large-lineHeight, 40px);\n text-indent: var(--sjs-article-font-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-large-textCase, "none");\n}\n.sd-body--empty h4,\n.sd-body--empty h5,\n.sd-body--empty h6,\n.sd-body--loading h4,\n.sd-body--loading h5,\n.sd-body--loading h6 {\n font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));\n text-decoration: var(--sjs-article-font-medium-textDecoration, "none");\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-weight: var(--sjs-article-font-medium-fontWeight, 700);\n font-style: var(--sjs-article-font-medium-fontStyle, "normal");\n font-stretch: var(--sjs-article-font-medium-fontStretch, "normal");\n letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0);\n line-height: var(--sjs-article-font-medium-lineHeight, 32px);\n text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-medium-textCase, "none");\n}\n.sd-body--empty td,\n.sd-body--empty span,\n.sd-body--empty div,\n.sd-body--empty p,\n.sd-body--loading td,\n.sd-body--loading span,\n.sd-body--loading div,\n.sd-body--loading p {\n font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));\n text-decoration: var(--sjs-article-font-default-textDecoration, "none");\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-weight: var(--sjs-article-font-default-fontWeight, 400);\n font-style: var(--sjs-article-font-default-fontStyle, "normal");\n font-stretch: var(--sjs-article-font-default-fontStretch, "n
2ormal");\n letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);\n line-height: var(--sjs-article-font-default-lineHeight, 28px);\n text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-default-textCase, "none");\n}\n.sd-body--empty a,\n.sd-body--loading a {\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-body--empty button,\n.sd-body--loading button {\n display: flex;\n align-items: center;\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n vertical-align: baseline;\n text-align: center;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n border: none;\n border-radius: var(--sjs-corner-radius, 4px);\n cursor: pointer;\n user-select: none;\n outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 600;\n font-style: normal;\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));\n line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n transition: box-shadow var(--sjs-transition-duration, 150ms);\n}\n.sd-body--empty button:hover,\n.sd-body--loading button:hover {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n.sd-body--empty button:focus,\n.sd-body--loading button:focus {\n box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-body--empty button span,\n.sd-body--loading button span {\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n}\n\n.sd-root_background-image {\n background-position-x: center;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.sd-multipletext {\n width: 100%;\n table-layout: fixed;\n border-spacing: 0;\n height: 1px;\n}\n\n.sd-multipletext__cell {\n height: 100%;\n}\n\n.sd-multipletext__cell:not(:first-of-type) {\n padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-multipletext__item-container:has(.sd-input:focus) {\n box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-multipletext__item-container {\n display: flex;\n align-items: flex-start;\n height: 100%;\n padding-top: 0;\n padding-bottom: 0;\n}\n.sd-multipletext__item-container .sd-input {\n padding-top: 0;\n padding-inline-end: 0;\n padding-bottom: 0;\n border: none;\n box-shadow: none;\n}\n\n.sd-multipletext__item-container .sd-input,\n.sd-multipletext__item-title {\n margin-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-bottom: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-multipletext__item-title {\n font-size: 0;\n line-height: 0;\n}\n.sd-multipletext__item-title span {\n font-size: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));\n line-height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n}\n\n.sd-multipletext__item-title {\n height: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 3);\n max-width: 30%;\n padding-inline-end: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-inline-end: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));\n white-space: normal;\n color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));\n box-sizing: content-box;\n}\n\n.sd-question--preview .sd-multipletext__item-title {\n border: none;\n}\n\n.sd-multipletext__item {\n flex-grow: 1;\n}\n\n.sd-multipletext__content .sd-multipletext__item-container {\n position: relative;\n}\n\n.sd-multipletext__item-container--error {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n.sd-multipletext__item-container--error .sd-input--error {\n background-color: transparent;\n}\n\n.sd-multipletext-item__character-counter {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.sd-question__content:focus-within .sd-multipletext-item__character-counter {\n padding-inline-end: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-multipletext__cell {\n padding-left: 0;\n padding-right: 0;\n padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-multipletext__cell--error-bottom,\n.sd-multipletext__row:first-of-type .sd-multipletext__cell {\n padding-top: 0;\n}\n\n.sd-multipletext__cell--error-top,\n.sd-multipletext__row:last-of-type .sd-multipletext__cell {\n padding-bottom: 0;\n}\n\n.sd-multipletext__cell--error .sd-question__erbox {\n margin: 0;\n}\n\n.sd-multipletext .sd-input .sd-input {\n background: transparent;\n}\n\n.sd-action {\n appearance: none;\n border: none;\n display: flex;\n align-items: center;\n gap: var(--sjs-base-unit, var(--base-unit, 8px));\n background: transparent;\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n font-weight: 600;\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-style: normal;\n font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));\n line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));\n outline: none;\n transition: background-color var(--sjs-transition-duration, 150ms);\n box-sizing: content-box;\n}\n\n.sd-action--negative {\n color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-action--icon {\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-action__icon {\n margin-left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-action__icon use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n\n.sd-action--icon .sd-action__icon {\n margin-left: 0;\n}\n.sd-action--icon use {\n fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n transition: fill var(--sjs-transition-duration, 150ms);\n}\n\nsvg.sd-action--icon {\n fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n}\n\n.sd-action:disabled,\n.sd-action--disabled {\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n cursor: default;\n opacity: 0.25;\n pointer-events: none;\n}\n.sd-action:disabled use,\n.sd-action--disabled use {\n fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n}\n\n.sd-action:not(.sd-action--pressed):hover,\n.sd-action:not(.sd-action--pressed):focus {\n outline: none;\n background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n cursor: pointer;\n opacity: 1;\n}\n.sd-action:not(.sd-action--pressed):hover.sd-action--icon,\n.sd-action:not(.sd-action--pressed):focus.sd-action--icon {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n.sd-action:not(.sd-action--pressed):hover.sd-action--negative,\n.sd-action:not(.sd-action--pressed):focus.sd-action--negative {\n background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));\n}\n.sd-action:not(.sd-action--pressed):hover.sd-action--negative.sd-action--icon use,\n.sd-action:not(.sd-action--pressed):focus.sd-action--negative.sd-action--icon use {\n fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n.sd-action:not(.sd-action--pressed):hover:active,\n.sd-action:not(.sd-action--pressed):focus:active {\n opacity: 0.5;\n}\n\n.sd-action__icon {\n display: block;\n width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-action--pressed:not(.sd-action--active) {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n opacity: 0.5;\n}\n\n.sd-action-bar > .sv-dots {\n width: auto;\n}\n.sd-action-bar > .sv-action--hidden {\n width: 0;\n}\n\n.sd-action.sv-dots__item {\n width: auto;\n}\n\n.sd-action-bar {\n display: flex;\n align-items: center;\n}\n.sd-action-bar .sv-action:not(:last-child) .sv-action__content {\n padding-right: 0;\n}\n\n.sd-context-btn {\n background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border: none;\n outline: none;\n cursor: pointer;\n}\n.sd-context-btn .sv-svg-icon {\n margin: 0;\n}\n.sd-context-btn svg {\n display: block;\n width: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n height: calc(1.5 * (var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))));\n}\n.sd-context-btn use {\n fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));\n transition: fill var(--sjs-transition-duration, 150ms);\n}\n\n.sd-context-btn:hover use,\n.sd-context-btn:focus use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-context-btn:hover.sd-context-btn--negative use,\n.sd-context-btn:focus.sd-context-btn--negative use {\n fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-context-btn:disabled {\n opacity: 0.25;\n}\n\n.sd-context-btn--small {\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-context-btn--small svg {\n width: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));\n height: var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));\n}
2\n\n.sd-context-btn--with-border {\n --box-shadow-color: var(--sjs-border-default, var(--border, #d6d6d6));\n box-shadow: 0 0 0 1px var(--box-shadow-color);\n}\n\n.sd-context-btn--colorful use {\n fill: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-context-btn--colorful.sd-context-btn--negative use {\n fill: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-context-btn--colorful:focus,\n.sd-context-btn--colorful:hover {\n background: linear-gradient(var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))), var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)))), linear-gradient(var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff)))), var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff)))));\n}\n.sd-context-btn--colorful:focus.sd-context-btn--negative,\n.sd-context-btn--colorful:hover.sd-context-btn--negative {\n background: linear-gradient(var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))), var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)))), linear-gradient(var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff)))), var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff)))));\n}\n.sd-context-btn--colorful:focus.sd-context-btn--with-border,\n.sd-context-btn--colorful:hover.sd-context-btn--with-border {\n --box-shadow-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-context-btn--colorful:focus.sd-context-btn--with-border.sd-context-btn--negative,\n.sd-context-btn--colorful:hover.sd-context-btn--with-border.sd-context-btn--negative {\n --box-shadow-color: var(--sjs-special-red, var(--red, #e60a3e));\n}\n\n.sd-completedpage,\n.sd-body--loading,\n.sd-completed-before-page {\n align-items: center;\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-weight: bold;\n box-sizing: border-box;\n text-align: center;\n height: auto;\n font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));\n text-decoration: var(--sjs-article-font-default-textDecoration, "none");\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-weight: var(--sjs-article-font-default-fontWeight, 400);\n font-style: var(--sjs-article-font-default-fontStyle, "normal");\n font-stretch: var(--sjs-article-font-default-fontStretch, "normal");\n letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);\n line-height: var(--sjs-article-font-default-lineHeight, 28px);\n text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-default-textCase, "none");\n color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));\n}\n.sd-completedpage h1,\n.sd-body--loading h1,\n.sd-completed-before-page h1 {\n font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));\n text-decoration: var(--sjs-article-font-xx-large-textDecoration, "none");\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-weight: var(--sjs-article-font-xx-large-fontWeight, 700);\n font-style: var(--sjs-article-font-xx-large-fontStyle, "normal");\n font-stretch: var(--sjs-article-font-xx-large-fontStretch, "normal");\n letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-xx-large-lineHeight, 64px);\n text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-xx-large-textCase, "none");\n}\n.sd-completedpage h2,\n.sd-body--loading h2,\n.sd-completed-before-page h2 {\n font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));\n text-decoration: var(--sjs-article-font-x-large-textDecoration, "none");\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-weight: var(--sjs-article-font-x-large-fontWeight, 700);\n font-style: var(--sjs-article-font-x-large-fontStyle, "normal");\n font-stretch: var(--sjs-article-font-x-large-fontStretch, "n
2ormal");\n letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-x-large-lineHeight, 56px);\n text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-x-large-textCase, "none");\n}\n.sd-completedpage h3,\n.sd-body--loading h3,\n.sd-completed-before-page h3 {\n font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));\n text-decoration: var(--sjs-article-font-large-textDecoration, "none");\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-weight: var(--sjs-article-font-large-fontWeight, 700);\n font-style: var(--sjs-article-font-large-fontStyle, "normal");\n font-stretch: var(--sjs-article-font-large-fontStretch, "normal");\n letter-spacing: var(--sjs-article-font-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-large-lineHeight, 40px);\n text-indent: var(--sjs-article-font-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-large-textCase, "none");\n}\n.sd-completedpage h4,\n.sd-completedpage h5,\n.sd-completedpage h6,\n.sd-body--loading h4,\n.sd-body--loading h5,\n.sd-body--loading h6,\n.sd-completed-before-page h4,\n.sd-completed-before-page h5,\n.sd-completed-before-page h6 {\n font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));\n text-decoration: var(--sjs-article-font-medium-textDecoration, "none");\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-weight: var(--sjs-article-font-medium-fontWeight, 700);\n font-style: var(--sjs-article-font-medium-fontStyle, "normal");\n font-stretch: var(--sjs-article-font-medium-fontStretch, "normal");\n letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0);\n line-height: var(--sjs-article-font-medium-lineHeight, 32px);\n text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-medium-textCase, "none");\n}\n.sd-completedpage td,\n.sd-completedpage span,\n.sd-completedpage div,\n.sd-completedpage p,\n.sd-body--loading td,\n.sd-body--loading span,\n.sd-body--loading div,\n.sd-body--loading p,\n.sd-completed-before-page td,\n.sd-completed-before-page span,\n.sd-completed-before-page div,\n.sd-completed-before-page p {\n font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));\n text-decoration: var(--sjs-article-font-default-textDecoration, "none");\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-weight: var(--sjs-article-font-default-fontWeight, 400);\n font-style: var(--sjs-article-font-default-fontStyle, "normal");\n font-stretch: var(--sjs-article-font-default-fontStretch, "normal");\n letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);\n line-height: var(--sjs-article-font-default-lineHeight, 28px);\n text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-default-textCase, "none");\n}\n.sd-completedpage a,\n.sd-body--loading a,\n.sd-completed-before-page a {\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-completedpage button,\n.sd-body--loading button,\n.sd-completed-before-page button {\n display: flex;\n align-items: center;\n padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n vertical-align: baseline;\n text-align: center;\n background-color: var(--sjs-general-backcolor, var(--background, #fff));\n border: none;\n border-radius: var(--sjs-corner-radius, 4px);\n cursor: pointer;\n user-select: none;\n outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 600;\n font-style: normal;\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));\n line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));\n box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));\n transition: box-shadow var(--sjs-transition-duration, 150ms);\n}\n.sd-completedpage button:hover,\n.sd-body--loading button:hover,\n.sd-completed-before-page button:hover {\n background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));\n}\n.sd-completedpage button:focus,\n.sd-body--loading button:focus,\n.sd-completed-before-page button:focus {\n box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-completedpage button span,\n.sd-body--loading button span,\n.sd-completed-before-page button span {\n display: flex;\n align-items: center;\n flex-grow: 1;\n justify-content: center;\n}\n.sd-completedpage:not(:has(> *)),\n.sd-body--loading:not(:has(> *)),\n.sd-completed-before-page:not(:has(> *)) {\n font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));\n text-decoration: var(--sjs-article-font-large-textDecoration, "none");\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-weight: var(--sjs-article-font-large-fontWeight, 700);\n font-style: var(--sjs-article-font-large-fontStyle, "normal");
2\n font-stretch: var(--sjs-article-font-large-fontStretch, "normal");\n letter-spacing: var(--sjs-article-font-large-letterSpacing, 0);\n line-height: var(--sjs-article-font-large-lineHeight, 40px);\n text-indent: var(--sjs-article-font-large-paragraphIndent, 0px);\n text-transform: var(--sjs-article-font-large-textCase, "none");\n}\n\n.sd-completedpage:has(> *) {\n padding: calc(13 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n.sd-completedpage {\n padding: calc(17 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n\n.sd-body--loading:has(> *),\n.sd-completed-before-page:has(> *) {\n padding: 0;\n}\n.sd-body--loading,\n.sd-completed-before-page {\n padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;\n}\n\n.sd-progress-buttons__image-button-left {\n display: none;\n}\n\n.sd-progress-buttons__image-button-right {\n display: none;\n}\n\n.sd-progress-buttons__image-button--hidden {\n visibility: hidden;\n}\n\n.sd-progress-buttons__page-description {\n display: none;\n}\n\n.sd-progress-buttons {\n padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n display: flex;\n flex-direction: column;\n}\n\n.sd-progress-buttons__list-container {\n display: flex;\n overflow: hidden;\n margin: 0 calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-progress-buttons__connector {\n display: none;\n}\n\n.sd-progress-buttons__list {\n display: inline-flex;\n flex-direction: row;\n flex-grow: 1;\n margin: 0 auto;\n padding: 0;\n}\n.sd-progress-buttons__list li {\n display: flex;\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: 0;\n position: relative;\n flex-wrap: nowrap;\n text-align: center;\n flex-direction: column;\n cursor: pointer;\n}\n.sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {\n display: block;\n content: "";\n height: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n opacity: 0.5;\n position: absolute;\n bottom: calc(1.125 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: calc(50% + 10px);\n width: calc(100% - 20px);\n pointer-events: none;\n}\n.sd-progress-buttons__list li .sd-progress-buttons__button {\n position: relative;\n display: flex;\n content: attr(data-page-number);\n width: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n border-radius: 50%;\n align-self: center;\n z-index: 1;\n font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n font-weight: 600;\n line-height: var(--sjs-font-size, 16px);\n justify-content: center;\n color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n box-sizing: content-box;\n}\n.sd-progress-buttons__list li .sd-progress-buttons__button .sd-progress-buttons__button-background {\n position: absolute;\n width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n left: calc(-1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n z-index: -2;\n}\n.sd-progress-buttons__list li .sd-progress-buttons__button .sd-progress-buttons__button-content {\n position: absolute;\n width: 100%;\n height: 100%;\n top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n left: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n background-color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n opacity: 0.5;\n z-index: -1;\n border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;\n border-radius: 50%;\n box-sizing: content-box;\n}\n.sd-progress-buttons__list li:hover .sd-progress-buttons__button {\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n}\n.sd-progress-buttons__list li:hover .sd-progress-buttons__button .sd-progress-buttons__button-background {\n left: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-progress-buttons__list li:hover .sd-progress-buttons__button .sd-progress-buttons__button-content {\n top: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n left: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n opacity: 1;\n}\n.sd-progress-buttons__list .sd-progress-buttons__list-element--passed:not(:first-child) > .sd-progress-buttons__connector {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n opacity: 1;\n}\n.sd-progress-buttons__list .sd-progress-buttons__list-element--passed .sd-progress-buttons__button {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n}\n.sd-progress-buttons__list .sd-progress-buttons__list-element--passed .sd-progress-buttons__button .sd-progress-buttons__button-content {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n opacity: 1;\n}\n.sd-progress-buttons__list .sd-progress-buttons__list-element--current:not(:first-child) > .sd-progress-buttons__connector {\n background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n opacity: 1;\n}\n.sd-progress-buttons__list .sd-progress-buttons__list-element--current .sd-progress-buttons__button {\n border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-progress-buttons__list .sd-progress-buttons__list-element--current .sd-progress-buttons__button .sd-progress-buttons__button-background {\n left: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-progress-buttons__list .sd-progress-buttons__list-element--current .sd-progress-buttons__button .sd-progress-buttons__button-content {\n border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));\n background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));\n opacity: 1;\n}\n\n.sd-progress-buttons__page-title {\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n font-weight: 600;\n line-height: var(--sjs-font-size, 16px);\n flex-grow: 1;\n text-align: center;\n padding: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n color: var(--lbr-step-progress-bar-step-title-text-color, var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91))));\n}\n\n.sd-progress-buttons__header .sd-progress-buttons__page-title {\n margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-progress-buttons__footer .sd-progress-buttons__page-title {\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n margin-bottom: 0;\n justify-content: flex-end;\n padding: 0;\n color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));\n}\n\n.sd-progress-buttons--bottom {\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n flex-direction: column-reverse;\n}\n.sd-progress-buttons--bottom .sd-progress-buttons__list li {\n flex-direction: column-reverse;\n}\n.sd-progress-buttons--bottom .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {\n top: calc(1.125 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-progress-buttons--bottom .sd-progress-buttons__page-title {\n margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-bottom: 0;\n}\n.sd-progress-buttons--bottom .sd-progress-buttons__header .sd-progress-buttons__page-title {\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n margin-bottom: 0;\n}\n.sd-progress-buttons--bottom .sd-progress-buttons__footer .sd-progress-buttons__page-title {\n margin-top: 0;\n margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sd-progress-buttons--numbered .sd-progress-buttons__list-container {\n margin: 0 calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {\n bottom: calc(2.175 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: calc(50% + 18px);\n width: calc(100% - 36px);\n}\n.sd-progress-buttons--numbered .sd-progress-buttons__list li .sd-progress-buttons__button {\n width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-progress-buttons--numbered .sd-progress-buttons__list li .sd-progress-buttons__button .sd-progress-buttons__button-background {\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-progress-buttons--numbered .sd-progress-buttons__list li:hover .sd-progress-buttons__button {\n padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-progress-buttons--with-titles .sd-progress-buttons__list-container {\n margin: 0;\n}\n\n.sd-root-modern--mobile .sd-progress-buttons__list,\n.sd-progress-buttons--no-titles .sd-progress-buttons__list {\n justify-content: space-between;\n width: 100%;\n position: relative;\n}\n.sd-root-modern--mobile .sd-progress-buttons__list li,\n.sd-progress-buttons--no-titles .sd-progress-buttons__list li {\n flex-grow: 0;\n position: static;\n}\n.sd-root-modern--mobile .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,\n.sd-progress-buttons--no-titles .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {\n bottom: calc(50% - 1px);\n right: auto;\n width: calc((100% - 20px * var(--sd-progress-buttons-pages-count)) / (var(--sd-progress-buttons-pages-count) - 1));\n transform: translatex(-100%);\n}\n\n.sd-progress-buttons--no-titles.sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,\n.sd-root-modern--mobile .sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {\n width: calc((100% - 36px * var(--sd-progress-buttons-pages-count)) / (var(--sd-progress-buttons-pages-count) - 1));\n}\n\n.sd-progress-buttons--bottom.sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {\n top: calc(2.175 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-root-modern--mobile .sd-progress-buttons {\n padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-progress-buttons--fit-survey-width {\n max-width: calc(90 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n width: 100%;\n margin: auto;\n}\n\n:dir(rtl) .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,\n[style*="direction:rtl"] .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,\n[style*="direction: rtl"] .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {\n transform: translateX(calc(100% + 20px));\n}\n:dir(rtl) .sd-root-modern--mobile .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,\n:dir(rtl) .sd-progress-buttons--no-titles .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,\n[style*="direction:rtl"] .sd-root-modern--mobile .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,\n[style*="direction:rtl"] .sd-progress-buttons--no-titles .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,\n[style*="direction: rtl"] .sd-root-modern--mobile .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,\n[style*="direction: rtl"] .sd-progress-buttons--no-titles .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {\n transform: translateX(100%);\n}\n\n.sv_progress-toc {\n padding: var(--lbr-toc-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--lbr-toc-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--lbr-toc-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--lbr-toc-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));\n background: var(--lbr-toc-background-color, var(--sjs-general-backcolor, var(--background, #fff)));\n min-width: calc(32 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n max-width: calc(42 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: 100%;\n box-sizing: border-box;\n}\n.sv_progress-toc .sv-list {\n padding: 0;\n}\n.sv_progress-toc .sv-list__item.sv-list__item--selected .sv-list__item-body {\n background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));\n color: var(--sjs-general-forecolor, var(--foreground, #161616));\n font-weight: 400;\n}\n.sv_progress-toc .sv-list__item span {\n white-space: break-spaces;\n}\n.sv_progress-toc .sv-list__item-body {\n padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-inline-end: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-radius: var(--sjs-corner-radius, 4px);\n padding-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n padding-bottom: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv_progress-toc use {\n fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));\n}\n\n.sv_progress-toc--left {\n border-right: var(--lbr-toc-border-width-right, 1px) solid var(--lbr-toc-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));\n}\n\n.sv_progress-toc--right {\n border-left: var(--lbr-toc-border-width-right, 1px) solid var(--lbr-toc-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));\n}\n\n.sv_progress-toc--mobile {\n position: fixed;\n top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: auto;\n min-width: auto;\n height: auto;\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n z-index: 15;\n border-radius: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv_progress-toc--mobile > div {\n width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sv_progress-toc--mobile:hover {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n}\n\n.sd-title + .sv-components-row > .sv-components-column .sv_progress-toc:not(.sv_progress-toc--mobile),\n.sd-title ~ .sv-components-row > .sv-components-column .sv_progress-toc:not(.sv_progress-toc--mobi
2le) {\n margin-top: 2px;\n}\n\n.sv_progress-toc.sv_progress-toc--sticky {\n position: sticky;\n height: auto;\n overflow-y: auto;\n top: 0;\n}\n\n.sd-list__item-body {\n padding-block: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n border-radius: var(--sjs-corner-radius, 4px);\n font-size: var(--sjs-font-size, 16px);\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n}\n\n.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) {\n outline: none;\n}\n.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) .sd-list__item-body {\n padding-block: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-timer {\n z-index: 2;\n position: fixed;\n bottom: calc(var(--sd-timer-size) / 144 * 32);\n right: var(--sjs-base-unit, var(--base-unit, 8px));\n background: white;\n width: var(--sd-timer-size);\n height: var(--sd-timer-size);\n margin-right: calc(var(--sd-timer-size) / 144 * 32);\n display: flex;\n border-radius: 100%;\n padding: calc(var(--sd-timer-size) / 144 * 8);\n box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n box-sizing: border-box;\n}\n\n.sd-timer--top {\n top: calc(var(--sd-timer-size) / 144 * 32);\n margin-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-bottom: calc(-1 * var(--sd-timer-size));\n}\n\n.sd-timer--bottom {\n bottom: calc(var(--sd-timer-size) / 144 * 32);\n margin-top: calc(var(--sd-timer-size) * -1.2222222222);\n}\n\n.sd-timer__progress {\n --sd-timer-stroke-background-color: var(--background-dim, #f3f3f3);\n --sd-timer-stroke-background-width: 2px;\n stroke-linecap: round;\n height: 100%;\n width: 100%;\n transform: rotate(-90deg);\n stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));\n stroke-dashoffset: 0;\n fill: none;\n stroke-width: 4px;\n}\n\n.sd-timer__progress--animation {\n stroke-dashoffset: 0;\n transition: stroke-dashoffset 1s linear;\n}\n\n.sd-timer__text-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n padding: var(--sjs-base-unit, var(--base-unit, 8px));\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 700;\n font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--major {\n color: var(--sjs-primary-backcolor, var(--primary, #19b394));\n font-weight: 700;\n font-size: calc(var(--sd-timer-size) / 144 * 32);\n}\n\n.sd-timer__text--minor {\n color: var(--lbr-timer-text-color-secondary, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n font-size: var(--lbr-font-default-size, var(--sjs-font-size, 16px));\n font-style: normal;\n font-weight: 600;\n line-height: var(--lbr-font-default-line-height, calc(1.5 * (var(--sjs-font-size, 16px))));\n margin-top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-header {\n position: relative;\n background-color: var(--sjs-header-backcolor, transparent);\n}\n\n.sv-header__background-color--accent {\n background-color: var(--sjs-header-backcolor, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.sv-header__overlap {\n padding-bottom: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: content-box;\n}\n.sv-header__overlap ~ div .sd-body,\n.sv-header__overlap ~ div .sv-body {\n margin-top: calc(-14 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-root-modern--mobile .sv-header__overlap {\n padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-root-modern--mobile .sv-header__overlap ~ div .sd-body,\n.sd-root-modern--mobile .sv-header__overlap ~ div .sv-body {\n margin-top: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-header__overlap.sv-header__without-background {\n margin-bottom: 0;\n padding-bottom: 0;\n}\n.sv-header__overlap.sv-header__without-background ~ div .sd-body,\n.sv-header__overlap.sv-header__without-background ~ div .sv-body {\n margin-top: 0;\n}\n\n.sv-header__without-background .sv-header--mobile,\n.sv-header__without-background .sv-header__content {\n padding-bottom: 0;\n}\n\n.sd-body .sv-header__content {\n padding-top: 0;\n padding-bottom: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-header__content {\n padding: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n box-sizing: border-box;\n height: 100%;\n position: relative;\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n grid-template-rows: 1fr 1fr 1fr;\n row-gap: var(--lbr-cover-row-gap, var(--lbr-spacing-x150, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))));\n column-gap: var(--lbr-cover-column-gap, var(--lbr-spacing-x6, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))))));\n}\n\n.sv-header--height-auto .sv-header__content {\n grid-template-rows: auto;\n height: auto;\n}\n.sv-header--height-auto .sv-header__cell:not(.sv-header__cell--empty) .sv-header__cell-content {\n position: relative;\n min-height: 100%;\n min-width: 100%;\n}\n.sv-header--height-auto .sv-header__cell--right .sv-header__cell-content {\n left: 100%;\n transform: translateX(-100%);\n}\n\n.sv-header__content--static {\n max-width: calc(90 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n margin-left: auto;\n margin-right: auto;\n}\n\n.sv-header__background-image {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n border: 0;\n background-position-x: center;\n}\n\n.sv-header__background-image--contain {\n background-repeat: no-repeat;\n}\n\n.sv-header__cell {\n position: relative;\n}\n\n.sv-header__cell-content {\n display: flex;\n flex-direction: column;\n position: absolute;\n width: max-content;\n max-width: 300%;\n top: 0;\n bottom: 0;\n}\n\n.sv-header__cell--left .sv-header__cell-content {\n left: 0;\n}\n\n.sv-header__cell--center .sv-header__cell-content {\n min-width: 100%;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.sv-header__cell--right .sv-header__cell-content {\n right: 0;\n}\n\n.sv-header__logo {\n display: flex;\n}\n.sv-header__logo img {\n display: block;\n}\n\n.sv-header__title {\n display: flex;\n}\n\n.sv-header__title .sd-title {\n --header-title-font-size: var(--sjs-font-headertitle-size, calc(2 * (var(--sjs-font-size, 16px))));\n font-size: var(--header-title-font-size);\n line-height: calc(1.25 * (var(--header-title-font-size)));\n color: var(--sjs-font-headertitle-color, var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91))));\n font-family: var(--sjs-font-headertitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n font-weight: var(--sjs-font-headertitle-weight, 700);\n margin: 0;\n}\n\n.sv-header__logo ~ .sv-header__title {\n margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-header__logo ~ .sv-header__description {\n margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sv-header__title ~ .sv-header__description {\n margin-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n\n.sv-header__description {\n display: flex;\n}\n\n.sv-header__description .sd-description {\n --header-description-font-size: var(--sjs-font-headerdescription-size, 20px);\n font-size: var(--header-description-font-size);\n line-height: calc(1.5 * (var(--header-description-font-size)));\n color: var(--sjs-font-headerdescription-color, var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45))));\n font-family: var(--sjs-font-headerdescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));\n font-weight: var(--sjs-font-headerdescription-weight, 400);\n margin: 0;\n}\n\n.sv-header__background-color--accent .sv-header__title .sd-title {\n color: var(--sjs-font-headertitle-color, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));\n}\n.sv-header__background-color--accent .sv-header__description .sd-description {\n color: var(--sjs-font-headerdescription-color, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));\n}\n\n.sv-header__content .sd-header__text h3 {\n margin: 0;\n}\n\n.sv-header--mobile {\n padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n position: relative;\n z-index: 1;\n}\n.sv-header--mobile .sv-header__logo img {\n max-width: 100%;\n}\n\n@keyframes rotationAnimation {\n from {\n rotate: 0deg;\n }\n to {\n rotate: 360deg;\n }\n}\n.sd-loading-indicator {\n height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-loading-indicator .sv-svg-icon {\n height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n animation-name: rotationAnimation;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n animation-duration: 1s;\n}\n.sd-loading-indicator .sv-svg-icon use {\n fill: var(--lbr-placeholder-loading-circle-color-spin, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\nsv-components-container,\n.sd-components-container {\n display: flex;\n}\n\n.sv-components-row {\n display: flex;\n flex-direction: row;\n width: 100%;\n}\n\n.sv-components-column {\n display: flex;\n flex-direction: column;\n}\n\n.sv-components-column--expandable {\n flex-grow: 1;\n}\n\n.sv-components-row > .sv-components-column--expandable {\n width: 1px;\n}\n\n.sd-breadcrumbs {\n display: flex;\n align-items: center;\n align-content: center;\n gap: var(--lbr-breadcrumbs-gap, var(--sjs-base-unit, var(--base-unit, 8px)));\n align-self: stretch;\n flex-wrap: wrap;\n padding-bottom: var(--lbr-page-header-breadcrumbs-margin-bottom, 20px);\n}\n\n.sd-breadcrumbs-item {\n color: var(--lbr-breadcrumbs-item-text-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-style: normal;\n font-size: var(--sjs-font-size, 16px);\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n}\n\n.sd-breadcrumbs-item__button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n padding: 0;\n box-sizing: border-box;\n border: none;\n background-color: transparent;\n cursor: pointer;
2\n color: unset;\n font-size: unset;\n font-family: unset;\n overflow-x: hidden;\n white-space: nowrap;\n}\n\n.sd-breadcrumbs-separator {\n display: flex;\n width: var(--lbr-breadcrumbs-item-separator-icon-width, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n height: var(--lbr-breadcrumbs-item-separator-icon-height, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n justify-content: center;\n align-items: center;\n}\n.sd-breadcrumbs-separator use {\n fill: var(--lbr-breadcrumbs-item-separator-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));\n}\n\n.sd-summary {\n border-radius: var(--lbr-data-table-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n background: var(--lbr-data-table-background-color, var(--sjs-general-backcolor, var(--background, #fff)));\n box-shadow: var(--lbr-data-table-shadow-offset-x, 0px) var(--lbr-data-table-shadow-offset-y, 1px) var(--lbr-data-table-shadow-blur, 2px) var(--lbr-data-table-shadow-spread, 0px) var(--lbr-data-table-shadow-color, rgba(0, 0, 0, 0.15));\n overflow: hidden;\n}\n\n.sd-summary-row {\n display: flex;\n padding: var(--lbr-data-table-row-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--lbr-data-table-row-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--lbr-data-table-row-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--lbr-data-table-row-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n align-items: flex-start;\n gap: var(--lbr-data-table-row-gap, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n flex: 1 0 0;\n align-self: stretch;\n border-bottom: var(--lbr-data-table-row-border-width-bottom, 1px) solid var(--lbr-data-table-row-border-color, var(--sjs-border-light, var(--border-light, #eaeaea)));\n background: var(--lbr-data-table-row-background-color, var(--sjs-general-backcolor, var(--background, #fff)));\n}\n\n.sd-summary-row__content {\n display: flex;\n padding: var(--lbr-data-table-row-text-margin-top, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) 0px var(--lbr-data-table-row-text-margin-bottom,
2calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) 0px;\n align-items: flex-start;\n gap: var(--lbr-data-table-row-gap, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))));\n flex: 1 0 0;\n color: var(--lbr-data-table-row-text-color-title, var(--sjs-general-forecolor, var(--foreground, #161616)));\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n font-style: normal;\n font-size: var(--sjs-font-size, 16px);\n line-height: calc(1.5 * (var(--sjs-font-size, 16px)));\n}\n\n.sd-summary-row__actions {\n display: flex;\n align-items: flex-start;\n gap: var(--lbr-data-table-actions-gap, var(--sjs-base-unit, var(--base-unit, 8px)));\n opacity: 0;\n transition: opacity var(--sjs-transition-duration, 150ms);\n}\n\n.sd-summary-row:hover .sd-summary-row__actions,\n.sd-question--mobile .sd-summary-row__actions {\n opacity: 1;\n}\n\n.sd-summary-row-action {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: flex;\n padding: 0;\n box-sizing: border-box;\n border: none;\n background-color: transparent;\n cursor: pointer;\n color: unset;\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n overflow-x: hidden;\n white-space: nowrap;\n display: flex;\n padding: var(--lbr-action-button-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--lbr-action-button-padding-right-icon-only, var(--sjs-base-unit, var(--base-unit, 8px))) var(--lbr-action-button-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--lbr-action-button-padding-left-icon-only, var(--sjs-base-unit, var(--base-unit, 8px)));\n justify-content: center;\n align-items: center;\n gap: var(--lbr-action-button-gap, var(--sjs-base-unit, var(--base-unit, 8px)));\n border-radius: var(--lbr-action-button-corner-radius, 1024px);\n transition: background-color var(--sjs-transition-duration, 150ms);\n}\n.sd-summary-row-action:hover, .sd-summary-row-action:focus {\n outline: none;\n background-color: var(--lbr-action-button-background-color-hovered-positive, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));\n}\n.sd-summary-row-action:active, .sd-summary-row-action.svc-toolbar__item--pressed {\n opacity: 0.5;\n}\n.sd-summary-row-action.svc-toolbar__item--active {\n outline: none;\n}\n.sd-summary-row-action:disabled {\n opacity: 0.25;\n cursor: default;\n}\n.sd-summary-row-action .sv-svg-icon {\n width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n\n.sd-summary-row-action--edit use {\n fill: var(--lbr-action-button-icon-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)));\n}\n\n.sd-summary-row-action--delete:hover, .sd-summary-row-action--delete:focus {\n outline: none;\n background-color: var(--lbr-action-button-background-color-hovered-negative, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));\n}\n.sd-summary-row-action--delete use {\n fill: var(--lbr-action-button-icon-color-negative, var(--sjs-special-red, var(--red, #e60a3e)));\n}\n\n.sd-imagemap {\n position: relative;\n}\n\n.sd-imagemap-bg {\n display: block;\n width: 100%;\n}\n\n.sd-imagemap-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 1;\n}\n\n.sd-imagemap-svg-item {\n fill: var(--sd-imagemap-idle-fill-color, transparent);\n stroke: var(--sd-imagemap-idle-stroke-color, transparent);\n stroke-width: var(--sd-imagemap-idle-stroke-width, 0);\n}\n\n.sd-imagemap-svg-item--hover {\n fill: var(--sd-imagemap-hover-fill-color, var(--sjs-secondary-backcolor-light, #ff00ff));\n stroke: var(--sd-imagemap-hover-stroke-color, var(--sjs-secondary-backcolor, #ff00ff));\n stroke-width: var(--sd-imagemap-hover-stroke-width, 1);\n}\n\n.sd-imagemap-svg-item--selected {\n fill: var(--sd-imagemap-selected-fill-color, var(--sjs-primary-backcolor-light, #ff00ff));\n stroke: var(--sd-imagemap-selected-stroke-color, var(--sjs-primary-backcolor, #ff00ff));\n stroke-width: var(--sd-imagemap-selected-stroke-width, 1);\n}\n\n.sd-imagemap-svg-item--disabled {\n display: none;\n}\n\n.sd-imagemap-control-point {\n fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));\n stroke: var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));\n stroke-width: 1;\n cursor: pointer;\n}\n\n.sd-imagemap-control-point:hover {\n fill: var(--sjs-special-yellow, var(--yellow, #ff9814));\n stroke: black;\n stroke-width: 1.5;\n}\n\n.sd-root-modern,\n.sd-container-modern {\n --sd-base-padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --sd-base-vertical-padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --sd-page-vertical-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-root-modern.sd-root-modern--mobile,\n.sd-root-modern--mobile .sd-container-modern {\n --sd-base-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n --sd-page-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-root-modern.sd-root-modern--mobile .sd-element__num {\n float: none;\n margin-inline-start: 0;\n width: auto;\n padding-inline-start: 0;\n padding-inline-end: 0;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-element__num + span {\n float: none;\n width: auto;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-element__title-expandable-svg {\n inset-inline-start: calc(-2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));\n}\n.sd-root-modern.sd-root-modern--mobile .sd-title.sd-container-modern__title {\n flex-direction: column;\n}\n.sd-root-modern.sd-root-modern--mobile .sd-header__text {\n min-width: 100%;\n}\n\n.sd-multipletext--mobile .sd-multipletext__cell {\n display: block;\n}\n.sd-multipletext--mobile .sd-multipletext__cell:not(:first-of-type) {\n padding-left: 0;\n padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-multipletext--mobile .sd-multipletext__cell :not(:last-of-type) {\n padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-multipletext--mobile .sd-multipletext__item-container {\n padding-top: var(--sjs-base-unit, var(--base-unit, 8px));\n padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));\n}\n.sd-multipletext--mobile .sd-multipletext__item-title {\n max-width: none;
2\n border-right: none;\n width: 100%;\n padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;\n margin: 0;\n}\n.sd-multipletext--mobile .sd-multipletext__item {\n flex-basis: 0;\n min-width: 0;\n}\n.sd-multipletext--mobile .sd-multipletext__item .sd-input {\n padding: 0;\n margin: 0;\n}\n.sd-multipletext--mobile .sd-multipletext__item-container--answered,\n.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within {\n flex-direction: column;\n}\n.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item-title,\n.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item-title {\n padding: 0;\n}\n.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item-title span,\n.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item-title span {\n font-size: calc(0.75 * (var(--sjs-font-size, 16px)));\n line-height: var(--sjs-font-size, 16px);\n}\n.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item,\n.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item {\n flex-basis: auto;\n min-width: auto;\n width: 100%;\n}\n.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item .sd-input,\n.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item .sd-input {\n width: 100%;\n}\n\n.sd-selectbase--mobile .sd-selectbase--multi-column {\n flex-direction: column;\n}\n.sd-selectbase--mobile .sd-selectbase--multi-column .sd-selectbase__column:not(:last-child) {\n padding-right: 0;\n}\n\nbody {\n --sv-defaultV2-mark: true;\n}\n\n.sd-root-modern {\n -webkit-font-smoothing: antialiased;\n -webkit-tap-highlight-color: transparent;\n --sd-mobile-width: 600px;\n --sd-timer-size: calc(18 * var(--sjs-base-unit, var(--base-unit, 8px)));\n width: 100%;\n font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n position: relative;\n}\n@-moz-document url-prefix() {\n .sd-root-modern,\n .sd-root-modern * {\n scrollbar-width: thin;\n scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;\n }\n}\n.sd-root-modern::-webkit-scrollbar,\n.sd-root-modern *::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n background-color: transparent;\n}\n.sd-root-modern::-webkit-scrollbar-thumb,\n.sd-root-modern *::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: 32px;\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.sd-root-modern::-webkit-scrollbar-track,\n.sd-root-modern *::-webkit-scrollbar-track {\n background: transparent;\n}\n.sd-root-modern::-webkit-scrollbar-thumb:hover,\n.sd-root-modern *::-webkit-scrollbar-thumb:hover {\n border: 2px solid rgba(0, 0, 0, 0);\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.sd-root-modern form {\n position: relative;\n}\n\n.sd-root-modern--animation-disabled * {\n -webkit-transition: none !important;\n -moz-transition: none !important;\n -o-transition: none !important;\n transition: none !important;\n}\n\n.sd-root-modern.sd-root-modern--full-container {\n width: 100%;\n height: 100%;\n overflow: auto;\n position: relative;\n}\n\n.sd-root-modern--mobile {\n --sd-timer-size: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));\n}\n\n.sd-root-modern__wrapper {\n position: relative;\n}\n\n.sd-root-modern__wrapper--has-image {\n min-height: 100%;\n}\n\n.sd-root-modern--full-container .sd-root-modern__wrapper--fixed {\n position: static;\n width: 100%;\n height: 100%;\n}\n.sd-root-modern--full-container .sd-root-modern__wrapper--fixed form {\n width: 100%;\n height: 100%;\n max-height: 100%;\n}\n\n.sv-popup .sv-popup__scrolling-content {\n box-sizing: content-box;\n}\n@-moz-document url-prefix() {\n .sv-popup .sv-popup__scrolling-content,\n .sv-popup .sv-popup__scrolling-content * {\n scrollbar-width: thin;\n scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;\n }\n}\n.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar,\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n background-color: transparent;\n}\n.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb,\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: 32px;\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-track,\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-track {\n background: transparent;\n}\n.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb:hover,\n.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-thumb:hover {\n border: 2px solid rgba(0, 0, 0, 0);\n background-color: var(--sjs-border-default, var(--border, #d6d6d6));\n}\n\n.sv-components-container-center {\n position: sticky;\n top: 0;\n}\n\n.sv-root--sticky-top .sv-components-container-center {\n z-index: 15;\n}\n\n.sv-root--sticky-top.sd-progress--pages .sv-components-container-center,\n.sv-root--sticky-top.sd-progress--buttons .sv
2-components-container-center {\n background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));\n box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));\n}\n\n.sv-components-container-right,\n.sv-components-container-left {\n width: fit-content;\n}`,""]);const u=c;t.d(n,["A",0,u])},76314:e=>{e.exports=function(e){var n=[];return n.toString=function(){return this.map(function(n){var t="",s=void 0!==n[5];return n[4]&&(t+="@supports (".concat(n[4],") {")),n[2]&&(t+="@media ".concat(n[2]," {")),s&&(t+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),t+=e(n),s&&(t+="}"),n[2]&&(t+="}"),n[4]&&(t+="}"),t}).join("")},n.i=function(e,t,s,a,r){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(s)for(var o=0;o<this.length;o++){var l=this[o][0];null!=l&&(i[l]=!0)}for(var d=0;d<e.length;d++){var c=[].concat(e[d]);s&&i[c[0]]||(void 0!==r&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=r),t&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=t):c[2]=t),a&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=a):c[4]="".concat(a)),n.push(c))}},n}},4417:e=>{e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},31601:e=>{e.exports=function(e){return e[1]}},58613:(e,n,t)=>{var s=t(85072),a=t.n(s),r=t(97825),i=t.n(r),o=t(77659),l=t.n(o),d=t(55056),c=t.n(d),p=t(10540),u=t.n(p),m=t(41113),v=t.n(m),h=t(49952),g={};g.styleTagTransform=v(),g.setAttributes=c(),g.insert=l().bind(null,"head"),g.domAPI=i(),g.insertStyleElement=u(),a()(h.A,g),h.A&&h.A.locals&&h.A.locals},85072:e=>{var n=[];function t(e){for(var t=-1,s=0;s<n.length;s++)if(n[s].identifier===e){t=s;break}return t}function s(e,s){for(var r={},i=[],o=0;o<e.length;o++){var l=e[o],d=s.base?l[0]+s.base:l[0],c=r[d]||0,p="".concat(d," ").concat(c);r[d]=c+1;var u=t(p),m={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(-1!==u)n[u].references++,n[u].updater(m);else{var v=a(m,s);s.byIndex=o,n.splice(o,0,{identifier:p,updater:v,references:1})}i.push(p)}return i}function a(e,n){var t=n.domAPI(n);return t.update(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap&&n.supports===e.supports&&n.layer===e.layer)return;t.update(e=n)}else t.remove()}}e.exports=function(e,a){var r=s(e=e||[],a=a||{});return function(e){e=e||[];for(var i=0;i<r.length;i++){var o=t(r[i]);n[o].references--}for(var l=s(e,a),d=0;d<r.length;d++){var c=t(r[d]);0===n[c].references&&(n[c].updater(),n.splice(c,1))}r=l}}},77659:e=>{var n={};e.exports=function(e,t){var s=function(e){if(void 0===n[e]){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}n[e]=t}return n[e]}(e);if(!s)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");s.appendChild(t)}},10540:e=>{e.exports=function(e){var n=document.createElement("style");return e.setAttributes(n,e.attributes),e.insert(n,e.options),n}},55056:(e,n,t)=>{e.exports=function(e){var n=t.nc;n&&e.setAttribute("nonce",n)}},97825:e=>{e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var n=e.insertStyleElement(e);return{update:function(t){!function(e,n,t){var s="";t.supports&&(s+="@supports (".concat(t.supports,") {")),t.media&&(s+="@media ".concat(t.media," {"));var a=void 0!==t.layer;a&&(s+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),s+=t.css,a&&(s+="}"),t.media&&(s+="}"),t.supports&&(s+="}");var r=t.sourceMap;r&&"undefined"!=typeof btoa&&(s+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),n.styleTagTransform(s,e,n.options)}(n,e,t)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)}}}},41113:e=>{e.exports=function(e,n){if(n.styleSheet)n.styleSheet.cssText=e;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(e))}}},75961:(e,n,t)=>{t.d(n,{BN:()=>R});var s=t(79407),a=t(96540),r=t(40961);class i{constructor(){this.creatorHash={}}registerElement(e,n){this.creatorHash[e]=n}getAllTypes(){var e=new Array;for(var n in this.creatorHash)e.push(n);return e.sort()}isElementRegistered(e){return!!this.creatorHash[e]}createElement(e,n){var t=this.creatorHash[e];return null==t?null:t(n)}}i.Instance=new i;class o{static wrapRow(e,n,t){const s=e.getRowWrapperComponentName(t),a=e.getRowWrapperComponentData(t);return i.Instance.createElement(s,{element:n,row:t,componentData:a})}static wrapElement(e,n,t){const s=e.getElementWrapperComponentName(t),a=e.getElementWrapperComponentData(t);return i.Instance.createElement(s,{element:n,question:t,componentData:a})}static wrapQuestionContent(e,n,t){const s=e.getQuestionContentWrapperComponentName(t),a=e.getElementWrapperComponentData(t);return i.Instance.createElement(s,{element:n,question:t,componentData:a})}
2static wrapItemValue(e,n,t,s){const a=e.getItemValueWrapperComponentName(s,t),r=e.getItemValueWrapperComponentData(s,t);return i.Instance.createElement(a,{key:null==n?void 0:n.key,element:n,question:t,item:s,componentData:r})}static wrapMatrixCell(e,n,t,s="cell"){const a=e.getElementWrapperComponentName(t,s),r=e.getElementWrapperComponentData(t,s);return i.Instance.createElement(a,{element:n,cell:t,componentData:r})}}s.i_6.platform="react";class l extends a.Component{static renderLocString(e,n=null,t){return i.Instance.createElement(e.renderAs,{model:e.renderAsData,style:n,key:t})}static renderQuestionDescription(e){var n=l.renderLocString(e.locDescription);return a.createElement("div",{style:e.hasDescription?void 0:{display:"none"},id:e.ariaDescriptionId,className:e.cssDescription},n)}constructor(e){super(e),this._allowComponentUpdate=!0,this.prevStateElements=[],this.propertyValueChangedHandler=(e,n)=>{const t=n.name;this.canUsePropInState(t)&&!this.isRendering&&(this.changedStatePropNameValue=t,this.setState(e=>{var s={};return s[t]=n.newValue,s}))},this.onArrayChangedCallback=(e,n)=>{this.isRendering||(this.changedStatePropNameValue=n.name,this.setState(e=>{var t={};return t[n.name]=n.newValue,t}))}}componentDidMount(){this.makeBaseElementsReact()}componentWillUnmount(){this.unMakeBaseElementsReact(),this.disableStateElementsRerenderEvent(this.getStateElements())}componentDidUpdate(e,n){var t;this.makeBaseElementsReact();const s=this.getStateElements();this.disableStateElementsRerenderEvent((null!==(t=this.prevStateElements)&&void 0!==t?t:[]).filter(e=>!s.find(n=>n==e))),this.prevStateElements=[],this.getStateElements().forEach(e=>{e.afterRerender()})}allowComponentUpdate(){this._allowComponentUpdate=!0,this.forceUpdate()}denyComponentUpdate(){this._allowComponentUpdate=!1}shouldComponentUpdate(e,n){return this._allowComponentUpdate&&(this.unMakeBaseElementsReact(),this.prevStateElements=this.getStateElements()),this._allowComponentUpdate}render(){if(!this.canRender())return null;this.startEndRendering(1);var e=this.renderElement();return this.startEndRendering(-1),e&&(e=this.wrapElement(e)),this.changedStatePropNameValue=void 0,e}wrapElement(e){return e}get isRendering(){var e=this.getRenderedElements();for(let n of e)if(n.reactRendering>0)return!0;return!1}getRenderedElements(){return this.getStateElements()}startEndRendering(e){var n=this.getRenderedElements();for(let t of n)t.reactRendering||(t.reactRendering=0),t.reactRendering+=e}canRender(){return!0}renderElement(){return null}get changedStatePropName(){return this.changedStatePropNameValue}makeBaseElementsReact(){for(var e=this.getStateElements(),n=0;n<e.length;n++)e[n].enableOnElementRerenderedEvent(),this.makeBaseElementReact(e[n])}unMakeBaseElementsReact(){var e=this.getStateElements();this.unMakeBaseElementsReactive(e)}unMakeBaseElementsReactive(e){for(var n=0;n<e.length;n++)this.unMakeBaseElementReact(e[n])}disableStateElementsRerenderEvent(e){e.forEach(e=>{e.disableOnElementRerenderedEvent()})}getStateElements(){var e=this.getStateElement();return e?[e]:[]}getStateElement(){return null}get isDisplayMode(){return this.props.isDisplayMode||!1}renderLocString(e,n=null,t){return l.renderLocString(e,n,t)}canMakeReact(e){return!!e&&!!e.iteratePropertiesHash}makeBaseElementReact(e){this.canMakeReact(e)&&(e.addOnArrayChangedCallback(this.onArrayChangedCallback),e.addOnPropertyValueChangedCallback(this.propertyValueChangedHandler))}canUsePropInState(e){return!0}unMakeBaseElementReact(e){this.canMakeReact(e)&&(e.removeOnPropertyValueChangedCallback(this.propertyValueChangedHandler),e.removeOnArrayChangedCallback(this.onArrayChangedCallback))}}class d extends l{constructor(e){super(e)}get cssClasses(){return this.props.cssClasses}}class c extends l{constructor(e){super(e)}componentDidUpdate(e,n){super.componentDidUpdate(e,n),this.updateDomElement()}componentDidMount(){super.componentDidMount(),this.updateDomElement()}componentWillUnmount(){if(super.componentWillUnmount(),this.questionBase){const e=this.content||this.control;this.questionBase.beforeDestroyQuestionElement(e),e&&e.removeAttribute("data-rendered")}}updateDomElement(){const e=this.content||this.control;e&&"r"!==e.getAttribute("data-rendered")&&(e.setAttribute("data-rendered","r"),this.questionBase.afterRe
2nderQuestionElement(e))}get questionBase(){return this.props.question}getRenderedElements(){return[this.questionBase]}get creator(){return this.props.creator}canRender(){return!!this.questionBase&&!!this.creator}shouldComponentUpdate(e,n){return!(!super.shouldComponentUpdate(e,n)||this.questionBase.customWidget&&!this.questionBase.customWidgetData.isNeedRender&&!this.questionBase.customWidget.widgetJson.isDefaultRender&&!this.questionBase.customWidget.widgetJson.render)}get isDisplayMode(){return this.props.isDisplayMode||!!this.questionBase&&this.questionBase.isInputReadOnly||!1}wrapCell(e,n,t){if(!t)return n;const s=this.questionBase.survey;let a=null;return s&&(a=o.wrapMatrixCell(s,n,e,t)),null!=a?a:n}setControl(e){e&&(this.control=e)}setContent(e){e&&(this.content=e)}}class p extends c{constructor(e){super(e),this.updateValueOnEvent=e=>{s.M0V.isTwoValueEquals(this.questionBase.value,e.target.value,!1,!0,!1)||this.setValueCore(e.target.value)},this.updateValueOnEvent=this.updateValueOnEvent.bind(this)}get question(){return this.questionBase}setValueCore(e){this.questionBase.value=e}getValueCore(){return this.questionBase.value}updateDomElement(){if(this.control){const e=this.control,n=this.getValueCore();s.M0V.isTwoValueEquals(n,e.value,!1,!0,!1)||(e.value=this.getValue(n))}super.updateDomElement()}getValue(e){return s.M0V.isValueEmpty(e)?"":e}}class u extends a.Component{constructor(e){super(e),this.svgIconRef=a.createRef()}updateSvg(){this.props.iconName&&(0,s.Z8)(this.props.size,this.props.width,this.props.height,this.props.iconName,this.svgIconRef.current,this.props.title)}componentDidUpdate(){this.updateSvg()}render(){let e="sv-svg-icon";return this.props.className&&(e+=" "+this.props.className),this.props.css&&(e=this.props.css),this.props.iconName?a.createElement("svg",{className:e,style:this.props.style,onClick:this.props.onClick,ref:this.svgIconRef,role:"presentation"},a.createElement("use",null)):null}componentDidMount(){this.updateSvg()}}i.Instance.registerElement("sv-svg-icon",e=>a.createElement(u,e));class m extends a.Component{constructor(e){super(e)}render(){var e=`sv-action-bar-separator ${this.props.cssClasses}`;return a.createElement("div",{className:e})}}i.Instance.registerElement("sv-action-bar-separator",e=>a.createElement(m,e));class v extends a.Component{constructor(e){super(e),this.onChangedHandler=(e,n)=>{this.isRendering||this.setState({changed:this.state&&this.state.changed?this.state.changed+1:1})},this.rootRef=a.createRef()}get locStr(){return this.props.model}get style(){return this.props.style}get textClass(){return this.props.textClass}componentDidMount(){this.reactOnStrChanged()}componentWillUnmount(){this.locStr&&this.locStr.onStringChanged.remove(this.onChangedHandler)}componentDidUpdate(e,n){e.model&&e.model.onStringChanged.remove(this.onChangedHandler),this.reactOnStrChanged()}reactOnStrChanged(){this.locStr&&this.locStr.onStringChanged.add(this.onChangedHandler)}render(){if(!this.locStr)return null;this.isRendering=!0;const e=this.renderString();return this.isRendering=!1,e}renderString(){const e=this.locStr.getStringViewerClassName(this.textClass);if(this.locStr.hasHtml){let n={__html:this.locStr.renderedHtml};return a.createElement("span",{ref:this.rootRef,className:e,style:this.style,dangerouslySetInnerHTML:n})}return a.createElement("span",{ref:this.rootRef,className:e,style:this.style},this.locStr.renderedHtml)}}i.Instance.registerElement(s.sMc.defaultRenderer,e=>a.createElement(v,e));class h extends l{constructor(e){super(e),this.ref=a.createRef()}get item(){return this.props.item}getStateElement(){return this.item}renderElement(){const e=this.item.getActionRootCss(),n=this.item.needSeparator?a.createElement(m,null):null,t=i.Instance.createElement(this.item.component||"sv-action-bar-item",{item:this.item});return a.createElement("div",{className:e,id:""+this.item.uniqueId,ref:this.ref},a.createElement("div",{className:"sv-action__content"},n,t))}componentWillUnmount(){super.componentWillUnmount(),this.item.updateModeCallback=void 0}componentDidMount(){super.componentDidMount(),this.item.updateModeCallback=(e,n)=>{queueMicrotask(()=>{r.flushSync?r.flushSync(()=>{this.item.mode=e}):this.item.mode=e,queueMicrotask(()=>{n(e,this.ref.current)})})}
2,this.item.afterRender()}}class g extends l{get item(){return this.props.item}getStateElement(){return this.item}renderElement(){return a.createElement(a.Fragment,null,this.renderInnerButton())}renderText(){return this.item.hasTitle?a.createElement(v,{model:this.item.locTitle,textClass:this.item.getActionBarItemTitleCss()}):null}renderButtonContent(){const e=this.renderText(),n=this.item.iconName?a.createElement(u,{className:this.item.cssClasses.itemIcon,size:this.item.iconSize,iconName:this.item.iconName,title:this.item.tooltip||this.item.title}):null;return a.createElement(a.Fragment,null,n,e)}renderInnerButton(){const e=this.item.getActionBarItemCss(),n=this.item.tooltip||this.item.title,t=this.renderButtonContent(),s=this.item.disableTabStop?-1:void 0;return H(a.createElement("button",{className:e,type:"button",disabled:this.item.disabled,onMouseDown:e=>this.item.doMouseDown(e),onFocus:e=>this.item.doFocus(e),onClick:e=>this.item.doAction(e),title:n,tabIndex:s,"aria-checked":this.item.ariaChecked,"aria-expanded":this.item.ariaExpanded,"aria-labelledby":this.item.ariaLabelledBy,role:this.item.ariaRole},t),this.item,{processEsc:!1})}}i.Instance.registerElement("sv-action-bar-item",e=>a.createElement(g,e));class b extends l{constructor(e){super(e),this.containerRef=a.createRef(),this.createModel()}get model(){return this.props.model}getStateElement(){return this.model}createModel(){this.popup=(0,s.l_V)(this.props.model)}setTargetElement(){const e=this.containerRef.current;this.popup.setComponentElement(e)}componentDidMount(){super.componentDidMount(),this.setTargetElement()}componentDidUpdate(e,n){super.componentDidUpdate(e,n),this.setTargetElement()}componentWillUnmount(){super.componentWillUnmount(),this.popup.resetComponentElement()}shouldComponentUpdate(e,n){var t;if(!super.shouldComponentUpdate(e,n))return!1;const s=e.model!==this.popup.model;return s&&(null===(t=this.popup)||void 0===t||t.dispose(),this.createModel()),s}render(){let e;return this.popup.model=this.model,e=this.model.isModal?a.createElement(f,{model:this.popup}):a.createElement(_,{model:this.popup}),a.createElement("div",{ref:this.containerRef},e)}}i.Instance.registerElement("sv-popup",e=>a.createElement(b,e));class f extends l{constructor(e){super(e),this.handleKeydown=e=>{this.model.onKeyDown(e)},this.clickInside=e=>{e.stopPropagation()}}get model(){return this.props.model}getStateElement(){return this.model}componentDidUpdate(e,n){super.componentDidUpdate(e,n),!this.model.isPositionSet&&this.model.isVisible&&this.model.updateOnShowing()}renderContainer(e){const n=e.showHeader?this.renderHeaderPopup(e):null,t=e.title?this.renderHeaderContent():null,s=this.renderContent(),r=e.showFooter?this.renderFooter(this.model):null;return a.createElement("div",{className:"sv-popup__container",style:{left:e.left,top:e.top,height:e.height,width:e.width,minWidth:e.minWidth},onClick:e=>{this.clickInside(e)}},n,a.createElement("div",{className:"sv-popup__body-content"},t,a.createElement("div",{className:"sv-popup__scrolling-content"},s),r))}renderHeaderContent(){return a.createElement("div",{className:"sv-popup__body-header"},this.model.title)}renderContent(){const e=i.Instance.createElement(this.model.contentComponentName,this.model.contentComponentData);return a.createElement("div",{className:"sv-popup__content"},e)}renderHeaderPopup(e){return e.showCloseButton?a.createElement("button",{tabIndex:-1,className:"sv-popup__close-button sd-action sd-action--icon",onClick:()=>this.model.clickClose()},a.createElement(u,{className:"sv-popup__close-button-icon",iconName:"icon-close-24x24",size:"auto"})):null}renderFooter(e){return a.createElement("div",{className:"sv-popup__body-footer"},a.createElement(y,{model:e.footerToolbar}))}render(){const e=this.renderContainer(this.model),n=(new s.vm4).append("sv-popup").append(this.model.styleClass).toString(),t={display:this.model.isVisible?"":"none"};return a.createElement("div",{tabIndex:-1,className:n,style:t,onClick:e=>{this.model.clickOutside(e)},onBlur:e=>{this.model.blur(e)},onKeyDown:this.handleKeydown},e)}componentDidMount(){super.componentDidMount(),this.model.isVisible&&this.model.updateOnShowing()}}class _ extends f{renderHeaderPopup(e){const n=e;return n?a.createElement("span",{style:{left:n.pointerTarget.left,top:n.pointerTarget.top},className:"sv-popup__pointer"}):null}}class x extends g{constructor(e){super(e)}renderInnerButton(){const e=super.renderInnerButton();return a.createElement(a.Fragment,null,e,a.createElement(b,{model:this.item.popupModel}))}componentDidMount(){this.viewModel=new s.qMN(this.item)}componentWillUnmount(){super.componentWillUnmount(),this.viewModel.dispose()}}i.Instance.registerElement("sv-action-bar-item-dropdown",e=>a.createElement(x,e));class y extends l{constructor(e){super(e),this.rootRef=a.createRef()}get handleClick(){return void 0===this.props.handleClick||this.props.handleClick}get model(){return this.props.model}componentDidMount(){if(super.componentDidMount(),!this.model.hasVisibleActions)return;const e=this.rootRef.current;e&&this.model.initResponsivityManager(e,e=>{setTimeout(e,100)})}componentWillUnmount(){super.componentWillUnmount(),this.model.resetResponsivityManager()}componentDidUpdate(e,n){if(super.componentDidUpdate(e,n),e.model!=this.props.model&&e.model.resetResponsivityManager(),this.model.hasVisibleActions){const e=this.rootRef.current;e&&this.model.initResponsivityManager(e,e=>{setTimeout(e,100)})}}getStateElement(){return this.model}renderElement(){if(!this.model.hasActions)return null;const e=this.renderItems();return a.createElement("div",{ref:this.rootRef,style:this.model.getRootStyle(),className:this.model.getRootCss(),onClick:this.handleClick?function(e){e.stopPropagation()}:void 0},e)}renderItems(){return this.model.renderedActions.concat([]).map((e,n)=>a.createElement(h,{item:e,key:e.renderedId}))}}i.Instance.registerElement("sv-action-bar",e=>a.createElement(y,e));class w extends a.Component{constructor(e){super(e)}
2get cssClasses(){return this.props.cssClasses}get element(){return this.props.element}render(){if(this.element.isTitleRenderedAsString)return l.renderLocString(this.element.locRenderedTitle);var e=this.renderTitleSpans(this.element.getTitleOwner(),this.cssClasses);return a.createElement(a.Fragment,null,e)}renderTitleSpans(e,n){var t=e=>a.createElement("span",{"data-key":e,key:e},"Â "),s=[];e.isRequireTextOnStart&&(s.push(this.renderRequireText(e)),s.push(t("req-sp")));var r=e.no;return r&&(s.push(a.createElement("span",{"data-key":"q_num",key:"q_num",className:e.cssTitleNumber,style:{position:"static"},"aria-hidden":!0},r)),s.push(t("num-sp"))),e.isRequireTextBeforeTitle&&(s.push(this.renderRequireText(e)),s.push(t("req-sp"))),s.push(l.renderLocString(e.locRenderedTitle,null,"q_title")),e.isRequireTextAfterTitle&&(s.push(t("req-sp")),s.push(this.renderRequireText(e))),s}renderRequireText(e){return a.createElement("span",{"data-key":"req-text",key:"req-text",className:e.cssRequiredMark,"aria-hidden":!0},e.requiredMark)}}class j extends a.Component{get cssClasses(){return this.props.cssClasses}get element(){return this.props.element}get renderActions(){return void 0===this.props.renderActions||this.props.renderActions}render(){const e=a.createElement(w,{element:this.element,cssClasses:this.cssClasses});return this.element.hasTitleActions?a.createElement("div",{className:"sv-title-actions"},a.createElement("span",{className:"sv-title-actions__title"},e),this.renderActions?a.createElement(y,{model:this.element.getTitleToolbar()}):null):e}}s.OmU.Instance.registerRenderer("element","title-actions","sv-title-actions"),i.Instance.registerElement("sv-title-actions",e=>a.createElement(j,e));class C extends a.Component{constructor(e){super(e)}get element(){return this.props.element}renderTitleExpandableSvg(){if(!this.element.getCssTitleExpandableSvg())return null;let e=this.element.isExpanded?"icon-collapse-16x16":"icon-expand-16x16";return a.createElement(u,{className:this.element.getCssTitleExpandableSvg(),iconName:e,size:"auto"})}render(){const e=this.element;if(!e||!e.hasTitle)return null;const n=e.titleAriaLabel||void 0,t=this.renderTitleExpandableSvg(),r=a.createElement(j,{element:e,cssClasses:e.cssClasses,renderActions:this.props.renderActions});let i;e.hasTitleEvents&&(i=e=>{(0,s.iCy)(e.nativeEvent)});const o=e.titleTagName;return a.createElement(o,{className:e.cssTitle,id:e.ariaTitleId,"aria-label":n,tabIndex:e.titleTabIndex,"aria-expanded":e.titleAriaExpanded,role:e.titleAriaRole,onClick:void 0,onKeyUp:i},t,r)}}class k extends a.Component{constructor(e){super(e),this.state={changed:0},this.rootRef=a.createRef()}get survey(){return this.props.survey}get css(){return this.survey.css}componentDidMount(){const e=this;this.survey.afterRenderHeader(this.rootRef.current),this.survey.locLogo.onChanged=function(){e.setState({changed:e.state.changed+1})}}componentWillUnmount(){this.survey.locLogo.onChanged=function(){}}renderTitle(){if(!this.survey.renderedHasTitle)return null;const e=l.renderLocString(this.survey.locDescription);return a.createElement("div",{className:this.css.headerText,style:{maxWidth:this.survey.titleMaxWidth}},a.createElement(C,{element:this.survey}),this.survey.renderedHasDescription?a.createElement("div",{className:this.css.description},e):null)}
2renderLogoImage(e){if(!e)return null;const n=this.survey.getElementWrapperComponentName(this.survey,"logo-image"),t=this.survey.getElementWrapperComponentData(this.survey,"logo-image");return i.Instance.createElement(n,{data:t})}render(){return this.survey.renderedHasHeader?a.createElement("div",{className:this.css.header,ref:this.rootRef},this.renderLogoImage(this.survey.isLogoBefore),this.renderTitle(),this.renderLogoImage(this.survey.isLogoAfter),a.createElement("div",{className:this.css.headerClose})):null}}i.Instance.registerElement("survey-header",e=>a.createElement(k,e));class q{constructor(){this.creatorHash={}}registerQuestion(e,n){this.creatorHash[e]=n}getAllTypes(){var e=new Array;for(var n in this.creatorHash)e.push(n);return e.sort()}createQuestion(e,n){var t=this.creatorHash[e];return null==t?null:t(n)}}q.Instance=new q;class E extends a.Component{render(){return a.createElement("div",{className:"sv-brand-info"},a.createElement("a",{className:"sv-brand-info__logo",href:"https://surveyjs.io/?utm_source=built-in_links&utm_medium=online_survey_tool&utm_campaign=landing_page"},a.createElement("img",{src:"https://surveyjs.io/Content/Images/poweredby.svg"})),a.createElement("div",{className:"sv-brand-info__text"},"Try and see how easy it is to ",a.createElement("a",{href:"https://surveyjs.io/create-survey?utm_source=built-in_links&utm_medium=online_survey_tool&utm_campaign=create_survey"},"create a survey")),a.createElement("div",{className:"sv-brand-info__terms"},a.createElement("a",{href:"https://surveyjs.io/TermsOfUse"},"Terms of Use & Privacy Statement")))}}class L extends l{get notifier(){return this.props.notifier}getStateElement(){return this.notifier}renderElement(){if(!this.notifier.isDisplayed)return null;const e={visibility:this.notifier.active?"visible":"hidden"};return a.createElement("div",{className:this.notifier.css,style:e,role:"alert","aria-live":"polite"},a.createElement("span",null,this.notifier.message),a.createElement(y,{model:this.notifier.actionBar}))}}i.Instance.registerElement("sv-notifier",e=>a.createElement(L,e));class I extends a.Component{render(){const e=this.props.survey.getContainerContent(this.props.container),n=!1!==this.props.needRenderWrapper;return 0==e.length?null:n?a.createElement("div",{className:"sv-components-column sv-components-container-"+this.props.container},e.map(e=>i.Instance.createElement(e.component,{survey:this.props.survey,model:e.data,container:this.props.container,key:e.id}))):a.createElement(a.Fragment,null,e.map(e=>i.Instance.createElement(e.component,{survey:this.props.survey,model:e.data,container:this.props.container,key:e.id})))}}i.Instance.registerElement("sv-components-container",e=>a.createElement(I,e));class M extends a.Component{constructor(e){super(e),this.onIconsChanged=()=>{this.containerRef.current&&(this.containerRef.current.innerHTML=s.UeC.iconsRenderedHtml())},this.containerRef=a.createRef()}componentDidMount(){this.onIconsChanged(),s.UeC.onIconsChanged.add(this.onIconsChanged)}componentWillUnmount(){s.UeC.onIconsChanged.remove(this.onIconsChanged)}render(){return a.createElement("svg",{style:{display:"none"},id:"sv-icon-holder-global-container",ref:this.containerRef})}}class z extends l{createPopupModalManager(){const e=new s.fhq;return e.onModalsChangedCallback=()=>{this.setState({changed:this.state.changed+1})},e}constructor(e){super(e),this.modalManager=this.createPopupModalManager(),this.isInitialized=!1,this.init=()=>{this.isInitialized||(s.W0u.showDialog=(e,n)=>this.modalManager.addDialog(e,n),this.isInitialized=!0)},this.clean=()=>{this.isInitialized&&(s.W0u.showDialog=void 0,this.isInitialized=!1)},this.state={changed:0},this.descriptor={init:this.init,clean:this.clean}}static addModalDescriptor(e){s.W0u.showDialog||e.init(),this.modalDescriptors.push(e)}static removeModalDescriptor(e){e.clean(),this.modalDescriptors.splice(this.modalDescriptors.indexOf(e),1),!s.W0u.showDialog&&this.modalDescriptors[0]&&this.modalDescriptors[0].init()}renderElement(){return a.createElement(a.Fragment,null,this.modalManager.getModals().map(e=>(0,r.createPortal)(a.createElement(f,{model:e}),e.container,e.uniqueId.toString())))}componentDidMount(){z.addModalDescriptor(this.descriptor)}componentWillUnmount(){this.modalManager.clear(),z.removeModalDescriptor(this.descriptor)}}z.modalDescriptors=[];const S={modernbooleancheckchecked:'<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
2ox="0 0 24 24"><polygon points="19,10 14,10 14,5 10,5 10,10 5,10 5,14 10,14 10,19 14,19 14,14 19,14 "/></svg>',modernbooleancheckind:'<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M22,0H2C0.9,0,0,0.9,0,2v20c0,1.1,0.9,2,2,2h20c1.1,0,2-0.9,2-2V2C24,0.9,23.1,0,22,0z M21,18L6,3h15V18z M3,6l15,15H3V6z"/></svg>',modernbooleancheckunchecked:'<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><rect x="5" y="10" width="14" height="4"/></svg>',moderncheck:'<svg viewBox="0 0 24 24"><path d="M5,13l2-2l3,3l7-7l2,2l-9,9L5,13z"/></svg>',modernradio:'<svg viewBox="-12 -12 24 24"><circle r="6" cx="0" cy="0"/></svg>',progressbutton:'<svg viewBox="0 0 10 10"><polygon points="2,2 0,4 5,9 10,4 8,2 5,5 "/></svg>',removefile:'<svg viewBox="0 0 16 16"><path d="M8,2C4.7,2,2,4.7,2,8s2.7,6,6,6s6-2.7,6-6S11.3,2,8,2z M11,10l-1,1L8,9l-2,2l-1-1l2-2L5,6l1-1l2,2l2-2l1,1L9,8 L11,10z"/></svg>',timercircle:'<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 160 160"><circle cx="80" cy="80" r="70" style="stroke:var(--sd-timer-stroke-background-color);stroke-width:var(--sd-timer-stroke-background-width)" stroke-dasharray="none" stroke-dashoffset="none"/><circle cx="80" cy="80" r="70"/></svg>',"add-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15.75 12C15.75 12.41 15.41 12.75 15 12.75H12.75V15C12.75 15.41 12.41 15.75 12 15.75C11.59 15.75 11.25 15.41 11.25 15V12.75H9C8.59 12.75 8.25 12.41 8.25 12C8.25 11.59 8.59 11.25 9 11.25H11.25V9C11.25 8.59 11.59 8.25 12 8.25C12.41 8.25 12.75 8.59 12.75 9V11.25H15C15.41 11.25 15.75 11.59 15.75 12ZM21.75 12C21.75 17.38 17.38 21.75 12 21.75C6.62 21.75 2.25 17.38 2.25 12C2.25 6.62 6.62 2.25 12 2.25C17.38 2.25 21.75 6.62 21.75 12ZM20.25 12C20.25 7.45 16.55 3.75 12 3.75C7.45 3.75 3.75 7.45 3.75 12C3.75 16.55 7.45 20.25 12 20.25C16.55 20.25 20.25 16.55 20.25 12Z"/></svg>',"arrowleft-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.7475 7.9975C14.7475 8.4075 14.4075 8.7475 13.9975 8.7475H3.8075L7.5275 12.4675C7.8175 12.7575 7.8175 13.2375 7.5275 13.5275C7.3775 13.6775 7.1875 13.7475 6.9975 13.7475C6.8075 13.7475 6.6175 13.6775 6.4675 13.5275L1.4675 8.5275C1.1775 8.2375 1.1775 7.7575 1.4675 7.4675L6.4675 2.4675C6.7575 2.1775 7.2375 2.1775 7.5275 2.4675C7.8175 2.7575 7.8175 3.2375 7.5275 3.5275L3.8075 7.2475H13.9975C14.4075 7.2475 14.7475 7.5875 14.7475 7.9975Z"/></svg>',"arrowright-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.53 8.5275L9.53 13.5275C9.38 13.6775 9.19 13.7475 9 13.7475C8.81 13.7475 8.62 13.6775 8.47 13.5275C8.18 13.2375 8.18 12.7575 8.47 12.4675L12.19 8.7475H2C1.59 8.7475 1.25 8.4075 1.25 7.9975C1.25 7.5875 1.59 7.2475 2 7.2475H12.19L8.47 3.5275C8.18 3.2375 8.18 2.7575 8.47 2.4675C8.76 2.1775 9.24 2.1775 9.53 2.4675L14.53 7.4675C14.82 7.7575 14.82 8.2375 14.53 8.5275Z"/></svg>',"camera-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.19 4.25H17.12C16.72 4.25 16.35 4.03 16.17 3.67C15.73 2.8 14.86 2.25 13.88 2.25H10.12C9.14 2.25 8.27 2.79 7.83 3.67C7.65 4.03 7.29 4.25 6.88 4.25H4.81C3.4 4.25 2.25 5.4 2.25 6.81V18.19C2.25 19.6 3.4 20.75 4.81 20.75H19.19C20.6 20.75 21.75 19.6 21.75 18.19V6.81C21.75 5.4 20.6 4.25 19.19 4.25ZM20.25 18.19C20.25 18.77 19.78 19.25 19.19 19.25H4.81C4.23 19.25 3.75 18.78 3.75 18.19V6.81C3.75 6.23 4.22 5.75 4.81 5.75H6.88C7.86 5.75 8.73 5.21 9.17 4.33C9.35 3.97 9.71 3.75 10.12 3.75H13.88C14.28 3.75 14.65 3.97 14.83 4.33C15.27 5.2 16.14 5.75 17.12 5.75H19.19C19.77 5.75 20.25 6.22 20.25 6.81V18.19ZM12 6.25C8.83 6.25 6.25 8.83 6.25 12C6.25 15.17 8.83 17.75 12 17.75C15.17 17.75 17.75 15.17 17.75 12C17.75 8.83 15.17 6.25 12 6.25ZM12 16.25C9.66 16.25 7.75 14.34 7.75 12C7.75 9.66 9.66 7.75 12 7.75C14.34 7.75 16.25 9.66 16.25 12C16.25 14.34 14.34 16.25 12 16.25ZM14.75 12C14.75 13.52 13.52 14.75 12 14.75C11.59 14.75 11.25 14.41 11.25 14C11.25 13.59 11.59 13.25 12 13.25C12.69 13.25 13.25 12.69 13.25 12C13.25 11.59 13.59 11.25 14 11.25C14.41 11.25 14.75 11.59 14.75 12Z"/></svg>',"camera-32x32":'<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M25 7.25H22.19C21.73 7.25 21.31 7 21.09 6.59L20.89 6.22C20.23 5.01 18.97 4.25 17.59 4.25H14.41C13.03 4.25 11.77 5 11.11 6.22L10.91 6.6C10.69 7 10.27 7.26 9.81 7.26H7C4.93 7.26 3.25 8.94 3.25 11.01V24.01C3.25 26.08 4.93 27.76 7 27.76H25C27.07 27.76 28.75 26.08 28.75 24.01V11C28.75 8.93 27.07 7.25 25 7.25ZM27.25 24C27.25 25.24 26.24 26.25 25 26.25H7C5.76 26.25 4.75 25.24 4.75 24V11C4.75 9.76 5.76 8.75 7 8.75H9.81C10.82 8.75 11.75 8.2 12.23 7.31L12.43 6.94C12.82 6.21 13.58 5.76 14.41 5.76H17.59C18.42 5.76 19.18 6.21 19.57 6.94L19.77 7.31C20.25 8.2 21.18 8.76 22.19 8.76H25C26.24 8.76 27.25 9.77 27.25 11.01V24.01V24ZM16 10.25C12.28 10.25 9.25 13.28 9.25 17C9.25 20.72 12.28 23.75 16 23.75C19.72 23.75 22.75 20.72 22.75 17C22.75 13.28 19.72 10.25 16 10.25ZM16 22.25C13.11 22.25 10.75 19.89 10.75 17C10.75 14.11 13.11 11.75 16 11.75C18.89 11.75 21.25 14.11 21.25 17C21.25 19.89 18.89 22.25 16 22.25ZM19.75 17C19.75 19.07 18.07 20.75 16 20.75C15.59 20.75 15.25 20.41 15.25 20C15.25 19.59 15.59 19.25 16 19.25C17.24 19.25 18.25 18.24 18.25 17C18.25 16.59 18.59 16.25 19 16.25C19.41 16.25 19.75 16.59 19.75 17Z"/></svg>',"cancel-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.8099 11.75L15.2799 9.28C15.5699 8.99 15.5699 8.51 15.2799 8.22C14.9899 7.93 14.5099 7.93 14.2199 8.22L11.7499 10.69L9.27994 8.22C8.98994 7.93 8.50994 7.93 8.21994 8.22C7.92994 8.51 7.92994 8.99 8.21994 9.28L10.6899 11.75L8.21994 14.22C7.92994 14.51 7.92994 14.99 8.21994 15.28C8.36994 15.43 8.55994 15.5 8.74994 15.5C8.93994 15.5 9.12994 15.43 9.27994 15.28L11.7499 12.81L14.2199 15.28C14.3699 15.43 14.5599 15.5 14.7499 15.5C14.9399 15.5 15.1299 15.43 15.2799 15.28C15.5699 14.99 15.5699 14.51 15.2799 14.22L12.8099 11.75Z"/></svg>',"check-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.0275 5.0275L6.5275 12.5275C6.3775 12.6775 6.1875 12.7475 5.9975 12.7475C5.8075 12.7475 5.6175 12.6775 5.4675 12.5275L2.4675 9.5275C2.1775 9.2375 2.1775 8.7575 2.4675 8.4675C2.7575 8.1775 3.2375 8.1775 3.5275 8.4675L5.9975 10.9375L12.9675 3.9675C13.2575 3.6775 13.7375 3.6775 14.0275 3.9675C14.3175 4.2575 14.3175 4.7375 14.0275 5.0275Z"/></svg>',"check-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.5275 7.5275L9.5275 17.5275C9.3775 17.6775 9.1875 17.7475 8.9975 17.7475C8.8075 17.7475 8.6175 17.6775 8.4675 17.5275L4.4675 13.5275C4.1775 13.2375 4.1775 12.7575 4.4675 12.4675C4.7575 12.1775 5.2375 12.1775 5.5275 12.4675L8.9975 15.9375L18.4675 6.4675C18.7575 6.1775 19.2375 6.1775 19.5275 6.4675C19.8175 6.7575 19.8175 7.2375 19.5275 7.5275Z"/></svg>',"chevrondown-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M16.5275 10.5275L12.5275 14.5275C12.3775 14.6775 12.1875 14.7475 11.9975 14.7475C11.8075 14.7475 11.6175 14.6775 11.4675 14.5275L7.4675 10.5275C7.1775 10.2375 7.1775 9.7575 7.4675 9.4675C7.7575 9.1775 8.2375 9.1775 8.5275 9.4675L11.9975 12.9375L15.4675 9.4675C15.7575 9.1775 16.2375 9.1775 16.5275 9.4675C16.8175 9.7575 16.8175 10.2375 16.5275 10.5275Z"/></svg>',"chevronright-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M11.35 8.34627L7.35 12.3463C7.25 12.4463 7.12 12.4963 7 12.4963C6.88 12.4963 6.74 12.4463 6.65 12.3463C6.45 12.1463 6.45 11.8363 6.65 11.6363L10.3 7.98627L6.65 4.34627C6.45 4.15627 6.45 3.83627 6.65 3.64627C6.85 3.45627 7.16 3.44627 7.35 3.64627L11.35 7.64627C11.55 7.84627 11.55 8.15627 11.35 8.35627V8.34627Z"/></svg>',"clear-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M12.35 11.65C12.55 11.85 12.55 12.16 12.35 12.36C12.25 12.46 12.12 12.51 12 12.51C11.88 12.51 11.74 12.46 11.65 12.36L8 8.71L4.35 12.36C4.25 12.46 4.12 12.51 4 12.51C3.88 12.51 3.74 12.46 3.65 12.36C3.45 12.16 3.45 11.85 3.65 11.65L7.3 8L3.65 4.35C3.45 4.16 3.45 3.84 3.65 3.65C3.85 3.46 4.16 3.45 4.35 3.65L8 7.3L11.65 3.65C11.85 3.45 12.16 3.45 12.36 3.65C12.56 3.85 12.56 4.16 12.36 4.36L8.71 8.01L12.36 11.66L12.35 11.65Z"/></svg>',"clear-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.12 10.9325C20.64 10.4125 20.93 9.7225 20.93 8.9925C20.93 8.2625 20.64 7.5725 20.12 7.0525L16.95 3.8825C15.88 2.8125 14.13 2.8125 13.06 3.8825L3.88 13.0525C3.36 13.5725 3.07 14.2625 3.07 14.9925C3.07 15.7225 3.36 16.4125 3.88 16.9325L5.64 18.6925C6.57 19.6225 7.78 20.0825 9 20.0825C10.22 20.0825 11.43 19.6225 12.36 18.6925L20.12 10.9325ZM14.12 4.9325C14.36 4.6925 14.67 4.5625 15 4.5625C15.33 4.5625 15.65 4.6925 15.88 4.9325L19.05 8.1025C19.54 8.5925 19.54 9.3825 19.05 9.8725L12.99 15.9325L8.05 10.9925L14.12 4.9325ZM6.7 17.6325L4.94 15.8725C4.45 15.3825 4.45 14.5925 4.94 14.1025L7 12.0425L11.94 16.9825L11.3 17.6225C10.07 18.8525 7.93 18.8525 6.7 17.6225V17.6325ZM22.75 20.9925C22.75 21.4025 22.41 21.7425 22 21.7425H14C13.59 21.7425 13.25 21.4025 13.25 20.9925C13.25 20.5825 13.59 20.2425 14 20.2425H22C22.41 20.2425 22.75 20.5825 22.75 20.9925ZM4.75 20.9925C4.75 21.4025 4.41 21.7425 4 21.7425H2C1.59 21.7425 1.25 21.4025 1.25 20.9925C1.25 20.5825 1.59 20.2425 2 20.2425H4C4.41 20.2425 4.75 20.5825 4.75 20.9925Z"/></svg>',"close-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M13.5275 12.4675C13.8175 12.7575 13.8175 13.2375 13.5275 13.5275C13.3775 13.6775 13.1875 13.7475 12.9975 13.7475C12.8075 13.7475 12.6175 13.6775 12.4675 13.5275L7.9975 9.0575L3.5275 13.5275C3.3775 13.6775 3.1875 13.7475 2.9975 13.7475C2.8075 13.7475 2.6175 13.6775 2.4675 13.5275C2.1775 13.2375 2.1775 12.7575 2.4675 12.4675L6.9375 7.9975L2.4675 3.5275C2.1775 3.2375 2.1775 2.7575 2.4675 2.4675C2.7575 2.1775 3.2375 2.1775 3.5275 2.4675L7.9975 6.9375L12.4675 2.4675C12.7575 2.1775 13.2375 2.1775 13.5275 2.4675C13.8175 2.7575 13.8175 3.2375 13.5275 3.5275L9.0575 7.9975L13.5275 12.4675Z"/></svg>',"close-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.5275 18.4675C19.8175 18.7575 19.8175 19.2375 19.5275 19.5275C19.3775 19.6775 19.1875 19.7475 18.9975 19.7475C18.8075 19.7475 18.6175 19.6775 18.4675 19.5275L11.9975 13.0575L5.5275 19.5275C5.3775 19.6775 5.1875 19.7475 4.9975 19.7475C4.8075 19.7475 4.6175 19.6775 4.4675 19.5275C4.1775 19.2375 4.1775 18.7575 4.4675 18.4675L10.9375 11.9975L4.4675 5.5275C4.1775 5.2375 4.1775 4.7575 4.4675 4.4675C4.7575 4.1775 5.2375 4.1775 5.5275 4.4675L11.9975 10.9375L18.4675 4.4675C18.7575 4.1775 19.2375 4.1775 19.5275 4.4675C19.8175 4.7575 19.8175 5.2375 19.5275 5.5275L13.0575 11.9975L19.5275 18.4675Z"/></svg>',"collapse-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M11.75 8C11.75 8.41 11.41 8.75 11 8.75H5C4.59 8.75 4.25 8.41 4.25 8C4.25 7.59 4.59 7.25 5 7.25H11C11.41 7.25 11.75 7.59 11.75 8Z"/></svg>',"collapsedetails-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M11.75 8C11.75 8.41 11.41 8.75 11 8.75H5C4.59 8.75 4.25 8.41 4.25 8C4.25 7.59 4.59 7.25 5 7.25H11C11.41 7.25 11.75 7.59 11.75 8Z"/></svg>',"delete-16x16":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M13 3.25H10.75V3C10.75 2.04 9.96 1.25 9 1.25H7C6.04 1.25 5.25 2.04 5.25 3V3.25H3C2.59 3.25 2.25 3.59 2.25 4C2.25 4.41 2.59 4.75 3 4.75H3.25V13C3.25 13.96 4.04 14.75 5 14.75H11C11.96 14.75 12.75 13.96 12.75 13V4.75H13C13.41 4.75 13.75 4.41 13.75 4C13.75 3.59 13.41 3.25 13 3.25ZM6.75 3C6.75 2.86 6.86 2.75 7 2.75H9C9.14 2.75 9.25 2.86 9.25 3V3.25H6.75V3ZM11.25 13C11.25 13.14 11.14 13.25 11 13.25H5C4.86 13.25 4.75 13.14 4.75 13V4.75H11.25V13ZM9.25 6.25C9.66 6.25 10 6.59 10 7V11C10 11.41 9.66 11.75 9.25 11.75C8.84 11.75 8.5 11.41 8.5 11V7C8.5 6.59 8.84 6.25 9.25 6.25ZM7.5 7V11C7.5 11.41 7.16 11.75 6.75 11.75C6.34 11.75 6 11.41 6 11V7C6 6.59 6.34 6.25 6.75 6.25C7.16 6.25 7.5 6.59 7.5 7Z"/></svg>',"delete-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.75 9V17C12.75 17.41 12.41 17.75 12 17.75C11.59 17.75 11.25 17.41 11.25 17V9C11.25 8.59 11.59 8.25 12 8.25C12.41 8.25 12.75 8.59 12.75 9ZM14.25 9V17C14.25 17.41 14.59 17.75 15 17.75C15.41 17.75 15.75 17.41 15.75 17V9C15.75 8.59 15.41 8.25 15 8.25C14.59 8.25 14.25 8.59 14.25 9ZM9 8.25C8.59 8.25 8.25 8.59 8.25 9V17C8.25 17.41 8.59 17.75 9 17.75C9.41 17.75 9.75 17.41 9.75 17V9C9.75 8.59 9.41 8.25 9 8.25ZM20.75 6C20.75 6.41 20.41 6.75 20 6.75H18.75V18C18.75 19.52 17.52 20.75 16 20.75H8C6.48 20.75 5.25 19.52 5.25 18V6.75H4C3.59 6.75 3.25 6.41 3.25 6C3.25 5.59 3.59 5.25 4 5.25H8.25V4C8.25 3.04 9.04 2.25 10 2.25H14C14.96 2.25 15.75 3.04 15.75 4V5.25H20C20.41 5.25 20.75 5.59 20.75 6ZM9.75 5.25H14.25V4C14.25 3.86 14.14 3.75 14 3.75H10C9.86 3.75 9.75 3.86 9.75 4V5.25ZM17.25 6.75H6.75V18C6.75 18.69 7.31 19.25 8 19.25H16C16.69 19.25 17.25 18.69 17.25 18V6.75Z"/></svg>',"drag-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 8.75C15.19 8.75 15.75 8.19 15.75 7.5C15.75 6.81 15.19 6.25 14.5 6.25C13.81 6.25 13.25 6.81 13.25 7.5C13.25 8.19 13.81 8.75 14.5 8.75ZM14.5 7.25C14.64 7.25 14.75 7.36 14.75 7.5C14.75 7.78 14.25 7.78 14.25 7.5C14.25 7.36 14.36 7.25 14.5 7.25ZM9.5 6.25C8.81 6.25 8.25 6.81 8.25 7.5C8.25 8.19 8.81 8.75 9.5 8.75C10.19 8.75 10.75 8.19 10.75 7.5C10.75 6.81 10.
219 6.25 9.5 6.25ZM9.25 7.5C9.25 7.36 9.36 7.25 9.5 7.25C9.64 7.25 9.75 7.36 9.75 7.5C9.75 7.78 9.25 7.78 9.25 7.5ZM14.5 11.25C13.81 11.25 13.25 11.81 13.25 12.5C13.25 13.19 13.81 13.75 14.5 13.75C15.19 13.75 15.75 13.19 15.75 12.5C15.75 11.81 15.19 11.25 14.5 11.25ZM14.25 12.5C14.25 12.36 14.36 12.25 14.5 12.25C14.64 12.25 14.75 12.36 14.75 12.5C14.75 12.78 14.25 12.78 14.25 12.5ZM9.5 11.25C8.81 11.25 8.25 11.81 8.25 12.5C8.25 13.19 8.81 13.75 9.5 13.75C10.19 13.75 10.75 13.19 10.75 12.5C10.75 11.81 10.19 11.25 9.5 11.25ZM9.25 12.5C9.25 12.36 9.36 12.25 9.5 12.25C9.64 12.25 9.75 12.36 9.75 12.5C9.75 12.78 9.25 12.78 9.25 12.5ZM14.5 16.25C13.81 16.25 13.25 16.81 13.25 17.5C13.25 18.19 13.81 18.75 14.5 18.75C15.19 18.75 15.75 18.19 15.75 17.5C15.75 16.81 15.19 16.25 14.5 16.25ZM14.25 17.5C14.25 17.36 14.36 17.25 14.5 17.25C14.64 17.25 14.75 17.36 14.75 17.5C14.75 17.78 14.25 17.78 14.25 17.5ZM9.5 16.25C8.81 16.25 8.25 16.81 8.25 17.5C8.25 18.19 8.81 18.75 9.5 18.75C10.19 18.75 10.75 18.19 10.75 17.5C10.75 16.81 10.19 16.25 9.5 16.25ZM9.25 17.5C9.25 17.36 9.36 17.25 9.5 17.25C9.64 17.25 9.75 17.36 9.75 17.5C9.75 17.78 9.25 17.78 9.25 17.5Z"/></svg>',"draghorizontal-24x16":'<svg viewBox="0 0 24 16" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 9.25C16.81 9.25 16.25 9.81 16.25 10.5C16.25 11.19 16.81 11.75 17.5 11.75C18.19 11.75 18.75 11.19 18.75 10.5C18.75 9.81 18.19 9.25 17.5 9.25ZM17.25 10.5C17.25 10.36 17.36 10.25 17.5 10.25C17.64 10.25 17.75 10.36 17.75 10.5C17.75 10.78 17.25 10.78 17.25 10.5ZM17.5 6.75C18.19 6.75 18.75 6.19 18.75 5.5C18.75 4.81 18.19 4.25 17.5 4.25C16.81 4.25 16.25 4.81 16.25 5.5C16.25 6.19 16.81 6.75 17.5 6.75ZM17.5 5.25C17.64 5.25 17.75 5.36 17.75 5.5C17.75 5.78 17.25 5.78 17.25 5.5C17.25 5.36 17.36 5.25 17.5 5.25ZM12.5 9.25C11.81 9.25 11.25 9.81 11.25 10.5C11.25 11.19 11.81 11.75 12.5 11.75C13.19 11.75 13.75 11.19 13.75 10.5C13.75 9.81 13.19 9.25 12.5 9.25ZM12.25 10.5C12.25 10.36 12.36 10.25 12.5 10.25C12.64 10.25 12.75 10.36 12.75 10.5C12.75 10.78 12.25 10.78 12.25 10.5ZM12.5 4.25C11.81 4.25 11.25 4.81 11.25 5.5C11.25 6.19 11.81 6.75 12.5 6.75C13.19 6.75 13.75 6.19 13.75 5.5C13.75 4.81 13.19 4.25 12.5 4.25ZM12.25 5.5C12.25 5.36 12.36 5.25 12.5 5.25C12.64 5.25 12.75 5.36 12.75 5.5C12.75 5.78 12.25 5.78 12.25 5.5ZM7.5 9.25C6.81 9.25 6.25 9.81 6.25 10.5C6.25 11.19 6.81 11.75 7.5 11.75C8.19 11.75 8.75 11.19 8.75 10.5C8.75 9.81 8.19 9.25 7.5 9.25ZM7.25 10.5C7.25 10.36 7.36 10.25 7.5 10.25C7.64 10.25 7.75 10.36 7.75 10.5C7.75 10.78 7.25 10.78 7.25 10.5ZM7.5 4.25C6.81 4.25 6.25 4.81 6.25 5.5C6.25 6.19 6.81 6.75 7.5 6.75C8.19 6.75 8.75 6.19 8.75 5.5C8.75 4.81 8.19 4.25 7.5 4.25ZM7.25 5.5C7.25 5.36 7.36 5.25 7.5 5.25C7.64 5.25 7.75 5.36 7.75 5.5C7.75 5.78 7.25 5.78 7.25 5.5Z"/></svg>',"editsmall-16x16":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M13.1209 3.05249L12.9509 2.88249C11.8809 1.81249 10.1309 1.81249 9.06089 2.88249L3.47089 8.46249C3.37089 8.56249 3.31089 8.68249 3.27089 8.81249L2.27089 12.8125C2.21089 13.0625 2.28089 13.3425 2.47089 13.5225C2.61089 13.6625 2.80089 13.7425 3.00089 13.7425C3.06089 13.7425 3.12089 13.7425 3.18089 13.7225L7.18089 12.7225C7.31089 12.6925 7.43089 12.6225 7.53089 12.5225L13.1209 6.93249C14.1909 5.86249 14.1909 4.11249 13.1209 3.04249V3.05249ZM6.62089 11.3125L4.04089 11.9625L4.69089 9.38249L8.01089 6.06249L9.95089 8.00249L6.63089 11.3225L6.62089 11.3125ZM12.0609 5.87249L11.0009 6.93249L9.06089 4.99249L10.1209 3.93249C10.6109 3.44249 11.4009 3.44249 11.8909 3.93249L12.0609 4.10249C12.5509 4.59249 12.5509 5.38249 12.0609 5.87249Z"/></svg>',"expand-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M11.75 8C11.75 8.41 11.41 8.75 11 8.75H8.75V11C8.75 11.41 8.41 11.75 8 11.75C7.59 11.75 7.25 11.41 7.25 11V8.75H5C4.59 8.75 4.25 8.41 4.25 8C4.25 7.59 4.59 7.25 5 7.25H7.25V5C7.25 4.59 7.59 4.25 8 4.25C8.41 4.25 8.75 4.59 8.75 5V7.25H11C11.41 7.25 11.75 7.59 11.75 8Z"/></svg>',"expanddetails-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M11.75 8C11.75 8.41 11.41 8.75 11 8.75H8.75V11C8.75 11.41 8.41 11.75 8 11.75C7.59 11.75 7.25 11.41 7.25 11V8.7
25H5C4.59 8.75 4.25 8.41 4.25 8C4.25 7.59 4.59 7.25 5 7.25H7.25V5C7.25 4.59 7.59 4.25 8 4.25C8.41 4.25 8.75 4.59 8.75 5V7.25H11C11.41 7.25 11.75 7.59 11.75 8Z"/></svg>',"file-72x72":'<svg viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg"><path d="M62.83 12.83L53.17 3.17C52.7982 2.79866 52.357 2.50421 51.8714 2.30346C51.3858 2.1027 50.8654 1.99959 50.34 2H14C12.4087 2 10.8826 2.63214 9.75735 3.75736C8.63214 4.88258 8 6.4087 8 8V64C8 65.5913 8.63214 67.1174 9.75735 68.2426C10.8826 69.3679 12.4087 70 14 70H58C59.5913 70 61.1174 69.3679 62.2426 68.2426C63.3679 67.1174 64 65.5913 64 64V15.66C64.0004 15.1346 63.8973 14.6142 63.6965 14.1286C63.4958 13.643 63.2013 13.2018 62.83 12.83ZM52 4.83L61.17 14H56C54.9391 14 53.9217 13.5786 53.1716 12.8284C52.4214 12.0783 52 11.0609 52 10V4.83ZM62 64C62 65.0609 61.5786 66.0783 60.8284 66.8284C60.0783 67.5786 59.0609 68 58 68H14C12.9391 68 11.9217 67.5786 11.1716 66.8284C10.4214 66.0783 10 65.0609 10 64V8C10 6.93914 10.4214 5.92172 11.1716 5.17157C11.9217 4.42143 12.9391 4 14 4H50V10C50 11.5913 50.6321 13.1174 51.7574 14.2426C52.8826 15.3679 54.4087 16 56 16H62V64ZM22 26H50V28H22V26ZM22 32H50V34H22V32ZM22 38H50V40H22V38ZM22 44H50V46H22V44Z"/></svg>',"flip-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.53 17.4775C14.82 17.7675 14.82 18.2475 14.53 18.5375L11.53 21.5375C11.38 21.6875 11.19 21.7575 11 21.7575C10.81 21.7575 10.62 21.6875 10.47 21.5375C10.18 21.2475 10.18 20.7675 10.47 20.4775L12.2 18.7475C12.13 18.7475 12.07 18.7475 12 18.7475C6.62 18.7475 2.25 15.7475 2.25 12.0575C2.25 10.2975 3.22 8.6375 4.99 7.3875C5.33 7.1475 5.8 7.2275 6.03 7.5675C6.27 7.9075 6.19 8.3775 5.85 8.6075C4.49 9.5675 3.74 10.7875 3.74 12.0575C3.74 14.9175 7.44 17.2475 11.99 17.2475C12.05 17.2475 12.11 17.2475 12.17 17.2475L10.46 15.5375C10.17 15.2475 10.17 14.7675 10.46 14.4775C10.75 14.1875 11.23 14.1875 11.52 14.4775L14.52 17.4775H14.53ZM12 5.2575C11.93 5.2575 11.87 5.2575 11.8 5.2575L13.53 3.5275C13.82 3.2375 13.82 2.7575 13.53 2.4675C13.24 2.1775 12.76 2.1775 12.47 2.4675L9.47 5.4675C9.18 5.7575 9.18 6.2375 9.47 6.5275L12.47 9.5275C12.62 9.6775 12.81 9.7475 13 9.7475C13.19 9.7475 13.38 9.6775 13.53 9.5275C13.82 9.2375 13.82 8.7575 13.53 8.4675L11.82 6.7575C11.88 6.7575 11.94 6.7575 12 6.7575C16.55 6.7575 20.25 9.0875 20.25 11.9475C20.25 13.2075 19.5 14.4375 18.14 15.3975C17.8 15.6375 17.72 16.1075 17.96 16.4475C18.11 16.6575 18.34 16.7675 18.57 16.7675C18.72 16.7675 18.87 16.7275 19 16.6275C20.77 15.3775 21.75 13.7175 21.75 11.9575C21.75 8.2675 17.38 5.2675 12 5.2675V5.2575Z"/></svg>',"folder-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21.72 9.24C21.45 8.92 21.12 8.67 20.75 8.5V8C20.75 6.48 19.52 5.25 18 5.25H10.65C10.32 4.1 9.26 3.25 8 3.25H6C4.48 3.25 3.25 4.48 3.25 6V18C3.25 19.52 4.48 20.75 6 20.75H18.33C19.66 20.75 20.8 19.8 21.04 18.49L22.31 11.49C22.46 10.69 22.24 9.86 21.72 9.24ZM4.75 18V6C4.75 5.31 5.31 4.75 6 4.75H8C8.69 4.75 9.25 5.31 9.25 6C9.25 6.41 9.59 6.75 10 6.75H18C18.69 6.75 19.25 7.31 19.25 8V8.25H9.27C7.94 8.25 6.8 9.2 6.56 10.51L5.29 17.51C5.19 18.07 5.27 18.64 5.51 19.15C5.06 18.96 4.75 18.52 4.75 18ZM20.83 11.22L19.56 18.22C19.45 18.81 18.94 19.25 18.33 19.25H8C7.63 19.25 7.28 19.09 7.04 18.8C6.8 18.51 6.7 18.14 6.77 17.78L8.04 10.78C8.15 10.19 8.66 9.75 9.27 9.75H19.6C19.97 9.75 20.32 9.91 20.56 10.2C20.8 10.49 20.9 10.86 20.83 11.22Z"/></svg>',"fullsize-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.25H4C3.04 3.25 2.25 4.04 2.25 5V11C2.25 11.96 3.04 12.75 4 12.75H12C12.96 12.75 13.75 11.96 13.75 11V5C13.75 4.04 12.96 3.25 12 3.25ZM12.25 11C12.25 11.14 12.14 11.25 12 11.25H4C3.86 11.25 3.75 11.14 3.75 11V5C3.75 4.86 3.86 4.75 4 4.75H12C12.14 4.75 12.25 4.86 12.25 5V11Z"/></svg>',"image-48x48":'<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><path d="M33 10.25H15C12.38 10.25 10.25 12.38 10.25 15V33C10.25 35.62 12.38 37.75 15 37.75H33C35.62 37.75 37.75 35.62 37.75 33V15C37.75 12.38 35.62 10.25 33 10.25ZM36.25 33C36.25 34.79 34.79 36.25 33 36.25H15C13.21 36.25 11.75 34.79 11.75 33V15C11.75 13.21 13.21 11.75 15 11.75H33C34.79 11.75 36.25 13.21 36.25 15V33ZM30.5 14.25C28.71 14.25 27.25 15.71 27.25 17.5C27.25 19.29 28.71 20.75 30.5 20.75C32.29 20.75 33.75 19.29 33.75 17.5C33.75 15.71 32.29 14.25 30.5 14.25ZM30.5 19.25C29.54 19.25 28.75 18.46 28.75 17.5C28.75 16.54 29.54 15.75 30.5 15.75C31.46 15.75 32.25 16.54 32.25 17.5C32.25 18.46 31.46 19.25 30.5 19.25ZM29.26 26.28C28.94 25.92 28.49 25.71 28.01 25.7C27.54 25.68 27.07 25.87 26.73 26.2L24.95 27.94L22.28 25.23C21.94 24.89 21.5 24.71 21 24.71C20.52 24.71 20.06 24.93 19.74 25.28L14.74 30.78C14.25 31.3 14.12 32.06 14.41 32.72C14.69 33.36 15.28 33.75 15.95 33.75H32.07C32.74 33.75 33.33 33.35 33.61 32.72C33.89 32.06 33.77 31.31 33.29 30.79L29.27 26.29L29.26 26.28ZM32.22 32.12C32.18 32.2 32.13 32.25 32.06 32.25H15.94C15.87 32.25 15.81 32.21 15.78 32.12C15.77 32.09 15.71 31.93 15.83 31.8L20.84 26.29C20.9 26.22 20.99 26.21 21.02 26.21C21.06 26.21 21.14 26.22 21.2 26.29L24.4 29.54C24.69 29.83 25.16 29.84 25.46 29.54L27.77 27.27C27.83 27.21 27.9 27.2 27.94 27.2C28.01 27.2 28.06 27.21 28.13 27.28L32.16 31.79C32.16 31.79 32.16 31.79 32.17 31.8C32.29 31.93 32.23 32.09 32.22 32.12Z"/></svg>',"loading-48x48":'<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_19679_369428)"><path opacity="0.1" d="M24 40C15.18 40 8 32.82 8 24C8 15.18 15.18 8 24 8C32.82 8 40 15.18 40 24C40 32.82 32.82 40 24 40ZM24 12C17.38 12 12 17.38 12 24C12 30.62 17.38 36 24 36C30.62 36 36 30.62 36 24C36 17.38 30.62 12 24 12Z" fill="black" fill-opacity="0.91"/>
2<path d="M10 26C8.9 26 8 25.1 8 24C8 15.18 15.18 8 24 8C25.1 8 26 8.9 26 10C26 11.1 25.1 12 24 12C17.38 12 12 17.38 12 24C12 25.1 11.1 26 10 26Z"/></g><defs><clipPath id="clip0_19679_369428"><rect width="32" height="32" fill="white" transform="translate(8 8)"/></clipPath></defs></svg>',"maximize-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M13.75 3V7C13.75 7.41 13.41 7.75 13 7.75C12.59 7.75 12.25 7.41 12.25 7V4.81L9.53 7.53C9.38 7.68 9.19 7.75 9 7.75C8.81 7.75 8.62 7.68 8.47 7.53C8.18 7.24 8.18 6.76 8.47 6.47L11.19 3.75H9C8.59 3.75 8.25 3.41 8.25 3C8.25 2.59 8.59 2.25 9 2.25H13C13.1 2.25 13.19 2.27 13.29 2.31C13.47 2.39 13.62 2.53 13.7 2.72C13.74 2.81 13.76 2.91 13.76 3.01L13.75 3ZM7.53 8.47C7.24 8.18 6.76 8.18 6.47 8.47L3.75 11.19V9C3.75 8.59 3.41 8.25 3 8.25C2.59 8.25 2.25 8.59 2.25 9V13C2.25 13.1 2.27 13.19 2.31 13.29C2.39 13.47 2.53 13.62 2.72 13.7C2.81 13.74 2.91 13.76 3.01 13.76H7.01C7.42 13.76 7.76 13.42 7.76 13.01C7.76 12.6 7.42 12.26 7.01 12.26H4.82L7.54 9.54C7.83 9.25 7.83 8.77 7.54 8.48L7.53 8.47Z"/></svg>',"minimize-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M13.75 8C13.75 8.41 13.41 8.75 13 8.75H3C2.59 8.75 2.25 8.41 2.25 8C2.25 7.59 2.59 7.25 3 7.25H13C13.41 7.25 13.75 7.59 13.75 8Z"/></svg>',"more-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 10.25C11.04 10.25 10.25 11.04 10.25 12C10.25 12.96 11.04 13.75 12 13.75C12.96 13.75 13.75 12.96 13.75 12C13.75 11.04 12.96 10.25 12 10.25ZM11.75 12C11.75 11.86 11.86 11.75 12 11.75C12.14 11.75 12.25 11.86 12.25 12C12.25 12.28 11.75 12.28 11.75 12ZM19 10.25C18.04 10.25 17.25 11.04 17.25 12C17.25 12.96 18.04 13.75 19 13.75C19.96 13.75 20.75 12.96 20.75 12C20.75 11.04 19.96 10.25 19 10.25ZM18.75 12C18.75 11.86 18.86 11.75 19 11.75C19.14 11.75 19.25 11.86 19.25 12C19.25 12.28 18.75 12.28 18.75 12ZM5 10.25C4.04 10.25 3.25 11.04 3.25 12C3.25 12.96 4.04 13.75 5 13.75C5.96 13.75 6.75 12.96 6.75 12C6.75 11.04 5.96 10.25 5 10.25ZM4.75 12C4.75 11.86 4.86 11.75 5 11.75C5.14 11.75 5.25 11.86 5.25 12C5.25 12.28 4.75 12.28 4.75 12Z"/></svg>',"navmenu-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.25 7C3.25 6.59 3.59 6.25 4 6.25H15C15.41 6.25 15.75 6.59 15.75 7C15.75 7.41 15.41 7.75 15 7.75H4C3.59 7.75 3.25 7.41 3.25 7ZM20 11.25H4C3.59 11.25 3.25 11.59 3.25 12C3.25 12.41 3.59 12.75 4 12.75H20C20.41 12.75 20.75 12.41 20.75 12C20.75 11.59 20.41 11.25 20 11.25ZM9 16.25H4C3.59 16.25 3.25 16.59 3.25 17C3.25 17.41 3.59 17.75 4 17.75H9C9.41 17.75 9.75 17.41 9.75 17C9.75 16.59 9.41 16.25 9 16.25Z"/></svg>',"noimage-48x48":'<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><path d="M30.4975 14.2475C28.7075 14.2475 27.2475 15.7075 27.2475 17.4975C27.2475 19.2875 28.7075 20.7475 30.4975 20.7475C32.2875 20.7475 33.7475 19.2875 33.7475 17.4975C33.7475 15.7075 32.2875 14.2475 30.4975 14.2475ZM30.4975 19.2475C29.5375 19.2475 28.7475 18.4575 28.7475 17.4975C28.7475 16.5375 29.5375 15.7475 30.4975 15.7475C31.4575 15.7475 32.2475 16.5375 32.2475 17.4975C32.2475 18.4575 31.4575 19.2475 30.4975 19.2475ZM13.5175 11.2175C13.4375 10.8075 13.7075 10.4175 14.1175 10.3375C14.4275 10.2775 14.7175 10.2475 14.9975 10.2475H32.9975C35.6175 10.2475 37.7475 12.3775 37.7475 14.9975V32.9975C37.7475 33.2775 37.7175 33.5675 37.6575 33.8775C37.5875 34.2375 37.2775 34.4875 36.9175 34.4875C36.8675 34.4875 36.8275 34.4875 36.7775 34.4775C36.3675 34.3975 36.1075 34.0075 36.1775 33.5975C36.2175 33.3775 36.2375 33.1775 36.2375 32.9975V14.9975C36.2375 13.2075 34.7775 11.7475 32.9875 11.7475H14.9975C14.8075 11.7475 14.6175 11.7675 14.3975 11.8075C13.9875 11.8875 13.5975 11.6175 13.5175 11.2075V11.2175ZM34.4775 36.7775C34.5575 37.1875 34.2875 37.5775 33.8775 37.6575C33.5675 37.7175 33.2775 37.7475 32.9975 37.7475H14.9975C12.3775 37.7475 10.2475 35.6175 10.2475 32.9975V14.9975C10.2475 14.7175 10.2775 14.4275 10.3375 14.1175C10.4175 13.7075 10.8075 13.4375 11.2175 13.5175C11.6275 13.5975 11.8875 13.9875 11.8175 14.3975C11.7775 14.6175 11.7575 14.8175 11.7575 14.9975V32.9975C11.7575 34.7875 13.2175 36.2475 15.0075 36.2475H33.0075C33.1975 36.2475 33.3875 36.2275 33.6075 36.1875C34.0075 36.1075 34.4075 36.3775 34.4875 36.7875L34.4775 36.7775ZM15.8275 31.7975C15.6975 31.9375 15.7575 32.0875 15.7775 32.1175C15.8175 32.1975 15.8675 32.2475 15.9375 32.2475H29.8175C30.2275 32.2475 30.5675 32.5875 30.5675 32.9975C30.5675 33.4075 30.2275 33.7475 29.8175 33.7475H15.9375C15.2675 33.7475 14.6775 33.3475 14.3975 32.7175C14.1075 32.0575 14.2375 31.2975 14.7275 30.7775L19.7275 25.2775C20.0475 24.9275 20.5075 24.7175 20.9875 24.7075C21.4875 24.7275 21.9375 24.8875 22.2675 25.2275L25.4675 28.4775C25.7575 28.7675 25.7575 29.2475 25.4675 29.5375C25.1675 29.8275 24.6975 29.8275 24.4075 29.5375L21.2075 26.2875C21.1475 26.2175 21.0675 26.1875 21.0275 26.2075C20.9875 26.2075 20.9075 26.2175 20.8475 26.2875L15.8375 31.7975H15.8275ZM38.5275 38.5275C38.3775 38.6775 38.1875 38.7475 37.9975 38.7475C37.8075 38.7475 37.6175 38.6775 37.4675 38.5275L9.4675 10.5275C9.1775 10.2375 9.1775 9.7575 9.4675 9.4675C9.7575 9.1775 10.2375 9.1775 10.5275 9.4675L38.5275 37.4675C38.8175 37.7575 38.8175 38.2375 38.5275 38.5275Z"/></svg>',"ranking-arrows":'<svg viewBox="0 0 10 24" xmlns="http://www.w3.org/2000/svg"><path d="M10 5L5 0L0 5H4V9H6V5H10Z"/><path d="M6 19V15H4V19H0L5 24L10 19H6Z"/></svg>',"rankingundefined-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M11.75 8C11.75 8.41 11.41 8.75 11 8.75H5C4.59 8.75 4.25 8.41 4.25 8C4.25 7.59 4.59 7.25 5 7.25H11C11.41 7.25 11.75 7.59 11.75 8Z"/></svg>',"rating-star-2":'<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><path d="M24 39.5057L11.7226 45.9839C10.4095 46.6739 8.87606 45.5622 9.12525 44.096L11.4734 30.373L1.54411 20.6556C0.480254 19.6207 1.06489 17.8095 2.53128 17.5986L16.2559 15.5957L22.3994 3.10891C23.0512 1.77685 24.9488 1.77685 25.
26102 3.10891L31.7441 15.5957L45.4687 17.5986C46.9351 17.8095 47.5197 19.6207 46.4559 20.6556L36.5266 30.373L38.8748 44.096C39.1239 45.5622 37.5905 46.6835 36.2774 45.9839L24 39.5057Z" fill="none" stroke-width="2"/><path d="M24.3981 33.1305L24 32.9206L23.6019 33.1305L15.8715 37.2059L17.3542 28.5663L17.43 28.1246L17.1095 27.8113L10.83 21.6746L19.4965 20.4049L19.9405 20.3399L20.1387 19.9373L24 12.0936L27.8613 19.9373L28.0595 20.3399L28.5035 20.4049L37.17 21.6746L30.8905 27.8113L30.57 28.1246L30.6458 28.5663L32.1285 37.2059L24.3981 33.1305Z" stroke-width="1.70746"/></svg>',"rating-star-small-2":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 19.3373L6.13001 22.4373C5.50001 22.7673 4.77001 22.2373 4.89001 21.5373L6.01001 14.9773L1.26001 10.3273C0.750007 9.83728 1.03001 8.96728 1.73001 8.86728L8.29001 7.90728L11.23 1.93728C11.54 1.29728 12.45 1.29728 12.77 1.93728L15.7 7.90728L22.26 8.86728C22.96 8.96728 23.24 9.83728 22.73 10.3273L17.98 14.9773L19.1 21.5373C19.22 22.2373 18.49 22.7773 17.86 22.4373L11.99 19.3373H12Z" fill="none" stroke-width="2"/><path d="M12 15.9472L8.58001 17.7572L9.23001 13.9272L6.45001 11.2072L10.29 10.6472L12 7.17725L13.71 10.6472L17.55 11.2072L14.77 13.9272L15.42 17.7572L12 15.9472Z"/></svg>',"rating-star-small":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g><path d="M12 19.3373L6.13001 22.4373C5.50001 22.7673 4.77001 22.2373 4.89001 21.5373L6.01001 14.9773L1.26001 10.3273C0.750007 9.83728 1.03001 8.96728 1.73001 8.86728L8.29001 7.90728L11.23 1.93728C11.54 1.29728 12.45 1.29728 12.77 1.93728L15.7 7.90728L22.26 8.86728C22.96 8.96728 23.24 9.83728 22.73 10.3273L17.98 14.9773L19.1 21.5373C19.22 22.2373 18.49 22.7773 17.86 22.4373L11.99 19.3373H12Z"/></g></svg>',"rating-star":'<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g><path d="M24 39.5057L11.7226 45.9839C10.4095 46.6739 8.87606 45.5622 9.12525 44.096L11.4734 30.373L1.54411 20.6556C0.480254 19.6207 1.06489 17.8095 2.53128 17.5986L16.2559 15.5957L22.3994 3.10891C23.0512 1.77685 24.9488 1.77685 25.
26102 3.10891L31.7441 15.5957L45.4687 17.5986C46.9351 17.8095 47.5197 19.6207 46.4559 20.6556L36.5266 30.373L38.8748 44.096C39.1239 45.5622 37.5905 46.6835 36.2774 45.9839L24 39.5057Z"/></g></svg>',"reorder-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.9444 10.75H15.0544C15.7144 10.75 16.3144 10.39 16.6144 9.80002C16.9144 9.22002 16.8644 8.52002 16.4844 7.98002L13.4244 3.71002C12.7644 2.79002 11.2344 2.79002 10.5744 3.71002L7.5244 7.99002C7.1444 8.53002 7.0944 9.22002 7.3944 9.81002C7.6944 10.4 8.2944 10.76 8.9544 10.76L8.9444 10.75ZM8.7444 8.86002L11.7944 4.58002C11.8644 4.49002 11.9544 4.48002 11.9944 4.48002C12.0344 4.48002 12.1344 4.49002 12.1944 4.58002L15.2544 8.86002C15.3344 8.97002 15.3044 9.07002 15.2744 9.12002C15.2444 9.17002 15.1844 9.26002 15.0544 9.26002H8.9444C8.8144 9.26002 8.7444 9.18002 8.7244 9.12002C8.7044 9.06002 8.6644 8.97002 8.7444 8.86002ZM15.0544 13.25H8.9444C8.2844 13.25 7.6844 13.61 7.3844 14.2C7.0844 14.78 7.1344 15.48 7.5144 16.02L10.5744 20.3C10.9044 20.76 11.4344 21.03 11.9944 21.03C12.5544 21.03 13.0944 20.76 13.4144 20.3L16.4744 16.02C16.8544 15.48 16.9044 14.79 16.6044 14.2C16.3044 13.61 15.7044 13.25 15.0444 13.25H15.0544ZM15.2644 15.15L12.2044 19.43C12.0744 19.61 11.9244 19.61 11.7944 19.43L8.7344 15.15C8.6544 15.04 8.6844 14.94 8.7144 14.89C8.7444 14.84 8.8044 14.75 8.9344 14.75H15.0444C15.1744 14.75 15.2444 14.83 15.2644 14.89C15.2844 14.95 15.3244 15.04 15.2444 15.15H15.2644Z"/></svg>',"restoredown-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M7.69 8.71C7.73 8.8 7.75 8.9 7.75 9V13C7.75 13.41 7.41 13.75 7 13.75C6.59 13.75 6.25 13.41 6.25 13V10.81L3.53 13.53C3.38 13.68 3.19 13.75 3 13.75C2.81 13.75 2.62 13.68 2.47 13.53C2.18 13.24 2.18 12.76 2.47 12.47L5.19 9.75H3C2.59 9.75 2.25 9.41 2.25 9C2.25 8.59 2.59 8.25 3 8.25H7C7.1 8.25 7.19 8.27 7.29 8.31C7.47 8.39 7.62 8.53 7.7 8.72L7.69 8.71ZM13 6.25H10.81L13.53 3.53C13.82 3.24 13.82 2.76 13.53 2.47C13.24 2.18 12.76 2.18 12.47 2.47L9.75 5.19V3C9.75 2.59 9.41 2.25 9 2.25C8.59 2.25 8.25 2.59 8.25 3V7C8.25 7.1 8.27 7.19 8.31 7.29C8.39 7.47 8.53 7.62 8.72 7.7C8.81 7.74 8.91 7.76 9.01 7.76H13.01C13.42 7.76 13.76 7.42 13.76 7.01C13.76 6.6 13.42 6.26 13.01 6.26L13 6.25Z"/></svg>',"search-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13.9975 2.25C9.7275 2.25 6.2475 5.73 6.2475 10C6.2475 11.87 6.9075 13.58 8.0175 14.92L2.4675 20.47C2.1775 20.76 2.1775 21.24 2.4675 21.53C2.6175 21.68 2.8075 21.75 2.9975 21.75C3.1875 21.75 3.3775 21.68 3.5275 21.53L9.0775 15.98C10.4175 17.08 12.1275 17.75 13.9975 17.75C18.2675 17.75 21.7475 14.27 21.7475 10C21.7475 5.73 18.2675 2.25 13.9975 2.25ZM13.9975 16.25C10.5475 16.25 7.7475 13.45 7.7475 10C7.7475 6.55 10.5475 3.75 13.9975 3.75C17.4475 3.75 20.2475 6.55 20.2475 10C20.2475 13.45 17.4475 16.25 13.9975 16.25Z"/></svg>',"smiley-rate1-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4 4.9938C4 4.44362 4.45 3.99348 5 3.99348H6.59L5.3 2.70306C4.91 2.31293 4.91 1.68272 5.3 1.2926C5.69 0.902468 6.32 0.902468 6.71 1.2926L9.71 4.29357C9.8 4.3836 9.88 4.49364 9.93 4.62368C10.03 4.86376 10.03 5.14385 9.93 5.38393C9.88 5.50397 9.81 5.614 9.71 5.71404L6.71 8.71501C6.51 8.91508 6.26 9.00511 6 9.00511C5.74 9.00511 5.49 8.90508 5.29 8.71501C4.9 8.32489 4.9 7.69468 5.29 7.30456L6.58 6.01413H4.99C4.44 6.01413 3.99 5.56399 3.99 5.01381L4 4.9938ZM14.08 5.37393C14.13 5.49397 14.2 5.604 14.3 5.70403L17.3 8.70501C17.5 8.90508 17.75 8.99511 18.01 8.99511C18.27 8.99511 18.52 8.89507 18.72 8.70501C19.11 8.31488 19.11 7.68468 18.72 7.29455L17.43 6.00413H19.02C19.57 6.00413 20.02 5.55399 20.02 5.00381C20.02 4.45363 19.57 4.00348 19.02 4.00348H17.43L18.72 2.71306C19.11 2.32293 19.11 1.69273 18.72 1.3026C18.33 0.912471 17.7 0.912471 17.31 1.3026L14.31 4.30358C14.22 4.39361 14.14 4.50364 14.09 4.63368C13.99 4.87376 13.99 5.15385 14.09 5.39393L14.08 5.37393ZM22 14.9971V20.999C22 22.6496 20.65 24 19 24H5C3.35 24 2 22.6496 2 20.999V14.9971C2 13.3465 3.35 11.9961 5 11.9961H19C20.65 11.9961 22 13.3465 22 14.9971ZM19 13.9967H16V16.9977H20V14.9971C20 14.4469 19.55 13.9967 19 13.9967ZM14 16.9977V13.9967H10V16.9977H14ZM10 18.9984V21.9993H14V18.9984H10ZM4 14.9971V16.9977H8V13.9967H5C4.45 13.9967 4 14.4469 4 14.9971ZM5 21.9993H8V18.9984H4V20.999C4 21.5492 4.45 21.9993 5 21.9993ZM20 20.999V18.9984H16V21.9993H19C19.55 21.9993 20 21.5492 20 20.999Z"/></svg>',"smiley-rate10-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.01 23C6.85721 23 1.15412 19.9621 0.0134987 13.1669C-0.0765501 12.6272 0.293651 12.1076 0.833944 12.0177C1.38424 11.9277 1.89452 12.2975 1.98457 12.8371C2.92508 18.4732 7.69767 20.9914 12 20.9914C16.3023 20.9914 21.0749 18.4732 22.0154 12.8371C22.1055 12.2975 22.6158 11.9277 23.1661 12.0177C23.7063 12.1076 24.0765 12.6272 23.9865 13.1669C22.8559 19.9521 17.1428 23 11.99 23H12.01ZM21.165 6.15177C22.3056 5.01257 22.3056 3.16386 21.165 2.02465L21.0049 1.85477C19.9143 0.765533 18.1633 0.725561 17.0227 1.71487C15.8821 0.715568 14.1312 0.765533 13.0406 1.85477L12.870
25 2.01466C11.7299 3.15386 11.7299 5.00257 12.8705 6.14178L17.0227 10.2889L21.175 6.14178L21.165 6.15177ZM15.742 3.27378L17.0127 4.54289L18.2834 3.27378C18.6436 2.91403 19.2239 2.91403 19.5841 3.27378L19.7442 3.43367C20.1044 3.79342 20.1044 4.37301 19.7442 4.73276L17.0127 7.46086L14.2812 4.73276C13.921 4.37301 13.921 3.79342 14.2812 3.43367L14.4413 3.27378C14.6214 3.09391 14.8515 3.00397 15.0917 3.00397C15.3318 3.00397 15.5619 3.09391 15.742 3.27378ZM11.1595 6.15177C12.3002 5.01257 12.3002 3.16386 11.1595 2.02465L10.9995 1.85477C9.90886 0.765533 8.15792 0.725561 7.0173 1.71487C5.87668 0.715568 4.12573 0.765533 3.03514 1.85477L2.86505 2.01466C1.72443 3.15386 1.72443 5.00257 2.86505 6.14178L7.0173 10.2889L11.1695 6.14178L11.1595 6.15177ZM5.7366 3.27378L7.00729 4.54289L8.27798 3.27378C8.63818 2.91403 9.21849 2.91403 9.57869 3.27378L9.73877 3.43367C10.099 3.79342 10.099 4.37301 9.73877 4.73276L7.00729 7.46086L4.27581 4.73276C3.91562 4.37301 3.91562 3.79342 4.27581 3.43367L4.4359 3.27378C4.61599 3.09391 4.84612 3.00397 5.08625 3.00397C5.32638 3.00397 5.5565 3.09391 5.7366 3.27378Z"/></svg>',"smiley-rate2-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_15894_140103)"><path d="M4.88291 4.51001C4.47291 4.51001 4.08291 4.25001 3.94291 3.84001C3.76291 3.32001 4.03291 2.75001 4.55291 2.57001L8.32291 1.25001C8.84291 1.06001 9.41291 1.34001 9.59291 1.86001C9.77291 2.38001 9.50291 2.95001 8.98291 3.13001L5.20291 4.45001C5.09291 4.49001 4.98291 4.51001 4.87291 4.51001H4.88291ZM19.8129 3.89001C20.0229 3.38001 19.7729 2.79001 19.2629 2.59001L15.5529 1.07001C15.0429 0.860007 14.4529 1.11001 14.2529 1.62001C14.0429 2.13001 14.2929 2.72001 14.8029 2.92001L18.5029 4.43001C18.6229 4.48001 18.7529 4.50001 18.8829 4.50001C19.2729 4.50001 19.6529 4.27001 19.8129 3.88001V3.89001ZM3.50291 6.00001C2.64291 6.37001 1.79291 6.88001 1.00291 7.48001C0.79291 7.64001 0.64291 7.87001 0.59291 8.14001C0.48291 8.73001 0.87291 9.29001 1.45291 9.40001C2.04291 9.51001 2.60291 9.12001 2.71291 8.54001C2.87291 7.69001 3.12291 6.83001 3.50291 5.99001V6.00001ZM21.0429 8.55001C21.6029 10.48 24.2429 8.84001 22.7529 7.48001C21.9629 6.88001 21.1129 6.37001 20.2529 6.00001C20.6329 6.84001 20.8829 7.70001 21.0429 8.55001ZM21.5729 13.2C21.2529 14.2 22.5429 15.09 23.3629 14.39C23.8529 14 23.9229 13.29 23.5429 12.81C21.7429 10.67 22.1329 10.55 21.5829 13.2H21.5729ZM1.75291 11C1.22291 11.79 -0.14709 12.64 0.0129102 13.75C0.15291 14.36 0.75291 14.74 1.35291 14.6C2.98291 14.1 1.80291 12.22 1.75291 11ZM19.8829 17C19.8829 13.14 16.2929 10 11.8829 10C7.47291 10 3.88291 13.14 3.88291 17C3.88291 20.86 7.47291 24 11.8829 24C16.2929 24 19.8829 20.86 19.8829 17ZM17.8829 17C17.8829 19.76 15.1929 22 11.8829 22C8.57291 22 5.88291 19.76 5.88291 17C5.88291 14.24 8.57291 12 11.8829 12C15.1929 12 17.8829 14.24 17.8829 17Z"/></g><defs><clipPath id="clip0_15894_140103"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>',"smiley-rate3-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7.01915 7C6.46961 7 6.01998 6.55 6.01998 6V2C6.01998 1.45 6.46961 1 7.01915 1C7.56869 1 8.01832 1.45 8.01832 2V6C8.01832 6.55 7.56869 7 7.01915 7ZM18.01 6V2C18.01 1.45 17.5604 1 17.0108 1C16.4613 1 16.0117 1.45 16.0117 2V6C16.0117 6.55 16.4613 7 17.0108 7C17.5604 7 18.01 6.55 18.01 6ZM16.4213 21.58L18.01 19.99L19.2989 21.28C19.6886 21.67 20.3181 21.67 20.7077 21.28C21.0974 20.89 21.0974 20.26 20.7077 19.87L19.4188 18.58C18.6395 17.8 17.3705 17.8 16.5912 18.58L15.0025 20.17L13.4138 18.58C12.6345 17.8 11.3655 17.8 10.5862 18.58L8.9975 20.17L7.40883 18.58C6.62948 17.8 5.36053 17.8 4.58118 18.58L3.29226 19.87C2.90258 20.26 2.90258 20.89 3.29226 21.28C3.68193 21.67 4.31141 21.67 4.70108 21.28L5.99001 19.99L7.57868 21.58C8.35803 22.36 9.62698 22.36 10.4063 21.58L11.995 19.99L13.5837 21.58C13.9734 21.97 14.4829 22.16 14.9925 22.16C15.5021 22.16 16.0117 21.97 16.4013 21.58H16.4213Z"/></svg>',"smiley-rate4-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7.06927 7C6.51927 7 6.06927 6.55 6.06927 6V2C6.06927 1.45 6.51927 1 7.06927 1C7.61927 1 8.06927 1.45 8.06927 2V6C8.06927 6.55 7.61927 7 7.06927 7ZM18.0693 6V2C18.0693 1.45 17.6193 1 17.0693 1C16.5193 1 16.0693 1.45 16.0693 2V6C16.0693 6.55 16.5193 7 17.0693 7C17.6193 7 18.0693 6.55 18.0693 6ZM22.5693 21.9C23.0693 21.66 23.2793 21.07 23.0393 20.57C21.1093 16.52 16.9093 14 12.0693 14C7.22927 14 3.02927 16.52 1.09927 20.57C0.859273 21.07 1.06927 21.67 1.56927 21.9C2.06927 22.14 2.65927 21.93 2.89927 21.43C4.49927 18.08 8.00927 16 12.0593 16C16.1093 16 19.6293 18.08 21.2193 21.43C21.3893 21.79 21.7493 22 22.1193 22C22.2593 22 22.4093 21.97 22.5493 21.9H22.5693Z"/></svg>',"smiley-rate5-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7.00572 7C6.45572 7 6.00572 6.55 6.00572 6V2C6.00572 1.45 6.45572 1 7.00572 1C7.55572 1 8.00572 1.45 8.00572 2V6C8.00572 6.55 7.55572 7 7.00572 7ZM18.0057 6V2C18.0057 1.45 17.5557 1 17.0057 1C16.4557 1 16.0057 1.45 16.0057 2V6C16.0057 6.55 16.4557 7 17.0057 7C17.5557 7 18.0057 6.55 18.0057 6ZM19.9457 21.33C20.1257 20.81 19.8557 20.24 19.3357 20.05C14.5457 18.35 9.45572 18.35 4.66572 20.05C4.14572 20.23 3.87572 20.81 4.05572 21.33C4.23572 21.85 4.80572 22.12 5.33572 21.94C9.69572 20.4 14.3057 20.4 18.6657 21.94C18.7757 21.98 18.8857 22 18.9957 22C19.4057 22 19.7957 21.74 19.9357 21.33H19.9457Z"/></svg>',"smiley-rate6-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 7C6.45 7 6 6.55 6 6V2C6 1.45 6.45 1 7 1C7.55 1 8 1.45 8 2V6C8 6.55 7.55 7 7 7ZM18 6V2C18 1.45 17.55 1 17 1C16.45 1 16 1.45 16 2V6C16 6.55 16.45 7 17 7C17.55 7 18 6.55 18 6ZM21 21C21 20.45 20.55 20 20 20H4C3.45 20 3 20.45 3 21C3 21.55 3.45 22 4 22H20C20.55 22 21 21.55 21 21Z"/></svg>',"smiley-rate7-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2<path d="M12.0022 23.99C11.452 23.99 11.0018 23.5402 11.0018 22.9904C11.0018 22.4407 11.452 21.9909 12.0022 21.9909C16.3137 21.9909 21.0755 19.472 22.0158 13.8344C22.1058 13.2947 22.616 12.9248 23.1662 13.0148C23.7064 13.1047 24.0765 13.6245 23.9865 14.1643C22.8561 20.9513 17.144 24 11.9922 24L12.0022 23.99ZM8.00072 5.99783V1.99957C8.00072 1.4498 7.55056 1 7.00036 1C6.45016 1 6 1.4498 6 1.99957V5.99783C6 6.54759 6.45016 6.99739 7.00036 6.99739C7.55056 6.99739 8.00072 6.54759 8.00072 5.99783ZM18.0043 5.99783V1.99957C18.0043 1.4498 17.5542 1 17.004 1C16.4538 1 16.0036 1.4498 16.0036 1.99957V5.99783C16.0036 6.54759 16.4538 6.99739 17.004 6.99739C17.5542 6.99739 18.0043 6.54759 18.0043 5.99783Z"/></svg>',"smiley-rate8-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.01 24C6.85721 24 1.15412 20.96 0.0134987 14.16C-0.0765501 13.62 0.293651 13.1 0.833944 13.01C1.38424 12.92 1.89452 13.29 1.98457 13.83C2.92508 19.47 7.69767 21.99 12 21.99C16.3023 21.99 21.0749 19.47 22.0154 13.83C22.1055 13.29 22.6158 12.92 23.1661 13.01C23.7063 13.1 24.0765 13.62 23.9865 14.16C22.8559 20.95 17.1428 24 11.99 24H12.01ZM8.00783 6V2C8.00783 1.45 7.55759 1 7.00729 1C6.45699 1 6.00675 1.45 6.00675 2V6C6.00675 6.55 6.45699 7 7.00729 7C7.55759 7 8.00783 6.55 8.00783 6ZM18.0133 6V2C18.0133 1.45 17.563 1 17.0127 1C16.4624 1 16.0122 1.45 16.0122 2V6C16.0122 6.55 16.4624 7 17.0127 7C17.563 7 18.0133 6.55 18.0133 6Z"/></svg>',"smiley-rate9-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.01 24C6.85767 24 1.15509 20.96 0.0145752 14.16C-0.0354475 13.87 0.0445888 13.57 0.234675 13.35C0.424761 13.13 0.704888 13 0.995019 13H23.005C23.2951 13 23.5752 13.13 23.7653 13.35C23.9554 13.57 24.0354 13.87 23.9854 14.16C22.8549 20.95 17.1423 24 11.99 24H12.01ZM2.25559 15C3.61621 19.82 8.0182 22 12.01 22C16.0018 22 20.4038 19.82 21.7644 15H2.25559ZM8.00819 6V2C8.00819 1.45 7.55799 1 7.00774 1C6.45749 1 6.00729 1.45 6.00729 2V6C6.00729 6.55 6.45749 7 7.00774 7C7.55799 7 8.00819 6.55 8.00819 6ZM18.0127 6V2C18.0127 1.45 17.5625 1 17.0123 1C16.462 1 16.0118 1.45 16.0118 2V6C16.0118 6.55 16.462 7 17.0123 7C17.5625 7 18.0127 6.55 18.0127 6Z"/></svg>'};class N extends a.Component{constructor(e){super(e),this.rootRef=a.createRef(),this.model=new s.W9S,this.model.onInnerHeightChanged=e=>{this.props.onInnerHeightChanged&&this.props.onInnerHeightChanged(e)}}componentDidMount(){const e=this.rootRef.current;e&&this.model.setRootElement(e)}componentWillUnmount(){this.model.unsubscribeRootElement(),this.model.setRootElement(void 0)}render(){return this.props.disabled?a.createElement(a.Fragment,null,this.props.children):a.createElement("div",{ref:this.rootRef,className:"sv-scroll__wrapper"},a.createElement("div",{className:"sv-scroll__scroller sv-drag-target-skipped",onScroll:()=>this.model.onScrollContainer()},a.createElement("div",{className:"sv-scroll__container"},this.props.children)),a.createElement("div",{className:"sv-scroll__scrollbar",onScroll:()=>this.model.onScrollScrollbar()},a.createElement("div",{className:"sv-scroll__scrollbar-sizer"})))}}i.Instance.registerElement("svc-scroll",e=>a.createElement(N,e)),(0,s.UhN)("v1",{modernbooleancheckchecked:'<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><polygon points="19,10 14,10 14,5 10,5 10,10 5,10 5,14 10,14 10,19 14,19 14,14 19,14 "/></svg>',modernbooleancheckind:'<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M22,0H2C0.9,0,0,0.9,0,2v20c0,1.1,0.9,2,2,2h20c1.1,0,2-0.9,2-2V2C24,0.9,23.1,0,22,0z M21,18L6,3h15V18z M3,6l15,15H3V6z"/></svg>',modernbooleancheckunchecked:'<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><rect x="5" y="10" width="14" height="4"/></svg>',moderncheck:'<svg viewBox="0 0 24 24"><path d="M5,13l2-2l3,3l7-7l2,2l-9,9L5,13z"/></svg>',modernradio:'<svg viewBox="-12 -12 24 24"><circle r="6" cx="0" cy="0"/></svg>',progressbutton:'<svg viewBox="0 0 10 10"><polygon points="2,2 0,4 5,9 10,4 8,2 5,5 "/></svg>',removefile:'<svg viewBox="0 0 16 16"><path d="M8,2C4.7,2,2,4.7,2,8s2.7,6,6,6s6-2.7,6-6S11.3,2,8,2z M11,10l-1,1L8,9l-2,2l-1-1l2-2L5,6l1-1l2,2l2-2l1,1L9,8 L11,10z"/></svg>',timercircle:'<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 160 160"><circle cx="80" cy="80" r="70" style="stroke:var(--sd-timer-stroke-background-color);stroke-width:var(--sd-timer-stroke-background-width)" stroke-dasharray="none" stroke-dashoffset="none"/><circle cx="80" cy="80" r="70"/></svg>',"add-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 11H17V13H13V17H11V13H7V11H11V7H13V11ZM23 12C23 18.1 18.1 23 12 23C5.9 23 1 18.1 1 12C1 5.9 5.9 1 12 1C18.1 1 23 5.9 23 12ZM21 12C2
21 7 17 3 12 3C7 3 3 7 3 12C3 17 7 21 12 21C17 21 21 17 21 12Z"/></svg>',"arrowleft-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M15 8.99999H4.4L8.7 13.3L7.3 14.7L0.599998 7.99999L7.3 1.29999L8.7 2.69999L4.4 6.99999H15V8.99999Z"/></svg>',"arrowright-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M1 6.99999H11.6L7.3 2.69999L8.7 1.29999L15.4 7.99999L8.7 14.7L7.3 13.3L11.6 8.99999H1V6.99999Z"/></svg>',"camera-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.01 4H18.4C18.2 4 18.01 3.9 17.9 3.73L16.97 2.34C16.41 1.5 15.48 1 14.47 1H9.54C8.53 1 7.6 1.5 7.04 2.34L6.11 3.73C6 3.9 5.81 4 5.61 4H4C2.35 4 1 5.35 1 7V19C1 20.65 2.35 22 4 22H20C21.65 22 23 20.65 23 19V7C23 5.35 21.65 4 20 4H20.01ZM21.01 19C21.01 19.55 20.56 20 20.01 20H4.01C3.46 20 3.01 19.55 3.01 19V7C3.01 6.45 3.46 6 4.01 6H5.62C6.49 6 7.3 5.56 7.79 4.84L8.72 3.45C8.91 3.17 9.22 3 9.55 3H14.48C14.81 3 15.13 3.17 15.31 3.45L16.24 4.84C16.72 5.56 17.54 6 18.41 6H20.02C20.57 6 21.02 6.45 21.02 7V19H21.01ZM12.01 6C8.7 6 6.01 8.69 6.01 12C6.01 15.31 8.7 18 12.01 18C15.32 18 18.01 15.31 18.01 12C18.01 8.69 15.32 6 12.01 6ZM12.01 16C9.8 16 8.01 14.21 8.01 12C8.01 9.79 9.8 8 12.01 8C14.22 8 16.01 9.79 16.01 12C16.01 14.21 14.22 16 12.01 16ZM13.01 10C13.01 10.55 12.56 11 12.01 11C11.46 11 11.01 11.45 11.01 12C11.01 12.55 10.56 13 10.01 13C9.46 13 9.01 12.55 9.01 12C9.01 10.35 10.36 9 12.01 9C12.56 9 13.01 9.45 13.01 10Z"/></svg>',"camera-32x32":'<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M27 6H23.8C23.34 6 22.92 5.77 22.66 5.39L22.25 4.78C21.51 3.66 20.26 3 18.92 3H13.06C11.72 3 10.48 3.67 9.73 4.78L9.32 5.39C9.07 5.77 8.64 6 8.18 6H4.98C2.79 6 1 7.79 1 10V24C1 26.21 2.79 28 5 28H27C29.21 28 31 26.21 31 24V10C31 7.79 29.21 6 27 6ZM29 24C29 25.1 28.1 26 27 26H5C3.9 26 3 25.1 3 24V10C3 8.9 3.9 8 5 8H8.2C9.33 8 10.38 7.44 11 6.5L11.41 5.89C11.78 5.33 12.41 5 13.07 5H18.93C19.6 5 20.22 5.33 20.59 5.89L21 6.5C21.62 7.44 22.68 8 23.8 8H27C28.1 8 29 8.9 29 10V24ZM16 9C12.13 9 9 12.13 9 16C9 19.87 12.13 23 16 23C19.87 23 23 19.87 23 16C23 12.13 19.87 9 16 9ZM16 21C13.24 21 11 18.76 11 16C11 13.24 13.24 11 16 11C18.76 11 21 13.24 21 16C21 18.76 18.76 21 16 21ZM17 13C17 13.55 16.55 14 16 14C14.9 14 14 14.9 14 16C14 16.55 13.55 17 13 17C12.45 17 12 16.55 12 16C12 13.79 13.79 12 16 12C16.55 12 17 12.45 17 13Z"/></svg>',"cancel-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M22.6 8.6L16.4 2.4C16 2 15.5 1.8 15 1.8C14.5 1.8 14 2 13.6 2.4L1.40005 14.6C0.600049 15.4 0.600049 16.6 1.40005 17.4L6.00005 22H12L22.6 11.4C23.3 10.6 23.3 9.3 22.6 8.6ZM11.1 20H6.80005L2.80005 16L6.2000
25 12.6L12.4 18.8L11.1 20ZM13.8 17.4L7.60005 11.2L15 3.8L21.2 10L13.8 17.4ZM16 20H23V22H14L16 20Z"/></svg>',"check-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M5.003 14.413L0.292999 9.70303L1.703 8.29303L5.003 11.583L14.293 2.29303L15.703 3.70303L5.003 14.413Z"/></svg>',"check-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9 20.1L1 12L3.1 9.9L9 15.9L20.9 4L23 6.1L9 20.1Z"/></svg>',"chevrondown-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 15L17 10H7L12 15Z"/></svg>',"chevronright-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M5.64648 12.6465L6.34648 13.3465L11.7465 8.04648L6.34648 2.64648L5.64648 3.34648L10.2465 8.04648L5.64648 12.6465Z"/></svg>',"clear-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M13.35 3.34999L12.65 2.64999L8.05002 7.24999L3.35002 2.64999L2.65002 3.34999L7.25002 8.04999L2.65002 12.65L3.35002 13.35L8.05002 8.74999L12.65 13.35L13.35 12.65L8.75002 8.04999L13.35 3.34999Z"/></svg>',"clear-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M22.6 8.6L16.4 2.4C16 2 15.5 1.8 15 1.8C14.5 1.8 14 2 13.6 2.4L1.40005 14.6C0.600049 15.4 0.600049 16.6 1.40005 17.4L6.00005 22H12L22.6 11.4C23.3 10.6 23.3 9.3 22.6 8.6ZM11.1 20H6.80005L2.80005 16L6.2000
25 12.6L12.4 18.8L11.1 20ZM13.8 17.4L7.60005 11.2L15 3.8L21.2 10L13.8 17.4ZM16 20H23V22H14L16 20Z"/></svg>',"close-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M9.43 8.0025L13.7 3.7225C14.09 3.3325 14.09 2.6925 13.7 2.2925C13.31 1.9025 12.67 1.9025 12.27 2.2925L7.99 6.5725L3.72 2.3025C3.33 1.9025 2.69 1.9025 2.3 2.3025C1.9 2.6925 1.9 3.3325 2.3 3.7225L6.58 8.0025L2.3 12.2825C1.91 12.6725 1.91 13.3125 2.3 13.7125C2.69 14.1025 3.33 14.1025 3.73 13.7125L8.01 9.4325L12.29 13.7125C12.68 14.1025 13.32 14.1025 13.72 13.7125C14.11 13.3225 14.11 12.6825 13.72 12.2825L9.44 8.0025H9.43Z"/></svg>',"close-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13.4101 12L20.7001 4.71C21.0901 4.32 21.0901 3.69 20.7001 3.3C20.3101 2.91 19.6801 2.91 19.2901 3.3L12.0001 10.59L4.71006 3.29C4.32006 2.9 3.68006 2.9 3.29006 3.29C2.90006 3.68 2.90006 4.32 3.29006 4.71L10.5801 12L3.29006 19.29C2.90006 19.68 2.90006 20.31 3.29006 20.7C3.49006 20.9 3.74006 20.99 4.00006 20.99C4.26006 20.99 4.51006 20.89 4.71006 20.7L12.0001 13.41L19.2901 20.7C19.4901 20.9 19.7401 20.99 20.0001 20.99C20.2601 20.99 20.5101 20.89 20.7101 20.7C21.1001 20.31 21.1001 19.68 20.7101 19.29L13.4201 12H13.4101Z"/></svg>',"collapse-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M2 6L3 5L8 10L13 5L14 6L8 12L2 6Z"/></svg>',"collapsedetails-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M13 7H3V9H13V7Z"/></svg>',"delete-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M15 2H14H11V1C11 0.4 10.6 0 10 0H7C6.4 0 6 0.4 6 1V2H3H2V4H3V14C3 15.1 3.9 16 5 16H12C13.1 16 14 15.1 14 14V4H15V2ZM7 1H10V2H7V1ZM12 14H5V4H12V14ZM7 13H6V5H7V13ZM9 13H8V5H9V13ZM11 13H10V5H11V13Z"/></svg>',"delete-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path 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"/></svg>',"drag-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 6C13 4.9 13.9 4 15 4C16.1 4 17 4.9 17 6C17 7.1 16.1 8 15 8C13.9 8 13 7.1 13 6ZM9 4C7.9 4 7 4.9 7 6C7 7.1 7.9 8 9 8C10.1 8 11 7.1 11 6C11 4.9 10.1 4 9 4ZM15 10C13.9 10 13 10.9 13 12C13 13.1 13.9 14 15 14C16.1 14 17 13.1 17 12C17 10.9 16.1 10 15 10ZM9 10C7.9 10 7 10.9 7 12C7 13.1 7.9 14 9 14C10.1 14 11 13.1 11 12C11 10.9 10.1 10 9 10ZM15 16C13.9 16 13 16.9 13 18C13 19.1 13.9 20 15 20C16.1 20 17 19.1 17 18C17 16.9 16.1 16 15 16ZM9 16C7.9 16 7 16.9 7 18C7 19.1 7.9 20 9 20C10.1 20 11 19.1 11 18C11 16.9 10.1 16 9 16Z"/></svg>',"draghorizontal-24x16":'<svg viewBox="0 0 24 16" xmlns="http://www.w3.org/2000/svg"><path d="M18 9C19.1 9 20 9.9 20 11C20 12.1 19.1 13 18 13C16.9 13 16 12.1 16 11C16 9.9 16.9 9 18 9ZM20 5C20 3.9 19.1 3 18 3C16.9 3 16 3.9 16 5C16 6.1 16.9 7 18 7C19.1 7 20 6.1 20 5ZM14 11C14 9.9 13.1 9 12 9C10.9 9 10 9.9 10 11C10 12.1 10.9 13 12 13C13.1 13 14 12.1 14 11ZM14 5C14 3.9 13.1 3 12 3C10.9 3 10 3.9 10 5C10 6.1 10.9 7 12 7C13.1 7 14 6.1 14 5ZM8 11C8 9.9 7.1 9 6 9C4.9 9 4 9.9 4 11C4 12.1 4.9 13 6 13C7.1 13 8 12.1 8 11ZM8 5C8 3.9 7.1 3 6 3C4.9 3 4 3.9 4 5C4 6.1 4.9 7 6 7C7.1 7 8 6.1 8 5Z"/></svg>',"editsmall-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M13.59 4.5884L11.42 2.4184C11.03 2.0284 10.52 1.8284 10.01 1.8284C9.5 1.8284 8.99 2.0284 8.6 2.4184L3.76 7.2384C2.63 8.3684 2 9.8884 2 11.4784V12.9884C2 13.5384 2.45 13.9884 3 13.9884H4.51C6.1 13.9884 7.63 13.3584 8.75 12.2284L13.58 7.3984C14.36 6.6184 14.36 5.3484 13.58 4.5684L13.59 4.5884ZM7.35 10.8284C6.59 11.5884 5.59 11.9984 4.52 11.9984H4.01V11.4884C4.01 10.4184 4.43 9.4184 5.18 8.6584L7.72 6.1184L9.89 8.2884L7.35 10.8284ZM11.3 6.8784L9.13 4.7084L10.01 3.8284L12.18 5.9984L11.3 6.8784Z"/></svg>',"expand-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M6 14L5 13L10 8L5 3L6 2L12 8L6 14Z"/></svg>',"expanddetails-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
2<path d="M13 7H9V3H7V7H3V9H7V13H9V9H13V7Z"/></svg>',"file-72x72":'<svg viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg"><path d="M62.83 12.83L53.17 3.17C52.7982 2.79866 52.357 2.50421 51.8714 2.30346C51.3858 2.1027 50.8654 1.99959 50.34 2H14C12.4087 2 10.8826 2.63214 9.75735 3.75736C8.63214 4.88258 8 6.4087 8 8V64C8 65.5913 8.63214 67.1174 9.75735 68.2426C10.8826 69.3679 12.4087 70 14 70H58C59.5913 70 61.1174 69.3679 62.2426 68.2426C63.3679 67.1174 64 65.5913 64 64V15.66C64.0004 15.1346 63.8973 14.6142 63.6965 14.1286C63.4958 13.643 63.2013 13.2018 62.83 12.83ZM52 4.83L61.17 14H56C54.9391 14 53.9217 13.5786 53.1716 12.8284C52.4214 12.0783 52 11.0609 52 10V4.83ZM62 64C62 65.0609 61.5786 66.0783 60.8284 66.8284C60.0783 67.5786 59.0609 68 58 68H14C12.9391 68 11.9217 67.5786 11.1716 66.8284C10.4214 66.0783 10 65.0609 10 64V8C10 6.93914 10.4214 5.92172 11.1716 5.17157C11.9217 4.42143 12.9391 4 14 4H50V10C50 11.5913 50.6321 13.1174 51.7574 14.2426C52.8826 15.3679 54.4087 16 56 16H62V64ZM22 26H50V28H22V26ZM22 32H50V34H22V32ZM22 38H50V40H22V38ZM22 44H50V46H22V44Z"/></svg>',"flip-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M23 12.0037C23 14.2445 21.7794 16.3052 19.5684 17.8257C19.3984 17.9458 19.1983 18.0058 19.0082 18.0058C18.688 18.0058 18.3779 17.8557 18.1778 17.5756C17.8677 17.1155 17.9777 16.4953 18.4379 16.1852C20.0887 15.0448 21.0091 13.5643 21.0091 12.0138C21.0091 8.70262 16.9673 6.01171 12.005 6.01171C11.4948 6.01171 10.9945 6.04172 10.5043 6.09173L11.7149 7.30215C12.105 7.69228 12.105 8.32249 11.7149 8.71263C11.5148 8.9127 11.2647 9.00273 11.0045 9.00273C10.7444 9.00273 10.4943 8.90269 10.2942 8.71263L6.58254 5.00136L10.2842 1.2901C10.6744 0.899964 11.3047 0.899964 11.6949 1.2901C12.085 1.68023 12.085 2.31045 11.6949 2.70058L10.3042 4.09105C10.8545 4.03103 11.4147 4.00102 11.985 4.00102C18.0578 4.00102 22.99 7.59225 22.99 12.0037H23ZM12.2851 15.2949C11.895 15.685 11.895 16.3152 12.2851 16.7054L13.4957 17.9158C13.0055 17.9758 12.4952 17.9958 11.995 17.9958C7.03274 17.9958 2.99091 15.3049 2.99091 11.9937C2.99091 10.4332 3.90132 8.95271 5.56207 7.82232C6.02228 7.51222 6.13233 6.89201 5.82219 6.43185C5.51205 5.97169 4.89177 5.86166 4.43156 6.17176C2.22055 7.69228 1 9.76299 1 11.9937C1 16.4052 5.93224 19.9965 12.005 19.9965C12.5753 19.9965 13.1355 19.9665 13.6858 19.9064L12.2951 21.2969C11.905 21.6871 11.905 22.3173 12.2951 22.7074C12.4952 22.9075 12.7453 22.9975 13.0055 22.9975C13.2656 22.9975 13.5157 22.8975 13.7158 22.7074L17.4275 18.9961L13.7158 15.2849C13.3256 14.8947 12.6953 14.8947 12.3051 15.2849L12.2851 15.2949Z"/></svg>',"folder-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21.93 9H21V7C21 6.46957 20.7893 5.96086 20.4142 5.58579C20.0391 5.21071 19.5304 5 19 5H10L8 3H4C3.46957 3 2.96086 3.21071 2.58579 3.58579C2.21071 3.96086 2 4.46957 2 5L2 21H21L23.89 11.63C23.9916 11.3244 24.0179 10.9988 23.9667 10.6809C23.9155 10.363 23.7882 10.0621 23.5958 9.80392C23.4034 9.54571 23.1514 9.33779 22.8614 9.19782C22.5714 9.05786 22.2519 8.99 21.93 9ZM4 5H7.17L8.59 6.41L9.17 7H19V9H6L4 15V5ZM22 11L19.54 19H4.77L7.44 11H22Z"/></svg>',"fullsize-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M12 13H4C2.9 13 2 12.1 2 11V5C2 3.9 2.9 3 4 3H12C13.1 3 14 3.9 14 5V11C14 12.1 13.1 13 12 13ZM4 5V11H12V5H4Z"/></svg>',"image-48x48":'<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><path d="M36 8H12C9.79 8 8 9.79 8 12V36C8 38.21 9.79 40 12 40H36C38.21 40 40 38.21 40 36V12C40 9.79 38.21 8 36 8ZM38 36C38 37.1 37.1 38 36 38H12C10.9 38 10 37.1 10 36V12C10 10.9 10.9 10 12 10H36C37.1 10 38 10.9 38 12V36ZM14 17C14 15.34 15.34 14 17 14C18.66 14 20 15.34 20 17C20 18.66 18.66 20 17 20C15.34 20 14 18.66 14 17ZM27 24L36 36H12L19 27L23 29L27 24Z"/></svg>',"loading-48x48":'<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_19679_369428)"><path opacity="0.1" d="M24 40C15.18 40 8 32.82 8 24C8 15.18 15.18 8 24 8C32.82 8 40 15.18 40 24C40 32.82 32.82 40 24 40ZM24 12C17.38 12 12 17.38 12 24C12 30.62 17.38 36 24 36C30.62 36 36 30.62 36 24C36 17.38 30.62 12 24 12Z" fill="black" fill-opacity="0.91"/>
2<path d="M10 26C8.9 26 8 25.1 8 24C8 15.18 15.18 8 24 8C25.1 8 26 8.9 26 10C26 11.1 25.1 12 24 12C17.38 12 12 17.38 12 24C12 25.1 11.1 26 10 26Z"/></g><defs><clipPath id="clip0_19679_369428"><rect width="32" height="32" fill="white" transform="translate(8 8)"/></clipPath></defs></svg>',"maximize-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M6.71 10.71L4.42 13H6.01C6.56 13 7.01 13.45 7.01 14C7.01 14.55 6.56 15 6.01 15H2C1.45 15 1 14.55 1 14V10C1 9.45 1.45 9 2 9C2.55 9 3 9.45 3 10V11.59L5.29 9.3C5.68 8.91 6.31 8.91 6.7 9.3C7.09 9.69 7.09 10.32 6.7 10.71H6.71ZM14 1H10C9.45 1 9 1.45 9 2C9 2.55 9.45 3 10 3H11.59L9.3 5.29C8.91 5.68 8.91 6.31 9.3 6.7C9.5 6.9 9.75 6.99 10.01 6.99C10.27 6.99 10.52 6.89 10.72 6.7L13.01 4.41V6C13.01 6.55 13.46 7 14.01 7C14.56 7 15.01 6.55 15.01 6V2C15.01 1.45 14.56 1 14.01 1H14Z"/></svg>',"minimize-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M13 9H3C2.45 9 2 8.55 2 8C2 7.45 2.45 7 3 7H13C13.55 7 14 7.45 14 8C14 8.55 13.55 9 13 9Z"/></svg>',"more-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 12C6 13.1 5.1 14 4 14C2.9 14 2 13.1 2 12C2 10.9 2.9 10 4 10C5.1 10 6 10.9 6 12ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10ZM20 10C18.9 10 18 10.9 18 12C18 13.1 18.9 14 20 14C21.1 14 22 13.1 22 12C22 10.9 21.1 10 20 10Z"/></svg>',"navmenu-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M16 7H2V5H16V7ZM2 11V13H22V11H2ZM2 19H10V17H2V19Z"/></svg>',"noimage-48x48":'<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.01C14 16.4167 14.1759 15.8366 14.5056 15.3433C14.8352 14.8499 15.3038 14.4654 15.8519 14.2384C16.4001 14.0113 17.0033 13.9519 17.5853 14.0676C18.1672 14.1834 18.7018 14.4691 19.1213 14.8887C19.5409 15.3082 19.8266 15.8428 19.9424 16.4247C20.0581 17.0067 19.9987 17.6099 19.7716 18.1581C19.5446 18.7062 19.1601 19.1748 18.6667 19.5044C18.1734 19.8341 17.5933 20.01 17 20.01C16.2044 20.01 15.4413 19.6939 14.8787 19.1313C14.3161 18.5687 14 17.8056 14 17.01ZM27.09 24.14L20 36.01H36L27.09 24.14ZM36.72 8.14L35.57 10.01H36C36.5304 10.01 37.0391 10.2207 37.4142 10.5958C37.7893 10.9709 38 11.4796 38 12.01V36.01C38 36.5404 37.7893 37.0491 37.4142 37.4242C37.0391 37.7993 36.5304 38.01 36 38.01H18.77L17.57 40.01H36C37.0609 40.01 38.0783 39.5886 38.8284 38.8384C39.5786 38.0883 40 37.0709 40 36.01V12.01C39.9966 11.0765 39.6668 10.1737 39.0678 9.45778C38.4688 8.74188 37.6382 8.25802 36.72 8.09V8.14ZM36.86 4.5L12.86 44.5L11.14 43.5L13.23 40.01H12C10.9391 40.01 9.92172 39.5886 9.17157 38.8384C8.42143 38.0883 8 37.0709 8 36.01V12.01C8 10.9491 8.42143 9.93172 9.17157 9.18157C9.92172 8.43143 10.9391 8.01 12 8.01H32.43L35.14 3.5L36.86 4.5ZM14.43 38.01L15.63 36.01H12L19 27.01L20.56 27.8L31.23 10.01H12C11.4696 10.01 10.9609 10.2207 10.5858 10.5958C10.2107 10.9709 10 11.4796 10 12.01V36.01C10 36.5404 10.2107 37.0491 10.5858 37.4242C10.9609 37.7993 11.4696 38.01 12 38.01H14.43Z"/></svg>',"ranking-arrows":'<svg viewBox="0 0 10 24" xmlns="http://www.w3.org/2000/svg"><path d="M10 5L5 0L0 5H4V9H6V5H10Z"/><path d="M6 19V15H4V19H0L5 24L10 19H6Z"/></svg>',"rankingundefined-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M13 7H3V9H13V7Z"/></svg>',"rating-star-2":'<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><path d="M24 39.5057L11.7226 45.9839C10.4095 46.6739 8.87606 45.5622 9.12525 44.096L11.4734 30.373L1.54411 20.6556C0.480254 19.6207 1.06489 17.8095 2.53128 17.5986L16.2559 15.5957L22.3994 3.10891C23.0512 1.77685 24.9488 1.77685 25.
26102 3.10891L31.7441 15.5957L45.4687 17.5986C46.9351 17.8095 47.5197 19.6207 46.4559 20.6556L36.5266 30.373L38.8748 44.096C39.1239 45.5622 37.5905 46.6835 36.2774 45.9839L24 39.5057Z" fill="none" stroke-width="2"/><path d="M24.3981 33.1305L24 32.9206L23.6019 33.1305L15.8715 37.2059L17.3542 28.5663L17.43 28.1246L17.1095 27.8113L10.83 21.6746L19.4965 20.4049L19.9405 20.3399L20.1387 19.9373L24 12.0936L27.8613 19.9373L28.0595 20.3399L28.5035 20.4049L37.17 21.6746L30.8905 27.8113L30.57 28.1246L30.6458 28.5663L32.1285 37.2059L24.3981 33.1305Z" stroke-width="1.70746"/></svg>',"rating-star-small-2":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 19.3373L6.13001 22.4373C5.50001 22.7673 4.77001 22.2373 4.89001 21.5373L6.01001 14.9773L1.26001 10.3273C0.750007 9.83728 1.03001 8.96728 1.73001 8.86728L8.29001 7.90728L11.23 1.93728C11.54 1.29728 12.45 1.29728 12.77 1.93728L15.7 7.90728L22.26 8.86728C22.96 8.96728 23.24 9.83728 22.73 10.3273L17.98 14.9773L19.1 21.5373C19.22 22.2373 18.49 22.7773 17.86 22.4373L11.99 19.3373H12Z" fill="none" stroke-width="2"/><path d="M12 15.9472L8.58001 17.7572L9.23001 13.9272L6.45001 11.2072L10.29 10.6472L12 7.17725L13.71 10.6472L17.55 11.2072L14.77 13.9272L15.42 17.7572L12 15.9472Z"/></svg>',"rating-star-small":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g><path d="M12 19.3373L6.13001 22.4373C5.50001 22.7673 4.77001 22.2373 4.89001 21.5373L6.01001 14.9773L1.26001 10.3273C0.750007 9.83728 1.03001 8.96728 1.73001 8.86728L8.29001 7.90728L11.23 1.93728C11.54 1.29728 12.45 1.29728 12.77 1.93728L15.7 7.90728L22.26 8.86728C22.96 8.96728 23.24 9.83728 22.73 10.3273L17.98 14.9773L19.1 21.5373C19.22 22.2373 18.49 22.7773 17.86 22.4373L11.99 19.3373H12Z"/></g></svg>',"rating-star":'<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g><path d="M24 39.5057L11.7226 45.9839C10.4095 46.6739 8.87606 45.5622 9.12525 44.096L11.4734 30.373L1.54411 20.6556C0.480254 19.6207 1.06489 17.8095 2.53128 17.5986L16.2559 15.5957L22.3994 3.10891C23.0512 1.77685 24.9488 1.77685 25.
26102 3.10891L31.7441 15.5957L45.4687 17.5986C46.9351 17.8095 47.5197 19.6207 46.4559 20.6556L36.5266 30.373L38.8748 44.096C39.1239 45.5622 37.5905 46.6835 36.2774 45.9839L24 39.5057Z"/></g></svg>',"reorder-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 5L12 0L7 5H11V9H13V5H17Z"/><path d="M13 19V15H11V19H7L12 24L17 19H13Z"/></svg>',"restoredown-16x16":'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M15 6C15 6.55 14.55 7 14 7H10C9.45 7 9 6.55 9 6V2C9 1.45 9.45 1 10 1C10.55 1 11 1.45 11 2V3.59L13.29 1.29C13.49 1.09 13.74 1 14 1C14.26 1 14.51 1.1 14.71 1.29C15.1 1.68 15.1 2.31 14.71 2.7L12.42 4.99H14.01C14.56 4.99 15.01 5.44 15.01 5.99L15 6ZM6 9H2C1.45 9 0.999998 9.45 0.999998 10C0.999998 10.55 1.45 11 2 11H3.59L1.29 13.29C0.899998 13.68 0.899998 14.31 1.29 14.7C1.68 15.09 2.31 15.09 2.7 14.7L4.99 12.41V14C4.99 14.55 5.44 15 5.99 15C6.54 15 6.99 14.55 6.99 14V10C6.99 9.45 6.54 9 5.99 9H6Z"/></svg>',"search-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14 2C9.6 2 6 5.6 6 10C6 11.8 6.6 13.5 7.7 14.9L2.3 20.3C1.9 20.7 1.9 21.3 2.3 21.7C2.5 21.9 2.7 22 3 22C3.3 22 3.5 21.9 3.7 21.7L9.1 16.3C10.5 17.4 12.2 18 14 18C18.4 18 22 14.4 22 10C22 5.6 18.4 2 14 2ZM14 16C10.7 16 8 13.3 8 10C8 6.7 10.7 4 14 4C17.3 4 20 6.7 20 10C20 13.3 17.3 16 14 16Z"/></svg>',"smiley-rate1-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4 4.9938C4 4.44362 4.45 3.99348 5 3.99348H6.59L5.3 2.70306C4.91 2.31293 4.91 1.68272 5.3 1.2926C5.69 0.902468 6.32 0.902468 6.71 1.2926L9.71 4.29357C9.8 4.3836 9.88 4.49364 9.93 4.62368C10.03 4.86376 10.03 5.14385 9.93 5.38393C9.88 5.50397 9.81 5.614 9.71 5.71404L6.71 8.71501C6.51 8.91508 6.26 9.00511 6 9.00511C5.74 9.00511 5.49 8.90508 5.29 8.71501C4.9 8.32489 4.9 7.69468 5.29 7.30456L6.58 6.01413H4.99C4.44 6.01413 3.99 5.56399 3.99 5.01381L4 4.9938ZM14.08 5.37393C14.13 5.49397 14.2 5.604 14.3 5.70403L17.3 8.70501C17.5 8.90508 17.75 8.99511 18.01 8.99511C18.27 8.99511 18.52 8.89507 18.72 8.70501C19.11 8.31488 19.11 7.68468 18.72 7.29455L17.43 6.00413H19.02C19.57 6.00413 20.02 5.55399 20.02 5.00381C20.02 4.45363 19.57 4.00348 19.02 4.00348H17.43L18.72 2.71306C19.11 2.32293 19.11 1.69273 18.72 1.3026C18.33 0.912471 17.7 0.912471 17.31 1.3026L14.31 4.30358C14.22 4.39361 14.14 4.50364 14.09 4.63368C13.99 4.87376 13.99 5.15385 14.09 5.39393L14.08 5.37393ZM22 14.9971V20.999C22 22.6496 20.65 24 19 24H5C3.35 24 2 22.6496 2 20.999V14.9971C2 13.3465 3.35 11.9961 5 11.9961H19C20.65 11.9961 22 13.3465 22 14.9971ZM19 13.9967H16V16.9977H20V14.9971C20 14.4469 19.55 13.9967 19 13.9967ZM14 16.9977V13.9967H10V16.9977H14ZM10 18.9984V21.9993H14V18.9984H10ZM4 14.9971V16.9977H8V13.9967H5C4.45 13.9967 4 14.4469 4 14.9971ZM5 21.9993H8V18.9984H4V20.999C4 21.5492 4.45 21.9993 5 21.9993ZM20 20.999V18.9984H16V21.9993H19C19.55 21.9993 20 21.5492 20 20.999Z"/></svg>',"smiley-rate10-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.01 23C6.85721 23 1.15412 19.9621 0.0134987 13.1669C-0.0765501 12.6272 0.293651 12.1076 0.833944 12.0177C1.38424 11.9277 1.89452 12.2975 1.98457 12.8371C2.92508 18.4732 7.69767 20.9914 12 20.9914C16.3023 20.9914 21.0749 18.4732 22.0154 12.8371C22.1055 12.2975 22.6158 11.9277 23.1661 12.0177C23.7063 12.1076 24.0765 12.6272 23.9865 13.1669C22.8559 19.9521 17.1428 23 11.99 23H12.01ZM21.165 6.15177C22.3056 5.01257 22.3056 3.16386 21.165 2.02465L21.0049 1.85477C19.9143 0.765533 18.1633 0.725561 17.0227 1.71487C15.8821 0.715568 14.1312 0.765533 13.0406 1.85477L12.8705 2.01466C11.7299 3.15386 11.7299 5.00257 12.8705 6.14178L17.0227 10.2889L21.175 6.14178L21.165 6.15177ZM15.742 3.27378L17.0127 4.54289L18.2834 3.27378C18.6436 2.91403 19.2239 2.91403 19.5841 3.27378L19.7442 3.43367C20.1044 3.79342 20.1044 4.37301 19.7442 4.73276L17.0127 7.46086L14.2812 4.73276C13.921 4.37301 13.921 3.79342 14.2812 3.43367L14.4413 3.27378C14.6214 3.09391 14.8515 3.00397 15.0917 3.00397C15.3318 3.00397 15.5619 3.09391 15.742 3.27378ZM11.1595 6.15177C12.3002 5.01257 12.3002 3.16386 11.1595 2.02465L10.9995 1.85477C9.90886 0.765533 8.15792 0.725561 7.0173 1.71487C5.87668 0.715568 4.12573 0.765533 3.03514 1.85477L2.86505 2.01466C1.72443 3.15386 1.72443 5.00257 2.86505 6.14178L7.0173 10.2889L11.1695 6.14178L11.1595 6.15177ZM5.7366 3.27378L7.00729 4.54289L8.27798 3.27378C8.63818 2.91403 9.21849 2.91403 9.57869 3.27378L9.73877 3.43367C10.099 3.79342 10.099 4.37301 9.73877 4.73276L7.00729 7.46086L4.27581 4.73276C3.91562 4.37301 3.91562 3.79342 4.27581 3.43367L4.4359 3.27378C4.61599 3.09391 4.84612 3.00397 5.08625 3.00397C5.32638 3.00397 5.5565 3.09391 5.7366 3.27378Z"/></svg>
2',"smiley-rate2-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_15894_140103)"><path d="M4.88291 4.51001C4.47291 4.51001 4.08291 4.25001 3.94291 3.84001C3.76291 3.32001 4.03291 2.75001 4.55291 2.57001L8.32291 1.25001C8.84291 1.06001 9.41291 1.34001 9.59291 1.86001C9.77291 2.38001 9.50291 2.95001 8.98291 3.13001L5.20291 4.45001C5.09291 4.49001 4.98291 4.51001 4.87291 4.51001H4.88291ZM19.8129 3.89001C20.0229 3.38001 19.7729 2.79001 19.2629 2.59001L15.5529 1.07001C15.0429 0.860007 14.4529 1.11001 14.2529 1.62001C14.0429 2.13001 14.2929 2.72001 14.8029 2.92001L18.5029 4.43001C18.6229 4.48001 18.7529 4.50001 18.8829 4.50001C19.2729 4.50001 19.6529 4.27001 19.8129 3.88001V3.89001ZM3.50291 6.00001C2.64291 6.37001 1.79291 6.88001 1.00291 7.48001C0.79291 7.64001 0.64291 7.87001 0.59291 8.14001C0.48291 8.73001 0.87291 9.29001 1.45291 9.40001C2.04291 9.51001 2.60291 9.12001 2.71291 8.54001C2.87291 7.69001 3.12291 6.83001 3.50291 5.99001V6.00001ZM21.0429 8.55001C21.6029 10.48 24.2429 8.84001 22.7529 7.48001C21.9629 6.88001 21.1129 6.37001 20.2529 6.00001C20.6329 6.84001 20.8829 7.70001 21.0429 8.55001ZM21.5729 13.2C21.2529 14.2 22.5429 15.09 23.3629 14.39C23.8529 14 23.9229 13.29 23.5429 12.81C21.7429 10.67 22.1329 10.55 21.5829 13.2H21.5729ZM1.75291 11C1.22291 11.79 -0.14709 12.64 0.0129102 13.75C0.15291 14.36 0.75291 14.74 1.35291 14.6C2.98291 14.1 1.80291 12.22 1.75291 11ZM19.8829 17C19.8829 13.14 16.2929 10 11.8829 10C7.47291 10 3.88291 13.14 3.88291 17C3.88291 20.86 7.47291 24 11.8829 24C16.2929 24 19.8829 20.86 19.8829 17ZM17.8829 17C17.8829 19.76 15.1929 22 11.8829 22C8.57291 22 5.88291 19.76 5.88291 17C5.88291 14.24 8.57291 12 11.8829 12C15.1929 12 17.8829 14.24 17.8829 17Z"/></g><defs><clipPath id="clip0_15894_140103"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>',"smiley-rate3-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7.01915 7C6.46961 7 6.01998 6.55 6.01998 6V2C6.01998 1.45 6.46961 1 7.01915 1C7.56869 1 8.01832 1.45 8.01832 2V6C8.01832 6.55 7.56869 7 7.01915 7ZM18.01 6V2C18.01 1.45 17.5604 1 17.0108 1C16.4613 1 16.0117 1.45 16.0117 2V6C16.0117 6.55 16.4613 7 17.0108 7C17.5604 7 18.01 6.55 18.01 6ZM16.4213 21.58L18.01 19.99L19.2989 21.28C19.6886 21.67 20.3181 21.67 20.7077 21.28C21.0974 20.89 21.0974 20.26 20.7077 19.87L19.4188 18.58C18.6395 17.8 17.3705 17.8 16.5912 18.58L15.0025 20.17L13.4138 18.58C12.6345 17.8 11.3655 17.8 10.5862 18.58L8.9975 20.17L7.40883 18.58C6.62948 17.8 5.36053 17.8 4.58118 18.58L3.29226 19.87C2.90258 20.26 2.90258 20.89 3.29226 21.28C3.68193 21.67 4.31141 21.67 4.70108 21.28L5.99001 19.99L7.57868 21.58C8.35803 22.36 9.62698 22.36 10.4063 21.58L11.995 19.99L13.5837 21.58C13.9734 21.97 14.4829 22.16 14.9925 22.16C15.5021 22.16 16.0117 21.97 16.4013 21.58H16.4213Z"/></svg>',"smiley-rate4-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7.06927 7C6.51927 7 6.06927 6.55 6.06927 6V2C6.06927 1.45 6.51927 1 7.06927 1C7.61927 1 8.06927 1.45 8.06927 2V6C8.06927 6.55 7.61927 7 7.06927 7ZM18.0693 6V2C18.0693 1.45 17.6193 1 17.0693 1C16.5193 1 16.0693 1.45 16.0693 2V6C16.0693 6.55 16.5193 7 17.0693 7C17.6193 7 18.0693 6.55 18.0693 6ZM22.5693 21.9C23.0693 21.66 23.2793 21.07 23.0393 20.57C21.1093 16.52 16.9093 14 12.0693 14C7.22927 14 3.02927 16.52 1.09927 20.57C0.859273 21.07 1.06927 21.67 1.56927 21.9C2.06927 22.14 2.65927 21.93 2.89927 21.43C4.49927 18.08 8.00927 16 12.0593 16C16.1093 16 19.6293 18.08 21.2193 21.43C21.3893 21.79 21.7493 22 22.1193 22C22.2593 22 22.4093 21.97 22.5493 21.9H22.5693Z"/></svg>',"smiley-rate5-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7.00572 7C6.45572 7 6.00572 6.55 6.00572 6V2C6.00572 1.45 6.45572 1 7.00572 1C7.55572 1 8.00572 1.45 8.00572 2V6C8.00572 6.55 7.55572 7 7.00572 7ZM18.0057 6V2C18.0057 1.45 17.5557 1 17.0057 1C16.4557 1 16.0057 1.45 16.0057 2V6C16.0057 6.55 16.4557 7 17.0057 7C17.5557 7 18.0057 6.55 18.0057 6ZM19.9457 21.33C20.1257 20.81 19.8557 20.24 19.3357 20.05C14.5457 18.35 9.45572 18.35 4.66572 20.05C4.14572 20.23 3.87572 20.81 4.05572 21.33C4.23572 21.85 4.80572 22.12 5.33572 21.94C9.69572 20.4 14.3057 20.4 18.6657 21.94C18.7757 21.98 18.8857 22 18.9957 22C19.4057 22 19.7957 21.74 19.9357 21.33H19.9457Z"/></svg>',"smiley-rate6-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 7C6.45 7 6 6.55 6 6V2C6 1.45 6.45 1 7 1C7.55 1 8 1.45 8 2V6C8 6.55 7.55 7 7 7ZM18 6V2C18 1.45 17.55 1 17 1C16.45 1 16 1.45 16 2V6C16 6.55 16.45 7 17 7C17.55 7 18 6.55 18 6ZM21 21C21 20.45 20.55 20 20 20H4C3.45 20 3 20.45 3 21C3 21.55 3.45 22 4 22H20C20.55 22 21 21.55 21 21Z"/></svg>',"smiley-rate7-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2<path d="M12.0022 23.99C11.452 23.99 11.0018 23.5402 11.0018 22.9904C11.0018 22.4407 11.452 21.9909 12.0022 21.9909C16.3137 21.9909 21.0755 19.472 22.0158 13.8344C22.1058 13.2947 22.616 12.9248 23.1662 13.0148C23.7064 13.1047 24.0765 13.6245 23.9865 14.1643C22.8561 20.9513 17.144 24 11.9922 24L12.0022 23.99ZM8.00072 5.99783V1.99957C8.00072 1.4498 7.55056 1 7.00036 1C6.45016 1 6 1.4498 6 1.99957V5.99783C6 6.54759 6.45016 6.99739 7.00036 6.99739C7.55056 6.99739 8.00072 6.54759 8.00072 5.99783ZM18.0043 5.99783V1.99957C18.0043 1.4498 17.5542 1 17.004 1C16.4538 1 16.0036 1.4498 16.0036 1.99957V5.99783C16.0036 6.54759 16.4538 6.99739 17.004 6.99739C17.5542 6.99739 18.0043 6.54759 18.0043 5.99783Z"/></svg>',"smiley-rate8-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.01 24C6.85721 24 1.15412 20.96 0.0134987 14.16C-0.0765501 13.62 0.293651 13.1 0.833944 13.01C1.38424 12.92 1.89452 13.29 1.98457 13.83C2.92508 19.47 7.69767 21.99 12 21.99C16.3023 21.99 21.0749 19.47 22.0154 13.83C22.1055 13.29 22.6158 12.92 23.1661 13.01C23.7063 13.1 24.0765 13.62 23.9865 14.16C22.8559 20.95 17.1428 24 11.99 24H12.01ZM8.00783 6V2C8.00783 1.45 7.55759 1 7.00729 1C6.45699 1 6.00675 1.45 6.00675 2V6C6.00675 6.55 6.45699 7 7.00729 7C7.55759 7 8.00783 6.55 8.00783 6ZM18.0133 6V2C18.0133 1.45 17.563 1 17.0127 1C16.4624 1 16.0122 1.45 16.0122 2V6C16.0122 6.55 16.4624 7 17.0127 7C17.563 7 18.0133 6.55 18.0133 6Z"/></svg>',"smiley-rate9-24x24":'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.01 24C6.85767 24 1.15509 20.96 0.0145752 14.16C-0.0354475 13.87 0.0445888 13.57 0.234675 13.35C0.424761 13.13 0.704888 13 0.995019 13H23.005C23.2951 13 23.5752 13.13 23.7653 13.35C23.9554 13.57 24.0354 13.87 23.9854 14.16C22.8549 20.95 17.1423 24 11.99 24H12.01ZM2.25559 15C3.61621 19.82 8.0182 22 12.01 22C16.0018 22 20.4038 19.82 21.7644 15H2.25559ZM8.00819 6V2C8.00819 1.45 7.55799 1 7.00774 1C6.45749 1 6.00729 1.45 6.00729 2V6C6.00729 6.55 6.45749 7 7.00774 7C7.55799 7 8.00819 6.55 8.00819 6ZM18.0127 6V2C18.0127 1.45 17.5625 1 17.0123 1C16.462 1 16.0118 1.45 16.0118 2V6C16.0118 6.55 16.462 7 17.0123 7C17.5625 7 18.0127 6.55 18.0127 6Z"/></svg>'}),(0,s.UhN)("v2",S),s.UeC.registerIcons(S);class R extends l{constructor(e){super(e),this.previousJSON={},this.isSurveyUpdated=!1,this.createSurvey(e),this.updateSurvey(e,{}),this.rootRef=a.createRef(),this.rootNodeId=e.id||null,this.rootNodeClassName=e.className||""}getStateElement(){return this.survey}onSurveyUpdated(){if(this.survey){const e=this.rootRef.current;e&&this.survey.afterRenderSurvey(e),this.survey.startTimerFromUI(),this.setSurveyEvents()}}shouldComponentUpdate(e,n){return!!super.shouldComponentUpdate(e,n)&&(this.isModelJSONChanged(e)&&(this.destroySurvey(),this.createSurvey(e),this.updateSurvey(e,{}),this.isSurveyUpdated=!0),!0)}componentDidUpdate(e,n){super.componentDidUpdate(e,n),this.updateSurvey(this.props,e),this.isSurveyUpdated&&(this.onSurveyUpdated(),this.isSurveyUpdated=!1)}componentDidMount(){super.componentDidMount(),this.onSurveyUpdated()}destroySurvey(){this.survey&&(this.survey.renderCallback=void 0,this.survey.onPartialSend.clear(),this.survey.stopTimer(),this.survey.destroyResizeObserver())}componentWillUnmount(){super.componentWillUnmount(),this.destroySurvey()}doRender(){let e;e="completed"==this.survey.state?this.renderCompleted():"completedbefore"==this.survey.state?this.renderCompletedBefore():"loading"==this.survey.state?this.renderLoading():"empty"==this.survey.state?this.renderEmptySurvey():this.renderSurvey();const n=this.survey.backgroundImage?a.createElement("div",{className:this.css.rootBackgroundImage,style:this.survey.backgroundImageStyle}):null,t="basic"===this.survey.headerView?a.createElement(k,{survey:this.survey}):null;let s=a.createElement("div",{className:"sv_custom_header"});this.survey.hasLogo&&(s=null);const r=this.survey.getRootCss(),i=this.rootNodeClassName?this.rootNodeClassName+" "+r:r;return a.createElement("div",{id:this.rootNodeId,ref:this.rootRef,className:i,style:this.survey.themeVariables,lang:this.survey.locale||"en",dir:this.survey.localeDir},a.createElement(N,{disabled:this.survey.rootScrollDisabled},this.survey.needRenderIcons?a.createElement(M,null):null,a.createElement(z,null),a.createElement("div",{className:this.survey.wrapperFormCss},n,a.createElement("form",{onSubmit:function(e){e.preventDefault()}},a.createElement(N,{disabled:this.survey.formScrollDisabled},s,a.createElement("div",{className:this.css.container},t,a.createElement(I,{survey:this.survey,container:"header",needRenderWrapper:!1}),e,a.createElement(I,{survey:this.survey,container:"footer",needRenderWrapper:!1})))),a.createElement(L,{notifier:this.survey.notifier}))))}renderElement(){return this.doRender()}get css(){return this.survey.css}set css(e){this.survey.css=e}renderCompleted(){if(!this.survey.showCompletedPage)return null;var e={__html:this.survey.processedCompletedHtml};return a.createElement(a.Fragment,null,a.createElement("div",{dangerouslySetInnerHTML:e,className:this.survey.completedCss}),a.createElement(I,{survey:this.survey,container:"completePage",needRenderWrapper:!1}))}renderCompletedBefore(){var e={__html:this.survey.processedCompletedBeforeHtml};return a.createElement("div",{dangerouslySetInnerHTML:e,className:this.survey.completedBeforeCss})}
2renderLoading(){var e={__html:this.survey.processedLoadingHtml};return a.createElement("div",{dangerouslySetInnerHTML:e,className:this.survey.loadingBodyCss})}renderSurvey(){var e=this.survey.activePage?this.renderPage(this.survey.activePage):null;this.survey.isShowStartingPage;var n=this.survey.activePage?this.survey.activePage.id:"";let t=this.survey.bodyCss;const s={};return this.survey.renderedWidth&&(s.maxWidth=this.survey.renderedWidth),a.createElement("div",{className:this.survey.bodyContainerCss},a.createElement(I,{survey:this.survey,container:"left"}),a.createElement("div",{className:"sv-components-column sv-components-column--expandable"},a.createElement(I,{survey:this.survey,container:"center"}),a.createElement("div",{id:n,className:t,style:s},a.createElement(I,{survey:this.survey,container:"contentTop"}),e,a.createElement(I,{survey:this.survey,container:"contentBottom"}),this.survey.showBrandInfo?a.createElement(E,null):null)),a.createElement(I,{survey:this.survey,container:"right"}))}renderPage(e){return i.Instance.createElement(this.survey.pageComponent||"sv-page",{survey:this.survey,page:e,css:this.css,creator:this})}renderEmptySurvey(){return a.createElement("div",{className:this.css.bodyEmpty},this.survey.emptySurveyText)}createSurvey(e){e||(e={}),this.previousJSON={},e?e.model?this.survey=e.model:e.json&&(this.previousJSON=e.json,this.survey=new s.i_6(e.json)):this.survey=new s.i_6,e.css&&(this.survey.css=this.css)}isModelJSONChanged(e){return e.model?this.survey!==e.model:!!e.json&&!s.M0V.isTwoValueEquals(e.json,this.previousJSON)}updateSurvey(e,n){if(e)for(var t in n=n||{},e)"model"!=t&&"children"!=t&&"json"!=t&&("css"!=t?e[t]!==n[t]&&(0==t.indexOf("on")&&this.survey[t]&&this.survey[t].add?(n[t]&&this.survey[t].remove(n[t]),this.survey[t].add(e[t])):this.survey[t]=e[t]):(this.survey.mergeValues(e.css,this.survey.getCss()),this.survey.updateNavigationCss(),this.survey.updateElementCss()))}setSurveyEvents(){var e=this;this.survey.renderCallback=function(){var n=e.state&&e.state.modelChanged?e.state.modelChanged:0;e.setState({modelChanged:n+1})},this.survey.onPartialSend.add(n=>{e.state&&e.setState(e.state)})}createQuestionElement(e){return q.Instance.createQuestion(e.isDefaultRendering()?e.getTemplate():e.getComponentName(),{question:e,isDisplayMode:e.isInputReadOnly,creator:this})}renderError(e,n,t,s){return i.Instance.createElement(this.survey.questionErrorComponent,{key:e,error:n,cssClasses:t,element:s})}questionTitleLocation(){return this.survey.questionTitleLocation}questionErrorLocation(){return this.survey.questionErrorLocation}}function H(e,n,t={processEsc:!0,disableTabStop:!1}){let r={};return n&&n.disableTabStop||t&&t.disableTabStop?r={tabIndex:-1}:(t=Object.assign({},t),r={tabIndex:0,onKeyUp:e=>{e.preventDefault(),e.stopPropagation(),(0,s.iCy)(e,t)},onKeyDown:e=>(0,s.B2n)(e,t),onBlur:e=>(0,s.opu)(e)}),r.onPointerUp=e=>{if("pen"===e.pointerType){e.preventDefault(),e.stopPropagation();const n=e.target;(null==n?void 0:n.click)&&n.click()}},a.cloneElement(e,r)}i.Instance.registerElement("survey",e=>a.createElement(R,e));class B extends l{constructor(e){super(e),this.updateStateFunction=null,this.state={update:0}}get survey(){return this.props.survey}get css(){return this.props.css||this.survey.css}componentDidMount(){if(this.survey){var e=this;this.updateStateFunction=function(){e.setState({update:e.state.update+1})},this.survey.onPageVisibleChanged.add(this.updateStateFunction)}}componentWillUnmount(){this.survey&&this.updateStateFunction&&(this.survey.onPageVisibleChanged.remove(this.updateStateFunction),this.updateStateFunction=null)}}class V extends d{constructor(e){super(e),this.circleLength=440}getStateElement(){return this.timerModel}get timerModel(){return this.props.model}get progress(){return-this.timerModel.progress*this.circleLength}render(){if(!this.timerModel.isRunning)return null;let e=a.createElement("div",{className:this.timerModel.survey.getCss().timerRoot},this.timerModel.text);if(this.timerModel.showTimerAsClock){let n={strokeDasharray:this.circleLength,strokeDashoffset:this.progress};const t=this.timerModel.showProgress?a.createElement(u,{className:this.timerModel.getProgressCss(),style:n,iconName:"icon-timercircle",size:"auto"}):null;e=a.createElement("div",{className:this.timerModel.rootCss},t,a.createElement("div",{className:this.timerModel.textContainerCss},a.createElement("span",{className:this.timerModel.majorTextCss},this.timerModel.clockMajorText),this.timerModel.clockMinorText?a.createElement("span",{className:this.timerModel.minorTextCss},this.timerModel.clockMinorText):null))}return e}}i.Instance.registerElement("sv-timerpanel",e=>a.createElement(V,e));class D extends l{constructor(e){super(e),this.element.cssClasse
2s,this.rootRef=a.createRef()}getStateElement(){return this.element}get element(){return this.props.element}get index(){return this.props.index}get row(){return this.props.row}get survey(){return this.props.survey}get creator(){return this.props.creator}get css(){return this.props.css}componentDidMount(){super.componentDidMount(),this.rootRef.current&&this.element.setWrapperElement(this.rootRef.current)}componentWillUnmount(){super.componentWillUnmount(),this.element.setWrapperElement(void 0)}shouldComponentUpdate(e,n){return!!super.shouldComponentUpdate(e,n)&&(e.element!==this.element&&(e.element&&e.element.setWrapperElement(this.rootRef.current),this.element&&this.element.setWrapperElement(void 0)),this.element.cssClasses,!0)}renderElement(){const e=this.element,n=this.createElement(e,this.index),t=e.cssClassesValue;return a.createElement("div",{className:t.questionWrapper,style:e.rootStyle,"data-key":e.name+this.index,onFocus:()=>{const n=e;n&&n.isQuestion&&n.focusIn()},ref:this.rootRef},n)}createElement(e,n){if(!this.row.isNeedRender)return i.Instance.createElement(e.skeletonComponentName,{element:e,css:this.css});let t=e.getTemplate();return i.Instance.isElementRegistered(t)||(t="question"),i.Instance.createElement(t,{element:e,creator:this.creator,survey:this.survey,css:this.css})}}class U extends l{constructor(e){super(e),this.rootRef=a.createRef(),this.recalculateCss()}recalculateCss(){this.row.visibleElements.map(e=>e.cssClasses)}getStateElement(){return this.row}get row(){return this.props.row}get survey(){return this.props.survey}get creator(){return this.props.creator}get css(){return this.props.css}canRender(){return!!this.row&&!!this.survey&&!!this.creator}renderElementContent(){const e=this.row.visibleElements.map((e,n)=>a.createElement(D,{element:e,index:n,row:this.row,survey:this.survey,creator:this.creator,css:this.css,key:e.id}));return a.createElement("div",{ref:this.rootRef,className:this.row.getRowCss()},e)}renderElement(){const e=this.survey,n=this.renderElementContent();return o.wrapRow(e,n,this.row)||n}componentDidMount(){super.componentDidMount();var e=this.rootRef.current;if(this.rootRef.current&&this.row.setRootElement(this.rootRef.current),e&&!this.row.isNeedRender){var n=e;this.lazyRenderingTimeout=setTimeout(()=>{this.row.startLazyRendering(n)},10)}}shouldComponentUpdate(e,n){return!!super.shouldComponentUpdate(e,n)&&(e.row!==this.row&&(e.row.isNeedRender=this.row.isNeedRender,e.row.setRootElement(this.rootRef.current),this.row.setRootElement(void 0),this.stopLazyRendering()),this.recalculateCss(),!0)}stopLazyRendering(){clearTimeout(this.lazyRenderingTimeout),this.row.stopLazyRendering(),this.row.isNeedRender=!this.row.isLazyRendering()}componentWillUnmount(){super.componentWillUnmount(),this.row&&(this.row.hasActiveUISubscribers||(this.row.setRootElement(void 0),this.stopLazyRendering()))}createElement(e,n){const t=n?"-"+n:0;var s=e.getType();return i.Instance.isElementRegistered(s)||(s="question"),i.Instance.createElement(s,{key:e.name+t,element:e,creator:this.creator,survey:this.survey,css:this.css})}}class T extends l{constructor(e){super(e),this.rootRef=a.createRef()}getStateElement(){return this.panelBase}canUsePropInState(e){return"elements"!==e&&super.canUsePropInState(e)}get survey(){return this.getSurvey()}get creator(){return this.props.creator}get css(){return this.getCss()}get panelBase(){return this.getPanelBase()}getPanelBase(){return this.props.element||this.props.question}getSurvey(){return this.props.survey||(this.panelBase?this.panelBase.survey:null)}getCss(){return this.props.css}componentDidMount(){super.componentDidMount(),this.doAfterRender()}componentWillUnmount(){super.componentWillUnmount();var e=this.rootRef.current;e&&e.removeAttribute("data-rendered")}componentDidUpdate(e,n){super.componentDidUpdate(e,n),e.page&&this.survey&&this.survey.activePage&&e.page.id===this.survey.activePage.id||this.doAfterRender()}doAfterRender(){var e=this.rootRef.current;e&&this.survey&&(this.panelBase.isPanel?this.panelBase.afterRender(e):this.survey.afterRenderPage(e))}getIsVisible(){return this.panelBase.isVisible}
2canRender(){return super.canRender()&&!!this.survey&&!!this.panelBase&&!!this.panelBase.survey&&this.getIsVisible()}renderRows(e){return this.panelBase.visibleRows.map(n=>this.createRow(n,e))}createRow(e,n){return a.createElement(U,{key:e.id,row:e,survey:this.survey,creator:this.creator,css:n})}}class Z extends l{getStateElement(){return this.props.counter}renderElement(){return a.createElement("div",{className:this.props.remainingCharacterCounter},this.props.counter.remainingCharacterCounter)}}i.Instance.registerElement("sv-character-counter",e=>a.createElement(Z,e));class O extends l{constructor(e){super(e),this.initialValue=this.viewModel.getTextValue()||"",this.textareaRef=a.createRef()}get viewModel(){return this.props.viewModel}canRender(){return!!this.viewModel.question}componentDidMount(){super.componentDidMount();let e=this.textareaRef.current;e&&this.viewModel.setElement(e)}componentWillUnmount(){super.componentWillUnmount(),this.viewModel.resetElement()}renderElement(){return a.createElement("textarea",{id:this.viewModel.id,className:this.viewModel.className,ref:this.textareaRef,disabled:this.viewModel.isDisabledAttr,readOnly:this.viewModel.isReadOnlyAttr,rows:this.viewModel.rows,cols:this.viewModel.cols,placeholder:this.viewModel.placeholder,maxLength:this.viewModel.maxLength,defaultValue:this.initialValue,onChange:e=>{this.viewModel.onTextAreaInput(e)},onFocus:e=>{this.viewModel.onTextAreaFocus(e)},onBlur:e=>{this.viewModel.onTextAreaBlur(e)},onKeyDown:e=>{this.viewModel.onTextAreaKeyDown(e)},"aria-required":this.viewModel.ariaRequired,"aria-label":this.viewModel.ariaLabel,"aria-labelledby":this.viewModel.ariaLabelledBy,"aria-describedby":this.viewModel.ariaDescribedBy,"aria-invalid":this.viewModel.ariaInvalid,"aria-errormessage":this.viewModel.ariaErrormessage,style:{resize:this.viewModel.question.resizeStyle}})}}i.Instance.registerElement("sv-text-area",e=>a.createElement(O,e));class A extends p{renderCharacterCounter(){let e=null;return this.question.getMaxLength()&&(e=a.createElement(Z,{counter:this.question.characterCounter,remainingCharacterCounter:this.question.cssClasses.remainingCharacterCounter})),e}constructor(e){super(e)}renderElement(){if(this.question.isReadOnlyRenderDiv())return a.createElement("div",null,this.question.value);const e=this.renderCharacterCounter(),n=this.props.question.textAreaModel;return a.createElement(a.Fragment,null,a.createElement(O,{viewModel:n}),e)}}class F extends d{constructor(e){super(e),this.textAreaModel=this.getTextAreaModel()}canRender(){return!!this.props.question}getTextAreaModel(){return this.props.question.commentTextAreaModel}renderElement(){if(this.props.question.isReadOnlyRenderDiv()){const e=this.textAreaModel.getTextValue()||"";return a.createElement("div",null,e)}return a.createElement(O,{key:this.getKey(),viewModel:this.textAreaModel})}getKey(){}}class W extends F{constructor(e){super(e)}getTextAreaModel(){return this.props.question.getCommentTextAreaModel(this.props.item)}getKey(){return this.props.item.uniqueId}}q.Instance.registerQuestion("comment",e=>a.createElement(A,e));class P extends c{constructor(e){super(e),this.widgetRef=a.createRef()}_afterRender(){if(this.questionBase.customWidget){let e=this.widgetRef.current;e&&(this.questionBase.customWidget.afterRender(this.questionBase,e),this.questionBase.customWidgetData.isNeedRender=!1)}}componentDidMount(){super.componentDidMount(),this.questionBase&&this._afterRender()}componentDidUpdate(e,n){super.componentDidUpdate(e,n);var t=!!this.questionBase.customWidget&&this.questionBase.customWidget.isDefaultRender;this.questionBase&&!t&&this._afterRender()}componentWillUnmount(){if(super.componentWillUnmount(),this.questionBase.customWidget){let e=this.widgetRef.current;e&&this.questionBase.customWidget.willUnmount(this.questionBase,e)}}canRender(){return super.canRender()&&this.questionBase.visible}renderElement(){let e=this.questionBase.customWidget;if(e.isDefaultRender)return a.createElement("div",{ref:this.widgetRef},this.creator.createQuestionElement(this.questionBase));let n=null;if(e.widgetJson.render)n=e.widgetJson.render(this.questionBase);else if(e.htmlTemplate){let n={__html:e.htmlTemplate};return a.createElement("div",{ref:this.widgetRef,dangerouslySetInnerHTML:n})}return a.createElement("div",{ref:this.widgetRef},n)}}
2class Q extends l{get element(){return this.props.element}getRenderedElements(){return[this.element]}renderElement(){const e=this.element,n=e.hasTitle?a.createElement(C,{element:e}):null,t=e.hasDescriptionUnderTitle?l.renderQuestionDescription(this.element):null,r=e.hasAdditionalTitleToolbar?a.createElement(y,{model:e.additionalTitleToolbar}):null,i={width:void 0};return e instanceof s.vNH&&(i.width=e.titleWidth),a.createElement("div",{className:e.cssHeader,onClick:n=>e.clickTitleFunction&&e.clickTitleFunction(n.nativeEvent),style:i},n,t,r)}}class X extends d{constructor(e){super(e)}get css(){return this.props.css}get summary(){return this.props.summary}renderElement(){return this.summary?this.summary.isEmpty()?this.renderNoItems():this.renderItems():null}renderItems(){return a.createElement("div",{className:this.css.summary},this.summary.items.map((e,n)=>this.renderItem(e,n)))}renderNoItems(){const e=this.summary.question;return i.Instance.createElement("sv-placeholder-"+e.getTemplate(),{cssClasses:this.css,question:e})||a.createElement("div",null,this.renderLocString(this.summary.noEntry))}renderItem(e,n){const t=e.btnEdit?a.createElement("button",{className:this.css.summaryRowActionEdit,onClick:()=>e.btnEdit.action(),title:e.btnEdit.title},a.createElement(u,{iconName:"icon-editsmall-16x16",iconSize:"auto"})):null,s=e.showRemove&&e.btnRemove?a.createElement("button",{className:this.css.summaryRowActionDelete,onClick:()=>e.btnRemove.action(),title:e.btnRemove.title},a.createElement(u,{iconName:"icon-delete-16x16",iconSize:"auto"})):null;return a.createElement("div",{className:this.css.summaryRow,key:n},a.createElement("div",{className:this.css.summaryRowContent},this.renderLocString(e.locText)),a.createElement("div",{className:this.css.summaryRowActions},t,s))}}i.Instance.registerElement("sv-singleinput-summary",e=>a.createElement(X,e));class K extends l{constructor(e){super(e)}getStateElement(){return this.props.model}get items(){return this.props.model.actions}get css(){return this.props.css}renderElement(){if(!this.items||!this.items.length)return null;const e=this.renderItems();return a.createElement("div",{className:this.css.breadcrumbsRoot},e)}renderItems(){const e=[];return this.items.concat([]).forEach((n,t)=>{t&&e.push(a.createElement(u,{key:n.renderedId+"_separator",className:this.css.breadcrumbsSeparator,iconName:"arrowright-16x16",size:"auto"})),e.push(a.createElement(h,{key:n.renderedId,item:n}))}),e}}i.Instance.registerElement("sv-breadcrumbs",e=>a.createElement(K,e));class G extends l{static renderQuestionBody(e,n){return n.customWidget?a.createElement(P,{creator:e,question:n}):e.createQuestionElement(n)}constructor(e){super(e),this.isNeedFocus=!1,this.rootRef=a.createRef()}getStateElement(){return this.question}get question(){return this.props.element}get creator(){return this.props.creator}componentDidMount(){super.componentDidMount(),this.question&&(this.question.react=this),this.doAfterRender()}componentWillUnmount(){super.componentWillUnmount(),this.question&&(this.question.react=null);const e=this.rootRef.current;e&&e.removeAttribute("data-rendered")}componentDidUpdate(e,n){super.componentDidUpdate(e,n),this.doAfterRender()}doAfterRender(){if(this.isNeedFocus&&(this.question.isCollapsed||this.question.clickTitleFunction(),this.isNeedFocus=!1),this.question){var e=this.rootRef.current;e&&"r"!==e.getAttribute("data-rendered")&&(e.setAttribute("data-rendered","r"),this.question.afterRender&&this.question.afterRender(e))}}canRender(){return super.canRender()&&!!this.question&&!!this.creator}renderQuestionContent(){let e=this.question;var n={display:this.question.renderedIsExpanded?"":"none"},t=e.cssClasses,s=this.renderQuestion(),r=e&&e.hasComment?this.renderComment(t):null,i=e.hasDescriptionUnderInput?this.renderDescription():null;return a.createElement("div",{className:e.cssContent||void 0,style:n,"aria-hidden":e.contentAriaHidden,role:"presentation","data-sv-drop-target-matrix":this.question.dragDropMatrixAttribute,"data-sv-drop-target-matrix-row":this.question.dragDropMatrixAttribute},s,r,i)}
2renderElement(){var e=this.question,n=e.cssClasses,t=this.renderHeader(e),s=e.hasTitleOnLeftTop?t:null,r=e.hasTitleOnBottom?t:null;const i=this.question.showErrorsAboveQuestion?this.renderErrors(n,""):null,o=this.question.showErrorsBelowQuestion?this.renderErrors(n,""):null,l=e.getRootStyle(),d=e.singleInputHasActions?this.renderSingleInputBreadcrumbs(e,n):void 0,c=(e.singleInputSummary?this.renderSingleInputSummary(e,n):void 0)||(e.singleInputQuestion?this.renderSingleInputQuestion(e,n):void 0)||this.wrapQuestionContent(this.renderQuestionContent());return a.createElement(a.Fragment,null,a.createElement("div",{ref:this.rootRef,id:e.id,className:e.getRootCss(),style:l,"data-name":e.name,role:e.ariaRole,"aria-required":this.question.ariaRequired,"aria-invalid":this.question.ariaInvalid,"aria-label":this.question.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-expanded":e.ariaExpanded},d,i,s,c,r,o))}renderSingleInputQuestion(e,n){const t=e.singleInputQuestion,s=t.id;return a.createElement(G,{key:s,element:t,creator:this.creator,css:n})}renderSingleInputBreadcrumbs(e,n){return a.createElement(K,{model:e.singleInputActions,css:n})}renderSingleInputSummary(e,n){return a.createElement(X,{summary:e.singleInputSummary,creator:this.creator,css:n})}wrapElement(e){const n=this.question.survey;let t=null;return n&&(t=o.wrapElement(n,e,this.question)),null!=t?t:e}wrapQuestionContent(e){const n=this.question.survey;let t=null;return n&&(t=o.wrapQuestionContent(n,e,this.question)),null!=t?t:e}renderQuestion(){return G.renderQuestionBody(this.creator,this.question)}renderDescription(){return l.renderQuestionDescription(this.question)}renderComment(e){const n=l.renderLocString(this.question.locCommentText);return a.createElement("div",{className:this.question.getCommentAreaCss()},a.createElement("div",null,n),a.createElement(F,{question:this.question,cssClasses:e,isDisplayMode:this.question.isInputReadOnly}))}renderHeader(e){return a.createElement(Q,{element:e})}renderErrors(e,n){return a.createElement(Y,{element:this.question,cssClasses:e,creator:this.creator,location:n,id:this.question.id+"_errors"})}}i.Instance.registerElement("question",e=>a.createElement(G,e));class Y extends d{constructor(e){super(e),this.state=this.getState()}get id(){return this.props.element.id+"_errors"}get element(){return this.props.element}get creator(){return this.props.creator}getState(e=null){return e?{error:e.error+1}:{error:0}}canRender(){return!!this.element&&this.element.hasVisibleErrors}componentWillUnmount(){}renderElement(){const e=[];for(let n=0;n<this.element.renderedErrors.length;n++){const t="error"+n;e.push(this.creator.renderError(t,this.element.renderedErrors[n],this.cssClasses,this.element))}return a.createElement("div",{className:this.element.cssError,id:this.id,role:"alert","aria-live":"polite","aria-atomic":"true"},e)}}class J extends d{constructor(e){super(e)}getStateElement(){return this.question}get question(){return this.getQuestion()}get creator(){return this.props.creator}getQuestion(){return this.props.question}get itemCss(){return this.props.itemCss}componentDidMount(){super.componentDidMount(),this.doAfterRender()}componentDidUpdate(e,n){super.componentDidUpdate(e,n),this.doAfterRender()}doAfterRender(){}canRender(){return!!this.question}renderContent(){var e=this.renderQuestion();return a.createElement(a.Fragment,null,e)}getShowErrors(){return this.question.isVisible}renderQuestion(){return G.renderQuestionBody(this.creator,this.question)}}class $ extends J{constructor(e){super(e),this.cellRef=a.createRef()}componentWillUnmount(){if(super.componentWillUnmount(),this.question){var e=this.cellRef.current;e&&e.removeAttribute("data-rendered")}}renderCellContent(){return a.createElement("div",{className:this.props.cell.cellQuestionWrapperClassName},this.renderQuestion())}renderElement(){var e=this.getCellStyle();const n=this.props.cell;return a.createElement("td",{ref:this.cellRef,className:this.itemCss,colSpan:n.colSpans,title:n.getTitle(),style:e,onFocus:()=>{n.focusIn()}},this.wrapCell(this.props.cell,this.renderCellContent()))}getCellStyle(){return null}getHeaderText(){return""}wrapCell(e,n){if(!e)return n;const t=this.question.survey;let s=null;return t&&(s=o.wrapMatrixCell(t,n,e,this.props.reason)),null!=s?s:n}}class ee extends a.Component{constructor(e){super(e),this.state={changed:0},this.question&&this.registerCallback(this.question)}get question(){return this.props.question}update(){this.setState({changed:this.state.changed+1})}getQuestionPropertiesToTrack(){return["errors"]}registerCallback(e){e.registerFunctionOnPropertiesValueChanged(this.getQuestionPropertiesToTrack(),()=>{this.update()},"__reactSubscription")}unRegisterCallback(e){e.unRegisterFunctionOnPropertiesValueChanged(this.getQuestionPropertiesToTrack(),"__reactSubscription")}componentDidUpdate(e){e.question&&e.question!==this.question&&this.unRegisterCallback(e.cell),this.question&&this.registerCallback(this.question)}componentWillUnmount(){this.question&&this.unRegisterCallback(this.question)}render(){return a.createElement(Y,{element:this.question,creator:this.props.creator,cssClasse
2s:this.question.cssClasses})}}class ne extends T{constructor(e){super(e)}getPanelBase(){return this.props.page}get page(){return this.panelBase}renderElement(){var e=this.renderTitle(),n=this.renderDescription(),t=this.renderRows(this.panelBase.cssClasses);const s=a.createElement(Y,{element:this.panelBase,cssClasses:this.panelBase.cssClasses,creator:this.creator});return a.createElement("div",{ref:this.rootRef,className:this.page.cssRoot},e,n,s,t)}renderTitle(){return a.createElement(C,{element:this.page})}renderDescription(){if(!this.page._showDescription)return null;var e=l.renderLocString(this.page.locDescription);return a.createElement("div",{className:this.panelBase.cssClasses.page.description},e)}}i.Instance.registerElement("sv-page",e=>a.createElement(ne,e));class te extends T{constructor(e){super(e),this.hasBeenExpanded=!1}get panel(){return this.panelBase}renderElement(){const e=this.renderHeader(),n=a.createElement(Y,{element:this.panelBase,cssClasses:this.panelBase.cssClasses,creator:this.creator}),t={paddingLeft:this.panel.innerPaddingLeft,display:this.panel.renderedIsExpanded?void 0:"none"};let s=null;if(this.panel.renderedIsExpanded){const e=this.renderRows(this.panelBase.cssClasses),n=this.panelBase.cssClasses.panel.content;s=this.renderContent(t,e,n)}return a.createElement("div",{ref:this.rootRef,className:this.panelBase.getContainerCss(),onFocus:()=>{this.panelBase&&this.panelBase.focusIn()},id:this.panelBase.id},this.panel.showErrorsAbovePanel?n:null,e,this.panel.showErrorsAbovePanel?null:n,s)}renderHeader(){return this.panel.hasTitle||this.panel.hasDescription?a.createElement(Q,{element:this.panel}):null}wrapElement(e){const n=this.panel.survey;let t=null;return n&&(t=o.wrapElement(n,e,this.panel)),null!=t?t:e}renderContent(e,n,t){const s=this.renderBottom();return a.createElement("div",{style:e,className:t,id:this.panel.contentId,role:this.panel.ariaRole,"aria-labelledby":this.panel.ariaLabelledBy,"aria-label":this.panel.ariaLabel},n,s)}renderTitle(){return this.panelBase.title?a.createElement(C,{element:this.panelBase}):null}renderDescription(){if(!this.panelBase.description)return null;var e=l.renderLocString(this.panelBase.locDescription);return a.createElement("div",{className:this.panel.cssClasses.panel.description},e)}renderBottom(){const e=this.panel.getFooterToolbar();return e.hasActions?a.createElement(y,{model:e}):null}getIsVisible(){return this.panelBase.getIsContentVisible()}}i.Instance.registerElement("panel",e=>a.createElement(te,e));class se extends te{constructor(e){super(e)}get flowPanel(){return this.panel}componentDidMount(){super.componentDidMount(),this.flowPanel&&(this.flowPanel.onCustomHtmlProducing=function(){return""},this.flowPanel.onGetHtmlForQuestion=this.renderQuestion)}componentWillUnmount(){super.componentWillUnmount(),this.flowPanel&&(this.flowPanel.onCustomHtmlProducing=null,this.flowPanel.onGetHtmlForQuestion=null)}getQuestion(e){return this.flowPanel.getQuestionByName(e)}renderQuestion(e){return"<question>"+e.name+"</question>"}renderRows(){const e=this.renderHtml();return e?[e]:[]}getNodeIndex(){return this.renderedIndex++}renderHtml(){if(!this.flowPanel)return null;const e="<span>"+this.flowPanel.produceHtml()+"</span>";if(!DOMParser){const n={__html:e};return a.createElement("div",{dangerouslySetInnerHTML:n})}const n=(new DOMParser).parseFromString(e,"text/xml");return this.renderedIndex=0,this.renderParentNode(n)}renderNodes(e){const n=[];for(let t=0;t<e.length;t++){const s=this.renderNode(e[t]);s&&n.push(s)}return n}getStyle(e){const n={};return"b"===e.toLowerCase()&&(n.fontWeight="bold"),"i"===e.toLowerCase()&&(n.fontStyle="italic"),"u"===e.toLowerCase()&&(n.textDecoration="underline"),n}renderParentNode(e){const n=e.nodeName.toLowerCase(),t=this.renderNodes(this.getChildDomNodes(e));return"div"===n?a.createElement("div",{key:this.getNodeIndex()},t):a.createElement("span",{key:this.getNodeIndex(),style:this.getStyle(n)},t)}renderNode(e){if(!this.hasTextChildNodesOnly(e))return this.renderParentNode(e);const n=e.nodeName.toLowerCase();if("question"===n){const n=this.flowPanel.getQuestionByName(e.textContent);if(!n)return null;const t=a.createElement(G,{key:n.name,element:n,creator:this.creator,css:this.css});return a.createElement("span",{key:this.getNodeIndex()},t)}return"div"===n?a.createElement("div",{key:this.getNodeIndex()},e.textContent):a.createElement("span",{key:this.getNodeIndex(),style:this.getStyle(n)},e.textContent)}getChildDomNodes(e){const n=[];for(let t=0;t<e.childNodes.length;t++)n.push(e.childNodes[t]);return n}hasTextChildNodesOnly(e){const n=e.childNodes;for(let e=0;e<n.length;e++)if("#text"!==n[e].nodeName.toLowerCase())return!1;return!0}renderContent(e,n){return a.createElement("f-panel",{style:e},n)}}i.Instance.registerElement("flowpanel",e=>a.createElement(se,e));class ae extends c{constructor(e){super(e)}get question(){return this.questionBase}
2renderElement(){var e=this.question.cssClasses;return a.createElement("fieldset",{className:this.question.getSelectBaseRootCss(),ref:e=>this.setControl(e),role:this.question.a11y_input_ariaRole,"aria-required":this.question.a11y_input_ariaRequired,"aria-label":this.question.a11y_input_ariaLabel,"aria-labelledby":this.question.a11y_input_ariaLabelledBy,"aria-describedby":this.question.a11y_input_ariaDescribedBy,"aria-invalid":this.question.a11y_input_ariaInvalid,"aria-errormessage":this.question.a11y_input_ariaErrormessage},this.renderHeader(),this.question.hasColumns?this.getColumnedBody(e):this.getBody(e),this.getFooter())}renderHeader(){return null}getFooter(){if(this.question.hasFootItems){const e=this.question.footItems.map((e,n)=>this.renderItem(e,!1,this.question.cssClasses));return a.createElement(a.Fragment,null,e)}return null}getStateValue(){}isItemChecked(e,n){return!1}getColumnedBody(e){return a.createElement("div",{className:e.rootMultiColumn},this.getColumns(e))}getColumns(e){const n=this.getStateValue();return this.question.columns.map((t,s)=>{var r=t.map((t,a)=>this.renderItem(t,0===s&&0===a,e,""+s+a,this.isItemChecked(t,n)));return a.createElement("div",{key:"column"+s+this.question.getItemsColumnKey(t),className:this.question.getColumnClass(),role:"presentation"},r)})}getBody(e){return this.question.blockedRow?a.createElement("div",{className:e.rootRow},this.getItems(e,this.question.dataChoices)):a.createElement(a.Fragment,null,this.getItems(e,this.question.bodyItems))}getItems(e,n){const t=[],s=this.getStateValue();for(let a=0;a<n.length;a++){const r=n[a],i=this.renderItem(r,0==a,e,""+a,this.isItemChecked(r,s));i&&t.push(i)}return t}get textStyle(){return null}renderItem(e,n,t,s,a){const r=i.Instance.createElement(this.question.itemComponent,{key:e.uniqueId,question:this.question,cssClasses:t,isDisplayMode:this.isDisplayMode,item:e,textStyle:this.textStyle,index:s,isFirst:n,isChecked:a,creator:this.props.creator}),l=this.question.survey;let d=null;return l&&r&&(d=o.wrapItemValue(l,r,this.question,e)),null!=d?d:r}}class re extends d{constructor(e){super(e),this.handleOnChange=e=>{this.doOnItemChange(e)},this.rootRef=a.createRef()}getStateElement(){return this.item}get question(){return this.props.question}get item(){return this.props.item}get textStyle(){return this.props.textStyle}get isFirst(){return this.props.isFirst}get index(){return this.props.index}get hideCaption(){return!0===this.props.hideCaption}get ariaLabel(){return this.props.ariaLabel||null}componentDidUpdate(e,n){super.componentDidUpdate(e,n),e.item===this.props.item||this.question.isDesignMode||(this.props.item&&this.props.item.setRootElement(this.rootRef.current),e.item&&e.item.setRootElement(void 0))}shouldComponentUpdate(e,n){return!(!super.shouldComponentUpdate(e,n)||this.question.customWidget&&!this.question.customWidgetData.isNeedRender&&!this.question.customWidget.widgetJson.isDefaultRender&&!this.question.customWidget.widgetJson.render)}doOnItemChange(e){}canRender(){return!!this.item&&!!this.question}renderElement(){return a.createElement(a.Fragment,null,this.renderElementContent(),this.renderPanel(),this.renderComment())}renderElementContent(){return null}get inputStyle(){return null}renderComment(){return this.item.isCommentShowing?a.createElement("div",{className:this.question.getCommentAreaCss(!0)},a.createElement(W,{question:this.question,item:this.item,cssClasses:this.question.cssClasses})):null}renderPanel(){if(this.item.isPanelShowing){const e=this.item.panel;return a.createElement(te,{key:e.id,element:e,survey:this.question.survey,cssClasses:this.props.cssClasses,isDisplayMode:this.isDisplayMode,creator:this.props.creator})}return null}componentDidMount(){super.componentDidMount(),this.question.isDesignMode||this.item.setRootElement(this.rootRef.current)}componentWillUnmount(){super.componentWillUnmount(),this.question.isDesignMode||this.item.setRootElement(void 0)}}class ie extends ae{constructor(e){super(e)}get question(){return this.questionBase}renderHeader(){return a.createElement(a.Fragment,null,a.createElement("legend",{className:"sv-hidden"},this.question.locTitle.renderedHtml),this.getHeader())}getHeader(){return this.question.hasHeadItems?this.question.headItems.map((e,n)=>
2this.renderItem(e,!1,this.question.cssClasses)):null}}class oe extends re{constructor(e){super(e)}doOnItemChange(e){this.question.clickItemHandler(this.item,e.target.checked)}renderElementContent(){const e=this.question.isItemSelected(this.item);return this.renderCheckbox(e)}get inputStyle(){return null}renderCheckbox(e){const n=this.question.getItemId(this.item),t=this.question.getItemClass(this.item),s=this.question.getLabelClass(this.item),r=this.hideCaption?null:a.createElement("span",{className:this.cssClasses.controlLabel},this.renderLocString(this.item.locText,this.textStyle));return a.createElement("div",{className:t,role:"presentation",ref:this.rootRef},a.createElement("label",{className:s},a.createElement("input",{className:this.cssClasses.itemControl,type:"checkbox",name:this.question.name+this.item.id,value:this.item.value,id:n,style:this.inputStyle,disabled:!this.question.getItemEnabled(this.item),readOnly:this.question.isReadOnlyAttr,checked:e,onChange:this.handleOnChange,required:this.question.hasRequiredError(),"aria-label":this.ariaLabel}),this.cssClasses.materialDecorator?a.createElement("span",{className:this.cssClasses.materialDecorator},this.question.itemSvgIcon?a.createElement("svg",{className:this.cssClasses.itemDecorator},a.createElement("use",{xlinkHref:this.question.itemSvgIcon})):null):null,r))}}i.Instance.registerElement("survey-checkbox-item",e=>a.createElement(oe,e)),q.Instance.registerQuestion("checkbox",e=>a.createElement(ie,e));class le extends c{get question(){return this.questionBase}renderElement(){if(this.question.selectToRankEnabled){const e=!0;return a.createElement("div",{className:this.question.rootClass,ref:e=>this.setControl(e)},a.createElement("div",{className:this.question.getContainerClasses("from"),"data-ranking":"from-container"},this.getItems(this.question.renderedUnRankingChoices,e),0===this.question.renderedUnRankingChoices.length?a.createElement("div",{className:this.question.cssClasses.containerPlaceholder}," ",this.renderLocString(this.question.locSelectToRankEmptyRankedAreaText)," "):null),a.createElement("div",{className:this.question.cssClasses.containersDivider}),a.createElement("div",{className:this.question.getContainerClasses("to"),"data-ranking":"to-container"},this.getItems(),0===this.question.renderedRankingChoices.length?a.createElement("div",{className:this.question.cssClasses.containerPlaceholder}," ",this.renderLocString(this.question.locSelectToRankEmptyUnrankedAreaText)," "):null))}return a.createElement("div",{className:this.question.rootClass,ref:e=>this.setControl(e)},this.getItems())}getItems(e=this.question.renderedRankingChoices,n){const t=[];for(let s=0;s<e.length;s++){const a=e[s];t.push(this.renderItem(a,s,e=>{this.question.handleKeydown.call(this.question,e,a)},e=>{e.persist(),this.question.handlePointerDown.call(this.question,e,a,e.currentTarget)},e=>{e.persist(),this.question.handlePointerUp.call(this.question,e,a,e.currentTarget)},this.question.cssClasses,this.question.getItemClass(a),this.question,n))}return t}renderItem(e,n,t,s,r,i,l,d,c){e.renderedId;const p=this.renderLocString(e.locText),u=n,m=this.question.getNumberByIndex(u),v=this.question.getItemTabIndex(e),h=a.createElement(de,{key:e.uniqueId,text:p,index:u,indexText:m,itemTabIndex:v,handleKeydown:t,handlePointerDown:s,handlePointerUp:r,cssClasses:i,itemClass:l,question:d,unrankedItem:c,item:e}),g=this.question.survey;let b=null;return g&&(b=o.wrapItemValue(g,h,this.question,e)),null!=b?b:h}}class de extends d{get text(){return this.props.text}get index(){return this.props.index}get indexText(){return this.props.indexText}get handleKeydown(){return this.props.handleKeydown}get handlePointerDown(){return this.props.handlePointerDown}get handlePointerUp(){return this.props.handlePointerUp}get cssClasses(){return this.props.cssClasses}get itemClass(){return this.props.itemClass}get itemTabIndex(){return this.props.itemTabIndex}get question(){return this.props.question}get unrankedItem(){return this.props.unrankedItem}get item(){return this.props.item}renderEmptyIcon(){return a.createElement("svg",null,a.createElement("use",{xlinkHref:this.question.dashSvgIcon}))}renderElement(){let e=i.Instance.createElement(this.question.itemComponent,{item:this.item,cssClasse
2s:this.cssClasses});return a.createElement("div",{id:this.question.getItemId(this.item),tabIndex:this.itemTabIndex,className:this.itemClass,onKeyDown:this.handleKeydown,onPointerDown:this.handlePointerDown,onPointerUp:this.handlePointerUp,"data-sv-drop-target-ranking-item":this.index},a.createElement("div",{tabIndex:-1,style:{outline:"none"}},a.createElement("div",{className:this.cssClasses.itemGhostNode}),a.createElement("div",{className:this.cssClasses.itemContent},a.createElement("div",{className:this.cssClasses.itemIconContainer},a.createElement("svg",{className:this.question.getIconHoverCss()},a.createElement("use",{xlinkHref:this.question.dragDropSvgIcon})),a.createElement("svg",{className:this.question.getIconFocusCss()},a.createElement("use",{xlinkHref:this.question.arrowsSvgIcon}))),a.createElement("div",{className:this.question.getItemIndexClasses(this.item)},!this.unrankedItem&&this.indexText?this.indexText:this.renderEmptyIcon()),e)))}}class ce extends d{get item(){return this.props.item}get cssClasses(){return this.props.cssClasses}renderElement(){return a.createElement("div",{className:this.cssClasses.controlLabel},l.renderLocString(this.item.locText))}}i.Instance.registerElement("sv-ranking-item",e=>a.createElement(ce,e)),q.Instance.registerQuestion("ranking",e=>a.createElement(le,e));class pe extends l{constructor(e){super(e),this.handleOnMouseDown=this.handleOnMouseDown.bind(this)}get question(){return this.props.question}get item(){return this.props.item}get index(){return this.props.index}getStateElement(){return this.item}handleOnMouseDown(e){this.question.onMouseDown()}}class ue extends pe{render(){var e=this.renderLocString(this.item.locText);return a.createElement("label",{className:this.item.className,onMouseDown:this.handleOnMouseDown},a.createElement("input",{type:"radio",className:"sv-visuallyhidden",name:this.question.questionName,id:this.question.getInputId(this.index),value:this.item.value,disabled:this.question.isDisabledAttr,readOnly:this.question.isReadOnlyAttr,checked:this.question.value==this.item.value,onClick:this.props.handleOnClick,onChange:()=>{},"aria-label":this.question.ariaLabel}),a.createElement("span",{className:this.question.cssClasses.itemText,"data-text":this.item.text},e))}componentDidMount(){super.componentDidMount()}}i.Instance.registerElement("sv-rating-item",e=>a.createElement(ue,e));class me extends pe{render(){return a.createElement("label",{className:this.item.className,onMouseDown:this.handleOnMouseDown,onMouseOver:e=>this.question.onItemMouseIn(this.item),onMouseOut:e=>this.question.onItemMouseOut(this.item),title:this.item.text},a.createElement("input",{type:"radio",className:"sv-visuallyhidden",name:this.question.questionName,id:this.question.getInputId(this.index),value:this.item.value,disabled:this.question.isDisabledAttr,readOnly:this.question.isReadOnlyAttr,checked:this.question.value==this.item.value,onClick:this.props.handleOnClick,onChange:()=>{},"aria-label":this.question.ariaLabel}),a.createElement(u,{className:"sv-star",size:"auto",iconName:this.question.itemStarIcon}),a.createElement(u,{className:"sv-star-2",size:"auto",iconName:this.question.itemStarIconAlt}))}}i.Instance.registerElement("sv-rating-item-star",e=>a.createElement(me,e));class ve extends pe{render(){return a.createElement("label",{style:this.item.style,className:this.item.className,onMouseDown:this.handleOnMouseDown,onMouseOver:e=>this.question.onItemMouseIn(this.item),onMouseOut:e=>this.question.onItemMouseOut(this.item),title:this.item.text},a.createElement("input",{type:"radio",className:"sv-visuallyhidden",name:this.question.questionName,id:this.question.getInputId(this.index),value:this.item.value,disabled:this.question.isDisabledAttr,readOnly:this.question.isReadOnlyAttr,checked:this.question.value==this.item.value,onClick:this.props.handleOnClick,onChange:()=>{},"aria-label":this.question.ariaLabel}),a.createElement(u,{size:"auto",iconName:this.question.getItemSmileyIconName(this.item)}))}}i.Instance.registerElement("sv-rating-item-smiley",e=>a.createElement(ve,e));class he extends l{get item(){return this.props.item}getStateElement(){return this.item}
2render(){if(!this.item)return null;const e=this.props.item,n=this.renderDescription(e);return a.createElement("div",{className:"sd-rating-dropdown-item"},a.createElement("span",{className:"sd-rating-dropdown-item_text"},e.title),n)}renderDescription(e){return e.description?a.createElement("div",{className:"sd-rating-dropdown-item_description"},this.renderLocString(e.description,void 0,"locString")):null}}i.Instance.registerElement("sv-rating-dropdown-item",e=>a.createElement(he,e));class ge extends l{get model(){return this.props.model}get question(){return this.props.question}componentDidUpdate(e,n){super.componentDidUpdate(e,n),this.updateDomElement()}componentDidMount(){super.componentDidMount(),this.updateDomElement()}updateDomElement(){if(this.inputElement){const e=this.inputElement,n=this.model.inputStringRendered;s.M0V.isTwoValueEquals(n,e.value,!1,!0,!1)||(e.value=this.model.inputStringRendered)}}onChange(e){var n;const t=null===(n=e.target.getRootNode())||void 0===n?void 0:n.activeElement;e.target===t&&(this.model.inputStringRendered=e.target.value)}keyhandler(e){this.model.inputKeyHandler(e)}onBlur(e){this.question.onBlur(e)}onFocus(e){this.question.onFocus(e)}constructor(e){super(e)}getStateElement(){return this.model}render(){return a.createElement("div",{className:this.question.cssClasses.hint},this.model.showHintPrefix?a.createElement("div",{className:this.question.cssClasses.hintPrefix},a.createElement("span",null,this.model.hintStringPrefix)):null,a.createElement("div",{className:this.question.cssClasses.hintSuffixWrapper},this.model.showHintString?a.createElement("div",{className:this.question.cssClasses.hintSuffix},a.createElement("span",{style:{visibility:"hidden"},"data-bind":"text: model.filterString"},this.model.inputStringRendered),a.createElement("span",null,this.model.hintStringSuffix)):null,a.createElement("input",{type:"text",autoComplete:"off",id:this.question.getInputId(),inputMode:this.model.inputMode,ref:e=>this.inputElement=e,className:this.question.cssClasses.filterStringInput,disabled:this.question.isInputReadOnly,readOnly:!!this.model.filterReadOnly||void 0,size:this.model.inputStringRendered?void 0:1,role:this.model.ariaInputRole,"aria-required":this.model.ariaInputRequired,"aria-invalid":this.model.ariaInputInvalid,"aria-errormessage":this.model.ariaInputErrorMessage,"aria-expanded":this.model.ariaInputExpanded,"aria-label":this.model.ariaInputLabel,"aria-labelledby":this.model.ariaInputLabelledby,"aria-describedby":this.model.ariaInputDescribedby,"aria-controls":this.model.ariaInputControls,"aria-activedescendant":this.model.ariaInputActivedescendant,placeholder:this.model.filterStringPlaceholder,onKeyDown:e=>{this.keyhandler(e)},onChange:e=>{this.onChange(e)},onBlur:e=>{this.onBlur(e)},onFocus:e=>{this.onFocus(e)}})))}}q.Instance.registerQuestion("sv-tagbox-filter",e=>a.createElement(ge,e));class be extends d{constructor(e){super(e),this.state={changed:0},this.setupModel()}componentDidUpdate(e,n){super.componentDidUpdate(e,n),this.setupModel()}componentDidMount(){super.componentDidMount(),this.setupModel()}componentWillUnmount(){super.componentWillUnmount(),this.item&&(this.item.locText.onChanged=()=>{})}setupModel(){if(!this.item.locText)return;const e=this;this.item.locText.onChanged=()=>{e.setState({changed:e.state.changed+1})}}getStateElement(){return this.item}get item(){return this.props.item}canRender(){return!!this.item}renderElement(){return a.createElement("option",{value:this.item.value,disabled:!this.item.isEnabled},this.item.text)}}class fe extends p{constructor(){super(...arguments),this.click=e=>{var n;null===(n=this.question.dropdownListModel)||void 0===n||n.onClick(e)},this.chevronPointerDown=e=>{var n;null===(n=this.question.dropdownListModel)||void 0===n||n.chevronPointerDown(e)},this.clear=e=>{var n;null===(n=this.question.dropdownListModel)||void 0===n||n.onClear(e)},this.keyhandler=e=>{var n;null===(n=this.question.dropdownListModel)||void 0===n||n.keyHandler(e)},this.blur=e=>{this.updateInputDomElement(),this.question.onBlur(e)},this.focus=e=>{this.question.onFocus(e)}}get dropdownListModel(){return this.question.dropdownListModel}getStateElement(){return this.question.dropdownListModel}setValueCore(e){this.questionBase.renderedValue=e}getValueCore(){return this.questionBase.renderedValue}renderReadOnlyElement(){return this.question.showInputFieldComponent?a.createElement("div",{className:this.question.cssClasse
2s.controlValue},this.renderValueElement()):this.question.readOnlyText?a.createElement("div",{className:this.question.cssClasses.controlValue},this.renderLocString(this.question.locReadOnlyText)):null}renderSelect(e){let n=null;const t=this.dropdownListModel;return n=this.question.isReadOnly?a.createElement("div",{id:this.question.inputId,role:null==t?void 0:t.ariaQuestionRole,"aria-label":null==t?void 0:t.ariaQuestionLabel,"aria-labelledby":null==t?void 0:t.ariaQuestionLabelledby,"aria-describedby":null==t?void 0:t.ariaQuestionDescribedby,"aria-expanded":"false","aria-readonly":"true","aria-disabled":"true",tabIndex:this.question.isDisabledAttr?void 0:0,className:this.question.getControlClass(),ref:e=>this.setControl(e)},this.renderReadOnlyElement(),this.renderEditorButtons()):a.createElement(a.Fragment,null,this.renderInput(),this.question.isInputReadOnly?null:a.createElement(b,{model:t.popupModel})),a.createElement("div",{className:e.selectWrapper,onClick:this.click},n)}renderValueElement(){if(this.question.showInputFieldComponent){const e=this.dropdownListModel,n=e?e.getSelectedAction():this.question.selectedItem;return i.Instance.createElement(this.question.inputFieldComponentName,{item:n,question:this.question})}return this.question.showSelectedItemLocText?this.renderLocString(this.question.selectedItemLocText):null}renderInput(){const e=this.dropdownListModel;let n=this.renderValueElement();return a.createElement("div",{id:this.question.inputId,className:this.question.getControlClass(),tabIndex:e.noTabIndex?void 0:0,disabled:this.question.isDisabledAttr,required:this.question.isRequired,onKeyDown:this.keyhandler,onBlur:this.blur,onFocus:this.focus,role:e.ariaQuestionRole,"aria-required":e.ariaQuestionRequired,"aria-invalid":e.ariaQuestionInvalid,"aria-errormessage":e.ariaQuestionErrorMessage,"aria-expanded":e.ariaQuestionExpanded,"aria-label":e.ariaQuestionLabel,"aria-labelledby":e.ariaQuestionLabelledby,"aria-describedby":e.ariaQuestionDescribedby,"aria-controls":e.ariaQuestionControls,"aria-activedescendant":e.ariaQuestionActivedescendant,ref:e=>this.setControl(e)},e.showHintPrefix?a.createElement("div",{className:this.question.cssClasses.hintPrefix},a.createElement("span",null,e.hintStringPrefix)):null,a.createElement("div",{className:this.question.cssClasses.controlValue},e.showHintString?a.createElement("div",{className:this.question.cssClasses.hintSuffix},a.createElement("span",{style:{visibility:"hidden"},"data-bind":"text: model.filterString"},e.inputStringRendered),a.createElement("span",null,e.hintStringSuffix)):null,n,e.needRenderInput?this.renderFilterInput():null),this.renderEditorButtons())}renderFilterInput(){const{root:e}=s.W0u.environment,n=this.dropdownListModel;return a.createElement("input",{type:"text",autoComplete:"off",id:this.question.getInputId(),ref:e=>this.inputElement=e,className:this.question.cssClasses.filterStringInput,role:n.ariaInputRole,"aria-required":n.ariaInputRequired,"aria-invalid":n.ariaInputInvalid,"aria-errormessage":n.ariaInputErrorMessage,"aria-expanded":n.ariaInputExpanded,"aria-label":n.ariaInputLabel,"aria-labelledby":n.ariaInputLabelledby,"aria-describedby":n.ariaInputDescribedby,"aria-controls":n.ariaInputControls,"aria-activedescendant":n.ariaInputActivedescendant,placeholder:n.placeholderRendered,readOnly:!!n.filterReadOnly||void 0,tabIndex:n.noTabIndex?void 0:-1,disabled:this.question.isDisabledAttr,inputMode:n.inputMode,onChange:e=>{(e=>{var t;const s=null===(t=e.target.getRootNode())||void 0===t?void 0:t.activeElement;e.target===s&&(n.inputStringRendered=e.target.value)})(e)},onBlur:this.blur,onFocus:this.focus})}renderOther(e,n){return e&&e.isCommentShowing?a.createElement("div",{key:e.uniqueId,className:this.question.getCommentAreaCss(!0)},a.createElement(W,{question:this.question,item:e,cssClasses:this.question.cssClasses})):null}renderEditorButtons(){return a.createElement(y,{model:this.dropdownListModel.editorButtons})}componentDidUpdate(e,n){super.componentDidUpdate(e,n),this.updateInputDomElement()}componentDidMount(){super.componentDidMount(),this.updateInputDomElement()}componentWillUnmount(){super.componentWillUnmount(),this.question.dropdownListModel&&(this.question.dropdownListModel.focused=!1)}updateInputDomElement(){if(this.inputElement){const e=this.inputElement,n=this.question.dropdownListModel.inputStringRendered;s.M0V.isTwoValueEquals(n,e.value,!1,!0,!1)||(e.value=this.question.dropdownListModel.inputStringRendered)}}}class _e extends fe{constructor(e){super(e)}
2renderElement(){const e=this.question.cssClasses,n=this.renderOther(this.question.selectedItem,e),t=this.renderSelect(e);return a.createElement("div",{className:this.question.renderCssRoot},t,n)}}q.Instance.registerQuestion("dropdown",e=>a.createElement(_e,e));class xe extends d{constructor(e){super(e)}get question(){return this.props.question}get item(){return this.props.item}canRender(){return!!this.item&&!!this.question}renderElement(){const e=this.renderLocString(this.item.locText);return a.createElement("div",{className:"sv-tagbox__item"},a.createElement("div",{className:"sv-tagbox__item-text"},e),a.createElement("div",{className:this.question.cssClasses.cleanItemButton,onClick:e=>{this.question.dropdownListModel.deselectItem(this.item.value),e.stopPropagation()}},a.createElement(u,{className:this.question.cssClasses.cleanItemButtonSvg,iconName:this.question.cssClasses.cleanItemButtonIconId,size:"auto"})))}}class ye extends fe{constructor(e){super(e)}renderItem(e,n){return a.createElement(xe,{key:e,question:this.question,item:n})}renderInput(){const e=this.dropdownListModel,n=this.question.selectedChoices.map((e,n)=>this.renderItem("item"+n,e));return a.createElement("div",{id:this.question.inputId,className:this.question.getControlClass(),tabIndex:e.noTabIndex?void 0:0,disabled:this.question.isInputReadOnly,required:this.question.isRequired,onKeyDown:this.keyhandler,onBlur:this.blur,role:e.ariaQuestionRole,"aria-required":e.ariaQuestionRequired,"aria-invalid":e.ariaQuestionInvalid,"aria-errormessage":e.ariaQuestionErrorMessage,"aria-label":e.ariaQuestionLabel,"aria-labelledby":e.ariaQuestionLabelledby,"aria-describedby":e.ariaQuestionDescribedby,"aria-expanded":e.ariaQuestionExpanded,"aria-controls":e.ariaQuestionControls,"aria-activedescendant":e.ariaQuestionActivedescendant,ref:e=>this.setControl(e)},a.createElement("div",{className:this.question.cssClasses.controlValue},n,e.needRenderInput?a.createElement(ge,{model:e,question:this.question}):null),this.renderEditorButtons())}renderElement(){const e=this.question.cssClasses,n=this.renderOther(this.question.otherItem,e),t=this.renderSelect(e);return a.createElement("div",{className:this.question.renderCssRoot},t,n)}}q.Instance.registerQuestion("tagbox",e=>a.createElement(ye,e));class we extends _e{constructor(e){super(e)}renderSelect(e){const n=this.isDisplayMode?a.createElement("div",{id:this.question.inputId,className:this.question.getControlClass(),disabled:!0},this.question.readOnlyText):a.createElement("select",{id:this.question.inputId,className:this.question.getControlClass(),ref:e=>this.setControl(e),autoComplete:this.question.autocomplete,onChange:this.updateValueOnEvent,onInput:this.updateValueOnEvent,onClick:e=>{this.question.onClick(e)},onKeyUp:e=>{this.question.onKeyUp(e)},"aria-required":this.question.a11y_input_ariaRequired,"aria-label":this.question.a11y_input_ariaLabel,"aria-invalid":this.question.a11y_input_ariaInvalid,"aria-errormessage":this.question.a11y_input_ariaErrormessage,required:this.question.isRequired},this.question.allowClear?a.createElement("option",{value:""},this.question.placeholder):null,this.question.visibleChoices.map(e=>a.createElement(be,{key:e.uniqueId,item:e})));return a.createElement("div",{className:e.selectWrapper},n,this.createChevronButton())}createChevronButton(){return this.question.cssClasses.chevronButtonIconId?a.createElement("div",{className:this.question.cssClasses.chevronButton,"aria-hidden":"true",onPointerDown:this.chevronPointerDown},a.createElement(u,{className:this.question.cssClasses.chevronButtonSvg,iconName:this.question.cssClasses.chevronButtonIconId,size:"auto"})):null}}q.Instance.registerQuestion("sv-dropdown-select",e=>a.createElement(we,e)),s.OmU.Instance.registerRenderer("dropdown","select","sv-dropdown-select");class je extends c{constructor(e){super(e),this.state={rowsChanged:0}}get question(){return this.questionBase}componentDidMount(){if(super.componentDidMount(),this.question){var e=this;this.question.visibleRowsChangedCallback=function(){e.setState({rowsChanged:e.state.rowsChanged+1})}}}componentWillUnmount(){super.componentWillUnmount(),this.question&&(this.question.visibleRowsChangedCallback=null)}
2renderElement(){for(var e=this.question.cssClasses,n=this.question.hasRows?a.createElement("td",null):null,t=[],s=0;s<this.question.visibleColumns.length;s++){var r=this.question.visibleColumns[s],i=this.renderLocString(r.locText);const e={};this.question.columnMinWidth&&(e.minWidth=this.question.columnMinWidth,e.width=this.question.columnMinWidth),t.push(a.createElement("th",{className:this.question.cssClasses.headerCell,style:e,key:r.uniqueId},this.wrapCell({column:r},i,"column-header")))}var o=[],l=this.question.visibleRows;for(s=0;s<l.length;s++){var d=l[s];o.push(a.createElement(Ce,{key:d.uniqueId,question:this.question,cssClasses:e,row:d,isFirst:0==s}))}var c=this.question.showHeader?a.createElement("thead",{role:"presentation"},a.createElement("tr",null,n,t)):null;return a.createElement("div",{className:this.question.getTableWrapperCss(),ref:e=>this.setControl(e)},a.createElement("fieldset",{role:"radiogroup"},a.createElement("legend",{className:"sv-visuallyhidden"},this.question.locTitle.renderedHtml),a.createElement("table",{className:this.question.getTableCss(),role:"presentation"},c,a.createElement("tbody",null,o))))}}class Ce extends d{constructor(e){super(e)}getStateElement(){return this.row?this.row.item:super.getStateElement()}get question(){return this.props.question}get row(){return this.props.row}wrapCell(e,n,t){if(!t)return n;const s=this.question.survey;let a=null;return s&&(a=o.wrapMatrixCell(s,n,e,t)),null!=a?a:n}canRender(){return!!this.row}renderElement(){var e=null;if(this.question.hasRows){var n=this.renderLocString(this.row.locText);const t={};this.question.rowTitleWidth&&(t.minWidth=this.question.rowTitleWidth,t.width=this.question.rowTitleWidth),e=a.createElement("td",{style:t,className:this.row.rowTextClasses},this.wrapCell({row:this.row},n,"row-header"))}var t=this.generateTds();return a.createElement("tr",{className:this.row.rowClasses||void 0},e,t)}generateTds(){const e=[],n=this.row,t=this.question.cellComponent;for(var s=0;s<this.question.visibleColumns.length;s++){let r=null;const o=this.question.visibleColumns[s],l=o.uniqueId;let d=this.question.getItemClass(n,o);if(this.question.hasCellText){const e=e=>()=>this.cellClick(n,e);r=a.createElement("td",{key:l,className:d,onClick:e?e(o):()=>{}},this.renderLocString(this.question.getCellDisplayLocText(n.name,o)))}else{const e=i.Instance.createElement(t,{question:this.question,row:this.row,column:o,columnIndex:s,cssClasses:this.cssClasses,cellChanged:()=>{this.cellClick(this.row,o)}});r=a.createElement("td",{key:l,"data-responsive-title":o.locText.renderedHtml,className:this.question.cssClasses.cell},e)}e.push(r)}return e}cellClick(e,n){e.cellClick(n),this.setState({value:e.value})}}class ke extends d{constructor(e){super(e),this.handleOnMouseDown=this.handleOnMouseDown.bind(this),this.handleOnChange=this.handleOnChange.bind(this)}handleOnChange(e){this.props.cellChanged&&this.props.cellChanged(),this.setState({value:this.row.isChecked(this.column)})}handleOnMouseDown(e){this.question.onMouseDown()}get question(){return this.props.question}get row(){return this.props.row}get column(){return this.props.column}get columnIndex(){return this.props.columnIndex}canRender(){return!!this.question&&!!this.row}renderElement(){const e=this.row.isChecked(this.column),n=this.question.inputId+"_"+this.row.name+"_"+this.columnIndex,t=this.question.getItemClass(this.row,this.column),s=this.question.getItemSvgIcon(this.row,this.column),r=this.question.isMobile?a.createElement("span",{className:this.question.cssClasses.cellResponsiveTitle},this.renderLocString(this.column.locText)):void 0;return a.createElement("label",{onMouseDown:this.handleOnMouseDown,className:t},this.renderInput(n,e),a.createElement("span",{className:this.question.cssMaterialDecorator},s?a.createElement("svg",{className:this.question.cssItemDecorator},a.createElement("use",{xlinkHref:s})):null),r)}renderInput(e,n){return a.createElement("input",{id:e,type:this.question.checkType,className:this.question.cssItemValue,name:this.row.fullName,value:this.column.value,disabled:this.row.isDisabledAttr,readOnly:this.row.isReadOnlyAttr,checked:n,onChange:this.handleOnChange,"aria-required":this.question.a11y_input_ariaRequired,"aria-label":this.question.getCellAriaLabel(this.row,this.column),"aria-invalid":this.question.a11y_input_ariaInvalid,"aria-errormessage":this.question.a11y_input_ariaErrormessage})}}i.Instance.registerElement("survey-matrix-cell",e=>a.createElement(ke,e)),q.Instance.registerQuestion("matrix",e=>a.createElement(je,e));class qe extends c{constructor(e){super(e)}get question(){return this.questionBase}componentDidMount(){this.reactOnStrChanged()}componentWillUnmount(){this.question.locHtml.onChanged=function(){}}componentDidUpdate(e,n){this.reactOnStrChanged()}reactOnStrChanged(){this.question.locHtml.onChanged=()=>{this.setState({changed:this.state&&this.state.changed?this.state.changed+1:1})}}canRender(){return super.canRender()&&!!this.question.html}renderElement(){var e={__html:this.question.locHtml.renderedHtml};return a.createElement("div",{className:this.question.renderCssRoot,dangerouslySetInnerHTML:e})}}q.Instance.registerQuestion("html",e=>a.createElement(qe,e));class Ee extends a.Component{render(){return a.createElement("div",{className:"sd-loading-indicator"},a.createElement(u,{iconName:"icon-loading",size:"auto"}))}}class Le extends c{constructor(e){super(e)}get question(){return this.questionBase}renderElement(){const e=this.question.allowShowPreview?this.renderPreview():null,n=this.question.showLoadingIndicator?this.renderLoadingIndicator():null,t=this.question.isPlayingVideo?this.renderVideo():null,s=this.question.showFileDecorator?this.renderFileDecorator():null,r=this.question.fileNavigatorVisible?a.createElement(y,{model:this.question.fileNavigator}):null,i=this.question.renderedAcceptedTypes,o=this.isDisplayMode?this.question.getReadOnlyFileCss():this.question.cssClasse
2s.fileInput,l=this.isDisplayMode?{color:"transparent"}:{};let d;return d=this.question.isReadOnlyAttr?a.createElement("input",{readOnly:!0,type:"file",className:o,id:this.question.inputId,ref:e=>this.setControl(e),style:l,multiple:this.question.allowMultiple,placeholder:this.question.title,accept:i}):this.question.isDisabledAttr?a.createElement("input",{disabled:!0,type:"file",className:o,id:this.question.inputId,ref:e=>this.setControl(e),style:l,multiple:this.question.allowMultiple,placeholder:this.question.title,accept:i}):this.question.hasFileUI?a.createElement("input",{type:"file",disabled:this.isDisplayMode,tabIndex:-1,className:o,id:this.question.inputId,ref:e=>this.setControl(e),style:l,"aria-required":this.question.ariaRequired,"aria-label":this.question.ariaLabel,"aria-invalid":this.question.ariaInvalid,"aria-errormessage":this.question.ariaErrormessage,multiple:this.question.allowMultiple,title:this.question.inputTitle,accept:i,capture:this.question.renderCapture}):null,a.createElement("div",{className:this.question.fileRootCss,ref:e=>this.setContent(e)},d,a.createElement("div",{className:this.question.cssClasses.dragArea,onDrop:this.question.onDrop,onDragOver:this.question.onDragOver,onDragLeave:this.question.onDragLeave,onDragEnter:this.question.onDragEnter},s,n,t,e,r))}renderFileDecorator(){const e=this.question.actionsContainerVisible?a.createElement(y,{model:this.question.actionsContainer}):null;return a.createElement("div",{className:this.question.getFileDecoratorCss()},!!this.question.showDragAreaPlaceholder&&a.createElement("span",{className:this.question.cssClasses.dragAreaPlaceholder},this.renderLocString(this.question.locRenderedPlaceholder)),a.createElement("div",{className:this.question.cssClasses.wrapper},e))}renderPreview(){return i.Instance.createElement("sv-file-preview",{question:this.question})}renderLoadingIndicator(){return a.createElement("div",{className:this.question.cssClasses.loadingIndicator},a.createElement(Ee,null))}renderVideo(){return a.createElement("div",{className:this.question.cssClasses.videoContainer},a.createElement(h,{item:this.question.changeCameraAction}),a.createElement(h,{item:this.question.closeCameraAction}),a.createElement("video",{autoPlay:!0,playsInline:!0,id:this.question.videoId,className:this.question.cssClasses.video}),a.createElement(h,{item:this.question.takePictureAction}))}}q.Instance.registerQuestion("file",e=>a.createElement(Le,e));class Ie extends d{constructor(e){super(e)}get question(){return this.props.item&&this.props.item.data.question||this.props.data.question}render(){return H(a.createElement("label",{tabIndex:0,className:this.question.getChooseFileCss(),htmlFor:this.question.inputId,"aria-label":this.question.chooseButtonText,onClick:e=>this.question.chooseFile(e.nativeEvent)},this.question.cssClasses.chooseFileIconId?a.createElement(u,{title:this.question.chooseButtonText,iconName:this.question.cssClasses.chooseFileIconId,size:"auto"}):null,a.createElement("span",null,this.question.chooseButtonText)))}}i.Instance.registerElement("sv-file-choose-btn",e=>a.createElement(Ie,e));class Me extends l{get question(){return this.props.question}get page(){return this.props.page}renderElement(){const e=this.page.items.map((e,n)=>i.Instance.createElement("sv-file-item",{item:e,question:this.question,key:n}));return a.createElement("div",{className:this.page.css,id:this.page.id},e)}}class ze extends l{get question(){return this.props.question}renderFileSign(e,n){return e&&n.name?a.createElement("div",{className:e},a.createElement("a",{href:n.content,onClick:e=>{this.question.doDownloadFile(e,n)},title:n.name,download:n.name,style:{width:this.question.imageWidth}},n.name)):null}renderElement(){const e=this.question.renderedPages.map((e,n)=>a.createElement(Me,{page:e,question:this.question,key:e.id}));return a.createElement("div",{className:this.question.cssClasses.fileList||void 0},e)}canRender(){return this.question.showPreviewContainer}}i.Instance.registerElement("sv-file-preview",e=>a.createElement(ze,e));class Se extends l{get question(){return this.props.question}get item(){return this.props.item}
2renderFileSign(e,n){return e&&n.name?a.createElement("div",{className:e},a.createElement("a",{href:n.content,onClick:e=>{this.question.doDownloadFile(e,n)},title:n.name,download:n.name,target:"_blank",rel:"noreferrer",style:{width:this.question.imageWidth}},n.name)):null}renderElement(){const e=this.item;return a.createElement("span",{className:this.question.cssClasses.previewItem,onClick:e=>this.question.doDownloadFileFromContainer(e)},this.renderFileSign(this.question.cssClasses.fileSign,e),a.createElement("div",{className:this.question.getImageWrapperCss(e)},this.question.canPreviewImage(e)?a.createElement("img",{src:e.content,style:{height:this.question.imageHeight,width:this.question.imageWidth},alt:"File preview"}):this.question.cssClasses.defaultImage?a.createElement(u,{iconName:this.question.cssClasses.defaultImageIconId,size:"auto",className:this.question.cssClasses.defaultImage}):null,e.name&&!this.question.isReadOnly?a.createElement("div",{className:this.question.getRemoveButtonCss(),onClick:n=>this.question.doRemoveFile(e,n)},a.createElement("span",{className:this.question.cssClasses.removeFile},this.question.removeFileCaption),this.question.cssClasses.removeFileSvgIconId?a.createElement(u,{title:this.question.removeFileCaption,iconName:this.question.cssClasses.removeFileSvgIconId,size:"auto",className:this.question.cssClasses.removeFileSvg}):null):null),this.renderFileSign(this.question.cssClasses.fileSignBottom,e))}canRender(){return this.question.showPreviewContainer}}i.Instance.registerElement("sv-file-item",e=>a.createElement(Se,e));class Ne extends c{constructor(e){super(e)}get question(){return this.questionBase}renderElement(){for(var e=this.question.cssClasses,n=this.question.getRows(),t=[],s=0;s<n.length;s++)n[s].isVisible&&t.push(this.renderRow(s,n[s].cells,e));return a.createElement("table",{className:this.question.getQuestionRootCss()},a.createElement("tbody",null,t))}renderCell(e,n,t){let s;return s=e.isErrorsCell?a.createElement(ee,{question:e.item.editor,creator:this.creator}):a.createElement(Re,{question:this.question,item:e.item,creator:this.creator,cssClasses:n}),a.createElement("td",{key:e.item.id,className:e.className,onFocus:()=>{e.item.focusIn()}},s)}renderRow(e,n,t){const s="item"+e,r=[];for(let e=0;e<n.length;e++){const s=n[e];r.push(this.renderCell(s,t,e))}return a.createElement("tr",{key:s,className:t.row},r)}}class Re extends d{get question(){return this.props.question}get item(){return this.props.item}getStateElements(){return[this.item,this.item.editor]}get creator(){return this.props.creator}renderElement(){const e=this.item,n=this.cssClasses,t={};return this.question.itemTitleWidth&&(t.minWidth=this.question.itemTitleWidth,t.width=this.question.itemTitleWidth),a.createElement("label",{className:this.question.getItemLabelCss(e)},a.createElement("span",{className:n.itemTitle,style:t},a.createElement(w,{element:e.editor,cssClasses:e.editor.cssClasses}
2)),a.createElement(He,{cssClasses:n,itemCss:this.question.getItemCss(),question:e.editor,creator:this.creator}))}}class He extends J{renderElement(){return a.createElement("div",{className:this.itemCss},this.renderContent())}}q.Instance.registerQuestion("multipletext",e=>a.createElement(Ne,e));class Be extends ae{constructor(e){super(e)}get question(){return this.questionBase}getFooter(){return a.createElement(a.Fragment,null,super.getFooter(),this.renderClearButton())}renderClearButton(){return this.question.showClearButtonInContent?a.createElement("div",null,a.createElement("input",{type:"button",className:this.question.cssClasses.clearButton,onClick:()=>this.question.clearValueFromUI(),value:this.question.clearButtonCaption})):null}getStateValue(){return this.question.isEmpty()?"":this.question.renderedValue}isItemChecked(e,n){return e.value===n}}class Ve extends re{constructor(e){super(e),this.handleOnMouseDown=this.handleOnMouseDown.bind(this)}getStateElement(){return this.item}get question(){return this.props.question}get isChecked(){return this.props.isChecked}doOnItemChange(e){this.question.clickItemHandler(this.item)}handleOnMouseDown(e){this.question.onMouseDown()}renderElementContent(){return this.renderRadioButton()}renderRadioButton(){var e=this.question.getItemClass(this.item),n=this.question.getLabelClass(this.item),t=this.question.getControlLabelClass(this.item);const s=this.hideCaption?null:a.createElement("span",{className:t},this.renderLocString(this.item.locText,this.textStyle));return a.createElement("div",{className:e,role:"presentation",ref:this.rootRef},a.createElement("label",{onMouseDown:this.handleOnMouseDown,className:n},a.createElement("input",{"aria-errormessage":this.question.ariaErrormessage,className:this.cssClasses.itemControl,id:this.question.getItemId(this.item),type:"radio",name:this.question.questionName,checked:this.isChecked,value:this.item.value,disabled:!this.question.getItemEnabled(this.item),readOnly:this.question.isReadOnlyAttr,onChange:this.handleOnChange,"aria-label":this.ariaLabel}),this.cssClasses.materialDecorator?a.createElement("span",{className:this.cssClasses.materialDecorator},this.question.itemSvgIcon?a.createElement("svg",{className:this.cssClasses.itemDecorator},a.createElement("use",{xlinkHref:this.question.itemSvgIcon})):null):null,s))}}i.Instance.registerElement("survey-radiogroup-item",e=>a.createElement(Ve,e)),q.Instance.registerQuestion("radiogroup",e=>a.createElement(Be,e));class De extends p{constructor(e){super(e)}renderInput(){const e=this.question.getControlClass(),n=this.question.renderedPlaceholder;if(this.question.isReadOnlyRenderDiv())return a.createElement("div",null,this.question.inputValue);const t=this.question.getMaxLength()?a.createElement(Z,{counter:this.question.characterCounter,remainingCharacterCounter:this.question.cssClasses.remainingCharacterCounter}):null;return a.createElement(a.Fragment,null,a.createElement("input",{id:this.question.inputId,disabled:this.question.isDisabledAttr,readOnly:this.question.isReadOnlyAttr,className:e,type:this.question.inputType,ref:e=>this.setControl(e),style:this.question.inputStyle,maxLength:this.question.getMaxLength(),min:this.question.renderedMin,max:this.question.renderedMax,step:this.question.renderedStep,size:this.question.inputSize,placeholder:n,list:this.question.dataListId,autoComplete:this.question.autocomplete,onBlur:e=>{this.question.onBlur(e)},onFocus:e=>{this.question.onFocus(e)},onChange:this.question.onChange,onClick:this.question.readOnlyBlocker,onPointerDown:this.question.readOnlyBlocker,onKeyUp:this.question.onKeyUp,onKeyDown:this.question.onKeyDown,onCompositionUpdate:e=>this.question.onCompositionUpdate(e.nativeEvent),"aria-required":this.question.a11y_input_ariaRequired,"aria-label":this.question.a11y_input_ariaLabel,"aria-labelledby":this.question.a11y_input_ariaLabelledBy,"aria-describedby":this.question.a11y_input_ariaDescribedBy,"aria-invalid":this.question.a11y_input_ariaInvalid,"aria-errormessage":this.question.a11y_input_ariaErrormessage}),t)}renderElement(){return this.question.dataListId?a.createElement("div",null,this.renderInput(),this.renderDataList()):this.renderInput()}setValueCore(e){this.question.inputValue=e}getValueCore(){return this.question.inputValue}renderDataList(){if(!this.question.dataListId)return null;var e=this.question.dataList;if(0==e.length)return null;for(var n=[],t=0;t<e.length;t++)n.push(a.createElement("option",{key:"item"+t,value:e[t]}));return a.createElement("datalist",{id:this.question.dataListId},n)}}q.Instance.registerQuestion("text",e=>a.createElement(De,e));class Ue extends c{constructor(e){super(e),this.handleOnChange=this.handleOnChange.bind(this),this.handleOnClick=this.handleOnClick.bind(this),this.handleOnLabelClick=this.handleOnLabelClick.bind(this),this.handleOnSwitchClick=this.handleOnSwitchClick.bind(this),this.handleOnKeyDown=this.handleOnKeyDown.bind(this),this.checkRef=a.createRef()}getStateElement(){return this.question}get question(){return this.questionBase}doCheck(e){this.question.booleanValue=e}
2handleOnChange(e){this.doCheck(e.target.checked)}handleOnClick(e){this.question.onLabelClick(e,!0)}handleOnSwitchClick(e){this.question.onSwitchClickModel(e.nativeEvent)}handleOnLabelClick(e,n){this.question.onLabelClick(e,n)}handleOnKeyDown(e){this.question.onKeyDownCore(e)}updateDomElement(){if(!this.question)return;const e=this.checkRef.current;e&&(e.indeterminate=this.question.isIndeterminate),this.setControl(e),super.updateDomElement()}renderElement(){const e=this.question.cssClasses,n=this.question.getItemCss();return a.createElement("div",{className:e.root,onKeyDown:this.handleOnKeyDown},a.createElement("label",{className:n},a.createElement("input",{ref:this.checkRef,type:"checkbox",name:this.question.name,value:null===this.question.booleanValue?"":this.question.booleanValue,id:this.question.inputId,className:e.control,disabled:this.question.isDisabledAttr,readOnly:this.question.isReadOnlyAttr,checked:this.question.booleanValue||!1,onChange:this.handleOnChange,role:this.question.a11y_input_ariaRole,"aria-required":this.question.a11y_input_ariaRequired,"aria-label":this.question.a11y_input_ariaLabel,"aria-labelledby":this.question.a11y_input_ariaLabelledBy,"aria-describedby":this.question.a11y_input_ariaDescribedBy,"aria-invalid":this.question.a11y_input_ariaInvalid,"aria-errormessage":this.question.a11y_input_ariaErrormessage}),a.createElement("div",{className:e.sliderGhost,onClick:e=>this.handleOnLabelClick(e,this.question.swapOrder)},a.createElement("span",{className:this.question.getLabelCss(this.question.swapOrder)},this.renderLocString(this.question.locLabelLeft))),a.createElement("div",{className:e.switch,onClick:this.handleOnSwitchClick},a.createElement("span",{className:e.slider},this.question.isDeterminated&&e.sliderText?a.createElement("span",{className:e.sliderText},this.renderLocString(this.question.getCheckedLabel())):null)),a.createElement("div",{className:e.sliderGhost,onClick:e=>this.handleOnLabelClick(e,!this.question.swapOrder)},a.createElement("span",{className:this.question.getLabelCss(!this.question.swapOrder)},this.renderLocString(this.question.locLabelRight)))))}}q.Instance.registerQuestion("boolean",e=>a.createElement(Ue,e));class Te extends Ue{constructor(e){super(e)}renderElement(){const e=this.question.cssClasses,n=this.question.getCheckboxItemCss(),t=this.question.canRenderLabelDescription?l.renderQuestionDescription(this.question):null;return a.createElement("div",{className:e.rootCheckbox},a.createElement("div",{className:n},a.createElement("label",{className:e.checkboxLabel},a.createElement("input",{ref:this.checkRef,type:"checkbox",name:this.question.name,value:null===this.question.booleanValue?"":this.question.booleanValue,id:this.question.inputId,className:e.controlCheckbox,disabled:this.question.isDisabledAttr,readOnly:this.question.isReadOnlyAttr,checked:this.question.booleanValue||!1,onChange:this.handleOnChange,"aria-required":this.question.a11y_input_ariaRequired,"aria-label":this.question.a11y_input_ariaLabel,"aria-labelledby":this.question.a11y_input_ariaLabelledBy,"aria-describedby":this.question.a11y_input_ariaDescribedBy,"aria-invalid":this.question.a11y_input_ariaInvalid,"aria-errormessage":this.question.a11y_input_ariaErrormessage}),a.createElement("span",{className:e.checkboxMaterialDecorator},this.question.svgIcon?a.createElement("svg",{className:e.checkboxItemDecorator},a.createElement("use",{xlinkHref:this.question.svgIcon})):null,a.createElement("span",{className:"check"})),this.question.isLabelRendered&&a.createElement("span",{className:e.checkboxControlLabel,id:this.question.labelRenderedAriaID},a.createElement(j,{element:this.question,cssClasses:this.question.cssClasses}))),t))}}q.Instance.registerQuestion("sv-boolean-checkbox",e=>a.createElement(Te,e)),s.OmU.Instance.registerRenderer("boolean","checkbox","sv-boolean-checkbox");class Ze extends Ue{constructor(e){super(e)}renderRadioItem(e,n){const t=this.question.cssClasses;return a.createElement("div",{role:"presentation",className:this.question.getRadioItemClass(t,e)},a.createElement("label",{className:t.radioLabel},a.createElement("input",{type:"radio",name:this.question.questionName,value:e,"aria-errormessage":this.question.ariaErrormessage,checked:e===this.question.value,disabled:this.question.isDisabledAttr,readOnly:this.question.isReadOnlyAttr,className:t.itemRadioControl,onChange:()=>{this.question.isInputReadOnly||(this.question.value=e)}}
2),this.question.cssClasses.materialRadioDecorator?a.createElement("span",{className:t.materialRadioDecorator},this.question.itemSvgIcon?a.createElement("svg",{className:t.itemRadioDecorator},a.createElement("use",{xlinkHref:this.question.itemSvgIcon})):null):null,a.createElement("span",{className:t.radioControlLabel},this.renderLocString(n))))}renderElement(){const e=this.question.cssClasses;return a.createElement("div",{className:e.rootRadio,onKeyDown:this.handleOnKeyDown},a.createElement("fieldset",{role:"presentation",className:e.radioFieldset},this.question.swapOrder?a.createElement(a.Fragment,null,this.renderRadioItem(this.question.getValueTrue(),this.question.locLabelTrue),this.renderRadioItem(this.question.getValueFalse(),this.question.locLabelFalse)):a.createElement(a.Fragment,null,this.renderRadioItem(this.question.getValueFalse(),this.question.locLabelFalse),this.renderRadioItem(this.question.getValueTrue(),this.question.locLabelTrue))))}}q.Instance.registerQuestion("sv-boolean-radio",e=>a.createElement(Ze,e)),s.OmU.Instance.registerRenderer("boolean","radio","sv-boolean-radio");class Oe extends c{constructor(e){super(e),this.state={value:this.question.value}}get question(){return this.questionBase}renderElement(){return a.createElement("div",null)}}q.Instance.registerQuestion("empty",e=>a.createElement(Oe,e));class Ae extends l{constructor(e){super(e),this.root=a.createRef(),this.onPointerDownHandler=e=>{this.parentMatrix.onPointerDown(e.nativeEvent,this.model.row)}}get model(){return this.props.model}get parentMatrix(){return this.props.parentMatrix}getStateElement(){return this.model}componentDidMount(){super.componentDidMount(),this.root.current&&this.model.setRootElement(this.root.current)}componentWillUnmount(){super.componentWillUnmount(),this.model.setRootElement(void 0)}shouldComponentUpdate(e,n){return!!super.shouldComponentUpdate(e,n)&&(e.model!==this.model&&(e.element&&e.element.setRootElement(this.root.current),this.model&&this.model.setRootElement(void 0)),!0)}render(){const e=this.model;return e.visible?a.createElement("tr",{ref:this.root,className:e.className,"data-sv-drop-target-matrix-row":e.dropTargetId},this.props.children):null}}i.Instance.registerElement("sv-matrix-row",e=>a.createElement(Ae,e));class Fe extends d{get question(){return this.props.item.data.question}get row(){return this.props.item.data.row}renderElement(){return a.createElement("div",{onPointerDown:e=>{this.question.onPointerDown(e.nativeEvent,this.row)}},this.renderIcon())}renderIcon(){return this.question.iconDragElement?a.createElement("svg",{className:this.question.cssClasses.dragElementDecorator},a.createElement("use",{xlinkHref:this.question.iconDragElement})):a.createElement("span",{className:this.question.cssClasses.iconDrag})}}i.Instance.registerElement("sv-matrix-drag-drop-icon",e=>a.createElement(Fe,e));class We extends l{get question(){return this.props.question}get creator(){return this.props.creator}get table(){return this.question.renderedTable}getStateElement(){return this.table}wrapCell(e,n,t){return this.props.wrapCell(e,n,t)}renderHeader(){const e=this.question.renderedTable;if(!e.showHeader)return null;const n=[],t=e.headerRow.cells;for(var s=0;s<t.length;s++){const e=t[s],r="column"+s,i={};e.width&&(i.width=e.width),e.minWidth&&(i.minWidth=e.minWidth);const o=this.renderCellContent(e,"column-header",{}),l=e.hasTitle?a.createElement("th",{className:e.className,key:r,style:i}," ",o," "):a.createElement("td",{className:e.className,key:r,style:i});n.push(l)}return a.createElement("thead",null,a.createElement("tr",null,n))}renderFooter(){const e=this.question.renderedTable;if(!e.showFooter)return null;const n=this.renderRow("footer",e.footerRow,this.question.cssClasses,"row-footer");return a.createElement("tfoot",null,n)}renderRows(){const e=this.question.cssClasses,n=[],t=this.question.renderedTable.renderedRows;for(var s=0;s<t.length;s++)n.push(this.renderRow(t[s].id,t[s],e));return a.createElement("tbody",null,n)}renderRow(e,n,t,s){const r=[],i=n.cells;for(var o=0;o<i.length;o++)r.push(this.renderCell(i[o],t,s));const l="row"+e;return a.createElement(a.Fragment,{key:l},"row-footer"==s?a.createElement("tr",null,r):a.createElement(Ae,{model:n,parentMatrix:this.question},r))}renderCell(e,n,t){const s="cell"+e.id;
2if(e.hasQuestion)return a.createElement(Ge,{key:s,cssClasses:n,cell:e,creator:this.creator,reason:t});if(e.isErrorsCell&&e.isErrorsCell)return a.createElement(Xe,{cell:e,key:s,keyValue:s,question:e.question,creator:this.creator});let r=t;r||(r=e.hasTitle?"row-header":"");const i=this.renderCellContent(e,r,n);let o=null;return(e.width||e.minWidth)&&(o={},e.width&&(o.width=e.width),e.minWidth&&(o.minWidth=e.minWidth)),a.createElement("td",{className:e.className,key:s,style:o,colSpan:e.colSpans,title:e.getTitle()},i)}renderCellContent(e,n,t){let s=null,r=null;if((e.width||e.minWidth)&&(r={},e.width&&(r.width=e.width),e.minWidth&&(r.minWidth=e.minWidth)),e.hasTitle){n="row-header";const t=this.renderLocString(e.locTitle),r=e.column?a.createElement(Ke,{column:e.column,question:this.question}):null;s=a.createElement(a.Fragment,null,t,r)}if(e.isDragHandlerCell&&(s=a.createElement(a.Fragment,null,a.createElement(Fe,{item:{data:{row:e.row,question:this.question}}}))),e.isActionsCell&&(s=i.Instance.createElement("sv-matrixdynamic-actions-cell",{question:this.question,cssClasses:t,cell:e,model:e.item.getData()})),e.hasPanel&&(s=a.createElement(te,{key:e.panel.id,element:e.panel,survey:this.question.survey,cssClasses:t,isDisplayMode:this.isDisplayMode,creator:this.creator})),!s)return null;const o=a.createElement(a.Fragment,null,s);return this.wrapCell(e,o,n)}renderElement(){const e=this.renderHeader(),n=this.renderFooter(),t=this.renderRows();return a.createElement("table",{className:this.question.getTableCss()},e,t,n)}}class Pe extends c{constructor(e){super(e),this.question.renderedTable,this.state=this.getState()}get question(){return this.questionBase}getState(e=null){return{rowCounter:e?e.rowCounter+1:0}}updateStateOnCallback(){this.isRendering||this.setState(this.getState(this.state))}componentDidMount(){super.componentDidMount(),this.question.onRenderedTableResetCallback=()=>{this.updateStateOnCallback()}}componentWillUnmount(){super.componentWillUnmount(),this.question.onRenderedTableResetCallback=()=>{}}renderElement(){return this.renderTableDiv()}renderTableDiv(){return a.createElement("div",{className:this.question.getTableWrapperCss(),ref:e=>this.setControl(e)},a.createElement(We,{question:this.question,creator:this.creator,wrapCell:(e,n,t)=>this.wrapCell(e,n,t)}))}}class Qe extends d{constructor(e){super(e)}get model(){return this.props.model}renderElement(){return a.createElement(y,{model:this.model,handleClick:!1})}}class Xe extends ee{constructor(e){super(e)}get key(){return this.props.keyValue}get cell(){return this.props.cell}render(){return this.cell.isVisible?a.createElement("td",{className:this.cell.className,key:this.key,colSpan:this.cell.colSpans,title:this.cell.getTitle()},super.render()):null}getQuestionPropertiesToTrack(){return super.getQuestionPropertiesToTrack().concat(["visible"])}}i.Instance.registerElement("sv-matrixdynamic-actions-cell",e=>a.createElement(Qe,e));class Ke extends d{constructor(e){super(e)}get column(){return this.props.column}get question(){return this.props.question}getStateElement(){return this.column}renderElement(){return this.column.isRenderedRequired?a.createElement(a.Fragment,null,a.createElement("span",null,"Â "),a.createElement("span",{className:this.question.cssClasses.cellRequiredMark},this.column.requiredMark)):null}}class Ge extends ${constructor(e){super(e)}get cell(){return this.props.cell}get itemCss(){return this.cell?this.cell.className:""}getQuestion(){return super.getQuestion()||(this.cell?this.cell.question:null)}doAfterRender(){var e=this.cellRef.current;if(e&&this.cell&&this.question&&this.question.survey&&"r"!==e.getAttribute("data-rendered")){e.setAttribute("data-rendered","r");const n={cell:this.cell,cellQuestion:this.question,htmlElement:e,row:this.cell.row,column:this.cell.cell.column};this.question.survey.matrixAfterCellRender(n),this.question.afterRenderCore(e)}}getShowErrors(){return this.question.isVisible&&(!this.cell.isChoice||this.cell.isFirstChoice)}getCellStyle(){var e=super.getCellStyle();return(this.cell.width||this.cell.minWidth)&&(e||(e={}),this.cell.width&&(e.width=this.cell.width),this.cell.minWidth&&(e.minWidth=this.cell.minWidth)),e}getHeaderText(){return this.cell.headers}renderElement(){return this.cell.isVisible?super.renderElement():null}renderCellContent(){const e=super.renderCellContent(),n=this.cell.showResponsiveTitle?a.createElement("span",{className:this.cell.responsiveTitleCss},this.renderLocString(this.cell.responsiveLocTitle),a.createElement(Ke,{column:this.cell.column,question:this.cell.matrix})):null;return a.createElement(a.Fragment,null,n,e)}renderQuestion(){return this.question.isVisible?this.cell.isChoice?this.cell.isOtherChoice?this.renderOtherComment():this.cell.isCheckbox?this.renderCellCheckboxButton():this.renderCellRadiogroupButton():G.renderQuestionBody(this.creator,this.question):a.createElement(a.Fragment,null)}
2renderOtherComment(){const e=this.cell.question,n=e.cssClasses||{};return a.createElement(W,{question:e,item:e.otherItem,cssClasses:n})}renderCellCheckboxButton(){var e=this.cell.question.id+"item"+this.cell.choiceIndex;return a.createElement(oe,{key:e,question:this.cell.question,cssClasses:this.cell.question.cssClasses,isDisplayMode:this.cell.question.isInputReadOnly,item:this.cell.item,isFirst:this.cell.isFirstChoice,index:this.cell.choiceIndex.toString(),hideCaption:!0,ariaLabel:this.getCellAriaLabel()})}renderCellRadiogroupButton(){var e=this.cell.question.id+"item"+this.cell.choiceIndex;return a.createElement(Ve,{key:e,question:this.cell.question,cssClasses:this.cell.question.cssClasses,isDisplayMode:this.cell.question.isInputReadOnly,item:this.cell.item,index:this.cell.choiceIndex.toString(),isChecked:this.cell.question.value===this.cell.item.value,isDisabled:this.cell.question.isReadOnly||!this.cell.item.isEnabled,hideCaption:!0,ariaLabel:this.getCellAriaLabel()})}getCellAriaLabel(){return this.question.parentQuestion.getCellAriaLabel(this.cell.row,this.cell.column)}}class Ye extends Pe{constructor(e){super(e)}}q.Instance.registerQuestion("matrixdropdown",e=>a.createElement(Ye,e));class Je extends Pe{constructor(e){super(e),this.handleOnRowAddClick=this.handleOnRowAddClick.bind(this)}get matrix(){return this.questionBase}handleOnRowAddClick(e){this.matrix.addRowUI()}renderElement(){var e=this.question.cssClasses,n=this.question.renderedTable.showTable?this.renderTableDiv():this.renderNoRowsContent(e);return a.createElement("div",null,this.renderAddRowButtonOnTop(e),n,this.renderAddRowButtonOnBottom(e))}renderAddRowButtonOnTop(e){return this.matrix.renderedTable.showAddRowOnTop?this.renderAddRowButton(e):null}renderAddRowButtonOnBottom(e){return this.matrix.renderedTable.showAddRowOnBottom?this.renderAddRowButton(e):null}renderNoRowsContent(e){return i.Instance.createElement("sv-placeholder-matrixdynamic",{cssClasses:e,question:this.matrix})}renderAddRowButton(e,n=!1){return i.Instance.createElement("sv-matrixdynamic-add-btn",{question:this.question,cssClasses:e,isEmptySection:n})}}q.Instance.registerQuestion("matrixdynamic",e=>a.createElement(Je,e));class $e extends d{constructor(e){super(e),this.handleOnRowAddClick=this.handleOnRowAddClick.bind(this)}get matrix(){return this.props.question}handleOnRowAddClick(e){this.matrix.addRowUI()}renderElement(){const e=this.renderLocString(this.matrix.locAddRowText),n=a.createElement("button",{className:this.matrix.getAddRowButtonCss(this.props.isEmptySection),type:"button",disabled:this.matrix.isInputReadOnly,onClick:this.matrix.isDesignMode?void 0:this.handleOnRowAddClick},e,a.createElement("span",{className:this.props.cssClasses.iconAdd},this.cssClasses.iconAddId&&a.createElement("svg",null,a.createElement("use",{xlinkHref:this.cssClasses.iconAddId}))));return this.props.isEmptySection?n:a.createElement("div",{className:this.props.cssClasses.footer},n)}}class en extends d{constructor(e){super(e)}renderElement(){const e=this.props.cssClasses,n=this.props.question,t=n.renderedTable.showAddRow,s=this.renderLocString(n.locNoRowsText),r=a.createElement("div",{className:e.noRowsText},s),i=t?this.renderAddRowButton(e,n):void 0;return a.createElement("div",{className:e.noRowsSection},r,i)}renderAddRowButton(e,n){return i.Instance.createElement("sv-matrixdynamic-add-btn",{question:n,cssClasses:e,isEmptySection:!0})}}i.Instance.registerElement("sv-matrixdynamic-add-btn",e=>a.createElement($e,e)),i.Instance.registerElement("sv-placeholder-matrixdynamic",e=>a.createElement(en,e));class nn extends c{constructor(e){super(e)}get question(){return this.questionBase}componentDidMount(){super.componentDidMount(),this.setState({panelCounter:0});const e=this;this.question.panelCountChangedCallback=function(){e.updateQuestionRendering()},this.question.currentIndexChangedCallback=function(){e.updateQuestionRendering()},this.question.renderModeChangedCallback=function(){e.updateQuestionRendering()}}componentWillUnmount(){super.componentWillUnmount(),this.question.panelCountChangedCallback=()=>{},this.question.currentIndexChangedCallback=()=>{},this.question.renderModeChangedCallback=()=>{}}updateQuestionRendering(){this.setState({panelCounter:this.state?this.state.panelCounter+1:1})}
2renderElement(){const e=[],n=this.question.cssClasses;this.question.renderedPanels.forEach((t,s)=>{e.push(a.createElement(tn,{key:t.id,element:t,question:this.question,index:s,cssClasses:n,isDisplayMode:this.isDisplayMode,creator:this.creator}))});const t=this.question.isRangeShowing&&this.question.isProgressTopShowing?this.renderRange():null,s=this.renderNavigatorV2(),r=this.renderPlaceholder(n);return a.createElement("div",{className:n.root},this.question.hasTabbedMenu?a.createElement("div",{className:this.question.getTabsContainerCss()},a.createElement(y,{model:this.question.tabbedMenu})):null,r,t,a.createElement("div",{className:this.question.cssClasses.panelsContainer},e),s)}renderRange(){return a.createElement("div",{className:this.question.cssClasses.progress},a.createElement("div",{className:this.question.cssClasses.progressBar,style:{width:this.question.progress},role:"progressbar","aria-label":this.question.progressBarAriaLabel}))}renderAddRowButton(){return i.Instance.createElement("sv-paneldynamic-add-btn",{data:{question:this.question}})}renderNavigatorV2(){if(!this.question.showNavigation)return null;const e=this.question.isRangeShowing&&this.question.isProgressBottomShowing?this.renderRange():null;return a.createElement("div",{className:this.question.cssClasses.footer},a.createElement("hr",{className:this.question.cssClasses.separator}),e,this.question.showFooterToolbar?a.createElement("div",{className:this.question.cssClasses.footerButtonsContainer},a.createElement(y,{model:this.question.footerToolbar})):null)}renderPlaceholder(e){return this.question.getShowNoEntriesPlaceholder()?i.Instance.createElement("sv-placeholder-paneldynamic",{cssClasses:e,question:this.question}):null}}class tn extends te{get question(){return this.props.question}get index(){return this.props.index}getSurvey(){return this.question?this.question.survey:null}getCss(){const e=this.getSurvey();return e?e.getCss():{}}render(){const e=super.render(),n=this.renderButton(),t=this.question.showSeparator(this.index)?a.createElement("hr",{className:this.question.cssClasses.separator}):null;return a.createElement(a.Fragment,null,a.createElement("div",{className:this.question.getPanelWrapperCss(this.panel)},e,n),t)}renderButton(){return this.question.canRenderRemovePanelOnRight(this.panel)?i.Instance.createElement("sv-paneldynamic-remove-btn",{data:{question:this.question,panel:this.panel}}):null}}q.Instance.registerQuestion("paneldynamic",e=>a.createElement(nn,e));class sn extends d{constructor(e){super(e)}renderElement(){const e=this.props.cssClasses,n=this.props.question;return a.createElement("div",{className:e.noEntriesPlaceholder},a.createElement("span",null,this.renderLocString(n.locNoEntriesText)),this.renderAddRowButton(n))}renderAddRowButton(e){return i.Instance.createElement("sv-paneldynamic-add-btn",{data:{question:e}})}}i.Instance.registerElement("sv-placeholder-paneldynamic",e=>a.createElement(sn,e));class an extends B{constructor(e){super(e)}get isTop(){return this.props.isTop}get model(){return this.props.model}getStateElement(){return this.model}get progress(){return this.model.progressValue}get progressText(){return this.model.progressText}get progressBarAriaLabel(){return this.model.progressBarAriaLabel}render(){var e={width:this.progress+"%"};return a.createElement("div",{className:this.model.getProgressCssClasses(this.props.container)},a.createElement("div",{style:e,className:this.model.css.progressBar,role:"progressbar","aria-valuemin":0,"aria-valuemax":100,"aria-label":this.progressBarAriaLabel},a.createElement("span",{className:s.$3d.getProgressTextInBarCss(this.model.css)},this.progressText)),a.createElement("span",{className:s.$3d.getProgressTextUnderBarCss(this.model.css)},this.progressText))}}i.Instance.registerElement("sv-progress-pages",e=>a.createElement(an,e)),i.Instance.registerElement("sv-progress-questions",e=>a.createElement(an,e)),i.Instance.registerElement("sv-progress-correctquestions",e=>a.createElement(an,e)),i.Instance.registerElement("sv-progress-requiredquestions",e=>a.createElement(an,e));class rn extends B{constructor(e){super(e),this.listContainerRef
2=a.createRef()}get model(){return this.props.model}get container(){return this.props.container}getStateElement(){return this.model}onResize(e){this.setState({canShowItemTitles:e}),this.setState({canShowHeader:!e})}onUpdateScroller(e){this.setState({hasScroller:e})}onUpdateSettings(){this.setState({canShowItemTitles:this.model.showItemTitles}),this.setState({canShowFooter:!this.model.showItemTitles})}render(){return a.createElement("div",{className:this.model.getRootCss(this.props.container),style:{maxWidth:this.model.progressWidth,"--sd-progress-buttons-pages-count":this.model.visiblePages.length},role:"progressbar","aria-valuemin":0,"aria-valuemax":100,"aria-label":this.model.progressBarAriaLabel},this.state.canShowHeader?a.createElement("div",{className:this.css.progressButtonsHeader},a.createElement("div",{className:this.css.progressButtonsPageTitle,title:this.model.headerText},this.model.headerText)):null,a.createElement("div",{className:this.css.progressButtonsContainer},a.createElement("div",{className:this.model.getScrollButtonCss(this.state.hasScroller,!0),role:"button",onClick:()=>this.clickScrollButton(this.listContainerRef.current,!0)}),a.createElement("div",{className:this.css.progressButtonsListContainer,ref:this.listContainerRef},a.createElement("ul",{className:this.css.progressButtonsList},this.getListElements())),a.createElement("div",{className:this.model.getScrollButtonCss(this.state.hasScroller,!1),role:"button",onClick:()=>this.clickScrollButton(this.listContainerRef.current,!1)})),this.state.canShowFooter?a.createElement("div",{className:this.css.progressButtonsFooter},a.createElement("div",{className:this.css.progressButtonsPageTitle,title:this.model.footerText},this.model.footerText)):null)}getListElements(){let e=[];return this.model.visiblePages.forEach((n,t)=>{e.push(this.renderListElement(n,t))}),e}renderListElement(e,n){const t=l.renderLocString(e.locNavigationTitle);return a.createElement("li",{key:"listelement"+n,className:this.model.getListElementCss(n),onClick:this.model.isListElementClickable(n)?()=>this.model.clickListElement(e):void 0,"data-page-number":this.model.getItemNumber(e)},a.createElement("div",{className:this.css.progressButtonsConnector}),this.state.canShowItemTitles?a.createElement(a.Fragment,null,a.createElement("div",{className:this.css.progressButtonsPageTitle,title:e.renderedNavigationTitle},t),a.createElement("div",{className:this.css.progressButtonsPageDescription,title:e.navigationDescription},e.navigationDescription)):null,a.createElement("div",{className:this.css.progressButtonsButton},a.createElement("div",{className:this.css.progressButtonsButtonBackground}),a.createElement("div",{className:this.css.progressButtonsButtonContent}),a.createElement("span",null,this.model.getItemNumber(e))))}clickScrollButton(e,n){e&&(e.scrollLeft+=70*(n?-1:1))}componentDidMount(){super.componentDidMount(),this.respManager=new s.$fg(this.model,this.listContainerRef.current,this)}componentWillUnmount(){this.respManager&&this.respManager.dispose(),super.componentWillUnmount()}}i.Instance.registerElement("sv-progress-buttons",e=>a.createElement(rn,e));class on extends l{constructor(e){super(e),this.handleKeydown=e=>{this.model.onKeyDown(e)},this.elementRef=a.createRef()}get model(){return this.props.model}get item(){return this.props.item}getStateElement(){return this.item}render(){if(!this.item)return null;const e=this.model.getItemClass(this.item),n=this.item.component||this.model.itemComponent,t=this.item.data,s=i.Instance.createElement(n,{item:this.item,key:this.item.id,model:this.model,itemData:t,survey:null==t?void 0:t.survey,page:null==t?void 0:t.page}),r=a.createElement("div",{ref:this.elementRef,style:this.model.getItemStyle(this.item),className:this.model.cssClasses.itemBody,title:this.item.getTooltip(),onMouseOver:e=>{this.model.onItemHover(this.item)},onMouseLeave:e=>{this.model.onItemLeave(this.item)}},s),o=this.item.needSeparator?a.createElement("div",{className:this.model.cssClasses.itemSeparator}):null,l={display:this.model.isItemVisible(this.item)?null:"none"};return H(a.createElement("li",{className:e,role:this.model.listItemRole,style:l,id:this.item.elementId,"aria-selected":this.model.getA11yItemAriaSelected(this.item),"aria-checked":this.model.getA11yItemAriaChecked(this.item),onClick:e=>{this.model.onItemClick(this.item),e.stopPropagation()},onPointerDown:e=>this.model.onPointerDown(e,this.item)},o,r),this.item)}componentDidMount(){var e;super.componentDidMount(),this.model.onItemRended(this.item,null===(e=this.elementRef)||void 0===e?void 0:e.current)}}i.Instance.registerElement("sv-list-item",e=>a.createElement(on,e));class ln extends l{constructor(e){super(e),this.handleKeydown=e=>{this.model.onKeyDown(e)},this.handleMouseMove=e=>{this.model.onMouseMove(e)},this.state={filterString:this.model.filterString||""}
2,this.listContainerRef=a.createRef()}get model(){return this.props.model}getStateElement(){return this.model}componentDidMount(){super.componentDidMount(),this.listContainerRef&&this.listContainerRef.current&&this.model.initListContainerHtmlElement(this.listContainerRef.current)}componentDidUpdate(e,n){var t;super.componentDidUpdate(e,n),this.model!==e.model&&(this.model&&(null===(t=this.listContainerRef)||void 0===t?void 0:t.current)&&this.model.initListContainerHtmlElement(this.listContainerRef.current),e.model&&e.model.initListContainerHtmlElement(void 0))}componentWillUnmount(){super.componentWillUnmount(),this.model&&this.model.initListContainerHtmlElement(void 0)}renderElement(){return a.createElement("div",{className:this.model.cssClasses.root,ref:this.listContainerRef},this.searchElementContent(),this.emptyContent(),this.renderList())}renderList(){if(!this.model.renderElements)return null;const e=this.renderItems(),n={display:this.model.isEmpty?"none":null};return a.createElement("ul",{className:this.model.getListClass(),style:n,role:this.model.listRole,"aria-label":this.model.a11ya11y_input_ariaLabel,id:this.model.elementId,onMouseDown:e=>{e.preventDefault()},onKeyDown:this.handleKeydown,onMouseMove:this.handleMouseMove},e)}renderItems(){if(!this.model)return null;const e=this.model.renderedActions;return e?e.map((e,n)=>a.createElement(on,{model:this.model,item:e,key:"item"+n})):null}searchElementContent(){if(this.model.showFilter){const e=e=>{var n;const t=null===(n=e.target.getRootNode())||void 0===n?void 0:n.activeElement;e.target===t&&(this.model.filterString=e.target.value)},n=e=>{this.model.goToItems(e)},t=this.model.showSearchClearButton&&this.model.filterString?a.createElement("button",{className:this.model.cssClasses.searchClearButtonIcon,onClick:e=>{this.model.onClickSearchClearButton(e)}},a.createElement(u,{iconName:"icon-searchclear",size:"auto"})):null;return a.createElement("div",{className:this.model.cssClasses.filter},a.createElement("div",{className:this.model.cssClasses.filterIcon},a.createElement(u,{iconName:"icon-search",size:"auto"})),a.createElement("input",{type:"text",className:this.model.cssClasses.filterInput,"aria-label":this.model.filterStringPlaceholder,placeholder:this.model.filterStringPlaceholder,value:this.state.filterString,onKeyUp:n,onChange:e}),t)}return null}emptyContent(){const e={display:this.model.isEmpty?null:"none"};return a.createElement("div",{className:this.model.cssClasses.emptyContainer,style:e},a.createElement("div",{className:this.model.cssClasses.emptyText,"aria-label":this.model.emptyMessage},this.model.emptyMessage))}}i.Instance.registerElement("sv-list",e=>a.createElement(ln,e));class dn extends B{componentDidMount(){super.componentDidMount(),this.props.model.updateStickyTOCSize(this.survey.rootElement)}render(){const e=this.props.model;let n;return n=e.isMobile?a.createElement("div",{onClick:e.togglePopup},a.createElement(u,{iconName:e.icon,size:24}),a.createElement(b,{model:e.popupModel})):a.createElement(ln,{model:e.listModel}),a.createElement("div",{className:e.containerCss},n)}}i.Instance.registerElement("sv-navigation-toc",e=>a.createElement(dn,e));class cn extends c{constructor(e){super(e),this.handleOnClick=this.handleOnClick.bind(this)}get question(){return this.questionBase}handleOnClick(e){this.question.setValueFromClick(e.target.value),this.setState({value:this.question.value})}componentDidMount(){super.componentDidMount(),this.setState({value:this.question.value})}renderItem(e,n){return i.Instance.createElement(this.question.itemComponent,{question:this.question,item:e,index:n,key:"value"+n,handleOnClick:this.handleOnClick,isDisplayMode:this.isDisplayMode})}renderElement(){var e=this.question.cssClasses,n=this.question.minRateDescription?this.renderLocString(this.question.locMinRateDescription):null,t=this.question.maxRateDescription?this.renderLocString(this.question.locMaxRateDescription):null;return a.createElement("div",{className:this.question.ratingRootCss,ref:e=>this.setControl(e)},a.createElement("fieldset",{role:this.question.a11y_input_ariaRole,"aria-required":this.question.a11y_input_ariaRequired,"aria-label":this.question.a11y_input_ariaLabel,"aria-labelledby":this.question.a11y_input_ariaLabelledBy,"aria-describedby":this.question.a11y_input_ariaDescribedBy,"aria-invalid":this.question.a11y_input_ariaInvalid,"aria-errormessage":this.question.a11y_input_ariaErrormessage},a.createElement("legend",{role:"presentation",className:"sv-hidden"}),this.question.hasMinLabel?a.createElement("span",{className:e.minText},n):null,this.question.renderedRateItems.map((e,n)=>this.renderItem(e,n)),this.question.hasMaxLabel?a.createElement("span",{className:e.maxText},t):null))}}q.Instance.registerQuestion("rating",e=>a.createElement(cn,e));class pn extends fe{constructor(e){super(e)}
2renderElement(){var e=this.question.cssClasses,n=this.renderSelect(e);return a.createElement("div",{className:this.question.cssClasses.rootDropdown},n)}}q.Instance.registerQuestion("sv-rating-dropdown",e=>a.createElement(pn,e)),s.OmU.Instance.registerRenderer("rating","dropdown","sv-rating-dropdown");class un extends c{constructor(e){super(e),this.rangeInputRef=a.createRef()}componentDidMount(){super.componentDidMount(),this.question.refreshInputRange(this.rangeInputRef.current)}get question(){return this.questionBase}getStateElement(){return this.question}renderElement(){const{cssClasses:e,showLabels:n,sliderType:t,getTrackPercentLeft:s,getTrackPercentRight:r,allowDragRange:i,setValueByClickOnPath:o}=this.question,l="single"===t&&i?null:this.getRangeInput(),d=this.getInputsAndThumbs(),c=n?this.getLabels():null;return a.createElement("div",{className:this.question.rootCss,ref:e=>this.setControl(e)},l,a.createElement("div",{className:e.visualContainer,onPointerUp:e=>{o(e.nativeEvent,this.control)}},a.createElement("div",{className:e.visualContainerSlider},a.createElement("div",{className:e.inverseTrackLeft,style:{width:s()+"%"}}),a.createElement("div",{className:e.inverseTrackRight,style:{width:r()+"%"}}),a.createElement("div",{className:e.rangeTrack,style:{left:s()+"%",right:r()+"%"}}),d)),c)}getInputsAndThumbs(){const e=[],n=this.question.renderedValue;for(let t=0;t<n.length;t++){const n=a.createElement(a.Fragment,{key:t},this.getInput(t),this.getThumb(t));e.push(n)}return e}getThumb(e){const{cssClasses:n,getThumbContainerCss:t,tooltipVisibility:s,tooltipCss:r,getPercent:i,renderedValue:o,getTooltipValue:l}=this.question,d=o[e];let c=null;return"never"!==s&&(c=a.createElement("div",{className:r},a.createElement("div",{className:n.tooltipPanel},a.createElement("div",{className:n.tooltipValue}
2,l(e))))),a.createElement("div",{className:t(e),style:{left:i(d)+"%"}},c,a.createElement("div",{className:n.thumb},a.createElement("div",{className:n.thumbDot})))}getInput(e){const{renderedMax:n,renderedMin:t,step:s,cssClasses:r,isDisabledAttr:i,renderedValue:o,handleOnChange:l,handlePointerDown:d,handlePointerUp:c,handleKeyDown:p,handleKeyUp:u,handleOnFocus:m,handleOnBlur:v,id:h}=this.question,g=o[e];return a.createElement("input",{className:r.input,id:h+"-sjs-slider-input-"+e,type:"range",min:t,max:n,step:s,value:g,onChange:n=>{l(n.nativeEvent,e)},onPointerDown:e=>{d(e.nativeEvent)},onPointerUp:e=>{e.stopPropagation(),c(e.nativeEvent)},onKeyDown:e=>{p(e.nativeEvent)},onKeyUp:e=>{u(e.nativeEvent)},onFocus:()=>{m(e)},onBlur:()=>{v()},disabled:i,"aria-required":this.question.a11y_input_ariaRequired,"aria-label":this.question.a11y_input_ariaLabel,"aria-labelledby":this.question.a11y_input_ariaLabelledBy,"aria-describedby":this.question.a11y_input_ariaDescribedBy,"aria-invalid":this.question.a11y_input_ariaInvalid,"aria-errormessage":this.question.a11y_input_ariaErrormessage})}getRangeInput(){const{renderedMax:e,renderedMin:n,step:t,cssClasses:s,handleRangeOnChange:r,handleRangePointerDown:i,handleRangePointerUp:o,id:l}=this.question;return a.createElement("input",{name:"range-input",id:l+"-sjs-slider-input-range-input",ref:this.rangeInputRef,className:s.input,type:"range","aria-hidden":"true",min:n,max:e,step:t,tabIndex:-1,onChange:e=>{r(e.nativeEvent)},onPointerDown:e=>{e.persist(),i(e.nativeEvent,this.control)},onPointerUp:e=>{o(e.nativeEvent,this.control)}})}getLabels(){const e=[],{renderedLabels:n,cssClasses:t}=this.question;for(let t=0;t<n.length;t++){const s=i.Instance.createElement("sv-slider-label-item",{item:n[t],question:this.question,key:n[t].id});e.push(s)}return a.createElement("div",{className:t.labelsContainer},a.createElement("div",null,e))}}q.Instance.registerQuestion("slider",e=>a.createElement(un,e));class mn extends c{constructor(e){super(e)}get question(){return this.questionBase}renderElement(){var e=this.question.cssClasses;return a.createElement("div",{id:this.question.inputId,className:e.root,ref:e=>this.setControl(e),"aria-live":"polite","aria-label":this.question.formatedValue},this.question.formatedValue)}}q.Instance.registerQuestion("expression",e=>a.createElement(mn,e));class vn extends c{constructor(e){super(e)}get question(){return this.questionBase}renderElement(){var e=this.question.cssClasses;return a.createElement("fieldset",{className:this.question.getSelectBaseRootCss(),style:this.question.getContainerStyle()},a.createElement("legend",{className:"sv-hidden"},this.question.locTitle.renderedHtml),this.question.hasColumns?this.getColumns(e):this.getItems(e))}getColumns(e){return this.question.columns.map((n,t)=>{var s=n.map((n,t)=>this.renderItem(n,e));return a.createElement("div",{key:"column"+t+this.question.getItemsColumnKey(n),className:this.question.getColumnClass(),role:"presentation"},s)})}getItems(e){for(var n=[],t=0;t<this.question.visibleChoices.length;t++){var s=this.question.visibleChoices[t];n.push(this.renderItem(s,e))}return n}get textStyle(){return{marginLeft:"3px",display:"inline",position:"static"}}renderItem(e,n){const t=a.createElement(hn,{key:e.uniqueId,question:this.question,item:e,cssClasses:n}),s=this.question.survey;let r=null;return s&&(r=o.wrapItemValue(s,t,this.question,e)),null!=r?r:t}}class hn extends d{constructor(e){super(e),this.handleOnChange=this.handleOnChange.bind(this)}getStateElement(){return this.item}componentDidMount(){super.componentDidMount(),this.reactOnStrChanged()}componentWillUnmount(){super.componentWillUnmount(),this.item.locImageLink.onChanged=function(){}}componentDidUpdate(e,n){super.componentDidUpdate(e,n),this.reactOnStrChanged()}reactOnStrChanged(){this.item.locImageLink.onChanged=()=>{this.setState({locImageLinkchanged:this.state&&this.state.locImageLink?this.state.locImageLink+1:1})}}get cssClasses(){return this.props.cssClasses}get item(){return this.props.item}get question(){return this.props.question}handleOnChange(e){if(!this.question.isReadOnlyAttr){if(this.question.multiSelect)if(e.target.checked)this.question.value=this.question.value.concat(e.target.value);else{var n=this.question.value;n.splice(this.question.value.indexOf(e.target.value),1),this.question.value=n}else this.question.value=e.target.value;this.setState({value:this.question.value})}}renderElement(){const e=this.item,n=this.question,t=this.cssClasse
2s;var s=n.isItemSelected(e),r=n.getItemClass(e),i=null;n.showLabel&&(i=a.createElement("span",{className:n.cssClasses.itemText},e.text?l.renderLocString(e.locText):e.value));var o={objectFit:this.question.imageFit},d=null;if(e.locImageLink.renderedHtml&&"image"===this.question.contentMode&&(d=a.createElement("img",{className:t.image,src:e.locImageLink.renderedHtml,width:this.question.renderedImageWidth,height:this.question.renderedImageHeight,alt:e.locText.renderedHtml,style:o,onLoad:n=>{this.question.onContentLoaded(e,n.nativeEvent)},onError:n=>{e.onErrorHandler(e,n.nativeEvent)}})),e.locImageLink.renderedHtml&&"video"===this.question.contentMode&&(d=a.createElement("video",{controls:!0,className:t.image,src:e.locImageLink.renderedHtml,width:this.question.renderedImageWidth,height:this.question.renderedImageHeight,style:o,onLoadedMetadata:n=>{this.question.onContentLoaded(e,n.nativeEvent)},onError:n=>{e.onErrorHandler(e,n.nativeEvent)}})),!e.locImageLink.renderedHtml||e.contentNotLoaded){let e={width:this.question.renderedImageWidth,height:this.question.renderedImageHeight,objectFit:this.question.imageFit};d=a.createElement("div",{className:t.itemNoImage,style:e},t.itemNoImageSvgIcon?a.createElement(u,{className:t.itemNoImageSvgIcon,iconName:this.question.cssClasses.itemNoImageSvgIconId,size:48}):null)}return a.createElement("div",{className:r},a.createElement("label",{className:t.label},a.createElement("input",{className:t.itemControl,id:this.question.getItemId(e),type:this.question.inputType,name:this.question.questionName,checked:s,value:e.value,disabled:!this.question.getItemEnabled(e),readOnly:this.question.isReadOnlyAttr,onChange:this.handleOnChange,required:this.question.inputRequiredAttribute,"aria-label":e.locText.renderedHtml,"aria-invalid":this.question.ariaInvalid,"aria-errormessage":this.question.ariaErrormessage}),a.createElement("div",{className:this.question.cssClasses.itemDecorator},a.createElement("div",{className:this.question.cssClasses.imageContainer},this.question.cssClasses.checkedItemDecorator?a.createElement("span",{className:this.question.cssClasses.checkedItemDecorator,"aria-hidden":"true"},this.question.cssClasses.checkedItemSvgIconId?a.createElement(u,{size:"auto",className:this.question.cssClasses.checkedItemSvgIcon,iconName:this.question.cssClasses.checkedItemSvgIconId}):null):null,d),i)))}}q.Instance.registerQuestion("imagepicker",e=>a.createElement(vn,e));class gn extends c{constructor(e){super(e),this.state={width:void 0,height:void 0,scale:void 0}}get question(){return this.questionBase}componentDidMount(){super.componentDidMount()}componentWillUnmount(){super.componentWillUnmount()}renderElement(){return a.createElement("div",{className:this.question.cssClasses.root,ref:e=>this.setControl(e)},a.createElement("img",{className:this.question.cssClasses.bg,id:`${this.question.id}-bg`,src:this.question.imageLink,role:"presentation"}),a.createElement("svg",{className:this.question.cssClasses.svg,id:`${this.question.id}-svg`}))}}q.Instance.registerQuestion("imagemap",e=>a.createElement(gn,e));class bn extends c{constructor(e){super(e)}componentDidMount(){super.componentDidMount(),this.question.locImageLink.onChanged=()=>{this.forceUpdate()}}componentWillUnmount(){super.componentWillUnmount(),this.question.locImageLink.onChanged=()=>{}}get question(){return this.questionBase}renderElement(){var e=this.question.getImageCss(),n={objectFit:this.question.imageFit,width:this.question.renderedStyleWidth,height:this.question.renderedStyleHeight};this.question.imageLink&&!this.question.contentNotLoaded||(n.display="none");var t=null;"image"===this.question.renderedMode&&(t=a.createElement("img",{className:e,src:this.question.locImageLink.renderedHtml||null,alt:this.question.renderedAltText,width:this.question.renderedWidth,height:this.question.renderedHeight,style:n,onLoad:e=>{this.question.onLoadHandler()},onError:e=>{this.question.onErrorHandler()}})),"video"===this.question.renderedMode&&(t=a.createElement("video",{controls:!0,className:e,src:this.question.locImageLink.renderedHtml,width:this.question.renderedWidth,height:this.question.renderedHeight,style:n,onLoadedMetadata:e=>{this.question.onLoadHandler()},onError:e=>{this.question.onErrorHandler()}})),"youtube"===this.question.renderedMode&&(t=a.createElement("iframe",{className:e,src:this.question.locImageLink.renderedHtml,width:this.question.renderedWidth,height:this.question.renderedHeight,style:n,title:this.question.renderedAltText}));var s=null;return this.question.imageLink&&!this.question.contentNotLoaded||(s=a.createElement("div",{className:this.question.cssClasse
2s.noImage},a.createElement(u,{iconName:this.question.cssClasses.noImageSvgIconId,size:48}))),a.createElement("div",{className:this.question.cssClasses.root},t,s)}}q.Instance.registerQuestion("image",e=>a.createElement(bn,e));class fn extends c{constructor(e){super(e),this.state={value:this.question.value}}get question(){return this.questionBase}renderElement(){var e=this.question.cssClasses;const n=this.question.showLoadingIndicator?this.renderLoadingIndicator():null;var t=this.renderCleanButton();return a.createElement("div",{className:e.root,ref:e=>this.setControl(e),style:{width:this.question.renderedCanvasWidth}},a.createElement("div",{className:e.placeholder,style:{display:this.question.needShowPlaceholder()?"":"none"}},this.renderLocString(this.question.locRenderedPlaceholder)),a.createElement("div",null,this.renderBackgroundImage(),a.createElement("canvas",{tabIndex:-1,className:this.question.cssClasses.canvas,onBlur:e=>{this.question.onBlur(e)}})),t,n)}renderBackgroundImage(){return this.question.backgroundImage?a.createElement("img",{className:this.question.cssClasses.backgroundImage,src:this.question.backgroundImage,style:{width:this.question.renderedCanvasWidth},role:"presentation"}):null}renderLoadingIndicator(){return a.createElement("div",{className:this.question.cssClasses.loadingIndicator},a.createElement(Ee,null))}renderCleanButton(){if(!this.question.canShowClearButton)return null;var e=this.question.cssClasses;return a.createElement("div",{className:e.controls},a.createElement("button",{type:"button",className:e.clearButton,title:this.question.clearButtonCaption,onClick:()=>this.question.clearValueFromUI()},this.question.cssClasses.clearButtonIconId?a.createElement(u,{iconName:this.question.cssClasses.clearButtonIconId,size:"auto"}):a.createElement("span",null,"â")," "))}}q.Instance.registerQuestion("signaturepad",e=>a.createElement(fn,e));class _n extends c{constructor(e){super(e)}get question(){return this.questionBase}getStateElement(){return this.question}renderElement(){const e=this.renderItems();return a.createElement("div",{className:this.question.cssClasses.root},e)}renderItems(){return this.question.visibleChoices.map((e,n)=>a.createElement(xn,{key:this.question.inputId+"_"+n,item:e,question:this.question,index:n}))}}q.Instance.registerQuestion("buttongroup",e=>a.createElement(_n,e));class xn extends l{constructor(e){super(e)}get index(){return this.props.index}get question(){return this.props.question}get item(){return this.props.item}getStateElement(){return this.item}renderElement(){this.model=new s.Owx(this.question,this.item,this.index);const e=this.renderIcon(),n=this.renderInput(),t=this.renderCaption();return a.createElement("label",{className:this.model.css.label,title:this.model.caption.renderedHtml},n,a.createElement("div",{className:this.model.css.decorator},e,t))}renderIcon(){return this.model.iconName?a.createElement(u,{className:this.model.css.icon,iconName:this.model.iconName,size:this.model.iconSize||24}):null}renderInput(){return a.createElement("input",{className:this.model.css.control,id:this.model.id,type:"radio",name:this.model.name,checked:this.model.selected,value:this.model.value,disabled:this.model.readOnly,onChange:()=>{this.model.onChange()},"aria-required":this.model.isRequired,"aria-label":this.model.caption.renderedHtml,"aria-invalid":this.model.hasErrors,"aria-errormessage":this.model.describedBy})}renderCaption(){if(!this.model.showCaption)return null;let e=this.renderLocString(this.model.caption);return a.createElement("span",{className:this.model.css.caption,title:this.model.caption.renderedHtml},e)}}class yn extends fe{constructor(e){super(e)}renderElement(){const e=this.question.cssClasses,n=this.renderSelect(e);return a.createElement("div",{className:this.question.cssClasses.rootDropdown},n)}}q.Instance.registerQuestion("sv-buttongroup-dropdown",e=>a.createElement(yn,e)),s.OmU.Instance.registerRenderer("buttongroup","dropdown","sv-buttongroup-dropdown");class wn extends p{constructor(e){super(e)}getStateElements(){const e=super.getStateElements();return this.question.contentQuestion&&e.push(this.question.contentQuestion),e}getRenderedElements(){const e=super.getRenderedElements();return this.question.contentQuestion&&e.push(this.question.contentQuestion),e}renderElement(){return G.renderQuestionBody(this.creator,this.question.contentQuestion)}}class jn extends p{constructor(e){super(e)}canRender(){return!!this.question.contentPanel}renderElement(){return a.createElement(te,{element:this.question.contentPanel,creator:this.creator,survey:this.question.survey})}}q.Instance.registerQuestion("custom",e=>a.createElement(wn,e)),q.Instance.registerQuestion("composite",e=>a.createElement(jn,e));class Cn extends l{get model(){return this.props.model}get item(){return this.props.item}getStateElement(){return this.item}
2render(){if(!this.item)return null;const e=this.renderLocString(this.item.locTitle,void 0,"locString"),n=this.item.iconName?a.createElement(u,{className:this.model.cssClasses.itemIcon,iconName:this.item.iconName,size:this.item.iconSize,"aria-label":this.item.title}):null,t=this.item.markerIconName?a.createElement(u,{className:this.item.cssClasses.itemMarkerIcon,iconName:this.item.markerIconName,size:"auto"}):null;return a.createElement(a.Fragment,null,n,e,t)}}i.Instance.registerElement("sv-list-item-content",e=>a.createElement(Cn,e));class kn extends l{get model(){return this.props.model}get item(){return this.props.item}getStateElement(){return this.item}render(){var e;if(!this.item)return null;const n=i.Instance.createElement("sv-list-item-content",{item:this.item,key:"content"+this.item.id,model:this.model});return a.createElement(a.Fragment,null,n,a.createElement(b,{model:null===(e=this.item)||void 0===e?void 0:e.popupModel}))}}i.Instance.registerElement("sv-list-item-group",e=>a.createElement(kn,e));class qn extends a.Component{constructor(e){super(e)}get survey(){return this.props.data}render(){const e=[];return e.push(a.createElement("div",{key:"logo-image",className:this.survey.logoClassNames},a.createElement("img",{className:this.survey.css.logoImage,src:this.survey.locLogo.renderedHtml||null,alt:this.survey.locTitle.renderedHtml,width:this.survey.renderedLogoWidth,height:this.survey.renderedLogoHeight,style:{objectFit:this.survey.logoFit,width:this.survey.renderedStyleLogoWidth,height:this.survey.renderedStyleLogoHeight}}))),a.createElement(a.Fragment,null,e)}}i.Instance.registerElement("sv-logo-image",e=>a.createElement(qn,e));class En extends d{constructor(e){super(e),this.handleOnRowRemoveClick=this.handleOnRowRemoveClick.bind(this)}get question(){return this.props.item.data.question}get row(){return this.props.item.data.row}handleOnRowRemoveClick(e){this.question.removeRowUI(this.row)}renderElement(){var e=this.renderLocString(this.question.locRemoveRowText);return a.createElement("button",{className:this.question.getRemoveRowButtonCss(),type:"button",onClick:this.handleOnRowRemoveClick,disabled:this.question.isInputReadOnly},e,a.createElement("span",{className:this.question.cssClasses.iconRemove}))}}i.Instance.registerElement("sv-matrix-remove-button",e=>a.createElement(En,e));class Ln extends d{constructor(e){super(e),this.handleOnShowHideClick=this.handleOnShowHideClick.bind(this)}getStateElement(){return this.props.item}get item(){return this.props.item}get question(){return this.props.item.data.question}get row(){return this.props.item.data.row}handleOnShowHideClick(e){this.row.showHideDetailPanelClick()}renderElement(){var e=this.row.isDetailPanelShowing,n=e,t=e?this.row.detailPanelId:void 0;return a.createElement("button",{type:"button",title:this.props.item.title,onClick:this.handleOnShowHideClick,className:this.question.getDetailPanelButtonCss(this.row),"aria-expanded":n,"aria-controls":t},a.createElement(u,{className:this.question.getDetailPanelIconCss(this.row),iconName:this.question.getDetailPanelIconId(this.row),size:"auto"}))}}i.Instance.registerElement("sv-matrix-detail-button",e=>a.createElement(Ln,e));class In extends d{constructor(e){super(e)}get data(){return this.props.item&&this.props.item.data||this.props.data}get question(){return this.props.item&&this.props.item.data.question||this.props.data.question}get isActionEnabled(){return!this.props.item||!1!==this.props.item.enabled}}class Mn extends In{constructor(){super(...arguments),this.handleClick=e=>{this.isActionEnabled&&this.question.addPanelUI()}}get isActionEnabled(){return this.props.item?!1!==this.props.item.enabled:!1!==this.question.enableAddPanel}renderElement(){if(!this.question.canAddPanel)return null;const e=this.renderLocString(this.question.locAddPanelText);return a.createElement("button",{type:"button",id:this.question.addButtonId,className:this.question.getAddButtonCss(),onClick:this.handleClick,disabled:!this.isActionEnabled},a.createElement("span",{className:this.question.cssClasses.buttonAddText},e))}}i.Instance.registerElement("sv-paneldynamic-add-btn",e=>a.createElement(Mn,e));class zn extends In{constructor(){super(...arguments),this.handleClick=e=>{this.isActionEnabled&&this.question.removePanelUI(this.data.panel)}}renderElement(){const e=this.renderLocString(this.question.locRemovePanelText),n=this.question.getPanelRemoveButtonId(this.data.panel);return a.createElement("button",{id:n,className:this.question.getPanelRemoveButtonCss(),onClick:this.handleClick,disabled:!this.isActionEnabled,type:"button"}
2,a.createElement("span",{className:this.question.cssClasses.buttonRemoveText},e),a.createElement("span",{className:this.question.cssClasses.iconRemove}))}}i.Instance.registerElement("sv-paneldynamic-remove-btn",e=>a.createElement(zn,e));class Sn extends In{constructor(){super(...arguments),this.handleClick=e=>{this.question.goToPrevPanel()}}renderElement(){return a.createElement("div",{title:this.question.panelPrevText,onClick:this.handleClick,className:this.question.getPrevButtonCss()},a.createElement(u,{iconName:this.question.cssClasses.progressBtnIcon,size:"auto"}))}}i.Instance.registerElement("sv-paneldynamic-prev-btn",e=>a.createElement(Sn,e));class Nn extends In{constructor(){super(...arguments),this.handleClick=e=>{this.question.goToNextPanel()}}renderElement(){return a.createElement("div",{title:this.question.panelNextText,onClick:this.handleClick,className:this.question.getNextButtonCss()},a.createElement(u,{iconName:this.question.cssClasses.progressBtnIcon,size:"auto"}))}}i.Instance.registerElement("sv-paneldynamic-next-btn",e=>a.createElement(Nn,e));class Rn extends In{renderElement(){return a.createElement("div",{className:this.question.cssClasses.progressText},this.question.progressText)}}i.Instance.registerElement("sv-paneldynamic-progress-text",e=>a.createElement(Rn,e));class Hn extends d{constructor(){super(...arguments),this.inputElement=null,this.inputParent=null,this.setInputRef=e=>{var n;!e&&this.inputElement&&this.inputParent&&this.inputElement.parentNode!==this.inputParent&&this.inputParent.appendChild(this.inputElement),this.inputElement=e,this.inputParent=null!==(n=null==e?void 0:e.parentNode)&&void 0!==n?n:this.inputParent}}get item(){return this.props.item}canRender(){return this.item.isVisible}renderElement(){return a.createElement("input",{ref:this.setInputRef,className:this.item.innerCss,type:"button",disabled:this.item.disabled,onMouseDown:this.item.data&&this.item.data.mouseDown,onClick:this.item.action,title:this.item.getTooltip(),value:this.item.title})}}i.Instance.registerElement("sv-nav-btn",e=>a.createElement(Hn,e));class Bn extends a.Component{render(){const e=this.props.error,n=this.props.cssClasses;return a.createElement("div",null,a.createElement("span",{className:e.getCssIcon(n),"aria-hidden":"true"}),a.createElement("span",{className:this.props.cssClasses.error.item||void 0},a.createElement(v,{model:e.locText})))}}i.Instance.registerElement("sv-question-error",e=>a.createElement(Bn,e));class Vn extends l{getStateElement(){return this.item}get item(){return this.props.item}get question(){return this.props.question}componentDidUpdate(e,n){super.componentDidUpdate(e,n)}renderElement(){const{cssClasses:e,handleLabelPointerUp:n,getLabelCss:t,getPercent:s}=this.question,{value:r,locText:i}=this.item;let o=null,l=null;return this.item.showValue?(o=a.createElement("div",{className:e.labelText},this.item.value),l=a.createElement("div",{className:e.labelTextSecondaryMode},this.renderLocString(i))):o=a.createElement("div",{className:e.labelText},this.renderLocString(i)),a.createElement("div",{key:this.item.uniqueId,className:t(i),style:{left:s(r)+"%"},onPointerUp:e=>{n(e.nativeEvent,r)}},a.createElement("div",{className:e.labelTick}),a.createElement("div",{className:e.labelTextContainer},o,l))}}i.Instance.registerElement("sv-slider-label-item",e=>a.createElement(Vn,e));class Dn extends a.Component{render(){var e,n;return a.createElement("div",{className:"sv-skeleton-element",id:null===(e=this.props.element)||void 0===e?void 0:e.id,style:{height:null===(n=this.props.element)||void 0===n?void 0:n.skeletonHeight}})}}i.Instance.registerElement("sv-skeleton",e=>a.createElement(Dn,e));class Un extends a.Component{get model(){return this.props.model}renderLogoImage(){const e=this.model.survey.getElementWrapperComponentName(this.model.survey,"logo-image"),n=this.model.survey.getElementWrapperComponentData(this.model.survey,"logo-image");return i.Instance.createElement(e,{data:n})}render(){return a.createElement("div",{className:"sv-header--mobile"},this.model.survey.hasLogo?a.createElement("div",{className:"sv-header__logo"},this.renderLogoImage()):null,this.model.survey.hasTitle?a.createElement("div",{className:"sv-header__title",style:{maxWidth:this.model.renderedTextAreaWidth}},a.createElement(C,{element:this.model.survey})):null,this.model.survey.renderedHasDescription?a.createElement("div",{className:"sv-header__description",style:{maxWidth:this.model.renderedTextAreaWidth}},a.createElement("div",{className:this.model.survey.css.description},l.renderLocString(this.model.survey.locDescription))):null)}}class Tn extends a.Component{get model(){return this.props.model}renderLogoImage(){const e=this.model.survey.getElementWrapperComponentName(this.model.survey,"logo-image"),n=this.model.survey.getElementWrapperComponentData(this.model.survey,"logo-image");return i.Instance.createElement(e,{data:n})}render(){return a.createElement("div",{className:this.model.css,style:this.model.style},a.createElement("div",{className:"sv-header__cell-content",style:this.model.contentStyle},this.model.showLogo?a.createElement("div",{className:"sv-header__logo"},this.renderLogoImage()):null,this.model.showTitle?a.createElement("div",{className:"sv-header__title",style:{maxWidth:this.model.textAreaWidth}},a.createElement(C,{element:this.model.survey})):null,this.model.showDescription?a.createElement("div",{className:"sv-header__description",style:{maxWidth:this.model.textAreaWidth}},a.createElement("div",{className:this.model.survey.css.description},l.renderLocString(this.model.survey.locDescription))):null))}}class Zn extends l{get model(){return this.props.model}getStateElement(){return this.model}renderElement(){if(this.model.survey=this.props.survey,"advanced"!==this.props.survey.headerView||this.model.isEmpty)return null;let e=null;return e=this.props.survey.isMobile?a.createElement(Un,{model:this.model}):a.createElement("div",{className:this.model.contentClasses,style:{maxWidth:this.model.maxWidth}},this.model.cells.map((e,n)=>a.createElement(Tn,{key:n,model:e}))),a.createElement("div",{className:this.model.headerClasses,style:{height:this.model.renderedHeight}},this.model.backgroundImage?a.createElement("div",{style:this.model.backgroundImageStyle,className:this.model.backgroundImageClasses}):null,e)}componentDidMount(){super.componentDidMount(),this.model.processResponsiveness()}componentDidUpdate(e,n){super.componentDidUpdate(e,n),this.model.processResponsiveness()}}i.Instance.registerElement("sv-header",e=>a.createElement(Zn,e));class On extends a.Component{constructor(e){super(e),this.onInput=e=>{this.locStr.text=e.target.innerText},this.onClick=e=>{e.preventDefault(),e.stopPropagation()},this.state={changed:0}}get locStr(){return this.props.model}get style(){return this.props.style}componentDidMount(){if(this.locStr){var e=this;this.locStr.onChanged=function(){e.setState({changed:e.state.changed+1})}}}componentWillUnmount(){this.locStr&&(this.locStr.onChanged=function(){})}
2render(){if(!this.locStr)return null;if(this.locStr.hasHtml){const e={__html:this.locStr.renderedHtml};return a.createElement("span",{className:"sv-string-editor",contentEditable:"true",suppressContentEditableWarning:!0,style:this.style,dangerouslySetInnerHTML:e,onBlur:this.onInput,onClick:this.onClick})}return a.createElement("span",{className:"sv-string-editor",contentEditable:"true",suppressContentEditableWarning:!0,style:this.style,onBlur:this.onInput,onClick:this.onClick},this.locStr.renderedHtml)}}i.Instance.registerElement(s.sMc.editableRenderer,e=>a.createElement(On,e)),(0,s.O$F)("2.5.43","survey-react-ui")}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.