.sa-visualizer-wrapper {
  min-width: 450px;
  padding: var(--sjs2-spacing-x300, 24px);
  background: var(--sjs2-color-utility-surface-dashboard, rgba(28, 27, 32, 0.05));
}
@media screen and (max-width: 600px) {
  .sa-visualizer-wrapper {
    min-width: auto;
    padding: var(--sjs2-spacing-x150, 12px);
  }
}

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

.sa-visualizer__content {
  font-family: var(--sjs2-typography-font-family-text);
  display: inline-block;
  width: 100%;
}

.sa-visualizer__footer--has-content {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sa-visualizer__footer-title {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  display: inline-block;
  color: var(--sjs2-color-fg-basic-secondary);
  line-height: 34px;
  vertical-align: middle;
  margin: 0;
}

.sa-visualizer__footer-content {
  margin-top: 10px;
}

.sa-data-loading-indicator-panel {
  width: 100%;
  min-height: 200px;
  position: relative;
}

.sa-data-loading-indicator {
  position: absolute;
  width: 64px;
  height: 64px;
  left: calc((100% - 64px) / 2);
  top: calc((100% - 64px) / 2);
  animation: sa-data-loading-indicator-spinner 1s infinite linear;
}

@keyframes sa-data-loading-indicator-spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.sa-commercial {
  box-sizing: border-box;
  padding: var(--sjs2-spacing-x150, 12px) var(--sjs2-spacing-x600, 48px);
  justify-content: center;
  width: 100%;
  background: var(--sjs2-color-bg-brand-primary, #19b394);
}
@media screen and (max-width: 600px) {
  .sa-commercial {
    padding: var(--sjs2-spacing-x100, 8px) var(--sjs2-spacing-x300, 24px);
  }
}

.sa-commercial__text {
  text-decoration: none;
  color: var(--sjs2-color-fg-brand-on-primary, #fff);
  text-align: center;
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}
@media screen and (max-width: 600px) {
  .sa-commercial__text {
    font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
    font-weight: var(--sjs2-typography-font-weight-strong);
    font-size: var(--sjs2-typography-font-size-small);
    line-height: var(--sjs2-typography-line-height-small);
  }
}
.sa-commercial__text a {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-fg-brand-on-primary, #fff);
  text-align: center;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 5%;
  text-underline-offset: 10%;
  text-underline-position: from-font;
}
@media screen and (max-width: 600px) {
  .sa-commercial__text a {
    font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
    font-weight: var(--sjs2-typography-font-weight-strong);
    font-size: var(--sjs2-typography-font-size-small);
    line-height: var(--sjs2-typography-line-height-small);
  }
}

.sa-dropdown,
.sa-action-dropdown {
  position: relative;
  cursor: pointer;
  user-select: none;
  color: var(--sjs2-color-fg-basic-primary, #1c1b20);
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}

.sa-dropdown {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
}

.sa-action-dropdown:hover,
.sa-action-dropdown.sa-action-dropdown--opened {
  border-radius: var(--sjs2-radius-component-action, 8px);
  background: var(--sjs2-color-bg-brand-tertiary-dim);
}

.sa-dropdown-header {
  display: flex;
  padding: var(--sjs2-layout-component-formbox-medium-padding-vertical) var(--sjs2-layout-component-formbox-medium-padding-horizontal);
  flex-grow: 1;
  align-items: flex-start;
  gap: var(--sjs2-layout-component-formbox-medium-gap);
  align-self: stretch;
  width: 100%;
  height: var(--sjs2-size-medium);
  box-sizing: border-box;
  border-radius: var(--sjs2-radius-form, 8px);
  background: var(--sjs2-color-component-formbox-default-bg, rgba(28, 27, 32, 0.05));
  box-shadow: var(--sjs2-border-effect-component-formbox-default);
}
.sa-dropdown-header:focus {
  border-radius: var(--sjs2-radius-form, 8px);
  background: var(--sjs2-color-component-formbox-focused-bg, #f5f5f5);
  box-shadow: var(--sjs2-border-effect-component-formbox-focused);
  outline: none;
}

.sa-dropdown-action {
  display: flex;
  padding: var(--sjs2-spacing-x100, 8px);
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: var(--sjs2-radius-form-item, 4px);
  background: var(--sjs2-color-bg-neutral-tertiary, rgba(28, 27, 32, 0));
}

.sa-dropdown-action:hover {
  background: var(--sjs2-color-bg-neutral-tertiary-dim, rgba(28, 27, 32, 0.05));
}

.sa-dropdown--opened .sa-dropdown-arrow {
  background: var(--sjs2-color-bg-neutral-tertiary-dim, rgba(28, 27, 32, 0.05));
}

.sa-dropdown-action svg {
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
}
.sa-dropdown-action svg use {
  fill: var(--sjs2-color-fg-basic-primary-muted, #424146);
}

.sa-dropdown-container {
  display: inline-flex;
  flex-grow: 1;
}

.sa-action-dropdown-container {
  display: inline-flex;
}

.sa-dropdown__title {
  padding: var(--sjs2-spacing-x100, 8px) var(--sjs2-size-x000, 0.001px);
  display: flex;
  flex-shrink: 0;
  margin-inline-end: var(--sjs2-spacing-x100, 8px);
  overflow: hidden;
  color: var(--sjs2-color-fg-basic-secondary, rgba(28, 27, 32, 0.6));
  text-overflow: ellipsis;
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}

.sa-dropdown-list,
.sa-action-dropdown-list {
  position: absolute;
  min-width: 150px;
  max-height: 50vh;
  max-width: 80vw;
  overflow-x: hidden;
  overflow-y: auto;
  border: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #d4d4d4);
  border-top: none;
  border-radius: var(--sjs2-radius-component-drop, 16px);
  background: var(--sjs2-color-utility-sheet, #fff);
  display: none;
  z-index: 1000;
  margin: 0;
  list-style: none;
  transition: all 0.3s;
  margin-top: 8px;
  padding: var(--sjs2-spacing-x100, 8px) var(--sjs2-spacing-x100, 8px);
  box-sizing: border-box;
  /* sjs2/border-effect/floating/default */
  box-shadow: var(--sjs2-border-offset-x-floating-default, 0) var(--sjs2-border-offset-y-floating-default, 6px) var(--sjs2-border-blur-floating-default, 20px) var(--sjs2-border-spread-floating-default, 0) var(--sjs2-color-utility-shadow-floating-default, rgba(0, 76, 68, 0.15)), 0 0 0 0 rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}
@-moz-document url-prefix() {
  .sa-dropdown-list,
  .sa-action-dropdown-list {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.1490196078) transparent;
  }
}
.sa-dropdown-list::-webkit-scrollbar,
.sa-action-dropdown-list::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background-color: transparent;
}
.sa-dropdown-list::-webkit-scrollbar-thumb,
.sa-action-dropdown-list::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 1024px;
  background-color: rgba(0, 0, 0, 0.1490196078);
}
.sa-dropdown-list::-webkit-scrollbar-track,
.sa-action-dropdown-list::-webkit-scrollbar-track {
  background: transparent;
}
.sa-dropdown-list::-webkit-scrollbar-thumb:hover,
.sa-action-dropdown-list::-webkit-scrollbar-thumb:hover {
  border: 2px solid rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0.1490196078);
}

.sa-dropdown-list.sa-dropdown--opened {
  display: block;
  top: 100%;
}

.sa-action-dropdown-list.sa-action-dropdown--opened {
  display: block;
  top: 100%;
  border-radius: var(--sjs2-radius-component-drop, 16px);
  border: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #d4d4d4);
  background: var(--sjs2-color-utility-sheet, #fff);
  /* sjs2/border-effect/floating/default */
  box-shadow: var(--sjs2-border-effect-floating-default);
}

.sa-action-dropdown-list.sa-action-dropdown--up.sa-action-dropdown--opened {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 8px;
  border-top: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #d4d4d4);
  border-bottom: none;
}

.sa-dropdown-item,
.sa-action-dropdown-item {
  width: max-content;
  min-width: calc(100% - 2 * var(--sjs2-size-x200, 16px));
  max-width: calc(100% - 2 * var(--sjs2-size-x200, 16px));
  padding: var(--sjs2-spacing-x150, 12px) var(--sjs2-size-x200, 16px);
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  gap: var(--sjs2-spacing-x150, 12px);
  border-radius: var(--sjs2-radius-component-drop-item, 8px);
  color: var(--sjs2-color-fg-basic-primary, #1c1b20);
  background: var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0));
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}
.sa-dropdown-item:hover,
.sa-action-dropdown-item:hover {
  background-color: var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.1));
}
.sa-dropdown-item:hover .sa-action-dropdown-icon,
.sa-action-dropdown-item:hover .sa-action-dropdown-icon {
  border-radius: var(--sjs2-radius-component-checkbox, 4px);
  background: var(--sjs2-color-component-checkbox-false-hovered-bg);
  box-shadow: var(--sjs2-border-effect-component-checkbox-false-hovered);
}
.sa-dropdown-item:hover.sa-action-dropdown-item--selected .sa-action-dropdown-icon,
.sa-action-dropdown-item:hover.sa-action-dropdown-item--selected .sa-action-dropdown-icon {
  border-radius: var(--sjs2-radius-component-checkbox, 4px);
  background: var(--sjs2-color-component-checkbox-true-hovered-bg);
  box-shadow: var(--sjs2-border-effect-component-checkbox-true-hovered);
}

.sa-action-dropdown-item:focus,
.sa-action-dropdown-item--focused,
.sa-dropdown-item:focus,
.sa-dropdown-item--focused {
  border-radius: var(--sjs2-radius-component-drop-item, 8px);
  background: var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.1));
}

.sa-action-dropdown-item--selected .sa-action-dropdown-icon {
  border-radius: var(--sjs2-radius-component-checkbox, 4px);
  background: var(--sjs2-color-component-checkbox-true-default-bg);
  box-shadow: var(--sjs2-border-effect-component-checkbox-true-default);
}
.sa-action-dropdown-item--selected .sa-action-dropdown-icon svg {
  display: block;
}

.sa-action-dropdown-item--toggle-all {
  color: var(--sjs2-color-fg-brand-primary, #19b394);
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}
.sa-action-dropdown-item--toggle-all:hover {
  color: var(--sjs2-color-fg-brand-primary-dim, #15987e);
}

.sa-action-dropdown-icon {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: var(--sjs2-radius-component-checkbox, 4px);
  background: var(--sjs2-color-component-checkbox-false-default-bg);
  box-shadow: var(--sjs2-border-effect-component-checkbox-false-default);
}
.sa-action-dropdown-icon svg {
  display: none;
  width: 24px;
  height: 24px;
}
.sa-action-dropdown-icon use {
  fill: var(--sjs2-color-component-checkbox-true-default-icon);
}

.sa-dropdown-item.sa-dropdown-item--selected {
  background-color: var(--sjs2-color-bg-brand-primary, #19b394);
  color: var(--sjs2-color-fg-brand-on-primary, #fff);
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}

.sa-dropdown-placeholder {
  overflow: hidden;
  color: var(--sjs2-color-component-input-default-placeholder, rgba(28, 27, 32, 0.6));
  text-overflow: ellipsis;
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}

.sa-dropdown-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.sa-dropdown-header-icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.sa-dropdown-header-content {
  display: flex;
  padding: var(--sjs2-layout-component-input-medium-content-padding-vertical) var(--sjs2-layout-component-input-medium-content-padding-horizontal);
  align-items: flex-start;
  flex: 1 0 0;
  min-width: 0;
}

.sa-dropdown--small .sa-dropdown-header {
  padding: var(--sjs2-layout-component-formbox-small-padding-vertical) var(--sjs2-layout-component-formbox-small-padding-horizontal);
  gap: var(--sjs2-layout-component-formbox-small-gap);
  height: var(--sjs2-size-small);
}
.sa-dropdown--small .sa-dropdown-header-content {
  padding: var(--sjs2-layout-component-input-small-content-padding-vertical) var(--sjs2-layout-component-input-small-content-padding-horizontal);
}
.sa-dropdown--small .sa-dropdown-action {
  padding: var(--sjs2-spacing-x050);
}

.sa-dropdown-header-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--sjs2-color-component-input-default-value, #1c1b20);
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}

.sa-action-dropdown-header {
  display: flex;
  padding: var(--sjs2-spacing-x100, 8px) var(--sjs2-spacing-x100, 8px);
  justify-content: center;
  align-items: center;
  gap: var(--sjs2-spacing-x000, 0);
  border-radius: var(--sjs2-radius-component-action, 8px);
  background: var(--sjs2-color-bg-positive-tertiary, rgba(25, 179, 148, 0));
}
.sa-action-dropdown-header:focus-visible {
  border-radius: var(--sjs2-radius-component-action, 8px);
  box-shadow: var(--sjs2-border-effect-component-action-a11y);
  outline: none;
  background: var(--sjs2-color-bg-positive-tertiary, rgba(25, 179, 148, 0));
}

.sa-action-dropdown-title {
  padding: var(--sjs2-spacing-x000, 0) var(--sjs2-spacing-x075, 6px);
}

.sa-action-dropdown-arrow {
  display: flex;
  padding: var(--sjs2-spacing-x050, 4px) var(--sjs2-spacing-x050, 4px);
  justify-content: center;
  align-items: center;
}

.sa-action-dropdown-arrow svg {
  display: flex;
  width: 16px;
  height: 16px;
  justify-content: center;
  align-items: center;
}
.sa-action-dropdown-arrow svg use {
  fill: var(--sjs2-color-project-brand-600, rgb(25, 179, 148));
}

.sa-action-dropdown-header {
  display: flex;
  min-width: var(--sjs2-size-x500, 40px);
  padding: var(--sjs2-spacing-x100, 8px) var(--sjs2-spacing-x100, 8px);
  justify-content: center;
  align-items: center;
  gap: var(--sjs2-spacing-x000, 0);
}

.sa-button {
  outline: none;
  user-select: none;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  min-width: var(--sjs2-size-x500, 40px);
  padding: var(--sjs2-spacing-x100, 8px) var(--sjs2-spacing-x100, 8px);
  justify-content: center;
  align-items: center;
  gap: var(--sjs2-spacing-x000, 0);
}

.sa-button-text {
  display: flex;
  flex: 1 0 auto;
  padding: var(--sjs2-spacing-x000, 0) var(--sjs2-spacing-x075, 6px);
  justify-content: center;
  align-items: center;
}

.sa-button-brand-secondary {
  border-radius: var(--sjs2-radius-component-action, 8px);
  background: var(--sjs2-color-bg-brand-secondary, rgba(25, 179, 148, 0.1));
  color: var(--sjs2-color-fg-brand-primary, #19b394);
}
.sa-button-brand-secondary:hover {
  background: var(--sjs2-color-bg-brand-secondary-dim, rgba(25, 179, 148, 0.15));
}
.sa-button-brand-secondary:focus-visible {
  box-shadow: var(--sjs2-border-effect-component-action-a11y);
  outline: none;
}

.sa-button-brand-tertiary {
  border-radius: 8px;
  background: var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0));
  color: var(--sjs2-color-fg-brand-primary, #19b394);
  text-align: center;
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}
.sa-button-brand-tertiary:hover {
  background: var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.1));
}

@media screen and (max-width: 600px) {
  .sa-dropdown {
    width: 100%;
    flex-direction: column;
    flex-grow: 0;
  }
  .sa-dropdown-container {
    width: 100%;
    flex-grow: 0;
  }
  .sa-dropdown-list.sa-dropdown--opened {
    min-width: calc(100% - var(--sjs2-spacing-x100, 8px) * 2);
    max-width: calc(100% - var(--sjs2-spacing-x100, 8px) * 2);
  }
}
.sa-panel__header {
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x200, 16px);
}

.sa-panel__header.sa-toolbar--has-content {
  padding: var(--sjs2-spacing-x200, 16px);
  border-radius: var(--sjs2-radius-component-panel, 16px);
  background: var(--sjs2-color-bg-basic-primary, #fff);
  box-shadow: var(--sjs2-border-effect-surface-default);
}

.sa-pivot--standalone {
  background: var(--sjs2-color-utility-surface-dashboard, rgba(28, 27, 32, 0.05));
  display: flex;
  padding: var(--sjs2-spacing-x300, 24px);
  flex-direction: column;
  gap: var(--sjs2-spacing-x300, 24px);
}
.sa-pivot--standalone .sa-visualizer-wrapper {
  border-radius: var(--sjs2-radius-component-panel, 16px);
  background: var(--sjs2-color-bg-basic-primary, #fff);
  box-shadow: var(--sjs2-border-effect-surface-default);
  padding: var(--sjs2-spacing-x400, 32px) var(--sjs2-spacing-x500, 40px) var(--sjs2-spacing-x500, 40px) var(--sjs2-spacing-x500, 40px);
}

.sa-pivot__header {
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x200, 16px);
  padding-bottom: var(--sjs2-spacing-x200, 16px);
}

.sa-panel__header > .sa-toolbar {
  gap: var(--sjs2-spacing-x300, 24px);
}

.sa-panel__header .sa-dropdown {
  flex-grow: 0;
}

.sa-panel__content.muuri {
  margin-inline-start: calc(-1 * var(--sjs2-spacing-x300, 24px));
}
@media screen and (min-width: 1400px) {
  .sa-panel__content.muuri {
    padding-inline-end: var(--sjs2-spacing-x300, 24px);
  }
}
@media screen and (max-width: 600px) {
  .sa-panel__content.muuri {
    margin-inline-start: calc(-1 * var(--sjs2-spacing-x150, 12px));
  }
}

.sa-panel__content:not(.muuri) {
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x300, 24px);
  margin-top: var(--sjs2-spacing-x300, 24px);
}

.sa-grid {
  position: relative;
}

.sa-grid__grid-sizer {
  width: 100%;
  box-sizing: border-box;
}
@media screen and (min-width: 1400px) {
  .sa-grid__grid-sizer {
    width: 50%;
  }
}

.sa-question {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: var(--sjs2-radius-component-panel, 16px);
  background: var(--sjs2-color-bg-basic-primary, #fff);
  box-shadow: var(--sjs2-border-effect-surface-default);
}

.sa-question .sa-question__content {
  position: relative;
  padding: 0 var(--sjs2-spacing-x500, 40px) var(--sjs2-spacing-x500, 40px) var(--sjs2-spacing-x500, 40px);
}
@media screen and (max-width: 600px) {
  .sa-question .sa-question__content {
    padding: 0 var(--sjs2-spacing-x150, 12px) var(--sjs2-spacing-x150, 12px) var(--sjs2-spacing-x150, 12px);
  }
}

.sa-question-layouted {
  overflow: visible;
  position: absolute;
  width: 100%;
  margin-inline-start: var(--sjs2-spacing-x300, 24px);
  margin-top: var(--sjs2-spacing-x300, 24px);
}
@media screen and (min-width: 1400px) {
  .sa-question-layouted {
    width: calc(50% - var(--sjs2-spacing-x300, 24px) - 1px);
  }
}
@media screen and (max-width: 600px) {
  .sa-question-layouted {
    margin-inline-start: var(--sjs2-spacing-x150, 12px);
    margin-top: var(--sjs2-spacing-x150, 12px);
    width: 100%;
  }
}

.sa-question-layouted:focus-within {
  z-index: 1;
}

.sa-question__title {
  margin: 0;
  padding-bottom: var(--sjs2-spacing-x200, 16px);
  color: var(--sjs2-color-fg-basic-primary, #1c1b20);
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}
@media screen and (max-width: 600px) {
  .sa-question__title {
    padding-inline-end: 40px;
  }
}

.sa-question__header--draggable {
  cursor: move;
}

.sa-question__drag-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: var(--sjs2-spacing-x400, 32px);
}
@media screen and (max-width: 600px) {
  .sa-question__drag-area {
    min-height: 0;
  }
}

.sa-question__drag-area-icon {
  cursor: move;
  display: flex;
  padding: var(--sjs2-spacing-x100, 8px);
  align-items: center;
}
.sa-question__drag-area-icon svg {
  display: flex;
  width: var(--sjs2-size-x300, 24px);
  height: var(--sjs2-size-x200, 16px);
  flex-direction: column;
  align-items: center;
}
.sa-question__drag-area-icon use {
  fill: var(--sjs2-color-fg-basic-tertiary, rgba(28, 27, 32, 0.4));
}

.sa-question__hide-action {
  position: absolute;
  right: 8px;
  top: 8px;
  display: flex;
  padding: var(--sjs2-spacing-x100, 8px);
  justify-content: center;
  align-items: center;
  gap: var(--sjs2-spacing-x000, 0);
  border-radius: var(--sjs2-radius-component-action, 8px);
  cursor: pointer;
}
.sa-question__hide-action svg {
  width: 24px;
  height: 24px;
}
.sa-question__hide-action use {
  fill: var(--sjs2-color-fg-basic-tertiary, rgba(28, 27, 32, 0.4));
}
.sa-question__hide-action:hover {
  background: var(--sjs2-color-bg-neutral-tertiary-dim, rgba(28, 27, 32, 0.05));
}
.sa-question__hide-action:hover use {
  fill: var(--sjs2-color-fg-basic-primary-muted, rgb(66, 65, 70));
}
.sa-question__hide-action:focus-visible {
  border-radius: var(--sjs2-radius-component-action, 8px);
  box-shadow: var(--sjs2-border-effect-component-action-a11y);
  outline: none;
  background: var(--sjs2-color-bg-positive-tertiary, rgba(25, 179, 148, 0));
}

.sa-question__header:not(.sa-question__header--allow-drag) {
  padding-top: var(--sjs2-spacing-x400, 32px);
}
@media screen and (max-width: 600px) {
  .sa-question__header:not(.sa-question__header--allow-drag) {
    padding-top: var(--sjs2-spacing-x300, 24px);
  }
}

.sa-toolbar {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--sjs2-spacing-x100, 8px);
  row-gap: var(--sjs2-spacing-x150, 12px);
  align-items: center;
  align-self: stretch;
  user-select: none;
}

@media screen and (max-width: 600px) {
  .sa-toolbar {
    align-items: flex-start;
  }
}
.sa-question__content .sa-toolbar--has-content {
  padding-bottom: var(--sjs2-spacing-x200, 16px);
}

.sa-toolbar__button {
  display: flex;
  padding: var(--sjs2-spacing-x100, 8px) var(--sjs2-spacing-x100, 8px);
  justify-content: center;
  align-items: center;
  gap: var(--sjs2-spacing-x000, 0);
  border-radius: var(--sjs2-radius-component-action, 8px);
  background: var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0));
  cursor: pointer;
}

.sa-toolbar__button:hover {
  background: var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.1));
}

.sa-toolbar__button:disabled {
  opacity: var(--sjs2-opacity-disabled, 0.25);
}

.sa-toolbar__button:focus-visible {
  box-shadow: var(--sjs2-border-effect-component-action-a11y);
  outline: none;
}

.sa-toolbar__button--disabled,
.sa-toolbar__button--disabled:hover {
  opacity: var(--sjs2-opacity-disabled, 0.25);
  background: transparent;
  cursor: default;
}
.sa-toolbar__button--disabled .sa-toolbar__button-text,
.sa-toolbar__button--disabled:hover .sa-toolbar__button-text {
  color: var(--sjs2-color-component-action-neutral-tertiary-disabled-label, rgba(28, 27, 32, 0.4));
}

.sa-toolbar__button-text {
  color: var(--sjs2-color-fg-brand-primary, #19b394);
  text-align: center;
  padding: var(--sjs2-spacing-x000, 0) var(--sjs2-spacing-x075, 8px);
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}

.sa-toolbar__button-icon {
  display: flex;
  width: var(--sjs2-size-x300, 24px);
  height: var(--sjs2-size-x300, 24px);
  justify-content: center;
  align-items: center;
}
.sa-toolbar__button-icon use {
  fill: var(--sjs2-color-project-brand-600, rgb(25, 179, 148));
}

.sa-toolbar__svg-button {
  width: 15px;
  height: 15px;
  padding: 0;
  border: none;
  outline: none;
  background-color: inherit;
  cursor: pointer;
}
.sa-toolbar__svg-button use {
  fill: var(--sjs2-color-fg-neutral-primary-muted, #424146);
}
.sa-toolbar__svg-button svg {
  width: 15px;
  height: 15px;
}

.sa-toolbar__button--right {
  float: right;
}

.sa-question__select-wrapper {
  position: relative;
  display: inline-block;
  min-width: 100px;
  max-width: 300px;
}
.sa-question__select-wrapper .sa-question__select-title {
  white-space: nowrap;
  display: inline-block;
  line-height: 34px;
  padding-right: 8px;
}
.sa-question__select-wrapper .sa-question__select {
  width: 100%;
  display: block;
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 2px;
  background: var(--sjs2-color-component-formbox-default-bg, #f5f5f5);
  border-color: var(--sjs2-color-component-formbox-default-border, #d4d4d4);
  height: 34px;
  padding: 5px 23px 5px 15px;
  line-height: initial;
}
.sa-question__select-wrapper .sa-question__select::-ms-expand {
  display: none;
}
.sa-question__select-wrapper .sa-question__select:focus {
  outline: 0;
  box-shadow: none;
}
.sa-question__select-wrapper .sa-question__select:disabled {
  color: var(--sjs2-color-component-input-disabled-value, #d4d4d4);
}
.sa-question__select-wrapper:before {
  margin-top: -4px;
  top: 50%;
  right: 10px;
  z-index: 1;
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-right: 2px solid var(--sjs2-color-fg-basic-primary-muted, #424146);
  border-bottom: 2px solid var(--sjs2-color-fg-basic-primary-muted, #424146);
  transform: rotate(45deg);
  box-sizing: content-box;
  pointer-events: none;
}

.sa-question__filter {
  display: flex;
  width: 100%;
  align-items: center;
  gap: var(--sjs2-spacing-x050, 4px);
}
.sa-question__filter .sa-toolbar__button-with-icon {
  display: flex;
  padding: var(--sjs2-spacing-x050, 4px) var(--sjs2-spacing-x050, 4px);
  justify-content: center;
  align-items: center;
}
.sa-question__filter .sa-toolbar__button-icon {
  width: 16px;
  height: 16px;
  padding: var(--sjs2-spacing-x050, 4px) var(--sjs2-spacing-x050, 4px);
  gap: 0;
}
.sa-question__filter .sa-toolbar__button-icon svg {
  width: 16px;
  height: 16px;
}
.sa-question__filter .sa-toolbar__button-text {
  display: none;
}

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

.sa-visualizer-card {
  display: flex;
  padding-top: var(--sjs2-spacing-x300, 24px);
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.sa-visualizer-card-content {
  display: flex;
  min-width: calc(var(--sjs2-base-unit-size, 8px) * 32);
  padding: var(--sjs2-spacing-x200, 16px) var(--sjs2-spacing-x300, 24px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sjs2-spacing-x300, 24px);
  border-radius: var(--sjs2-radius-form, 8px);
  border: var(--sjs2-border-width-x100, 1px) dashed var(--sjs2-color-border-basic-secondary, #d4d4d4);
  background: var(--sjs2-color-bg-basic-primary, #fff);
}

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

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

.sa-text-table__container {
  width: 100%;
  min-height: 200px;
  max-height: 500px;
  overflow: auto;
}

.sa-text-table {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  width: 100%;
  border-width: 1px;
  border-collapse: collapse;
}

.sa-text-table tr:first-child {
  border-top: var(--sjs2-border-width-x100, 1px) dashed var(--sjs2-color-border-basic-secondary, #d4d4d4);
}

.sa-text-table__cell {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  color: var(--sjs2-color-fg-basic-primary, #1c1b20);
  padding: var(--sjs2-spacing-x100, 8px) 0;
  border-bottom: var(--sjs2-border-width-x100, 1px) dashed var(--sjs2-color-border-basic-secondary, #d4d4d4);
}

.sa-text-table__cell--number {
  text-align: end;
}

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

.sa-statistics-table__container {
  width: 100%;
  min-height: 200px;
  max-height: 500px;
  overflow: auto;
}

.sa-statistics-table {
  width: 100%;
}

.sa-statistics-table__cell {
  border-bottom: var(--sjs2-border-width-x100, 1px) dashed var(--sjs2-color-border-basic-secondary, #d4d4d4);
}

.sa-statistics-table__cell-text {
  color: var(--sjs2-color-fg-basic-primary, #1c1b20);
  margin-left: var(--sjs2-spacing-x200, 16px);
  margin-right: var(--sjs2-spacing-x200, 16px);
  padding: var(--sjs2-spacing-x100, 8px) 0;
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}

.sa-statistics-table__cell:first-child .sa-statistics-table__cell-text {
  margin-inline-start: 0;
}

.sa-statistics-table__cell:last-child .sa-statistics-table__cell-text {
  margin-inline-end: 0;
}

.sa-statistics-table__cell-value.sa-statistics-table__cell-value .sa-statistics-table__cell-text,
.sa-statistics-table__cell-value.sa-statistics-table__cell-value .sa-statistics-table__cell-header-text {
  text-align: right;
}

.sa-statistics-table__cell-header {
  border-top: var(--sjs2-border-width-x100, 1px) dashed var(--sjs2-color-border-basic-secondary, #d4d4d4);
  border-bottom: var(--sjs2-border-width-x100, 1px) dashed var(--sjs2-color-border-basic-secondary, #d4d4d4);
}

.sa-statistics-table__cell-header-text {
  color: var(--sjs2-color-fg-basic-primary, #1c1b20);
  padding: var(--sjs2-spacing-x100, 8px) 0;
  margin-left: var(--sjs2-spacing-x200, 16px);
  margin-right: var(--sjs2-spacing-x200, 16px);
  text-align: left;
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}

.sa-statistics-table__cell-header:first-child .sa-statistics-table__cell-header-text {
  margin-inline-start: 0;
}

.sa-statistics-table__cell-header:last-child .sa-statistics-table__cell-header-text {
  margin-inline-end: 0;
}

.sa-choices-sparkline {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--sjs2-spacing-x200, 16px) 0;
  margin-left: var(--sjs2-spacing-x200, 16px);
  margin-right: var(--sjs2-spacing-x200, 16px);
}

.sa-choices-sparkline-value {
  display: flex;
  align-items: flex-start;
  height: var(--sjs2-size-x100, 8px);
  border-radius: var(--sjs2-radius-round, 9999px);
  background: var(--sjs2-color-data-chart-bg-color-1, #84cad4);
}

.sa-visualizer-nps {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px var(--sjs2-spacing-x200, 16px);
  align-self: stretch;
  flex-wrap: wrap;
}

.sa-visualizer-nps__score-part {
  display: flex;
  min-width: calc(var(--sjs2-base-unit-size, 8px) * 32);
  padding: var(--sjs2-spacing-x200, 16px) var(--sjs2-spacing-x300, 24px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sjs2-spacing-x300, 24px);
  flex: 1 0 0;
  border-radius: var(--sjs2-radius-form, 8px);
  border: var(--sjs2-border-width-x100, 1px) dashed var(--sjs2-color-border-basic-secondary, #d4d4d4);
  background: var(--sjs2-color-bg-basic-primary, #fff);
}

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

.sa-visualizer-nps__score-part-values {
  display: flex;
  align-items: flex-start;
  gap: var(--sjs2-spacing-x300, 24px);
  align-self: stretch;
}

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

.sa-visualizer-nps__score-part-percent {
  color: var(--sjs2-color-fg-brand-primary, #19b394);
  text-align: right;
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-large);
  line-height: var(--sjs2-typography-line-height-large);
}

.sa-date-range {
  display: flex;
  align-items: center;
  align-self: stretch;
  align-content: center;
  gap: 16px var(--sjs2-spacing-x200, 16px);
  flex-wrap: wrap;
}

.sa-date-range-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  max-width: min-content;
}

.sa-date-range_editors {
  display: flex;
  align-items: center;
  gap: var(--sjs2-spacing-x150, 12px);
}

.sa-date-range_editor {
  display: flex;
}

.sa-date-range_editor-formbox {
  display: flex;
  box-sizing: border-box;
  padding: var(--sjs2-layout-component-formbox-small-padding-vertical) var(--sjs2-layout-component-formbox-small-padding-horizontal);
  height: var(--sjs2-size-small);
  align-items: flex-start;
  gap: var(--sjs2-layout-component-formbox-small-gap);
  align-self: stretch;
  border-radius: var(--sjs2-radius-form, 8px);
  background: var(--sjs2-color-component-formbox-default-bg, rgba(28, 27, 32, 0.05));
  box-shadow: var(--sjs2-border-effect-component-formbox-default);
}
.sa-date-range_editor-formbox:focus-visible {
  background: var(--sjs2-color-component-formbox-focused-bg, #f5f5f5);
  box-shadow: var(--sjs2-border-effect-component-formbox-focused);
}

.sa-date-range_include-today {
  display: flex;
  padding: var(--sjs2-spacing-x100, 8px) 0;
  flex-direction: column;
  align-items: flex-start;
}

.sa-date-range_include-today-checkbox {
  display: flex;
  align-items: flex-start;
  gap: var(--sjs2-spacing-x100, 8px);
  align-self: stretch;
}

.sa-date-range_include-today-button {
  display: flex;
  width: var(--sjs2-size-x300, 24px);
  height: var(--sjs2-size-x300, 24px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: var(--sjs2-radius-component-checkbox, 4px);
  background: var(--sjs2-color-component-checkbox-false-default-bg);
  box-shadow: var(--sjs2-border-effect-component-checkbox-false-default);
}
.sa-date-range_include-today-button .sa-date-range_include-today-check {
  display: none;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.sa-date-range_include-today-checkbox--checked {
  background: var(--sjs2-color-component-checkbox-true-default-bg);
  box-shadow: var(--sjs2-border-effect-component-checkbox-true-default);
}
.sa-date-range_include-today-checkbox--checked .sa-date-range_include-today-check {
  display: block;
  fill: var(--sjs2-color-component-checkbox-true-default-icon);
}

.sa-date-range_include-today-caption {
  display: flex;
  align-items: flex-start;
  gap: var(--sjs2-spacing-x050, 4px);
  align-self: stretch;
}

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

.sa-date-range_dropdown {
  align-self: self-start;
}

.sa-range-error {
  display: none;
  align-items: flex-start;
  align-self: stretch;
}

.sa-range-error_panel {
  display: flex;
  padding: var(--sjs2-spacing-x100, 8px) var(--sjs2-spacing-x150, 12px);
  align-items: flex-start;
  gap: var(--sjs2-spacing-x100, 8px);
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--sjs2-radius-form, 8px);
  background: var(--sjs2-color-component-message-error-bg, rgba(229, 10, 62, 0.1));
}

.sa-range-error_text {
  flex: 1 0 0;
  color: var(--sjs2-color-component-message-error-text, #1c1b20);
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}

.sa-date-range--invalid .sa-range-error {
  display: flex;
  padding-top: var(--sjs2-spacing-x100, 8px);
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.sa-date-range_editor--invalid .sa-date-range_editor-formbox {
  background: var(--sjs2-color-component-formbox-invalid-bg, #f5f5f5);
  box-shadow: var(--sjs2-border-effect-component-formbox-invalid);
}

.sa-date-range_editor-content {
  display: flex;
  padding: var(--sjs2-layout-component-input-small-content-padding-vertical) var(--sjs2-layout-component-input-small-content-padding-horizontal);
  align-items: flex-start;
  flex: 1 0 0;
}

.sa-date-range_editor-input {
  flex: 1 0 auto;
  min-width: max-content;
  color: var(--sjs2-color-component-input-default-value, #1c1b20);
  background: transparent;
  border: none;
  outline: none;
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}

.sa-vertical-divider {
  display: flex;
  width: 1px;
  height: 40px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.sa-vertical-divider .sa-line {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  background: var(--sjs2-color-border-basic-secondary, #d4d4d4);
}

@media screen and (max-width: 600px) {
  .sa-vertical-divider {
    display: none;
  }
}
.sa-horizontal-divider {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.sa-horizontal-divider .sa-line {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  height: var(--sjs2-border-width-x100, 1px);
  background: var(--sjs2-color-border-basic-secondary, #d4d4d4);
}

.sa-count {
  display: flex;
  padding: var(--sjs2-spacing-x100, 8px) 0;
  justify-content: center;
  align-items: center;
  align-self: self-start;
  gap: 10px;
}

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

.sa-series-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.sa-series-list__title {
  display: flex;
  padding: var(--sjs2-spacing-x100, 8px) var(--sjs2-size-x000, 0.001px);
  align-items: center;
  align-self: stretch;
  color: var(--sjs2-color-fg-basic-secondary, rgba(28, 27, 32, 0.6));
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}

.sa-series-list__items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sjs2-spacing-x200, 16px);
  align-self: stretch;
}

.sa-series-settings {
  display: flex;
  padding: var(--sjs2-spacing-x150, 12px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sjs2-spacing-x100, 8px);
  align-self: stretch;
  border-radius: var(--sjs2-radius-x200, 16px);
  border: 1px solid var(--sjs2-color-border-basic-secondary, #d4d4d4);
  background: var(--sjs2-color-bg-basic-primary, #fff);
}

.sa-series-settings__legend-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sjs2-spacing-x000, 0);
  align-self: stretch;
}

.sa-series-settings__legend,
.sa-series-settings__values-label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.sa-series-settings__legend-inner,
.sa-series-settings__values-label-inner {
  display: flex;
  height: 40px;
  padding: var(--sjs2-spacing-x100, 8px) var(--sjs2-size-x000, 0.001px);
  align-items: center;
  flex: 1 0 0;
}

.sa-series-settings__legend-text,
.sa-series-settings__values-label-text {
  overflow: hidden;
  color: var(--sjs2-color-fg-basic-secondary, rgba(28, 27, 32, 0.6));
  text-overflow: ellipsis;
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}

.sa-series-settings__legend-controls {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.sa-series-settings__values-controls {
  display: flex;
  align-items: flex-start;
  gap: var(--sjs2-spacing-x150, 12px);
  align-self: stretch;
}

.sa-series-settings__values-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sjs2-spacing-x000, 0);
  align-self: stretch;
}

.sa-series-settings__actions {
  display: flex;
  padding-top: var(--sjs2-spacing-x200, 16px);
  justify-content: flex-end;
  align-items: flex-start;
  gap: var(--sjs2-spacing-x150, 12px);
  align-self: stretch;
}

.sa-series-settings__action-button {
  display: flex;
  padding: var(--sjs2-spacing-x150, 12px);
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  cursor: pointer;
  border-radius: var(--sjs2-radius-component-action, 8px);
  background: var(--sjs2-color-bg-neutral-secondary, #f5f5f5);
}
.sa-series-settings__action-button:hover {
  background: var(--sjs2-color-component-action-neutral-secondary-hovered-bg, #ededed);
}
.sa-series-settings__action-button:focus-visible {
  box-shadow: var(--sjs2-border-effect-component-action-a11y);
  outline: none;
}

.sa-series-settings__action-button-text {
  display: flex;
  padding: 0 var(--sjs2-spacing-x100, 8px);
  justify-content: center;
  align-items: center;
  color: var(--sjs2-color-fg-neutral-primary, #1c1b20);
  text-align: center;
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}
.sa-series-settings__action-button-text:hover {
  color: var(--sjs2-color-component-action-neutral-secondary-hovered-label, #1c1b20);
}

.sa-series-settings__remove-button {
  display: flex;
  flex: 1 0 0;
  padding: var(--sjs2-spacing-x150, 12px);
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: var(--sjs2-radius-component-action, 8px);
  background: var(--sjs2-color-component-action-alert-secondary-default-bg, rgba(229, 10, 62, 0.1));
}
.sa-series-settings__remove-button:hover {
  background: var(--sjs2-color-component-action-alert-secondary-hovered-bg, rgba(229, 10, 62, 0.15));
}
.sa-series-settings__remove-button:focus-visible {
  box-shadow: var(--sjs2-border-effect-component-action-a11y);
  outline: none;
}

.sa-series-settings__remove-button-text {
  display: flex;
  padding: 0 var(--sjs2-spacing-x100, 8px);
  justify-content: center;
  align-items: center;
  color: var(--sjs2-color-component-action-alert-secondary-default-label, #c30935);
  text-align: center;
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}
.sa-series-settings__remove-button-text:hover {
  color: var(--sjs2-color-component-action-alert-secondary-hovered-label, #c30935);
}

.sa-sidebar--opened .sa-series-settings__dropdown {
  flex: 1;
  min-width: 0;
}
.sa-sidebar--opened .sa-series-settings__dropdown--value {
  flex: 1;
  min-width: 0;
}
.sa-sidebar--opened .sa-series-settings__dropdown--aggregation {
  flex: 0 0 auto;
  min-width: 90px;
  width: fit-content;
}

.sa-series-list__add-button {
  display: flex;
  align-items: center;
  align-self: stretch;
}

.sa-series-list__add-button-box {
  margin-top: var(--sjs2-spacing-x100, 8px);
  cursor: pointer;
  display: flex;
  padding: var(--sjs2-spacing-x150, 12px);
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  border-radius: var(--sjs2-radius-component-action, 8px);
  background: var(--sjs2-color-bg-brand-secondary, rgba(25, 179, 148, 0.1));
}
.sa-series-list__add-button-box:hover {
  background: var(--sjs2-color-component-action-brand-secondary-hovered-bg, rgba(25, 179, 148, 0.15));
}
.sa-series-list__add-button-box:focus-visible {
  box-shadow: var(--sjs2-border-effect-component-action-a11y);
  outline: none;
}

.sa-series-list__add-button-icon {
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
}
.sa-series-list__add-button-icon use {
  fill: var(--sjs2-color-fg-brand-primary, #19b394);
}

.sa-series-list__add-button-label {
  display: flex;
  padding: 0 var(--sjs2-spacing-x100, 8px);
  justify-content: center;
  align-items: center;
}

.sa-series-list__add-button-caption {
  color: var(--sjs2-color-fg-brand-primary, #19b394);
  text-align: center;
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}
.sa-series-list__add-button-caption:hover {
  color: var(--sjs2-color-component-action-brand-secondary-hovered-label, #19b394);
}

.sa-pivot__secondary-y-block {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: var(--sjs2-spacing-x300, 24px);
}

.sa-sidebar {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  width: min(540px, 90vw);
  max-width: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: var(--sjs2-color-utility-sheet, #fff);
  box-shadow: var(--sjs2-border-effect-floating-default, 0 4px 12px 0 rgba(0, 76, 68, 0.1));
  transform: translateX(100%);
  transition: transform 0.25s ease;
}

.sa-sidebar--opened .sa-dropdown {
  width: 100%;
  flex-direction: column;
  flex-grow: 0;
}
.sa-sidebar--opened .sa-dropdown-container {
  width: 100%;
  flex-grow: 0;
}
.sa-sidebar--opened .sa-dropdown-list.sa-dropdown--opened {
  min-width: calc(100% - var(--sjs2-spacing-x100, 8px) * 2);
  max-width: calc(100% - var(--sjs2-spacing-x100, 8px) * 2);
}
.sa-sidebar--opened {
  transform: translateX(0);
}

.sa-sidebar__backdrop {
  position: fixed;
  inset: 0;
  z-index: 9998;
  background: transparent;
  pointer-events: none;
  transition: background 0.2s ease;
}
.sa-sidebar__backdrop .sa-sidebar--opened {
  pointer-events: auto;
  background: var(--sjs2-color-utility-overlay, rgba(66, 65, 70, 0.6));
}

.sa-sidebar__header {
  display: flex;
  padding: var(--sjs2-spacing-x300, 24px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sjs2-spacing-x300, 24px);
  align-self: stretch;
  border-bottom: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #d4d4d4);
  background: var(--sjs2-color-utility-sheet, #fff);
}

.sa-sidebar__title {
  display: flex;
  padding-right: var(--sjs2-spacing-x500, 40px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sjs2-spacing-x400, 32px);
  align-self: stretch;
}

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

.sa-sidebar__close {
  position: absolute;
  right: 12px;
  top: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--sjs2-spacing-x100, 8px);
  border-radius: var(--sjs2-radius-component-action, 8px);
  background: transparent;
  border: none;
  cursor: pointer;
}
.sa-sidebar__close:focus-visible {
  box-shadow: var(--sjs2-border-effect-component-action-a11y);
  outline: none;
}
.sa-sidebar__close .sa-sidebar:hover {
  background: var(--sjs2-color-bg-neutral-tertiary-dim, rgba(95, 94, 97, 0.1));
}
.sa-sidebar__close .sa-sidebar:hover use {
  fill: var(--sjs2-color-fg-basic-primary-muted, #424146);
}
.sa-sidebar__close use {
  fill: var(--sjs2-color-fg-basic-tertiary, rgba(28, 27, 32, 0.4));
}
.sa-sidebar__close svg {
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
}

.sa-sidebar__content {
  overflow: auto;
  height: 100%;
  display: flex;
  padding: var(--sjs2-spacing-x300, 24px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sjs2-spacing-x300, 24px);
  align-self: stretch;
}

.sa-sidebar__divider {
  display: flex;
  padding: var(--sjs2-spacing-x000, 0) 0;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.sa-sidebar__divider-line {
  display: flex;
  max-width: 10000px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.sa-sidebar__divider-separator {
  height: var(--sjs2-border-width-x100, 1px);
  align-self: stretch;
  background: var(--sjs2-color-border-basic-secondary, #d4d4d4);
}

.sa-toggle-container {
  display: flex;
  gap: var(--sjs2-spacing-x100, 8px);
}
@media screen and (max-width: 600px) {
  .sa-toggle-container {
    width: 100%;
    justify-content: end;
  }
}

.sa-toggle-element {
  display: flex;
  padding: var(--sjs2-spacing-x075, 6px);
  width: calc(2 * var(--sjs2-size-x150, 12px) + var(--sjs2-spacing-x050, 4px));
  align-items: center;
  gap: var(--sjs2-spacing-x050, 4px);
  transition: background-color 0.3s ease;
  border-radius: var(--sjs2-radius-component-toggle, 9999px);
  outline: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-component-toggle-false-default-border, #d4d4d4);
  background: var(--sjs2-color-component-toggle-false-default-bg, #f5f5f5);
}
.sa-toggle-element:hover {
  background: var(--sjs2-color-component-toggle-false-hovered-bg, #ededed);
  outline: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-component-toggle-false-hovered-border, #d4d4d4);
}
.sa-toggle-element:hover .sa-toggle-handle {
  background: var(--sjs2-color-component-toggle-false-hovered-thumb, rgba(28, 27, 32, 0.6));
}
.sa-toggle-element:focus-visible {
  box-shadow: var(--sjs2-border-effect-component-toggle-a11y);
  outline: none;
}

.sa-toggle-element.active {
  outline: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-component-toggle-true-default-border, #19b394);
  background: var(--sjs2-color-component-toggle-true-default-bg, #19b394);
}
.sa-toggle-element.active:hover {
  outline: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-component-toggle-true-hovered-border, #19b394);
  background: var(--sjs2-color-component-toggle-true-hovered-bg, #15987e);
}
.sa-toggle-element.active:hover .sa-toggle-handle {
  background: var(--sjs2-color-component-toggle-true-hovered-thumb, #fff);
}
.sa-toggle-element.active:focus-visible {
  box-shadow: var(--sjs2-border-effect-component-toggle-a11y);
  outline: none;
}

.sa-toggle-handle {
  display: flex;
  width: var(--sjs2-size-x150, 12px);
  height: var(--sjs2-size-x150, 12px);
  justify-content: center;
  align-items: center;
  transition: transform 0.3s ease, background-color 0.3s ease;
  border-radius: var(--sjs2-radius-component-toggle-thumb, 9999px);
  background: var(--sjs2-color-component-toggle-false-default-thumb, rgba(28, 27, 32, 0.6));
}

.sa-toggle-element.active .sa-toggle-handle {
  background: var(--sjs2-color-component-toggle-true-default-thumb, #fff);
  transform: translateX(calc(var(--sjs2-size-x150, 12px) + var(--sjs2-spacing-x050, 4px)));
}

.sa-toggle-text {
  flex: 1 0 0;
  color: var(--sjs2-color-fg-basic-primary, #1c1b20);
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}
@media screen and (max-width: 600px) {
  .sa-toggle-text {
    flex: unset;
  }
}

.sa-visualizer .sa-pie-charts {
  display: flex;
  flex-wrap: wrap;
}
.sa-visualizer .sa-pie-chart {
  width: 50%;
}
/*# sourceMappingURL=survey.analytics.chartjs.css.map */