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

:root {
    --sjs-transition-duration: 150ms
}

.sv-action--hidden {
    width: 0px;
    height: 0px;
    overflow: hidden;
    visibility: hidden
}

.sv-action__content {
    display: flex;
    flex-direction: row;
    align-items: center
}

.sv-scroll__wrapper {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column
}

.sv-scroll__scroller {
    box-sizing: border-box;
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    -ms-overflow-style: none;
    scrollbar-width: none
}


.sv-scroll__scrollbar {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    width: fit-content;
    margin-inline-start:-1px;visibility: hidden;
    z-index: 30;
    inset-inline-end: 0;
    inset-inline-start: initial
}

.sv-scroll__wrapper:hover .sv-scroll__scrollbar {
    visibility: visible
}

.sv-scroll__scrollbar-sizer {
    width: 1px
}

.sv-scroll__container {
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column
}
.sv-string-viewer.sv-string-viewer--multiline {
    white-space: pre-wrap
}

.sd-element {
    padding-left: var(--sv-element-add-padding-left, 0px);
    padding-right: var(--sv-element-add-padding-right, 0px)
}

.sd-element__title {
    outline: none
}
.sd-title.sd-element__title {
    font-family: var(--sjs-font-questiontitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
    font-weight: var(--sjs-font-questiontitle-weight, 600);
    color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)))
}

.sd-element__title {
    font-size: 0;
    line-height: 0;
    position: static;
    margin: 0
}

.sd-element__title span {
    font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
    line-height: calc(1.5*(var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))))
}

.sd-element__title .sv-string-viewer {
    white-space: normal
}

.sd-element__title .sv-string-viewer.sv-string-viewer--multiline {
    white-space: pre-wrap
}
.sd-element--with-frame {
    border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));
    box-sizing: border-box;
    padding-top: var(--sd-base-padding);
    padding-left: calc(var(--sd-base-padding) + var(--sv-element-add-padding-left, 0px));
    padding-right: calc(var(--sd-base-padding) + var(--sv-element-add-padding-right, 0px));
    padding-bottom: var(--sd-base-padding);
    background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
    box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15))
}
.sd-question {
    position: relative
}
.sd-question__header {
    width: 100%
}

.sd-question__header--location-top {
    padding-bottom: calc(.5*var(--sd-base-vertical-padding))
}

.sd-element--with-frame.sd-question--title-top {
    padding-top: var(--sd-base-vertical-padding)
}

.sd-question__comment-area {
    font-size: var(--sjs-font-size, 16px);
    margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
    display: flex;
    flex-direction: column;
    gap: var(--sjs-base-unit, var(--base-unit, 8px));
    color: var(--sjs-general-forecolor, var(--foreground, #161616));
    white-space: normal
}
.sd-question__content {
    box-sizing: border-box
}

.sd-input {
    --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: static;
    width: 100%;
    box-sizing: border-box;
    padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
    line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
    font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
    font-weight: var(--sjs-font-editorfont-weight, 400);
    color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
    font-size: var(--sjs-internal-font-editorfont-size);
    background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));
    border: none;
    border-radius: var(--sjs-editorpanel-cornerRadius, var(--sjs-corner-radius, 4px));
    text-align: start;
    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));
    transition: box-shadow var(--sjs-transition-duration, 150ms);
    display: block
}
.sd-input::placeholder {
    color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.sd-text__content {
    position: relative
}

.sd-input[type=time],.sd-input[type=date],.sd-input[type=datetime-local],.sd-input[type=week],.sd-input[type=month],.sd-input[type=tel],.sd-input[type=password],.sd-input[type=url],.sd-input[type=email],.sd-input[type=color],.sd-input[type=range] {
    --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
    box-sizing: content-box;
    width: calc(100% - 4*var(--sjs-base-unit, var(--base-unit, 8px)));
    height: calc(1.5*(var(--sjs-internal-font-editorfont-size)))
}

.sd-comment {
    display: block;
    height: auto;
    min-width: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
    min-height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
    max-width: 100%
}

.sd-comment__content {
    position: relative
}

.sd-page {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
    width: 100%;
    box-sizing: border-box
}
.sd-page .sd-page__description {
    font-family: var(--sjs-font-pagedescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
    font-weight: var(--sjs-font-pagedescription-weight, 400);
    font-size: var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px));
    color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
    position: static;
    line-height: calc(1.5*(var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px))));
    margin: 0 0 calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0
}


.sd-row {
    display: flex;
    flex-direction: row;
    width: 100%;
    box-sizing: border-box;
    margin-top: var(--sd-base-vertical-padding)
}

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

.sd-page__title~.sd-row.sd-page__row:not(.sd-row--compact),.sd-page__description~.sd-row.sd-page__row:not(.sd-row--compact) {
    margin-top: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))
}

.sd-row.sd-page__row:not(.sd-row--compact)~.sd-row.sd-page__row:not(.sd-row--compact) {
    margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))
}

.sd-row__question {
    box-sizing: border-box;
    width: 100%;
    white-space: nowrap
}

.sd-title {
    display: block;
    font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
    font-style: normal;
    color: var(--sjs-general-forecolor, var(--foreground, #161616));
    flex-direction: row;
    white-space: normal
}

.sd-description {
    font-style: normal;
    font-family: var(--sjs-font-questiondescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
    font-weight: var(--sjs-font-questiondescription-weight, 400);
    color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
    font-size: var(--sjs-font-questiondescription-size, var(--sjs-font-size, 16px));
    line-height: calc(1.5*(var(--sjs-font-questiondescription-size, var(--sjs-font-size, 16px))));
    white-space: normal
}
.sd-element__header .sd-description {
    margin-top: calc(.25*var(--sd-base-vertical-padding) - .5*var(--sjs-base-unit, var(--base-unit, 8px)))
}

.sd-selectbase {
    border: none;
    margin: 0;
    padding: 0;
    min-inline-size: 0;
    min-width: 0
}
:root {
    --sd-rating-bad-color: var(--sjs-special-red, var(--red, #e60a3e));
    --sd-rating-normal-color: var(--sjs-special-yellow, var(--yellow, #ff9814));
    --sd-rating-good-color: var(--sjs-special-green, var(--green, #19b394));
    --sd-rating-bad-color-light: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
    --sd-rating-normal-color-light: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));
    --sd-rating-good-color-light: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1)))
}

.sd-dropdown {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-inline-end:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-inline-start: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
    opacity: 1;
    display: flex;
    justify-content: space-between;
    word-spacing: normal
}

.sd-dropdown--empty:not(.sd-input--disabled),.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__value {
    color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090))
}

.sd-dropdown option {
    color: var(--sjs-general-forecolor, var(--foreground, #161616));
    font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
    font-size: var(--sjs-font-size, 16px)
}

.sd-body__navigation .sd-btn {
    padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
    font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
    line-height: calc(1.5*(var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))))
}
.sd-body__navigation .sv-action--hidden {
    display: none
}

.sd-btn {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
    background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
    border-radius: var(--sjs-corner-radius, 4px);
    cursor: pointer;
    font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
    font-style: normal;
    font-weight: 600;
    font-size: var(--sjs-font-size, 16px);
    line-height: calc(1.5*(var(--sjs-font-size, 16px)));
    text-align: center;
    color: var(--sjs-primary-backcolor, var(--primary, #19b394));
    border: none;
    outline: none;
    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));
    transition: box-shadow var(--sjs-transition-duration, 150ms),background var(--sjs-transition-duration, 150ms)
}
.sd-body {
    width: 100%;
    box-sizing: border-box
}

.sd-body .sd-body__page {
    min-width: min(100%,300px)
}

.sd-body.sd-body--responsive {
    max-width: initial;
    padding: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
    box-sizing: border-box
}

.sd-body.sd-body--responsive .sd-page {
    padding: 0
}

.sd-body.sd-body--responsive .sd-body__timer,.sd-body.sd-body--responsive .sd-body__navigation {
    padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0
}

.sd-body.sd-body--responsive .sd-body__navigation {
    padding-top: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))
}

.sd-body__navigation.sd-action-bar {
    box-sizing: border-box;
    padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
    flex-wrap: wrap;
    gap: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))
}
.sd-multipletext {
    width: 100%;
    table-layout: fixed;
    border-spacing: 0;
    height: 1px
}

.sd-multipletext__cell {
    height: 100%
}
.sd-multipletext__item {
    flex-grow: 1
}

.sd-multipletext__cell {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
    padding-top: var(--sjs-base-unit, var(--base-unit, 8px))
}

.sd-multipletext__cell--error-bottom,.sd-multipletext__row:first-of-type .sd-multipletext__cell {
    padding-top: 0
}

.sd-multipletext__cell--error-top,.sd-multipletext__row:last-of-type .sd-multipletext__cell {
    padding-bottom: 0
}
.sd-action-bar>.sv-action--hidden {
    width: 0
}

.sd-action-bar {
    display: flex;
    align-items: center
}

.sd-action-bar .sv-action:not(:last-child) .sv-action__content {
    padding-right: 0
}

.sv-components-row {
    display: flex;
    flex-direction: row;
    width: 100%
}

.sv-components-column {
    display: flex;
    flex-direction: column
}

.sv-components-column--expandable {
    flex-grow: 1
}

.sv-components-row>.sv-components-column--expandable {
    width: 1px
}

.sd-root-modern,.sd-container-modern {
    --sd-base-padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
    --sd-base-vertical-padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
    --sd-page-vertical-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)))
}
body {
    --sv-defaultV2-mark: true
}

.sd-root-modern {
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    --sd-mobile-width: 600px;
    --sd-timer-size: calc(18 * var(--sjs-base-unit, var(--base-unit, 8px)));
    width: 100%;
    font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
    background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
    position: relative
}
.sd-root-modern::-webkit-scrollbar,.sd-root-modern *::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: rgba(0,0,0,0)
}

.sd-root-modern::-webkit-scrollbar-thumb,.sd-root-modern *::-webkit-scrollbar-thumb {
    border: 4px solid rgba(0,0,0,0);
    background-clip: padding-box;
    border-radius: 32px;
    background-color: var(--sjs-border-default, var(--border, #d6d6d6))
}

.sd-root-modern::-webkit-scrollbar-track,.sd-root-modern *::-webkit-scrollbar-track {
    background: rgba(0,0,0,0)
}
.sd-root-modern form {
    position: relative
}
.sd-root-modern.sd-root-modern--full-container {
    width: 100%;
    height: 100%;
    overflow: auto;
    position: relative
}
.sd-root-modern__wrapper {
    position: relative
}