.backtestControlToggle {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    min-height: 24px;
    padding: 3px 10px;
    border: 1px solid var(--theme-color-surface-border);
    border-radius: 12px;
    background: var(--theme-color-surface-vignette-subtle);
    color: var(--theme-color-surface-text-subtler);
    font: inherit;
}
.backtestControlToggle::before {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--theme-color-surface-text-light);
    content: "";
}
.backtestControlToggle.isOn {
    background: var(--theme-color-control-background);
    color: var(--theme-color-control-text);
}
.backtestControlToggle.isOn::before {
    background: var(--theme-color-control-text);
}
.backtestControlToggle:not(:disabled):hover,
.backtestControlToggle:not(:disabled):focus-visible {
    border-color: var(--theme-color-surface-control);
    box-shadow: inset 0 0 0 1px var(--theme-color-surface-control);
}
.backtestControlToggle:disabled {
    cursor: not-allowed;
}
.backtestControlToggle:disabled::before,
.backtestControlToggle:disabled .controlToggleContent {
    opacity: 0.45;
}