@charset "UTF-8";

/* node_modules/@angular/material/prebuilt-themes/indigo-pink.css */
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-drag-preview .mat-ripple-element,
.cdk-drag-placeholder .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: .6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
@keyframes cdk-text-field-autofill-start {
}
@keyframes cdk-text-field-autofill-end {
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}
.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-app-background, transparent));
  color: var(--mat-app-text-color, var(--mat-app-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}
.mat-theme-loaded-marker {
  display: none;
}
html {
  --mat-ripple-color:rgba(0, 0, 0, 0.1);
}
html {
  --mat-option-selected-state-label-text-color:#3f51b5;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}
.mat-accent {
  --mat-option-selected-state-label-text-color:#ff4081;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}
.mat-warn {
  --mat-option-selected-state-label-text-color:#f44336;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}
html {
  --mat-optgroup-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color:#3f51b5;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#3f51b5;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color:#ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color:#ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color:#f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
html {
  --mat-app-background-color:#fafafa;
  --mat-app-text-color:rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-option-label-text-font:Roboto, sans-serif;
  --mat-option-label-text-line-height:24px;
  --mat-option-label-text-size:16px;
  --mat-option-label-text-tracking:0.03125em;
  --mat-option-label-text-weight:400;
}
html {
  --mat-optgroup-label-text-font:Roboto, sans-serif;
  --mat-optgroup-label-text-line-height:24px;
  --mat-optgroup-label-text-size:16px;
  --mat-optgroup-label-text-tracking:0.03125em;
  --mat-optgroup-label-text-weight:400;
}
html {
  --mdc-elevated-card-container-shape:4px;
  --mdc-outlined-card-container-shape:4px;
  --mdc-outlined-card-outline-width:1px;
}
html {
  --mdc-elevated-card-container-color:white;
  --mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color:white;
  --mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color:rgba(0, 0, 0, 0.54);
}
html {
  --mat-card-title-text-font:Roboto, sans-serif;
  --mat-card-title-text-line-height:32px;
  --mat-card-title-text-size:20px;
  --mat-card-title-text-tracking:0.0125em;
  --mat-card-title-text-weight:500;
  --mat-card-subtitle-text-font:Roboto, sans-serif;
  --mat-card-subtitle-text-line-height:22px;
  --mat-card-subtitle-text-size:14px;
  --mat-card-subtitle-text-tracking:0.0071428571em;
  --mat-card-subtitle-text-weight:500;
}
html {
  --mdc-linear-progress-active-indicator-height:4px;
  --mdc-linear-progress-track-height:4px;
  --mdc-linear-progress-track-shape:0;
}
.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color:#3f51b5;
  --mdc-linear-progress-track-color:rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color:#ff4081;
  --mdc-linear-progress-track-color:rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color:#f44336;
  --mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25);
}
html {
  --mdc-plain-tooltip-container-shape:4px;
  --mdc-plain-tooltip-supporting-text-line-height:16px;
}
html {
  --mdc-plain-tooltip-container-color:#616161;
  --mdc-plain-tooltip-supporting-text-color:#fff;
}
html {
  --mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size:12px;
  --mdc-plain-tooltip-supporting-text-weight:400;
  --mdc-plain-tooltip-supporting-text-tracking:0.0333333333em;
}
html {
  --mdc-filled-text-field-active-indicator-height:1px;
  --mdc-filled-text-field-focus-active-indicator-height:2px;
  --mdc-filled-text-field-container-shape:4px;
  --mdc-outlined-text-field-outline-width:1px;
  --mdc-outlined-text-field-focus-outline-width:2px;
  --mdc-outlined-text-field-container-shape:4px;
}
html {
  --mdc-filled-text-field-caret-color:#3f51b5;
  --mdc-filled-text-field-focus-active-indicator-color:#3f51b5;
  --mdc-filled-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);
  --mdc-filled-text-field-container-color:whitesmoke;
  --mdc-filled-text-field-disabled-container-color:#fafafa;
  --mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color:#f44336;
  --mdc-filled-text-field-error-focus-label-text-color:#f44336;
  --mdc-filled-text-field-error-label-text-color:#f44336;
  --mdc-filled-text-field-error-caret-color:#f44336;
  --mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color:#f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color:#f44336;
  --mdc-outlined-text-field-caret-color:#3f51b5;
  --mdc-outlined-text-field-focus-outline-color:#3f51b5;
  --mdc-outlined-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);
  --mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color:#f44336;
  --mdc-outlined-text-field-error-focus-label-text-color:#f44336;
  --mdc-outlined-text-field-error-label-text-color:#f44336;
  --mdc-outlined-text-field-error-hover-label-text-color:#f44336;
  --mdc-outlined-text-field-outline-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color:#f44336;
  --mdc-outlined-text-field-error-hover-outline-color:#f44336;
  --mdc-outlined-text-field-error-outline-color:#f44336;
  --mat-form-field-focus-select-arrow-color:rgba(63, 81, 181, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color:rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color:rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color:#f44336;
  --mat-form-field-select-option-text-color:inherit;
  --mat-form-field-select-disabled-option-text-color:GrayText;
  --mat-form-field-leading-icon-color:unset;
  --mat-form-field-disabled-leading-icon-color:unset;
  --mat-form-field-trailing-icon-color:unset;
  --mat-form-field-disabled-trailing-icon-color:unset;
  --mat-form-field-error-focus-trailing-icon-color:unset;
  --mat-form-field-error-hover-trailing-icon-color:unset;
  --mat-form-field-error-trailing-icon-color:unset;
  --mat-form-field-enabled-select-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity:0.04;
  --mat-form-field-focus-state-layer-opacity:0.08;
}
.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color:#ff4081;
  --mdc-filled-text-field-focus-active-indicator-color:#ff4081;
  --mdc-filled-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);
  --mdc-outlined-text-field-caret-color:#ff4081;
  --mdc-outlined-text-field-focus-outline-color:#ff4081;
  --mdc-outlined-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);
  --mat-form-field-focus-select-arrow-color:rgba(255, 64, 129, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color:#f44336;
  --mdc-filled-text-field-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
  --mdc-outlined-text-field-caret-color:#f44336;
  --mdc-outlined-text-field-focus-outline-color:#f44336;
  --mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
  --mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 0.87);
}
html {
  --mat-form-field-container-height:56px;
  --mat-form-field-filled-label-display:block;
  --mat-form-field-container-vertical-padding:16px;
  --mat-form-field-filled-with-label-container-padding-top:24px;
  --mat-form-field-filled-with-label-container-padding-bottom:8px;
}
html {
  --mdc-filled-text-field-label-text-font:Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size:16px;
  --mdc-filled-text-field-label-text-tracking:0.03125em;
  --mdc-filled-text-field-label-text-weight:400;
  --mdc-outlined-text-field-label-text-font:Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size:16px;
  --mdc-outlined-text-field-label-text-tracking:0.03125em;
  --mdc-outlined-text-field-label-text-weight:400;
  --mat-form-field-container-text-font:Roboto, sans-serif;
  --mat-form-field-container-text-line-height:24px;
  --mat-form-field-container-text-size:16px;
  --mat-form-field-container-text-tracking:0.03125em;
  --mat-form-field-container-text-weight:400;
  --mat-form-field-outlined-label-text-populated-size:16px;
  --mat-form-field-subscript-text-font:Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height:20px;
  --mat-form-field-subscript-text-size:12px;
  --mat-form-field-subscript-text-tracking:0.0333333333em;
  --mat-form-field-subscript-text-weight:400;
}
html {
  --mat-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(63, 81, 181, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(255, 64, 129, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html {
  --mat-select-arrow-transform:translateY(-8px);
}
html {
  --mat-select-trigger-text-font:Roboto, sans-serif;
  --mat-select-trigger-text-line-height:24px;
  --mat-select-trigger-text-size:16px;
  --mat-select-trigger-text-tracking:0.03125em;
  --mat-select-trigger-text-weight:400;
}
html {
  --mat-autocomplete-container-shape:4px;
  --mat-autocomplete-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color:white;
}
html {
  --mdc-dialog-container-shape:4px;
  --mat-dialog-container-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width:80vw;
  --mat-dialog-container-small-max-width:80vw;
  --mat-dialog-container-min-width:0;
  --mat-dialog-actions-alignment:start;
  --mat-dialog-actions-padding:8px;
  --mat-dialog-content-padding:20px 24px;
  --mat-dialog-with-actions-content-padding:20px 24px;
  --mat-dialog-headline-padding:0 24px 9px;
}
html {
  --mdc-dialog-container-color:white;
  --mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6);
}
html {
  --mdc-dialog-subhead-font:Roboto, sans-serif;
  --mdc-dialog-subhead-line-height:32px;
  --mdc-dialog-subhead-size:20px;
  --mdc-dialog-subhead-weight:500;
  --mdc-dialog-subhead-tracking:0.0125em;
  --mdc-dialog-supporting-text-font:Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height:24px;
  --mdc-dialog-supporting-text-size:16px;
  --mdc-dialog-supporting-text-weight:400;
  --mdc-dialog-supporting-text-tracking:0.03125em;
}
.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius:16px;
  --mdc-chip-with-avatar-avatar-shape-radius:14px;
  --mdc-chip-with-avatar-avatar-size:28px;
  --mdc-chip-with-icon-icon-size:18px;
  --mdc-chip-outline-width:0;
  --mdc-chip-outline-color:transparent;
  --mdc-chip-disabled-outline-color:transparent;
  --mdc-chip-focus-outline-color:transparent;
  --mdc-chip-hover-state-layer-opacity:0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity:1;
  --mdc-chip-flat-selected-outline-width:0;
  --mdc-chip-selected-hover-state-layer-opacity:0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:1;
  --mdc-chip-with-icon-disabled-icon-opacity:1;
  --mat-chip-disabled-container-opacity:0.4;
  --mat-chip-trailing-action-opacity:0.54;
  --mat-chip-trailing-action-focus-opacity:1;
  --mat-chip-trailing-action-state-layer-color:transparent;
  --mat-chip-selected-trailing-action-state-layer-color:transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity:0;
  --mat-chip-trailing-action-focus-state-layer-opacity:0;
}
.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color:#212121;
  --mdc-chip-elevated-container-color:#e0e0e0;
  --mdc-chip-elevated-selected-container-color:#e0e0e0;
  --mdc-chip-elevated-disabled-container-color:#e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color:#e0e0e0;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:#212121;
  --mdc-chip-selected-label-text-color:#212121;
  --mdc-chip-with-icon-icon-color:#212121;
  --mdc-chip-with-icon-disabled-icon-color:#212121;
  --mdc-chip-with-icon-selected-icon-color:#212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color:#212121;
  --mat-chip-selected-disabled-trailing-icon-color:#212121;
  --mat-chip-selected-trailing-icon-color:#212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#3f51b5;
  --mdc-chip-elevated-selected-container-color:#3f51b5;
  --mdc-chip-elevated-disabled-container-color:#3f51b5;
  --mdc-chip-flat-disabled-selected-container-color:#3f51b5;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#ff4081;
  --mdc-chip-elevated-selected-container-color:#ff4081;
  --mdc-chip-elevated-disabled-container-color:#ff4081;
  --mdc-chip-flat-disabled-selected-container-color:#ff4081;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#f44336;
  --mdc-chip-elevated-selected-container-color:#f44336;
  --mdc-chip-elevated-disabled-container-color:#f44336;
  --mdc-chip-flat-disabled-selected-container-color:#f44336;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height:32px;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font:Roboto, sans-serif;
  --mdc-chip-label-text-line-height:20px;
  --mdc-chip-label-text-size:14px;
  --mdc-chip-label-text-tracking:0.0178571429em;
  --mdc-chip-label-text-weight:400;
}
html {
  --mdc-switch-disabled-selected-icon-opacity:0.38;
  --mdc-switch-disabled-track-opacity:0.12;
  --mdc-switch-disabled-unselected-icon-opacity:0.38;
  --mdc-switch-handle-height:20px;
  --mdc-switch-handle-shape:10px;
  --mdc-switch-handle-width:20px;
  --mdc-switch-selected-icon-size:18px;
  --mdc-switch-track-height:14px;
  --mdc-switch-track-shape:7px;
  --mdc-switch-track-width:36px;
  --mdc-switch-unselected-icon-size:18px;
  --mdc-switch-selected-focus-state-layer-opacity:0.12;
  --mdc-switch-selected-hover-state-layer-opacity:0.04;
  --mdc-switch-selected-pressed-state-layer-opacity:0.1;
  --mdc-switch-unselected-focus-state-layer-opacity:0.12;
  --mdc-switch-unselected-hover-state-layer-opacity:0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity:0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity:0.38;
  --mat-switch-disabled-unselected-handle-opacity:0.38;
  --mat-switch-unselected-handle-size:20px;
  --mat-switch-selected-handle-size:20px;
  --mat-switch-pressed-handle-size:20px;
  --mat-switch-with-icon-handle-size:20px;
  --mat-switch-selected-handle-horizontal-margin:0;
  --mat-switch-selected-with-icon-handle-horizontal-margin:0;
  --mat-switch-selected-pressed-handle-horizontal-margin:0;
  --mat-switch-unselected-handle-horizontal-margin:0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin:0;
  --mat-switch-unselected-pressed-handle-horizontal-margin:0;
  --mat-switch-visible-track-opacity:1;
  --mat-switch-hidden-track-opacity:1;
  --mat-switch-visible-track-transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width:1px;
  --mat-switch-track-outline-color:transparent;
  --mat-switch-selected-track-outline-width:1px;
  --mat-switch-selected-track-outline-color:transparent;
  --mat-switch-disabled-unselected-track-outline-width:1px;
  --mat-switch-disabled-unselected-track-outline-color:transparent;
}
html {
  --mdc-switch-selected-focus-state-layer-color:#3949ab;
  --mdc-switch-selected-handle-color:#3949ab;
  --mdc-switch-selected-hover-state-layer-color:#3949ab;
  --mdc-switch-selected-pressed-state-layer-color:#3949ab;
  --mdc-switch-selected-focus-handle-color:#1a237e;
  --mdc-switch-selected-hover-handle-color:#1a237e;
  --mdc-switch-selected-pressed-handle-color:#1a237e;
  --mdc-switch-selected-focus-track-color:#7986cb;
  --mdc-switch-selected-hover-track-color:#7986cb;
  --mdc-switch-selected-pressed-track-color:#7986cb;
  --mdc-switch-selected-track-color:#7986cb;
  --mdc-switch-disabled-selected-handle-color:#424242;
  --mdc-switch-disabled-selected-icon-color:#fff;
  --mdc-switch-disabled-selected-track-color:#424242;
  --mdc-switch-disabled-unselected-handle-color:#424242;
  --mdc-switch-disabled-unselected-icon-color:#fff;
  --mdc-switch-disabled-unselected-track-color:#424242;
  --mdc-switch-handle-surface-color:#fff;
  --mdc-switch-selected-icon-color:#fff;
  --mdc-switch-unselected-focus-handle-color:#212121;
  --mdc-switch-unselected-focus-state-layer-color:#424242;
  --mdc-switch-unselected-focus-track-color:#e0e0e0;
  --mdc-switch-unselected-handle-color:#616161;
  --mdc-switch-unselected-hover-handle-color:#212121;
  --mdc-switch-unselected-hover-state-layer-color:#424242;
  --mdc-switch-unselected-hover-track-color:#e0e0e0;
  --mdc-switch-unselected-icon-color:#fff;
  --mdc-switch-unselected-pressed-handle-color:#212121;
  --mdc-switch-unselected-pressed-state-layer-color:#424242;
  --mdc-switch-unselected-pressed-track-color:#e0e0e0;
  --mdc-switch-unselected-track-color:#e0e0e0;
  --mdc-switch-handle-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color:rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color:#d81b60;
  --mdc-switch-selected-handle-color:#d81b60;
  --mdc-switch-selected-hover-state-layer-color:#d81b60;
  --mdc-switch-selected-pressed-state-layer-color:#d81b60;
  --mdc-switch-selected-focus-handle-color:#880e4f;
  --mdc-switch-selected-hover-handle-color:#880e4f;
  --mdc-switch-selected-pressed-handle-color:#880e4f;
  --mdc-switch-selected-focus-track-color:#f06292;
  --mdc-switch-selected-hover-track-color:#f06292;
  --mdc-switch-selected-pressed-track-color:#f06292;
  --mdc-switch-selected-track-color:#f06292;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color:#e53935;
  --mdc-switch-selected-handle-color:#e53935;
  --mdc-switch-selected-hover-state-layer-color:#e53935;
  --mdc-switch-selected-pressed-state-layer-color:#e53935;
  --mdc-switch-selected-focus-handle-color:#b71c1c;
  --mdc-switch-selected-hover-handle-color:#b71c1c;
  --mdc-switch-selected-pressed-handle-color:#b71c1c;
  --mdc-switch-selected-focus-track-color:#e57373;
  --mdc-switch-selected-hover-track-color:#e57373;
  --mdc-switch-selected-pressed-track-color:#e57373;
  --mdc-switch-selected-track-color:#e57373;
}
html {
  --mdc-switch-state-layer-size:40px;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font:Roboto, sans-serif;
  --mat-switch-label-text-line-height:20px;
  --mat-switch-label-text-size:14px;
  --mat-switch-label-text-tracking:0.0178571429em;
  --mat-switch-label-text-weight:400;
}
html {
  --mdc-radio-disabled-selected-icon-opacity:0.38;
  --mdc-radio-disabled-unselected-icon-opacity:0.38;
  --mdc-radio-state-layer-size:40px;
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#3f51b5;
  --mdc-radio-selected-hover-icon-color:#3f51b5;
  --mdc-radio-selected-icon-color:#3f51b5;
  --mdc-radio-selected-pressed-icon-color:#3f51b5;
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#3f51b5;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#ff4081;
  --mdc-radio-selected-hover-icon-color:#ff4081;
  --mdc-radio-selected-icon-color:#ff4081;
  --mdc-radio-selected-pressed-icon-color:#ff4081;
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#ff4081;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#f44336;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}
html {
  --mdc-radio-state-layer-size:40px;
  --mat-radio-touch-target-display:block;
}
html {
  --mat-radio-label-text-font:Roboto, sans-serif;
  --mat-radio-label-text-line-height:20px;
  --mat-radio-label-text-size:14px;
  --mat-radio-label-text-tracking:0.0178571429em;
  --mat-radio-label-text-weight:400;
}
html {
  --mdc-slider-active-track-height:6px;
  --mdc-slider-active-track-shape:9999px;
  --mdc-slider-handle-height:20px;
  --mdc-slider-handle-shape:50%;
  --mdc-slider-handle-width:20px;
  --mdc-slider-inactive-track-height:4px;
  --mdc-slider-inactive-track-shape:9999px;
  --mdc-slider-with-overlap-handle-outline-width:1px;
  --mdc-slider-with-tick-marks-active-container-opacity:0.6;
  --mdc-slider-with-tick-marks-container-shape:50%;
  --mdc-slider-with-tick-marks-container-size:2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity:0.6;
  --mdc-slider-handle-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-value-indicator-width:auto;
  --mat-slider-value-indicator-height:32px;
  --mat-slider-value-indicator-caret-display:block;
  --mat-slider-value-indicator-border-radius:4px;
  --mat-slider-value-indicator-padding:0 12px;
  --mat-slider-value-indicator-text-transform:none;
  --mat-slider-value-indicator-container-transform:translateX(-50%);
}
html {
  --mdc-slider-handle-color:#3f51b5;
  --mdc-slider-focus-handle-color:#3f51b5;
  --mdc-slider-hover-handle-color:#3f51b5;
  --mdc-slider-active-track-color:#3f51b5;
  --mdc-slider-inactive-track-color:#3f51b5;
  --mdc-slider-with-tick-marks-inactive-container-color:#3f51b5;
  --mdc-slider-with-tick-marks-active-container-color:white;
  --mdc-slider-disabled-active-track-color:#000;
  --mdc-slider-disabled-handle-color:#000;
  --mdc-slider-disabled-inactive-track-color:#000;
  --mdc-slider-label-container-color:#000;
  --mdc-slider-label-label-text-color:#fff;
  --mdc-slider-with-overlap-handle-outline-color:#fff;
  --mdc-slider-with-tick-marks-disabled-container-color:#000;
  --mat-slider-ripple-color:#3f51b5;
  --mat-slider-hover-state-layer-color:rgba(63, 81, 181, 0.05);
  --mat-slider-focus-state-layer-color:rgba(63, 81, 181, 0.2);
  --mat-slider-value-indicator-opacity:0.6;
}
html .mat-accent {
  --mdc-slider-handle-color:#ff4081;
  --mdc-slider-focus-handle-color:#ff4081;
  --mdc-slider-hover-handle-color:#ff4081;
  --mdc-slider-active-track-color:#ff4081;
  --mdc-slider-inactive-track-color:#ff4081;
  --mdc-slider-with-tick-marks-inactive-container-color:#ff4081;
  --mdc-slider-with-tick-marks-active-container-color:white;
  --mat-slider-ripple-color:#ff4081;
  --mat-slider-hover-state-layer-color:rgba(255, 64, 129, 0.05);
  --mat-slider-focus-state-layer-color:rgba(255, 64, 129, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color:#f44336;
  --mdc-slider-focus-handle-color:#f44336;
  --mdc-slider-hover-handle-color:#f44336;
  --mdc-slider-active-track-color:#f44336;
  --mdc-slider-inactive-track-color:#f44336;
  --mdc-slider-with-tick-marks-inactive-container-color:#f44336;
  --mdc-slider-with-tick-marks-active-container-color:white;
  --mat-slider-ripple-color:#f44336;
  --mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2);
}
html {
  --mdc-slider-label-label-text-font:Roboto, sans-serif;
  --mdc-slider-label-label-text-size:14px;
  --mdc-slider-label-label-text-line-height:22px;
  --mdc-slider-label-label-text-tracking:0.0071428571em;
  --mdc-slider-label-label-text-weight:500;
}
html {
  --mat-menu-container-shape:4px;
  --mat-menu-divider-bottom-spacing:0;
  --mat-menu-divider-top-spacing:0;
  --mat-menu-item-spacing:16px;
  --mat-menu-item-icon-size:24px;
  --mat-menu-item-leading-spacing:16px;
  --mat-menu-item-trailing-spacing:16px;
  --mat-menu-item-with-icon-leading-spacing:16px;
  --mat-menu-item-with-icon-trailing-spacing:16px;
  --mat-menu-base-elevation-level:8;
}
html {
  --mat-menu-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color:rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-menu-container-color:white;
  --mat-menu-divider-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-font:Roboto, sans-serif;
  --mat-menu-item-label-text-size:16px;
  --mat-menu-item-label-text-tracking:0.03125em;
  --mat-menu-item-label-text-line-height:24px;
  --mat-menu-item-label-text-weight:400;
}
html {
  --mdc-list-list-item-container-shape:0;
  --mdc-list-list-item-leading-avatar-shape:50%;
  --mdc-list-list-item-container-color:transparent;
  --mdc-list-list-item-selected-container-color:transparent;
  --mdc-list-list-item-leading-avatar-color:transparent;
  --mdc-list-list-item-leading-icon-size:24px;
  --mdc-list-list-item-leading-avatar-size:40px;
  --mdc-list-list-item-trailing-icon-size:24px;
  --mdc-list-list-item-disabled-state-layer-color:transparent;
  --mdc-list-list-item-disabled-state-layer-opacity:0;
  --mdc-list-list-item-disabled-label-text-opacity:0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity:0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity:0.38;
  --mat-list-active-indicator-color:transparent;
  --mat-list-active-indicator-shape:4px;
}
html {
  --mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color:black;
  --mdc-list-list-item-disabled-leading-icon-color:black;
  --mdc-list-list-item-disabled-trailing-icon-color:black;
  --mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color:black;
  --mdc-list-list-item-hover-state-layer-opacity:0.04;
  --mdc-list-list-item-focus-state-layer-color:black;
  --mdc-list-list-item-focus-state-layer-opacity:0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#3f51b5;
  --mdc-radio-selected-hover-icon-color:#3f51b5;
  --mdc-radio-selected-icon-color:#3f51b5;
  --mdc-radio-selected-pressed-icon-color:#3f51b5;
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#ff4081;
  --mdc-radio-selected-hover-icon-color:#ff4081;
  --mdc-radio-selected-icon-color:#ff4081;
  --mdc-radio-selected-pressed-icon-color:#ff4081;
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
}
.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#3f51b5;
  --mdc-checkbox-selected-hover-icon-color:#3f51b5;
  --mdc-checkbox-selected-icon-color:#3f51b5;
  --mdc-checkbox-selected-pressed-icon-color:#3f51b5;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#ff4081;
  --mdc-checkbox-selected-hover-icon-color:#ff4081;
  --mdc-checkbox-selected-icon-color:#ff4081;
  --mdc-checkbox-selected-pressed-icon-color:#ff4081;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#ff4081;
  --mdc-checkbox-selected-hover-state-layer-color:#ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color:#ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #3f51b5;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mdc-list-list-item-one-line-container-height:48px;
  --mdc-list-list-item-two-line-container-height:64px;
  --mdc-list-list-item-three-line-container-height:88px;
  --mat-list-list-item-leading-icon-start-space:16px;
  --mat-list-list-item-leading-icon-end-space:32px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size:40px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mdc-list-list-item-label-text-font:Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height:24px;
  --mdc-list-list-item-label-text-size:16px;
  --mdc-list-list-item-label-text-tracking:0.03125em;
  --mdc-list-list-item-label-text-weight:400;
  --mdc-list-list-item-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height:20px;
  --mdc-list-list-item-supporting-text-size:14px;
  --mdc-list-list-item-supporting-text-tracking:0.0178571429em;
  --mdc-list-list-item-supporting-text-weight:400;
  --mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height:20px;
  --mdc-list-list-item-trailing-supporting-text-size:12px;
  --mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight:400;
}
.mdc-list-group__subheader {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
}
html {
  --mat-paginator-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color:white;
  --mat-paginator-enabled-icon-color:rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-paginator-container-size:56px;
  --mat-paginator-form-field-container-height:40px;
  --mat-paginator-form-field-container-vertical-padding:8px;
  --mat-paginator-touch-target-display:block;
}
html {
  --mat-paginator-container-text-font:Roboto, sans-serif;
  --mat-paginator-container-text-line-height:20px;
  --mat-paginator-container-text-size:12px;
  --mat-paginator-container-text-tracking:0.0333333333em;
  --mat-paginator-container-text-weight:400;
  --mat-paginator-select-trigger-text-size:12px;
}
html {
  --mdc-secondary-navigation-tab-container-height:48px;
  --mdc-tab-indicator-active-indicator-height:2px;
  --mdc-tab-indicator-active-indicator-shape:0;
  --mat-tab-header-divider-color:transparent;
  --mat-tab-header-divider-height:0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color:#3f51b5;
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#3f51b5;
  --mat-tab-header-active-ripple-color:#3f51b5;
  --mat-tab-header-inactive-ripple-color:#3f51b5;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#3f51b5;
  --mat-tab-header-active-hover-label-text-color:#3f51b5;
  --mat-tab-header-active-focus-indicator-color:#3f51b5;
  --mat-tab-header-active-hover-indicator-color:#3f51b5;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color:#ff4081;
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#ff4081;
  --mat-tab-header-active-ripple-color:#ff4081;
  --mat-tab-header-inactive-ripple-color:#ff4081;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#ff4081;
  --mat-tab-header-active-hover-label-text-color:#ff4081;
  --mat-tab-header-active-focus-indicator-color:#ff4081;
  --mat-tab-header-active-hover-indicator-color:#ff4081;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color:#f44336;
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#f44336;
  --mat-tab-header-active-ripple-color:#f44336;
  --mat-tab-header-inactive-ripple-color:#f44336;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#f44336;
  --mat-tab-header-active-hover-label-text-color:#f44336;
  --mat-tab-header-active-focus-indicator-color:#f44336;
  --mat-tab-header-active-hover-indicator-color:#f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color:#3f51b5;
  --mat-tab-header-with-background-foreground-color:white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color:#ff4081;
  --mat-tab-header-with-background-foreground-color:white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color:#f44336;
  --mat-tab-header-with-background-foreground-color:white;
}
.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height:48px;
}
.mat-mdc-tab-header {
  --mat-tab-header-label-text-font:Roboto, sans-serif;
  --mat-tab-header-label-text-size:14px;
  --mat-tab-header-label-text-tracking:0.0892857143em;
  --mat-tab-header-label-text-line-height:36px;
  --mat-tab-header-label-text-weight:500;
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color:#fff;
  --mdc-checkbox-selected-focus-state-layer-opacity:0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity:0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity:0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity:0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity:0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity:0.16;
}
html {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#ff4081;
  --mdc-checkbox-selected-hover-icon-color:#ff4081;
  --mdc-checkbox-selected-icon-color:#ff4081;
  --mdc-checkbox-selected-pressed-icon-color:#ff4081;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#ff4081;
  --mdc-checkbox-selected-hover-state-layer-color:#ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color:#ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
  --mat-checkbox-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#3f51b5;
  --mdc-checkbox-selected-hover-icon-color:#3f51b5;
  --mdc-checkbox-selected-icon-color:#3f51b5;
  --mdc-checkbox-selected-pressed-icon-color:#3f51b5;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
html {
  --mdc-checkbox-state-layer-size:40px;
  --mat-checkbox-touch-target-display:block;
}
html {
  --mat-checkbox-label-text-font:Roboto, sans-serif;
  --mat-checkbox-label-text-line-height:20px;
  --mat-checkbox-label-text-size:14px;
  --mat-checkbox-label-text-tracking:0.0178571429em;
  --mat-checkbox-label-text-weight:400;
}
html {
  --mdc-text-button-container-shape:4px;
  --mdc-text-button-keep-touch-target:false;
  --mdc-filled-button-container-shape:4px;
  --mdc-filled-button-keep-touch-target:false;
  --mdc-protected-button-container-shape:4px;
  --mdc-protected-button-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-keep-touch-target:false;
  --mdc-outlined-button-outline-width:1px;
  --mdc-outlined-button-container-shape:4px;
  --mat-text-button-horizontal-padding:8px;
  --mat-text-button-with-icon-horizontal-padding:8px;
  --mat-text-button-icon-spacing:8px;
  --mat-text-button-icon-offset:0;
  --mat-filled-button-horizontal-padding:16px;
  --mat-filled-button-icon-spacing:8px;
  --mat-filled-button-icon-offset:-4px;
  --mat-protected-button-horizontal-padding:16px;
  --mat-protected-button-icon-spacing:8px;
  --mat-protected-button-icon-offset:-4px;
  --mat-outlined-button-horizontal-padding:15px;
  --mat-outlined-button-icon-spacing:8px;
  --mat-outlined-button-icon-offset:-4px;
}
html {
  --mdc-text-button-label-text-color:black;
  --mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color:black;
  --mat-text-button-disabled-state-layer-color:black;
  --mat-text-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity:0.04;
  --mat-text-button-focus-state-layer-opacity:0.12;
  --mat-text-button-pressed-state-layer-opacity:0.12;
  --mdc-filled-button-container-color:white;
  --mdc-filled-button-label-text-color:black;
  --mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color:black;
  --mat-filled-button-disabled-state-layer-color:black;
  --mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity:0.04;
  --mat-filled-button-focus-state-layer-opacity:0.12;
  --mat-filled-button-pressed-state-layer-opacity:0.12;
  --mdc-protected-button-container-color:white;
  --mdc-protected-button-label-text-color:black;
  --mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mat-protected-button-state-layer-color:black;
  --mat-protected-button-disabled-state-layer-color:black;
  --mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity:0.04;
  --mat-protected-button-focus-state-layer-opacity:0.12;
  --mat-protected-button-pressed-state-layer-opacity:0.12;
  --mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color:black;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color:black;
  --mat-outlined-button-disabled-state-layer-color:black;
  --mat-outlined-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity:0.04;
  --mat-outlined-button-focus-state-layer-opacity:0.12;
  --mat-outlined-button-pressed-state-layer-opacity:0.12;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color:#3f51b5;
  --mat-text-button-state-layer-color:#3f51b5;
  --mat-text-button-ripple-color:rgba(63, 81, 181, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color:#ff4081;
  --mat-text-button-state-layer-color:#ff4081;
  --mat-text-button-ripple-color:rgba(255, 64, 129, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color:#f44336;
  --mat-text-button-state-layer-color:#f44336;
  --mat-text-button-ripple-color:rgba(244, 67, 54, 0.1);
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color:#3f51b5;
  --mdc-filled-button-label-text-color:white;
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color:#ff4081;
  --mdc-filled-button-label-text-color:white;
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color:#f44336;
  --mdc-filled-button-label-text-color:white;
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color:#3f51b5;
  --mdc-protected-button-label-text-color:white;
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color:#ff4081;
  --mdc-protected-button-label-text-color:white;
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color:#f44336;
  --mdc-protected-button-label-text-color:white;
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color:#3f51b5;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color:#3f51b5;
  --mat-outlined-button-ripple-color:rgba(63, 81, 181, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color:#ff4081;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color:#ff4081;
  --mat-outlined-button-ripple-color:rgba(255, 64, 129, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color:#f44336;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color:#f44336;
  --mat-outlined-button-ripple-color:rgba(244, 67, 54, 0.1);
}
html {
  --mdc-text-button-container-height:36px;
  --mdc-filled-button-container-height:36px;
  --mdc-protected-button-container-height:36px;
  --mdc-outlined-button-container-height:36px;
  --mat-text-button-touch-target-display:block;
  --mat-filled-button-touch-target-display:block;
  --mat-protected-button-touch-target-display:block;
  --mat-outlined-button-touch-target-display:block;
}
html {
  --mdc-text-button-label-text-font:Roboto, sans-serif;
  --mdc-text-button-label-text-size:14px;
  --mdc-text-button-label-text-tracking:0.0892857143em;
  --mdc-text-button-label-text-weight:500;
  --mdc-text-button-label-text-transform:none;
  --mdc-filled-button-label-text-font:Roboto, sans-serif;
  --mdc-filled-button-label-text-size:14px;
  --mdc-filled-button-label-text-tracking:0.0892857143em;
  --mdc-filled-button-label-text-weight:500;
  --mdc-filled-button-label-text-transform:none;
  --mdc-protected-button-label-text-font:Roboto, sans-serif;
  --mdc-protected-button-label-text-size:14px;
  --mdc-protected-button-label-text-tracking:0.0892857143em;
  --mdc-protected-button-label-text-weight:500;
  --mdc-protected-button-label-text-transform:none;
  --mdc-outlined-button-label-text-font:Roboto, sans-serif;
  --mdc-outlined-button-label-text-size:14px;
  --mdc-outlined-button-label-text-tracking:0.0892857143em;
  --mdc-outlined-button-label-text-weight:500;
  --mdc-outlined-button-label-text-transform:none;
}
html {
  --mdc-icon-button-icon-size:24px;
}
html {
  --mdc-icon-button-icon-color:inherit;
  --mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color:black;
  --mat-icon-button-disabled-state-layer-color:black;
  --mat-icon-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity:0.04;
  --mat-icon-button-focus-state-layer-opacity:0.12;
  --mat-icon-button-pressed-state-layer-opacity:0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color:#3f51b5;
  --mat-icon-button-state-layer-color:#3f51b5;
  --mat-icon-button-ripple-color:rgba(63, 81, 181, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color:#ff4081;
  --mat-icon-button-state-layer-color:#ff4081;
  --mat-icon-button-ripple-color:rgba(255, 64, 129, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color:#f44336;
  --mat-icon-button-state-layer-color:#f44336;
  --mat-icon-button-ripple-color:rgba(244, 67, 54, 0.1);
}
html {
  --mat-icon-button-touch-target-display:block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mdc-fab-container-shape:50%;
  --mdc-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shape:50%;
  --mdc-fab-small-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-height:48px;
  --mdc-extended-fab-container-shape:24px;
  --mdc-extended-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-fab-container-color:white;
  --mat-fab-foreground-color:black;
  --mat-fab-state-layer-color:black;
  --mat-fab-disabled-state-layer-color:black;
  --mat-fab-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity:0.04;
  --mat-fab-focus-state-layer-opacity:0.12;
  --mat-fab-pressed-state-layer-opacity:0.12;
  --mat-fab-disabled-state-container-color:rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);
  --mdc-fab-small-container-color:white;
  --mat-fab-small-foreground-color:black;
  --mat-fab-small-state-layer-color:black;
  --mat-fab-small-disabled-state-layer-color:black;
  --mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity:0.04;
  --mat-fab-small-focus-state-layer-opacity:0.12;
  --mat-fab-small-pressed-state-layer-opacity:0.12;
  --mat-fab-small-disabled-state-container-color:rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color:#3f51b5;
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color:#ff4081;
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color:#f44336;
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color:#3f51b5;
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color:#ff4081;
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color:#f44336;
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}
html {
  --mat-fab-touch-target-display:block;
  --mat-fab-small-touch-target-display:block;
}
html {
  --mdc-extended-fab-label-text-font:Roboto, sans-serif;
  --mdc-extended-fab-label-text-size:14px;
  --mdc-extended-fab-label-text-tracking:0.0892857143em;
  --mdc-extended-fab-label-text-weight:500;
}
html {
  --mdc-snackbar-container-shape:4px;
}
html {
  --mdc-snackbar-container-color:#333333;
  --mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color:#ff4081;
}
html {
  --mdc-snackbar-supporting-text-font:Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height:20px;
  --mdc-snackbar-supporting-text-size:14px;
  --mdc-snackbar-supporting-text-weight:400;
}
html {
  --mat-table-row-item-outline-width:1px;
}
html {
  --mat-table-background-color:white;
  --mat-table-header-headline-color:rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height:56px;
  --mat-table-footer-container-height:52px;
  --mat-table-row-item-container-height:52px;
}
html {
  --mat-table-header-headline-font:Roboto, sans-serif;
  --mat-table-header-headline-line-height:22px;
  --mat-table-header-headline-size:14px;
  --mat-table-header-headline-weight:500;
  --mat-table-header-headline-tracking:0.0071428571em;
  --mat-table-row-item-label-text-font:Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height:20px;
  --mat-table-row-item-label-text-size:14px;
  --mat-table-row-item-label-text-weight:400;
  --mat-table-row-item-label-text-tracking:0.0178571429em;
  --mat-table-footer-supporting-text-font:Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height:20px;
  --mat-table-footer-supporting-text-size:14px;
  --mat-table-footer-supporting-text-weight:400;
  --mat-table-footer-supporting-text-tracking:0.0178571429em;
}
html {
  --mdc-circular-progress-active-indicator-width:4px;
  --mdc-circular-progress-size:48px;
}
html {
  --mdc-circular-progress-active-indicator-color:#3f51b5;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color:#ff4081;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color:#f44336;
}
html {
  --mat-badge-container-shape:50%;
  --mat-badge-container-size:unset;
  --mat-badge-small-size-container-size:unset;
  --mat-badge-large-size-container-size:unset;
  --mat-badge-legacy-container-size:22px;
  --mat-badge-legacy-small-size-container-size:16px;
  --mat-badge-legacy-large-size-container-size:28px;
  --mat-badge-container-offset:-11px 0;
  --mat-badge-small-size-container-offset:-8px 0;
  --mat-badge-large-size-container-offset:-14px 0;
  --mat-badge-container-overlap-offset:-11px;
  --mat-badge-small-size-container-overlap-offset:-8px;
  --mat-badge-large-size-container-overlap-offset:-14px;
  --mat-badge-container-padding:0;
  --mat-badge-small-size-container-padding:0;
  --mat-badge-large-size-container-padding:0;
}
html {
  --mat-badge-background-color:#3f51b5;
  --mat-badge-text-color:white;
  --mat-badge-disabled-state-background-color:#b9b9b9;
  --mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38);
}
.mat-badge-accent {
  --mat-badge-background-color:#ff4081;
  --mat-badge-text-color:white;
}
.mat-badge-warn {
  --mat-badge-background-color:#f44336;
  --mat-badge-text-color:white;
}
html {
  --mat-badge-text-font:Roboto, sans-serif;
  --mat-badge-line-height:22px;
  --mat-badge-text-size:12px;
  --mat-badge-text-weight:600;
  --mat-badge-small-size-text-size:9px;
  --mat-badge-small-size-line-height:16px;
  --mat-badge-large-size-text-size:24px;
  --mat-badge-large-size-line-height:28px;
}
html {
  --mat-bottom-sheet-container-shape:4px;
}
html {
  --mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color:white;
}
html {
  --mat-bottom-sheet-container-text-font:Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height:20px;
  --mat-bottom-sheet-container-text-size:14px;
  --mat-bottom-sheet-container-text-tracking:0.0178571429em;
  --mat-bottom-sheet-container-text-weight:400;
}
html {
  --mat-legacy-button-toggle-height:36px;
  --mat-legacy-button-toggle-shape:2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity:1;
  --mat-standard-button-toggle-shape:4px;
  --mat-standard-button-toggle-hover-state-layer-opacity:0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity:0.12;
}
html {
  --mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;
  --mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color:white;
  --mat-standard-button-toggle-state-layer-color:black;
  --mat-standard-button-toggle-selected-state-background-color:#e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color:white;
  --mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;
  --mat-standard-button-toggle-divider-color:#e0e0e0;
}
html {
  --mat-standard-button-toggle-height:48px;
}
html {
  --mat-legacy-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height:24px;
  --mat-legacy-button-toggle-label-text-size:16px;
  --mat-legacy-button-toggle-label-text-tracking:0.03125em;
  --mat-legacy-button-toggle-label-text-weight:400;
  --mat-standard-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height:24px;
  --mat-standard-button-toggle-label-text-size:16px;
  --mat-standard-button-toggle-label-text-tracking:0.03125em;
  --mat-standard-button-toggle-label-text-weight:400;
}
html {
  --mat-datepicker-calendar-container-shape:4px;
  --mat-datepicker-calendar-container-touch-shape:4px;
  --mat-datepicker-calendar-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, 0.3);
  --mat-datepicker-toggle-active-state-icon-color:#3f51b5;
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(63, 81, 181, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;
  --mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color:black;
  --mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color:transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color:white;
  --mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 64, 129, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 64, 129, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;
}
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color:#ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color:#f44336;
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display:none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font:Roboto, sans-serif;
  --mat-datepicker-calendar-text-size:13px;
  --mat-datepicker-calendar-body-label-text-size:14px;
  --mat-datepicker-calendar-body-label-text-weight:500;
  --mat-datepicker-calendar-period-button-text-size:14px;
  --mat-datepicker-calendar-period-button-text-weight:500;
  --mat-datepicker-calendar-header-text-size:11px;
  --mat-datepicker-calendar-header-text-weight:400;
}
html {
  --mat-divider-width:1px;
}
html {
  --mat-divider-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape:4px;
  --mat-expansion-legacy-header-indicator-display:inline-block;
  --mat-expansion-header-indicator-display:none;
}
html {
  --mat-expansion-container-background-color:white;
  --mat-expansion-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color:rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color:rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height:48px;
  --mat-expansion-header-expanded-state-height:64px;
}
html {
  --mat-expansion-header-text-font:Roboto, sans-serif;
  --mat-expansion-header-text-size:14px;
  --mat-expansion-header-text-weight:500;
  --mat-expansion-header-text-line-height:inherit;
  --mat-expansion-header-text-tracking:inherit;
  --mat-expansion-container-text-font:Roboto, sans-serif;
  --mat-expansion-container-text-line-height:20px;
  --mat-expansion-container-text-size:14px;
  --mat-expansion-container-text-tracking:0.0178571429em;
  --mat-expansion-container-text-weight:400;
}
html {
  --mat-grid-list-tile-header-primary-text-size:14px;
  --mat-grid-list-tile-header-secondary-text-size:12px;
  --mat-grid-list-tile-footer-primary-text-size:14px;
  --mat-grid-list-tile-footer-secondary-text-size:12px;
}
html {
  --mat-icon-color:inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color:#3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color:#ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color:#f44336;
}
html {
  --mat-sidenav-container-shape:0;
  --mat-sidenav-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width:auto;
}
html {
  --mat-sidenav-container-divider-color:rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color:white;
  --mat-sidenav-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color:#fafafa;
  --mat-sidenav-content-text-color:rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color:rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
  --mat-stepper-container-color:white;
  --mat-stepper-line-color:rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color:#f44336;
  --mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color:#f44336;
  --mat-stepper-header-error-state-icon-background-color:transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#ff4081;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#f44336;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#f44336;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#f44336;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
}
html {
  --mat-stepper-header-height:72px;
}
html {
  --mat-stepper-container-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-size:14px;
  --mat-stepper-header-label-text-weight:400;
  --mat-stepper-header-error-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-weight:400;
}
html {
  --mat-sort-arrow-color:#757575;
}
html {
  --mat-toolbar-container-background-color:whitesmoke;
  --mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color:#3f51b5;
  --mat-toolbar-container-text-color:white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color:#ff4081;
  --mat-toolbar-container-text-color:white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color:#f44336;
  --mat-toolbar-container-text-color:white;
}
html {
  --mat-toolbar-standard-height:64px;
  --mat-toolbar-mobile-height:56px;
}
html {
  --mat-toolbar-title-text-font:Roboto, sans-serif;
  --mat-toolbar-title-text-line-height:32px;
  --mat-toolbar-title-text-size:20px;
  --mat-toolbar-title-text-tracking:0.0125em;
  --mat-toolbar-title-text-weight:500;
}
html {
  --mat-tree-container-background-color:white;
  --mat-tree-node-text-color:rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height:48px;
}
html {
  --mat-tree-node-text-font:Roboto, sans-serif;
  --mat-tree-node-text-size:14px;
  --mat-tree-node-text-weight:400;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px/32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px/32px Roboto, sans-serif;
  letter-spacing: .0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px/24px Roboto, sans-serif;
  letter-spacing: .03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px*.83)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px*.67)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px/22px Roboto, sans-serif;
  letter-spacing: .0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px/20px Roboto, sans-serif;
  letter-spacing: .0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px/20px Roboto, sans-serif;
  letter-spacing: .0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px/96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px/60px Roboto, sans-serif;
  letter-spacing: -.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px/50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px/40px Roboto, sans-serif;
  letter-spacing: .0073529412em;
  margin: 0 0 64px;
}

/* projects/petszel-shared/src/assets/css/shared-styles.css */
body,
html {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow-y: auto;
}
body.gradient {
  background-color: rgb(246, 133, 34, 0.1);
  background:
    linear-gradient(
      to bottom right,
      rgb(246, 133, 34, 75%),
      rgb(250, 162, 84, 80.26%),
      rgb(255, 191, 135, 60%),
      rgb(255, 220, 189, 38.55%),
      rgb(255, 255, 255, 12%),
      rgb(209, 241, 255, 24.45%),
      rgb(167, 228, 255, 36%),
      rgb(100, 183, 220, 34.44%),
      rgb(39, 142, 187, 33%),
      rgb(39, 142, 187, 66.76%),
      rgb(39, 142, 187, 62%));
  background-repeat: no-repeat;
  background-position: center;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.hr {
  border-top: 2px solid #d9d9d9;
}
.article-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 280px;
  background-color: #ffffff;
}
.article-card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: auto;
}
.article-card-title-name {
  font-size: 18px;
  font-weight: 500;
  margin-top: 10px;
  white-space: normal;
}
.article-img {
  width: 100%;
  object-position: center;
  max-height: 200px;
  object-fit: cover;
  cursor: pointer;
}
.form-group {
  width: 75%;
}
.form-control,
.form-select {
  width: 100%;
  height: 50px;
  border-radius: 10px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.btn.btn-outline-secondary.bg-white {
  border: 1px solid #ccc;
}
.form-control:focus,
.form-select:focus {
  border: 2px solid #1c7690 !important;
  border-color: #1c7690;
  opacity: 85%;
  box-shadow: none;
}
.form-control:read-only:focus,
.form-select:read-only:focus {
  border: 1px solid #ccc !important;
  border-color: transparent;
  box-shadow: none;
}
.min-vh-100.confirm {
  background-color: rgb(246, 133, 34, 0.1);
  background:
    linear-gradient(
      to bottom right,
      rgb(246, 133, 34, 75%),
      rgb(250, 162, 84, 80.26%),
      rgb(255, 191, 135, 60%),
      rgb(255, 220, 189, 38.55%),
      rgb(255, 255, 255, 12%),
      rgb(209, 241, 255, 24.45%),
      rgb(167, 228, 255, 36%),
      rgb(100, 183, 220, 34.44%),
      rgb(39, 142, 187, 33%),
      rgb(39, 142, 187, 66.76%),
      rgb(39, 142, 187, 62%));
  background-repeat: no-repeat;
  background-position: center;
}
.branding {
  top: 3%;
  z-index: 999;
  position: sticky;
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 100%;
}
.login-container {
  background-color: rgb(246, 133, 34, 0.1);
  background:
    linear-gradient(
      to bottom right,
      rgb(246, 133, 34, 75%),
      rgb(250, 162, 84, 80.26%),
      rgb(255, 191, 135, 60%),
      rgb(255, 220, 189, 38.55%),
      rgb(255, 255, 255, 12%),
      rgb(209, 241, 255, 24.45%),
      rgb(167, 228, 255, 36%),
      rgb(100, 183, 220, 34.44%),
      rgb(39, 142, 187, 33%),
      rgb(39, 142, 187, 66.76%),
      rgb(39, 142, 187, 62%));
  background-repeat: no-repeat;
  background-position: center;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card {
  background: rgba(248, 248, 248, 1);
  border-color: transparent;
  margin: 6px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
}
.card-img-container {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.card-img-wrapper {
  border-radius: 10px;
  overflow: hidden;
}
.card-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
}
.card-img-top {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
  border-radius: 10px;
}
.card-img-top-sq {
  width: 100%;
  height: auto;
  aspect-ratio: 2/2;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}
.card-img-wrapper {
  position: relative;
}
.blue-text {
  color: rgba(28, 118, 144, 1);
  font-weight: 700;
  font-size: 17px;
  line-height: 22px;
}
.blue-text-small {
  color: rgba(28, 118, 144, 1);
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
}
.h2 {
  font-weight: 400;
  font-size: 30px;
  line-height: 39px;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
.h2-bold {
  font-weight: 700;
  font-size: 30px;
  line-height: 39px;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
.h3 {
  font-weight: 700;
  font-size: 30px;
  line-height: 46px;
}
.h5 {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.h6 {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.info-text {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
}
.danger {
  color: red;
  font-size: 11px;
  text-align: left;
}
.danger-lg {
  color: red;
  font-size: 14px;
  text-align: left;
}
.font-size14 {
  font-size: 14px;
}
.is-invalid,
.is-invalid.form-control {
  border: 1px solid red !important;
}
.invalid-feedback,
.input-error {
  color: #e91e63;
  display: block;
}
.p-success {
  font-size: 17px;
  width: 443px;
  text-align: center;
  font-style: italic;
  line-height: 22px;
  margin-top: 10px;
}
.primaryBtnSm {
  border-radius: 14px;
  background: #1c7690;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border: none;
  color: rgba(255, 255, 255, 1);
  height: 41px;
  width: 100%;
  padding: 10px 16px;
}
.primaryBtn {
  border-radius: 10px;
  background: #1c7690;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  border: none;
  color: rgba(255, 255, 255, 1);
  height: 41px;
  padding: 10px 20px 10px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  font-size: 16px;
}
.primaryBtn:hover {
  background-color: #71c0d6;
}
.primaryBtn:disabled,
.primaryBtnSm[disabled] {
  background-color: #658d98;
  box-shadow: none;
  color: white;
  cursor: not-allowed;
}
.secondaryBtnSm,
.secondaryBtnEdit {
  border-radius: 14px;
  border: 2px solid #1c7690;
  background-color: transparent;
  padding: 10px 16px;
  height: 41px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  color: #1c7690;
}
.secondaryBtn {
  border-radius: 10px;
  border: 2px solid #1c7690;
  background-color: transparent;
  padding: 13px 16px;
  height: 41px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1c7690;
  width: auto;
  font-size: 16px;
  text-decoration: none !important;
}
.search-bar-wrapper {
  display: flex;
  align-items: center;
  height: 41px;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 8px 12px;
  gap: 16px;
  background-color: #fff;
}
.search-icon {
  color: #6c757d;
  opacity: 0.65;
  font-size: 16px;
}
.search-input {
  border: none;
  outline: none;
  flex-grow: 1;
  font-size: 14px;
  color: #212529;
}
.search-input::placeholder {
  color: #6c757d;
  opacity: 0.65;
}
.petszel-warning {
  background: #FFD3BB4A;
  padding: 20px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 18px;
}
.secondaryBtn:hover {
  border: 2px solid #71c0d6;
}
lib-primary-btn.btn.btn-link {
  text-decoration: none;
}
.btnImg {
  margin-right: 8px;
}
.icon-link {
  position: absolute;
  bottom: 6px;
  right: 15px;
  background-color: transparent;
  border-radius: 50%;
  z-index: 1;
}
.plus-icon {
  height: 25px;
}
.brand-logo-family {
  display: flex;
  justify-content: center;
}
.petszel-branding.small-size {
  display: flex;
  justify-content: center;
}
.petszelLogo.small-size {
  max-width: 70px;
}
.brandLogo {
  cursor: pointer;
}
.brandLogo.small-size {
  max-width: 150px;
  max-height: 50px;
}
.petszelLogoSolo.large-size {
  height: 50px;
  width: fit-content;
  max-width: 180px;
  max-height: 50px;
  padding: 0 20px 0 20px;
}
.petszelLogo.large-size {
  width: fit-content;
  height: 50px;
  width: auto;
}
.petszel-branding.large-size {
  height: fit-content;
  margin: auto;
}
.brandLogo.large-size {
  width: auto;
  max-width: 350px;
  max-height: 80px;
}
.powered.large-size {
  width: 54px;
  height: 13px;
  font-size: 10px;
  line-height: 13px;
  font-weight: bold;
  margin: 0;
  text-align: center;
}
.reset-box {
  background-color: rgb(246, 133, 34, 0.1);
  background:
    linear-gradient(
      to bottom right,
      rgb(246, 133, 34, 75%),
      rgb(250, 162, 84, 80.26%),
      rgb(255, 191, 135, 60%),
      rgb(255, 220, 189, 38.55%),
      rgb(255, 255, 255, 12%),
      rgb(209, 241, 255, 24.45%),
      rgb(167, 228, 255, 36%),
      rgb(100, 183, 220, 34.44%),
      rgb(39, 142, 187, 33%),
      rgb(39, 142, 187, 66.76%),
      rgb(39, 142, 187, 62%));
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}
.logo {
  width: 100px;
  height: 31.27px;
}
.logoLg {
  width: 150px;
  height: 46.902px;
}
.box-border-password {
  border-radius: 10px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  margin-right: auto;
  margin-left: auto;
  padding: 30px 60px;
  z-index: 1;
}
.confirm-password {
  font-size: 10px;
  padding: 0;
}
p.requirements {
  margin: 10px 0 0 0;
  font-weight: 600;
}
.btn.btn-primary {
  background: rgba(28, 118, 144, 1);
  width: auto;
  height: 41px;
  border-color: rgba(28, 118, 144, 1);
  border-radius: 10px;
  margin-top: 0;
}
.loading-col {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bi-telephone-fill::before {
  transform: scaleX(-1);
}
@keyframes load {
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.spinner-message {
  text-align: center;
}
.boxer-jumbotron {
  height: min(1000px, 80vh);
  max-width: 100%;
  object-fit: cover;
  object-position: center;
  position: relative;
  z-index: 1;
  width: 100%;
}
.articles table {
  width: 100%;
  border-collapse: collapse;
}
.articles th {
  background-color: #f68522;
  font-weight: bold;
  padding: 10px;
  color: white;
  border: 1px solid white;
}
.articles table tbody tr:nth-child(odd) {
  background: rgba(255, 211, 187, 0.5);
}
.articles table tbody tr:nth-child(even) {
  background-color: white;
}
.articles table tbody tr td {
  padding: 10px;
  border: 1px solid white;
}
.articles table tr th p {
  color: white;
  font-size: 20px;
}
.articles h2 {
  font-size: 25px;
  font-weight: 700;
}
.articles ul {
  list-style-type: none;
}
.articles ul li {
  list-style: none;
  background-image: url("./media/triangle.png");
  background-size: 23px auto;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
}
.articles ul li::marker {
  content: "";
}
.articles ul li p {
  margin-left: 10px;
}
.articles ul {
  padding-left: 0;
}
.ctaImageAndText,
.ctaProductAndService {
  min-height: 200px;
  margin-bottom: 50px;
  margin-top: 50px;
  width: 100%;
}
.ctaImageAndText a div {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.ctaProductAndService {
  display: flex;
}
.ctaImageAndText a img,
.ctaProductAndService img.custom-image-class {
  margin-right: 15px;
  height: 200px;
  width: fit-content;
  display: flex;
  padding: 5px;
}
.ctaImageAndText a {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.cta-text > p:nth-child(2) {
  font-size: 20px;
  padding: 10px;
}
.ctaImageAndText a div {
  width: 100%;
}
.ctaImageAndText p:nth-child(2) {
  font-size: 20px;
  font-style: italic;
  font-weight: 500;
}
.articles img {
  width: 100%;
}
.articles h3,
.articles h3 strong {
  font-size: 18px;
  color: #1c7690;
  font-weight: bold;
  margin-top: 25px;
  margin-bottom: 25px;
}
.articles p u {
  font-weight: bold;
}
.articles h2 em {
  font-size: 25px;
  color: rgba(246, 133, 34, 1);
}
img.cta-image {
  height: 200px;
}
.articles p a {
  color: #218faf;
  font-family: DM Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.articles a .articles h6 a {
  color: #218faf;
}
.cta-card {
  display: flex;
  align-items: center;
  box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.pcta-card {
  display: flex;
  align-items: center;
  width: 100%;
}
.card-img-content {
  margin-right: 20px;
}
.relevant-card-body {
  flex: 1;
  text-align: left;
}
.articles div.insight.trick {
  width: 100%;
  height: 185px;
  border-radius: 10px;
  background-color: #d1e8ff;
  filter: drop-shadow(4px 4px 10px rgba(137, 158, 179, 0.42));
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
  margin-bottom: 25px;
  margin-top: 25px;
  background-image: url("./media/Hat.png");
  background-repeat: no-repeat;
  background-position: left;
  background-position-x: 2%;
  background-position-y: 15%;
}
.articles div.insight.tip {
  flex-direction: column;
  width: 100%;
  height: 185px;
  border-radius: 10px;
  background-color: #b0d9eb;
  filter: drop-shadow(4px 4px 10px rgba(28, 118, 144, 0.26));
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 25px;
  margin-top: 25px;
  background-image: url("./media/lightbulb.png");
  background-repeat: no-repeat;
  background-position: left;
  background-position-x: 2%;
  background-position-y: 15%;
}
.articles div.insight.fact {
  flex-direction: column;
  width: 100%;
  height: 185px;
  border-radius: 10px;
  background-color: #ffe9dd;
  filter: drop-shadow(4px 4px 10px rgba(202, 99, 8, 0.2));
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 25px;
  margin-top: 25px;
  background-image: url("./media/funfact.png");
  background-repeat: no-repeat;
  background-position: left;
  background-position-x: 2%;
  background-position-y: 15%;
}
.articles h2 {
  font-size: 25px;
  font-weight: bold;
  color: #f68522;
}
.articles div.insight.fact h1,
.articles div.insight.tip h1,
.articles div.insight.trick h1 {
  width: 85%;
}
.articles h4 em {
  font-size: 25px;
  font-family:
    Georgia,
    "Times New Roman",
    Times,
    serif;
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
}
.articles h6 {
  font-size: 18px;
  font-weight: 500;
}
.articles blockquote p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 50px;
  background: url("./media/quote-L.png") no-repeat left center, url("./media/quote-L.png") no-repeat right center;
}
.articles blockquote p::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 50px;
  background: url("./media/quote-R.png") no-repeat left center, url("./media/quote-R.png") no-repeat right center;
}
.articles blockquote p {
  font-size: 25px;
  width: fit-content;
  font-family:
    Georgia,
    "Times New Roman",
    Times,
    serif;
  position: relative;
  padding-left: 60px;
  padding-right: 60px;
  margin-left: auto;
  margin-right: auto;
}
.articles h5 {
  border-radius: 5px;
  background: rgba(28, 118, 144, 0.3);
  padding: 20px;
  color: #0a303c;
  font-size: 20px;
  font-weight: bold;
}
.articles img {
  height: 500px;
  object-fit: cover;
}
.articles p em {
  color: #1c7690;
  font-weight: bold;
}
.articles p strong {
  font-weight: bold;
}
.articles p a strong {
  color: #218faf;
}
.articles .ctaImageAndText,
.articles .ctaProductAndService {
  box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin-bottom: 25px;
}
.articles .ctaImageAndText input[type=button],
a.cta-button,
.articles .ctaProductAndService input[type=button],
a.cta-button {
  border-radius: 14px;
  background: #1c7690;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border: none;
  color: rgba(255, 255, 255, 1);
  height: 41px;
  width: 100%;
  padding: 10px 16px;
  width: auto;
}
.articles .ctaProductAndService div {
  width: 100%;
  text-align: center;
  padding-top: 10pt;
  padding-bottom: 10pt;
}
.articles .ctaProductAndService div a input[type=button] {
  justify-content: space-around;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
}
.articles div.article,
.articles div.article-video a {
  background: rgba(248, 248, 248, 1);
  border-color: transparent;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding: 5px;
  display: flex;
  align-items: center;
  margin: 0 auto 25px auto;
  width: 366px;
}
.articles div.article img {
  width: 80px;
  height: 80px;
  border-radius: 10px;
  margin-top: auto;
  margin-bottom: auto;
  padding: 5px;
}
.articles div.article-video a div.player-icon {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 10px;
  margin-top: auto;
  margin-bottom: auto;
  background-color: #ffd3bb;
  min-width: 80px;
}
.articles div.article-video a div.player-icon img.custom-image-class {
  max-width: 80px;
  max-height: 80px;
  height: 80px;
  width: 80px;
  border-radius: 10px;
}
.articles div.article-video a div.player-icon img.no-image {
  display: none;
}
.articles div.article-video a div.player-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 20px;
  border-color: transparent transparent transparent white;
  transform: translate(-50%, -50%);
}
.articles div.article-video video {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 10px;
  margin-top: auto;
  margin-bottom: auto;
  padding: 5px;
}
.articles div.article-video video::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 20px;
  border-color: transparent transparent transparent white;
  transform: translate(-50%, -50%);
}
.articles div.article a,
.articles div.article-video div.video-name {
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  color: black;
  padding: 5px;
  display: flex;
  align-items: center;
}
.emailbody p {
  font-family: DM Sans;
  font-size: 16px;
  color: #000000;
}
.emailbody a {
  font-family: DM Sans;
  font-size: 16px;
  color: #1c7690;
}
.emailbody a input {
  border-radius: 14px;
  background: #1c7690;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border: none;
  color: rgba(255, 255, 255, 1);
  height: 41px;
  width: fit-content;
  padding: 10px 30px;
}
.vl {
  border-right: 1px solid black;
  margin: 10px;
  padding: 10px;
  height: 50px;
}
a.button {
  border-radius: 14px;
  background: #1c7690;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border: none;
  color: rgba(255, 255, 255, 1);
  height: 41px;
  width: fit-content;
  padding: 10px 30px;
}
div div p a {
  font-family: DM Sans;
  font-size: 16px;
  color: #1c7690;
}
.orange-box {
  width: 46px;
  height: 46px;
  background-color: #f68522;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  border-radius: 5px;
}
.author-box {
  width: 46px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  border-radius: 5px;
}
.articles div.insight.fact p,
.articles div.insight.tip p,
.articles div.insight.trick p {
  width: 85%;
  display: flex;
}
.bottom-left {
  padding: 5px;
  position: absolute;
  bottom: 5%;
  left: 5%;
  color: white;
  z-index: 999;
}
.title-background {
  background-color: #1c7690;
  border-radius: 100px;
  padding: 10px;
  padding: 10px 20px;
}
.legal {
  margin-top: 1.5rem;
}
.blue-box {
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 13px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.blue-box-fetch {
  border-radius: 10px;
  background:
    linear-gradient(
      179deg,
      rgba(167, 228, 255, 0.47) 0.73%,
      rgba(167, 228, 255, 0.14) 67.74%);
  padding: 10px;
  margin-bottom: 20px;
}
.blue-box-fetch.h4 {
  text-align: center;
}
.blue-box p {
  max-height: 200px;
  overflow-y: auto;
  word-wrap: break-word;
  white-space: normal;
  padding: 0 20px;
}
@media (max-width: 767px) {
  body,
  html {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
  .container-fluid,
  .container {
    max-width: 100% !important;
    overflow-x: hidden !important;
    padding-left: 15px;
    padding-right: 15px;
  }
  .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
  }
  .card-img-top-sq {
    max-width: 200px !important;
    max-height: 200px !important;
    width: auto !important;
    height: auto !important;
    aspect-ratio: 1/1 !important;
    object-fit: cover !important;
    object-position: center !important;
  }
  .card-img-container {
    max-width: 100% !important;
    overflow: hidden !important;
  }
  .card-img-wrapper {
    max-width: 100% !important;
    overflow: hidden !important;
  }
}
@media (min-width: 2000px) {
  .petszelLogo.small-size {
    max-width: 100px;
  }
  .brandLogo.small-size {
    max-width: 225px;
    max-height: 80px;
  }
  .card-img-top {
    object-position: top;
  }
}
@media (max-width: 1650px) {
  .h5 {
    font-size: 25px;
    text-decoration: transparent;
    font-weight: 700;
  }
  .blue-text,
  .info-text {
    font-size: 16px;
  }
  .blue-text-small,
  .secondaryBtnSm,
  .secondaryBtnEdit,
  .primaryBtnSm {
    font-size: 12px;
  }
}
@media (max-width: 1250px) {
  .h5 {
    font-size: 20px;
  }
  .blue-text,
  .info-text {
    font-size: 12px;
  }
  .blue-text-small {
    font-size: 12px;
  }
  .card-title {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
  }
  .primaryBtnSm {
    padding: 6px;
    height: 38px;
  }
  .petszelLogo.large-size {
    width: fit-content;
    height: 30px;
    width: auto;
  }
  .petszel-branding.large-size {
    width: 80px;
    height: fit-content;
    margin: auto;
  }
  .brandLogo.large-size {
    width: auto;
    height: 45px;
  }
  .powered.large-size {
    width: 54px;
    height: 13px;
    font-size: 10px;
    font-weight: bold;
    line-height: 13px;
    margin: 0;
    text-align: center;
  }
}
@media screen and (max-width: 1200px) and (min-width: 769px) {
  .brandLogo.small-size {
    max-width: 120px;
  }
}
@media (max-height: 1200px) {
  .boxer-jumbotron {
    height: min(750px, 70vh);
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .petszelLogoSolo.large-size {
    height: 45px;
  }
}
@media (max-height: 900px) {
  .boxer-jumbotron {
    height: min(500px, 60vh);
  }
}
@media (min-width: 577px) and (max-width: 1600px) {
  .box-border-password {
    width: 500px;
    height: 455px;
    border-radius: 10px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  }
  h3 {
    font-size: 20px;
  }
  .small-text {
    font-size: 12px;
  }
  .confirm-password {
    font-size: 10px;
  }
  label.label {
    font-size: 12px;
  }
  .cta-buttons {
    margin-bottom: 25px;
  }
}
@media (max-width: 767px) {
  body,
  html {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
  .container-fluid,
  .container {
    max-width: 100% !important;
    overflow-x: hidden !important;
    padding-left: 15px;
    padding-right: 15px;
  }
  .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
  }
  .card-img-top-sq {
    width: 100% !important;
    height: auto !important;
    max-width: 250px !important;
    max-height: 250px !important;
    aspect-ratio: 1/1 !important;
    object-fit: cover !important;
    object-position: center !important;
  }
  .card-img-container {
    max-width: 100% !important;
    overflow: hidden !important;
  }
  .card-img-wrapper {
    max-width: 100% !important;
    overflow: hidden !important;
  }
  @supports (-webkit-touch-callout: none) {
    .card-img-top-sq {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      max-width: 220px !important;
      max-height: 220px !important;
    }
  }
  @media (max-width: 480px) {
    .card-img-top-sq {
      max-width: 200px !important;
      max-height: 200px !important;
      width: 100% !important;
      height: auto !important;
    }
  }
  @media (max-width: 767px) and (orientation: portrait) {
    .card-img-top-sq {
      max-width: 280px !important;
      max-height: 280px !important;
      width: 100% !important;
      height: auto !important;
    }
  }
  .vl {
    margin: 0;
    padding: 0;
    height: 30px;
  }
  .petszel-warning {
    font-size: 15px;
    word-wrap: break-word;
    max-width: 100%;
  }
  .cta-card {
    display: flex;
    align-items: center;
    box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.25);
    flex-direction: column;
    margin-bottom: 20px;
  }
  .pcta-card {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
  }
  a.button {
    font-size: 14px;
  }
  .articles div.article,
  .articles div.article-video {
    width: 100%;
  }
  .legal {
    margin-top: 0;
  }
  .brandLogo.small-size {
    width: fit-content;
    max-height: 30px;
  }
  .petszelLogoSolo.small-size {
    height: 40px;
    width: fit-content;
    max-width: 125px;
    max-height: 32px;
  }
  .petszelLogo.small-size {
    width: fit-content;
    max-width: 70px;
    max-height: 32px;
  }
  .brandLogo.small-size {
    width: 100%;
    height: auto;
    max-width: 150px;
    max-height: 35px;
  }
  .powered.small-size {
    font-size: 6px;
    margin-bottom: 0;
    font-weight: bold;
  }
  .h5 {
    font-size: 18px;
  }
  .blue-text,
  .info-text {
    font-size: 13px;
  }
  .blue-text-small {
    font-size: 12px;
  }
  .primaryBtnSm {
    width: fit-content;
    padding: 6px;
    height: 38px;
  }
  .card-title {
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
  }
  .h3 {
    font-size: 20px;
  }
  .branding {
    top: 1%;
    z-index: 999;
    position: sticky;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
  }
  .centered-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .hide-on-mobile {
    display: none !important;
  }
  .articles blockquote p,
  .articles h2,
  .articles h2 em,
  .articles div h1 strong,
  .articles h4 em {
    font-size: 20px;
  }
  .cta-text > p:nth-child(2) {
    font-size: 17px;
  }
  .custom-image-class {
    width: 100%;
  }
  .articles blockquote p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 30px;
    background: url("./media/quote-L-sm.png") no-repeat left center, url("./media/quote-L-sm.png") no-repeat right center;
  }
  .articles h5 {
    font-size: 18px;
    text-align: center;
    padding: 15px;
  }
  .articles blockquote p {
    font-size: 15px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .articles blockquote p::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 30px;
    background: url("./media/quote-R-sm.png") no-repeat left center, url("./media/quote-R-sm.png") no-repeat right center;
  }
  .custom-image-class {
    width: 100%;
  }
  .articles div.ctaImageAndText a {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .articles div.ctaProductAndService {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .ctaProductAndService {
    height: auto;
    padding-top: 5px;
    padding-bottom: 20px;
  }
  .articles div.ctaImageAndText a img {
    margin-right: 0;
    margin-bottom: auto;
  }
  .articles div.ctaImageAndText a div {
    flex-direction: column;
    padding: 10px;
    text-align: center;
  }
  .articles div.ctaImageAndText {
    height: fit-content;
  }
  .articles div.ctaImageAndText a {
    margin-bottom: auto;
    flex-grow: 1;
  }
  .articles img {
    height: 200px;
  }
  .articles div.insight.trick {
    background-image: url("./media/Hat-sm.png");
    background-position-x: 2%;
    background-position-y: 10%;
  }
  .articles div.insight.tip {
    background-image: url("./media/lightbulb-sm.png");
    background-position-x: 2%;
    background-position-y: 10%;
  }
  .articles div.insight.fact {
    background-image: url("./media/funfact-sm.png");
    background-position-x: 2%;
    background-position-y: 10%;
  }
  .articles div.insight.fact p,
  .articles div.insight.tip p,
  .articles div.insight.trick p {
    padding-left: 0;
  }
  .articles div.insight.fact,
  .articles div.insight.tip,
  .articles div.insight.trick {
    display: flex;
    align-items: flex-end;
    padding: 10px;
  }
  .articles div.ctaImageAndText a img {
    margin-bottom: 20px;
  }
  .boxer-jumbotron {
    height: min(275px, 40vh);
  }
  .bottom-left {
    padding: 5px;
    position: absolute;
    bottom: 20px;
    left: 5%;
    color: white;
    z-index: 999;
    width: 70%;
  }
  .orange-box {
    width: 30px;
    height: 30px;
    background-color: #f68522;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    border-radius: 5px;
  }
  .author-box {
    width: 30px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    border-radius: 5px;
  }
  .articles div.insight.fact h1,
  .articles div.insight.tip h1,
  .articles div.insight.trick h1 {
    width: 85%;
  }
  .articles .ctaImageAndText input[type=button] {
    margin-bottom: 15px;
  }
  .articles div.ctaImageAndText a img,
  .articles div.ctaProductAndService a img {
    margin-bottom: 20px;
    height: auto;
  }
  .cta-buttons {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 576px) {
  .box-border-password {
    width: 336px;
    height: 425px;
    border-radius: 10px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  }
  input,
  label {
    font-size: 12px;
  }
  h3 {
    font-size: 20px;
  }
  .confirm-password {
    font-size: 9px;
    padding: 0;
  }
  label.label {
    font-size: 12px;
  }
  #password {
    margin-bottom: 0;
  }
  .btn.btn-primary {
    background: rgba(28, 118, 144, 1);
    width: 103px;
    height: 41px;
    border-color: rgba(28, 118, 144, 1);
    border-radius: 10px;
    margin-top: 0;
  }
  .span-btn-customer {
    margin-top: 20px;
  }
  @media (max-width: 575px) and (min-width: 200px) {
    .petszelLogoSolo.small-size {
      height: 40px;
      width: fit-content;
      max-width: 125px;
      max-height: 32px;
    }
    .petszelLogo.small-size {
      width: fit-content;
      max-width: 60px;
      max-height: 25px;
    }
    .brandLogo.small-size {
      width: 100%;
      height: auto;
      max-width: 150px;
      max-height: 50px;
    }
    .powered.small-size {
      font-size: 6px;
      margin-bottom: 0;
      font-weight: bold;
    }
  }
}
@media print {
  body * {
    visibility: hidden;
  }
  .print-section,
  .print-section * {
    visibility: visible;
  }
  .print-section {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
  lib-navigation,
  .sidebar-height {
    display: none !important;
  }
  .print-button {
    display: none;
  }
}
.toast .toast-body {
  color: white !important;
}
th[sortable] {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
th[sortable].desc:before,
th[sortable].asc:before {
  content: "";
  display: block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAmxJREFUeAHtmksrRVEUx72fH8CIGQNJkpGUUmakDEiZSJRIZsRQmCkTJRmZmJgQE0kpX0D5DJKJgff7v+ru2u3O3vvc67TOvsdatdrnnP1Y///v7HvvubdbUiIhBISAEBACQkAICAEhIAQ4CXSh2DnyDfmCPEG2Iv9F9MPlM/LHyAecdyMzHYNwR3fdNK/OH9HXl1UCozD24TCvILxizEDWIEzA0FcM8woCgRrJCoS5PIwrANQSMAJX1LEI9bqpQo4JYNFFKRSvIgsxHDVnqZgIkPnNBM0rIGtYk9YOOsqgbgepRCfdbmFtqhFkVEDVPjJp0+Z6e6hRHhqBKgg6ZDCvYBygVmUoEGoh5JTRvIJwhJo1aUOoh4CLPMyvxxi7EWOMgnCGsXXI1GIXlZUYX7ucU+kbR8NW8lh3O7cue0Pk32MKndfUxQFAwxdirk3fHappAnc0oqDPzDfGTBrCfHP04dM4oTV8cxr0SVzH9FF07xD3ib6xCDE+M+aUcVygtWzzbtGX2rPBrEUYfecfQkaFzYi6HjVnGBdtL7epqAlc1+jRdAap74RrnPc4BCijttY2tRcdN0g17w7HqZrXhdJTYAuS3hd8z+vKgK3V1zWPae0mZDMykadBn1hTQBLnZNwVrJpSe/NwEeDsEwCctEOsJTsgxLvCqUl2ACftEGvJDgjxrnBqkh3ASTvEWrIDQrwrnJpkB3LRztejXXVu4+mxz/nQ9jR1w5VB86ejLTFcnnDwhzV+F6T+CHZlx6THSjn76eyyBIOPHyDakhBAQAkJACAgBISAEhIAQYCLwC8JxpAmsEGt6AAAAAElFTkSuQmCC) no-repeat;
  background-size: 22px;
  width: 22px;
  height: 22px;
  float: left;
  margin-left: -22px;
}
th[sortable].desc:before {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
@media (max-width: 430px) {
  .btn,
  .primaryBtn,
  .secondaryBtn,
  .primaryBtnSm,
  .secondaryBtnSm {
    min-height: 44px !important;
    min-width: 44px !important;
    touch-action: manipulation;
  }
  .form-control,
  .form-select {
    min-height: 44px !important;
    font-size: 16px !important;
  }
  .card {
    margin: 3px !important;
  }
  p,
  div,
  span {
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
  }
}
.ng-select .ng-select-container {
  border: 1px solid #dee2e6 !important;
  min-height: 50px !important;
}
@media (max-width: 767px) {
  .ng-select .ng-select-container {
    min-height: 44px !important;
    font-size: 16px !important;
  }
}
.ng-select .ng-select-container:hover {
  box-shadow: none !important;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  position: unset !important;
}
.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: rgba(0, 0, 0, 1) !important;
}
.shared-fake-link {
  color: #1c7690;
  text-decoration: underline;
  cursor: pointer;
  font-size: 15px;
}

/* projects/petszel-shared/src/assets/css/design-system/primitives.css */
:root {
  --color-ui-neutral-000: hsla(0, 0%, 100%, 1);
  --color-ui-neutral-000-invisable: hsla(0, 0%, 100%, 0);
  --color-ui-neutral-warm-100: hsla(42, 50%, 96%, 1);
  --color-ui-neutral-warm-200: hsla(43, 43%, 89%, 1);
  --color-ui-neutral-100: hsla(200, 23%, 97%, 1);
  --color-ui-neutral-200: hsla(200, 18%, 93%, 1);
  --color-ui-neutral-700: hsla(203, 47%, 22%, 1);
  --color-ui-neutral-800: hsla(204, 54%, 14%, 1);
  --color-ui-neutral-900: hsla(204, 100%, 3%, 1);
  --color-ui-neutral-900-invisable: hsla(204, 100%, 3%, 0);
  --color-ui-ink-100: hsla(204, 100%, 17%, 1);
  --color-ui-ink-099: hsla(204, 100%, 17%, 0.99);
  --color-ui-ink-082: hsla(204, 100%, 17%, 0.82);
  --color-ui-ink-066: hsla(204, 100%, 17%, 0.66);
  --color-ui-ink-051: hsla(204, 100%, 17%, 0.51);
  --color-ui-ink-040: hsla(204, 100%, 17%, 0.4);
  --color-ui-ink-030: hsla(204, 100%, 17%, 0.3);
  --color-ui-ink-020: hsla(204, 100%, 17%, 0.2);
  --color-ui-ink-010: hsla(204, 100%, 17%, 0.1);
  --color-ui-ink-005: hsla(204, 100%, 17%, 0.05);
  --color-ui-ink-003: hsla(204, 100%, 17%, 0.03);
  --color-ui-ink-inverse-100: hsla(0, 0%, 100%, 1);
  --color-ui-ink-inverse-095: hsla(180, 50%, 90%, 0.95);
  --color-ui-ink-inverse-090: hsla(180, 49%, 90%, 0.9);
  --color-ui-ink-inverse-080: hsla(180, 49%, 90%, 0.8);
  --color-ui-ink-inverse-070: hsla(180, 49%, 90%, 0.7);
  --color-ui-ink-inverse-060: hsla(180, 49%, 90%, 0.6);
  --color-ui-ink-inverse-050: hsla(180, 49%, 90%, 0.5);
  --color-ui-ink-inverse-040: hsla(180, 49%, 90%, 0.4);
  --color-ui-ink-inverse-030: hsla(180, 49%, 90%, 0.3);
  --color-ui-ink-inverse-020: hsla(180, 49%, 90%, 0.2);
  --color-ui-ink-inverse-010: hsla(180, 49%, 90%, 0.1);
  --color-ui-ink-inverse-005: hsla(180, 49%, 90%, 0.05);
  --color-ui-action-400: hsla(183, 55%, 53%, 1);
  --color-ui-action-500: hsla(185, 100%, 35%, 1);
  --color-ui-action-800: hsla(189, 100%, 30%, 1);
  --color-ui-action-900: hsla(189, 100%, 20%, 1);
  --color-ui-utility-red-950: hsla(0, 100%, 15%, 1);
  --color-ui-utility-red-900: hsla(0, 95%, 20%, 1);
  --color-ui-utility-red-800: hsla(0, 90%, 30%, 1);
  --color-ui-utility-red-700: hsla(0, 90%, 35%, 1);
  --color-ui-utility-red-600: hsla(0, 90%, 45%, 1);
  --color-ui-utility-red-500: hsla(0, 90%, 50%, 1);
  --color-ui-utility-red-400: hsla(0, 90%, 68%, 1);
  --color-ui-utility-red-300: hsla(0, 90%, 75%, 1);
  --color-ui-utility-red-200: hsla(0, 100%, 92%, 1);
  --color-ui-utility-red-100: hsla(0, 100%, 97%, 1);
  --color-ui-utility-yellow-highlight: rgba(255, 255, 0, 0.3);
  --color-brand-blue-950: hsla(195, 82%, 12%, 1);
  --color-ui-utility-red-bright: hsla(0, 80%, 45%, 1);
  --color-brand-blue-900: hsla(195, 64%, 26%, 1);
  --color-brand-blue-825: hsla(190, 65%, 33%, 1);
  --color-brand-blue-800: hsla(190, 65%, 36%, 1);
  --color-brand-blue-700: hsla(186, 55%, 45%, 1);
  --color-brand-blue-600: hsla(183, 55%, 53%, 1);
  --color-brand-blue-500: hsla(183, 69%, 64%, 1);
  --color-brand-blue-400: hsla(181, 67%, 74%, 1);
  --color-brand-blue-300: hsla(177, 69%, 84%, 1);
  --color-brand-blue-200: hsla(178, 61%, 92%, 1);
  --color-brand-blue-100: hsla(175, 60%, 96%, 1);
  --color-brand-orange-950: hsla(15, 100%, 15%, 1);
  --color-brand-orange-900: hsla(18, 100%, 23%, 1);
  --color-brand-orange-800: hsla(11, 90%, 43%, 1);
  --color-brand-orange-700: hsla(14, 85%, 54%, 1);
  --color-brand-orange-600: hsla(18, 100%, 64%, 1);
  --color-brand-orange-500: hsla(27, 100%, 68%, 1);
  --color-brand-orange-400: hsla(28, 100%, 76%, 1);
  --color-brand-orange-300: hsla(31, 100%, 85%, 1);
  --color-brand-orange-200: hsla(35, 100%, 92%, 1);
  --color-brand-orange-100: hsla(40, 100%, 97%, 1);
  --color-brand-gold-950: hsla(30, 100%, 15%, 1);
  --color-brand-gold-900: hsla(30, 100%, 20%, 1);
  --color-brand-gold-800: hsla(30, 100%, 32%, 1);
  --color-brand-gold-700: hsla(30, 90%, 45%, 1);
  --color-brand-gold-600: hsla(38, 100%, 48%, 1);
  --color-brand-gold-500: hsla(45, 100%, 65%, 1);
  --color-brand-gold-400: hsla(45, 100%, 73%, 1);
  --color-brand-gold-300: hsla(45, 100%, 82%, 1);
  --color-brand-gold-200: hsla(45, 100%, 90%, 1);
  --color-brand-gold-100: hsla(44, 100%, 95%, 1);
  --color-brand-green-950: hsla(130, 86%, 10%, 1);
  --color-brand-green-900: hsla(130, 82%, 15%, 1);
  --color-brand-green-800: hsla(120, 51%, 29%, 1);
  --color-brand-green-700: hsla(107, 49%, 40%, 1);
  --color-brand-green-600: hsla(100, 51%, 52%, 1);
  --color-brand-green-500: hsla(100, 55%, 67%, 1);
  --color-brand-green-400: hsla(97, 57%, 76%, 1);
  --color-brand-green-300: hsla(93, 62%, 86%, 1);
  --color-brand-green-200: hsla(94, 64%, 92%, 1);
  --color-brand-pink-950: hsla(342, 65%, 17%, 1);
  --color-brand-green-100: hsla(98, 80%, 98%, 1);
  --color-brand-pink-900: hsla(342, 62%, 31%, 1);
  --color-brand-pink-800: hsla(342, 66%, 42%, 1);
  --color-brand-pink-700: hsla(341, 85%, 62%, 1);
  --color-brand-pink-600: hsla(340, 100%, 72%, 1);
  --color-brand-pink-500: hsla(335, 100%, 79%, 1);
  --color-brand-pink-400: hsla(335, 100%, 86%, 1);
  --color-brand-pink-300: hsla(336, 100%, 93%, 1);
  --color-brand-pink-200: hsla(338, 100%, 95%, 1);
  --color-brand-pink-100: hsla(336, 100%, 98%, 1);
  --color-brand-tan-950: hsla(22, 18%, 12%, 1);
  --color-brand-tan-900: hsla(21, 29%, 30%, 1);
  --color-brand-tan-800: hsla(25, 28%, 46%, 1);
  --color-brand-tan-700: hsla(28, 28%, 59%, 1);
  --color-brand-tan-600: hsla(34, 37%, 72%, 1);
  --color-brand-tan-500: hsla(43, 39%, 82%, 1);
  --color-brand-tan-400: hsla(43, 43%, 89%, 1);
  --color-brand-tan-300: hsla(42, 50%, 96%, 1);
  --color-brand-tan-200: hsla(40, 60%, 97%, 1);
  --color-brand-tan-100: hsla(40, 60%, 98%, 1);
  --petszel: hsla(183, 55%, 53%, 1);
  --color-ui-scrim-light: hsla(180, 25%, 20%, 0.7);
  --color-ui-scrim-dark: hsla(180, 15%, 30%, 0.7);
  --color-ui-feeling-1: hsla(0, 100%, 65%, 1);
  --color-ui-feeling-2: hsla(13, 100%, 66%, 1);
  --color-ui-feeling-3: hsla(38, 100%, 56%, 1);
  --color-ui-feeling-4: hsla(102, 66%, 57%, 1);
  --color-ui-feeling-5: hsla(134, 100%, 38%, 1);
}

/* projects/petszel-shared/src/assets/css/design-system/light/colors.css */
:root {
  --color-background-level-0-invisable: var(--color-ui-neutral-000-invisable);
  --color-background-level-0: var(--color-ui-neutral-000);
  --color-background-level-1: var(--color-ui-neutral-100);
  --color-background-level-2: var(--color-ui-neutral-200);
  --color-background-level-1-warm: var(--color-ui-neutral-warm-100);
  --color-background-level-2-warm: var(--color-ui-neutral-warm-200);
  --color-text-contrast: var(--color-ui-ink-099);
  --color-text-default: var(--color-ui-ink-082);
  --color-text-subtle: var(--color-ui-ink-066);
  --color-text-nonessential: var(--color-ui-ink-051);
  --color-icon-contrast: var(--color-ui-ink-099);
  --color-icon-default: var(--color-ui-ink-066);
  --color-icon-subtle: var(--color-ui-ink-040);
  --color-icon-nonessential: var(--color-ui-ink-020);
  --color-line-contrast: var(--color-ui-ink-082);
  --color-line-default: var(--color-ui-ink-020);
  --color-line-subtle: var(--color-ui-ink-010);
  --color-utility-critical-text: var(--color-ui-utility-red-600);
  --color-utility-critical-accent: var(--color-ui-utility-red-500);
  --color-utility-critical-bg: var(--color-ui-utility-red-200);
  --color-utility-warning-text: var(--color-brand-orange-800);
  --color-utility-warning-accent: var(--color-brand-orange-600);
  --color-utility-warning-bg: var(--color-brand-orange-200);
  --color-utility-informational-text: var(--color-brand-blue-900);
  --color-utility-informational-accent: var(--color-brand-blue-700);
  --color-utility-informational-bg: var(--color-brand-blue-200);
  --color-utility-success-text: var(--color-brand-green-800);
  --color-utility-success-accent: var(--color-brand-green-600);
  --color-utility-success-bg: var(--color-brand-green-200);
  --color-utility-gentle-text: var(--color-ui-ink-066);
  --color-utility-gentle-accent: var(--color-brand-tan-600);
  --color-utility-gentle-bg: var(--color-brand-tan-200);
  --color-utility-error-highlight: var(--color-ui-utility-yellow-highlight);
  --color-brand-petszel: var(--petszel);
  --color-brand-white: var(--color-ui-neutral-000);
  --color-link-link: var(--color-ui-action-800);
  --color-link-link-underline: var(--color-ui-action-400);
  --color-button-primary-label: var(--color-ui-ink-inverse-100);
  --color-button-primary-default: var(--color-ui-action-500);
  --color-button-primary-hover: var(--color-ui-action-400);
  --color-button-primary-focus: var(--color-ui-action-500);
  --color-button-primary-active: var(--color-ui-action-900);
  --color-button-disabled-label: var(--color-ui-ink-020);
  --color-button-disabled-default: var(--color-ui-ink-010);
  --color-brand-orange-darker: var(--color-brand-orange-800);
  --color-brand-orange-dark: var(--color-brand-orange-600);
  --color-brand-orange-default: var(--color-brand-orange-500);
  --color-brand-orange-light: var(--color-brand-orange-400);
  --color-brand-orange-lighter: var(--color-brand-orange-300);
  --color-brand-orange-lightest: var(--color-brand-orange-200);
  --color-brand-orange-faint: var(--color-brand-orange-100);
  --color-brand-blue-darker: var(--color-brand-blue-800);
  --color-brand-blue-dark: var(--color-brand-blue-600);
  --color-brand-blue-default: var(--color-brand-blue-500);
  --color-brand-blue-light: var(--color-brand-blue-400);
  --color-brand-blue-lighter: var(--color-brand-blue-300);
  --color-brand-blue-lightest: var(--color-brand-blue-200);
  --color-brand-blue-faint: var(--color-brand-blue-100);
  --color-brand-gold-darker: var(--color-brand-gold-800);
  --color-brand-gold-dark: var(--color-brand-gold-600);
  --color-brand-gold-default: var(--color-brand-gold-500);
  --color-brand-gold-light: var(--color-brand-gold-400);
  --color-brand-gold-lighter: var(--color-brand-gold-300);
  --color-brand-gold-lightest: var(--color-brand-gold-200);
  --color-brand-gold-faint: var(--color-brand-gold-100);
  --color-brand-green-darker: var(--color-brand-green-800);
  --color-brand-green-dark: var(--color-brand-green-600);
  --color-brand-green-default: var(--color-brand-green-500);
  --color-brand-green-light: var(--color-brand-green-400);
  --color-brand-green-lighter: var(--color-brand-green-300);
  --color-brand-green-lightest: var(--color-brand-green-200);
  --color-brand-green-faint: var(--color-brand-green-100);
  --color-brand-pink-darker: var(--color-brand-pink-800);
  --color-brand-pink-dark: var(--color-brand-pink-600);
  --color-brand-pink-default: var(--color-brand-pink-500);
  --color-brand-pink-light: var(--color-brand-pink-400);
  --color-brand-pink-lighter: var(--color-brand-pink-300);
  --color-brand-pink-lightest: var(--color-brand-pink-200);
  --color-brand-pink-faint: var(--color-brand-pink-100);
  --color-brand-tan-darker: var(--color-brand-tan-800);
  --color-brand-tan-dark: var(--color-brand-tan-600);
  --color-brand-tan-default: var(--color-brand-tan-500);
  --color-brand-tan-light: var(--color-brand-tan-400);
  --color-brand-tan-lighter: var(--color-brand-tan-300);
  --color-brand-tan-lightest: var(--color-brand-tan-200);
  --color-brand-tan-faint: var(--color-brand-tan-100);
  --color-action-drop-bg: var(--color-brand-blue-200);
  --color-action-drop-text: var(--color-brand-blue-825);
  --color-action-drop-icon: var(--color-brand-blue-700);
  --color-action-drop-outline: var(--color-ui-neutral-000);
  --color-utility-scrim: var(--color-ui-scrim-light);
  --color-pill-blue-bg: var(--color-brand-blue-300);
  --color-pill-blue-text: var(--color-brand-blue-825);
  --color-pill-blue-icon: var(--color-brand-blue-700);
  --color-pill-orange-bg: var(--color-brand-orange-300);
  --color-pill-orange-text: var(--color-brand-orange-800);
  --color-pill-orange-icon: var(--color-brand-orange-700);
  --color-pill-gold-bg: var(--color-brand-gold-300);
  --color-pill-gold-text: var(--color-brand-gold-800);
  --color-pill-gold-icon: var(--color-brand-gold-600);
  --color-pill-green-bg: var(--color-brand-green-300);
  --color-pill-green-text: var(--color-brand-green-800);
  --color-pill-green-icon: var(--color-brand-green-700);
  --color-pill-pink-bg: var(--color-brand-pink-300);
  --color-pill-pink-text: var(--color-brand-pink-800);
  --color-pill-pink-icon: var(--color-brand-pink-700);
  --color-icon-circle-pink-circle: var(--color-brand-pink-500);
  --color-icon-circle-pink-outline: var(--color-brand-pink-300);
  --color-icon-circle-icon: var(--color-brand-tan-300);
  --color-icon-circle-blue-circle: var(--color-brand-blue-500);
  --color-icon-circle-blue-outline: var(--color-brand-blue-300);
  --color-icon-circle-gold-circle: var(--color-brand-gold-500);
  --color-icon-circle-gold-outline: var(--color-brand-gold-300);
  --color-icon-circle-green-circle: var(--color-brand-green-500);
  --color-icon-circle-green-outline: var(--color-brand-green-300);
  --color-icon-circle-orange-circle: var(--color-brand-orange-500);
  --color-icon-circle-orange-outline: var(--color-brand-orange-300);
  --color-feeling-1: var(--color-ui-feeling-1);
  --color-feeling-2: var(--color-ui-feeling-2);
  --color-feeling-3: var(--color-ui-feeling-3);
  --color-feeling-4: var(--color-ui-feeling-4);
  --color-feeling-5: var(--color-ui-feeling-5);
  --navigation-bar-bg: var(--color-background-level-0);
  --color-pullbox-blue-bg: var(--color-brand-blue-200);
  --color-pullbox-blue-label: var(--color-brand-blue-700);
  --color-pullbox-blue-line: var(--color-brand-blue-400);
  --color-pullbox-blue-icon: var(--color-brand-blue-600);
  --color-pullbox-green-bg: var(--color-brand-green-200);
  --color-pullbox-green-label: var(--color-brand-green-700);
  --color-pullbox-green-line: var(--color-brand-green-400);
  --color-pullbox-green-icon: var(--color-brand-green-600);
  --color-pullbox-pink-bg: var(--color-brand-pink-200);
  --color-pullbox-pink-label: var(--color-brand-pink-700);
  --color-pullbox-pink-line: var(--color-brand-pink-400);
  --color-pullbox-pink-icon: var(--color-brand-pink-600);
  --color-video-link-bg: var(--color-brand-blue-100);
  --color-video-link-text: var(--color-brand-blue-700);
  --color-video-link-icon: var(--color-brand-blue-500);
  --color-button-secondary-label: var(--color-brand-blue-800);
  --color-button-secondary-default: var(--color-brand-blue-200);
}

/* projects/petszel-shared/src/assets/css/design-system/design-system-variables-light.css */

/* projects/petszel-shared/src/assets/css/design-system/element-styles/petszel-surveyjs-styles.scss */
.sd-body.sd-body--responsive,
.sv-components-row {
  background-color: white !important;
}
.sd-element__title .sv-string-viewer::before {
  content: "\e2\20ac\2039";
  display: none;
}
#surveyElement .sd-element--with-frame {
  box-shadow: unset;
  border-radius: unset;
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-top: 2px solid var(--color-line-default);
}
#surveyElement .sd-body.sd-body--responsive .sd-body__navigation {
  border-top: 2px solid var(--color-line-default);
}
.survey-error {
  background-color: rgba(39, 142, 187, 0.33);
  padding: 20px;
  border-radius: 10px;
}
:root #surveyElement {
  --sjs-general-backcolor: rgba(255, 255, 255, 1);
  --sjs-general-backcolor-dim: #ffffff;
  --sjs-general-backcolor-dim-light: rgba(255, 255, 255, 1);
  --sjs-primary-backcolor: var(--color-utility-informational-accent);
  --sjs-primary-backcolor-light: rgba(28, 118, 144, 0.1);
  --sjs-primary-backcolor-dark: rgba(24, 100, 122, 1);
  --sjs-base-unit: 8px;
  --sjs-corner-radius: 14px;
  --sjs-shadow-small: 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  --sjs-shadow-medium: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  --sjs-shadow-large: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
  --sjs-shadow-inner: 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  --sjs-border-light: rgba(0, 0, 0, 0.15);
  --sjs-border-default: rgba(0, 0, 0, 0.15);
  --sjs-general-backcolor-dark: rgba(248, 248, 248, 1);
  --sjs-general-backcolor-dim-dark: rgba(243, 243, 243, 1);
  --sjs-general-forecolor: rgba(0, 0, 0, 0.91);
  --sjs-general-forecolor-light: var(--color-text-contrast);
  --sjs-general-dim-forecolor: rgba(0, 0, 0, 0.91);
  --sjs-general-dim-forecolor-light: rgba(0, 0, 0, 0.45);
  --sjs-primary-forecolor: rgba(255, 255, 255, 1);
  --sjs-primary-forecolor-light: rgba(255, 255, 255, 0.25);
  --sjs-secondary-backcolor: rgba(255, 152, 20, 1);
  --sjs-secondary-backcolor-light: rgba(255, 152, 20, 0.1);
  --sjs-secondary-backcolor-semi-light: rgba(255, 152, 20, 0.25);
  --sjs-secondary-forecolor: rgba(255, 255, 255, 1);
  --sjs-secondary-forecolor-light: rgba(255, 255, 255, 0.25);
  --sjs-border-inside: rgba(0, 0, 0, 0.16);
  --sjs-special-red: var(--color-utility-critical-accent);
  --sjs-special-red-light: rgba(229, 10, 62, 0.1);
  --sjs-special-red-forecolor: rgba(255, 255, 255, 1);
  --sjs-special-green: rgba(25, 179, 148, 1);
  --sjs-special-green-light: rgba(25, 179, 148, 0.1);
  --sjs-special-green-forecolor: rgba(255, 255, 255, 1);
  --sjs-special-blue: rgba(67, 127, 217, 1);
  --sjs-special-blue-light: rgba(67, 127, 217, 0.1);
  --sjs-special-blue-forecolor: rgba(255, 255, 255, 1);
  --sjs-special-yellow: rgba(255, 152, 20, 1);
  --sjs-special-yellow-light: rgba(255, 152, 20, 0.1);
  --sjs-special-yellow-forecolor: rgba(255, 255, 255, 1);
  --font-family: Inter, serif;
  --sjs-font-family: Inter, serif;
  --sjs-font-size: 14px;
  --sjs-font-surveytitle-family: Inter, serif;
  --sjs-font-surveytitle-weight: 700;
  --sjs-font-surveytitle-color: var(--color-text-contrast);
  --sjs-font-surveytitle-size: 32px;
  --sjs-font-pagetitle-family: Inter, serif;
  --sjs-font-pagetitle-weight: 700;
  --sjs-font-pagetitle-color: var(--color-text-default);
  --sjs-font-pagetitle-size: 20px;
  --sjs-font-pagedescription-family: Inter, serif;
  --sjs-font-pagedescription-weight: 400;
  --sjs-font-pagedescription-color: var(--color-text-subtle);
  --sjs-font-pagedescription-size: 14px;
  --sjs-question-background: rgba(255, 255, 255, 1);
  --sjs-questionpanel-backcolor: rgba(255, 255, 255, 1);
  --sjs-questionpanel-hovercolor: rgba(248, 248, 248, 1);
  --sjs-questionpanel-cornerRadius: 14px;
  --sjs-font-questiontitle-family: Inter, serif;
  --sjs-font-questiontitle-weight: 400;
  --sjs-font-questiontitle-color: var(--color-text-contrast);
  --sjs-font-questiontitle-size: 16px;
  --sjs-font-questiondescription-family: Inter, serif;
  --sjs-font-questiondescription-weight: 400;
  --sjs-font-questiondescription-color: var(--color-text-subtle);
  --sjs-font-questiondescription-size: 13px;
  --sjs-editor-background: rgba(255, 255, 255, 1);
  --sjs-editorpanel-backcolor: rgba(255, 255, 255, 1);
  --sjs-editorpanel-hovercolor: rgba(243, 243, 243, 1);
  --sjs-editorpanel-cornerRadius: 14px;
}
:root #surveyElement .sd-root-modern--mobile .sd-body.sd-body--responsive,
:root #surveyElement .sd-root-modern--mobile .sd-body.sd-body--static {
  padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 2px)));
}
:root #surveyElement .sd-body.sd-body--static {
  margin-left: auto;
  margin-right: auto;
  padding-top: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-bottom: calc(2 * var(--sjs-base-unit, var(--base-unit, 2px)));
}
:root #surveyElement .sd-header__text .sd-title,
:root #surveyElement .sd-root-modern .sd-container-modern__title {
  display: none;
}
:root #surveyElement .sd-footer .sv-action__content .sd-btn {
  display: flex;
  padding: 16px 18px;
  justify-content: center;
  align-items: center;
  gap: 11px;
  flex: 1 0 0;
  border-radius: 12px;
  background: var(--color-button-primary-default);
  color: var(--color-button-primary-label);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  box-shadow: unset;
}
:root #surveyElement .sd-element__title .sd-element__num {
  font-size: 14px;
  color: var(--color-text-nonessential);
}
.sv-ranking-item__text {
  white-space: normal !important;
}

/* projects/petszel-shared/src/assets/css/design-system/element-styles/alerts-styles.scss */
.petszel-critical-alert {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding: 12px 16px 12px 12px;
  color: var(--color-text-default);
  font-family: Inter, serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: var(--color-utility-critical-text);
  border-radius: 16px;
  background: var(--color-utility-critical-bg);
}
.petszel-critical-alert__icon {
  color: var(--color-utility-critical-accent);
  width: 32px;
  height: 32px;
}
.petszel-critical-alert__icon svg {
  width: 100%;
  height: 100%;
}
.petszel-critical-alert__content {
  width: 100%;
}
.petszel-critical-alert__action {
  cursor: pointer;
}
.petszel-gentle-alert {
  display: flex;
  padding: 12px 16px 12px 12px;
  align-items: center;
  align-self: stretch;
  gap: 0.5rem;
  border-radius: 16px;
  background: var(--color-utility-gentle-bg);
  color: var(--color-text-default);
  font-family: Inter, serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.13px;
  color: var(--color-utility-gentle-text);
}
.petszel-gentle-alert__icon {
  color: var(--color-utility-gentle-accent);
  width: 32px;
  height: 32px;
}
.petszel-gentle-alert__icon svg {
  width: 100%;
  height: 100%;
}
.petszel-gentle-alert__content {
  width: 100%;
}
.petszel-gentle-alert__action {
  cursor: pointer;
}
.petszel-success-alert {
  display: flex;
  padding: 12px 16px 12px 12px;
  align-items: center;
  align-self: stretch;
  gap: 0.5rem;
  position: relative;
  border-radius: 1rem;
  background: var(--color-utility-success-bg);
  color: var(--color-text-default);
  font-family: Inter, serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: var(--color-utility-success-text);
}
.petszel-success-alert__icon {
  color: var(--color-utility-success-accent);
  width: 32px;
  height: 32px;
}
.petszel-success-alert__icon svg {
  width: 100%;
  height: 100%;
}
.petszel-success-alert__content {
  width: 100%;
}
.petszel-success-alert__action {
  color: var(--color-utility-success-accent);
  cursor: pointer;
  position: absolute;
  right: 1rem;
  width: 1rem;
}
.petszel-warning-alert {
  display: flex;
  padding: 12px 16px 12px 12px;
  align-items: center;
  align-self: stretch;
  gap: 0.5rem;
  position: relative;
  border-radius: 1rem;
  background: var(--color-utility-warning-bg);
  color: var(--color-text-default);
  font-family: Inter, serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: var(--color-utility-warning-text);
}
.petszel-warning-alert__icon {
  color: var(--color-utility-warning-accent);
  width: 32px;
  height: 32px;
}
.petszel-warning-alert__icon svg {
  width: 100%;
  height: 100%;
}
.petszel-warning-alert__content {
  width: 100%;
}
.petszel-warning-alert__action {
  color: var(--color-utility-warning-accent);
  cursor: pointer;
  position: absolute;
  right: 1rem;
  width: 1rem;
}
@media (max-width: 799px) {
  .petszel-success-alert {
    color: var(--color-text-default);
    font-family: Inter, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.14px;
    color: var(--color-utility-success-text);
  }
  .petszel-success-alert__icon {
    width: 24px;
    height: 24px;
  }
}

/* projects/petszel-shared/src/assets/css/design-system/element-styles/pills-styles.scss */
.petszel-pill {
  display: inline-flex;
  padding: 2px 6px 2px 5px;
  justify-content: center;
  align-items: center;
  gap: 3px;
  border-radius: 3px;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 0.54px;
  text-transform: uppercase;
}
.petszel-pill-blue {
  background: var(--color-pill-blue-bg);
  color: var(--color-pill-blue-text);
}
.petszel-pill-blue__icon {
  color: var(--color-pill-blue-icon);
}
.petszel-pill-gold {
  background: var(--color-pill-gold-bg);
  color: var(--color-pill-gold-text);
}
.petszel-pill-gold__icon {
  color: var(--color-pill-gold-icon);
}
.petszel-pill-pink {
  background: var(--color-pill-pink-bg);
  color: var(--color-pill-pink-text);
}
.petszel-pill-pink__icon {
  color: var(--color-pill-pink-icon);
}
@media (max-width: 799px) {
  .petszel-pill {
    display: inline-flex;
    padding: 2px 6px 2px 4px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    font-size: 8px;
    font-style: normal;
    letter-spacing: 0.48px;
  }
}

/* projects/petszel-shared/src/assets/css/design-system/element-styles/cta-cards.scss */
.cta-section-card {
  display: flex;
  flex-direction: column;
  margin-top: 1.5rem;
  gap: 1rem;
}
.cta-section-card__item {
  display: flex;
  min-height: 5rem;
  border-radius: 8px;
  border: 2px solid var(--color-line-default);
  text-decoration: none;
  gap: 0.5rem;
}
.cta-section-card__item__img {
  width: 5rem;
  position: relative;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  overflow: hidden;
}
.cta-section-card__item__img-thumbnail {
  aspect-ratio: 1;
  object-fit: cover;
}
.cta-section-card__item__img-placeholder {
  position: absolute !important;
  padding: 0.5rem;
  border-radius: 50%;
  background: rgba(0, 51, 85, 0.5);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  z-index: 1;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
}
.cta-section-card__item__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.625rem 0.625rem 0.625rem 0;
  width: calc(100% - 5.625rem);
}
.cta-section-card__item__content-title {
  color: var(--color-text-default);
  font-family: Inter, serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.14px;
  font-weight: 700;
  overflow: hidden;
  color: var(--color-text-contrast);
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
.cta-section-card__item__content-subtitle {
  color: var(--color-text-default);
  font-family: Inter, serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.11px;
  overflow: hidden;
  color: var(--color-text-subtle);
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}

/* projects/petszel-shared/src/assets/css/design-system/petszel-shared-styles.css */
body {
  font-family: Inter, serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 160% !important;
  color: var(--color-text-default) !important;
}
body .petszel-primary-button {
  display: flex;
  padding: 0.6875em 1.25em;
  justify-content: center;
  align-items: center;
  gap: 0.6875em;
  border-radius: 0.375em;
  background: var(--color-button-primary-default);
  color: var(--color-button-primary-label);
  text-align: center;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 16px;
}
body .petszel-primary-button:hover {
  background: var(--color-button-primary-hover);
  color: var(--color-button-primary-label);
}
body .petszel-primary-button:active {
  background: var(--color-button-primary-active);
  color: var(--color-button-primary-label);
}
body .petszel-primary-button.disabled {
  background: var(--color-button-disabled-default);
  color: var(--color-button-disabled-label);
}
body :is(h1, h2, h3, h4, h5) {
  font-family: Fraunces, serif;
  line-height: 100%;
  font-weight: 500;
}
body h1 {
  font-size: 3em;
  letter-spacing: -0.48px;
}
body h2 {
  font-size: 2.5em;
  letter-spacing: -0.4px;
}
body h3 {
  font-size: 2em;
  letter-spacing: -0.32px;
}
body h4 {
  font-size: 1.5em;
  letter-spacing: -0.24px;
}
body h5 {
  font-size: 1.125em;
  letter-spacing: -0.2px;
}
body h6 {
  font-family: Inter, serif;
  font-weight: bold;
  font-size: 1.125em;
  line-height: 160%;
  letter-spacing: -0.18px;
}
body p {
  font-size: 1em;
  letter-spacing: -0.16px;
}
body a {
  color: var(--color-link-link);
  font-size: 1em;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-color: var(--color-brand-blue-default);
  text-decoration-thickness: auto;
  text-underline-offset: auto;
}
body a:hover {
  color: var(--color-button-primary-default);
  text-decoration-color: var(--color-brand-blue-default);
}
body a:active {
  color: var(--color-brand-pink-darker);
  text-decoration-color: var(--color-brand-pink-default);
  text-decoration-thickness: auto;
  text-underline-offset: auto;
}
body .page {
  padding: 1.75rem 4rem 4rem 4rem;
  max-width: 62rem;
}
body .custom-divider {
  width: 100%;
  height: 2px;
  background-color: var(--color-line-default);
}
body .custom-divider-thin {
  width: 100%;
  height: 1px;
  background-color: var(--color-line-default);
}
@media (max-width: 799px) {
  body .petszel-primary-button {
    font-size: 14px;
    letter-spacing: 0.049em;
    gap: 0.785em;
    padding: 0.714em 1.28em;
  }
  body .page {
    padding: 0.875rem 1rem 1rem 1rem;
    width: 100%;
  }
}

/* projects/petszel-owner/src/styles.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
}
body {
  padding-top: var(--safe-area-inset-top);
  padding-left: var(--safe-area-inset-left);
  padding-right: var(--safe-area-inset-right);
  padding-bottom: var(--safe-area-inset-bottom);
}
@media (max-width: 767px) {
  html,
  body {
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
  }
  .container-fluid,
  .container {
    max-width: 100%;
    overflow-x: hidden;
  }
  .row {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
  .col-12,
  .col-md-9,
  .col-xxl-10 {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
  }
}
body.gradient {
  background-color: rgba(246, 133, 34, 0.1);
  background:
    linear-gradient(
      to bottom right,
      rgba(246, 133, 34, 0.75),
      rgba(250, 162, 84, 0.8026),
      rgba(255, 191, 135, 0.6),
      rgba(255, 220, 189, 0.3855),
      rgba(255, 255, 255, 0.12),
      rgba(209, 241, 255, 0.2445),
      rgba(167, 228, 255, 0.36),
      rgba(100, 183, 220, 0.3444),
      rgba(39, 142, 187, 0.33),
      rgba(39, 142, 187, 0.6676),
      rgba(39, 142, 187, 0.62));
  background-repeat: no-repeat;
  background-position: center;
  overflow-x: hidden;
}
.cta_product_name {
  display: none !important;
}
.document-card a {
  color: #1c7690 !important;
  font-weight: bold;
  cursor: pointer;
}
.pet-img-container {
  border: 1px transparent solid;
  border-radius: 100%;
  background-color: #f68522;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pet-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
  width: 100px;
  height: 100px;
}
.pet-img.default-img {
  width: 50%;
  height: 50%;
  object-fit: contain;
}
vg-player {
  justify-content: center !important;
}
vg-scrub-bar-current-time .background {
  background-color: #f68522 !important;
  z-index: 1 !important;
}
[class*=" vg-icon-"],
[class^=vg-icon-],
vg-playback-button .button,
vg-time-display span {
  color: white !important;
}
vg-scrub-bar .scrubBar {
  align-items: normal !important;
}
vg-scrub-bar-current-time .slider {
  background-color: #f68522 !important;
  z-index: 1 !important;
}
.rotate-and-scale {
  transform: rotate(90deg) !important;
  transform-origin: center center !important;
  width: 100vh !important;
  height: 100vw !important;
}
.clickable-section:hover .image-container .image-vet {
  opacity: 0.5;
}
.image-text-container,
.image-vet {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
}
.font-color {
  color: #1c7690;
  font-weight: 700;
}
.image-container {
  flex: 1;
  position: relative;
  border-right: thin rgba(0, 0, 0, 0.25) solid;
  border-top: thin rgba(0, 0, 0, 0.25) solid;
  border-bottom: thin rgba(0, 0, 0, 0.25) solid;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  height: 215px;
}
.text-container {
  flex: 1;
  padding: 10px;
  height: 215px;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-left: thin rgba(0, 0, 0, 0.25) solid;
  border-top: thin rgba(0, 0, 0, 0.25) solid;
  border-bottom: thin rgba(0, 0, 0, 0.25) solid;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.text-container h3 {
  margin-top: 0;
  font-size: 18px;
}
.text-container p {
  margin-bottom: 0;
}
.image-container img {
  max-height: 100%;
  object-fit: cover;
  transition: opacity 0.3s ease-in-out;
}
img.image-vet {
  border-radius: 10px;
}
p strong {
  color: #1c7690;
}
div.card-text h2 {
  font-size: 20px;
  font-weight: 600;
  color: black;
  z-index: 1;
}
div.card-text p {
  color: black;
}
.custom-image-class {
  max-width: 100%;
  height: auto;
}
.ctaImageAndText.hidden,
.ctaProductAndService.hidden {
  display: none;
}
@media (min-width: 2000px) {
  .article-img {
    width: 100%;
    object-position: center;
    max-height: 300px;
    object-fit: cover;
    cursor: pointer;
  }
}
@media screen and (max-width: 393px) and (max-height: 852px) and (orientation: portrait) {
  .article-img {
    width: 58px;
    height: 58px;
    border-radius: 5px;
  }
  .article-card-title-name {
    font-size: 12px;
    font-weight: 500;
    margin-top: 0;
    line-height: 1.3;
  }
  .article-description {
    font-size: 10px;
    font-weight: 400;
    line-height: 1.4;
  }
  .article-card {
    background-color: #ffffff;
    min-height: 85px;
    padding: 8px;
  }
  .container-fluid {
    padding-left: 8px;
    padding-right: 8px;
  }
  .col-12 {
    padding-left: 8px;
    padding-right: 8px;
  }
  button,
  .btn,
  a.btn,
  input[type=submit],
  input[type=button] {
    min-height: 44px;
    min-width: 44px;
    padding: 8px 12px;
  }
  .row-scrollable {
    scroll-snap-type: x mandatory;
  }
  .row-scrollable .col-xxl-3,
  .row-scrollable .col-xl-4,
  .row-scrollable .col-7 {
    scroll-snap-align: start;
    min-width: 140px;
  }
  .nav-link,
  .navbar-nav .nav-link {
    font-size: 14px;
    padding: 10px 16px;
  }
  .col-4.pet-card {
    min-width: 90px;
    margin-bottom: 12px;
  }
  .welcome-banner h5 {
    font-size: 12px;
    line-height: 1.4;
  }
}
@media screen and (min-width: 390px) and (max-width: 392px) and (max-height: 844px) and (orientation: portrait) {
  .article-img {
    width: 60px;
    height: 60px;
    border-radius: 5px;
  }
  .article-card-title-name {
    font-size: 13px;
    font-weight: 500;
    margin-top: 0;
    line-height: 1.3;
  }
  .article-description {
    font-size: 10px;
    font-weight: 400;
    line-height: 1.4;
  }
  .article-card {
    background-color: #ffffff;
    min-height: 90px;
    padding: 10px;
  }
  .container-fluid {
    padding-left: 10px;
    padding-right: 10px;
  }
  .col-12 {
    padding-left: 10px;
    padding-right: 10px;
  }
  button,
  .btn,
  a.btn,
  input[type=submit],
  input[type=button] {
    min-height: 44px;
    min-width: 44px;
    padding: 10px 14px;
  }
  .row-scrollable {
    scroll-snap-type: x mandatory;
  }
  .row-scrollable .col-xxl-3,
  .row-scrollable .col-xl-4,
  .row-scrollable .col-7 {
    scroll-snap-align: start;
    min-width: 145px;
  }
  .nav-link,
  .navbar-nav .nav-link {
    font-size: 15px;
    padding: 12px 16px;
  }
  .col-4.pet-card {
    min-width: 95px;
    margin-bottom: 14px;
  }
  .welcome-banner h5 {
    font-size: 13px;
    line-height: 1.4;
  }
}
@media screen and (max-width: 430px) {
  vg-controls,
  vg-play-pause,
  vg-playback-button,
  vg-time-display,
  vg-mute,
  vg-volume,
  vg-fullscreen {
    height: 25px !important;
    color: white;
  }
  vg-time-display {
    line-height: 25px !important;
    margin-right: 8px;
    font-size: 12px !important;
  }
  vg-scrub-bar {
    bottom: 25px !important;
  }
  .nav-link,
  .navbar-nav .nav-link {
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 12px 16px;
  }
  .form-control,
  .form-select {
    height: 50px;
    font-size: 16px;
    padding: 12px 16px;
    border-radius: 8px;
  }
  .card {
    margin-bottom: 12px;
  }
  .card-body {
    padding: 12px;
  }
}
@media (max-width: 767px) {
  .image-container {
    flex: 1;
    position: relative;
    border-right: thin rgba(0, 0, 0, 0.25) solid;
    border-top: thin rgba(0, 0, 0, 0.25) solid;
    border-bottom: thin rgba(0, 0, 0, 0.25) solid;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    height: auto;
    min-height: 150px;
    max-height: 200px;
  }
  .text-container {
    flex: 1;
    padding: 10px;
    height: auto;
    min-height: 150px;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-left: thin rgba(0, 0, 0, 0.25) solid;
    border-top: thin rgba(0, 0, 0, 0.25) solid;
    border-bottom: thin rgba(0, 0, 0, 0.25) solid;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
  }
  .article-img {
    width: 70px;
    border-radius: 5px;
    height: 70px;
  }
  .article-card-title-name {
    font-size: 14px;
    font-weight: 500;
    margin-top: 0;
  }
  .article-description {
    font-size: 11px;
    font-weight: 400;
  }
  .article-card {
    background-color: #ffffff;
    min-height: 105px;
  }
  vg-controls,
  vg-play-pause,
  vg-playback-button,
  vg-time-display,
  vg-mute,
  vg-volume,
  vg-fullscreen {
    height: 30px !important;
    color: white;
  }
  vg-time-display {
    line-height: 30px !important;
    margin-right: 10px;
  }
  vg-scrub-bar {
    bottom: 30px !important;
  }
  .padding-container {
    margin-bottom: 70px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .col-12 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 852px) and (max-height: 393px) and (orientation: landscape) {
  .image-container,
  .text-container {
    height: auto;
    min-height: 100px;
    max-height: 130px;
  }
  .padding-container {
    margin-bottom: 40px;
    padding-left: 12px;
    padding-right: 12px;
  }
  vg-controls {
    height: 22px !important;
  }
  vg-scrub-bar {
    bottom: 22px !important;
  }
  .nav-link,
  .navbar-nav .nav-link {
    min-height: 40px;
    padding: 8px 12px;
    font-size: 14px;
  }
  .article-card {
    min-height: 75px;
    padding: 8px;
  }
  .article-img {
    width: 55px;
    height: 55px;
  }
  .article-card-title-name {
    font-size: 12px;
    line-height: 1.2;
  }
  .article-description {
    font-size: 10px;
    line-height: 1.3;
  }
  .col-4.pet-card {
    min-width: 80px;
    margin-bottom: 8px;
  }
  .row-scrollable .col-xxl-3,
  .row-scrollable .col-xl-4,
  .row-scrollable .col-7 {
    min-width: 130px;
  }
  .welcome-banner h5 {
    font-size: 12px;
    line-height: 1.3;
    padding: 8px;
  }
  .jumbotron {
    height: 180px;
  }
  button,
  .btn,
  a.btn {
    min-height: 36px;
    min-width: 44px;
    padding: 6px 12px;
  }
}
@media screen and (min-width: 844px) and (max-width: 851px) and (max-height: 390px) and (orientation: landscape) {
  .image-container,
  .text-container {
    height: auto;
    min-height: 100px;
    max-height: 130px;
  }
  .padding-container {
    margin-bottom: 40px;
    padding-left: 12px;
    padding-right: 12px;
  }
  vg-controls {
    height: 22px !important;
  }
  vg-scrub-bar {
    bottom: 22px !important;
  }
  .nav-link,
  .navbar-nav .nav-link {
    min-height: 40px;
    padding: 8px 12px;
    font-size: 14px;
  }
  .article-card {
    min-height: 80px;
    padding: 9px;
  }
  .article-img {
    width: 58px;
    height: 58px;
  }
  .article-card-title-name {
    font-size: 13px;
    line-height: 1.2;
  }
  .article-description {
    font-size: 11px;
    line-height: 1.3;
  }
  .col-4.pet-card {
    min-width: 85px;
    margin-bottom: 10px;
  }
  .row-scrollable .col-xxl-3,
  .row-scrollable .col-xl-4,
  .row-scrollable .col-7 {
    min-width: 135px;
  }
  .welcome-banner h5 {
    font-size: 13px;
    line-height: 1.3;
    padding: 9px;
  }
  .jumbotron {
    height: 185px;
  }
  button,
  .btn,
  a.btn {
    min-height: 38px;
    min-width: 44px;
    padding: 7px 12px;
  }
}
@media screen and (max-height: 480px) and (orientation: landscape) and (max-width: 926px) {
  .image-container,
  .text-container {
    height: auto;
    min-height: 110px;
    max-height: 140px;
  }
  .padding-container {
    margin-bottom: 45px;
    padding-left: 10px;
    padding-right: 10px;
  }
  vg-controls {
    height: 25px !important;
  }
  vg-scrub-bar {
    bottom: 25px !important;
  }
  body {
    padding-left: max(var(--safe-area-inset-left), 10px);
    padding-right: max(var(--safe-area-inset-right), 10px);
  }
  button,
  .btn,
  a.btn {
    min-height: 40px;
    padding: 8px 16px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .image-container {
    height: 180px;
  }
  .text-container {
    height: 180px;
  }
}
.terms-modal .modal-content .modal-body {
  height: 180px;
  text-align: center;
  font-size: 14px;
}
.btn-primary-custom {
  border-radius: 14px !important;
  border: 2px solid #1C7690 !important;
  background-color: #1C7690 !important;
  color: white !important;
}
.toast-container {
  bottom: 5%;
}
.toast-container .toast:not(.bg-danger) .toast-body i,
.toast-container .toast:not(.bg-danger) .toast-body span {
  color: #212121 !important;
  font-size: 17px;
  line-height: 24px;
}
.toast-container .toast.bg-danger .toast-body i,
.toast-container .toast.bg-danger .toast-body span {
  color: white !important;
  font-size: 17px;
  line-height: 24px;
}
.toast-container .bg-success,
.alert.bg-success {
  background-color: #4AA564 !important;
}
@media (max-width: 767px) {
  body:has(.offcanvas-backdrop) lib-petszel-powered,
  body:has(.offcanvas-backdrop) lib-petszel-powered-nobrand,
  body:has(.offcanvas-backdrop) lib-petszel-powered .brandLogo,
  body:has(.offcanvas-backdrop) lib-petszel-powered .petszelLogo,
  body:has(.offcanvas-backdrop) lib-petszel-powered-nobrand .brandLogo,
  body:has(.offcanvas-backdrop) lib-petszel-powered-nobrand .petszelLogo,
  body:has(.offcanvas-backdrop) .logo-container img,
  body:has(.offcanvas-backdrop) .petszel-container img,
  body:has(.offcanvas-backdrop) .branding img,
  body:has(.modal-backdrop) lib-petszel-powered,
  body:has(.modal-backdrop) lib-petszel-powered-nobrand,
  body:has(.modal-backdrop) lib-petszel-powered .brandLogo,
  body:has(.modal-backdrop) lib-petszel-powered .petszelLogo,
  body:has(.modal-backdrop) lib-petszel-powered-nobrand .brandLogo,
  body:has(.modal-backdrop) lib-petszel-powered-nobrand .petszelLogo,
  body:has(.modal-backdrop) .logo-container img,
  body:has(.modal-backdrop) .petszel-container img,
  body:has(.modal-backdrop) .branding img,
  body:has([class*=backdrop]) lib-petszel-powered,
  body:has([class*=backdrop]) lib-petszel-powered-nobrand,
  body:has([class*=backdrop]) lib-petszel-powered .brandLogo,
  body:has([class*=backdrop]) lib-petszel-powered .petszelLogo,
  body:has([class*=backdrop]) lib-petszel-powered-nobrand .brandLogo,
  body:has([class*=backdrop]) lib-petszel-powered-nobrand .petszelLogo,
  body:has([class*=backdrop]) .logo-container img,
  body:has([class*=backdrop]) .petszel-container img,
  body:has([class*=backdrop]) .branding img {
    opacity: 0.01 !important;
    transition: opacity 0.3s ease-in-out;
  }
  .backdrop-active lib-petszel-powered,
  .backdrop-active lib-petszel-powered-nobrand,
  .backdrop-active lib-petszel-powered .brandLogo,
  .backdrop-active lib-petszel-powered .petszelLogo,
  .backdrop-active lib-petszel-powered-nobrand .brandLogo,
  .backdrop-active lib-petszel-powered-nobrand .petszelLogo,
  .backdrop-active .logo-container img,
  .backdrop-active .petszel-container img,
  .backdrop-active .branding img {
    opacity: 0.01 !important;
    transition: opacity 0.3s ease-in-out;
  }
  .offcanvas-backdrop ~ * lib-petszel-powered,
  .offcanvas-backdrop ~ * lib-petszel-powered-nobrand,
  .offcanvas-backdrop ~ * lib-petszel-powered .brandLogo,
  .offcanvas-backdrop ~ * lib-petszel-powered .petszelLogo,
  .offcanvas-backdrop ~ * lib-petszel-powered-nobrand .brandLogo,
  .offcanvas-backdrop ~ * lib-petszel-powered-nobrand .petszelLogo,
  .offcanvas-backdrop ~ * .logo-container img,
  .offcanvas-backdrop ~ * .petszel-container img,
  .offcanvas-backdrop ~ * .branding img,
  .modal-backdrop ~ * lib-petszel-powered,
  .modal-backdrop ~ * lib-petszel-powered-nobrand,
  .modal-backdrop ~ * lib-petszel-powered .brandLogo,
  .modal-backdrop ~ * lib-petszel-powered .petszelLogo,
  .modal-backdrop ~ * lib-petszel-powered-nobrand .brandLogo,
  .modal-backdrop ~ * lib-petszel-powered-nobrand .petszelLogo,
  .modal-backdrop ~ * .logo-container img,
  .modal-backdrop ~ * .petszel-container img,
  .modal-backdrop ~ * .branding img {
    opacity: 0.01 !important;
    transition: opacity 0.3s ease-in-out;
  }
}
.survey-followup__body__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--color-text-default);
  font-family: Inter, serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.13px;
  text-align: center;
}
.survey-followup__body__text p {
  margin-bottom: 0;
}
.survey-followup__body__text a.button {
  margin-top: 1rem;
  display: flex;
  padding: 14px 18px;
  justify-content: center;
  align-items: center;
  gap: 11px;
  border-radius: 6px;
  background: var(--color-button-primary-default);
  text-decoration: none;
  color: var(--color-button-primary-label);
  text-align: center;
  font-size: 1em;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
@media (max-width: 799px) {
  .survey-followup__body__text a.button {
    width: 100%;
  }
}
.folder-records .hills-folder__desc {
  color: var(--color-text-default);
  font-family: Inter, serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.13px;
}
.folder-records .hills-folder__desc p {
  margin-bottom: 0.5em;
}
.accordion {
  --bs-accordion-border-color: none;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-active-bg: none;
  --bs-accordion-btn-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'><path stroke='%23003355'%20stroke-opacity='0.2'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round' d='M1.5 1.5L7.5 7.5L13.5 1.5'/></svg>");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'><path stroke='%23003355'%20stroke-opacity='0.2'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round' d='M13.5 7.5L7.5 1.5L1.5 7.5'/></svg>");
}
.account-cancel-btn {
  display: flex;
  padding: 14px 24px;
  justify-content: center;
  align-items: center;
  gap: 11px;
  align-self: stretch;
  border-radius: 6px;
  background: var(--color-button-secondary-default);
  border: none;
  color: var(--color-button-secondary-label);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
.account-save-btn {
  display: flex;
  padding: 14px 24px;
  justify-content: center;
  align-items: center;
  gap: 11px;
  align-self: stretch;
  border-radius: 6px;
  background: var(--color-button-primary-default);
  border: none;
  color: var(--color-button-primary-label);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
.account-save-btn:disabled {
  background-color: var(--color-button-disabled-default);
  color: var(--color-button-disabled-label);
}

/* node_modules/@videogular/ngx-videogular/fonts/videogular.css */
@font-face {
  font-family: videogular;
  src: url("./media/videogular.eot?hj1wei");
  src:
    url("./media/videogular.eot?hj1wei#iefix") format("embedded-opentype"),
    url("./media/videogular.ttf?hj1wei") format("truetype"),
    url("./media/videogular.woff?hj1wei") format("woff"),
    url("./media/videogular.svg?hj1wei#videogular") format("svg");
  font-weight: 400;
  font-style: normal;
}
[class*=" vg-icon-"],
[class^=vg-icon-] {
  font-family: videogular !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.vg-icon-closed_caption:before {
  content: "\e006";
}
.vg-icon-pause:before {
  content: "\e018";
}
.vg-icon-play_arrow:before {
  content: "\e01b";
}
.vg-icon-repeat:before {
  content: "\e023";
}
.vg-icon-replay:before {
  content: "\e025";
}
.vg-icon-skip_next:before {
  content: "\e027";
}
.vg-icon-skip_previous:before {
  content: "\e028";
}
.vg-icon-stop:before {
  content: "\e02a";
}
.vg-icon-volume_down:before {
  content: "\e030";
}
.vg-icon-volume_mute:before {
  content: "\e031";
}
.vg-icon-volume_off:before {
  content: "\e032";
}
.vg-icon-volume_up:before {
  content: "\e033";
}
.vg-icon-hd:before {
  content: "\e035";
}
.vg-icon-forward_10:before {
  content: "\e038";
}
.vg-icon-forward_30:before {
  content: "\e039";
}
.vg-icon-replay_10:before {
  content: "\e03b";
}
.vg-icon-replay_30:before {
  content: "\e03c";
}
.vg-icon-fullscreen:before {
  content: "\e20c";
}
.vg-icon-fullscreen_exit:before {
  content: "\e20d";
}
vg-player video {
  width: 100%;
  height: 100%;
}

/* node_modules/survey-core/defaultV2.min.css */
/*!
 * surveyjs - Survey JavaScript library v1.9.135
 * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
 * License: MIT (http://www.opensource.org/licenses/mit-license.php)
 */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");
  unicode-range:
    U+0460-052F,
    U+1C80-1C88,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");
  unicode-range:
    U+0590-05FF,
    U+200C-2010,
    U+20AA,
    U+25CC,
    U+FB1D-FB4F;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");
  unicode-range:
    U+0100-024F,
    U+0259,
    U+1E00-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20CF,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+2000-206F,
    U+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");
  unicode-range:
    U+0460-052F,
    U+1C80-1C88,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");
  unicode-range:
    U+0590-05FF,
    U+200C-2010,
    U+20AA,
    U+25CC,
    U+FB1D-FB4F;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");
  unicode-range:
    U+0100-024F,
    U+0259,
    U+1E00-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20CF,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+2000-206F,
    U+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");
  unicode-range:
    U+0460-052F,
    U+1C80-1C88,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");
  unicode-range:
    U+0590-05FF,
    U+200C-2010,
    U+20AA,
    U+25CC,
    U+FB1D-FB4F;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");
  unicode-range:
    U+0100-024F,
    U+0259,
    U+1E00-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20CF,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+2000-206F,
    U+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
:root {
  --font-family:
    "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
}
:root {
  --sjs-transition-duration: 150ms;
}
.sv-action-bar {
  display: flex;
  box-sizing: content-box;
  position: relative;
  align-items: center;
  margin-left: auto;
  overflow: hidden;
  white-space: nowrap;
}
.sv-action-bar-separator {
  display: inline-block;
  width: 1px;
  height: 24px;
  vertical-align: middle;
  margin-right: 16px;
  background-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sv-action-bar--default-size-mode .sv-action-bar-separator {
  margin: 0 var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-action-bar--small-size-mode .sv-action-bar-separator {
  margin: 0 calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-action-bar-item {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  box-sizing: border-box;
  border: none;
  border-radius: calc(0.5*(var(--sjs-corner-radius, 4px)));
  background-color: rgba(0, 0, 0, 0);
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  cursor: pointer;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  overflow-x: hidden;
  white-space: nowrap;
}
button.sv-action-bar-item {
  overflow: hidden;
}
.sv-action-bar--default-size-mode .sv-action-bar-item {
  height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  margin: 0 var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-action-bar--small-size-mode .sv-action-bar-item {
  height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: calc(0.75*(var(--sjs-font-size, 16px)));
  line-height: var(--sjs-font-size, 16px);
  margin: 0 calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-action:first-of-type .sv-action-bar-item {
  margin-inline-start: 0;
}
.sv-action:last-of-type .sv-action-bar-item {
  margin-inline-end: 0;
}
.sv-action-bar--default-size-mode .sv-action-bar-item__title--with-icon {
  margin-inline-start: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-action-bar--small-size-mode .sv-action-bar-item__title--with-icon {
  margin-inline-start: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-action-bar-item__icon svg {
  display: block;
}
.sv-action-bar-item__icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,
.sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {
  outline: none;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sv-action-bar-item--active.sv-action-bar-item--pressed:focus,
.sv-action-bar-item--active.sv-action-bar-item--pressed:focus-visible {
  outline: none;
}
.sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled {
  opacity: .5;
}
.sv-action-bar-item:disabled {
  opacity: .25;
  cursor: default;
}
.sv-action-bar-item__title {
  color: inherit;
  vertical-align: middle;
  white-space: nowrap;
}
.sv-action-bar-item--secondary .sv-action-bar-item__icon use {
  fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
}
.sv-action-bar-item--active .sv-action-bar-item__icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv-action-bar-item-dropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  box-sizing: border-box;
  border: none;
  border-radius: calc(0.5*(var(--sjs-corner-radius, 4px)));
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  font-size: var(--sjs-font-size, 16px);
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
}
.sv-expand-action:before {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  height: 10px;
  width: 12px;
  margin: auto 8px;
}
.sv-expand-action--expanded:before {
  transform: rotate(180deg);
}
.sv-dots {
  width: 48px;
}
.sv-dots__item {
  width: 100%;
}
.sv-dots__item .sv-action-bar-item__icon {
  margin: auto;
}
.sv-action--hidden {
  width: 0px;
  height: 0px;
  overflow: hidden;
  visibility: hidden;
}
.sv-action--hidden .sv-action__content {
  min-width: fit-content;
}
.sv-action__content {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sv-action__content > * {
  flex: 0 0 auto;
}
.sv-action--space {
  margin-left: auto;
}
.sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  opacity: 50%;
}
:root {
  --sjs-transition-duration: 150ms;
}
.sv-dragged-element-shortcut {
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  cursor: grabbing;
  position: absolute;
  z-index: 10000;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, .1);
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-size: var(--sjs-font-size, 16px);
  padding-left: calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
}
.sv-matrixdynamic__drag-icon {
  padding-top: calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-matrixdynamic__drag-icon:after {
  content: " ";
  display: block;
  height: calc(0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  cursor: move;
  margin-top: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-matrix-row--drag-drop-ghost-mod td {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sv-matrix-row--drag-drop-ghost-mod td > * {
  visibility: hidden;
}
:root {
  --sjs-transition-duration: 150ms;
}
sv-popup {
  display: block;
  position: absolute;
}
.sv-popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  outline: none;
  z-index: 2000;
  height: 100vh;
}
.sv-dropdown-popup {
  height: 0;
}
.sv-popup__container {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
  border-radius: var(--sjs-corner-radius, 4px);
  position: absolute;
  padding: 0;
}
.sv-popup__shadow {
  width: 100%;
  height: 100%;
  border-radius: var(--sjs-corner-radius, 4px);
}
.sv-popup__body-content {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  border-radius: var(--sjs-corner-radius, 4px);
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  max-width: 100vw;
}
.sv-popup--modal {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5));
  padding: calc(11*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(15*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
}
.sv-popup--modal > .sv-popup__container {
  position: static;
  display: flex;
}
.sv-popup--modal > .sv-popup__container > .sv-popup__shadow > .sv-popup__body-content {
  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
  padding: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: auto;
}
.sv-popup--modal > .sv-popup__container > .sv-popup__shadow > .sv-popup__body-content .sv-popup__body-footer {
  padding-bottom: 2px;
}
.sv-popup--confirm-delete .sv-popup__shadow {
  height: initial;
}
.sv-popup--confirm-delete .sv-popup__container {
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-popup--confirm-delete .sv-popup__body-content {
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
  max-width: min-content;
  align-items: flex-end;
  min-width: 452px;
}
.sv-popup--confirm-delete .sv-popup__body-header {
  color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
  margin-bottom: 0;
  align-self: self-start;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-size: var(--sjs-font-size, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
}
.sv-popup--confirm-delete .sv-popup__scrolling-content {
  display: none;
}
.sv-popup--confirm-delete .sv-popup__body-footer {
  padding-bottom: 0;
  max-width: max-content;
}
.sv-popup--confirm-delete .sv-popup__body-footer .sv-action-bar {
  gap: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--overlay {
  width: 100%;
  height: var(--sv-popup-overlay-height, 100vh);
}
.sv-popup--overlay .sv-popup__container {
  background: var(--background-semitransparent, rgba(144, 144, 144, 0.5));
  max-width: 100vw;
  max-height: calc(var(--sv-popup-overlay-height, 100vh) - 1*var(--sjs-base-unit, var(--base-unit, 8px)));
  height: calc(var(--sv-popup-overlay-height, 100vh) - 1*var(--sjs-base-unit, var(--base-unit, 8px)));
  width: 100%;
  padding-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border: unset;
}
.sv-popup--overlay .sv-popup__body-content {
  max-height: var(--sv-popup-overlay-height, 100vh);
  max-width: 100vw;
  border-radius: calc(4*(var(--sjs-corner-radius, 4px))) calc(4*(var(--sjs-corner-radius, 4px))) 0px 0px;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
  padding: calc(3*(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))));
  height: calc(100% - 1*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sv-popup--overlay .sv-popup__scrolling-content {
  height: calc(100% - 10*var(--base-unit, 8px));
}
.sv-popup--overlay .sv-popup__body-footer {
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--overlay .sv-popup__body-footer .sv-action-bar {
  width: 100%;
}
.sv-popup--overlay .sv-popup__body-footer-item {
  width: 100%;
}
.sv-popup--overlay .sv-popup__button.sv-popup__button {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sv-popup--overlay .sv-popup__body-footer .sv-action {
  flex: 1 0 0;
}
.sv-popup--modal .sv-popup__scrolling-content {
  padding: 2px;
  margin: -2px;
}
.sv-popup__scrolling-content {
  height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.sv-popup__scrolling-content::-webkit-scrollbar,
.sv-popup__scrolling-content *::-webkit-scrollbar {
  height: 6px;
  width: 6px;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sv-popup__scrolling-content::-webkit-scrollbar-thumb,
.sv-popup__scrolling-content *::-webkit-scrollbar-thumb {
  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.sv-popup__content {
  min-width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.sv-popup--show-pointer.sv-popup--top .sv-popup__pointer {
  transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))))) rotate(180deg);
}
.sv-popup--show-pointer.sv-popup--bottom .sv-popup__pointer {
  transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))), calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.sv-popup--show-pointer.sv-popup--right .sv-popup__container {
  transform: translate(var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sv-popup--show-pointer.sv-popup--right .sv-popup__container .sv-popup__pointer {
  transform: translate(-12px, -4px) rotate(-90deg);
}
.sv-popup--show-pointer.sv-popup--left .sv-popup__container {
  transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.sv-popup--show-pointer.sv-popup--left .sv-popup__container .sv-popup__pointer {
  transform: translate(-4px, -4px) rotate(90deg);
}
.sv-popup__pointer {
  display: block;
  position: absolute;
}
.sv-popup__pointer:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-left: var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0, 0, 0, 0);
  border-right: var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0, 0, 0, 0);
  border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid var(--sjs-general-backcolor, var(--background, #fff));
  align-self: center;
}
.sv-popup__body-header {
  font-family: Open Sans;
  font-size: calc(1.5*(var(--sjs-font-size, 16px)));
  line-height: calc(2*(var(--sjs-font-size, 16px)));
  font-style: normal;
  font-weight: 700;
  margin-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sv-popup__body-footer {
  display: flex;
  margin-top: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup__body-footer .sv-action-bar {
  gap: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup__button {
  margin: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--modal .sv-list__filter,
.sv-popup--overlay .sv-list__filter {
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-popup--modal .sv-list__filter-icon,
.sv-popup--overlay .sv-list__filter-icon {
  top: calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--dropdown .sv-list__filter {
  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-popup--dropdown .sv-popup__shadow {
  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
}
.sv-popup--dropdown .sv-popup__body-content {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
  height: 100%;
}
.sv-popup--dropdown > .sv-popup__container > .sv-popup__shadow > .sv-popup__body-content .sv-list {
  background-color: rgba(0, 0, 0, 0);
}
.sv-dropdown-popup .sv-popup__body-content {
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}
.sv-dropdown-popup .sv-list__filter {
  margin-bottom: 0;
}
.sv-popup--overlay .sv-popup__body-content {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sv-popup--dropdown-overlay {
  z-index: 2001;
  padding: 0;
}
.sv-popup--dropdown-overlay .sv-popup__body-content {
  padding: 0;
  border-radius: 0;
}
.sv-popup--dropdown-overlay .sv-popup__body-footer .sv-action-bar .sv-action {
  flex: 0 0 auto;
}
.sv-popup--dropdown-overlay .sv-popup__button.sv-popup__button {
  background-color: rgba(0, 0, 0, 0);
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  border: none;
  box-shadow: none;
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: 0;
}
.sv-popup--dropdown-overlay .sv-popup__container {
  max-height: calc(var(--sv-popup-overlay-height, 100vh));
  height: calc(var(--sv-popup-overlay-height, 100vh));
  padding-top: 0;
}
.sv-popup--dropdown-overlay .sv-popup__body-content {
  height: calc(var(--sv-popup-overlay-height, 100vh));
}
.sv-popup--dropdown-overlay .sv-popup__body-footer {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  margin-top: 0;
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
  border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
}
.sv-popup--dropdown-overlay .sv-popup__scrolling-content {
  height: calc(100% - 6*var(--base-unit, 8px));
}
.sv-popup--dropdown-overlay .sv-list__filter-icon .sv-svg-icon {
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--dropdown-overlay .sv-list__container {
  padding: 0;
}
.sv-popup--dropdown-overlay .sv-list {
  flex-grow: 1;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
}
.sv-popup--dropdown-overlay .sv-list__filter {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--dropdown-overlay .sv-list__filter-icon {
  position: static;
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--dropdown-overlay .sv-list__empty-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sv-popup--dropdown-overlay .sv-popup__button:disabled {
  pointer-events: none;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: .25;
}
.sv-popup--dropdown-overlay .sv-list__filter-clear-button {
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  appearance: none;
  border: none;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0);
}
.sv-popup--dropdown-overlay .sv-list__filter-clear-button svg {
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--dropdown-overlay .sv-list__filter-clear-button svg use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-popup--dropdown-overlay .sv-list__input {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  font-size: max(16px, var(--sjs-font-size, 16px));
  line-height: max(24px, 1.5*(var(--sjs-font-size, 16px)));
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--dropdown-overlay .sv-list__item:hover .sv-list__item-body,
.sv-popup--dropdown-overlay .sv-list__item:focus .sv-list__item-body,
.sv-popup--dropdown-overlay .sv-list__item--focused .sv-list__item-body {
  background: var(--sjs-general-backcolor, var(--background, #fff));
}
.sv-popup--dropdown-overlay .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,
.sv-popup--dropdown-overlay .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,
.sv-popup--dropdown-overlay .sv-list__item--focused.sv-list__item--selected .sv-list__item-body {
  background: var(--sjs-primary-backcolor, var(--primary, #19b394));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  font-weight: 600;
}
.sv-popup--dropdown-overlay .sv-popup__body-footer .sv-action-bar {
  justify-content: flex-start;
}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__filter {
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list {
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-popup__button.sv-popup__button {
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-popup__body-footer {
  padding-top: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__filter-icon .sv-svg-icon {
  width: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__filter-icon {
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__input {
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-popup--dropdown-overlay.sv-multi-select-list .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,
.sv-popup--dropdown-overlay.sv-multi-select-list .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,
.sv-popup--dropdown-overlay.sv-multi-select-list .sv-list__item--focused.sv-list__item--selected .sv-list__item-body {
  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-weight: 400;
}
.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__body-content {
  --sv-popup-overlay-max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);
  --sv-popup-overlay-max-width: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  max-height: var(--sv-popup-overlay-max-height);
  min-height: min(var(--sv-popup-overlay-max-height), 30*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: auto;
  width: auto;
  min-width: min(40*(var(--sjs-base-unit, var(--base-unit, 8px))), var(--sv-popup-overlay-max-width));
  max-width: var(--sv-popup-overlay-max-width);
  border-radius: var(--sjs-corner-radius, 4px);
  overflow: hidden;
  margin: 0;
}
.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__content,
.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__scrolling-content,
.sv-popup--dropdown-overlay.sv-popup--tablet .sv-list__container {
  flex-grow: 1;
}
:root {
  --sjs-transition-duration: 150ms;
}
.sv-button-group {
  display: flex;
  align-items: center;
  flex-direction: row;
  font-size: var(--sjs-font-size, 16px);
  overflow: auto;
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
}
.sv-button-group:focus-within {
  box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));
  border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv-button-group__item {
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  appearance: none;
  width: 100%;
  padding: 11px calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  outline: none;
  font-size: var(--sjs-font-size, 16px);
  font-weight: 400;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  cursor: pointer;
  overflow: hidden;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  position: relative;
}
.sv-button-group__item:not(:last-of-type) {
  border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
}
.sv-button-group__item--hover:hover {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sv-button-group__item-icon {
  display: block;
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-button-group__item-icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-button-group__item--selected {
  font-weight: 600;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv-button-group__item--selected .sv-button-group__item-icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv-button-group__item--selected:hover {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sv-button-group__item-decorator {
  display: flex;
  align-items: center;
  max-width: 100%;
}
.sv-button-group__item-caption {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sv-button-group__item-icon + .sv-button-group__item-caption {
  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-button-group__item--disabled {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  cursor: default;
}
.sv-button-group__item--disabled .sv-button-group__item-decorator {
  opacity: .25;
  font-weight: normal;
}
.sv-button-group__item--disabled .sv-button-group__item-icon use {
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sv-button-group__item--disabled:hover {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sv-button-group:focus-within {
  box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));
  border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv-visuallyhidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.sv-hidden {
  display: none !important;
}
.sv-title-actions {
  display: flex;
  align-items: center;
  width: 100%;
}
.sv-title-actions__title {
  flex-wrap: wrap;
  max-width: 90%;
  min-width: 50%;
  white-space: initial;
}
.sv-action-title-bar {
  min-width: 56px;
}
.sv-title-actions .sv-title-actions__title {
  flex-wrap: wrap;
  flex: 0 1 auto;
  max-width: unset;
  min-width: unset;
}
.sv-title-actions .sv-action-title-bar {
  flex: 1 1 auto;
  justify-content: flex-end;
  min-width: unset;
}
:root {
  --sjs-transition-duration: 150ms;
}
:root {
  --sjs-transition-duration: 150ms;
}
.sv_window {
  position: fixed;
  bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
  border: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
  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));
  background-clip: padding-box;
  z-index: 100;
  max-height: 50vh;
  overflow: auto;
  box-sizing: border-box;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  width: calc(100% - 4*(var(--sjs-base-unit, var(--base-unit, 8px)))) !important;
}
@-moz-document url-prefix() {
  .sv_window,
  .sv_window * {
    scrollbar-width: thin;
    scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) rgba(0, 0, 0, 0);
  }
}
.sv_window::-webkit-scrollbar,
.sv_window *::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0);
}
.sv_window::-webkit-scrollbar-thumb,
.sv_window *::-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));
}
.sv_window::-webkit-scrollbar-track,
.sv_window *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.sv_window::-webkit-scrollbar-thumb:hover,
.sv_window *::-webkit-scrollbar-thumb:hover {
  border: 2px solid rgba(0, 0, 0, 0);
  background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv_window_root-content {
  height: 100%;
}
.sv_window--full-screen {
  top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  left: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  max-height: 100%;
  width: initial !important;
  max-width: initial !important;
}
.sv_window_header {
  display: flex;
  justify-content: flex-end;
}
.sv_window_content {
  overflow: hidden;
}
.sv_window--collapsed {
  height: initial;
}
.sv_window--collapsed .sv_window_header {
  height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
  display: flex;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sv_window--collapsed .sv_window_content {
  display: none;
}
.sv_window--collapsed .sv_window_buttons_container {
  margin-top: 0;
  margin-right: 0;
}
.sv_window_header_title_collapsed {
  color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));
  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)));
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.sv_window_header_description {
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  font-feature-settings: "salt" on;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-style: normal;
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sv_window_buttons_container {
  position: fixed;
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
  display: flex;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  z-index: 10000;
}
.sv_window_button {
  display: flex;
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  justify-content: center;
  align-items: center;
  border-radius: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  cursor: pointer;
}
.sv_window_button:hover,
.sv_window_button:active {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.sv_window_button:hover svg use,
.sv_window_button:hover svg path,
.sv_window_button:active svg use,
.sv_window_button:active svg path {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv_window_button:active {
  opacity: .5;
}
.sv_window_button svg use,
.sv_window_button svg path {
  fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
}
sv-brand-info,
.sv-brand-info {
  z-index: 1;
  position: relative;
  margin-top: 1px;
}
.sv-brand-info {
  width: 100%;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  text-align: center;
  color: #161616;
  background: #fff;
  padding: 32px 0;
  box-shadow: 0px -1px 0px #d6d6d6;
}
.sv-brand-info a {
  color: #161616;
  text-decoration-line: underline;
}
.sv-brand-info__text {
  font-weight: 600;
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  color: #161616;
}
.sv-brand-info__logo {
  display: inline-block;
}
.sv-brand-info__logo img {
  width: 118px;
}
.sv-brand-info__terms {
  font-weight: 400;
  font-size: calc(0.75*(var(--sjs-font-size, 16px)));
  line-height: var(--sjs-font-size, 16px);
}
.sv-brand-info__terms a {
  color: #909090;
}
:root {
  --sjs-transition-duration: 150ms;
}
:root {
  --sjs-transition-duration: 150ms;
}
.sv-ranking {
  outline: none;
  user-select: none;
  -webkit-user-select: none;
}
.sv-ranking-item {
  cursor: pointer;
  position: relative;
}
.sv-ranking-item:focus .sv-ranking-item__icon--hover {
  visibility: hidden;
}
.sv-ranking-item:hover:not(:focus) .sv-ranking-item__icon--hover {
  visibility: visible;
}
.sv-question--disabled .sv-ranking-item:hover .sv-ranking-item__icon--hover {
  visibility: hidden;
}
.sv-ranking-item:focus {
  outline: none;
}
.sv-ranking-item:focus .sv-ranking-item__icon--focus {
  visibility: visible;
  top: calc(0.6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking-item:focus .sv-ranking-item__index {
  background: var(--sjs-general-backcolor, var(--background, #fff));
  outline: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv-ranking-item__content.sv-ranking-item__content {
  display: flex;
  align-items: center;
  line-height: 1em;
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking-item__icon-container {
  position: relative;
  left: 0;
  top: 0;
  bottom: 0;
  flex-shrink: 0;
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking-item--disabled.sv-ranking-item--disabled {
  cursor: initial;
}
.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 {
  visibility: hidden;
}
.sv-ranking-item__icon.sv-ranking-item__icon {
  visibility: hidden;
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
  position: absolute;
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  width: calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking-item__index.sv-ranking-item__index {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  font-size: var(--sjs-internal-font-editorfont-size);
  border-radius: 100%;
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid rgba(0, 0, 0, 0);
  width: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  box-sizing: border-box;
  font-weight: 600;
  margin-left: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
  transition: outline var(--sjs-transition-duration, 150ms), background var(--sjs-transition-duration, 150ms);
  outline: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid rgba(0, 0, 0, 0);
}
.sv-ranking-item__index.sv-ranking-item__index svg {
  fill: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  width: var(--sjs-internal-font-editorfont-size);
  height: var(--sjs-internal-font-editorfont-size);
}
.sv-ranking-item__text {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  margin: 0 calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-ranking--disabled .sv-ranking-item__text {
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  opacity: .25;
}
.sv-ranking-item--disabled .sv-ranking-item__text {
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  opacity: .25;
}
.sv-ranking-item__ghost.sv-ranking-item__ghost {
  display: none;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(31*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  z-index: 1;
  position: absolute;
  left: 0;
  top: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
[dir=rtl] .sv-ranking-item__ghost {
  left: initilal;
  right: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking-item--ghost .sv-ranking-item__ghost {
  display: block;
}
.sv-ranking-item--ghost .sv-ranking-item__content {
  visibility: hidden;
}
.sv-ranking-item--drag .sv-ranking-item__content {
  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking--drag .sv-ranking-item:hover .sv-ranking-item__icon {
  visibility: hidden;
}
.sv-ranking-item--drag .sv-ranking-item__icon--hover {
  visibility: visible;
}
.sv-ranking--mobile .sv-ranking-item__icon--hover {
  visibility: visible;
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-ranking--mobile.sv-ranking--drag .sv-ranking-item--ghost .sv-ranking-item__icon.sv-ranking-item__icon--hover {
  visibility: hidden;
}
.sv-ranking--mobile.sv-ranking-shortcut {
  max-width: 80%;
}
.sv-ranking--mobile .sv-ranking-item__index.sv-ranking-item__index {
  margin-left: 0;
}
.sv-ranking--mobile .sd-element--with-frame .sv-ranking-item__icon {
  margin-left: 0;
}
.sv-ranking--design-mode .sv-ranking-item:hover .sv-ranking-item__icon {
  visibility: hidden;
}
.sv-ranking--disabled {
  opacity: .8;
}
.sv-ranking-shortcut[hidden] {
  display: none;
}
.sv-ranking-shortcut .sv-ranking-item__icon {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv-ranking-shortcut .sv-ranking-item__text {
  margin-right: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking-shortcut .sv-ranking-item__icon--hover {
  visibility: visible;
}
.sv-ranking-shortcut .sv-ranking-item__icon {
  width: calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-ranking-shortcut .sv-ranking-item__content {
  padding-left: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking-shortcut .sv-ranking-item__icon-container {
  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-ranking--select-to-rank {
  display: flex;
}
.sv-ranking--select-to-rank-vertical {
  flex-direction: column-reverse;
}
.sv-ranking--select-to-rank-vertical .sv-ranking__containers-divider {
  margin: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  height: 1px;
}
.sv-ranking--select-to-rank-vertical .sv-ranking__container--empty {
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
  display: flex;
  justify-content: center;
  align-items: center;
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container {
  max-width: calc(50% - 1px);
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider {
  width: 1px;
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {
  left: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item {
  left: initial;
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {
  padding-left: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {
  padding-right: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking__container-placeholder {
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-style: normal;
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  white-space: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
}
.sv-ranking__container {
  flex: 1;
}
.sv-ranking__container--empty {
  box-sizing: border-box;
  text-align: center;
}
.sv-ranking__containers-divider {
  background: var(--sjs-border-default, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));
}
.sv-ranking__container--from .sv-ranking-item__icon--focus {
  display: none;
}
:root {
  --sjs-transition-duration: 150ms;
}
.sv-list {
  padding: 0;
  margin: 0;
  overflow-y: auto;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  list-style-type: none;
}
.sv-list__empty-container {
  width: 100%;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  box-sizing: border-box;
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-list__empty-text {
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  font-size: var(--sjs-font-size, 16px);
  font-weight: 400;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-list__item {
  width: 100%;
  align-items: center;
  box-sizing: border-box;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sv-list__item-body {
  width: 100%;
  align-items: center;
  box-sizing: border-box;
  padding-block: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-inline-end: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  font-weight: normal;
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  cursor: pointer;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background-color var(--sjs-transition-duration, 150ms), color var(--sjs-transition-duration, 150ms);
}
.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) {
  outline: none;
}
.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body {
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-border-light, var(--border-light, #eaeaea));
  border-radius: var(--sjs-corner-radius, 4px);
  padding-block: calc(0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-end: calc(7.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-string-viewer {
  margin-inline-start: calc(-0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-list__item:hover,
.sv-list__item:focus {
  outline: none;
}
.sv-list__item:hover .sv-list__item-body,
.sv-list__item:focus .sv-list__item-body {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sv-list__item--with-icon.sv-list__item--with-icon {
  padding: 0;
}
.sv-list__item--with-icon.sv-list__item--with-icon .sv-list__item-body {
  padding-top: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  gap: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
}
.sv-list__item-icon {
  float: left;
  flex-shrink: 0;
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-list__item-icon svg {
  display: block;
}
.sv-list__item-icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
[dir=rtl] .sv-list__item-icon,
[style*="direction:rtl"] .sv-list__item-icon,
[style*="direction: rtl"] .sv-list__item-icon {
  float: right;
}
.sv-list__item-separator {
  margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
  height: 1px;
  background-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sv-list--filtering .sv-list__item-separator {
  display: none;
}
.sv-list__item.sv-list__item--selected .sv-list__item-body,
.sv-list__item.sv-list__item--selected:hover .sv-list__item-body,
.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-body,
.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-body,
li:focus .sv-list__item.sv-list__item--selected .sv-list__item-body {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  font-weight: 600;
}
.sv-list__item.sv-list__item--selected .sv-list__item-icon use,
.sv-list__item.sv-list__item--selected:hover .sv-list__item-icon use,
.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,
.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,
li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
  fill: var(--sjs-general-backcolor, var(--background, #fff));
}
.sv-multi-select-list .sv-list__item.sv-list__item--selected .sv-list__item-body,
.sv-multi-select-list .sv-list__item.sv-list__item--selected:hover .sv-list__item-body {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  font-weight: 400;
}
.sv-list__item.sv-list__item--disabled .sv-list__item-body {
  cursor: default;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-list__item span {
  white-space: nowrap;
}
.sv-list__item-text--wrap span {
  white-space: normal;
  word-wrap: break-word;
}
.sv-list__container {
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
  display: flex;
  min-height: 0;
}
.sv-list__filter {
  border-bottom: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-list__filter-icon {
  display: block;
  position: absolute;
  top: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  inset-inline-start: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-list__filter-icon .sv-svg-icon {
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-list__filter-icon .sv-svg-icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-list__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-sizing: border-box;
  width: 100%;
  outline: none;
  font-size: var(--sjs-font-size, 16px);
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: calc(7*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  border: none;
}
.sv-list__input::placeholder {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-list__input:disabled,
.sv-list__input:disabled::placeholder {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-list__loading-indicator {
  pointer-events: none;
}
.sv-list__loading-indicator .sv-list__item-body {
  background-color: rgba(0, 0, 0, 0);
}
:root {
  --sjs-transition-duration: 150ms;
}
.sv-save-data_root {
  position: fixed;
  left: 50%;
  bottom: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  opacity: 0;
  padding: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
  border-radius: calc(2*(var(--sjs-corner-radius, 4px)));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  min-width: calc(30*(var(--sjs-base-unit, var(--base-unit, 8px))));
  text-align: center;
  z-index: 1600;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transform: translateX(-50%) translateY(calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  transition-timing-function: ease-in;
  transition-property: transform, opacity;
  transition-delay: .25s;
  transition: .5s;
}
.sv-save-data_root.sv-save-data_root--shown {
  transition-timing-function: ease-out;
  transition-property: transform, opacity;
  transform: translateX(-50%) translateY(0);
  transition-delay: .25s;
  opacity: .75;
}
.sv-save-data_root span {
  display: flex;
  flex-grow: 1;
}
.sv-save-data_root .sv-action-bar {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
}
.sv-save-data_root--shown.sv-save-data_success,
.sv-save-data_root--shown.sv-save-data_error {
  opacity: 1;
}
.sv-save-data_root.sv-save-data_root--with-buttons {
  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))));
}
.sv-save-data_root.sv-save-data_error {
  background-color: var(--sjs-special-red, var(--red, #e60a3e));
  color: var(--sjs-general-backcolor, var(--background, #fff));
  font-weight: 600;
  gap: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-save-data_root.sv-save-data_error .sv-save-data_button {
  font-weight: 600;
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: #fff;
  background-color: var(--sjs-special-red, var(--red, #e60a3e));
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid #fff;
  border-radius: calc(1.5*(var(--sjs-corner-radius, 4px)));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  align-items: center;
}
.sv-save-data_root.sv-save-data_error .sv-save-data_button:hover,
.sv-save-data_root.sv-save-data_error .sv-save-data_button:focus {
  color: var(--sjs-special-red, var(--red, #e60a3e));
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sv-save-data_root.sv-save-data_success {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  color: #fff;
  font-weight: 600;
}
.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-element__title.sd-element__title--disabled {
  opacity: .25;
}
.sd-root--readonly .sd-element__title.sd-element__title--disabled {
  opacity: 1;
}
.sd-element--invisible {
  opacity: .35;
}
.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__header .sv-string-editor {
  max-width: 100%;
  white-space: normal;
}
.sd-element__title {
  font-size: 0;
  line-height: 0;
  position: static;
  margin: 0;
}
.sd-element__title .sd-element__num {
  font-size: calc(0.75*(var(--sjs-font-size, 16px)));
  line-height: var(--sjs-font-size, 16px);
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.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-title-actions__title {
  font-size: 0;
  line-height: 0;
}
.sd-element__title .sv-title-actions__title {
  white-space: nowrap;
}
.sd-element__title .sv-string-viewer {
  white-space: normal;
}
.sd-element__num {
  float: left;
  padding-top: calc(0.625*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(0.375*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: 0;
  padding-inline-end: var(--sjs-base-unit, var(--base-unit, 8px));
  width: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: calc(0.75*(var(--sjs-font-size, 16px)));
  line-height: var(--sjs-font-size, 16px);
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  margin-inline-start: calc(-5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  text-align: end;
  box-sizing: border-box;
  white-space: nowrap;
  flex-shrink: 0;
}
.sd-element__num + span {
  float: left;
  width: 0;
}
[dir=rtl] .sd-element__num,
[style*="direction:rtl"] .sd-element__num,
[style*="direction: rtl"] .sd-element__num {
  float: right;
}
.sd-element__title--num-inline .sd-element__num {
  float: none;
  margin-inline-start: 0;
  width: auto;
  padding-inline-start: 0;
  padding-inline-end: 0;
}
.sd-element__title--num-inline .sd-element__num + span {
  float: none;
  width: auto;
}
.sd-element__title--expandable.sd-element__title--expandable {
  position: relative;
  display: block;
}
.sd-element__title--expandable:before {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 14L5 13L10 8L5 3L6 2L12 8L6 14Z' fill='%23909090'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  position: absolute;
  left: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  top: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-element__title--expandable.sd-element__title--expanded:before {
  transform: rotate(90deg);
}
.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));
  display: flex;
  flex-direction: column;
}
.sd-element--with-frame.sd-element--compact {
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
}
.sd-question {
  position: relative;
}
.sd-element__erbox--above-element {
  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-question__erbox--below-question {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-question__content--support-container-queries {
  container-type: inline-size;
}
.sd-question--title-top > .sd-question__erbox--above-question {
  margin-bottom: calc(.5*var(--sd-base-vertical-padding));
}
.sd-question--description-under-input > .sd-question__erbox--below-question,
.sd-question--title-bottom > .sd-question__erbox--below-question {
  margin-top: calc(.25*var(--sd-base-vertical-padding) + .5*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-element--with-frame > .sd-element__erbox--above-element {
  margin-bottom: var(--sd-base-padding);
  border-radius: var(--sjs-corner-radius, 4px) var(--sjs-corner-radius, 4px) 0 0;
}
.sd-question--left > .sd-element__erbox--above-element {
  margin-bottom: 0;
}
.sd-element--with-frame.sd-question--left > .sd-element__erbox--above-element {
  margin-bottom: calc(1*var(--sd-base-vertical-padding));
}
.sd-element--with-frame > .sd-question__erbox--below-question {
  margin-top: auto;
  border-radius: 0 0 var(--sjs-corner-radius, 4px) var(--sjs-corner-radius, 4px);
}
.sd-element--with-frame.sd-question--title-top > .sd-question__erbox--above-question {
  margin-bottom: calc(.5*var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-element--with-frame.sd-question--description-under-input > .sd-question__erbox--below-question,
.sd-element--with-frame.sd-question--title-bottom > .sd-question__erbox--below-question {
  margin-top: calc(.5*var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-question__header {
  width: 100%;
}
.sd-question__header--location-top {
  padding-bottom: calc(.5*var(--sd-base-vertical-padding));
}
.sd-question__header--location--bottom {
  padding-top: calc(.375*var(--sd-base-vertical-padding));
}
.sd-element--with-frame.sd-question--title-top {
  padding-top: var(--sd-base-vertical-padding);
}
.sd-element--with-frame.sd-question--error-top {
  padding-top: 0;
}
.sd-element--with-frame.sd-question--error-bottom {
  padding-bottom: 0;
}
.sd-element--with-frame.sd-question--error-bottom > .sd-question__content {
  margin-bottom: var(--sd-base-padding);
}
.sd-element--with-frame > .sd-element__erbox {
  margin-left: calc(-1*var(--sd-base-padding));
  margin-right: calc(-1*var(--sd-base-padding));
  width: calc(100% + 2*var(--sd-base-padding));
}
.sd-scrollable .sd-question__content {
  overflow-x: auto;
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}
.sd-question__header--location--left {
  display: inline-block;
  width: auto;
  vertical-align: top;
  margin-top: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--left {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  column-gap: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  row-gap: calc(.25*var(--sd-base-vertical-padding));
}
.sd-question__content--left {
  display: inline-block;
  flex: 1;
  margin-top: calc(.25*var(--sd-base-vertical-padding)) 0;
}
.sd-element--with-frame > .sd-question__content--left {
  margin: 0;
}
.sd-question__required-text {
  color: var(--sjs-special-red, var(--red, #e60a3e));
  vertical-align: top;
}
.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__placeholder {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  justify-content: center;
  min-height: calc(24*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.sd-question__placeholder > div .sv-string-viewer,
.sd-question__placeholder > span .sv-string-viewer {
  white-space: pre-line;
}
.sd-scrollable-container:not(.sd-scrollable-container--compact) {
  width: max-content;
  overflow: visible;
  max-width: 100%;
}
.sd-question__title--empty .sv-string-viewer {
  display: inline-block;
  height: calc(1.5*(var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
}
.sd-error {
  display: block;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: var(--sjs-corner-radius, 4px);
  line-height: var(--sjs-font-size, 16px);
  font-size: calc(0.75*(var(--sjs-font-size, 16px)));
  font-weight: 600;
  text-align: left;
  color: var(--sjs-special-red, var(--red, #e60a3e));
  white-space: normal;
  width: 100%;
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  box-sizing: border-box;
}
.sd-element--expanded > .sd-element__header,
.sd-element--collapsed > .sd-element__header {
  cursor: pointer;
}
.sd-element--collapsed > .sd-element__header {
  padding: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sd-base-padding);
  box-sizing: border-box;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  margin-left: calc(-1*var(--sd-base-padding));
  width: calc(100% + 2*var(--sd-base-padding));
}
.sd-element--collapsed.sd-element--with-frame {
  padding-top: 0;
  padding-bottom: 0;
}
.sd-element--collapsed.sd-element--with-frame > .sd-element__header {
  padding-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));
}
.sd-element--collapsed > .sd-element__header:focus-within,
.sd-element--collapsed > .sd-element__header:hover {
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
}
.sd-element--collapsed.sd-element--nested > .sd-element__header:hover,
.sd-element--collapsed.sd-element--nested > .sd-element__header:focus-within {
  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));
}
.sd-element--complex.sd-element--with-frame {
  padding-top: 0;
}
.sd-element--complex.sd-element--nested-with-borders > .sd-element__erbox,
.sd-element--complex.sd-element--with-frame > .sd-element__erbox {
  margin-top: 0;
  margin-bottom: 0;
}
.sd-element--complex > .sd-element__header:after {
  content: " ";
  display: block;
  position: relative;
  height: 1px;
  background: var(--sjs-border-light, var(--border-light, #eaeaea));
  bottom: 0;
}
.sd-element--complex.sd-element--with-frame > .sd-element__header {
  padding-top: var(--sd-base-vertical-padding);
  padding-bottom: var(--sd-base-vertical-padding);
}
.sd-element--collapsed.sd-element--complex > .sd-element__header {
  padding-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-element--nested.sd-element--complex > .sd-element__header--location-top:after {
  bottom: calc(-0.5*var(--sd-base-vertical-padding));
}
.sd-element--nested-with-borders {
  border: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
  border-radius: calc(var(--sjs-corner-radius, 4px) - 4px);
  box-sizing: border-box;
  padding-left: var(--sd-base-padding);
  padding-right: var(--sd-base-padding);
}
.sd-element--nested-with-borders > .sd-element__header--location-top {
  padding-top: calc(.5*var(--sd-base-vertical-padding));
  padding-bottom: calc(.5*var(--sd-base-vertical-padding));
}
.sd-element--nested-with-borders > .sd-element__erbox {
  margin-left: calc(-1*var(--sd-base-padding));
  margin-right: calc(-1*var(--sd-base-padding));
  width: calc(100% + 2*var(--sd-base-padding));
}
.sd-element--nested-with-borders > .sd-question__erbox--below-question {
  bottom: 0;
  margin-top: 0;
}
.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 {
  box-shadow: none;
}
.sd-element--nested-with-borders > .sd-element__header--location-top:after,
.sd-element--complex.sd-element--with-frame > .sd-element__header--location-top:after {
  bottom: calc(-1*var(--sd-base-vertical-padding));
  left: calc(-1*var(--sd-base-padding));
  width: calc(100% + 2*var(--sd-base-padding));
}
.sd-element--collapsed.sd-element--complex > .sd-element__header--location-top:after {
  display: none;
}
.sd-question--empty.sd-question--complex > .sd-question__content {
  padding-top: 0;
  padding-bottom: 0;
}
.sd-question--empty.sd-question--complex > .sd-question__content:first-of-type {
  padding-top: var(--sd-base-padding);
}
.sd-question--empty.sd-question--complex > .sd-question__header--location-top {
  padding-bottom: calc(.5*var(--sd-base-vertical-padding));
}
.sd-question--empty.sd-question--complex > .sd-question__header--location-top:after {
  display: none;
}
.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);
}
.sd-input:focus {
  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));
}
.sd-input.sd-input:focus {
  outline: none;
}
input.sd-input:disabled:not(.sd-input--disabled),
textarea.sd-input:disabled:not(.sd-input--disabled) {
  opacity: 1;
}
.sd-input--disabled {
  background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.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-input.sd-input--disabled,
.sd-input.sd-input--disabled::placeholder {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: .25;
}
.sd-root--readonly .sd-input--disabled,
.sd-root--readonly .sd-input--disabled::placeholder {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-input--error {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.sd-text__content {
  position: relative;
}
.sd-text__character-counter {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sd-text__character-counter:focus-within {
  padding-inline-end: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-text__character-counter.sd-text__character-counter--big:focus-within {
  padding-inline-end: calc(11*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-remaining-character-counter {
  display: none;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 0px;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  font-size: var(--sjs-font-size, 16px);
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  position: absolute;
  inset-inline-end: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  inset-block-end: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question__content:focus-within .sd-remaining-character-counter {
  display: flex;
}
.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-input[type=range]::-webkit-slider-runnable-track {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
  height: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  margin-top: calc(-0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: 100%;
  border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  box-shadow: inset 0 0 0 2px var(--background, #fff);
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-input[type=range]::-moz-range-track {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
  height: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  appearance: none;
  margin-top: calc(-0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: 100%;
  border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  box-shadow: inset 0 0 0 2px var(--background, #fff);
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.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-panel {
  position: relative;
}
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header {
  padding-top: 0;
  padding-bottom: calc(.5*var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header:after {
  content: none;
}
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title {
  --page-title-font-size: var(--sjs-font-pagetitle-size, calc(1.5 * (var(--sjs-font-size, 16px))));
  font-family: var(--sjs-font-pagetitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-pagetitle-weight, 700);
  font-size: var(--page-title-font-size);
  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
  position: static;
  line-height: calc(1.33*(var(--page-title-font-size)));
  margin: 0 0 calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;
}
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title span {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__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-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__required-text {
  display: none;
}
.sd-panel.sd-panel--as-page > .sd-panel__errbox {
  margin: 0 0 calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  padding: calc(.5*var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-base-padding);
}
.sd-panel.sd-panel--as-page > .sd-panel__content {
  padding-top: 0;
}
.sd-root--compact .sd-panel--as-page > .sd-panel__errbox {
  margin: 0 0 var(--sd-base-vertical-padding) 0;
}
.sd-row ~ .sd-row .sd-panel--as-page {
  padding-top: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel__required-text {
  color: var(--sjs-special-red, var(--red, #e60a3e));
}
.sd-panel__footer {
  box-sizing: border-box;
  padding-left: calc(var(--sd-base-padding) - 3*var(--sjs-base-unit, var(--base-unit, 8px)));
  margin-left: calc(-1*var(--sd-base-padding));
  width: calc(100% + 2*var(--sd-base-padding));
  margin-bottom: calc(-1*var(--sd-base-padding) + .5*var(--sd-base-vertical-padding));
  margin-top: calc(.5*var(--sd-base-vertical-padding));
  border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
  padding-top: calc(.5*var(--sd-base-vertical-padding));
}
.sd-panel__content {
  padding-top: var(--sd-base-padding);
}
.sd-panel.sd-element--nested > .sd-panel__content {
  padding-bottom: var(--sd-base-padding);
}
.sjs_sp_placeholder {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
}
.sjs_sp_container {
  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
}
.sjs_sp_controls.sd-signaturepad__controls {
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  left: auto;
  bottom: auto;
}
.sd-question--signature.sd-question--error .sjs_sp_placeholder {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.sd-signaturepad__background-image {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.sd-signaturepad__loading-indicator {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sd-signaturepad__loading-indicator .sd-loading-indicator {
  position: absolute;
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-checkbox__decorator {
  border-radius: calc(0.5*(var(--sjs-corner-radius, 4px)));
}
.sd-checkbox__svg {
  display: block;
  width: calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-checkbox__svg use {
  fill: rgba(0, 0, 0, 0);
  transition: fill var(--sjs-transition-duration, 150ms);
}
.sd-checkbox--checked .sd-checkbox__svg use {
  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {
  fill: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {
  position: sticky;
  left: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  z-index: 12;
}
.sd-matrixdynamic__footer:first-child {
  padding-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrixdynamic__footer {
  padding-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-action.sd-matrixdynamic__remove-btn {
  opacity: .5;
}
.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  width: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
}
.sd-matrixdynamic__btn {
  appearance: none;
  background: rgba(0, 0, 0, 0);
  border: none;
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  font-size: var(--sjs-font-size, 16px);
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: 600;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
}
.sd-matrixdynamic__drag-element {
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrixdynamic__drag-element:hover {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sd-matrixdynamic__drag-element:after {
  content: " ";
  display: block;
  height: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  box-sizing: border-box;
  border-radius: calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrixdynamic__placeholder .sd-matrixdynamic__add-btn {
  margin-left: 0;
}
.sd-drag-element__svg {
  width: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: block;
}
.sd-drag-element__svg use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-table {
  width: 100%;
  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  border-collapse: separate;
  border-spacing: 0;
  white-space: normal;
}
.sd-table > thead > tr > th {
  border-top: 0;
  border-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid rgba(0, 0, 0, 0);
}
.sd-table__cell {
  border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0, 0, 0, 0);
  border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}
.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) {
  width: 10000px;
}
.sd-table__row:first-of-type > .sd-table__cell {
  border-top: 0;
}
.sd-table__row:last-of-type > .sd-table__cell {
  border-bottom: 0;
}
.sd-table--align-top .sd-table__cell {
  vertical-align: top;
}
.sd-table--no-header {
  padding-top: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-table--no-header {
  padding-top: 0;
}
.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table .sd-question__content {
  padding-bottom: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(-0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-top: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__header ~ .sd-question__content {
  padding-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__header ~ .sd-question__content .sd-table--no-header {
  padding-top: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.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) {
  margin-top: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.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) {
  margin-top: 0;
}
.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) {
  margin-top: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.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) {
  margin-top: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.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) {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.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) {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows {
  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
  width: calc(100% - 2*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__cell:not(.sd-table__cell--header):first-of-type {
  padding-left: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__cell:last-of-type {
  padding-right: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:first-of-type > .sd-table__cell {
  border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0, 0, 0, 0);
}
.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:last-of-type > .sd-table__cell {
  border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0, 0, 0, 0);
}
.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions),
.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type {
  border-top-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
  border-bottom-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
}
.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions).sd-matrix__text--checked,
.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type.sd-matrix__text--checked {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-input,
.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-input {
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error) .sd-item__decorator,
.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error) .sd-item__decorator {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator,
.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after,
.sd-root-modern:not(.sd-root-modern--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-table__cell {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  font-weight: normal;
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  text-align: center;
}
.sd-table__cell:not(.sd-table__cell--empty):not(.sd-table__cell--actions):not(:empty) {
  min-width: calc(15*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-table__cell .sd-item {
  text-align: initial;
}
.sd-table__cell--error {
  border: none;
  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-table__cell--error .sd-question__erbox {
  margin: 0;
}
.sd-table__cell--error-top {
  vertical-align: bottom;
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-table__cell--error-bottom {
  vertical-align: top;
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-table__cell--item .sd-selectbase__item {
  text-align: center;
}
.sd-table__cell--item .sd-selectbase__label {
  justify-content: center;
}
.sd-question--disabled .sd-table__cell {
  opacity: .25;
}
.sd-root--readonly .sd-question--disabled .sd-table__cell {
  opacity: 1;
}
.sd-table__cell--header .sv-vue-title-additional-div,
.sd-table__cell--header {
  font-size: 0;
  line-height: 0;
}
.sd-table__cell--header span {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  font-weight: var(--sjs-font-questiontitle-weight, 600);
}
.sd-table__cell--header {
  font-weight: 600;
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  vertical-align: top;
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-table__cell--header:not(.sd-table__cell--empty) {
  min-width: calc(15*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--empty {
  min-width: calc(15*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--action {
  min-width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty) {
  min-width: calc(15*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.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 {
  min-width: calc(22*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--boolean {
  min-width: calc(18*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-table__cell--footer {
  text-align: right;
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-table__cell--footer-total {
  font-weight: 600;
  text-align: left;
}
.sd-table__cell--detail-panel {
  border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0, 0, 0, 0);
  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))));
  border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0, 0, 0, 0);
}
.sd-table__cell--actions .sv-action-bar,
.sd-matrixdynamic__add-btn .sv-action-bar {
  overflow: visible;
}
.sd-table__cell--actions:not(.sd-table__cell--vertical) {
  width: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-table__cell--actions:not(.sd-table__cell--vertical):not(.sd-table__cell--drag):first-of-type {
  padding-left: 0;
  width: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-table__cell--detail-button {
  border: none;
  background: rgba(0, 0, 0, 0);
  border-radius: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  transition: background var(--sjs-transition-duration, 150ms);
}
.sd-table__cell--detail-button svg {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: block;
  width: var(--sjs-internal-font-editorfont-size);
  height: var(--sjs-internal-font-editorfont-size);
  fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  transition: fill var(--sjs-transition-duration, 150ms);
}
.sd-table__cell--detail-button:hover,
.sd-table__cell--detail-button:focus {
  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  outline: none;
}
.sd-table__cell--detail-button:hover svg,
.sd-table__cell--detail-button:focus svg {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-table__cell--actions {
  white-space: nowrap;
}
.sd-table__cell--actions.sd-table__cell--vertical .sd-action-bar {
  justify-content: center;
}
.sd-table__cell--row-text {
  font-weight: var(--sjs-font-questiontitle-weight, 600);
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  text-align: left;
  min-width: calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-matrixdynamic__content .sd-table__question-wrapper {
  position: relative;
}
.sd-table__question-wrapper:not(:focus-within):hover {
  position: relative;
}
.sd-table__cell--actions:not(.sd-table__cell--vertical),
.sd-table__cell--empty,
.sd-table__cell--row-text,
.sd-table__cell--footer-total,
.sd-matrix__cell:first-of-type,
.sd-matrix tr > td:first-of-type {
  position: sticky;
  background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  z-index: 12;
}
.sd-table__cell--actions:not(.sd-table__cell--vertical):first-of-type,
.sd-table__cell--empty:first-of-type,
.sd-table__cell--row-text:first-of-type,
.sd-table__cell--footer-total:first-of-type,
.sd-matrix__cell:first-of-type:first-of-type,
.sd-matrix tr > td:first-of-type:first-of-type {
  left: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-table__cell--actions:not(.sd-table__cell--vertical):last-of-type,
.sd-table__cell--empty:last-of-type,
.sd-table__cell--row-text:last-of-type,
.sd-table__cell--footer-total:last-of-type,
.sd-matrix__cell:first-of-type:last-of-type,
.sd-matrix tr > td:first-of-type:last-of-type {
  right: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-table__cell--actions:not(.sd-table__cell--vertical):last-child .sd-action-bar {
  margin-right: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  justify-content: flex-end;
  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
}
.sd-question.sd-question--table {
  position: relative;
  overflow-x: auto;
}
.sd-question--table.sd-element--nested {
  overflow-x: visible;
}
.sd-table-wrapper {
  display: flex;
  margin: 0 calc(-1*var(--sd-base-padding));
  width: fit-content;
  min-width: calc(100% + 2*var(--sd-base-padding));
}
.sd-table-wrapper:before,
.sd-table-wrapper:after {
  content: "";
  display: block;
  position: sticky;
  min-height: 100%;
  width: calc(var(--sd-base-padding) - var(--sjs-base-unit, var(--base-unit, 8px)));
  flex-shrink: 0;
  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  z-index: 11;
}
.sd-table-wrapper::before {
  left: calc(-1*var(--sd-base-padding));
}
.sd-table-wrapper:after {
  right: calc(-1*var(--sd-base-padding));
}
.sd-table-wrapper > * {
  flex-basis: 100%;
}
.sd-question--table > .sd-question__header,
.sd-question--table .sd-question__description--under-input .sv-string-viewer {
  position: sticky;
  left: 0;
}
.sd-question--table > .sd-question__content {
  padding-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: min-content;
}
.sd-question--table.sd-element--nested > .sd-question__content {
  min-width: auto;
  overflow-x: auto;
}
.sd-question--table.sd-element--nested > .sd-question__content,
.sd-question--table:not(.sd-element--with-frame):not(.sd-element--nested) {
  padding-right: var(--sd-base-padding);
  margin-right: calc(-1*var(--sd-base-padding));
  padding-left: var(--sd-base-padding);
  margin-left: calc(-1*var(--sd-base-padding));
  box-sizing: content-box;
}
.sd-question--scroll {
  overflow-x: scroll;
}
.sd-table__row-disabled > .sd-table__cell {
  opacity: .25;
}
.sd-table__cell--detail-panel .sd-panel__content {
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-table__question-wrapper .sd-boolean-root {
  margin: auto;
}
.sd-root-modern--mobile .sd-table__question-wrapper .sd-boolean-root {
  margin: initial;
}
.sd-table__cell--footer .sd-table__question-wrapper--expression .sd-expression {
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
  font-size: var(--sjs-font-size, 16px);
  font-weight: 600;
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-table__cell--footer .sd-table__question-wrapper--left {
  text-align: start;
}
.sd-table__cell--footer .sd-table__question-wrapper--center {
  text-align: center;
}
.sd-table__cell--footer .sd-table__question-wrapper--right {
  text-align: end;
}
.sd-table.sd-matrixdynamic {
  table-layout: auto;
}
.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-root-modern--mobile .sd-page {
  padding: 0;
}
.sd-page .sd-page__title {
  --page-title-font-size: var(--sjs-font-pagetitle-size, calc(1.5 * (var(--sjs-font-size, 16px))));
  font-family: var(--sjs-font-pagetitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-pagetitle-weight, 700);
  font-size: var(--page-title-font-size);
  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
  position: static;
  line-height: calc(1.33*(var(--page-title-font-size)));
  margin: 0 0 calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;
}
.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-page__errbox {
  padding: calc(.5*var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-base-padding);
}
.sd-page__title ~ .sd-page__errbox,
.sd-page__description ~ .sd-page__errbox {
  margin-top: calc(.5*var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));
  margin-bottom: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root--compact .sd-page__title ~ .sd-page__errbox,
.sd-root--compact .sd-page__description ~ .sd-page__errbox {
  margin-bottom: 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__row.sd-row--compact {
  margin-top: var(--sd-base-vertical-padding);
}
.sd-row:first-of-type {
  margin-top: 0;
}
.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-page__title ~ .sd-page__row.sd-row--compact,
.sd-page__description ~ .sd-page__row.sd-row--compact {
  margin-top: var(--sd-base-vertical-padding);
}
.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--multiple {
  row-gap: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: calc(-1*var(--sd-base-padding));
  width: calc(100% + var(--sd-base-padding));
  flex-wrap: wrap;
}
.sd-row--multiple > div {
  box-sizing: border-box;
  padding-left: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  align-items: stretch;
}
.sd-panel:not(.sd-panel--as-page) .sd-row--multiple {
  row-gap: var(--sd-base-vertical-padding);
}
.sd-panel:not(.sd-panel--as-page) .sd-row--multiple > div {
  padding-left: var(--sd-base-padding);
}
.sd-row--multiple.sd-row--compact > div {
  padding-left: var(--sd-base-padding);
}
.sd-page__row.sd-row--multiple {
  margin-left: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(100% + 2*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-page__row.sd-row--multiple.sd-row--compact {
  padding: 0;
  row-gap: var(--sd-base-vertical-padding);
  margin-left: calc(-1*var(--sd-base-padding));
  width: calc(100% + var(--sd-base-padding));
}
.sd-row__panel {
  box-sizing: border-box;
  width: 100%;
}
.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-title.sd-container-modern__title {
  display: flex;
  align-items: center;
  padding: var(--sd-page-vertical-padding) var(--sd-page-vertical-padding);
  overflow: auto;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  gap: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: 0px 2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-title.sd-container-modern__title .sd-logo.sv-logo--right {
  margin-left: auto;
}
.sd-title.sd-container-modern__title .sd-logo__image {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-header__text {
  display: flex;
  flex-direction: column;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  flex-grow: 1;
}
.sd-header__text .sd-title {
  --survey-title-font-size: var(--sjs-font-surveytitle-size, calc(2 * (var(--sjs-font-size, 16px))));
  font-size: var(--survey-title-font-size);
  line-height: calc(1.25*(var(--survey-title-font-size)));
  color: var(--sjs-font-surveytitle-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  font-family: var(--sjs-font-surveytitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-surveytitle-weight, 700);
}
.sd-header__text h3 {
  line-height: calc(2.5*(var(--sjs-font-size, 16px)));
}
.sd-header__text h5 {
  font-size: var(--sjs-font-size, 16px);
  font-weight: 400;
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
}
.sd-header__text .sd-description {
  --survey-description-font-size: var(--sjs-font-surveydescription-size, var(--sjs-font-size, 16px));
  font-size: var(--survey-description-font-size);
  line-height: calc(1.5*(var(--survey-description-font-size)));
  color: var(--sjs-font-surveydescription-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  font-family: var(--sjs-font-surveydescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-surveydescription-weight, 400);
}
.sd-title .sv-title-actions {
  width: 100%;
  justify-content: space-between;
}
.sd-root-modern .sd-container-modern__title {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sd-root-modern .sd-container-modern__title .sd-header__text h3 {
  margin: 0;
}
.sd-root-modern .sd-container-modern__title .sd-description {
  margin: 0;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-title .sv-title-actions {
  align-items: flex-start;
  width: calc(100% + 3*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-title .sv-title-actions .sv-title-actions__title {
  flex-wrap: wrap;
  flex: 0 1 auto;
  max-width: calc(100% - 3*var(--sjs-base-unit, var(--base-unit, 8px)));
  white-space: initial;
  min-width: unset;
}
.sd-action-title-bar {
  flex: 1 9 auto;
  min-width: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  justify-content: flex-end;
  margin: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}
.sd-action-title-bar .sv-action {
  flex: 0 0 auto;
}
.sd-action-title-bar.sd-action-bar--empty {
  min-width: 0;
}
.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-description.sd-question__description--under-input {
  padding-top: calc(.375*var(--sd-base-vertical-padding));
}
.sd-element__header .sd-description {
  margin-top: calc(.25*var(--sd-base-vertical-padding) - .5*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-item {
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}
.sd-item--disabled.sd-item--disabled .sd-item__decorator,
.sd-item__decorator {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));
  border: none;
  flex-shrink: 0;
  margin-top: calc((1.5*(var(--sjs-internal-font-editorfont-size)) - 3*(var(--sjs-base-unit, var(--base-unit, 8px))))/2);
  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), background var(--sjs-transition-duration, 150ms);
}
.sd-item--checked .sd-item__decorator {
  box-shadow: none;
}
.sd-item__control:focus + .sd-item__decorator {
  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  outline: none;
  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));
}
.sd-item--allowhover .sd-selectbase__label:hover .sd-item__decorator {
  background: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));
  outline: none;
}
.sd-item--checked .sd-item__decorator {
  background: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-item__control-label {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-style: normal;
  font-weight: var(--sjs-font-editorfont-weight, 400);
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  font-size: var(--sjs-internal-font-editorfont-size);
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  white-space: normal;
  width: 100%;
  text-align: left;
  min-width: 0;
}
.sd-item__control-label .sv-string-viewer {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.sd-item--disabled .sd-item__control-label {
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  opacity: .25;
}
.sd-root--readonly .sd-item--disabled .sd-item__control-label {
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.sd-item--error .sd-item__decorator {
  background: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.sd-selectbase {
  border: none;
  margin: 0;
  padding: 0;
  min-inline-size: 0;
  min-width: 0;
}
.sd-selectbase--row {
  border: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  column-gap: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-selectbase--multi-column {
  display: flex;
  flex: 1 1 0px;
}
.sd-selectbase__label {
  display: inline-flex;
  position: relative;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  vertical-align: top;
  max-width: 100%;
}
.sd-selectbase__column {
  vertical-align: top;
}
.sd-selectbase__column {
  display: block;
  box-sizing: border-box;
  flex: 1 1 0px;
  min-width: 0;
}
.sd-selectbase__column:not(:last-child) {
  padding-right: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-selectbase__column.sv-q-column-1 {
  width: 100%;
}
.sd-checkbox__decorator {
  border-radius: calc(0.5*(var(--sjs-corner-radius, 4px)));
}
.sd-checkbox__svg {
  display: block;
  width: calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-checkbox__svg use {
  fill: rgba(0, 0, 0, 0);
  transition: fill var(--sjs-transition-duration, 150ms);
}
.sd-checkbox--checked .sd-checkbox__svg use {
  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {
  fill: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-radio__decorator {
  border-radius: 50%;
}
.sd-radio__decorator:after {
  content: " ";
  display: block;
  width: var(--sjs-base-unit, var(--base-unit, 8px));
  height: var(--sjs-base-unit, var(--base-unit, 8px));
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color var(--sjs-transition-duration, 150ms);
}
.sd-radio--checked .sd-radio__decorator:after {
  content: " ";
  display: block;
  width: var(--sjs-base-unit, var(--base-unit, 8px));
  height: var(--sjs-base-unit, var(--base-unit, 8px));
  border-radius: 50%;
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-radio--checked.sd-radio--disabled .sd-radio__decorator:after {
  background-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-radio__svg {
  display: none;
}
.sd-visuallyhidden {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.sd-matrix fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.sd-matrix__label {
  display: flex;
  position: relative;
  justify-content: center;
}
.sd-matrix__text {
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrix__text--checked {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrix__cell:first-of-type {
  font-weight: var(--sjs-font-questiontitle-weight, 600);
  text-align: left;
}
: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-rating {
  overflow-x: auto;
  min-height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating fieldset {
  display: flex;
  border: none;
  padding: 0 0 2px 0;
  flex-wrap: nowrap;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-inline-start: 0;
  align-items: center;
}
.sd-rating.sd-rating--wrappable fieldset {
  flex-wrap: wrap;
  min-width: 0;
}
.sd-rating.sd-rating--labels-top fieldset {
  padding-top: calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  position: relative;
}
.sd-rating.sd-rating--labels-top fieldset .sd-rating__min-text {
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  border: 0;
}
.sd-rating.sd-rating--labels-top fieldset .sd-rating__max-text {
  position: absolute;
  margin: 0;
  right: 0;
  top: 0;
  border: 0;
}
.sd-rating.sd-rating--labels-bottom fieldset {
  padding-bottom: calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  position: relative;
}
.sd-rating.sd-rating--labels-bottom fieldset .sd-rating__min-text {
  position: absolute;
  margin: 0;
  left: 0;
  bottom: 0;
  border: 0;
}
.sd-rating.sd-rating--labels-bottom fieldset .sd-rating__max-text {
  position: absolute;
  margin: 0;
  right: 0;
  bottom: 0;
  border: 0;
}
.sd-rating.sd-rating--labels-diagonal fieldset {
  padding-top: calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  position: relative;
}
.sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__min-text {
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  border: 0;
}
.sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__max-text {
  position: absolute;
  margin: 0;
  right: 0;
  bottom: 0;
  border: 0;
}
.sd-rating--small {
  min-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: auto;
}
.sd-rating--small fieldset {
  padding: 0;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-rating__item {
  position: relative;
  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  white-space: nowrap;
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  min-width: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  text-align: center;
  border: 0px solid rgba(0, 0, 0, 0);
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-size: var(--sjs-font-size, 16px);
  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));
  transition:
    border var(--sjs-transition-duration, 150ms),
    box-shadow var(--sjs-transition-duration, 150ms),
    background-color var(--sjs-transition-duration, 150ms);
}
.sd-rating__item--fixed-size {
  width: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: 0;
}
legend + .sd-rating__item,
legend + sv-ng-rating-item-smiley + .sd-rating__item-smiley,
legend + sv-ng-rating-item + .sd-rating__item {
  margin-inline-start: 2px;
}
.sd-rating__item--error {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0);
  border: none;
}
.sd-rating__item.sd-rating__item--disabled {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-rating__item.sd-rating__item--selected.sd-rating__item--disabled {
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
  background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5));
  border: none;
}
.sd-question--disabled .sd-rating__item-text {
  opacity: .25;
}
.sd-rating__item--allowhover:hover {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-rating__item:focus-within {
  border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-rating__item--selected {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  font-weight: 600;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0);
}
.sd-rating__item--selected:focus-within {
  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), inset 0 0 0 2px var(--sjs-general-backcolor, var(--background, #fff));
}
.sd-rating__item-smiley {
  position: relative;
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  white-space: nowrap;
  padding: calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  min-width: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  text-align: center;
  border: 2px solid var(--sjs-border-default, var(--border, #d6d6d6));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  fill: var(--sjs-border-default, var(--border, #d6d6d6));
  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));
  transition:
    border var(--sjs-transition-duration, 150ms),
    box-shadow var(--sjs-transition-duration, 150ms),
    background-color var(--sjs-transition-duration, 150ms);
}
.sd-rating__item-smiley svg {
  display: block;
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating__item-smiley--small {
  padding: calc(0.625*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-width: 1px;
}
.sd-rating__item-smiley--small svg {
  width: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating__item-smiley--small.sd-rating__item-smiley--selected:focus-within {
  box-shadow: inset 0 0 0 1px var(--sjs-general-backcolor, var(--background, #fff));
}
legend + .sd-rating__item-smiley,
legend + sv-ng-rating-item + .sd-rating__item-smiley {
  margin-inline-start: 2px;
}
.sd-rating__item-smiley--scale-colored {
  transition:
    border var(--sjs-transition-duration, 150ms),
    box-shadow var(--sjs-transition-duration, 150ms),
    opacity var(--sjs-transition-duration, 150ms),
    background-color var(--sjs-transition-duration, 150ms);
}
.sd-rating__item-smiley--error {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  border-color: rgba(0, 0, 0, 0);
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-rating__item-smiley--error.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {
  opacity: initial;
}
.sd-rating__item-smiley.sd-rating__item-smiley--disabled {
  opacity: .5;
}
.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--disabled {
  opacity: initial;
  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-rating__item-smiley--allowhover:hover {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
  border-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sd-rating__item-smiley:focus-within {
  border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-rating__item-smiley--selected {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  font-weight: 600;
}
.sd-rating__item-smiley--selected:focus-within {
  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), inset 0 0 0 2px var(--sjs-general-backcolor, var(--background, #fff));
}
.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {
  opacity: .25;
}
.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover {
  opacity: .5;
}
.sd-rating__item-smiley--rate-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover {
  opacity: .5;
}
.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected):focus-within {
  opacity: 1;
}
.sd-rating__item-star {
  position: relative;
  width: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating__item-star:not(:first-of-type) {
  padding-left: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating__item-star:not(:last-of-type) {
  padding-right: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-right: calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating__item-star svg {
  stroke: var(--sjs-border-default, var(--border, #d6d6d6));
  fill: rgba(0, 0, 0, 0);
  width: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: block;
  position: absolute;
  transition:
    stroke var(--sjs-transition-duration, 150ms),
    opacity var(--sjs-transition-duration, 150ms),
    fill var(--sjs-transition-duration, 150ms);
}
.sd-rating__item-star .sv-star {
  opacity: 1;
}
.sd-rating__item-star .sv-star-2 {
  opacity: 0;
}
.sd-rating__item-star--small {
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating__item-star--small svg {
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating__item-star--selected svg {
  stroke: rgba(0, 0, 0, 0);
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-rating__item-star--error svg {
  stroke: none;
  fill: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.sd-rating__item-star--disabled {
  opacity: .5;
}
.sd-rating__item-star--disabled svg {
  stroke: var(--sjs-border-default, var(--border, #d6d6d6));
  fill: none;
}
.sd-rating__item-star--selected.sd-rating__item-star--disabled svg {
  stroke: none;
  fill: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sd-rating__item-star:focus-within svg {
  stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));
  fill: rgba(0, 0, 0, 0);
}
.sd-rating__item-star--unhighlighted svg {
  stroke: rgba(0, 0, 0, 0);
  fill: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sd-rating__item-star--highlighted svg {
  stroke: var(--sjs-border-default, var(--border, #d6d6d6));
  fill: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-rating__item-star--selected.sd-rating__item-star--unhighlighted:focus-within svg {
  stroke: var(--sjs-border-default, var(--border, #d6d6d6));
  fill: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sd-rating__item-star--selected:focus-within svg {
  stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-rating__item-star--selected:focus-within .sv-star {
  opacity: 0;
}
.sd-rating__item-star--selected:focus-within .sv-star-2 {
  opacity: 1;
}
.sd-rating__item-text.sd-rating__item-text {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  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-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  display: inline-block;
  border: 2px solid rgba(0, 0, 0, 0);
  box-sizing: border-box;
  transition: color var(--sjs-transition-duration, 150ms);
}
.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text,
.sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {
  margin-top: calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text {
  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
  border-left: 0px;
}
.sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {
  margin-right: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-rating__item-text.sd-rating__item-text .sv-string-editor {
  white-space: nowrap;
}
.sd-rating__item-text.sd-rating__item-text.sd-rating__item--fixed-size {
  min-width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating--wrappable .sd-rating__item-text {
  max-width: 100%;
}
.sd-rating--wrappable .sd-rating__item-text .sv-string-viewer {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.sd-rating__item:focus-within .sd-rating__item-text.sd-rating__item-text {
  border: none;
}
.sd-rating__item--selected .sd-rating__item-text.sd-rating__item-text {
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  font-weight: inherit;
  border: none;
}
.sd-rating-dropdown-item {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating-dropdown-item_description {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-style: normal;
  font-weight: normal;
  font-size: calc(0.75*(var(--sjs-font-size, 16px)));
  line-height: var(--sjs-font-size, 16px);
}
.sv-list__item.sv-list__item--selected .sd-rating-dropdown-item_description {
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sv-ranking-item--error .sv-ranking-item__index {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.sd-element--with-frame .sv-ranking-item {
  left: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
@container (max-width: 496px) {
  .sv-ranking--select-to-rank-horizontal {
    flex-direction: column-reverse;
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider {
    margin: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
    height: 1px;
    width: initial;
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty {
    padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
    padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__container {
    max-width: initial;
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {
    left: initial;
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item {
    left: initial;
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {
    padding-left: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
    padding-right: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {
    padding-right: initial;
  }
}
@container (max-width: 176px) {
  .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {
    margin-left: calc(-5*(var(--sjs-base-unit, var(--base-unit, 8px))));
    margin-right: calc(-5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  }
}
.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item__icon-container {
  margin-left: 0;
  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item {
  left: 0;
}
.sv-ranking-item__content.sd-ranking-item__content {
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
}
.sv-dragdrop-movedown {
  transform: translate(0, 0);
  animation: svdragdropmovedown .1s;
  animation-timing-function: ease-in-out;
}
@keyframes svdragdropmovedown {
  0% {
    transform: translate(0, -50px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.sv-dragdrop-moveup {
  transform: translate(0, 0);
  animation: svdragdropmoveup .1s;
  animation-timing-function: ease-in-out;
}
@keyframes svdragdropmoveup {
  0% {
    transform: translate(0, 50px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.sv-dropdown_select-wrapper {
  position: relative;
}
.sv-dropdown_select-wrapper use {
  fill: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.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[disabled] {
  pointer-events: none;
}
.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__input-field-component {
  height: auto;
}
.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-dropdown input[readonly] {
  pointer-events: none;
}
.sd-dropdown__value {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  width: 100%;
  min-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  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);
  position: relative;
}
.sd-dropdown_clean-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
  margin: auto 0;
}
.sd-dropdown_chevron-button {
  position: absolute;
  width: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  top: 0;
  bottom: 0;
  inset-inline-end: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline-end: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-dropdown_chevron-button-svg,
.sd-dropdown_clean-button-svg {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  width: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
}
.sd-input.sd-dropdown:focus-within {
  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));
}
.sd-input.sd-dropdown:focus-within .sd-dropdown__filter-string-input {
  z-index: 2000;
}
.sd-dropdown__filter-string-input {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  max-width: 100%;
  border: none;
  outline: none;
  padding: 0;
  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);
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  background-color: rgba(0, 0, 0, 0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  appearance: none;
}
.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__filter-string-input::placeholder {
  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.sd-dropdown__filter-string-input::placeholder {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  appearance: none;
}
.sd-dropdown__hint-prefix {
  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.sd-dropdown__hint-prefix span {
  white-space: pre;
}
.sd-dropdown__hint-suffix {
  display: flex;
  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.sd-dropdown__hint-suffix span {
  white-space: pre;
}
.sd-input--disabled .sv-string-viewer {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sv-dropdown-popup .sd-list__item-body {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  font-size: var(--sjs-internal-font-editorfont-size);
  font-weight: var(--sjs-font-editorfont-weight, 400);
  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  padding-inline-end: calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-block: calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid rgba(0, 0, 0, 0);
  border-radius: var(--sjs-corner-radius, 4px);
  transition: border-color var(--sjs-transition-duration, 150ms);
}
.sv-dropdown-popup .sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body {
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-border-light, var(--border-light, #eaeaea));
  padding-inline-end: calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-block: calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-dropdown-popup .sv-list__item span {
  margin-inline-start: calc(-0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
[dir=rtl] .sd-dropdown,
[style*="direction:rtl"] .sd-dropdown,
[style*="direction: rtl"] .sd-dropdown {
  background-position: left calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) top 50%, 0 0;
}
.sd-input.sd-tagbox:not(.sd-tagbox--empty):not(.sd-input--disabled) {
  height: auto;
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-end: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-tagbox.sd-input--disabled {
  white-space: normal;
}
.sd-tagbox_clean-button {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  padding: calc(0.5*(var(--sjs-internal-font-editorfont-size)));
  margin: auto 0;
}
.sd-input.sd-tagbox:focus-within {
  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));
}
.sv-tagbox__item {
  position: relative;
  display: flex;
  align-items: center;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  border-radius: calc(0.5*(var(--sjs-corner-radius, 4px)));
  max-width: 100%;
  box-sizing: border-box;
}
.sv-tagbox__item-text {
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  min-width: calc(5.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  text-align: center;
  font-weight: 600;
}
.sv-tagbox__item-text span {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sv-tagbox__item:hover .sd-tagbox-item_clean-button,
.sv-tagbox__item:focus .sd-tagbox-item_clean-button,
.sv-tagbox__item:focus-within .sd-tagbox-item_clean-button {
  align-self: center;
  opacity: 1;
}
.sd-tagbox-item_clean-button {
  display: flex;
  position: absolute;
  inset-inline-end: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: 0;
  padding-inline-start: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background:
    linear-gradient(
      270deg,
      var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%,
      rgba(25, 179, 148, 0) 100%);
  opacity: 0;
  transition: opacity var(--sjs-transition-duration, 150ms);
}
.sd-tagbox-item_clean-button-svg {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: block;
  padding: calc(0.25*(var(--sjs-internal-font-editorfont-size)));
  width: var(--sjs-internal-font-editorfont-size);
  height: var(--sjs-internal-font-editorfont-size);
}
.sd-tagbox-item_clean-button-svg:hover {
  border-radius: 100px;
  background: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25)));
}
.sd-tagbox-item_clean-button-svg use {
  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-tagbox__value.sd-dropdown__value {
  position: relative;
  gap: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  padding-inline: unset;
  margin-inline: unset;
  margin-block: unset;
}
.sd-tagbox__filter-string-input {
  width: 100%;
  display: flex;
  flex-grow: 1;
}
.sd-tagbox__placeholder {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  width: auto;
  height: 100%;
  text-align: left;
  cursor: text;
  pointer-events: none;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
[dir=rtl] .sd-tagbox-item_clean-button,
[style*="direction:rtl"] .sd-tagbox-item_clean-button,
[style*="direction: rtl"] .sd-tagbox-item_clean-button {
  background:
    linear-gradient(
      90deg,
      var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%,
      rgba(25, 179, 148, 0) 100%);
}
.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint,
.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint-suffix-wrapper,
.sd-tagbox.sd-tagbox--empty .sd-tagbox__filter-string-input {
  width: 100%;
}
.sd-tagbox__hint {
  display: flex;
  flex-grow: 1;
}
.sd-tagbox__hint-suffix-wrapper {
  position: relative;
  width: 100%;
}
.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  height: 100%;
  display: flex;
  align-items: center;
}
.sd-dropdown__hint-prefix.sd-tagbox__hint-prefix {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  height: 100%;
  display: flex;
  align-items: center;
}
.sd-imagepicker {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  border: none;
  gap: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  margin: 0;
}
.sd-imagepicker--column {
  align-items: flex-start;
  flex-direction: column;
}
@supports not (aspect-ratio: 1/1) {
  .sd-imagepicker > div {
    margin-right: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  }
}
.sd-imagepicker__item img,
.sd-imagepicker__item .sd-imagepicker__image-container > div {
  border-radius: var(--sjs-corner-radius, 4px);
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
}
.sd-imagepicker__item-decorator {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sd-imagepicker__label {
  position: relative;
}
.sd-imagepicker__label .sd-visuallyhidden {
  height: 100%;
  margin: 0;
}
.sd-imagepicker__image-container {
  position: relative;
}
.sd-imagepicker__check-decorator {
  display: block;
  opacity: 0;
  position: absolute;
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  border-radius: 100%;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  z-index: 1;
  transition: opacity var(--sjs-transition-duration, 150ms);
}
.sd-imagepicker__check-icon {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: block;
  width: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-imagepicker__item--checked .sd-imagepicker__check-decorator {
  opacity: 1;
}
.sd-imagepicker__item--error .sd-imagepicker__image-container::before {
  display: block;
  position: absolute;
  content: " ";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  border-radius: var(--sjs-corner-radius, 4px);
  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))));
}
.sd-imagepicker__item:focus-within .sd-imagepicker__image,
.sd-imagepicker__item--allowhover .sd-imagepicker__image:hover {
  opacity: .5;
}
.sd-imagepicker__image {
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  transition: opacity var(--sjs-transition-duration, 150ms);
}
.sd-imagepicker__text {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.sd-imagepicker__no-image {
  display: flex;
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
  inset-block-start: 0;
}
.sd-imagepicker__no-image-svg {
  height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: auto;
}
.sd-imagepicker__no-image-svg use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-imagepicker__column {
  display: flex;
  flex-direction: column;
  gap: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  align-items: flex-start;
  padding-right: 0;
}
.sd-selectbase__column.sd-imagepicker__column:not(:last-child) {
  padding-right: 0;
}
.sd-image__image {
  display: block;
  max-width: 100%;
  border-radius: var(--sjs-corner-radius, 4px);
}
.sd-image__image--adaptive {
  width: 100%;
  height: auto;
  max-width: calc(80*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-image__no-image {
  background: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
  min-width: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-height: calc(27.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sd-image__no-image use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
:root {
  --sjs-transition-duration: 150ms;
}
.sd-html {
  white-space: initial;
}
.sd-html {
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-default-fontWeight, 400);
  font-style: var(--sjs-article-font-default-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-default-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);
  line-height: var(--sjs-article-font-default-lineHeight, 28px);
  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-default-textCase, "none");
  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
}
.sd-html h1 {
  font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-xx-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-xx-large-fontWeight, 700);
  font-style: var(--sjs-article-font-xx-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-xx-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-xx-large-lineHeight, 64px);
  text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-xx-large-textCase, "none");
}
.sd-html h2 {
  font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-x-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-x-large-fontWeight, 700);
  font-style: var(--sjs-article-font-x-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-x-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-x-large-lineHeight, 56px);
  text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-x-large-textCase, "none");
}
.sd-html h3 {
  font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-large-fontWeight, 700);
  font-style: var(--sjs-article-font-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-large-lineHeight, 40px);
  text-indent: var(--sjs-article-font-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-large-textCase, "none");
}
.sd-html h4,
.sd-html h5,
.sd-html h6 {
  font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-medium-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-medium-fontWeight, 700);
  font-style: var(--sjs-article-font-medium-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-medium-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0);
  line-height: var(--sjs-article-font-medium-lineHeight, 32px);
  text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-medium-textCase, "none");
}
.sd-html td,
.sd-html span,
.sd-html div,
.sd-html p {
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-default-fontWeight, 400);
  font-style: var(--sjs-article-font-default-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-default-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);
  line-height: var(--sjs-article-font-default-lineHeight, 28px);
  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-default-textCase, "none");
}
.sd-html a {
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-html button {
  display: flex;
  align-items: center;
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  vertical-align: baseline;
  text-align: center;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  border: none;
  border-radius: var(--sjs-corner-radius, 4px);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  outline: solid calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) rgba(0, 0, 0, 0);
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 600;
  font-style: normal;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  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))));
  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);
}
.sd-html button:hover {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-html button:focus {
  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));
}
.sd-html button span {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
}
.sd-html--nested {
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.sd-expression {
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  font-size: var(--sjs-font-size, 16px);
}
.sd-question__content--left .sd-expression {
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}
.sd-progress {
  height: 2px;
  background-color: var(--sjs-border-light, var(--border-light, #eaeaea));
  position: relative;
}
.sd-progress__bar {
  position: relative;
  height: 100%;
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  overflow: hidden;
}
.sd-progress__text {
  position: absolute;
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  right: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  font-size: calc(0.75*(var(--sjs-font-size, 16px)));
  line-height: var(--sjs-font-size, 16px);
  font-weight: 600;
}
@media only screen and (min-width: calc(125 * (var(--sjs-base-unit, var(--base-unit, 8px))))) {
  .sd-progress__text {
    margin-left: 5%;
  }
}
@media only screen and (max-width: calc(125 * (var(--sjs-base-unit, var(--base-unit, 8px))))) {
  .sd-progress__text {
    margin-left: 10px;
  }
}
.sd-body__progress--top {
  margin-bottom: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  position: sticky;
  top: 0;
  z-index: 50;
}
.sd-body__progress--bottom .sd-progress__text {
  margin-top: calc(-3.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-boolean {
  display: flex;
  width: max-content;
  position: relative;
  gap: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  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);
}
.sd-boolean.sd-boolean--allowhover:focus-within {
  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));
}
.sd-boolean__thumb,
.sd-boolean__label {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: block;
  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);
  font-size: var(--sjs-internal-font-editorfont-size);
  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-boolean__switch {
  display: flex;
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-boolean.sd-boolean--checked .sd-boolean__label--true,
.sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false {
  color: rgba(0, 0, 0, 0);
  transition-duration: .15s;
  transition-property: color;
  transition-timing-function: linear;
}
.sd-boolean.sd-boolean--indeterminate .sd-boolean__switch {
  display: none;
}
.sd-boolean--indeterminate .sd-boolean__thumb {
  display: none;
}
.sd-boolean__thumb {
  background-color: 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));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  transition-duration: .2s;
  transition-property: margin-left, transform;
  transition-timing-function: linear;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 600;
  margin-left: 0%;
  transform: translateX(0);
  z-index: 2;
}
.sd-boolean__thumb .sv-string-viewer.sv-string-viewer--multiline {
  white-space: nowrap;
}
.sd-boolean--checked .sd-boolean__thumb {
  margin-left: 100%;
  transform: translateX(-100%);
}
.sd-boolean--exchanged .sd-boolean__thumb {
  margin-left: 100%;
  transform: translateX(-100%);
}
.sd-boolean--exchanged.sd-boolean--checked .sd-boolean__thumb {
  margin-left: 0%;
  transform: translateX(0);
}
.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 {
  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.sd-boolean--disabled {
  pointer-events: none;
}
.sd-boolean--disabled .sd-boolean__thumb,
.sd-boolean--disabled .sd-boolean__label {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: .25;
}
.sd-boolean__thumb-ghost {
  z-index: 1;
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: rgba(0, 0, 0, 0);
  transition: background-color var(--sjs-transition-duration, 150ms);
}
.sd-boolean.sd-boolean--allowhover .sd-boolean__thumb-ghost:hover {
  background-color: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));
}
.sd-boolean--error {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.sd-paneldynamic .sd-progress {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  z-index: 2;
  transform: translateY(-1px);
}
.sd-paneldynamic > .sd-panel {
  padding-top: 1px;
  padding-bottom: calc(.5*var(--sd-base-vertical-padding));
}
.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header {
  padding-bottom: 0;
  padding-top: var(--sd-base-vertical-padding);
}
.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header:after {
  display: none;
}
.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header > .sd-panel__title {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-paneldynamic__separator {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0;
  border-color: var(--sjs-border-light, var(--border-light, #eaeaea));
  background: var(--sjs-border-light, var(--border-light, #eaeaea));
  height: 1px;
  border: none;
}
.sd-paneldynamic__separator:only-child {
  display: none;
}
.sd-paneldynamic__panel-wrapper {
  padding-bottom: calc(1*var(--sd-base-padding));
}
.sd-paneldynamic__panel-wrapper:after {
  display: table;
  clear: both;
  content: " ";
}
.sd-paneldynamic__panel-wrapper--in-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sd-paneldynamic__footer {
  clear: both;
}
.sd-paneldynamic__footer .sd-paneldynamic__prev-btn,
.sd-paneldynamic__footer .sd-paneldynamic__next-btn {
  display: block;
}
.sd-paneldynamic__footer .sd-paneldynamic__prev-btn svg,
.sd-paneldynamic__footer .sd-paneldynamic__next-btn svg {
  width: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-paneldynamic__footer .sd-paneldynamic__add-btn,
.sd-paneldynamic__footer .sd-paneldynamic__progress-text,
.sd-paneldynamic__footer .sd-paneldynamic__progress--bottom {
  display: initial;
}
.sd-paneldynamic__buttons-container {
  display: flex;
  align-items: center;
  padding: calc(var(--sd-base-vertical-padding) - var(--sjs-base-unit, var(--base-unit, 8px))) 0;
}
.sd-paneldynamic__progress-container {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-paneldynamic__progress-text {
  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))));
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  margin: 0;
  margin-right: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-paneldynamic__prev-btn,
.sd-paneldynamic__next-btn {
  width: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-paneldynamic__prev-btn .sv-svg-icon,
.sd-paneldynamic__next-btn .sv-svg-icon {
  display: block;
}
.sd-paneldynamic__prev-btn {
  margin-right: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-paneldynamic__next-btn {
  margin-left: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-right: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  transform: rotate(180deg);
}
.sd-paneldynamic__placeholder .sd-paneldynamic__add-btn {
  display: initial;
  margin-left: 0;
}
.sd-question--empty.sd-question--paneldynamic > .sd-question__content {
  padding-bottom: var(--sd-base-padding);
}
.sd-question--paneldynamic:not(.sd-question--empty) > .sd-question__content > .sd-question__comment-area {
  padding-bottom: var(--sd-base-padding);
}
.sd-paneldynamic__buttons-container .sd-action-bar {
  width: 100%;
  margin: 0 calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(100% + 6*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-paneldynamic__panel-footer {
  border-top: none;
  position: relative;
  top: calc(.5*var(--sd-base-vertical-padding));
  margin-right: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  justify-content: flex-end;
}
.sd-paneldynamic__panel-footer .sv-action:not(.sv-action--hidden) {
  margin-bottom: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-tabs-toolbar.sv-action-bar {
  align-items: flex-start;
  margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0 -1px calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(100% + 4*var(--sjs-base-unit, var(--base-unit, 8px)));
  z-index: 1;
}
.sd-tabs-toolbar.sd-tabs-toolbar--left {
  justify-content: flex-start;
}
.sd-tabs-toolbar.sd-tabs-toolbar--right {
  justify-content: flex-end;
}
.sd-tabs-toolbar.sd-tabs-toolbar--center {
  justify-content: center;
}
.sd-tab-item {
  margin: 0 calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-tab-item {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0 calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  box-sizing: border-box;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  overflow-x: hidden;
  white-space: nowrap;
  box-shadow: inset 0px 0px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
  transition: box-shadow var(--sjs-transition-duration, 150ms);
}
.sd-tab-item:hover,
.sd-tab-item:focus-visible {
  outline: none;
  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-tab-item.sd-tab-item--pressed {
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-tab-item--icon {
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  width: auto;
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-tab-item--icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  opacity: .5;
}
.sd-tab-item--icon:hover,
.sd-tab-item--icon.sd-tab-item--pressed {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  box-shadow: none;
}
.sd-tab-item--icon:hover use,
.sd-tab-item--icon.sd-tab-item--pressed use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-tab-item--icon:hover use {
  opacity: 1;
}
.sd-tabs-toolbar .sv-dots {
  width: auto;
}
.sd-tabs-toolbar .sv-dots.sv-action--hidden {
  width: 0;
}
.sd-tab-item__title {
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  align-items: center;
}
.sd-question__title ~ .sd-tabs-toolbar {
  margin-top: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {
  padding-bottom: 0;
}
.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab::after {
  bottom: 0;
}
.sd-question--paneldynamic.sd-element--with-frame {
  padding-bottom: 0;
}
:root {
  --sjs-transition-duration: 150ms;
}
.sd-file {
  position: relative;
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  min-height: calc(36*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  padding: 0 calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-file .sv-action-bar {
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
  justify-content: center;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
.sd-file .sv-action-bar .sv-action-bar-item {
  height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  border-radius: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-file .sv-action-bar #fileIndex .sv-action-bar-item {
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  font-weight: 600;
}
.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:hover {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:disabled {
  opacity: initial;
}
.sd-file__decorator {
  display: flex;
  flex-direction: column;
  position: absolute;
  position: absolute;
  left: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
  container-type: inline-size;
}
.sd-file--answered .sd-file__decorator {
  container-type: unset;
}
.sd-file__decorator--drag {
  z-index: 1;
  border: 1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  box-shadow: inset 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-file__no-file-chosen {
  display: none;
}
.sd-file__drag-area-placeholder {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  text-align: center;
  white-space: normal;
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  padding: 0 calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
@container (max-width: 496px) {
  .sd-file__drag-area-placeholder {
    padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
  }
}
@container (max-width: 176px) {
  .sd-file__drag-area-placeholder {
    display: none;
  }
  .sd-file__decorator .sd-action {
    padding: var(--sjs-base-unit, var(--base-unit, 8px));
  }
  .sd-file__decorator .sd-action .sv-svg-icon {
    margin-left: 0;
  }
  .sd-file__decorator .sd-file__actions-container {
    flex-direction: column;
  }
  .sd-file__decorator .sd-file__actions-container span {
    display: none;
  }
}
.sd-root-modern--mobile .sd-file__decorator {
  padding: 0 calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-file__choose-btn--text {
  display: block;
  font-weight: 600;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  cursor: pointer;
}
.sd-file__choose-btn--text .sv-svg-icon {
  margin-left: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 24px;
  height: 24px;
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-file__choose-btn--icon > span {
  display: none;
}
.sd-file__wrapper {
  width: max-content;
  max-width: 100%;
}
.sd-question--answered .sd-file__drag-area-placeholder {
  display: none;
}
.sd-file__actions-container {
  margin-top: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  flex-wrap: wrap;
  justify-content: center;
}
.sd-file__actions-container .sv-action--hidden {
  display: none;
}
.sd-file--answered .sd-file__actions-container {
  z-index: 2;
  margin-top: 0;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-file--answered .sd-file__actions-container {
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  position: absolute;
}
.sd-file--chose-btn--as .sd-file--answered .sd-file__actions-container {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  inset-inline-end: calc(1.5*(var(--sjs-internal-font-editorfont-size)) + 5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-file__list {
  display: flex;
  gap: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: content-box;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  padding: calc(10.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  min-height: calc(15*(var(--sjs-base-unit, var(--base-unit, 8px))));
  max-height: calc(15*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
}
.sd-file__preview {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  min-height: 100%;
  width: calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: 0;
}
.sd-file__preview .sd-file__default-image {
  width: calc(7*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: 90px;
}
.sd-file__preview img:hover + .sd-file__remove-file-button,
.sd-file__preview svg:hover + .sd-file__remove-file-button,
.sd-file__preview .sd-file__remove-file-button:hover {
  opacity: 1;
}
.sd-file__sign {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  text-align: center;
  font-size: calc(0.75*(var(--sjs-font-size, 16px)));
  line-height: var(--sjs-font-size, 16px);
}
.sd-file__sign a {
  display: block;
  text-decoration: none;
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  white-space: normal;
  word-break: break-all;
  width: calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: 100%;
  max-width: 100%;
  overflow: hidden;
  max-height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  text-overflow: ellipsis;
  line-height: var(--sjs-font-size, 16px);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.sd-file__remove-file-button {
  display: block;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity var(--sjs-transition-duration, 150ms);
}
.sd-file__decorator--error {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.sd-file__image-wrapper {
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-height: calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sd-file__image-wrapper img:not(.sd-file__default-image) {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));
  object-fit: contain;
}
.sd-file__image-wrapper--default-image {
  background: rgba(0, 0, 0, 0);
}
.sd-file--single img:hover + .sd-file__remove-file-button {
  display: none;
}
.sd-file--single-image {
  height: calc(36*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-file--single-image .sd-file__preview {
  width: 100%;
  margin: 0;
}
.sd-file--single-image .sd-file__list {
  position: absolute;
  left: 0;
  padding: 0;
  height: 100%;
  max-height: 100%;
  width: 100%;
}
.sd-file--single-image .sd-file__image-wrapper {
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
}
.sd-file--single-image .sd-file__image-wrapper {
  min-height: 100%;
  min-width: 100%;
}
.sd-file--single-image .sd-file__image-wrapper img {
  width: 100%;
  height: 100%;
}
.sd-file--single-image .sd-file__sign {
  position: absolute;
  margin: 0;
  width: 100%;
  min-height: 100%;
}
.sd-file--single-image .sd-file__sign a {
  color: rgba(0, 0, 0, 0);
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  outline: none;
}
.sd-file__image-wrapper.sd-file__image-wrapper--default-image {
  background: rgba(0, 0, 0, 0);
}
.sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn.sd-file__choose-btn--icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn:not(.sd-file__choose-btn--icon) {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.sd-file__drag-area {
  position: static;
  width: 100%;
}
.sd-file__change-camera-button {
  position: absolute;
  z-index: 2;
  left: var(--sjs-base-unit, var(--base-unit, 8px));
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-file__close-camera-button {
  position: absolute;
  z-index: 2;
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-context-btn.sd-file__take-picture-button {
  background-color: var(--sjs-special-red, var(--red, #e60a3e));
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-context-btn.sd-file__take-picture-button .sv-svg-icon {
  height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-context-btn.sd-file__take-picture-button .sv-svg-icon use {
  fill: var(--sjs-general-backcolor, var(--background, #fff));
}
.sd-context-btn.sd-file__take-picture-button:hover,
.sd-context-btn.sd-file__take-picture-button:focus {
  box-shadow: 0 0 0 2px var(--sjs-special-red, var(--red, #e60a3e));
}
.sd-file__video-container {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sd-file__loading-indicator {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: absolute;
  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
  left: 0;
}
.sd-file__loading-indicator .sd-loading-indicator {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.sd-file__choose-file-btn--disabled {
  opacity: .25;
  cursor: default;
}
.sd-hidden {
  display: none !important;
}
.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-root--compact .sd-body__navigation .sd-btn:not(.sd-btn--action) {
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
}
.sd-root--compact .sd-body__navigation .sd-btn:not(.sd-btn--action):hover {
  background-color: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));
}
.sd-root-modern--mobile .sd-body__navigation .sv-action:not(.sv-action--hidden),
.sd-root-modern--mobile .sd-body__navigation .sd-btn {
  flex-grow: 1;
}
.sd-root-modern--mobile .sd-body__navigation .sd-btn {
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-body__navigation .sv-action--hidden {
  display: none;
}
:root {
  --sjs-transition-duration: 150ms;
}
.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-btn--small {
  flex-grow: 1;
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-btn:hover {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-btn:focus-visible {
  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));
}
.sd-btn:disabled {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: .25;
  pointer-events: none;
}
.sd-btn--action {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-btn--action:hover {
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  background-color: var(--sjs-primary-backcolor-dark, rgb(20, 164, 139));
}
.sd-btn--action:disabled {
  color: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25)));
  pointer-events: none;
}
.sd-btn--danger {
  background-color: var(--sjs-special-red, var(--red, #e60a3e));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-btn--danger:hover {
  background-color: var(--sjs-special-red, var(--red, #e60a3e));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-btn--danger:disabled {
  color: var(--sjs-special-red-forecolor, #ffffff);
  pointer-events: none;
}
:root {
  --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__timer {
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  box-sizing: border-box;
}
.sd-body.sd-body--static {
  max-width: calc(90*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: auto;
  margin-right: auto;
  padding-top: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(10*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-body.sd-body--static .sd-body__timer,
.sd-body.sd-body--static .sd-body__navigation,
.sd-body.sd-body--static .sd-body__page {
  margin-left: 0;
  margin-right: 0;
}
.sd-body.sd-body--static .sd-body__navigation {
  padding-top: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-body.sd-body--static .sd-body__navigation.sd-action-bar {
  padding-left: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.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.sd-body--responsive.sd-body--with-timer {
  max-width: calc(100% + var(--sd-timer-size)*-1.4444444444 + 6*var(--sjs-base-unit, var(--base-unit, 8px)));
  margin-left: auto;
  margin-right: auto;
}
.sd-root-modern--mobile .sd-body.sd-body--with-timer.sd-body--responsive {
  max-width: initial;
  margin-left: 0;
  margin-right: 0;
}
.sd-root-modern--mobile .sd-body.sd-body--responsive,
.sd-root-modern--mobile .sd-body.sd-body--static {
  padding: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern--mobile .sd-body.sd-body--responsive .sd-body__navigation,
.sd-root-modern--mobile .sd-body.sd-body--static .sd-body__navigation {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.sd-root--compact .sd-body.sd-body--responsive .sd-body__navigation,
.sd-root--compact .sd-body.sd-body--static .sd-body__navigation {
  padding-top: calc(7*(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-body--empty {
  min-height: 400px;
  text-align: center;
  padding-top: 180px;
  box-sizing: border-box;
}
.sd-body--empty,
.sd-body--loading {
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-default-fontWeight, 400);
  font-style: var(--sjs-article-font-default-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-default-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);
  line-height: var(--sjs-article-font-default-lineHeight, 28px);
  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-default-textCase, "none");
  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
}
.sd-body--empty h1,
.sd-body--loading h1 {
  font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-xx-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-xx-large-fontWeight, 700);
  font-style: var(--sjs-article-font-xx-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-xx-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-xx-large-lineHeight, 64px);
  text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-xx-large-textCase, "none");
}
.sd-body--empty h2,
.sd-body--loading h2 {
  font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-x-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-x-large-fontWeight, 700);
  font-style: var(--sjs-article-font-x-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-x-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-x-large-lineHeight, 56px);
  text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-x-large-textCase, "none");
}
.sd-body--empty h3,
.sd-body--loading h3 {
  font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-large-fontWeight, 700);
  font-style: var(--sjs-article-font-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-large-lineHeight, 40px);
  text-indent: var(--sjs-article-font-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-large-textCase, "none");
}
.sd-body--empty h4,
.sd-body--empty h5,
.sd-body--empty h6,
.sd-body--loading h4,
.sd-body--loading h5,
.sd-body--loading h6 {
  font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-medium-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-medium-fontWeight, 700);
  font-style: var(--sjs-article-font-medium-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-medium-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0);
  line-height: var(--sjs-article-font-medium-lineHeight, 32px);
  text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-medium-textCase, "none");
}
.sd-body--empty td,
.sd-body--empty span,
.sd-body--empty div,
.sd-body--empty p,
.sd-body--loading td,
.sd-body--loading span,
.sd-body--loading div,
.sd-body--loading p {
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-default-fontWeight, 400);
  font-style: var(--sjs-article-font-default-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-default-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);
  line-height: var(--sjs-article-font-default-lineHeight, 28px);
  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-default-textCase, "none");
}
.sd-body--empty a,
.sd-body--loading a {
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-body--empty button,
.sd-body--loading button {
  display: flex;
  align-items: center;
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  vertical-align: baseline;
  text-align: center;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  border: none;
  border-radius: var(--sjs-corner-radius, 4px);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  outline: solid calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) rgba(0, 0, 0, 0);
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 600;
  font-style: normal;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  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))));
  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);
}
.sd-body--empty button:hover,
.sd-body--loading button:hover {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-body--empty button:focus,
.sd-body--loading button:focus {
  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));
}
.sd-body--empty button span,
.sd-body--loading button span {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
}
.sd-root_background-image {
  background-position-x: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
:root {
  --sjs-transition-duration: 150ms;
}
.sd-multipletext {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  height: 1px;
}
.sd-multipletext__cell {
  height: 100%;
}
.sd-multipletext__cell:not(:first-of-type) {
  padding-left: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-multipletext__item-container.sd-input:focus-within {
  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));
}
.sd-multipletext__item-container {
  display: flex;
  align-items: flex-start;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
}
.sd-multipletext__item-container .sd-input {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  border: none;
  box-shadow: none;
}
.sd-multipletext__item-container .sd-input,
.sd-multipletext__item-title {
  margin-top: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-multipletext__item-title {
  font-size: 0;
  line-height: 0;
}
.sd-multipletext__item-title span {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
}
.sd-multipletext__item-title {
  height: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px))*3);
  max-width: 30%;
  padding-right: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  white-space: normal;
  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.sd-multipletext__item {
  flex-grow: 1;
}
.sd-multipletext__content .sd-multipletext__item-container {
  position: relative;
}
.sd-multipletext__item-container--error {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.sd-multipletext__item-container--error .sd-input--error {
  background-color: rgba(0, 0, 0, 0);
}
.sd-multipletext-item__character-counter {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sd-question__content:focus-within .sd-multipletext-item__character-counter {
  padding-inline-end: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.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-multipletext__cell--error .sd-question__erbox {
  margin: 0;
}
.sd-multipletext .sd-input .sd-input {
  background: rgba(0, 0, 0, 0);
}
.sd-action {
  appearance: none;
  border: none;
  display: flex;
  align-items: center;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  background: rgba(0, 0, 0, 0);
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-weight: 600;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-style: normal;
  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))));
  outline: none;
  transition: background-color var(--sjs-transition-duration, 150ms);
}
.sd-action--negative {
  color: var(--sjs-special-red, var(--red, #e60a3e));
}
.sd-action--icon {
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-action__icon {
  margin-left: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-action__icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-action--icon .sd-action__icon {
  margin-left: 0;
}
.sd-action--icon use {
  fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  transition: fill var(--sjs-transition-duration, 150ms);
}
svg.sd-action--icon {
  fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.sd-action:disabled,
.sd-action--disabled {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  cursor: default;
  opacity: .25;
  pointer-events: none;
}
.sd-action:disabled use,
.sd-action--disabled use {
  fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.sd-action:not(.sd-action--pressed):hover,
.sd-action:not(.sd-action--pressed):focus {
  outline: none;
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  cursor: pointer;
  opacity: 1;
}
.sd-action:not(.sd-action--pressed):hover.sd-action--icon,
.sd-action:not(.sd-action--pressed):focus.sd-action--icon {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sd-action:not(.sd-action--pressed):hover.sd-action--negative,
.sd-action:not(.sd-action--pressed):focus.sd-action--negative {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.sd-action:not(.sd-action--pressed):hover.sd-action--negative.sd-action--icon use,
.sd-action:not(.sd-action--pressed):focus.sd-action--negative.sd-action--icon use {
  fill: var(--sjs-special-red, var(--red, #e60a3e));
}
.sd-action:not(.sd-action--pressed):hover:active,
.sd-action:not(.sd-action--pressed):focus:active {
  opacity: .5;
}
.sd-action__icon {
  display: block;
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-action--pressed:not(.sd-action--active) {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  opacity: .5;
}
.sd-action-bar {
  display: flex;
  align-items: center;
}
.sd-action-bar .sv-action:not(:last-child) .sv-action__content {
  padding-right: 0;
}
.sd-context-btn {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border: none;
  outline: none;
  cursor: pointer;
}
.sd-context-btn .sv-svg-icon {
  margin: 0;
}
.sd-context-btn svg {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: block;
  width: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
}
.sd-context-btn use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  transition: fill var(--sjs-transition-duration, 150ms);
}
.sd-context-btn:hover use,
.sd-context-btn:focus use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-context-btn:hover.sd-context-btn--negative use,
.sd-context-btn:focus.sd-context-btn--negative use {
  fill: var(--sjs-special-red, var(--red, #e60a3e));
}
.sd-context-btn:disabled {
  opacity: .25;
}
:root {
  --sjs-transition-duration: 150ms;
}
.sd-completedpage,
.sd-completed-before-page {
  align-items: center;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: bold;
  box-sizing: border-box;
  text-align: center;
  height: auto;
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-default-fontWeight, 400);
  font-style: var(--sjs-article-font-default-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-default-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);
  line-height: var(--sjs-article-font-default-lineHeight, 28px);
  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-default-textCase, "none");
  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
}
.sd-completedpage h1,
.sd-completed-before-page h1 {
  font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-xx-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-xx-large-fontWeight, 700);
  font-style: var(--sjs-article-font-xx-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-xx-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-xx-large-lineHeight, 64px);
  text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-xx-large-textCase, "none");
}
.sd-completedpage h2,
.sd-completed-before-page h2 {
  font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-x-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-x-large-fontWeight, 700);
  font-style: var(--sjs-article-font-x-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-x-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-x-large-lineHeight, 56px);
  text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-x-large-textCase, "none");
}
.sd-completedpage h3,
.sd-completed-before-page h3 {
  font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-large-fontWeight, 700);
  font-style: var(--sjs-article-font-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-large-lineHeight, 40px);
  text-indent: var(--sjs-article-font-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-large-textCase, "none");
}
.sd-completedpage h4,
.sd-completedpage h5,
.sd-completedpage h6,
.sd-completed-before-page h4,
.sd-completed-before-page h5,
.sd-completed-before-page h6 {
  font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-medium-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-medium-fontWeight, 700);
  font-style: var(--sjs-article-font-medium-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-medium-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0);
  line-height: var(--sjs-article-font-medium-lineHeight, 32px);
  text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-medium-textCase, "none");
}
.sd-completedpage td,
.sd-completedpage span,
.sd-completedpage div,
.sd-completedpage p,
.sd-completed-before-page td,
.sd-completed-before-page span,
.sd-completed-before-page div,
.sd-completed-before-page p {
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-default-fontWeight, 400);
  font-style: var(--sjs-article-font-default-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-default-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);
  line-height: var(--sjs-article-font-default-lineHeight, 28px);
  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-default-textCase, "none");
}
.sd-completedpage a,
.sd-completed-before-page a {
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-completedpage button,
.sd-completed-before-page button {
  display: flex;
  align-items: center;
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  vertical-align: baseline;
  text-align: center;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  border: none;
  border-radius: var(--sjs-corner-radius, 4px);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  outline: solid calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) rgba(0, 0, 0, 0);
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 600;
  font-style: normal;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  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))));
  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);
}
.sd-completedpage button:hover,
.sd-completed-before-page button:hover {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-completedpage button:focus,
.sd-completed-before-page button:focus {
  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));
}
.sd-completedpage button span,
.sd-completed-before-page button span {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
}
.sd-completedpage:before,
.sd-completedpage:after {
  display: block;
  width: calc(9*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: calc(50% - 4.5*var(--sjs-base-unit, var(--base-unit, 8px)));
  content: "";
}
.sd-completedpage:before {
  height: calc(13*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-completedpage:after {
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons__image-button-left {
  display: none;
}
.sd-progress-buttons__image-button-right {
  display: none;
}
.sd-progress-buttons__image-button--hidden {
  visibility: hidden;
}
.sd-progress-buttons__page-description {
  display: none;
}
.sd-progress-buttons {
  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))));
  display: flex;
  flex-direction: column;
}
.sd-progress-buttons__list-container {
  display: flex;
  overflow: hidden;
}
.sd-progress-buttons__connector {
  display: none;
}
.sd-progress-buttons__list {
  display: inline-flex;
  flex-direction: row;
  flex-grow: 1;
  margin: 0 auto;
  padding: 0;
}
.sd-progress-buttons__list li {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  position: relative;
  flex-wrap: nowrap;
  text-align: center;
  flex-direction: column;
  cursor: pointer;
}
.sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {
  display: block;
  content: "";
  height: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-navigation-default, #bcbcbc);
  position: absolute;
  bottom: calc(1.125*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(50% + 4px);
  width: calc(100% - 4px);
  pointer-events: none;
}
.sd-progress-buttons__list li:after {
  display: flex;
  content: attr(data-page-number);
  width: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: calc(0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid rgba(0, 0, 0, 0);
  background-color: var(--sjs-navigation-default, #bcbcbc);
  border-radius: 50%;
  align-self: center;
  z-index: 1;
  font-size: calc(0.75*(var(--sjs-font-size, 16px)));
  font-weight: 600;
  line-height: var(--sjs-font-size, 16px);
  justify-content: center;
  color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sd-progress-buttons__list li:hover:after {
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  padding: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border: calc(0.75*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-progress-buttons__list .sd-progress-buttons__list-element--passed:not(:first-child) > .sd-progress-buttons__connector {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-progress-buttons__list .sd-progress-buttons__list-element--passed:after {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-progress-buttons__list .sd-progress-buttons__list-element--current:not(:first-child) > .sd-progress-buttons__connector {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-progress-buttons__list .sd-progress-buttons__list-element--current:after {
  border: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  padding: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons__page-title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(0.75*(var(--sjs-font-size, 16px)));
  font-weight: 600;
  line-height: var(--sjs-font-size, 16px);
  flex-grow: 1;
  text-align: center;
  padding: 0 calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons__header .sd-progress-buttons__page-title {
  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-progress-buttons__footer .sd-progress-buttons__page-title {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-bottom: 0;
  justify-content: flex-end;
  padding: 0;
  color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
}
.sd-progress-buttons--bottom {
  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))));
  flex-direction: column-reverse;
}
.sd-progress-buttons--bottom .sd-progress-buttons__list li {
  flex-direction: column-reverse;
}
.sd-progress-buttons--bottom .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {
  top: calc(1.125*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons--bottom .sd-progress-buttons__page-title {
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: 0;
}
.sd-progress-buttons--bottom .sd-progress-buttons__header .sd-progress-buttons__page-title {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-bottom: 0;
}
.sd-progress-buttons--bottom .sd-progress-buttons__footer .sd-progress-buttons__page-title {
  margin-top: 0;
  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {
  bottom: calc(2.175*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(50% + 8px);
  width: calc(100% - 8px);
}
.sd-progress-buttons--numbered .sd-progress-buttons__list li:after {
  width: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons--numbered .sd-progress-buttons__list li:hover:after {
  padding: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern--mobile .sd-progress-buttons__list,
.sd-progress-buttons--no-titles .sd-progress-buttons__list {
  justify-content: space-between;
  width: 100%;
}
.sd-root-modern--mobile .sd-progress-buttons__list li,
.sd-progress-buttons--no-titles .sd-progress-buttons__list li {
  flex-grow: 0;
}
.sd-progress-buttons--bottom.sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {
  top: calc(2.175*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern--mobile .sd-progress-buttons {
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons--fit-survey-width {
  max-width: calc(90*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  width: 100%;
  margin: auto;
}
.sv_progress-toc {
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  max-width: calc(42*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: 100%;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-sizing: border-box;
  min-width: calc(32*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv_progress-toc .sv-list__item.sv-list__item--selected .sv-list__item-body {
  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-weight: 400;
}
.sv_progress-toc .sv-list__item span {
  white-space: break-spaces;
}
.sv_progress-toc .sv-list__item-body {
  padding-inline-start: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-end: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: var(--sjs-corner-radius, 4px);
  padding-top: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv_progress-toc--left {
  border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
}
.sv_progress-toc--right {
  border-left: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
}
.sv_progress-toc--mobile {
  position: fixed;
  top: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: auto;
  min-width: auto;
  height: auto;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  z-index: 15;
  border-radius: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv_progress-toc--mobile > div {
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv_progress-toc--mobile:hover {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sd-list {
  padding-right: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-list__item {
  padding: 0;
}
.sd-list__item-body {
  padding-block: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: var(--sjs-corner-radius, 4px);
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
}
.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) {
  outline: none;
}
.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) .sd-list__item-body {
  padding-block: calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-timer {
  z-index: 2;
  position: fixed;
  bottom: calc(var(--sd-timer-size)/144*32);
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  background: #fff;
  width: var(--sd-timer-size);
  height: var(--sd-timer-size);
  margin-right: calc(var(--sd-timer-size)/144*32);
  display: flex;
  border-radius: 100%;
  padding: calc(var(--sd-timer-size)/144*8);
  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));
  box-sizing: border-box;
}
.sd-timer--top {
  top: calc(var(--sd-timer-size)/144*32);
  margin-top: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(-1*var(--sd-timer-size));
}
.sd-timer--bottom {
  bottom: calc(var(--sd-timer-size)/144*32);
  margin-top: calc(var(--sd-timer-size)*-1.2222222222);
}
.sd-timer__progress {
  --sd-timer-stroke-background-color: var(--background-dim, #f3f3f3);
  --sd-timer-stroke-background-width: 2px;
  stroke-linecap: round;
  height: 100%;
  width: 100%;
  transform: rotate(-90deg);
  stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));
  stroke-dashoffset: 0;
  fill: none;
  stroke-width: 4px;
}
.sd-timer__progress--animation {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1s linear;
}
.sd-timer__text-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 700;
  font-size: calc(var(--sd-timer-size)/144*32);
}
.sd-timer__text--major {
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 700;
  font-size: calc(var(--sd-timer-size)/144*32);
}
.sd-timer__text--minor {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  font-weight: 600;
  font-size: calc(0.75*(var(--sjs-font-size, 16px)));
}
.sv-header {
  position: relative;
  background-color: var(--sjs-header-backcolor, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.sv-header__overlap {
  margin-bottom: calc(-14*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-header__overlap.sv-header__without-background {
  margin-bottom: 0;
  padding-bottom: 0;
}
.sv-header__without-background .sv-header--mobile,
.sv-header__without-background .sv-header__content {
  padding-bottom: 0;
}
.sd-root-modern--mobile .sv-header__overlap {
  margin-bottom: calc(-5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-header__content {
  padding: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  height: 100%;
  position: relative;
  display: grid;
  gap: 0;
  grid-auto-columns: 1fr 1fr 1fr;
  grid-auto-rows: 1fr 1fr 1fr;
}
.sv-header__content--static {
  max-width: calc(88*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: auto;
  margin-right: auto;
}
.sv-header__background-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border: 0;
  background-position-x: center;
}
.sv-header__background-image--contain {
  background-repeat: no-repeat;
}
.sv-header__cell {
  position: relative;
}
.sv-header__cell-content {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: max-content;
  top: 0;
  bottom: 0;
}
.sv-header__cell--left .sv-header__cell-content {
  left: 0;
}
.sv-header__cell--center .sv-header__cell-content {
  min-width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.sv-header__cell--right .sv-header__cell-content {
  right: 0;
}
.sv-header__logo {
  display: flex;
}
.sv-header__logo img {
  display: block;
}
.sv-header__title {
  display: flex;
}
.sv-header__title .sd-title {
  --header-title-font-size: var(--sjs-font-headertitle-size, calc(2 * (var(--sjs-font-size, 16px))));
  font-size: var(--header-title-font-size);
  line-height: calc(1.25*(var(--header-title-font-size)));
  color: var(--sjs-font-headertitle-color, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
  font-family: var(--sjs-font-headertitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-headertitle-weight, 700);
  margin: 0;
}
.sv-header__logo ~ .sv-header__title {
  margin-top: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-header__logo ~ .sv-header__description {
  margin-top: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-header__title ~ .sv-header__description {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-header__description {
  display: flex;
}
.sv-header__description .sd-description {
  --header-description-font-size: var(--sjs-font-headerdescription-size, var(--sjs-font-size, 16px));
  font-size: var(--header-description-font-size);
  line-height: calc(1.5*(var(--header-description-font-size)));
  color: var(--sjs-font-headerdescription-color, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
  font-family: var(--sjs-font-headerdescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-headerdescription-weight, 600);
  margin: 0;
}
.sv-header__content .sd-header__text h3 {
  margin: 0;
}
.sv-header--mobile {
  padding: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  position: relative;
  z-index: 1;
}
.sv-header--mobile .sv-header__logo img {
  max-width: 100%;
}
.sv-header__background-color--none .sv-header__title .sd-title,
.sv-header__background-color--custom .sv-header__title .sd-title {
  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
}
.sv-header__background-color--none .sv-header__description .sd-description,
.sv-header__background-color--custom .sv-header__description .sd-description {
  --header-description-font-size: var(--sjs-font-headerdescription-size, var(--sjs-font-size, 16px));
  font-size: var(--header-description-font-size);
  line-height: calc(1.5*(var(--header-description-font-size)));
  color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
}
@keyframes rotationAnimation {
  from {
    rotate: 0deg;
  }
  to {
    rotate: 360deg;
  }
}
.sd-loading-indicator {
  height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-loading-indicator .sv-svg-icon {
  height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  animation-name: rotationAnimation;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 1s;
}
sv-components-container,
.sd-components-container {
  display: flex;
}
.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;
}
.sjs_sp_container {
  position: relative;
  max-width: 100%;
}
.sjs_sp_controls {
  position: absolute;
  left: 0;
  bottom: 0;
}
.sjs_sp_controls > button {
  -webkit-user-select: none;
  user-select: none;
}
.sjs_sp_container > div > canvas:focus {
  outline: none;
}
.sjs_sp_placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.sjs_sp_canvas {
  position: relative;
  max-width: 100%;
  display: block;
}
.sjs_sp__background-image {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.sd-root-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)));
}
.sd-root-modern.sd-root-modern--mobile {
  --sd-base-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-page-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sjs-mobile-font-editorfont-size: Max(16px, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
}
.sd-root-modern.sd-root-modern--mobile .sd-element__num {
  float: none;
  margin-inline-start: 0;
  width: auto;
  padding-inline-start: 0;
  padding-inline-end: 0;
}
.sd-root-modern.sd-root-modern--mobile .sd-element__num + span {
  float: none;
  width: auto;
}
.sd-root-modern.sd-root-modern--mobile .sd-element__title--expandable:before {
  left: calc(-2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern.sd-root-modern--mobile .sd-title.sd-container-modern__title {
  flex-direction: column;
}
.sd-root-modern.sd-root-modern--mobile .sd-header__text {
  min-width: 100%;
}
.sd-root-modern.sd-root-modern--mobile .sd-question.sd-question--table > .sd-question__content {
  padding-top: 0;
}
.sd-root-modern.sd-root-modern--mobile .sd-question--table,
.sd-root-modern.sd-root-modern--mobile .sd-question--scroll {
  overflow-x: visible;
}
.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell {
  display: flex;
  align-items: flex-start;
  border-top: none;
  border-bottom: none;
}
.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell .sd-matrix__responsive-title {
  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
  text-align: left;
}
.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-matrix__cell:first-of-type {
  padding-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-root-modern.sd-root-modern--mobile .sd-table thead {
  display: none;
}
.sd-root-modern.sd-root-modern--mobile .sd-table tr {
  display: flex;
  flex-direction: column;
}
.sd-root-modern.sd-root-modern--mobile .sd-matrix__table .sd-table__row {
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-root-modern.sd-root-modern--mobile .sd-table__row {
  padding-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern.sd-root-modern--mobile .sd-table__row--expanded .sd-table__cell-action--show-detail-mobile {
  display: none;
}
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) .sd-table__row {
  padding-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) .sd-table__row.sd-table__row--has-end-actions {
  padding-bottom: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions) {
  padding-bottom: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions):not(:last-of-type) {
  padding-bottom: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions):not(:last-of-type)::after {
  bottom: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tfoot tr::before,
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--expanded)::after {
  z-index: 12;
  content: " ";
  display: block;
  position: relative;
  height: 1px;
  background-color: var(--sjs-border-light, var(--border-light, #eaeaea));
  left: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(100% + 4*var(--sjs-base-unit, var(--base-unit, 8px)));
  z-index: 12;
}
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--expanded)::after {
  bottom: 0;
}
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tfoot tr {
  padding-top: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tfoot tr::before {
  top: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type .sd-table__cell-action--show-detail-mobile,
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type .sd-table__cell-action--remove-row {
  margin-bottom: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern.sd-root-modern--mobile .sd-matrix__label {
  justify-content: flex-start;
}
.sd-root-modern.sd-root-modern--mobile .sd-table__cell {
  border-top: none;
  border-bottom: none;
  display: block;
  padding-top: 0;
  padding-bottom: 0;
  text-align: left;
}
.sd-root-modern.sd-root-modern--mobile .sd-table__cell {
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error {
  margin-top: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error.sd-table__cell--error-bottom .sd-question__erbox {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-root-modern.sd-root-modern--mobile .sd-table__cell:first-of-type,
.sd-root-modern.sd-root-modern--mobile .sd-matrix__cell {
  margin-top: 0;
}
.sd-root-modern.sd-root-modern--mobile .sd-table__cell::before {
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
  content: attr(data-responsive-title);
  font-weight: 600;
  display: block;
  text-align: left;
}
.sd-root-modern.sd-root-modern--mobile .sd-table--no-header {
  padding-top: 0;
}
.sd-root-modern.sd-root-modern--mobile .sd-table--no-header .sd-table__cell::before {
  content: none;
}
.sd-root-modern.sd-root-modern--mobile .sd-matrix__cell::before,
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--actions::before,
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--row-text::before,
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--footer-total::before,
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error::before {
  content: none;
}
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--detail-panel {
  padding-top: 0;
  padding-bottom: 0;
  border-top: 0;
  border-bottom: 0;
}
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--detail-panel .sd-panel__content {
  padding-top: 0;
}
.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions {
  width: auto;
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar {
  margin-right: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor, var(--background, #fff));
}
.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions #show-detail-mobile {
  flex-grow: 1;
}
.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn {
  opacity: 1;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {
  display: none;
}
.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn:after {
  content: attr(title);
}
.sd-root-modern.sd-root-modern--mobile .sd-matrixdynamic__footer {
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-bottom: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--footer-total:not(.sd-matrix__cell),
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--row-text:not(.sd-matrix__cell) {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr::after {
  bottom: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr:last-child:after {
  content: none;
}
.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--error-top {
  margin-top: 0;
}
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error-top:first-of-type ~ .sd-table__cell:nth-of-type(2) {
  margin-top: 0;
}
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error-top .sd-question__erbox {
  margin-top: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error-top:first-of-type .sd-question__erbox {
  margin-top: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-root-modern.sd-root-modern--mobile .sv-ranking-item__icon-container {
  margin-left: 0;
  margin-right: 0;
}
.sd-multipletext--mobile .sd-multipletext__cell {
  display: block;
}
.sd-multipletext--mobile .sd-multipletext__cell:not(:first-of-type) {
  padding-left: 0;
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-multipletext--mobile .sd-multipletext__cell :not(:last-of-type) {
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-multipletext--mobile .sd-multipletext__item-container {
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-multipletext--mobile .sd-multipletext__item-title {
  max-width: none;
  border-right: none;
  width: 100%;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
  margin: 0;
}
.sd-multipletext--mobile .sd-multipletext__item {
  flex-basis: 0;
  min-width: 0;
}
.sd-multipletext--mobile .sd-multipletext__item .sd-input {
  padding: 0;
  margin: 0;
}
.sd-multipletext--mobile .sd-multipletext__item-container--answered,
.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within {
  flex-direction: column;
}
.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item-title,
.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item-title {
  padding: 0;
}
.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item-title span,
.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item-title span {
  font-size: calc(0.75*(var(--sjs-font-size, 16px)));
  line-height: var(--sjs-font-size, 16px);
}
.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item,
.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item {
  flex-basis: auto;
  min-width: auto;
  width: 100%;
}
.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item .sd-input,
.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item .sd-input {
  width: 100%;
}
.sd-selectbase--mobile .sd-selectbase--multi-column {
  flex-direction: column;
}
.sd-selectbase--mobile .sd-selectbase--multi-column .sd-selectbase__column:not(:last-child) {
  padding-right: 0;
}
body {
  --sv-defaultV2-mark: true;
}
.sd-root-modern {
  -webkit-font-smoothing: antialiased;
  --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;
}
@-moz-document url-prefix() {
  .sd-root-modern,
  .sd-root-modern * {
    scrollbar-width: thin;
    scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) rgba(0, 0, 0, 0);
  }
}
.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::-webkit-scrollbar-thumb:hover,
.sd-root-modern *::-webkit-scrollbar-thumb:hover {
  border: 2px solid rgba(0, 0, 0, 0);
  background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-root-modern form {
  position: relative;
}
.sd-root-modern--animation-disabled * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.sd-root-modern.sd-root-modern--full-container {
  width: 100%;
  height: 100%;
  overflow: auto;
  position: relative;
}
.sd-root-modern--mobile {
  --sd-timer-size: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-root-modern__wrapper {
  position: relative;
  min-height: 100%;
}
.sd-root-modern--full-container .sd-root-modern__wrapper--fixed {
  position: static;
  width: 100%;
  height: 100%;
}
.sd-root-modern--full-container .sd-root-modern__wrapper--fixed form {
  overflow: auto;
  width: 100%;
  max-height: 100%;
}
@-moz-document url-prefix() {
  .sv-popup .sv-popup__scrolling-content,
  .sv-popup .sv-popup__scrolling-content * {
    scrollbar-width: thin;
    scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) rgba(0, 0, 0, 0);
  }
}
.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar,
.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0);
}
.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb,
.sv-popup .sv-popup__scrolling-content *::-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));
}
.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-track,
.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb:hover,
.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-thumb:hover {
  border: 2px solid rgba(0, 0, 0, 0);
  background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}

/* node_modules/survey-creator-core/survey-creator-core.min.css */
/*!
 * SurveyJS Creator v1.9.135
 * (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");
  unicode-range:
    U+0460-052F,
    U+1C80-1C88,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");
  unicode-range:
    U+0590-05FF,
    U+200C-2010,
    U+20AA,
    U+25CC,
    U+FB1D-FB4F;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");
  unicode-range:
    U+0100-024F,
    U+0259,
    U+1E00-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20CF,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+2000-206F,
    U+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");
  unicode-range:
    U+0460-052F,
    U+1C80-1C88,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");
  unicode-range:
    U+0590-05FF,
    U+200C-2010,
    U+20AA,
    U+25CC,
    U+FB1D-FB4F;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");
  unicode-range:
    U+0100-024F,
    U+0259,
    U+1E00-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20CF,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+2000-206F,
    U+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");
  unicode-range:
    U+0460-052F,
    U+1C80-1C88,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");
  unicode-range:
    U+0590-05FF,
    U+200C-2010,
    U+20AA,
    U+25CC,
    U+FB1D-FB4F;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");
  unicode-range:
    U+0100-024F,
    U+0259,
    U+1E00-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20CF,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+2000-206F,
    U+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
:root {
  --sjs-font-family:
    "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
}
/*!
 * SurveyJS Creator v1.9.135
 * (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-context-container {
  display: flex;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  width: max-content;
}
.svc-context-button {
  display: block;
  box-sizing: border-box;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  border-radius: 50%;
  width: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  cursor: pointer;
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  outline: none;
}
.svc-context-button use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-context-button:hover use,
.svc-context-button:focus use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-context-button--danger:hover use,
.svc-context-button--danger:focus use {
  fill: var(--sjs-special-red, var(--red, #e60a3e));
}
svc-tab-json-editor-ace {
  width: 100%;
  height: 100%;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-json-editor-tab__content {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.svc-json-editor-tab__ace-editor {
  height: 100%;
}
svc-tab-json-editor-textarea {
  width: 100%;
  height: 100%;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-json-editor-tab__content {
  position: relative;
  height: 100%;
}
.svc-json-editor-tab__content-area {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
}
.svc-json-editor-tab__errros_button {
  position: absolute;
  top: 0%;
  right: calc(0% + 2*var(--sjs-base-unit, var(--base-unit, 8px)));
  min-height: calc(2.5*var(--sjs-base-unit, var(--base-unit, 8px)));
  max-height: calc(2.5*var(--sjs-base-unit, var(--base-unit, 8px)));
  border: none;
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  font-weight: bold;
}
.svc-json-editor-tab__content-errors {
  position: absolute;
  right: 0%;
  top: calc(0% + 3*var(--sjs-base-unit, var(--base-unit, 8px)));
  max-width: calc(100% - 2*var(--sjs-base-unit, var(--base-unit, 8px)));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  background-image:
    linear-gradient(
      to bottom,
      transparent,
      rgba(0, 0, 0, 0.1));
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  border-radius: 1px;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-family: monospace;
}
.svc-json-editor-tab__content-errors span {
  white-space: pre-line;
}
.svc-json-editor-tab__content-errors span > b {
  color: var(--sjs-special-red, var(--red, #e60a3e));
}
.svc-json-editor-tab__content-errors:empty {
  display: none;
}
.svc-json-errors {
  display: flex;
  max-height: calc(var(--sjs-base-unit, var(--base-unit, 8px))*25 + 5px);
  overflow-y: auto;
  flex-direction: column;
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
}
.svc-json-errors__item {
  pointer-events: none;
  display: block;
}
.svc-json-error {
  font-family: var(--sjs-font-family, var(--font-family));
  font-size: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  display: flex;
  align-items: center;
  gap: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-json-errors__item:not(:first-of-type) .svc-json-error {
  border-top: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
}
.svc-json-error .sv-string-viewer {
  pointer-events: all;
  cursor: pointer;
}
.svc-json-error .sv-string-viewer:hover {
  text-decoration: underline;
}
.svc-json-error__icon {
  fill: var(--sjs-special-red, var(--red, #e60a3e));
}
.svc-json-error__container {
  display: flex;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-json-error__title {
  flex: 1 1 auto;
}
.svc-json-error__fix-button {
  appearance: none;
  flex-grow: 0;
  flex-shrink: 0;
  pointer-events: all;
  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
  width: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border: none;
  border-radius: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
  cursor: pointer;
}
.svc-json-error__fix-button svg {
  fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-json-error__fix-button:hover svg {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svd-simulator {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: content-box;
  transform-origin: 0 0;
  top: 50%;
  left: 50%;
  transform: scale(1.26) translate(-50%, -50%);
  overflow: overlay;
  border: 2px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
}
.svd-simulator-wrapper {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: 32px;
  border: 4px solid var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, .1), 0px 4px 16px 0px rgba(0, 0, 0, .05);
}
.svd-simulator-main {
  min-height: 100%;
}
.svd-simulator-main.svd-simulator-main--desktop {
  min-height: auto;
}
.svd-simulator-main.svd-simulator-main--desktop.svd-simulator-main--running {
  height: 100%;
}
.svd-simulator-main.svd-simulator-main--frame {
  display: flex;
  align-items: center;
}
.svd-simulator-main:not(.svd-simulator-main--frame) {
  background-color: rgba(0, 0, 0, 0);
}
.svd-simulator-main .sd-root-modern {
  min-height: 100%;
}
.svd-simulator-main .sd-root-modern .sv-popup:not(.sv-popup--overlay):not(.sv-popup--modal) {
  width: auto;
}
.svd-simulator-content {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-shadow: inset 0px -1px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
  position: relative;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  ::i-block-chrome,
  .svd-simulator-content {
    overflow-y: scroll;
  }
}
svc-tab-test {
  width: 100%;
  height: 100%;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-test-tab__content .svc-plugin-tab__content {
  overflow-y: overlay;
}
.svc-test-tab__content .svc-plugin-tab__content .sv-root-modern .sv-completedpage,
.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_completed_page {
  margin: 0;
  border: 0;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_body {
  border: 0;
}
.svc-test-tab__content .svc-plugin-tab__content .svc-preview__test-again {
  width: calc(33*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: 8px;
}
.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {
  height: calc(100% - 6*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-test-tab__content-actions {
  position: relative;
}
.svc-test-tab__content-actions .sv-action-bar {
  padding: 0;
  height: calc(6*var(--sjs-base-unit, var(--base-unit, 8px)));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  width: 100%;
  position: absolute;
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages {
  left: 0;
  right: 0;
  justify-content: center;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action__content {
  padding: 0;
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item {
  margin: 0;
}
.svc-test-tab__content-actions .sv-action-bar-item {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 600;
  font-size: calc(.75*var(--small-bold-font-size));
  line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  width: 100%;
  height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-test-tab__content-actions .svc-page-selector {
  max-width: 50%;
}
.svc-test-tab__content-actions .svc-page-selector .sv-action-bar-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  display: inline-block;
}
.svc-test-tab__content .sd-body--empty {
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 400;
  font-size: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  text-align: center;
  overflow: hidden;
  position: static;
  display: flex;
  flex-direction: column;
}
.sl-table {
  width: 50%;
  margin: 0 25%;
}
.sl-table__row {
  position: relative;
}
.sl-table__cell.st-table__cell--actions:first-of-type .sv-action-bar {
  margin-top: calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sl-table .sl-table__detail-button.sl-table__detail-button {
  width: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: 0;
}
.sl-table .sl-table__detail-button.sl-table__detail-button:hover:enabled,
.sl-table .sl-table__detail-button.sl-table__detail-button.sv-focused--by-key {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  outline: none;
}
.sl-table .sl-table__detail-button.sl-table__detail-button:hover:enabled use,
.sl-table .sl-table__detail-button.sl-table__detail-button.sv-focused--by-key use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sl-table__remove-button .sv-action-bar-item {
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  cursor: pointer;
}
.sl-table__remove-button .sv-action-bar-item:hover:enabled,
.sl-table__remove-button .sv-action-bar-item.sv-focused--by-key {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  outline: none;
}
.sl-table__remove-button .sv-action-bar-item:hover:enabled use,
.sl-table__remove-button .sv-action-bar-item.sv-focused--by-key use {
  fill: var(--sjs-special-red, var(--red, #e60a3e));
}
.sl-table__cell .sv-action-bar-item__icon {
  display: none;
}
.sl-table__row:hover .sl-table__cell .sv-action-bar-item__icon,
.sl-table__cell .sv-action-bar-item.sv-focused--by-key .sv-action-bar-item__icon {
  display: block;
}
.sl-table__row #remove-row .sv-action-bar-item {
  border: none;
  width: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sl-table__row #remove-row .sv-action-bar-item__icon use {
  fill: var(--sjs-special-red, var(--red, #e60a3e));
}
.sl-table__row.sl-table__row--additional .sl-table__cell .svc-action-button {
  color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
}
.sl-table__cell .svc-action-button,
.sl-table__cell .svc-action-button:hover,
.sl-table__cell .svc-action-button:focus,
.sl-table__cell .svc-action-button:hover:enabled,
.sl-table__cell .svc-action-button:focus:enabled {
  --medium-bold-font-size: var(--sjs-base-unit, var(--base-unit, 8px));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: bold;
  font-size: calc(3*var(--medium-bold-font-size));
  line-height: calc(4*var(--medium-bold-font-size));
  background: rgba(0, 0, 0, 0);
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  outline: none;
  border: none;
  box-shadow: none;
  max-height: calc(13.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.sl-table__cell {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-weight: bold;
  font-size: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  vertical-align: top;
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  width: 100%;
}
.sl-table__cell--actions {
  position: absolute;
  width: max-content;
}
.sl-table__cell--actions:first-of-type {
  transform: translateX(-100%);
}
.sl-table__cell--detail-button {
  overflow: hidden;
  appearance: none;
  outline: none;
  border: none;
  background-color: rgba(0, 0, 0, 0);
}
.sl-table {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}
.sl-table thead th:first-child {
  position: absolute;
  left: 0;
  transform: translateX(-100%);
}
.sl-table thead th:last-child {
  position: absolute;
  right: 0;
  transform: translateX(100%);
}
.sl-table thead .sl-table__cell.st-table__cell--header {
  text-align: left;
}
.sl-table tbody tr:last-of-type .sl-table__cell {
  padding-bottom: calc(10*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sl-table tr:first-of-type .sl-table__cell {
  padding-top: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sl-table td:first-of-type,
.sl-table th:first-of-type {
  padding-left: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sl-table td:first-of-type .sv-action-bar,
.sl-table th:first-of-type .sv-action-bar {
  justify-content: flex-end;
}
.sl-table td:last-of-type,
.sl-table th:last-of-type {
  padding-right: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sl-panel .sl-panel__footer {
  padding: 0;
}
.sl-panel .sl-panel__footer .sv-action {
  width: 100%;
}
.sl-panel .sl-panel__footer .sv-action__content {
  width: 100%;
}
.sl-panel .sl-panel__footer button.sl-panel__done-button {
  width: 100%;
  margin: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(10*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  font-family: var(--sjs-font-family, var(--font-family));
  font-size: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  align-items: center;
  vertical-align: baseline;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
}
.sl-panel .sl-panel__footer button:hover:enabled {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sl-panel .sl-panel__footer .sv-action-bar-item__title {
  color: inherit;
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
  font-weight: 600;
}
.sl-element .sd-paneldynamic__buttons-container {
  padding: 0;
}
.sl-question {
  display: flex;
  align-items: center;
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sl-row {
  display: flex;
  align-items: flex-start;
  flex-flow: row wrap;
}
.sl-row--multiple .sl-panel {
  padding-bottom: 0;
}
.sl-question__header--left {
  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sl-row .sd-scrollable-container:not(.sd-scrollable-container--compact) {
  overflow-x: auto;
  padding: 2px;
  margin: -2px;
}
.sl-question__title {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-size: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: 0;
  font-weight: 600;
}
.sl-question__title span + span {
  display: none;
}
.sl-row--multiple .sl-question {
  padding-right: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-logic-question-value {
  --sd-base-padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-base-vertical-padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-page-vertical-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-right: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logic_trigger-editor {
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logic_trigger-editor .svc-logic-question-value {
  margin-top: 0;
}
.sv-popup.sv-property-editor .sl-row {
  flex-flow: nowrap;
}
.spg-comment.sl-comment {
  height: calc(17*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-tab-translation {
  width: 100%;
  height: 100%;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-tab-translation * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.st-properties {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  flex-grow: 1;
  padding-right: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.st-properties .spg-table .spg-table__cell:first-of-type {
  width: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.st-properties .spg-table .spg-table__question-wrapper {
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
}
.st-properties .spg-table .spg-table__question-wrapper .spg-checkbox {
  margin: 0;
}
.st-properties .spg-table .spg-table__question-wrapper .spg-selectbase__label {
  gap: 0;
}
.st-properties .spg-table .spg-checkbox--disabled .spg-checkbox__rectangle,
.st-properties .spg-table .spg-checkbox--disabled .spg-checkbox__rectangle:hover {
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.st-no-strings {
  --center-text-font-size: var(--sjs-base-unit, var(--base-unit, 8px));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 400;
  font-size: calc(2*var(--center-text-font-size));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  overflow: hidden;
}
.st-content {
  display: flex;
  height: 100%;
}
.st-strings {
  height: calc(100% - 6*var(--sjs-base-unit, var(--base-unit, 8px)));
  overflow-y: auto;
  overflow-x: hidden;
}
.st-strings-wrapper {
  flex-grow: 1;
}
.st-property-panel {
  flex-shrink: 0;
  flex-grow: 0;
  width: 450px;
  border-left: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
}
.st-property-panel .spg-panel__content .spg-row {
  margin-top: 0;
}
.st-property-panel .spg-panel__content .spg-row:first-child {
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.st-strings-header .st-table__cell {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  height: auto;
}
.st-root-modern {
  width: 100%;
}
.st-title.st-panel__title,
.st-table__cell.st-table__cell--header {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 600;
  font-size: calc(.75*var(--small-bold-font-size));
  line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  text-align: left;
}
.st-title.st-panel__title {
  height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: 0;
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
  border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
}
.st-table tr {
  display: flex;
  align-items: stretch;
}
.st-table__cell {
  display: block;
  flex: 1 1;
  box-sizing: border-box;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
}
td.st-table__cell:first-of-type {
  --default-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 600;
  font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  line-height: calc(1.5*var(--default-bold-font-size));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  max-width: 300px;
  padding-right: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
td.st-table__cell:first-of-type span {
  display: inline-block;
  padding-left: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.st-panel-indent .st-table__cell:first-of-type span {
  padding-left: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.st-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}
.st-comment {
  --default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  line-height: calc(1.5*var(--default-font-size));
  display: block;
  width: calc(100% - 3*var(--sjs-base-unit, var(--base-unit, 8px)));
  border: unset;
  outline: none;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  resize: none;
  padding: 0;
}
.sd-translation-line-skeleton {
  min-height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.st-navigation-btn {
  padding-left: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-translation-machine {
  margin-right: auto;
}
.svc-translation-machine-from {
  margin-right: left;
}
.st-body__footer {
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
}
.st-translation-dialog .sv-popup__body-header {
  margin-bottom: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.st-translation-dialog .st-root-modern > .sd-root-modern__wrapper {
  border-radius: 4px;
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
  overflow: hidden;
}
.st-container-modern .sv-components-column--expandable {
  width: auto;
}
.svc-tab-logic-edit {
  width: 100%;
  height: 100%;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-tab-logic-edit * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.svc-tab-logic-edit__content {
  height: calc(100% - 6*var(--sjs-base-unit, var(--base-unit, 8px)));
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 16%;
  padding-right: 16%;
}
.svc-tab-logic-edit__content .sd-row {
  flex-wrap: wrap;
}
.svc-logic_trigger-editor .sd-row {
  margin-top: 0;
}
.svc-tab-logic-edit__content-actions .sv-action-bar {
  padding: 0;
  height: calc(6*var(--sjs-base-unit, var(--base-unit, 8px)));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  width: 100%;
}
.svc-logic-paneldynamic div.svc-logic-operator {
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: content-box;
}
.svc-logic-paneldynamic .svc-logic-operator {
  -webkit-appearance: none;
  appearance: none;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border: none;
  outline: none;
  font-weight: 600;
  font-family: var(--sjs-font-family, var(--font-family));
  font-size: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  cursor: pointer;
}
.svc-logic-paneldynamic .svc-logic-operator option {
  background: var(--sjs-general-backcolor, var(--background, #fff));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.svc-logic-operator:focus {
  outline: 1px dotted var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sl-question.svc-logic-question--answered .svc-logic-operator {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.svc-logic-operator.svc-logic-operator:hover,
.svc-logic-operator.svc-logic-operator:focus {
  color: #fff;
  outline: none;
  box-shadow: none;
}
.svc-logic-operator.svc-logic-operator--question {
  background-color: var(--sjs-special-blue-light, var(--blue-light, rgba(67, 127, 217, 0.1)));
}
.svc-logic-operator.svc-logic-operator--question:hover,
.svc-logic-operator.svc-logic-operator--question:focus {
  background-color: var(--sjs-special-blue, #437fd9);
}
.svc-logic-operator.svc-logic-operator--conjunction,
.svc-logic-operator.svc-logic-operator--operator {
  background-color: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));
}
.svc-logic-operator.svc-logic-operator--conjunction:hover,
.svc-logic-operator.svc-logic-operator--conjunction:focus,
.svc-logic-operator.svc-logic-operator--operator:hover,
.svc-logic-operator.svc-logic-operator--operator:focus {
  background-color: var(--sjs-special-yellow, var(--yellow, #ff9814));
}
.svc-logic-operator.svc-logic-operator--action {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.svc-logic-operator.svc-logic-operator--action:hover,
.svc-logic-operator.svc-logic-operator--action:focus {
  background-color: var(--sjs-special-red, var(--red, #e60a3e));
}
.svc-logic-operator.svc-logic-operator--error {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  color: var(--sjs-special-red, var(--red, #e60a3e));
  box-shadow: inset 0 0 0 2px var(--sjs-special-red, var(--red, #e60a3e));
}
.svc-logic-operator__error {
  display: none;
}
.svc-logic-paneldynamic .sd-paneldynamic__separator {
  display: none;
}
.svc-action-button.svc-logic-condition-remove.svc-icon-remove:focus {
  outline: none;
}
.svc-logic-condition-remove.svc-icon-remove {
  display: none;
  width: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 4H20H16V2C16 0.9 15.1 0 14 0H10C8.9 0 8 0.9 8 2V4H4H2V6H4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V6H22V4ZM10 2H14V4H10V2ZM18 20H6V6H8H16H18V20ZM14 8H16V18H14V8ZM11 8H13V18H11V8ZM8 8H10V18H8V8Z' fill='%23E60A3E'/%3E%3C/svg%3E%0A");
  background-size: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-position: center;
}
.sl-panel-wrapper--in-row:hover .svc-logic-condition-remove.svc-icon-remove,
.sl-panel-wrapper--in-row:focus-within .svc-logic-condition-remove.svc-icon-remove {
  display: block;
}
.svc-logic-condition-remove.svc-icon-remove:hover,
.svc-logic-condition-remove.svc-icon-remove:focus {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.svc-logic-condition-remove-question {
  height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {
  display: none;
}
.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {
  display: none;
}
.svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn,
.svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:hover,
.svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:focus,
.svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:hover,
.svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:focus {
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.svc-logic-tab__content.svc-logic-tab__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.svc-logic-tab__content.svc-logic-tab__empty .svc-logic-tab__content-action {
  width: calc(33*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logic-tab__content .svc-logic-tab__content-action {
  margin-left: 25%;
  margin-right: 25%;
  margin-bottom: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logic-tab__content .svc-logic-tab__content-action--disabled {
  cursor: default;
  outline: solid calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) rgba(0, 0, 0, 0);
}
.svc-logic-tab__content .svc-logic-tab__content-action--disabled:focus,
.svc-logic-tab__content .svc-logic-tab__content-action--disabled:hover {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
}
.svc-logic-tab__content .svc-logic-tab__content-action--disabled .svc-text {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: .25;
}
.svc-logic-tab__content .sd-paneldynamic__panel-wrapper--in-row {
  margin-top: 0;
  align-items: start;
}
.svc-logic-paneldynamic {
  font-family: var(--sjs-font-family, var(--font-family));
}
.svc-logic-paneldynamic .sd-row--multiple {
  padding: 0;
  background: none;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
}
.svc-logic-paneldynamic .sd-question__content {
  margin-top: 0;
}
.svc-logic-paneldynamic .sd-row__panel {
  width: calc(100% - 5*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-logic-tab__content .svc-logic-paneldynamic .sd-row {
  margin-top: 0;
  flex-flow: row wrap;
}
.sl-table__cell--detail-panel .sd-body {
  margin: 0;
  min-width: none;
  max-width: none;
}
.sl-table__cell--detail-panel .sd-page.sd-body__page {
  padding: 0;
}
.sl-table__cell--detail-panel .sl-panel__footer {
  margin: 0;
}
.sl-dropdown {
  max-width: 45vw;
}
.sl-dropdown__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sl-list__item-body {
  padding-block: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logic-placeholder {
  width: calc(78*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
  border-radius: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--overlay .svc-logic-placeholder {
  width: initial;
}
.svc-logic-placeholder__text {
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 400;
  font-size: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  text-align: center;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  display: block;
  padding: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logic-tab__leave-apply-button {
  background-color: var(--sjs-special-red, var(--red, #e60a3e));
}
.sl-list {
  padding-right: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sl-list .sv-list__filter {
  padding-top: 0;
}
.sl-list .sv-list__filter-icon {
  top: calc(1.5*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sv-popup--dropdown-overlay .sv-list__filter {
  padding-top: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
svc-tab-designer {
  width: 100%;
  height: 100%;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-tab-designer {
  display: flex;
  flex-grow: 1;
  height: 100%;
  overflow-y: scroll;
  position: static;
}
.svc-tab-designer--with-place-holder .svc-tab-designer_content {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.svc-tab-designer--with-place-holder .svc-designer-header {
  min-width: calc(84*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-tab-designer .svc-designer-header .sd-container-modern__title {
  background-color: rgba(0, 0, 0, 0);
}
.svc-tab-designer .svc-tab-designer_content {
  width: 100%;
}
.svc-tab-designer .sd-title {
  display: flex;
}
.svc-tab-designer .sd-container-modern {
  min-width: calc(70*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}
.svc-tab-designer .sd-container-modern.sd-container-modern--static {
  max-width: calc(84*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-tab-designer .sd-container-modern.sd-container-modern--responsive {
  max-width: initial;
}
.svc-tab-designer .sd-question.sd-question--image {
  width: 100%;
}
.svc-tab-designer .sd-progress,
.svc-tab-designer .sd-progress__bar {
  background-color: rgba(0, 0, 0, 0);
}
.svc-designer-header {
  border-bottom: 2px solid rgba(0, 0, 0, 0);
}
.svc-designer__placeholder-container {
  display: flex;
  flex-grow: 1;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
}
.svc-designer-placeholder-page {
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-designer-placeholder-page .svc-page__footer {
  width: calc(33*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: auto;
}
.svc-designer-placeholder-page .svc-row--ghost {
  display: none;
}
.svc-creator--mobile .svc-tab-designer {
  overflow-y: overlay;
}
.svc-creator--mobile .sd-root-modern {
  --sd-base-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-page-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-creator--mobile .svc-question__content .sd-question__content {
  margin-left: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-right: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__content .sd-question__content .sd-selectbase__column {
  max-width: initial;
  display: block;
  margin-left: 0;
}
.svc-creator--mobile .svc-question__content > .svc-question__dropdown-choices--wrapper {
  width: calc(100% + 6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: 0 calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__content > .svc-question__dropdown-choices--wrapper > div {
  width: calc(100% - 6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: 0 calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__content--selected .svc-rating-question-controls {
  bottom: calc(10*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-page {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-creator--mobile .svc-page__content {
  padding-left: 0;
  padding-right: 0;
  border: 0;
}
.svc-creator--mobile .svc-page__content .sd-page__title {
  margin: 0;
}
.svc-creator--mobile .svc-page__content.svc-page__content--selected .sd-page__title {
  margin: calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0 0;
}
.svc-creator--mobile .svc-page__content .sd-page {
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-page__content .svc-page__footer {
  margin-left: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-right: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__content {
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__content.svc-question__content--selected {
  padding-top: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-tab-designer {
  justify-content: initial;
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title {
  padding: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  flex-direction: column-reverse;
  align-items: flex-start;
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title .svc-logo-image {
  margin-top: 0;
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title .svc-logo-image-placeholder {
  margin-left: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h3 {
  margin: 0;
  font-size: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h5 {
  margin: 0;
}
.svc-creator--mobile .svc-tab-designer .sd-container-modern {
  min-width: calc(43*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: 0;
}
.svc-creator--mobile .svc-properties-wrapper {
  width: 100%;
}
.svc-creator--mobile .svc-question__content-actions {
  width: calc(100% - 3*var(--sjs-base-unit, var(--base-unit, 8px)));
  left: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__content-actions .sv-action-bar-item {
  border: 0;
}
.svc-creator--mobile .svc-page__content-actions .sv-action-bar {
  padding-right: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-creator--mobile .svc-page__content-actions .sv-action-bar .sv-action .sv-action__content {
  padding-right: 0;
}
.svc-creator--mobile .svc-page__content-actions .sv-action-bar .sv-action .sv-action__content .sv-action-bar-item__title--with-icon {
  display: none;
}
.svc-switcher.spg-action-button {
  align-items: center;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  pointer-events: auto;
}
.svc-switcher__title {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  font-family: var(--sjs-font-family, var(--font-family));
  font-size: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-style: normal;
  font-weight: 600;
  line-height: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-switcher__icon {
  width: calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  transition-duration: .2s;
  transition-property: background;
  transition-timing-function: linear;
}
.svc-switcher__icon:hover {
  background: var(--sjs-general-backcolor, var(--background, #fff));
}
.svc-switcher__icon:focus {
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-switcher__icon:hover:focus {
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background: var(--sjs-general-backcolor, var(--background, #fff));
}
.svc-switcher__icon--checked,
.svc-switcher__icon--checked:hover {
  justify-content: center;
  align-items: center;
  border: unset;
  border-radius: 100px;
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-switcher__icon--checked:focus {
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.svc-switcher__icon-thumb {
  width: var(--sjs-base-unit, var(--base-unit, 8px));
  height: var(--sjs-base-unit, var(--base-unit, 8px));
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background-color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
  transform: translateX(0);
  margin-left: 0%;
  transition-duration: .2s;
  transition-property:
    margin-left,
    transform,
    background-color;
  transition-timing-function: linear;
}
.svc-switcher__icon--checked .svc-switcher__icon-thumb {
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  margin-left: 100%;
  transform: translateX(-100%);
}
.svc-switcher__icon:focus .svc-switcher__icon-thumb,
.svc-switcher__icon:hover:focus .svc-switcher__icon-thumb,
.svc-switcher__icon--checked:focus .svc-switcher__icon-thumb {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
svc-tab-test {
  width: 100%;
  height: 100%;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-test-tab__content .svc-plugin-tab__content {
  overflow-y: overlay;
}
.svc-test-tab__content .svc-plugin-tab__content .sv-root-modern .sv-completedpage,
.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_completed_page {
  margin: 0;
  border: 0;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_body {
  border: 0;
}
.svc-test-tab__content .svc-plugin-tab__content .svc-preview__test-again {
  width: calc(33*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: 8px;
}
.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {
  height: calc(100% - 6*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-test-tab__content-actions {
  position: relative;
}
.svc-test-tab__content-actions .sv-action-bar {
  padding: 0;
  height: calc(6*var(--sjs-base-unit, var(--base-unit, 8px)));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  width: 100%;
  position: absolute;
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages {
  left: 0;
  right: 0;
  justify-content: center;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action__content {
  padding: 0;
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item {
  margin: 0;
}
.svc-test-tab__content-actions .sv-action-bar-item {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 600;
  font-size: calc(.75*var(--small-bold-font-size));
  line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  width: 100%;
  height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-test-tab__content-actions .svc-page-selector {
  max-width: 50%;
}
.svc-test-tab__content-actions .svc-page-selector .sv-action-bar-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  display: inline-block;
}
.svc-notifier.svc-notifier--shown {
  visibility: visible;
  opacity: .75;
}
.svc-notifier {
  position: absolute;
  bottom: var(--sjs-base-unit, var(--base-unit, 8px));
  left: var(--sjs-base-unit, var(--base-unit, 8px));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  opacity: 0;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
  border-radius: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  min-width: calc(30*(var(--sjs-base-unit, var(--base-unit, 8px))));
  text-align: center;
  z-index: 1600;
  visibility: hidden;
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 600;
  font-size: calc(.75*var(--small-bold-font-size));
  line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-notifier.svc-notifier--error {
  background-color: var(--sjs-special-red, var(--red, #e60a3e));
  color: #fff;
  opacity: 1;
}
.svc-creator--mobile .svc-notifier {
  left: 0;
  bottom: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  box-sizing: border-box;
  opacity: 1;
  z-index: 1000;
}
survey-creator,
.svc-creator {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-font-smoothing: antialiased;
}
@-moz-document url-prefix() {
  survey-creator,
  .svc-creator {
    scrollbar-width: thin;
    scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) rgba(0, 0, 0, 0);
  }
}
survey-creator ::-webkit-scrollbar,
.svc-creator ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0);
}
survey-creator ::-webkit-scrollbar-thumb,
.svc-creator ::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 32px;
  background-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
survey-creator ::-webkit-scrollbar-track,
.svc-creator ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
survey-creator ::-webkit-scrollbar-thumb:hover,
.svc-creator ::-webkit-scrollbar-thumb:hover {
  border: 2px solid rgba(0, 0, 0, 0);
  background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-creator__area {
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.svc-creator__content-wrapper {
  width: 100%;
  height: 0;
  flex-grow: 1;
}
.svc-creator__content-holder {
  width: 100%;
  height: 100%;
}
.svc-creator-tab {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  min-height: var(--tab-min-height, auto);
}
.svc-creator__toolbox--right.svc-creator-tab {
  flex-direction: row-reverse;
}
.svc-creator-tab__content {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.svc-plugin-tab__content {
  height: 100%;
  overflow-y: auto;
}
.svc-plugin-tab__content-actions sv-action-bar {
  padding: 0;
  height: calc(6*var(--sjs-base-unit, var(--base-unit, 8px)));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
}
.svc-creator__banner {
  width: 100%;
  line-height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  text-align: center;
}
.svc-item__banner {
  position: absolute;
  top: 0;
  max-width: 0;
  overflow: hidden;
  height: 100%;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
  transition: max-width .1s ease-in-out, padding .2s ease-in-out;
}
.svc-creator__non-commercial-text {
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  --default-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 600;
  font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  line-height: calc(1.5*var(--default-bold-font-size));
  vertical-align: middle;
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(16*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: block;
}
.svc-creator__non-commercial-text a {
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.svc-creator--mobile .svc-creator__non-commercial-text {
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-drag-drop-ghost {
  top: calc(0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  height: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  position: absolute;
}
.sv-drag-drop-ghost--vertical {
  height: 10000px;
  width: 4px;
}
.sv-drag-drop-ghost--item-value-bottom {
  top: initial;
  bottom: calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-element__header .svc-string-editor {
  display: inline-block;
  max-width: 100%;
}
.svc-string-editor {
  position: static;
}
.svc-string-editor [contenteditable=true] {
  user-select: text;
  -webkit-user-select: text;
}
.svc-string-editor .sv-string-editor {
  position: relative;
  outline: none;
  z-index: 12;
}
.svc-string-editor .sv-string-editor[aria-placeholder]:empty:before {
  content: attr(aria-placeholder);
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-string-editor .sv-string-editor--html,
.svc-string-editor .sv-string-editor:focus-within {
  white-space: pre-wrap;
}
.svc-string-editor.svc-string-editor--hidden {
  display: none;
}
.svc-string-editor__content {
  display: inline-block;
  position: relative;
  z-index: 10;
  width: 100%;
}
.svc-matrix-cell .svc-string-editor__content {
  width: auto;
}
.svc-string-editor__content:focus-within .svc-remaining-character-counter {
  display: inline-block;
}
.svc-string-editor__input {
  display: flex;
}
.svc-remaining-character-counter {
  display: none;
  position: relative;
  outline: none;
  z-index: 20;
  padding: 0px;
  vertical-align: top;
  margin-inline-start: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  font-weight: 400;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  line-height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-string-editor__border {
  display: none;
  position: absolute;
  z-index: 11;
  display: flex;
  align-items: center;
  justify-content: right;
  line-height: 0px;
}
.svc-string-editor__error {
  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
  line-height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: red;
  display: none;
}
.svc-string-editor__controls {
  position: absolute;
  left: 100%;
  height: 100%;
  width: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  top: 0;
  padding-left: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  z-index: 12;
  display: none;
  align-items: center;
  justify-content: center;
  line-height: 0px;
}
.svc-string-editor__button {
  display: none;
  position: relative;
}
.svc-string-editor__button use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-string-editor__button--edit {
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-string-editor__button--edit .sv-svg-icon {
  vertical-align: bottom;
}
.svc-string-editor__button--edit.sv-svg-icon {
  overflow: visible;
}
.svc-string-editor:hover:not(:focus-within) .svc-string-editor__button--edit {
  display: none;
}
.svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) .svc-string-editor__border {
  display: flex;
  top: 0;
  bottom: 0;
  left: calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: 3px;
  box-shadow: 0px 0px 0px calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) rgba(0, 0, 0, .16);
}
.svc-string-editor:focus-within .svc-string-editor__border {
  display: flex;
  top: calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  bottom: calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  left: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: 3px;
  box-sizing: content-box;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), 0px 0px 0px calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-string-editor.svc-string-editor--error:focus-within .svc-string-editor__border {
  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), 0px 0px 0px calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-special-red, var(--red, #e60a3e));
}
.sd-boolean .sv-string-editor:focus-within {
  white-space: nowrap;
}
.sd-rating .sd-rating__item:focus-within {
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-rating .sd-rating__item:focus-within:not(.sd-rating__min-text) .svc-string-editor:focus-within .svc-string-editor__border,
.sd-rating .sd-rating__item:focus-within:not(.sd-rating__max-text) .svc-string-editor:focus-within .svc-string-editor__border {
  display: none;
}
.sd-table__cell--actions .svc-string-editor__button--done,
.sd-matrixdynamic__add-btn .svc-string-editor__button--done {
  width: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-table__cell--column-title .svc-matrix-cell:not(:focus):focus-within .svc-matrix-cell--selected {
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  border-radius: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: block;
}
.sd-table__cell--column-title .svc-string-editor:focus-within .svc-string-editor__border {
  display: none;
}
.sd-item__control-label .svc-string-editor:focus-within .svc-string-editor__border {
  left: calc(-0.7*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(-0.7*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-string-editor:hover ~ .sd-question__required-text,
.svc-string-editor:focus-within ~ .sd-question__required-text {
  visibility: hidden;
}
.svc-string-editor--multiline .sv-string-editor {
  white-space: pre-wrap;
}
.svc-btn {
  display: flex;
  align-items: center;
  height: calc(7*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(7*(var(--sjs-base-unit, var(--base-unit, 8px))));
  vertical-align: baseline;
  text-align: center;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
  border-radius: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  outline: solid calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) rgba(0, 0, 0, 0);
}
.svc-btn .svc-text {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-btn:hover {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.svc-btn:focus {
  box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-action-button {
  display: inline-block;
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 600;
  font-size: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid rgba(0, 0, 0, 0);
}
.svc-action-button:focus,
.svc-action-button:hover {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  outline: none;
}
.svc-action-button--selected {
  border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-action-button--disabled {
  opacity: .25;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
svc-page-navigator,
.svc-page-navigator {
  display: flex;
  flex-direction: column;
}
.svc-page-navigator__navigator-icon {
  display: block;
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: 50%;
  cursor: pointer;
}
.svc-page-navigator__navigator-icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-page-navigator__selector {
  width: calc(5.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(5.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-height: calc(5.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
survey-creator .svc-page-navigator__selector:hover,
survey-creator .svc-page-navigator__selector:focus,
.svc-creator .svc-page-navigator__selector:hover,
.svc-creator .svc-page-navigator__selector:focus {
  outline: none;
}
survey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon,
survey-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon,
.svc-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon,
.svc-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
survey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon use,
survey-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon use,
.svc-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon use,
.svc-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  opacity: .5;
}
.svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-page-navigator__popup {
  min-width: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-tab-designer--with-page-navigator .svc-tab-designer_content {
  margin-right: calc(6.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(100% - 6.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-tab-designer__page-navigator {
  position: absolute;
  padding: calc(16.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  top: 0;
  bottom: 0;
  right: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-page-navigator {
  width: calc(5.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator__toolbox--right .svc-tab-designer--with-page-navigator .svc-tab-designer_content,
[dir=rtl] .svc-tab-designer--with-page-navigator .svc-tab-designer_content,
[style*="direction:rtl"] .svc-tab-designer--with-page-navigator .svc-tab-designer_content,
[style*="direction: rtl"] .svc-tab-designer--with-page-navigator .svc-tab-designer_content {
  margin-right: 0;
  margin-left: calc(6.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator__toolbox--right .svc-tab-designer__page-navigator,
[dir=rtl] .svc-tab-designer__page-navigator,
[style*="direction:rtl"] .svc-tab-designer__page-navigator,
[style*="direction: rtl"] .svc-tab-designer__page-navigator {
  right: unset;
  left: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-tab-designer--bypage-mode .svc-tab-designer_content {
  display: flex;
  flex-direction: row;
  margin-right: 0;
  margin-left: 0;
  width: 100%;
}
.svc-tab-designer--bypage-mode .svc-tab-designer__page-navigator {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
}
svc-page-navigator-item,
.svc-page-navigator-item {
  display: block;
  width: calc(5.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-height: calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  cursor: pointer;
  position: relative;
}
.svc-page-navigator-item-content {
  height: 100%;
  width: 100%;
}
.svc-page-navigator-item-content:hover,
.svc-page-navigator-item-content:focus {
  outline: none;
}
.svc-page-navigator__items--up .svc-page-navigator-item-content {
  transition: .25s ease-in-out;
  transform: translateY(-100%);
}
.svc-page-navigator__items--up svc-page-navigator-item:first-child .svc-page-navigator-item-content {
  opacity: 0;
}
.svc-page-navigator__items--down .svc-page-navigator-item-content {
  transition: .25s ease-in-out;
  transform: translateY(100%);
}
.svc-page-navigator__items--down svc-page-navigator-item:last-child .svc-page-navigator-item-content {
  opacity: 0;
}
.svc-page-navigator-item__dot {
  box-sizing: content-box;
  position: absolute;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  right: calc(50% - 3px);
  top: calc(50% - 3px);
  background: var(--sjs-border-default, var(--border, #d6d6d6));
}
.svc-page-navigator-item--selected .svc-page-navigator-item__dot {
  width: var(--sjs-base-unit, var(--base-unit, 8px));
  height: var(--sjs-base-unit, var(--base-unit, 8px));
  right: calc(50% - 1.5*var(--sjs-base-unit, var(--base-unit, 8px))/2);
  top: calc(50% - 1.5*var(--sjs-base-unit, var(--base-unit, 8px))/2);
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-page-navigator-item__banner {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  right: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  align-items: center;
  line-height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  animation: .5s ease-in;
  padding: 0;
  opacity: 0;
  z-index: 20;
}
.svc-page-navigator-item__banner .svc-page-navigator-item__dot {
  position: absolute;
  display: inline-block;
  top: calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator__toolbox--right .svc-page-navigator-item__banner,
[dir=rtl] .svc-page-navigator-item__banner,
[style*="direction:rtl"] .svc-page-navigator-item__banner,
[style*="direction: rtl"] .svc-page-navigator-item__banner {
  right: unset;
  left: calc(.625*var(--base-unit, 8px));
}
.svc-creator__toolbox--right .svc-page-navigator-item__banner .svc-page-navigator-item__dot,
[dir=rtl] .svc-page-navigator-item__banner .svc-page-navigator-item__dot,
[style*="direction:rtl"] .svc-page-navigator-item__banner .svc-page-navigator-item__dot,
[style*="direction: rtl"] .svc-page-navigator-item__banner .svc-page-navigator-item__dot {
  right: unset;
  left: calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-page-navigator-item-content:not(.svc-page-navigator-item--disabled) .svc-page-navigator-item__banner .svc-page-navigator-item__dot {
  width: var(--sjs-base-unit, var(--base-unit, 8px));
  height: var(--sjs-base-unit, var(--base-unit, 8px));
  border: none;
  background: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,
.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner {
  padding: 0 calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  max-width: calc(25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  opacity: 1;
}
.svc-creator__toolbox--right .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,
.svc-creator__toolbox--right .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner,
[dir=rtl] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,
[dir=rtl] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner,
[style*="direction:rtl"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,
[style*="direction:rtl"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner,
[style*="direction: rtl"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,
[style*="direction: rtl"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner {
  padding: 0 calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-page-navigator-item--disabled .svc-page-navigator-item__banner {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: .25;
}
svc-page {
  display: block;
}
.svc-page {
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-page .sd-page__title {
  margin: calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0 0;
}
.svc-page__content {
  position: relative;
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(0*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  width: 100%;
  outline: none;
}
.svc-page__content .sd-page {
  margin: 0;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-page__content-actions {
  position: absolute;
  display: none;
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  inset-inline-end: 0;
  padding: 0 calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  z-index: 1;
}
.svc-page__content:not(.svc-page__content--new):focus,
.svc-hovered.svc-page__content:not(.svc-page__content--new) {
  background: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));
}
.svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected,
.svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected,
.svc-hovered.svc-page__content--selected {
  box-shadow: 0 0 0 2px inset var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  background: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));
}
.svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected .svc-page__content-actions,
.svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected .svc-page__content-actions,
.svc-hovered.svc-page__content--selected .svc-page__content-actions {
  display: block;
}
.svc-page__footer {
  overflow: visible;
  margin-left: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-right: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  gap: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-page__footer .sv-action {
  flex: 1 1 0;
}
.svc-page__footer .svc-btn {
  flex-grow: 1;
  border: none;
}
.svc-page__add-new-question .svc-text {
  margin-left: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-page__add-new-question {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.svc-page__question-type-selector {
  appearance: none;
  display: flex;
  height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  box-sizing: border-box;
  border: none;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  margin-inline-end: var(--sjs-base-unit, var(--base-unit, 8px));
  outline: none;
}
.svc-page__question-type-selector use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-page__question-type-selector:hover {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-page__question-type-selector:focus {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.svc-page--drag-over-empty:after {
  content: " ";
  position: absolute;
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  left: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  bottom: calc(11.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(100% - 48px);
  height: 2px;
}
.svc-row {
  width: 100%;
  position: relative;
}
.svc-row:not(.svc-row--ghost) > .sd-row {
  min-height: 50px;
}
.svc-row > .sd-row.sd-page__row {
  margin-top: calc(2*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-row .sd-row.sd-row--multiple {
  overflow: auto;
  width: calc(100% + 4*var(--sjs-base-unit, var(--base-unit, 8px)));
  flex-wrap: nowrap;
  margin-top: 0;
  padding-top: calc(2*var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-right: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: 2px;
  margin-right: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: -2px;
}
.svc-row .sd-row.sd-row--multiple .sd-row--multiple {
  overflow: unset;
}
.sd-panel .svc-row .sd-row--multiple {
  padding: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: none;
  border-radius: 0;
  padding: 2px;
  margin: -2px;
  width: 100%;
}
.sd-panel .svc-row .sd-row--multiple > div {
  padding: 0;
}
.svc-row.svc-row--ghost .svc-question__content {
  padding: 0;
  border: none;
  box-shadow: none;
}
.svc-row.svc-row--ghost .sd-row {
  height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-row.svc-row--ghost:last-child .sd-row {
  height: initial;
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-row.svc-row--ghost + .svc-row .sd-page__row {
  margin-top: 0;
}
.svc-panel .svc-row.svc-row--ghost.svc-row.svc-row--ghost .sd-row {
  height: initial;
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-row--drag-over-top:before {
  content: " ";
  position: absolute;
  left: 0;
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  top: 6px;
  width: 100%;
  height: 2px;
}
.svc-row--drag-over-bottom:after {
  content: " ";
  position: absolute;
  left: 0;
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  bottom: -10px;
  width: 100%;
  height: 2px;
}
.svc-question__content--panel .svc-row--drag-over-top:before,
.sd-panel__content .svc-row--drag-over-top:before {
  top: -4px;
}
.svc-question__content--panel .svc-row--drag-over-bottom:after,
.sd-panel__content .svc-row--drag-over-bottom:after {
  bottom: -4px;
}
.svc-carry-forward-panel-wrapper {
  width: 100%;
  container-type: inline-size;
}
.svc-carry-forward-panel {
  box-sizing: border-box;
  width: 100%;
  padding: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
  background-color: #f8f8f8;
  text-align: center;
  font-weight: 400;
  font-size: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: rgba(0, 0, 0, .45);
}
@container (max-width: 176px) {
  .svc-carry-forward-panel {
    display: none;
  }
}
@container (max-width: 496px) {
  .svc-carry-forward-panel {
    padding: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  }
}
.svc-carry-forward-panel__link .svc-action-button {
  padding: 0;
  border: none;
  font-weight: inherit;
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
}
.svc-carry-forward-panel__link .svc-action-button:hover,
.svc-carry-forward-panel__link .svc-action-button:focus {
  background-color: rgba(0, 0, 0, 0);
}
svc-question {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
}
.svc-question__adorner {
  position: relative;
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}
.svc-question__adorner .sv-action-bar {
  overflow: visible;
}
.svc-question__adorner .sv-action-bar .sv-action:not(:first-child) .sv-action-bar-item {
  border: none;
}
.svc-question__adorner .sv-action-bar .sv-action:not(:first-child) .sv-action-bar-item:active {
  opacity: .5;
  background-color: var(--background-dim, #f3f3f3);
}
.svc-question__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  width: 100%;
  height: auto;
  flex-grow: 1;
  border-radius: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  padding: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
  outline: none;
}
.svc-question__content .sd-selectbase:not(.sd-imagepicker) {
  padding-left: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: calc(-5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content .sd-table .sd-selectbase:not(.sd-imagepicker) {
  overflow-x: visible;
  padding-left: 0;
  margin-left: 0;
}
.svc-question__content .sd-question.sd-question--table {
  overflow-x: initial;
}
.svc-question__content .sd-multipletext__item-title {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.svc-question__content .sd-multipletext__item-container.sd-input:focus-within {
  box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
}
.svc-question__content .sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: .25;
}
.svc-question__content .sjs_sp_placeholder {
  -webkit-user-select: all;
  user-select: all;
  pointer-events: all;
}
.svc-question__content > div {
  overflow: visible;
}
.svc-question__content .sd-panel__content {
  overflow: auto;
}
.svc-panel__placeholder {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  text-wrap: wrap;
  text-align: center;
}
.svc-question__content-actions {
  position: absolute;
  opacity: 0;
  bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  inset-inline-start: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  inset-inline-end: calc(3.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content-actions:focus-within {
  opacity: 1;
}
.svc-question__content-actions .sv-action--convertTo {
  max-width: max-content;
}
.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item--icon {
  max-width: 100%;
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  justify-content: left;
}
.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__title::after {
  content: " ";
  display: inline-block;
  margin-inline-start: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  vertical-align: bottom;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11L13 6H3L8 11Z' fill='%23ff9814'/%3E%3C/svg%3E%0A");
}
.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__icon:not(:last-child) {
  display: none;
}
.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__title--with-icon {
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.svc-question__content-actions .sv-action--convertTo.sv-action--hidden {
  min-width: 0;
}
.svc-question__content-actions .sv-action--convertTo-last {
  margin-inline-end: auto;
}
.svc-question__content-actions .sv-dots {
  width: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-right: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content-actions .sv-dots.sv-action--hidden {
  width: 0;
  margin: 0;
}
.svc-question__content-actions .sv-dots.sv-action--hidden .sv-action__content {
  display: none;
}
.svc-question__content-actions .sv-dots .sv-dots__item {
  margin-left: 0;
}
.svc-question__content-actions .sv-dots__item use {
  fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
}
.svc-question__content:focus,
.svc-hovered > .svc-question__content {
  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
}
.svc-question__content--selected:not(.svc-question__content--dragged) {
  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
}
.svc-question__content--selected:not(.svc-question__content--dragged) > .svc-question__content-actions,
.svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged) > .svc-question__content-actions {
  opacity: 1;
}
.svc-question__content--dragged {
  background: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
}
.svc-question__content--dragged .sd-question__title {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-question__content--dragged.svc-question__content--selected .svc-question__content-actions {
  display: none;
}
.svc-question__content .sd-question.sd-question--table {
  margin-top: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-dragged-element-shortcut {
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(3.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  cursor: grabbing;
  position: absolute;
  z-index: 1000;
  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.svc-dragged-element-shortcut .sv-svg-icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-dragged-element-shortcut--selected {
  border: 2px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
}
.svc-dragged-element-shortcut__text {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 600;
  font-size: calc(.75*var(--small-bold-font-size));
  line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  margin-left: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-dragged-element-shortcut__icon {
  position: absolute;
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content--drag-over-inside .svc-panel__placeholder_frame,
.svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame {
  box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));
  border: 1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions,
.svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions {
  opacity: 1;
}
.svc-question__content--drag-over-left:before {
  content: " ";
  position: absolute;
  left: -9px;
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  top: 0;
  height: 100%;
  width: 2px;
}
.svc-question__content--drag-over-right:after {
  content: " ";
  position: absolute;
  right: -9px;
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  top: 0;
  height: 100%;
  width: 2px;
}
.sd-panel .svc-question__content--drag-over-left:before {
  left: -6px;
}
.sd-panel .svc-question__content--drag-over-right:after {
  right: -6px;
}
.svc-question__content--drag-over-top:before {
  content: " ";
  position: absolute;
  left: 0;
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  top: -9px;
  width: 100%;
  height: 2px;
}
.svc-question__content--drag-over-bottom:before {
  content: " ";
  position: absolute;
  left: 0;
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  bottom: -9px;
  width: 100%;
  height: 2px;
}
.svc-question__content--panel .sd-row > div:first-child .svc-question__content--drag-over-left,
.sd-panel__content .sd-row > div:first-child .svc-question__content--drag-over-left {
  margin-left: 8px;
  width: calc(100% - 8px);
}
.svc-question__content--panel .sd-row > div:last-child .svc-question__content--drag-over-right,
.sd-panel__content .sd-row > div:last-child .svc-question__content--drag-over-right {
  margin-right: 8px;
  width: calc(100% - 8px);
}
.svc-question__content--panel .svc-question__content--drag-over-top:before,
.sd-panel__content .svc-question__content--drag-over-top:before {
  top: -6px;
}
.svc-question__content--panel .svc-question__content--drag-over-bottom:before,
.sd-panel__content .svc-question__content--drag-over-bottom:before {
  bottom: -6px;
}
.svc-question__content-actions .sv-action-bar {
  box-sizing: border-box;
  padding: 0;
  justify-content: center;
}
svc-question sv-action-bar,
svc-question .sv-action-bar,
.svc-question sv-action-bar,
.svc-question .sv-action-bar {
  padding: 0;
}
.svc-panel__edge {
  position: absolute;
  border: 1px solid orange;
  height: 10px;
  width: 100%;
}
.svc-panel__edge--top {
  top: 0;
}
.svc-panel__edge--bottom {
  bottom: 0;
}
.svc-question__adorner--start-with-new-line[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] {
  height: 100%;
  overflow: hidden;
  min-width: 4px;
}
.svc-question__adorner--start-with-new-line[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__content.svc-question__content.svc-question__content {
  border: 0;
  padding: 0;
}
[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] {
  border: none;
  height: 0;
}
[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__drag-area {
  display: none;
}
[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__drag-element {
  display: none;
}
[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__content {
  background: rgba(0, 0, 0, 0);
  box-shadow: none;
}
.svc-hovered > .svc-question__content > .svc-question__drag-area {
  visibility: visible;
}
.svc-question__content.svc-question__content--selected > .svc-question__drag-area {
  visibility: visible;
  z-index: 1;
}
.svc-question__drag-area {
  position: absolute;
  cursor: move;
  top: 0;
  left: 0;
  visibility: hidden;
  height: calc(3.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.svc-question__drag-element {
  width: 100%;
  height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  opacity: .5;
}
.svc-question__drag-element use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-panel .svc-question__content--image:not(.svc-question__content--empty) {
  padding-left: 1px;
  padding-right: 1px;
}
.sd-panel .svc-question__content .sd-table-wrapper::before {
  left: calc(-1*var(--sd-base-padding) + 1px);
}
.sd-panel .svc-question__content .sd-table-wrapper::after {
  right: calc(-1*var(--sd-base-padding) + 1px);
}
.sd-panel .svc-question__content {
  border-radius: 0;
  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
  box-shadow: none;
}
.sd-panel .svc-hovered .svc-question__content:not(.svc-question__content--dragged) {
  border: 1px solid var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
  box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25))) inset;
}
.sd-panel .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged) {
  border: 1px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor, var(--secondary, #ff9814)) inset;
}
.sd-page__row.sd-row--multiple .svc-question__content--empty .sd-row__question,
.sd-page__row.sd-row--multiple .svc-question__content--empty .sd-row__panel {
  height: 0;
}
.sd-panel .svc-row--ghost.svc-row--ghost .svc-question__content.svc-question__content {
  border: none;
}
.svc-widget__content {
  width: 100%;
}
.svc-widget__content .sd-question__content {
  pointer-events: none;
}
.svc-question__content .sd-paneldynamic__footer,
.svc-question__content .sd-paneldynamic__separator {
  display: none;
}
.svc-panel__add-new-question-wrapper {
  container-type: inline-size;
  width: 100%;
  display: flex;
  justify-content: center;
}
.svc-panel__placeholder_frame-wrapper {
  container-type: inline-size;
  width: 100%;
  display: flex;
  flex-grow: 1;
  box-sizing: border-box;
}
.svc-question__content--empty-template .sd-question--paneldynamic,
.svc-question__content--empty-template .sd-question__content,
.svc-question__content--empty-template sv-ng-paneldynamic-question,
.svc-question__content--empty-template .sd-paneldynamic,
.svc-question__content--empty-template .sd-paneldynamic__panel-wrapper,
.svc-question__content--empty-template .svc-question__adorner,
.svc-question__content--empty-template .svc-question__adorner > div {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.svc-question__content--empty-template .sd-question--paneldynamic .svc-panel__placeholder_frame,
.svc-question__content--empty-template .sd-question__content .svc-panel__placeholder_frame,
.svc-question__content--empty-template sv-ng-paneldynamic-question .svc-panel__placeholder_frame,
.svc-question__content--empty-template .sd-paneldynamic .svc-panel__placeholder_frame,
.svc-question__content--empty-template .sd-paneldynamic__panel-wrapper .svc-panel__placeholder_frame,
.svc-question__content--empty-template .svc-question__adorner .svc-panel__placeholder_frame,
.svc-question__content--empty-template .svc-question__adorner > div .svc-panel__placeholder_frame {
  flex-grow: 1;
}
.svc-panel__placeholder_frame {
  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: calc(11*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10*(var(--sjs-base-unit, var(--base-unit, 8px))));
  flex-grow: 1;
}
.svc-panel__add-new-question-container {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}
.svc-panel__add-new-question {
  align-items: center;
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: 0;
  margin-right: 0;
  width: auto;
  height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: none;
  box-shadow: none;
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-panel__add-new-question:hover {
  outline: none;
}
.svc-panel__add-new-question .svc-text {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
  margin: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  text-wrap: nowrap;
}
.svc-panel__add-new-question-icon {
  margin: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: none;
}
.svc-panel__add-new-question-icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
@container (max-width: 496px) {
  .svc-panel__placeholder_frame {
    padding: calc(11*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10*(var(--sjs-base-unit, var(--base-unit, 8px))));
  }
}
@container (max-width: 176px) {
  .svc-panel__placeholder {
    display: none;
  }
  .svc-panel__placeholder_frame {
    padding: calc(10*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10*(var(--sjs-base-unit, var(--base-unit, 8px))));
  }
  .svc-panel__placeholder_frame .svc-panel__add-new-question {
    margin: 0;
  }
  .svc-panel__placeholder_frame .svc-panel__add-new-question-icon,
  .svc-panel__add-new-question-container .svc-panel__add-new-question-icon {
    display: block;
  }
  .svc-panel__placeholder_frame .svc-panel__question-type-selector,
  .svc-panel__add-new-question-container .svc-panel__question-type-selector {
    display: none;
  }
  .svc-panel__placeholder_frame .svc-panel__add-new-question,
  .svc-panel__add-new-question-container .svc-panel__add-new-question {
    padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  }
  .svc-panel__placeholder_frame .svc-panel__add-new-question .svc-text,
  .svc-panel__add-new-question-container .svc-panel__add-new-question .svc-text {
    display: none;
  }
}
.svc-panel__question-type-selector-popup {
  height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  position: absolute;
  right: 0;
  bottom: 0;
}
.svc-panel__question-type-selector {
  appearance: none;
  display: flex;
  height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  box-sizing: border-box;
  border: none;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
  outline: none;
  top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: 0;
  position: absolute;
  right: 0;
}
.svc-panel__question-type-selector use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-panel__question-type-selector:hover {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-panel__question-type-selector:focus {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.sv-list__container .sv-action-bar-item--secondary .sv-list__item-icon use {
  fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
}
.sd-panel .svc-row {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-panel .svc-row:first-of-type {
  margin-top: 0;
}
.sd-panel .svc-row .sd-row {
  margin-top: 0;
  margin-bottom: 0;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-element__header--location-top {
  margin-top: 0;
}
.svc-question__content .sd-element--complex > .sd-element__header--location-top {
  padding-bottom: calc(.5*var(--sd-base-vertical-padding));
  padding-top: 0;
}
.svc-question__content .sd-element--complex > .sd-element__header--location-top:after {
  display: none;
}
.svc-question__content .sd-panel__content {
  gap: 0;
  padding-top: 0;
}
.svc-question__content .sd-table__cell--detail-panel .sd-panel__content {
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-paneldynamic__panel-wrapper {
  padding: 0;
}
.svc-question__content .sd-table__cell--actions .sv-action-bar-item:disabled {
  background: var(--sjs-general-backcolor, var(--background, #fff));
  opacity: 1;
}
.svc-question__content .sd-table__cell--actions .sv-action-bar-item:disabled use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-question__content .sd-table__row-disabled > .sd-table__cell {
  opacity: 1;
}
.svc-question__content .svc-carry-forward-panel {
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content .sd-question__content {
  min-width: min(8*(var(--sjs-base-unit, var(--base-unit, 8px))), 100%);
  margin-left: calc(-5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-right: calc(-5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow-x: auto;
}
.svc-question__content .sd-composite .sd-question__content {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.svc-question__content--ranking .svc-carry-forward-panel {
  margin-top: 0;
}
.svc-required-action .sv-svg-icon use {
  fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
}
.svc-required-action--active:not(.sv-action-bar-item--pressed):enabled:hover,
.svc-required-action--active:not(.sv-action-bar-item--pressed):enabled:focus,
.svc-required-action--active {
  background-color: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));
}
.svc-question__dropdown-choices {
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__dropdown-choice--collapsed:nth-last-child(1) {
  opacity: .25;
}
.svc-question__dropdown-choice--collapsed:nth-last-child(2) {
  opacity: .5;
}
.svc-question__dropdown-choice--collapsed:nth-last-child(3) {
  opacity: .75;
}
.svc-question__content > .svc-question__dropdown-choices--wrapper {
  width: calc(100% + 8*(var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow-x: auto;
  margin: 0 calc(-4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content > .svc-question__dropdown-choices--wrapper > div {
  width: calc(100% - 8*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: inline-block;
  min-width: calc(15*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: 0 calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content > .svc-question__dropdown-choices--wrapper .svc-action-button {
  margin-left: calc(6.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  cursor: pointer;
}
.svc-image-question-controls {
  position: absolute;
  top: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  display: none;
}
.svc-question__content--selected .svc-image-question-controls {
  display: flex;
}
.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) {
  padding: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(8*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}
.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) .sd-image__image {
  border-radius: 0;
}
.svc-question__content--image.svc-question__content--empty .sd-file,
.svc-question__content--image.svc-question__content--empty sv-ng-file-question {
  width: 100%;
}
.svc-question__content--image.svc-question__content--empty .sd-question--image {
  display: none;
}
.svc-question__content--image .sd-file__choose-btn--text .sv-svg-icon {
  display: none;
}
@container (max-width: 176px) {
  .svc-question__content--image .sd-file__choose-btn--text .sv-svg-icon {
    display: block;
  }
}
.svc-question__content--loading .sd-image {
  display: none;
}
.svc-image-question__loading-placeholder {
  position: relative;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  width: 100%;
  height: calc(27.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border: 1px dashed var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
}
.svc-image-question__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.svc-rating-question-controls {
  position: absolute;
}
.svc-question__content--in-popup .svc-rating-question-controls.svc-item-value-controls {
  display: flex;
}
.svc-question__content--selected .svc-rating-question-controls.svc-item-value-controls {
  display: flex;
}
.svc-rating-question-controls.svc-rating-question-controls--labels-top {
  margin-top: calc(5.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content .sd-rating {
  margin-inline-start: calc(9*(var(--sjs-base-unit, var(--base-unit, 8px))));
  max-width: calc(100% - 9*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-question__content .sd-rating.sd-rating--wrappable fieldset {
  min-width: 0;
}
.svc-question__content .sd-rating .sd-rating__item-text {
  max-width: 100%;
}
.svc-question__content .sd-rating .sd-rating__item-text .sv-string-editor:focus-within {
  white-space: nowrap;
}
.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor {
  text-overflow: ellipsis;
  overflow: hidden;
}
.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor:focus-within {
  text-overflow: initial;
}
.svc-question__content .sd-rating.sd-rating--labels-top fieldset .sd-rating__min-text {
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-rating.sd-rating--labels-top fieldset .sd-rating__max-text {
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset {
  padding-bottom: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__min-text {
  bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__max-text {
  bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset {
  padding-bottom: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__min-text {
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__max-text {
  bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-question--table .sd-rating {
  margin-inline-start: 0;
  width: fit-content;
  margin: auto;
  max-width: fit-content;
}
.svc-question__content .svc-rating-question-controls {
  display: flex;
  width: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: auto;
  justify-content: flex-start;
}
.svc-question__content .sd-rating__item--fixed-size:focus-within {
  width: unset;
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-rating-question-content {
  position: relative;
}
.svc-creator--mobile .svc-rating-question-controls {
  position: absolute;
  top: 0;
}
.svc-creator--mobile .svc-question__content .sd-rating {
  margin-inline-start: 0;
  width: 100%;
  max-width: 100%;
}
.svc-creator--mobile .svc-question__content legend + .sd-rating__item,
.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item + .sd-rating__item,
.svc-creator--mobile .svc-question__content legend + .sd-rating__item-smiley,
.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item-smiley + .sd-rating__item-smiley {
  margin-inline-start: calc(9*var(--sjs-base-unit, var(--base-unit, 8px)) + 2px);
}
.svc-creator--mobile .svc-question__content legend + .sd-rating__item-text,
.svc-creator--mobile .svc-question__content legend + .sd-rating__item-star,
.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item-star + .sd-rating__item-star {
  margin-inline-start: calc(9*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-item-value-wrapper {
  position: relative;
  display: flex;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  align-items: center;
  margin-left: calc(-5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__dropdown-choice .svc-item-value-wrapper,
.sd-selectbase .svc-item-value-wrapper {
  align-items: flex-start;
}
.svc-question__dropdown-choice .svc-item-value__item,
.sd-selectbase .svc-item-value__item {
  padding-right: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-selectbase__column {
  margin-left: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: initial;
}
.svc-question__content .sd-selectbase--mobile .sd-selectbase__column,
.svc-question__content .sd-selectbase__column:first-of-type,
.svc-question__content .sd-imagepicker__column {
  margin-left: 0;
}
.svc-question__content .sd-selectbase__column:not(:last-child) {
  padding-right: 0;
}
.svc-item-value--dragging {
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.svc-item-value-controls {
  display: flex;
  margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
  height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  flex-shrink: 0;
  min-width: 72px;
  justify-content: flex-end;
}
.svc-item-value-controls__button {
  border-radius: 50%;
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  cursor: pointer;
  display: inline-block;
  outline: none;
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: content-box;
}
.svc-item-value-controls__button .sv-svg-icon {
  display: block;
}
.svc-item-value-controls__button > span {
  display: block;
}
.svc-item-value-controls__drag-icon {
  display: block;
}
.svc-item-value-wrapper:hover:not(.svc-item-value--ghost) .svc-item-value-controls__drag-icon,
.svc-item-value-controls__drag:hover:not(.svc-item-value--ghost) .svc-item-value-controls__drag-icon {
  visibility: visible;
}
.svc-item-value-controls__drag {
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
  cursor: move;
  opacity: .25;
}
.svc-item-value-controls__drag .svc-item-value-controls__drag-icon {
  visibility: hidden;
}
.svc-item-value-controls__drag use {
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.svc-item-value-controls__button--disabled {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  opacity: .25;
  cursor: default;
}
.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled) use {
  fill: var(--sjs-special-red, var(--red, #e60a3e));
}
.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled):hover,
.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled):focus {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled):hover,
.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled):focus {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.sv-string-editor {
  cursor: text;
}
.svc-item-value--new .svc-item-value__item .sd-item__control-label,
.svc-item-value--new .svc-item-value__item .sv-ranking-item__text {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-item-value--new .svc-item-value__item .sd-item__decorator {
  opacity: .35;
}
.svc-item-value--new .sv-ranking-item__index {
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-item-value--new .sv-ranking-item__index svg {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-ranking .svc-item-value-wrapper {
  align-items: center;
}
.sv-ranking .svc-item-value__item {
  padding-right: 0;
  flex-grow: 1;
}
.svc-question__content .svc-item-value__item .sv-ranking-item__text {
  flex-grow: 1;
  width: 0;
  max-width: fit-content;
}
.svc-item-value__item .sv-ranking-item__content {
  padding-left: 0;
}
.svc-item-value__item .sv-ranking-item__icon-container {
  display: none;
}
.svc-item-value__item .sv-ranking-item__text {
  overflow: visible;
}
.svc-item-value__item .svc-string-editor {
  width: 100%;
  display: inline-block;
}
.svc-item-value__item .sv-string-editor {
  text-overflow: ellipsis;
  overflow: hidden;
}
.svc-item-value--ghost .svc-item-value__ghost {
  display: block;
}
.svc-item-value--ghost .svc-item-value-controls {
  visibility: hidden;
}
.svc-item-value--movedown {
  transform: translate(0, 0);
  animation: svdragdropmovedown .1s;
  animation-timing-function: ease-in-out;
}
@keyframes svdragdropmovedown {
  0% {
    transform: translate(0, -50px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.svc-item-value--moveup {
  transform: translate(0, 0);
  animation: svdragdropmoveup .1s;
  animation-timing-function: ease-in-out;
}
@keyframes svdragdropmoveup {
  0% {
    transform: translate(0, 50px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.svc-item-value__ghost {
  display: none;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: 40px;
  z-index: 11;
  position: absolute;
  left: 35px;
}
.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking [data-sv-drop-target-item-value] .svc-item-value-controls,
.svc-creator--mobile .svc-tab-designer .sd-selectbase [data-sv-drop-target-item-value] .svc-item-value-controls,
.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices [data-sv-drop-target-item-value] .svc-item-value-controls {
  min-width: initial;
}
.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking:not([data-sv-drop-target-item-value]) .svc-item-value-controls,
.svc-creator--mobile .svc-tab-designer .sd-selectbase:not([data-sv-drop-target-item-value]) .svc-item-value-controls,
.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices:not([data-sv-drop-target-item-value]) .svc-item-value-controls {
  min-width: 64px;
}
.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,
.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,
.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag {
  padding-right: 0;
}
.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,
.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,
.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon {
  visibility: visible;
}
.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,
.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,
.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper {
  margin-left: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon {
  visibility: visible;
}
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper {
  margin-left: calc(-6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag {
  padding-left: 0;
  padding-right: 0;
}
.svc-image-item-value-wrapper {
  display: inline-block;
  position: relative;
}
.svc-image-item-value--new {
  display: none;
  height: max-content;
}
.svc-image-item-value--new .sd-imagepicker__image {
  box-sizing: border-box;
  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
}
.svc-image-item-value--file-dragging .sd-imagepicker__image {
  border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.svc-image-item-value--file-dragging .svc-image-item-value__item {
  position: relative;
  z-index: 2;
}
.svc-question__content--selected .svc-image-item-value--new {
  display: inline-block;
}
.svc-image-item-value-controls {
  position: absolute;
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  z-index: 2;
}
.svc-image-item-value--new .svc-image-item-value-controls {
  top: calc(50% - 3*var(--sjs-base-unit, var(--base-unit, 8px)));
  left: calc(50% - 3*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-image-item-value--new .svc-image-item-value-controls__button {
  background-color: rgba(0, 0, 0, 0);
}
.svc-image-item-value-controls__add {
  background-color: rgba(0, 0, 0, 0);
}
.svc-image-item-value-controls__add use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-image-item-value-controls__add:hover,
.svc-image-item-value-controls__add:focus {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.svc-choose-file-input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.svc-image-item-value__item .sd-imagepicker__item.sd-imagepicker__item {
  width: 100%;
}
.svc-image-item-value-controls__drag-area-indicator {
  display: none;
  cursor: move;
  position: absolute;
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  left: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content--selected .svc-image-item-value-wrapper:hover .svc-image-item-value-controls__drag-area-indicator {
  display: block;
}
.svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__ghost {
  display: block;
}
.svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__content {
  display: none;
}
.svc-image-item-value-wrapper__ghost {
  display: none;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-image-item-value--single {
  width: 100%;
}
.svc-image-item-value--single .sd-imagepicker__image {
  height: calc(30*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-image-item-value__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.svc-matrix-cell {
  position: relative;
}
.svc-question__adorner .sd-table .sd-table__cell--column-title {
  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__adorner .sd-table .sd-table__cell--column-title .svc-matrix-cell {
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-matrix-cell--selected {
  position: absolute;
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  border-radius: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  top: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
  left: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
  bottom: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: none;
}
.svc-matrix-cell--selected.svc-visible {
  display: block;
}
.svc-hovered > .svc-matrix-cell--selected:not(.svc-visible) {
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
  border-radius: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: block;
}
.svc-matrix-cell__question-controls {
  display: none;
  position: absolute;
  top: calc(50% - 3*var(--sjs-base-unit, var(--base-unit, 8px)));
  left: calc(50% - 3*var(--sjs-base-unit, var(--base-unit, 8px)));
  z-index: 2;
}
.svc-matrix-cell__question-controls-button {
  display: block;
  width: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  box-sizing: border-box;
  border-radius: 50%;
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  cursor: pointer;
}
.svc-matrix-cell__question-controls-button use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-matrix-cell:hover .svc-matrix-cell__question-controls {
  display: block;
}
.svc-question__content--in-popup {
  width: calc(100% - 25*var(--sjs-base-unit, var(--base-unit, 8px)));
  min-width: calc(70*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-matrix-cell__popup .sv-popup__scrolling-content {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-top: 0;
}
.svc-matrix-cell__popup .svc-question__content {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.svc-question__content .sd-table__cell--detail-panel {
  padding-left: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svd-test-results {
  font-family: var(--sjs-font-family, var(--font-family));
  border-radius: 4px;
  box-shadow: inset 0px 1px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
  padding: calc(12*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svd-test-results .svd-test-results__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  border-bottom: 2px solid var(--sjs-border-light, var(--border-light, #eaeaea));
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.svd-test-results .svd-test-results__header .svd-test-results__header-text {
  margin: 0;
}
.svd-test-results .svd-test-results__header .svd-test-results__header-types {
  display: flex;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svd-test-results .svd-test-results__text {
  display: flex;
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(100% - 6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow: auto;
  -webkit-user-select: text;
  user-select: text;
  white-space: pre-wrap;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.svd-test-results .svd-test-results__table {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  width: 100%;
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
}
.svd-test-results .svd-test-results__table table {
  width: 100%;
  border-collapse: collapse;
}
.svd-test-results .svd-test-results__table table .svd-test-results__marker {
  position: absolute;
  top: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svd-test-results .svd-test-results__table table .svd-test-results__marker .sv-svg-icon {
  transition: transform .2s ease-in-out;
}
.svd-test-results .svd-test-results__table table .svd-test-results__marker .sv-svg-icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svd-test-results .svd-test-results__table table .svd-test-results__marker.svd-test-results__marker--expanded .sv-svg-icon {
  transform-origin: center;
  transform: rotate(90deg);
}
.svd-test-results .svd-test-results__table table th {
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px));
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  text-align: left;
  font-weight: 600;
  font-size: 12px;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svd-test-results .svd-test-results__table table th:nth-child(1) {
  padding-left: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svd-test-results .svd-test-results__table table td {
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px));
  max-width: calc(50*(var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow: auto;
  border-top: 2px solid var(--sjs-border-light, var(--border-light, #eaeaea));
  -webkit-user-select: text;
  user-select: text;
}
.svd-test-results .svd-test-results__table table td:nth-child(1) {
  position: relative;
  width: 50%;
  font-weight: 600;
}
.svd-test-results .svd-test-results__table table td:nth-child(2) {
  width: 50%;
  padding-right: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svd-test-results .svd-test-results__table table .survey-result-value {
  word-break: break-all;
}
.svd-test-results .svd-test-results__table table tr {
  vertical-align: top;
}
.svd-test-results .svd-test-results__table table tr .svd-test-results__node-value {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-designer-header .sd-container-modern__title {
  gap: 0;
  column-gap: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logo-image {
  position: relative;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  padding: 0;
  cursor: pointer;
  max-width: 50%;
}
.svc-logo-image .sd-logo__image {
  max-width: 100%;
}
.svc-logo-image .svc-image-item-value-controls {
  display: block;
  top: calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logo-image__loading {
  width: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  box-sizing: border-box;
  margin-right: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logo-image-placeholder {
  font-size: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  opacity: .25;
  white-space: nowrap;
  word-break: keep-all;
  padding: 0;
  width: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logo-image-placeholder:hover {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  opacity: unset;
}
.svc-logo-image-placeholder:hover use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-logo-image-placeholder svg {
  width: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logo-image-placeholder use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-logo-image-container {
  position: relative;
}
.svc-logo-image-container .sd-logo {
  margin: 0;
}
.svc-logo-image-controls {
  opacity: 0;
  width: max-content;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.svc-logo-image-container {
  cursor: default;
}
.svc-logo-image-container:not(.svc-logo-image-container--editable) .svc-logo-image-controls {
  display: none;
}
.svc-logo-image-container--editable:focus-within .svc-logo-image-controls,
.svc-logo-image-container--editable:hover .svc-logo-image-controls {
  opacity: 1;
}
.svc-question-link__set-button {
  font-weight: 600;
  cursor: pointer;
}
.svc-link-value-button {
  margin-left: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question-link__clear-button {
  color: var(--sjs-special-red, var(--red, #e60a3e));
  font-weight: 600;
  cursor: pointer;
}
.svc-question-link__clear-button:focus,
.svc-question-link__clear-button:hover {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.svc-property-panel__item {
  margin: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  width: 100%;
}
.svc-property-panel__group {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border: none;
  outline: none;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  cursor: pointer;
  text-align: left;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));
  font-family: var(--sjs-font-family, var(--font-family));
  font-size: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-property-panel__group:disabled,
.svc-property-panel__group:disabled:hover {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: .25;
  cursor: default;
}
.svc-property-panel__group:hover {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  font-weight: 400;
}
.svc-property-panel__group--active,
.svc-property-panel__group--active:hover {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-weight: 600;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.svc-tabbed-menu-item {
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  cursor: pointer;
}
.svc-tabbed-menu-item:hover,
.svc-tabbed-menu-item:focus {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));
  outline: none;
}
.svc-tabbed-menu-item--selected {
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-tabbed-menu-item--selected:hover,
.svc-tabbed-menu-item--selected:focus {
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-tabbed-menu-item--disabled {
  cursor: default;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: .25;
}
.svc-tabbed-menu-item--disabled:hover {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.svc-tabbed-menu-item--hidden {
  visibility: hidden;
}
.svc-tabbed-menu-item .svc-tabbed-menu-item__text {
  white-space: nowrap;
  line-height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-tabbed-menu-item-container .sv-dots__item {
  width: auto;
}
.svc-tabbed-menu {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  align-items: center;
  height: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-tabbed-menu-wrapper {
  flex: 1 1 auto;
  overflow: hidden;
}
.svc-toolbox__item {
  display: flex;
  position: relative;
  align-items: center;
  z-index: 20;
  outline: none;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-toolbox__item sv-svg-icon,
.svc-toolbox__item .sv-svg-icon {
  display: block;
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-toolbox__item-container {
  outline: none;
}
.svc-toolbox__item-container .sv-svg-icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-toolbox__item-banner {
  opacity: 0;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  margin-right: 0;
  margin-left: calc(-1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-toolbox__item-banner .svc-toolbox__item-icon {
  position: absolute;
  display: block;
  left: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-toolbox__item-banner .svc-toolbox__item-title {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.svc-toolbox__item-banner .sv-svg-icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-creator__toolbox--right .svc-toolbox__item:hover .svc-toolbox__item-banner,
.svc-creator__toolbox--right .svc-toolbox__item:focus .svc-toolbox__item-banner,
[dir=rtl] .svc-toolbox__item:hover .svc-toolbox__item-banner,
[dir=rtl] .svc-toolbox__item:focus .svc-toolbox__item-banner,
[style*="direction:rtl"] .svc-toolbox__item:hover .svc-toolbox__item-banner,
[style*="direction:rtl"] .svc-toolbox__item:focus .svc-toolbox__item-banner,
[style*="direction: rtl"] .svc-toolbox__item:hover .svc-toolbox__item-banner,
[style*="direction: rtl"] .svc-toolbox__item:focus .svc-toolbox__item-banner {
  flex-direction: row-reverse;
  padding-right: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: 0;
  margin-right: 0;
  transform: translateX(calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator__toolbox--right .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,
.svc-creator__toolbox--right .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title,
[dir=rtl] .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,
[dir=rtl] .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title,
[style*="direction:rtl"] .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,
[style*="direction:rtl"] .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title,
[style*="direction: rtl"] .svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,
[style*="direction: rtl"] .svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title {
  padding-left: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-right: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator__toolbox--right .svc-toolbox__item,
[dir=rtl] .svc-toolbox__item,
[style*="direction:rtl"] .svc-toolbox__item,
[style*="direction: rtl"] .svc-toolbox__item {
  flex-direction: row-reverse;
}
.svc-creator__toolbox--right .svc-toolbox__tool.sv-dots,
[dir=rtl] .svc-toolbox__tool.sv-dots,
[style*="direction:rtl"] .svc-toolbox__tool.sv-dots,
[style*="direction: rtl"] .svc-toolbox__tool.sv-dots {
  place-self: flex-end;
}
.svc-creator__toolbox--right .svc-toolbox__tool,
[dir=rtl] .svc-toolbox__tool,
[style*="direction:rtl"] .svc-toolbox__tool,
[style*="direction: rtl"] .svc-toolbox__tool {
  justify-content: flex-end;
}
.svc-creator__toolbox--right .svc-toolbox__category,
[dir=rtl] .svc-toolbox__category,
[style*="direction:rtl"] .svc-toolbox__category,
[style*="direction: rtl"] .svc-toolbox__category {
  align-items: flex-end;
}
.svc-creator__toolbox--right .svc-toolbox__item-banner .svc-toolbox__item-icon,
[dir=rtl] .svc-toolbox__item-banner .svc-toolbox__item-icon,
[style*="direction:rtl"] .svc-toolbox__item-banner .svc-toolbox__item-icon,
[style*="direction: rtl"] .svc-toolbox__item-banner .svc-toolbox__item-icon {
  left: auto;
  right: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-toolbox__item-title {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 600;
  font-size: calc(.75*var(--small-bold-font-size));
  line-height: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  display: block;
  padding-left: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-right: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  white-space: nowrap;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-toolbox__item:hover .svc-toolbox__item-banner,
.svc-toolbox__item:focus .svc-toolbox__item-banner {
  max-width: calc(100*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  opacity: 1;
}
.svc-toolbox__item:hover .svc-toolbox__item-banner .svc-toolbox__item-title,
.svc-toolbox__item:focus .svc-toolbox__item-banner .svc-toolbox__item-title {
  padding-left: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):focus,
.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):hover {
  overflow: hidden;
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
  transition: .1s ease-in-out;
}
.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):focus .svc-toolbox__item-title,
.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):hover .svc-toolbox__item-title {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):focus .sv-svg-icon use,
.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__item:not(.sv-dots):hover .sv-svg-icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-toolbox__tool .sv-dots__item:hover:enabled,
.svc-toolbox__tool .sv-dots__item:focus:enabled,
.svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-toolbox__tool .sv-dots__item:hover:enabled .sv-svg-icon use,
.svc-toolbox__tool .sv-dots__item:focus:enabled .sv-svg-icon use,
.svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed .sv-svg-icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
[dir=rtl] .svc-toolbox-popup,
[style*="direction:rtl"] .svc-toolbox-popup,
[style*="direction: rtl"] .svc-toolbox-popup {
  direction: rtl;
}
.svc-toolbox-popup .sv-list__item:first-child .sv-list__item-separator {
  display: none;
}
.svc-toolbox-popup .sv-list__item .sv-list__item-body {
  padding-top: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-end: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots),
.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover,
.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots),
.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: .5;
}
.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots) .sv-svg-icon use,
.svc-toolbox .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover .sv-svg-icon use,
.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots) .sv-svg-icon use,
.svc-toolbox:not(.svc-toolbox--compact) .svc-toolbox__tool--pressed .svc-toolbox__item:not(.sv-dots):hover .sv-svg-icon use {
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: .5;
}
svc-toolbox {
  display: flex;
  flex-direction: column;
  position: absolute;
}
.svc-toolbox {
  height: 100%;
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))) - 12px);
  box-sizing: border-box;
  overflow-y: auto;
  direction: rtl;
  scrollbar-gutter: stable both-edges;
}
_::-webkit-full-page-media,
_:future,
:root .svc-toolbox {
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-toolbox--compact {
  width: calc(10.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow: visible;
  direction: ltr;
  scrollbar-gutter: auto;
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-toolbox__container {
  direction: ltr;
}
.svc-toolbox__category {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.svc-toolbox__tool:not(.sv-dots) {
  display: flex;
  width: auto;
}
.svc-toolbox__tool .sv-dots__item {
  width: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-toolbox__category-separator {
  height: 1px;
  width: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-border-default, var(--border, #d6d6d6));
  margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0 calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-toolbox__category-header {
  height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  border-bottom: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  box-sizing: border-box;
  width: 100%;
  min-width: calc(20*(var(--sjs-base-unit, var(--base-unit, 8px))));
  position: relative;
}
.svc-toolbox__category-header--collapsed {
  cursor: pointer;
}
.svc-toolbox__category-title {
  font-family: var(--sjs-font-family, var(--font-family));
  font-size: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-weight: bold;
  line-height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  vertical-align: middle;
  display: block;
}
.svc-toolbox__category-header__controls {
  position: absolute;
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  display: none;
}
.svc-toolbox__category-header__button {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-toolbox__category-header:hover .svc-toolbox__category-header__controls {
  display: block;
}
.svc-toolbox__tool {
  cursor: default;
}
.svc-toolbox__tool .sv-action__content {
  display: flex;
  padding-top: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  flex-direction: column;
  align-items: flex-start;
}
.svc-creator__toolbox--right .svc-toolbox__tool .sv-action__content {
  align-items: flex-end;
}
.svc-toolbox__category--collapsed .svc-toolbox__tool {
  height: 0;
  visibility: hidden;
}
.svc-side-bar__container {
  display: block;
  position: relative;
  font-family: var(--sjs-font-family, var(--font-family));
  min-width: 370px;
  width: 450px;
  height: 100%;
}
.svc-side-bar__container .svc-resizer {
  width: 3px;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  background-color: rgba(0, 0, 0, 0);
  cursor: e-resize;
}
.svc-resizer-west {
  left: 0;
}
.svc-resizer-east {
  right: 0;
}
.svc-side-bar__container-header {
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  height: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-side-bar__container-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: calc(100% - 8*var(--sjs-base-unit, var(--base-unit, 8px)));
  overflow-y: auto;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.svc-side-bar__container-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 0px calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));
}
.svc-side-bar__container-title {
  display: flex;
  line-height: calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-end;
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-side-bar__container-actions {
  width: 100%;
  box-sizing: border-box;
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-side-bar__container-actions .sv-action-bar {
  justify-content: flex-end;
  padding: 0;
}
.svc-flex-column.svc-side-bar__wrapper {
  width: auto;
  border-left: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  height: 100%;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-side-bar {
  height: 100%;
}
.svc-flyout-side-bar {
  width: 0;
  overflow: visible;
}
.svc-flyout-side-bar .svc-side-bar__shadow {
  background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  opacity: .75;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 900;
}
.svc-flyout-side-bar .svc-side-bar__wrapper {
  border-left: none;
  z-index: 1000;
  position: absolute;
  right: 0;
  display: inline-block;
  height: 100%;
  max-width: 100%;
}
.sv-action--object-selector {
  max-width: 70%;
}
.sv-action--object-selector .sv-action-bar-item {
  flex-shrink: 1;
}
.sv-action--object-selector .sv-action-bar-item__title {
  overflow: hidden;
  text-overflow: ellipsis;
}
.svc-full-container.svc-creator__side-bar--left {
  flex-direction: row-reverse;
}
.svc-full-container.svc-creator__side-bar--left .svc-side-bar__wrapper {
  left: 0;
  right: unset;
}
.svc-full-container.svc-creator__side-bar--left .svc-side-bar__container-header .sv-action-bar {
  flex-direction: row-reverse;
}
.svc-full-container.svc-creator__side-bar--left .sv-action--object-selector {
  justify-content: flex-start;
  flex: 1;
  display: flex;
}
.svc-full-container.svc-creator__side-bar--left .svd-grid-hide .sv-svg-icon {
  transform: rotate(180deg);
}
.svd-grid-hide {
  margin-inline-end: auto;
}
.sv-mobile-side-bar .svc-flyout-side-bar .svc-side-bar__wrapper {
  width: 100%;
}
.sv-mobile-side-bar .svc-side-bar__container {
  width: 100%;
}
.svc-side-bar .svc-toolbox {
  width: 100%;
}
.spg-action-bar {
  display: flex;
  box-sizing: content-box;
  padding-right: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  position: relative;
  align-items: center;
  margin-left: auto;
  overflow: hidden;
  white-space: nowrap;
}
.spg-action-bar .sv-action:not(.sv-action--hidden):not(:last-of-type) > .sv-action__content {
  padding-right: 0;
}
.spg-action-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  box-sizing: border-box;
  border: none;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 600;
  font-size: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}
.spg-action-button:hover,
.spg-action-button:focus {
  opacity: 1;
  outline: none;
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.spg-action-button:hover use,
.spg-action-button:focus use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.spg-action-button__icon {
  display: block;
}
.spg-action-button__icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.spg-action-button--danger {
  color: var(--sjs-special-red, var(--red, #e60a3e));
}
.spg-action-button--danger:hover,
.spg-action-button--danger:focus {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.spg-action-button--danger:hover use,
.spg-action-button--danger:focus use {
  fill: var(--sjs-special-red, var(--red, #e60a3e));
}
button.spg-action-button--large {
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-action-button:disabled {
  opacity: .25;
  pointer-events: none;
  cursor: default;
}
.spg-action-button--muted {
  opacity: .5;
}
.spg-action-button:active {
  opacity: .5;
}
.spg-action-button--text {
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-question {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
}
.spg-question__header {
  width: 100%;
}
.spg-question__title {
  width: 100%;
  margin: 0;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  font-weight: normal;
  box-sizing: border-box;
}
.spg-question__content {
  width: 100%;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  cursor: pointer;
}
.spg-text__content,
.spg-comment__content {
  position: relative;
}
.spg-question__content:focus-within .spg-remaining-character-counter {
  display: flex;
}
.spg-remaining-character-counter {
  display: none;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 0px;
  font-family: var(--sjs-font-family, var(--font-family));
  line-height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  position: absolute;
  inset-inline-end: calc(0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  inset-block-end: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-question__description {
  line-height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
  padding-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  white-space: normal;
}
.spg-row-narrow__question {
  margin-top: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-row--multiple > div > .spg-row-narrow__question {
  margin-top: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-question--location--left {
  flex-direction: row;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: inset 0 0 0 1px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
  line-height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  vertical-align: middle;
  align-items: stretch;
}
.spg-question--location--left:focus-within {
  box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.spg-question__header--location--left {
  width: auto;
  box-sizing: border-box;
  max-width: 50%;
  flex: 1;
  display: flex;
  align-items: center;
}
.spg-question__header--location--left .spg-question__title {
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  display: inline-block;
}
.spg-question__content--left {
  flex: 2;
}
.spg-question__content--left .spg-input.spg-input.spg-input {
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
  border: none;
}
.spg-question__content--left .spg-input.spg-input.spg-input:focus,
.spg-question__content--left .spg-input.spg-input.spg-input:focus-within {
  box-shadow: none;
}
.spg-row--multiple {
  display: flex;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  flex-wrap: wrap;
}
.spg-row--multiple > div {
  flex-grow: 1;
  min-width: calc(25.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-row--multiple > div .spg-question__header--location--left {
  min-width: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-row--multiple > div input {
  min-width: max(17*var(--sjs-base-unit, var(--base-unit, 8px)), 100%);
  width: 0;
}
.spg-question__erbox {
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  border-radius: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-question__erbox > div {
  display: flex;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
}
.spg-question__erbox-icon {
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-size: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-repeat: no-repeat;
  background-position: 0 0;
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  white-space: normal;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.0336 15.4803L14.5736 1.45346C13.9936 0.487805 12.9936 0 12.0036 0C11.0136 0 10.0136 0.487805 9.43364 1.45346L0.973642 15.4803C-0.226358 17.4714 1.21364 20 3.54364 20H20.4536C22.7836 20 24.2236 17.4714 23.0236 15.4803H23.0336ZM21.3336 17.5112C21.2436 17.6605 20.9936 18.0189 20.4636 18.0189H3.54364C3.01364 18.0189 2.76364 17.6705 2.67364 17.5112C2.58364 17.3519 2.41364 16.9537 2.68364 16.5057L11.1436 2.47885C11.4036 2.04082 11.8336 1.99104 12.0036 1.99104C12.1736 1.99104 12.5936 2.04082 12.8636 2.47885L21.3136 16.5057C21.5836 16.9537 21.4136 17.3519 21.3236 17.5112H21.3336ZM13.0036 7.05824V12.0358C13.0036 12.5834 12.5536 13.0314 12.0036 13.0314C11.4536 13.0314 11.0036 12.5834 11.0036 12.0358V7.05824C11.0036 6.5107 11.4536 6.06272 12.0036 6.06272C12.5536 6.06272 13.0036 6.5107 13.0036 7.05824ZM13.0036 15.0224C13.0036 15.5699 12.5536 16.0179 12.0036 16.0179C11.4536 16.0179 11.0036 15.5699 11.0036 15.0224C11.0036 14.4749 11.4536 14.0269 12.0036 14.0269C12.5536 14.0269 13.0036 14.4749 13.0036 15.0224Z' fill='%23E60A3E'/%3E%3C/svg%3E");
}
.spg-question__erbox--location--bottom {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.spg-restfull .spg-panel__content,
.spg-masksettings .spg-panel__content {
  gap: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-restfull .spg-panel__content .spg-row,
.spg-masksettings .spg-panel__content .spg-row {
  margin-top: 0;
}
.spg-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  box-sizing: border-box;
  width: 100%;
  height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border: none;
  box-shadow: inset 0 0 0 1px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  outline: none;
  font-size: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.spg-input::placeholder {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.spg-input:focus,
.spg-input.spg-dropdown:focus,
.spg-input.spg-dropdown:focus-within,
.spg-input-container:focus-within {
  box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.spg-input:disabled,
.spg-input:disabled::placeholder {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: .25;
}
.spg-input[type=color] {
  padding-left: 0;
  padding-right: 0;
  min-width: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-input__edit-button {
  position: relative;
  box-sizing: border-box;
  appearance: none;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border: none;
  outline: none;
  width: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  line-height: 0;
}
.spg-input__edit-button:focus,
.spg-input__edit-button:hover {
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.spg-input__edit-button:active {
  opacity: .5;
}
.spg-input__edit-button.spg-input__edit-button--disabled,
.spg-input__edit-button:disabled {
  opacity: .25;
  background: var(--sjs-general-backcolor, var(--background, #fff));
}
.spg-input__edit-button svg {
  height: 24px;
  width: 24px;
  fill: rgba(0, 0, 0, .45);
}
.spg-input.spg-input--error {
  box-shadow: 0 0 0 1px inset var(--sjs-special-red, var(--red, #e60a3e));
}
.spg-input-container {
  display: flex;
  justify-content: space-between;
  cursor: default;
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  align-items: center;
  gap: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: 0 0 0 1px inset var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
}
.spg-input-container--multiline {
  align-items: end;
  flex-direction: column;
  gap: 0;
  height: auto;
}
.spg-input-container--multiline sv-ng-question-comment {
  height: calc(9*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-input-container--multiline .spg-input-container__input {
  box-sizing: border-box;
  resize: none;
}
.spg-input-container__input {
  flex-grow: 1;
  width: 100%;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-size: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  outline: none;
  border: none;
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: rgba(0, 0, 0, 0);
}
.spg-input-container__input:disabled {
  opacity: .25;
}
.spg-input-container__buttons-container {
  display: flex;
  gap: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-dropdown {
  border-radius: 0;
  display: flex;
  padding-right: calc(5.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-position: right calc(1.625*(var(--sjs-base-unit, var(--base-unit, 8px)))) top 50%, 0 0;
}
.spg-dropdown__filter-string-input {
  line-height: unset;
}
.spg-dropdown_chevron-button {
  line-height: normal;
}
.spg-dropdown-popup {
  height: 0;
}
.spg-comment {
  height: calc(9*(var(--sjs-base-unit, var(--base-unit, 8px))));
  max-width: 100%;
  min-width: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-panel__title {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  width: 100%;
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border: none;
  outline: none;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  cursor: pointer;
  text-align: left;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));
  font-family: var(--sjs-font-family, var(--font-family));
  font-size: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-weight: 400;
  margin: 0;
}
.spg-panel__title:disabled,
.spg-panel__title:disabled:hover {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: .25;
  cursor: default;
}
.spg-panel__title--collapsed:hover,
.spg-panel__title--expandable:focus {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.spg-panel__title--expanded {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-weight: 600;
}
.spg-panel__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 0 calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));
}
.spg-panel__content .spg-row {
  width: 100%;
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-panel__content .spg-row--multiple {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-mobile-side-bar .spg-panel__content {
  padding: 0 calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-question__nopadding .spg-panel__content {
  padding: 0px;
  box-shadow: unset;
}
.spg-checkbox {
  cursor: pointer;
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-checkbox--disabled {
  cursor: default;
}
.spg-checkbox--disabled .spg-checkbox {
  cursor: default;
}
.spg-checkbox--disabled .spg-checkbox__caption {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.spg-checkbox__caption {
  font-family: var(--sjs-font-family, var(--font-family));
  font-size: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-checkbox__rectangle {
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  box-sizing: border-box;
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  flex-shrink: 0;
  padding: 1px 1px;
}
.spg-checkbox:hover .spg-checkbox__rectangle {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.spg-checkbox--disabled .spg-checkbox__rectangle:hover {
  background: var(--sjs-general-backcolor, var(--background, #fff));
}
.spg-checkbox__control:focus + .spg-checkbox__rectangle {
  outline: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  outline-offset: -2px;
}
.spg-checkbox .spg-checkbox__svg {
  display: none;
}
.spg-checkbox--checked .spg-checkbox__svg {
  display: block;
  width: calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-repeat: no-repeat;
  background-size: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.spg-checkbox--disabled.spg-checkbox--checked .spg-checkbox__svg {
  fill: var(--sjs-border-default, var(--border, #d6d6d6));
}
.spg-checkbox__control {
  position: fixed;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.spg-checkbox__hidden {
  display: none;
}
.spg-selectbase {
  border: none;
  padding: 0;
  margin: 0;
}
.spg-selectbase__label {
  display: flex;
  align-items: flex-start;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
}
.spg-checkbox .spg-question__description {
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0 0 calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-checkbox .spg-help-action use {
  pointer-events: none;
}
.spg-matrixdynamic__drag-element {
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-matrixdynamic__drag-element:hover {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.spg-matrixdynamic__drag-element:after {
  content: " ";
  display: block;
  height: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-drag-element__svg {
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  display: block;
  opacity: .5;
}
.spg-drag-element__svg use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.spg-matrixdynamic__drag-drop-ghost-position-top,
.spg-matrixdynamic__drag-drop-ghost-position-bottom {
  position: relative;
}
.spg-matrixdynamic__drag-drop-ghost-position-top::after,
.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {
  content: "";
  width: 100%;
  height: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  position: absolute;
  left: 0;
}
.spg-matrixdynamic__drag-drop-ghost-position-top::after {
  top: 0;
}
.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {
  bottom: 0;
}
.spg-matrixdynamic__placeholder {
  padding: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  box-sizing: border-box;
}
.spg-matrixdynamic__placeholder .spg-matrixdynamic__add-btn {
  display: initial;
}
.spg-matrixdynamic__placeholder-text {
  font-size: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.spg-matrixdynamic__add-btn {
  display: none;
  appearance: none;
  border: none;
  margin-top: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background: rgba(0, 0, 0, 0);
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-family: var(--sjs-font-family, var(--font-family));
  font-size: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-weight: 600;
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-smiley-icon {
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: var(--sjs-base-unit, var(--base-unit, 8px));
  border-radius: 100px;
  border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-smiley-icon svg {
  width: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.spg-table-wrapper {
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  border-bottom: none;
}
.spg-table {
  width: 100%;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  border-collapse: collapse;
}
.spg-table tr {
  border-bottom: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
}
.spg-table__cell {
  padding: 0;
}
.spg-table__cell .spg-checkbox {
  margin: 0 calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-table__cell--detail-panel {
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.spg-table__cell--detail-panel .spg-panel__content {
  box-shadow: none;
}
.spg-table__cell:not(.spg-table__cell--detail-panel):not(.spg-table__cell--actions):first-of-type {
  padding-left: 8px;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {
  appearance: none;
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: none;
  border-radius: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: rgba(0, 0, 0, 0);
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  height: auto;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input[type=color] {
  padding-right: 0;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input:focus,
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input:focus-within {
  box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button {
  display: none;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown {
  width: max-content;
  padding-right: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-size: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-position: right calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) top 50%, 0 0;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15L17 10H7L12 15Z' fill='%2390909080'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}
.spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text {
  padding-left: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-table__cell--actions:first-of-type {
  width: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-table__cell--actions:last-of-type .spg-action-bar {
  justify-content: flex-end;
}
.spg-table__cell--actions > .spg-matrixdynamic__drag-element {
  display: inline-block;
  margin-top: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  cursor: move;
}
.spg-table__cell--header {
  font-size: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-weight: normal;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100px;
}
.spg-table__cell--header span {
  display: none;
}
.spg-table__cell--header .sv-string-viewer {
  display: inline;
  white-space: unset;
}
.spg-table__question-wrapper {
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}
.spg-question-group .spg-row {
  margin-top: 0;
}
.spg-question-group .spg-row:not(:first-of-type) {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.spg-color-editor__color-input {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  left: 0;
  top: 100%;
  transform: translateY(-50%);
}
.spg-color-editor__color-item {
  display: flex;
  gap: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-color-editor__color-item .spg-color-editor__color-swatch {
  margin-left: 0;
}
.spg-color-editor__color-swatch {
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 3px;
  width: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, .16);
  margin-left: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-color-editor__color-swatch .sv-svg-icon {
  position: absolute;
  width: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  fill: var(--sjs-general-backcolor, var(--background, #fff));
}
.spg-color-editor__color-swatch--disabled .sv-svg-icon {
  opacity: .25;
}
.spg-color-editor__color-swatch--default .sv-svg-icon {
  opacity: 1;
}
.spg-color-editor .spg-input__edit-button + * {
  margin-inline-end: calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-file-edit__choose-button {
  position: relative;
}
.spg-link {
  display: flex;
}
.sv-string-viewer .spg-link {
  display: initial;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 600;
  text-decoration-line: underline;
}
.spg-theme-builder-root .sv-skeleton-element {
  min-height: 50px;
}
.spg-theme-builder-root .spg-paneldynamic__separator {
  border: none;
  margin: 0;
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-theme-builder-root .spg-panel__footer {
  justify-content: center;
  margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0 0 0;
  padding: 0;
}
.spg-theme-builder-root .spg-paneldynamic__add-btn {
  margin: 0 auto;
}
.spg-theme-builder-root .spg-row--multiple .spg-spin-editor .spg-input-container__buttons-container {
  display: none;
}
.spg-theme-builder-root .spg-row--multiple .spg-question__header--location--left {
  min-width: auto;
}
.spg-theme-builder-root .spg-row--multiple > div {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(50% - var(--sjs-base-unit, var(--base-unit, 8px))*.5);
  min-width: auto;
}
.spg-theme-builder-root .spg-row--multiple > div input {
  min-width: 0;
}
.spg-theme-builder-root .spg-row--multiple > div .spg-question--location--left {
  height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
}
.spg-theme-builder-root .spg-row--multiple > div .spg-question--location--left .spg-input {
  height: auto;
}
.spg-theme-builder-root .sv-button-group {
  overflow: hidden;
}
.spg-theme-builder-root .spg-question__header--location--left {
  width: max-content;
  flex: 0 0;
}
.spg-theme-builder-root .spg-question__header--location--left .spg-question__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.spg-theme-builder-root .spg-question__header--location--left .spg-question__title .sv-string-viewer {
  white-space: nowrap;
}
.spg-theme-builder-root .spg-nested-panel {
  padding-bottom: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-theme-builder-root .spg-nested-panel::after {
  content: " ";
  display: block;
  position: relative;
  left: calc(-4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  top: calc(5*var(--sjs-base-unit, var(--base-unit, 8px)));
  width: calc(8*var(--sjs-base-unit, var(--base-unit, 8px)) + 100%);
  height: 1px;
  background-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
.spg-theme-builder-root .spg-nested-panel__content {
  padding: 0;
  box-shadow: none;
}
.spg-theme-builder-root .spg-nested-panel__content > .spg-row {
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-theme-builder-root .spg-nested-panel__content > .spg-row:first-of-type {
  margin-top: 0;
}
.spg-theme-builder-root .spg-panel-group__content {
  padding-bottom: 0;
}
.spg-theme-builder-root .spg-panel-group__content::after {
  content: none;
}
.spg-theme-builder-root .spg-panel-group__content > .spg-row {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.spg-theme-builder-root .spg-panel-group__content > .spg-row:first-of-type {
  margin-top: 0;
}
.spg-theme-builder-root .spg-panel-group__title,
.spg-theme-builder-root .spg-nested-panel__title {
  width: 100%;
  margin: 0;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  font-weight: normal;
  box-sizing: border-box;
}
.spg-theme-builder-root .spg-paneldynamic__panel-wrapper > .spg-nested-panel,
.spg-theme-builder-root .spg-row:last-of-type > div > .spg-nested-panel {
  padding-bottom: 0;
}
.spg-theme-builder-root .spg-paneldynamic__panel-wrapper > .spg-nested-panel::after,
.spg-theme-builder-root .spg-row:last-of-type > div > .spg-nested-panel::after {
  content: none;
}
.spg-theme-builder-root .spg-theme-group-caption {
  --default-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 600;
  font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  line-height: calc(1.5*var(--default-bold-font-size));
  color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));
  position: relative;
  top: calc(4*var(--sjs-base-unit, var(--base-unit, 8px)));
  padding: calc(1*var(--sjs-base-unit, var(--base-unit, 8px))) 0;
  cursor: auto;
}
.spg-theme-builder-root .sv-theme-group_title-action .spg-action-button:hover,
.spg-theme-builder-root .sv-theme-group_title-action .spg-action-button:focus {
  background-color: unset;
}
.spg-theme-builder-root .sd-panel__header.sd-element__header .spg-action-bar {
  pointer-events: none;
}
.sv-mobile-side-bar .spg-theme-builder-root .spg-nested-panel__content::after {
  width: calc(4*var(--sjs-base-unit, var(--base-unit, 8px)) + 100%);
  left: calc(-2*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.spg-boolean-wrapper--overriding.spg-boolean-wrapper--overriding {
  min-width: 0;
  flex: 0 0 max-content;
}
.spg-link-wrapper--overriding {
  align-self: end;
}
.spg-link-wrapper--overriding .svc-action-button {
  text-decoration: underline;
  padding: 0;
  border: none;
  margin: 0;
}
.spg-link-wrapper--overriding .svc-action-button:focus,
.spg-link-wrapper--overriding .svc-action-button:hover {
  background-color: rgba(0, 0, 0, 0);
}
.spg-editor--highlighted .spg-input,
.spg-editor--highlighted .spg-input-container,
.spg-editor--highlighted .spg-question--location--left,
.spg-editor--highlighted .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {
  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
}
.spg-editor--highlighted .spg-checkbox__control:focus + .spg-checkbox__rectangle,
.spg-editor--highlighted .spg-matrixdynamic__content.spg-text__content {
  outline: 2px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  outline-offset: -2px;
}
.spg-editor--highlighted .spg-checkbox__control:focus + .spg-checkbox__rectangle .spg-input,
.spg-editor--highlighted .spg-matrixdynamic__content.spg-text__content .spg-input {
  box-shadow: none;
}
.spg-editor--highlighted .svc-action-button {
  background-color: var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
}
.spg-editor--highlighted .sv-button-group {
  box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  border-color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
}
.spg-editor--highlighted .spg-checkbox__control + .spg-checkbox__rectangle {
  outline: 2px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  outline-offset: -2px;
}
.spg-search-editor_container {
  --sjs-general-forecolor: rgba(0, 0, 0, 0.91);
  --sjs-general-forecolor-light: rgba(0, 0, 0, 0.45);
}
.spg-search-editor_container {
  position: absolute;
  border-bottom: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(100% - 4*var(--sjs-base-unit, var(--base-unit, 8px)));
  display: flex;
  align-items: center;
}
.spg-search-editor_input {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-family: var(--sjs-font-family, var(--font-family));
  font-size: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-style: normal;
  font-weight: 600;
  line-height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  background: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  width: 100%;
  outline: none;
  padding-inline-start: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-inline-end: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-creator--mobile .spg-search-editor_input {
  font-size: max(16px, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-search-editor_input::placeholder {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.spg-search-editor_toolbar {
  display: flex;
  gap: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0;
}
.spg-search-editor_toolbar .sv-action-bar {
  gap: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: 0;
  flex-shrink: 0;
}
.spg-search-editor_toolbar .sv-action--hidden {
  display: none;
}
.spg-search-editor_toolbar .spg-search-editor_bar-item {
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: min-content;
  margin: 0;
}
.spg-search-editor_toolbar-counter {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: 600;
  font-size: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  flex-shrink: 0;
}
.spg-search-editor_search-icon {
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-search-editor_search-icon .sv-svg-icon {
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-search-editor_search-icon .sv-svg-icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.spg-root-modern {
  position: relative;
  width: 100%;
  border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  box-sizing: border-box;
}
.spg-container {
  width: 100%;
}
.spg-container * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.spg-container.spg-container_search {
  height: 100%;
}
.spg-container_search .spg-root-modern {
  top: calc(7*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: 1px;
  height: calc(100% - 1px - 7*(var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow: auto;
}
.sv-popup--modal.sv-property-editor .sv-popup__container .sv-popup_shadow {
  background-color: rgba(0, 0, 0, 0);
}
.sv-popup--modal.sv-property-editor .sv-popup__container .sd-root-modern {
  background-color: rgba(0, 0, 0, 0);
}
.sv-popup--modal.sv-property-editor .sv-popup__container .sd-page {
  margin: 0;
  padding: 0;
}
.sv-popup--modal.sv-property-editor .sv-popup__container .sv-components-column--expandable {
  min-width: calc(78*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--modal .sv-popup__footer {
  padding-bottom: 2px;
}
.sv-popup--modal .sd-body,
.sv-popup--modal .sl-body {
  min-width: calc(78*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup.sv-property-editor .sd-root-modern {
  --sd-mobile-width: 0;
}
.svc-object-selector .sv-popup__container {
  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-object-selector__content {
  position: relative;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.spg-title .spg-action-bar {
  margin-top: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-right: 1px;
}
.spg-body {
  width: 100%;
}
.spg-body--empty {
  margin: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-title-toolobar--single-help-action {
  justify-content: flex-start;
  padding-left: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-title-toolobar--single-help-action .spg-help-action {
  flex-grow: 1;
}
.spg-title-toolobar--single-help-action .spg-help-action .spg-action-button--icon {
  opacity: .5;
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-title-toolobar--single-help-action .spg-help-action .spg-action-button--icon:focus,
.spg-title-toolobar--single-help-action .spg-help-action .spg-action-button--icon:hover {
  opacity: 1;
}
.spg-title-toolobar--single-help-action .spg-help-action .spg-action-button:active {
  opacity: .5;
}
.spg-title-toolobar--single-help-action .spg-help-action svg {
  fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
}
.svc-text {
  font-family: var(--sjs-font-family, var(--font-family));
  font-style: normal;
  font-weight: normal;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.svc-text--normal {
  font-size: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-text--small {
  font-size: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-text--bold {
  font-weight: 600;
}
.svc-flex-container {
  display: flex;
}
.svc-flex-row {
  display: flex;
  flex-direction: row;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-full-container {
  height: 100%;
  width: 100%;
}
.svc-flex-row.svc-full-container {
  height: calc(60*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-height: calc(60*(var(--sjs-base-unit, var(--base-unit, 8px))));
  flex-grow: 1;
}
.svc-flex-row__element--growing {
  flex: 1;
  overflow: auto;
}
.svc-flex-column {
  display: flex;
  flex-direction: column;
}
.sv-action-bar--default-size-mode .sv-action-bar-separator {
  height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-action-bar--small-size-mode .sv-action-bar-separator {
  height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .sv-action-bar-separator {
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-action-bar--small-size-mode .sv-action-bar-item {
  font-weight: 600;
  align-items: center;
}
.svc-top-bar {
  display: flex;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-sizing: border-box;
  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));
}
.svc-top-bar .svc-toolbar-wrapper {
  flex: 0 0 auto;
  display: flex;
}
.svc-top-bar .svc-toolbar-wrapper .sv-action-bar {
  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
  justify-content: flex-end;
}
.svc-top-bar .svc-toolbar-wrapper .sv-action-bar-separator {
  display: none;
}
.svc-top-bar .svc-toolbar-wrapper .sv-action-bar > .sv-action:not(.sv-action--hidden) ~ .sv-action .sv-action-bar-separator {
  display: inline-block;
}
.svc-top-bar .svc-toolbar-wrapper .sv-action .sv-action-bar-item {
  margin: 0 var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-footer-bar .svc-toolbar-wrapper {
  height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar {
  justify-content: center;
  padding: 0;
  width: 100%;
  height: calc(6*var(--sjs-base-unit, var(--base-unit, 8px)));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  box-sizing: border-box;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */