/* Hide the second item(`Import`) the toggle items list in the lines 4345-4348 */

.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;
    align-items: var(--button-content-align);
    background-color: var(--button-background-color);
    background-image: var(--button-background-image);
    border: var(--button-border);
    border-radius: var(--button-radius);
    box-shadow: var(--button-shadow);
    box-sizing: border-box;
    color: var(--button-color) !important;
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    font-family: var(--font-sans);
    font-size: var(--button-font-size);
    font-weight: var(--font-weight-500);
    gap: var(--button-gap);
    height: var(--button-height);
    justify-content: var(--button-content-justify);
    line-height: var(--font-line-height-medium);
    margin-left: var(--button-margin-left);
    margin-right: var(--button-margin-right);
    min-width: var(--button-min-width);
    outline: none;
    padding: var(--button-padding);
    pointer-events: var(--button-events);
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all .15s ease-out;
    width: var(--button-width)
}

.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 {
    --button-background-image: linear-gradient(0deg, transparent, rgba(var(--color-neutral-shadow-raw)/4%));
    color: var(--button-color)
}

.lsf-button-ls:focus {
    box-shadow: 0 0 0 4px var(--color-primary-focus-outline);
    outline: none
}

.lsf-button-ls:disabled,
.lsf-button-ls_disabled,
.lsf-button-ls_waiting {
    --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:disabled svg,
.lsf-button-ls_disabled svg,
.lsf-button-ls_waiting svg {
    color: var(--color-neutral-content-subtlest) !important
}

.lsf-button-ls__extra {
    --button-font-size: var(--font-size-300);
    align-items: center;
    color: var(--button-extra-color);
    display: flex;
    line-height: var(--font-line-height-small);
    margin-left: 7px;
    margin-right: -7px
}

.lsf-button-ls__label {
    padding: 0 var(--spacing-tight)
}

.lsf-button-ls__icon {
    align-items: center;
    display: flex;
    height: var(--icon-size);
    width: var(--icon-size)
}

.lsf-button-ls__icon:only-child {
    --button-content-align: center;
    --button-content-justify: center;
    flex: 1
}

.lsf-button-ls__icon svg {
    height: 100%;
    width: 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_link,
.lsf-button-ls_type_text {
    --button-padding: 0;
    --button-background-color: none;
    border: none;
    min-width: 0
}

.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);
    background: var(--color-negative-emphasis-subtle);
    border-color: var(--color-negative-border-bold)
}

.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);
    --button-background-color: transparent;
    border: none
}

.lsf-button-ls_look_danger .lsf-button-ls_disabled,
.lsf-button-ls_look_danger .lsf-button-ls_waiting,
.lsf-button-ls_look_danger:disabled {
    --button-color: var(--color-negative-content-subtlest)
}

.lsf-button-ls_look_destructive .lsf-button-ls_disabled,
.lsf-button-ls_look_destructive .lsf-button-ls_waiting,
.lsf-button-ls_look_destructive:disabled,
.lsf-button-ls_look_primary.lsf-button-ls_disabled,
.lsf-button-ls_look_primary:disabled {
    --button-color: var(--color-neutral-content-subtlest);
    --button-background-color: var(--color-neutral-background)
}

.lsf-button-ls_look_primary.lsf-button-ls_disabled,
.lsf-button-ls_look_primary:disabled {
    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_compact.lsf-button-ls__extra,
.lsf-button-ls_size_medium.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 {
    --button-background-image: var(--button-waiting-animation-bg);
    --button-background-color: var(--color-neutral-background);
    animation: lsf-button-waiting 1s linear infinite;
    background-position: 40px;
    background-repeat: repeat;
    background-size: 37px 100%;
    pointer-events: none
}

.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
    }

    to {
        background-position: 37px 0
    }
}

.lsf-space-ls {
    grid-gap: 16px;
    display: grid
}

.lsf-space-ls,
.lsf-space-ls_direction_horizontal {
    align-items: center;
    grid-auto-columns: max-content;
    grid-auto-flow: column
}

.lsf-space-ls_direction_vertical {
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    justify-content: center
}

.lsf-space-ls_spread {
    justify-content: space-between;
    width: 100%
}

.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 {
    background-color: var(--color-neutral-background);
    border-radius: 5px;
    box-sizing: border-box;
    padding: 16px;
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

.lsf-error-message__slack img {
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.lsf-modal {
    --transition-duration: 100ms;
    align-items: center;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: rgba(var(--color-neutral-shadow-raw)/70%);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    will-change: opacity;
    z-index: 2000
}

.lsf-modal_optimize .lsf-modal__wrapper {
    will-change: transform
}

.lsf-modal__wrapper {
    box-sizing: border-box;
    max-height: 100%;
    overflow: auto;
    padding: 40px 0;
    width: 100%
}

.lsf-modal__content {
    background-color: var(--color-neutral-background);
    border-radius: .5rem;
    box-shadow: 0 10px 30px rgb(var(--color-neutral-shadow-raw)/calc(30%*var(--shadow-intensity))), inset 0 1px hsla(0, 0%, 100%, .1), inset 0 -2px rgba(var(--color-neutral-shadow-raw)/24%);
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    min-height: 100px;
    min-width: 400px;
    overflow: auto;
    width: 400px
}

.lsf-modal__header {
    align-items: center;
    box-sizing: content-box;
    display: flex;
    justify-content: space-between;
    min-height: 40px;
    padding: 1rem 2rem
}

.lsf-modal__header_divided {
    border-bottom: 1px solid var(--color-neutral-border)
}

.lsf-modal__title {
    color: var(--color-neutral-content);
    font-size: 1.75rem;
    font-weight: 500;
    margin: 0 auto 0 0
}

.lsf-modal__body {
    color: var(--color-neutral-content-subtle);
    flex: 1;
    line-height: 140%;
    min-height: 0;
    padding: 0 2rem 2rem
}

.lsf-modal__body_bare {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0
}

.lsf-modal__footer {
    color: var(--color-neutral-content-subtle);
    font-size: 14px;
    line-height: 22px;
    padding: 1rem 1.5rem;
    text-align: center
}

.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 {
    --icon-size: 24px;
    border: none
}

.lsf-modal_fullscreen .lsf-modal__content {
    height: calc(100vh - 80px);
    width: calc(100vw - 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%)
}

.base--kfuBd>span:not(:has(text)):has(svg:only-child) {
    aspect-ratio: 1/1;
    height: 100%;
    padding: var(--spacing-0);
    width: 100%
}

.base--kfuBd>em {
    display: inline-flex
}

.base--kfuBd>em>svg {
    aspect-ratio: 1/1;
    height: 100%
}

.base--kfuBd:active {
    --emboss-shadow: var(--emboss-shadow-active)
}

.base--kfuBd:focus {
    box-shadow: var(--emboss-shadow), var(--focus-shadow)
}

.base--kfuBd:disabled:not(.waiting--a196M),
.base--kfuBd:disabled:not(.waiting--a196M):active,
.base--kfuBd:disabled:not(.waiting--a196M):focus,
.base--kfuBd:disabled:not(.waiting--a196M):hover {
    --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;
    cursor: not-allowed;
    text-shadow: none
}

.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);
    --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-primary-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.waiting--a196M,
.look-outlined--TKPf9:not(:disabled) {
    --background-color: var(--color-neutral-background);
    --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.waiting--a196M:active,
.look-outlined--TKPf9:not(:disabled):active {
    box-shadow: inset 0 1px 0 rgb(var(--black-raw)/10%)
}

.look-string--_Ha35.waiting--a196M,
.look-string--_Ha35:not(:disabled) {
    --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.waiting--a196M.waiting--a196M,
.look-string--_Ha35:not(:disabled).waiting--a196M {
    border-color: var(--border-outline)
}

.look-string--_Ha35.waiting--a196M:not(.look-string--_Ha35:not(:disabled):disabled, .look-string--_Ha35.waiting--a196M:disabled),
.look-string--_Ha35:not(:disabled):not(.look-string--_Ha35:not(:disabled):disabled, .look-string--_Ha35.waiting--a196M:disabled) {
    color: var(--text-outline)
}

.look-string--_Ha35.waiting--a196M:focus,
.look-string--_Ha35:not(:disabled):focus {
    border-color: var(--border-color-hover)
}

.look-string--_Ha35:disabled:not(.waiting--a196M),
.look-string--_Ha35:disabled:not(.waiting--a196M):active,
.look-string--_Ha35:disabled:not(.waiting--a196M):focus,
.look-string--_Ha35:disabled:not(.waiting--a196M):hover {
    --background-color-hover: transparent;
    --background-color-active: transparent;
    --border-color-hover: transparent;
    --background-color: transparent;
    --border-color: transparent
}

.size-medium--tmYCN {
    font-size: var(--font-size-label-medium);
    height: var(--spacing-1000);
    padding: var(--spacing-tight)
}

.size-medium--tmYCN>span {
    gap: var(--spacing-tight);
    padding-left: var(--spacing-tight);
    padding-right: var(--spacing-tight)
}

.size-medium--tmYCN>em {
    gap: var(--spacing-tight);
    height: var(--spacing-600);
    min-width: var(--spacing-600)
}

.size-small--r2ZM1 {
    font-size: var(--font-size-label-small);
    height: var(--spacing-800);
    padding: var(--spacing-tighter)
}

.size-small--r2ZM1>span {
    gap: var(--spacing-tighter);
    padding-left: var(--spacing-tighter);
    padding-right: var(--spacing-tighter)
}

.size-small--r2ZM1>em {
    gap: var(--spacing-tighter);
    height: var(--spacing-400);
    min-width: var(--spacing-400)
}

.size-smaller--Qcgdc {
    font-size: var(--font-size-label-smaller);
    height: var(--spacing-600);
    padding: var(--spacing-tightest)
}

.size-smaller--Qcgdc>span {
    gap: var(--spacing-tightest);
    padding-left: var(--spacing-tightest);
    padding-right: var(--spacing-tightest)
}

.size-smaller--Qcgdc>em {
    gap: var(--spacing-tighter);
    height: var(--spacing-400);
    min-width: var(--spacing-400)
}

.waiting--a196M {
    --background-image: repeating-linear-gradient(-63.43deg, transparent 1px, var(--wait-color) 2px, var(--wait-color) 7px, transparent 8px, transparent 12px);
    animation: button-waiting--OkwF7 1s linear infinite;
    background-position: 40px;
    background-repeat: repeat;
    background-size: 37px 100%;
    border-color: var(--border-color)
}

.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
    }

    to {
        background-position: 37px 0
    }
}

.align-center--bHSAd,
.align-default--eEdJb>span {
    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
}

.button-group--ddUuq {
    display: flex;
    gap: var(--spacing-tight)
}

.button-group--ddUuq.button-group-collapsed--pmv4j {
    gap: var(--spacing-0)
}

.button-group--ddUuq.button-group-collapsed--pmv4j button:not(:first-child) {
    border-left: none
}

.button-group--ddUuq.button-group-collapsed--pmv4j button:first-child:not(:only-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.button-group--ddUuq.button-group-collapsed--pmv4j button:last-child:not(:only-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.button-group--ddUuq.button-group-collapsed--pmv4j button:not(:first-child, :last-child) {
    border-radius: 0
}

.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;
    background-color: var(--color-neutral-inverted-background);
    border-radius: 3px;
    color: var(--color-neutral-inverted-content);
    display: none;
    font-size: 14px;
    left: -1000px;
    line-height: 24px;
    max-width: 250px;
    overflow-wrap: anywhere;
    padding: 4px 10px;
    pointer-events: none;
    position: absolute;
    top: -1000px;
    white-space: normal;
    z-index: 99999
}

.tooltip--UP3Wq:before {
    background-color: inherit;
    bottom: 0;
    content: "";
    display: block;
    height: var(--pointer-size);
    left: 50%;
    position: absolute;
    transform: translate(-50%, 50%) rotate(45deg);
    width: var(--pointer-size)
}

.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 {
    display: flex;
    opacity: 0;
    transform: translate3d(0, var(--animation-start), 0)
}

.tooltip--UP3Wq.appear--vd2JL {
    opacity: 1;
    transform: translateZ(0)
}

.tooltip--UP3Wq.visible--VEfXE {
    display: flex;
    opacity: 1
}

.tooltip--UP3Wq.before-disappear--_rztu {
    display: flex;
    opacity: 1;
    transform: translateZ(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_bottom-left--NiK8p {
    --animation-start: 10px;
    margin-left: calc((var(--offset-x) - var(--pointer-size)/2)*-1)
}

.tooltip_align_bottom-left--NiK8p:before {
    left: 24px;
    top: 0;
    transform: translate(-50%, -50%) rotate(45deg)
}

.tooltip_align_top-left--etcfZ {
    --animation-start: -10px;
    margin-left: calc((var(--offset-x) - var(--pointer-size)/2)*-1)
}

.tooltip_align_top-left--etcfZ:before {
    bottom: 0;
    left: 24px;
    transform: translate(-50%, 50%) rotate(45deg)
}

.tooltip_align_top-right--NnK9_ {
    --animation-start: -10px;
    margin-left: calc(var(--offset-x) - var(--pointer-size)/2)
}

.tooltip_align_top-right--NnK9_:before {
    bottom: 0;
    left: auto;
    right: 18px;
    transform: translate(-50%, 50%) rotate(45deg)
}

.card--yBUdt {
    background-color: var(--color-neutral-background);
    border: 1px solid var(--sand_300);
    border-radius: 5px
}

.card--yBUdt:not(:first-child) {
    margin-top: 24px
}

.card--yBUdt.cardNoMargin--2UNTn:not(:first-child) {
    margin-top: 0
}

.header--AgHm0 {
    align-items: center;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    justify-content: space-between;
    line-height: 18px;
    padding: 24px 24px 0
}

.header--AgHm0.headerNoUnderline--sPlRm {
    box-shadow: none
}

.headerContent--xDB3z {
    align-items: center;
    display: flex
}

.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;
    align-items: center;
    color: var(--color-neutral-content);
    display: inline-flex;
    justify-content: center;
    transition: all .1s ease-out
}

.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));
    box-shadow: 0 0 0 4px var(--color-primary-focus-outline, #d4dbfb)
}

.checkbox__box--BZqT5 {
    border: 1px solid var(--checkbox-border-color, var(--checkbox-default-border-color));
    border-radius: 4px;
    box-sizing: content-box;
    color: var(--checkbox-color, var(--checkbox-default-color));
    cursor: pointer;
    display: inline-block;
    max-height: var(--checkbox-size, var(--checkbox-default-size));
    max-width: var(--checkbox-size, var(--checkbox-default-size));
    overflow: hidden;
    position: relative;
    white-space: nowrap
}

.checkbox__box_checked--qqDYt {
    border-color: var(--checkbox-checked-border-color, var(--checkbox-default-checked-border-color))
}

.checkbox__input--rmBca {
    border: none;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.checkbox__check--oZXPH {
    background: var(--checkbox-background-color, var(--checkbox-default-background-color));
    display: block;
    height: var(--checkbox-size, var(--checkbox-default-size));
    position: relative;
    transition: all 80ms ease;
    width: var(--checkbox-size, var(--checkbox-default-size));
    will-change: all
}

.checkbox__check--oZXPH:after,
.checkbox__check--oZXPH:before {
    content: "";
    display: block;
    inset: 0;
    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='13' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.5 5 8l6-6' stroke='currentColor' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.5 5 8l6-6' stroke='currentColor' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: auto;
    mask-size: auto;
    transition: all .12s ease
}

.checkbox__check_checked--O1Lqd,
.checkbox__check_indeterminate--uP0dq:after {
    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 {
    border-color: var(--checkbox-checked-border-color, var(--checkbox-default-checked-border-color));
    border-radius: 2px;
    inset: calc(var(--checkbox-indeterminate-gap, var(--checkbox-default-indeterminate-gap)))
}

.checkbox__check_checked--O1Lqd:before,
.checkbox__check_indeterminate--uP0dq:after {
    opacity: 1
}

.checkbox__label--zpBfI {
    align-items: center;
    display: flex;
    gap: var(--spacing-tight);
    width: 100%
}

.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 {
    background: linear-gradient(135deg, var(--color-accent-cantaloupe-base) 0, var(--color-accent-persimmon-base) 51.56%, var(--color-accent-plum-base) 100%);
    border-radius: 4px;
    display: inline-block;
    height: 20px;
    vertical-align: middle
}

.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 {
    align-items: center;
    background: var(--color-accent-persimmon-subtlest);
    border-radius: 3px;
    color: var(--color-accent-persimmon-base);
    display: flex;
    font-size: 11px;
    font-weight: 500;
    gap: 4px;
    line-height: 100%;
    margin: 1px;
    padding: 2px 5px 2px 3px
}

.multiStateToggle--LPtoy {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    transition: outline .1s ease
}

.multiStateToggle__option--NpYKf {
    align-items: center;
    cursor: pointer;
    display: none;
    justify-content: center;
    padding: 0 8px;
    transition: background-color .1s ease
}

.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);
    align-self: center;
    background: var(--button-background-color);
    border: 1px solid var(--button-border-color);
    border-radius: 24px;
    cursor: pointer;
    display: flex;
    font-size: var(--button-font-size);
    height: 32px;
    justify-content: center;
    overflow: hidden;
    padding: 4px 8px 4px 0;
    transition: all .15s ease-out
}

.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 {
    align-items: center;
    color: var(--button-text-color);
    display: flex;
    height: 100%;
    width: 38px
}

.themeToggle__icon--Cc3TV {
    align-items: center;
    align-self: center;
    color: var(--button-icon-color);
    display: flex;
    height: 28px;
    margin-right: 0;
    position: relative;
    width: 36px
}

.themeToggle--K_CBa.light--U53Mz .animationWrapper--jMBnm {
    transform: rotate(90deg)
}

.themeToggle--K_CBa.dark--ppg23 .animationWrapper--jMBnm {
    transform: rotate(0deg)
}

.animationWrapper--jMBnm {
    height: 90px;
    left: -29px;
    overflow: hidden;
    position: absolute;
    top: -1px;
    transition: all .6s cubic-bezier(.47, 0, .23, 1.3);
    width: 90px
}

.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;
    cursor: pointer;
    display: inline;
    outline: none;
    padding: 0;
    width: 100%
}

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

.labelContent--NEW8o {
    border: 1px solid var(--color-primary-border);
    border-radius: var(--corner-radius-smaller);
    color: var(--color-primary-content);
    flex-shrink: 0;
    justify-content: center;
    padding: var(--spacing-tight);
    transition: all .15s ease-out
}

.inputWrapper--co9gW,
.labelContent--NEW8o {
    align-items: center;
    display: flex;
    outline: none
}

.inputWrapper--co9gW {
    cursor: pointer;
    height: 42px;
    margin: 0;
    width: auto
}

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

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

.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 {
    display: flex;
    height: 22px;
    justify-content: space-between;
    margin-bottom: 4px
}

.label__description--OiFSK,
.label__text--xzAUC {
    color: var(--color-neutral-content-subtle);
    font-size: 14px;
    line-height: 22px
}

.label__description--OiFSK {
    display: block;
    margin-top: 5px
}

.label__field--hZZMe {
    line-height: 0
}

.label_size_small--tNKe5 .label__text--xzAUC {
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    margin: 0
}

.label_size_large--jC6fm .label__text--xzAUC {
    font-size: 16px;
    font-weight: 500;
    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 {
    color: var(--sand_500);
    content: "Required";
    font-size: .825rem;
    margin-left: .325rem
}

.label_placement_right--euhm6 {
    flex-direction: row-reverse
}

.label_placement_left--l_6Mc,
.label_placement_right--euhm6 {
    display: inline-flex;
    gap: var(--spacing-tighter, 4px)
}

.label_empty--I_ybT .label__text--xzAUC,
.label_placement_left--l_6Mc .label__text--xzAUC,
.label_placement_right--euhm6 .label__text--xzAUC {
    align-items: center;
    height: auto;
    line-height: 22px;
    margin-bottom: 0
}

.label_placement_left--l_6Mc:not(.label_withDescription--dJyqm) .label__field--hZZMe,
.label_placement_right--euhm6:not(.label_withDescription--dJyqm) .label__field--hZZMe {
    align-items: center;
    display: flex
}

.label_placement_left--l_6Mc.label_withDescription--dJyqm .label__field--hZZMe,
.label_placement_right--euhm6.label_withDescription--dJyqm .label__field--hZZMe {
    margin-top: 5px
}

@keyframes toast-enter-up--OyYjA {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes toast-leave-fade--Jy3ak {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes toast-leave-down--ZQ4Wc {
    0% {
        opacity: 1;
        transform: translateY(var(--radix-toast-swipe-end-y))
    }

    to {
        opacity: 0;
        transform: translateY(100%)
    }
}

.toast-viewport--Iu3w5 {
    --toast-spacing: var(--spacing-tight);
    bottom: 24px;
    display: flex;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 9999
}

.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 .1s ease-out forwards
    }

    .toast-viewport--Iu3w5 li[data-state=closed] {
        animation: toast-leave-fade--Jy3ak .1s 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 .1s 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);
    align-items: center;
    background-color: var(--background-color);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--text-color);
    display: flex;
    gap: 16px;
    overflow: hidden;
    pointer-events: all
}

.toast--qE_Ju>div,
.toast__content--khAKr {
    flex: 1;
    font-size: 14px;
    line-height: 24px
}

.toast__action--JMhvI,
.toast__content--khAKr {
    color: var(--text-color);
    padding: var(--padding)
}

.toast__action--JMhvI {
    align-items: center;
    align-self: stretch;
    background: none;
    border: none;
    border-left: 1px solid var(--border-color);
    border-radius: 0;
    display: flex;
    flex: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    min-width: -moz-min-content;
    min-width: min-content;
    white-space: nowrap
}

.toast__action--JMhvI:hover {
    color: var(--color-negative-border)
}

.toast__close--eJiX4 {
    align-items: center;
    background: none;
    border: none;
    border-radius: 0;
    cursor: pointer;
    display: inline-flex;
    font-size: 24px;
    height: 40px;
    justify-content: center;
    min-height: 40px;
    min-width: 40px;
    padding: 0;
    width: 24px
}

.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 {
    align-items: center;
    align-self: stretch;
    display: flex
}

.toast_alertError__content--gLpux {
    display: block
}

.messageToast--tM9fq {
    border-radius: 4px
}

.messageToast_alertError--_6qET {
    left: calc(50vw - 250px);
    max-width: 500px;
    position: fixed;
    top: 60px;
    transform: translateY(-200%);
    transition: transform 1s;
    width: calc(100vw - 60px);
    z-index: 100
}

.toggle--tZrLW {
    background: var(--color-neutral-surface);
    border: 1px solid var(--color-neutral-border);
    border-radius: 12px;
    box-sizing: content-box;
    color: var(--toggle-color, var(--grape_500));
    cursor: pointer;
    display: block;
    height: 24px;
    max-height: 24px;
    min-width: 42px;
    position: relative;
    transition: all .1s ease-out;
    width: 42px
}

.toggle--tZrLW:hover {
    border: 1px solid var(--color-neutral-border-bold)
}

.toggle__input--jVdfU {
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.toggle__indicator--fCwmD {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    transition: all .12s ease;
    width: 24px
}

.toggle__indicator--fCwmD:before {
    background: var(--color-neutral-border-bold);
    border-radius: 100%;
    box-shadow: 0 5px 10px rgba(18, 17, 13, .15), inset 0 -1px 0 rgba(18, 17, 13, .1), inset 0 0 0 1px rgba(18, 17, 13, .05);
    content: "";
    height: 10px;
    transition: all .12s ease;
    width: 10px
}

.toggle_checked--kevrN .toggle__indicator--fCwmD {
    margin-left: 18px
}

.toggle_checked--kevrN .toggle__indicator--fCwmD:before {
    background: var(--color-primary-surface);
    box-shadow: 0 5px 10px var(--color-primary-shadow), inset 0 -1px 0 rgba(var(--color-primary-shadow)/10%);
    height: 16px;
    width: 16px
}

.toggle_alwaysBlue--MLWlj .toggle__indicator--fCwmD:before {
    background: var(--primary_link);
    box-shadow: 0 5px 10px var(--color-primary-surface-content-subtle), inset 0 -1px 0 rgba(0, 0, 0, .1);
    height: 16px;
    width: 16px
}

.toggle_disabled--RBELC {
    background: var(--color-neutral-background);
    box-shadow: none;
    cursor: not-allowed;
    pointer-events: none
}

.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 {
    background-color: var(--color-neutral-border);
    box-shadow: none;
    transition: none
}

.selectTrigger--H3TPV {
    --select-trigger-height: 40px;
    --select-trigger-font-size: 1rem;
    align-items: center;
    border: 1px solid var(--color-neutral-border);
    border-radius: var(--corner-radius-smaller);
    color: var(--color-neutral-content-subtler);
    display: flex;
    flex: 1 0 0;
    font-size: var(--select-trigger-font-size);
    font-style: normal;
    font-weight: var(--font-weight-400);
    gap: var(--spacing-tight);
    height: var(--select-trigger-height);
    letter-spacing: var(--letter-spacing-base);
    line-height: var(--line-height-24);
    max-width: 100%;
    overflow: hidden;
    padding: var(--spacing-tight) var(--spacing-tight) var(--spacing-tight) var(--spacing-base);
    text-overflow: ellipsis;
    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);
    outline: none
}

.selectTrigger--H3TPV.isOpen--k8bHs,
.selectTrigger--H3TPV:focus {
    box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, .06);
    color: var(--color-neutral-content)
}

.selectTrigger--H3TPV.isOpen--k8bHs {
    background: var(--color-neutral-surface-active);
    border: 1px solid var(--color-neutral-border-bold)
}

.selectTrigger--H3TPV.isDisabled--WZZN5 {
    background: var(--color-neutral-surface);
    box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, .06);
    color: var(--color-neutral-content-subtlest);
    cursor: not-allowed;
    filter: none
}

.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] {
    max-width: var(--radix-popper-available-width);
    min-width: var(--radix-popper-anchor-width) !important
}

.userpic--tBKCQ {
    align-items: center;
    background: var(--color-neutral-surface);
    border: 1px solid rgba(var(--color-neutral-shadow-raw)/10%);
    border-radius: 50%;
    box-shadow: none;
    display: flex;
    flex-shrink: 0;
    height: 28px;
    justify-content: center;
    position: relative;
    transition: all .15s ease-out;
    width: 28px
}

.userpic--tBKCQ .avatar--ULRig {
    border-radius: 100%;
    font-size: 12px;
    height: 100%;
    line-height: 22px;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    position: absolute;
    width: 100%
}

.userpic--tBKCQ .username--mwiCj {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    line-height: 1;
    opacity: .6;
    text-align: center
}

.userpic--tBKCQ .badge--lg_1_ {
    position: absolute
}

.userpic--tBKCQ .badge--lg_1_.topLeft--a63aF {
    left: 0;
    top: 0
}

.userpic--tBKCQ .badge--lg_1_.topRight--bbxQU {
    right: 0;
    top: 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: .3
}

.userpic--tBKCQ.faded--BDTji .username--mwiCj {
    opacity: .2
}

.CodeMirror {
    color: #000;
    direction: ltr;
    font-family: monospace;
    height: 300px
}

.CodeMirror-lines {
    padding: 4px 0
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
    padding: 0 4px
}

.CodeMirror-gutter-filler,
.CodeMirror-scrollbar-filler {
    background-color: #fff
}

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

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

.CodeMirror-guttermarker {
    color: #000
}

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

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

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

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

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

.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 {
    50% {
        background-color: transparent
    }
}

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

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

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

.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: 700
}

.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-2 {
    color: #05a
}

.cm-s-default .cm-type,
.cm-s-default .cm-variable-3 {
    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,
.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-invalidchar,
.cm-s-default .cm-error {
    color: red
}

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

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
}

.CodeMirror {
    background: #fff;
    overflow: hidden;
    position: relative
}

.CodeMirror-scroll {
    height: 100%;
    margin-bottom: -50px;
    margin-right: -50px;
    outline: none;
    overflow: scroll !important;
    padding-bottom: 50px;
    position: relative;
    z-index: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.CodeMirror-lines {
    cursor: text;
    min-height: 1px
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
    word-wrap: normal;
    -webkit-tap-highlight-color: transparent;
    background: transparent;
    border-radius: 0;
    border-width: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-variant-ligatures: contextual;
    line-height: inherit;
    margin: 0;
    overflow: visible;
    position: relative;
    white-space: pre;
    z-index: 2
}

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

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

.CodeMirror-linewidget {
    padding: .1px;
    position: relative;
    z-index: 2
}

.CodeMirror-rtl pre {
    direction: rtl
}

.CodeMirror-code {
    outline: none
}

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

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

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

.CodeMirror-measure pre {
    position: static
}

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

.CodeMirror-focused div.CodeMirror-cursors,
div.CodeMirror-dragcursors {
    visibility: visible
}

.CodeMirror-selected {
    background: #d9d9d9
}

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

.CodeMirror-crosshair {
    cursor: crosshair
}

.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)
}

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

@media print {
    .CodeMirror div.CodeMirror-cursors {
        visibility: hidden
    }
}

.cm-tab-wrap-hack:after {
    content: ""
}

span.CodeMirror-selectedtext {
    background: none
}

.CodeMirror-hints {
    background: #fff;
    border: 1px solid silver;
    border-radius: 3px;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    font-family: monospace;
    font-size: 90%;
    list-style: none;
    margin: 0;
    max-height: 20em;
    overflow: hidden;
    overflow-y: auto;
    padding: 2px;
    position: absolute;
    z-index: 10
}

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

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

.codeEditor--yZP2v {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.codeEditor--yZP2v .react-codemirror2,
.codeEditor--yZP2v textarea {
    caret-color: var(--color-neutral-content);
    flex: 1;
    font-family: var(--font-mono);
    height: 100%;
    width: 100%
}

.codeEditor--yZP2v .react-codemirror2 .CodeMirror,
.codeEditor--yZP2v textarea .CodeMirror {
    background: var(--color-neutral-background);
    border: 1px solid var(--color-neutral-border);
    border-radius: var(--corner-radius-small);
    color: var(--color-neutral-content-subtle);
    height: 100%;
    width: 100%
}

.codeEditor--yZP2v .react-codemirror2 .CodeMirror-lines,
.codeEditor--yZP2v textarea .CodeMirror-lines {
    padding: var(--spacing-tight) 0
}

.codeEditor--yZP2v .react-codemirror2 .CodeMirror-line,
.codeEditor--yZP2v textarea .CodeMirror-line {
    padding: 0 var(--spacing-tight)
}

.codeEditor--yZP2v .react-codemirror2 .CodeMirror-hints,
.codeEditor--yZP2v textarea .CodeMirror-hints {
    z-index: 3000
}

.codeEditor--yZP2v .react-codemirror2 .CodeMirror-hint-tag,
.codeEditor--yZP2v textarea .CodeMirror-hint-tag {
    line-height: 1.4em;
    max-height: 3em;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.codeEditor--yZP2v .react-codemirror2 .CodeMirror-hint-name,
.codeEditor--yZP2v textarea .CodeMirror-hint-name {
    color: #b8860b;
    font-family: var(--font-mono);
    font-weight: 500
}

.codeEditor--yZP2v .react-codemirror2 .CodeMirror-hint-active .CodeMirror-hint-name,
.codeEditor--yZP2v textarea .CodeMirror-hint-active .CodeMirror-hint-name {
    color: #ffebcd
}

.codeEditor--yZP2v .react-codemirror2 .CodeMirror-hint-type,
.codeEditor--yZP2v textarea .CodeMirror-hint-type {
    color: #aaa;
    font-style: italic
}

.codeEditor--yZP2v .react-codemirror2 .CodeMirror-hint-active .CodeMirror-hint-type,
.codeEditor--yZP2v textarea .CodeMirror-hint-active .CodeMirror-hint-type {
    color: #ddd
}

.codeEditor--yZP2v .react-codemirror2 .CodeMirror-cursor,
.codeEditor--yZP2v textarea .CodeMirror-cursor {
    border-color: var(--color-neutral-content)
}

.codeEditor--yZP2v .react-codemirror2 .cm-attribute,
.codeEditor--yZP2v .react-codemirror2 .cm-keyword,
.codeEditor--yZP2v textarea .cm-attribute,
.codeEditor--yZP2v textarea .cm-keyword {
    color: var(--color-accent-blueberry-bold)
}

.codeEditor--yZP2v .react-codemirror2 .cm-def,
.codeEditor--yZP2v textarea .cm-def {
    color: var(--color-accent-grape-bold)
}

.codeEditor--yZP2v .react-codemirror2 .cm-builtin,
.codeEditor--yZP2v textarea .cm-builtin {
    color: var(--color-accent-canteloupe-bold)
}

.codeEditor--yZP2v .react-codemirror2 .cm-number,
.codeEditor--yZP2v textarea .cm-number {
    color: var(--color-accent-kiwi-bold)
}

.codeEditor--yZP2v .react-codemirror2 .cm-bracket,
.codeEditor--yZP2v .react-codemirror2 .cm-tag,
.codeEditor--yZP2v textarea .cm-bracket,
.codeEditor--yZP2v textarea .cm-tag {
    color: var(--color-accent-kale-bold)
}

.codeEditor--yZP2v .react-codemirror2 .cm-string,
.codeEditor--yZP2v textarea .cm-string {
    color: var(--color-accent-persimmon-bold)
}

.codeEditor--yZP2v .react-codemirror2 .cm-comment,
.codeEditor--yZP2v textarea .cm-comment {
    color: var(--color-accent-sand-bold)
}

.codeEditor--yZP2v .react-codemirror2 .CodeMirror-gutters,
.codeEditor--yZP2v textarea .CodeMirror-gutters {
    background-color: var(--color-neutral-surface-inset);
    border-right: 1px solid var(--color-neutral-border);
    color: var(--color-neutral-content-subtlest)
}

.CodeMirror-hints,
.border--tvfDa .CodeMirror {
    border: 1px solid var(--color-neutral-border)
}

.CodeMirror-hints {
    background-color: var(--color-neutral-background);
    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,
.CodeMirror-hints .CodeMirror-hint:hover {
    background: var(--color-primary-emphasis-subtle);
    color: var(--color-neutral-content)
}

.CodeMirror-hints .CodeMirror-hint-type {
    color: var(--color-neutral-content-subtle)
}

.CodeMirror-hints .CodeMirror-hint-description {
    color: var(--color-neutral-content-subtler)
}

.space--yrmsu {
    grid-gap: 16px;
    display: grid
}

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

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

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

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

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

.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
}

.body--iqKYi,
.spinner--T02EM {
    height: var(--spinner-size);
    width: var(--spinner-size)
}

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

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

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

.body--iqKYi>span:nth-child(2) {
    right: 0;
    top: 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% {
        height: 0;
        transform: translate(-50%, -50%) rotate(0deg);
        width: 0
    }

    45% {
        height: 0;
        transform: translate(-50%, -50%) rotate(90deg);
        width: 0
    }

    70% {
        height: var(--spinner-size);
        transform: translate(-50%, -50%) rotate(90deg);
        width: var(--spinner-size)
    }

    to {
        height: var(--spinner-size);
        transform: translate(-50%, -50%) rotate(90deg);
        width: var(--spinner-size)
    }
}

.sparkle--G0wxl {
    animation: sparkles-come-in-out--ZolLa 2s forwards, sparkles-spin--qETUO 2s ease-in-out;
    box-shadow: none
}

@keyframes sparkles-come-in-out--ZolLa {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    30% {
        opacity: 1;
        transform: scale(1)
    }

    70% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0)
    }
}

@keyframes sparkles-spin--qETUO {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(90deg)
    }
}

.sparkles-area-overlay--UqrCF {
    color: var(--color-accent-primary-base)
}

.popover--PYgym {
    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))) !important
}

.lsf-dropdown-ls {
    background-color: var(--color-neutral-background);
    border-radius: var(--corner-radius-smaller);
    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)));
    box-sizing: border-box;
    display: none;
    position: absolute;
    top: calc(100% + 1px);
    will-change: transform, opacity;
    z-index: 500
}

.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-duration: var(--menu-animation-duration);
    transition-property: opacity, transform;
    transition-timing-function: var(--menu-animation-curve)
}

.lsf-dropdown-ls.lsf-before-appear {
    display: flex;
    opacity: 0;
    transform: translate3d(0, var(--menu-animation-start), 0)
}

.lsf-dropdown-ls.lsf-appear {
    opacity: 1;
    transform: translateZ(0)
}

.lsf-dropdown-ls.lsf-visible {
    display: flex;
    opacity: 1
}

.lsf-dropdown-ls.lsf-before-disappear {
    display: flex;
    opacity: 1;
    transform: translateZ(0)
}

.lsf-dropdown-ls.lsf-disappear {
    opacity: 0;
    transform: translate3d(0, var(--menu-animation-start), 0)
}

.lsf-main-menu {
    background: var(--color-neutral-background);
    border-radius: 0;
    border-right: 1px solid var(--color-neutral-border);
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2px;
    list-style-type: none;
    margin: 0;
    max-width: 100%;
    padding: 8px;
    transition: background-color .4s ease-out
}

.lsf-main-menu__item {
    align-items: center;
    border-radius: var(--corner-radius-smaller);
    box-sizing: border-box;
    color: var(--color-neutral-content-subtler);
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    height: 40px;
    padding: 0 13px;
    text-decoration: none;
    transition: all .15s ease-out;
    white-space: nowrap
}

.lsf-main-menu__item-icon {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-right: 10px;
    -o-object-fit: contain;
    object-fit: contain;
    opacity: .5;
    width: 24px
}

.lsf-main-menu__item-beta {
    background-color: var(--color-accent-plum-base);
    border-radius: 12px;
    color: var(--color-accent-plum-subtlest);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    margin-left: 8px;
    padding: 2px 8px
}

.lsf-main-menu__item_look_danger {
    color: var(--color-negative-content)
}

.lsf-main-menu__item:not(.lsf-main-menu__item_active):hover,
.lsf-main-menu__item:not(.lsf-main-menu__item_look_danger):hover {
    background: var(--color-primary-emphasis-subtle);
    color: var(--color-neutral-content)
}

.lsf-main-menu__item_active {
    color: var(--color-neutral-content);
    font-weight: 500
}

.lsf-main-menu__item_active:not(.lsf-sidebar__pin) {
    background: var(--color-neutral-emphasis);
    pointer-events: none
}

.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 {
    background-color: var(--color-negative-emphasis-subtle) !important;
    color: var(--color-neutral-content) !important
}

.lsf-main-menu__spacer {
    flex: 1
}

.lsf-main-menu__divider {
    background-color: var(--color-neutral-border);
    height: 1px;
    margin: 8px 0;
    transition: background-color .15s 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 {
    font-size: 16px;
    height: 32px
}

.lsf-main-menu_size_small .lsf-main-menu__item {
    font-size: 14px;
    height: 24px;
    padding: 0 10px
}

.lsf-main-menu_collapsed {
    padding: .5rem
}

.lsf-main-menu_collapsed__item {
    border-radius: .25rem
}

.lsf-main-menu_contextual {
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(38, 38, 38, .3), 0 1px 3px 1px rgba(38, 38, 38, .15)
}

.lsf-main-menu_contextual .lsf-main-menu__item {
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: space-between;
    padding: 16px 8px
}

.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 {
    background-color: var(--color-negative-emphasis-subtle);
    color: var(--color-neutral-content)
}

.lsf-main-menu:first-child {
    padding-top: 8px
}

.lsf-main-menu:last-child {
    padding-bottom: 8px
}

.lsf-menu-group__title {
    color: var(--color-neutral-content-subtler);
    font-size: 14px;
    padding: 4px 10px
}

.lsf-menu-group__list {
    list-style-type: none;
    margin-left: 10px;
    padding: 0
}

.lsf-breadcrumbs {
    align-items: center;
    display: flex;
    height: 100%;
    margin-right: 20px
}

.lsf-breadcrumbs__label {
    align-items: center;
    display: flex;
    gap: 4px
}

.lsf-breadcrumbs__beta {
    background-color: var(--plum_500);
    border-radius: 12px;
    color: var(--plum_0);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    padding: 2px 8px
}

.lsf-breadcrumbs__list {
    list-style-type: none
}

.lsf-breadcrumbs__item,
.lsf-breadcrumbs__list {
    align-items: center;
    display: flex;
    height: 100%;
    margin: 0;
    padding: 0
}

.lsf-breadcrumbs__item {
    cursor: default;
    font-size: 16px;
    line-height: 22px;
    position: relative
}

.lsf-breadcrumbs__item:not(.lsf-breadcrumbs__item_last) {
    cursor: pointer
}

.lsf-breadcrumbs__item:not(.lsf-breadcrumbs__item_last)>a,
.lsf-breadcrumbs__item:not(.lsf-breadcrumbs__item_last)>span {
    color: var(--color-neutral-content-subtler)
}

.lsf-breadcrumbs__item:not(.lsf-breadcrumbs__item_last)>a:hover,
.lsf-breadcrumbs__item:not(.lsf-breadcrumbs__item_last)>span: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>a,
.lsf-breadcrumbs__item>span {
    color: var(--color-neutral-content);
    text-decoration: none
}

.lsf-breadcrumbs__item>a a,
.lsf-breadcrumbs__item>span a {
    color: var(--color-primary-content)
}

.lsf-breadcrumbs__item+.lsf-breadcrumbs__item {
    margin-left: 30px
}

.lsf-breadcrumbs__item+.lsf-breadcrumbs__item:before {
    color: var(--color-neutral-content-subtlest);
    content: "/";
    display: block;
    font-size: 18px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    right: 100%;
    text-align: center;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    width: 30px
}

.lsf-breadcrumbs__settings {
    display: block;
    height: 20px;
    margin-left: 10px;
    width: 20px
}

.lsf-breadcrumbs__settings img {
    display: block;
    opacity: .23
}

.lsf-card {
    background-color: var(--color-neutral-background);
    border: 1px solid var(--color-neutral-border);
    border-radius: 5px
}

.lsf-card__header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1);
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    justify-content: space-between;
    line-height: 18px;
    padding: 0 15px
}

.lsf-card__header,
.lsf-card__header-content {
    align-items: center;
    display: flex
}

.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));
    grid-column-gap: var(--column-gap, 10px);
    display: grid;
    grid-template-columns: repeat(var(--columns), var(--column-size))
}

.lsf-columns__title {
    color: var(--color-neutral-content);
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: .5rem;
    padding: 0 1rem 0 0
}

.lsf-hamburger {
    cursor: pointer;
    display: inline-block;
    height: 14px;
    position: relative;
    width: 18px
}

.lsf-hamburger span {
    background-color: var(--color-neutral-content);
    display: block;
    height: 2px;
    position: absolute;
    width: 100%
}

.lsf-hamburger span:first-child {
    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:first-child {
    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 {
    background: var(--color-primary-surface-content);
    border-radius: 5px;
    color: var(--primary_link);
    display: flex;
    margin: 8px 0;
    padding: 10px 0
}

.lsf-version-notifier a {
    display: flex
}

.lsf-version-notifier a:visited {
    color: var(--primary_link)
}

.lsf-version-notifier__icon {
    color: var(--primary_link);
    padding-top: 1px;
    width: 46px
}

.lsf-version-notifier__icon img {
    display: block;
    height: 20px;
    margin: 0 auto;
    width: 20px
}

.lsf-version-notifier__content {
    flex: 1;
    padding-right: 12px
}

.lsf-version-notifier__title {
    align-items: flex-end;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: space-between;
    line-height: 22px
}

.lsf-version-notifier__title:after {
    content: attr(data-date);
    font-size: 14px;
    line-height: 22px;
    opacity: .5
}

.lsf-version-notifier__description {
    font-size: 14px;
    line-height: 18px;
    opacity: .6;
    padding-top: 8px
}

.lsf-current-version {
    border-radius: 3px;
    box-sizing: border-box;
    color: var(--color-neutral-content-subtler);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0 13px;
    text-decoration: none;
    white-space: nowrap
}

.lsf-current-version:hover {
    color: var(--primary_link)
}

.lsf-menu-wrapper {
    font-size: 16px;
    max-width: 100%;
    min-height: 100vh;
    min-width: 100vw
}

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

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

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

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

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

.lsf-menu-header__trigger {
    align-items: center;
    border-right: 1px solid var(--color-neutral-border);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    max-width: 240px;
    min-width: 240px;
    padding: 0 20px;
    transition: all .15s 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 {
    align-items: center;
    align-self: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin: 0 20px;
    position: relative
}

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

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

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

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

.lsf-content-wrapper {
    background-color: var(--color-neutral-background);
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.lsf-content-wrapper__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    max-height: calc(100vh - var(--header-height));
    min-height: 100%;
    min-width: 100%
}

.lsf-content-wrapper__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    margin-left: 0;
    transition: background-color .4s ease-out;
    will-change: margin-left
}

.lsf-content-wrapper__content_withSidebar {
    margin-left: var(--menu-sidebar-width)
}

.lsf-sidebar {
    background: none;
    border-radius: 0;
    height: calc(100vh - var(--header-height));
    left: 0;
    overflow: auto;
    position: fixed;
    top: var(--header-height);
    transition: all .15s ease-out;
    width: var(--menu-sidebar-width);
    z-index: 100 !important
}

.lsf-sidebar .lsf-icon {
    transform: rotate(0deg);
    transition: transform .1s ease
}

.lsf-sidebar_floating {
    box-shadow: 0 0 0 9999px rgba(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,
.lsf-sidebar:not(.lsf-sidebar_floating).lsf-before-disappear {
    opacity: 1;
    transform: translateZ(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 {
    background: var(--color-neutral-background);
    border: 1px solid var(--color-neutral-border);
    border-radius: var(--corner-radius-small);
    width: 660px
}

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

.cardTitle--uAoyX {
    color: var(--color-neutral-content);
    font-size: var(--font-size-headline-medium, 28px);
    font-weight: var(--font-weight-medium, 500);
    letter-spacing: var(--letter-spacing-denser, -.15px);
    line-height: var(--line-height-headline-medium, 36px)
}

.cardDescription--vSQ0G,
.cardTitle--uAoyX {
    font-family: var(--font-family-headings, Figtree);
    font-style: normal
}

.cardDescription--vSQ0G {
    color: var(--color-neutral-content-subtler);
    font-size: var(--font-size-title-medium, 16px);
    letter-spacing: var(--letter-spacing-base, 0);
    line-height: var(--line-height-title-medium, 24px);
    padding-top: var(--spacing-tight)
}

.cardContent--tO_O8 {
    padding: var(--spacing-wide, 24px)
}

.accountSettings--ueKxh {
    display: flex;
    flex: 1;
    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;
    gap: var(--spacing-wide);
    justify-content: space-between
}

.flexRow--cXf3G {
    align-items: center;
    display: flex;
    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 {
    background-color: var(--color-negative-background);
    border: 1px solid var(--color-negative-border-subtlest);
    border-radius: 5px;
    color: var(--color-negative-content);
    padding: 7px 14px
}

.lsf-form-validation__group+.lsf-form-validation__group {
    margin-top: 5px
}

.lsf-form-validation__field {
    font-size: 14px;
    font-weight: 700
}

.lsf-form-validation__messages {
    margin-top: 3px
}

.lsf-form-validation__message {
    color: var(--color-neutral-content);
    font-size: 12px
}

.lsf-label-ls {
    color: var(--color-neutral-content);
    margin-bottom: 0
}

.lsf-label-ls__text {
    display: flex;
    font-size: 14px;
    line-height: 120%;
    margin-bottom: 0
}

.lsf-label-ls__description {
    color: var(--color-neutral-content-subtler);
    font-size: .875rem;
    font-weight: 400;
    line-height: 140%;
    white-space: pre-line
}

.lsf-label-ls__description a {
    color: var(--color-primary-content);
    text-decoration: underline
}

.lsf-label-ls__description a:hover {
    color: var(--color-primary-content-hover);
    text-decoration: none
}

.lsf-label-ls__field {
    line-height: 0
}

.lsf-label-ls__label {
    align-items: center;
    display: flex;
    white-space: pre-line
}

.lsf-label-ls_size_large .lsf-label-ls__text {
    font-size: .875rem;
    font-weight: 500
}

.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 {
    color: var(--sand_500);
    content: "Required";
    font-size: .825rem;
    margin-left: .325rem
}

.lsf-label-ls_large .lsf-label-ls__text {
    font-size: 1.25rem;
    font-weight: 500
}

.lsf-label-ls_placement_left,
.lsf-label-ls_placement_right {
    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_left .lsf-label-ls__text,
.lsf-label-ls_placement_right .lsf-label-ls__text {
    align-items: center;
    font-weight: 500;
    grid-area: label;
    height: auto;
    line-height: 22px;
    margin-bottom: 0
}

.lsf-label-ls_placement_left:not(.lsf-label-ls_withDescription) .lsf-label-ls__field,
.lsf-label-ls_placement_right:not(.lsf-label-ls_withDescription) .lsf-label-ls__field {
    align-items: center;
    display: flex;
    grid-area: field
}

.lsf-label-ls_placement_left .lsf-label-ls__description,
.lsf-label-ls_placement_right .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 {
    display: block;
    font-size: .875rem;
    font-weight: 500;
    margin-bottom: 4px
}

.lsf-counter {
    align-items: center;
    background: var(--color-neutral-surface);
    border: 1px solid var(--color-neutral-border);
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    min-width: 114px;
    transition: all .15s ease;
    width: 114px
}

.lsf-counter:active {
    border: 1px solid var(--color-neutral-border-bold)
}

.lsf-counter_disabled {
    background-color: var(--color-neutral-background);
    opacity: .6
}

.lsf-counter__btn {
    align-items: center;
    background: var(--color-neutral-background);
    border: none;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(var(--color-neutral-shadow-raw)/16%), 0 1px 2px rgba(var(--color-neutral-shadow-raw)/30%);
    color: var(--color-primary-icon);
    display: flex;
    justify-content: center;
    margin: 4px;
    min-height: 32px;
    min-width: 32px;
    outline: none;
    transition: all .15s ease
}

.lsf-counter__btn_disabled {
    background: var(--color-neutral-surface);
    box-shadow: none;
    color: var(--color-neutral-content-subtlest);
    pointer-events: none
}

.lsf-counter__btn:active,
.lsf-counter__btn:hover {
    background: var(--color-neutral-surface-hover);
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .15), 0 2px 4px 0 rgba(38, 38, 38, .3);
    box-shadow: 0 6px 12px rgba(var(--color-neutral-shadow-raw)/16%), 0 2px 4px rgba(var(--color-neutral-shadow-raw)/30%);
    color: var(--color-primary-content)
}

.lsf-counter__input {
    background: none;
    border: none;
    flex: 1;
    outline: none;
    padding: 0;
    text-align: center;
    width: 100%
}

.lsf-counter__input,
.lsf-input-ls,
.lsf-select-ls,
.lsf-textarea-ls {
    color: var(--color-neutral-content);
    font-size: 16px;
    line-height: 22px
}

.lsf-input-ls,
.lsf-select-ls,
.lsf-textarea-ls {
    --input-size: 40px;
    background: var(--color-neutral-background);
    border: 1px solid var(--color-neutral-border);
    border-radius: 5px;
    box-shadow: inset 0 1px 2px rgba(var(--color-neutral-shadow-raw)/8%);
    box-sizing: border-box;
    font-weight: 400;
    height: var(--input-size);
    min-height: var(--input-size);
    padding: 0 16px;
    transition: all .15s ease-out
}

.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 {
    background-color: transparent;
    border: none;
    outline: none;
    padding: 0
}

.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] {
    height: 16px;
    min-height: 0;
    width: 16px
}

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

.input--nwvua {
    flex: 1 1 0%;
    max-height: 40px
}

.textarea--ONGYE {
    flex: 1 1 0%;
    height: 6.25rem;
    overflow: hidden;
    resize: none;
    width: 100%
}

.label--dhjSm {
    margin-bottom: 8px
}

.label--dhjSm span {
    padding: var(--spacing-0)
}

.lsf-form {
    display: block;
    width: 100%
}

.lsf-form__row {
    grid-gap: var(--row-gap, 16px) 12px;
    display: grid;
    grid-template-columns: repeat(var(--column-count, 5), 1fr);
    justify-content: space-between;
    justify-items: stretch
}

.lsf-form__row:not(:first-child) {
    margin-top: 20px
}

.lsf-form__row__description {
    font-size: .875rem
}

.lsf-form__submit {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 32px
}

.lsf-form__submit+.lsf-inline-error {
    margin-top: 32px
}

.lsf-form__submit_size_small {
    margin-top: 16px
}

.lsf-form__info {
    align-items: center;
    color: var(--color-negative-content);
    display: flex;
    font-size: 14px;
    line-height: 22px
}

.lsf-form__info_valid {
    color: var(--color-neutral-content-subtler)
}

.lsf-form__column {
    align-items: flex-start;
    display: grid;
    grid-auto-flow: column
}

.lsf-counter,
.lsf-input-ls,
.lsf-select-ls__list,
.lsf-textarea-ls {
    color: var(--color-neutral-content);
    outline: 0;
    transition: all .1s ease-out
}

.lsf-counter:not(:-moz-read-only):focus,
.lsf-input-ls:not(:-moz-read-only):focus,
.lsf-select-ls__list:not(:-moz-read-only):focus,
.lsf-textarea-ls:not(:-moz-read-only):focus {
    border-color: var(--color-neutral-border-bolder);
    outline: 4px solid var(--color-primary-focus-outline)
}

.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-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-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,
.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 {
    border-color: var(--color-neutral-border-bolder);
    outline: 4px solid var(--color-primary-focus-outline)
}

.lsf-counter:focus-visible,
.lsf-input-ls:focus-visible,
.lsf-select-ls__list:focus-visible,
.lsf-textarea-ls:focus-visible {
    outline: none
}

.lsf-counter:-moz-read-only:focus,
.lsf-input-ls:-moz-read-only:focus,
.lsf-select-ls__list:-moz-read-only:focus,
.lsf-textarea-ls:-moz-read-only:focus {
    border-color: var(--border-color);
    box-shadow: none
}

.lsf-counter:read-only:focus,
.lsf-input-ls:read-only:focus,
.lsf-select-ls__list:read-only:focus,
.lsf-textarea-ls:read-only:focus {
    border-color: var(--border-color);
    box-shadow: none
}

.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)
}

.membershipInfo--AWfRN {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.divider--eqtFL {
    background: var(--color-neutral-border);
    display: block;
    height: 1px
}

.callout--CQ4xn {
    background: var(--color-warning-background, #fff6ef);
    border: 1px solid var(--color-warning-border-subtlest, #ffd3b1);
    border-radius: var(--corner-radius-small);
    flex-direction: column;
    padding: var(--spacing-base) var(--spacing-wide, 24px) var(--spacing-wide, 24px) var(--spacing-wide, 24px)
}

.callout--CQ4xn,
.header--j4P3w {
    display: flex;
    gap: var(--spacing-tight)
}

.header--j4P3w {
    align-items: center
}

.title--SCLcu {
    font-size: var(--font-size-title-medium, 16px);
    font-weight: var(--font-weight-medium, 500)
}

.content--S9yD5,
.title--SCLcu {
    color: var(--color-neutral-content)
}

.content--S9yD5 {
    padding-left: calc(24px + var(--spacing-tigth, 8px))
}

.variantWarning--jiKiP {
    background: var(--color-warning-border-subtlest, #fff6ef);
    border-color: var(--color-warning-border-subtlest, #ffd3b1);
    color: #e69559
}

.tokensList--cf81n {
    padding-bottom: var(--spacing-base, 1rem)
}

.label--RnJdm {
    margin-bottom: 8px
}

.label--RnJdm span {
    padding: 0
}

.token--pqN5B {
    align-items: center;
    grid-template-columns: minmax(0, 1fr) auto
}

.token--pqN5B,
.tokenWrapper--bkYtj {
    display: grid;
    gap: var(--spacing-base, 1rem)
}

.tokenWrapper--bkYtj {
    grid-template-columns: auto minmax(0, 1fr)
}

.tokenString--NADZr {
    flex: 1;
    opacity: .3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lsf-sidebar-menu {
    display: flex;
    flex: 1;
    max-height: calc(100vh - var(--header-height))
}

.lsf-sidebar-menu__navigation {
    display: flex;
    transition: border .4s ease-out;
    width: calc(var(--menu-sidebar-width))
}

.lsf-sidebar-menu__navigation .lsf-main-menu,
.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
}

.lsf-spinner-ls,
.lsf-spinner-ls__body {
    height: var(--spinner-size);
    width: var(--spinner-size)
}

.lsf-spinner-ls__body {
    background-color: var(--color-neutral-background-subtle);
    box-shadow: 0 0 0 calc(var(--spinner-size)*.0625) var(--persimmon_400) inset, 0 0 0 calc(var(--spinner-size)*.0625) var(--persimmon_400);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    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 {
    background-color: var(--spinner-color);
    border-radius: calc(var(--corner-size)*.16);
    height: var(--corner-size);
    position: absolute;
    width: var(--corner-size)
}

.lsf-spinner-ls__body>span:first-child {
    left: 0;
    top: 0;
    transform: translate(-50%, -50%)
}

.lsf-spinner-ls__body>span:nth-child(2) {
    right: 0;
    top: 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% {
        height: 0;
        transform: translate(-50%, -50%) rotate(0deg);
        width: 0
    }

    45% {
        height: 0;
        transform: translate(-50%, -50%) rotate(90deg);
        width: 0
    }

    70% {
        height: var(--spinner-size);
        transform: translate(-50%, -50%) rotate(90deg);
        width: var(--spinner-size)
    }

    to {
        height: var(--spinner-size);
        transform: translate(-50%, -50%) rotate(90deg);
        width: var(--spinner-size)
    }
}

.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%);
    background: var(--color-neutral-surface);
    border: 1px solid var(--color-neutral-border);
    border-radius: var(--corner-radius-small);
    display: flex;
    font-weight: 500;
    justify-content: stretch;
    list-style: none;
    margin: 0;
    padding: 4px
}

.lsf-toggle-items_big {
    font-size: 16px
}

.lsf-toggle-items_big .lsf-toggle-items__item {
    padding: 4px 20px
}

/* Hide the second item(`Import`) the toggle items list */
.lsf-modal__header > .lsf-toggle-items > .lsf-toggle-items__item:nth-child(2) {
  display: none !important;
}

.lsf-toggle-items__item {
    border-radius: 4px;
    color: var(--color-neutral-content-subtler);
    cursor: pointer;
    flex-grow: 1;
    padding: 2px 16px;
    text-align: center
}

.lsf-toggle-items__item_active {
    background: var(--color-neutral-surface-hover);
    box-shadow: var(--button-checked-shadow);
    color: var(--color-neutral-content)
}

.lsf-pagination-ls {
    --pagination-height: 40px;
    --button-color: var(--color-primary-content);
    align-items: center;
    display: inline-flex;
    height: var(--pagination-height)
}

.lsf-pagination-ls_disabled {
    --button-color: var(--color-neutral-content-subtlest);
    background-color: var(--color-neutral-surface);
    pointer-events: none
}

.lsf-pagination-ls__label {
    color: var(--color-neutral-content-subtler);
    font-size: 16px;
    line-height: 19px;
    padding-right: 16px
}

.lsf-pagination-ls__navigation {
    align-items: center;
    background: var(--color-neutral-background);
    border: 1px solid var(--color-neutral-border);
    border-radius: 5px;
    display: flex;
    height: 100%
}

.lsf-pagination-ls__navigation_waiting .lsf-pagination-ls__navigation {
    --button-background-image: var(--button-waiting-animation-bg);
    animation: lsf-button-waiting 1s linear infinite;
    pointer-events: none
}

.lsf-pagination-ls__divider {
    background-color: var(--color-neutral-border);
    height: 30px;
    width: 1px
}

.lsf-pagination-ls__btn {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 37px
}

.lsf-pagination-ls__btn_waiting .lsf-pagination-ls__btn {
    opacity: .5
}

.lsf-pagination-ls__btn_disabled {
    --button-color: var(--color-neutral-content-subtlest);
    pointer-events: none
}

.lsf-pagination-ls__btn_arrow-left,
.lsf-pagination-ls__btn_arrow-right {
    position: relative
}

.lsf-pagination-ls__btn_arrow-left:after,
.lsf-pagination-ls__btn_arrow-left:before,
.lsf-pagination-ls__btn_arrow-right:after,
.lsf-pagination-ls__btn_arrow-right:before {
    border: 2px solid var(--color-primary-icon);
    border-bottom: none;
    border-right: none;
    content: "";
    display: block;
    height: 9px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 9px
}

.lsf-pagination-ls__btn_arrow-left:after,
.lsf-pagination-ls__btn_arrow-right:after {
    display: none
}

.lsf-pagination-ls__btn_arrow-left:after,
.lsf-pagination-ls__btn_arrow-left:before {
    transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}

.lsf-pagination-ls__btn_arrow-right:after,
.lsf-pagination-ls__btn_arrow-right:before {
    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 {
    align-items: center;
    background: var(--color-neutral-surface);
    border: 1px solid var(--color-neutral-border);
    border-bottom: none;
    border-top: none;
    display: flex;
    height: var(--pagination-height);
    justify-content: center;
    margin: 1px 0;
    text-align: center;
    width: 100px
}

.lsf-pagination-ls__input_waiting .lsf-pagination-ls__input {
    opacity: .5
}

.lsf-pagination-ls__input input {
    background: none;
    border: none;
    font-size: 16px;
    font-weight: 500;
    height: calc(100% - 2px);
    line-height: 19px;
    margin: 1px 0;
    outline: none;
    padding: 0;
    text-align: center;
    width: 100%
}

.lsf-pagination-ls__page-indicator {
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.lsf-pagination-ls__page-indicator span {
    font-weight: 400;
    opacity: .4
}

.lsf-pagination-ls__page-size {
    box-sizing: content-box;
    min-width: 150px;
    padding-left: 16px
}

.lsf-pagination-ls__page-size .lsf-select__list {
    padding-right: 0
}

.lsf-heidy-tip__content {
    background: var(--color-neutral-surface);
    border: 1px solid var(--color-neutral-border);
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    box-sizing: border-box;
    font-size: 14px;
    padding: 1rem
}

.lsf-heidy-tip__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 8px;
    min-height: 24px;
    width: 100%
}

.lsf-heidy-tip__title {
    color: var(--color-neutral-content);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .15px;
    line-height: 24px
}

.lsf-heidy-tip__text {
    color: var(--color-neutral-content-subtler);
    letter-spacing: .25px;
    line-height: 20px
}

.lsf-heidy-tip__link {
    color: var(--color-primary-content);
    display: block;
    font-weight: 500
}

.lsf-heidy-tip__link:hover {
    color: var(--color-primary-content-hover);
    text-decoration: underline
}

.lsf-heidy-tip__link:before {
    content: " "
}

.lsf-heidy-tip__dismiss {
    align-items: center;
    border: none;
    box-shadow: none;
    display: flex;
    height: 24px;
    justify-content: center;
    padding: 0;
    width: 24px
}

.lsf-heidy-tip__dismiss svg {
    height: 14px;
    width: 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 {
    color: var(--color-neutral-border);
    margin-top: -12px;
    padding-left: 16px;
    pointer-events: none
}

.lsf-heidy-tip__heidi svg path.lsf-spike-stroke {
    color: red
}

.lsf-panel {
    display: none
}

.lsf-wizard {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    min-height: 0
}

.lsf-sidebar-menu__content>.lsf-wizard {
    height: calc(100% + 64px);
    margin: -32px -40px
}

.lsf-wizard>.lsf-configure {
    align-items: stretch;
    display: flex;
    flex: 1;
    min-height: 0
}

.lsf-wizard>.lsf-configure>* {
    flex: 50%
}

.lsf-wizard .lsf-configure__container {
    background-color: var(--color-neutral-background);
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    padding: 16px 11px 16px 20px
}

.lsf-wizard .lsf-configure__container::-webkit-scrollbar {
    width: 5px
}

.lsf-wizard .lsf-configure__container::-webkit-scrollbar-track {
    background: none
}

.lsf-templates-list {
    display: grid;
    grid-template: 1fr auto/224px auto;
    height: 100%
}

.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 {
    background: none;
    border: none;
    color: var(--grape_500);
    font-weight: 500;
    margin-top: 20px;
    padding-left: 8px;
    text-align: left;
    width: 100%
}

.lsf-templates-list__sidebar ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0
}

.lsf-templates-list__group {
    align-items: center;
    border-radius: 4px;
    color: var(--color-neutral-content-subtler);
    cursor: pointer;
    display: flex;
    font-weight: 500;
    line-height: 24px;
    margin: 0 0 4px;
    padding: 4px 8px;
    transition: all .15s 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 {
    background-color: var(--color-neutral-surface-active);
    color: var(--color-neutral-content);
    cursor: default
}

.lsf-templates-list__group svg {
    flex-shrink: 0;
    margin-left: auto;
    padding-left: 16px;
    width: 24px
}

.lsf-templates-list main {
    flex-grow: 1;
    height: 100%;
    overflow-y: auto;
    position: relative
}

.lsf-templates-list main ul {
    grid-gap: 16px;
    display: grid;
    flex-wrap: wrap;
    grid-auto-columns: 276px;
    grid-template-columns: repeat(auto-fill, 276px);
    margin: 16px 8px;
    padding: 0
}

.lsf-templates-list__template {
    border: 1px solid var(--color-neutral-border);
    border-radius: 4px;
    box-sizing: content-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    transition: all .3s ease-out;
    width: 276px
}

.lsf-templates-list__template:hover,
.lsf-templates-list__template_active {
    background: var(--color-neutral-surface-hover);
    border-color: var(--color-primary-border-bolder);
    box-shadow: 0 0 0 6px var(--color-primary-focus-outline)
}

.lsf-templates-list__template:hover {
    opacity: .9
}

.lsf-templates-list__template h3 {
    border-top: 1px solid var(--color-neutral-content);
    color: var(--color-neutral-content);
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    padding: 12px
}

.lsf-templates-list__template img {
    border-radius: 4px 4px 0 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.lsf-templates-list .lsf-modal__footer,
.lsf-templates-list footer {
    background: var(--color-neutral-surface-inset);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .05);
    color: var(--color-neutral-content-subtler);
    font-size: 14px;
    grid-column: 1/span 2;
    padding: 16px 32px;
    text-align: center
}

.lsf-templates-list .lsf-modal__footer a,
.lsf-templates-list footer a {
    color: var(--color-primary-content-hover);
    text-decoration: underline
}

.lsf-templates-list__info-icon {
    height: 20px;
    vertical-align: -5px
}

.lsf-wizard a.lsf-back {
    align-self: center;
    height: 30px;
    width: 220px
}

.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 {
    color: var(--color-neutral-content);
    display: flex;
    font-size: 1.75rem;
    width: 100%
}

.lsf-wizard h1 a[name=config] {
    background: var(--color-neutral-surface-inset);
    font-size: 1rem;
    font-weight: 400;
    margin-left: auto
}

.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 {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px
}

.lsf-configure__editor {
    display: flex;
    flex: 1;
    overflow-y: auto
}

.lsf-configure__editor::-webkit-scrollbar {
    background-color: var(--color-neutral-border-bolder);
    height: 6px;
    width: 6px
}

.lsf-configure__editor::-webkit-scrollbar-thumb {
    background-color: var(--color-neutral-surface)
}

.lsf-configure__tags-link {
    line-height: 21px;
    margin: -6px 0 0
}

.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 {
    display: flex;
    flex: 1;
    flex-direction: column
}

.lsf-wizard .lsf-configure__visual>* {
    border-top: 1px solid var(--color-neutral-border);
    color: var(--color-neutral-content);
    margin-bottom: 16px;
    padding-top: 16px
}

.lsf-wizard .lsf-configure__visual a {
    color: var(--color-primary-content)
}

.lsf-wizard .lsf-configure__visual a:hover {
    color: var(--color-primary-content-hover);
    text-decoration: underline
}

.lsf-wizard .lsf-configure__visual input,
.lsf-wizard .lsf-configure__visual select {
    background-color: inherit;
    border-color: var(--color-neutral-border);
    color: inherit;
    font: inherit;
    padding: 4px 8px
}

.lsf-wizard .lsf-configure__object h4 {
    color: var(--color-neutral-content);
    margin-bottom: 8px
}

.lsf-wizard .lsf-configure__object>p {
    color: var(--color-neutral-content-subtler);
    line-height: 32px
}

.lsf-wizard .lsf-configure__object>p.lsf-configure__object-error {
    color: var(--color-negative-content);
    line-height: 22px;
    margin-top: 8px
}

.lsf-wizard .lsf-configure__object input {
    margin-left: 8px
}

.lsf-wizard .lsf-configure__enable_manual_columns {
    border-bottom: 1px dashed var(--color-neutral-border);
    cursor: pointer;
    width: -moz-fit-content;
    width: fit-content
}

.lsf-wizard .lsf-configure__enable_manual_columns:hover {
    opacity: .8
}

.lsf-wizard .lsf-configure__labels {
    display: flex;
    max-height: 200px
}

.lsf-wizard .lsf-configure__add-labels {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column
}

.lsf-wizard .lsf-configure__add-labels span {
    color: var(--color-neutral-content-subtler)
}

.lsf-wizard .lsf-configure__add-labels textarea {
    background: var(--color-neutral-surface);
    border-color: var(--color-neutral-border);
    color: var(--color-neutral-content);
    flex-grow: 1;
    font: inherit;
    margin: 8px 0
}

.lsf-wizard .lsf-configure__visual h4 {
    color: var(--color-neutral-content);
    font-weight: 500;
    margin: 0
}

.lsf-wizard .lsf-configure__current-labels {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-right: 8px;
    overflow-x: hidden
}

.lsf-wizard .lsf-configure__current-labels h3 {
    color: var(--color-neutral-content);
    font-size: 16px;
    margin: 0 32px 7px
}

.lsf-wizard .lsf-configure__labels ul {
    align-items: stretch;
    display: flex;
    flex: 1;
    flex-direction: column;
    list-style: none;
    margin: 0;
    min-width: 140px;
    overflow-y: scroll;
    padding: 0 2em
}

.lsf-wizard .lsf-configure__labels ul::-webkit-scrollbar {
    background-color: var(--color-neutral-border-bolder);
    height: 6px;
    width: 6px
}

.lsf-wizard .lsf-configure__labels ul::-webkit-scrollbar-thumb {
    background-color: var(--color-neutral-surface)
}

.lsf-wizard .lsf-configure__labels ul .lsf-configure__label {
    align-items: stretch;
    display: flex;
    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 {
    cursor: pointer;
    width: 0
}

.lsf-wizard .lsf-configure__labels ul .lsf-configure__label label:before {
    background: inherit;
    border-radius: 0 4px 4px 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: .2;
    position: absolute;
    right: 0;
    width: 100%
}

.lsf-wizard .lsf-configure__labels ul .lsf-configure__label label:after {
    background: inherit;
    border-radius: 3px 0 0 3px;
    content: "";
    height: 100%;
    left: -4px;
    position: absolute;
    transition: all .1s;
    width: 4px;
    will-change: width, left
}

.lsf-wizard .lsf-configure__labels ul .lsf-configure__label .lsf-configure__label-color {
    border: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    width: 1px
}

.lsf-wizard .lsf-configure__labels ul .lsf-configure__label span {
    color: var(--color-neutral-content);
    overflow-x: hidden;
    padding: 0 8px;
    word-break: break-word
}

.lsf-wizard .lsf-configure__labels ul .lsf-configure__label .lsf-configure__delete-label {
    background: none;
    border: 0;
    border-radius: 0 4px 4px 0;
    color: var(--color-negative-icon);
    cursor: pointer;
    font-size: 12px;
    height: 100%;
    left: 100%;
    min-width: 0;
    opacity: .8;
    padding: 2px 6px;
    position: absolute;
    top: 0;
    transition: all .15s 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 {
    left: -12px;
    width: 12px
}

.lsf-wizard ul.lsf-configure__settings,
.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 {
    color: var(--color-neutral-content-subtler);
    cursor: pointer
}

.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 {
    border: 1px solid var(--color-neutral-border);
    border-radius: 4px;
    font: inherit;
    line-height: 1.2em;
    padding: 4px 8px
}

.lsf-wizard .lsf-configure__preview {
    background-color: var(--color-neutral-surface);
    border-left: 1px solid var(--color-neutral-border);
    color: var(--color-neutral-content);
    display: flex;
    flex-direction: column;
    flex-grow: 10;
    min-width: 500px;
    overflow-y: auto;
    padding: 16px 16px 0
}

.lsf-wizard .lsf-configure__preview::-webkit-scrollbar {
    background-color: var(--color-neutral-border-bolder);
    height: 6px;
    width: 6px
}

.lsf-wizard .lsf-configure__preview::-webkit-scrollbar-thumb {
    background-color: var(--color-neutral-surface)
}

.lsf-wizard .lsf-configure__preview h3 {
    color: var(--color-neutral-content);
    font-size: 16px;
    margin: 8px 0 16px
}

.lsf-wizard .lsf-configure__preview iframe {
    display: block;
    height: 100%;
    width: 100%
}

.lsf-wizard .lsf-configure__preview-ui {
    flex: 1;
    min-height: 0
}

.lsf-wizard .lsf-configure__preview-error {
    background-color: var(--color-negative-background);
    border: 1px solid var(--color-negative-border);
    border-radius: 3px;
    color: var(--color-negative-content);
    margin-bottom: 16px;
    padding: 10px 15px;
    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 {
    background: var(--color-neutral-background);
    border: 1px solid var(--color-primary-border);
    color: var(--color-primary-content);
    transition: all .15s ease-out
}

input.lsf-configure__add:hover {
    background: var(--color-primary-emphasis-subtle);
    color: var(--color-neutral-content)
}

.lsf-create-project {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
    overflow-y: auto
}

.lsf-create-project>.lsf-modal__header {
    border-bottom: 1px solid var(--color-neutral-border)
}

.lsf-create-project>.lsf-modal__header h1 {
    color: var(--color-neutral-content);
    font-size: 20px;
    margin-bottom: 0;
    margin-right: auto;
    margin-top: 0;
    width: 224px
}

.lsf-create-project>.lsf-modal__header button {
    line-height: 1em;
    min-width: 100px
}

.lsf-create-project>.lsf-modal__header .lsf-toggle-items {
    box-sizing: border-box;
    margin-right: auto;
    width: 500px
}

.lsf-create-project__tab_disabled {
    align-items: center;
    display: flex;
    justify-content: center
}

.lsf-create-project__tab_disabled:before {
    background: var(--color-negative-background);
    border-radius: 4px;
    content: "";
    display: block;
    height: 8px;
    margin-right: 6px;
    width: 8px
}

.lsf-create-project form.lsf-project-name {
    margin: 32px auto;
    width: 500px
}

.lsf-create-project form.lsf-project-name>:not(:first-child) {
    margin-top: 32px
}

.lsf-create-project form.lsf-project-name label {
    align-items: center;
    display: inline-flex
}

.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);
    border-radius: var(--corner-radius-smaller);
    box-shadow: inset 0 1px 2px rgba(var(--color-neutral-shadow-raw)/12%);
    color: var(--color-neutral-content);
    transition: all .15s 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);
    box-shadow: 0 0 0 4px var(--color-primary-focus-outline);
    outline: none
}

.lsf-create-project .lsf-project-name .lsf-caption {
    display: block;
    margin-bottom: 32px
}

.lsf-input-dm,
.lsf-textarea-dm {
    background: var(--color-neutral-background);
    border: 1px solid var(--color-neutral-border);
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 14px;
    padding: 0 16px;
    transition: box-shadow 80ms ease;
    width: 100%
}

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

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

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

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

.lsf-input-dm:focus,
.lsf-textarea-dm:focus {
    border-color: var(--color-primary-border);
    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%);
    outline: none
}

.lsf-upload_page {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0
}

.lsf-upload_page__error {
    background: var(--color-negative-background);
    border: 1px solid var(--color-negative-border);
    border-radius: var(--corner-radius-small);
    color: var(--color-negative-content);
    display: flex;
    gap: var(--spacing-tight);
    margin: 0 var(--spacing-wider) var(--spacing-wide);
    padding: var(--spacing-base)
}

.lsf-upload_page button {
    line-height: 1em
}

.lsf-upload_page>header {
    align-items: center;
    background: var(--color-neutral-background);
    display: flex;
    font-size: 14px;
    padding: 24px 32px
}

.lsf-upload_page>header.lsf-overlay {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1)
}

.lsf-upload_page__url-form {
    display: flex
}

.lsf-upload_page__url-form input {
    background: var(--color-neutral-background);
    border: 1px solid var(--color-neutral-border);
    border-radius: 5px 0 0 5px;
    box-shadow: inset 0 1px 2px rgba(var(--color-neutral-shadow-raw)/12%);
    color: var(--color-neutral-content);
    line-height: 1em;
    transition: all .15s ease-out;
    width: 320px
}

.lsf-upload_page__url-form input:focus,
.lsf-upload_page__url-form input:focus-visible {
    border-color: var(--color-neutral-border-bolder);
    box-shadow: 0 0 0 4px var(--color-primary-focus-outline);
    outline: none
}

.lsf-upload_page__url-form button {
    background: var(--color-primary-surface);
    border-radius: 0 5px 5px 0;
    color: var(--color-primary-surface-content);
    cursor: pointer;
    margin-left: -1px;
    transition: all .15s 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 {
    font-weight: 500;
    margin-left: auto
}

.lsf-upload_page>main {
    background: linear-gradient(var(--color-neutral-background) 30%, hsla(0, 0%, 100%, 0)), linear-gradient(rgba(0, 0, 0, .1), var(--color-neutral-background) 100%);
    background-attachment: local, scroll;
    background-color: var(--color-neutral-background);
    background-repeat: no-repeat;
    background-size: 100% 20px, 100% 5px;
    flex: 1;
    overflow-y: auto
}

.lsf-upload_page table td {
    padding: 8px 32px 8px 0
}

.lsf-upload_page__file-status {
    background: var(--color-positive-surface);
    border: 1px solid var(--color-positive-surface);
    border-radius: 4px;
    display: block;
    height: 6px;
    width: 160px
}

.lsf-upload_page__file-status_uploading {
    animation: lsf-status-uploading 1s linear infinite;
    background-color: var(--color-primary-surface);
    background-image: repeating-linear-gradient(-63.43deg, hsla(0, 0%, 100%, .2) 1px, #efefef 2px, #efefef 6px, hsla(0, 0%, 100%, .2) 7px, hsla(0, 0%, 100%, .2) 12px);
    background-position: 40px;
    background-repeat: repeat;
    background-size: 37px 100%;
    border: 1px solid var(--color-primary-border-subtle)
}

.lsf-upload_page__spinner {
    background: hsla(0, 0%, 100%, .5);
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.lsf-upload_page__upload-button {
    align-items: center;
    background: var(--color-primary-background);
    border: 1px solid var(--color-primary-border);
    border-radius: 4px;
    color: var(--color-primary-content);
    cursor: pointer;
    display: flex;
    padding: 8px;
    transition: all .15s 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 {
    height: 20px;
    vertical-align: -5px
}

.lsf-upload_page__csv-handling {
    margin: 0 auto
}

.lsf-upload_page__csv-handling_hidden {
    display: none
}

.lsf-upload_page__csv-handling_highlighted {
    background: var(--color-neutral-background);
    border-radius: 8px;
    padding: 4px 8px;
    position: relative;
    z-index: 12
}

.lsf-upload_page__csv-handling label {
    cursor: pointer;
    margin-left: 8px
}

.lsf-upload_page__csv-splash {
    background: var(--color-neutral-surface);
    border-radius: 5px;
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 10
}

.lsf-dropzone {
    display: flex;
    margin: 0;
    min-height: 100%;
    padding: 0 32px 32px;
    position: relative
}

.lsf-dropzone a {
    color: var(--color-primary-content)
}

.lsf-dropzone a:hover {
    text-decoration: underline
}

.lsf-dropzone:before {
    align-items: center;
    border: 2px dashed transparent;
    border-radius: var(--corner-radius-small);
    color: var(--color-neutral-content);
    content: "";
    display: flex;
    flex-direction: column;
    font-size: 28px;
    font-weight: 500;
    inset: 16px 48px 48px;
    justify-content: center;
    line-height: 32px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    transition: all .3s ease-out
}

.lsf-dropzone_hovered:before {
    background: var(--color-primary-emphasis);
    border: 2px dashed var(--color-primary-border-subtle);
    box-shadow: inset 2px 2px 24px 0 rgba(var(--color-primary-shadow-raw)/10%), inset 2px 2px 8px 0 rgba(var(--color-primary-shadow-raw)/15%);
    content: "Drop file(s) to upload";
    font-size: 32px;
    inset: 0 32px 32px;
    position: absolute
}

.lsf-dropzone__icon {
    color: var(--color-primary-icon)
}

.lsf-dropzone label,
.lsf-dropzone__content {
    display: flex;
    justify-content: center
}

.lsf-dropzone__content {
    align-items: center;
    background: var(--color-primary-background);
    border: 1px solid var(--color-primary-border-subtler);
    border-radius: var(--corner-radius-small);
    color: var(--color-neutral-content-subtle);
    cursor: pointer;
    flex-direction: column;
    padding: var(--spacing-base);
    transition: all .15s ease-out
}

.lsf-dropzone__content>:not(:first-child) {
    margin-top: 32px
}

.lsf-dropzone__content header {
    color: var(--color-neutral-content);
    font-size: 24px;
    line-height: 32px;
    text-align: center
}

.lsf-dropzone__content dl {
    display: grid;
    font-size: 14px;
    gap: 0 30px;
    grid-template: auto/auto auto;
    line-height: 24px
}

.lsf-dropzone__content dl dt {
    color: var(--color-neutral-content)
}

.lsf-dropzone__content dl dd {
    font-weight: 400
}

.lsf-dropzone__content dl dd:last-of-type,
.lsf-dropzone__content dl dt:last-of-type {
    margin-top: 20px
}

.lsf-dropzone__content:hover {
    border-color: var(--color-primary-border)
}

.lsf-loading {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 50vh;
    justify-content: center;
    max-height: 300px
}

#lsf-import-tasks .lsf-loading h4,
#lsf-import-tasks .lsf-loading p {
    margin-bottom: 24px
}

.lsf-import-footer {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: center
}

@keyframes lsf-reveal {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#lsf-import-tasks .lsf-loading p {
    animation: lsf-reveal .3s 3s 1 both
}

.lsf-loading.lsf-splash {
    background: var(--theme-bg);
    opacity: .5;
    position: absolute;
    width: 100%;
    z-index: 1
}

@keyframes lsf-status-uploading {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 37px 0
    }
}

.lsf-caption {
    font-size: .875rem;
    margin: 8px 0
}

.lsf-caption a {
    color: var(--color-primary-content);
    text-decoration: underline
}

.lsf-caption a:before {
    content: " "
}

.lsf-caption a:hover {
    color: var(--color-primary-content-hover);
    text-decoration: none
}

.lsf-export-page__finish {
    width: 135px
}

.lsf-export-page__recent {
    display: grid;
    grid-auto-flow: rows
}

.lsf-export-page__footer {
    background-color: var(--color-neutral-surface-active);
    border-top: 1px solid var(--color-neutral-border);
    bottom: -40px;
    margin: 0 -40px -32px;
    padding: 24px 32px;
    position: sticky
}

.lsf-formats {
    color: var(--color-neutral-content-subtler);
    font-size: 16px;
    padding-bottom: var(--spacing-base)
}

.lsf-formats__list {
    display: flex;
    flex-flow: row wrap;
    gap: var(--spacing-tight);
    margin: 10px -7px
}

.lsf-formats a {
    color: var(--color-primary-content);
    text-decoration: underline
}

.lsf-formats__item {
    border: 1px solid transparent;
    border-radius: 4px;
    color: var(--color-neutral-content);
    padding: 10px 9px 10px 38px;
    pointer-events: none;
    position: relative;
    transition: all .15s ease-out;
    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: .3
}

.lsf-formats__item:after,
.lsf-formats__item:before {
    border-radius: 100%;
    content: "";
    display: block;
    height: 18px;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 18px
}

.lsf-formats__item:before {
    box-shadow: 0 0 0 .5px var(--color-neutral-content-subtler)
}

.lsf-formats__item_selected {
    background-color: var(--color-primary-emphasis);
    border: 1px solid var(--color-primary-border-subtler);
    pointer-events: none
}

.lsf-formats__item_selected:after {
    background-color: var(--color-primary-content);
    height: 14px;
    left: 12px;
    width: 14px
}

.lsf-formats__item_selected:before {
    box-shadow: 0 0 0 .5px var(--color-neutral-content)
}

.lsf-formats__name {
    display: flex;
    font-weight: 500;
    justify-content: space-between
}

.lsf-formats__tag {
    background-color: var(--color-primary-background);
    border-radius: 2px;
    color: var(--color-primary-content);
    font-size: 12px;
    font-weight: 400;
    padding: 2px 5px
}

.lsf-formats__description {
    color: var(--color-neutral-content-subtle);
    font-size: 14px;
    opacity: .7
}

.lsf-datamanager {
    height: calc(100vh - var(--header-height));
    position: relative;
    z-index: 1
}

.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 {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    width: 42rem
}

.lsf-webhook-wrap h1 {
    margin-bottom: .5rem
}

.lsf-webhook-wrap__content {
    flex: 1;
    margin: 2rem;
    width: 42rem
}

.lsf-webhook-wrap__footer {
    background: var(--color-primary-background);
    border: 1px solid var(--color-primary-border-subtlest);
    border-radius: var(--corner-radius-small);
    box-sizing: content-box !important;
    display: flex;
    flex: none;
    height: 88px;
    margin-left: -2px;
    padding-top: 24px;
    width: 100%
}

.lsf-webhook-wrap__footer-text {
    color: var(--color-neutral-content-subtle);
    font-size: .875rem;
    width: 42rem
}

.lsf-webhook-wrap__footer-text p {
    margin: 0 0 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 {
    color: var(--color-neutral-content);
    font-weight: 500;
    margin-bottom: 24px
}

.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 {
    align-items: center;
    border: 1px solid var(--color-neutral-border);
    border-radius: .5rem;
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    padding: .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 {
    align-items: center;
    display: flex
}

.lsf-webhook-list__item-url {
    cursor: pointer;
    font-weight: 500;
    margin-left: .5rem;
    max-width: 370px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lsf-webhook-list__item-date {
    color: var(--color-neutral-content-subtler);
    font-size: .875rem;
    margin-top: .25rem
}

.lsf-webhook-list__item-control {
    display: none
}

.lsf-webhook-list__item-control button+button {
    margin-left: .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);
    border-radius: .5rem;
    margin-bottom: 1rem;
    padding: 1rem
}

.lsf-webhook-detail__headers-add {
    border: none;
    height: 32px;
    margin-right: 7px;
    padding: 0 !important;
    width: 32px
}

.lsf-webhook-detail__headers-add span {
    color: var(--grape_500) !important
}

.lsf-webhook-detail__headers-row {
    grid-template-columns: 1fr 1fr 40px;
    margin: .5rem 0
}

.lsf-webhook-detail__headers-remove {
    border: none;
    height: 32px;
    padding: 0 !important;
    width: 32px
}

.lsf-webhook-detail__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 32px
}

.lsf-webhook-payload {
    border: 1px solid var(--color-neutral-border);
    border-radius: .5rem;
    margin-bottom: 1rem;
    padding: 1rem
}

.lsf-webhook-payload__content-row {
    margin: .5rem 0
}

.lsf-radio-group-ls {
    --radius: 8px;
    --padding: 4px;
    --font-size: 16px;
    --button-padding: 0 10px;
    --button-checked-shadow: 0 1px 0 rgba(0, 0, 0, .1), 0 0 0 1px rgb(0 0 0/2%), 0 5px 10px rgba(0, 0, 0, .15);
    background: var(--color-neutral-surface);
    border: 1px solid var(--color-neutral-border);
    border-radius: var(--radius);
    box-sizing: border-box;
    padding: var(--padding)
}

.lsf-radio-group-ls__buttons {
    display: grid;
    gap: 2px;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    height: calc(var(--height) - var(--padding)*2)
}

.lsf-radio-group-ls_horizontal .lsf-radio-group-ls__buttons {
    align-items: center;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    grid-auto-columns: min-content;
    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 {
    background: var(--color-neutral-background);
    border: 1px solid var(--color-neutral-border);
    border-radius: 100%;
    box-shadow: inset 0 0 0 8px var(--color-neutral-background);
    content: "";
    cursor: pointer;
    display: inline-block;
    height: 1.4em;
    margin-right: .25rem;
    position: relative;
    text-align: center;
    top: -10px;
    transition: all .3s ease-out;
    vertical-align: top;
    width: 1.4em
}

.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 {
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    font-size: var(--font-size);
    font-weight: 500;
    height: calc(var(--height) - var(--padding)*2);
    justify-content: center;
    opacity: .6;
    padding: var(--button-padding);
    position: relative;
    text-align: center;
    transition: all .15s 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 {
    background-color: var(--color-neutral-surface-hover);
    box-shadow: var(--button-checked-shadow);
    opacity: 1
}

.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 {
    cursor: not-allowed;
    opacity: .3
}

.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: .5rem !important
}

.lsf-radio-group-ls__input {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.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 rgba(0, 0, 0, .1), 0 0 0 1px rgb(0 0 0/2%), 0 2px 4px rgba(0, 0, 0, .15)
}

.lsf-radio-group-ls_simple {
    --height: auto;
    all: unset;
    display: block
}

.lsf-simple-settings {
    width: 42rem
}

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

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

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

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

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

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

.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;
    line-height: normal;
    margin-bottom: 8px
}

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

.lsf-settings-caption {
    color: var(--color-neutral-content-subtler);
    font-weight: 400
}

.lsf-settings-caption,
.lsf-settings-caption a {
    font-size: 12px;
    font-style: normal;
    letter-spacing: .4px;
    line-height: 16px
}

.lsf-settings-caption a {
    color: var(--color-primary-surface-content);
    font-weight: 500
}

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

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

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

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

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

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

.lsf-disabled-field__title {
    align-items: center;
    font-size: 16px
}

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

.lsf-disabled-field__description {
    color: var(--color-neutral-content-subtle);
    font-size: 14px;
    margin-top: 5px
}

.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: .75rem
}

.lsf-description_size_medium {
    font-size: .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 {
    align-items: center;
    background: var(--color-primary-background);
    border: 1px solid var(--color-primary-border-subtlest);
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 40rem;
    padding: 2rem
}

.lsf-empty-state-default__icon {
    background: var(--color-primary-emphasis);
    border-radius: 2rem;
    display: flex;
    margin-bottom: .75rem;
    padding: .5rem
}

.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 {
    color: var(--color-primary-content);
    font-size: 1.75rem;
    font-weight: 500;
    margin-bottom: 1rem;
    text-align: center
}

.lsf-empty-state-default__description {
    color: var(--color-neutral-content-subtle);
    font-size: 1rem;
    line-height: 1.5em;
    margin-bottom: 1rem;
    text-align: center
}

.lsf-empty-state-default__footer {
    color: var(--color-neutral-content);
    font-size: .75rem;
    line-height: 1.5em;
    text-align: center
}

.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 {
    background: var(--color-neutral-surface);
    border: 1px solid var(--color-neutral-border);
    border-radius: var(--corner-radius-small);
    padding: 15px
}

.lsf-backend-card__title-container {
    display: flex;
    gap: 5px;
    justify-content: space-between
}

.lsf-backend-card__title {
    color: var(--color-neutral-content);
    font-weight: 500;
    margin-left: 2px;
    margin-top: 15px
}

.lsf-backend-card__meta {
    color: var(--color-neutral-content-subtler);
    display: flex;
    flex-flow: row wrap;
    gap: 20px;
    justify-content: space-between;
    margin-left: 2px;
    margin-top: 5px
}

.lsf-backend-card__group {
    align-items: center;
    display: flex
}

.lsf-backend-card__menu {
    align-items: top
}

.lsf-test-request h4 {
    font-weight: 700;
    margin-bottom: 2px
}

.lsf-test-request__blocks {
    display: flex;
    justify-content: space-between
}

.lsf-test-request__left {
    flex: 1
}

.lsf-test-request__right {
    flex: 1;
    margin-left: 20px
}

.lsf-test-request__code {
    background: var(--color-neutral-surface);
    border: 1px solid var(--color-neutral-border);
    border-radius: 4px;
    color: var(--color-neutral-content);
    max-height: 400px;
    overflow-y: scroll;
    padding: 10px
}

.lsf-test-request__code pre {
    word-wrap: break-word;
    white-space: pre-wrap
}

.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__status {
    border: 1px solid var(--color-neutral-border);
    border-radius: 10px;
    color: var(--sand_500);
    font-size: 12px;
    max-width: 100px;
    padding: 3px 6px
}

.lsf-prediction-card {
    background: var(--color-neutral-surface);
    border: 1px solid var(--color-neutral-border);
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    width: 100%
}

.lsf-prediction-card__meta {
    color: var(--color-neutral-content-subtler);
    display: flex;
    flex-flow: row wrap;
    gap: 20px;
    margin-top: 7px
}

.lsf-prediction-card__group,
.lsf-prediction-card__header {
    align-items: center;
    display: flex
}

.lsf-prediction-card__header {
    border: 1px solid vare(--color-neutral-border);
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    justify-content: space-between;
    line-height: 18px;
    padding: 0 15px
}

.lsf-prediction-card__title {
    color: var(--color-neutral-content);
    font-weight: 500
}

.lsf-prediction-card__title-content {
    align-items: center;
    display: flex
}

.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 {
    align-items: center;
    background: var(--color-neutral-background);
    border: 1px solid var(--color-neutral-border);
    border-radius: 8px;
    color: var(--color-negative-content);
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-bottom: 20px;
    padding: 10px 20px
}

.lsf-prediction-settings__title-block {
    margin: 0 0 20px
}

.lsf-prediction-settings__title {
    color: var(--color-neutral-content);
    font-weight: 500
}

.lsf-ml {
    grid-gap: 16px;
    align-items: flex-start;
    display: grid;
    grid-auto-rows: max-content;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 32px
}

.lsf-ml__info {
    justify-content: flex-end
}

.lsf-ml__info,
.lsf-ml__status {
    align-items: center;
    display: flex
}

.lsf-ml__status {
    color: var(--color-neutral-content);
    margin-right: 10px
}

.lsf-ml__summary {
    margin-bottom: 16px
}

.lsf-ml__indicator {
    background-color: var(--indicator-color);
    border-radius: 100%;
    display: block;
    height: 8px;
    margin-right: 8px;
    width: 8px
}

.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_PR,
.lsf-ml__indicator_state_TR {
    --indicator-color: var(--color-primary-surface);
    position: relative
}

.lsf-ml__indicator_state_PR:before,
.lsf-ml__indicator_state_TR:before {
    animation: lsf-state-pulse 2s ease infinite;
    background-color: var(--indicator-color);
    border-radius: 100%;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: .5;
    top: 0;
    width: 100%
}

@keyframes lsf-state-pulse {
    0% {
        transform: scale(1)
    }

    50% {
        opacity: 0;
        transform: scale(3)
    }

    to {
        opacity: 0;
        transform: scale(3)
    }
}

.lsf-dl {
    grid-row-gap: 12px;
    color: var(--color-neutral-content-subtler);
    display: grid;
    font-size: 16px;
    grid-template-columns: 40% 60%;
    line-height: 22px;
    margin: 0
}

.lsf-dl__dt {
    font-weight: 500;
    min-width: 300px
}

.lsf-dl__dd {
    margin: 0
}

.lsf-help-icon {
    display: inline;
    opacity: .5;
    position: relative;
    top: 1px;
    vertical-align: baseline
}

.lsf-storage-settings {
    max-width: 680px
}

.lsf-storage-settings__description {
    font-size: 16px;
    margin-bottom: 32px;
    opacity: .6
}

.lsf-storage-settings__controls {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px
}

.lsf-storage-settings__empty {
    align-items: center;
    border-radius: 5px;
    color: var(--color-neutral-content-subtler);
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 500;
    height: 100px;
    justify-content: center
}

.lsf-storage-settings__submit {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 32px
}

.lsf-storage-settings__submit+.lsf-inline-error {
    margin-top: 32px
}

.lsf-storage-settings__info {
    align-items: center;
    color: var(--color-negative-content);
    display: flex;
    font-size: 14px;
    line-height: 22px
}

.lsf-storage-settings__info_valid {
    color: var(--color-neutral-content-subtler)
}

.lsf-storage-settings__sync {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin-top: 16px
}

.lsf-storage-settings__sync-count {
    font-size: 14px;
    line-height: 18px;
    margin-top: 14px;
    opacity: .7
}

.lsf-projects-page,
.lsf-projects-page__loading {
    min-height: calc(100vh - var(--header-height))
}

.lsf-projects-page__loading {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.lsf-projects-page__list {
    grid-gap: 32px;
    box-sizing: border-box;
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(4, 1fr);
    padding: 40px
}

.lsf-projects-page__link {
    display: block;
    display: flex;
    text-decoration: none
}

.lsf-projects-page__link,
.lsf-projects-page__link:hover {
    color: var(--color-neutral-content)
}

.lsf-projects-page__pages {
    background: var(--color-neutral-background);
    border-top: 1px solid var(--color-neutral-border);
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    padding: 10px 40px;
    position: sticky;
    width: 100%
}

@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 {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

.lsf-empty-projects-page__heidi {
    height: 12rem;
    margin-top: 6rem
}

.lsf-empty-projects-page__header {
    color: var(--color-neutral-content);
    font-size: 32px;
    font-weight: 700;
    margin: 16px
}

.lsf-empty-projects-page p {
    color: var(--color-neutral-content-subtle);
    font-size: 1.25rem;
    margin: 0
}

.lsf-empty-projects-page__action {
    margin: 2rem 0
}

.lsf-project-card {
    background: var(--color-neutral-background);
    border: 1px solid var(--color-neutral-border);
    border-radius: .5rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .05);
    color: var(--color-neutral-content-subtle);
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
    transition: all .15s ease-out
}

.lsf-project-card:hover {
    background-color: var(--color-neutral-surface);
    border-color: var(--color-primary-border-subtle)
}

.lsf-project-card__header {
    border-bottom: 1px solid var(--color-neutral-border);
    padding: 12px 16px;
    transition: all .15s ease-out
}

.lsf-project-card__menu {
    margin-left: auto
}

.lsf-project-card__menu .lsf-button-ls {
    --button-color: var(--text-color);
    margin-right: -10px;
    opacity: .5
}

.lsf-project-card__menu .lsf-button-ls__icon {
    height: 18px;
    width: 18px
}

.lsf-project-card__title {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: .25rem
}

.lsf-project-card__title-text {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.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 {
    grid-gap: 16px;
    display: grid;
    grid-auto-columns: max-content;
    grid-auto-flow: column
}

.lsf-project-card__detail-item {
    --icon-color: var(--color-neutral-background);
    align-items: center;
    display: flex
}

.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 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: var(--color-neutral-content-subtle);
    display: -webkit-box;
    flex: 1;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    padding: 12px 16px 0;
    text-overflow: ellipsis;
    word-break: break-word
}

.lsf-project-card__info {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 16px 16px 10px
}

.lsf-project-card__created-date {
    color: var(--color-neutral-content-subtler);
    font-size: .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);
    box-shadow: none;
    color: var(--color-project-header-content)
}

.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 {
    display: flex;
    flex-direction: column;
    height: 100%
}

.lsf-people-list {
    font-size: 16px;
    min-width: 650px;
    width: 100%
}

.lsf-people-list__wrapper {
    background: var(--color-neutral-background);
    border: 1px solid var(--color-neutral-border);
    border-radius: 4px
}

.lsf-people-list__loading {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 250px;
    width: 100%
}

.lsf-people-list__users {
    border-collapse: collapse;
    text-align: left;
    width: 100%
}

.lsf-people-list__header {
    display: flex;
    font-weight: 500
}

.lsf-people-list__column,
.lsf-people-list__field {
    align-items: center;
    border: none;
    color: var(--color-neutral-content);
    display: flex;
    height: 48px;
    padding: 0 10px;
    position: relative;
    z-index: 2
}

.lsf-people-list__column.lsf-avatar,
.lsf-people-list__field.lsf-avatar {
    box-sizing: content-box;
    width: 28px
}

.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 {
    background: none;
    font-weight: 500
}

.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 {
    background-color: var(--color-primary-surface);
    position: relative
}

.lsf-people-list__user_active:after,
.lsf-people-list__user_active:before {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0
}

.lsf-people-list__user_active:after {
    background-color: var(--color-neutral-surface);
    box-shadow: inset 4px 0 0 var(--grape_500), 1px 0 0 1px var(--color-neutral-border) inset;
    width: calc(100% + 22px);
    z-index: 1
}

.lsf-people-list__user_active:before {
    height: 100%;
    width: calc(100% + 22px);
    z-index: 0
}

.lsf-people__controls {
    padding: 0 0 1rem
}

.lsf-people__content {
    grid-gap: 20px;
    align-items: flex-start;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: min-content
}

.lsf-people .lsf-heidy-tip {
    max-width: 450px
}

.lsf-user-info {
    align-self: start;
    background: var(--color-neutral-surface);
    border: 1px solid var(--color-neutral-border);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 20px 24px;
    position: relative
}

.lsf-user-info__close {
    --button-color: var(--color-primary-content);
    border: none;
    height: 32px;
    position: absolute;
    right: 24px;
    top: 20px;
    width: 32px
}

.lsf-user-info__close:hover {
    background-color: var(--color-primary-emphasis-subtle);
    color: var(--color-primary-content)
}

.lsf-user-info__header {
    align-items: center;
    color: var(--color-neutral-content);
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    grid-template: auto/64px auto;
    line-height: 1.5;
    margin-bottom: 16px
}

.lsf-user-info__email {
    margin: 0
}

.lsf-user-info__full-name {
    color: var(--color-neutral-content);
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.2;
    margin: 0
}

.lsf-user-info__section+.lsf-user-info__section {
    margin-top: 16px
}

.lsf-user-info__section-title {
    color: var(--color-neutral-content);
    font-weight: 500;
    margin-bottom: 8px;
    margin-top: 1em
}

.lsf-user-info__last-active {
    color: var(--color-neutral-content-subtler);
    margin-bottom: 0;
    margin-top: 32px
}

.lsf-user-info__links-list {
    display: flex;
    flex-direction: column
}

.lsf-user-info__project-link {
    align-items: center;
    border-radius: 4px;
    color: var(--color-primary-content);
    display: flex;
    font-size: 16px;
    height: 36px;
    margin-left: -10px;
    padding: 0 10px
}

.lsf-user-info__project-link:hover {
    background-color: var(--color-primary-emphasis-subtle)
}

.lsf-empty-models-list {
    align-items: center;
    display: flex;
    height: calc(100vh - var(--header-height));
    justify-content: center;
    width: 100%
}

.lsf-empty-models-list__content {
    align-items: center;
    background: var(--color-neutral-emphasis-subtle);
    border: 1px dashed var(--color-neutral-border);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    padding: 32px;
    width: 596px
}

.lsf-empty-models-list__heidi {
    color: var(--color-neutral-background-bold);
    width: 193px
}

.lsf-empty-models-list__heidi svg {
    height: 100%;
    width: 100%
}

.lsf-empty-models-list__title {
    color: var(--surface-on, #262626);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-align: center
}

.lsf-empty-models-list__caption {
    color: var(--surface-on-dim, #666);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 24px;
    text-align: center
}

: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: #f9f8f6;
    --color-sand-200: #f0efeb;
    --color-sand-300: #e1ded5;
    --color-sand-400: #cac5b8;
    --color-sand-500: #a49f95;
    --color-sand-600: #6b6860;
    --color-sand-700: #45433e;
    --color-sand-800: #262522;
    --color-sand-850: #1e1d1a;
    --color-sand-900: #12110d;
    --color-sand-950: #0d0c09;
    --color-sand-000: #fdfdfc;
    --color-grape-100: #d4dbfb;
    --color-grape-200: #b6c3f8;
    --color-grape-300: #99abf5;
    --color-grape-400: #6d87f1;
    --color-grape-500: #617ada;
    --color-grape-600: #576cc1;
    --color-grape-700: #4c5fa9;
    --color-grape-800: #37447a;
    --color-grape-900: #2b3660;
    --color-grape-950: #111626;
    --color-grape-000: #f0f3fe;
    --color-blueberry-100: #d4e7fb;
    --color-blueberry-200: #b6d6f8;
    --color-blueberry-300: #99c5f5;
    --color-blueberry-400: #539eee;
    --color-blueberry-500: #3287e2;
    --color-blueberry-600: #2b78ca;
    --color-blueberry-700: #2b69ab;
    --color-blueberry-800: #25507e;
    --color-blueberry-900: #1c3c5f;
    --color-blueberry-950: #0b1826;
    --color-blueberry-000: #f0f7fe;
    --color-kale-100: #d4f1eb;
    --color-kale-200: #abe4da;
    --color-kale-300: #7acec1;
    --color-kale-400: #57b7ab;
    --color-kale-500: #34988d;
    --color-kale-600: #287a72;
    --color-kale-700: #22625d;
    --color-kale-800: #204f4d;
    --color-kale-900: #1f4240;
    --color-kale-950: #122625;
    --color-kale-000: #f4f9f9;
    --color-kiwi-100: #def1d4;
    --color-kiwi-200: #bfe4ab;
    --color-kiwi-300: #97ce7a;
    --color-kiwi-400: #78b757;
    --color-kiwi-500: #579834;
    --color-kiwi-600: #457a28;
    --color-kiwi-700: #386222;
    --color-kiwi-800: #304f20;
    --color-kiwi-900: #2b421f;
    --color-kiwi-950: #192612;
    --color-kiwi-000: #f6f9f4;
    --color-mango-100: #ffeed0;
    --color-mango-200: #ffe2b1;
    --color-mango-300: #ffd182;
    --color-mango-400: #faba4c;
    --color-mango-500: #f4aa2a;
    --color-mango-600: #eb9c14;
    --color-mango-700: #cc8e24;
    --color-mango-800: #a07222;
    --color-mango-900: #624718;
    --color-mango-950: #261c0a;
    --color-mango-000: #fff9ef;
    --color-canteloupe-100: #ffe4d0;
    --color-canteloupe-200: #ffd3b1;
    --color-canteloupe-300: #ffb882;
    --color-canteloupe-400: #ffa663;
    --color-canteloupe-500: #e69559;
    --color-canteloupe-600: #cc854f;
    --color-canteloupe-700: #b37445;
    --color-canteloupe-800: #99643a;
    --color-canteloupe-900: #664228;
    --color-canteloupe-950: #331c14;
    --color-canteloupe-000: #fff6ef;
    --color-persimmon-100: #ffd6cd;
    --color-persimmon-200: #ffbaaa;
    --color-persimmon-300: #ff9f89;
    --color-persimmon-400: #ff7557;
    --color-persimmon-500: #e6694e;
    --color-persimmon-600: #cc5e46;
    --color-persimmon-700: #b3523d;
    --color-persimmon-800: #994634;
    --color-persimmon-900: #803b2c;
    --color-persimmon-950: #26120d;
    --color-persimmon-000: #fff1ee;
    --color-plum-100: #f7d6f2;
    --color-plum-200: #f1bde9;
    --color-plum-300: #e995dc;
    --color-plum-400: #e37bd3;
    --color-plum-500: #cc6fbe;
    --color-plum-600: #b662a9;
    --color-plum-700: #9f5694;
    --color-plum-800: #884a80;
    --color-plum-900: #723e6a;
    --color-plum-950: #261524;
    --color-plum-000: #fbf2fc;
    --color-fig-100: #e9d6f7;
    --color-fig-200: #dabdf1;
    --color-fig-300: #c595e9;
    --color-fig-400: #ac79d2;
    --color-fig-500: #9f6cc6;
    --color-fig-600: #9262b6;
    --color-fig-700: #7f569f;
    --color-fig-800: #6d4a88;
    --color-fig-900: #5b3e72;
    --color-fig-950: #1f1526;
    --color-fig-000: #f8f2fc;
    --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-display: swap;
    font-family: Figtree;
    font-style: normal;
    font-weight: 400;
    src: url(/static/fonts/Figtree-Regular.ttf) format("truetype")
}

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

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;
    --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;
    background: var(--color-neutral-background);
    color: var(--color-neutral-content);
    font-family: var(--font-sans) !important;
    margin: 0;
    scrollbar-color: var(--color-neutral-border-bold) var(--color-neutral-background)
}

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

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

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

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

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

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

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

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

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

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

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

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


/* ——— Hide the “Import” panes/buttons ——— */
/* project-creation Data Import step */
[data-cy="data-import-pane"] { display: none !important; }
/* in-project Data Manager Import button */
button[data-test="import-button"], button[data-cy="add-url-button"] {
  display: none !important;
}


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