.lsf-button-ls {
  --button-color: var(--color-neutral-content);
  --button-background-color: var(--color-neutral-surface-hover);
  --button-background-image: none;
  --button-shadow: inset 0 -1px 1px rgba(var(--color-neutral-shadow-raw) / 4%);
  --button-content-align: center;
  --button-content-justify: center;
  --button-events: all;
  --button-extra-color: var(--color-primary-surface-content-subtle);
  --button-height: 40px;
  --button-width: auto;
  --button-min-width: 0;
  --icon-size: 16px;
  --button-padding: 0 16px;
  --button-radius: var(--corner-radius-smaller);
  --button-font-size: var(--font-size-400);
  --button-margin-left: 0;
  --button-margin-right: 0;
  --button-border: 1px solid var(--color-neutral-border);
  --button-gap: 6px;
  border: var(--button-border);
  cursor: pointer;
  outline: none;
  flex-shrink: 0;
  display: inline-flex;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  box-shadow: var(--button-shadow);
  color: var(--button-color) !important;
  font-size: var(--button-font-size);
  font-family: var(--font-sans);
  font-weight: var(--font-weight-500);
  line-height: var(--font-line-height-medium);
  width: var(--button-width);
  height: var(--button-height);
  min-width: var(--button-min-width);
  padding: var(--button-padding);
  align-items: var(--button-content-align);
  justify-content: var(--button-content-justify);
  margin-left: var(--button-margin-left);
  margin-right: var(--button-margin-right);
  background-color: var(--button-background-color);
  background-image: var(--button-background-image);
  pointer-events: var(--button-events);
  border-radius: var(--button-radius);
  text-decoration: none;
  gap: var(--button-gap);
  transition: all 150ms ease-out;
}
.lsf-button-ls:hover:not(:disabled, .lsf-button-ls_waiting, .lsf-button-ls_look_danger, .lsf-button-ls_look_primary) {
  --button-color: var(--color-neutral-content);
  --button-background-color: var(--color-neutral-surface-hover);
  --button-border-color: var(--color-neutral-border-bold);
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
}
.lsf-button-ls:active {
  color: var(--button-color);
  --button-background-image: linear-gradient(0deg, transparent, rgba(var(--color-neutral-shadow-raw) / 4%));
}
.lsf-button-ls:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-primary-focus-outline);
}
.lsf-button-ls_waiting, .lsf-button-ls:disabled, .lsf-button-ls_disabled {
  --button-color: var(--color-neutral-content-subtlest);
  --button-background-color: var(--color-neutral-background);
  --button-events: none;
  border: 1px solid var(--color-neutral-border);
}
.lsf-button-ls_waiting svg, .lsf-button-ls:disabled svg, .lsf-button-ls_disabled svg {
  color: var(--color-neutral-content-subtlest) !important;
}
.lsf-button-ls__extra {
  --button-font-size: var(--font-size-300);
  line-height: var(--font-line-height-small);
  display: flex;
  color: var(--button-extra-color);
  align-items: center;
  margin-left: 7px;
  margin-right: -7px;
}
.lsf-button-ls__label {
  padding: 0 var(--spacing-tight);
}
.lsf-button-ls__icon {
  display: flex;
  width: var(--icon-size);
  height: var(--icon-size);
  align-items: center;
}
.lsf-button-ls__icon:only-child {
  flex: 1;
  --button-content-align: center;
  --button-content-justify: center;
}
.lsf-button-ls__icon svg {
  width: 100%;
  height: 100%;
}
.lsf-button-ls_align_left {
  --button-content-justify: flex-start;
}
.lsf-button-ls_align_right {
  --button-content-justify: flex-end;
}
.lsf-button-ls_type_text, .lsf-button-ls_type_link {
  --button-padding: 0;
  min-width: 0;
  --button-background-color: none;
  border: none;
}
.lsf-button-ls_type_link {
  --button-color: var(--primary_link);
}
.lsf-button-ls_look_primary {
  --button-color: var(--color-primary-surface-content);
  --button-background-color: var(--color-primary-surface);
  --button-border: 1px solid var(--color-primary-border);
  box-shadow: inset 0 -1px 2px rgba(var(--color-neutral-shadow-raw)/10%);
}
.lsf-button-ls_look_primary:hover:not(:disabled, .lsf-button-ls_waiting) {
  --button-background-color: var(--color-primary-surface-hover);
  --button-color: var(--color-primary-surface-content);
}
.lsf-button-ls_look_primary:active:not(:disabled) {
  --button-background-color: var(--color-primary-content);
}
.lsf-button-ls_look_primary:focus:not(:disabled) {
  box-shadow: 0 0 0 4px var(--color-primary-focus-outline);
}
.lsf-button-ls_look_danger {
  --button-color: var(--color-negative-content);
  border-color: var(--color-negative-border);
}
.lsf-button-ls_look_danger:hover:not(:disabled, .lsf-button-ls_look_danger_waiting) {
  --button-color: var(--color-neutral-content);
  border-color: var(--color-negative-border-bold);
  background: var(--color-negative-emphasis-subtle);
}
.lsf-button-ls_look_destructive {
  --button-color: var(--color-negative-surface-content);
  --button-background-color: var(--color-negative-surface);
  border-color: var(--color-negative-border);
}
.lsf-button-ls_look_destructive:hover:not(:disabled, .lsf-button-ls_waiting) {
  --button-color: var(--color-negative-surface-content);
  background: var(--color-negative-surface-hover);
  border-color: var(--color-negative-border-bold);
}
.lsf-button-ls_look_destructive:active {
  --button-background-color: var(--color-negative-surface-active);
  border-color: var(--color-negative-border-bold);
}
.lsf-button-ls_look_ghost {
  --button-color: var(--color-neutral-background);
  border: none;
  --button-background-color: transparent;
}
.lsf-button-ls_look_danger:disabled, .lsf-button-ls_look_danger .lsf-button-ls_waiting, .lsf-button-ls_look_danger .lsf-button-ls_disabled {
  --button-color: var(--color-negative-content-subtlest);
}
.lsf-button-ls_look_destructive:disabled, .lsf-button-ls_look_destructive .lsf-button-ls_waiting, .lsf-button-ls_look_destructive .lsf-button-ls_disabled {
  --button-color: var(--color-neutral-content-subtlest);
  --button-background-color: var(--color-neutral-background);
}
.lsf-button-ls_look_primary:disabled, .lsf-button-ls_look_primary.lsf-button-ls_disabled {
  --button-color: var(--color-neutral-content-subtlest);
  --button-background-color: var(--color-neutral-background);
  border: 1px solid var(--color-neutral-border);
}
.lsf-button-ls_look_primary.lsf-button-ls_waiting {
  --button-color: var(--color-primary-surface-content);
}
.lsf-button-ls_size_compact {
  --button-height: 36px;
  --icon-size: 16px;
  --button-font-size: var(--font-size-300);
}
.lsf-button-ls_size_medium {
  --button-height: 32px;
  --icon-size: 16px;
  --button-font-size: var(--font-size-300);
}
.lsf-button-ls_size_small {
  --button-height: 24px;
  --icon-size: 12px;
  --button-font-size: var(--font-size-200);
  --button-padding: 0 10px;
}
.lsf-button-ls_size_large {
  --button-height: 40px;
  --icon-size: 28px;
  --button-font-size: var(--font-size-400);
}
.lsf-button-ls_size_small.lsf-button-ls__extra {
  --button-margin-left: 5px;
  --button-margin-right: -5px;
}
.lsf-button-ls_size_medium.lsf-button-ls__extra {
  --button-margin-left: 7px;
  --button-margin-right: -7px;
}
.lsf-button-ls_size_compact.lsf-button-ls__extra {
  --button-margin-left: 7px;
  --button-margin-right: -7px;
}
.lsf-button-ls_size_large.lsf-button-ls__extra {
  --button-margin-left: 10px;
  --button-margin-right: -10px;
}
.lsf-button-ls_withIcon:not(.lsf-button-ls_type_link).lsf-button-ls_noContent {
  border: none;
}
.lsf-button-ls_withIcon:not(.lsf-button-ls_type_link, .lsf-button-ls_noContent) {
  --button-padding: 0 14px;
}
.lsf-button-ls_withIcon .lsf-button-ls_size_small:not(.lsf-button-ls_noContent) {
  --button-padding: 0 10px;
}
.lsf-button-ls_withIcon {
  --button-content-justify: space-between;
}
.lsf-button-ls_withIcon:not(.lsf-button-ls_noContent) {
  --button-padding: 0 14px;
}
.lsf-button-ls_withIcon.lsf-button-ls_size_small {
  --button-padding: 0 10px;
}
.lsf-button-ls_waiting {
  pointer-events: none;
  background-repeat: repeat;
  background-position: 40px;
  background-size: 37px 100%;
  --button-background-image: var(--button-waiting-animation-bg);
  --button-background-color: var(--color-neutral-background);
  animation: lsf-button-waiting 1s linear infinite;
}
.lsf-button-ls_waiting.lsf-button-ls_look_primary {
  --button-background-image: var(--primary-button-waiting-animation-bg);
  --button-background-color: var(--color-primary-surface);
}
.lsf-button-ls_waiting.lsf-button-ls_look_danger, .lsf-button-ls_waiting.lsf-button-ls_look_destructive {
  --button-background-color: var(--color-negative-emphasis-subtle);
  background-image: var(--negative-button-waiting-animation-bg);
}
.lsf-button-ls_size_small .lsf-button-ls__icon {
  width: 12px;
}
.lsf-button-ls_size_small .lsf-button-ls__icon:not(:only-child) {
  --button-margin-right: 8px;
}
.lsf-button-ls_noContent {
  --button-min-width: var(--button-height);
  --button-padding: 0;
  border: none;
}
.lsf-button-group-ls {
  display: flex;
}
.lsf-button-group-ls:not(.lsf-button-group-ls_collapsed) .lsf-button-ls + .lsf-button-ls {
  --button-margin-left: 16px;
}
.lsf-button-group-ls_collapsed .lsf-button-ls:first-child {
  --button-radius: 5px 0 0 5px;
}
.lsf-button-group-ls_collapsed .lsf-button-ls:last-child {
  --button-radius: 0 5px 5px 0;
}
.lsf-button-group-ls_collapsed .lsf-button-ls:not(:first-child, :last-child) {
  --button-radius: 0;
}
@keyframes lsf-button-waiting {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 37px 0;
  }
}
.lsf-space-ls {
  display: grid;
  grid-gap: 16px;
  grid-auto-flow: column;
  align-items: center;
  grid-auto-columns: max-content;
}
.lsf-space-ls_direction_horizontal {
  grid-auto-flow: column;
  align-items: center;
  grid-auto-columns: max-content;
}
.lsf-space-ls_direction_vertical {
  grid-auto-flow: row;
  justify-content: center;
  grid-auto-rows: max-content;
}
.lsf-space-ls_spread {
  width: 100%;
  justify-content: space-between;
}
.lsf-space-ls_align_start {
  justify-content: flex-start;
}
.lsf-space-ls_align_end {
  justify-content: flex-end;
}
.lsf-space-ls_stretch .lsf-space-ls_direction_horizontal {
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
}
.lsf-space-ls_size_large {
  grid-gap: 32px;
}
.lsf-space-ls_size_small {
  grid-gap: 12px;
}
.lsf-inline-error {
  width: 100%;
  padding: 16px;
  border-radius: 5px;
  box-sizing: border-box;
  background-color: var(--color-neutral-background);
}

.lsf-error-message {
  max-width: 100%;
}

.lsf-error-message__heidi {
  display: block;
  margin: 32px auto 0;
}

.lsf-error-message__title {
  text-transform: uppercase;
  text-align: center;
  font-size: 20px;
  margin: 32px auto;
  color: var(--color-negative-content);
}

.lsf-error-message__detail {
  font-size: 24px;
  font-weight: bold;
  color: var(--color-neutral-content);
  margin: 16px 0;
  white-space: pre-line;
  word-break: break-word;
}

.lsf-error-message__exception {
  margin: 15px 0;
}

.lsf-error-message__stacktrace {
  margin: 16px 0;
  padding: 16px;
  overflow: auto;
  line-height: 26px;
  max-height: 200px;
  white-space: pre;
  border-radius: 5px;
  content: var(--color-neutral-content);
  background-color: var(--color-neutral-surface);
  font-family: var(--font-mono);
}

.lsf-error-message__version {
  font-size: 14px;
  font-weight: bold;
  margin: 16px 0;
}

.lsf-error-message__validation {
  padding: 0;
  margin: 16px 0;
  list-style-type: none;
  max-height: 300px;
  overflow-y: auto;
}

.lsf-error-message__message {
  margin: 5px 0;
  color: var(--color-neutral-content-subtle);
  padding: 0;
  white-space: pre-line;
  word-break: break-word;
}

.lsf-error-message__actions {
  display: flex;
  padding: 16px 0 0;
}

.lsf-error-message__slack {
  margin-right: auto;
  display: flex;
  align-items: center;
}

.lsf-error-message__slack img {
  height: 16px;
  width: 16px;
  margin-right: 8px;
}
.lsf-modal {
  --transition-duration: 100ms;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--color-neutral-shadow-raw)/70%);
  will-change: opacity;
  backdrop-filter: blur(30px);
}
.lsf-modal_optimize .lsf-modal__wrapper {
  will-change: transform;
}
.lsf-modal__wrapper {
  width: 100%;
  max-height: 100%;
  padding: 40px 0;
  overflow: auto;
  box-sizing: border-box;
}
.lsf-modal__content {
  width: 400px;
  min-width: 400px;
  min-height: 100px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  background-color: var(--color-neutral-background);
  border-radius: 0.5rem;
  box-shadow: 0 10px 30px rgb(var(--color-neutral-shadow-raw)/calc(30% * var(--shadow-intensity))), inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -2px rgba(var(--color-neutral-shadow-raw)/24%);
  overflow: auto;
}
.lsf-modal__header {
  display: flex;
  min-height: 40px;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 2rem;
  box-sizing: content-box;
}
.lsf-modal__header_divided {
  border-bottom: 1px solid var(--color-neutral-border);
}
.lsf-modal__title {
  margin: 0;
  margin-right: auto;
  font-size: 1.75rem;
  font-weight: 500;
  color: var(--color-neutral-content);
}
.lsf-modal__body {
  flex: 1;
  padding: 0 2rem 2rem;
  min-height: 0;
  line-height: 140%;
  color: var(--color-neutral-content-subtle);
}
.lsf-modal__body_bare {
  padding: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.lsf-modal__footer {
  padding: 1rem 1.5rem;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-neutral-content-subtle);
}
.lsf-modal__footer a {
  color: var(--color-primary-content);
}
.lsf-modal__footer a:hover {
  color: var(--color-primary-content-hover);
  text-decoration: underline;
}
.lsf-modal__footer:not(.lsf-modal__footer_bare) {
  background: var(--color-neutral-surface);
  box-shadow: inset 0 1px 0 var(--color-neutral-border);
}
.lsf-modal__close {
  border: none;
  --icon-size: 24px;
}
.lsf-modal_fullscreen .lsf-modal__content {
  width: calc(100vw - 80px);
  height: calc(100vh - 80px);
}
.lsf-modal_visible {
  opacity: 0;
  transition: opacity var(--transition-duration) ease;
}
.lsf-modal_visible .lsf-modal__wrapper {
  transform: scale(1.05);
  transition: transform var(--transition-duration) ease;
}
.lsf-modal.lsf-visible {
  opacity: 1;
}
.lsf-modal.lsf-visible .lsf-modal__wrapper {
  transform: none;
}
.lsf-modal.lsf-before-appear {
  opacity: 0;
}
.lsf-modal.lsf-before-appear .lsf-modal__wrapper {
  transform: scale(1.05);
}
.lsf-modal.lsf-appear {
  opacity: 1;
}
.lsf-modal.lsf-appear .lsf-modal__wrapper {
  transform: scale(1);
}
.lsf-modal.lsf-before-disappear {
  opacity: 1;
}
.lsf-modal.lsf-before-disappear .lsf-modal__wrapper {
  transform: scale(1);
}
.lsf-modal.lsf-disappear {
  opacity: 0;
}
.lsf-modal.lsf-disappear .lsf-modal__wrapper {
  transform: scale(1.05);
}
.base--kfuBd {
  --background-image: none;
  --background-color: var(--color-primary-surface);
  --border-color: var(--color-primary-border-bold);
  --border-color-hover: var(--border-color);
  --text-color: var(--color-primary-surface-content);
  --focus-outline: var(--color-primary-focus-outline);
  --background-color-hover: var(--color-primary-surface-hover);
  --background-color-active: var(--color-primary-surface-active);
  --wait-color-value: var(--color-primary-emphasis-subtle);
  --wait-color-value-outline: var(--color-primary-emphasis);
  --wait-color-opacity: 10%;
  --wait-color: color-mix(in lab, var(--wait-color-value) var(--wait-color-opacity), transparent);
  --focus-shadow: 0 0 0 4px var(--focus-outline);
  --emboss-shadow: inset 0 1px 0 rgb(var(--white-raw) / 10%), inset 0 -1px 0 rgb(var(--black-raw) / 10%);
  --emboss-shadow-active: inset 0 -1px 0 rgb(var(--white-raw) / 5%), inset 0 1px 0 rgb(var(--black-raw) / 10%);
  font-size: var(--font-size-label-medium);
  font-weight: 500;
  box-shadow: var(--emboss-shadow);
  background-color: var(--background-color);
  background-image: var(--background-image);
  border-color: var(--border-color);
  color: var(--text-color);
  text-align: center;
}
.base--kfuBd > span {
  display: inline-flex;
  flex: 1 1 0%;
  align-items: center;
  white-space: pre;
  padding-left: var(--spacing-tight);
  padding-right: var(--spacing-tight);
}
.base--kfuBd svg {
  display: inline-block;
  aspect-ratio: 1 / 1;
  height: 1.5rem;
}
.base--kfuBd > span:not(:has(text)):has(svg:only-child) {
  aspect-ratio: 1 / 1;
  height: 100%;
  width: 100%;
  padding: var(--spacing-0);
}
.base--kfuBd:hover {
  background-color: var(--background-color-hover);
  border-color: var(--border-color-hover);
}
.base--kfuBd:active {
  --emboss-shadow: var(--emboss-shadow-active);
  background-color: var(--background-color-active);
  border-color: var(--border-color-hover);
}
.base--kfuBd:focus {
  box-shadow: var(--emboss-shadow), var(--focus-shadow);
}
.base--kfuBd:disabled:not(.waiting--a196M), .base--kfuBd:disabled:not(.waiting--a196M):hover, .base--kfuBd:disabled:not(.waiting--a196M):focus, .base--kfuBd:disabled:not(.waiting--a196M):active {
  --background-color-hover: var(--color-neutral-surface);
  --background-color-active: var(--color-neutral-surface);
  --border-color-hover: var(--color-neutral-border);
  --background-color: var(--color-neutral-surface);
  --border-color: var(--color-neutral-border);
  --text-color: var(--color-neutral-content-subtlest);
  box-shadow: none;
  text-shadow: none;
  cursor: not-allowed;
}
.variant-primary--iJ0oY {
  --background-color: var(--color-primary-surface);
  --border-color: var(--color-primary-border-bold);
  --text-color: var(--color-primary-surface-content);
  --background-color-hover: var(--color-primary-surface-hover);
  --background-color-active: var(--color-primary-surface-active);
  --focus-outline: var(--color-primary-focus-outline);
  --background-color-hover-outline: var(--color-primary-emphasis-subtle);
  --background-color-active-outline: var(--color-primary-emphasis);
  --border-outline: var(--color-primary-border);
  --text-outline: var(--color-primary-content);
  --wait-color-value: var(--color-primary-emphasis-subtle);
  --wait-color-value-outline: var(--color-primary-emphasis);
  --wait-color-opacity: 10%;
}
.variant-neutral--sbB27 {
  --background-color: var(--color-neutral-surface);
  --border-color: var(--color-neutral-border-bold);
  --text-color: var(--color-neutral-surface-content);
  --background-color-hover: var(--color-neutral-surface-hover);
  --background-color-active: var(--color-neutral-surface-active);
  --focus-outline: var(--color-primary-focus-outline);
  --background-color-hover-outline: var(--color-neutral-emphasis-subtle);
  --background-color-active-outline: var(--color-neutral-emphasis);
  --border-outline: var(--color-neutral-border);
  --text-outline: var(--color-neutral-content);
  --wait-color-value: var(--color-neutral-inverted-surface);
  --wait-color-value-outline: var(--color-neutral-inverted-surface);
  --wait-color-opacity: 5%;
}
.variant-negative--FkQhk {
  --background-color: var(--color-negative-surface);
  --border-color: var(--color-negative-border-bold);
  --text-color: var(--color-negative-surface-content);
  --background-color-hover: var(--color-negative-surface-hover);
  --background-color-active: var(--color-negative-surface-active);
  --focus-outline: var(--color-negative-focus-outline);
  --background-color-hover-outline: var(--color-negative-emphasis-subtle);
  --background-color-active-outline: var(--color-negative-emphasis);
  --border-outline: var(--color-negative-border);
  --text-outline: var(--color-negative-content);
  --wait-color-value: var(--color-negative-emphasis-subtle);
  --wait-color-value-outline: var(--color-negative-emphasis);
  --wait-color-opacity: 10%;
}
.variant-positive--DDscT {
  --background-color: var(--color-positive-surface);
  --border-color: var(--color-positive-border-bold);
  --text-color: var(--color-positive-surface-content);
  --background-color-hover: var(--color-positive-surface-hover);
  --background-color-active: var(--color-positive-surface-active);
  --focus-outline: var(--color-positive-focus-outline);
  --background-color-hover-outline: var(--color-positive-emphasis-subtle);
  --background-color-active-outline: var(--color-positive-emphasis);
  --border-outline: var(--color-positive-border);
  --text-outline: var(--color-positive-content);
  --wait-color-value: var(--color-positive-emphasis-subtle);
  --wait-color-value-outline: var(--color-positive-emphasis);
  --wait-color-opacity: 10%;
}
.variant-warning--LaSLb {
  --background-color: var(--color-warning-surface);
  --border-color: var(--color-warning-border-bold);
  --text-color: var(--color-warning-surface-content);
  --background-color-hover: var(--color-warning-surface-hover);
  --background-color-active: var(--color-warning-surface-active);
  --focus-outline: var(--color-warning-focus-outline);
  --background-color-hover-outline: var(--color-warning-emphasis-subtle);
  --background-color-active-outline: var(--color-warning-emphasis);
  --border-outline: var(--color-warning-border);
  --text-outline: var(--color-warning-content);
  --wait-color-value: var(--color-warning-emphasis-subtle);
  --wait-color-value-outline: var(--color-warning-emphasis);
  --wait-color-opacity: 10%;
}
.variant-neutral-interted--ThZdJ {
  --background-color: var(--color-neutral-inverted-surface);
  --border-color: var(--color-neutral-inverted-border-bold);
  --text-color: var(--color-neutral-inverted-content);
  --background-color-hover: var(--color-neutral-inverted-surface-hover);
  --background-color-active: var(--color-neutral-inverted-surface-active);
  --focus-outline: var(--color-neutral-inverted-focus-outline);
  --background-color-hover-outline: var(--color-neutral-inverted-emphasis-subtle);
  --background-color-active-outline: var(--color-neutral-inverted-emphasis);
  --border-outline: var(--color-neutral-inverted-border);
  --text-outline: var(--color-neutral-inverted-content);
  --wait-color-value: var(--color-neutral-inverted-emphasis-subtle);
  --wait-color-value-outline: var(--color-neutral-inverted-emphasis);
  --wait-color-opacity: 10%;
}
.look-outlined--TKPf9:not(:disabled), .look-outlined--TKPf9.waiting--a196M {
  --background-color: transparent;
  --border-color: var(--border-outline);
  --text-color: var(--text-outline);
  --background-color-hover: var(--background-color-hover-outline);
  --background-color-active: var(--background-color-active-outline);
  --wait-color-value: var(--wait-color-value-outline);
  --wait-color-opacity: 40%;
  --emboss-shadow: 0 0 0 transparent;
  text-shadow: none;
}
.look-outlined--TKPf9:not(:disabled):active, .look-outlined--TKPf9.waiting--a196M:active {
  box-shadow: inset 0 1px 0 rgb(var(--black-raw)/10%);
}
.look-string--_Ha35:not(:disabled), .look-string--_Ha35.waiting--a196M {
  --border-color: transparent;
  --background-color: transparent;
  --text-color: var(--text-outline);
  --background-color-hover: var(--background-color-hover-outline);
  --background-color-active: var(--background-color-active-outline);
  --wait-color-value: var(--wait-color-value-outline);
  --wait-color-opacity: 40%;
  box-shadow: none;
  text-shadow: none;
}
.look-string--_Ha35:not(:disabled).waiting--a196M, .look-string--_Ha35.waiting--a196M.waiting--a196M {
  border-color: var(--border-outline);
}
.look-string--_Ha35:not(:disabled):not(.look-string--_Ha35:not(:disabled):disabled, .look-string--_Ha35.waiting--a196M:disabled), .look-string--_Ha35.waiting--a196M:not(.look-string--_Ha35:not(:disabled):disabled, .look-string--_Ha35.waiting--a196M:disabled) {
  color: var(--text-outline);
}
.look-string--_Ha35:not(:disabled):focus, .look-string--_Ha35.waiting--a196M:focus {
  border-color: var(--border-color-hover);
}
.size-medium--tmYCN {
  height: 40px;
  padding: var(--spacing-tight);
  font-size: var(--font-size-label-medium);
}
.size-medium--tmYCN > span {
  gap: var(--spacing-tight);
  padding-left: var(--spacing-tight);
  padding-right: var(--spacing-tight);
}
.size-medium--tmYCN > svg {
  height: 1.5rem;
}
.size-small--r2ZM1 {
  height: 32px;
  padding: var(--spacing-tighter);
  font-size: var(--font-size-label-small);
}
.size-small--r2ZM1 > span {
  gap: var(--spacing-tighter);
  padding-left: var(--spacing-tighter);
  padding-right: var(--spacing-tighter);
}
.size-small--r2ZM1 > svg {
  height: 1rem;
}
.size-smaller--Qcgdc {
  height: 24px;
  padding: var(--spacing-tightest);
  font-size: var(--font-size-label-smaller);
}
.size-smaller--Qcgdc > span {
  gap: var(--spacing-tightest);
  padding-left: var(--spacing-tightest);
  padding-right: var(--spacing-tightest);
}
.size-smaller--Qcgdc > svg, .size-smaller--Qcgdc > span > svg {
  height: 1rem;
}
.size-smaller--Qcgdc > svg {
  width: 1rem;
}
.waiting--a196M {
  --background-image: repeating-linear-gradient(
      -63.43deg,
    transparent 1px,
    var(--wait-color) 2px,
    var(--wait-color) 7px,
    transparent 8px,
    transparent 12px
  );
  border-color: var(--border-color);
  background-repeat: repeat;
  background-position: 40px;
  background-size: 37px 100%;
  animation: button-waiting--OkwF7 1s linear infinite;
}
.waiting--a196M:disabled {
  --background-color-hover: var(--background-color);
  --background-color-active: var(--background-color);
  --border-color-hover: var(--border-color);
  cursor: wait;
}
@keyframes button-waiting--OkwF7 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 37px 0;
  }
}
.align-default--eEdJb > span {
  justify-content: center;
}
.align-center--bHSAd {
  justify-content: center;
}
.align-center--bHSAd > span {
  flex-grow: 0;
  justify-content: center;
}
.align-left--HKiLj > span {
  justify-content: flex-start;
}
.align-right--U4wlW > span {
  justify-content: flex-end;
}
.card--yBUdt {
  border-radius: 5px;
  background-color: var(--color-neutral-background);
  border: 1px solid var(--sand_300);
}
.card--yBUdt:not(:first-child) {
  margin-top: 24px;
}
.card--yBUdt.cardNoMargin--2UNTn:not(:first-child) {
  margin-top: 0;
}
.header--AgHm0 {
  display: flex;
  height: 48px;
  padding: 24px 24px 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
}
.header--AgHm0.headerNoUnderline--sPlRm {
  box-shadow: none;
}
.headerContent--xDB3z {
  display: flex;
  align-items: center;
}
.content--RX60q {
  padding: 24px;
}
.checkbox--_RFIu {
  --checkbox-default-size: 16px;
  --checkbox-default-color: var(--color-primary-surface-content);
  --checkbox-default-background-color: var(--color-neutral-background);
  --checkbox-default-border-color: var(--color-neutral-border);
  --checkbox-default-checked-color: var(--color-primary-surface-content);
  --checkbox-default-checked-background-color: var(--color-primary-surface);
  --checkbox-default-checked-border-color: var(--color-primary-border);
  --checkbox-default-hover-background-color: var(--color-neutral-surface);
  --checkbox-default-hover-color: var(--color-primary-surface-content);
  --checkbox-default-hover-border-color: var(--color-neutral-border-bold);
  --checkbox-default-checked-hover-color: var(--color-primary-surface-content);
  --checkbox-default-checked-hover-background-color: var(--color-primary-surface-hover);
  --checkbox-default-checked-hover-border-color: var(--grape_600);
  --checkbox-default-checked-focused-color: var(--color-primary-surface-content);
  --checkbox-default-checked-focused-background-color: var(--grape_800);
  --checkbox-default-checked-focused-border-color: var(--grape_800);
  --checkbox-default-disabled-background-color: var(--color-neutral-background);
  --checkbox-default-disabled-color: var(--color-neutral-content-subtlest);
  --checkbox-default-disabled-border-color: var(--color-neutral-border);
  --checkbox-default-indeterminate-gap: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 100ms ease-out;
  color: var(--color-neutral-content);
}
.checkbox_disabled--GaWiS .checkbox__box--BZqT5 {
  border-color: var(--checkbox-disabled-border-color, var(--checkbox-default-disabled-border-color));
}
.checkbox_disabled--GaWiS .checkbox__check--oZXPH {
  background-color: var(--checkbox-disabled-background-color, var(--checkbox-default-disabled-background-color));
  color: var(--checkbox-disabled-color, var(--checkbox-default-disabled-color));
}
.checkbox_disabled--GaWiS .checkbox__check_checked--O1Lqd::before, .checkbox_disabled--GaWiS .checkbox__check_indeterminate--uP0dq::after {
  background-color: var(--checkbox-disabled-color, var(--checkbox-default-disabled-color));
}
.checkbox--_RFIu:focus-within .checkbox__box--BZqT5 {
  border-color: var(--checkbox-checked-focused-border-color, var(--checkbox-default-checked-focused-border-color, #37447A));
  /* focus-outline/primary */
  box-shadow: 0 0 0 4px var(--color-primary-focus-outline, #D4DBFB);
}
.checkbox__box--BZqT5 {
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  display: inline-block;
  max-width: var(--checkbox-size, var(--checkbox-default-size));
  max-height: var(--checkbox-size, var(--checkbox-default-size));
  border: 1px solid var(--checkbox-border-color, var(--checkbox-default-border-color));
  color: var(--checkbox-color, var(--checkbox-default-color));
  border-radius: 4px;
  cursor: pointer;
  box-sizing: content-box;
}
.checkbox__box_checked--qqDYt {
  border-color: var(--checkbox-checked-border-color, var(--checkbox-default-checked-border-color));
}
.checkbox__input--rmBca {
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  width: 100%;
  z-index: 10;
  height: 100%;
  border: none;
  position: absolute;
}
.checkbox__check--oZXPH {
  width: var(--checkbox-size, var(--checkbox-default-size));
  height: var(--checkbox-size, var(--checkbox-default-size));
  background: var(--checkbox-background-color, var(--checkbox-default-background-color));
  will-change: all;
  position: relative;
  display: block;
  transition: all 80ms ease;
}
.checkbox__check--oZXPH::before, .checkbox__check--oZXPH::after {
  inset: 0;
  display: block;
  content: "";
  opacity: 0;
  position: absolute;
}
.checkbox__check--oZXPH::before {
  background-color: var(--checkbox-color, var(--checkbox-default-color));
  -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2713%27 height=%2710%27 viewBox=%270 0 13 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M1.5 4.5L5 8L11 2%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27square%27/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2713%27 height=%2710%27 viewBox=%270 0 13 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M1.5 4.5L5 8L11 2%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27square%27/%3e%3c/svg%3e");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: auto;
          mask-size: auto;
  -webkit-mask-position: center;
          mask-position: center;
  transition: all 120ms ease;
}
.checkbox__check_checked--O1Lqd {
  background-color: var(--checkbox-checked-background-color, var(--checkbox-default-checked-background-color));
  color: var(--checkbox-checked-color, var(--checkbox-default-checked-color));
}
.checkbox__check_indeterminate--uP0dq::after {
  inset: calc(var(--checkbox-indeterminate-gap, var(--checkbox-default-indeterminate-gap)));
  border-radius: 2px;
  background-color: var(--checkbox-checked-background-color, var(--checkbox-default-checked-background-color));
  color: var(--checkbox-checked-color, var(--checkbox-default-checked-color));
  border-color: var(--checkbox-checked-border-color, var(--checkbox-default-checked-border-color));
}
.checkbox__check_checked--O1Lqd::before, .checkbox__check_indeterminate--uP0dq::after {
  opacity: 1;
}
.checkbox__label--zpBfI {
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--spacing-tight);
}
.checkbox--_RFIu:not(.checkbox_disabled--GaWiS) {
  cursor: pointer;
}
.checkbox--_RFIu:not(.checkbox_disabled--GaWiS):hover .checkbox__box--BZqT5 {
  border-color: var(--checkbox-hover-border-color, var(--checkbox-default-hover-border-color));
}
.checkbox--_RFIu:not(.checkbox_disabled--GaWiS):hover .checkbox__box_checked--qqDYt {
  border-color: var(--checkbox-checked-hover-border-color, var(--checkbox-default-checked-hover-border-color));
}
.checkbox--_RFIu:not(.checkbox_disabled--GaWiS):hover .checkbox__check--oZXPH {
  background-color: var(--checkbox-hover-background-color, var(--checkbox-default-hover-background-color));
  color: var(--checkbox-hover-color, var(--checkbox-default-hover-color));
}
.checkbox--_RFIu:not(.checkbox_disabled--GaWiS):hover .checkbox__check_checked--O1Lqd, .checkbox--_RFIu:not(.checkbox_disabled--GaWiS):hover .checkbox__check_indeterminate--uP0dq::after {
  background-color: var(--checkbox-checked-hover-background-color, var(--checkbox-default-checked-hover-background-color));
  color: var(--checkbox-checked-hover-color, var(--checkbox-default-checked-hover-color));
}
.checkbox__input--rmBca:checked + .checkbox__check--oZXPH::before {
  opacity: 1;
}
.badge--O9Zu9 {
  display: inline-block;
  border-radius: 4px;
  background: linear-gradient(135deg, var(--color-accent-cantaloupe-base) 0%, var(--color-accent-persimmon-base) 51.56%, var(--color-accent-plum-base) 100%);
  vertical-align: middle;
  height: 20px;
}

.filled--ys6hI .label--ZEU69 {
  background: none;
  color: var(--color-accent-persimmon-base);
}

.filled--ys6hI .icon--RR4fQ path {
  fill: var(--color-accent-persimmon-base);
}

.label--ZEU69 {
  margin: 1px;
  background: var(--color-accent-persimmon-subtlest);
  color: var(--color-accent-persimmon-base);
  border-radius: 3px;
  font-size: 11px;
  padding: 2px 5px 2px 3px;
  display: flex;
  gap: 4px;
  align-items: center;
  line-height: 100%;
  font-weight: 500;
}
.multiStateToggle--LPtoy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: outline 0.1s ease;
}
.multiStateToggle__option--NpYKf {
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  cursor: pointer;
  transition: background-color 0.1s ease;
  display: none;
}
.multiStateToggle__option_selected--mppWK {
  display: inline-flex;
}
.themeToggle--K_CBa {
  --button-background-color: var(--color-neutral-background);
  --button-border-color: var(--color-neutral-border);
  --button-background-color-hover: var(--color-neutral-surface);
  --button-border-color-hover: var(--color-neutral-border-bold);
  --button-background-color-active: var(--color-neutral-surface-active);
  --button-border-color-active: var(--color-neutral-border-bold);
  --button-text-color: var(--color-neutral-content);
  --button-icon-color: var(--color-neutral-content);
  --button-font-size: var(--font-size-16);
  display: flex;
  justify-content: center;
  overflow: hidden;
  height: 32px;
  align-self: center;
  font-size: var(--button-font-size);
  border: 1px solid var(--button-border-color);
  border-radius: 24px;
  background: var(--button-background-color);
  padding: 4px 8px 4px 0;
  transition: all 150ms ease-out;
  cursor: pointer;
}
.themeToggle--K_CBa:hover {
  background: var(--button-background-color-hover);
  border-color: var(--button-border-color-hover);
}
.themeToggle--K_CBa:active {
  background: var(--button-background-color-active);
  border-color: var(--button-border-color-active);
}
.themeToggle__label--SBSYH {
  display: flex;
  height: 100%;
  align-items: center;
  color: var(--button-text-color);
  width: 38px;
}
.themeToggle__icon--Cc3TV {
  display: flex;
  align-items: center;
  width: 36px;
  height: 28px;
  margin-right: 0;
  position: relative;
  align-self: center;
  color: var(--button-icon-color);
}
.themeToggle--K_CBa.light--U53Mz .animationWrapper--jMBnm {
  transform: rotate(90deg);
}
.themeToggle--K_CBa.dark--ppg23 .animationWrapper--jMBnm {
  transform: rotate(0deg);
}
.animationWrapper--jMBnm {
  width: 90px;
  height: 90px;
  position: absolute;
  top: -1px;
  left: -29px;
  transition: all 600ms cubic-bezier(0.47, 0, 0.23, 1.3);
  overflow: hidden;
}
.animationWrapper--jMBnm svg {
  position: absolute;
}
.moon--wMjQw {
  left: 31px;
  top: 0;
}
.sun--SMpRI {
  left: 0;
  top: 30px;
}
.betaBadge--yylwX {
  margin-left: var(--spacing-tight);
}
.input--FjUsj {
  border: 0 none;
  padding: 0;
  display: inline;
  width: 100%;
  cursor: pointer;
  outline: none;
}

.input--FjUsj::file-selector-button {
  visibility: hidden;
  width: 0;
}

.labelContent--NEW8o {
  border: 1px solid var(--color-primary-border);
  color: var(--color-primary-content);
  border-radius: var(--corner-radius-smaller);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-tight);
  transition: all 150ms ease-out;
  outline: none;
  flex-shrink: 0;
}

.inputWrapper--co9gW {
  display: flex;
  width: auto;
  height: 42px;
  margin: 0;
  cursor: pointer;
  align-items: center;
  outline: none;
}

.inputWrapper--co9gW input::before {
  visibility: hidden;
}

.inputWrapper--co9gW .labelContent--NEW8o:hover {
  color: var(--color-primary-surface-hover);
  background-color: var(--color-primary-emphasis-subtle);
}

.inputWrapper--co9gW:focus-within .labelContent--NEW8o {
  box-shadow: 0 0 0 4px var(--color-primary-surface-content-subtle);
}
.label--kvYfd {
  margin-bottom: 0;
}
.label__text--xzAUC {
  height: 22px;
  display: flex;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 22px;
  justify-content: space-between;
  color: var(--color-neutral-content-subtle);
}
.label__description--OiFSK {
  margin-top: 5px;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-neutral-content-subtle);
  display: block;
}
.label__field--hZZMe {
  line-height: 0;
}
.label_size_small--tNKe5 .label__text--xzAUC {
  font-size: 14px;
  margin: 0;
  height: 14px;
  line-height: 14px;
}
.label_size_large--jC6fm .label__text--xzAUC {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 16px;
}
.label_flat--TF5jM .label__text--xzAUC {
  padding: 0;
}
.label--kvYfd .input--zcFGF,
.label--kvYfd .select--r3mfS,
.label--kvYfd .textarea--Ab36m {
  width: 100%;
}
.label--kvYfd[data-required] .label__text--xzAUC::after {
  content: "Required";
  font-size: 0.825rem;
  color: var(--sand_500);
  margin-left: 0.325rem;
}
.label_placement_right--euhm6 {
  display: inline-flex;
  flex-direction: row-reverse;
  gap: var(--spacing-tighter, 4px);
}
.label_placement_left--l_6Mc {
  display: inline-flex;
  gap: var(--spacing-tighter, 4px);
}
.label_empty--I_ybT .label__text--xzAUC, .label_placement_right--euhm6 .label__text--xzAUC, .label_placement_left--l_6Mc .label__text--xzAUC {
  margin-bottom: 0;
  line-height: 22px;
  height: auto;
  align-items: center;
}
.label_placement_right--euhm6:not(.label_withDescription--dJyqm) .label__field--hZZMe, .label_placement_left--l_6Mc:not(.label_withDescription--dJyqm) .label__field--hZZMe {
  display: flex;
  align-items: center;
}
.label_placement_right--euhm6.label_withDescription--dJyqm .label__field--hZZMe, .label_placement_left--l_6Mc.label_withDescription--dJyqm .label__field--hZZMe {
  margin-top: 5px;
}
@keyframes toast-enter-up--OyYjA {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes toast-leave-fade--Jy3ak {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes toast-leave-down--ZQ4Wc {
  from {
    opacity: 1;
    transform: translateY(var(--radix-toast-swipe-end-y));
  }
  to {
    opacity: 0;
    transform: translateY(100%);
  }
}
.toast-viewport--Iu3w5 {
  --toast-spacing: var(--spacing-tight);
  position: fixed;
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
  bottom: 24px;
  pointer-events: none;
}
.toast-viewport--Iu3w5 ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.toast-viewport--Iu3w5 ol li + li {
  margin-top: var(--toast-spacing);
}
.toast-viewport--Iu3w5 ol:empty {
  display: none;
}
@media (prefers-reduced-motion: no-preference) {
  .toast-viewport--Iu3w5 li {
    will-change: opacity, transform;
  }
  .toast-viewport--Iu3w5 li[data-state=open] {
    animation: toast-enter-up--OyYjA 100ms ease-out forwards;
  }
  .toast-viewport--Iu3w5 li[data-state=closed] {
    animation: toast-leave-fade--Jy3ak 100ms ease-out forwards;
  }
  .toast-viewport--Iu3w5 li[data-swipe=move] {
    transform: translateY(var(--radix-toast-swipe-move-y));
  }
  .toast-viewport--Iu3w5 li[data-swipe=cancel] {
    transform: translateY(0);
  }
  .toast-viewport--Iu3w5 li[data-swipe=end] {
    animation: toast-leave-down--ZQ4Wc 100ms ease-out forwards;
  }
}
.toast--qE_Ju {
  --text-color: var(--color-neutral-inverted-content);
  --background-color: var(--color-neutral-inverted-surface);
  --border-color: var(--color-neutral-inverted-border);
  --hover-color: var(--color-neutral-inverted-surface-hover);
  --padding: var(--toast-spacing) calc(var(--toast-spacing) * 2);
  display: flex;
  align-items: center;
  gap: 16px;
  border-radius: 4px;
  overflow: hidden;
  color: var(--text-color);
  border: 1px solid var(--border-color);
  background-color: var(--background-color);
  pointer-events: all;
}
.toast--qE_Ju > div, .toast__content--khAKr {
  font-size: 14px;
  line-height: 24px;
  flex: 1;
}
.toast__action--JMhvI, .toast__content--khAKr {
  padding: var(--padding);
  color: var(--text-color);
}
.toast__action--JMhvI {
  flex: 0;
  min-width: -moz-min-content;
  min-width: min-content;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  border: none;
  border-radius: 0;
  border-left: 1px solid var(--border-color);
  white-space: nowrap;
  background: none;
  align-self: stretch;
  display: flex;
  align-items: center;
}
.toast__action--JMhvI:hover {
  color: var(--color-negative-border);
}
.toast__close--eJiX4 {
  width: 24px;
  min-width: 40px;
  min-height: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  border-radius: 0;
}
.toast__close--eJiX4:hover {
  background-color: var(--hover-color);
}
.toast_info--lKno5 {
  --text-color: var(--color-sand-100);
  --background-color: var(--color-sand-900);
  --border-color: var(--color-neutral-border);
  --hover-color: var(--color-sand-800);
}
.toast_error--ODG86 {
  --text-color: var(--color-negative-surface-content);
  --background-color: var(--color-negative-surface);
  --border-color: var(--color-negative-border);
  --hover-color: var(--color-negative-surface-hover);
}
.toast_alertError--BClv4 {
  --text-color: var(--color-neutral-content);
  --background-color: var(--color-neutral-surface);
  --border-color: var(--color-neutral-border);
  --hover-color: var(--color-neutral-inverted-surface-hover);
  border-bottom: 5px solid var(--color-negative-border);
  border-radius: 4px;
  text-align: center;
}
.toast_alertError__action--yEquF {
  display: flex;
  align-items: center;
  align-self: stretch;
}
.toast_alertError__content--gLpux {
  display: block;
}
.messageToast--tM9fq {
  border-radius: 4px;
}
.messageToast_alertError--_6qET {
  position: fixed;
  top: 60px;
  left: calc(50vw - 250px);
  width: calc(100vw - 60px);
  max-width: 500px;
  transform: translateY(-200%);
  transition: transform 1s;
  z-index: 100;
}
.toggle--tZrLW {
  width: 42px;
  height: 24px;
  display: block;
  min-width: 42px;
  max-height: 24px;
  border-radius: 12px;
  position: relative;
  cursor: pointer;
  color: var(--toggle-color, var(--grape_500));
  transition: all 100ms ease-out;
  background: var(--color-neutral-surface);
  border: 1px solid var(--color-neutral-border);
  box-sizing: content-box;
}
.toggle--tZrLW:hover {
  border: 1px solid var(--color-neutral-border-bold);
}
.toggle__input--jVdfU {
  top: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.toggle__indicator--fCwmD {
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 120ms ease;
}
.toggle__indicator--fCwmD::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  transition: all 120ms ease;
  background: var(--color-neutral-border-bold);
  box-shadow: 0 5px 10px rgba(18, 17, 13, 0.15), inset 0 -1px 0 rgba(18, 17, 13, 0.1), inset 0 0 0 1px rgba(18, 17, 13, 0.05);
}
.toggle_checked--kevrN .toggle__indicator--fCwmD {
  margin-left: 18px;
}
.toggle_checked--kevrN .toggle__indicator--fCwmD::before {
  width: 16px;
  height: 16px;
  background: var(--color-primary-surface);
  box-shadow: 0 5px 10px var(--color-primary-shadow), inset 0 -1px 0 rgba(var(--color-primary-shadow)/10%);
}
.toggle_alwaysBlue--MLWlj .toggle__indicator--fCwmD::before {
  width: 16px;
  height: 16px;
  background: var(--primary_link);
  box-shadow: 0 5px 10px var(--color-primary-surface-content-subtle), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.toggle_disabled--RBELC {
  box-shadow: none;
  pointer-events: none;
  background: var(--color-neutral-background);
  cursor: not-allowed;
}
.toggle_disabled--RBELC .toggle__indicator--fCwmD {
  transition: none;
}
.toggle_disabled--RBELC .toggle__indicator--fCwmD::before, .toggle_disabled--RBELC.toggle_checked--kevrN .toggle__indicator--fCwmD::before {
  box-shadow: none;
  transition: none;
  background-color: var(--color-neutral-border);
}
.selectTrigger--H3TPV {
  --select-trigger-height: 40px;
  --select-trigger-font-size: 1rem;
  display: flex;
  align-items: center;
  padding: var(--spacing-tight) var(--spacing-tight) var(--spacing-tight) var(--spacing-base);
  gap: var(--spacing-tight);
  flex: 1 0 0;
  overflow: hidden;
  color: var(--color-neutral-content-subtler);
  text-overflow: ellipsis;
  height: var(--select-trigger-height);
  width: 100%;
  /* body/medium */
  font-size: var(--select-trigger-font-size);
  font-style: normal;
  font-weight: var(--font-weight-400);
  line-height: var(--line-height-24); /* 150% */
  letter-spacing: var(--letter-spacing-base);
  border-radius: var(--corner-radius-smaller);
  border: 1px solid var(--color-neutral-border);
  max-width: 100%;
}
.selectTrigger--H3TPV:hover:not(.isDisabled--WZZN5) {
  border: 1px solid var(--color-neutral-border-bold);
}
.selectTrigger--H3TPV:focus {
  background: var(--color-neutral-surface-hover);
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.06) inset;
  color: var(--color-neutral-content);
  outline: none;
}
.selectTrigger--H3TPV.isOpen--k8bHs {
  border: 1px solid var(--color-neutral-border-bold);
  background: var(--color-neutral-surface-active);
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.06) inset;
  color: var(--color-neutral-content);
}
.selectTrigger--H3TPV.isDisabled--WZZN5 {
  color: var(--color-neutral-content-subtlest);
  background: var(--color-neutral-surface);
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.06) inset;
  filter: none;
  cursor: not-allowed;
}
.selectTrigger--H3TPV.sizeSmall--OY8GB {
  --select-trigger-height: 24px;
  --select-trigger-font-size: var(--font-size-12);
}
.selectTrigger--H3TPV.sizeLarge--g1HWc {
  --select-trigger-height: 60px;
  --select-trigger-font-size: var(--font-size-20);
}
.selectTrigger--H3TPV.isInline--T3Vjr {
  display: inline-flex;
  width: auto;
}
.selectLoading--SqbyU:focus {
  outline: none;
  padding: var(--spacing-tight);
}
.valueInput--J436R {
  display: none !important;
}
[data-radix-popper-content-wrapper] {
  min-width: var(--radix-popper-anchor-width) !important;
  max-width: var(--radix-popper-available-width);
}
.tooltip--UP3Wq {
  --transition-delay: 150ms;
  --animation-duration: 100ms;
  --animation-curve: cubic-bezier(0.21, 1.04, 0.68, 1);
  --animation-start: -10px;
  --pointer-size: 10px;
  --offset-x: 24px;
  top: -1000px;
  left: -1000px;
  color: var(--color-neutral-inverted-content);
  display: none;
  z-index: 99999;
  padding: 4px 10px;
  font-size: 14px;
  line-height: 24px;
  position: absolute;
  pointer-events: none;
  background-color: var(--color-neutral-inverted-background);
  border-radius: 3px;
}
.tooltip--UP3Wq::before {
  left: 50%;
  bottom: 0;
  content: "";
  width: var(--pointer-size);
  height: var(--pointer-size);
  display: block;
  position: absolute;
  background-color: inherit;
  transform: translate(-50%, 50%) rotate(45deg);
}
.tooltip--UP3Wq.before-appear--RGIzB, .tooltip--UP3Wq.before-disappear--_rztu {
  transition: opacity var(--animation-duration) var(--animation-curve) var(--transition-delay), transform var(--animation-duration) var(--animation-curve) var(--transition-delay);
}
.tooltip--UP3Wq.before-appear--RGIzB {
  opacity: 0;
  display: flex;
  transform: translate3d(0, var(--animation-start), 0);
}
.tooltip--UP3Wq.appear--vd2JL {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.tooltip--UP3Wq.visible--VEfXE {
  opacity: 1;
  display: flex;
}
.tooltip--UP3Wq.before-disappear--_rztu {
  opacity: 1;
  display: flex;
  transform: translate3d(0, 0, 0);
}
.tooltip--UP3Wq.disappear--OCULS {
  opacity: 0;
  transform: translate3d(0, var(--animation-start), 0);
}
.tooltip_align_top-center--ng_f_ {
  --animation-start: -10px;
}
.tooltip_align_top-center--ng_f_::before {
  bottom: 0;
  transform: translate(-50%, 50%) rotate(45deg);
}
.tooltip_align_bottom-center--P2R_m {
  --animation-start: 10px;
}
.tooltip_align_bottom-center--P2R_m::before {
  top: 0;
  transform: translate(-50%, -50%) rotate(45deg);
}
.tooltip_align_top-left--etcfZ {
  margin-left: calc((var(--offset-x) - var(--pointer-size) / 2) * -1);
  --animation-start: -10px;
}
.tooltip_align_top-left--etcfZ::before {
  bottom: 0;
  left: 24px;
  transform: translate(-50%, 50%) rotate(45deg);
}
.tooltip_align_top-right--NnK9_ {
  margin-left: calc(var(--offset-x) - var(--pointer-size) / 2);
  --animation-start: -10px;
}
.tooltip_align_top-right--NnK9_::before {
  left: initial;
  bottom: 0;
  right: 18px;
  transform: translate(-50%, 50%) rotate(45deg);
}
.userpic--tBKCQ {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  position: relative;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
  background: var(--color-neutral-surface);
  border: 1px solid rgba(var(--color-neutral-shadow-raw)/10%);
  box-shadow: none;
  transition: all 150ms ease-out;
}
.userpic--tBKCQ .avatar--ULRig {
  opacity: 0;
  width: 100%;
  height: 100%;
  font-size: 12px;
  line-height: 22px;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  border-radius: 100%;
}
.userpic--tBKCQ .username--mwiCj {
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  opacity: 0.6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.userpic--tBKCQ .badge--lg_1_ {
  position: absolute;
}
.userpic--tBKCQ .badge--lg_1_.topLeft--a63aF {
  top: 0;
  left: 0;
}
.userpic--tBKCQ .badge--lg_1_.topRight--bbxQU {
  top: 0;
  right: 0;
}
.userpic--tBKCQ .badge--lg_1_.bottomLeft--Zrnfp {
  bottom: 0;
  left: 0;
}
.userpic--tBKCQ .badge--lg_1_.bottomRight--SWOwT {
  bottom: 0;
  right: 0;
}
.userpic--tBKCQ.faded--BDTji {
  background: var(--color-neutral-surface);
  box-shadow: inset 0 0 0 1px var(--color-neutral-border-subtle);
}
.userpic--tBKCQ.faded--BDTji .avatar--ULRig {
  opacity: 0.3;
}
.userpic--tBKCQ.faded--BDTji .username--mwiCj {
  opacity: 0.2;
}
/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}

.CodeMirror-linenumbers {}

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }

.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}

/* Shown when moving in bi-directional text */

.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}

.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}

.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-fat-cursor .CodeMirror-line::-moz-selection, .cm-fat-cursor .CodeMirror-line > span::-moz-selection, .cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; }

.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection, 
.cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; }

.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; }

.cm-fat-cursor { caret-color: transparent; }

@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */

.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: 0;
  overflow: hidden;
}

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}

.cm-s-default .cm-quote {color: #090;}

.cm-negative {color: #d44;}

.cm-positive {color: #292;}

.cm-header, .cm-strong {font-weight: bold;}

.cm-em {font-style: italic;}

.cm-link {text-decoration: underline;}

.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}

.cm-s-default .cm-atom {color: #219;}

.cm-s-default .cm-number {color: #164;}

.cm-s-default .cm-def {color: #00f;}

.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}

.cm-s-default .cm-variable-2 {color: #05a;}

.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}

.cm-s-default .cm-comment {color: #a50;}

.cm-s-default .cm-string {color: #a11;}

.cm-s-default .cm-string-2 {color: #f50;}

.cm-s-default .cm-meta {color: #555;}

.cm-s-default .cm-qualifier {color: #555;}

.cm-s-default .cm-builtin {color: #30a;}

.cm-s-default .cm-bracket {color: #997;}

.cm-s-default .cm-tag {color: #170;}

.cm-s-default .cm-attribute {color: #00c;}

.cm-s-default .cm-hr {color: #999;}

.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}

.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}

div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}

.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }

.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px; margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
  z-index: 0;
}

.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */

.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}

.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}

.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}

.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}

.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}

.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}

.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-gutter-wrapper ::selection { background-color: transparent }

.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */ border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  font-variant-ligatures: contextual;
}

.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */

.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}

.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}

div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }

.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }

.CodeMirror-crosshair { cursor: crosshair; }

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */

.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */

.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */

span.CodeMirror-selectedtext { background: none; }

.CodeMirror-hints {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  list-style: none;

  margin: 0;
  padding: 2px;
  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  border-radius: 3px;
  border: 1px solid silver;

  background: white;
  font-size: 90%;
  font-family: monospace;

  max-height: 20em;
  overflow-y: auto;
  box-sizing: border-box;
}

.CodeMirror-hint {
  margin: 0;
  padding: 0 4px;
  border-radius: 2px;
  white-space: pre;
  color: black;
  cursor: pointer;
}

li.CodeMirror-hint-active {
  background: #08f;
  color: white;
}

.codeEditor--yZP2v {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.codeEditor--yZP2v textarea,
.codeEditor--yZP2v .react-codemirror2 {
  height: 100%;
  width: 100%;
  flex: 1;
  font-family: var(--font-mono);
  caret-color: var(--color-neutral-content);
}
.codeEditor--yZP2v textarea .CodeMirror,
.codeEditor--yZP2v .react-codemirror2 .CodeMirror {
  height: 100%;
  width: 100%;
  border: 1px solid var(--color-neutral-border);
  background: var(--color-neutral-background);
  color: var(--color-neutral-content-subtle);
  border-radius: var(--corner-radius-small);
}
.codeEditor--yZP2v textarea .CodeMirror-lines,
.codeEditor--yZP2v .react-codemirror2 .CodeMirror-lines {
  padding: var(--spacing-tight) 0;
}
.codeEditor--yZP2v textarea .CodeMirror-line,
.codeEditor--yZP2v .react-codemirror2 .CodeMirror-line {
  padding: 0 var(--spacing-tight);
}
.codeEditor--yZP2v textarea .CodeMirror-hints,
.codeEditor--yZP2v .react-codemirror2 .CodeMirror-hints {
  z-index: 3000;
}
.codeEditor--yZP2v textarea .CodeMirror-hint-tag,
.codeEditor--yZP2v .react-codemirror2 .CodeMirror-hint-tag {
  white-space: normal;
  line-height: 1.4em;
  max-height: 3em;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.codeEditor--yZP2v textarea .CodeMirror-hint-name,
.codeEditor--yZP2v .react-codemirror2 .CodeMirror-hint-name {
  font-weight: 500;
  color: darkgoldenrod;
  font-family: var(--font-mono);
}
.codeEditor--yZP2v textarea .CodeMirror-hint-active .CodeMirror-hint-name,
.codeEditor--yZP2v .react-codemirror2 .CodeMirror-hint-active .CodeMirror-hint-name {
  color: blanchedalmond;
}
.codeEditor--yZP2v textarea .CodeMirror-hint-type,
.codeEditor--yZP2v .react-codemirror2 .CodeMirror-hint-type {
  font-style: italic;
  color: #aaa;
}
.codeEditor--yZP2v textarea .CodeMirror-hint-active .CodeMirror-hint-type,
.codeEditor--yZP2v .react-codemirror2 .CodeMirror-hint-active .CodeMirror-hint-type {
  color: #ddd;
}
.codeEditor--yZP2v textarea .CodeMirror-cursor,
.codeEditor--yZP2v .react-codemirror2 .CodeMirror-cursor {
  border-color: var(--color-neutral-content);
}
.codeEditor--yZP2v textarea .cm-attribute,
.codeEditor--yZP2v textarea .cm-keyword,
.codeEditor--yZP2v .react-codemirror2 .cm-attribute,
.codeEditor--yZP2v .react-codemirror2 .cm-keyword {
  color: var(--color-accent-blueberry-bold);
}
.codeEditor--yZP2v textarea .cm-def,
.codeEditor--yZP2v .react-codemirror2 .cm-def {
  color: var(--color-accent-grape-bold);
}
.codeEditor--yZP2v textarea .cm-builtin,
.codeEditor--yZP2v .react-codemirror2 .cm-builtin {
  color: var(--color-accent-canteloupe-bold);
}
.codeEditor--yZP2v textarea .cm-number,
.codeEditor--yZP2v .react-codemirror2 .cm-number {
  color: var(--color-accent-kiwi-bold);
}
.codeEditor--yZP2v textarea .cm-tag,
.codeEditor--yZP2v textarea .cm-bracket,
.codeEditor--yZP2v .react-codemirror2 .cm-tag,
.codeEditor--yZP2v .react-codemirror2 .cm-bracket {
  color: var(--color-accent-kale-bold);
}
.codeEditor--yZP2v textarea .cm-string,
.codeEditor--yZP2v .react-codemirror2 .cm-string {
  color: var(--color-accent-persimmon-bold);
}
.codeEditor--yZP2v textarea .cm-comment,
.codeEditor--yZP2v .react-codemirror2 .cm-comment {
  color: var(--color-accent-sand-bold);
}
.codeEditor--yZP2v textarea .CodeMirror-gutters,
.codeEditor--yZP2v .react-codemirror2 .CodeMirror-gutters {
  background-color: var(--color-neutral-surface-inset);
  color: var(--color-neutral-content-subtlest);
  border-right: 1px solid var(--color-neutral-border);
}
.border--tvfDa .CodeMirror {
  border: 1px solid var(--color-neutral-border);
}
.CodeMirror-hints {
  background-color: var(--color-neutral-background);
  border: 1px solid var(--color-neutral-border);
  box-shadow: 0 2px 4px rgba(var(--color-neutral-shadow-raw)/calc(30% * var(--shadow-intensity))), 0 4px 16px rgba(var(--color-neutral-shadow-raw)/calc(15% * var(--shadow-intensity)));
}
.CodeMirror-hints .CodeMirror-hint {
  color: var(--color-neutral-content);
}
.CodeMirror-hints .CodeMirror-hint-active {
  color: var(--color-neutral-content);
  background: var(--color-primary-emphasis-subtle);
}
.CodeMirror-hints .CodeMirror-hint:hover {
  color: var(--color-neutral-content);
  background: var(--color-primary-emphasis-subtle);
}
.CodeMirror-hints .CodeMirror-hint-type {
  color: var(--color-neutral-content-subtle);
}
.CodeMirror-hints .CodeMirror-hint-description {
  color: var(--color-neutral-content-subtler);
}
.space--yrmsu {
  display: grid;
  grid-gap: 16px;
  grid-auto-flow: column;
  align-items: center;
  grid-auto-columns: max-content;
}

.directionHorizontal--BR1PK {
  grid-auto-flow: column;
  align-items: center;
  grid-auto-columns: max-content;
}

.directionVertical--DC76r {
  grid-auto-flow: row;
  justify-content: center;
  grid-auto-rows: max-content;
}

.alignStart--rFPuS {
  justify-content: flex-start;
}

.alignEnd--FxRW0 {
  justify-content: flex-end;
}

.spread--mllfJ {
  width: 100%;
  justify-content: space-between;
}

.stretch--JKDAv .directionHorizontal--BR1PK {
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
}

.sizeLarge--nKsK_ {
  grid-gap: 32px;
}

.sizeSmall--z5KHR {
  grid-gap: 12px;
}
.spinner--T02EM {
  --spinner-size: 50px;
  --corner-size: calc(var(--spinner-size) * 0.375);
  --spinner-duration: 2.5s;
  --spinner-color: var(--persimmon_400);
  position: relative;
  width: var(--spinner-size);
  height: var(--spinner-size);
}

.body--iqKYi {
  top: 50%;
  left: 50%;
  width: var(--spinner-size);
  height: var(--spinner-size);
  position: absolute;
  transform: translate(-50%, -50%);
  background-color: var(--color-neutral-background-subtle);
  box-shadow: 0 0 0 calc(var(--spinner-size) * 0.0625) var(--persimmon_400) inset, 0 0 0 calc(var(--spinner-size) * 0.0625) var(--persimmon_400);
  will-change: transform, width, height;
}

.body--iqKYi > span {
  position: absolute;
  background-color: var(--spinner-color);
  width: var(--corner-size);
  height: var(--corner-size);
  border-radius: calc(var(--corner-size) * 0.16);
}

.body--iqKYi > span:nth-child(1) {
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}

.body--iqKYi > span:nth-child(2) {
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}

.body--iqKYi > span:nth-child(3) {
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%);
}

.body--iqKYi > span:nth-child(4) {
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
}

.body--iqKYi:not(.stopped--JwRM6) {
  animation: logo-spin--ZORdf var(--spinner-duration) ease infinite;
}

@keyframes logo-spin--ZORdf {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  20% {
    width: 0;
    height: 0;
    transform: translate(-50%, -50%) rotate(0deg);
  }
  45% {
    width: 0;
    height: 0;
    transform: translate(-50%, -50%) rotate(90deg);
  }
  70% {
    width: var(--spinner-size);
    height: var(--spinner-size);
    transform: translate(-50%, -50%) rotate(90deg);
  }
  100% {
    width: var(--spinner-size);
    height: var(--spinner-size);
    transform: translate(-50%, -50%) rotate(90deg);
  }
}
.lsf-dropdown-ls {
  top: calc(100% + 1px);
  z-index: 500;
  display: none;
  position: absolute;
  box-sizing: border-box;
  background-color: var(--color-neutral-background);
  box-shadow: 0 5px 16px rgba(var(--color-neutral-shadow-raw)/calc(8% * var(--shadow-intensity))), 0 4px 8px rgba(var(--color-neutral-shadow-raw)/calc(16% * var(--shadow-intensity)));
  will-change: transform, opacity;
  border-radius: var(--corner-radius-smaller);
}
.lsf-dropdown-ls_align_left {
  left: -20px;
}
.lsf-dropdown-ls_align_right {
  right: -20px;
}
.lsf-dropdown-ls__trigger {
  position: relative;
}
.lsf-dropdown-ls.lsf-before-appear, .lsf-dropdown-ls.lsf-before-disappear {
  transition-property: opacity, transform;
  transition-duration: var(--menu-animation-duration);
  transition-timing-function: var(--menu-animation-curve);
}
.lsf-dropdown-ls.lsf-before-appear {
  opacity: 0;
  display: flex;
  transform: translate3d(0, var(--menu-animation-start), 0);
}
.lsf-dropdown-ls.lsf-appear {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.lsf-dropdown-ls.lsf-visible {
  opacity: 1;
  display: flex;
}
.lsf-dropdown-ls.lsf-before-disappear {
  opacity: 1;
  display: flex;
  transform: translate3d(0, 0, 0);
}
.lsf-dropdown-ls.lsf-disappear {
  opacity: 0;
  transform: translate3d(0, var(--menu-animation-start), 0);
}
.lsf-main-menu {
  flex: 1;
  margin: 0;
  padding: 8px;
  display: flex;
  flex-direction: column;
  list-style-type: none;
  max-width: 100%;
  box-sizing: border-box;
  background: var(--color-neutral-background);
  border-radius: 0;
  transition: background-color 400ms ease-out;
  border-right: 1px solid var(--color-neutral-border);
  gap: 2px;
}
.lsf-main-menu__item {
  height: 40px;
  display: flex;
  padding: 0 13px;
  border-radius: var(--corner-radius-smaller);
  align-items: center;
  box-sizing: border-box;
  color: var(--color-neutral-content-subtler);
  font-size: 1rem;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: all 150ms ease-out;
}
.lsf-main-menu__item-icon {
  margin-right: 10px;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
}
.lsf-main-menu__item-beta {
  background-color: var(--color-accent-plum-base);
  color: var(--color-accent-plum-subtlest);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 12px;
}
.lsf-main-menu__item_look_danger {
  color: var(--color-negative-content);
}
.lsf-main-menu__item:not(.lsf-main-menu__item_look_danger):hover {
  color: var(--color-neutral-content);
  background: var(--color-primary-emphasis-subtle);
}
.lsf-main-menu__item:not(.lsf-main-menu__item_active):hover {
  color: var(--color-neutral-content);
  background: var(--color-primary-emphasis-subtle);
}
.lsf-main-menu__item_active {
  color: var(--color-neutral-content);
  font-weight: 500;
}
.lsf-main-menu__item_active:not(.lsf-sidebar__pin) {
  pointer-events: none;
  background: var(--color-neutral-emphasis);
}
.lsf-main-menu__item:hover .lsf-main-menu__item-icon, .lsf-main-menu__item_active .lsf-main-menu__item-icon {
  opacity: 1;
}
.lsf-main-menu__item_dangerous {
  color: var(--color-negative-content);
}
.lsf-main-menu__item_dangerous:hover {
  color: var(--color-neutral-content) !important;
  background-color: var(--color-negative-emphasis-subtle) !important;
}
.lsf-main-menu__spacer {
  flex: 1;
}
.lsf-main-menu__divider {
  height: 1px;
  margin: 8px 0;
  background-color: var(--color-neutral-border);
  transition: background-color 150ms ease-out;
}
.lsf-main-menu_size_compact {
  background: var(--color-neutral-background);
}
.lsf-main-menu_size_compact .lsf-main-menu__item, .lsf-main-menu_size_medium .lsf-main-menu__item {
  height: 32px;
  font-size: 16px;
}
.lsf-main-menu_size_small .lsf-main-menu__item {
  height: 24px;
  font-size: 14px;
  padding: 0 10px;
}
.lsf-main-menu_collapsed {
  padding: 0.5rem;
}
.lsf-main-menu_collapsed__item {
  border-radius: 0.25rem;
}
.lsf-main-menu_contextual {
  box-shadow: 0 1px 2px rgba(38, 38, 38, 0.3), 0 1px 3px 1px rgba(38, 38, 38, 0.15);
  border-radius: 4px;
}
.lsf-main-menu_contextual .lsf-main-menu__item {
  height: 32px;
  padding: 16px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  cursor: pointer;
}
.lsf-main-menu_contextual .lsf-main-menu__item:hover {
  background-color: var(--color-primary-emphasis-subtle);
}
.lsf-main-menu_contextual .lsf-main-menu__item_dangerous {
  color: var(--color-negative-content);
}
.lsf-main-menu_contextual .lsf-main-menu__item_dangerous:hover {
  color: var(--color-neutral-content);
  background-color: var(--color-negative-emphasis-subtle);
}
.lsf-main-menu:first-child {
  padding-top: 8px;
}
.lsf-main-menu:last-child {
  padding-bottom: 8px;
}
.lsf-menu-group__title {
  padding: 4px 10px;
  font-size: 14px;
  color: var(--color-neutral-content-subtler);
}
.lsf-menu-group__list {
  padding: 0;
  margin-left: 10px;
  list-style-type: none;
}
.lsf-breadcrumbs {
  height: 100%;
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.lsf-breadcrumbs__label {
  display: flex;
  gap: 4px;
  align-items: center;
}
.lsf-breadcrumbs__beta {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: var(--plum_0);
  padding: 2px 8px;
  background-color: var(--plum_500);
  border-radius: 12px;
}
.lsf-breadcrumbs__list {
  height: 100%;
  display: flex;
  align-items: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lsf-breadcrumbs__item {
  font-size: 16px;
  line-height: 22px;
  position: relative;
  margin: 0;
  padding: 0;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: default;
}
.lsf-breadcrumbs__item:not(.lsf-breadcrumbs__item_last) {
  cursor: pointer;
}
.lsf-breadcrumbs__item:not(.lsf-breadcrumbs__item_last) > span, .lsf-breadcrumbs__item:not(.lsf-breadcrumbs__item_last) > a {
  color: var(--color-neutral-content-subtler);
}
.lsf-breadcrumbs__item:not(.lsf-breadcrumbs__item_last) > span:hover, .lsf-breadcrumbs__item:not(.lsf-breadcrumbs__item_last) > a:hover {
  color: var(--color-primary-content-hover);
}
.lsf-breadcrumbs__item:not(:nth-child(2)) {
  flex-shrink: 0;
}
.lsf-breadcrumbs__item:nth-child(2) span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lsf-breadcrumbs__item:only-child {
  pointer-events: none;
}
.lsf-breadcrumbs__item > span, .lsf-breadcrumbs__item > a {
  text-decoration: none;
  color: var(--color-neutral-content);
}
.lsf-breadcrumbs__item > span a, .lsf-breadcrumbs__item > a a {
  color: var(--color-primary-content);
}
.lsf-breadcrumbs__item + .lsf-breadcrumbs__item {
  margin-left: 30px;
}
.lsf-breadcrumbs__item + .lsf-breadcrumbs__item::before {
  top: 50%;
  right: 100%;
  width: 30px;
  content: "/";
  height: 16px;
  display: block;
  color: var(--color-neutral-content-subtlest);
  position: absolute;
  transform: translate3d(0, -50%, 0);
  text-align: center;
  line-height: 16px;
  font-size: 18px;
}
.lsf-breadcrumbs__settings {
  width: 20px;
  height: 20px;
  display: block;
  margin-left: 10px;
}
.lsf-breadcrumbs__settings img {
  display: block;
  opacity: 0.23;
}
.lsf-card {
  border-radius: 5px;
  background-color: var(--color-neutral-background);
  border: 1px solid var(--color-neutral-border);
}
.lsf-card__header {
  display: flex;
  height: 48px;
  padding: 0 15px;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  justify-content: space-between;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
}
.lsf-card__header-content {
  display: flex;
  align-items: center;
}
.lsf-card__content {
  padding: 15px;
}
.lsf-card:not(:first-child) {
  margin-top: 24px;
}
.lsf-columns {
  --column-default-width: calc(100% / var(--columns));
  --column-size: var(--column-width, var(--column-default-width));
  display: grid;
  grid-template-columns: repeat(var(--columns), var(--column-size));
  grid-column-gap: var(--column-gap, 10px);
}
.lsf-columns__title {
  margin-bottom: 0.5rem;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 22px;
  padding: 0 1rem 0 0;
  color: var(--color-neutral-content);
}
.lsf-hamburger {
  width: 18px;
  height: 14px;
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.lsf-hamburger span {
  height: 2px;
  width: 100%;
  display: block;
  position: absolute;
  background-color: var(--color-neutral-content);
}
.lsf-hamburger span:nth-child(1) {
  top: 0;
}
.lsf-hamburger span:nth-child(2) {
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.lsf-hamburger span:nth-child(3) {
  bottom: 0;
}
.lsf-hamburger_animated span {
  transition: all var(--menu-animation-duration) ease;
}
.lsf-hamburger:hover span, .lsf-hamburger_opened span {
  background-color: var(--color-neutral-content);
}
.lsf-hamburger_opened span:nth-child(1) {
  top: 6px;
  transform: rotate(135deg);
}
.lsf-hamburger_opened span:nth-child(2) {
  opacity: 0;
  transform: translate3d(-100%, -50%, 0);
}
.lsf-hamburger_opened span:nth-child(3) {
  bottom: 6px;
  transform: rotate(-135deg);
}
.lsf-version-notifier {
  display: flex;
  padding: 10px 0;
  color: var(--primary_link);
  margin: 8px 0;
  background: var(--color-primary-surface-content);
  border-radius: 5px;
}
.lsf-version-notifier a {
  display: flex;
}
.lsf-version-notifier a:visited {
  color: var(--primary_link);
}
.lsf-version-notifier__icon {
  width: 46px;
  padding-top: 1px;
  color: var(--primary_link);
}
.lsf-version-notifier__icon img {
  width: 20px;
  height: 20px;
  margin: 0 auto;
  display: block;
}
.lsf-version-notifier__content {
  flex: 1;
  padding-right: 12px;
}
.lsf-version-notifier__title {
  font-weight: 500;
  line-height: 22px;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.lsf-version-notifier__title::after {
  opacity: 0.5;
  line-height: 22px;
  font-size: 14px;
  content: attr(data-date);
}
.lsf-version-notifier__description {
  padding-top: 8px;
  opacity: 0.6;
  font-size: 14px;
  line-height: 18px;
}
.lsf-current-version {
  display: flex;
  cursor: pointer;
  padding: 0 13px;
  margin-top: 5px;
  margin-left: 5px;
  border-radius: 3px;
  box-sizing: border-box;
  color: var(--color-neutral-content-subtler);
  font-size: 12px;
  white-space: nowrap;
  text-decoration: none;
}
.lsf-current-version:hover {
  color: var(--primary_link);
}
.lsf-menu-wrapper {
  max-width: 100%;
  min-height: 100vh;
  min-width: 100vw;
  font-size: 16px;
}

.lsf-menu-header {
  top: 0;
  height: var(--header-height);
  z-index: 1000;
  position: sticky;
  display: flex;
  box-sizing: border-box;
  background-color: var(--color-neutral-background);
  border-bottom: 1px solid var(--color-neutral-border);
  transition: background-color 400ms ease-out;
}

.lsf-menu-header__spacer {
  width: var(--spacing-tight);
}

.lsf-menu-header__context {
  flex: 1;
  display: flex;
  padding: 0 0 0 1.125rem;
  align-items: center;
  justify-content: space-between;
}

.lsf-menu-header__context-item_left, .lsf-menu-header__context-item_right {
  height: 100%;
  display: flex;
  align-items: center;
}

.lsf-menu-header__context-item .lsf-button-ls {
  height: 32px;
}

.lsf-menu-header__trigger {
  display: flex;
  padding: 0 20px;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  min-width: 240px;
  max-width: 240px;
  box-sizing: border-box;
  border-right: 1px solid var(--color-neutral-border);
  transition: all 150ms ease-out;
}

.lsf-menu-header__trigger:hover {
  background-color: var(--color-neutral-emphasis-subtle);
}

.lsf-menu-header__logo {
  color: var(--color-neutral-content);
  height: 22px;
  width: 142px;
}

.lsf-menu-header__user {
  display: flex;
  margin: 0 20px;
  align-self: center;
  cursor: pointer;
  position: relative;
  align-items: center;
  justify-content: center;
}

.lsf-menu-header__userpic-badge {
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--primary_link);
}

.lsf-newsletter-menu-item {
  width: 200px;
  white-space: normal;
  height: auto;
  padding-bottom: 8px;
  padding-top: 8px;
  margin-top: -8px;
  font-size: 14px;
  position: relative;
  background: var(--color-primary-background);
  color: var(--color-neutral-content);
  line-height: 1.4em;
  transition: 0.2s all;
}

.lsf-main-menu .lsf-newsletter-menu-item:hover {
  background: var(--color-primary-emphasis-subtle);
}

.lsf-newsletter-menu-badge {
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  right: 8px;
  top: 8px;
  border-radius: 50%;
  background: var(--primary_link);
}
.lsf-content-wrapper {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  background-color: var(--color-neutral-background);
}
.lsf-content-wrapper__body {
  flex: 1;
  display: flex;
  min-width: 100%;
  min-height: 100%;
  flex-direction: column;
  max-height: calc(100vh - var(--header-height));
}
.lsf-content-wrapper__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-left: 0;
  height: 100%;
  will-change: margin-left;
  transition: background-color 400ms ease-out;
}
.lsf-content-wrapper__content_withSidebar {
  margin-left: var(--menu-sidebar-width);
}
.lsf-sidebar {
  left: 0;
  overflow: auto;
  position: fixed;
  z-index: 100 !important;
  top: var(--header-height);
  height: calc(100vh - var(--header-height));
  width: var(--menu-sidebar-width);
  background: none;
  transition: all 150ms ease-out;
  border-radius: 0;
}
.lsf-sidebar .lsf-icon {
  transition: transform 0.1s ease;
  transform: rotate(0deg);
}
.lsf-sidebar_floating {
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.2);
}
.lsf-sidebar_floating .lsf-unpin-menu {
  display: none;
}
.lsf-sidebar:not(.lsf-sidebar_floating) {
  box-shadow: 0 1px 12px rgba(var(--color-neutral-shadow-raw)/8%), 0 1px 4px 1px rgb(var(--color-neutral-shadow-raw)/12%);
}
.lsf-sidebar:not(.lsf-sidebar_floating) .lsf-pin-menu {
  display: none;
}
.lsf-sidebar:not(.lsf-sidebar_floating).lsf-before-appear {
  opacity: 1;
  transform: translate3d(-100%, 0, 0);
}
.lsf-sidebar:not(.lsf-sidebar_floating).lsf-appear {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.lsf-sidebar:not(.lsf-sidebar_floating).lsf-before-disappear {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.lsf-sidebar:not(.lsf-sidebar_floating).lsf-disappear {
  opacity: 1;
  transform: translate3d(-100%, 0, 0);
}
.lsf-sidebar:not(.lsf-sidebar_floating).lsf-appear ~ .lsf-content-wrapper__content, .lsf-sidebar:not(.lsf-sidebar_floating).lsf-visible ~ .lsf-content-wrapper__content {
  margin-left: 240px;
}
.lsf-sidebar:not(.lsf-sidebar_floating).lsf-disappear ~ .lsf-content-wrapper__content {
  margin-left: 0;
}
.lsf-sidebar:not(.lsf-sidebar_floating) .lsf-sidebar__pin .lsf-icon {
  opacity: 1;
  transform: rotate(-45deg);
}
.card--wN_u6 {
  width: 660px;
  border-radius: var(--corner-radius-small);
  border: 1px solid var(--color-neutral-border);
  background: var(--color-neutral-background);
}

.cardHeader--gf5zY {
  padding: var(--spacing-wide, 24px);
  padding-bottom: 0;
}

.cardTitle--uAoyX {
  color: var(--color-neutral-content);
  /* headline/medium */
  font-family: var(--font-family-headings, Figtree);
  font-size: var(--font-size-headline-medium, 28px);
  font-style: normal;
  font-weight: var(--font-weight-medium, 500);
  line-height: var(--line-height-headline-medium, 36px); /* 128.571% */
  letter-spacing: var(--letter-spacing-denser, -0.15px);
}

.cardDescription--vSQ0G {
  padding-top: var(--spacing-tight);
  color: var(--color-neutral-content-subtler);
  /* title/medium */
  font-family: var(--font-family-headings, Figtree);
  font-size: var(--font-size-title-medium, 16px);
  font-style: normal;
  line-height: var(--line-height-title-medium, 24px); /* 150% */
  letter-spacing: var(--letter-spacing-base, 0);
}

.cardContent--tO_O8 {
  padding: var(--spacing-wide, 24px);
}
.accountSettings--ueKxh {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.accountSettings__content--NALH0 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-wide);
  max-width: 660px;
}
.accountSettings__content--NALH0 h1 {
  font-size: var(--font-size-header, 28px);
  margin: 0;
}
.accountSettingsPadding--mV0X_ {
  padding: var(--spacing-wide);
}
.sectionContent--bI17s {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--spacing-wide);
}
.flexRow--cXf3G {
  display: flex;
  align-items: center;
  gap: var(--spacing-wide);
}
.flexRow--cXf3G.flexEnd--xeM_b {
  justify-content: flex-end;
}
.flex1--EKowd {
  flex: 1;
}
.userPic--TUSX6 {
  flex: none;
}
.saveButton--tCHXz {
  width: 125px;
}
.lsf-form-validation {
  margin-top: 32px;
}
.lsf-form-validation__group {
  padding: 7px 14px;
  border-radius: 5px;
  background-color: var(--color-negative-background);
  color: var(--color-negative-content);
  border: 1px solid var(--color-negative-border-subtlest);
}
.lsf-form-validation__group + .lsf-form-validation__group {
  margin-top: 5px;
}
.lsf-form-validation__field {
  font-size: 14px;
  font-weight: bold;
}
.lsf-form-validation__messages {
  margin-top: 3px;
}
.lsf-form-validation__message {
  font-size: 12px;
  color: var(--color-neutral-content);
}
.lsf-label-ls {
  margin-bottom: 0;
  color: var(--color-neutral-content);
}
.lsf-label-ls__text {
  display: flex;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 120%;
}
.lsf-label-ls__description {
  font-size: 0.875rem;
  color: var(--color-neutral-content-subtler);
  font-weight: 400;
  line-height: 140%;
}
.lsf-label-ls__description a {
  color: var(--color-primary-content);
  text-decoration: underline;
}
.lsf-label-ls__description a:hover {
  text-decoration: none;
  color: var(--color-primary-content-hover);
}
.lsf-label-ls__field {
  line-height: 0;
}
.lsf-label-ls__label {
  display: flex;
  align-items: center;
}
.lsf-label-ls_size_large .lsf-label-ls__text {
  font-weight: 500;
  font-size: 0.875rem;
}
.lsf-label-ls_flat .lsf-label-ls__text {
  padding: 0;
}
.lsf-label-ls .lsf-input-ls,
.lsf-label-ls .lsf-select-ls,
.lsf-label-ls .lsf-textarea-ls {
  width: 100%;
}
.lsf-label-ls[data-required] .lsf-label-ls__text::after {
  content: "Required";
  font-size: 0.825rem;
  color: var(--sand_500);
  margin-left: 0.325rem;
}
.lsf-label-ls_large .lsf-label-ls__text {
  font-size: 1.25rem;
  font-weight: 500;
}
.lsf-label-ls_placement_right, .lsf-label-ls_placement_left {
  display: grid;
  gap: 8px;
  row-gap: 0;
}
.lsf-label-ls_placement_right {
  grid-template-areas: "field label" "field description";
  grid-template-columns: auto 1fr;
}
.lsf-label-ls_placement_left {
  grid-template-areas: "label field" "description field";
  grid-template-columns: 1fr auto;
}
.lsf-label-ls_placement_left:not(.lsf-label-ls_withDescription) {
  grid-template-areas: "label field";
}
.lsf-label-ls_placement_right:not(.lsf-label-ls_withDescription) {
  grid-template-areas: "field label";
}
.lsf-label-ls_empty .lsf-label-ls__text, .lsf-label-ls_placement_right .lsf-label-ls__text, .lsf-label-ls_placement_left .lsf-label-ls__text {
  grid-area: label;
  margin-bottom: 0;
  line-height: 22px;
  height: auto;
  align-items: center;
  font-weight: 500;
}
.lsf-label-ls_placement_right:not(.lsf-label-ls_withDescription) .lsf-label-ls__field, .lsf-label-ls_placement_left:not(.lsf-label-ls_withDescription) .lsf-label-ls__field {
  grid-area: field;
  display: flex;
  align-items: center;
}
.lsf-label-ls_placement_right .lsf-label-ls__description, .lsf-label-ls_placement_left .lsf-label-ls__description {
  grid-area: description;
}
.lsf-label-ls_placement_right.lsf-label-ls_withDescription .lsf-label-ls__field input[type=radio] {
  margin: 4px 0 0;
}
label {
  font-weight: 500;
  font-size: 0.875rem;
  margin-bottom: 4px;
  display: block;
}
.lsf-counter {
  width: 114px;
  height: 40px;
  display: flex;
  min-width: 114px;
  border-radius: 8px;
  background: var(--color-neutral-surface);
  box-sizing: border-box;
  border: 1px solid var(--color-neutral-border);
  transition: all 150ms ease;
  align-items: center;
}
.lsf-counter:active {
  border: 1px solid var(--color-neutral-border-bold);
}
.lsf-counter_disabled {
  opacity: 0.6;
  background-color: var(--color-neutral-background);
}
.lsf-counter__btn {
  min-width: 32px;
  min-height: 32px;
  margin: 4px;
  border-radius: 4px;
  background: var(--color-neutral-background);
  display: flex;
  color: var(--color-primary-icon);
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  transition: all 150ms ease;
  box-shadow: 0 4px 8px rgba(var(--color-neutral-shadow-raw)/16%), 0 1px 2px rgba(var(--color-neutral-shadow-raw)/30%);
}
.lsf-counter__btn_disabled {
  box-shadow: none;
  pointer-events: none;
  color: var(--color-neutral-content-subtlest);
  background: var(--color-neutral-surface);
}
.lsf-counter__btn:active, .lsf-counter__btn:hover {
  background: var(--color-neutral-surface-hover);
  color: var(--color-primary-content);
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 0 rgba(38, 38, 38, 0.3);
  box-shadow: 0 6px 12px rgba(var(--color-neutral-shadow-raw)/16%), 0 2px 4px rgba(var(--color-neutral-shadow-raw)/30%);
}
.lsf-counter__input {
  flex: 1;
  width: 100%;
  border: none;
  padding: 0;
  background: none;
  text-align: center;
  outline: none;
  font-size: 16px;
  line-height: 22px;
  color: var(--color-neutral-content);
}
.lsf-input-ls,
.lsf-select-ls,
.lsf-textarea-ls {
  --input-size: 40px;
  height: var(--input-size);
  min-height: var(--input-size);
  background: var(--color-neutral-background);
  font-size: 16px;
  line-height: 22px;
  border: 1px solid var(--color-neutral-border);
  box-sizing: border-box;
  border-radius: 5px;
  padding: 0 16px;
  transition: all 150ms ease-out;
  font-weight: 400;
  color: var(--color-neutral-content);
  box-shadow: inset 0 1px 2px rgba(var(--color-neutral-shadow-raw)/8%);
}
.lsf-input-ls::-moz-placeholder, .lsf-select-ls::-moz-placeholder, .lsf-textarea-ls::-moz-placeholder {
  color: var(--color-neutral-content-subtler);
}
.lsf-input-ls::placeholder,
.lsf-select-ls::placeholder,
.lsf-textarea-ls::placeholder {
  color: var(--color-neutral-content-subtler);
}
.lsf-input-ls_ghost,
.lsf-select-ls_ghost,
.lsf-textarea-ls_ghost {
  border: none;
  padding: 0;
  background-color: transparent;
  outline: none;
}
.lsf-input-ls:-moz-read-only, .lsf-select-ls:-moz-read-only, .lsf-textarea-ls:-moz-read-only {
  background-color: var(--color-neutral-surface);
  color: var(--color-neutral-content-subtler);
}
.lsf-input-ls:read-only,
.lsf-select-ls:read-only,
.lsf-textarea-ls:read-only {
  background-color: var(--color-neutral-surface);
  color: var(--color-neutral-content-subtler);
}
.lsf-input-ls:not([disabled]):hover,
.lsf-textarea-ls:not([disabled]):hover {
  border-color: var(--color-neutral-border-bold);
}
.lsf-input-ls:not([disabled]):active,
.lsf-textarea-ls:not([disabled]):active {
  border-color: var(--color-neutral-border-bolder);
}
.lsf-select-ls:not(.lsf-disabled):hover {
  border-color: var(--color-neutral-border-bold);
}
.lsf-select-ls:not(.lsf-disabled):active {
  border-color: var(--color-neutral-border-bolder);
}
input.lsf-input-ls[type=radio] {
  width: 16px;
  height: 16px;
  min-height: 0;
}
.lsf-textarea-ls {
  padding: 12px 16px;
  min-height: 50px;
}
.membershipInfo--AWfRN {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.divider--eqtFL {
  display: block;
  height: 1px;
  background: var(--color-neutral-border);
}
.lsf-sidebar-menu {
  flex: 1;
  display: flex;
  max-height: calc(100vh - var(--header-height));
}
.lsf-sidebar-menu__navigation {
  width: calc(var(--menu-sidebar-width));
  display: flex;
  transition: border 400ms ease-out;
}
.lsf-sidebar-menu__navigation .lsf-main-menu {
  background: var(--color-neutral-background);
}
.lsf-sidebar-menu__navigation .lsf-main-menu__item {
  background: var(--color-neutral-background);
}
.lsf-sidebar-menu__navigation .lsf-main-menu__item_active {
  background: var(--color-primary-emphasis-subtle);
  pointer-events: all;
}
.lsf-sidebar-menu__content {
  flex: 1;
  overflow: auto;
  padding: 2rem;
}
.lsf-spinner-ls {
  --spinner-size: 50px;
  --corner-size: calc(var(--spinner-size) * 0.375);
  --spinner-duration: 2.5s;
  --spinner-color: var(--persimmon_400);
  position: relative;
  width: var(--spinner-size);
  height: var(--spinner-size);
}
.lsf-spinner-ls__body {
  top: 50%;
  left: 50%;
  width: var(--spinner-size);
  height: var(--spinner-size);
  position: absolute;
  transform: translate(-50%, -50%);
  background-color: var(--color-neutral-background-subtle);
  box-shadow: 0 0 0 calc(var(--spinner-size) * 0.0625) var(--persimmon_400) inset, 0 0 0 calc(var(--spinner-size) * 0.0625) var(--persimmon_400);
  will-change: transform, width, height;
}
.lsf-spinner-ls__body:not(.lsf-spinner-ls__body_stopped) {
  animation: lsf-logo-spin var(--spinner-duration) ease infinite;
}
.lsf-spinner-ls__body > span {
  position: absolute;
  background-color: var(--spinner-color);
  width: var(--corner-size);
  height: var(--corner-size);
  border-radius: calc(var(--corner-size) * 0.16);
}
.lsf-spinner-ls__body > span:nth-child(1) {
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}
.lsf-spinner-ls__body > span:nth-child(2) {
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}
.lsf-spinner-ls__body > span:nth-child(3) {
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%);
}
.lsf-spinner-ls__body > span:nth-child(4) {
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
}
@keyframes lsf-logo-spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  20% {
    width: 0;
    height: 0;
    transform: translate(-50%, -50%) rotate(0deg);
  }
  45% {
    width: 0;
    height: 0;
    transform: translate(-50%, -50%) rotate(90deg);
  }
  70% {
    width: var(--spinner-size);
    height: var(--spinner-size);
    transform: translate(-50%, -50%) rotate(90deg);
  }
  100% {
    width: var(--spinner-size);
    height: var(--spinner-size);
    transform: translate(-50%, -50%) rotate(90deg);
  }
}
.lsf-toggle-items {
  --button-checked-shadow: 0 1px 0 rgba(var(--color-neutral-shadow-raw) / 10%), 0 5px 10px rgba(var(--color-neutral-shadow-raw) / 10%);
  display: flex;
  justify-content: stretch;
  list-style: none;
  padding: 4px;
  margin: 0;
  background: var(--color-neutral-surface);
  border: 1px solid var(--color-neutral-border);
  border-radius: var(--corner-radius-small);
  font-weight: 500;
}
.lsf-toggle-items_big {
  font-size: 16px;
}
.lsf-toggle-items_big .lsf-toggle-items__item {
  padding: 4px 20px;
}
.lsf-toggle-items__item {
  cursor: pointer;
  color: var(--color-neutral-content-subtler);
  border-radius: 4px;
  padding: 2px 16px;
  flex-grow: 1;
  text-align: center;
}
.lsf-toggle-items__item_active {
  color: var(--color-neutral-content);
  background: var(--color-neutral-surface-hover);
  box-shadow: var(--button-checked-shadow);
}
.lsf-pagination-ls {
  --pagination-height: 40px;
  height: var(--pagination-height);
  display: inline-flex;
  align-items: center;
  --button-color: var(--color-primary-content);
}
.lsf-pagination-ls_disabled {
  --button-color: var(--color-neutral-content-subtlest);
  background-color: var(--color-neutral-surface);
  pointer-events: none;
}
.lsf-pagination-ls__label {
  padding-right: 16px;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-neutral-content-subtler);
}
.lsf-pagination-ls__navigation {
  display: flex;
  height: 100%;
  align-items: center;
  border-radius: 5px;
  background: var(--color-neutral-background);
  border: 1px solid var(--color-neutral-border);
}
.lsf-pagination-ls__navigation_waiting .lsf-pagination-ls__navigation {
  pointer-events: none;
  animation: lsf-button-waiting 1s linear infinite;
  --button-background-image: var(--button-waiting-animation-bg);
}
.lsf-pagination-ls__divider {
  width: 1px;
  height: 30px;
  background-color: var(--color-neutral-border);
}
.lsf-pagination-ls__btn {
  width: 37px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.lsf-pagination-ls__btn_waiting .lsf-pagination-ls__btn {
  opacity: 0.5;
}
.lsf-pagination-ls__btn_disabled {
  pointer-events: none;
  --button-color: var(--color-neutral-content-subtlest);
}
.lsf-pagination-ls__btn_arrow-left, .lsf-pagination-ls__btn_arrow-right {
  position: relative;
}
.lsf-pagination-ls__btn_arrow-left::before, .lsf-pagination-ls__btn_arrow-left::after, .lsf-pagination-ls__btn_arrow-right::before, .lsf-pagination-ls__btn_arrow-right::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 9px;
  height: 9px;
  border: 2px solid var(--color-primary-icon);
  border-bottom: none;
  border-right: none;
}
.lsf-pagination-ls__btn_arrow-left::after, .lsf-pagination-ls__btn_arrow-right::after {
  display: none;
}
.lsf-pagination-ls__btn_arrow-left::before, .lsf-pagination-ls__btn_arrow-left::after {
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.lsf-pagination-ls__btn_arrow-right::before, .lsf-pagination-ls__btn_arrow-right::after {
  transform: translate3d(-50%, -50%, 0) rotate(135deg);
}
.lsf-pagination-ls__btn_arrow-left-double::after {
  display: block;
  margin-left: 7px;
}
.lsf-pagination-ls__btn_arrow-right-double::after {
  display: block;
  margin-left: -7px;
}
.lsf-pagination-ls__input {
  width: 100px;
  height: var(--pagination-height);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-neutral-border);
  border-top: none;
  border-bottom: none;
  background: var(--color-neutral-surface);
  margin: 1px 0;
}
.lsf-pagination-ls__input_waiting .lsf-pagination-ls__input {
  opacity: 0.5;
}
.lsf-pagination-ls__input input {
  width: 100%;
  height: calc(100% - 2px);
  border: none;
  margin: 1px 0;
  padding: 0;
  outline: none;
  text-align: center;
  background: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}
.lsf-pagination-ls__page-indicator {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  flex: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.lsf-pagination-ls__page-indicator span {
  font-weight: normal;
  opacity: 0.4;
}
.lsf-pagination-ls__page-size {
  min-width: 150px;
  padding-left: 16px;
  box-sizing: content-box;
}
.lsf-pagination-ls__page-size .lsf-select__list {
  padding-right: 0;
}
.lsf-heidy-tip__content {
  padding: 1rem;
  border: 1px solid var(--color-neutral-border);
  font-size: 14px;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  background: var(--color-neutral-surface);
}
.lsf-heidy-tip__header {
  display: flex;
  width: 100%;
  min-height: 24px;
  margin-bottom: 8px;
  flex-direction: row;
  justify-content: space-between;
}
.lsf-heidy-tip__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: var(--color-neutral-content);
}
.lsf-heidy-tip__text {
  line-height: 20px;
  letter-spacing: 0.25px;
  color: var(--color-neutral-content-subtler);
}
.lsf-heidy-tip__link {
  color: var(--color-primary-content);
  font-weight: 500;
  display: block;
}
.lsf-heidy-tip__link:hover {
  color: var(--color-primary-content-hover);
  text-decoration: underline;
}
.lsf-heidy-tip__link::before {
  content: " ";
}
.lsf-heidy-tip__dismiss {
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  display: flex;
  box-shadow: none;
  justify-content: center;
  align-items: center;
}
.lsf-heidy-tip__dismiss svg {
  width: 14px;
  height: 14px;
}
.lsf-heidy-tip__dismiss svg .lsf-spike-fill {
  fill: var(--color-neutral-surface);
  display: none;
}
.lsf-heidy-tip__dismiss svg .lsf-spike-stroke {
  fill: var(--color-neutral-border);
  display: none;
}
.lsf-heidy-tip__dismiss svg > path {
  stroke: var(--color-neutral-content-subtlest);
}
.lsf-heidy-tip__dismiss:hover {
  background: var(--color-primary-emphasis-subtle);
}
.lsf-heidy-tip__dismiss:hover svg path {
  stroke: var(--color-primary-surface-content);
}
.lsf-heidy-tip__heidi {
  margin-top: -12px;
  padding-left: 16px;
  pointer-events: none;
  color: var(--color-neutral-border);
}
.lsf-heidy-tip__heidi svg path.lsf-spike-stroke {
  color: red;
}
.lsf-form {
  width: 100%;
  display: block;
}
.lsf-form__row {
  display: grid;
  justify-items: stretch;
  justify-content: space-between;
  grid-template-columns: repeat(var(--column-count, 5), 1fr);
  grid-gap: var(--row-gap, 8px) 8px;
}
.lsf-form__row:not(:first-child) {
  margin-top: 12px;
}
.lsf-form__row__description {
  font-size: 0.875rem;
}
.lsf-form__submit {
  display: flex;
  margin-top: 32px;
  align-items: center;
  justify-content: space-between;
}
.lsf-form__submit + .lsf-inline-error {
  margin-top: 32px;
}
.lsf-form__submit_size_small {
  margin-top: 16px;
}
.lsf-form__info {
  display: flex;
  align-items: center;
  color: var(--color-negative-content);
  font-size: 14px;
  line-height: 22px;
}
.lsf-form__info_valid {
  color: var(--color-neutral-content-subtler);
}
.lsf-form__column {
  display: grid;
  grid-auto-flow: column;
  align-items: flex-start;
}
.lsf-input-ls,
.lsf-textarea-ls,
.lsf-counter,
.lsf-select-ls__list {
  transition: all 100ms ease-out;
  outline: 0;
  color: var(--color-neutral-content);
}
.lsf-input-ls:not(:-moz-read-only):focus, .lsf-textarea-ls:not(:-moz-read-only):focus, .lsf-counter:not(:-moz-read-only):focus, .lsf-select-ls__list:not(:-moz-read-only):focus {
  outline: 4px solid var(--color-primary-focus-outline);
  border-color: var(--color-neutral-border-bolder);
}
.lsf-input-ls:not(.lsf-input-ls_ghost,
.lsf-textarea-ls_ghost,
.lsf-counter_ghost,
.lsf-select-ls__list_ghost):focus, .lsf-input-ls:not(:read-only):focus, .lsf-input-ls_focused,
.lsf-textarea-ls:not(.lsf-input-ls_ghost,
.lsf-textarea-ls_ghost,
.lsf-counter_ghost,
.lsf-select-ls__list_ghost):focus,
.lsf-textarea-ls:not(:read-only):focus,
.lsf-textarea-ls_focused,
.lsf-counter:not(.lsf-input-ls_ghost,
.lsf-textarea-ls_ghost,
.lsf-counter_ghost,
.lsf-select-ls__list_ghost):focus,
.lsf-counter:not(:read-only):focus,
.lsf-counter_focused,
.lsf-select-ls__list:not(.lsf-input-ls_ghost,
.lsf-textarea-ls_ghost,
.lsf-counter_ghost,
.lsf-select-ls__list_ghost):focus,
.lsf-select-ls__list:not(:read-only):focus,
.lsf-select-ls__list_focused {
  outline: 4px solid var(--color-primary-focus-outline);
  border-color: var(--color-neutral-border-bolder);
}
.lsf-input-ls:focus-visible,
.lsf-textarea-ls:focus-visible,
.lsf-counter:focus-visible,
.lsf-select-ls__list:focus-visible {
  outline: none;
}
.lsf-input-ls:-moz-read-only:focus, .lsf-textarea-ls:-moz-read-only:focus, .lsf-counter:-moz-read-only:focus, .lsf-select-ls__list:-moz-read-only:focus {
  box-shadow: none;
  border-color: var(--border-color);
}
.lsf-input-ls:read-only:focus,
.lsf-textarea-ls:read-only:focus,
.lsf-counter:read-only:focus,
.lsf-select-ls__list:read-only:focus {
  box-shadow: none;
  border-color: var(--border-color);
}
.lsf-form-indicator {
  font-weight: 500;
}
.lsf-form-indicator__item_type_success {
  color: var(--color-positive-content);
}
.lsf-form-indicator__item_type_fail {
  color: var(--color-negative-content);
}
@charset "UTF-8";
.lsf-panel {
  display: none;
}
.lsf-wizard {
  flex: 1;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.lsf-sidebar-menu__content > .lsf-wizard {
  height: calc(100% + 64px);
  margin: -32px -40px;
}
.lsf-wizard > .lsf-configure {
  flex: 1;
  min-height: 0;
  display: flex;
  align-items: stretch;
}
.lsf-wizard > .lsf-configure > * {
  flex: 50%;
}
.lsf-wizard .lsf-configure__container {
  display: flex;
  flex-direction: column;
  padding: 16px 11px 16px 20px;
  overflow-y: scroll;
  background-color: var(--color-neutral-background);
}
.lsf-wizard .lsf-configure__container::-webkit-scrollbar {
  width: 5px;
}
.lsf-wizard .lsf-configure__container::-webkit-scrollbar-track {
  background: none;
}
.lsf-templates-list {
  display: grid;
  height: 100%;
  grid-template: 1fr auto/224px auto;
}
.lsf-templates-list__sidebar {
  padding: 16px 8px 16px 32px;
}
.lsf-templates-list__sidebar h3:not(:first-child) {
  margin-top: 2em;
}
.lsf-templates-list__sidebar .lsf-templates-list__custom-template {
  margin-top: 20px;
  padding-left: 8px;
  font-weight: 500;
  border: none;
  color: var(--grape_500);
  background: none;
  width: 100%;
  text-align: left;
}
.lsf-templates-list__sidebar ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}
.lsf-templates-list__group {
  margin: 0 0 4px;
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
  color: var(--color-neutral-content-subtler);
  font-weight: 500;
  line-height: 24px;
  display: flex;
  align-items: center;
  transition: all 150ms ease-out;
}
.lsf-templates-list__group:not(.lsf-templates-list__group_active):hover {
  background-color: var(--color-primary-emphasis-subtle);
  color: var(--color-neutral-content);
}
.lsf-templates-list__group_active {
  color: var(--color-neutral-content);
  background-color: var(--color-neutral-surface-active);
  cursor: default;
}
.lsf-templates-list__group svg {
  margin-left: auto;
  padding-left: 16px;
  width: 24px;
  flex-shrink: 0;
}
.lsf-templates-list main {
  position: relative;
  flex-grow: 1;
  overflow-y: auto;
  height: 100%;
}
.lsf-templates-list main ul {
  display: grid;
  flex-wrap: wrap;
  padding: 0;
  margin: 16px 8px;
  grid-template-columns: repeat(auto-fill, 276px);
  grid-auto-columns: 276px;
  grid-gap: 16px;
}
.lsf-templates-list__template {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  width: 276px;
  border: 1px solid var(--color-neutral-border);
  box-sizing: content-box;
  transition: all 300ms ease-out;
  overflow: hidden;
}
.lsf-templates-list__template_active, .lsf-templates-list__template:hover {
  box-shadow: 0 0 0 6px var(--color-primary-focus-outline);
  background: var(--color-neutral-surface-hover);
  border-color: var(--color-primary-border-bolder);
}
.lsf-templates-list__template:hover {
  opacity: 0.9;
}
.lsf-templates-list__template h3 {
  margin: 0;
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
  border-top: 1px solid var(--color-neutral-content);
  color: var(--color-neutral-content);
}
.lsf-templates-list__template img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px 4px 0 0;
}
.lsf-templates-list footer,
.lsf-templates-list .lsf-modal__footer {
  grid-column: 1/span 2;
  padding: 16px 32px;
  font-size: 14px;
  background: var(--color-neutral-surface-inset);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05);
  text-align: center;
  color: var(--color-neutral-content-subtler);
}
.lsf-templates-list footer a,
.lsf-templates-list .lsf-modal__footer a {
  color: var(--color-primary-content-hover);
  text-decoration: underline;
}
.lsf-templates-list__info-icon {
  vertical-align: -5px;
  height: 20px;
}
.lsf-wizard a.lsf-back {
  align-self: center;
  width: 220px;
  height: 30px;
}
.lsf-wizard a.lsf-back::before {
  content: "←";
  margin-right: 8px;
}
.lsf-wizard .lsf-project__create {
  display: none;
}
.lsf-wizard .lsf-project__create p {
  margin: 0;
}
.lsf-wizard h1 {
  font-size: 1.75rem;
  width: 100%;
  display: flex;
  color: var(--color-neutral-content);
}
.lsf-wizard h1 a[name=config] {
  margin-left: auto;
  font-size: 1rem;
  font-weight: 400;
  background: var(--color-neutral-surface-inset);
}
.lsf-wizard h1 a[name=config]:hover {
  background: var(--color-primary-content);
}
.lsf-wizard h1 a[name=config]:hover::before {
  content: "Advanced! ";
}
.lsf-wizard a.lsf-button-ls,
.lsf-wizard button,
.lsf-wizard input[type=button] {
  line-height: 1;
}
.lsf-configure__container > header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 16px;
}
.lsf-configure__editor {
  display: flex;
  flex: 1;
  overflow-y: auto;
}
.lsf-configure__editor::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: var(--color-neutral-border-bolder);
}
.lsf-configure__editor::-webkit-scrollbar-thumb {
  background-color: var(--color-neutral-surface);
}
.lsf-configure__tags-link {
  margin: 0;
  line-height: 21px;
  margin-top: -6px;
}
.lsf-configure__tags-link a {
  color: var(--color-primary-content);
}
.lsf-configure__container > header .lsf-toggle-items {
  margin-left: auto;
}
.lsf-wizard .lsf-configure__code {
  overflow-x: hidden;
}
.lsf-wizard .lsf-configure__code,
.lsf-wizard .lsf-configure__visual {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.lsf-wizard .lsf-configure__visual > * {
  border-top: 1px solid var(--color-neutral-border);
  padding-top: 16px;
  margin-bottom: 16px;
  color: var(--color-neutral-content);
}
.lsf-wizard .lsf-configure__visual a {
  color: var(--color-primary-content);
}
.lsf-wizard .lsf-configure__visual a:hover {
  text-decoration: underline;
  color: var(--color-primary-content-hover);
}
.lsf-wizard .lsf-configure__visual input, .lsf-wizard .lsf-configure__visual select {
  padding: 4px 8px;
  font: inherit;
  color: inherit;
  background-color: inherit;
  border-color: var(--color-neutral-border);
}
.lsf-wizard .lsf-configure__object h4 {
  margin-bottom: 8px;
  color: var(--color-neutral-content);
}
.lsf-wizard .lsf-configure__object > p {
  line-height: 32px;
  color: var(--color-neutral-content-subtler);
}
.lsf-wizard .lsf-configure__object > p.lsf-configure__object-error {
  line-height: 22px;
  margin-top: 8px;
  color: var(--color-negative-content);
}
.lsf-wizard .lsf-configure__object input {
  margin-left: 8px;
}
.lsf-wizard .lsf-configure__enable_manual_columns {
  border-bottom: 1px dashed var(--color-neutral-border);
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.lsf-wizard .lsf-configure__enable_manual_columns:hover {
  opacity: 0.8;
}
.lsf-wizard .lsf-configure__labels {
  display: flex;
  max-height: 200px;
}
.lsf-wizard .lsf-configure__add-labels {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
}
.lsf-wizard .lsf-configure__add-labels span {
  color: var(--color-neutral-content-subtler);
}
.lsf-wizard .lsf-configure__add-labels textarea {
  flex-grow: 1;
  margin: 8px 0;
  border-color: var(--color-neutral-border);
  background: var(--color-neutral-surface);
  color: var(--color-neutral-content);
  font: inherit;
}
.lsf-wizard .lsf-configure__visual h4 {
  margin: 0;
  font-weight: 500;
  color: var(--color-neutral-content);
}
/*** Configure Labels ***/
.lsf-wizard .lsf-configure__current-labels {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  margin-right: 8px;
}
.lsf-wizard .lsf-configure__current-labels h3 {
  font-size: 16px;
  margin: 0 32px 7px;
  color: var(--color-neutral-content);
}
.lsf-wizard .lsf-configure__labels ul {
  overflow-y: scroll;
  padding: 0 2em;
  margin: 0;
  list-style: none;
  min-width: 140px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 1;
}
.lsf-wizard .lsf-configure__labels ul::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: var(--color-neutral-border-bolder);
}
.lsf-wizard .lsf-configure__labels ul::-webkit-scrollbar-thumb {
  background-color: var(--color-neutral-surface);
}
.lsf-wizard .lsf-configure__labels ul .lsf-configure__label {
  display: flex;
  align-items: stretch;
  position: relative;
}
.lsf-wizard .lsf-configure__labels ul .lsf-configure__label:not(:first-child) {
  margin-top: 8px;
}
.lsf-wizard .lsf-configure__labels ul .lsf-configure__label_choice label {
  display: none;
}
.lsf-wizard .lsf-configure__labels ul .lsf-configure__label_choice span {
  background: var(--color-neutral-background);
}
.lsf-wizard .lsf-configure__labels ul .lsf-configure__label label {
  width: 0;
  cursor: pointer;
}
.lsf-wizard .lsf-configure__labels ul .lsf-configure__label label::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: inherit;
  opacity: 0.2;
  left: 0;
  right: 0;
  border-radius: 0 4px 4px 0;
}
.lsf-wizard .lsf-configure__labels ul .lsf-configure__label label::after {
  position: absolute;
  left: -4px;
  width: 4px;
  content: "";
  height: 100%;
  background: inherit;
  border-radius: 3px 0 0 3px;
  transition: 0.1s all;
  will-change: width, left;
}
.lsf-wizard .lsf-configure__labels ul .lsf-configure__label .lsf-configure__label-color {
  width: 1px;
  padding: 0;
  border: 0;
  position: absolute;
  opacity: 0;
}
.lsf-wizard .lsf-configure__labels ul .lsf-configure__label span {
  padding: 0 8px;
  overflow-x: hidden;
  word-break: break-word;
  color: var(--color-neutral-content);
}
.lsf-wizard .lsf-configure__labels ul .lsf-configure__label .lsf-configure__delete-label {
  min-width: 0;
  border: 0;
  border-radius: 0 4px 4px 0;
  background: none;
  cursor: pointer;
  padding: 2px 6px;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  color: var(--color-negative-icon);
  opacity: 0.8;
  transition: all 150ms ease-out;
}
.lsf-wizard .lsf-configure__labels ul .lsf-configure__label .lsf-configure__delete-label:hover {
  background: var(--color-negative-emphasis-subtle);
  opacity: 1;
}
.lsf-wizard .lsf-configure__labels ul .lsf-configure__label:hover {
  background: var(--color-neutral-surface);
}
.lsf-wizard .lsf-configure__labels ul .lsf-configure__label:hover label::before {
  border-radius: 0;
}
.lsf-wizard .lsf-configure__labels ul .lsf-configure__label:hover label::after {
  width: 12px;
  left: -12px;
}
.lsf-wizard ul.lsf-configure__settings {
  padding: 0;
}
.lsf-wizard ul.lsf-configure__settings ul {
  padding: 0;
}
.lsf-wizard ul.lsf-configure__settings li {
  list-style: none;
  margin: 8px 0 0 8px;
}
.lsf-wizard ul.lsf-configure__settings label {
  cursor: pointer;
  color: var(--color-neutral-content-subtler);
}
.lsf-wizard ul.lsf-configure__settings input[type=checkbox] {
  margin-right: 8px;
}
.lsf-wizard ul.lsf-configure__settings input[type=text],
.lsf-wizard ul.lsf-configure__settings select {
  font: inherit;
  line-height: 1.2em;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid var(--color-neutral-border);
}
.lsf-wizard .lsf-configure__preview {
  background-color: var(--color-neutral-surface);
  flex-grow: 10;
  min-width: 500px;
  padding: 16px 16px 0;
  overflow-y: auto;
  border-left: 1px solid var(--color-neutral-border);
  display: flex;
  flex-direction: column;
  color: var(--color-neutral-content);
}
.lsf-wizard .lsf-configure__preview::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: var(--color-neutral-border-bolder);
}
.lsf-wizard .lsf-configure__preview::-webkit-scrollbar-thumb {
  background-color: var(--color-neutral-surface);
}
.lsf-wizard .lsf-configure__preview h3 {
  margin: 8px 0 16px;
  font-size: 16px;
  color: var(--color-neutral-content);
}
.lsf-wizard .lsf-configure__preview iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.lsf-wizard .lsf-configure__preview-ui {
  flex: 1;
  min-height: 0;
}
.lsf-wizard .lsf-configure__preview-error {
  color: var(--color-negative-content);
  border: 1px solid var(--color-negative-border);
  background-color: var(--color-negative-background);
  padding: 10px 15px;
  border-radius: 3px;
  margin-bottom: 16px;
  white-space: pre-line;
}
.lsf-wizard .lsf-configure__preview-error h2 {
  font-size: 16px;
}
.lsf-wizard .lsf-configure__preview .lsf-editor > .lsf-common {
  flex: 1;
  max-width: 100%;
}
.lsf-wizard .lsf-configure__preview .lsf-main-view__annotation {
  padding: 0;
}
div[class^=App_menu] > div {
  width: 100%;
}
input.lsf-configure__add {
  border: 1px solid var(--color-primary-border);
  color: var(--color-primary-content);
  background: var(--color-neutral-background);
  transition: all 150ms ease-out;
}
input.lsf-configure__add:hover {
  color: var(--color-neutral-content);
  background: var(--color-primary-emphasis-subtle);
}
.lsf-create-project {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.lsf-create-project > .lsf-modal__header {
  border-bottom: 1px solid var(--color-neutral-border);
}
.lsf-create-project > .lsf-modal__header h1 {
  width: 224px;
  margin-right: auto;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 20px;
  color: var(--color-neutral-content);
}
.lsf-create-project > .lsf-modal__header button {
  line-height: 1em;
  min-width: 100px;
}
.lsf-create-project > .lsf-modal__header .lsf-toggle-items {
  width: 500px;
  margin-right: auto;
  box-sizing: border-box;
}
.lsf-create-project__tab_disabled {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lsf-create-project__tab_disabled::before {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  border-radius: 4px;
  margin-right: 6px;
  background: var(--color-negative-background);
}
.lsf-create-project form.lsf-project-name {
  width: 500px;
  margin: 32px auto;
}
.lsf-create-project form.lsf-project-name > *:not(:first-child) {
  margin-top: 32px;
}
.lsf-create-project form.lsf-project-name label {
  display: inline-flex;
  align-items: center;
}
.lsf-create-project form.lsf-project-name input, .lsf-create-project form.lsf-project-name textarea {
  background: var(--color-neutral-background);
  border: 1px solid var(--color-neutral-border);
  color: var(--color-neutral-content);
  border-radius: var(--corner-radius-smaller);
  box-shadow: inset 0 1px 2px rgba(var(--color-neutral-shadow-raw)/12%);
  transition: all 150ms ease-out;
}
.lsf-create-project form.lsf-project-name input:hover, .lsf-create-project form.lsf-project-name textarea:hover {
  border-color: var(--color-neutral-border-bold);
}
.lsf-create-project form.lsf-project-name input:focus, .lsf-create-project form.lsf-project-name input:focus-visible, .lsf-create-project form.lsf-project-name textarea:focus, .lsf-create-project form.lsf-project-name textarea:focus-visible {
  border-color: var(--color-neutral-border-bolder);
  outline: none;
  box-shadow: 0 0 0 4px var(--color-primary-focus-outline);
}
.lsf-create-project .lsf-project-name .lsf-caption {
  display: block;
  margin-bottom: 32px;
}
.lsf-input-dm,
.lsf-textarea-dm {
  width: 100%;
  background: var(--color-neutral-background);
  font-size: 14px;
  border: 1px solid var(--color-neutral-border);
  box-sizing: border-box;
  border-radius: 5px;
  padding: 0 16px;
  transition: box-shadow 80ms ease;
}

.lsf-input-dm_size_compact {
  height: 32px;
}

.lsf-input-dm_size_small {
  height: 24px;
  font-size: 12px;
  padding: 0 5px;
}

.lsf-input-dm_size_large {
  height: 40px;
  font-size: 16px;
}

.lsf-textarea-dm {
  padding: 12px 16px;
  min-height: 50px;
}

.lsf-input-dm:focus,
.lsf-textarea-dm:focus {
  outline: none;
  box-shadow: 0 0 0 6px var(--color-primary-focus-outline), inset 0 -1px 0 var(--black_10), inset 0 0 0 1px var(--black_15), inset 0 0 0 1px rgb(var(--accent_color-raw)/20%);
  border-color: var(--color-primary-border);
}
.lsf-upload_page {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.lsf-upload_page__error {
  color: var(--color-negative-content);
  padding: 0 32px;
}
.lsf-upload_page button {
  line-height: 1em;
}
.lsf-upload_page > header {
  font-size: 14px;
  padding: 24px 32px;
  background: var(--color-neutral-background);
  display: flex;
  align-items: center;
}
.lsf-upload_page > header.lsf-overlay {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.lsf-upload_page__url-form {
  display: flex;
}
.lsf-upload_page__url-form input {
  border: 1px solid var(--color-neutral-border);
  background: var(--color-neutral-background);
  color: var(--color-neutral-content);
  line-height: 1em;
  width: 320px;
  border-radius: 5px 0 0 5px;
  box-shadow: inset 0 1px 2px rgba(var(--color-neutral-shadow-raw)/12%);
  transition: all 150ms ease-out;
}
.lsf-upload_page__url-form input:focus, .lsf-upload_page__url-form input:focus-visible {
  border-color: var(--color-neutral-border-bolder);
  outline: none;
  box-shadow: 0 0 0 4px var(--color-primary-focus-outline);
}
.lsf-upload_page__url-form button {
  margin-left: -1px;
  border-radius: 0 5px 5px 0;
  background: var(--color-primary-surface);
  color: var(--color-primary-surface-content);
  cursor: pointer;
  transition: all 150ms ease-out;
}
.lsf-upload_page__url-form button:hover {
  background: var(--color-primary-surface-hover);
}
.lsf-upload_page__url-form + span {
  color: var(--color-neutral-content-subtler);
}
.lsf-upload_page__status {
  margin-left: auto;
  font-weight: 500;
}
.lsf-upload_page > main {
  flex: 1;
  overflow-y: auto;
  background: linear-gradient(var(--color-neutral-background) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(0, 0, 0, 0.1), var(--color-neutral-background) 100%);
  background-repeat: no-repeat;
  background-color: var(--color-neutral-background);
  background-size: 100% 20px, 100% 5px;
  background-attachment: local, scroll;
}
.lsf-upload_page table td {
  padding: 8px 32px 8px 0;
}
.lsf-upload_page__file-status {
  background: var(--kale_400);
  border: 1px solid var(--kale_400);
  border-radius: 4px;
  width: 160px;
  height: 6px;
  display: block;
}
.lsf-upload_page__file-status_uploading {
  border: 1px solid var(--color-primary-border-subtle);
  background-color: var(--grape_500);
  background-repeat: repeat;
  background-position: 40px;
  background-size: 37px 100%;
  animation: lsf-status-uploading 1s linear infinite;
  background-image: repeating-linear-gradient(-63.43deg, rgba(255, 255, 255, 0.2) 1px, #efefef 2px, #efefef 6px, rgba(255, 255, 255, 0.2) 7px, rgba(255, 255, 255, 0.2) 12px);
}
.lsf-upload_page__spinner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(255, 255, 255, 0.5);
}
.lsf-upload_page__upload-button {
  display: flex;
  align-items: center;
  padding: 8px;
  border: 1px solid var(--color-primary-border);
  background: var(--color-primary-background);
  border-radius: 4px;
  cursor: pointer;
  color: var(--color-primary-content);
  transition: all 150ms ease-out;
}
.lsf-upload_page__upload-button:hover {
  background: var(--color-primary-emphasis-subtle);
}
.lsf-upload_page__upload-icon {
  height: 20px;
  width: 20px;
}
.lsf-upload_page__info-icon {
  vertical-align: -5px;
  height: 20px;
}
.lsf-upload_page__csv-handling {
  margin: 0 auto;
}
.lsf-upload_page__csv-handling_hidden {
  display: none;
}
.lsf-upload_page__csv-handling_highlighted {
  position: relative;
  z-index: 12;
  background: var(--color-neutral-background);
  padding: 4px 8px;
  border-radius: 8px;
}
.lsf-upload_page__csv-handling label {
  margin-left: 8px;
  cursor: pointer;
}
.lsf-upload_page__csv-splash {
  background: var(--color-neutral-surface);
  position: absolute;
  inset: 0;
  z-index: 10;
  border-radius: 5px;
  pointer-events: none;
}
/* Import files via dropzone */
.lsf-dropzone {
  padding: 32px;
  margin: 0;
  min-height: 100%;
  position: relative;
}
.lsf-dropzone a {
  color: var(--color-primary-content);
}
.lsf-dropzone a:hover {
  text-decoration: underline;
}
.lsf-dropzone_hovered {
  opacity: 0.5;
}
.lsf-dropzone_hovered::before {
  content: "";
  position: absolute;
  inset: 8px;
  border: 2px dashed var(--color-primary-border);
  border-radius: 10px;
  pointer-events: none;
}
.lsf-dropzone_hovered .lsf-dropzone__content {
  opacity: 1;
}
.lsf-dropzone__icon {
  color: var(--grape_500);
}
.lsf-dropzone label {
  display: flex;
  justify-content: center;
}
.lsf-dropzone__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  background: var(--color-primary-background);
  border: 1px dashed var(--color-primary-border);
  color: var(--color-neutral-content-subtle);
  padding: 2rem;
  width: 40rem;
  border-radius: 8px;
}
.lsf-dropzone__content > *:not(:first-child) {
  margin-top: 32px;
}
.lsf-dropzone__content header {
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  color: var(--color-neutral-content);
}
.lsf-dropzone__content dl {
  display: grid;
  grid-template: auto/auto auto;
  font-size: 12px;
  line-height: 20px;
  gap: 0 30px;
}
.lsf-dropzone__content dl dt {
  color: var(--color-neutral-content);
}
.lsf-dropzone__content dl dt:last-of-type,
.lsf-dropzone__content dl dd:last-of-type {
  margin-top: 20px;
}
/* Loading */
.lsf-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 50vh;
  max-height: 300px;
}
#lsf-import-tasks .lsf-loading h4,
#lsf-import-tasks .lsf-loading p {
  margin-bottom: 24px;
}
.lsf-import-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
@keyframes lsf-reveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#lsf-import-tasks .lsf-loading p {
  /* display hidden, wait for 3s and reveal it */
  animation: lsf-reveal 0.3s 3s 1 both;
}
.lsf-loading.lsf-splash {
  position: absolute;
  width: 100%;
  background: var(--theme-bg);
  opacity: 0.5;
  z-index: 1;
}
@keyframes lsf-status-uploading {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 37px 0;
  }
}
.lsf-caption {
  margin: 8px 0;
  font-size: 0.875rem;
}
.lsf-caption a {
  color: var(--color-primary-content);
  text-decoration: underline;
}
.lsf-caption a::before {
  content: " ";
}
.lsf-caption a:hover {
  text-decoration: none;
  color: var(--color-primary-content-hover);
}
.lsf-export-page__finish {
  width: 135px;
}
.lsf-export-page__recent {
  display: grid;
  grid-auto-flow: rows;
}
.lsf-export-page__footer {
  margin: 0 -40px -32px;
  padding: 24px 32px;
  position: sticky;
  bottom: -40px;
  background-color: var(--color-neutral-surface-active);
  border-top: 1px solid var(--color-neutral-border);
}
.lsf-formats {
  color: var(--color-neutral-content-subtler);
  font-size: 16px;
  padding-bottom: var(--spacing-base);
}
.lsf-formats__list {
  margin: 10px -7px;
  display: flex;
  flex-flow: row wrap;
  gap: var(--spacing-tight);
}
.lsf-formats a {
  color: var(--color-primary-content);
  text-decoration: underline;
}
.lsf-formats__item {
  padding: 10px 9px 10px 38px;
  border-radius: 4px;
  position: relative;
  pointer-events: none;
  color: var(--color-neutral-content);
  transition: all 150ms ease-out;
  border: 1px solid transparent;
  width: 100%;
}
.lsf-formats__item_active {
  cursor: pointer;
  pointer-events: all;
}
.lsf-formats__item_active:hover:not(.lsf-formats__item_selected) {
  background-color: var(--color-primary-emphasis-subtle);
}
.lsf-formats__item:not(.lsf-formats__item_active) {
  opacity: 0.3;
}
.lsf-formats__item::before, .lsf-formats__item::after {
  top: 50%;
  left: 10px;
  width: 18px;
  height: 18px;
  content: "";
  display: block;
  position: absolute;
  border-radius: 100%;
  transform: translate(0, -50%);
}
.lsf-formats__item::before {
  box-shadow: 0 0 0 0.5px var(--color-neutral-content-subtler);
}
.lsf-formats__item_selected {
  pointer-events: none;
  background-color: var(--color-primary-emphasis);
  border: 1px solid var(--color-primary-border-subtler);
}
.lsf-formats__item_selected::after {
  left: 12px;
  width: 14px;
  height: 14px;
  background-color: var(--color-primary-content);
}
.lsf-formats__item_selected::before {
  box-shadow: 0 0 0 0.5px var(--color-neutral-content);
}
.lsf-formats__name {
  display: flex;
  font-weight: 500;
  justify-content: space-between;
}
.lsf-formats__tag {
  font-size: 12px;
  padding: 2px 5px;
  border-radius: 2px;
  font-weight: 400;
  background-color: var(--color-primary-background);
  color: var(--color-primary-content);
}
.lsf-formats__description {
  font-size: 14px;
  opacity: 0.7;
  color: var(--color-neutral-content-subtle);
}
.lsf-datamanager {
  height: calc(100vh - var(--header-height));
}
.lsf-datamanager #lsf-label-studio-dm [class*=Annotations_annotation_selected] {
  background: var(--color-primary-surface-content);
}
.lsf-datamanager * {
  font-family: var(--font-sans) !important;
}
.lsf-webhook-wrap {
  flex: 1;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 42rem;
}
.lsf-webhook-wrap h1 {
  margin-bottom: 0.5rem;
}
.lsf-webhook-wrap__content {
  flex: 1;
  margin: 2rem;
  width: 42rem;
}
.lsf-webhook-wrap__footer {
  box-sizing: content-box !important;
  flex: none;
  width: 100%;
  height: 88px;
  background: var(--color-primary-background);
  border: 1px var(--color-primary-border-subtlest) solid;
  margin-left: -2px;
  display: flex;
  padding-top: 24px;
  border-radius: var(--corner-radius-small);
}
.lsf-webhook-wrap__footer-text {
  width: 42rem;
  font-size: 0.875rem;
  color: var(--color-neutral-content-subtle);
}
.lsf-webhook-wrap__footer-text p {
  margin: 0;
  margin-bottom: 6px;
}
.lsf-webhook-wrap__footer-text a {
  color: var(--color-primary-content);
  text-decoration: underline;
}
.lsf-webhook-wrap__footer-icon {
  margin: 0 24px;
}
.lsf-webhook__title {
  font-weight: 500;
  margin-bottom: 24px;
  color: var(--color-neutral-content);
}
.lsf-webhook__title-base {
  color: var(--color-neutral-content-subtler);
  cursor: pointer;
}
.lsf-webhook__controls {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}
.lsf-webhook-delete-modal__width-button {
  width: 170px;
}
.lsf-webhook-delete-modal__modal-text {
  margin-bottom: 32px;
}
.lsf-webhook-list__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  font-size: 16px;
  border: 1px solid var(--color-neutral-border);
  border-radius: 0.5rem;
}
.lsf-webhook-list__item:hover {
  background-color: var(--color-neutral-surface);
}
.lsf-webhook-list__item:hover .lsf-webhook-list__item-control {
  display: flex !important;
  justify-content: space-between;
}
.lsf-webhook-list__item + .lsf-webhook-list__item {
  margin-top: 1rem;
}
.lsf-webhook-list__url-wrap {
  display: flex;
  align-items: center;
}
.lsf-webhook-list__item-url {
  max-width: 370px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  font-weight: 500;
  margin-left: 0.5rem;
}
.lsf-webhook-list__item-date {
  color: var(--color-neutral-content-subtler);
  font-size: 0.875rem;
  margin-top: 0.25rem;
}
.lsf-webhook-list__item-control {
  display: none;
}
.lsf-webhook-list__item-control button + button {
  margin-left: 0.5rem;
}
.lsf-webhook-form__form-row {
  padding-left: 16;
}
.lsf-webhook-form__form-toggle {
  justify-content: flex-end;
}
.lsf-webhook-detail__width-button {
  width: 170px;
}
.lsf-webhook-detail__black-text {
  color: var(--color-neutral-content);
}
.lsf-webhook-detail__activator {
  width: 135px;
}
.lsf-webhook-detail__url-space {
  grid-template-columns: auto 135px;
}
.lsf-webhook-detail__url-input {
  align-self: stretch;
  width: auto;
}
.lsf-webhook-detail__form-label {
  padding-left: 0;
}
.lsf-webhook-detail__form-row {
  margin-bottom: 24px;
}
.lsf-webhook-detail__delete-button {
  margin-right: auto;
}
.lsf-webhook-detail__cancel-button {
  margin-right: 1rem;
}
.lsf-webhook-detail__status {
  margin-right: 16px;
}
.lsf-webhook-detail__headers {
  border: 1px solid var(--color-neutral-border);
  padding: 1rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.lsf-webhook-detail__headers-add {
  border: none;
  padding: 0 !important;
  height: 32px;
  width: 32px;
  margin-right: 7px;
}
.lsf-webhook-detail__headers-add span {
  color: var(--grape_500) !important;
}
.lsf-webhook-detail__headers-row {
  grid-template-columns: 1fr 1fr 40px;
  margin: 0.5rem 0;
}
.lsf-webhook-detail__headers-remove {
  height: 32px;
  width: 32px;
  padding: 0 !important;
  border: none;
}
.lsf-webhook-detail__controls {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 32px;
}
.lsf-webhook-payload {
  border: 1px solid var(--color-neutral-border);
  padding: 1rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.lsf-webhook-payload__content-row {
  margin: 0.5rem 0;
}
.lsf-radio-group-ls {
  --radius: 8px;
  --padding: 4px;
  --font-size: 16px;
  --button-padding: 0 10px;
  --button-checked-shadow: 0 1px 0 rgb(0 0 0 / 10%), 0 0 0 1px rgb(0 0 0 / 2%), 0 5px 10px rgb(0 0 0 / 15%);
  border-radius: var(--radius);
  padding: var(--padding);
  background: var(--color-neutral-surface);
  border: 1px solid var(--color-neutral-border);
  box-sizing: border-box;
}
.lsf-radio-group-ls__buttons {
  height: calc(var(--height) - var(--padding) * 2);
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  gap: 2px;
}
.lsf-radio-group-ls_horizontal .lsf-radio-group-ls__buttons {
  display: grid;
  grid-auto-columns: min-content;
  -moz-column-gap: 16px;
       column-gap: 16px;
  align-items: center;
  grid-auto-flow: column;
  margin: 0;
}
.lsf-radio-group-ls_simple .lsf-radio-group-ls__buttons {
  all: unset;
  display: inline-block;
  margin-bottom: 16px;
}
.lsf-radio-group-ls .lsf-label-ls__text {
  font-weight: 500;
}
.lsf-radio-group-ls .lsf-label-ls__text::before {
  content: "";
  background: var(--color-neutral-background);
  border-radius: 100%;
  border: 1px solid var(--color-neutral-border);
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: -10px;
  margin-right: 0.25rem;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 300ms ease-out;
  box-shadow: inset 0 0 0 8px var(--color-neutral-background);
}
.lsf-radio-group-ls .lsf-label-ls__text:hover::before {
  border-color: var(--color-neutral-border-bold);
}
.lsf-radio-group-ls input[type=radio] {
  display: none;
}
.lsf-radio-group-ls__button {
  display: flex;
  opacity: 0.6;
  padding: var(--button-padding);
  cursor: pointer;
  font-weight: 500;
  position: relative;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size);
  border-radius: 4px;
  height: calc(var(--height) - var(--padding) * 2);
  transition: all 150ms ease-out;
}
.lsf-radio-group-ls__button:hover {
  opacity: 1;
}
.lsf-radio-group-ls__button:hover .lsf-label-ls__text::before {
  box-shadow: inset 0 0 0 4px var(--color-neutral-background);
}
.lsf-radio-group-ls__button_checked {
  opacity: 1;
  background-color: var(--color-neutral-surface-hover);
  box-shadow: var(--button-checked-shadow);
}
.lsf-radio-group-ls__button_checked .lsf-label-ls__text::before {
  background-color: var(--color-primary-surface);
  box-shadow: inset 0 0 0 4px var(--color-neutral-background);
}
.lsf-radio-group-ls__button_disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.lsf-radio-group-ls_horizontal .lsf-radio-group-ls__button {
  margin: 0;
}
.lsf-radio-group-ls_simple .lsf-radio-group-ls__button {
  all: unset;
  display: block;
  margin-bottom: 0.5rem !important;
}
.lsf-radio-group-ls__input {
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.lsf-radio-group-ls_size_large {
  --height: 40px;
  --radius: 8px;
}
.lsf-radio-group-ls_size_compact {
  --height: 32px;
  --radius: 8px;
}
.lsf-radio-group-ls_size_small {
  --height: 24px;
  --radius: 4px;
  --padding: 2px;
  --font-size: 12px;
  --button-padding: 0 5px;
  --button-checked-shadow: 0 1px 0 rgb(0 0 0 / 10%), 0 0 0 1px rgb(0 0 0 / 2%), 0 2px 4px rgb(0 0 0 / 15%);
}
.lsf-radio-group-ls_simple {
  --height: auto;
  all: unset;
  display: block;
}
.lsf-simple-settings {
  width: 42rem;
}

.lsf-simple-settings h1,
.lsf-annotation-settings h1,
.lsf-general-settings h1,
.lsf-storage-settings h1,
.lsf-webhook h1 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  margin-top: 0;
  font-size: 1.75rem;
  color: var(--color-neutral-content);
}

.lsf-settings-description {
  color: var(--color-neutral-content-subtler);
}

.lsf-settings-wrapper {
  --column-count: 1;
  border: 1px solid var(--color-neutral-border);
  border-radius: 0.5rem;
  padding: 1.5rem;
  width: 40rem;
  color: var(--color-neutral-content-subtle);
}

.lsf-settings-wrapper + .lsf-settings-wrapper, .lsf-settings-wrapper + .lsf-form-wrapper {
  margin-top: 1.5rem;
}

.lsf-settings-wrapper h3 {
  margin: 0 0 0.5rem;
  font-weight: 500;
  color: var(--color-neutral-content);
}

.lsf-settings-wrapper__header {
  font-weight: 500;
  font-size: 1.5rem;
  margin-bottom: 0;
  color: var(--color-neutral-content);
}

.lsf-general-settings {
  display: flex;
}

.lsf-general-settings .lsf-heidy-tip {
  margin: 0 0 0 40px;
  max-width: 500px;
}

.lsf-general-settings .lsf-label-ls__text {
  padding: 0;
}

.lsf-general-settings .lsf-label-ls__text:first-child {
  margin-bottom: var(--spacing-tight);
}

.lsf-general-settings .lsf-radio-group-ls__buttons .lsf-label__content {
  padding: 0 4px;
}

.lsf-workspace-placeholder__badge-wrapper {
  display: flex;
  margin-bottom: 8px;
  line-height: normal;
}

.lsf-workspace-placeholder__title {
  font-size: 0.875rem;
  color: var(--color-neutral-content);
  font-weight: 500;
}

.lsf-settings-caption {
  color: var(--color-neutral-content-subtler);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.4px;
}

.lsf-settings-caption a {
  color: var(--color-primary-surface-content);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.4px;
}

.lsf-settings-caption a:hover {
  text-decoration: underline;
}

.lsf-disabled-field {
  display: flex;
  align-items: flex-start;
}

.lsf-disabled-field p {
  padding: 0;
  margin: 0;
}

.lsf-disabled-field p a {
  color: var(--color-primary-surface-content);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.4px;
}

.lsf-disabled-field p a:hover {
  text-decoration: underline;
}

.lsf-disabled-field__label {
  margin-top: 5px;
}

.lsf-disabled-field input {
  margin-top: 5px;
}

.lsf-disabled-field__title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  padding: 0 16px;
  height: 22px;
  display: flex;
  margin-bottom: 4px;
  align-items: center;
}

.lsf-disabled-field__description {
  margin-top: 5px;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-neutral-content-subtle);
  font-weight: 500;
  padding: 0 16px;
  height: 22px;
  display: flex;
  margin-bottom: 4px;
}

.lsf-annotation-settings__wrapper {
  width: 488px;
}
.lsf-description {
  color: var(--color-neutral-content-subtler);
  line-height: 140%;
}
.lsf-description a {
  color: var(--color-primary-content);
}
.lsf-description a:hover {
  color: var(--color-primary-content-subtle);
  text-decoration: none;
  text-decoration: underline;
}
.lsf-description_size_small {
  font-size: 0.75rem;
}
.lsf-description_size_medium {
  font-size: 0.875rem;
}
.lsf-description_size_large {
  font-size: 1.125rem;
}
.lsf-description:not(.lsf-description_noOffset).lsf-description_size_small {
  margin: 16px 0;
}
.lsf-description:not(.lsf-description_noOffset).lsf-description_size_medium {
  margin: 32px 0;
}
.lsf-description:not(.lsf-description_noOffset).lsf-description_size_large {
  margin: 40px 0;
}
.lsf-empty-state-default {
  max-width: 40rem;
  background: var(--color-primary-background);
  border: 1px solid var(--color-primary-border-subtlest);
  padding: 2rem;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.lsf-empty-state-default__icon {
  margin-bottom: 0.75rem;
  background: var(--color-primary-emphasis);
  padding: 0.5rem;
  display: flex;
  border-radius: 2rem;
}
.lsf-empty-state-default__icon svg path {
  fill: var(--color-primary-icon);
}
.lsf-empty-state-default__action {
  margin-bottom: 1.25rem;
}
.lsf-empty-state-default__title {
  font-size: 1.75rem;
  font-weight: 500;
  color: var(--color-primary-content);
  margin-bottom: 1rem;
  text-align: center;
}
.lsf-empty-state-default__description {
  font-size: 1rem;
  color: var(--color-neutral-content-subtle);
  margin-bottom: 1rem;
  text-align: center;
  line-height: 1.5em;
}
.lsf-empty-state-default__footer {
  font-size: 0.75rem;
  color: var(--color-neutral-content);
  text-align: center;
  line-height: 1.5em;
}
.lsf-empty-state-default__footer a {
  color: var(--grape_700);
  text-decoration: underline;
}
.lsf-empty-state-default__footer a:hover {
  text-decoration: none;
}
.lsf-backend-card {
  padding: 15px;
  border-radius: var(--corner-radius-small);
  background: var(--color-neutral-surface);
  border: 1px solid var(--color-neutral-border);
}
.lsf-backend-card__title-container {
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
.lsf-backend-card__title {
  margin-top: 15px;
  margin-left: 2px;
  font-weight: 500;
  color: var(--color-neutral-content);
}
.lsf-backend-card__meta {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  gap: 20px;
  color: var(--color-neutral-content-subtler);
  margin-top: 5px;
  margin-left: 2px;
}
.lsf-backend-card__group {
  display: flex;
  align-items: center;
}
.lsf-backend-card__menu {
  align-items: top;
}
.lsf-test-request h4 {
  margin-bottom: 2px;
  font-weight: bold;
}
.lsf-test-request__blocks {
  display: flex;
  justify-content: space-between;
}
.lsf-test-request__left {
  flex: 1;
}
.lsf-test-request__right {
  margin-left: 20px;
  flex: 1;
}
.lsf-test-request__code {
  max-height: 400px;
  overflow-y: scroll;
  padding: 10px;
  border-radius: 4px;
  background: var(--color-neutral-surface);
  border: 1px solid var(--color-neutral-border);
  color: var(--color-neutral-content);
}
.lsf-test-request__code pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}
.lsf-ml-settings {
  display: flex;
}
.lsf-ml-settings__wrapper {
  width: 680px;
}
.lsf-ml-settings .lsf-form {
  margin-top: 32px;
}
.lsf-ml-settings .lsf-description {
  line-height: 1.5;
}
.lsf-ml {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
  margin-top: 32px;
  align-items: flex-start;
  grid-auto-rows: max-content;
}
.lsf-ml__info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.lsf-ml__status {
  color: var(--sand_500);
  display: flex;
  align-items: center;
  margin-right: 10px;
  font-size: 12px;
  border: 1px solid var(--color-neutral-border);
  padding: 3px 6px;
  border-radius: 10px;
  max-width: 100px;
}
.lsf-ml__summary {
  margin-bottom: 16px;
}
.lsf-ml__indicator {
  width: 8px;
  height: 8px;
  display: block;
  margin-right: 8px;
  border-radius: 100%;
  background-color: var(--indicator-color);
}
.lsf-ml__indicator_state_CO {
  --indicator-color: var(--color-positive-surface);
}
.lsf-ml__indicator_state_DI {
  --indicator-color: var(--color-warning-surface);
}
.lsf-ml__indicator_state_ER {
  --indicator-color: var(--color-negative-surface);
}
.lsf-ml__indicator_state_TR, .lsf-ml__indicator_state_PR {
  --indicator-color: var(--color-primary-surface);
  position: relative;
}
.lsf-ml__indicator_state_TR::before, .lsf-ml__indicator_state_PR::before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  display: block;
  border-radius: 100%;
  background-color: var(--indicator-color);
  animation: lsf-state-pulse 2s ease infinite;
}
@keyframes lsf-state-pulse {
  0% {
    transform: scale(1);
  }
  50% {
    opacity: 0;
    transform: scale(3);
  }
  100% {
    opacity: 0;
    transform: scale(3);
  }
}
.lsf-prediction-card {
  width: 100%;
  padding: 1rem;
  border-radius: 4px;
  background: var(--color-neutral-surface);
  border: 1px solid var(--color-neutral-border);
  display: flex;
  justify-content: space-between;
}
.lsf-prediction-card__meta {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
  color: var(--color-neutral-content-subtler);
  margin-top: 7px;
}
.lsf-prediction-card__group {
  display: flex;
  align-items: center;
}
.lsf-prediction-card__header {
  display: flex;
  height: 48px;
  padding: 0 15px;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  justify-content: space-between;
  border: 1px solid vare(--color-neutral-border);
}
.lsf-prediction-card__title {
  font-weight: 500;
  color: var(--color-neutral-content);
}
.lsf-prediction-card__title-content {
  display: flex;
  align-items: center;
}
.lsf-prediction-card__content {
  padding: 1rem;
}
.lsf-prediction-card:not(:first-child) {
  margin-top: 24px;
}
.lsf-prediction-settings__wrapper {
  width: 680px;
}
.lsf-prediction-settings__model-exists-info {
  margin-bottom: 20px;
  background: var(--color-neutral-background);
  color: var(--color-negative-content);
  padding: 10px 20px;
  border: 1px solid var(--color-neutral-border);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.lsf-prediction-settings__title-block {
  margin: 20px 0;
  margin-top: 0;
}
.lsf-prediction-settings__title {
  font-weight: 500;
  color: var(--color-neutral-content);
}
.lsf-ml {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
  margin-top: 32px;
  align-items: flex-start;
  grid-auto-rows: max-content;
}
.lsf-ml__info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.lsf-ml__status {
  color: var(--color-neutral-content);
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.lsf-ml__summary {
  margin-bottom: 16px;
}
.lsf-ml__indicator {
  width: 8px;
  height: 8px;
  display: block;
  margin-right: 8px;
  border-radius: 100%;
  background-color: var(--indicator-color);
}
.lsf-ml__indicator_state_CO {
  --indicator-color: var(--color-positive-surface);
}
.lsf-ml__indicator_state_DI {
  --indicator-color: var(--color-warning-surface);
}
.lsf-ml__indicator_state_ER {
  --indicator-color: var(--color-negative-surface);
}
.lsf-ml__indicator_state_TR, .lsf-ml__indicator_state_PR {
  --indicator-color: var(--color-primary-surface);
  position: relative;
}
.lsf-ml__indicator_state_TR::before, .lsf-ml__indicator_state_PR::before {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.5;
  display: block;
  border-radius: 100%;
  background-color: var(--indicator-color);
  animation: lsf-state-pulse 2s ease infinite;
}
@keyframes lsf-state-pulse {
  0% {
    transform: scale(1);
  }
  50% {
    opacity: 0;
    transform: scale(3);
  }
  100% {
    opacity: 0;
    transform: scale(3);
  }
}
.lsf-dl {
  margin: 0;
  display: grid;
  font-size: 16px;
  line-height: 22px;
  color: var(--color-neutral-content-subtler);
  grid-template-columns: 40% 60%;
  grid-row-gap: 12px;
}
.lsf-dl__dt {
  font-weight: 500;
  min-width: 300px;
}
.lsf-dl__dd {
  margin: 0;
}
.lsf-help-icon {
  opacity: 0.5;
  top: 1px;
  position: relative;
  display: inline;
  vertical-align: baseline;
}
.lsf-storage-settings {
  max-width: 680px;
}
.lsf-storage-settings__description {
  font-size: 16px;
  opacity: 0.6;
  margin-bottom: 32px;
}
.lsf-storage-settings__controls {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}
.lsf-storage-settings__empty {
  height: 100px;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: var(--color-neutral-content-subtler);
}
.lsf-storage-settings__submit {
  display: flex;
  margin-top: 32px;
  align-items: center;
  justify-content: space-between;
}
.lsf-storage-settings__submit + .lsf-inline-error {
  margin-top: 32px;
}
.lsf-storage-settings__info {
  display: flex;
  align-items: center;
  color: var(--color-negative-content);
  font-size: 14px;
  line-height: 22px;
}
.lsf-storage-settings__info_valid {
  color: var(--color-neutral-content-subtler);
}
.lsf-storage-settings__sync {
  display: flex;
  margin-top: 16px;
  justify-content: flex-start;
  align-items: center;
}
.lsf-storage-settings__sync-count {
  margin-top: 14px;
  line-height: 18px;
  font-size: 14px;
  opacity: 0.7;
}
.lsf-projects-page {
  min-height: calc(100vh - var(--header-height));
}
.lsf-projects-page__loading {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - var(--header-height));
}
.lsf-projects-page__list {
  padding: 40px;
  display: grid;
  box-sizing: border-box;
  grid-gap: 32px;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(4, 1fr);
}
.lsf-projects-page__link {
  color: var(--color-neutral-content);
  display: block;
  display: flex;
  text-decoration: none;
}
.lsf-projects-page__link:hover {
  color: var(--color-neutral-content);
}
.lsf-projects-page__pages {
  background-color: transparent;
  bottom: 0;
  width: 100%;
  position: sticky;
  display: flex;
  padding: 10px 40px;
  justify-content: flex-end;
  box-sizing: border-box;
}
@media (width >= 1200px) {
  .lsf-projects-page__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (width >= 1360px) {
  .lsf-projects-page__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.lsf-empty-projects-page {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.lsf-empty-projects-page__heidi {
  height: 12rem;
  margin-top: 6rem;
}
.lsf-empty-projects-page__header {
  font-size: 32px;
  font-weight: 700;
  margin: 16px;
  color: var(--color-neutral-content);
}
.lsf-empty-projects-page p {
  font-size: 1.25rem;
  color: var(--color-neutral-content-subtle);
  margin: 0;
}
.lsf-empty-projects-page__action {
  margin: 2rem 0;
}
.lsf-project-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: var(--color-neutral-background);
  border: 1px solid var(--color-neutral-border);
  border-radius: 0.5rem;
  overflow: hidden;
  color: var(--color-neutral-content-subtle);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  transition: all 150ms ease-out;
}
.lsf-project-card:hover {
  background-color: var(--color-neutral-surface);
  border-color: var(--color-primary-border-subtle);
}
.lsf-project-card__header {
  padding: 12px 16px;
  border-bottom: 1px solid var(--color-neutral-border);
  transition: all 150ms ease-out;
}
.lsf-project-card__menu {
  margin-left: auto;
}
.lsf-project-card__menu .lsf-button-ls {
  margin-right: -10px;
  opacity: 0.5;
  --button-color: var(--text-color);
}
.lsf-project-card__menu .lsf-button-ls__icon {
  width: 18px;
  height: 18px;
}
.lsf-project-card__title {
  display: flex;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0.25rem;
  line-height: 22px;
  align-items: center;
}
.lsf-project-card__title-text {
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lsf-project-card__summary {
  flex: 1;
  font-size: 14px;
  line-height: 22px;
}
.lsf-project-card__annotation {
  display: flex;
  justify-content: space-between;
}
.lsf-project-card__detail {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 16px;
  grid-auto-columns: max-content;
}
.lsf-project-card__detail-item {
  --icon-color: var(--color-neutral-background);
  display: flex;
  align-items: center;
}
.lsf-project-card__detail-item .lsf-project-card__icon {
  color: var(--icon-color);
}
.lsf-project-card__detail-item_type_completed {
  --icon-color: var(--color-positive-icon);
}
.lsf-project-card__detail-item_type_rejected {
  --icon-color: var(--color-negative-icon);
}
.lsf-project-card__detail-item_type_predictions {
  --icon-color: var(--color-primary-icon);
}
.lsf-project-card__icon {
  margin-right: 10px;
}
.lsf-project-card__description {
  flex: 1;
  font-size: 14px;
  line-height: 16px;
  padding: 12px 16px 0;
  overflow: hidden;
  color: var(--color-neutral-content-subtle);
  text-overflow: ellipsis;
  display: -webkit-box;
  word-break: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.lsf-project-card__info {
  display: flex;
  align-items: center;
  padding: 16px 16px 10px;
  justify-content: space-between;
}
.lsf-project-card__created-date {
  color: var(--color-neutral-content-subtler);
  font-size: 0.875rem;
}
.lsf-project-card__created-date > span {
  font-weight: 500;
}
.lsf-project-card_colored {
  --color-project-header-content: var(--color-sand-000);
  --color-project-header-icon: var(--color-neutral-icon);
  background-color: var(--background-color);
  border-color: var(--border-color);
}
.lsf-project-card_colored:hover {
  border-color: var(--header-color);
}
.lsf-project-card_colored .lsf-project-card__header {
  background-color: var(--header-color);
  color: var(--color-project-header-content);
  box-shadow: none;
}
.lsf-project-card_colored .lsf-project-card__detail {
  color: var(--content-color);
}
.lsf-project-card_colored .lsf-project-card__detail-item {
  --icon-color: var(--icon-color);
}
.lsf-invite {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.lsf-people-list {
  width: 100%;
  min-width: 650px;
  font-size: 16px;
}
.lsf-people-list__wrapper {
  border-radius: 4px;
  border: 1px solid var(--color-neutral-border);
  background: var(--color-neutral-background);
}
.lsf-people-list__loading {
  width: 100%;
  display: flex;
  min-height: 250px;
  justify-content: center;
  align-items: center;
}
.lsf-people-list__users {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
.lsf-people-list__header {
  font-weight: 500;
  display: flex;
}
.lsf-people-list__column, .lsf-people-list__field {
  z-index: 2;
  height: 48px;
  padding: 0 10px;
  border: none;
  color: var(--color-neutral-content);
  display: flex;
  position: relative;
  align-items: center;
}
.lsf-people-list__column.lsf-avatar, .lsf-people-list__field.lsf-avatar {
  width: 28px;
  box-sizing: content-box;
}
.lsf-people-list__column.lsf-name, .lsf-people-list__field.lsf-name {
  flex: 1;
}
.lsf-people-list__column.lsf-email, .lsf-people-list__field.lsf-email {
  width: 200px;
}
.lsf-people-list__column.lsf-last-activity, .lsf-people-list__field.lsf-last-activity {
  width: 160px;
}
.lsf-people-list__field.lsf-last-activity {
  color: var(--color-neutral-content);
}
.lsf-people-list__column {
  font-weight: 500;
  background: none;
}
.lsf-people-list__user {
  cursor: pointer;
  display: flex;
}
.lsf-people-list__user:nth-child(odd):not(.lsf-people-list__user_active) {
  background-color: var(--color-neutral-emphasis-subtle);
}
.lsf-people-list__user_active {
  position: relative;
  background-color: var(--color-primary-surface);
}
.lsf-people-list__user_active::before, .lsf-people-list__user_active::after {
  top: 0;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  position: absolute;
}
.lsf-people-list__user_active::after {
  z-index: 1;
  background-color: var(--color-neutral-surface);
  width: calc(100% + 22px);
  box-shadow: inset 4px 0 0 var(--grape_500), 1px 0 0 1px var(--color-neutral-border) inset;
}
.lsf-people-list__user_active::before {
  z-index: 0;
  height: 100%;
  width: calc(100% + 22px);
}
.lsf-people__controls {
  padding: 0 0 1rem;
}
.lsf-people__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: min-content;
  align-items: flex-start;
  grid-gap: 20px;
}
.lsf-people .lsf-heidy-tip {
  max-width: 450px;
}
.lsf-user-info {
  padding: 20px 24px;
  border: 1px solid var(--color-neutral-border);
  background: var(--color-neutral-surface);
  align-self: start;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 4px;
  min-height: 100%;
}
.lsf-user-info__close {
  top: 20px;
  right: 24px;
  width: 32px;
  height: 32px;
  position: absolute;
  --button-color: var(--color-primary-content);
  border: none;
}
.lsf-user-info__close:hover {
  color: var(--color-primary-content);
  background-color: var(--color-primary-emphasis-subtle);
}
.lsf-user-info__header {
  display: grid;
  grid-template: auto/64px auto;
  -moz-column-gap: 16px;
       column-gap: 16px;
  line-height: 1.5;
  color: var(--color-neutral-content);
  margin-bottom: 16px;
  align-items: center;
}
.lsf-user-info__email {
  margin: 0;
}
.lsf-user-info__full-name {
  font-size: 1.5em;
  margin: 0;
  font-weight: 500;
  line-height: 1.2;
  color: var(--color-neutral-content);
}
.lsf-user-info__section + .lsf-user-info__section {
  margin-top: 16px;
}
.lsf-user-info__section-title {
  margin-top: 1em;
  margin-bottom: 8px;
  font-weight: 500;
  color: var(--color-neutral-content);
}
.lsf-user-info__last-active {
  color: var(--color-neutral-content-subtler);
  margin-top: 32px;
  margin-bottom: 0;
}
.lsf-user-info__links-list {
  display: flex;
  flex-direction: column;
}
.lsf-user-info__project-link {
  height: 36px;
  display: flex;
  padding: 0 10px;
  font-size: 16px;
  margin-left: -10px;
  align-items: center;
  border-radius: 4px;
  color: var(--color-primary-content);
}
.lsf-user-info__project-link:hover {
  background-color: var(--color-primary-emphasis-subtle);
}
.lsf-empty-models-list {
  width: 100%;
  height: calc(100vh - var(--header-height));
  display: flex;
  align-items: center;
  justify-content: center;
}
.lsf-empty-models-list__content {
  display: flex;
  width: 596px;
  padding: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  border: 1px dashed var(--color-neutral-border);
  background: var(--color-neutral-emphasis-subtle);
}
.lsf-empty-models-list__heidi {
  width: 193px;
  color: var(--color-neutral-background-bold);
}
.lsf-empty-models-list__heidi svg {
  width: 100%;
  height: 100%;
}
.lsf-empty-models-list__title {
  color: var(--surface-on, #262626);
  text-align: center;
  /* title/large */
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 127.273% */
}
.lsf-empty-models-list__caption {
  color: var(--surface-on-dim, #666);
  text-align: center;
  /* body/large */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
}
:root {
  --color-neutral-surface: var(--color-sand-100);
  --color-neutral-surface-raw: 249 248 246;
  --color-neutral-on-dark-surface: var(--color-sand-900);
  --color-neutral-on-dark-surface-raw: 18 17 13;
  --color-neutral-on-dark-surface-hover: var(--color-sand-800);
  --color-neutral-on-dark-surface-hover-raw: 38 37 34;
  --color-neutral-on-dark-surface-active: var(--color-sand-900);
  --color-neutral-on-dark-surface-active-raw: 18 17 13;
  --color-neutral-on-dark-content: var(--color-sand-000);
  --color-neutral-on-dark-icon: var(--color-sand-000);
  --color-neutral-on-dark-content-subtle: var(--color-sand-300);
  --color-neutral-on-dark-background: var(--color-sand-800);
  --color-neutral-on-dark-background-raw: 38 37 34;
  --color-neutral-on-dark-background-bold: var(--color-sand-900);
  --color-neutral-on-dark-background-bold-raw: 18 17 13;
  --color-neutral-on-dark-border: var(--color-sand-700);
  --color-neutral-surface-hover: var(--color-sand-000);
  --color-neutral-surface-hover-raw: 253 253 252;
  --color-neutral-surface-active: var(--color-sand-200);
  --color-neutral-surface-active-raw: 240 239 235;
  --color-neutral-surface-inset: var(--color-sand-200);
  --color-neutral-surface-inset-raw: 240 239 235;
  --color-neutral-content: var(--color-sand-800);
  --color-neutral-content-subtle: var(--color-sand-700);
  --color-neutral-content-subtler: var(--color-sand-600);
  --color-neutral-content-subtlest: var(--color-sand-500);
  --color-neutral-icon: var(--color-sand-700);
  --color-neutral-background: var(--color-sand-000);
  --color-neutral-background-raw: 253 253 252;
  --color-neutral-background-bold: var(--color-sand-000);
  --color-neutral-background-bold-raw: 253 253 252;
  --color-neutral-emphasis: var(--color-sand-200);
  --color-neutral-emphasis-subtle: var(--color-sand-100);
  --color-neutral-border: var(--color-sand-300);
  --color-neutral-border-subtle: var(--color-sand-300);
  --color-neutral-border-subtler: var(--color-sand-200);
  --color-neutral-border-bold: var(--color-sand-400);
  --color-neutral-border-bolder: var(--color-sand-500);
  --color-neutral-border-boldest: var(--color-sand-600);
  --color-neutral-shadow: var(--color-sand-900);
  --color-neutral-shadow-raw: 18 17 13;
  --color-neutral-inverted-surface: var(--color-sand-900);
  --color-neutral-inverted-surface-raw: 18 17 13;
  --color-neutral-inverted-surface-hover: var(--color-sand-800);
  --color-neutral-inverted-surface-hover-raw: 38 37 34;
  --color-neutral-inverted-surface-active: var(--color-sand-700);
  --color-neutral-inverted-surface-active-raw: 69 67 62;
  --color-neutral-inverted-content: var(--color-sand-100);
  --color-neutral-inverted-icon: var(--color-sand-100);
  --color-neutral-inverted-content-subtle: var(--color-sand-400);
  --color-neutral-inverted-content-subtler: var(--color-sand-300);
  --color-neutral-inverted-content-subtlest: var(--color-sand-500);
  --color-neutral-inverted-background: var(--color-sand-900);
  --color-neutral-inverted-background-raw: 18 17 13;
  --color-neutral-inverted-border: var(--color-sand-800);
  --color-primary-surface: var(--color-grape-700);
  --color-primary-surface-raw: 76 95 169;
  --color-primary-surface-hover: var(--color-grape-600);
  --color-primary-surface-hover-raw: 87 108 193;
  --color-primary-surface-active: var(--color-grape-800);
  --color-primary-surface-active-raw: 55 68 122;
  --color-primary-surface-content: var(--color-grape-000);
  --color-primary-surface-content-raw: 240 243 254;
  --color-primary-surface-content-subtle: var(--color-grape-100);
  --color-primary-surface-content-subtle-raw: 212 219 251;
  --color-primary-surface-icon: var(--color-grape-100);
  --color-primary-surface-icon-raw: 212 219 251;
  --color-primary-content: var(--color-grape-700);
  --color-primary-content-raw: 76 95 169;
  --color-primary-content-hover: var(--color-grape-400);
  --color-primary-content-hover-raw: 109 135 241;
  --color-primary-content-subtle: var(--color-grape-500);
  --color-primary-content-subtle-raw: 97 122 218;
  --color-primary-icon: var(--color-grape-500);
  --color-primary-icon-raw: 97 122 218;
  --color-primary-background: var(--color-grape-000);
  --color-primary-background-raw: 240 243 254;
  --color-primary-emphasis: var(--color-grape-100);
  --color-primary-emphasis-raw: 212 219 251;
  --color-primary-emphasis-subtle: var(--color-grape-000);
  --color-primary-emphasis-subtle-raw: 240 243 254;
  --color-primary-border: var(--color-grape-700);
  --color-primary-border-raw: 76 95 169;
  --color-primary-border-subtle: var(--color-grape-500);
  --color-primary-border-subtle-raw: 97 122 218;
  --color-primary-border-subtler: var(--color-grape-300);
  --color-primary-border-subtler-raw: 153 171 245;
  --color-primary-border-subtlest: var(--color-grape-200);
  --color-primary-border-subtlest-raw: 182 195 248;
  --color-primary-border-bold: var(--color-grape-800);
  --color-primary-border-bold-raw: 55 68 122;
  --color-primary-focus-outline: var(--color-grape-100);
  --color-primary-focus-outline-raw: 212 219 251;
  --color-primary-shadow: var(--color-grape-900);
  --color-primary-shadow-raw: 43 54 96;
  --color-negative-surface: var(--color-persimmon-600);
  --color-negative-surface-raw: 204 94 70;
  --color-negative-surface-hover: var(--color-persimmon-500);
  --color-negative-surface-hover-raw: 230 105 78;
  --color-negative-surface-active: var(--color-persimmon-800);
  --color-negative-surface-active-raw: 153 70 52;
  --color-negative-surface-content: var(--color-persimmon-000);
  --color-negative-surface-content-raw: 255 241 238;
  --color-negative-surface-content-subtle: var(--color-persimmon-100);
  --color-negative-surface-content-subtle-raw: 255 214 205;
  --color-negative-surface-icon: var(--color-persimmon-100);
  --color-negative-surface-icon-raw: 255 214 205;
  --color-negative-content: var(--color-persimmon-700);
  --color-negative-content-hover: var(--color-persimmon-500);
  --color-negative-content-subtle: var(--color-persimmon-500);
  --color-negative-icon: var(--color-persimmon-500);
  --color-negative-background: var(--color-persimmon-000);
  --color-negative-background-raw: 255 241 238;
  --color-negative-emphasis: var(--color-persimmon-100);
  --color-negative-emphasis-subtle: var(--color-persimmon-000);
  --color-negative-border: var(--color-persimmon-700);
  --color-negative-border-subtle: var(--color-persimmon-500);
  --color-negative-border-subtler: var(--color-persimmon-300);
  --color-negative-border-subtlest: var(--color-persimmon-200);
  --color-negative-border-bold: var(--color-persimmon-800);
  --color-negative-focus-outline: var(--color-persimmon-100);
  --color-negative-focus-outline-raw: 255 214 205;
  --color-positive-surface: var(--color-kale-600);
  --color-positive-surface-raw: 40 122 114;
  --color-positive-surface-hover: var(--color-kale-500);
  --color-positive-surface-hover-raw: 52 152 141;
  --color-positive-surface-active: var(--color-kale-800);
  --color-positive-surface-active-raw: 32 79 77;
  --color-positive-surface-content: var(--color-kale-000);
  --color-positive-surface-content-raw: 244 249 249;
  --color-positive-surface-content-subtle: var(--color-kale-100);
  --color-positive-surface-content-subtle-raw: 212 241 235;
  --color-positive-surface-icon: var(--color-kale-100);
  --color-positive-surface-icon-raw: 212 241 235;
  --color-positive-content: var(--color-kale-700);
  --color-positive-content-hover: var(--color-kale-500);
  --color-positive-content-subtle: var(--color-kale-500);
  --color-positive-icon: var(--color-kale-500);
  --color-positive-background: var(--color-kale-000);
  --color-positive-background-raw: 244 249 249;
  --color-positive-emphasis: var(--color-kale-100);
  --color-positive-emphasis-subtle: var(--color-kale-000);
  --color-positive-border: var(--color-kale-700);
  --color-positive-border-subtle: var(--color-kale-500);
  --color-positive-border-subtler: var(--color-kale-300);
  --color-positive-border-subtlest: var(--color-kale-200);
  --color-positive-border-bold: var(--color-kale-800);
  --color-positive-focus-outline: var(--color-kale-100);
  --color-positive-focus-outline-raw: 212 241 235;
  --color-warning-surface: var(--color-canteloupe-600);
  --color-warning-surface-raw: 204 133 79;
  --color-warning-surface-hover: var(--color-canteloupe-500);
  --color-warning-surface-hover-raw: 230 149 89;
  --color-warning-surface-active: var(--color-canteloupe-800);
  --color-warning-surface-active-raw: 153 100 58;
  --color-warning-surface-content: var(--color-canteloupe-000);
  --color-warning-surface-content-raw: 255 246 239;
  --color-warning-surface-content-subtle: var(--color-canteloupe-100);
  --color-warning-surface-content-subtle-raw: 255 228 208;
  --color-warning-surface-icon: var(--color-canteloupe-100);
  --color-warning-surface-icon-raw: 255 228 208;
  --color-warning-content: var(--color-canteloupe-700);
  --color-warning-content-hover: var(--color-canteloupe-500);
  --color-warning-content-subtle: var(--color-canteloupe-500);
  --color-warning-icon: var(--color-canteloupe-500);
  --color-warning-background: var(--color-canteloupe-000);
  --color-warning-background-raw: 255 246 239;
  --color-warning-emphasis: var(--color-canteloupe-100);
  --color-warning-emphasis-subtle: var(--color-canteloupe-000);
  --color-warning-border: var(--color-canteloupe-700);
  --color-warning-border-subtle: var(--color-canteloupe-500);
  --color-warning-border-subtler: var(--color-canteloupe-300);
  --color-warning-border-subtlest: var(--color-canteloupe-200);
  --color-warning-border-bold: var(--color-canteloupe-800);
  --color-warning-focus-outline: var(--color-canteloupe-100);
  --color-warning-focus-outline-raw: 255 228 208;
  --color-accent-grape-dark: var(--color-grape-900);
  --color-accent-grape-dark-raw: 43 54 96;
  --color-accent-grape-bold: var(--color-grape-600);
  --color-accent-grape-bold-raw: 87 108 193;
  --color-accent-grape-base: var(--color-grape-400);
  --color-accent-grape-base-raw: 109 135 241;
  --color-accent-grape-subtle: var(--color-grape-100);
  --color-accent-grape-subtle-raw: 212 219 251;
  --color-accent-grape-subtlest: var(--color-grape-000);
  --color-accent-grape-subtlest-raw: 240 243 254;
  --color-accent-blueberry-dark: var(--color-blueberry-900);
  --color-accent-blueberry-dark-raw: 28 60 95;
  --color-accent-blueberry-bold: var(--color-blueberry-600);
  --color-accent-blueberry-bold-raw: 43 120 202;
  --color-accent-blueberry-base: var(--color-blueberry-400);
  --color-accent-blueberry-base-raw: 83 158 238;
  --color-accent-blueberry-subtle: var(--color-blueberry-100);
  --color-accent-blueberry-subtle-raw: 212 231 251;
  --color-accent-blueberry-subtlest: var(--color-blueberry-000);
  --color-accent-blueberry-subtlest-raw: 240 247 254;
  --color-accent-kale-dark: var(--color-kale-900);
  --color-accent-kale-dark-raw: 31 66 64;
  --color-accent-kale-bold: var(--color-kale-600);
  --color-accent-kale-bold-raw: 40 122 114;
  --color-accent-kale-base: var(--color-kale-400);
  --color-accent-kale-base-raw: 87 183 171;
  --color-accent-kale-subtle: var(--color-kale-100);
  --color-accent-kale-subtle-raw: 212 241 235;
  --color-accent-kale-subtlest: var(--color-kale-000);
  --color-accent-kale-subtlest-raw: 244 249 249;
  --color-accent-kiwi-dark: var(--color-kiwi-900);
  --color-accent-kiwi-dark-raw: 43 66 31;
  --color-accent-kiwi-bold: var(--color-kiwi-600);
  --color-accent-kiwi-bold-raw: 69 122 40;
  --color-accent-kiwi-base: var(--color-kiwi-400);
  --color-accent-kiwi-base-raw: 120 183 87;
  --color-accent-kiwi-subtle: var(--color-kiwi-100);
  --color-accent-kiwi-subtle-raw: 222 241 212;
  --color-accent-kiwi-subtlest: var(--color-kiwi-000);
  --color-accent-kiwi-subtlest-raw: 246 249 244;
  --color-accent-mango-dark: var(--color-mango-900);
  --color-accent-mango-dark-raw: 98 71 24;
  --color-accent-mango-bold: var(--color-mango-600);
  --color-accent-mango-bold-raw: 235 156 20;
  --color-accent-mango-base: var(--color-mango-400);
  --color-accent-mango-base-raw: 250 186 76;
  --color-accent-mango-subtle: var(--color-mango-100);
  --color-accent-mango-subtle-raw: 255 238 208;
  --color-accent-mango-subtlest: var(--color-mango-000);
  --color-accent-mango-subtlest-raw: 255 249 239;
  --color-accent-canteloupe-dark: var(--color-canteloupe-900);
  --color-accent-canteloupe-dark-raw: 102 66 40;
  --color-accent-canteloupe-bold: var(--color-canteloupe-600);
  --color-accent-canteloupe-bold-raw: 204 133 79;
  --color-accent-canteloupe-base: var(--color-canteloupe-400);
  --color-accent-canteloupe-base-raw: 255 166 99;
  --color-accent-canteloupe-subtle: var(--color-canteloupe-100);
  --color-accent-canteloupe-subtle-raw: 255 228 208;
  --color-accent-canteloupe-subtlest: var(--color-canteloupe-000);
  --color-accent-canteloupe-subtlest-raw: 255 246 239;
  --color-accent-persimmon-dark: var(--color-persimmon-900);
  --color-accent-persimmon-dark-raw: 128 59 44;
  --color-accent-persimmon-bold: var(--color-persimmon-600);
  --color-accent-persimmon-bold-raw: 204 94 70;
  --color-accent-persimmon-base: var(--color-persimmon-400);
  --color-accent-persimmon-base-raw: 255 117 87;
  --color-accent-persimmon-subtle: var(--color-persimmon-100);
  --color-accent-persimmon-subtle-raw: 255 214 205;
  --color-accent-persimmon-subtlest: var(--color-persimmon-000);
  --color-accent-persimmon-subtlest-raw: 255 241 238;
  --color-accent-plum-dark: var(--color-plum-900);
  --color-accent-plum-dark-raw: 114 62 106;
  --color-accent-plum-bold: var(--color-plum-600);
  --color-accent-plum-bold-raw: 182 98 169;
  --color-accent-plum-base: var(--color-plum-400);
  --color-accent-plum-base-raw: 227 123 211;
  --color-accent-plum-subtle: var(--color-plum-100);
  --color-accent-plum-subtle-raw: 247 214 242;
  --color-accent-plum-subtlest: var(--color-plum-000);
  --color-accent-plum-subtlest-raw: 251 242 252;
  --color-accent-fig-dark: var(--color-fig-900);
  --color-accent-fig-dark-raw: 91 62 114;
  --color-accent-fig-bold: var(--color-fig-600);
  --color-accent-fig-bold-raw: 146 98 182;
  --color-accent-fig-base: var(--color-fig-400);
  --color-accent-fig-base-raw: 172 121 210;
  --color-accent-fig-subtle: var(--color-fig-100);
  --color-accent-fig-subtle-raw: 233 214 247;
  --color-accent-fig-subtlest: var(--color-fig-000);
  --color-accent-fig-subtlest-raw: 248 242 252;
  --color-accent-sand-dark: var(--color-sand-900);
  --color-accent-sand-dark-raw: 18 17 13;
  --color-accent-sand-bold: var(--color-sand-600);
  --color-accent-sand-bold-raw: 107 104 96;
  --color-accent-sand-base: var(--color-sand-400);
  --color-accent-sand-base-raw: 202 197 184;
  --color-accent-sand-subtle: var(--color-sand-100);
  --color-accent-sand-subtle-raw: 249 248 246;
  --color-accent-sand-subtlest: var(--color-sand-100);
  --color-accent-sand-subtlest-raw: 249 248 246;
  --color-sand-100: rgb(249 248 246);
  --color-sand-200: rgb(240 239 235);
  --color-sand-300: rgb(225 222 213);
  --color-sand-400: rgb(202 197 184);
  --color-sand-500: rgb(164 159 149);
  --color-sand-600: rgb(107 104 96);
  --color-sand-700: rgb(69 67 62);
  --color-sand-800: rgb(38 37 34);
  --color-sand-850: rgb(30 29 26);
  --color-sand-900: rgb(18 17 13);
  --color-sand-950: rgb(13 12 9);
  --color-sand-000: rgb(253 253 252);
  --color-grape-100: rgb(212 219 251);
  --color-grape-200: rgb(182 195 248);
  --color-grape-300: rgb(153 171 245);
  --color-grape-400: rgb(109 135 241);
  --color-grape-500: rgb(97 122 218);
  --color-grape-600: rgb(87 108 193);
  --color-grape-700: rgb(76 95 169);
  --color-grape-800: rgb(55 68 122);
  --color-grape-900: rgb(43 54 96);
  --color-grape-950: rgb(17 22 38);
  --color-grape-000: rgb(240 243 254);
  --color-blueberry-100: rgb(212 231 251);
  --color-blueberry-200: rgb(182 214 248);
  --color-blueberry-300: rgb(153 197 245);
  --color-blueberry-400: rgb(83 158 238);
  --color-blueberry-500: rgb(50 135 226);
  --color-blueberry-600: rgb(43 120 202);
  --color-blueberry-700: rgb(43 105 171);
  --color-blueberry-800: rgb(37 80 126);
  --color-blueberry-900: rgb(28 60 95);
  --color-blueberry-950: rgb(11 24 38);
  --color-blueberry-000: rgb(240 247 254);
  --color-kale-100: rgb(212 241 235);
  --color-kale-200: rgb(171 228 218);
  --color-kale-300: rgb(122 206 193);
  --color-kale-400: rgb(87 183 171);
  --color-kale-500: rgb(52 152 141);
  --color-kale-600: rgb(40 122 114);
  --color-kale-700: rgb(34 98 93);
  --color-kale-800: rgb(32 79 77);
  --color-kale-900: rgb(31 66 64);
  --color-kale-950: rgb(18 38 37);
  --color-kale-000: rgb(244 249 249);
  --color-kiwi-100: rgb(222 241 212);
  --color-kiwi-200: rgb(191 228 171);
  --color-kiwi-300: rgb(151 206 122);
  --color-kiwi-400: rgb(120 183 87);
  --color-kiwi-500: rgb(87 152 52);
  --color-kiwi-600: rgb(69 122 40);
  --color-kiwi-700: rgb(56 98 34);
  --color-kiwi-800: rgb(48 79 32);
  --color-kiwi-900: rgb(43 66 31);
  --color-kiwi-950: rgb(25 38 18);
  --color-kiwi-000: rgb(246 249 244);
  --color-mango-100: rgb(255 238 208);
  --color-mango-200: rgb(255 226 177);
  --color-mango-300: rgb(255 209 130);
  --color-mango-400: rgb(250 186 76);
  --color-mango-500: rgb(244 170 42);
  --color-mango-600: rgb(235 156 20);
  --color-mango-700: rgb(204 142 36);
  --color-mango-800: rgb(160 114 34);
  --color-mango-900: rgb(98 71 24);
  --color-mango-950: rgb(38 28 10);
  --color-mango-000: rgb(255 249 239);
  --color-canteloupe-100: rgb(255 228 208);
  --color-canteloupe-200: rgb(255 211 177);
  --color-canteloupe-300: rgb(255 184 130);
  --color-canteloupe-400: rgb(255 166 99);
  --color-canteloupe-500: rgb(230 149 89);
  --color-canteloupe-600: rgb(204 133 79);
  --color-canteloupe-700: rgb(179 116 69);
  --color-canteloupe-800: rgb(153 100 58);
  --color-canteloupe-900: rgb(102 66 40);
  --color-canteloupe-950: rgb(51 28 20);
  --color-canteloupe-000: rgb(255 246 239);
  --color-persimmon-100: rgb(255 214 205);
  --color-persimmon-200: rgb(255 186 170);
  --color-persimmon-300: rgb(255 159 137);
  --color-persimmon-400: rgb(255 117 87);
  --color-persimmon-500: rgb(230 105 78);
  --color-persimmon-600: rgb(204 94 70);
  --color-persimmon-700: rgb(179 82 61);
  --color-persimmon-800: rgb(153 70 52);
  --color-persimmon-900: rgb(128 59 44);
  --color-persimmon-950: rgb(38 18 13);
  --color-persimmon-000: rgb(255 241 238);
  --color-plum-100: rgb(247 214 242);
  --color-plum-200: rgb(241 189 233);
  --color-plum-300: rgb(233 149 220);
  --color-plum-400: rgb(227 123 211);
  --color-plum-500: rgb(204 111 190);
  --color-plum-600: rgb(182 98 169);
  --color-plum-700: rgb(159 86 148);
  --color-plum-800: rgb(136 74 128);
  --color-plum-900: rgb(114 62 106);
  --color-plum-950: rgb(38 21 36);
  --color-plum-000: rgb(251 242 252);
  --color-fig-100: rgb(233 214 247);
  --color-fig-200: rgb(218 189 241);
  --color-fig-300: rgb(197 149 233);
  --color-fig-400: rgb(172 121 210);
  --color-fig-500: rgb(159 108 198);
  --color-fig-600: rgb(146 98 182);
  --color-fig-700: rgb(127 86 159);
  --color-fig-800: rgb(109 74 136);
  --color-fig-900: rgb(91 62 114);
  --color-fig-950: rgb(31 21 38);
  --color-fig-000: rgb(248 242 252);
  --spacing-0: 0;
  --spacing-50: 0.125rem;
  --spacing-100: 0.25rem;
  --spacing-200: 0.5rem;
  --spacing-300: 0.75rem;
  --spacing-400: 1rem;
  --spacing-500: 1.25rem;
  --spacing-600: 1.5rem;
  --spacing-700: 1.75rem;
  --spacing-800: 2rem;
  --spacing-900: 2.25rem;
  --spacing-1000: 2.5rem;
  --spacing-1100: 2.75rem;
  --spacing-1200: 3rem;
  --spacing-1300: 3.25rem;
  --spacing-1400: 3.5rem;
  --spacing-1500: 3.75rem;
  --spacing-1600: 4rem;
  --font-size-8: 0.5rem;
  --font-size-9: 0.5625rem;
  --font-size-10: 0.625rem;
  --font-size-11: 0.6875rem;
  --font-size-12: 0.75rem;
  --font-size-14: 0.875rem;
  --font-size-16: 1rem;
  --font-size-22: 1.375rem;
  --font-size-24: 1.5rem;
  --font-size-28: 1.75rem;
  --font-size-32: 2rem;
  --font-size-36: 2.25rem;
  --font-size-48: 3rem;
  --font-size-56: 3.5rem;
  --font-size-64: 4rem;
  --font-size-80: 5rem;
  --font-size-120: 7.5rem;
  --font-size-160: 10rem;
  --line-height-12: 0.75rem;
  --line-height-16: 1rem;
  --line-height-18: 1.125rem;
  --line-height-20: 1.25rem;
  --line-height-24: 1.5rem;
  --line-height-28: 1.75rem;
  --line-height-32: 2rem;
  --line-height-36: 2.25rem;
  --line-height-40: 2.5rem;
  --line-height-44: 2.75rem;
  --line-height-48: 3rem;
  --line-height-52: 3.25rem;
  --line-height-56: 3.5rem;
  --line-height-60: 3.75rem;
  --line-height-64: 4rem;
  --line-height-68: 4.25rem;
  --line-height-72: 4.5rem;
  --letter-spacing-0: 0;
  --letter-spacing-15: 0.0094rem;
  --letter-spacing-25: 0.0156rem;
  --letter-spacing-50: 0.0313rem;
  --letter-spacing--20: -0.0125rem;
  --letter-spacing--15: -0.0094rem;
  --letter-spacing--10: -0.0063rem;
  --font-family-base: "Figtree";
  --font-family-mono: "IBMPlexMono";
  --corner-radius-0: var(--spacing-0);
  --corner-radius-2: var(--spacing-50);
  --corner-radius-4: var(--spacing-100);
  --corner-radius-8: var(--spacing-200);
  --corner-radius-12: var(--spacing-300);
  --corner-radius-16: var(--spacing-400);
  --corner-radius-18: var(--spacing-500);
  --corner-radius-24: var(--spacing-600);
  --corner-radius-28: var(--spacing-700);
  --corner-radius-32: var(--spacing-800);
  --corner-radius-36: var(--spacing-900);
  --corner-radius-40: var(--spacing-1000);
  --corner-radius-44: var(--spacing-1100);
  --corner-radius-48: var(--spacing-1200);
  --corner-radius-52: var(--spacing-1300);
  --corner-radius-56: var(--spacing-1400);
  --corner-radius-60: var(--spacing-1500);
  --corner-radius-64: var(--spacing-1600);
  --spacing-none: var(--spacing-0);
  --spacing-tightest: var(--spacing-50);
  --spacing-tighter: var(--spacing-100);
  --spacing-tight: var(--spacing-200);
  --spacing-base: var(--spacing-400);
  --spacing-wide: var(--spacing-600);
  --spacing-wider: var(--spacing-800);
  --spacing-widest: var(--spacing-1000);
  --corner-radius-none: var(--corner-radius-0);
  --corner-radius-smallest: var(--corner-radius-2);
  --corner-radius-smaller: var(--corner-radius-4);
  --corner-radius-small: var(--corner-radius-8);
  --corner-radius-medium: var(--corner-radius-12);
  --corner-radius-large: var(--corner-radius-16);
  --corner-radius-larger: var(--corner-radius-18);
  --corner-radius-largest: var(--corner-radius-24);
  --font-family-body: var(--font-family-base);
  --font-family-headings: var(--font-family-base);
  --font-family-monospace: var(--font-family-mono);
  --font-size-body-tinier: var(--font-size-8);
  --font-size-body-tiny: var(--font-size-9);
  --font-size-body-smallest: var(--font-size-10);
  --font-size-body-smaller: var(--font-size-12);
  --font-size-body-small: var(--font-size-14);
  --font-size-body-medium: var(--font-size-16);
  --font-size-label-tinier: var(--font-size-8);
  --font-size-label-tiny: var(--font-size-9);
  --font-size-label-smallest: var(--font-size-11);
  --font-size-label-smaller: var(--font-size-12);
  --font-size-label-small: var(--font-size-14);
  --font-size-label-medium: var(--font-size-16);
  --font-size-title-small: var(--font-size-14);
  --font-size-title-medium: var(--font-size-16);
  --font-size-title-large: var(--font-size-22);
  --font-size-headline-small: var(--font-size-24);
  --font-size-headline-medium: var(--font-size-28);
  --font-size-headline-large: var(--font-size-32);
  --font-size-display-small: var(--font-size-36);
  --font-size-display-medium: var(--font-size-48);
  --font-size-display-large: var(--font-size-56);
  --font-weight-light: 300;
  --font-weight-light-italic: light italic;
  --font-weight-regular: 400;
  --font-weight-regular-italic: italic;
  --font-weight-medium: 500;
  --font-weight-medium-italic: medium italic;
  --font-weight-semibold: 600;
  --font-weight-semibold-italic: semibold italic;
  --font-weight-bold: 700;
  --font-weight-bold-italic: bold italic;
  --line-height-auto: auto;
  --line-height-body-smallest: var(--line-height-12);
  --line-height-body-smaller: var(--line-height-16);
  --line-height-body-small: var(--line-height-18);
  --line-height-body-medium: var(--line-height-24);
  --line-height-label-smallest: var(--line-height-16);
  --line-height-label-smaller: var(--line-height-16);
  --line-height-label-small: var(--line-height-18);
  --line-height-label-medium: var(--line-height-24);
  --line-height-title-small: var(--line-height-20);
  --line-height-title-medium: var(--line-height-24);
  --line-height-title-large: var(--line-height-28);
  --line-height-headline-small: var(--line-height-32);
  --line-height-headline-medium: var(--line-height-36);
  --line-height-headline-large: var(--line-height-40);
  --line-height-display-small: var(--line-height-48);
  --line-height-display-medium: var(--line-height-56);
  --line-height-display-large: var(--line-height-72);
  --letter-spacing-densest: var(--letter-spacing--20);
  --letter-spacing-denser: var(--letter-spacing--15);
  --letter-spacing-dense: var(--letter-spacing--10);
  --letter-spacing-base: var(--letter-spacing-0);
  --letter-spacing-wide: var(--letter-spacing-15);
  --letter-spacing-wider: var(--letter-spacing-25);
  --letter-spacing-widest: var(--letter-spacing-50);
}

[data-color-scheme=dark] {
  --color-neutral-surface: var(--color-sand-850);
  --color-neutral-surface-raw: 30 29 26;
  --color-neutral-on-dark-surface: var(--color-sand-900);
  --color-neutral-on-dark-surface-raw: 18 17 13;
  --color-neutral-on-dark-surface-hover: var(--color-sand-800);
  --color-neutral-on-dark-surface-hover-raw: 38 37 34;
  --color-neutral-on-dark-surface-active: var(--color-sand-900);
  --color-neutral-on-dark-surface-active-raw: 18 17 13;
  --color-neutral-on-dark-content: var(--color-sand-100);
  --color-neutral-on-dark-icon: var(--color-sand-000);
  --color-neutral-on-dark-content-subtle: var(--color-sand-300);
  --color-neutral-on-dark-background: var(--color-sand-800);
  --color-neutral-on-dark-background-raw: 38 37 34;
  --color-neutral-on-dark-background-bold: var(--color-sand-900);
  --color-neutral-on-dark-background-bold-raw: 18 17 13;
  --color-neutral-on-dark-border: var(--color-sand-700);
  --color-neutral-surface-hover: var(--color-sand-800);
  --color-neutral-surface-hover-raw: 38 37 34;
  --color-neutral-surface-active: var(--color-sand-900);
  --color-neutral-surface-active-raw: 18 17 13;
  --color-neutral-surface-inset: var(--color-sand-950);
  --color-neutral-surface-inset-raw: 13 12 9;
  --color-neutral-content: var(--color-sand-100);
  --color-neutral-content-subtle: var(--color-sand-400);
  --color-neutral-content-subtler: var(--color-sand-500);
  --color-neutral-content-subtlest: var(--color-sand-600);
  --color-neutral-icon: var(--color-sand-100);
  --color-neutral-background: var(--color-sand-800);
  --color-neutral-background-raw: 38 37 34;
  --color-neutral-background-bold: var(--color-sand-900);
  --color-neutral-background-bold-raw: 18 17 13;
  --color-neutral-emphasis: var(--color-sand-900);
  --color-neutral-emphasis-subtle: var(--color-sand-850);
  --color-neutral-border: var(--color-sand-700);
  --color-neutral-border-subtle: var(--color-sand-800);
  --color-neutral-border-subtler: var(--color-sand-850);
  --color-neutral-border-bold: var(--color-sand-600);
  --color-neutral-border-bolder: var(--color-sand-500);
  --color-neutral-border-boldest: var(--color-sand-400);
  --color-neutral-shadow: var(--color-sand-950);
  --color-neutral-shadow-raw: 13 12 9;
  --color-neutral-inverted-surface: var(--color-sand-200);
  --color-neutral-inverted-surface-raw: 240 239 235;
  --color-neutral-inverted-surface-hover: var(--color-sand-100);
  --color-neutral-inverted-surface-hover-raw: 249 248 246;
  --color-neutral-inverted-surface-active: var(--color-sand-300);
  --color-neutral-inverted-surface-active-raw: 225 222 213;
  --color-neutral-inverted-content: var(--color-sand-800);
  --color-neutral-inverted-icon: var(--color-sand-800);
  --color-neutral-inverted-content-subtle: var(--color-sand-500);
  --color-neutral-inverted-content-subtler: var(--color-sand-600);
  --color-neutral-inverted-content-subtlest: var(--color-sand-700);
  --color-neutral-inverted-background: var(--color-sand-000);
  --color-neutral-inverted-background-raw: 253 253 252;
  --color-neutral-inverted-border: var(--color-sand-300);
  --color-primary-surface: var(--color-grape-600);
  --color-primary-surface-raw: 87 108 193;
  --color-primary-surface-hover: var(--color-grape-500);
  --color-primary-surface-hover-raw: 97 122 218;
  --color-primary-surface-active: var(--color-grape-700);
  --color-primary-surface-active-raw: 76 95 169;
  --color-primary-surface-content: var(--color-grape-000);
  --color-primary-surface-content-raw: 240 243 254;
  --color-primary-surface-content-subtle: var(--color-grape-300);
  --color-primary-surface-content-subtle-raw: 153 171 245;
  --color-primary-surface-icon: var(--color-grape-100);
  --color-primary-surface-icon-raw: 212 219 251;
  --color-primary-content: var(--color-grape-400);
  --color-primary-content-raw: 109 135 241;
  --color-primary-content-hover: var(--color-grape-300);
  --color-primary-content-hover-raw: 153 171 245;
  --color-primary-content-subtle: var(--color-grape-600);
  --color-primary-content-subtle-raw: 87 108 193;
  --color-primary-icon: var(--color-grape-400);
  --color-primary-icon-raw: 109 135 241;
  --color-primary-background: var(--color-grape-950);
  --color-primary-background-raw: 17 22 38;
  --color-primary-emphasis: var(--color-grape-800);
  --color-primary-emphasis-raw: 55 68 122;
  --color-primary-emphasis-subtle: var(--color-grape-900);
  --color-primary-emphasis-subtle-raw: 43 54 96;
  --color-primary-border: var(--color-grape-600);
  --color-primary-border-raw: 87 108 193;
  --color-primary-border-subtle: var(--color-grape-700);
  --color-primary-border-subtle-raw: 76 95 169;
  --color-primary-border-subtler: var(--color-grape-800);
  --color-primary-border-subtler-raw: 55 68 122;
  --color-primary-border-subtlest: var(--color-grape-900);
  --color-primary-border-subtlest-raw: 43 54 96;
  --color-primary-border-bold: var(--color-grape-400);
  --color-primary-border-bold-raw: 109 135 241;
  --color-primary-focus-outline: var(--color-grape-700);
  --color-primary-focus-outline-raw: 76 95 169;
  --color-primary-shadow: var(--color-grape-950);
  --color-primary-shadow-raw: 17 22 38;
  --color-negative-surface: var(--color-persimmon-600);
  --color-negative-surface-raw: 204 94 70;
  --color-negative-surface-hover: var(--color-persimmon-500);
  --color-negative-surface-hover-raw: 230 105 78;
  --color-negative-surface-active: var(--color-persimmon-700);
  --color-negative-surface-active-raw: 179 82 61;
  --color-negative-surface-content: var(--color-persimmon-000);
  --color-negative-surface-content-raw: 255 241 238;
  --color-negative-surface-content-subtle: var(--color-persimmon-300);
  --color-negative-surface-content-subtle-raw: 255 159 137;
  --color-negative-surface-icon: var(--color-persimmon-100);
  --color-negative-surface-icon-raw: 255 214 205;
  --color-negative-content: var(--color-persimmon-400);
  --color-negative-content-hover: var(--color-persimmon-300);
  --color-negative-content-subtle: var(--color-persimmon-700);
  --color-negative-icon: var(--color-persimmon-400);
  --color-negative-background: var(--color-persimmon-950);
  --color-negative-background-raw: 38 18 13;
  --color-negative-emphasis: var(--color-persimmon-800);
  --color-negative-emphasis-subtle: var(--color-persimmon-900);
  --color-negative-border: var(--color-persimmon-600);
  --color-negative-border-subtle: var(--color-persimmon-700);
  --color-negative-border-subtler: var(--color-persimmon-800);
  --color-negative-border-subtlest: var(--color-persimmon-900);
  --color-negative-border-bold: var(--color-persimmon-400);
  --color-negative-focus-outline: var(--color-persimmon-700);
  --color-negative-focus-outline-raw: 179 82 61;
  --color-positive-surface: var(--color-kale-600);
  --color-positive-surface-raw: 40 122 114;
  --color-positive-surface-hover: var(--color-kale-500);
  --color-positive-surface-hover-raw: 52 152 141;
  --color-positive-surface-active: var(--color-kale-700);
  --color-positive-surface-active-raw: 34 98 93;
  --color-positive-surface-content: var(--color-kale-000);
  --color-positive-surface-content-raw: 244 249 249;
  --color-positive-surface-content-subtle: var(--color-kale-300);
  --color-positive-surface-content-subtle-raw: 122 206 193;
  --color-positive-surface-icon: var(--color-kale-100);
  --color-positive-surface-icon-raw: 212 241 235;
  --color-positive-content: var(--color-kale-400);
  --color-positive-content-hover: var(--color-kale-300);
  --color-positive-content-subtle: var(--color-kale-700);
  --color-positive-icon: var(--color-kale-400);
  --color-positive-background: var(--color-kale-950);
  --color-positive-background-raw: 18 38 37;
  --color-positive-emphasis: var(--color-kale-800);
  --color-positive-emphasis-subtle: var(--color-kale-900);
  --color-positive-border: var(--color-kale-600);
  --color-positive-border-subtle: var(--color-kale-700);
  --color-positive-border-subtler: var(--color-kale-800);
  --color-positive-border-subtlest: var(--color-kale-900);
  --color-positive-border-bold: var(--color-kale-400);
  --color-positive-focus-outline: var(--color-kale-700);
  --color-positive-focus-outline-raw: 34 98 93;
  --color-warning-surface: var(--color-canteloupe-600);
  --color-warning-surface-raw: 204 133 79;
  --color-warning-surface-hover: var(--color-canteloupe-500);
  --color-warning-surface-hover-raw: 230 149 89;
  --color-warning-surface-active: var(--color-canteloupe-700);
  --color-warning-surface-active-raw: 179 116 69;
  --color-warning-surface-content: var(--color-canteloupe-000);
  --color-warning-surface-content-raw: 255 246 239;
  --color-warning-surface-content-subtle: var(--color-canteloupe-300);
  --color-warning-surface-content-subtle-raw: 255 184 130;
  --color-warning-surface-icon: var(--color-canteloupe-100);
  --color-warning-surface-icon-raw: 255 228 208;
  --color-warning-content: var(--color-canteloupe-400);
  --color-warning-content-hover: var(--color-canteloupe-300);
  --color-warning-content-subtle: var(--color-canteloupe-700);
  --color-warning-icon: var(--color-canteloupe-400);
  --color-warning-background: var(--color-canteloupe-950);
  --color-warning-background-raw: 51 28 20;
  --color-warning-emphasis: var(--color-canteloupe-800);
  --color-warning-emphasis-subtle: var(--color-canteloupe-900);
  --color-warning-border: var(--color-canteloupe-600);
  --color-warning-border-subtle: var(--color-canteloupe-700);
  --color-warning-border-subtler: var(--color-canteloupe-800);
  --color-warning-border-subtlest: var(--color-canteloupe-900);
  --color-warning-border-bold: var(--color-canteloupe-400);
  --color-warning-focus-outline: var(--color-canteloupe-700);
  --color-warning-focus-outline-raw: 179 116 69;
  --color-accent-grape-dark: var(--color-grape-300);
  --color-accent-grape-dark-raw: 153 171 245;
  --color-accent-grape-bold: var(--color-grape-500);
  --color-accent-grape-bold-raw: 97 122 218;
  --color-accent-grape-base: var(--color-grape-400);
  --color-accent-grape-base-raw: 109 135 241;
  --color-accent-grape-subtle: var(--color-grape-900);
  --color-accent-grape-subtle-raw: 43 54 96;
  --color-accent-grape-subtlest: var(--color-grape-950);
  --color-accent-grape-subtlest-raw: 17 22 38;
  --color-accent-blueberry-dark: var(--color-blueberry-300);
  --color-accent-blueberry-dark-raw: 153 197 245;
  --color-accent-blueberry-bold: var(--color-blueberry-500);
  --color-accent-blueberry-bold-raw: 50 135 226;
  --color-accent-blueberry-base: var(--color-blueberry-400);
  --color-accent-blueberry-base-raw: 83 158 238;
  --color-accent-blueberry-subtle: var(--color-blueberry-900);
  --color-accent-blueberry-subtle-raw: 28 60 95;
  --color-accent-blueberry-subtlest: var(--color-blueberry-950);
  --color-accent-blueberry-subtlest-raw: 11 24 38;
  --color-accent-kale-dark: var(--color-kale-300);
  --color-accent-kale-dark-raw: 122 206 193;
  --color-accent-kale-bold: var(--color-kale-500);
  --color-accent-kale-bold-raw: 52 152 141;
  --color-accent-kale-base: var(--color-kale-400);
  --color-accent-kale-base-raw: 87 183 171;
  --color-accent-kale-subtle: var(--color-kale-900);
  --color-accent-kale-subtle-raw: 31 66 64;
  --color-accent-kale-subtlest: var(--color-kale-950);
  --color-accent-kale-subtlest-raw: 18 38 37;
  --color-accent-kiwi-dark: var(--color-kiwi-300);
  --color-accent-kiwi-dark-raw: 151 206 122;
  --color-accent-kiwi-bold: var(--color-kiwi-500);
  --color-accent-kiwi-bold-raw: 87 152 52;
  --color-accent-kiwi-base: var(--color-kiwi-400);
  --color-accent-kiwi-base-raw: 120 183 87;
  --color-accent-kiwi-subtle: var(--color-kiwi-900);
  --color-accent-kiwi-subtle-raw: 43 66 31;
  --color-accent-kiwi-subtlest: var(--color-kiwi-950);
  --color-accent-kiwi-subtlest-raw: 25 38 18;
  --color-accent-mango-dark: var(--color-mango-300);
  --color-accent-mango-dark-raw: 255 209 130;
  --color-accent-mango-bold: var(--color-mango-500);
  --color-accent-mango-bold-raw: 244 170 42;
  --color-accent-mango-base: var(--color-mango-400);
  --color-accent-mango-base-raw: 250 186 76;
  --color-accent-mango-subtle: var(--color-mango-900);
  --color-accent-mango-subtle-raw: 98 71 24;
  --color-accent-mango-subtlest: var(--color-mango-950);
  --color-accent-mango-subtlest-raw: 38 28 10;
  --color-accent-canteloupe-dark: var(--color-canteloupe-300);
  --color-accent-canteloupe-dark-raw: 255 184 130;
  --color-accent-canteloupe-bold: var(--color-canteloupe-500);
  --color-accent-canteloupe-bold-raw: 230 149 89;
  --color-accent-canteloupe-base: var(--color-canteloupe-400);
  --color-accent-canteloupe-base-raw: 255 166 99;
  --color-accent-canteloupe-subtle: var(--color-canteloupe-900);
  --color-accent-canteloupe-subtle-raw: 102 66 40;
  --color-accent-canteloupe-subtlest: var(--color-canteloupe-950);
  --color-accent-canteloupe-subtlest-raw: 51 28 20;
  --color-accent-persimmon-dark: var(--color-persimmon-300);
  --color-accent-persimmon-dark-raw: 255 159 137;
  --color-accent-persimmon-bold: var(--color-persimmon-500);
  --color-accent-persimmon-bold-raw: 230 105 78;
  --color-accent-persimmon-base: var(--color-persimmon-400);
  --color-accent-persimmon-base-raw: 255 117 87;
  --color-accent-persimmon-subtle: var(--color-persimmon-900);
  --color-accent-persimmon-subtle-raw: 128 59 44;
  --color-accent-persimmon-subtlest: var(--color-persimmon-950);
  --color-accent-persimmon-subtlest-raw: 38 18 13;
  --color-accent-plum-dark: var(--color-plum-300);
  --color-accent-plum-dark-raw: 233 149 220;
  --color-accent-plum-bold: var(--color-plum-500);
  --color-accent-plum-bold-raw: 204 111 190;
  --color-accent-plum-base: var(--color-plum-400);
  --color-accent-plum-base-raw: 227 123 211;
  --color-accent-plum-subtle: var(--color-plum-900);
  --color-accent-plum-subtle-raw: 114 62 106;
  --color-accent-plum-subtlest: var(--color-plum-950);
  --color-accent-plum-subtlest-raw: 38 21 36;
  --color-accent-fig-dark: var(--color-fig-300);
  --color-accent-fig-dark-raw: 197 149 233;
  --color-accent-fig-bold: var(--color-fig-500);
  --color-accent-fig-bold-raw: 159 108 198;
  --color-accent-fig-base: var(--color-fig-400);
  --color-accent-fig-base-raw: 172 121 210;
  --color-accent-fig-subtle: var(--color-fig-900);
  --color-accent-fig-subtle-raw: 91 62 114;
  --color-accent-fig-subtlest: var(--color-fig-950);
  --color-accent-fig-subtlest-raw: 31 21 38;
  --color-accent-sand-dark: var(--color-sand-300);
  --color-accent-sand-dark-raw: 225 222 213;
  --color-accent-sand-bold: var(--color-sand-500);
  --color-accent-sand-bold-raw: 164 159 149;
  --color-accent-sand-base: var(--color-sand-400);
  --color-accent-sand-base-raw: 202 197 184;
  --color-accent-sand-subtle: var(--color-sand-900);
  --color-accent-sand-subtle-raw: 18 17 13;
  --color-accent-sand-subtlest: var(--color-sand-950);
  --color-accent-sand-subtlest-raw: 13 12 9;
}

:root {
  --black-raw: 0 0 0;
  --white-raw: 255 255 255;
  --accent_color-raw: 86 111 207;
  --danger_color-raw: 221 0 0;
  --danger_color_dimmed: rgb(var(--danger_color-raw) / 50%);
  --black: rgb(var(--black-raw));
  --white: rgb(var(--white-raw));
  --black_2: rgb(var(--black-raw) / 2%);
  --black_4: rgb(var(--black-raw) / 4%);
  --black_5: rgb(var(--black-raw) / 5%);
  --black_10: rgb(var(--black-raw) / 10%);
  --black_15: rgb(var(--black-raw) / 15%);
  --black_20: rgb(var(--black-raw) / 20%);
  --black_40: rgb(var(--black-raw) / 40%);
  --sand_0: var(--color-sand-000);
  --sand_100: var(--color-sand-100);
  --sand_200: var(--color-sand-200);
  --sand_300: var(--color-sand-300);
  --sand_400: var(--color-sand-400);
  --sand_500: var(--color-sand-500);
  --sand_600: var(--color-sand-600);
  --sand_700: var(--color-sand-700);
  --sand_800: var(--color-sand-800);
  --sand_900: var(--color-sand-900);
  --plum_500: var(--color-plum-500);
  --plum_400: var(--color-plum-400);
  --plum_200: var(--color-plum-200);
  --plum_100: var(--color-plum-100);
  --plum_0: var(--color-plum-000);
  --persimmon_0: var(--color-persimmon-000);
  --persimmon_300: var(--color-persimmon-300);
  --persimmon_400: var(--color-persimmon-400);
  --canteloupe_0: var(--color-canteloupe-000);
  --canteloupe_100: var(--color-canteloupe-100);
  --canteloupe_400: var(--color-canteloupe-400);
  --canteloupe_500: var(--color-canteloupe-500);
  --canteloupe_600: var(--color-canteloupe-600);
  --canteloupe_700: var(--color-canteloupe-700);
  --kale_0: var(--color-kale-000);
  --kale_300: var(--color-kale-300);
  --kale_400: var(--color-kale-400);
  --red_1: #FFF1F0;
  --red_3: #FFCCC7;
  --red_7: #CF1322;
  --red_10: #5C0011;
  --grape_0: var(--color-grape-000);
  --grape_100: var(--color-grape-100);
  --grape_500-raw: 86 111 207;
  --grape_500: var(--color-grape-500);
  --grape_600: var(--color-grape-600);
  --grape_700: var(--color-grape-700);
  --grape_800: var(--color-grape-800);
  --primary_link: var(--grape_500);
  --danger_color: var(--red_7);
  --danger_color--faded: var(--red_3);
  --success_color: var(--kale_400);
  --surface-background: var(--color-neutral-background);
  --surface-outline-outline: var(--sand_300);
  --surface-border: var(--sand_300);
  --surface-surface: var(--sand_100);
  --surface-base: var(--sand_100);
  --surface-on: var(--sand_900);
  --surface-on-dim: var(--color-neutral-content-subtler);
  --surface-bright: var(--color-primary-surface-content);
  --surface-border-light: var(--sand_200);
  --surface-on-surface: var(--sand_700);
  --surface-icon-on-base: var(--sand_700);
  --surface-text-dimmer: var(--color-neutral-content-subtler);
  --surface-text-muted: var(--color-neutral-content-subtler);
  --surface-surface-text-base: var(--sand_900);
  --surface-outline-outline-light: var(--sand_200);
  --surface-outline-outline-dark: var(--color-neutral-content-subtler);
  --inverted-surface: var(--sand_900);
  --neutral-palette-light-theme-surface-on-surface: var(--sand_900);
  --neutral-variant-palette-light-theme-outline-opacity-outline-opacity16: var(--sand_200);
  --neutral-palette-light-theme-surface-surface: var(--sand_100);
  --neutral-palette-light-theme-surface-text: var(--sand_900);
  --volcano-palette-tonal-palette-volcano70: var(--persimmon_400);
  --primary-primary: var(--grape_500);
  --primary-background: var(--color-primary-surface-content);
  --primary-text-on-background: var(--color-neutral-background);
  --primary-bright: var(--grape_500);
  --primary-bright-secondary: var(--color-primary-surface-content);
  --primary-bright-tertiary: var(--color-primary-surface-content-subtle);
  --primary-text-on-background-dark: var(--grape_800);
  --color-surface-on-base-subtle: var(--color-neutral-content-subtler);
  --color-negative-bold: #CC5E46;
  --color-negative-accent-light: #FFBAAA;
  --accent_color: var(--grape_500);
  --colors-surface-border: var(--sand_300);
  --colors-surface-icon-on-base: var(--sand_700);
  --colors-surface-text: var(--sand_700);
  --primary-button-waiting-animation-bg: repeating-linear-gradient(-63.43deg, rgba(var(--color-primary-surface-active-raw) / 50%) 1px, rgba(var(--color-primary-surface-raw) / 50%) 2px, rgba(var(--color-primary-surface-raw) / 50%) 6px, rgba(var(--color-primary-surface-active-raw) / 50%) 7px, rgba(var(--color-primary-surface-active-raw) / 50%) 12px);
  --negative-button-waiting-animation-bg: repeating-linear-gradient(-63.43deg, rgba(var(--color-negative-surface-active-raw) / 50%) 1px, rgba(var(--color-negative-surface-raw) / 50%) 2px, rgba(var(--color-negative-surface-raw) / 50%) 6px, rgba(var(--color-negative-surface-active-raw) / 50%) 7px, rgba(var(--color-negative-surface-active-raw) / 50%) 12px);
  --button-waiting-animation-bg: repeating-linear-gradient(-63.43deg, rgba(var(--color-neutral-surface-active-raw) / 50%) 1px, rgba(var(--color-neutral-surface-raw) / 50%) 2px, rgba(var(--color-neutral-surface-raw) / 50%) 6px, rgba(var(--color-neutral-surface-active-raw) / 50%) 7px, rgba(var(--color-neutral-surface-active-raw) / 50%) 12px);
  --project-title-icon-primary-color: rgba(var(--black-raw), 0.35);
  --project-title-icon-alternate-color: rgba(var(--white-raw), 0.35);
  --shadow-intensity: 1;
  --color-accent-gradient-subtle: rgba(var(--color-accent-canteloupe-base-raw) / 10%) 0%, rgba(var(--color-accent-persimmon-base-raw) / 10%) 50%, rgba(var(--color-accent-plum-base-raw) / 10%) 100%;
  --color-accent-gradient-base: rgba(var(--color-accent-canteloupe-base-raw) / 90%) 0%, rgba(var(--color-accent-persimmon-base-raw) / 90%) 50%, rgba(var(--color-accent-plum-base-raw) / 90%) 100%;
  --color-accent-gradient-bold: rgba(var(--color-accent-canteloupe-base-raw) / 100%) 0%, rgba(var(--color-accent-persimmon-base-raw) / 100%) 50%, rgba(var(--color-accent-plum-base-raw) / 100%) 100%;
  --color-accent-gradient-dark: rgba(var(--color-accent-canteloupe-bold-raw) / 100%) 0%, rgba(var(--color-accent-persimmon-bold-raw) / 100%) 50%, rgba(var(--color-accent-plum-bold-raw) / 100%) 100%;
}

[data-color-scheme=dark] {
  --shadow-intensity: 2;
}

[data-color-scheme=dark] input[type=date] {
  color-scheme: dark;
}

@font-face {
  font-family: Figtree;
  src: url("/static/fonts/Figtree-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Figtree;
  src: url("/static/fonts/Figtree-SemiBold.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

body {
  --font-sans: "Figtree", sans-serif !important;
  --font-mono: monaco, monospace !important;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-size-200: 12px;
  --font-size-300: 14px;
  --font-size-400: 16px;
  --font-line-height-small: 18px;
  --font-line-height-medium: 20px;
  font-family: var(--font-sans) !important;
  --header-height: 48px;
  --menu-animation-duration: 0.15s;
  --menu-animation-curve: cubic-bezier(0.21, 1.04, 0.68, 1);
  --menu-animation-start: -10px;
  --menu-sidebar-width: 240px;
  margin: 0;
  color: var(--color-neutral-content);
  background: var(--color-neutral-background);
  width: 100vw;
  max-width: 100%;
  min-height: 100vh;
  scrollbar-color: var(--color-neutral-border-bold) var(--color-neutral-background);
}

.lsf-app-wrapper {
  width: 100vw;
  max-width: 100%;
  min-height: 100vh;
}

.lsf-global-error {
  padding: 32px;
}

.lsf-global-error__heidi {
  display: block;
  margin: 32px auto;
}

.lsf-global-error h1 {
  text-transform: uppercase;
  text-align: center;
  font-size: 20px;
}

.lsf-global-error h2 {
  font-size: 20px;
  color: var(--color-negative-content);
}

.lsf-global-error__details {
  background: var(--color-neutral-background);
  max-height: 320px;
  overflow-y: auto;
  white-space: pre-wrap;
  margin: 16px 0;
  padding: 16px;
}

.lsf-global-error__actions {
  display: flex;
  gap: 8px;
}

.lsf-global-error__actions > * {
  line-height: 1em;
}

.lsf-global-error__slack {
  margin-right: auto;
  display: flex;
  align-items: center;
}

.lsf-global-error__slack img {
  height: 16px;
  width: 16px;
  margin-right: 8px;
}

.lsf-color {
  margin: 4px 8px;
  position: relative;
}

.lsf-color::before {
  width: 24px;
  height: 24px;
  display: block;
  margin: 0 auto;
  content: "";
  border-radius: 100%;
  background-color: var(--background);
  color: var(--color-neutral-content);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
}

/*# sourceMappingURL=main.css.map*/