diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
index 2643e1e3b..03cb1629e 100644
--- a/.github/ISSUE_TEMPLATE/config.yml
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -1,4 +1,4 @@
contact_links:
- - name: Discord
- url: https://discord.gg/vE2dNkfAmF
- about: 💬 Community space for questions, announcements, discussions and general talk!
+ - name: Twitter
+ url: https://marvin.ws/twitter
+ about: 💬 For questions, feedback and support, you can contact me directly via Twitter!
diff --git a/.gitignore b/.gitignore
index e4354651e..dc83dde71 100644
--- a/.gitignore
+++ b/.gitignore
@@ -15,7 +15,7 @@
vendor/
# This is where we test stuff
-/experimenting/
+/experimenting/*
/.history
/.vscode
diff --git a/README.md b/README.md
index f05f2d935..4ac3f28e7 100644
--- a/README.md
+++ b/README.md
@@ -99,10 +99,10 @@ go get github.com/pterm/pterm
| :-------: | :-------: | :-------: | :-------: | :-------: |
| Area
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/area) |Barchart
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/barchart) |Basictext
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/basictext) |Bigtext
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/bigtext) |Box
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/box) |
| Bulletlist
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/bulletlist) |Center
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/center) |Coloring
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/coloring) |Demo
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/demo) |Header
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/header) |
-| Interactive confirm
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_confirm) |Interactive continue
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_continue) |Interactive multiselect
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_multiselect) |Interactive select
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_select) |Interactive textinput
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_textinput) |
-| Logger
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/logger) |Multiple-live-printers
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/multiple-live-printers) |Panel
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/panel) |Paragraph
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/paragraph) |Prefix
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/prefix) |
-| Progressbar
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/progressbar) |Section
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/section) |Slog
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/slog) |Spinner
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/spinner) |Style
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/style) |
-| Table
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/table) |Theme
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/theme) |Tree
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/tree) | | |
+| Heatmap
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/heatmap) |Interactive confirm
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_confirm) |Interactive continue
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_continue) |Interactive multiselect
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_multiselect) |Interactive select
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_select) |
+| Interactive textinput
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_textinput) |Logger
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/logger) |Multiple-live-printers
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/multiple-live-printers) |Panel
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/panel) |Paragraph
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/paragraph) |
+| Prefix
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/prefix) |Progressbar
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/progressbar) |Section
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/section) |Slog
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/slog) |Spinner
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/spinner) |
+| Style
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/style) |Table
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/table) |Theme
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/theme) |Tree
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/tree) | |
@@ -1648,6 +1648,241 @@ func main() {
+### heatmap/custom_colors
+
+
+
+
+
+SHOW SOURCE
+
+```go
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has no rgb (supported by every terminal), no axis data and a legend.")
+ pterm.Println()
+
+ table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithLegend(false).WithColors(pterm.BgBlue, pterm.BgRed, pterm.BgGreen, pterm.BgYellow).WithLegend()
+ table.Render()
+}
+
+```
+
+
+
+### heatmap/custom_legend
+
+
+
+
+
+SHOW SOURCE
+
+```go
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a custom legend.")
+ pterm.Println()
+
+ table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithLegendLabel("custom").WithLegendOnlyColoredCells()
+ table.Render()
+}
+
+```
+
+
+
+### heatmap/custom_rgb
+
+
+
+
+
+SHOW SOURCE
+
+```go
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a legend.")
+ pterm.Println()
+
+ table2 := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithRGBRange(pterm.NewRGB(0, 0, 255), pterm.NewRGB(255, 0, 0), pterm.NewRGB(0, 255, 0), pterm.NewRGB(255, 255, 0))
+ table2.Render()
+}
+
+```
+
+
+
+### heatmap/demo
+
+
+
+
+
+SHOW SOURCE
+
+```go
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ table := pterm.DefaultHeatmap.WithAxisData(headerData).WithData(data).WithEnableRGB()
+ table.Render()
+}
+
+```
+
+
+
+### heatmap/no_grid
+
+
+
+
+
+SHOW SOURCE
+
+```go
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a legend.")
+ pterm.Println()
+
+ table2 := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithLegend().WithGrid(false)
+ table2.Render()
+}
+
+```
+
+
+
+### heatmap/separated
+
+
+
+
+
+SHOW SOURCE
+
+```go
+package main
+
+import "github.com/pterm/pterm"
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has no rgb (supported by every terminal), no axis data and no legend.")
+ pterm.Println()
+
+ table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithLegend(false)
+ table.Render()
+}
+
+```
+
+
+
### interactive_confirm/demo

diff --git a/_examples/README.md b/_examples/README.md
index 731c1599a..e9398e72c 100644
--- a/_examples/README.md
+++ b/_examples/README.md
@@ -1516,6 +1516,241 @@ func main() {
+### heatmap/custom_colors
+
+
+
+
+
+SHOW SOURCE
+
+```go
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has no rgb (supported by every terminal), no axis data and a legend.")
+ pterm.Println()
+
+ table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithLegend(false).WithColors(pterm.BgBlue, pterm.BgRed, pterm.BgGreen, pterm.BgYellow).WithLegend()
+ table.Render()
+}
+
+```
+
+
+
+### heatmap/custom_legend
+
+
+
+
+
+SHOW SOURCE
+
+```go
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a custom legend.")
+ pterm.Println()
+
+ table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithLegendLabel("custom").WithLegendOnlyColoredCells()
+ table.Render()
+}
+
+```
+
+
+
+### heatmap/custom_rgb
+
+
+
+
+
+SHOW SOURCE
+
+```go
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a legend.")
+ pterm.Println()
+
+ table2 := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithRGBRange(pterm.NewRGB(0, 0, 255), pterm.NewRGB(255, 0, 0), pterm.NewRGB(0, 255, 0), pterm.NewRGB(255, 255, 0))
+ table2.Render()
+}
+
+```
+
+
+
+### heatmap/demo
+
+
+
+
+
+SHOW SOURCE
+
+```go
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ table := pterm.DefaultHeatmap.WithAxisData(headerData).WithData(data).WithEnableRGB()
+ table.Render()
+}
+
+```
+
+
+
+### heatmap/no_grid
+
+
+
+
+
+SHOW SOURCE
+
+```go
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a legend.")
+ pterm.Println()
+
+ table2 := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithLegend().WithGrid(false)
+ table2.Render()
+}
+
+```
+
+
+
+### heatmap/separated
+
+
+
+
+
+SHOW SOURCE
+
+```go
+package main
+
+import "github.com/pterm/pterm"
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has no rgb (supported by every terminal), no axis data and no legend.")
+ pterm.Println()
+
+ table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithLegend(false)
+ table.Render()
+}
+
+```
+
+
+
### interactive_confirm/demo

diff --git a/_examples/area/center/animation.svg b/_examples/area/center/animation.svg
index dc328a84b..b9f4af8ec 100644
--- a/_examples/area/center/animation.svg
+++ b/_examples/area/center/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:9.204485s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}2%{transform:translateX(-80px)}2.1%{transform:translateX(-160px)}2.2%{transform:translateX(-240px)}2.2%{transform:translateX(-320px)}2.2%{transform:translateX(-400px)}2.2%{transform:translateX(-480px)}2.2%{transform:translateX(-560px)}2.2%{transform:translateX(-640px)}2.2%{transform:translateX(-720px)}2.2%{transform:translateX(-800px)}2.2%{transform:translateX(-880px)}2.2%{transform:translateX(-960px)}2.2%{transform:translateX(-1040px)}13.1%{transform:translateX(-1120px)}13.1%{transform:translateX(-1200px)}23.9%{transform:translateX(-1280px)}23.9%{transform:translateX(-1360px)}23.9%{transform:translateX(-1440px)}23.9%{transform:translateX(-1520px)}23.9%{transform:translateX(-1600px)}34.8%{transform:translateX(-1680px)}34.8%{transform:translateX(-1760px)}34.8%{transform:translateX(-1840px)}34.8%{transform:translateX(-1920px)}34.8%{transform:translateX(-2000px)}34.8%{transform:translateX(-2080px)}45.7%{transform:translateX(-2160px)}100%{transform:translateX(-2240px)}}Currentcount:0Areascanupdatetheircontentdynamically!Currentcount:1Currentcount:2Currentcount:3Currentcount:4
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:9.273077s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}2.8%{transform:translateX(-80px)}3.8%{transform:translateX(-160px)}13.7%{transform:translateX(-240px)}13.7%{transform:translateX(-320px)}24.5%{transform:translateX(-400px)}35.3%{transform:translateX(-480px)}35.3%{transform:translateX(-560px)}46.1%{transform:translateX(-640px)}100%{transform:translateX(-720px)}}Currentcount:0Areascanupdatetheircontentdynamically!Currentcount:2Currentcount:4Currentcount:1Currentcount:3Restartinganimation...
\ No newline at end of file
diff --git a/_examples/area/default/animation.svg b/_examples/area/default/animation.svg
index 3a862b255..a5879229f 100644
--- a/_examples/area/default/animation.svg
+++ b/_examples/area/default/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:9.193387s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}2%{transform:translateX(-80px)}2.7%{transform:translateX(-160px)}13%{transform:translateX(-240px)}23.9%{transform:translateX(-320px)}34.7%{transform:translateX(-400px)}45.6%{transform:translateX(-480px)}100%{transform:translateX(-560px)}}Areascanupdatetheircontentdynamically!Currentcount:4Currentcount:0Currentcount:1Currentcount:2Currentcount:3Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:9.296622s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}3%{transform:translateX(-80px)}3.2%{transform:translateX(-160px)}13.9%{transform:translateX(-240px)}24.7%{transform:translateX(-320px)}24.7%{transform:translateX(-400px)}35.4%{transform:translateX(-480px)}35.5%{transform:translateX(-560px)}46.2%{transform:translateX(-640px)}46.2%{transform:translateX(-720px)}46.2%{transform:translateX(-800px)}100%{transform:translateX(-880px)}}Areascanupdatetheircontentdynamically!Currentcount:1Currentcount:2Currentcount:3Currentcount:4Currentcount:0Restartinganimation...
\ No newline at end of file
diff --git a/_examples/area/demo/animation.svg b/_examples/area/demo/animation.svg
index 1e2c95d8c..3c1fdb48c 100644
--- a/_examples/area/demo/animation.svg
+++ b/_examples/area/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:rgb(160,160,160);white-space:pre}.j{fill:transparent}.l{animation-duration:14.26714s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}1.3%{transform:translateX(-80px)}1.7%{transform:translateX(-160px)}1.7%{transform:translateX(-240px)}1.7%{transform:translateX(-320px)}1.7%{transform:translateX(-400px)}1.7%{transform:translateX(-480px)}1.7%{transform:translateX(-560px)}1.7%{transform:translateX(-640px)}1.7%{transform:translateX(-720px)}1.7%{transform:translateX(-800px)}1.7%{transform:translateX(-880px)}1.7%{transform:translateX(-960px)}1.7%{transform:translateX(-1040px)}1.7%{transform:translateX(-1120px)}1.7%{transform:translateX(-1200px)}1.7%{transform:translateX(-1280px)}1.7%{transform:translateX(-1360px)}1.7%{transform:translateX(-1440px)}8.8%{transform:translateX(-1520px)}8.8%{transform:translateX(-1600px)}8.8%{transform:translateX(-1680px)}15.8%{transform:translateX(-1760px)}15.8%{transform:translateX(-1840px)}15.8%{transform:translateX(-1920px)}15.8%{transform:translateX(-2000px)}15.8%{transform:translateX(-2080px)}15.8%{transform:translateX(-2160px)}22.8%{transform:translateX(-2240px)}22.8%{transform:translateX(-2320px)}22.8%{transform:translateX(-2400px)}22.8%{transform:translateX(-2480px)}22.8%{transform:translateX(-2560px)}29.8%{transform:translateX(-2640px)}29.8%{transform:translateX(-2720px)}29.8%{transform:translateX(-2800px)}29.8%{transform:translateX(-2880px)}29.8%{transform:translateX(-2960px)}36.9%{transform:translateX(-3040px)}36.9%{transform:translateX(-3120px)}36.9%{transform:translateX(-3200px)}36.9%{transform:translateX(-3280px)}43.9%{transform:translateX(-3360px)}43.9%{transform:translateX(-3440px)}43.9%{transform:translateX(-3520px)}43.9%{transform:translateX(-3600px)}43.9%{transform:translateX(-3680px)}43.9%{transform:translateX(-3760px)}43.9%{transform:translateX(-3840px)}43.9%{transform:translateX(-3920px)}50.9%{transform:translateX(-4000px)}50.9%{transform:translateX(-4080px)}50.9%{transform:translateX(-4160px)}50.9%{transform:translateX(-4240px)}50.9%{transform:translateX(-4320px)}50.9%{transform:translateX(-4400px)}50.9%{transform:translateX(-4480px)}57.9%{transform:translateX(-4560px)}57.9%{transform:translateX(-4640px)}64.9%{transform:translateX(-4720px)}64.9%{transform:translateX(-4800px)}64.9%{transform:translateX(-4880px)}64.9%{transform:translateX(-4960px)}64.9%{transform:translateX(-5040px)}64.9%{transform:translateX(-5120px)}64.9%{transform:translateX(-5200px)}64.9%{transform:translateX(-5280px)}64.9%{transform:translateX(-5360px)}64.9%{transform:translateX(-5440px)}64.9%{transform:translateX(-5520px)}64.9%{transform:translateX(-5600px)}64.9%{transform:translateX(-5680px)}64.9%{transform:translateX(-5760px)}64.9%{transform:translateX(-5840px)}64.9%{transform:translateX(-5920px)}64.9%{transform:translateX(-6000px)}64.9%{transform:translateX(-6080px)}64.9%{transform:translateX(-6160px)}64.9%{transform:translateX(-6240px)}65%{transform:translateX(-6320px)}65%{transform:translateX(-6400px)}65%{transform:translateX(-6480px)}65%{transform:translateX(-6560px)}65%{transform:translateX(-6640px)}65%{transform:translateX(-6720px)}65%{transform:translateX(-6800px)}100%{transform:translateX(-6880px)}} INFO Theprevioustextwillstayinplace,whiletheareaupdates.██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:rgb(160,160,160);white-space:pre}.j{fill:transparent}.l{animation-duration:14.241291s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}1.3%{transform:translateX(-80px)}1.5%{transform:translateX(-160px)}1.7%{transform:translateX(-240px)}1.7%{transform:translateX(-320px)}8.6%{transform:translateX(-400px)}8.6%{transform:translateX(-480px)}8.6%{transform:translateX(-560px)}15.6%{transform:translateX(-640px)}15.6%{transform:translateX(-720px)}22.7%{transform:translateX(-800px)}22.7%{transform:translateX(-880px)}29.7%{transform:translateX(-960px)}29.7%{transform:translateX(-1040px)}29.7%{transform:translateX(-1120px)}36.7%{transform:translateX(-1200px)}36.7%{transform:translateX(-1280px)}43.8%{transform:translateX(-1360px)}43.8%{transform:translateX(-1440px)}50.8%{transform:translateX(-1520px)}50.8%{transform:translateX(-1600px)}50.8%{transform:translateX(-1680px)}57.8%{transform:translateX(-1760px)}57.8%{transform:translateX(-1840px)}57.8%{transform:translateX(-1920px)}57.8%{transform:translateX(-2000px)}64.9%{transform:translateX(-2080px)}64.9%{transform:translateX(-2160px)}64.9%{transform:translateX(-2240px)}64.9%{transform:translateX(-2320px)}64.9%{transform:translateX(-2400px)}64.9%{transform:translateX(-2480px)}64.9%{transform:translateX(-2560px)}64.9%{transform:translateX(-2640px)}64.9%{transform:translateX(-2720px)}64.9%{transform:translateX(-2800px)}64.9%{transform:translateX(-2880px)}64.9%{transform:translateX(-2960px)}64.9%{transform:translateX(-3040px)}64.9%{transform:translateX(-3120px)}64.9%{transform:translateX(-3200px)}64.9%{transform:translateX(-3280px)}64.9%{transform:translateX(-3360px)}64.9%{transform:translateX(-3440px)}64.9%{transform:translateX(-3520px)}64.9%{transform:translateX(-3600px)}64.9%{transform:translateX(-3680px)}64.9%{transform:translateX(-3760px)}64.9%{transform:translateX(-3840px)}64.9%{transform:translateX(-3920px)}64.9%{transform:translateX(-4000px)}64.9%{transform:translateX(-4080px)}64.9%{transform:translateX(-4160px)}100%{transform:translateX(-4240px)}} INFO Theprevioustextwillstayinplace,whiletheareaupdates.██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████Restartinganimation...
\ No newline at end of file
diff --git a/_examples/area/dynamic-chart/animation.svg b/_examples/area/dynamic-chart/animation.svg
index a093d20ed..d9326caf5 100644
--- a/_examples/area/dynamic-chart/animation.svg
+++ b/_examples/area/dynamic-chart/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(0,198,255);white-space:pre}.g{fill:rgb(126,231,233);white-space:pre}.h{fill:transparent}.j{animation-duration:9.970391s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}.k{fill:rgb(160,160,160);white-space:pre}@keyframes i{0%{transform:translateX(-0px)}2.1%{transform:translateX(-80px)}2.7%{transform:translateX(-160px)}2.9%{transform:translateX(-240px)}3.3%{transform:translateX(-320px)}3.3%{transform:translateX(-400px)}3.4%{transform:translateX(-480px)}3.4%{transform:translateX(-560px)}3.4%{transform:translateX(-640px)}3.4%{transform:translateX(-720px)}3.4%{transform:translateX(-800px)}3.4%{transform:translateX(-880px)}3.4%{transform:translateX(-960px)}3.5%{transform:translateX(-1040px)}3.5%{transform:translateX(-1120px)}3.5%{transform:translateX(-1200px)}3.5%{transform:translateX(-1280px)}3.5%{transform:translateX(-1360px)}3.5%{transform:translateX(-1440px)}3.5%{transform:translateX(-1520px)}3.5%{transform:translateX(-1600px)}3.5%{transform:translateX(-1680px)}3.5%{transform:translateX(-1760px)}3.5%{transform:translateX(-1840px)}3.5%{transform:translateX(-1920px)}3.5%{transform:translateX(-2000px)}3.5%{transform:translateX(-2080px)}3.5%{transform:translateX(-2160px)}3.5%{transform:translateX(-2240px)}3.5%{transform:translateX(-2320px)}3.5%{transform:translateX(-2400px)}3.5%{transform:translateX(-2480px)}3.5%{transform:translateX(-2560px)}3.5%{transform:translateX(-2640px)}3.5%{transform:translateX(-2720px)}3.5%{transform:translateX(-2800px)}3.5%{transform:translateX(-2880px)}3.5%{transform:translateX(-2960px)}3.5%{transform:translateX(-3040px)}3.5%{transform:translateX(-3120px)}3.5%{transform:translateX(-3200px)}3.5%{transform:translateX(-3280px)}3.5%{transform:translateX(-3360px)}3.5%{transform:translateX(-3440px)}3.5%{transform:translateX(-3520px)}3.5%{transform:translateX(-3600px)}3.5%{transform:translateX(-3680px)}3.5%{transform:translateX(-3760px)}3.5%{transform:translateX(-3840px)}3.5%{transform:translateX(-3920px)}3.5%{transform:translateX(-4000px)}3.5%{transform:translateX(-4080px)}3.5%{transform:translateX(-4160px)}3.5%{transform:translateX(-4240px)}3.5%{transform:translateX(-4320px)}3.5%{transform:translateX(-4400px)}3.5%{transform:translateX(-4480px)}3.5%{transform:translateX(-4560px)}3.5%{transform:translateX(-4640px)}3.5%{transform:translateX(-4720px)}3.5%{transform:translateX(-4800px)}3.5%{transform:translateX(-4880px)}3.5%{transform:translateX(-4960px)}3.5%{transform:translateX(-5040px)}3.5%{transform:translateX(-5120px)}3.5%{transform:translateX(-5200px)}3.5%{transform:translateX(-5280px)}3.5%{transform:translateX(-5360px)}3.5%{transform:translateX(-5440px)}3.5%{transform:translateX(-5520px)}3.5%{transform:translateX(-5600px)}3.5%{transform:translateX(-5680px)}3.5%{transform:translateX(-5760px)}3.5%{transform:translateX(-5840px)}3.5%{transform:translateX(-5920px)}3.5%{transform:translateX(-6000px)}3.5%{transform:translateX(-6080px)}3.5%{transform:translateX(-6160px)}3.5%{transform:translateX(-6240px)}3.5%{transform:translateX(-6320px)}3.5%{transform:translateX(-6400px)}3.5%{transform:translateX(-6480px)}3.5%{transform:translateX(-6560px)}3.5%{transform:translateX(-6640px)}3.5%{transform:translateX(-6720px)}3.5%{transform:translateX(-6800px)}3.5%{transform:translateX(-6880px)}3.5%{transform:translateX(-6960px)}3.5%{transform:translateX(-7040px)}3.5%{transform:translateX(-7120px)}3.5%{transform:translateX(-7200px)}3.5%{transform:translateX(-7280px)}3.5%{transform:translateX(-7360px)}3.5%{transform:translateX(-7440px)}8.6%{transform:translateX(-7520px)}8.6%{transform:translateX(-7600px)}8.6%{transform:translateX(-7680px)}8.6%{transform:translateX(-7760px)}8.6%{transform:translateX(-7840px)}8.6%{transform:translateX(-7920px)}8.6%{transform:translateX(-8000px)}8.6%{transform:translateX(-8080px)}8.6%{transform:translateX(-8160px)}8.6%{transform:translateX(-8240px)}8.6%{transform:translateX(-8320px)}8.6%{transform:translateX(-8400px)}8.6%{transform:translateX(-8480px)}8.6%{transform:translateX(-8560px)}8.6%{transform:translateX(-8640px)}8.6%{transform:translateX(-8720px)}8.6%{transform:translateX(-8800px)}8.6%{transform:translateX(-8880px)}8.6%{transform:translateX(-8960px)}8.6%{transform:translateX(-9040px)}8.6%{transform:translateX(-9120px)}8.6%{transform:translateX(-9200px)}8.6%{transform:translateX(-9280px)}8.6%{transform:translateX(-9360px)}8.6%{transform:translateX(-9440px)}8.6%{transform:translateX(-9520px)}8.6%{transform:translateX(-9600px)}8.6%{transform:translateX(-9680px)}8.6%{transform:translateX(-9760px)}8.6%{transform:translateX(-9840px)}8.6%{transform:translateX(-9920px)}8.6%{transform:translateX(-10000px)}8.6%{transform:translateX(-10080px)}8.6%{transform:translateX(-10160px)}8.6%{transform:translateX(-10240px)}8.6%{transform:translateX(-10320px)}8.6%{transform:translateX(-10400px)}8.6%{transform:translateX(-10480px)}8.6%{transform:translateX(-10560px)}8.6%{transform:translateX(-10640px)}8.6%{transform:translateX(-10720px)}8.6%{transform:translateX(-10800px)}8.6%{transform:translateX(-10880px)}8.6%{transform:translateX(-10960px)}8.6%{transform:translateX(-11040px)}8.6%{transform:translateX(-11120px)}8.6%{transform:translateX(-11200px)}8.6%{transform:translateX(-11280px)}8.6%{transform:translateX(-11360px)}8.7%{transform:translateX(-11440px)}8.7%{transform:translateX(-11520px)}8.7%{transform:translateX(-11600px)}8.7%{transform:translateX(-11680px)}8.7%{transform:translateX(-11760px)}8.7%{transform:translateX(-11840px)}8.7%{transform:translateX(-11920px)}8.7%{transform:translateX(-12000px)}8.7%{transform:translateX(-12080px)}8.7%{transform:translateX(-12160px)}8.7%{transform:translateX(-12240px)}8.7%{transform:translateX(-12320px)}8.7%{transform:translateX(-12400px)}8.7%{transform:translateX(-12480px)}8.7%{transform:translateX(-12560px)}8.7%{transform:translateX(-12640px)}8.7%{transform:translateX(-12720px)}8.7%{transform:translateX(-12800px)}8.7%{transform:translateX(-12880px)}8.7%{transform:translateX(-12960px)}8.7%{transform:translateX(-13040px)}8.7%{transform:translateX(-13120px)}8.7%{transform:translateX(-13200px)}8.7%{transform:translateX(-13280px)}8.7%{transform:translateX(-13360px)}8.7%{transform:translateX(-13440px)}8.7%{transform:translateX(-13520px)}8.7%{transform:translateX(-13600px)}8.7%{transform:translateX(-13680px)}8.7%{transform:translateX(-13760px)}8.7%{transform:translateX(-13840px)}8.7%{transform:translateX(-13920px)}8.7%{transform:translateX(-14000px)}8.7%{transform:translateX(-14080px)}8.7%{transform:translateX(-14160px)}8.7%{transform:translateX(-14240px)}8.7%{transform:translateX(-14320px)}8.7%{transform:translateX(-14400px)}8.7%{transform:translateX(-14480px)}8.7%{transform:translateX(-14560px)}8.7%{transform:translateX(-14640px)}8.7%{transform:translateX(-14720px)}13.7%{transform:translateX(-14800px)}13.7%{transform:translateX(-14880px)}13.7%{transform:translateX(-14960px)}13.7%{transform:translateX(-15040px)}13.7%{transform:translateX(-15120px)}13.7%{transform:translateX(-15200px)}13.7%{transform:translateX(-15280px)}13.7%{transform:translateX(-15360px)}13.7%{transform:translateX(-15440px)}13.7%{transform:translateX(-15520px)}13.7%{transform:translateX(-15600px)}13.7%{transform:translateX(-15680px)}13.7%{transform:translateX(-15760px)}13.7%{transform:translateX(-15840px)}13.7%{transform:translateX(-15920px)}13.7%{transform:translateX(-16000px)}13.7%{transform:translateX(-16080px)}13.7%{transform:translateX(-16160px)}13.7%{transform:translateX(-16240px)}13.8%{transform:translateX(-16320px)}13.8%{transform:translateX(-16400px)}13.8%{transform:translateX(-16480px)}13.8%{transform:translateX(-16560px)}13.8%{transform:translateX(-16640px)}13.8%{transform:translateX(-16720px)}13.8%{transform:translateX(-16800px)}13.8%{transform:translateX(-16880px)}13.8%{transform:translateX(-16960px)}13.8%{transform:translateX(-17040px)}13.8%{transform:translateX(-17120px)}13.8%{transform:translateX(-17200px)}13.8%{transform:translateX(-17280px)}13.8%{transform:translateX(-17360px)}13.8%{transform:translateX(-17440px)}13.8%{transform:translateX(-17520px)}13.8%{transform:translateX(-17600px)}13.8%{transform:translateX(-17680px)}13.8%{transform:translateX(-17760px)}13.8%{transform:translateX(-17840px)}13.8%{transform:translateX(-17920px)}13.8%{transform:translateX(-18000px)}13.8%{transform:translateX(-18080px)}13.8%{transform:translateX(-18160px)}13.8%{transform:translateX(-18240px)}13.8%{transform:translateX(-18320px)}13.8%{transform:translateX(-18400px)}13.8%{transform:translateX(-18480px)}13.8%{transform:translateX(-18560px)}13.8%{transform:translateX(-18640px)}13.8%{transform:translateX(-18720px)}13.8%{transform:translateX(-18800px)}13.8%{transform:translateX(-18880px)}13.8%{transform:translateX(-18960px)}13.8%{transform:translateX(-19040px)}13.8%{transform:translateX(-19120px)}13.8%{transform:translateX(-19200px)}13.8%{transform:translateX(-19280px)}13.8%{transform:translateX(-19360px)}13.8%{transform:translateX(-19440px)}13.8%{transform:translateX(-19520px)}13.8%{transform:translateX(-19600px)}13.8%{transform:translateX(-19680px)}13.8%{transform:translateX(-19760px)}13.8%{transform:translateX(-19840px)}13.8%{transform:translateX(-19920px)}13.8%{transform:translateX(-20000px)}13.8%{transform:translateX(-20080px)}13.8%{transform:translateX(-20160px)}13.8%{transform:translateX(-20240px)}13.8%{transform:translateX(-20320px)}13.8%{transform:translateX(-20400px)}13.8%{transform:translateX(-20480px)}13.8%{transform:translateX(-20560px)}13.8%{transform:translateX(-20640px)}13.8%{transform:translateX(-20720px)}13.8%{transform:translateX(-20800px)}13.8%{transform:translateX(-20880px)}13.8%{transform:translateX(-20960px)}13.8%{transform:translateX(-21040px)}13.8%{transform:translateX(-21120px)}13.8%{transform:translateX(-21200px)}13.8%{transform:translateX(-21280px)}13.8%{transform:translateX(-21360px)}13.8%{transform:translateX(-21440px)}13.8%{transform:translateX(-21520px)}13.8%{transform:translateX(-21600px)}13.8%{transform:translateX(-21680px)}13.8%{transform:translateX(-21760px)}13.8%{transform:translateX(-21840px)}13.8%{transform:translateX(-21920px)}13.8%{transform:translateX(-22000px)}18.9%{transform:translateX(-22080px)}18.9%{transform:translateX(-22160px)}18.9%{transform:translateX(-22240px)}18.9%{transform:translateX(-22320px)}18.9%{transform:translateX(-22400px)}18.9%{transform:translateX(-22480px)}18.9%{transform:translateX(-22560px)}18.9%{transform:translateX(-22640px)}18.9%{transform:translateX(-22720px)}18.9%{transform:translateX(-22800px)}18.9%{transform:translateX(-22880px)}18.9%{transform:translateX(-22960px)}18.9%{transform:translateX(-23040px)}18.9%{transform:translateX(-23120px)}18.9%{transform:translateX(-23200px)}18.9%{transform:translateX(-23280px)}18.9%{transform:translateX(-23360px)}18.9%{transform:translateX(-23440px)}18.9%{transform:translateX(-23520px)}18.9%{transform:translateX(-23600px)}18.9%{transform:translateX(-23680px)}18.9%{transform:translateX(-23760px)}18.9%{transform:translateX(-23840px)}18.9%{transform:translateX(-23920px)}18.9%{transform:translateX(-24000px)}18.9%{transform:translateX(-24080px)}18.9%{transform:translateX(-24160px)}18.9%{transform:translateX(-24240px)}18.9%{transform:translateX(-24320px)}18.9%{transform:translateX(-24400px)}18.9%{transform:translateX(-24480px)}24%{transform:translateX(-24560px)}24%{transform:translateX(-24640px)}24%{transform:translateX(-24720px)}24%{transform:translateX(-24800px)}24%{transform:translateX(-24880px)}24%{transform:translateX(-24960px)}24%{transform:translateX(-25040px)}24%{transform:translateX(-25120px)}24%{transform:translateX(-25200px)}24%{transform:translateX(-25280px)}24%{transform:translateX(-25360px)}24%{transform:translateX(-25440px)}24%{transform:translateX(-25520px)}24.1%{transform:translateX(-25600px)}24.1%{transform:translateX(-25680px)}24.1%{transform:translateX(-25760px)}24.1%{transform:translateX(-25840px)}24.1%{transform:translateX(-25920px)}24.1%{transform:translateX(-26000px)}24.1%{transform:translateX(-26080px)}24.1%{transform:translateX(-26160px)}24.1%{transform:translateX(-26240px)}24.1%{transform:translateX(-26320px)}24.1%{transform:translateX(-26400px)}24.1%{transform:translateX(-26480px)}24.1%{transform:translateX(-26560px)}24.1%{transform:translateX(-26640px)}24.1%{transform:translateX(-26720px)}24.1%{transform:translateX(-26800px)}24.1%{transform:translateX(-26880px)}24.1%{transform:translateX(-26960px)}24.1%{transform:translateX(-27040px)}24.1%{transform:translateX(-27120px)}24.1%{transform:translateX(-27200px)}24.1%{transform:translateX(-27280px)}24.1%{transform:translateX(-27360px)}24.1%{transform:translateX(-27440px)}24.1%{transform:translateX(-27520px)}24.1%{transform:translateX(-27600px)}24.1%{transform:translateX(-27680px)}24.1%{transform:translateX(-27760px)}24.1%{transform:translateX(-27840px)}24.1%{transform:translateX(-27920px)}24.1%{transform:translateX(-28000px)}24.1%{transform:translateX(-28080px)}24.1%{transform:translateX(-28160px)}24.1%{transform:translateX(-28240px)}24.1%{transform:translateX(-28320px)}24.1%{transform:translateX(-28400px)}24.1%{transform:translateX(-28480px)}24.1%{transform:translateX(-28560px)}24.1%{transform:translateX(-28640px)}24.1%{transform:translateX(-28720px)}24.1%{transform:translateX(-28800px)}24.1%{transform:translateX(-28880px)}24.1%{transform:translateX(-28960px)}24.1%{transform:translateX(-29040px)}24.1%{transform:translateX(-29120px)}24.1%{transform:translateX(-29200px)}24.1%{transform:translateX(-29280px)}24.1%{transform:translateX(-29360px)}24.1%{transform:translateX(-29440px)}24.1%{transform:translateX(-29520px)}24.1%{transform:translateX(-29600px)}24.1%{transform:translateX(-29680px)}24.1%{transform:translateX(-29760px)}24.1%{transform:translateX(-29840px)}24.1%{transform:translateX(-29920px)}24.1%{transform:translateX(-30000px)}24.1%{transform:translateX(-30080px)}24.1%{transform:translateX(-30160px)}24.1%{transform:translateX(-30240px)}24.1%{transform:translateX(-30320px)}24.1%{transform:translateX(-30400px)}24.1%{transform:translateX(-30480px)}24.1%{transform:translateX(-30560px)}24.1%{transform:translateX(-30640px)}24.1%{transform:translateX(-30720px)}24.1%{transform:translateX(-30800px)}24.1%{transform:translateX(-30880px)}24.1%{transform:translateX(-30960px)}24.1%{transform:translateX(-31040px)}24.1%{transform:translateX(-31120px)}24.1%{transform:translateX(-31200px)}24.1%{transform:translateX(-31280px)}24.1%{transform:translateX(-31360px)}24.1%{transform:translateX(-31440px)}24.1%{transform:translateX(-31520px)}24.1%{transform:translateX(-31600px)}24.1%{transform:translateX(-31680px)}24.1%{transform:translateX(-31760px)}29.2%{transform:translateX(-31840px)}29.2%{transform:translateX(-31920px)}29.2%{transform:translateX(-32000px)}29.2%{transform:translateX(-32080px)}29.2%{transform:translateX(-32160px)}29.2%{transform:translateX(-32240px)}29.2%{transform:translateX(-32320px)}29.2%{transform:translateX(-32400px)}29.2%{transform:translateX(-32480px)}29.2%{transform:translateX(-32560px)}29.2%{transform:translateX(-32640px)}29.2%{transform:translateX(-32720px)}29.2%{transform:translateX(-32800px)}29.2%{transform:translateX(-32880px)}29.2%{transform:translateX(-32960px)}29.2%{transform:translateX(-33040px)}29.2%{transform:translateX(-33120px)}29.2%{transform:translateX(-33200px)}29.2%{transform:translateX(-33280px)}29.2%{transform:translateX(-33360px)}29.2%{transform:translateX(-33440px)}29.2%{transform:translateX(-33520px)}29.2%{transform:translateX(-33600px)}29.2%{transform:translateX(-33680px)}29.2%{transform:translateX(-33760px)}29.2%{transform:translateX(-33840px)}29.2%{transform:translateX(-33920px)}29.2%{transform:translateX(-34000px)}29.2%{transform:translateX(-34080px)}29.2%{transform:translateX(-34160px)}29.2%{transform:translateX(-34240px)}29.2%{transform:translateX(-34320px)}29.2%{transform:translateX(-34400px)}29.2%{transform:translateX(-34480px)}29.2%{transform:translateX(-34560px)}29.2%{transform:translateX(-34640px)}29.2%{transform:translateX(-34720px)}29.2%{transform:translateX(-34800px)}29.2%{transform:translateX(-34880px)}29.2%{transform:translateX(-34960px)}29.2%{transform:translateX(-35040px)}29.2%{transform:translateX(-35120px)}29.2%{transform:translateX(-35200px)}29.2%{transform:translateX(-35280px)}29.2%{transform:translateX(-35360px)}29.2%{transform:translateX(-35440px)}29.2%{transform:translateX(-35520px)}29.2%{transform:translateX(-35600px)}29.2%{transform:translateX(-35680px)}29.2%{transform:translateX(-35760px)}29.2%{transform:translateX(-35840px)}29.2%{transform:translateX(-35920px)}29.2%{transform:translateX(-36000px)}29.2%{transform:translateX(-36080px)}29.2%{transform:translateX(-36160px)}29.3%{transform:translateX(-36240px)}29.3%{transform:translateX(-36320px)}29.3%{transform:translateX(-36400px)}29.3%{transform:translateX(-36480px)}29.3%{transform:translateX(-36560px)}29.3%{transform:translateX(-36640px)}29.3%{transform:translateX(-36720px)}29.3%{transform:translateX(-36800px)}29.3%{transform:translateX(-36880px)}29.3%{transform:translateX(-36960px)}29.3%{transform:translateX(-37040px)}29.3%{transform:translateX(-37120px)}29.3%{transform:translateX(-37200px)}29.3%{transform:translateX(-37280px)}29.3%{transform:translateX(-37360px)}29.3%{transform:translateX(-37440px)}29.3%{transform:translateX(-37520px)}29.3%{transform:translateX(-37600px)}29.3%{transform:translateX(-37680px)}29.3%{transform:translateX(-37760px)}29.3%{transform:translateX(-37840px)}29.3%{transform:translateX(-37920px)}29.3%{transform:translateX(-38000px)}29.3%{transform:translateX(-38080px)}29.3%{transform:translateX(-38160px)}29.3%{transform:translateX(-38240px)}29.3%{transform:translateX(-38320px)}29.3%{transform:translateX(-38400px)}29.3%{transform:translateX(-38480px)}29.3%{transform:translateX(-38560px)}29.3%{transform:translateX(-38640px)}29.3%{transform:translateX(-38720px)}29.3%{transform:translateX(-38800px)}29.3%{transform:translateX(-38880px)}29.3%{transform:translateX(-38960px)}29.3%{transform:translateX(-39040px)}34.4%{transform:translateX(-39120px)}34.4%{transform:translateX(-39200px)}34.4%{transform:translateX(-39280px)}34.4%{transform:translateX(-39360px)}34.4%{transform:translateX(-39440px)}34.4%{transform:translateX(-39520px)}34.4%{transform:translateX(-39600px)}34.4%{transform:translateX(-39680px)}34.4%{transform:translateX(-39760px)}34.4%{transform:translateX(-39840px)}34.4%{transform:translateX(-39920px)}34.4%{transform:translateX(-40000px)}34.4%{transform:translateX(-40080px)}34.4%{transform:translateX(-40160px)}34.4%{transform:translateX(-40240px)}34.4%{transform:translateX(-40320px)}34.4%{transform:translateX(-40400px)}34.4%{transform:translateX(-40480px)}34.4%{transform:translateX(-40560px)}34.4%{transform:translateX(-40640px)}34.4%{transform:translateX(-40720px)}34.4%{transform:translateX(-40800px)}34.4%{transform:translateX(-40880px)}34.4%{transform:translateX(-40960px)}34.4%{transform:translateX(-41040px)}34.4%{transform:translateX(-41120px)}34.4%{transform:translateX(-41200px)}34.4%{transform:translateX(-41280px)}34.4%{transform:translateX(-41360px)}34.4%{transform:translateX(-41440px)}34.4%{transform:translateX(-41520px)}34.4%{transform:translateX(-41600px)}34.4%{transform:translateX(-41680px)}34.4%{transform:translateX(-41760px)}34.4%{transform:translateX(-41840px)}34.4%{transform:translateX(-41920px)}34.4%{transform:translateX(-42000px)}34.4%{transform:translateX(-42080px)}34.4%{transform:translateX(-42160px)}34.4%{transform:translateX(-42240px)}34.4%{transform:translateX(-42320px)}34.4%{transform:translateX(-42400px)}34.4%{transform:translateX(-42480px)}34.4%{transform:translateX(-42560px)}34.4%{transform:translateX(-42640px)}34.4%{transform:translateX(-42720px)}34.4%{transform:translateX(-42800px)}34.4%{transform:translateX(-42880px)}34.4%{transform:translateX(-42960px)}34.4%{transform:translateX(-43040px)}34.4%{transform:translateX(-43120px)}34.4%{transform:translateX(-43200px)}34.4%{transform:translateX(-43280px)}34.4%{transform:translateX(-43360px)}34.4%{transform:translateX(-43440px)}34.4%{transform:translateX(-43520px)}34.4%{transform:translateX(-43600px)}34.4%{transform:translateX(-43680px)}34.4%{transform:translateX(-43760px)}34.4%{transform:translateX(-43840px)}34.4%{transform:translateX(-43920px)}34.4%{transform:translateX(-44000px)}34.4%{transform:translateX(-44080px)}34.4%{transform:translateX(-44160px)}34.4%{transform:translateX(-44240px)}34.4%{transform:translateX(-44320px)}34.4%{transform:translateX(-44400px)}34.4%{transform:translateX(-44480px)}34.4%{transform:translateX(-44560px)}34.4%{transform:translateX(-44640px)}34.4%{transform:translateX(-44720px)}34.4%{transform:translateX(-44800px)}34.4%{transform:translateX(-44880px)}34.5%{transform:translateX(-44960px)}34.5%{transform:translateX(-45040px)}34.5%{transform:translateX(-45120px)}34.5%{transform:translateX(-45200px)}34.5%{transform:translateX(-45280px)}34.5%{transform:translateX(-45360px)}34.5%{transform:translateX(-45440px)}34.5%{transform:translateX(-45520px)}34.5%{transform:translateX(-45600px)}34.5%{transform:translateX(-45680px)}34.5%{transform:translateX(-45760px)}34.5%{transform:translateX(-45840px)}34.5%{transform:translateX(-45920px)}34.5%{transform:translateX(-46000px)}34.5%{transform:translateX(-46080px)}34.5%{transform:translateX(-46160px)}34.5%{transform:translateX(-46240px)}34.5%{transform:translateX(-46320px)}39.5%{transform:translateX(-46400px)}39.5%{transform:translateX(-46480px)}39.5%{transform:translateX(-46560px)}39.5%{transform:translateX(-46640px)}39.5%{transform:translateX(-46720px)}39.5%{transform:translateX(-46800px)}39.5%{transform:translateX(-46880px)}39.5%{transform:translateX(-46960px)}39.5%{transform:translateX(-47040px)}39.5%{transform:translateX(-47120px)}39.5%{transform:translateX(-47200px)}39.5%{transform:translateX(-47280px)}39.5%{transform:translateX(-47360px)}39.5%{transform:translateX(-47440px)}39.5%{transform:translateX(-47520px)}39.5%{transform:translateX(-47600px)}39.5%{transform:translateX(-47680px)}39.5%{transform:translateX(-47760px)}39.5%{transform:translateX(-47840px)}39.5%{transform:translateX(-47920px)}39.5%{transform:translateX(-48000px)}39.5%{transform:translateX(-48080px)}39.5%{transform:translateX(-48160px)}39.5%{transform:translateX(-48240px)}39.5%{transform:translateX(-48320px)}39.5%{transform:translateX(-48400px)}39.5%{transform:translateX(-48480px)}39.5%{transform:translateX(-48560px)}39.5%{transform:translateX(-48640px)}39.5%{transform:translateX(-48720px)}39.5%{transform:translateX(-48800px)}39.5%{transform:translateX(-48880px)}39.5%{transform:translateX(-48960px)}39.5%{transform:translateX(-49040px)}39.5%{transform:translateX(-49120px)}39.6%{transform:translateX(-49200px)}39.6%{transform:translateX(-49280px)}39.6%{transform:translateX(-49360px)}39.6%{transform:translateX(-49440px)}39.6%{transform:translateX(-49520px)}39.6%{transform:translateX(-49600px)}39.6%{transform:translateX(-49680px)}39.6%{transform:translateX(-49760px)}39.6%{transform:translateX(-49840px)}39.6%{transform:translateX(-49920px)}39.6%{transform:translateX(-50000px)}39.6%{transform:translateX(-50080px)}39.6%{transform:translateX(-50160px)}39.6%{transform:translateX(-50240px)}39.6%{transform:translateX(-50320px)}39.6%{transform:translateX(-50400px)}39.6%{transform:translateX(-50480px)}39.6%{transform:translateX(-50560px)}39.6%{transform:translateX(-50640px)}39.6%{transform:translateX(-50720px)}39.6%{transform:translateX(-50800px)}39.6%{transform:translateX(-50880px)}39.6%{transform:translateX(-50960px)}39.6%{transform:translateX(-51040px)}39.6%{transform:translateX(-51120px)}39.6%{transform:translateX(-51200px)}39.6%{transform:translateX(-51280px)}39.6%{transform:translateX(-51360px)}39.6%{transform:translateX(-51440px)}39.6%{transform:translateX(-51520px)}39.6%{transform:translateX(-51600px)}39.6%{transform:translateX(-51680px)}39.6%{transform:translateX(-51760px)}39.6%{transform:translateX(-51840px)}39.6%{transform:translateX(-51920px)}39.6%{transform:translateX(-52000px)}39.6%{transform:translateX(-52080px)}39.6%{transform:translateX(-52160px)}39.6%{transform:translateX(-52240px)}39.6%{transform:translateX(-52320px)}39.6%{transform:translateX(-52400px)}39.6%{transform:translateX(-52480px)}39.6%{transform:translateX(-52560px)}39.6%{transform:translateX(-52640px)}39.6%{transform:translateX(-52720px)}39.6%{transform:translateX(-52800px)}39.6%{transform:translateX(-52880px)}39.6%{transform:translateX(-52960px)}39.6%{transform:translateX(-53040px)}39.6%{transform:translateX(-53120px)}39.6%{transform:translateX(-53200px)}39.6%{transform:translateX(-53280px)}39.6%{transform:translateX(-53360px)}39.6%{transform:translateX(-53440px)}39.6%{transform:translateX(-53520px)}39.6%{transform:translateX(-53600px)}44.6%{transform:translateX(-53680px)}44.6%{transform:translateX(-53760px)}44.6%{transform:translateX(-53840px)}44.6%{transform:translateX(-53920px)}44.6%{transform:translateX(-54000px)}44.6%{transform:translateX(-54080px)}44.6%{transform:translateX(-54160px)}44.7%{transform:translateX(-54240px)}44.7%{transform:translateX(-54320px)}44.7%{transform:translateX(-54400px)}44.7%{transform:translateX(-54480px)}44.7%{transform:translateX(-54560px)}44.7%{transform:translateX(-54640px)}44.7%{transform:translateX(-54720px)}44.7%{transform:translateX(-54800px)}44.7%{transform:translateX(-54880px)}44.7%{transform:translateX(-54960px)}44.7%{transform:translateX(-55040px)}44.7%{transform:translateX(-55120px)}44.7%{transform:translateX(-55200px)}44.7%{transform:translateX(-55280px)}44.7%{transform:translateX(-55360px)}44.7%{transform:translateX(-55440px)}44.7%{transform:translateX(-55520px)}44.7%{transform:translateX(-55600px)}44.7%{transform:translateX(-55680px)}44.7%{transform:translateX(-55760px)}44.7%{transform:translateX(-55840px)}44.7%{transform:translateX(-55920px)}44.7%{transform:translateX(-56000px)}44.7%{transform:translateX(-56080px)}44.7%{transform:translateX(-56160px)}44.7%{transform:translateX(-56240px)}44.7%{transform:translateX(-56320px)}44.7%{transform:translateX(-56400px)}44.7%{transform:translateX(-56480px)}44.7%{transform:translateX(-56560px)}44.7%{transform:translateX(-56640px)}44.7%{transform:translateX(-56720px)}44.7%{transform:translateX(-56800px)}44.7%{transform:translateX(-56880px)}44.7%{transform:translateX(-56960px)}44.7%{transform:translateX(-57040px)}44.7%{transform:translateX(-57120px)}44.7%{transform:translateX(-57200px)}44.7%{transform:translateX(-57280px)}44.7%{transform:translateX(-57360px)}44.7%{transform:translateX(-57440px)}44.7%{transform:translateX(-57520px)}44.7%{transform:translateX(-57600px)}44.7%{transform:translateX(-57680px)}44.7%{transform:translateX(-57760px)}44.7%{transform:translateX(-57840px)}44.7%{transform:translateX(-57920px)}44.7%{transform:translateX(-58000px)}44.7%{transform:translateX(-58080px)}44.7%{transform:translateX(-58160px)}44.7%{transform:translateX(-58240px)}44.7%{transform:translateX(-58320px)}44.7%{transform:translateX(-58400px)}44.7%{transform:translateX(-58480px)}44.7%{transform:translateX(-58560px)}44.7%{transform:translateX(-58640px)}44.7%{transform:translateX(-58720px)}44.7%{transform:translateX(-58800px)}44.7%{transform:translateX(-58880px)}44.7%{transform:translateX(-58960px)}44.7%{transform:translateX(-59040px)}44.7%{transform:translateX(-59120px)}44.7%{transform:translateX(-59200px)}44.7%{transform:translateX(-59280px)}44.7%{transform:translateX(-59360px)}44.7%{transform:translateX(-59440px)}44.7%{transform:translateX(-59520px)}44.7%{transform:translateX(-59600px)}44.7%{transform:translateX(-59680px)}44.7%{transform:translateX(-59760px)}44.7%{transform:translateX(-59840px)}44.7%{transform:translateX(-59920px)}44.7%{transform:translateX(-60000px)}44.7%{transform:translateX(-60080px)}44.7%{transform:translateX(-60160px)}44.7%{transform:translateX(-60240px)}44.7%{transform:translateX(-60320px)}44.7%{transform:translateX(-60400px)}44.7%{transform:translateX(-60480px)}44.7%{transform:translateX(-60560px)}44.7%{transform:translateX(-60640px)}44.7%{transform:translateX(-60720px)}44.7%{transform:translateX(-60800px)}44.7%{transform:translateX(-60880px)}49.8%{transform:translateX(-60960px)}49.8%{transform:translateX(-61040px)}49.8%{transform:translateX(-61120px)}49.8%{transform:translateX(-61200px)}49.8%{transform:translateX(-61280px)}49.8%{transform:translateX(-61360px)}49.8%{transform:translateX(-61440px)}49.8%{transform:translateX(-61520px)}49.8%{transform:translateX(-61600px)}49.8%{transform:translateX(-61680px)}49.8%{transform:translateX(-61760px)}49.8%{transform:translateX(-61840px)}49.8%{transform:translateX(-61920px)}49.8%{transform:translateX(-62000px)}49.8%{transform:translateX(-62080px)}49.8%{transform:translateX(-62160px)}49.8%{transform:translateX(-62240px)}49.8%{transform:translateX(-62320px)}49.8%{transform:translateX(-62400px)}49.8%{transform:translateX(-62480px)}49.8%{transform:translateX(-62560px)}49.8%{transform:translateX(-62640px)}49.8%{transform:translateX(-62720px)}49.8%{transform:translateX(-62800px)}49.8%{transform:translateX(-62880px)}49.8%{transform:translateX(-62960px)}49.8%{transform:translateX(-63040px)}49.8%{transform:translateX(-63120px)}49.8%{transform:translateX(-63200px)}49.8%{transform:translateX(-63280px)}49.8%{transform:translateX(-63360px)}49.8%{transform:translateX(-63440px)}49.8%{transform:translateX(-63520px)}49.8%{transform:translateX(-63600px)}49.8%{transform:translateX(-63680px)}49.8%{transform:translateX(-63760px)}49.8%{transform:translateX(-63840px)}49.8%{transform:translateX(-63920px)}49.8%{transform:translateX(-64000px)}49.8%{transform:translateX(-64080px)}49.8%{transform:translateX(-64160px)}49.8%{transform:translateX(-64240px)}49.8%{transform:translateX(-64320px)}49.8%{transform:translateX(-64400px)}49.8%{transform:translateX(-64480px)}49.8%{transform:translateX(-64560px)}49.8%{transform:translateX(-64640px)}49.8%{transform:translateX(-64720px)}49.8%{transform:translateX(-64800px)}49.8%{transform:translateX(-64880px)}49.8%{transform:translateX(-64960px)}49.8%{transform:translateX(-65040px)}49.8%{transform:translateX(-65120px)}49.8%{transform:translateX(-65200px)}49.8%{transform:translateX(-65280px)}49.8%{transform:translateX(-65360px)}49.8%{transform:translateX(-65440px)}49.8%{transform:translateX(-65520px)}49.8%{transform:translateX(-65600px)}49.8%{transform:translateX(-65680px)}49.8%{transform:translateX(-65760px)}49.8%{transform:translateX(-65840px)}49.8%{transform:translateX(-65920px)}49.8%{transform:translateX(-66000px)}49.8%{transform:translateX(-66080px)}49.8%{transform:translateX(-66160px)}49.8%{transform:translateX(-66240px)}49.8%{transform:translateX(-66320px)}49.8%{transform:translateX(-66400px)}49.8%{transform:translateX(-66480px)}49.8%{transform:translateX(-66560px)}49.8%{transform:translateX(-66640px)}49.8%{transform:translateX(-66720px)}49.8%{transform:translateX(-66800px)}49.8%{transform:translateX(-66880px)}49.8%{transform:translateX(-66960px)}49.8%{transform:translateX(-67040px)}49.8%{transform:translateX(-67120px)}49.8%{transform:translateX(-67200px)}49.8%{transform:translateX(-67280px)}49.9%{transform:translateX(-67360px)}49.9%{transform:translateX(-67440px)}49.9%{transform:translateX(-67520px)}49.9%{transform:translateX(-67600px)}49.9%{transform:translateX(-67680px)}49.9%{transform:translateX(-67760px)}49.9%{transform:translateX(-67840px)}49.9%{transform:translateX(-67920px)}49.9%{transform:translateX(-68000px)}49.9%{transform:translateX(-68080px)}49.9%{transform:translateX(-68160px)}100%{transform:translateX(-68240px)}}████████████ABCD██████████████████████Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(0,198,255);white-space:pre}.g{fill:rgb(126,231,233);white-space:pre}.h{fill:transparent}.j{animation-duration:9.969823s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}.k{fill:rgb(160,160,160);white-space:pre}@keyframes i{0%{transform:translateX(-0px)}2.1%{transform:translateX(-80px)}2.5%{transform:translateX(-160px)}3.2%{transform:translateX(-240px)}3.5%{transform:translateX(-320px)}3.5%{transform:translateX(-400px)}3.6%{transform:translateX(-480px)}3.6%{transform:translateX(-560px)}3.6%{transform:translateX(-640px)}3.6%{transform:translateX(-720px)}3.6%{transform:translateX(-800px)}3.6%{transform:translateX(-880px)}3.6%{transform:translateX(-960px)}3.6%{transform:translateX(-1040px)}3.6%{transform:translateX(-1120px)}8.6%{transform:translateX(-1200px)}8.6%{transform:translateX(-1280px)}8.6%{transform:translateX(-1360px)}8.6%{transform:translateX(-1440px)}8.6%{transform:translateX(-1520px)}8.6%{transform:translateX(-1600px)}8.6%{transform:translateX(-1680px)}8.6%{transform:translateX(-1760px)}8.6%{transform:translateX(-1840px)}8.6%{transform:translateX(-1920px)}8.6%{transform:translateX(-2000px)}8.6%{transform:translateX(-2080px)}8.6%{transform:translateX(-2160px)}8.6%{transform:translateX(-2240px)}8.6%{transform:translateX(-2320px)}8.6%{transform:translateX(-2400px)}8.6%{transform:translateX(-2480px)}8.6%{transform:translateX(-2560px)}8.6%{transform:translateX(-2640px)}8.6%{transform:translateX(-2720px)}8.6%{transform:translateX(-2800px)}8.6%{transform:translateX(-2880px)}8.6%{transform:translateX(-2960px)}8.6%{transform:translateX(-3040px)}8.6%{transform:translateX(-3120px)}8.6%{transform:translateX(-3200px)}8.6%{transform:translateX(-3280px)}8.6%{transform:translateX(-3360px)}8.6%{transform:translateX(-3440px)}8.6%{transform:translateX(-3520px)}8.6%{transform:translateX(-3600px)}8.6%{transform:translateX(-3680px)}8.6%{transform:translateX(-3760px)}8.6%{transform:translateX(-3840px)}8.6%{transform:translateX(-3920px)}8.7%{transform:translateX(-4000px)}8.7%{transform:translateX(-4080px)}8.7%{transform:translateX(-4160px)}8.7%{transform:translateX(-4240px)}8.7%{transform:translateX(-4320px)}8.7%{transform:translateX(-4400px)}8.7%{transform:translateX(-4480px)}8.7%{transform:translateX(-4560px)}8.7%{transform:translateX(-4640px)}8.7%{transform:translateX(-4720px)}8.7%{transform:translateX(-4800px)}8.7%{transform:translateX(-4880px)}8.7%{transform:translateX(-4960px)}8.7%{transform:translateX(-5040px)}8.7%{transform:translateX(-5120px)}8.7%{transform:translateX(-5200px)}8.7%{transform:translateX(-5280px)}8.7%{transform:translateX(-5360px)}8.7%{transform:translateX(-5440px)}8.7%{transform:translateX(-5520px)}8.7%{transform:translateX(-5600px)}8.7%{transform:translateX(-5680px)}8.7%{transform:translateX(-5760px)}8.7%{transform:translateX(-5840px)}8.7%{transform:translateX(-5920px)}8.7%{transform:translateX(-6000px)}8.7%{transform:translateX(-6080px)}8.7%{transform:translateX(-6160px)}8.7%{transform:translateX(-6240px)}8.7%{transform:translateX(-6320px)}8.7%{transform:translateX(-6400px)}13.7%{transform:translateX(-6480px)}13.7%{transform:translateX(-6560px)}13.7%{transform:translateX(-6640px)}13.7%{transform:translateX(-6720px)}13.7%{transform:translateX(-6800px)}13.7%{transform:translateX(-6880px)}13.7%{transform:translateX(-6960px)}13.7%{transform:translateX(-7040px)}13.7%{transform:translateX(-7120px)}13.7%{transform:translateX(-7200px)}13.7%{transform:translateX(-7280px)}13.7%{transform:translateX(-7360px)}13.7%{transform:translateX(-7440px)}13.7%{transform:translateX(-7520px)}13.8%{transform:translateX(-7600px)}13.8%{transform:translateX(-7680px)}13.8%{transform:translateX(-7760px)}13.8%{transform:translateX(-7840px)}13.8%{transform:translateX(-7920px)}13.8%{transform:translateX(-8000px)}13.8%{transform:translateX(-8080px)}13.8%{transform:translateX(-8160px)}13.8%{transform:translateX(-8240px)}13.8%{transform:translateX(-8320px)}13.8%{transform:translateX(-8400px)}13.8%{transform:translateX(-8480px)}13.8%{transform:translateX(-8560px)}13.8%{transform:translateX(-8640px)}13.8%{transform:translateX(-8720px)}13.8%{transform:translateX(-8800px)}13.8%{transform:translateX(-8880px)}13.8%{transform:translateX(-8960px)}13.8%{transform:translateX(-9040px)}13.8%{transform:translateX(-9120px)}13.8%{transform:translateX(-9200px)}13.8%{transform:translateX(-9280px)}13.8%{transform:translateX(-9360px)}13.8%{transform:translateX(-9440px)}13.8%{transform:translateX(-9520px)}13.8%{transform:translateX(-9600px)}13.8%{transform:translateX(-9680px)}13.8%{transform:translateX(-9760px)}13.8%{transform:translateX(-9840px)}13.8%{transform:translateX(-9920px)}13.8%{transform:translateX(-10000px)}13.8%{transform:translateX(-10080px)}13.8%{transform:translateX(-10160px)}13.8%{transform:translateX(-10240px)}13.8%{transform:translateX(-10320px)}13.8%{transform:translateX(-10400px)}13.8%{transform:translateX(-10480px)}13.8%{transform:translateX(-10560px)}13.8%{transform:translateX(-10640px)}13.8%{transform:translateX(-10720px)}13.8%{transform:translateX(-10800px)}13.8%{transform:translateX(-10880px)}13.8%{transform:translateX(-10960px)}13.8%{transform:translateX(-11040px)}13.8%{transform:translateX(-11120px)}13.8%{transform:translateX(-11200px)}13.8%{transform:translateX(-11280px)}13.8%{transform:translateX(-11360px)}13.8%{transform:translateX(-11440px)}13.8%{transform:translateX(-11520px)}13.8%{transform:translateX(-11600px)}13.8%{transform:translateX(-11680px)}13.8%{transform:translateX(-11760px)}13.8%{transform:translateX(-11840px)}13.8%{transform:translateX(-11920px)}13.8%{transform:translateX(-12000px)}13.8%{transform:translateX(-12080px)}13.8%{transform:translateX(-12160px)}13.8%{transform:translateX(-12240px)}13.8%{transform:translateX(-12320px)}13.8%{transform:translateX(-12400px)}13.8%{transform:translateX(-12480px)}13.8%{transform:translateX(-12560px)}13.8%{transform:translateX(-12640px)}13.8%{transform:translateX(-12720px)}13.8%{transform:translateX(-12800px)}13.8%{transform:translateX(-12880px)}13.8%{transform:translateX(-12960px)}13.8%{transform:translateX(-13040px)}13.8%{transform:translateX(-13120px)}13.8%{transform:translateX(-13200px)}13.8%{transform:translateX(-13280px)}13.8%{transform:translateX(-13360px)}13.8%{transform:translateX(-13440px)}13.8%{transform:translateX(-13520px)}13.8%{transform:translateX(-13600px)}13.8%{transform:translateX(-13680px)}18.9%{transform:translateX(-13760px)}18.9%{transform:translateX(-13840px)}18.9%{transform:translateX(-13920px)}18.9%{transform:translateX(-14000px)}18.9%{transform:translateX(-14080px)}18.9%{transform:translateX(-14160px)}18.9%{transform:translateX(-14240px)}18.9%{transform:translateX(-14320px)}18.9%{transform:translateX(-14400px)}18.9%{transform:translateX(-14480px)}18.9%{transform:translateX(-14560px)}18.9%{transform:translateX(-14640px)}18.9%{transform:translateX(-14720px)}18.9%{transform:translateX(-14800px)}18.9%{transform:translateX(-14880px)}18.9%{transform:translateX(-14960px)}18.9%{transform:translateX(-15040px)}18.9%{transform:translateX(-15120px)}18.9%{transform:translateX(-15200px)}18.9%{transform:translateX(-15280px)}18.9%{transform:translateX(-15360px)}18.9%{transform:translateX(-15440px)}18.9%{transform:translateX(-15520px)}18.9%{transform:translateX(-15600px)}18.9%{transform:translateX(-15680px)}18.9%{transform:translateX(-15760px)}18.9%{transform:translateX(-15840px)}18.9%{transform:translateX(-15920px)}18.9%{transform:translateX(-16000px)}18.9%{transform:translateX(-16080px)}18.9%{transform:translateX(-16160px)}18.9%{transform:translateX(-16240px)}18.9%{transform:translateX(-16320px)}19%{transform:translateX(-16400px)}19%{transform:translateX(-16480px)}19%{transform:translateX(-16560px)}19%{transform:translateX(-16640px)}19%{transform:translateX(-16720px)}19%{transform:translateX(-16800px)}19%{transform:translateX(-16880px)}19%{transform:translateX(-16960px)}19%{transform:translateX(-17040px)}19%{transform:translateX(-17120px)}19%{transform:translateX(-17200px)}19%{transform:translateX(-17280px)}19%{transform:translateX(-17360px)}19%{transform:translateX(-17440px)}19%{transform:translateX(-17520px)}19%{transform:translateX(-17600px)}19%{transform:translateX(-17680px)}19%{transform:translateX(-17760px)}19%{transform:translateX(-17840px)}19%{transform:translateX(-17920px)}19%{transform:translateX(-18000px)}19%{transform:translateX(-18080px)}19%{transform:translateX(-18160px)}19%{transform:translateX(-18240px)}19%{transform:translateX(-18320px)}19%{transform:translateX(-18400px)}19%{transform:translateX(-18480px)}19%{transform:translateX(-18560px)}19%{transform:translateX(-18640px)}19%{transform:translateX(-18720px)}19%{transform:translateX(-18800px)}19%{transform:translateX(-18880px)}19%{transform:translateX(-18960px)}19%{transform:translateX(-19040px)}19%{transform:translateX(-19120px)}19%{transform:translateX(-19200px)}19%{transform:translateX(-19280px)}19%{transform:translateX(-19360px)}19%{transform:translateX(-19440px)}19%{transform:translateX(-19520px)}19%{transform:translateX(-19600px)}19%{transform:translateX(-19680px)}19%{transform:translateX(-19760px)}19%{transform:translateX(-19840px)}19%{transform:translateX(-19920px)}19%{transform:translateX(-20000px)}19%{transform:translateX(-20080px)}19%{transform:translateX(-20160px)}19%{transform:translateX(-20240px)}19%{transform:translateX(-20320px)}19%{transform:translateX(-20400px)}19%{transform:translateX(-20480px)}19%{transform:translateX(-20560px)}19%{transform:translateX(-20640px)}19%{transform:translateX(-20720px)}19%{transform:translateX(-20800px)}19%{transform:translateX(-20880px)}19%{transform:translateX(-20960px)}24%{transform:translateX(-21040px)}24.1%{transform:translateX(-21120px)}24.1%{transform:translateX(-21200px)}24.1%{transform:translateX(-21280px)}24.1%{transform:translateX(-21360px)}24.1%{transform:translateX(-21440px)}24.1%{transform:translateX(-21520px)}24.1%{transform:translateX(-21600px)}24.1%{transform:translateX(-21680px)}24.1%{transform:translateX(-21760px)}24.1%{transform:translateX(-21840px)}24.1%{transform:translateX(-21920px)}24.1%{transform:translateX(-22000px)}24.1%{transform:translateX(-22080px)}24.1%{transform:translateX(-22160px)}24.1%{transform:translateX(-22240px)}24.1%{transform:translateX(-22320px)}24.1%{transform:translateX(-22400px)}24.1%{transform:translateX(-22480px)}24.1%{transform:translateX(-22560px)}24.1%{transform:translateX(-22640px)}24.1%{transform:translateX(-22720px)}24.1%{transform:translateX(-22800px)}24.1%{transform:translateX(-22880px)}24.1%{transform:translateX(-22960px)}24.1%{transform:translateX(-23040px)}24.1%{transform:translateX(-23120px)}24.1%{transform:translateX(-23200px)}24.1%{transform:translateX(-23280px)}24.1%{transform:translateX(-23360px)}24.1%{transform:translateX(-23440px)}24.1%{transform:translateX(-23520px)}24.1%{transform:translateX(-23600px)}24.1%{transform:translateX(-23680px)}24.1%{transform:translateX(-23760px)}24.1%{transform:translateX(-23840px)}24.1%{transform:translateX(-23920px)}24.1%{transform:translateX(-24000px)}24.1%{transform:translateX(-24080px)}24.1%{transform:translateX(-24160px)}24.1%{transform:translateX(-24240px)}24.1%{transform:translateX(-24320px)}24.1%{transform:translateX(-24400px)}24.1%{transform:translateX(-24480px)}24.1%{transform:translateX(-24560px)}24.1%{transform:translateX(-24640px)}24.1%{transform:translateX(-24720px)}24.1%{transform:translateX(-24800px)}24.1%{transform:translateX(-24880px)}24.1%{transform:translateX(-24960px)}24.1%{transform:translateX(-25040px)}24.1%{transform:translateX(-25120px)}24.1%{transform:translateX(-25200px)}24.1%{transform:translateX(-25280px)}24.1%{transform:translateX(-25360px)}24.1%{transform:translateX(-25440px)}24.1%{transform:translateX(-25520px)}24.1%{transform:translateX(-25600px)}24.1%{transform:translateX(-25680px)}24.1%{transform:translateX(-25760px)}24.1%{transform:translateX(-25840px)}24.1%{transform:translateX(-25920px)}24.1%{transform:translateX(-26000px)}24.1%{transform:translateX(-26080px)}24.1%{transform:translateX(-26160px)}24.1%{transform:translateX(-26240px)}24.1%{transform:translateX(-26320px)}24.1%{transform:translateX(-26400px)}24.1%{transform:translateX(-26480px)}24.1%{transform:translateX(-26560px)}24.1%{transform:translateX(-26640px)}24.1%{transform:translateX(-26720px)}24.1%{transform:translateX(-26800px)}24.1%{transform:translateX(-26880px)}24.1%{transform:translateX(-26960px)}24.1%{transform:translateX(-27040px)}24.1%{transform:translateX(-27120px)}24.1%{transform:translateX(-27200px)}24.1%{transform:translateX(-27280px)}24.1%{transform:translateX(-27360px)}24.1%{transform:translateX(-27440px)}24.1%{transform:translateX(-27520px)}24.1%{transform:translateX(-27600px)}24.1%{transform:translateX(-27680px)}24.1%{transform:translateX(-27760px)}24.1%{transform:translateX(-27840px)}24.1%{transform:translateX(-27920px)}24.1%{transform:translateX(-28000px)}24.1%{transform:translateX(-28080px)}24.1%{transform:translateX(-28160px)}24.2%{transform:translateX(-28240px)}29.2%{transform:translateX(-28320px)}29.2%{transform:translateX(-28400px)}29.2%{transform:translateX(-28480px)}29.2%{transform:translateX(-28560px)}29.2%{transform:translateX(-28640px)}29.2%{transform:translateX(-28720px)}29.2%{transform:translateX(-28800px)}29.2%{transform:translateX(-28880px)}29.2%{transform:translateX(-28960px)}29.2%{transform:translateX(-29040px)}29.2%{transform:translateX(-29120px)}29.2%{transform:translateX(-29200px)}29.2%{transform:translateX(-29280px)}29.2%{transform:translateX(-29360px)}29.2%{transform:translateX(-29440px)}29.2%{transform:translateX(-29520px)}29.2%{transform:translateX(-29600px)}29.2%{transform:translateX(-29680px)}29.2%{transform:translateX(-29760px)}29.2%{transform:translateX(-29840px)}29.2%{transform:translateX(-29920px)}29.2%{transform:translateX(-30000px)}29.2%{transform:translateX(-30080px)}29.2%{transform:translateX(-30160px)}29.2%{transform:translateX(-30240px)}29.2%{transform:translateX(-30320px)}29.2%{transform:translateX(-30400px)}29.2%{transform:translateX(-30480px)}29.2%{transform:translateX(-30560px)}29.2%{transform:translateX(-30640px)}29.2%{transform:translateX(-30720px)}29.2%{transform:translateX(-30800px)}29.3%{transform:translateX(-30880px)}29.3%{transform:translateX(-30960px)}29.3%{transform:translateX(-31040px)}29.3%{transform:translateX(-31120px)}29.3%{transform:translateX(-31200px)}29.3%{transform:translateX(-31280px)}29.3%{transform:translateX(-31360px)}29.3%{transform:translateX(-31440px)}29.3%{transform:translateX(-31520px)}29.3%{transform:translateX(-31600px)}29.3%{transform:translateX(-31680px)}29.3%{transform:translateX(-31760px)}29.3%{transform:translateX(-31840px)}29.3%{transform:translateX(-31920px)}29.3%{transform:translateX(-32000px)}29.3%{transform:translateX(-32080px)}29.3%{transform:translateX(-32160px)}29.3%{transform:translateX(-32240px)}29.3%{transform:translateX(-32320px)}29.3%{transform:translateX(-32400px)}29.3%{transform:translateX(-32480px)}29.3%{transform:translateX(-32560px)}29.3%{transform:translateX(-32640px)}29.3%{transform:translateX(-32720px)}29.3%{transform:translateX(-32800px)}29.3%{transform:translateX(-32880px)}29.3%{transform:translateX(-32960px)}29.3%{transform:translateX(-33040px)}29.3%{transform:translateX(-33120px)}29.3%{transform:translateX(-33200px)}29.3%{transform:translateX(-33280px)}29.3%{transform:translateX(-33360px)}29.3%{transform:translateX(-33440px)}29.3%{transform:translateX(-33520px)}29.3%{transform:translateX(-33600px)}29.3%{transform:translateX(-33680px)}29.3%{transform:translateX(-33760px)}29.3%{transform:translateX(-33840px)}29.3%{transform:translateX(-33920px)}29.3%{transform:translateX(-34000px)}29.3%{transform:translateX(-34080px)}29.3%{transform:translateX(-34160px)}29.3%{transform:translateX(-34240px)}29.3%{transform:translateX(-34320px)}29.3%{transform:translateX(-34400px)}29.3%{transform:translateX(-34480px)}29.3%{transform:translateX(-34560px)}29.3%{transform:translateX(-34640px)}29.3%{transform:translateX(-34720px)}29.3%{transform:translateX(-34800px)}29.3%{transform:translateX(-34880px)}29.3%{transform:translateX(-34960px)}29.3%{transform:translateX(-35040px)}29.3%{transform:translateX(-35120px)}29.3%{transform:translateX(-35200px)}29.3%{transform:translateX(-35280px)}29.3%{transform:translateX(-35360px)}29.3%{transform:translateX(-35440px)}29.3%{transform:translateX(-35520px)}34.3%{transform:translateX(-35600px)}34.3%{transform:translateX(-35680px)}34.4%{transform:translateX(-35760px)}34.4%{transform:translateX(-35840px)}34.4%{transform:translateX(-35920px)}34.4%{transform:translateX(-36000px)}34.4%{transform:translateX(-36080px)}34.4%{transform:translateX(-36160px)}34.4%{transform:translateX(-36240px)}34.4%{transform:translateX(-36320px)}34.4%{transform:translateX(-36400px)}34.4%{transform:translateX(-36480px)}34.4%{transform:translateX(-36560px)}34.4%{transform:translateX(-36640px)}34.4%{transform:translateX(-36720px)}34.4%{transform:translateX(-36800px)}34.4%{transform:translateX(-36880px)}34.4%{transform:translateX(-36960px)}34.4%{transform:translateX(-37040px)}34.4%{transform:translateX(-37120px)}34.4%{transform:translateX(-37200px)}34.4%{transform:translateX(-37280px)}34.4%{transform:translateX(-37360px)}34.4%{transform:translateX(-37440px)}34.4%{transform:translateX(-37520px)}34.4%{transform:translateX(-37600px)}34.4%{transform:translateX(-37680px)}34.4%{transform:translateX(-37760px)}34.4%{transform:translateX(-37840px)}34.4%{transform:translateX(-37920px)}34.4%{transform:translateX(-38000px)}34.4%{transform:translateX(-38080px)}34.4%{transform:translateX(-38160px)}34.4%{transform:translateX(-38240px)}34.4%{transform:translateX(-38320px)}34.4%{transform:translateX(-38400px)}34.4%{transform:translateX(-38480px)}34.4%{transform:translateX(-38560px)}34.4%{transform:translateX(-38640px)}34.4%{transform:translateX(-38720px)}34.4%{transform:translateX(-38800px)}34.4%{transform:translateX(-38880px)}34.4%{transform:translateX(-38960px)}34.4%{transform:translateX(-39040px)}34.4%{transform:translateX(-39120px)}34.4%{transform:translateX(-39200px)}34.4%{transform:translateX(-39280px)}34.4%{transform:translateX(-39360px)}34.4%{transform:translateX(-39440px)}34.4%{transform:translateX(-39520px)}34.4%{transform:translateX(-39600px)}34.4%{transform:translateX(-39680px)}34.4%{transform:translateX(-39760px)}34.4%{transform:translateX(-39840px)}34.4%{transform:translateX(-39920px)}34.4%{transform:translateX(-40000px)}34.4%{transform:translateX(-40080px)}34.4%{transform:translateX(-40160px)}34.4%{transform:translateX(-40240px)}34.4%{transform:translateX(-40320px)}34.4%{transform:translateX(-40400px)}34.4%{transform:translateX(-40480px)}34.4%{transform:translateX(-40560px)}34.4%{transform:translateX(-40640px)}34.4%{transform:translateX(-40720px)}34.4%{transform:translateX(-40800px)}34.4%{transform:translateX(-40880px)}34.4%{transform:translateX(-40960px)}34.4%{transform:translateX(-41040px)}34.4%{transform:translateX(-41120px)}34.4%{transform:translateX(-41200px)}34.4%{transform:translateX(-41280px)}34.4%{transform:translateX(-41360px)}34.4%{transform:translateX(-41440px)}34.4%{transform:translateX(-41520px)}34.4%{transform:translateX(-41600px)}34.4%{transform:translateX(-41680px)}34.4%{transform:translateX(-41760px)}34.4%{transform:translateX(-41840px)}34.4%{transform:translateX(-41920px)}34.4%{transform:translateX(-42000px)}34.4%{transform:translateX(-42080px)}34.4%{transform:translateX(-42160px)}34.4%{transform:translateX(-42240px)}34.4%{transform:translateX(-42320px)}34.4%{transform:translateX(-42400px)}34.4%{transform:translateX(-42480px)}34.4%{transform:translateX(-42560px)}34.4%{transform:translateX(-42640px)}34.4%{transform:translateX(-42720px)}34.4%{transform:translateX(-42800px)}39.5%{transform:translateX(-42880px)}39.5%{transform:translateX(-42960px)}39.5%{transform:translateX(-43040px)}39.5%{transform:translateX(-43120px)}39.5%{transform:translateX(-43200px)}39.5%{transform:translateX(-43280px)}39.5%{transform:translateX(-43360px)}39.5%{transform:translateX(-43440px)}39.5%{transform:translateX(-43520px)}39.5%{transform:translateX(-43600px)}39.5%{transform:translateX(-43680px)}39.5%{transform:translateX(-43760px)}39.5%{transform:translateX(-43840px)}39.5%{transform:translateX(-43920px)}39.5%{transform:translateX(-44000px)}39.5%{transform:translateX(-44080px)}39.5%{transform:translateX(-44160px)}39.5%{transform:translateX(-44240px)}39.5%{transform:translateX(-44320px)}39.5%{transform:translateX(-44400px)}39.5%{transform:translateX(-44480px)}39.5%{transform:translateX(-44560px)}39.5%{transform:translateX(-44640px)}39.5%{transform:translateX(-44720px)}39.5%{transform:translateX(-44800px)}39.5%{transform:translateX(-44880px)}39.5%{transform:translateX(-44960px)}39.5%{transform:translateX(-45040px)}39.5%{transform:translateX(-45120px)}39.5%{transform:translateX(-45200px)}39.5%{transform:translateX(-45280px)}39.5%{transform:translateX(-45360px)}39.5%{transform:translateX(-45440px)}39.5%{transform:translateX(-45520px)}39.5%{transform:translateX(-45600px)}39.5%{transform:translateX(-45680px)}39.5%{transform:translateX(-45760px)}39.5%{transform:translateX(-45840px)}39.5%{transform:translateX(-45920px)}39.5%{transform:translateX(-46000px)}39.5%{transform:translateX(-46080px)}39.6%{transform:translateX(-46160px)}39.6%{transform:translateX(-46240px)}39.6%{transform:translateX(-46320px)}39.6%{transform:translateX(-46400px)}39.6%{transform:translateX(-46480px)}39.6%{transform:translateX(-46560px)}39.6%{transform:translateX(-46640px)}39.6%{transform:translateX(-46720px)}39.6%{transform:translateX(-46800px)}39.6%{transform:translateX(-46880px)}39.6%{transform:translateX(-46960px)}39.6%{transform:translateX(-47040px)}39.6%{transform:translateX(-47120px)}39.6%{transform:translateX(-47200px)}39.6%{transform:translateX(-47280px)}39.6%{transform:translateX(-47360px)}39.6%{transform:translateX(-47440px)}39.6%{transform:translateX(-47520px)}39.6%{transform:translateX(-47600px)}39.6%{transform:translateX(-47680px)}39.6%{transform:translateX(-47760px)}39.6%{transform:translateX(-47840px)}39.6%{transform:translateX(-47920px)}39.6%{transform:translateX(-48000px)}39.6%{transform:translateX(-48080px)}39.6%{transform:translateX(-48160px)}39.6%{transform:translateX(-48240px)}39.6%{transform:translateX(-48320px)}39.6%{transform:translateX(-48400px)}39.6%{transform:translateX(-48480px)}39.6%{transform:translateX(-48560px)}39.6%{transform:translateX(-48640px)}39.6%{transform:translateX(-48720px)}39.6%{transform:translateX(-48800px)}39.6%{transform:translateX(-48880px)}39.6%{transform:translateX(-48960px)}39.6%{transform:translateX(-49040px)}39.6%{transform:translateX(-49120px)}39.6%{transform:translateX(-49200px)}39.6%{transform:translateX(-49280px)}39.6%{transform:translateX(-49360px)}39.6%{transform:translateX(-49440px)}39.6%{transform:translateX(-49520px)}39.6%{transform:translateX(-49600px)}39.6%{transform:translateX(-49680px)}39.6%{transform:translateX(-49760px)}39.6%{transform:translateX(-49840px)}39.6%{transform:translateX(-49920px)}39.6%{transform:translateX(-50000px)}39.6%{transform:translateX(-50080px)}44.6%{transform:translateX(-50160px)}44.6%{transform:translateX(-50240px)}44.6%{transform:translateX(-50320px)}44.6%{transform:translateX(-50400px)}44.6%{transform:translateX(-50480px)}44.6%{transform:translateX(-50560px)}44.6%{transform:translateX(-50640px)}44.6%{transform:translateX(-50720px)}44.6%{transform:translateX(-50800px)}44.6%{transform:translateX(-50880px)}44.6%{transform:translateX(-50960px)}44.6%{transform:translateX(-51040px)}44.6%{transform:translateX(-51120px)}44.7%{transform:translateX(-51200px)}44.7%{transform:translateX(-51280px)}44.7%{transform:translateX(-51360px)}44.7%{transform:translateX(-51440px)}44.7%{transform:translateX(-51520px)}44.7%{transform:translateX(-51600px)}44.7%{transform:translateX(-51680px)}44.7%{transform:translateX(-51760px)}44.7%{transform:translateX(-51840px)}44.7%{transform:translateX(-51920px)}44.7%{transform:translateX(-52000px)}44.7%{transform:translateX(-52080px)}44.7%{transform:translateX(-52160px)}44.7%{transform:translateX(-52240px)}44.7%{transform:translateX(-52320px)}44.7%{transform:translateX(-52400px)}44.7%{transform:translateX(-52480px)}44.7%{transform:translateX(-52560px)}44.7%{transform:translateX(-52640px)}44.7%{transform:translateX(-52720px)}44.7%{transform:translateX(-52800px)}44.7%{transform:translateX(-52880px)}44.7%{transform:translateX(-52960px)}44.7%{transform:translateX(-53040px)}44.7%{transform:translateX(-53120px)}44.7%{transform:translateX(-53200px)}44.7%{transform:translateX(-53280px)}44.7%{transform:translateX(-53360px)}44.7%{transform:translateX(-53440px)}44.7%{transform:translateX(-53520px)}44.7%{transform:translateX(-53600px)}44.7%{transform:translateX(-53680px)}44.7%{transform:translateX(-53760px)}44.7%{transform:translateX(-53840px)}44.7%{transform:translateX(-53920px)}44.7%{transform:translateX(-54000px)}44.7%{transform:translateX(-54080px)}44.7%{transform:translateX(-54160px)}44.7%{transform:translateX(-54240px)}44.7%{transform:translateX(-54320px)}44.7%{transform:translateX(-54400px)}44.7%{transform:translateX(-54480px)}44.7%{transform:translateX(-54560px)}44.7%{transform:translateX(-54640px)}44.7%{transform:translateX(-54720px)}44.7%{transform:translateX(-54800px)}44.7%{transform:translateX(-54880px)}44.7%{transform:translateX(-54960px)}44.7%{transform:translateX(-55040px)}44.7%{transform:translateX(-55120px)}44.7%{transform:translateX(-55200px)}44.7%{transform:translateX(-55280px)}44.7%{transform:translateX(-55360px)}44.7%{transform:translateX(-55440px)}44.7%{transform:translateX(-55520px)}44.7%{transform:translateX(-55600px)}44.7%{transform:translateX(-55680px)}44.7%{transform:translateX(-55760px)}44.7%{transform:translateX(-55840px)}44.7%{transform:translateX(-55920px)}44.7%{transform:translateX(-56000px)}44.7%{transform:translateX(-56080px)}44.7%{transform:translateX(-56160px)}44.7%{transform:translateX(-56240px)}44.7%{transform:translateX(-56320px)}44.7%{transform:translateX(-56400px)}44.7%{transform:translateX(-56480px)}44.7%{transform:translateX(-56560px)}44.7%{transform:translateX(-56640px)}44.7%{transform:translateX(-56720px)}44.7%{transform:translateX(-56800px)}44.7%{transform:translateX(-56880px)}44.7%{transform:translateX(-56960px)}44.7%{transform:translateX(-57040px)}44.7%{transform:translateX(-57120px)}44.7%{transform:translateX(-57200px)}44.7%{transform:translateX(-57280px)}44.7%{transform:translateX(-57360px)}49.8%{transform:translateX(-57440px)}49.8%{transform:translateX(-57520px)}49.8%{transform:translateX(-57600px)}49.8%{transform:translateX(-57680px)}49.8%{transform:translateX(-57760px)}49.8%{transform:translateX(-57840px)}49.8%{transform:translateX(-57920px)}49.8%{transform:translateX(-58000px)}49.8%{transform:translateX(-58080px)}49.8%{transform:translateX(-58160px)}49.8%{transform:translateX(-58240px)}49.8%{transform:translateX(-58320px)}49.8%{transform:translateX(-58400px)}49.8%{transform:translateX(-58480px)}49.8%{transform:translateX(-58560px)}49.8%{transform:translateX(-58640px)}49.8%{transform:translateX(-58720px)}49.8%{transform:translateX(-58800px)}49.8%{transform:translateX(-58880px)}49.8%{transform:translateX(-58960px)}49.8%{transform:translateX(-59040px)}49.8%{transform:translateX(-59120px)}49.8%{transform:translateX(-59200px)}49.8%{transform:translateX(-59280px)}49.8%{transform:translateX(-59360px)}49.8%{transform:translateX(-59440px)}49.8%{transform:translateX(-59520px)}49.8%{transform:translateX(-59600px)}49.8%{transform:translateX(-59680px)}49.8%{transform:translateX(-59760px)}49.8%{transform:translateX(-59840px)}49.8%{transform:translateX(-59920px)}49.8%{transform:translateX(-60000px)}49.8%{transform:translateX(-60080px)}49.8%{transform:translateX(-60160px)}49.8%{transform:translateX(-60240px)}49.8%{transform:translateX(-60320px)}49.8%{transform:translateX(-60400px)}49.8%{transform:translateX(-60480px)}49.8%{transform:translateX(-60560px)}49.8%{transform:translateX(-60640px)}49.8%{transform:translateX(-60720px)}49.8%{transform:translateX(-60800px)}49.8%{transform:translateX(-60880px)}49.8%{transform:translateX(-60960px)}49.8%{transform:translateX(-61040px)}49.8%{transform:translateX(-61120px)}49.8%{transform:translateX(-61200px)}49.8%{transform:translateX(-61280px)}49.8%{transform:translateX(-61360px)}49.8%{transform:translateX(-61440px)}49.8%{transform:translateX(-61520px)}49.8%{transform:translateX(-61600px)}49.8%{transform:translateX(-61680px)}49.8%{transform:translateX(-61760px)}49.8%{transform:translateX(-61840px)}49.8%{transform:translateX(-61920px)}49.8%{transform:translateX(-62000px)}49.8%{transform:translateX(-62080px)}49.8%{transform:translateX(-62160px)}49.8%{transform:translateX(-62240px)}49.8%{transform:translateX(-62320px)}49.8%{transform:translateX(-62400px)}49.8%{transform:translateX(-62480px)}49.8%{transform:translateX(-62560px)}49.8%{transform:translateX(-62640px)}49.8%{transform:translateX(-62720px)}49.8%{transform:translateX(-62800px)}49.8%{transform:translateX(-62880px)}49.8%{transform:translateX(-62960px)}49.8%{transform:translateX(-63040px)}49.8%{transform:translateX(-63120px)}49.8%{transform:translateX(-63200px)}49.8%{transform:translateX(-63280px)}49.8%{transform:translateX(-63360px)}49.8%{transform:translateX(-63440px)}49.8%{transform:translateX(-63520px)}49.8%{transform:translateX(-63600px)}49.8%{transform:translateX(-63680px)}49.8%{transform:translateX(-63760px)}49.8%{transform:translateX(-63840px)}49.8%{transform:translateX(-63920px)}49.8%{transform:translateX(-64000px)}49.8%{transform:translateX(-64080px)}49.8%{transform:translateX(-64160px)}49.8%{transform:translateX(-64240px)}49.8%{transform:translateX(-64320px)}49.8%{transform:translateX(-64400px)}49.8%{transform:translateX(-64480px)}49.8%{transform:translateX(-64560px)}49.8%{transform:translateX(-64640px)}100%{transform:translateX(-64720px)}}████████████ABCD████████████████████Restartinganimation...
\ No newline at end of file
diff --git a/_examples/area/fullscreen-center/animation.svg b/_examples/area/fullscreen-center/animation.svg
index e58048c0b..de0ad8216 100644
--- a/_examples/area/fullscreen-center/animation.svg
+++ b/_examples/area/fullscreen-center/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:9.174824s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}1.5%{transform:translateX(-80px)}2.1%{transform:translateX(-160px)}12.8%{transform:translateX(-240px)}12.8%{transform:translateX(-320px)}12.8%{transform:translateX(-400px)}12.8%{transform:translateX(-480px)}12.8%{transform:translateX(-560px)}12.8%{transform:translateX(-640px)}12.8%{transform:translateX(-720px)}12.8%{transform:translateX(-800px)}12.8%{transform:translateX(-880px)}12.8%{transform:translateX(-960px)}12.8%{transform:translateX(-1040px)}12.8%{transform:translateX(-1120px)}12.8%{transform:translateX(-1200px)}12.8%{transform:translateX(-1280px)}12.8%{transform:translateX(-1360px)}12.8%{transform:translateX(-1440px)}12.8%{transform:translateX(-1520px)}12.8%{transform:translateX(-1600px)}12.8%{transform:translateX(-1680px)}23.7%{transform:translateX(-1760px)}23.7%{transform:translateX(-1840px)}23.7%{transform:translateX(-1920px)}23.7%{transform:translateX(-2000px)}23.7%{transform:translateX(-2080px)}23.7%{transform:translateX(-2160px)}23.7%{transform:translateX(-2240px)}23.7%{transform:translateX(-2320px)}23.7%{transform:translateX(-2400px)}23.7%{transform:translateX(-2480px)}23.7%{transform:translateX(-2560px)}23.7%{transform:translateX(-2640px)}23.7%{transform:translateX(-2720px)}34.6%{transform:translateX(-2800px)}34.6%{transform:translateX(-2880px)}45.5%{transform:translateX(-2960px)}100%{transform:translateX(-3040px)}}Currentcount:0Areascanupdatetheircontentdynamically!Currentcount:1Currentcount:4Currentcount:2Currentcount:3Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:9.289076s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}2.5%{transform:translateX(-80px)}3.1%{transform:translateX(-160px)}13.9%{transform:translateX(-240px)}24.6%{transform:translateX(-320px)}24.6%{transform:translateX(-400px)}24.6%{transform:translateX(-480px)}24.6%{transform:translateX(-560px)}24.6%{transform:translateX(-640px)}24.6%{transform:translateX(-720px)}24.6%{transform:translateX(-800px)}24.6%{transform:translateX(-880px)}24.6%{transform:translateX(-960px)}24.6%{transform:translateX(-1040px)}24.6%{transform:translateX(-1120px)}35.4%{transform:translateX(-1200px)}35.4%{transform:translateX(-1280px)}35.4%{transform:translateX(-1360px)}35.4%{transform:translateX(-1440px)}46.2%{transform:translateX(-1520px)}46.2%{transform:translateX(-1600px)}46.2%{transform:translateX(-1680px)}100%{transform:translateX(-1760px)}}Areascanupdatetheircontentdynamically!Currentcount:1Currentcount:2Currentcount:3Currentcount:4Currentcount:0Restartinganimation...
\ No newline at end of file
diff --git a/_examples/area/fullscreen/animation.svg b/_examples/area/fullscreen/animation.svg
index f332d6df4..9b8171f4b 100644
--- a/_examples/area/fullscreen/animation.svg
+++ b/_examples/area/fullscreen/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:9.155133s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}1.5%{transform:translateX(-80px)}1.9%{transform:translateX(-160px)}12.6%{transform:translateX(-240px)}23.5%{transform:translateX(-320px)}23.5%{transform:translateX(-400px)}23.5%{transform:translateX(-480px)}23.5%{transform:translateX(-560px)}23.5%{transform:translateX(-640px)}23.5%{transform:translateX(-720px)}23.5%{transform:translateX(-800px)}23.5%{transform:translateX(-880px)}23.5%{transform:translateX(-960px)}34.5%{transform:translateX(-1040px)}34.5%{transform:translateX(-1120px)}34.5%{transform:translateX(-1200px)}34.5%{transform:translateX(-1280px)}34.5%{transform:translateX(-1360px)}45.4%{transform:translateX(-1440px)}45.4%{transform:translateX(-1520px)}45.4%{transform:translateX(-1600px)}45.4%{transform:translateX(-1680px)}45.4%{transform:translateX(-1760px)}45.4%{transform:translateX(-1840px)}45.4%{transform:translateX(-1920px)}45.4%{transform:translateX(-2000px)}45.4%{transform:translateX(-2080px)}45.4%{transform:translateX(-2160px)}45.4%{transform:translateX(-2240px)}45.4%{transform:translateX(-2320px)}100%{transform:translateX(-2400px)}}Areascanupdatetheircontentdynamically!Currentcount:1Currentcount:2Currentcount:3Currentcount:0Currentcount:4Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:9.244425s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}2.2%{transform:translateX(-80px)}2.8%{transform:translateX(-160px)}13.4%{transform:translateX(-240px)}13.4%{transform:translateX(-320px)}13.4%{transform:translateX(-400px)}13.4%{transform:translateX(-480px)}13.4%{transform:translateX(-560px)}13.4%{transform:translateX(-640px)}13.4%{transform:translateX(-720px)}24.2%{transform:translateX(-800px)}24.2%{transform:translateX(-880px)}24.2%{transform:translateX(-960px)}24.2%{transform:translateX(-1040px)}24.2%{transform:translateX(-1120px)}24.2%{transform:translateX(-1200px)}24.2%{transform:translateX(-1280px)}24.2%{transform:translateX(-1360px)}24.2%{transform:translateX(-1440px)}24.2%{transform:translateX(-1520px)}24.2%{transform:translateX(-1600px)}24.2%{transform:translateX(-1680px)}24.2%{transform:translateX(-1760px)}35.1%{transform:translateX(-1840px)}35.1%{transform:translateX(-1920px)}35.1%{transform:translateX(-2000px)}35.1%{transform:translateX(-2080px)}35.1%{transform:translateX(-2160px)}35.1%{transform:translateX(-2240px)}35.1%{transform:translateX(-2320px)}35.1%{transform:translateX(-2400px)}35.1%{transform:translateX(-2480px)}35.1%{transform:translateX(-2560px)}35.1%{transform:translateX(-2640px)}35.1%{transform:translateX(-2720px)}35.1%{transform:translateX(-2800px)}35.1%{transform:translateX(-2880px)}45.9%{transform:translateX(-2960px)}45.9%{transform:translateX(-3040px)}45.9%{transform:translateX(-3120px)}45.9%{transform:translateX(-3200px)}45.9%{transform:translateX(-3280px)}45.9%{transform:translateX(-3360px)}45.9%{transform:translateX(-3440px)}45.9%{transform:translateX(-3520px)}45.9%{transform:translateX(-3600px)}45.9%{transform:translateX(-3680px)}100%{transform:translateX(-3760px)}}Currentcount:0Areascanupdatetheircontentdynamically!Currentcount:1Currentcount:2Currentcount:3Currentcount:4Restartinganimation...
\ No newline at end of file
diff --git a/_examples/barchart/custom-height/animation.svg b/_examples/barchart/custom-height/animation.svg
index 149282d78..3bfe42d60 100644
--- a/_examples/barchart/custom-height/animation.svg
+++ b/_examples/barchart/custom-height/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(0,198,255);white-space:pre}.g{fill:rgb(126,231,233);white-space:pre}.h{fill:transparent}.j{animation-duration:5.198324s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}.k{fill:rgb(160,160,160);white-space:pre}@keyframes i{0%{transform:translateX(-0px)}3.8%{transform:translateX(-80px)}100%{transform:translateX(-160px)}}██████████████████████████████████████████████████ABCDEFGHIRestartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(0,198,255);white-space:pre}.g{fill:rgb(126,231,233);white-space:pre}.h{fill:transparent}.j{animation-duration:5.362506s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}.k{fill:rgb(160,160,160);white-space:pre}@keyframes i{0%{transform:translateX(-0px)}5.9%{transform:translateX(-80px)}6.8%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}██████████████████████████████████████████████████ABCDEFGHIRestartinganimation...
\ No newline at end of file
diff --git a/_examples/barchart/custom-width/animation.svg b/_examples/barchart/custom-width/animation.svg
index b832d8104..8411532c1 100644
--- a/_examples/barchart/custom-width/animation.svg
+++ b/_examples/barchart/custom-width/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(0,198,255);white-space:pre}.h{fill:transparent}.j{animation-duration:5.241154s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}.k{fill:rgb(160,160,160);white-space:pre}@keyframes i{0%{transform:translateX(-0px)}4.6%{transform:translateX(-80px)}100%{transform:translateX(-160px)}}A█B██C███D████E█████F████G███H██I█Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(0,198,255);white-space:pre}.h{fill:transparent}.j{animation-duration:5.213271s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}.k{fill:rgb(160,160,160);white-space:pre}@keyframes i{0%{transform:translateX(-0px)}3%{transform:translateX(-80px)}4.1%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}A█B██C███D████E█████F████G███H██I█Restartinganimation...
\ No newline at end of file
diff --git a/_examples/barchart/default/animation.svg b/_examples/barchart/default/animation.svg
index 57b6507f6..f1ef905e6 100644
--- a/_examples/barchart/default/animation.svg
+++ b/_examples/barchart/default/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(0,198,255);white-space:pre}.g{fill:rgb(126,231,233);white-space:pre}.h{fill:transparent}.j{animation-duration:5.432365s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}.k{fill:rgb(160,160,160);white-space:pre}@keyframes i{0%{transform:translateX(-0px)}7.1%{transform:translateX(-80px)}8%{transform:translateX(-160px)}8%{transform:translateX(-240px)}8%{transform:translateX(-320px)}100%{transform:translateX(-400px)}}██████████████████████████████████████████████████ABCDEFGHI████████████████████████████Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(0,198,255);white-space:pre}.g{fill:rgb(126,231,233);white-space:pre}.h{fill:transparent}.j{animation-duration:5.493956s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}.k{fill:rgb(160,160,160);white-space:pre}@keyframes i{0%{transform:translateX(-0px)}7.3%{transform:translateX(-80px)}8.9%{transform:translateX(-160px)}8.9%{transform:translateX(-240px)}8.9%{transform:translateX(-320px)}8.9%{transform:translateX(-400px)}8.9%{transform:translateX(-480px)}8.9%{transform:translateX(-560px)}8.9%{transform:translateX(-640px)}8.9%{transform:translateX(-720px)}8.9%{transform:translateX(-800px)}8.9%{transform:translateX(-880px)}8.9%{transform:translateX(-960px)}8.9%{transform:translateX(-1040px)}9%{transform:translateX(-1120px)}9%{transform:translateX(-1200px)}9%{transform:translateX(-1280px)}9%{transform:translateX(-1360px)}9%{transform:translateX(-1440px)}9%{transform:translateX(-1520px)}9%{transform:translateX(-1600px)}9%{transform:translateX(-1680px)}9%{transform:translateX(-1760px)}9%{transform:translateX(-1840px)}9%{transform:translateX(-1920px)}9%{transform:translateX(-2000px)}9%{transform:translateX(-2080px)}9%{transform:translateX(-2160px)}9%{transform:translateX(-2240px)}9%{transform:translateX(-2320px)}9%{transform:translateX(-2400px)}9%{transform:translateX(-2480px)}9%{transform:translateX(-2560px)}9%{transform:translateX(-2640px)}9%{transform:translateX(-2720px)}9%{transform:translateX(-2800px)}9%{transform:translateX(-2880px)}9%{transform:translateX(-2960px)}9%{transform:translateX(-3040px)}100%{transform:translateX(-3120px)}}██████████████████████████████████████████████████ABCDEFGHI████████████Restartinganimation...
\ No newline at end of file
diff --git a/_examples/barchart/demo/animation.svg b/_examples/barchart/demo/animation.svg
index 98b9abcd9..f3be62976 100644
--- a/_examples/barchart/demo/animation.svg
+++ b/_examples/barchart/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:rgb(0,198,255);white-space:pre}.j{fill:transparent}.l{animation-duration:5.4157s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}.m{fill:rgb(160,160,160);white-space:pre}@keyframes k{0%{transform:translateX(-0px)}4%{transform:translateX(-80px)}4.9%{transform:translateX(-160px)}6.8%{transform:translateX(-240px)}6.9%{transform:translateX(-320px)}6.9%{transform:translateX(-400px)}6.9%{transform:translateX(-480px)}6.9%{transform:translateX(-560px)}6.9%{transform:translateX(-640px)}6.9%{transform:translateX(-720px)}6.9%{transform:translateX(-800px)}6.9%{transform:translateX(-880px)}6.9%{transform:translateX(-960px)}7%{transform:translateX(-1040px)}7%{transform:translateX(-1120px)}7%{transform:translateX(-1200px)}7%{transform:translateX(-1280px)}7%{transform:translateX(-1360px)}7%{transform:translateX(-1440px)}7%{transform:translateX(-1520px)}7%{transform:translateX(-1600px)}7%{transform:translateX(-1680px)}7%{transform:translateX(-1760px)}7%{transform:translateX(-1840px)}7%{transform:translateX(-1920px)}7%{transform:translateX(-2000px)}7%{transform:translateX(-2080px)}7%{transform:translateX(-2160px)}7%{transform:translateX(-2240px)}7%{transform:translateX(-2320px)}7%{transform:translateX(-2400px)}7%{transform:translateX(-2480px)}7%{transform:translateX(-2560px)}7%{transform:translateX(-2640px)}7%{transform:translateX(-2720px)}7.1%{transform:translateX(-2800px)}7.1%{transform:translateX(-2880px)}7.1%{transform:translateX(-2960px)}7.1%{transform:translateX(-3040px)}7.1%{transform:translateX(-3120px)}7.1%{transform:translateX(-3200px)}7.6%{transform:translateX(-3280px)}7.7%{transform:translateX(-3360px)}7.7%{transform:translateX(-3440px)}7.7%{transform:translateX(-3520px)}7.7%{transform:translateX(-3600px)}7.7%{transform:translateX(-3680px)}7.7%{transform:translateX(-3760px)}7.7%{transform:translateX(-3840px)}7.7%{transform:translateX(-3920px)}100%{transform:translateX(-4000px)}} INFO Chartexamplewithpositiveonlyvalues(barsuse100%ofchartarea)████████████Bar1Bar2LongerLabelBar1█████████████████████████████████████Bar2██████████████████████LongerLabel█████████████████████████████████████████████████████LongerLabel██████████████████████Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:rgb(0,198,255);white-space:pre}.j{fill:transparent}.l{animation-duration:5.494179s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}.m{fill:rgb(160,160,160);white-space:pre}@keyframes k{0%{transform:translateX(-0px)}3.8%{transform:translateX(-80px)}5.2%{transform:translateX(-160px)}7.3%{transform:translateX(-240px)}7.8%{transform:translateX(-320px)}7.9%{transform:translateX(-400px)}7.9%{transform:translateX(-480px)}7.9%{transform:translateX(-560px)}7.9%{transform:translateX(-640px)}7.9%{transform:translateX(-720px)}7.9%{transform:translateX(-800px)}7.9%{transform:translateX(-880px)}7.9%{transform:translateX(-960px)}7.9%{transform:translateX(-1040px)}7.9%{transform:translateX(-1120px)}7.9%{transform:translateX(-1200px)}7.9%{transform:translateX(-1280px)}7.9%{transform:translateX(-1360px)}7.9%{transform:translateX(-1440px)}7.9%{transform:translateX(-1520px)}7.9%{transform:translateX(-1600px)}7.9%{transform:translateX(-1680px)}7.9%{transform:translateX(-1760px)}7.9%{transform:translateX(-1840px)}7.9%{transform:translateX(-1920px)}7.9%{transform:translateX(-2000px)}7.9%{transform:translateX(-2080px)}7.9%{transform:translateX(-2160px)}7.9%{transform:translateX(-2240px)}7.9%{transform:translateX(-2320px)}7.9%{transform:translateX(-2400px)}7.9%{transform:translateX(-2480px)}7.9%{transform:translateX(-2560px)}7.9%{transform:translateX(-2640px)}8%{transform:translateX(-2720px)}8%{transform:translateX(-2800px)}8%{transform:translateX(-2880px)}8%{transform:translateX(-2960px)}8%{transform:translateX(-3040px)}8%{transform:translateX(-3120px)}8%{transform:translateX(-3200px)}9%{transform:translateX(-3280px)}9%{transform:translateX(-3360px)}9%{transform:translateX(-3440px)}9%{transform:translateX(-3520px)}100%{transform:translateX(-3600px)}} INFO Chartexamplewithpositiveonlyvalues(barsuse100%ofchartarea)████████████Bar1Bar2LongerLabelBar1█████████████████████████████████████Bar2██████████████████████LongerLabel█████████████████████████████████████████████████████Bar2████LongerLabel██████████████████████████Restartinganimation...
\ No newline at end of file
diff --git a/_examples/barchart/horizontal-show-value/animation.svg b/_examples/barchart/horizontal-show-value/animation.svg
index 6902493bc..bffdc4986 100644
--- a/_examples/barchart/horizontal-show-value/animation.svg
+++ b/_examples/barchart/horizontal-show-value/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(0,198,255);white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:transparent}.k{animation-duration:5.48758s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}7.9%{transform:translateX(-80px)}8.9%{transform:translateX(-160px)}8.9%{transform:translateX(-240px)}8.9%{transform:translateX(-320px)}8.9%{transform:translateX(-400px)}8.9%{transform:translateX(-480px)}100%{transform:translateX(-560px)}}A██████████10B█████████████████████20C███████████████████████████████30D██████████████████████████████████████████40E████████████████████████████████████████████████████50F██████████████████████████████████████████40G███████████████████████████████30H█████████████████████20I██████████10C█████D████████████████████E████████████████████████F██████████████████G███████████████████████Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(0,198,255);white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:transparent}.k{animation-duration:5.464566s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}7%{transform:translateX(-80px)}8.4%{transform:translateX(-160px)}8.4%{transform:translateX(-240px)}8.4%{transform:translateX(-320px)}8.4%{transform:translateX(-400px)}8.4%{transform:translateX(-480px)}8.4%{transform:translateX(-560px)}8.4%{transform:translateX(-640px)}8.4%{transform:translateX(-720px)}8.4%{transform:translateX(-800px)}8.5%{transform:translateX(-880px)}8.5%{transform:translateX(-960px)}8.5%{transform:translateX(-1040px)}8.5%{transform:translateX(-1120px)}8.5%{transform:translateX(-1200px)}8.5%{transform:translateX(-1280px)}8.5%{transform:translateX(-1360px)}8.5%{transform:translateX(-1440px)}100%{transform:translateX(-1520px)}}A██████████10B█████████████████████20C███████████████████████████████30D██████████████████████████████████████████40E████████████████████████████████████████████████████50F██████████████████████████████████████████40G███████████████████████████████30H█████████████████████20I██████████10C█████████D████████████████████E███████████████████████████████████████████████F███████████████████Restartinganimation...
\ No newline at end of file
diff --git a/_examples/barchart/horizontal/animation.svg b/_examples/barchart/horizontal/animation.svg
index 63cc01144..decb94c35 100644
--- a/_examples/barchart/horizontal/animation.svg
+++ b/_examples/barchart/horizontal/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(0,198,255);white-space:pre}.h{fill:transparent}.j{animation-duration:5.391418s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}.k{fill:rgb(160,160,160);white-space:pre}@keyframes i{0%{transform:translateX(-0px)}6.2%{transform:translateX(-80px)}7.3%{transform:translateX(-160px)}7.3%{transform:translateX(-240px)}7.3%{transform:translateX(-320px)}7.3%{transform:translateX(-400px)}7.3%{transform:translateX(-480px)}100%{transform:translateX(-560px)}}A██████████B█████████████████████C███████████████████████████████D██████████████████████████████████████████E████████████████████████████████████████████████████F██████████████████████████████████████████G███████████████████████████████H█████████████████████I██████████C██████D████████████████████E█████████████████████████F████████████████████G████████████████████████Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(0,198,255);white-space:pre}.h{fill:transparent}.j{animation-duration:5.161956s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}.k{fill:rgb(160,160,160);white-space:pre}@keyframes i{0%{transform:translateX(-0px)}2.1%{transform:translateX(-80px)}3%{transform:translateX(-160px)}3%{transform:translateX(-240px)}3%{transform:translateX(-320px)}3.1%{transform:translateX(-400px)}3.1%{transform:translateX(-480px)}3.1%{transform:translateX(-560px)}3.1%{transform:translateX(-640px)}3.1%{transform:translateX(-720px)}3.1%{transform:translateX(-800px)}3.1%{transform:translateX(-880px)}3.1%{transform:translateX(-960px)}3.1%{transform:translateX(-1040px)}3.1%{transform:translateX(-1120px)}3.1%{transform:translateX(-1200px)}3.1%{transform:translateX(-1280px)}3.1%{transform:translateX(-1360px)}3.1%{transform:translateX(-1440px)}3.1%{transform:translateX(-1520px)}3.1%{transform:translateX(-1600px)}3.1%{transform:translateX(-1680px)}3.1%{transform:translateX(-1760px)}3.1%{transform:translateX(-1840px)}3.1%{transform:translateX(-1920px)}100%{transform:translateX(-2000px)}}A██████████B█████████████████████C███████████████████████████████D██████████████████████████████████████████E████████████████████████████████████████████████████F██████████████████████████████████████████G███████████████████████████████H█████████████████████I██████████D█████████████████████E███████████████████████████████████████████████F████████████████████Restartinganimation...
\ No newline at end of file
diff --git a/_examples/barchart/mixed-values/animation.svg b/_examples/barchart/mixed-values/animation.svg
index d61e8443f..3b200eddf 100644
--- a/_examples/barchart/mixed-values/animation.svg
+++ b/_examples/barchart/mixed-values/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.h{fill:rgb(0,198,255);white-space:pre}.i{fill:rgb(126,231,233);white-space:pre}.j{fill:transparent}.l{animation-duration:5.39137s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}3.5%{transform:translateX(-80px)}6.4%{transform:translateX(-160px)}6.4%{transform:translateX(-240px)}7.3%{transform:translateX(-320px)}7.3%{transform:translateX(-400px)}100%{transform:translateX(-480px)}}#Chartexamplewithmixedvalues(notescreenspaceusageincasewhenABSOLUTEvaluesofnegativeandpositivepartsarediffertoomuch)257██████████████████-3-2Bar1Bar2Bar3Bar4LongerLabelBar1███████2Bar2███████████-3Bar3███████-2Bar4██████████████████5LongerLabel██████████████████████████7Bar4█Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.h{fill:rgb(0,198,255);white-space:pre}.i{fill:rgb(126,231,233);white-space:pre}.j{fill:transparent}.l{animation-duration:5.390785s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}2.8%{transform:translateX(-80px)}4.1%{transform:translateX(-160px)}5.4%{transform:translateX(-240px)}6.1%{transform:translateX(-320px)}6.1%{transform:translateX(-400px)}6.1%{transform:translateX(-480px)}6.2%{transform:translateX(-560px)}6.2%{transform:translateX(-640px)}6.2%{transform:translateX(-720px)}6.2%{transform:translateX(-800px)}6.2%{transform:translateX(-880px)}6.2%{transform:translateX(-960px)}6.2%{transform:translateX(-1040px)}6.2%{transform:translateX(-1120px)}6.2%{transform:translateX(-1200px)}6.2%{transform:translateX(-1280px)}6.2%{transform:translateX(-1360px)}6.2%{transform:translateX(-1440px)}6.2%{transform:translateX(-1520px)}6.2%{transform:translateX(-1600px)}6.2%{transform:translateX(-1680px)}6.2%{transform:translateX(-1760px)}6.2%{transform:translateX(-1840px)}6.2%{transform:translateX(-1920px)}6.2%{transform:translateX(-2000px)}6.2%{transform:translateX(-2080px)}6.2%{transform:translateX(-2160px)}6.2%{transform:translateX(-2240px)}6.3%{transform:translateX(-2320px)}6.3%{transform:translateX(-2400px)}6.3%{transform:translateX(-2480px)}6.3%{transform:translateX(-2560px)}6.3%{transform:translateX(-2640px)}6.3%{transform:translateX(-2720px)}7.2%{transform:translateX(-2800px)}7.2%{transform:translateX(-2880px)}7.2%{transform:translateX(-2960px)}7.2%{transform:translateX(-3040px)}7.2%{transform:translateX(-3120px)}7.2%{transform:translateX(-3200px)}7.2%{transform:translateX(-3280px)}7.2%{transform:translateX(-3360px)}7.2%{transform:translateX(-3440px)}7.2%{transform:translateX(-3520px)}7.2%{transform:translateX(-3600px)}7.2%{transform:translateX(-3680px)}100%{transform:translateX(-3760px)}}#Chartexamplewithmixedvalues(notescreenspaceusageincasewhenABSOLUTEvaluesofnegativeandpositivepartsarediffertoomuch)257██████████████████-3-2Bar1Bar2Bar3Bar4LongerLabelBar1███████2Bar2███████████-3Bar3███████-2Bar4██████████████████5LongerLabel██████████████████████████7Restartinganimation...
\ No newline at end of file
diff --git a/_examples/barchart/negative-values/animation.svg b/_examples/barchart/negative-values/animation.svg
index 07325afdb..96abdbf32 100644
--- a/_examples/barchart/negative-values/animation.svg
+++ b/_examples/barchart/negative-values/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:rgb(0,198,255);white-space:pre}.j{fill:rgb(160,160,160);white-space:pre}.k{fill:transparent}.m{animation-duration:5.457603s;animation-iteration-count:infinite;animation-name:l;animation-timing-function:steps(1,end)}@keyframes l{0%{transform:translateX(-0px)}3.9%{transform:translateX(-80px)}7.1%{transform:translateX(-160px)}7.1%{transform:translateX(-240px)}8.4%{transform:translateX(-320px)}8.4%{transform:translateX(-400px)}8.4%{transform:translateX(-480px)}100%{transform:translateX(-560px)}} INFO Chartexamplewithnegativeonlyvalues(barsuse100%ofchartarea)████████████-5-3-7Bar1Bar2LongerLabelBar1█████████████████████████████████████-5Bar2██████████████████████-3LongerLabel█████████████████████████████████████████████████████-7Bar2LongerLabel█████████████████████Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:rgb(0,198,255);white-space:pre}.j{fill:rgb(160,160,160);white-space:pre}.k{fill:transparent}.m{animation-duration:5.245489s;animation-iteration-count:infinite;animation-name:l;animation-timing-function:steps(1,end)}@keyframes l{0%{transform:translateX(-0px)}1.9%{transform:translateX(-80px)}2.3%{transform:translateX(-160px)}3.2%{transform:translateX(-240px)}3.7%{transform:translateX(-320px)}3.7%{transform:translateX(-400px)}3.7%{transform:translateX(-480px)}3.7%{transform:translateX(-560px)}3.7%{transform:translateX(-640px)}3.7%{transform:translateX(-720px)}3.7%{transform:translateX(-800px)}3.7%{transform:translateX(-880px)}3.7%{transform:translateX(-960px)}3.7%{transform:translateX(-1040px)}3.7%{transform:translateX(-1120px)}3.7%{transform:translateX(-1200px)}3.7%{transform:translateX(-1280px)}3.7%{transform:translateX(-1360px)}3.8%{transform:translateX(-1440px)}3.8%{transform:translateX(-1520px)}3.8%{transform:translateX(-1600px)}3.8%{transform:translateX(-1680px)}3.8%{transform:translateX(-1760px)}3.8%{transform:translateX(-1840px)}3.8%{transform:translateX(-1920px)}3.8%{transform:translateX(-2000px)}3.8%{transform:translateX(-2080px)}3.8%{transform:translateX(-2160px)}3.8%{transform:translateX(-2240px)}3.8%{transform:translateX(-2320px)}3.8%{transform:translateX(-2400px)}3.8%{transform:translateX(-2480px)}3.8%{transform:translateX(-2560px)}3.8%{transform:translateX(-2640px)}3.8%{transform:translateX(-2720px)}3.8%{transform:translateX(-2800px)}3.8%{transform:translateX(-2880px)}3.8%{transform:translateX(-2960px)}3.8%{transform:translateX(-3040px)}3.8%{transform:translateX(-3120px)}3.8%{transform:translateX(-3200px)}3.8%{transform:translateX(-3280px)}3.8%{transform:translateX(-3360px)}4.7%{transform:translateX(-3440px)}4.7%{transform:translateX(-3520px)}4.7%{transform:translateX(-3600px)}4.7%{transform:translateX(-3680px)}4.7%{transform:translateX(-3760px)}4.7%{transform:translateX(-3840px)}4.7%{transform:translateX(-3920px)}4.7%{transform:translateX(-4000px)}4.7%{transform:translateX(-4080px)}100%{transform:translateX(-4160px)}} INFO Chartexamplewithnegativeonlyvalues(barsuse100%ofchartarea)████████████-5-3-7Bar1Bar2LongerLabelBar1█████████████████████████████████████-5Bar2██████████████████████-3LongerLabel█████████████████████████████████████████████████████-7LongerLabel██████████████████████Restartinganimation...
\ No newline at end of file
diff --git a/_examples/barchart/show-value/animation.svg b/_examples/barchart/show-value/animation.svg
index 53348d452..013ca9c06 100644
--- a/_examples/barchart/show-value/animation.svg
+++ b/_examples/barchart/show-value/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(0,198,255);white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:transparent}.k{animation-duration:5.465056s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}6.2%{transform:translateX(-80px)}8.4%{transform:translateX(-160px)}8.4%{transform:translateX(-240px)}8.4%{transform:translateX(-320px)}8.5%{transform:translateX(-400px)}8.5%{transform:translateX(-480px)}8.5%{transform:translateX(-560px)}8.5%{transform:translateX(-640px)}100%{transform:translateX(-720px)}}102030405040302010██████████████████████████████████████████████████ABCDEFGHI███████████████████Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(0,198,255);white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:transparent}.k{animation-duration:5.561568s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}7%{transform:translateX(-80px)}10%{transform:translateX(-160px)}10%{transform:translateX(-240px)}10%{transform:translateX(-320px)}10%{transform:translateX(-400px)}10%{transform:translateX(-480px)}10%{transform:translateX(-560px)}10%{transform:translateX(-640px)}10%{transform:translateX(-720px)}10%{transform:translateX(-800px)}10%{transform:translateX(-880px)}10%{transform:translateX(-960px)}10.1%{transform:translateX(-1040px)}10.1%{transform:translateX(-1120px)}10.1%{transform:translateX(-1200px)}10.1%{transform:translateX(-1280px)}10.1%{transform:translateX(-1360px)}10.1%{transform:translateX(-1440px)}10.1%{transform:translateX(-1520px)}10.1%{transform:translateX(-1600px)}10.1%{transform:translateX(-1680px)}10.1%{transform:translateX(-1760px)}10.1%{transform:translateX(-1840px)}10.1%{transform:translateX(-1920px)}10.1%{transform:translateX(-2000px)}10.1%{transform:translateX(-2080px)}10.1%{transform:translateX(-2160px)}10.1%{transform:translateX(-2240px)}10.1%{transform:translateX(-2320px)}10.1%{transform:translateX(-2400px)}10.1%{transform:translateX(-2480px)}10.1%{transform:translateX(-2560px)}10.1%{transform:translateX(-2640px)}10.1%{transform:translateX(-2720px)}10.1%{transform:translateX(-2800px)}10.1%{transform:translateX(-2880px)}10.1%{transform:translateX(-2960px)}10.1%{transform:translateX(-3040px)}10.1%{transform:translateX(-3120px)}10.1%{transform:translateX(-3200px)}100%{transform:translateX(-3280px)}}102030405040302010██████████████████████████████████████████████████ABCDEFGHI██████████Restartinganimation...
\ No newline at end of file
diff --git a/_examples/basictext/demo/animation.svg b/_examples/basictext/demo/animation.svg
index 02eb6e8c0..19395d93c 100644
--- a/_examples/basictext/demo/animation.svg
+++ b/_examples/basictext/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:transparent}.j{animation-duration:5.217373s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}@keyframes i{0%{transform:translateX(-0px)}3.6%{transform:translateX(-80px)}4.2%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Defaultbasictextprinter.CanbeusedinanyTextPrintercontext.Forexampletoresolveprogressbarsandspinners.Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:transparent}.j{animation-duration:5.26848s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}@keyframes i{0%{transform:translateX(-0px)}4.1%{transform:translateX(-80px)}5.1%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Defaultbasictextprinter.CanbeusedinanyTextPrintercontext.Forexampletoresolveprogressbarsandspinners.Restartinganimation...
\ No newline at end of file
diff --git a/_examples/bigtext/colored/animation.svg b/_examples/bigtext/colored/animation.svg
index c963d7a5c..056912ce9 100644
--- a/_examples/bigtext/colored/animation.svg
+++ b/_examples/bigtext/colored/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(0,198,255);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:transparent}.j{animation-duration:5.010162s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}.k{fill:rgb(160,160,160);white-space:pre}@keyframes i{0%{transform:translateX(-0px)}0.2%{transform:translateX(-80px)}100%{transform:translateX(-160px)}}███████████████████████████████████████████████████████████████████████████████████████████████████████████████████Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(0,198,255);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:transparent}.j{animation-duration:5.03165s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}.k{fill:rgb(160,160,160);white-space:pre}@keyframes i{0%{transform:translateX(-0px)}0.6%{transform:translateX(-80px)}100%{transform:translateX(-160px)}}███████████████████████████████████████████████████████████████████████████████████████████████████████████████████Restartinganimation...
\ No newline at end of file
diff --git a/_examples/bigtext/default/animation.svg b/_examples/bigtext/default/animation.svg
index b6a7826d6..0d8fe17b7 100644
--- a/_examples/bigtext/default/animation.svg
+++ b/_examples/bigtext/default/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.037662s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}0.6%{transform:translateX(-80px)}0.7%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}███████████████████████████████████████████████████████████████████████████████████████████████████████████████████Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.01783s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}0.4%{transform:translateX(-80px)}100%{transform:translateX(-160px)}}███████████████████████████████████████████████████████████████████████████████████████████████████████████████████Restartinganimation...
\ No newline at end of file
diff --git a/_examples/bigtext/demo/animation.svg b/_examples/bigtext/demo/animation.svg
index 2d50a8248..fb8a24203 100644
--- a/_examples/bigtext/demo/animation.svg
+++ b/_examples/bigtext/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(0,198,255);white-space:pre}.h{fill:rgb(234,89,246);white-space:pre}.i{fill:rgb(255,215,0);white-space:pre}.j{fill:transparent}.l{animation-duration:5.030468s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}0.5%{transform:translateX(-80px)}0.6%{transform:translateX(-160px)}0.6%{transform:translateX(-240px)}0.6%{transform:translateX(-320px)}0.6%{transform:translateX(-400px)}100%{transform:translateX(-480px)}}██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(0,198,255);white-space:pre}.h{fill:rgb(234,89,246);white-space:pre}.i{fill:rgb(255,215,0);white-space:pre}.j{fill:transparent}.l{animation-duration:5.042906s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}0.8%{transform:translateX(-80px)}0.9%{transform:translateX(-160px)}0.9%{transform:translateX(-240px)}0.9%{transform:translateX(-320px)}100%{transform:translateX(-400px)}}██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████Restartinganimation...
\ No newline at end of file
diff --git a/_examples/box/custom-padding/animation.svg b/_examples/box/custom-padding/animation.svg
index dc715cd5b..606d04274 100644
--- a/_examples/box/custom-padding/animation.svg
+++ b/_examples/box/custom-padding/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.246358s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}4.2%{transform:translateX(-80px)}4.7%{transform:translateX(-160px)}4.7%{transform:translateX(-240px)}100%{transform:translateX(-320px)}}┌─────────────────────────────────┐|||Hello,World!|└─────────────────────────────────┘└──────────────────────────Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.253474s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}4%{transform:translateX(-80px)}4.8%{transform:translateX(-160px)}4.8%{transform:translateX(-240px)}100%{transform:translateX(-320px)}}┌─────────────────────────────────┐|||Hello,World!|└─────────────────────────────────┘└──────────────────────────Restartinganimation...
\ No newline at end of file
diff --git a/_examples/box/default/animation.svg b/_examples/box/default/animation.svg
index 5026d1505..90ec8040e 100644
--- a/_examples/box/default/animation.svg
+++ b/_examples/box/default/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.184983s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}3.6%{transform:translateX(-80px)}100%{transform:translateX(-160px)}}┌───────────────┐|Hello,World!|└───────────────┘Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.200184s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}3.4%{transform:translateX(-80px)}3.8%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}┌───────────────┐|Hello,World!|└───────────────┘Restartinganimation...
\ No newline at end of file
diff --git a/_examples/box/demo/animation.svg b/_examples/box/demo/animation.svg
index 3276b1c97..c57301e22 100644
--- a/_examples/box/demo/animation.svg
+++ b/_examples/box/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:rgb(160,160,160);white-space:pre}.j{fill:transparent}.l{animation-duration:5.399912s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}2.8%{transform:translateX(-80px)}3.8%{transform:translateX(-160px)}6.1%{transform:translateX(-240px)}6.1%{transform:translateX(-320px)}7.1%{transform:translateX(-400px)}7.1%{transform:translateX(-480px)}7.2%{transform:translateX(-560px)}7.2%{transform:translateX(-640px)}7.2%{transform:translateX(-720px)}7.2%{transform:translateX(-800px)}7.2%{transform:translateX(-880px)}7.2%{transform:translateX(-960px)}7.2%{transform:translateX(-1040px)}7.2%{transform:translateX(-1120px)}7.2%{transform:translateX(-1200px)}7.2%{transform:translateX(-1280px)}7.2%{transform:translateX(-1360px)}7.2%{transform:translateX(-1440px)}7.2%{transform:translateX(-1520px)}7.2%{transform:translateX(-1600px)}7.3%{transform:translateX(-1680px)}7.3%{transform:translateX(-1760px)}7.3%{transform:translateX(-1840px)}7.3%{transform:translateX(-1920px)}7.3%{transform:translateX(-2000px)}7.3%{transform:translateX(-2080px)}7.3%{transform:translateX(-2160px)}7.3%{transform:translateX(-2240px)}7.3%{transform:translateX(-2320px)}7.3%{transform:translateX(-2400px)}7.3%{transform:translateX(-2480px)}7.3%{transform:translateX(-2560px)}7.3%{transform:translateX(-2640px)}7.3%{transform:translateX(-2720px)}7.3%{transform:translateX(-2800px)}7.4%{transform:translateX(-2880px)}7.4%{transform:translateX(-2960px)}7.4%{transform:translateX(-3040px)}7.4%{transform:translateX(-3120px)}7.4%{transform:translateX(-3200px)}7.4%{transform:translateX(-3280px)}7.4%{transform:translateX(-3360px)}7.4%{transform:translateX(-3440px)}7.4%{transform:translateX(-3520px)}7.4%{transform:translateX(-3600px)}7.4%{transform:translateX(-3680px)}7.4%{transform:translateX(-3760px)}100%{transform:translateX(-3840px)}} INFO ThismightnotberenderedcorrectlyonGitHub, butitwillworkinarealterminal. ThisisbecauseGitHubdoesnotuseamonospacedfontbydefaultforSVGs┌────────────────────────────────────────────────────────────────────┐|┌──────────────────────────────────┐┌─title───────────────────┐|||Loremipsumdolorsitamet,||Utenimadminimveniam,||||consecteturadipiscingelit,||quisnostrudexercitation||||seddoeiusmodtemporincididunt||ullamcolaboris||||utlaboreetdolore||nisiutaliquip||||magnaaliqua.||exeacommodo|||└──────────────────────────────────┘|consequat.|||└───────────────────────────┘||┌────────────────────────────────┐|||Duisauteirure||||dolorinreprehenderit||||involuptatevelitessecillum||||doloreeufugiat||||nullapariatur.|||└─────bottomcentertitle──────┘|||└──────────────────────────────────────────────────────LoremIpsum─┘┌────────────────────────────────────────────────|┌─────────────────|┌──────────────────────────────────┐┌─title────────────|||└───────────────────────────────|└──────────────────────────────────|┌──────────────────────────|└────────────────────────────────────────────────Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:rgb(160,160,160);white-space:pre}.j{fill:transparent}.l{animation-duration:5.389736s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}3.8%{transform:translateX(-80px)}5%{transform:translateX(-160px)}7.2%{transform:translateX(-240px)}7.2%{transform:translateX(-320px)}7.2%{transform:translateX(-400px)}7.2%{transform:translateX(-480px)}7.2%{transform:translateX(-560px)}7.2%{transform:translateX(-640px)}7.2%{transform:translateX(-720px)}7.2%{transform:translateX(-800px)}7.2%{transform:translateX(-880px)}7.2%{transform:translateX(-960px)}7.2%{transform:translateX(-1040px)}7.2%{transform:translateX(-1120px)}100%{transform:translateX(-1200px)}} INFO ThismightnotberenderedcorrectlyonGitHub, butitwillworkinarealterminal. ThisisbecauseGitHubdoesnotuseamonospacedfontbydefaultforSVGs┌────────────────────────────────────────────────────────────────────┐|┌──────────────────────────────────┐┌─title───────────────────┐|||Loremipsumdolorsitamet,||Utenimadminimveniam,||||consecteturadipiscingelit,||quisnostrudexercitation||||seddoeiusmodtemporincididunt||ullamcolaboris||||utlaboreetdolore||nisiutaliquip||||magnaaliqua.||exeacommodo|||└──────────────────────────────────┘|consequat.|||└───────────────────────────┘||┌────────────────────────────────┐|||Duisauteirure||||dolorinreprehenderit||||involuptatevelitessecillum|||||doloreeufugiat||||nullapariatur.|||└─────bottomcentertitle──────┘|||└──────────────────────────────────────────────────────LoremIpsum─┘┌────────────────────────────────────────────────|┌─────────────────|┌──────────────────────────────────┐┌─title────────────|||└─|└──────────────────────────────────|└────────────────────────|┌──────────────────────────└──────────────────────────────────────────────Restartinganimation...
\ No newline at end of file
diff --git a/_examples/box/title/animation.svg b/_examples/box/title/animation.svg
index aa24ec938..74e06213c 100644
--- a/_examples/box/title/animation.svg
+++ b/_examples/box/title/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(243,86,86);white-space:pre}.h{fill:transparent}.j{animation-duration:5.414777s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}@keyframes i{0%{transform:translateX(-0px)}6.2%{transform:translateX(-80px)}7.3%{transform:translateX(-160px)}7.3%{transform:translateX(-240px)}7.3%{transform:translateX(-320px)}7.6%{transform:translateX(-400px)}7.6%{transform:translateX(-480px)}7.7%{transform:translateX(-560px)}7.7%{transform:translateX(-640px)}7.7%{transform:translateX(-720px)}7.7%{transform:translateX(-800px)}7.7%{transform:translateX(-880px)}7.7%{transform:translateX(-960px)}7.7%{transform:translateX(-1040px)}7.7%{transform:translateX(-1120px)}7.7%{transform:translateX(-1200px)}7.7%{transform:translateX(-1280px)}7.7%{transform:translateX(-1360px)}7.7%{transform:translateX(-1440px)}7.7%{transform:translateX(-1520px)}7.7%{transform:translateX(-1600px)}7.7%{transform:translateX(-1680px)}7.7%{transform:translateX(-1760px)}7.7%{transform:translateX(-1840px)}7.7%{transform:translateX(-1920px)}7.7%{transform:translateX(-2000px)}7.7%{transform:translateX(-2080px)}7.7%{transform:translateX(-2160px)}7.7%{transform:translateX(-2240px)}7.7%{transform:translateX(-2320px)}7.7%{transform:translateX(-2400px)}100%{transform:translateX(-2480px)}}┌─I'mabox!────────┐┌────I'mabox!─────┐┌────────I'mabox!─┐|||||||Hello,World!||Hello,World!||Hello,World!||1||2||3|└─────────────────────┘└─────────────────────┘└─────────────────────┘┌─────────────────────┐┌─────────────────────┐┌─────────────────────┐|4||5||6|└────────I'mabox!─┘└────I'mabox!─────┘└─I'mabox!────────┘┌─I'mabox!────────┐|||Hello,World!||7|└─────────────────────┘|||||└──────────└─────────────────────┘└─────────────────────┘└────────────┌─────────────────────┐┌───────────────└────────I'mabox!─┘└────Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(243,86,86);white-space:pre}.h{fill:transparent}.j{animation-duration:5.49144s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}@keyframes i{0%{transform:translateX(-0px)}6.1%{transform:translateX(-80px)}8.9%{transform:translateX(-160px)}8.9%{transform:translateX(-240px)}8.9%{transform:translateX(-320px)}8.9%{transform:translateX(-400px)}8.9%{transform:translateX(-480px)}8.9%{transform:translateX(-560px)}8.9%{transform:translateX(-640px)}100%{transform:translateX(-720px)}}┌─I'mabox!────────┐┌────I'mabox!─────┐┌────────I'mabox!─┐|||||||Hello,World!||Hello,World!||Hello,World!||1||2||3|└─────────────────────┘└─────────────────────┘└─────────────────────┘┌─────────────────────┐┌─────────────────────┐┌─────────────────────┐|4||5||6|└────────I'mabox!─┘└────I'mabox!─────┘└─I'mabox!────────┘┌─I'mabox!────────┐|||Hello,World!||7|└─────────────────────┘└─────────────────────┘└─────────────────────┘└─┌─────────────────────┐┌───|||└────|Restartinganimation...
\ No newline at end of file
diff --git a/_examples/bulletlist/customized/animation.svg b/_examples/bulletlist/customized/animation.svg
index 560cd37e9..5a6b5ea54 100644
--- a/_examples/bulletlist/customized/animation.svg
+++ b/_examples/bulletlist/customized/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(255,0,4);white-space:pre}.g{fill:rgb(0,71,255);white-space:pre}.h{fill:rgb(255,255,255);white-space:pre}.i{fill:rgb(124,255,0);white-space:pre}.j{fill:rgb(255,241,0);white-space:pre}.k{fill:rgb(0,198,255);white-space:pre}.l{fill:transparent}.n{animation-duration:5.264271s;animation-iteration-count:infinite;animation-name:m;animation-timing-function:steps(1,end)}.o{fill:rgb(160,160,160);white-space:pre}@keyframes m{0%{transform:translateX(-0px)}3.9%{transform:translateX(-80px)}5%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}•Blue-Green>CyanRestartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(255,0,4);white-space:pre}.g{fill:rgb(0,71,255);white-space:pre}.h{fill:rgb(255,255,255);white-space:pre}.i{fill:rgb(124,255,0);white-space:pre}.j{fill:rgb(255,241,0);white-space:pre}.k{fill:rgb(0,198,255);white-space:pre}.l{fill:transparent}.n{animation-duration:5.252729s;animation-iteration-count:infinite;animation-name:m;animation-timing-function:steps(1,end)}.o{fill:rgb(160,160,160);white-space:pre}@keyframes m{0%{transform:translateX(-0px)}4%{transform:translateX(-80px)}4.8%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}•Blue-Green>CyanRestartinganimation...
\ No newline at end of file
diff --git a/_examples/bulletlist/demo/animation.svg b/_examples/bulletlist/demo/animation.svg
index d4ee53a5a..4867f53ea 100644
--- a/_examples/bulletlist/demo/animation.svg
+++ b/_examples/bulletlist/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(104,104,104);white-space:pre}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:transparent}.j{animation-duration:5.050637s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}@keyframes i{0%{transform:translateX(-0px)}0.8%{transform:translateX(-80px)}1%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}•Level0•Level1•Level2•0•1•2•3Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(104,104,104);white-space:pre}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:transparent}.j{animation-duration:5.05893s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}@keyframes i{0%{transform:translateX(-0px)}0.9%{transform:translateX(-80px)}1.2%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}•Level0•Level1•Level2•0•1•2•3Restartinganimation...
\ No newline at end of file
diff --git a/_examples/center/demo/animation.svg b/_examples/center/demo/animation.svg
index 14a1f5533..7dbb7a523 100644
--- a/_examples/center/demo/animation.svg
+++ b/_examples/center/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.297063s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}4.4%{transform:translateX(-80px)}5.6%{transform:translateX(-160px)}5.6%{transform:translateX(-240px)}100%{transform:translateX(-320px)}}Thistextiscentered!Itcenteresthewholeblockbydefault.Inthatwayyoucandostufflikethis:███████████████████████████████████████████████████████████████████████████████████████████████████████████████████Thistextiscentered!ButeachlineiscenteredseparatelyRestartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.302033s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}4.7%{transform:translateX(-80px)}5.6%{transform:translateX(-160px)}5.6%{transform:translateX(-240px)}5.7%{transform:translateX(-320px)}100%{transform:translateX(-400px)}}Thistextiscentered!Itcenteresthewholeblockbydefault.Inthatwayyoucandostufflikethis:███████████████████████████████████████████████████████████████████████████████████████████████████████████████████Thistextiscentered!Buteachlineiscenteredseparately████Restartinganimation...
\ No newline at end of file
diff --git a/_examples/coloring/demo/animation.svg b/_examples/coloring/demo/animation.svg
index 1bd85198d..9e5a380a6 100644
--- a/_examples/coloring/demo/animation.svg
+++ b/_examples/coloring/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:rgb(255,0,4);white-space:pre}.i{fill:rgb(124,255,0);white-space:pre}.j{fill:rgb(255,241,0);white-space:pre}.k{fill:rgb(243,86,86);white-space:pre}.l{fill:rgb(127,253,127);white-space:pre}.m{fill:rgb(220,239,139);white-space:pre}.n{fill:rgb(160,160,160);white-space:pre}.o{fill:rgb(232,131,136)}.p{fill:rgb(168,204,140)}.q{fill:rgb(219,171,121)}.r{fill:rgb(0,71,255);white-space:pre}.s{fill:rgb(255,0,255);white-space:pre}.t{fill:rgb(0,198,255);white-space:pre}.u{fill:rgb(207,207,207);white-space:pre}.v{fill:rgb(152,161,254);white-space:pre}.w{fill:rgb(234,89,246);white-space:pre}.x{fill:rgb(126,231,233);white-space:pre}.y{fill:rgb(255,255,255);white-space:pre}.z{fill:rgb(113,190,242)}.A{fill:rgb(210,144,228)}.B{fill:rgb(102,194,205)}.C{fill:rgb(185,191,202)}.D{fill:rgb(115,190,243)}.E{fill:rgb(210,144,227)}.F{fill:rgb(255,255,255)}.G{fill:rgb(127,253,127);font-weight:bold;white-space:pre}.H{fill:transparent}.J{animation-duration:5.271639s;animation-iteration-count:infinite;animation-name:I;animation-timing-function:steps(1,end)}@keyframes I{0%{transform:translateX(-0px)}4.1%{transform:translateX(-80px)}5.2%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Black|Red|Green|Yellow|LightRed|LightGreen|LightYellow0Black|Red|Green|Yellow|Light Red|Light Green|Light YellowBlue|Magenta|Cyan|WhiteLightBlue|LightMagenta|LightCyan|LightWhiteBlue|Magenta|Cyan|WhiteLight Blue|Light Magenta|Light Cyan|Light WhiteHello,World!Evennestedcolorsaresupported!This text uses a style and is bold and light green with a red background!Light Blue|Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:rgb(255,0,4);white-space:pre}.i{fill:rgb(124,255,0);white-space:pre}.j{fill:rgb(255,241,0);white-space:pre}.k{fill:rgb(243,86,86);white-space:pre}.l{fill:rgb(127,253,127);white-space:pre}.m{fill:rgb(220,239,139);white-space:pre}.n{fill:rgb(160,160,160);white-space:pre}.o{fill:rgb(232,131,136)}.p{fill:rgb(168,204,140)}.q{fill:rgb(219,171,121)}.r{fill:rgb(0,71,255);white-space:pre}.s{fill:rgb(255,0,255);white-space:pre}.t{fill:rgb(0,198,255);white-space:pre}.u{fill:rgb(207,207,207);white-space:pre}.v{fill:rgb(152,161,254);white-space:pre}.w{fill:rgb(234,89,246);white-space:pre}.x{fill:rgb(126,231,233);white-space:pre}.y{fill:rgb(255,255,255);white-space:pre}.z{fill:rgb(113,190,242)}.A{fill:rgb(210,144,228)}.B{fill:rgb(102,194,205)}.C{fill:rgb(185,191,202)}.D{fill:rgb(115,190,243)}.E{fill:rgb(210,144,227)}.F{fill:rgb(255,255,255)}.G{fill:rgb(127,253,127);font-weight:bold;white-space:pre}.H{fill:transparent}.J{animation-duration:5.364945s;animation-iteration-count:infinite;animation-name:I;animation-timing-function:steps(1,end)}@keyframes I{0%{transform:translateX(-0px)}5.9%{transform:translateX(-80px)}6.8%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Black|Red|Green|Yellow|LightRed|LightGreen|LightYellow0Black|Red|Green|Yellow|Light Red|Light Green|Light YellowBlue|Magenta|Cyan|WhiteLightBlue|LightMagenta|LightCyan|LightWhiteBlue|Magenta|Cyan|WhiteLight Blue|Light Magenta|Light Cyan|Light WhiteHello,World!Evennestedcolorsaresupported!This text uses a style and is bold and light green with a red background!Light Blue|Restartinganimation...
\ No newline at end of file
diff --git a/_examples/coloring/disable-output/animation.svg b/_examples/coloring/disable-output/animation.svg
index 7b4a7f0b4..4afead2e6 100644
--- a/_examples/coloring/disable-output/animation.svg
+++ b/_examples/coloring/disable-output/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(102,194,205)}.h{white-space:pre}.i{fill:rgb(126,231,233);white-space:pre}.j{fill:transparent}.l{animation-duration:5.265815s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}5%{transform:translateX(-80px)}100%{transform:translateX(-160px)}}Printingsomething...[0/15]Printingsomething...[1/15]Printingsomething...[2/15]Printingsomething...[3/15]Printingsomething...[4/15] INFO DisabledOutput! INFO EnabledOutput!Printingsomething...[10/15]Printingsomething...[11/15]Printingsomething...[12/15]Printingsomething...[13/15]Printingsomething...[14/15]Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(102,194,205)}.h{white-space:pre}.i{fill:rgb(126,231,233);white-space:pre}.j{fill:transparent}.l{animation-duration:5.267727s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}4.1%{transform:translateX(-80px)}5.1%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Printingsomething...[0/15]Printingsomething...[1/15]Printingsomething...[2/15]Printingsomething...[3/15]Printingsomething...[4/15] INFO DisabledOutput! INFO EnabledOutput!Printingsomething...[10/15]Printingsomething...[11/15]Printingsomething...[12/15]Printingsomething...[13/15]Printingsomething...[14/15]Restartinganimation...
\ No newline at end of file
diff --git a/_examples/coloring/fade-colors-rgb-style/animation.svg b/_examples/coloring/fade-colors-rgb-style/animation.svg
index 944ada714..6ac133757 100644
--- a/_examples/coloring/fade-colors-rgb-style/animation.svg
+++ b/_examples/coloring/fade-colors-rgb-style/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(128,128,128)}.i{fill:rgb(255,255,255);white-space:pre}.j{fill:rgb(125,125,125)}.k{fill:rgb(255,250,255);white-space:pre}.l{fill:rgb(123,123,123)}.m{fill:rgb(255,246,255);white-space:pre}.n{fill:rgb(121,121,121)}.o{fill:rgb(255,241,255);white-space:pre}.p{fill:rgb(119,119,119)}.q{fill:rgb(255,237,255);white-space:pre}.r{fill:rgb(116,116,116)}.s{fill:rgb(255,233,255);white-space:pre}.t{fill:rgb(114,114,114)}.u{fill:rgb(255,228,255);white-space:pre}.v{fill:rgb(112,112,112)}.w{fill:rgb(255,224,255);white-space:pre}.x{fill:rgb(110,110,110)}.y{fill:rgb(255,219,255);white-space:pre}.z{fill:rgb(108,108,108)}.A{fill:rgb(255,215,255);white-space:pre}.B{fill:rgb(105,105,105)}.C{fill:rgb(255,211,255);white-space:pre}.D{fill:rgb(103,103,103)}.E{fill:rgb(255,206,255);white-space:pre}.F{fill:rgb(101,101,101)}.G{fill:rgb(255,202,255);white-space:pre}.H{fill:rgb(99,99,99)}.I{fill:rgb(255,197,255);white-space:pre}.J{fill:rgb(97,97,97)}.K{fill:rgb(255,193,255);white-space:pre}.L{fill:rgb(94,94,94)}.M{fill:rgb(255,189,255);white-space:pre}.N{fill:rgb(92,92,92)}.O{fill:rgb(255,184,255);white-space:pre}.P{fill:rgb(90,90,90)}.Q{fill:rgb(255,180,255);white-space:pre}.R{fill:rgb(88,88,88)}.S{fill:rgb(255,175,255);white-space:pre}.T{fill:rgb(86,86,86)}.U{fill:rgb(255,171,255);white-space:pre}.V{fill:rgb(83,83,83)}.W{fill:rgb(255,167,255);white-space:pre}.X{fill:rgb(81,81,81)}.Y{fill:rgb(255,162,255);white-space:pre}.Z{fill:rgb(79,79,79)}.aa{fill:rgb(255,158,255);white-space:pre}.ab{fill:rgb(77,77,77)}.ac{fill:rgb(255,153,255);white-space:pre}.ad{fill:rgb(75,75,75)}.ae{fill:rgb(255,149,255);white-space:pre}.af{fill:rgb(72,72,72)}.ag{fill:rgb(255,145,255);white-space:pre}.ah{fill:rgb(70,70,70)}.ai{fill:rgb(255,140,255);white-space:pre}.aj{fill:rgb(68,68,68)}.ak{fill:rgb(255,136,255);white-space:pre}.al{fill:rgb(66,66,66)}.am{fill:rgb(255,131,255);white-space:pre}.an{fill:rgb(64,64,64)}.ao{fill:rgb(255,127,255);white-space:pre}.ap{fill:rgb(61,61,61)}.aq{fill:rgb(255,123,255);white-space:pre}.ar{fill:rgb(59,59,59)}.as{fill:rgb(255,118,255);white-space:pre}.at{fill:rgb(57,57,57)}.au{fill:rgb(255,114,255);white-space:pre}.av{fill:rgb(55,55,55)}.aw{fill:rgb(255,109,255);white-space:pre}.ax{fill:rgb(52,52,52)}.ay{fill:rgb(255,105,255);white-space:pre}.az{fill:rgb(50,50,50)}.aA{fill:rgb(255,101,255);white-space:pre}.aB{fill:rgb(48,48,48)}.aC{fill:rgb(255,96,255);white-space:pre}.aD{fill:rgb(46,46,46)}.aE{fill:rgb(255,92,255);white-space:pre}.aF{fill:rgb(44,44,44)}.aG{fill:rgb(255,87,255);white-space:pre}.aH{fill:rgb(41,41,41)}.aI{fill:rgb(255,83,255);white-space:pre}.aJ{fill:rgb(39,39,39)}.aK{fill:rgb(255,79,255);white-space:pre}.aL{fill:rgb(37,37,37)}.aM{fill:rgb(255,74,255);white-space:pre}.aN{fill:rgb(255,70,255);white-space:pre}.aO{fill:rgb(33,33,33)}.aP{fill:rgb(255,65,255);white-space:pre}.aQ{fill:rgb(30,30,30)}.aR{fill:rgb(255,61,255);white-space:pre}.aS{fill:rgb(28,28,28)}.aT{fill:rgb(255,57,255);white-space:pre}.aU{fill:rgb(26,26,26)}.aV{fill:rgb(255,52,255);white-space:pre}.aW{fill:rgb(24,24,24)}.aX{fill:rgb(255,48,255);white-space:pre}.aY{fill:rgb(22,22,22)}.aZ{fill:rgb(255,43,255);white-space:pre}.ba{fill:rgb(19,19,19)}.bb{fill:rgb(255,39,255);white-space:pre}.bc{fill:rgb(17,17,17)}.bd{fill:rgb(255,35,255);white-space:pre}.be{fill:rgb(15,15,15)}.bf{fill:rgb(255,30,255);white-space:pre}.bg{fill:rgb(13,13,13)}.bh{fill:rgb(255,26,255);white-space:pre}.bi{fill:rgb(11,11,11)}.bj{fill:rgb(255,21,255);white-space:pre}.bk{fill:rgb(8,8,8)}.bl{fill:rgb(255,17,255);white-space:pre}.bm{fill:rgb(6,6,6)}.bn{fill:rgb(255,13,255);white-space:pre}.bo{fill:rgb(4,4,4)}.bp{fill:rgb(255,8,255);white-space:pre}.bq{fill:rgb(2,2,2)}.br{fill:rgb(255,4,255);white-space:pre}.bs{fill:rgb(255,0,255)}.bt{fill:rgb(0,0,0);white-space:pre}.bu{fill:rgb(255,0,251)}.bv{fill:rgb(255,0,247)}.bw{fill:rgb(255,0,243)}.bx{fill:rgb(255,0,240)}.by{fill:rgb(255,0,236)}.bz{fill:rgb(255,0,232)}.bA{fill:rgb(255,0,228)}.bB{fill:rgb(255,0,225)}.bC{fill:rgb(255,0,221)}.bD{fill:rgb(255,0,217)}.bE{fill:rgb(255,0,213)}.bF{fill:rgb(255,0,210)}.bG{fill:rgb(255,0,206)}.bH{fill:rgb(255,0,202)}.bI{fill:rgb(255,0,198)}.bJ{fill:rgb(255,0,195)}.bK{fill:rgb(255,0,191)}.bL{fill:rgb(255,0,187)}.bM{fill:rgb(255,0,183)}.bN{fill:rgb(255,0,180)}.bO{fill:rgb(255,0,176)}.bP{fill:rgb(255,0,172)}.bQ{fill:rgb(255,0,168)}.bR{fill:rgb(255,0,165)}.bS{fill:rgb(255,0,161)}.bT{fill:rgb(255,0,157)}.bU{fill:rgb(255,0,153)}.bV{fill:rgb(255,0,150)}.bW{fill:rgb(255,0,146)}.bX{fill:rgb(255,0,142)}.bY{fill:rgb(255,0,138)}.bZ{fill:rgb(255,0,135)}.ca{fill:rgb(255,0,131)}.cb{fill:rgb(255,0,127)}.cc{fill:rgb(255,0,123)}.cd{fill:rgb(255,0,120)}.ce{fill:rgb(255,0,116)}.cf{fill:rgb(255,0,112)}.cg{fill:rgb(255,0,108)}.ch{fill:rgb(255,0,105)}.ci{fill:rgb(255,0,101)}.cj{fill:rgb(255,0,97)}.ck{fill:rgb(255,0,93)}.cl{fill:rgb(255,0,90)}.cm{fill:rgb(255,0,86)}.cn{fill:rgb(255,0,82)}.co{fill:rgb(255,0,78)}.cp{fill:rgb(255,0,75)}.cq{fill:rgb(255,0,71)}.cr{fill:rgb(255,0,67)}.cs{fill:rgb(255,0,63)}.ct{fill:rgb(255,0,60)}.cu{fill:rgb(255,0,56)}.cv{fill:rgb(255,0,52)}.cw{fill:rgb(255,0,48)}.cx{fill:rgb(255,0,45)}.cy{fill:rgb(255,0,41)}.cz{fill:rgb(255,0,37)}.cA{fill:rgb(255,0,33)}.cB{fill:rgb(255,0,30)}.cC{fill:rgb(255,0,26)}.cD{fill:rgb(255,0,22)}.cE{fill:rgb(255,0,18)}.cF{fill:rgb(255,0,15)}.cG{fill:rgb(255,0,11)}.cH{fill:rgb(255,0,7)}.cI{fill:rgb(255,0,3)}.cJ{fill:rgb(255,0,0)}.cK{fill:rgb(250,0,0)}.cL{fill:rgb(250,255,250);white-space:pre}.cM{fill:rgb(245,0,0)}.cN{fill:rgb(245,255,245);white-space:pre}.cO{fill:rgb(241,0,0)}.cP{fill:rgb(241,255,241);white-space:pre}.cQ{fill:rgb(236,0,0)}.cR{fill:rgb(236,255,236);white-space:pre}.cS{fill:rgb(232,0,0)}.cT{fill:rgb(232,255,232);white-space:pre}.cU{fill:rgb(227,0,0)}.cV{fill:rgb(227,255,227);white-space:pre}.cW{fill:rgb(223,0,0)}.cX{fill:rgb(223,255,223);white-space:pre}.cY{fill:rgb(218,0,0)}.cZ{fill:rgb(218,255,218);white-space:pre}.da{fill:rgb(214,0,0)}.db{fill:rgb(214,255,214);white-space:pre}.dc{fill:rgb(209,0,0)}.dd{fill:rgb(209,255,209);white-space:pre}.de{fill:rgb(204,0,0)}.df{fill:rgb(204,255,204);white-space:pre}.dg{fill:rgb(200,0,0)}.dh{fill:rgb(200,255,200);white-space:pre}.di{fill:rgb(195,0,0)}.dj{fill:rgb(195,255,195);white-space:pre}.dk{fill:rgb(191,0,0)}.dl{fill:rgb(191,255,191);white-space:pre}.dm{fill:rgb(186,0,0)}.dn{fill:rgb(186,255,186);white-space:pre}.do{fill:rgb(182,0,0)}.dp{fill:rgb(182,255,182);white-space:pre}.dq{fill:rgb(177,0,0)}.dr{fill:rgb(177,255,177);white-space:pre}.ds{fill:rgb(173,0,0)}.dt{fill:rgb(173,255,173);white-space:pre}.du{fill:rgb(168,0,0)}.dv{fill:rgb(168,255,168);white-space:pre}.dw{fill:rgb(163,0,0)}.dx{fill:rgb(163,255,163);white-space:pre}.dy{fill:rgb(159,0,0)}.dz{fill:rgb(159,255,159);white-space:pre}.dA{fill:rgb(154,0,0)}.dB{fill:rgb(154,255,154);white-space:pre}.dC{fill:rgb(150,0,0)}.dD{fill:rgb(150,255,150);white-space:pre}.dE{fill:rgb(145,0,0)}.dF{fill:rgb(145,255,145);white-space:pre}.dG{fill:rgb(141,0,0)}.dH{fill:rgb(141,255,141);white-space:pre}.dI{fill:rgb(136,0,0)}.dJ{fill:rgb(136,255,136);white-space:pre}.dK{fill:rgb(132,0,0)}.dL{fill:rgb(132,255,132);white-space:pre}.dM{fill:rgb(127,0,0)}.dN{fill:rgb(127,255,127);white-space:pre}.dO{fill:rgb(122,0,0)}.dP{fill:rgb(122,255,122);white-space:pre}.dQ{fill:rgb(118,0,0)}.dR{fill:rgb(118,255,118);white-space:pre}.dS{fill:rgb(113,0,0)}.dT{fill:rgb(113,255,113);white-space:pre}.dU{fill:rgb(109,0,0)}.dV{fill:rgb(109,255,109);white-space:pre}.dW{fill:rgb(104,0,0)}.dX{fill:rgb(104,255,104);white-space:pre}.dY{fill:rgb(100,0,0)}.dZ{fill:rgb(100,255,100);white-space:pre}.ea{fill:rgb(95,0,0)}.eb{fill:rgb(95,255,95);white-space:pre}.ec{fill:rgb(91,0,0)}.ed{fill:rgb(91,255,91);white-space:pre}.ee{fill:rgb(86,0,0)}.ef{fill:rgb(86,255,86);white-space:pre}.eg{fill:rgb(81,0,0)}.eh{fill:rgb(81,255,81);white-space:pre}.ei{fill:rgb(77,0,0)}.ej{fill:rgb(77,255,77);white-space:pre}.ek{fill:rgb(72,0,0)}.el{fill:rgb(72,255,72);white-space:pre}.em{fill:rgb(68,0,0)}.en{fill:rgb(68,255,68);font-weight:bold;white-space:pre}.eo{fill:rgb(63,0,0)}.ep{fill:rgb(63,255,63);font-weight:bold;white-space:pre}.eq{fill:rgb(59,0,0)}.er{fill:rgb(59,255,59);font-weight:bold;white-space:pre}.es{fill:rgb(54,0,0)}.et{fill:rgb(54,255,54);font-weight:bold;white-space:pre}.eu{fill:rgb(50,0,0)}.ev{fill:rgb(50,255,50);white-space:pre}.ew{fill:rgb(45,0,0)}.ex{fill:rgb(45,255,45);white-space:pre}.ey{fill:rgb(40,0,0)}.ez{fill:rgb(40,255,40);white-space:pre}.eA{fill:rgb(36,0,0)}.eB{fill:rgb(36,255,36);white-space:pre}.eC{fill:rgb(31,0,0)}.eD{fill:rgb(31,255,31);white-space:pre}.eE{fill:rgb(27,0,0)}.eF{fill:rgb(27,255,27);white-space:pre}.eG{fill:rgb(22,0,0)}.eH{fill:rgb(22,255,22);white-space:pre}.eI{fill:rgb(18,0,0)}.eJ{fill:rgb(18,255,18);white-space:pre}.eK{fill:rgb(13,0,0)}.eL{fill:rgb(13,255,13);white-space:pre}.eM{fill:rgb(9,0,0)}.eN{fill:rgb(9,255,9);white-space:pre}.eO{fill:rgb(4,0,0)}.eP{fill:rgb(4,255,4);white-space:pre}.eQ{fill:transparent}.eS{animation-duration:5.254801s;animation-iteration-count:infinite;animation-name:eR;animation-timing-function:steps(1,end)}.eT{fill:rgb(160,160,160);white-space:pre}@keyframes eR{0%{transform:translateX(-0px)}3.8%{transform:translateX(-80px)}4.8%{transform:translateX(-160px)}4.8%{transform:translateX(-240px)}4.8%{transform:translateX(-320px)}4.8%{transform:translateX(-400px)}4.8%{transform:translateX(-480px)}4.8%{transform:translateX(-560px)}100%{transform:translateX(-640px)}} INFO RGB colors only work in Terminals which support TrueColor.The background and foreground colors can be customized individually.Styles can also be applied. For example: Bold or Italic. INFO RGB colors only work i INFO RGB colors only work in Terminals which supporThe background aThe background and foreground colors can be cusStyles caStyles can also be applied. For exampRestartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(128,128,128)}.i{fill:rgb(255,255,255);white-space:pre}.j{fill:rgb(125,125,125)}.k{fill:rgb(255,250,255);white-space:pre}.l{fill:rgb(123,123,123)}.m{fill:rgb(255,246,255);white-space:pre}.n{fill:rgb(121,121,121)}.o{fill:rgb(255,241,255);white-space:pre}.p{fill:rgb(119,119,119)}.q{fill:rgb(255,237,255);white-space:pre}.r{fill:rgb(116,116,116)}.s{fill:rgb(255,233,255);white-space:pre}.t{fill:rgb(114,114,114)}.u{fill:rgb(255,228,255);white-space:pre}.v{fill:rgb(112,112,112)}.w{fill:rgb(255,224,255);white-space:pre}.x{fill:rgb(110,110,110)}.y{fill:rgb(255,219,255);white-space:pre}.z{fill:rgb(108,108,108)}.A{fill:rgb(255,215,255);white-space:pre}.B{fill:rgb(105,105,105)}.C{fill:rgb(255,211,255);white-space:pre}.D{fill:rgb(103,103,103)}.E{fill:rgb(255,206,255);white-space:pre}.F{fill:rgb(101,101,101)}.G{fill:rgb(255,202,255);white-space:pre}.H{fill:rgb(99,99,99)}.I{fill:rgb(255,197,255);white-space:pre}.J{fill:rgb(97,97,97)}.K{fill:rgb(255,193,255);white-space:pre}.L{fill:rgb(94,94,94)}.M{fill:rgb(255,189,255);white-space:pre}.N{fill:rgb(92,92,92)}.O{fill:rgb(255,184,255);white-space:pre}.P{fill:rgb(90,90,90)}.Q{fill:rgb(255,180,255);white-space:pre}.R{fill:rgb(88,88,88)}.S{fill:rgb(255,175,255);white-space:pre}.T{fill:rgb(86,86,86)}.U{fill:rgb(255,171,255);white-space:pre}.V{fill:rgb(83,83,83)}.W{fill:rgb(255,167,255);white-space:pre}.X{fill:rgb(81,81,81)}.Y{fill:rgb(255,162,255);white-space:pre}.Z{fill:rgb(79,79,79)}.aa{fill:rgb(255,158,255);white-space:pre}.ab{fill:rgb(77,77,77)}.ac{fill:rgb(255,153,255);white-space:pre}.ad{fill:rgb(75,75,75)}.ae{fill:rgb(255,149,255);white-space:pre}.af{fill:rgb(72,72,72)}.ag{fill:rgb(255,145,255);white-space:pre}.ah{fill:rgb(70,70,70)}.ai{fill:rgb(255,140,255);white-space:pre}.aj{fill:rgb(68,68,68)}.ak{fill:rgb(255,136,255);white-space:pre}.al{fill:rgb(66,66,66)}.am{fill:rgb(255,131,255);white-space:pre}.an{fill:rgb(64,64,64)}.ao{fill:rgb(255,127,255);white-space:pre}.ap{fill:rgb(61,61,61)}.aq{fill:rgb(255,123,255);white-space:pre}.ar{fill:rgb(59,59,59)}.as{fill:rgb(255,118,255);white-space:pre}.at{fill:rgb(57,57,57)}.au{fill:rgb(255,114,255);white-space:pre}.av{fill:rgb(55,55,55)}.aw{fill:rgb(255,109,255);white-space:pre}.ax{fill:rgb(52,52,52)}.ay{fill:rgb(255,105,255);white-space:pre}.az{fill:rgb(50,50,50)}.aA{fill:rgb(255,101,255);white-space:pre}.aB{fill:rgb(48,48,48)}.aC{fill:rgb(255,96,255);white-space:pre}.aD{fill:rgb(46,46,46)}.aE{fill:rgb(255,92,255);white-space:pre}.aF{fill:rgb(44,44,44)}.aG{fill:rgb(255,87,255);white-space:pre}.aH{fill:rgb(41,41,41)}.aI{fill:rgb(255,83,255);white-space:pre}.aJ{fill:rgb(39,39,39)}.aK{fill:rgb(255,79,255);white-space:pre}.aL{fill:rgb(37,37,37)}.aM{fill:rgb(255,74,255);white-space:pre}.aN{fill:rgb(255,70,255);white-space:pre}.aO{fill:rgb(33,33,33)}.aP{fill:rgb(255,65,255);white-space:pre}.aQ{fill:rgb(30,30,30)}.aR{fill:rgb(255,61,255);white-space:pre}.aS{fill:rgb(28,28,28)}.aT{fill:rgb(255,57,255);white-space:pre}.aU{fill:rgb(26,26,26)}.aV{fill:rgb(255,52,255);white-space:pre}.aW{fill:rgb(24,24,24)}.aX{fill:rgb(255,48,255);white-space:pre}.aY{fill:rgb(22,22,22)}.aZ{fill:rgb(255,43,255);white-space:pre}.ba{fill:rgb(19,19,19)}.bb{fill:rgb(255,39,255);white-space:pre}.bc{fill:rgb(17,17,17)}.bd{fill:rgb(255,35,255);white-space:pre}.be{fill:rgb(15,15,15)}.bf{fill:rgb(255,30,255);white-space:pre}.bg{fill:rgb(13,13,13)}.bh{fill:rgb(255,26,255);white-space:pre}.bi{fill:rgb(11,11,11)}.bj{fill:rgb(255,21,255);white-space:pre}.bk{fill:rgb(8,8,8)}.bl{fill:rgb(255,17,255);white-space:pre}.bm{fill:rgb(6,6,6)}.bn{fill:rgb(255,13,255);white-space:pre}.bo{fill:rgb(4,4,4)}.bp{fill:rgb(255,8,255);white-space:pre}.bq{fill:rgb(2,2,2)}.br{fill:rgb(255,4,255);white-space:pre}.bs{fill:rgb(255,0,255)}.bt{fill:rgb(0,0,0);white-space:pre}.bu{fill:rgb(255,0,251)}.bv{fill:rgb(255,0,247)}.bw{fill:rgb(255,0,243)}.bx{fill:rgb(255,0,240)}.by{fill:rgb(255,0,236)}.bz{fill:rgb(255,0,232)}.bA{fill:rgb(255,0,228)}.bB{fill:rgb(255,0,225)}.bC{fill:rgb(255,0,221)}.bD{fill:rgb(255,0,217)}.bE{fill:rgb(255,0,213)}.bF{fill:rgb(255,0,210)}.bG{fill:rgb(255,0,206)}.bH{fill:rgb(255,0,202)}.bI{fill:rgb(255,0,198)}.bJ{fill:rgb(255,0,195)}.bK{fill:rgb(255,0,191)}.bL{fill:rgb(255,0,187)}.bM{fill:rgb(255,0,183)}.bN{fill:rgb(255,0,180)}.bO{fill:rgb(255,0,176)}.bP{fill:rgb(255,0,172)}.bQ{fill:rgb(255,0,168)}.bR{fill:rgb(255,0,165)}.bS{fill:rgb(255,0,161)}.bT{fill:rgb(255,0,157)}.bU{fill:rgb(255,0,153)}.bV{fill:rgb(255,0,150)}.bW{fill:rgb(255,0,146)}.bX{fill:rgb(255,0,142)}.bY{fill:rgb(255,0,138)}.bZ{fill:rgb(255,0,135)}.ca{fill:rgb(255,0,131)}.cb{fill:rgb(255,0,127)}.cc{fill:rgb(255,0,123)}.cd{fill:rgb(255,0,120)}.ce{fill:rgb(255,0,116)}.cf{fill:rgb(255,0,112)}.cg{fill:rgb(255,0,108)}.ch{fill:rgb(255,0,105)}.ci{fill:rgb(255,0,101)}.cj{fill:rgb(255,0,97)}.ck{fill:rgb(255,0,93)}.cl{fill:rgb(255,0,90)}.cm{fill:rgb(255,0,86)}.cn{fill:rgb(255,0,82)}.co{fill:rgb(255,0,78)}.cp{fill:rgb(255,0,75)}.cq{fill:rgb(255,0,71)}.cr{fill:rgb(255,0,67)}.cs{fill:rgb(255,0,63)}.ct{fill:rgb(255,0,60)}.cu{fill:rgb(255,0,56)}.cv{fill:rgb(255,0,52)}.cw{fill:rgb(255,0,48)}.cx{fill:rgb(255,0,45)}.cy{fill:rgb(255,0,41)}.cz{fill:rgb(255,0,37)}.cA{fill:rgb(255,0,33)}.cB{fill:rgb(255,0,30)}.cC{fill:rgb(255,0,26)}.cD{fill:rgb(255,0,22)}.cE{fill:rgb(255,0,18)}.cF{fill:rgb(255,0,15)}.cG{fill:rgb(255,0,11)}.cH{fill:rgb(255,0,7)}.cI{fill:rgb(255,0,3)}.cJ{fill:rgb(255,0,0)}.cK{fill:rgb(250,0,0)}.cL{fill:rgb(250,255,250);white-space:pre}.cM{fill:rgb(245,0,0)}.cN{fill:rgb(245,255,245);white-space:pre}.cO{fill:rgb(241,0,0)}.cP{fill:rgb(241,255,241);white-space:pre}.cQ{fill:rgb(236,0,0)}.cR{fill:rgb(236,255,236);white-space:pre}.cS{fill:rgb(232,0,0)}.cT{fill:rgb(232,255,232);white-space:pre}.cU{fill:rgb(227,0,0)}.cV{fill:rgb(227,255,227);white-space:pre}.cW{fill:rgb(223,0,0)}.cX{fill:rgb(223,255,223);white-space:pre}.cY{fill:rgb(218,0,0)}.cZ{fill:rgb(218,255,218);white-space:pre}.da{fill:rgb(214,0,0)}.db{fill:rgb(214,255,214);white-space:pre}.dc{fill:rgb(209,0,0)}.dd{fill:rgb(209,255,209);white-space:pre}.de{fill:rgb(204,0,0)}.df{fill:rgb(204,255,204);white-space:pre}.dg{fill:rgb(200,0,0)}.dh{fill:rgb(200,255,200);white-space:pre}.di{fill:rgb(195,0,0)}.dj{fill:rgb(195,255,195);white-space:pre}.dk{fill:rgb(191,0,0)}.dl{fill:rgb(191,255,191);white-space:pre}.dm{fill:rgb(186,0,0)}.dn{fill:rgb(186,255,186);white-space:pre}.do{fill:rgb(182,0,0)}.dp{fill:rgb(182,255,182);white-space:pre}.dq{fill:rgb(177,0,0)}.dr{fill:rgb(177,255,177);white-space:pre}.ds{fill:rgb(173,0,0)}.dt{fill:rgb(173,255,173);white-space:pre}.du{fill:rgb(168,0,0)}.dv{fill:rgb(168,255,168);white-space:pre}.dw{fill:rgb(163,0,0)}.dx{fill:rgb(163,255,163);white-space:pre}.dy{fill:rgb(159,0,0)}.dz{fill:rgb(159,255,159);white-space:pre}.dA{fill:rgb(154,0,0)}.dB{fill:rgb(154,255,154);white-space:pre}.dC{fill:rgb(150,0,0)}.dD{fill:rgb(150,255,150);white-space:pre}.dE{fill:rgb(145,0,0)}.dF{fill:rgb(145,255,145);white-space:pre}.dG{fill:rgb(141,0,0)}.dH{fill:rgb(141,255,141);white-space:pre}.dI{fill:rgb(136,0,0)}.dJ{fill:rgb(136,255,136);white-space:pre}.dK{fill:rgb(132,0,0)}.dL{fill:rgb(132,255,132);white-space:pre}.dM{fill:rgb(127,0,0)}.dN{fill:rgb(127,255,127);white-space:pre}.dO{fill:rgb(122,0,0)}.dP{fill:rgb(122,255,122);white-space:pre}.dQ{fill:rgb(118,0,0)}.dR{fill:rgb(118,255,118);white-space:pre}.dS{fill:rgb(113,0,0)}.dT{fill:rgb(113,255,113);white-space:pre}.dU{fill:rgb(109,0,0)}.dV{fill:rgb(109,255,109);white-space:pre}.dW{fill:rgb(104,0,0)}.dX{fill:rgb(104,255,104);white-space:pre}.dY{fill:rgb(100,0,0)}.dZ{fill:rgb(100,255,100);white-space:pre}.ea{fill:rgb(95,0,0)}.eb{fill:rgb(95,255,95);white-space:pre}.ec{fill:rgb(91,0,0)}.ed{fill:rgb(91,255,91);white-space:pre}.ee{fill:rgb(86,0,0)}.ef{fill:rgb(86,255,86);white-space:pre}.eg{fill:rgb(81,0,0)}.eh{fill:rgb(81,255,81);white-space:pre}.ei{fill:rgb(77,0,0)}.ej{fill:rgb(77,255,77);white-space:pre}.ek{fill:rgb(72,0,0)}.el{fill:rgb(72,255,72);white-space:pre}.em{fill:rgb(68,0,0)}.en{fill:rgb(68,255,68);font-weight:bold;white-space:pre}.eo{fill:rgb(63,0,0)}.ep{fill:rgb(63,255,63);font-weight:bold;white-space:pre}.eq{fill:rgb(59,0,0)}.er{fill:rgb(59,255,59);font-weight:bold;white-space:pre}.es{fill:rgb(54,0,0)}.et{fill:rgb(54,255,54);font-weight:bold;white-space:pre}.eu{fill:rgb(50,0,0)}.ev{fill:rgb(50,255,50);white-space:pre}.ew{fill:rgb(45,0,0)}.ex{fill:rgb(45,255,45);white-space:pre}.ey{fill:rgb(40,0,0)}.ez{fill:rgb(40,255,40);white-space:pre}.eA{fill:rgb(36,0,0)}.eB{fill:rgb(36,255,36);white-space:pre}.eC{fill:rgb(31,0,0)}.eD{fill:rgb(31,255,31);white-space:pre}.eE{fill:rgb(27,0,0)}.eF{fill:rgb(27,255,27);white-space:pre}.eG{fill:rgb(22,0,0)}.eH{fill:rgb(22,255,22);white-space:pre}.eI{fill:rgb(18,0,0)}.eJ{fill:rgb(18,255,18);white-space:pre}.eK{fill:rgb(13,0,0)}.eL{fill:rgb(13,255,13);white-space:pre}.eM{fill:rgb(9,0,0)}.eN{fill:rgb(9,255,9);white-space:pre}.eO{fill:rgb(4,0,0)}.eP{fill:rgb(4,255,4);white-space:pre}.eQ{fill:transparent}.eS{animation-duration:5.227523s;animation-iteration-count:infinite;animation-name:eR;animation-timing-function:steps(1,end)}.eT{fill:rgb(160,160,160);white-space:pre}@keyframes eR{0%{transform:translateX(-0px)}3.2%{transform:translateX(-80px)}4.4%{transform:translateX(-160px)}4.4%{transform:translateX(-240px)}4.4%{transform:translateX(-320px)}4.4%{transform:translateX(-400px)}4.4%{transform:translateX(-480px)}4.4%{transform:translateX(-560px)}100%{transform:translateX(-640px)}} INFO RGB colors only work in Terminals which support TrueColor.The background and foreground colors can be customized individually.Styles can also be applied. For example: Bold or Italic. INFO RGB colors only work i INFO RGB colors only work in Terminals which supporThe background aThe background and foreground colors can be cusStyles caStyles can also be applied. For exampRestartinganimation...
\ No newline at end of file
diff --git a/_examples/coloring/fade-colors/animation.svg b/_examples/coloring/fade-colors/animation.svg
index e4e830703..47185f4db 100644
--- a/_examples/coloring/fade-colors/animation.svg
+++ b/_examples/coloring/fade-colors/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:rgb(0,255,255);white-space:pre}.j{fill:rgb(11,243,255);white-space:pre}.k{fill:rgb(23,231,255);white-space:pre}.l{fill:rgb(34,220,255);white-space:pre}.m{fill:rgb(46,208,255);white-space:pre}.n{fill:rgb(57,197,255);white-space:pre}.o{fill:rgb(69,185,255);white-space:pre}.p{fill:rgb(81,173,255);white-space:pre}.q{fill:rgb(92,162,255);white-space:pre}.r{fill:rgb(104,150,255);white-space:pre}.s{fill:rgb(115,139,255);white-space:pre}.t{fill:rgb(127,127,255);white-space:pre}.u{fill:rgb(139,115,255);white-space:pre}.v{fill:rgb(150,104,255);white-space:pre}.w{fill:rgb(162,92,255);white-space:pre}.x{fill:rgb(173,81,255);white-space:pre}.y{fill:rgb(185,69,255);white-space:pre}.z{fill:rgb(197,57,255);white-space:pre}.A{fill:rgb(208,46,255);white-space:pre}.B{fill:rgb(220,34,255);white-space:pre}.C{fill:rgb(231,23,255);white-space:pre}.D{fill:rgb(243,11,255);white-space:pre}.E{fill:transparent}.G{animation-duration:5.2934149999999995s;animation-iteration-count:infinite;animation-name:F;animation-timing-function:steps(1,end)}.H{fill:rgb(160,160,160);white-space:pre}@keyframes F{0%{transform:translateX(-0px)}4.6%{transform:translateX(-80px)}5.5%{transform:translateX(-160px)}100%{transform:translateX(-240px)}} INFO RGBcolorsonlyworkinTerminalswhichsupportTrueColor.Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:rgb(0,255,255);white-space:pre}.j{fill:rgb(11,243,255);white-space:pre}.k{fill:rgb(23,231,255);white-space:pre}.l{fill:rgb(34,220,255);white-space:pre}.m{fill:rgb(46,208,255);white-space:pre}.n{fill:rgb(57,197,255);white-space:pre}.o{fill:rgb(69,185,255);white-space:pre}.p{fill:rgb(81,173,255);white-space:pre}.q{fill:rgb(92,162,255);white-space:pre}.r{fill:rgb(104,150,255);white-space:pre}.s{fill:rgb(115,139,255);white-space:pre}.t{fill:rgb(127,127,255);white-space:pre}.u{fill:rgb(139,115,255);white-space:pre}.v{fill:rgb(150,104,255);white-space:pre}.w{fill:rgb(162,92,255);white-space:pre}.x{fill:rgb(173,81,255);white-space:pre}.y{fill:rgb(185,69,255);white-space:pre}.z{fill:rgb(197,57,255);white-space:pre}.A{fill:rgb(208,46,255);white-space:pre}.B{fill:rgb(220,34,255);white-space:pre}.C{fill:rgb(231,23,255);white-space:pre}.D{fill:rgb(243,11,255);white-space:pre}.E{fill:transparent}.G{animation-duration:5.39888s;animation-iteration-count:infinite;animation-name:F;animation-timing-function:steps(1,end)}.H{fill:rgb(160,160,160);white-space:pre}@keyframes F{0%{transform:translateX(-0px)}6.4%{transform:translateX(-80px)}7.4%{transform:translateX(-160px)}100%{transform:translateX(-240px)}} INFO RGBcolorsonlyworkinTerminalswhichsupportTrueColor.Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Restartinganimation...
\ No newline at end of file
diff --git a/_examples/coloring/fade-multiple-colors/animation.svg b/_examples/coloring/fade-multiple-colors/animation.svg
index c44eda3cc..2961c5bdc 100644
--- a/_examples/coloring/fade-multiple-colors/animation.svg
+++ b/_examples/coloring/fade-multiple-colors/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(0,255,255);white-space:pre}.i{fill:rgb(4,250,255);white-space:pre}.j{fill:rgb(8,246,255);white-space:pre}.k{fill:rgb(17,237,255);white-space:pre}.l{fill:rgb(21,233,255);white-space:pre}.m{fill:rgb(26,228,255);white-space:pre}.n{fill:rgb(30,224,255);white-space:pre}.o{fill:rgb(35,219,255);white-space:pre}.p{fill:rgb(39,215,255);white-space:pre}.q{fill:rgb(48,206,255);white-space:pre}.r{fill:rgb(52,202,255);white-space:pre}.s{fill:rgb(57,197,255);white-space:pre}.t{fill:rgb(61,193,255);white-space:pre}.u{fill:rgb(70,184,255);white-space:pre}.v{fill:rgb(74,180,255);white-space:pre}.w{fill:rgb(79,175,255);white-space:pre}.x{fill:rgb(83,171,255);white-space:pre}.y{fill:rgb(92,162,255);white-space:pre}.z{fill:rgb(96,158,255);white-space:pre}.A{fill:rgb(105,149,255);white-space:pre}.B{fill:rgb(109,145,255);white-space:pre}.C{fill:rgb(114,140,255);white-space:pre}.D{fill:rgb(118,136,255);white-space:pre}.E{fill:rgb(123,131,255);white-space:pre}.F{fill:rgb(127,127,255);white-space:pre}.G{fill:rgb(131,123,255);white-space:pre}.H{fill:rgb(136,118,255);white-space:pre}.I{fill:rgb(140,114,255);white-space:pre}.J{fill:rgb(149,105,255);white-space:pre}.K{fill:rgb(153,101,255);white-space:pre}.L{fill:rgb(158,96,255);white-space:pre}.M{fill:rgb(162,92,255);white-space:pre}.N{fill:rgb(167,87,255);white-space:pre}.O{fill:rgb(175,79,255);white-space:pre}.P{fill:rgb(180,74,255);white-space:pre}.Q{fill:rgb(184,70,255);white-space:pre}.R{fill:rgb(189,65,255);white-space:pre}.S{fill:rgb(193,61,255);white-space:pre}.T{fill:rgb(197,57,255);white-space:pre}.U{fill:rgb(202,52,255);white-space:pre}.V{fill:rgb(211,43,255);white-space:pre}.W{fill:rgb(215,39,255);white-space:pre}.X{fill:rgb(219,35,255);white-space:pre}.Y{fill:rgb(224,30,255);white-space:pre}.Z{fill:rgb(228,26,255);white-space:pre}.aa{fill:rgb(233,21,255);white-space:pre}.ab{fill:rgb(237,17,255);white-space:pre}.ac{fill:rgb(241,13,255);white-space:pre}.ad{fill:rgb(246,8,255);white-space:pre}.ae{fill:rgb(250,4,255);white-space:pre}.af{fill:rgb(46,208,255);white-space:pre}.ag{fill:rgb(139,115,255);white-space:pre}.ah{fill:rgb(185,69,255);white-space:pre}.ai{fill:rgb(231,23,255);white-space:pre}.aj{fill:rgb(255,0,231);white-space:pre}.ak{fill:rgb(255,0,185);white-space:pre}.al{fill:rgb(255,0,139);white-space:pre}.am{fill:rgb(255,0,92);white-space:pre}.an{fill:rgb(255,0,46);white-space:pre}.ao{fill:rgb(255,0,0);white-space:pre}.ap{fill:rgb(208,46,0);white-space:pre}.aq{fill:rgb(162,92,0);white-space:pre}.ar{fill:rgb(115,139,0);white-space:pre}.as{fill:rgb(69,185,0);white-space:pre}.at{fill:rgb(23,231,0);white-space:pre}.au{fill:rgb(23,255,23);white-space:pre}.av{fill:rgb(69,255,69);white-space:pre}.aw{fill:rgb(115,255,115);white-space:pre}.ax{fill:rgb(162,255,162);white-space:pre}.ay{fill:rgb(208,255,208);white-space:pre}.az{fill:transparent}.aB{animation-duration:5.203778s;animation-iteration-count:infinite;animation-name:aA;animation-timing-function:steps(1,end)}.aC{fill:rgb(160,160,160);white-space:pre}@keyframes aA{0%{transform:translateX(-0px)}3.4%{transform:translateX(-80px)}3.9%{transform:translateX(-160px)}3.9%{transform:translateX(-240px)}100%{transform:translateX(-320px)}} INFO RGBcolorsonlyworkinTerminalswhichsupportTrueColor.Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World! INFO RGBcolorsonlyworkinTerminalswRestartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(0,255,255);white-space:pre}.i{fill:rgb(4,250,255);white-space:pre}.j{fill:rgb(8,246,255);white-space:pre}.k{fill:rgb(17,237,255);white-space:pre}.l{fill:rgb(21,233,255);white-space:pre}.m{fill:rgb(26,228,255);white-space:pre}.n{fill:rgb(30,224,255);white-space:pre}.o{fill:rgb(35,219,255);white-space:pre}.p{fill:rgb(39,215,255);white-space:pre}.q{fill:rgb(48,206,255);white-space:pre}.r{fill:rgb(52,202,255);white-space:pre}.s{fill:rgb(57,197,255);white-space:pre}.t{fill:rgb(61,193,255);white-space:pre}.u{fill:rgb(70,184,255);white-space:pre}.v{fill:rgb(74,180,255);white-space:pre}.w{fill:rgb(79,175,255);white-space:pre}.x{fill:rgb(83,171,255);white-space:pre}.y{fill:rgb(92,162,255);white-space:pre}.z{fill:rgb(96,158,255);white-space:pre}.A{fill:rgb(105,149,255);white-space:pre}.B{fill:rgb(109,145,255);white-space:pre}.C{fill:rgb(114,140,255);white-space:pre}.D{fill:rgb(118,136,255);white-space:pre}.E{fill:rgb(123,131,255);white-space:pre}.F{fill:rgb(127,127,255);white-space:pre}.G{fill:rgb(131,123,255);white-space:pre}.H{fill:rgb(136,118,255);white-space:pre}.I{fill:rgb(140,114,255);white-space:pre}.J{fill:rgb(149,105,255);white-space:pre}.K{fill:rgb(153,101,255);white-space:pre}.L{fill:rgb(158,96,255);white-space:pre}.M{fill:rgb(162,92,255);white-space:pre}.N{fill:rgb(167,87,255);white-space:pre}.O{fill:rgb(175,79,255);white-space:pre}.P{fill:rgb(180,74,255);white-space:pre}.Q{fill:rgb(184,70,255);white-space:pre}.R{fill:rgb(189,65,255);white-space:pre}.S{fill:rgb(193,61,255);white-space:pre}.T{fill:rgb(197,57,255);white-space:pre}.U{fill:rgb(202,52,255);white-space:pre}.V{fill:rgb(211,43,255);white-space:pre}.W{fill:rgb(215,39,255);white-space:pre}.X{fill:rgb(219,35,255);white-space:pre}.Y{fill:rgb(224,30,255);white-space:pre}.Z{fill:rgb(228,26,255);white-space:pre}.aa{fill:rgb(233,21,255);white-space:pre}.ab{fill:rgb(237,17,255);white-space:pre}.ac{fill:rgb(241,13,255);white-space:pre}.ad{fill:rgb(246,8,255);white-space:pre}.ae{fill:rgb(250,4,255);white-space:pre}.af{fill:rgb(46,208,255);white-space:pre}.ag{fill:rgb(139,115,255);white-space:pre}.ah{fill:rgb(185,69,255);white-space:pre}.ai{fill:rgb(231,23,255);white-space:pre}.aj{fill:rgb(255,0,231);white-space:pre}.ak{fill:rgb(255,0,185);white-space:pre}.al{fill:rgb(255,0,139);white-space:pre}.am{fill:rgb(255,0,92);white-space:pre}.an{fill:rgb(255,0,46);white-space:pre}.ao{fill:rgb(255,0,0);white-space:pre}.ap{fill:rgb(208,46,0);white-space:pre}.aq{fill:rgb(162,92,0);white-space:pre}.ar{fill:rgb(115,139,0);white-space:pre}.as{fill:rgb(69,185,0);white-space:pre}.at{fill:rgb(23,231,0);white-space:pre}.au{fill:rgb(23,255,23);white-space:pre}.av{fill:rgb(69,255,69);white-space:pre}.aw{fill:rgb(115,255,115);white-space:pre}.ax{fill:rgb(162,255,162);white-space:pre}.ay{fill:rgb(208,255,208);white-space:pre}.az{fill:transparent}.aB{animation-duration:5.251153s;animation-iteration-count:infinite;animation-name:aA;animation-timing-function:steps(1,end)}.aC{fill:rgb(160,160,160);white-space:pre}@keyframes aA{0%{transform:translateX(-0px)}3.6%{transform:translateX(-80px)}4.8%{transform:translateX(-160px)}4.8%{transform:translateX(-240px)}100%{transform:translateX(-320px)}} INFO RGBcolorsonlyworkinTerminalswhichsupportTrueColor.Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World! INFO RGBcolorsonlyworkinTerminalswRestartinganimation...
\ No newline at end of file
diff --git a/_examples/coloring/override-default-printers/animation.svg b/_examples/coloring/override-default-printers/animation.svg
index a1ca79d64..b85433fc7 100644
--- a/_examples/coloring/override-default-printers/animation.svg
+++ b/_examples/coloring/override-default-printers/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(232,131,136)}.g{white-space:pre}.h{fill:rgb(243,86,86);white-space:pre}.i{fill:rgb(102,194,205)}.j{fill:rgb(255,0,4);white-space:pre}.k{fill:transparent}.m{animation-duration:5.257343s;animation-iteration-count:infinite;animation-name:l;animation-timing-function:steps(1,end)}.n{fill:rgb(160,160,160);white-space:pre}@keyframes l{0%{transform:translateX(-0px)}4%{transform:translateX(-80px)}4.9%{transform:translateX(-160px)}100%{transform:translateX(-240px)}} ERROR ThisisthedefaultError OVERRIDE ThisisthedefaultErroraftertheprefixwasoverriddenRestartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(232,131,136)}.g{white-space:pre}.h{fill:rgb(243,86,86);white-space:pre}.i{fill:rgb(102,194,205)}.j{fill:rgb(255,0,4);white-space:pre}.k{fill:transparent}.m{animation-duration:5.07519s;animation-iteration-count:infinite;animation-name:l;animation-timing-function:steps(1,end)}.n{fill:rgb(160,160,160);white-space:pre}@keyframes l{0%{transform:translateX(-0px)}1.1%{transform:translateX(-80px)}1.5%{transform:translateX(-160px)}100%{transform:translateX(-240px)}} ERROR ThisisthedefaultError OVERRIDE ThisisthedefaultErroraftertheprefixwasoverriddenRestartinganimation...
\ No newline at end of file
diff --git a/_examples/coloring/print-color-rgb-style/animation.svg b/_examples/coloring/print-color-rgb-style/animation.svg
index 97228f5aa..c4861526f 100644
--- a/_examples/coloring/print-color-rgb-style/animation.svg
+++ b/_examples/coloring/print-color-rgb-style/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(0,50,123)}.g{fill:rgb(187,80,0);white-space:pre}.h{fill:rgb(187,80,0);font-weight:bold;white-space:pre}.i{fill:transparent}.k{animation-duration:5.32684s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}.l{fill:rgb(160,160,160);white-space:pre}@keyframes j{0%{transform:translateX(-0px)}5%{transform:translateX(-80px)}6.1%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}This text is not styled.This text is bold.This text is italic.Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(0,50,123)}.g{fill:rgb(187,80,0);white-space:pre}.h{fill:rgb(187,80,0);font-weight:bold;white-space:pre}.i{fill:transparent}.k{animation-duration:5.42315s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}.l{fill:rgb(160,160,160);white-space:pre}@keyframes j{0%{transform:translateX(-0px)}6.4%{transform:translateX(-80px)}7.8%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}This text is not styled.This text is bold.This text is italic.Restartinganimation...
\ No newline at end of file
diff --git a/_examples/coloring/print-color-rgb/animation.svg b/_examples/coloring/print-color-rgb/animation.svg
index 77aabe502..8ac0131a2 100644
--- a/_examples/coloring/print-color-rgb/animation.svg
+++ b/_examples/coloring/print-color-rgb/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(178,44,199);white-space:pre}.g{fill:rgb(15,199,209);white-space:pre}.h{fill:rgb(201,144,30)}.i{fill:rgb(160,160,160);white-space:pre}.j{fill:transparent}.l{animation-duration:5.199885s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}3.3%{transform:translateX(-80px)}3.8%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}ThistextisprintedwithacustomRGB!ThistextisprintedwithacustomRGB!This text is printed with a custom RGB background!Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(178,44,199);white-space:pre}.g{fill:rgb(15,199,209);white-space:pre}.h{fill:rgb(201,144,30)}.i{fill:rgb(160,160,160);white-space:pre}.j{fill:transparent}.l{animation-duration:5.224608s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}3.7%{transform:translateX(-80px)}4.3%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}ThistextisprintedwithacustomRGB!ThistextisprintedwithacustomRGB!This text is printed with a custom RGB background!Restartinganimation...
\ No newline at end of file
diff --git a/_examples/demo/demo/animation.svg b/_examples/demo/demo/animation.svg
index 3c5a79124..0b3cf7724 100644
--- a/_examples/demo/demo/animation.svg
+++ b/_examples/demo/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:rgb(115,190,243)}.i{fill:rgb(160,160,160);white-space:pre}.j{fill:rgb(255,255,255);font-weight:bold;white-space:pre}.k{fill:rgb(102,194,205)}.l{white-space:pre}.m{fill:rgb(124,255,0);white-space:pre}.n{fill:rgb(255,255,255);white-space:pre}.o{fill:rgb(104,104,104);white-space:pre}.p{fill:rgb(0,198,255);font-weight:bold;white-space:pre}.q{fill:rgb(0,71,255);font-weight:bold;white-space:pre}.r{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.s{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.t{fill:rgb(255,0,4);font-weight:bold;white-space:pre}.u{fill:rgb(168,204,140)}.v{fill:rgb(0,198,255);white-space:pre}.w{fill:rgb(208,46,0);white-space:pre}.x{fill:rgb(162,92,0);white-space:pre}.y{fill:rgb(115,139,0);white-space:pre}.z{fill:rgb(69,185,0);white-space:pre}.A{fill:rgb(219,171,121)}.B{fill:rgb(255,241,0);white-space:pre}.C{fill:rgb(23,231,0);white-space:pre}.D{fill:rgb(0,255,0);white-space:pre}.E{fill:rgb(0,255,255);white-space:pre}.F{fill:rgb(0,254,255);white-space:pre}.G{fill:rgb(1,253,255);white-space:pre}.H{fill:rgb(2,252,255);white-space:pre}.I{fill:rgb(3,251,255);white-space:pre}.J{fill:rgb(4,250,255);white-space:pre}.K{fill:rgb(5,249,255);white-space:pre}.L{fill:rgb(6,248,255);white-space:pre}.M{fill:rgb(7,247,255);white-space:pre}.N{fill:rgb(8,246,255);white-space:pre}.O{fill:rgb(9,245,255);white-space:pre}.P{fill:rgb(10,244,255);white-space:pre}.Q{fill:rgb(11,243,255);white-space:pre}.R{fill:rgb(12,242,255);white-space:pre}.S{fill:rgb(13,241,255);white-space:pre}.T{fill:rgb(14,240,255);white-space:pre}.U{fill:rgb(15,239,255);white-space:pre}.V{fill:rgb(16,238,255);white-space:pre}.W{fill:rgb(17,237,255);white-space:pre}.X{fill:rgb(18,236,255);white-space:pre}.Y{fill:rgb(19,235,255);white-space:pre}.Z{fill:rgb(20,234,255);white-space:pre}.aa{fill:rgb(21,233,255);white-space:pre}.ab{fill:rgb(22,232,255);white-space:pre}.ac{fill:rgb(23,231,255);white-space:pre}.ad{fill:rgb(24,230,255);white-space:pre}.ae{fill:rgb(25,229,255);white-space:pre}.af{fill:rgb(26,228,255);white-space:pre}.ag{fill:rgb(27,227,255);white-space:pre}.ah{fill:rgb(28,226,255);white-space:pre}.ai{fill:rgb(29,225,255);white-space:pre}.aj{fill:rgb(30,224,255);white-space:pre}.ak{fill:rgb(31,223,255);white-space:pre}.al{fill:rgb(32,222,255);white-space:pre}.am{fill:rgb(34,220,255);white-space:pre}.an{fill:rgb(35,219,255);white-space:pre}.ao{fill:rgb(36,218,255);white-space:pre}.ap{fill:rgb(37,217,255);white-space:pre}.aq{fill:rgb(38,216,255);white-space:pre}.ar{fill:rgb(39,215,255);white-space:pre}.as{fill:rgb(40,214,255);white-space:pre}.at{fill:rgb(41,213,255);white-space:pre}.au{fill:rgb(42,212,255);white-space:pre}.av{fill:rgb(43,211,255);white-space:pre}.aw{fill:rgb(44,210,255);white-space:pre}.ax{fill:rgb(45,209,255);white-space:pre}.ay{fill:rgb(46,208,255);white-space:pre}.az{fill:rgb(47,207,255);white-space:pre}.aA{fill:rgb(48,206,255);white-space:pre}.aB{fill:rgb(49,205,255);white-space:pre}.aC{fill:rgb(50,204,255);white-space:pre}.aD{fill:rgb(51,203,255);white-space:pre}.aE{fill:rgb(52,202,255);white-space:pre}.aF{fill:rgb(53,201,255);white-space:pre}.aG{fill:rgb(54,200,255);white-space:pre}.aH{fill:rgb(55,199,255);white-space:pre}.aI{fill:rgb(56,198,255);white-space:pre}.aJ{fill:rgb(57,197,255);white-space:pre}.aK{fill:rgb(58,196,255);white-space:pre}.aL{fill:rgb(59,195,255);white-space:pre}.aM{fill:rgb(60,194,255);white-space:pre}.aN{fill:rgb(61,193,255);white-space:pre}.aO{fill:rgb(62,192,255);white-space:pre}.aP{fill:rgb(63,191,255);white-space:pre}.aQ{fill:rgb(64,190,255);white-space:pre}.aR{fill:rgb(65,189,255);white-space:pre}.aS{fill:rgb(66,188,255);white-space:pre}.aT{fill:rgb(67,187,255);white-space:pre}.aU{fill:rgb(68,186,255);white-space:pre}.aV{fill:rgb(69,185,255);white-space:pre}.aW{fill:rgb(70,184,255);white-space:pre}.aX{fill:rgb(71,183,255);white-space:pre}.aY{fill:rgb(72,182,255);white-space:pre}.aZ{fill:rgb(73,181,255);white-space:pre}.ba{fill:rgb(74,180,255);white-space:pre}.bb{fill:rgb(75,179,255);white-space:pre}.bc{fill:rgb(76,178,255);white-space:pre}.bd{fill:rgb(77,177,255);white-space:pre}.be{fill:rgb(78,176,255);white-space:pre}.bf{fill:rgb(79,175,255);white-space:pre}.bg{fill:rgb(80,174,255);white-space:pre}.bh{fill:rgb(81,173,255);white-space:pre}.bi{fill:rgb(82,172,255);white-space:pre}.bj{fill:rgb(83,171,255);white-space:pre}.bk{fill:rgb(84,170,255);white-space:pre}.bl{fill:rgb(85,169,255);white-space:pre}.bm{fill:rgb(86,168,255);white-space:pre}.bn{fill:rgb(87,167,255);white-space:pre}.bo{fill:rgb(88,166,255);white-space:pre}.bp{fill:rgb(89,165,255);white-space:pre}.bq{fill:rgb(90,164,255);white-space:pre}.br{fill:rgb(91,163,255);white-space:pre}.bs{fill:rgb(92,162,255);white-space:pre}.bt{fill:rgb(93,161,255);white-space:pre}.bu{fill:rgb(94,160,255);white-space:pre}.bv{fill:rgb(95,159,255);white-space:pre}.bw{fill:rgb(96,158,255);white-space:pre}.bx{fill:rgb(97,157,255);white-space:pre}.by{fill:rgb(98,156,255);white-space:pre}.bz{fill:rgb(99,155,255);white-space:pre}.bA{fill:rgb(100,154,255);white-space:pre}.bB{fill:rgb(101,153,255);white-space:pre}.bC{fill:rgb(102,152,255);white-space:pre}.bD{fill:rgb(103,151,255);white-space:pre}.bE{fill:rgb(104,150,255);white-space:pre}.bF{fill:rgb(105,149,255);white-space:pre}.bG{fill:rgb(106,148,255);white-space:pre}.bH{fill:rgb(107,147,255);white-space:pre}.bI{fill:rgb(108,146,255);white-space:pre}.bJ{fill:rgb(109,145,255);white-space:pre}.bK{fill:rgb(110,144,255);white-space:pre}.bL{fill:rgb(111,143,255);white-space:pre}.bM{fill:rgb(112,142,255);white-space:pre}.bN{fill:rgb(113,141,255);white-space:pre}.bO{fill:rgb(114,140,255);white-space:pre}.bP{fill:rgb(115,139,255);white-space:pre}.bQ{fill:rgb(116,138,255);white-space:pre}.bR{fill:rgb(117,137,255);white-space:pre}.bS{fill:rgb(118,136,255);white-space:pre}.bT{fill:rgb(119,135,255);white-space:pre}.bU{fill:rgb(120,134,255);white-space:pre}.bV{fill:rgb(121,133,255);white-space:pre}.bW{fill:rgb(122,132,255);white-space:pre}.bX{fill:rgb(123,131,255);white-space:pre}.bY{fill:rgb(124,130,255);white-space:pre}.bZ{fill:rgb(125,129,255);white-space:pre}.ca{fill:rgb(126,128,255);white-space:pre}.cb{fill:rgb(127,127,255);white-space:pre}.cc{fill:rgb(128,126,255);white-space:pre}.cd{fill:rgb(129,125,255);white-space:pre}.ce{fill:rgb(130,124,255);white-space:pre}.cf{fill:rgb(131,123,255);white-space:pre}.cg{fill:rgb(132,122,255);white-space:pre}.ch{fill:rgb(133,121,255);white-space:pre}.ci{fill:rgb(134,120,255);white-space:pre}.cj{fill:rgb(135,119,255);white-space:pre}.ck{fill:rgb(136,118,255);white-space:pre}.cl{fill:rgb(137,117,255);white-space:pre}.cm{fill:rgb(138,116,255);white-space:pre}.cn{fill:rgb(139,115,255);white-space:pre}.co{fill:rgb(140,114,255);white-space:pre}.cp{fill:rgb(141,113,255);white-space:pre}.cq{fill:rgb(142,112,255);white-space:pre}.cr{fill:rgb(143,111,255);white-space:pre}.cs{fill:rgb(144,110,255);white-space:pre}.ct{fill:rgb(145,109,255);white-space:pre}.cu{fill:rgb(146,108,255);white-space:pre}.cv{fill:rgb(147,107,255);white-space:pre}.cw{fill:rgb(148,106,255);white-space:pre}.cx{fill:rgb(149,105,255);white-space:pre}.cy{fill:rgb(150,104,255);white-space:pre}.cz{fill:rgb(151,103,255);white-space:pre}.cA{fill:rgb(152,102,255);white-space:pre}.cB{fill:rgb(153,101,255);white-space:pre}.cC{fill:rgb(154,100,255);white-space:pre}.cD{fill:rgb(155,99,255);white-space:pre}.cE{fill:rgb(156,98,255);white-space:pre}.cF{fill:rgb(157,97,255);white-space:pre}.cG{fill:rgb(158,96,255);white-space:pre}.cH{fill:rgb(159,95,255);white-space:pre}.cI{fill:rgb(160,94,255);white-space:pre}.cJ{fill:rgb(161,93,255);white-space:pre}.cK{fill:rgb(162,92,255);white-space:pre}.cL{fill:rgb(163,91,255);white-space:pre}.cM{fill:rgb(164,90,255);white-space:pre}.cN{fill:rgb(165,89,255);white-space:pre}.cO{fill:rgb(166,88,255);white-space:pre}.cP{fill:rgb(167,87,255);white-space:pre}.cQ{fill:rgb(168,86,255);white-space:pre}.cR{fill:rgb(169,85,255);white-space:pre}.cS{fill:rgb(170,84,255);white-space:pre}.cT{fill:rgb(171,83,255);white-space:pre}.cU{fill:rgb(172,82,255);white-space:pre}.cV{fill:rgb(173,81,255);white-space:pre}.cW{fill:rgb(174,80,255);white-space:pre}.cX{fill:rgb(175,79,255);white-space:pre}.cY{fill:rgb(176,78,255);white-space:pre}.cZ{fill:rgb(177,77,255);white-space:pre}.da{fill:rgb(178,76,255);white-space:pre}.db{fill:rgb(179,75,255);white-space:pre}.dc{fill:rgb(180,74,255);white-space:pre}.dd{fill:rgb(181,73,255);white-space:pre}.de{fill:rgb(182,72,255);white-space:pre}.df{fill:rgb(183,71,255);white-space:pre}.dg{fill:rgb(184,70,255);white-space:pre}.dh{fill:rgb(185,69,255);white-space:pre}.di{fill:rgb(186,68,255);white-space:pre}.dj{fill:rgb(187,67,255);white-space:pre}.dk{fill:rgb(188,66,255);white-space:pre}.dl{fill:rgb(189,65,255);white-space:pre}.dm{fill:rgb(190,64,255);white-space:pre}.dn{fill:rgb(191,63,255);white-space:pre}.do{fill:rgb(192,62,255);white-space:pre}.dp{fill:rgb(193,61,255);white-space:pre}.dq{fill:rgb(194,60,255);white-space:pre}.dr{fill:rgb(195,59,255);white-space:pre}.ds{fill:rgb(196,58,255);white-space:pre}.dt{fill:rgb(197,57,255);white-space:pre}.du{fill:rgb(198,56,255);white-space:pre}.dv{fill:rgb(199,55,255);white-space:pre}.dw{fill:rgb(200,54,255);white-space:pre}.dx{fill:rgb(201,53,255);white-space:pre}.dy{fill:rgb(202,52,255);white-space:pre}.dz{fill:rgb(203,51,255);white-space:pre}.dA{fill:rgb(204,50,255);white-space:pre}.dB{fill:rgb(205,49,255);white-space:pre}.dC{fill:rgb(206,48,255);white-space:pre}.dD{fill:rgb(207,47,255);white-space:pre}.dE{fill:rgb(208,46,255);white-space:pre}.dF{fill:rgb(209,45,255);white-space:pre}.dG{fill:rgb(210,44,255);white-space:pre}.dH{fill:rgb(211,43,255);white-space:pre}.dI{fill:rgb(212,42,255);white-space:pre}.dJ{fill:rgb(213,41,255);white-space:pre}.dK{fill:rgb(214,40,255);white-space:pre}.dL{fill:rgb(215,39,255);white-space:pre}.dM{fill:rgb(216,38,255);white-space:pre}.dN{fill:rgb(217,37,255);white-space:pre}.dO{fill:rgb(218,36,255);white-space:pre}.dP{fill:rgb(219,35,255);white-space:pre}.dQ{fill:rgb(220,34,255);white-space:pre}.dR{fill:rgb(221,33,255);white-space:pre}.dS{fill:rgb(222,32,255);white-space:pre}.dT{fill:rgb(223,31,255);white-space:pre}.dU{fill:rgb(224,30,255);white-space:pre}.dV{fill:rgb(225,29,255);white-space:pre}.dW{fill:rgb(226,28,255);white-space:pre}.dX{fill:rgb(227,27,255);white-space:pre}.dY{fill:rgb(228,26,255);white-space:pre}.dZ{fill:rgb(229,25,255);white-space:pre}.ea{fill:rgb(230,24,255);white-space:pre}.eb{fill:rgb(231,23,255);white-space:pre}.ec{fill:rgb(232,22,255);white-space:pre}.ed{fill:rgb(233,21,255);white-space:pre}.ee{fill:rgb(234,20,255);white-space:pre}.ef{fill:rgb(235,19,255);white-space:pre}.eg{fill:rgb(236,18,255);white-space:pre}.eh{fill:rgb(237,17,255);white-space:pre}.ei{fill:rgb(238,16,255);white-space:pre}.ej{fill:rgb(239,15,255);white-space:pre}.ek{fill:rgb(240,14,255);white-space:pre}.el{fill:rgb(241,13,255);white-space:pre}.em{fill:rgb(242,12,255);white-space:pre}.en{fill:rgb(243,11,255);white-space:pre}.eo{fill:rgb(244,10,255);white-space:pre}.ep{fill:rgb(245,9,255);white-space:pre}.eq{fill:rgb(246,8,255);white-space:pre}.er{fill:rgb(247,7,255);white-space:pre}.es{fill:rgb(248,6,255);white-space:pre}.et{fill:rgb(249,5,255);white-space:pre}.eu{fill:rgb(250,4,255);white-space:pre}.ev{fill:rgb(251,3,255);white-space:pre}.ew{fill:rgb(252,2,255);white-space:pre}.ex{fill:rgb(253,1,255);white-space:pre}.ey{fill:rgb(254,0,255);white-space:pre}.ez{fill:rgb(255,0,4);white-space:pre}.eA{fill:rgb(243,86,86);white-space:pre}.eB{fill:rgb(232,131,136)}.eC{fill:rgb(111,119,131)}.eD{fill:transparent}.eF{animation-duration:103.56353s;animation-iteration-count:infinite;animation-name:eE;animation-timing-function:steps(1,end)}.eG{fill:rgb(255,0,0);white-space:pre}.eH{fill:rgb(231,23,0);white-space:pre}.eI{fill:rgb(185,69,0);white-space:pre}.eJ{fill:rgb(139,115,0);white-space:pre}.eK{fill:rgb(92,162,0);white-space:pre}.eL{fill:rgb(46,208,0);white-space:pre}@keyframes eE{0%{transform:translateX(-0px)}0.01%{transform:translateX(-80px)}0.02%{transform:translateX(-160px)}0.02%{transform:translateX(-240px)}0.21%{transform:translateX(-320px)}0.4%{transform:translateX(-400px)}0.59%{transform:translateX(-480px)}0.79%{transform:translateX(-560px)}0.98%{transform:translateX(-640px)}0.98%{transform:translateX(-720px)}1.18%{transform:translateX(-800px)}1.37%{transform:translateX(-880px)}1.57%{transform:translateX(-960px)}1.76%{transform:translateX(-1040px)}1.95%{transform:translateX(-1120px)}1.96%{transform:translateX(-1200px)}2.15%{transform:translateX(-1280px)}2.34%{transform:translateX(-1360px)}2.54%{transform:translateX(-1440px)}2.73%{transform:translateX(-1520px)}2.91%{transform:translateX(-1600px)}2.93%{transform:translateX(-1680px)}3.12%{transform:translateX(-1760px)}3.31%{transform:translateX(-1840px)}3.51%{transform:translateX(-1920px)}3.7%{transform:translateX(-2000px)}3.88%{transform:translateX(-2080px)}3.9%{transform:translateX(-2160px)}4.09%{transform:translateX(-2240px)}4.29%{transform:translateX(-2320px)}4.48%{transform:translateX(-2400px)}4.68%{transform:translateX(-2480px)}4.85%{transform:translateX(-2560px)}4.87%{transform:translateX(-2640px)}5.06%{transform:translateX(-2720px)}5.26%{transform:translateX(-2800px)}5.45%{transform:translateX(-2880px)}5.64%{transform:translateX(-2960px)}5.81%{transform:translateX(-3040px)}5.84%{transform:translateX(-3120px)}6.03%{transform:translateX(-3200px)}6.23%{transform:translateX(-3280px)}6.42%{transform:translateX(-3360px)}6.61%{transform:translateX(-3440px)}6.78%{transform:translateX(-3520px)}6.81%{transform:translateX(-3600px)}7%{transform:translateX(-3680px)}7.19%{transform:translateX(-3760px)}7.39%{transform:translateX(-3840px)}7.58%{transform:translateX(-3920px)}7.75%{transform:translateX(-4000px)}7.77%{transform:translateX(-4080px)}7.97%{transform:translateX(-4160px)}8.16%{transform:translateX(-4240px)}8.35%{transform:translateX(-4320px)}8.55%{transform:translateX(-4400px)}8.71%{transform:translateX(-4480px)}8.74%{transform:translateX(-4560px)}8.94%{transform:translateX(-4640px)}9.13%{transform:translateX(-4720px)}9.32%{transform:translateX(-4800px)}9.52%{transform:translateX(-4880px)}9.68%{transform:translateX(-4960px)}9.71%{transform:translateX(-5040px)}9.9%{transform:translateX(-5120px)}10.1%{transform:translateX(-5200px)}10.29%{transform:translateX(-5280px)}10.48%{transform:translateX(-5360px)}10.65%{transform:translateX(-5440px)}10.68%{transform:translateX(-5520px)}10.87%{transform:translateX(-5600px)}11.07%{transform:translateX(-5680px)}11.26%{transform:translateX(-5760px)}11.45%{transform:translateX(-5840px)}11.61%{transform:translateX(-5920px)}11.65%{transform:translateX(-6000px)}11.84%{transform:translateX(-6080px)}12.03%{transform:translateX(-6160px)}12.23%{transform:translateX(-6240px)}12.42%{transform:translateX(-6320px)}12.58%{transform:translateX(-6400px)}12.62%{transform:translateX(-6480px)}12.81%{transform:translateX(-6560px)}13%{transform:translateX(-6640px)}13.2%{transform:translateX(-6720px)}13.39%{transform:translateX(-6800px)}13.54%{transform:translateX(-6880px)}13.58%{transform:translateX(-6960px)}13.78%{transform:translateX(-7040px)}13.97%{transform:translateX(-7120px)}14.16%{transform:translateX(-7200px)}14.36%{transform:translateX(-7280px)}14.51%{transform:translateX(-7360px)}14.51%{transform:translateX(-7440px)}14.99%{transform:translateX(-7520px)}17.89%{transform:translateX(-7600px)}20.79%{transform:translateX(-7680px)}23.69%{transform:translateX(-7760px)}26.59%{transform:translateX(-7840px)}29.49%{transform:translateX(-7920px)}34.32%{transform:translateX(-8000px)}34.32%{transform:translateX(-8080px)}34.81%{transform:translateX(-8160px)}34.81%{transform:translateX(-8240px)}34.81%{transform:translateX(-8320px)}34.81%{transform:translateX(-8400px)}35.29%{transform:translateX(-8480px)}35.29%{transform:translateX(-8560px)}35.29%{transform:translateX(-8640px)}35.77%{transform:translateX(-8720px)}35.77%{transform:translateX(-8800px)}35.77%{transform:translateX(-8880px)}35.77%{transform:translateX(-8960px)}36.26%{transform:translateX(-9040px)}36.26%{transform:translateX(-9120px)}36.26%{transform:translateX(-9200px)}36.74%{transform:translateX(-9280px)}36.74%{transform:translateX(-9360px)}36.74%{transform:translateX(-9440px)}37.22%{transform:translateX(-9520px)}37.22%{transform:translateX(-9600px)}37.7%{transform:translateX(-9680px)}37.71%{transform:translateX(-9760px)}37.71%{transform:translateX(-9840px)}37.71%{transform:translateX(-9920px)}38.19%{transform:translateX(-10000px)}38.19%{transform:translateX(-10080px)}38.67%{transform:translateX(-10160px)}38.67%{transform:translateX(-10240px)}38.67%{transform:translateX(-10320px)}38.67%{transform:translateX(-10400px)}39.16%{transform:translateX(-10480px)}39.16%{transform:translateX(-10560px)}39.63%{transform:translateX(-10640px)}39.64%{transform:translateX(-10720px)}39.64%{transform:translateX(-10800px)}40.13%{transform:translateX(-10880px)}42.06%{transform:translateX(-10960px)}42.06%{transform:translateX(-11040px)}42.54%{transform:translateX(-11120px)}42.54%{transform:translateX(-11200px)}42.74%{transform:translateX(-11280px)}42.93%{transform:translateX(-11360px)}43.12%{transform:translateX(-11440px)}43.32%{transform:translateX(-11520px)}43.51%{transform:translateX(-11600px)}43.51%{transform:translateX(-11680px)}43.51%{transform:translateX(-11760px)}43.7%{transform:translateX(-11840px)}43.9%{transform:translateX(-11920px)}44.09%{transform:translateX(-12000px)}44.28%{transform:translateX(-12080px)}44.47%{transform:translateX(-12160px)}44.48%{transform:translateX(-12240px)}44.67%{transform:translateX(-12320px)}44.86%{transform:translateX(-12400px)}45.06%{transform:translateX(-12480px)}45.25%{transform:translateX(-12560px)}45.44%{transform:translateX(-12640px)}45.45%{transform:translateX(-12720px)}45.64%{transform:translateX(-12800px)}45.83%{transform:translateX(-12880px)}46.03%{transform:translateX(-12960px)}46.22%{transform:translateX(-13040px)}46.41%{transform:translateX(-13120px)}48.34%{transform:translateX(-13200px)}48.34%{transform:translateX(-13280px)}48.82%{transform:translateX(-13360px)}48.82%{transform:translateX(-13440px)}48.82%{transform:translateX(-13520px)}49.79%{transform:translateX(-13600px)}49.79%{transform:translateX(-13680px)}50.76%{transform:translateX(-13760px)}50.76%{transform:translateX(-13840px)}50.76%{transform:translateX(-13920px)}51.73%{transform:translateX(-14000px)}51.73%{transform:translateX(-14080px)}52.69%{transform:translateX(-14160px)}52.69%{transform:translateX(-14240px)}53.66%{transform:translateX(-14320px)}53.66%{transform:translateX(-14400px)}54.63%{transform:translateX(-14480px)}54.63%{transform:translateX(-14560px)}55.59%{transform:translateX(-14640px)}55.59%{transform:translateX(-14720px)}55.59%{transform:translateX(-14800px)}56.56%{transform:translateX(-14880px)}56.56%{transform:translateX(-14960px)}57.53%{transform:translateX(-15040px)}57.53%{transform:translateX(-15120px)}60.43%{transform:translateX(-15200px)}60.43%{transform:translateX(-15280px)}60.91%{transform:translateX(-15360px)}60.91%{transform:translateX(-15440px)}60.91%{transform:translateX(-15520px)}60.91%{transform:translateX(-15600px)}60.91%{transform:translateX(-15680px)}64.78%{transform:translateX(-15760px)}64.78%{transform:translateX(-15840px)}65.26%{transform:translateX(-15920px)}65.26%{transform:translateX(-16000px)}65.26%{transform:translateX(-16080px)}65.26%{transform:translateX(-16160px)}65.26%{transform:translateX(-16240px)}65.26%{transform:translateX(-16320px)}65.26%{transform:translateX(-16400px)}65.26%{transform:translateX(-16480px)}65.26%{transform:translateX(-16560px)}65.26%{transform:translateX(-16640px)}65.26%{transform:translateX(-16720px)}65.26%{transform:translateX(-16800px)}65.26%{transform:translateX(-16880px)}65.27%{transform:translateX(-16960px)}65.27%{transform:translateX(-17040px)}65.27%{transform:translateX(-17120px)}65.27%{transform:translateX(-17200px)}65.27%{transform:translateX(-17280px)}65.27%{transform:translateX(-17360px)}72.03%{transform:translateX(-17440px)}72.03%{transform:translateX(-17520px)}72.51%{transform:translateX(-17600px)}72.51%{transform:translateX(-17680px)}72.51%{transform:translateX(-17760px)}73.48%{transform:translateX(-17840px)}73.48%{transform:translateX(-17920px)}73.8%{transform:translateX(-18000px)}73.8%{transform:translateX(-18080px)}73.8%{transform:translateX(-18160px)}74.12%{transform:translateX(-18240px)}74.12%{transform:translateX(-18320px)}74.12%{transform:translateX(-18400px)}74.44%{transform:translateX(-18480px)}74.44%{transform:translateX(-18560px)}74.44%{transform:translateX(-18640px)}74.44%{transform:translateX(-18720px)}74.77%{transform:translateX(-18800px)}74.77%{transform:translateX(-18880px)}74.77%{transform:translateX(-18960px)}75.09%{transform:translateX(-19040px)}75.09%{transform:translateX(-19120px)}75.09%{transform:translateX(-19200px)}75.41%{transform:translateX(-19280px)}75.41%{transform:translateX(-19360px)}75.73%{transform:translateX(-19440px)}75.73%{transform:translateX(-19520px)}76.05%{transform:translateX(-19600px)}76.05%{transform:translateX(-19680px)}76.38%{transform:translateX(-19760px)}76.38%{transform:translateX(-19840px)}76.7%{transform:translateX(-19920px)}76.7%{transform:translateX(-20000px)}76.7%{transform:translateX(-20080px)}76.89%{transform:translateX(-20160px)}76.89%{transform:translateX(-20240px)}76.89%{transform:translateX(-20320px)}77.09%{transform:translateX(-20400px)}77.09%{transform:translateX(-20480px)}77.09%{transform:translateX(-20560px)}77.28%{transform:translateX(-20640px)}77.28%{transform:translateX(-20720px)}77.28%{transform:translateX(-20800px)}79.21%{transform:translateX(-20880px)}79.21%{transform:translateX(-20960px)}79.7%{transform:translateX(-21040px)}80.18%{transform:translateX(-21120px)}80.42%{transform:translateX(-21200px)}80.66%{transform:translateX(-21280px)}80.91%{transform:translateX(-21360px)}81.15%{transform:translateX(-21440px)}81.39%{transform:translateX(-21520px)}81.39%{transform:translateX(-21600px)}81.63%{transform:translateX(-21680px)}81.63%{transform:translateX(-21760px)}81.87%{transform:translateX(-21840px)}82.12%{transform:translateX(-21920px)}82.12%{transform:translateX(-22000px)}82.36%{transform:translateX(-22080px)}82.36%{transform:translateX(-22160px)}82.6%{transform:translateX(-22240px)}82.6%{transform:translateX(-22320px)}82.84%{transform:translateX(-22400px)}83.08%{transform:translateX(-22480px)}83.33%{transform:translateX(-22560px)}83.57%{transform:translateX(-22640px)}83.81%{transform:translateX(-22720px)}84.05%{transform:translateX(-22800px)}84.29%{transform:translateX(-22880px)}84.53%{transform:translateX(-22960px)}84.78%{transform:translateX(-23040px)}84.78%{transform:translateX(-23120px)}85.02%{transform:translateX(-23200px)}85.02%{transform:translateX(-23280px)}85.26%{transform:translateX(-23360px)}85.26%{transform:translateX(-23440px)}85.5%{transform:translateX(-23520px)}85.5%{transform:translateX(-23600px)}85.74%{transform:translateX(-23680px)}85.74%{transform:translateX(-23760px)}85.99%{transform:translateX(-23840px)}85.99%{transform:translateX(-23920px)}86.23%{transform:translateX(-24000px)}86.23%{transform:translateX(-24080px)}86.47%{transform:translateX(-24160px)}86.47%{transform:translateX(-24240px)}86.71%{transform:translateX(-24320px)}86.71%{transform:translateX(-24400px)}86.95%{transform:translateX(-24480px)}87.2%{transform:translateX(-24560px)}87.2%{transform:translateX(-24640px)}87.44%{transform:translateX(-24720px)}87.44%{transform:translateX(-24800px)}87.68%{transform:translateX(-24880px)}87.68%{transform:translateX(-24960px)}87.92%{transform:translateX(-25040px)}87.92%{transform:translateX(-25120px)}88.16%{transform:translateX(-25200px)}88.16%{transform:translateX(-25280px)}88.41%{transform:translateX(-25360px)}88.41%{transform:translateX(-25440px)}88.65%{transform:translateX(-25520px)}88.65%{transform:translateX(-25600px)}88.89%{transform:translateX(-25680px)}89.13%{transform:translateX(-25760px)}89.13%{transform:translateX(-25840px)}89.37%{transform:translateX(-25920px)}89.37%{transform:translateX(-26000px)}91.79%{transform:translateX(-26080px)}91.79%{transform:translateX(-26160px)}92.27%{transform:translateX(-26240px)}92.27%{transform:translateX(-26320px)}92.27%{transform:translateX(-26400px)}92.27%{transform:translateX(-26480px)}92.27%{transform:translateX(-26560px)}95.17%{transform:translateX(-26640px)}100%{transform:translateX(-26720px)}}███████████████████████████████████████████████████████████████████████████████████████████████████████████████████ PTDP - PTerm Demo Program INFO ThisanimationwasgeneratedwiththelatestversionofPTerm! PTermworksonnearlyeveryterminalandoperatingsystem. It'ssupereasytouse! Ifyouwant,youcancustomizeeverything:) Youcanseethecodeofthisdemointhe./_examples/demodirectory. Thisdemowasupdatedat:16Sep2023-01:02:52UTC▀Waitingfor15seconds...▀Waitingfor14seconds...▀Waitingfor14seconds...▀Waitingfor13seconds...▄Waitingfor13seconds...▄Waitingfor12seconds...▄Waitingfor12seconds...▄Waitingfor11seconds...▀Waitingfor11seconds...▀Waitingfor10seconds...▀Waitingfor10seconds...▀Waitingfor9seconds....▄Waitingfor9seconds....▄Waitingfor8seconds....▄Waitingfor8seconds....▄Waitingfor7seconds....▀Waitingfor7seconds....▀Waitingfor6seconds....▀Waitingfor6seconds....▀Waitingfor5seconds....▄Waitingfor5seconds....▄Waitingfor4seconds....▄Waitingfor4seconds....▄Waitingfor3seconds....▀Waitingfor3seconds....▀Waitingfor2seconds....▀Waitingfor2seconds....▀Waitingfor1second.....▄Waitingfor1second..... Structured Logging 2023-09-1601:03:08TRACEDoingnotsoimportantstuffpriority:superlow2023-09-1601:03:11DEBUGThismightbeinteresting├whatisthemeaningoflife:42├isthisinteresting:true└whenwerecrayonsinvented:19032023-09-1601:03:14INFOThatwasactuallyinterestingsuch:wow2023-09-1601:03:17WARNOhno,Iseeanerrorcomingtous!├speed:88└measures:mph2023-09-1601:03:20ERRORDamn,hereitis!error:somethingwentwrong Progress bar SUCCESS Installingpseudo-excel SUCCESS Installingpseudo-photoshopInstallingpseudo-photoshop[02/11]██████████████████████████████████18%|1sInstallingpseudo-chrome[02/11]█████████████████████████████████████18%|1s SUCCESS Installingpseudo-chrome SUCCESS Installingpseudo-outlookInstallingpseudo-outlook[04/11]████████████████████████████████████36%|2s SUCCESS Installingpseudo-explorer SUCCESS Installingpseudo-gitInstallingpseudo-git[06/11]████████████████████████████████████████55%|3s SUCCESS Installingpseudo-vsc SUCCESS Installingpseudo-intellijInstallingpseudo-intellij[08/11]███████████████████████████████████73%|4s WARNING Couldnotinstallpseudo-minecraft Thecompanypolicyforbidsgames. SUCCESS Installingpseudo-scoopInstallingpseudo-scoop[10/11]██████████████████████████████████████91%|5s SUCCESS Installingpseudo-chocolateyInstallingpseudo-chocolatey[11/11]█████████████████████████████████100%|5s Spinner Live Output INFO YoucanuseanAreatodisplaychangingoutput:███████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ Tables Library|DescriptionPTerm|MakebeautifulCLIsTestza|ProgrammerfriendlytestframeworkCursor|Movethecursoraroundtheterminal┌───────────────────────────────────────────────┐|Library|Description||PTerm|MakebeautifulCLIs||Testza|Programmerfriendlytestframework||Cursor|Movethecursoraroundtheterminal| TrueColor Support IfyourterminalhasTrueColorsupport,youcanuseRGBcolors!Youcanevenfadethem:)Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamerat,seddiamvoluptua.Atveroeosetaccusametjustoduodoloresetearebum.Stetclitakasdgubergren,noseatakimatasanctusestLoremipsumdolorsitamet.Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamerat,seddiamvoluptua.Atveroeosetaccusametjustoduodoloresetearebum.Stetclitakasdgubergren,noseatakimatasanctusestLoremipsumdolorsitamet. Fully Customizale ┌──────────────────────────────────────┐|Allprintersarefullycustomizable!|└──────────────────────────────────────┘||└───────────────────────────────────|┌─Sometitle!────────────────────────┐└─┌────────────Sometitle!─────────────┐┌────────────────────────Sometitle!─┐┌──────────────────────────────────────┐|||Allprintersarefullycustomizable!|┌──────────────────────────────────────┐|||Allprintersarefullycustomizable!|┌──────────────────────────────────────┐|||Allprintersarefullycustomizable!|╔══════════════════════════════════════╗║║║Allprintersarefullycustomizable!║ Themes INFO YoucanchangethecolorthemeofPTermeasilytofityourneeds! Thisisthedefaultone:DefaultTextPrimaryStyleSecondaryStyleHighlightStyleInfoMessageStyleInfoPrefixStyleSuccessMessageStyleSuccessPrefixStyleWarningMessageStyleWarningPrefixStyleErrorMessageStyleErrorPrefixStyleFatalMessageStyleFatalPrefixStyleDescriptionMessageStyleDescriptionPrefixStyleScopeStyleProgressbarBarStyleProgressbarTitleStyleHeaderTextStyleHeaderBackgroundStyleSpinnerStyleSpinnerTextStyleTimerStyleTableStyleTableHeaderStyleTableSeparatorStyleSectionStyleBulletListTextStyleBulletListBulletStyleTreeStyleTreeTextStyleLetterStyleDebugMessageStyleDebugPrefixStyleBoxStyleBoxTextStyleBarLabelStyleBarStyle And much more! ┌───────────────────────────────┐|| Thisdemowasupdatedat:16Sep2023-▀Waitingfor15seconds...▄Waitingfor15seconds...▄Waitingfor15seconds...▄Waitingfor14seconds...▄Waitingfor14seconds...▄Waitingfor13seconds...▀Waitingfor13seconds...▀Waitingfor12seconds...▀Waitingfor12seconds...▀Waitingfor11seconds...▄Waitingfor11seconds...▄Waitingfor10seconds...▄Waitingfor10seconds...▄Waitingfor9seconds....▀Waitingfor9seconds....▀Waitingfor8seconds....▀Waitingfor8seconds....▀Waitingfor7seconds....▄Waitingfor7seconds....▄Waitingfor6seconds....▄Waitingfor6seconds....▄Waitingfor5seconds....▀Waitingfor5seconds....▀Waitingfor4seconds....▀Waitingfor4seconds....▀Waitingfor3seconds....▄Waitingfor3seconds....▄Waitingfor2seconds....▄Waitingfor2seconds....▄Waitingfor1second.....▀Waitingfor1second.....2023-09-1601:03:23INFOButwhat'sreallycoolis,thatyoucanprintvery│longlogs,andPTermwillautomaticallywrapthemfor│you!Saygoodbyetotext,thathasweirdlinebreaks!└very:longInstallingpseudo-excel[00/11]█████████████████████████████████████0%|0sInstallingpseudo-excel[01/11]█████████████████████████████████████0%|0sInstallingpseudo-excel[01/11]██████████████████████████████████████9%|0sInstallingpseudo-photoshop[01/11]██████████████████████████████████9%|1sInstallingpseudo-photoshop[02/11]██████████████████████████████████9%|1sInstallingpseudo-chrome[03/11]█████████████████████████████████████27%|1sInstallingpseudo-outlook[03/11]████████████████████████████████████27%|2sInstallingpseudo-outlook[04/11]████████████████████████████████████27%|2sInstallingpseudo-explorer[04/11]██████████████████████████████████Installingpseudo-explorer[05/11]███████████████████████████████████45%|2sInstallingpseudo-vsc[06/11]████████████████████████████████████████55%|3sInstallingpseudo-vsc[07/11]████████████████████████████████████████64%|3sInstallingpseudo-intellij[07/11]███████████████████████████████████64%|4sInstallingpseudo-minecraft[08/11]██████████████████████████████████73%|4sInstallingpseudo-minecraft[09/11]██████████████████████████████████82%|4s▀Installingpseudo-intellij(0s)▀Installingpseudo-intellij(0s)▄Installingpseudo-intellij(0s)▄Installingpseudo-intellij(1s)▀Installingpseudo-intellij(1s)▀Installingpseudo-minecraft(1s)▀Installingpseudo-minecraft(1s)▄Installingpseudo-minecraft(1s)▄Installingpseudo-minecraft(1s)▀Installingpseudo-minecraft(2s)▀Installingpseudo-minecraft(2s)▄Installingpseudo-scoop(2s)▄Installingpseudo-scoop(2s)▀Installingpseudo-scoop(2s)▀Installingpseudo-scoop(3s)▄Installingpseudo-scoop(3s)▄Installingpseudo-chocolatey(3s)▀Installingpseudo-chocolatey(3s)▀Installingpseudo-chocolatey(3s)▄Installingpseudo-chocolatey(4s)▄Installingpseudo-chocolatey(4s)███████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████┌───────────────────────────────────────────────└───────────────└───────────────────────────────────────────────┘IfyourterminalhasTrueColorsupport,youcYoucanevenfadethem:Loremipsumdolorsitamet,conseteturstempotemporinviduntutlaboreetdoloremagnaaliquyaeroeosetacceroeosetaccusametjustoduodoloresetearebum.StenoseatakimatasannoseatakimatasanctusestLoremipsumdolorsitamet.Loremet,consetetursadipscinget,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduneetdoloremagnaaliquyamerat,seetdoloremagnaaliquyamerat,seddiamvoluptua.Atveroeosetaccusametjstoduodoloresetearebum.Stestoduodoloresetearebum.Stetclitakasdgubergren,noseatakimatasanct└└─────────────────────────────────────└────────────────────────Sometitle!─┘└────────────Sometitle!─────────────┘└─Sometitle!────────────────────────┘|└───────────────────────────────────└──────────────────────────────────────┘|└───────────────────────────────────└──────────────────────────────────────┘|└───────────────────────────────────└──────────────────────────────────────┘║╚══════════════════════════════════╚══════════════════════════════════════╝|HavefunexploringPTerm!|└───────────────────────────────┘Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:rgb(115,190,243)}.i{fill:rgb(160,160,160);white-space:pre}.j{fill:rgb(255,255,255);font-weight:bold;white-space:pre}.k{fill:rgb(102,194,205)}.l{white-space:pre}.m{fill:rgb(124,255,0);white-space:pre}.n{fill:rgb(255,255,255);white-space:pre}.o{fill:rgb(104,104,104);white-space:pre}.p{fill:rgb(0,198,255);font-weight:bold;white-space:pre}.q{fill:rgb(0,71,255);font-weight:bold;white-space:pre}.r{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.s{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.t{fill:rgb(255,0,4);font-weight:bold;white-space:pre}.u{fill:rgb(168,204,140)}.v{fill:rgb(0,198,255);white-space:pre}.w{fill:rgb(208,46,0);white-space:pre}.x{fill:rgb(162,92,0);white-space:pre}.y{fill:rgb(115,139,0);white-space:pre}.z{fill:rgb(69,185,0);white-space:pre}.A{fill:rgb(219,171,121)}.B{fill:rgb(255,241,0);white-space:pre}.C{fill:rgb(23,231,0);white-space:pre}.D{fill:rgb(0,255,0);white-space:pre}.E{fill:rgb(0,255,255);white-space:pre}.F{fill:rgb(0,254,255);white-space:pre}.G{fill:rgb(1,253,255);white-space:pre}.H{fill:rgb(2,252,255);white-space:pre}.I{fill:rgb(3,251,255);white-space:pre}.J{fill:rgb(4,250,255);white-space:pre}.K{fill:rgb(5,249,255);white-space:pre}.L{fill:rgb(6,248,255);white-space:pre}.M{fill:rgb(7,247,255);white-space:pre}.N{fill:rgb(8,246,255);white-space:pre}.O{fill:rgb(9,245,255);white-space:pre}.P{fill:rgb(10,244,255);white-space:pre}.Q{fill:rgb(11,243,255);white-space:pre}.R{fill:rgb(12,242,255);white-space:pre}.S{fill:rgb(13,241,255);white-space:pre}.T{fill:rgb(14,240,255);white-space:pre}.U{fill:rgb(15,239,255);white-space:pre}.V{fill:rgb(16,238,255);white-space:pre}.W{fill:rgb(17,237,255);white-space:pre}.X{fill:rgb(18,236,255);white-space:pre}.Y{fill:rgb(19,235,255);white-space:pre}.Z{fill:rgb(20,234,255);white-space:pre}.aa{fill:rgb(21,233,255);white-space:pre}.ab{fill:rgb(22,232,255);white-space:pre}.ac{fill:rgb(23,231,255);white-space:pre}.ad{fill:rgb(24,230,255);white-space:pre}.ae{fill:rgb(25,229,255);white-space:pre}.af{fill:rgb(26,228,255);white-space:pre}.ag{fill:rgb(27,227,255);white-space:pre}.ah{fill:rgb(28,226,255);white-space:pre}.ai{fill:rgb(29,225,255);white-space:pre}.aj{fill:rgb(30,224,255);white-space:pre}.ak{fill:rgb(31,223,255);white-space:pre}.al{fill:rgb(32,222,255);white-space:pre}.am{fill:rgb(34,220,255);white-space:pre}.an{fill:rgb(35,219,255);white-space:pre}.ao{fill:rgb(36,218,255);white-space:pre}.ap{fill:rgb(37,217,255);white-space:pre}.aq{fill:rgb(38,216,255);white-space:pre}.ar{fill:rgb(39,215,255);white-space:pre}.as{fill:rgb(40,214,255);white-space:pre}.at{fill:rgb(41,213,255);white-space:pre}.au{fill:rgb(42,212,255);white-space:pre}.av{fill:rgb(43,211,255);white-space:pre}.aw{fill:rgb(44,210,255);white-space:pre}.ax{fill:rgb(45,209,255);white-space:pre}.ay{fill:rgb(46,208,255);white-space:pre}.az{fill:rgb(47,207,255);white-space:pre}.aA{fill:rgb(48,206,255);white-space:pre}.aB{fill:rgb(49,205,255);white-space:pre}.aC{fill:rgb(50,204,255);white-space:pre}.aD{fill:rgb(51,203,255);white-space:pre}.aE{fill:rgb(52,202,255);white-space:pre}.aF{fill:rgb(53,201,255);white-space:pre}.aG{fill:rgb(54,200,255);white-space:pre}.aH{fill:rgb(55,199,255);white-space:pre}.aI{fill:rgb(56,198,255);white-space:pre}.aJ{fill:rgb(57,197,255);white-space:pre}.aK{fill:rgb(58,196,255);white-space:pre}.aL{fill:rgb(59,195,255);white-space:pre}.aM{fill:rgb(60,194,255);white-space:pre}.aN{fill:rgb(61,193,255);white-space:pre}.aO{fill:rgb(62,192,255);white-space:pre}.aP{fill:rgb(63,191,255);white-space:pre}.aQ{fill:rgb(64,190,255);white-space:pre}.aR{fill:rgb(65,189,255);white-space:pre}.aS{fill:rgb(66,188,255);white-space:pre}.aT{fill:rgb(67,187,255);white-space:pre}.aU{fill:rgb(68,186,255);white-space:pre}.aV{fill:rgb(69,185,255);white-space:pre}.aW{fill:rgb(70,184,255);white-space:pre}.aX{fill:rgb(71,183,255);white-space:pre}.aY{fill:rgb(72,182,255);white-space:pre}.aZ{fill:rgb(73,181,255);white-space:pre}.ba{fill:rgb(74,180,255);white-space:pre}.bb{fill:rgb(75,179,255);white-space:pre}.bc{fill:rgb(76,178,255);white-space:pre}.bd{fill:rgb(77,177,255);white-space:pre}.be{fill:rgb(78,176,255);white-space:pre}.bf{fill:rgb(79,175,255);white-space:pre}.bg{fill:rgb(80,174,255);white-space:pre}.bh{fill:rgb(81,173,255);white-space:pre}.bi{fill:rgb(82,172,255);white-space:pre}.bj{fill:rgb(83,171,255);white-space:pre}.bk{fill:rgb(84,170,255);white-space:pre}.bl{fill:rgb(85,169,255);white-space:pre}.bm{fill:rgb(86,168,255);white-space:pre}.bn{fill:rgb(87,167,255);white-space:pre}.bo{fill:rgb(88,166,255);white-space:pre}.bp{fill:rgb(89,165,255);white-space:pre}.bq{fill:rgb(90,164,255);white-space:pre}.br{fill:rgb(91,163,255);white-space:pre}.bs{fill:rgb(92,162,255);white-space:pre}.bt{fill:rgb(93,161,255);white-space:pre}.bu{fill:rgb(94,160,255);white-space:pre}.bv{fill:rgb(95,159,255);white-space:pre}.bw{fill:rgb(96,158,255);white-space:pre}.bx{fill:rgb(97,157,255);white-space:pre}.by{fill:rgb(98,156,255);white-space:pre}.bz{fill:rgb(99,155,255);white-space:pre}.bA{fill:rgb(100,154,255);white-space:pre}.bB{fill:rgb(101,153,255);white-space:pre}.bC{fill:rgb(102,152,255);white-space:pre}.bD{fill:rgb(103,151,255);white-space:pre}.bE{fill:rgb(104,150,255);white-space:pre}.bF{fill:rgb(105,149,255);white-space:pre}.bG{fill:rgb(106,148,255);white-space:pre}.bH{fill:rgb(107,147,255);white-space:pre}.bI{fill:rgb(108,146,255);white-space:pre}.bJ{fill:rgb(109,145,255);white-space:pre}.bK{fill:rgb(110,144,255);white-space:pre}.bL{fill:rgb(111,143,255);white-space:pre}.bM{fill:rgb(112,142,255);white-space:pre}.bN{fill:rgb(113,141,255);white-space:pre}.bO{fill:rgb(114,140,255);white-space:pre}.bP{fill:rgb(115,139,255);white-space:pre}.bQ{fill:rgb(116,138,255);white-space:pre}.bR{fill:rgb(117,137,255);white-space:pre}.bS{fill:rgb(118,136,255);white-space:pre}.bT{fill:rgb(119,135,255);white-space:pre}.bU{fill:rgb(120,134,255);white-space:pre}.bV{fill:rgb(121,133,255);white-space:pre}.bW{fill:rgb(122,132,255);white-space:pre}.bX{fill:rgb(123,131,255);white-space:pre}.bY{fill:rgb(124,130,255);white-space:pre}.bZ{fill:rgb(125,129,255);white-space:pre}.ca{fill:rgb(126,128,255);white-space:pre}.cb{fill:rgb(127,127,255);white-space:pre}.cc{fill:rgb(128,126,255);white-space:pre}.cd{fill:rgb(129,125,255);white-space:pre}.ce{fill:rgb(130,124,255);white-space:pre}.cf{fill:rgb(131,123,255);white-space:pre}.cg{fill:rgb(132,122,255);white-space:pre}.ch{fill:rgb(133,121,255);white-space:pre}.ci{fill:rgb(134,120,255);white-space:pre}.cj{fill:rgb(135,119,255);white-space:pre}.ck{fill:rgb(136,118,255);white-space:pre}.cl{fill:rgb(137,117,255);white-space:pre}.cm{fill:rgb(138,116,255);white-space:pre}.cn{fill:rgb(139,115,255);white-space:pre}.co{fill:rgb(140,114,255);white-space:pre}.cp{fill:rgb(141,113,255);white-space:pre}.cq{fill:rgb(142,112,255);white-space:pre}.cr{fill:rgb(143,111,255);white-space:pre}.cs{fill:rgb(144,110,255);white-space:pre}.ct{fill:rgb(145,109,255);white-space:pre}.cu{fill:rgb(146,108,255);white-space:pre}.cv{fill:rgb(147,107,255);white-space:pre}.cw{fill:rgb(148,106,255);white-space:pre}.cx{fill:rgb(149,105,255);white-space:pre}.cy{fill:rgb(150,104,255);white-space:pre}.cz{fill:rgb(151,103,255);white-space:pre}.cA{fill:rgb(152,102,255);white-space:pre}.cB{fill:rgb(153,101,255);white-space:pre}.cC{fill:rgb(154,100,255);white-space:pre}.cD{fill:rgb(155,99,255);white-space:pre}.cE{fill:rgb(156,98,255);white-space:pre}.cF{fill:rgb(157,97,255);white-space:pre}.cG{fill:rgb(158,96,255);white-space:pre}.cH{fill:rgb(159,95,255);white-space:pre}.cI{fill:rgb(160,94,255);white-space:pre}.cJ{fill:rgb(161,93,255);white-space:pre}.cK{fill:rgb(162,92,255);white-space:pre}.cL{fill:rgb(163,91,255);white-space:pre}.cM{fill:rgb(164,90,255);white-space:pre}.cN{fill:rgb(165,89,255);white-space:pre}.cO{fill:rgb(166,88,255);white-space:pre}.cP{fill:rgb(167,87,255);white-space:pre}.cQ{fill:rgb(168,86,255);white-space:pre}.cR{fill:rgb(169,85,255);white-space:pre}.cS{fill:rgb(170,84,255);white-space:pre}.cT{fill:rgb(171,83,255);white-space:pre}.cU{fill:rgb(172,82,255);white-space:pre}.cV{fill:rgb(173,81,255);white-space:pre}.cW{fill:rgb(174,80,255);white-space:pre}.cX{fill:rgb(175,79,255);white-space:pre}.cY{fill:rgb(176,78,255);white-space:pre}.cZ{fill:rgb(177,77,255);white-space:pre}.da{fill:rgb(178,76,255);white-space:pre}.db{fill:rgb(179,75,255);white-space:pre}.dc{fill:rgb(180,74,255);white-space:pre}.dd{fill:rgb(181,73,255);white-space:pre}.de{fill:rgb(182,72,255);white-space:pre}.df{fill:rgb(183,71,255);white-space:pre}.dg{fill:rgb(184,70,255);white-space:pre}.dh{fill:rgb(185,69,255);white-space:pre}.di{fill:rgb(186,68,255);white-space:pre}.dj{fill:rgb(187,67,255);white-space:pre}.dk{fill:rgb(188,66,255);white-space:pre}.dl{fill:rgb(189,65,255);white-space:pre}.dm{fill:rgb(190,64,255);white-space:pre}.dn{fill:rgb(191,63,255);white-space:pre}.do{fill:rgb(192,62,255);white-space:pre}.dp{fill:rgb(193,61,255);white-space:pre}.dq{fill:rgb(194,60,255);white-space:pre}.dr{fill:rgb(195,59,255);white-space:pre}.ds{fill:rgb(196,58,255);white-space:pre}.dt{fill:rgb(197,57,255);white-space:pre}.du{fill:rgb(198,56,255);white-space:pre}.dv{fill:rgb(199,55,255);white-space:pre}.dw{fill:rgb(200,54,255);white-space:pre}.dx{fill:rgb(201,53,255);white-space:pre}.dy{fill:rgb(202,52,255);white-space:pre}.dz{fill:rgb(203,51,255);white-space:pre}.dA{fill:rgb(204,50,255);white-space:pre}.dB{fill:rgb(205,49,255);white-space:pre}.dC{fill:rgb(206,48,255);white-space:pre}.dD{fill:rgb(207,47,255);white-space:pre}.dE{fill:rgb(208,46,255);white-space:pre}.dF{fill:rgb(209,45,255);white-space:pre}.dG{fill:rgb(210,44,255);white-space:pre}.dH{fill:rgb(211,43,255);white-space:pre}.dI{fill:rgb(212,42,255);white-space:pre}.dJ{fill:rgb(213,41,255);white-space:pre}.dK{fill:rgb(214,40,255);white-space:pre}.dL{fill:rgb(215,39,255);white-space:pre}.dM{fill:rgb(216,38,255);white-space:pre}.dN{fill:rgb(217,37,255);white-space:pre}.dO{fill:rgb(218,36,255);white-space:pre}.dP{fill:rgb(219,35,255);white-space:pre}.dQ{fill:rgb(220,34,255);white-space:pre}.dR{fill:rgb(221,33,255);white-space:pre}.dS{fill:rgb(222,32,255);white-space:pre}.dT{fill:rgb(223,31,255);white-space:pre}.dU{fill:rgb(224,30,255);white-space:pre}.dV{fill:rgb(225,29,255);white-space:pre}.dW{fill:rgb(226,28,255);white-space:pre}.dX{fill:rgb(227,27,255);white-space:pre}.dY{fill:rgb(228,26,255);white-space:pre}.dZ{fill:rgb(229,25,255);white-space:pre}.ea{fill:rgb(230,24,255);white-space:pre}.eb{fill:rgb(231,23,255);white-space:pre}.ec{fill:rgb(232,22,255);white-space:pre}.ed{fill:rgb(233,21,255);white-space:pre}.ee{fill:rgb(234,20,255);white-space:pre}.ef{fill:rgb(235,19,255);white-space:pre}.eg{fill:rgb(236,18,255);white-space:pre}.eh{fill:rgb(237,17,255);white-space:pre}.ei{fill:rgb(238,16,255);white-space:pre}.ej{fill:rgb(239,15,255);white-space:pre}.ek{fill:rgb(240,14,255);white-space:pre}.el{fill:rgb(241,13,255);white-space:pre}.em{fill:rgb(242,12,255);white-space:pre}.en{fill:rgb(255,0,4);white-space:pre}.eo{fill:rgb(243,86,86);white-space:pre}.ep{fill:rgb(232,131,136)}.eq{fill:rgb(111,119,131)}.er{fill:transparent}.et{animation-duration:104.319605s;animation-iteration-count:infinite;animation-name:es;animation-timing-function:steps(1,end)}.eu{fill:rgb(255,0,0);white-space:pre}.ev{fill:rgb(231,23,0);white-space:pre}.ew{fill:rgb(185,69,0);white-space:pre}.ex{fill:rgb(139,115,0);white-space:pre}.ey{fill:rgb(92,162,0);white-space:pre}.ez{fill:rgb(46,208,0);white-space:pre}.eA{fill:rgb(243,11,255);white-space:pre}.eB{fill:rgb(244,10,255);white-space:pre}.eC{fill:rgb(245,9,255);white-space:pre}.eD{fill:rgb(246,8,255);white-space:pre}.eE{fill:rgb(247,7,255);white-space:pre}.eF{fill:rgb(248,6,255);white-space:pre}.eG{fill:rgb(249,5,255);white-space:pre}.eH{fill:rgb(250,4,255);white-space:pre}.eI{fill:rgb(251,3,255);white-space:pre}.eJ{fill:rgb(252,2,255);white-space:pre}.eK{fill:rgb(253,1,255);white-space:pre}.eL{fill:rgb(254,0,255);white-space:pre}@keyframes es{0%{transform:translateX(-0px)}0.02%{transform:translateX(-80px)}0.02%{transform:translateX(-160px)}0.02%{transform:translateX(-240px)}0.21%{transform:translateX(-320px)}0.4%{transform:translateX(-400px)}0.6%{transform:translateX(-480px)}0.79%{transform:translateX(-560px)}0.98%{transform:translateX(-640px)}0.98%{transform:translateX(-720px)}1.18%{transform:translateX(-800px)}1.37%{transform:translateX(-880px)}1.56%{transform:translateX(-960px)}1.76%{transform:translateX(-1040px)}1.94%{transform:translateX(-1120px)}1.95%{transform:translateX(-1200px)}2.15%{transform:translateX(-1280px)}2.34%{transform:translateX(-1360px)}2.53%{transform:translateX(-1440px)}2.72%{transform:translateX(-1520px)}2.9%{transform:translateX(-1600px)}2.92%{transform:translateX(-1680px)}3.11%{transform:translateX(-1760px)}3.3%{transform:translateX(-1840px)}3.49%{transform:translateX(-1920px)}3.69%{transform:translateX(-2000px)}3.86%{transform:translateX(-2080px)}3.88%{transform:translateX(-2160px)}4.07%{transform:translateX(-2240px)}4.26%{transform:translateX(-2320px)}4.45%{transform:translateX(-2400px)}4.65%{transform:translateX(-2480px)}4.82%{transform:translateX(-2560px)}4.84%{transform:translateX(-2640px)}5.03%{transform:translateX(-2720px)}5.22%{transform:translateX(-2800px)}5.41%{transform:translateX(-2880px)}5.61%{transform:translateX(-2960px)}5.78%{transform:translateX(-3040px)}5.8%{transform:translateX(-3120px)}5.99%{transform:translateX(-3200px)}6.18%{transform:translateX(-3280px)}6.38%{transform:translateX(-3360px)}6.57%{transform:translateX(-3440px)}6.74%{transform:translateX(-3520px)}6.76%{transform:translateX(-3600px)}6.95%{transform:translateX(-3680px)}7.14%{transform:translateX(-3760px)}7.34%{transform:translateX(-3840px)}7.53%{transform:translateX(-3920px)}7.7%{transform:translateX(-4000px)}7.72%{transform:translateX(-4080px)}7.91%{transform:translateX(-4160px)}8.11%{transform:translateX(-4240px)}8.3%{transform:translateX(-4320px)}8.49%{transform:translateX(-4400px)}8.65%{transform:translateX(-4480px)}8.68%{transform:translateX(-4560px)}8.88%{transform:translateX(-4640px)}9.07%{transform:translateX(-4720px)}9.26%{transform:translateX(-4800px)}9.45%{transform:translateX(-4880px)}9.61%{transform:translateX(-4960px)}9.64%{transform:translateX(-5040px)}9.84%{transform:translateX(-5120px)}10.03%{transform:translateX(-5200px)}10.22%{transform:translateX(-5280px)}10.41%{transform:translateX(-5360px)}10.57%{transform:translateX(-5440px)}10.61%{transform:translateX(-5520px)}10.8%{transform:translateX(-5600px)}10.99%{transform:translateX(-5680px)}11.18%{transform:translateX(-5760px)}11.38%{transform:translateX(-5840px)}11.53%{transform:translateX(-5920px)}11.57%{transform:translateX(-6000px)}11.76%{transform:translateX(-6080px)}11.95%{transform:translateX(-6160px)}12.14%{transform:translateX(-6240px)}12.34%{transform:translateX(-6320px)}12.49%{transform:translateX(-6400px)}12.53%{transform:translateX(-6480px)}12.72%{transform:translateX(-6560px)}12.91%{transform:translateX(-6640px)}13.11%{transform:translateX(-6720px)}13.3%{transform:translateX(-6800px)}13.45%{transform:translateX(-6880px)}13.49%{transform:translateX(-6960px)}13.68%{transform:translateX(-7040px)}13.87%{transform:translateX(-7120px)}14.07%{transform:translateX(-7200px)}14.26%{transform:translateX(-7280px)}14.41%{transform:translateX(-7360px)}14.41%{transform:translateX(-7440px)}14.89%{transform:translateX(-7520px)}17.77%{transform:translateX(-7600px)}20.65%{transform:translateX(-7680px)}23.52%{transform:translateX(-7760px)}26.4%{transform:translateX(-7840px)}29.28%{transform:translateX(-7920px)}34.08%{transform:translateX(-8000px)}34.08%{transform:translateX(-8080px)}34.56%{transform:translateX(-8160px)}34.56%{transform:translateX(-8240px)}34.56%{transform:translateX(-8320px)}34.56%{transform:translateX(-8400px)}35.04%{transform:translateX(-8480px)}35.04%{transform:translateX(-8560px)}35.04%{transform:translateX(-8640px)}35.52%{transform:translateX(-8720px)}35.52%{transform:translateX(-8800px)}35.52%{transform:translateX(-8880px)}35.52%{transform:translateX(-8960px)}36%{transform:translateX(-9040px)}36%{transform:translateX(-9120px)}36.47%{transform:translateX(-9200px)}36.48%{transform:translateX(-9280px)}36.48%{transform:translateX(-9360px)}36.48%{transform:translateX(-9440px)}36.96%{transform:translateX(-9520px)}36.96%{transform:translateX(-9600px)}37.43%{transform:translateX(-9680px)}37.44%{transform:translateX(-9760px)}37.44%{transform:translateX(-9840px)}37.92%{transform:translateX(-9920px)}37.92%{transform:translateX(-10000px)}38.39%{transform:translateX(-10080px)}38.4%{transform:translateX(-10160px)}38.4%{transform:translateX(-10240px)}38.88%{transform:translateX(-10320px)}38.88%{transform:translateX(-10400px)}39.35%{transform:translateX(-10480px)}39.36%{transform:translateX(-10560px)}39.36%{transform:translateX(-10640px)}39.84%{transform:translateX(-10720px)}41.76%{transform:translateX(-10800px)}41.76%{transform:translateX(-10880px)}42.24%{transform:translateX(-10960px)}42.24%{transform:translateX(-11040px)}42.43%{transform:translateX(-11120px)}42.62%{transform:translateX(-11200px)}42.81%{transform:translateX(-11280px)}43.01%{transform:translateX(-11360px)}43.2%{transform:translateX(-11440px)}43.2%{transform:translateX(-11520px)}43.39%{transform:translateX(-11600px)}43.58%{transform:translateX(-11680px)}43.78%{transform:translateX(-11760px)}43.97%{transform:translateX(-11840px)}44.16%{transform:translateX(-11920px)}44.16%{transform:translateX(-12000px)}44.35%{transform:translateX(-12080px)}44.54%{transform:translateX(-12160px)}44.74%{transform:translateX(-12240px)}44.93%{transform:translateX(-12320px)}45.12%{transform:translateX(-12400px)}45.12%{transform:translateX(-12480px)}45.31%{transform:translateX(-12560px)}45.51%{transform:translateX(-12640px)}45.7%{transform:translateX(-12720px)}45.89%{transform:translateX(-12800px)}46.07%{transform:translateX(-12880px)}47.99%{transform:translateX(-12960px)}47.99%{transform:translateX(-13040px)}48.47%{transform:translateX(-13120px)}48.47%{transform:translateX(-13200px)}48.47%{transform:translateX(-13280px)}49.43%{transform:translateX(-13360px)}49.43%{transform:translateX(-13440px)}50.39%{transform:translateX(-13520px)}50.39%{transform:translateX(-13600px)}51.35%{transform:translateX(-13680px)}51.35%{transform:translateX(-13760px)}52.31%{transform:translateX(-13840px)}52.31%{transform:translateX(-13920px)}53.27%{transform:translateX(-14000px)}53.27%{transform:translateX(-14080px)}54.23%{transform:translateX(-14160px)}54.23%{transform:translateX(-14240px)}55.19%{transform:translateX(-14320px)}55.2%{transform:translateX(-14400px)}55.2%{transform:translateX(-14480px)}56.16%{transform:translateX(-14560px)}56.16%{transform:translateX(-14640px)}57.12%{transform:translateX(-14720px)}57.12%{transform:translateX(-14800px)}59.99%{transform:translateX(-14880px)}59.99%{transform:translateX(-14960px)}60.47%{transform:translateX(-15040px)}60.47%{transform:translateX(-15120px)}60.47%{transform:translateX(-15200px)}60.47%{transform:translateX(-15280px)}60.47%{transform:translateX(-15360px)}64.31%{transform:translateX(-15440px)}64.31%{transform:translateX(-15520px)}64.8%{transform:translateX(-15600px)}64.8%{transform:translateX(-15680px)}64.8%{transform:translateX(-15760px)}64.8%{transform:translateX(-15840px)}64.8%{transform:translateX(-15920px)}64.8%{transform:translateX(-16000px)}64.8%{transform:translateX(-16080px)}64.8%{transform:translateX(-16160px)}64.8%{transform:translateX(-16240px)}64.8%{transform:translateX(-16320px)}64.8%{transform:translateX(-16400px)}64.8%{transform:translateX(-16480px)}64.8%{transform:translateX(-16560px)}64.8%{transform:translateX(-16640px)}64.8%{transform:translateX(-16720px)}64.8%{transform:translateX(-16800px)}64.8%{transform:translateX(-16880px)}71.51%{transform:translateX(-16960px)}71.51%{transform:translateX(-17040px)}71.99%{transform:translateX(-17120px)}71.99%{transform:translateX(-17200px)}72.95%{transform:translateX(-17280px)}72.95%{transform:translateX(-17360px)}73.27%{transform:translateX(-17440px)}73.27%{transform:translateX(-17520px)}73.27%{transform:translateX(-17600px)}73.27%{transform:translateX(-17680px)}73.59%{transform:translateX(-17760px)}73.59%{transform:translateX(-17840px)}73.59%{transform:translateX(-17920px)}73.91%{transform:translateX(-18000px)}73.91%{transform:translateX(-18080px)}73.91%{transform:translateX(-18160px)}74.23%{transform:translateX(-18240px)}74.23%{transform:translateX(-18320px)}74.55%{transform:translateX(-18400px)}74.55%{transform:translateX(-18480px)}74.87%{transform:translateX(-18560px)}74.87%{transform:translateX(-18640px)}74.87%{transform:translateX(-18720px)}75.19%{transform:translateX(-18800px)}75.19%{transform:translateX(-18880px)}75.51%{transform:translateX(-18960px)}75.51%{transform:translateX(-19040px)}75.83%{transform:translateX(-19120px)}75.83%{transform:translateX(-19200px)}76.15%{transform:translateX(-19280px)}76.15%{transform:translateX(-19360px)}76.15%{transform:translateX(-19440px)}76.34%{transform:translateX(-19520px)}76.34%{transform:translateX(-19600px)}76.34%{transform:translateX(-19680px)}76.53%{transform:translateX(-19760px)}76.53%{transform:translateX(-19840px)}76.53%{transform:translateX(-19920px)}76.73%{transform:translateX(-20000px)}76.73%{transform:translateX(-20080px)}76.73%{transform:translateX(-20160px)}78.64%{transform:translateX(-20240px)}79.12%{transform:translateX(-20320px)}79.6%{transform:translateX(-20400px)}79.84%{transform:translateX(-20480px)}80.08%{transform:translateX(-20560px)}80.32%{transform:translateX(-20640px)}80.56%{transform:translateX(-20720px)}80.8%{transform:translateX(-20800px)}81.04%{transform:translateX(-20880px)}81.29%{transform:translateX(-20960px)}81.53%{transform:translateX(-21040px)}81.77%{transform:translateX(-21120px)}82.01%{transform:translateX(-21200px)}82.25%{transform:translateX(-21280px)}82.49%{transform:translateX(-21360px)}82.73%{transform:translateX(-21440px)}82.97%{transform:translateX(-21520px)}83.21%{transform:translateX(-21600px)}83.45%{transform:translateX(-21680px)}83.69%{transform:translateX(-21760px)}83.93%{transform:translateX(-21840px)}84.17%{transform:translateX(-21920px)}84.41%{transform:translateX(-22000px)}84.65%{transform:translateX(-22080px)}84.89%{transform:translateX(-22160px)}85.13%{transform:translateX(-22240px)}85.37%{transform:translateX(-22320px)}85.61%{transform:translateX(-22400px)}85.85%{transform:translateX(-22480px)}86.09%{transform:translateX(-22560px)}86.33%{transform:translateX(-22640px)}86.57%{transform:translateX(-22720px)}86.81%{transform:translateX(-22800px)}87.05%{transform:translateX(-22880px)}87.29%{transform:translateX(-22960px)}87.53%{transform:translateX(-23040px)}87.77%{transform:translateX(-23120px)}88.01%{transform:translateX(-23200px)}88.25%{transform:translateX(-23280px)}88.49%{transform:translateX(-23360px)}88.73%{transform:translateX(-23440px)}88.97%{transform:translateX(-23520px)}89.21%{transform:translateX(-23600px)}89.45%{transform:translateX(-23680px)}91.85%{transform:translateX(-23760px)}91.85%{transform:translateX(-23840px)}92.33%{transform:translateX(-23920px)}92.33%{transform:translateX(-24000px)}92.33%{transform:translateX(-24080px)}95.21%{transform:translateX(-24160px)}100%{transform:translateX(-24240px)}}███████████████████████████████████████████████████████████████████████████████████████████████████████████████████ PTDP - PTerm Demo Program INFO ThisanimationwasgeneratedwiththelatestversionofPTerm! PTermworksonnearlyeveryterminalandoperatingsystem. It'ssupereasytouse! Ifyouwant,youcancustomizeeverything:) Youcanseethecodeofthisdemointhe./_examples/demodirectory. Thisdemowasupdatedat:05Nov2023-17:49:28UTC▀Waitingfor15seconds...▀Waitingfor14seconds...▀Waitingfor14seconds...▀Waitingfor13seconds...▄Waitingfor13seconds...▄Waitingfor12seconds...▄Waitingfor12seconds...▄Waitingfor11seconds...▀Waitingfor11seconds...▀Waitingfor10seconds...▀Waitingfor10seconds...▀Waitingfor9seconds....▄Waitingfor9seconds....▄Waitingfor8seconds....▄Waitingfor8seconds....▄Waitingfor7seconds....▀Waitingfor7seconds....▀Waitingfor6seconds....▀Waitingfor6seconds....▀Waitingfor5seconds....▄Waitingfor5seconds....▄Waitingfor4seconds....▄Waitingfor4seconds....▄Waitingfor3seconds....▀Waitingfor3seconds....▀Waitingfor2seconds....▀Waitingfor2seconds....▀Waitingfor1second.....▄Waitingfor1second..... Structured Logging 2023-11-0517:49:44TRACEDoingnotsoimportantstuffpriority:superlow2023-11-0517:49:47DEBUGThismightbeinteresting├whenwerecrayonsinvented:1903├whatisthemeaningoflife:42└isthisinteresting:true2023-11-0517:49:50INFOThatwasactuallyinterestingsuch:wow2023-11-0517:49:53WARNOhno,Iseeanerrorcomingtous!├speed:88└measures:mph2023-11-0517:49:56ERRORDamn,hereitis!error:somethingwentwrong Progress bar SUCCESS Installingpseudo-excel SUCCESS Installingpseudo-photoshopInstallingpseudo-photoshop[02/11]██████████████████████████████████18%|1sInstallingpseudo-chrome[02/11]█████████████████████████████████████18%|1s SUCCESS Installingpseudo-chrome SUCCESS Installingpseudo-outlookInstallingpseudo-outlook[04/11]████████████████████████████████████36%|2s SUCCESS Installingpseudo-explorer SUCCESS Installingpseudo-gitInstallingpseudo-git[06/11]████████████████████████████████████████55%|3s SUCCESS Installingpseudo-vsc SUCCESS Installingpseudo-intellijInstallingpseudo-intellij[08/11]███████████████████████████████████73%|4s WARNING Couldnotinstallpseudo-minecraft Thecompanypolicyforbidsgames. SUCCESS Installingpseudo-scoopInstallingpseudo-scoop[10/11]██████████████████████████████████████91%|5s SUCCESS Installingpseudo-chocolateyInstallingpseudo-chocolatey[11/11]█████████████████████████████████100%|5s Spinner Live Output INFO YoucanuseanAreatodisplaychangingoutput:█████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ Tables Library|DescriptionPTerm|MakebeautifulCLIsTestza|ProgrammerfriendlytestframeworkCursor|Movethecursoraroundtheterminal┌───────────────────────────────────────────────┐|Library|Description||PTerm|MakebeautifulCLIs||Testza|Programmerfriendlytestframework||Cursor|Movethecursoraroundtheterminal| TrueColor Support IfyourterminalhasTrueColorsupport,youcanuseRGBcolors!Youcanevenfadethem:)Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamerat,seddiamvoluptua.Atveroeosetaccusametjustoduodoloresetearebum.Stetclitakasdgubergren,noseatakimatasanctusestLoremipsumdolorsitamet.Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamerat,seetdoloremagnaaliquyamerat,seddiamvoluptua.Atveroeosetaccusametjustoduodoloresetearebum.Stetclitakasdgubergren,noseatakimatasanctus Fully Customizale ┌──────────────────────────────────────┐|Allprintersarefullycustomizable!|└──────────────────────────────────────┘|||└───────────────────────────────────┌─Sometitle!────────────────────────┐┌────────────Sometitle!─────────────┐┌────────────────────────Sometitle!─┐┌──────────────────────────────────────┐|||Allprintersarefullycustomizable!|┌──────────────────────────────────────┐|||Allprintersarefullycustomizable!|┌──────────────────────────────────────┐|||Allprintersarefullycustomizable!|╔══════════════════════════════════════╗║║║Allprintersarefullycustomizable!║ Themes INFO YoucanchangethecolorthemeofPTermeasilytofityourneeds! Thisisthedefaultone:DefaultTextPrimaryStyleSecondaryStyleHighlightStyleInfoMessageStyleInfoPrefixStyleSuccessMessageStyleSuccessPrefixStyleWarningMessageStyleWarningPrefixStyleErrorMessageStyleErrorPrefixStyleFatalMessageStyleFatalPrefixStyleDescriptionMessageStyleDescriptionPrefixStyleScopeStyleProgressbarBarStyleProgressbarTitleStyleHeaderTextStyleHeaderBackgroundStyleSpinnerStyleSpinnerTextStyleTimerStyleTableStyleTableHeaderStyleTableSeparatorStyleHeatmapStyleHeatmapHeaderStyleHeatmapSeparatorStyleSectionStyleBulletListTextStyleBulletListBulletStyleTreeStyleTreeTextStyleLetterStyleDebugMessageStyleDebugPrefixStyleBoxStyleBoxTextStyleBarLabelStyle And much more! ┌───────────────────────────────┐|||HavefunexploringPTerm!|▀Waitingfor15seconds...▄Waitingfor15seconds...▄Waitingfor15seconds...▄Waitingfor14seconds...▄Waitingfor14seconds...▄Waitingfor13seconds...▀Waitingfor13seconds...▀Waitingfor12seconds...▀Waitingfor12seconds...▀Waitingfor11seconds...▄Waitingfor11seconds...▄Waitingfor10seconds...▄Waitingfor10seconds...▄Waitingfor9seconds....▀Waitingfor9seconds....▀Waitingfor8seconds....▀Waitingfor8seconds....▀Waitingfor7seconds....▄Waitingfor7seconds....▄Waitingfor6seconds....▄Waitingfor6seconds....▄Waitingfor5seconds....▀Waitingfor5seconds....▀Waitingfor4seconds....▀Waitingfor4seconds....▀Waitingfor3seconds....▄Waitingfor3seconds....▄Waitingfor2seconds....▄Waitingfor2seconds....▄Waitingfor1second.....▀Waitingfor1second.....2023-11-0517:49:59INFOButwhat'sreallycoolis,thatyoucanprintvery│longlogs,andPTermwillautomaticallywrapthemfor│you!Saygoodbyetotext,thathasweirdlinebreaks!└very:longInstallingpseudo-excel[00/11]█████████████████████████████████████0%|0sInstallingpseudo-excel[01/11]█████████████████████████████████████0%|0sInstallingpseudo-excel[01/11]██████████████████████████████████████9%|0sInstallingpseudo-photoshop[01/11]██████████████████████████████████9%|1sInstallingpseudo-photoshop[02/11]██████████████████████████████████9%|1sInstallingpseudo-chrome[03/11]█████████████████████████████████████27%|1sInstallingpseudo-explorer[04/11]███████████████████████████████████36%|2sInstallingpseudo-explorer[05/11]███████████████████████████████████36%|2sInstallingpseudo-explorer[05/11]███████████████████████████████████45%|2sInstallingpseudo-git[05/11]██████████████████████████████████████Installingpseudo-vsc[06/11]████████████████████████████████████████55%|3sInstallingpseudo-vsc[07/11]████████████████████████████████████████64%|3sInstallingpseudo-intellij[07/11]███████████████████████████████████64%|4sInstallingpseudo-minecraft[09/11]██████████████████████████████████82%|4sInstallingpseudo-chocolatey[10/11]█████████████████████████████████91%|5sInstallingpseudo-intellij▀Installingpseudo-intellij(0s)▀Installingpseudo-intellij(0s)▄Installingpseudo-intellij(0s)▄Installingpseudo-intellij(1s)▀Installingpseudo-intellij(1s)▀Installingpseudo-minecraft(1s)▄Installingpseudo-minecraft(1s)▄Installingpseudo-minecraft(1s)▀Installingpseudo-minecraft(2s)▀Installingpseudo-minecraft(2s)▄Installingpseudo-scoop(2s)▄Installingpseudo-scoop(2s)▀Installingpseudo-scoop(2s)▀Installingpseudo-scoop(3s)▄Installingpseudo-scoop(3s)▄Installingpseudo-chocolatey(3s)▀Installingpseudo-chocolatey(3s)▀Installingpseudo-chocolatey(3s)▄Installingpseudo-chocolatey(4s)▄Installingpseudo-chocolatey(4s)███████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████┌───────────────────────────────────────────────└───────────────└───────────────────────────────────────────────┘IfyourterminalhasTrueColorsupport,youcYoucanevenfadethem:Loremipsumdolorsitamet,conseteturstempotemporinviduntutlaboreetdoloremagnaaliquyaeroeosetacceroeosetaccusametjustoduodoloresetearebum.StenoseatakimatasannoseatakimatasanctusestLoremipsumdolorsitamet.Loremet,consetetursadipscinget,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduneetdoloremagnaaliquyamerat,seddiamvoluptua.Atveroeosetaccusametjstoduodoloresetearebum.StetclitakasdestLoreestLoremipsumdolorsitamet.└─────────────────────────────────────└─└────────────────────────Sometitle!─┘└────────────Sometitle!─────────────┘└─Sometitle!────────────────────────┘|└───────────────────────────────────└──────────────────────────────────────┘|└───────────────────────────────────└──────────────────────────────────────┘|└───────────────────────────────────└──────────────────────────────────────┘║╚══════════════════════════════════╚══════════════════════════════════════╝BarStyle|└───────────────────────────────┘Restartinganimation...
\ No newline at end of file
diff --git a/_examples/header/custom/animation.svg b/_examples/header/custom/animation.svg
index deed3e381..866d2cf8d 100644
--- a/_examples/header/custom/animation.svg
+++ b/_examples/header/custom/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{fill:rgb(160,160,160);white-space:pre}.h{white-space:pre}.i{fill:rgb(232,131,136)}.j{fill:transparent}.l{animation-duration:5.31286s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}4.7%{transform:translateX(-80px)}5.9%{transform:translateX(-160px)}100%{transform:translateX(-240px)}} This is a custom header! This is a custom header! Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{fill:rgb(160,160,160);white-space:pre}.h{white-space:pre}.i{fill:rgb(232,131,136)}.j{fill:transparent}.l{animation-duration:5.205684s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}3.4%{transform:translateX(-80px)}4%{transform:translateX(-160px)}100%{transform:translateX(-240px)}} This is a custom header! This is a custom header! Restartinganimation...
\ No newline at end of file
diff --git a/_examples/header/demo/animation.svg b/_examples/header/demo/animation.svg
index 7a8e72401..6f06d83f1 100644
--- a/_examples/header/demo/animation.svg
+++ b/_examples/header/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(111,119,131)}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:rgb(255,255,255);font-weight:bold;white-space:pre}.i{fill:transparent}.k{animation-duration:5.289069s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}4.1%{transform:translateX(-80px)}5.5%{transform:translateX(-160px)}100%{transform:translateX(-240px)}} This is the default header! This is a full-width header. Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(111,119,131)}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:rgb(255,255,255);font-weight:bold;white-space:pre}.i{fill:transparent}.k{animation-duration:5.334314s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}4.7%{transform:translateX(-80px)}6.3%{transform:translateX(-160px)}100%{transform:translateX(-240px)}} This is the default header! This is a full-width header. Restartinganimation...
\ No newline at end of file
diff --git a/_examples/heatmap/README.md b/_examples/heatmap/README.md
new file mode 100644
index 000000000..23350c54c
--- /dev/null
+++ b/_examples/heatmap/README.md
@@ -0,0 +1,235 @@
+### heatmap/custom_colors
+
+
+
+
+
+SHOW SOURCE
+
+```go
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has no rgb (supported by every terminal), no axis data and a legend.")
+ pterm.Println()
+
+ table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithLegend(false).WithColors(pterm.BgBlue, pterm.BgRed, pterm.BgGreen, pterm.BgYellow).WithLegend()
+ table.Render()
+}
+
+```
+
+
+
+### heatmap/custom_legend
+
+
+
+
+
+SHOW SOURCE
+
+```go
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a custom legend.")
+ pterm.Println()
+
+ table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithLegendLabel("custom").WithLegendOnlyColoredCells()
+ table.Render()
+}
+
+```
+
+
+
+### heatmap/custom_rgb
+
+
+
+
+
+SHOW SOURCE
+
+```go
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a legend.")
+ pterm.Println()
+
+ table2 := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithRGBRange(pterm.NewRGB(0, 0, 255), pterm.NewRGB(255, 0, 0), pterm.NewRGB(0, 255, 0), pterm.NewRGB(255, 255, 0))
+ table2.Render()
+}
+
+```
+
+
+
+### heatmap/demo
+
+
+
+
+
+SHOW SOURCE
+
+```go
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ table := pterm.DefaultHeatmap.WithAxisData(headerData).WithData(data).WithEnableRGB()
+ table.Render()
+}
+
+```
+
+
+
+### heatmap/no_grid
+
+
+
+
+
+SHOW SOURCE
+
+```go
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a legend.")
+ pterm.Println()
+
+ table2 := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithLegend().WithGrid(false)
+ table2.Render()
+}
+
+```
+
+
+
+### heatmap/separated
+
+
+
+
+
+SHOW SOURCE
+
+```go
+package main
+
+import "github.com/pterm/pterm"
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has no rgb (supported by every terminal), no axis data and no legend.")
+ pterm.Println()
+
+ table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithLegend(false)
+ table.Render()
+}
+
+```
+
+
+
diff --git a/_examples/heatmap/custom_colors/README.md b/_examples/heatmap/custom_colors/README.md
new file mode 100644
index 000000000..db04f1d25
--- /dev/null
+++ b/_examples/heatmap/custom_colors/README.md
@@ -0,0 +1,33 @@
+# heatmap/custom_colors
+
+
+
+```go
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has no rgb (supported by every terminal), no axis data and a legend.")
+ pterm.Println()
+
+ table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithLegend(false).WithColors(pterm.BgBlue, pterm.BgRed, pterm.BgGreen, pterm.BgYellow).WithLegend()
+ table.Render()
+}
+
+```
diff --git a/_examples/heatmap/custom_colors/animation.svg b/_examples/heatmap/custom_colors/animation.svg
new file mode 100644
index 000000000..a990ce28a
--- /dev/null
+++ b/_examples/heatmap/custom_colors/animation.svg
@@ -0,0 +1,10 @@
+ INFO Thefollowingtablehasnorgb(supportedbyeveryterminal),noaxisdataandalegend.1│ 0.9│ 0.2│-0.7│ 0.4│-0.5│ 0.6│-0.3│ 0.8│-0.1│ -1 │ 0.1│-0.8│ 0.3────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────2│ 0.2│-0.7│-0.5│-0.3│-0.1│ 0.1│ 0.3│ 0.5│ 0.9│-0.9│-0.7│-0.5│-0.33│ 0.4│ 0.4│-0.3│ -1 │ 0.3│-0.2│-0.9│ 0.5│-0.3│ -1 │ 0.6│-0.2│-0.94│ 0.9│-0.5│-0.1│ 0.3│ 1 │-0.7│-0.3│ 0.1│ 0.7│-0.9│-0.5│ 0.2│ 0.65│ 0.5│ 0.6│ 0.1│-0.2│-0.7│ 0.8│ 0.6│ 0.1│-0.5│-0.7│ 0.7│ 0.3│ 0 ────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼──│a│b│c│d│e│f│g│h│i│j│k│l│mLegend│ -1 │ -0.33│ 0.33 │ 1 ────┼────┼────┼────┼────┼────┼────┼────┼────┼────2│ 0.2│-0.7│-0.5│-0.3│-0.1│ 0.1│ 0.3│ 0.5│ 0.9│-0.9│-0.7│-0.5────┼────┼────┼────┼────┼────┼────┼────┼────┼─────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────────┼────┼───────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼──────┼────┼────┼───────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼───Legend│ -1 │ -0.33│ 0.33 │Restartinganimation...
\ No newline at end of file
diff --git a/_examples/heatmap/custom_colors/main.go b/_examples/heatmap/custom_colors/main.go
new file mode 100644
index 000000000..bfab51b24
--- /dev/null
+++ b/_examples/heatmap/custom_colors/main.go
@@ -0,0 +1,26 @@
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has no rgb (supported by every terminal), no axis data and a legend.")
+ pterm.Println()
+
+ table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithLegend(false).WithColors(pterm.BgBlue, pterm.BgRed, pterm.BgGreen, pterm.BgYellow).WithLegend()
+ table.Render()
+}
diff --git a/_examples/heatmap/custom_legend/README.md b/_examples/heatmap/custom_legend/README.md
new file mode 100644
index 000000000..735b1e318
--- /dev/null
+++ b/_examples/heatmap/custom_legend/README.md
@@ -0,0 +1,33 @@
+# heatmap/custom_legend
+
+
+
+```go
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a custom legend.")
+ pterm.Println()
+
+ table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithLegendLabel("custom").WithLegendOnlyColoredCells()
+ table.Render()
+}
+
+```
diff --git a/_examples/heatmap/custom_legend/animation.svg b/_examples/heatmap/custom_legend/animation.svg
new file mode 100644
index 000000000..2259e0b09
--- /dev/null
+++ b/_examples/heatmap/custom_legend/animation.svg
@@ -0,0 +1,10 @@
+ INFO Thefollowingtablehasrgb(notsupportedbyeveryterminal),axisdataandacustomlegend.1│ 0.9│ 0.2│-0.7│ 0.4│-0.5│ 0.6│-0.3│ 0.8│-0.1│ -1 │ 0.1│-0.8│ 0.3────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────2│ 0.2│-0.7│-0.5│-0.3│-0.1│ 0.1│ 0.3│ 0.5│ 0.9│-0.9│-0.7│-0.5│-0.33│ 0.4│ 0.4│-0.3│ -1 │ 0.3│-0.2│-0.9│ 0.5│-0.3│ -1 │ 0.6│-0.2│-0.94│ 0.9│-0.5│-0.1│ 0.3│ 1 │-0.7│-0.3│ 0.1│ 0.7│-0.9│-0.5│ 0.2│ 0.65│ 0.5│ 0.6│ 0.1│-0.2│-0.7│ 0.8│ 0.6│ 0.1│-0.5│-0.7│ 0.7│ 0.3│ 0 │a│b│c│d│e│f│g│h│i│j│k│l│mcustom│ ────┼────┼───────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼─────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────3│ 0.4│ 0.4│-0.3│ -1 │ 0.3│-0.2│-0.9│ 0.5│-0.3│ -1 │ 0.6│-0.2────┼────┼────┼────┼────┼────┼────┼────┼────┼─4│ 0.9│-0.5│-0.1│ 0.3│ 1 │-0.7│-0.3│ 0.1│ 0.7────┼────┼────┼────┼────┼────┼────┼───5│ 0.5│ 0.6│ 0.1│-0.2│-0.7│ 0.8│────┼────┼────┼────┼────┼────┼─│a│b│c│d│custom│ Restartinganimation...
\ No newline at end of file
diff --git a/_examples/heatmap/custom_legend/main.go b/_examples/heatmap/custom_legend/main.go
new file mode 100644
index 000000000..448e68f14
--- /dev/null
+++ b/_examples/heatmap/custom_legend/main.go
@@ -0,0 +1,26 @@
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a custom legend.")
+ pterm.Println()
+
+ table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithLegendLabel("custom").WithLegendOnlyColoredCells()
+ table.Render()
+}
diff --git a/_examples/heatmap/custom_rgb/README.md b/_examples/heatmap/custom_rgb/README.md
new file mode 100644
index 000000000..5bd3165e6
--- /dev/null
+++ b/_examples/heatmap/custom_rgb/README.md
@@ -0,0 +1,33 @@
+# heatmap/custom_rgb
+
+
+
+```go
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a legend.")
+ pterm.Println()
+
+ table2 := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithRGBRange(pterm.NewRGB(0, 0, 255), pterm.NewRGB(255, 0, 0), pterm.NewRGB(0, 255, 0), pterm.NewRGB(255, 255, 0))
+ table2.Render()
+}
+
+```
diff --git a/_examples/heatmap/custom_rgb/animation.svg b/_examples/heatmap/custom_rgb/animation.svg
new file mode 100644
index 000000000..80600d6af
--- /dev/null
+++ b/_examples/heatmap/custom_rgb/animation.svg
@@ -0,0 +1,10 @@
+ INFO Thefollowingtablehasrgb(notsupportedbyeveryterminal),axisdataandalegend.1│ 0.9│ 0.2│-0.7│ 0.4│-0.5│ 0.6│-0.3│ 0.8│-0.1│ -1 │ 0.1│-0.8│ 0.3────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────2│ 0.2│-0.7│-0.5│-0.3│-0.1│ 0.1│ 0.3│ 0.5│ 0.9│-0.9│-0.7│-0.5│-0.33│ 0.4│ 0.4│-0.3│ -1 │ 0.3│-0.2│-0.9│ 0.5│-0.3│ -1 │ 0.6│-0.2│-0.94│ 0.9│-0.5│-0.1│ 0.3│ 1 │-0.7│-0.3│ 0.1│ 0.7│-0.9│-0.5│ 0.2│ 0.65│ 0.5│ 0.6│ 0.1│-0.2│-0.7│ 0.8│ 0.6│ 0.1│-0.5│-0.7│ 0.7│ 0.3│ 0 │a│b│c│d│e│f│g│h│i│j│k│l│mLegend│ -1 │ -0.78│ -0.56│ -0.33│ -0.11│ 0.11 │ 0.33 │ 0.56 │ 0.78 │ 1 ────┼────┼───────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼─────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────3│ 0.4│ 0.4│-0.3│ -1 │ 0.3│-0.2│-0.9│ 0.5│-0.3│ -1 │ 0.6│-0.2│────┼────┼────┼────┼────┼────┼────┼────┼────┼──4│ 0.9│-0.5│-0.1│ 0.3│ 1 │-0.7│-0.3│ 0.1│ 0.7│────┼────┼────┼────┼────┼────┼────┼────5│ 0.5│ 0.6│ 0.1│-0.2│-0.7│ 0.8│────┼────┼────┼────┼────┼────┼─│a│b│c│d│eRestartinganimation...
\ No newline at end of file
diff --git a/_examples/heatmap/custom_rgb/main.go b/_examples/heatmap/custom_rgb/main.go
new file mode 100644
index 000000000..bac32f69e
--- /dev/null
+++ b/_examples/heatmap/custom_rgb/main.go
@@ -0,0 +1,26 @@
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a legend.")
+ pterm.Println()
+
+ table2 := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithRGBRange(pterm.NewRGB(0, 0, 255), pterm.NewRGB(255, 0, 0), pterm.NewRGB(0, 255, 0), pterm.NewRGB(255, 255, 0))
+ table2.Render()
+}
diff --git a/_examples/heatmap/demo/README.md b/_examples/heatmap/demo/README.md
new file mode 100644
index 000000000..83d1d362f
--- /dev/null
+++ b/_examples/heatmap/demo/README.md
@@ -0,0 +1,30 @@
+# heatmap/demo
+
+
+
+```go
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ table := pterm.DefaultHeatmap.WithAxisData(headerData).WithData(data).WithEnableRGB()
+ table.Render()
+}
+
+```
diff --git a/_examples/heatmap/demo/animation.svg b/_examples/heatmap/demo/animation.svg
new file mode 100644
index 000000000..1d0e8cfce
--- /dev/null
+++ b/_examples/heatmap/demo/animation.svg
@@ -0,0 +1,10 @@
+┌────┬────┬────┬────┬────┬────┬────┬────┬────┬────┬────┬────┬────┬────┐│1│ 0.9│ 0.2│-0.7│ 0.4│-0.5│ 0.6│-0.3│ 0.8│-0.1│ -1 │ 0.1│-0.8│ 0.3│├────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┤│2│ 0.2│-0.7│-0.5│-0.3│-0.1│ 0.1│ 0.3│ 0.5│ 0.9│-0.9│-0.7│-0.5│-0.3││3│ 0.4│ 0.4│-0.3│ -1 │ 0.3│-0.2│-0.9│ 0.5│-0.3│ -1 │ 0.6│-0.2│-0.9││4│ 0.9│-0.5│-0.1│ 0.3│ 1 │-0.7│-0.3│ 0.1│ 0.7│-0.9│-0.5│ 0.2│ 0.6││5│ 0.5│ 0.6│ 0.1│-0.2│-0.7│ 0.8│ 0.6│ 0.1│-0.5│-0.7│ 0.7│ 0.3│ 0 │││a│b│c│d│e│f│g│h│i│j│k│l│m│└────┴────┴────┴────┴────┴────┴────┴────┴────┴────┴────┴────┴────┴────┘┌──────┬──────┬──────┬──────┬──────┬──────┬──────┬──────┬──────┬──────┬──────┐│Legend│ -1 │ -0.78│ -0.56│ -0.33│ -0.11│ 0.11 │ 0.33 │ 0.56 │ 0.78 │ 1 │└──────┴──────┴──────┴──────┴──────┴──────┴──────┴──────┴──────┴──────┴──────┘┌────┬────┬────┬────┬────┬────┬────┬────┬────┬───│1│ 0.9│ 0.2│-0.7│ 0.4│-0.5│ 0.6│-0.3│ 0.8│-0.1├────┼────┼────┼────┼────┼────┼────┼─│2│ 0.2│-0.7│-0.5│-0.3│├────┼────┼────┼────┼────│3│├────┼────┼───├────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼─├─├────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼│5│ 0.5│ 0.6│ 0.1│-0.2│-0.7│ 0.8│ 0.6│ 0.1│-0.5│├────┼────┼────┼────┼────┼────┼────┼───└────┴────┴────┴────┴────┴────┴────┴┌──────┬──────┬──────┬──────┬──────┬──────┬──────┌──────┬──────┬──────┬──────┬──────┬──────┬──────┬──────┬──────└──────┴──────┴──────┴──────┴──────┴──────┴──────└──────┴──────┴──────┴──────┴──────┴──────┴──────┴─Restartinganimation...
\ No newline at end of file
diff --git a/_examples/heatmap/demo/main.go b/_examples/heatmap/demo/main.go
new file mode 100644
index 000000000..1c015ceee
--- /dev/null
+++ b/_examples/heatmap/demo/main.go
@@ -0,0 +1,23 @@
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ table := pterm.DefaultHeatmap.WithAxisData(headerData).WithData(data).WithEnableRGB()
+ table.Render()
+}
diff --git a/_examples/heatmap/no_grid/README.md b/_examples/heatmap/no_grid/README.md
new file mode 100644
index 000000000..8e7258e2d
--- /dev/null
+++ b/_examples/heatmap/no_grid/README.md
@@ -0,0 +1,33 @@
+# heatmap/no_grid
+
+
+
+```go
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a legend.")
+ pterm.Println()
+
+ table2 := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithLegend().WithGrid(false)
+ table2.Render()
+}
+
+```
diff --git a/_examples/heatmap/no_grid/animation.svg b/_examples/heatmap/no_grid/animation.svg
new file mode 100644
index 000000000..b8d09eca8
--- /dev/null
+++ b/_examples/heatmap/no_grid/animation.svg
@@ -0,0 +1,10 @@
+ INFO Thefollowingtablehasrgb(notsupportedbyeveryterminal),axisdataandalegend.1 0.9 0.2-0.7 0.4-0.5 0.6-0.3 0.8-0.1 -1 0.1-0.8 0.32 0.2-0.7-0.5-0.3-0.1 0.1 0.3 0.5 0.9-0.9-0.7-0.5-0.33 0.4 0.4-0.3 -1 0.3-0.2-0.9 0.5-0.3 -1 0.6-0.2-0.94 0.9-0.5-0.1 0.3 1 -0.7-0.3 0.1 0.7-0.9-0.5 0.2 0.65 0.5 0.6 0.1-0.2-0.7 0.8 0.6 0.1-0.5-0.7 0.7 0.3 0 abcdefghijklmLegend -1 -0.78 -0.56 -0.33 -0.11 0.11 0.33 0.56 0.78 1 35 0.5 0.6Legend -1 -0.78 -0.56 -0.33 -0.11 0.11 0.33 0.56 Restartinganimation...
\ No newline at end of file
diff --git a/_examples/heatmap/no_grid/main.go b/_examples/heatmap/no_grid/main.go
new file mode 100644
index 000000000..e723aab56
--- /dev/null
+++ b/_examples/heatmap/no_grid/main.go
@@ -0,0 +1,26 @@
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a legend.")
+ pterm.Println()
+
+ table2 := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithLegend().WithGrid(false)
+ table2.Render()
+}
diff --git a/_examples/heatmap/separated/README.md b/_examples/heatmap/separated/README.md
new file mode 100644
index 000000000..3b1db934d
--- /dev/null
+++ b/_examples/heatmap/separated/README.md
@@ -0,0 +1,31 @@
+# heatmap/separated
+
+
+
+```go
+package main
+
+import "github.com/pterm/pterm"
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has no rgb (supported by every terminal), no axis data and no legend.")
+ pterm.Println()
+
+ table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithLegend(false)
+ table.Render()
+}
+
+```
diff --git a/_examples/heatmap/separated/animation.svg b/_examples/heatmap/separated/animation.svg
new file mode 100644
index 000000000..488eab8fd
--- /dev/null
+++ b/_examples/heatmap/separated/animation.svg
@@ -0,0 +1,10 @@
+ INFO Thefollowingtablehasnorgb(supportedbyeveryterminal),noaxisdataandnolegend.1│ 0.9│ 0.2│-0.7│ 0.4│-0.5│ 0.6│-0.3│ 0.8│-0.1│ -1 │ 0.1│-0.8│ 0.3────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────2│ 0.2│-0.7│-0.5│-0.3│-0.1│ 0.1│ 0.3│ 0.5│ 0.9│-0.9│-0.7│-0.5│-0.33│ 0.4│ 0.4│-0.3│ -1 │ 0.3│-0.2│-0.9│ 0.5│-0.3│ -1 │ 0.6│-0.2│-0.94│ 0.9│-0.5│-0.1│ 0.3│ 1 │-0.7│-0.3│ 0.1│ 0.7│-0.9│-0.5│ 0.2│ 0.65│ 0.5│ 0.6│ 0.1│-0.2│-0.7│ 0.8│ 0.6│ 0.1│-0.5│-0.7│ 0.7│ 0.3│ 0 │a│b│c│d│e│f│g│h│i│j│k│l│m────┼────┼────┼──────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼─────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼───────┼────┼──────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼─────┼────────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼───────┼─────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼Restartinganimation...
\ No newline at end of file
diff --git a/_examples/heatmap/separated/main.go b/_examples/heatmap/separated/main.go
new file mode 100644
index 000000000..e32898aaa
--- /dev/null
+++ b/_examples/heatmap/separated/main.go
@@ -0,0 +1,24 @@
+package main
+
+import "github.com/pterm/pterm"
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has no rgb (supported by every terminal), no axis data and no legend.")
+ pterm.Println()
+
+ table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithLegend(false)
+ table.Render()
+}
diff --git a/_examples/interactive_confirm/demo/animation.svg b/_examples/interactive_confirm/demo/animation.svg
index 31fdb062e..64347af41 100644
--- a/_examples/interactive_confirm/demo/animation.svg
+++ b/_examples/interactive_confirm/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:rgb(124,255,0);white-space:pre}.i{fill:rgb(102,194,205)}.j{white-space:pre}.k{fill:transparent}.l{fill:rgb(160,160,160)}.n{animation-duration:7.260242s;animation-iteration-count:infinite;animation-name:m;animation-timing-function:steps(1,end)}.o{fill:rgb(160,160,160);white-space:pre}@keyframes m{0%{transform:translateX(-0px)}3.5%{transform:translateX(-80px)}31.1%{transform:translateX(-160px)}31.1%{transform:translateX(-240px)}100%{transform:translateX(-320px)}}Pleaseconfirm[y/N]:Yes INFO Youanswered:YesPleaseconfirm[y/N]:Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:rgb(124,255,0);white-space:pre}.i{fill:rgb(102,194,205)}.j{white-space:pre}.k{fill:transparent}.l{fill:rgb(160,160,160)}.n{animation-duration:7.31973s;animation-iteration-count:infinite;animation-name:m;animation-timing-function:steps(1,end)}.o{fill:rgb(160,160,160);white-space:pre}@keyframes m{0%{transform:translateX(-0px)}4.3%{transform:translateX(-80px)}31.7%{transform:translateX(-160px)}31.7%{transform:translateX(-240px)}31.7%{transform:translateX(-320px)}31.7%{transform:translateX(-400px)}31.7%{transform:translateX(-480px)}31.7%{transform:translateX(-560px)}100%{transform:translateX(-640px)}}Pleaseconfirm[y/N]:Yes INFO Youanswered:YesPleaseconfirm[y/N]:Restartinganimation...
\ No newline at end of file
diff --git a/_examples/interactive_continue/demo/animation.svg b/_examples/interactive_continue/demo/animation.svg
index 154ff8702..06bc3c864 100644
--- a/_examples/interactive_continue/demo/animation.svg
+++ b/_examples/interactive_continue/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:rgb(124,255,0);white-space:pre}.i{fill:rgb(102,194,205)}.j{white-space:pre}.k{fill:transparent}.l{fill:rgb(160,160,160)}.n{animation-duration:7.245004s;animation-iteration-count:infinite;animation-name:m;animation-timing-function:steps(1,end)}.o{fill:rgb(160,160,160);white-space:pre}@keyframes m{0%{transform:translateX(-0px)}3.4%{transform:translateX(-80px)}31%{transform:translateX(-160px)}31%{transform:translateX(-240px)}31%{transform:translateX(-320px)}31%{transform:translateX(-400px)}31%{transform:translateX(-480px)}100%{transform:translateX(-560px)}}Doyouwanttocontinue[Yes/no/all/cancel]:yes INFO Youanswered:yesDoyouwanttocontinue[Yes/no/all/cancel]:Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:rgb(124,255,0);white-space:pre}.i{fill:rgb(102,194,205)}.j{white-space:pre}.k{fill:transparent}.l{fill:rgb(160,160,160)}.n{animation-duration:7.252053999999999s;animation-iteration-count:infinite;animation-name:m;animation-timing-function:steps(1,end)}.o{fill:rgb(160,160,160);white-space:pre}@keyframes m{0%{transform:translateX(-0px)}3.4%{transform:translateX(-80px)}31%{transform:translateX(-160px)}31%{transform:translateX(-240px)}31%{transform:translateX(-320px)}31.1%{transform:translateX(-400px)}31.1%{transform:translateX(-480px)}31.1%{transform:translateX(-560px)}100%{transform:translateX(-640px)}}Doyouwanttocontinue[Yes/no/all/cancel]:yes INFO Youanswered:yesDoyouwanttocontinue[Yes/no/all/cancel]:Restartinganimation...
\ No newline at end of file
diff --git a/_examples/interactive_multiselect/custom-checkmarks/animation.svg b/_examples/interactive_multiselect/custom-checkmarks/animation.svg
index 9d316eeb5..7c750a4e1 100644
--- a/_examples/interactive_multiselect/custom-checkmarks/animation.svg
+++ b/_examples/interactive_multiselect/custom-checkmarks/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:rgb(234,89,246);white-space:pre}.i{fill:rgb(255,0,4);white-space:pre}.j{fill:rgb(234,89,246);font-weight:bold;white-space:pre}.k{fill:rgb(102,194,205)}.l{white-space:pre}.m{fill:rgb(124,255,0);white-space:pre}.n{fill:transparent}.o{fill:rgb(160,160,160)}.q{animation-duration:6.300642s;animation-iteration-count:infinite;animation-name:p;animation-timing-function:steps(1,end)}@keyframes p{0%{transform:translateX(-0px)}3.1%{transform:translateX(-80px)}3.8%{transform:translateX(-160px)}19%{transform:translateX(-240px)}19%{transform:translateX(-320px)}19%{transform:translateX(-400px)}19%{transform:translateX(-480px)}19%{transform:translateX(-560px)}19%{transform:translateX(-640px)}19.1%{transform:translateX(-720px)}20.6%{transform:translateX(-800px)}20.6%{transform:translateX(-880px)}20.6%{transform:translateX(-960px)}20.6%{transform:translateX(-1040px)}20.6%{transform:translateX(-1120px)}20.6%{transform:translateX(-1200px)}20.6%{transform:translateX(-1280px)}100%{transform:translateX(-1360px)}}Pleaseselectyouroptions:>[-]Option0[-]Option1[-]Option2[-]Option3[-]Option4space:select|enter:confirm|left:none|right:all[-]Option0>[-]Option1 INFO Selectedoptions:[]Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:rgb(255,0,4);white-space:pre}.i{fill:rgb(234,89,246);white-space:pre}.j{fill:rgb(234,89,246);font-weight:bold;white-space:pre}.k{fill:rgb(102,194,205)}.l{white-space:pre}.m{fill:rgb(124,255,0);white-space:pre}.n{fill:transparent}.o{fill:rgb(160,160,160)}.q{animation-duration:6.271908s;animation-iteration-count:infinite;animation-name:p;animation-timing-function:steps(1,end)}@keyframes p{0%{transform:translateX(-0px)}2.7%{transform:translateX(-80px)}3.3%{transform:translateX(-160px)}18.7%{transform:translateX(-240px)}20.3%{transform:translateX(-320px)}100%{transform:translateX(-400px)}}Pleaseselectyouroptions:[-]Option2[-]Option3[-]Option4space:select|enter:confirm|left:none|right:all INFO Selectedoptions:[]>[-]Option0[-]Option1[-]Option0>[-]Option1Restartinganimation...
\ No newline at end of file
diff --git a/_examples/interactive_multiselect/custom-keys/animation.svg b/_examples/interactive_multiselect/custom-keys/animation.svg
index b5acfdd12..de661bf26 100644
--- a/_examples/interactive_multiselect/custom-keys/animation.svg
+++ b/_examples/interactive_multiselect/custom-keys/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:rgb(234,89,246);white-space:pre}.i{fill:rgb(255,0,4);white-space:pre}.j{fill:rgb(234,89,246);font-weight:bold;white-space:pre}.k{fill:rgb(124,255,0);white-space:pre}.l{fill:rgb(102,194,205)}.m{white-space:pre}.n{fill:transparent}.o{fill:rgb(160,160,160)}.q{animation-duration:6.946714s;animation-iteration-count:infinite;animation-name:p;animation-timing-function:steps(1,end)}@keyframes p{0%{transform:translateX(-0px)}2%{transform:translateX(-80px)}2.8%{transform:translateX(-160px)}2.8%{transform:translateX(-240px)}2.8%{transform:translateX(-320px)}2.8%{transform:translateX(-400px)}2.8%{transform:translateX(-480px)}2.8%{transform:translateX(-560px)}2.8%{transform:translateX(-640px)}2.8%{transform:translateX(-720px)}2.8%{transform:translateX(-800px)}2.8%{transform:translateX(-880px)}2.8%{transform:translateX(-960px)}2.8%{transform:translateX(-1040px)}2.8%{transform:translateX(-1120px)}2.8%{transform:translateX(-1200px)}2.8%{transform:translateX(-1280px)}2.8%{transform:translateX(-1360px)}2.8%{transform:translateX(-1440px)}2.8%{transform:translateX(-1520px)}2.8%{transform:translateX(-1600px)}2.8%{transform:translateX(-1680px)}2.8%{transform:translateX(-1760px)}2.8%{transform:translateX(-1840px)}2.8%{transform:translateX(-1920px)}2.8%{transform:translateX(-2000px)}2.8%{transform:translateX(-2080px)}2.8%{transform:translateX(-2160px)}2.8%{transform:translateX(-2240px)}2.8%{transform:translateX(-2320px)}2.8%{transform:translateX(-2400px)}2.8%{transform:translateX(-2480px)}2.8%{transform:translateX(-2560px)}2.8%{transform:translateX(-2640px)}2.8%{transform:translateX(-2720px)}2.8%{transform:translateX(-2800px)}2.8%{transform:translateX(-2880px)}2.8%{transform:translateX(-2960px)}2.9%{transform:translateX(-3040px)}2.9%{transform:translateX(-3120px)}2.9%{transform:translateX(-3200px)}2.9%{transform:translateX(-3280px)}2.9%{transform:translateX(-3360px)}2.9%{transform:translateX(-3440px)}2.9%{transform:translateX(-3520px)}2.9%{transform:translateX(-3600px)}2.9%{transform:translateX(-3680px)}2.9%{transform:translateX(-3760px)}2.9%{transform:translateX(-3840px)}2.9%{transform:translateX(-3920px)}2.9%{transform:translateX(-4000px)}16.5%{transform:translateX(-4080px)}16.5%{transform:translateX(-4160px)}16.5%{transform:translateX(-4240px)}16.5%{transform:translateX(-4320px)}16.5%{transform:translateX(-4400px)}16.5%{transform:translateX(-4480px)}16.5%{transform:translateX(-4560px)}16.5%{transform:translateX(-4640px)}16.5%{transform:translateX(-4720px)}16.5%{transform:translateX(-4800px)}16.5%{transform:translateX(-4880px)}16.5%{transform:translateX(-4960px)}17.9%{transform:translateX(-5040px)}17.9%{transform:translateX(-5120px)}17.9%{transform:translateX(-5200px)}17.9%{transform:translateX(-5280px)}17.9%{transform:translateX(-5360px)}17.9%{transform:translateX(-5440px)}17.9%{transform:translateX(-5520px)}17.9%{transform:translateX(-5600px)}17.9%{transform:translateX(-5680px)}22.2%{transform:translateX(-5760px)}22.3%{transform:translateX(-5840px)}22.3%{transform:translateX(-5920px)}22.3%{transform:translateX(-6000px)}22.3%{transform:translateX(-6080px)}23.7%{transform:translateX(-6160px)}23.7%{transform:translateX(-6240px)}23.7%{transform:translateX(-6320px)}23.7%{transform:translateX(-6400px)}23.7%{transform:translateX(-6480px)}23.7%{transform:translateX(-6560px)}23.7%{transform:translateX(-6640px)}23.7%{transform:translateX(-6720px)}23.7%{transform:translateX(-6800px)}23.7%{transform:translateX(-6880px)}23.7%{transform:translateX(-6960px)}23.7%{transform:translateX(-7040px)}23.7%{transform:translateX(-7120px)}23.7%{transform:translateX(-7200px)}28%{transform:translateX(-7280px)}28%{transform:translateX(-7360px)}100%{transform:translateX(-7440px)}}Pleaseselectyouroptions:>[✗]Option0[✗]Option1[✗]Option2[✗]Option3[✗]Option4space:select|enter:confirm|left:none|right:all[✗]Option0>[✗]Option1>[✓]Option1[✓]Option1>[✗]Option2>[✓]Option2>Option1>Option2 INFO Selectedoptions:[Option1Option2]Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:rgb(255,0,4);white-space:pre}.i{fill:rgb(234,89,246);white-space:pre}.j{fill:rgb(234,89,246);font-weight:bold;white-space:pre}.k{fill:rgb(124,255,0);white-space:pre}.l{fill:rgb(102,194,205)}.m{white-space:pre}.n{fill:transparent}.o{fill:rgb(160,160,160)}.q{animation-duration:7.006638000000001s;animation-iteration-count:infinite;animation-name:p;animation-timing-function:steps(1,end)}@keyframes p{0%{transform:translateX(-0px)}2.8%{transform:translateX(-80px)}3.6%{transform:translateX(-160px)}17.1%{transform:translateX(-240px)}18.6%{transform:translateX(-320px)}22.9%{transform:translateX(-400px)}22.9%{transform:translateX(-480px)}22.9%{transform:translateX(-560px)}22.9%{transform:translateX(-640px)}22.9%{transform:translateX(-720px)}24.3%{transform:translateX(-800px)}24.3%{transform:translateX(-880px)}24.3%{transform:translateX(-960px)}24.3%{transform:translateX(-1040px)}24.3%{transform:translateX(-1120px)}24.3%{transform:translateX(-1200px)}24.3%{transform:translateX(-1280px)}24.3%{transform:translateX(-1360px)}24.3%{transform:translateX(-1440px)}24.3%{transform:translateX(-1520px)}28.6%{transform:translateX(-1600px)}28.6%{transform:translateX(-1680px)}28.6%{transform:translateX(-1760px)}28.6%{transform:translateX(-1840px)}28.6%{transform:translateX(-1920px)}28.6%{transform:translateX(-2000px)}28.6%{transform:translateX(-2080px)}28.6%{transform:translateX(-2160px)}28.6%{transform:translateX(-2240px)}100%{transform:translateX(-2320px)}}Pleaseselectyouroptions:[✗]Option2[✗]Option3[✗]Option4space:select|enter:confirm|left:none|right:all[✗]Option0>[✓]Option1[✓]Option1>[✗]Option2>[✓]Option2>Option1>Option2 INFO Selectedoptions:[Option1Option2]>[✗]Option0[✗]Option1>[✗]Option1Restartinganimation...
\ No newline at end of file
diff --git a/_examples/interactive_multiselect/demo/animation.svg b/_examples/interactive_multiselect/demo/animation.svg
index d7fc48feb..1ccd2205d 100644
--- a/_examples/interactive_multiselect/demo/animation.svg
+++ b/_examples/interactive_multiselect/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:rgb(234,89,246);white-space:pre}.i{fill:rgb(255,0,4);white-space:pre}.j{fill:rgb(234,89,246);font-weight:bold;white-space:pre}.k{fill:rgb(124,255,0);white-space:pre}.l{fill:rgb(102,194,205)}.m{white-space:pre}.n{fill:transparent}.o{fill:rgb(160,160,160)}.q{animation-duration:15.395694s;animation-iteration-count:infinite;animation-name:p;animation-timing-function:steps(1,end)}@keyframes p{0%{transform:translateX(-0px)}1.1%{transform:translateX(-80px)}1.4%{transform:translateX(-160px)}7.7%{transform:translateX(-240px)}8.3%{transform:translateX(-320px)}8.3%{transform:translateX(-400px)}8.3%{transform:translateX(-480px)}8.3%{transform:translateX(-560px)}8.3%{transform:translateX(-640px)}8.3%{transform:translateX(-720px)}8.3%{transform:translateX(-800px)}8.3%{transform:translateX(-880px)}8.3%{transform:translateX(-960px)}8.3%{transform:translateX(-1040px)}8.3%{transform:translateX(-1120px)}8.3%{transform:translateX(-1200px)}8.3%{transform:translateX(-1280px)}8.3%{transform:translateX(-1360px)}8.3%{transform:translateX(-1440px)}8.3%{transform:translateX(-1520px)}8.3%{transform:translateX(-1600px)}8.3%{transform:translateX(-1680px)}8.3%{transform:translateX(-1760px)}8.3%{transform:translateX(-1840px)}8.3%{transform:translateX(-1920px)}8.3%{transform:translateX(-2000px)}8.3%{transform:translateX(-2080px)}8.3%{transform:translateX(-2160px)}8.3%{transform:translateX(-2240px)}8.3%{transform:translateX(-2320px)}8.3%{transform:translateX(-2400px)}8.3%{transform:translateX(-2480px)}8.3%{transform:translateX(-2560px)}8.3%{transform:translateX(-2640px)}8.3%{transform:translateX(-2720px)}8.3%{transform:translateX(-2800px)}11.6%{transform:translateX(-2880px)}11.6%{transform:translateX(-2960px)}11.6%{transform:translateX(-3040px)}11.6%{transform:translateX(-3120px)}11.6%{transform:translateX(-3200px)}11.6%{transform:translateX(-3280px)}11.6%{transform:translateX(-3360px)}11.6%{transform:translateX(-3440px)}11.6%{transform:translateX(-3520px)}11.6%{transform:translateX(-3600px)}11.6%{transform:translateX(-3680px)}11.6%{transform:translateX(-3760px)}14.8%{transform:translateX(-3840px)}14.8%{transform:translateX(-3920px)}14.8%{transform:translateX(-4000px)}14.8%{transform:translateX(-4080px)}14.8%{transform:translateX(-4160px)}14.8%{transform:translateX(-4240px)}14.8%{transform:translateX(-4320px)}14.8%{transform:translateX(-4400px)}14.8%{transform:translateX(-4480px)}14.8%{transform:translateX(-4560px)}14.8%{transform:translateX(-4640px)}14.8%{transform:translateX(-4720px)}14.8%{transform:translateX(-4800px)}14.8%{transform:translateX(-4880px)}15.5%{transform:translateX(-4960px)}15.5%{transform:translateX(-5040px)}15.5%{transform:translateX(-5120px)}15.5%{transform:translateX(-5200px)}15.5%{transform:translateX(-5280px)}15.5%{transform:translateX(-5360px)}15.5%{transform:translateX(-5440px)}15.5%{transform:translateX(-5520px)}15.5%{transform:translateX(-5600px)}15.5%{transform:translateX(-5680px)}15.5%{transform:translateX(-5760px)}15.5%{transform:translateX(-5840px)}15.5%{transform:translateX(-5920px)}18.7%{transform:translateX(-6000px)}18.7%{transform:translateX(-6080px)}18.7%{transform:translateX(-6160px)}18.7%{transform:translateX(-6240px)}18.7%{transform:translateX(-6320px)}18.7%{transform:translateX(-6400px)}18.7%{transform:translateX(-6480px)}18.7%{transform:translateX(-6560px)}18.7%{transform:translateX(-6640px)}18.7%{transform:translateX(-6720px)}18.7%{transform:translateX(-6800px)}18.7%{transform:translateX(-6880px)}18.7%{transform:translateX(-6960px)}18.7%{transform:translateX(-7040px)}22%{transform:translateX(-7120px)}22%{transform:translateX(-7200px)}22%{transform:translateX(-7280px)}22%{transform:translateX(-7360px)}22%{transform:translateX(-7440px)}22%{transform:translateX(-7520px)}22%{transform:translateX(-7600px)}22%{transform:translateX(-7680px)}22%{transform:translateX(-7760px)}22%{transform:translateX(-7840px)}22%{transform:translateX(-7920px)}22%{transform:translateX(-8000px)}22%{transform:translateX(-8080px)}22%{transform:translateX(-8160px)}22.6%{transform:translateX(-8240px)}22.6%{transform:translateX(-8320px)}22.6%{transform:translateX(-8400px)}22.6%{transform:translateX(-8480px)}22.6%{transform:translateX(-8560px)}22.6%{transform:translateX(-8640px)}22.6%{transform:translateX(-8720px)}22.6%{transform:translateX(-8800px)}22.6%{transform:translateX(-8880px)}22.6%{transform:translateX(-8960px)}22.6%{transform:translateX(-9040px)}22.6%{transform:translateX(-9120px)}22.6%{transform:translateX(-9200px)}22.6%{transform:translateX(-9280px)}25.9%{transform:translateX(-9360px)}25.9%{transform:translateX(-9440px)}25.9%{transform:translateX(-9520px)}25.9%{transform:translateX(-9600px)}25.9%{transform:translateX(-9680px)}25.9%{transform:translateX(-9760px)}25.9%{transform:translateX(-9840px)}25.9%{transform:translateX(-9920px)}25.9%{transform:translateX(-10000px)}25.9%{transform:translateX(-10080px)}25.9%{transform:translateX(-10160px)}25.9%{transform:translateX(-10240px)}29.1%{transform:translateX(-10320px)}29.1%{transform:translateX(-10400px)}29.1%{transform:translateX(-10480px)}29.1%{transform:translateX(-10560px)}29.1%{transform:translateX(-10640px)}29.1%{transform:translateX(-10720px)}29.1%{transform:translateX(-10800px)}29.1%{transform:translateX(-10880px)}29.1%{transform:translateX(-10960px)}29.1%{transform:translateX(-11040px)}29.1%{transform:translateX(-11120px)}29.1%{transform:translateX(-11200px)}29.1%{transform:translateX(-11280px)}29.1%{transform:translateX(-11360px)}29.1%{transform:translateX(-11440px)}29.1%{transform:translateX(-11520px)}29.1%{transform:translateX(-11600px)}29.1%{transform:translateX(-11680px)}29.8%{transform:translateX(-11760px)}29.8%{transform:translateX(-11840px)}29.8%{transform:translateX(-11920px)}29.8%{transform:translateX(-12000px)}29.8%{transform:translateX(-12080px)}29.8%{transform:translateX(-12160px)}29.8%{transform:translateX(-12240px)}29.8%{transform:translateX(-12320px)}29.8%{transform:translateX(-12400px)}29.8%{transform:translateX(-12480px)}29.8%{transform:translateX(-12560px)}29.8%{transform:translateX(-12640px)}29.8%{transform:translateX(-12720px)}29.8%{transform:translateX(-12800px)}29.8%{transform:translateX(-12880px)}33%{transform:translateX(-12960px)}36.3%{transform:translateX(-13040px)}36.3%{transform:translateX(-13120px)}36.3%{transform:translateX(-13200px)}36.3%{transform:translateX(-13280px)}36.3%{transform:translateX(-13360px)}36.3%{transform:translateX(-13440px)}36.3%{transform:translateX(-13520px)}36.3%{transform:translateX(-13600px)}36.3%{transform:translateX(-13680px)}36.3%{transform:translateX(-13760px)}36.3%{transform:translateX(-13840px)}36.3%{transform:translateX(-13920px)}36.3%{transform:translateX(-14000px)}36.3%{transform:translateX(-14080px)}36.3%{transform:translateX(-14160px)}36.9%{transform:translateX(-14240px)}36.9%{transform:translateX(-14320px)}36.9%{transform:translateX(-14400px)}36.9%{transform:translateX(-14480px)}36.9%{transform:translateX(-14560px)}36.9%{transform:translateX(-14640px)}36.9%{transform:translateX(-14720px)}36.9%{transform:translateX(-14800px)}36.9%{transform:translateX(-14880px)}37%{transform:translateX(-14960px)}37%{transform:translateX(-15040px)}37%{transform:translateX(-15120px)}37%{transform:translateX(-15200px)}37%{transform:translateX(-15280px)}37%{transform:translateX(-15360px)}40.2%{transform:translateX(-15440px)}40.2%{transform:translateX(-15520px)}40.2%{transform:translateX(-15600px)}40.2%{transform:translateX(-15680px)}40.2%{transform:translateX(-15760px)}40.2%{transform:translateX(-15840px)}40.2%{transform:translateX(-15920px)}40.2%{transform:translateX(-16000px)}40.2%{transform:translateX(-16080px)}40.2%{transform:translateX(-16160px)}40.2%{transform:translateX(-16240px)}40.2%{transform:translateX(-16320px)}40.2%{transform:translateX(-16400px)}40.2%{transform:translateX(-16480px)}40.2%{transform:translateX(-16560px)}49.9%{transform:translateX(-16640px)}49.9%{transform:translateX(-16720px)}49.9%{transform:translateX(-16800px)}49.9%{transform:translateX(-16880px)}49.9%{transform:translateX(-16960px)}49.9%{transform:translateX(-17040px)}49.9%{transform:translateX(-17120px)}49.9%{transform:translateX(-17200px)}49.9%{transform:translateX(-17280px)}50%{transform:translateX(-17360px)}50%{transform:translateX(-17440px)}50%{transform:translateX(-17520px)}50.9%{transform:translateX(-17600px)}50.9%{transform:translateX(-17680px)}50.9%{transform:translateX(-17760px)}50.9%{transform:translateX(-17840px)}50.9%{transform:translateX(-17920px)}50.9%{transform:translateX(-18000px)}50.9%{transform:translateX(-18080px)}50.9%{transform:translateX(-18160px)}50.9%{transform:translateX(-18240px)}50.9%{transform:translateX(-18320px)}50.9%{transform:translateX(-18400px)}50.9%{transform:translateX(-18480px)}51.9%{transform:translateX(-18560px)}51.9%{transform:translateX(-18640px)}51.9%{transform:translateX(-18720px)}51.9%{transform:translateX(-18800px)}51.9%{transform:translateX(-18880px)}51.9%{transform:translateX(-18960px)}51.9%{transform:translateX(-19040px)}51.9%{transform:translateX(-19120px)}52.9%{transform:translateX(-19200px)}52.9%{transform:translateX(-19280px)}53.9%{transform:translateX(-19360px)}53.9%{transform:translateX(-19440px)}53.9%{transform:translateX(-19520px)}61.3%{transform:translateX(-19600px)}61.3%{transform:translateX(-19680px)}61.3%{transform:translateX(-19760px)}61.3%{transform:translateX(-19840px)}61.3%{transform:translateX(-19920px)}61.3%{transform:translateX(-20000px)}61.3%{transform:translateX(-20080px)}61.3%{transform:translateX(-20160px)}61.3%{transform:translateX(-20240px)}61.3%{transform:translateX(-20320px)}61.3%{transform:translateX(-20400px)}61.3%{transform:translateX(-20480px)}63.3%{transform:translateX(-20560px)}65.2%{transform:translateX(-20640px)}65.2%{transform:translateX(-20720px)}65.2%{transform:translateX(-20800px)}65.2%{transform:translateX(-20880px)}65.2%{transform:translateX(-20960px)}65.2%{transform:translateX(-21040px)}65.2%{transform:translateX(-21120px)}67.5%{transform:translateX(-21200px)}67.5%{transform:translateX(-21280px)}67.5%{transform:translateX(-21360px)}67.5%{transform:translateX(-21440px)}67.5%{transform:translateX(-21520px)}67.5%{transform:translateX(-21600px)}67.5%{transform:translateX(-21680px)}100%{transform:translateX(-21760px)}}Pleaseselectyouroptions:>[✗]Option0[✗]Option1[✗]Option2[✗]Option3[✗]Option4enter:select|tab:confirm|left:none|right:all|typetofilter[✗]Option0>[✗]Option1>[✓]Option1[✓]Option1>[✗]Option2>[✗]Option3>[✓]Option3[✓]Option3>[✗]Option4>[✗]Option5>[✓]Option5[✓]Option5>[✗]Option6[✗]Option6>[✗]Option7[✓]Option7>[✗]Option8[✗]Option8>[✗]Option9>[✓]Option9[✓]Option9>[✗]Option10Pleaseselectyouroptions:f>[✗]Youcanusefuzzysearching(0)[✗]Youcanusefuzzysearching(1)[✗]Youcanusefuzzysearching(2)[✗]Youcanusefuzzysearching(3)[✗]Youcanusefuzzysearching(4)Pleaseselectyouroptions:fuPleaseselectyouroptions:fuzPleaseselectyouroptions:fuzzPleaseselectyouroptions:fuzzy[✗]Youcanusefuzzysearching(0)>[✗]Youcanusefuzzysearching(2)>[✓]Youcanusefuzzysearching(2)>Option1>Option3>Option5>Option7>Option9>Youcanusefuzzysearching(2) INFO Selectedoptions:[Option1Option3Option5Option7Option9Youcanusefuzzysearching(2)]>[✓]Option7>[✗]Youcanusefuzzysearching(1)Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:rgb(255,0,4);white-space:pre}.i{fill:rgb(234,89,246);white-space:pre}.j{fill:rgb(234,89,246);font-weight:bold;white-space:pre}.k{fill:rgb(124,255,0);white-space:pre}.l{fill:rgb(102,194,205)}.m{white-space:pre}.n{fill:transparent}.o{fill:rgb(160,160,160)}.q{animation-duration:15.434619s;animation-iteration-count:infinite;animation-name:p;animation-timing-function:steps(1,end)}@keyframes p{0%{transform:translateX(-0px)}1.4%{transform:translateX(-80px)}1.6%{transform:translateX(-160px)}7.9%{transform:translateX(-240px)}8.5%{transform:translateX(-320px)}8.5%{transform:translateX(-400px)}8.5%{transform:translateX(-480px)}8.5%{transform:translateX(-560px)}11.8%{transform:translateX(-640px)}11.8%{transform:translateX(-720px)}11.8%{transform:translateX(-800px)}11.8%{transform:translateX(-880px)}11.8%{transform:translateX(-960px)}11.8%{transform:translateX(-1040px)}11.8%{transform:translateX(-1120px)}15%{transform:translateX(-1200px)}15%{transform:translateX(-1280px)}15%{transform:translateX(-1360px)}15%{transform:translateX(-1440px)}15%{transform:translateX(-1520px)}15%{transform:translateX(-1600px)}15%{transform:translateX(-1680px)}15%{transform:translateX(-1760px)}15%{transform:translateX(-1840px)}15%{transform:translateX(-1920px)}15%{transform:translateX(-2000px)}15%{transform:translateX(-2080px)}15%{transform:translateX(-2160px)}15.7%{transform:translateX(-2240px)}15.7%{transform:translateX(-2320px)}15.7%{transform:translateX(-2400px)}15.7%{transform:translateX(-2480px)}15.7%{transform:translateX(-2560px)}15.7%{transform:translateX(-2640px)}15.7%{transform:translateX(-2720px)}15.7%{transform:translateX(-2800px)}15.7%{transform:translateX(-2880px)}15.7%{transform:translateX(-2960px)}15.7%{transform:translateX(-3040px)}15.7%{transform:translateX(-3120px)}15.7%{transform:translateX(-3200px)}15.7%{transform:translateX(-3280px)}18.9%{transform:translateX(-3360px)}18.9%{transform:translateX(-3440px)}18.9%{transform:translateX(-3520px)}18.9%{transform:translateX(-3600px)}18.9%{transform:translateX(-3680px)}18.9%{transform:translateX(-3760px)}18.9%{transform:translateX(-3840px)}18.9%{transform:translateX(-3920px)}18.9%{transform:translateX(-4000px)}18.9%{transform:translateX(-4080px)}18.9%{transform:translateX(-4160px)}18.9%{transform:translateX(-4240px)}18.9%{transform:translateX(-4320px)}18.9%{transform:translateX(-4400px)}18.9%{transform:translateX(-4480px)}18.9%{transform:translateX(-4560px)}18.9%{transform:translateX(-4640px)}18.9%{transform:translateX(-4720px)}18.9%{transform:translateX(-4800px)}18.9%{transform:translateX(-4880px)}18.9%{transform:translateX(-4960px)}18.9%{transform:translateX(-5040px)}18.9%{transform:translateX(-5120px)}18.9%{transform:translateX(-5200px)}18.9%{transform:translateX(-5280px)}18.9%{transform:translateX(-5360px)}18.9%{transform:translateX(-5440px)}18.9%{transform:translateX(-5520px)}18.9%{transform:translateX(-5600px)}18.9%{transform:translateX(-5680px)}18.9%{transform:translateX(-5760px)}18.9%{transform:translateX(-5840px)}22.2%{transform:translateX(-5920px)}22.2%{transform:translateX(-6000px)}22.2%{transform:translateX(-6080px)}22.2%{transform:translateX(-6160px)}22.2%{transform:translateX(-6240px)}22.2%{transform:translateX(-6320px)}22.2%{transform:translateX(-6400px)}22.2%{transform:translateX(-6480px)}22.2%{transform:translateX(-6560px)}22.2%{transform:translateX(-6640px)}22.2%{transform:translateX(-6720px)}22.2%{transform:translateX(-6800px)}22.8%{transform:translateX(-6880px)}22.8%{transform:translateX(-6960px)}22.8%{transform:translateX(-7040px)}22.8%{transform:translateX(-7120px)}22.8%{transform:translateX(-7200px)}22.8%{transform:translateX(-7280px)}22.8%{transform:translateX(-7360px)}22.8%{transform:translateX(-7440px)}22.8%{transform:translateX(-7520px)}22.8%{transform:translateX(-7600px)}22.8%{transform:translateX(-7680px)}22.8%{transform:translateX(-7760px)}26.1%{transform:translateX(-7840px)}26.1%{transform:translateX(-7920px)}26.1%{transform:translateX(-8000px)}26.1%{transform:translateX(-8080px)}26.1%{transform:translateX(-8160px)}26.1%{transform:translateX(-8240px)}26.1%{transform:translateX(-8320px)}26.1%{transform:translateX(-8400px)}26.1%{transform:translateX(-8480px)}26.1%{transform:translateX(-8560px)}26.1%{transform:translateX(-8640px)}26.1%{transform:translateX(-8720px)}26.1%{transform:translateX(-8800px)}26.1%{transform:translateX(-8880px)}29.3%{transform:translateX(-8960px)}29.3%{transform:translateX(-9040px)}29.3%{transform:translateX(-9120px)}29.3%{transform:translateX(-9200px)}29.3%{transform:translateX(-9280px)}29.3%{transform:translateX(-9360px)}29.3%{transform:translateX(-9440px)}29.3%{transform:translateX(-9520px)}29.3%{transform:translateX(-9600px)}29.3%{transform:translateX(-9680px)}29.3%{transform:translateX(-9760px)}30%{transform:translateX(-9840px)}30%{transform:translateX(-9920px)}30%{transform:translateX(-10000px)}30%{transform:translateX(-10080px)}30%{transform:translateX(-10160px)}30%{transform:translateX(-10240px)}30%{transform:translateX(-10320px)}30%{transform:translateX(-10400px)}30%{transform:translateX(-10480px)}30%{transform:translateX(-10560px)}30%{transform:translateX(-10640px)}30%{transform:translateX(-10720px)}30%{transform:translateX(-10800px)}30%{transform:translateX(-10880px)}33.2%{transform:translateX(-10960px)}33.2%{transform:translateX(-11040px)}33.2%{transform:translateX(-11120px)}33.2%{transform:translateX(-11200px)}33.2%{transform:translateX(-11280px)}33.2%{transform:translateX(-11360px)}33.2%{transform:translateX(-11440px)}33.2%{transform:translateX(-11520px)}33.2%{transform:translateX(-11600px)}33.2%{transform:translateX(-11680px)}33.2%{transform:translateX(-11760px)}33.2%{transform:translateX(-11840px)}36.4%{transform:translateX(-11920px)}36.4%{transform:translateX(-12000px)}36.4%{transform:translateX(-12080px)}36.4%{transform:translateX(-12160px)}36.4%{transform:translateX(-12240px)}36.4%{transform:translateX(-12320px)}36.4%{transform:translateX(-12400px)}36.5%{transform:translateX(-12480px)}36.5%{transform:translateX(-12560px)}36.5%{transform:translateX(-12640px)}36.5%{transform:translateX(-12720px)}37.1%{transform:translateX(-12800px)}37.1%{transform:translateX(-12880px)}37.1%{transform:translateX(-12960px)}37.1%{transform:translateX(-13040px)}37.1%{transform:translateX(-13120px)}37.1%{transform:translateX(-13200px)}37.1%{transform:translateX(-13280px)}37.1%{transform:translateX(-13360px)}37.1%{transform:translateX(-13440px)}37.1%{transform:translateX(-13520px)}37.1%{transform:translateX(-13600px)}40.3%{transform:translateX(-13680px)}40.3%{transform:translateX(-13760px)}40.3%{transform:translateX(-13840px)}40.3%{transform:translateX(-13920px)}40.3%{transform:translateX(-14000px)}40.3%{transform:translateX(-14080px)}40.3%{transform:translateX(-14160px)}40.3%{transform:translateX(-14240px)}40.3%{transform:translateX(-14320px)}40.3%{transform:translateX(-14400px)}40.3%{transform:translateX(-14480px)}40.3%{transform:translateX(-14560px)}50.1%{transform:translateX(-14640px)}50.1%{transform:translateX(-14720px)}50.1%{transform:translateX(-14800px)}50.1%{transform:translateX(-14880px)}50.1%{transform:translateX(-14960px)}50.1%{transform:translateX(-15040px)}50.1%{transform:translateX(-15120px)}50.1%{transform:translateX(-15200px)}50.1%{transform:translateX(-15280px)}50.1%{transform:translateX(-15360px)}50.1%{transform:translateX(-15440px)}51.1%{transform:translateX(-15520px)}51.1%{transform:translateX(-15600px)}51.1%{transform:translateX(-15680px)}51.1%{transform:translateX(-15760px)}51.1%{transform:translateX(-15840px)}51.1%{transform:translateX(-15920px)}51.1%{transform:translateX(-16000px)}51.1%{transform:translateX(-16080px)}51.1%{transform:translateX(-16160px)}51.1%{transform:translateX(-16240px)}52%{transform:translateX(-16320px)}52%{transform:translateX(-16400px)}52%{transform:translateX(-16480px)}52%{transform:translateX(-16560px)}52%{transform:translateX(-16640px)}52%{transform:translateX(-16720px)}52%{transform:translateX(-16800px)}52%{transform:translateX(-16880px)}52%{transform:translateX(-16960px)}52%{transform:translateX(-17040px)}53%{transform:translateX(-17120px)}53%{transform:translateX(-17200px)}53%{transform:translateX(-17280px)}53%{transform:translateX(-17360px)}53%{transform:translateX(-17440px)}53%{transform:translateX(-17520px)}53%{transform:translateX(-17600px)}53%{transform:translateX(-17680px)}53%{transform:translateX(-17760px)}54%{transform:translateX(-17840px)}61.4%{transform:translateX(-17920px)}61.4%{transform:translateX(-18000px)}61.4%{transform:translateX(-18080px)}61.4%{transform:translateX(-18160px)}61.4%{transform:translateX(-18240px)}61.4%{transform:translateX(-18320px)}61.4%{transform:translateX(-18400px)}61.4%{transform:translateX(-18480px)}61.4%{transform:translateX(-18560px)}61.4%{transform:translateX(-18640px)}61.4%{transform:translateX(-18720px)}63.4%{transform:translateX(-18800px)}65.3%{transform:translateX(-18880px)}67.6%{transform:translateX(-18960px)}100%{transform:translateX(-19040px)}}Pleaseselectyouroptions:[✗]Option2[✗]Option3[✗]Option4enter:select|tab:confirm|left:none|right:all|typetofilter[✗]Option0>[✗]Option1>[✓]Option1[✓]Option1>[✗]Option2>[✗]Option3>[✓]Option3[✓]Option3>[✗]Option4>[✗]Option5>[✓]Option5[✓]Option5>[✗]Option6[✗]Option6>[✗]Option7>[✓]Option7[✓]Option7>[✗]Option8[✗]Option8>[✗]Option9>[✓]Option9[✓]Option9>[✗]Option10Pleaseselectyouroptions:f>[✗]Youcanusefuzzysearching(0)[✗]Youcanusefuzzysearching(1)[✗]Youcanusefuzzysearching(2)[✗]Youcanusefuzzysearching(3)[✗]Youcanusefuzzysearching(4)Pleaseselectyouroptions:fuPleaseselectyouroptions:fuzPleaseselectyouroptions:fuzzPleaseselectyouroptions:fuzzy[✗]Youcanusefuzzysearching(0)>[✗]Youcanusefuzzysearching(1)>Option1>Option3>Option5>Option7>Option9>Youcanusefuzzysearching(2) INFO Selectedoptions:[Option1Option3Option5Option7Option9Youcanusefuzzysearching(2)]>[✗]Option0[✗]Option1>[✗]Youcanusefuzzysearching(2)>[✓]Youcanusefuzzysearching(2)Restartinganimation...
\ No newline at end of file
diff --git a/_examples/interactive_select/demo/animation.svg b/_examples/interactive_select/demo/animation.svg
index b1cc54ba4..be954b1b0 100644
--- a/_examples/interactive_select/demo/animation.svg
+++ b/_examples/interactive_select/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(102,194,205)}.j{white-space:pre}.k{fill:rgb(124,255,0);white-space:pre}.l{fill:transparent}.m{fill:rgb(160,160,160)}.o{animation-duration:12.056412s;animation-iteration-count:infinite;animation-name:n;animation-timing-function:steps(1,end)}@keyframes n{0%{transform:translateX(-0px)}1.6%{transform:translateX(-80px)}2%{transform:translateX(-160px)}9.9%{transform:translateX(-240px)}9.9%{transform:translateX(-320px)}9.9%{transform:translateX(-400px)}9.9%{transform:translateX(-480px)}9.9%{transform:translateX(-560px)}9.9%{transform:translateX(-640px)}11.9%{transform:translateX(-720px)}11.9%{transform:translateX(-800px)}12%{transform:translateX(-880px)}12%{transform:translateX(-960px)}12%{transform:translateX(-1040px)}12%{transform:translateX(-1120px)}12%{transform:translateX(-1200px)}12%{transform:translateX(-1280px)}14%{transform:translateX(-1360px)}14%{transform:translateX(-1440px)}14%{transform:translateX(-1520px)}14%{transform:translateX(-1600px)}14%{transform:translateX(-1680px)}14%{transform:translateX(-1760px)}14%{transform:translateX(-1840px)}14%{transform:translateX(-1920px)}14%{transform:translateX(-2000px)}14%{transform:translateX(-2080px)}14%{transform:translateX(-2160px)}16.1%{transform:translateX(-2240px)}16.1%{transform:translateX(-2320px)}16.1%{transform:translateX(-2400px)}16.1%{transform:translateX(-2480px)}16.1%{transform:translateX(-2560px)}16.1%{transform:translateX(-2640px)}16.1%{transform:translateX(-2720px)}16.1%{transform:translateX(-2800px)}16.1%{transform:translateX(-2880px)}16.1%{transform:translateX(-2960px)}16.1%{transform:translateX(-3040px)}16.1%{transform:translateX(-3120px)}18.2%{transform:translateX(-3200px)}18.2%{transform:translateX(-3280px)}18.2%{transform:translateX(-3360px)}18.2%{transform:translateX(-3440px)}18.2%{transform:translateX(-3520px)}18.2%{transform:translateX(-3600px)}18.2%{transform:translateX(-3680px)}18.2%{transform:translateX(-3760px)}18.2%{transform:translateX(-3840px)}18.2%{transform:translateX(-3920px)}18.2%{transform:translateX(-4000px)}18.2%{transform:translateX(-4080px)}18.2%{transform:translateX(-4160px)}20.3%{transform:translateX(-4240px)}20.3%{transform:translateX(-4320px)}20.3%{transform:translateX(-4400px)}20.3%{transform:translateX(-4480px)}20.3%{transform:translateX(-4560px)}20.3%{transform:translateX(-4640px)}20.3%{transform:translateX(-4720px)}20.3%{transform:translateX(-4800px)}20.3%{transform:translateX(-4880px)}20.3%{transform:translateX(-4960px)}20.3%{transform:translateX(-5040px)}20.3%{transform:translateX(-5120px)}20.3%{transform:translateX(-5200px)}20.3%{transform:translateX(-5280px)}20.3%{transform:translateX(-5360px)}20.3%{transform:translateX(-5440px)}20.3%{transform:translateX(-5520px)}20.3%{transform:translateX(-5600px)}20.3%{transform:translateX(-5680px)}20.3%{transform:translateX(-5760px)}20.3%{transform:translateX(-5840px)}20.3%{transform:translateX(-5920px)}20.3%{transform:translateX(-6000px)}20.3%{transform:translateX(-6080px)}20.3%{transform:translateX(-6160px)}20.3%{transform:translateX(-6240px)}20.3%{transform:translateX(-6320px)}22.3%{transform:translateX(-6400px)}22.3%{transform:translateX(-6480px)}22.4%{transform:translateX(-6560px)}22.4%{transform:translateX(-6640px)}22.4%{transform:translateX(-6720px)}22.4%{transform:translateX(-6800px)}22.4%{transform:translateX(-6880px)}22.4%{transform:translateX(-6960px)}22.4%{transform:translateX(-7040px)}22.4%{transform:translateX(-7120px)}22.4%{transform:translateX(-7200px)}22.4%{transform:translateX(-7280px)}22.4%{transform:translateX(-7360px)}22.4%{transform:translateX(-7440px)}24.4%{transform:translateX(-7520px)}24.4%{transform:translateX(-7600px)}24.4%{transform:translateX(-7680px)}24.4%{transform:translateX(-7760px)}24.4%{transform:translateX(-7840px)}24.4%{transform:translateX(-7920px)}24.4%{transform:translateX(-8000px)}24.5%{transform:translateX(-8080px)}24.5%{transform:translateX(-8160px)}24.5%{transform:translateX(-8240px)}24.5%{transform:translateX(-8320px)}26.5%{transform:translateX(-8400px)}26.5%{transform:translateX(-8480px)}26.5%{transform:translateX(-8560px)}26.5%{transform:translateX(-8640px)}26.5%{transform:translateX(-8720px)}26.5%{transform:translateX(-8800px)}26.5%{transform:translateX(-8880px)}26.5%{transform:translateX(-8960px)}26.5%{transform:translateX(-9040px)}26.5%{transform:translateX(-9120px)}26.5%{transform:translateX(-9200px)}26.5%{transform:translateX(-9280px)}28.6%{transform:translateX(-9360px)}28.6%{transform:translateX(-9440px)}28.6%{transform:translateX(-9520px)}28.6%{transform:translateX(-9600px)}28.6%{transform:translateX(-9680px)}28.7%{transform:translateX(-9760px)}39%{transform:translateX(-9840px)}39%{transform:translateX(-9920px)}39%{transform:translateX(-10000px)}39%{transform:translateX(-10080px)}39%{transform:translateX(-10160px)}39%{transform:translateX(-10240px)}39%{transform:translateX(-10320px)}39%{transform:translateX(-10400px)}39%{transform:translateX(-10480px)}39%{transform:translateX(-10560px)}40.2%{transform:translateX(-10640px)}40.2%{transform:translateX(-10720px)}40.2%{transform:translateX(-10800px)}40.2%{transform:translateX(-10880px)}40.2%{transform:translateX(-10960px)}40.2%{transform:translateX(-11040px)}40.2%{transform:translateX(-11120px)}40.2%{transform:translateX(-11200px)}40.2%{transform:translateX(-11280px)}41.5%{transform:translateX(-11360px)}41.5%{transform:translateX(-11440px)}41.5%{transform:translateX(-11520px)}41.5%{transform:translateX(-11600px)}41.5%{transform:translateX(-11680px)}41.5%{transform:translateX(-11760px)}41.5%{transform:translateX(-11840px)}41.5%{transform:translateX(-11920px)}41.5%{transform:translateX(-12000px)}41.5%{transform:translateX(-12080px)}42.7%{transform:translateX(-12160px)}42.7%{transform:translateX(-12240px)}42.7%{transform:translateX(-12320px)}42.7%{transform:translateX(-12400px)}42.7%{transform:translateX(-12480px)}42.7%{transform:translateX(-12560px)}42.7%{transform:translateX(-12640px)}42.7%{transform:translateX(-12720px)}42.7%{transform:translateX(-12800px)}42.7%{transform:translateX(-12880px)}44%{transform:translateX(-12960px)}44%{transform:translateX(-13040px)}44%{transform:translateX(-13120px)}44%{transform:translateX(-13200px)}44%{transform:translateX(-13280px)}44%{transform:translateX(-13360px)}44%{transform:translateX(-13440px)}44%{transform:translateX(-13520px)}44%{transform:translateX(-13600px)}44%{transform:translateX(-13680px)}53.5%{transform:translateX(-13760px)}53.5%{transform:translateX(-13840px)}53.5%{transform:translateX(-13920px)}53.5%{transform:translateX(-14000px)}53.5%{transform:translateX(-14080px)}53.5%{transform:translateX(-14160px)}53.5%{transform:translateX(-14240px)}53.5%{transform:translateX(-14320px)}53.6%{transform:translateX(-14400px)}53.6%{transform:translateX(-14480px)}56%{transform:translateX(-14560px)}56%{transform:translateX(-14640px)}56%{transform:translateX(-14720px)}56%{transform:translateX(-14800px)}56%{transform:translateX(-14880px)}56%{transform:translateX(-14960px)}56%{transform:translateX(-15040px)}56%{transform:translateX(-15120px)}56%{transform:translateX(-15200px)}58.5%{transform:translateX(-15280px)}58.5%{transform:translateX(-15360px)}58.5%{transform:translateX(-15440px)}58.5%{transform:translateX(-15520px)}58.5%{transform:translateX(-15600px)}58.5%{transform:translateX(-15680px)}58.5%{transform:translateX(-15760px)}100%{transform:translateX(-15840px)}}Pleaseselectanoption[typetosearch]:Option1Option2Option3Option4Option0>Option1>Option2>Option3>Option4>Option5Option5>Option6Option6>Option7Option7>Option8Option8>Option9Option9>Option10Pleaseselectanoption[typetosearch]:f>Youcanusefuzzysearching(0)Youcanusefuzzysearching(1)Youcanusefuzzysearching(2)Youcanusefuzzysearching(3)Youcanusefuzzysearching(4)Pleaseselectanoption[typetosearch]:fuPleaseselectanoption[typetosearch]:fuzPleaseselectanoption[typetosearch]:fuzzPleaseselectanoption[typetosearch]:fuzzyYoucanusefuzzysearching(0)>Youcanusefuzzysearching(1)>Youcanusefuzzysearching(2)Pleaseselectanoption:fuzzy>Youcanusefuzzysearching(2) INFO Selectedoption:Youcanusefuzzysearching(2)>Option0Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(102,194,205)}.j{white-space:pre}.k{fill:rgb(124,255,0);white-space:pre}.l{fill:transparent}.m{fill:rgb(160,160,160)}.o{animation-duration:12.183334s;animation-iteration-count:infinite;animation-name:n;animation-timing-function:steps(1,end)}@keyframes n{0%{transform:translateX(-0px)}2.6%{transform:translateX(-80px)}3%{transform:translateX(-160px)}10.8%{transform:translateX(-240px)}10.9%{transform:translateX(-320px)}10.9%{transform:translateX(-400px)}10.9%{transform:translateX(-480px)}10.9%{transform:translateX(-560px)}10.9%{transform:translateX(-640px)}10.9%{transform:translateX(-720px)}10.9%{transform:translateX(-800px)}10.9%{transform:translateX(-880px)}10.9%{transform:translateX(-960px)}10.9%{transform:translateX(-1040px)}10.9%{transform:translateX(-1120px)}10.9%{transform:translateX(-1200px)}10.9%{transform:translateX(-1280px)}10.9%{transform:translateX(-1360px)}10.9%{transform:translateX(-1440px)}10.9%{transform:translateX(-1520px)}10.9%{transform:translateX(-1600px)}10.9%{transform:translateX(-1680px)}10.9%{transform:translateX(-1760px)}10.9%{transform:translateX(-1840px)}10.9%{transform:translateX(-1920px)}10.9%{transform:translateX(-2000px)}10.9%{transform:translateX(-2080px)}10.9%{transform:translateX(-2160px)}10.9%{transform:translateX(-2240px)}10.9%{transform:translateX(-2320px)}12.9%{transform:translateX(-2400px)}12.9%{transform:translateX(-2480px)}12.9%{transform:translateX(-2560px)}12.9%{transform:translateX(-2640px)}12.9%{transform:translateX(-2720px)}12.9%{transform:translateX(-2800px)}12.9%{transform:translateX(-2880px)}12.9%{transform:translateX(-2960px)}12.9%{transform:translateX(-3040px)}12.9%{transform:translateX(-3120px)}15%{transform:translateX(-3200px)}15%{transform:translateX(-3280px)}15%{transform:translateX(-3360px)}15%{transform:translateX(-3440px)}15%{transform:translateX(-3520px)}15%{transform:translateX(-3600px)}15%{transform:translateX(-3680px)}15%{transform:translateX(-3760px)}15%{transform:translateX(-3840px)}15%{transform:translateX(-3920px)}17%{transform:translateX(-4000px)}17%{transform:translateX(-4080px)}17%{transform:translateX(-4160px)}17%{transform:translateX(-4240px)}17%{transform:translateX(-4320px)}17%{transform:translateX(-4400px)}17%{transform:translateX(-4480px)}17%{transform:translateX(-4560px)}17%{transform:translateX(-4640px)}17%{transform:translateX(-4720px)}17%{transform:translateX(-4800px)}19.1%{transform:translateX(-4880px)}19.1%{transform:translateX(-4960px)}19.1%{transform:translateX(-5040px)}19.1%{transform:translateX(-5120px)}19.1%{transform:translateX(-5200px)}19.1%{transform:translateX(-5280px)}19.1%{transform:translateX(-5360px)}19.1%{transform:translateX(-5440px)}19.1%{transform:translateX(-5520px)}19.1%{transform:translateX(-5600px)}19.1%{transform:translateX(-5680px)}19.1%{transform:translateX(-5760px)}19.1%{transform:translateX(-5840px)}19.1%{transform:translateX(-5920px)}19.1%{transform:translateX(-6000px)}19.1%{transform:translateX(-6080px)}21.1%{transform:translateX(-6160px)}21.1%{transform:translateX(-6240px)}21.1%{transform:translateX(-6320px)}21.1%{transform:translateX(-6400px)}21.1%{transform:translateX(-6480px)}21.1%{transform:translateX(-6560px)}21.1%{transform:translateX(-6640px)}21.1%{transform:translateX(-6720px)}21.1%{transform:translateX(-6800px)}21.1%{transform:translateX(-6880px)}21.1%{transform:translateX(-6960px)}21.1%{transform:translateX(-7040px)}21.1%{transform:translateX(-7120px)}23.2%{transform:translateX(-7200px)}23.2%{transform:translateX(-7280px)}23.2%{transform:translateX(-7360px)}23.2%{transform:translateX(-7440px)}23.2%{transform:translateX(-7520px)}23.2%{transform:translateX(-7600px)}23.2%{transform:translateX(-7680px)}23.2%{transform:translateX(-7760px)}23.2%{transform:translateX(-7840px)}23.2%{transform:translateX(-7920px)}23.2%{transform:translateX(-8000px)}23.2%{transform:translateX(-8080px)}23.2%{transform:translateX(-8160px)}25.2%{transform:translateX(-8240px)}25.3%{transform:translateX(-8320px)}25.3%{transform:translateX(-8400px)}25.3%{transform:translateX(-8480px)}25.3%{transform:translateX(-8560px)}25.3%{transform:translateX(-8640px)}25.3%{transform:translateX(-8720px)}25.3%{transform:translateX(-8800px)}25.3%{transform:translateX(-8880px)}25.3%{transform:translateX(-8960px)}27.3%{transform:translateX(-9040px)}27.3%{transform:translateX(-9120px)}27.3%{transform:translateX(-9200px)}27.3%{transform:translateX(-9280px)}27.3%{transform:translateX(-9360px)}27.3%{transform:translateX(-9440px)}27.3%{transform:translateX(-9520px)}27.3%{transform:translateX(-9600px)}27.3%{transform:translateX(-9680px)}27.3%{transform:translateX(-9760px)}29.4%{transform:translateX(-9840px)}29.4%{transform:translateX(-9920px)}29.4%{transform:translateX(-10000px)}29.4%{transform:translateX(-10080px)}29.4%{transform:translateX(-10160px)}29.4%{transform:translateX(-10240px)}29.4%{transform:translateX(-10320px)}29.4%{transform:translateX(-10400px)}29.4%{transform:translateX(-10480px)}29.4%{transform:translateX(-10560px)}29.4%{transform:translateX(-10640px)}29.4%{transform:translateX(-10720px)}29.4%{transform:translateX(-10800px)}29.4%{transform:translateX(-10880px)}29.4%{transform:translateX(-10960px)}39.6%{transform:translateX(-11040px)}39.6%{transform:translateX(-11120px)}39.6%{transform:translateX(-11200px)}39.6%{transform:translateX(-11280px)}39.6%{transform:translateX(-11360px)}39.6%{transform:translateX(-11440px)}39.6%{transform:translateX(-11520px)}39.6%{transform:translateX(-11600px)}39.6%{transform:translateX(-11680px)}39.6%{transform:translateX(-11760px)}40.9%{transform:translateX(-11840px)}40.9%{transform:translateX(-11920px)}40.9%{transform:translateX(-12000px)}40.9%{transform:translateX(-12080px)}40.9%{transform:translateX(-12160px)}40.9%{transform:translateX(-12240px)}40.9%{transform:translateX(-12320px)}40.9%{transform:translateX(-12400px)}40.9%{transform:translateX(-12480px)}40.9%{transform:translateX(-12560px)}40.9%{transform:translateX(-12640px)}42.1%{transform:translateX(-12720px)}42.1%{transform:translateX(-12800px)}42.1%{transform:translateX(-12880px)}42.1%{transform:translateX(-12960px)}42.1%{transform:translateX(-13040px)}42.1%{transform:translateX(-13120px)}42.1%{transform:translateX(-13200px)}42.1%{transform:translateX(-13280px)}42.1%{transform:translateX(-13360px)}43.3%{transform:translateX(-13440px)}43.3%{transform:translateX(-13520px)}43.3%{transform:translateX(-13600px)}43.3%{transform:translateX(-13680px)}43.3%{transform:translateX(-13760px)}43.3%{transform:translateX(-13840px)}43.3%{transform:translateX(-13920px)}43.3%{transform:translateX(-14000px)}44.6%{transform:translateX(-14080px)}44.6%{transform:translateX(-14160px)}44.6%{transform:translateX(-14240px)}44.6%{transform:translateX(-14320px)}44.6%{transform:translateX(-14400px)}44.6%{transform:translateX(-14480px)}44.6%{transform:translateX(-14560px)}44.6%{transform:translateX(-14640px)}44.6%{transform:translateX(-14720px)}44.6%{transform:translateX(-14800px)}44.6%{transform:translateX(-14880px)}54%{transform:translateX(-14960px)}54%{transform:translateX(-15040px)}54%{transform:translateX(-15120px)}54%{transform:translateX(-15200px)}54%{transform:translateX(-15280px)}54%{transform:translateX(-15360px)}54%{transform:translateX(-15440px)}54%{transform:translateX(-15520px)}54%{transform:translateX(-15600px)}54%{transform:translateX(-15680px)}56.5%{transform:translateX(-15760px)}56.5%{transform:translateX(-15840px)}56.5%{transform:translateX(-15920px)}56.5%{transform:translateX(-16000px)}56.5%{transform:translateX(-16080px)}56.5%{transform:translateX(-16160px)}56.5%{transform:translateX(-16240px)}56.5%{transform:translateX(-16320px)}56.5%{transform:translateX(-16400px)}56.5%{transform:translateX(-16480px)}59%{transform:translateX(-16560px)}59%{transform:translateX(-16640px)}59%{transform:translateX(-16720px)}59%{transform:translateX(-16800px)}59%{transform:translateX(-16880px)}59%{transform:translateX(-16960px)}59%{transform:translateX(-17040px)}59%{transform:translateX(-17120px)}100%{transform:translateX(-17200px)}}Pleaseselectanoption[typetosearch]:>Option0Option1Option2Option3Option4Option0>Option1>Option2>Option3>Option4>Option5Option5>Option6Option6>Option7Option7>Option8Option8>Option9Option9>Option10Pleaseselectanoption[typetosearch]:f>Youcanusefuzzysearching(0)Youcanusefuzzysearching(1)Youcanusefuzzysearching(2)Youcanusefuzzysearching(3)Youcanusefuzzysearching(4)Pleaseselectanoption[typetosearch]:fuPleaseselectanoption[typetosearch]:fuzPleaseselectanoption[typetosearch]:fuzzPleaseselectanoption[typetosearch]:fuzzyYoucanusefuzzysearching(0)>Youcanusefuzzysearching(1)>Youcanusefuzzysearching(2)Pleaseselectanoption:fuzzy>Youcanusefuzzysearching(2) INFO Selectedoption:Youcanusefuzzysearching(2)Restartinganimation...
\ No newline at end of file
diff --git a/_examples/interactive_textinput/demo/animation.svg b/_examples/interactive_textinput/demo/animation.svg
index 26751760f..0f06ee108 100644
--- a/_examples/interactive_textinput/demo/animation.svg
+++ b/_examples/interactive_textinput/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:rgb(102,194,205)}.i{white-space:pre}.j{fill:transparent}.k{fill:rgb(160,160,160)}.m{animation-duration:11.49372s;animation-iteration-count:infinite;animation-name:l;animation-timing-function:steps(1,end)}@keyframes l{0%{transform:translateX(-0px)}1.5%{transform:translateX(-80px)}1.8%{transform:translateX(-160px)}10.2%{transform:translateX(-240px)}12.4%{transform:translateX(-320px)}14.6%{transform:translateX(-400px)}16.8%{transform:translateX(-480px)}16.8%{transform:translateX(-560px)}19%{transform:translateX(-640px)}19%{transform:translateX(-720px)}19%{transform:translateX(-800px)}21.1%{transform:translateX(-880px)}21.1%{transform:translateX(-960px)}21.1%{transform:translateX(-1040px)}23.3%{transform:translateX(-1120px)}23.3%{transform:translateX(-1200px)}25.5%{transform:translateX(-1280px)}25.5%{transform:translateX(-1360px)}25.5%{transform:translateX(-1440px)}25.5%{transform:translateX(-1520px)}27.7%{transform:translateX(-1600px)}29.9%{transform:translateX(-1680px)}29.9%{transform:translateX(-1760px)}29.9%{transform:translateX(-1840px)}32.1%{transform:translateX(-1920px)}34.2%{transform:translateX(-2000px)}36.4%{transform:translateX(-2080px)}38.6%{transform:translateX(-2160px)}38.6%{transform:translateX(-2240px)}38.6%{transform:translateX(-2320px)}38.6%{transform:translateX(-2400px)}39.9%{transform:translateX(-2480px)}41.2%{transform:translateX(-2560px)}42.5%{transform:translateX(-2640px)}42.5%{transform:translateX(-2720px)}42.5%{transform:translateX(-2800px)}42.5%{transform:translateX(-2880px)}42.5%{transform:translateX(-2960px)}43.8%{transform:translateX(-3040px)}45.2%{transform:translateX(-3120px)}45.2%{transform:translateX(-3200px)}46.5%{transform:translateX(-3280px)}46.5%{transform:translateX(-3360px)}47.8%{transform:translateX(-3440px)}47.8%{transform:translateX(-3520px)}52.1%{transform:translateX(-3600px)}52.1%{transform:translateX(-3680px)}56.5%{transform:translateX(-3760px)}56.5%{transform:translateX(-3840px)}56.5%{transform:translateX(-3920px)}56.5%{transform:translateX(-4000px)}56.5%{transform:translateX(-4080px)}56.5%{transform:translateX(-4160px)}56.5%{transform:translateX(-4240px)}56.5%{transform:translateX(-4320px)}100%{transform:translateX(-4400px)}}Inputtext:HelInputtext:HelloInputtext:Hello;Inputtext:Hello;WInputtext:Hello;WoInputtext:Hello;World!Inputtext:HelloWorld!Inputtext:Hello,World! INFO Youanswered:Hello,World!Inputtext:Inputtext:HInputtext:HeInputtext:HellInputtext:Hello;WorInputtext:Hello;WorlInputtext:Hello;WorldRestartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:rgb(102,194,205)}.i{white-space:pre}.j{fill:transparent}.k{fill:rgb(160,160,160)}.m{animation-duration:11.587313s;animation-iteration-count:infinite;animation-name:l;animation-timing-function:steps(1,end)}@keyframes l{0%{transform:translateX(-0px)}2.2%{transform:translateX(-80px)}2.8%{transform:translateX(-160px)}11%{transform:translateX(-240px)}11%{transform:translateX(-320px)}13.2%{transform:translateX(-400px)}13.2%{transform:translateX(-480px)}13.2%{transform:translateX(-560px)}15.3%{transform:translateX(-640px)}15.3%{transform:translateX(-720px)}17.5%{transform:translateX(-800px)}17.5%{transform:translateX(-880px)}19.7%{transform:translateX(-960px)}19.7%{transform:translateX(-1040px)}19.7%{transform:translateX(-1120px)}19.7%{transform:translateX(-1200px)}21.8%{transform:translateX(-1280px)}21.8%{transform:translateX(-1360px)}21.8%{transform:translateX(-1440px)}21.8%{transform:translateX(-1520px)}24%{transform:translateX(-1600px)}24%{transform:translateX(-1680px)}24%{transform:translateX(-1760px)}24%{transform:translateX(-1840px)}24%{transform:translateX(-1920px)}26.1%{transform:translateX(-2000px)}26.1%{transform:translateX(-2080px)}26.1%{transform:translateX(-2160px)}26.2%{transform:translateX(-2240px)}28.3%{transform:translateX(-2320px)}28.3%{transform:translateX(-2400px)}28.3%{transform:translateX(-2480px)}28.3%{transform:translateX(-2560px)}28.3%{transform:translateX(-2640px)}30.5%{transform:translateX(-2720px)}30.5%{transform:translateX(-2800px)}30.5%{transform:translateX(-2880px)}30.5%{transform:translateX(-2960px)}32.6%{transform:translateX(-3040px)}32.6%{transform:translateX(-3120px)}32.6%{transform:translateX(-3200px)}32.6%{transform:translateX(-3280px)}34.8%{transform:translateX(-3360px)}34.8%{transform:translateX(-3440px)}34.8%{transform:translateX(-3520px)}34.8%{transform:translateX(-3600px)}36.9%{transform:translateX(-3680px)}36.9%{transform:translateX(-3760px)}36.9%{transform:translateX(-3840px)}37%{transform:translateX(-3920px)}37%{transform:translateX(-4000px)}39.1%{transform:translateX(-4080px)}39.1%{transform:translateX(-4160px)}39.1%{transform:translateX(-4240px)}39.1%{transform:translateX(-4320px)}40.4%{transform:translateX(-4400px)}40.4%{transform:translateX(-4480px)}40.4%{transform:translateX(-4560px)}40.4%{transform:translateX(-4640px)}41.7%{transform:translateX(-4720px)}41.7%{transform:translateX(-4800px)}41.7%{transform:translateX(-4880px)}41.7%{transform:translateX(-4960px)}43%{transform:translateX(-5040px)}43%{transform:translateX(-5120px)}43%{transform:translateX(-5200px)}43%{transform:translateX(-5280px)}43%{transform:translateX(-5360px)}44.3%{transform:translateX(-5440px)}44.3%{transform:translateX(-5520px)}44.3%{transform:translateX(-5600px)}44.3%{transform:translateX(-5680px)}44.3%{transform:translateX(-5760px)}45.6%{transform:translateX(-5840px)}45.6%{transform:translateX(-5920px)}45.6%{transform:translateX(-6000px)}45.6%{transform:translateX(-6080px)}46.9%{transform:translateX(-6160px)}46.9%{transform:translateX(-6240px)}46.9%{transform:translateX(-6320px)}46.9%{transform:translateX(-6400px)}46.9%{transform:translateX(-6480px)}48.2%{transform:translateX(-6560px)}48.2%{transform:translateX(-6640px)}48.2%{transform:translateX(-6720px)}52.5%{transform:translateX(-6800px)}52.5%{transform:translateX(-6880px)}52.5%{transform:translateX(-6960px)}52.5%{transform:translateX(-7040px)}56.8%{transform:translateX(-7120px)}56.8%{transform:translateX(-7200px)}56.8%{transform:translateX(-7280px)}56.8%{transform:translateX(-7360px)}56.8%{transform:translateX(-7440px)}56.8%{transform:translateX(-7520px)}56.8%{transform:translateX(-7600px)}56.8%{transform:translateX(-7680px)}56.8%{transform:translateX(-7760px)}100%{transform:translateX(-7840px)}}Inputtext:HInputtext:HeInputtext:HellInputtext:HelloInputtext:Hello;Inputtext:Hello;WInputtext:Hello;WoInputtext:Hello;WorInputtext:Hello;WorlInputtext:Hello;WorldInputtext:Hello;World!Inputtext:HelloWorld!Inputtext:Hello,World! INFO Youanswered:Hello,World!Inputtext:Inputtext:HelRestartinganimation...
\ No newline at end of file
diff --git a/_examples/interactive_textinput/multi-line/animation.svg b/_examples/interactive_textinput/multi-line/animation.svg
index 092764b01..302785263 100644
--- a/_examples/interactive_textinput/multi-line/animation.svg
+++ b/_examples/interactive_textinput/multi-line/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(102,194,205)}.j{white-space:pre}.k{fill:transparent}.l{fill:rgb(160,160,160)}.n{animation-duration:16.535242s;animation-iteration-count:infinite;animation-name:m;animation-timing-function:steps(1,end)}@keyframes m{0%{transform:translateX(-0px)}1.3%{transform:translateX(-80px)}7.3%{transform:translateX(-160px)}7.3%{transform:translateX(-240px)}7.3%{transform:translateX(-320px)}7.3%{transform:translateX(-400px)}7.3%{transform:translateX(-480px)}7.3%{transform:translateX(-560px)}8.8%{transform:translateX(-640px)}8.8%{transform:translateX(-720px)}8.8%{transform:translateX(-800px)}8.8%{transform:translateX(-880px)}10.3%{transform:translateX(-960px)}10.3%{transform:translateX(-1040px)}10.3%{transform:translateX(-1120px)}11.9%{transform:translateX(-1200px)}11.9%{transform:translateX(-1280px)}11.9%{transform:translateX(-1360px)}13.4%{transform:translateX(-1440px)}13.4%{transform:translateX(-1520px)}13.4%{transform:translateX(-1600px)}13.4%{transform:translateX(-1680px)}14.9%{transform:translateX(-1760px)}14.9%{transform:translateX(-1840px)}14.9%{transform:translateX(-1920px)}14.9%{transform:translateX(-2000px)}16.4%{transform:translateX(-2080px)}16.4%{transform:translateX(-2160px)}16.4%{transform:translateX(-2240px)}17.9%{transform:translateX(-2320px)}17.9%{transform:translateX(-2400px)}17.9%{transform:translateX(-2480px)}19.4%{transform:translateX(-2560px)}19.4%{transform:translateX(-2640px)}19.4%{transform:translateX(-2720px)}21%{transform:translateX(-2800px)}21%{transform:translateX(-2880px)}21%{transform:translateX(-2960px)}22.5%{transform:translateX(-3040px)}22.5%{transform:translateX(-3120px)}22.5%{transform:translateX(-3200px)}24%{transform:translateX(-3280px)}24%{transform:translateX(-3360px)}24%{transform:translateX(-3440px)}24%{transform:translateX(-3520px)}24%{transform:translateX(-3600px)}25.5%{transform:translateX(-3680px)}25.5%{transform:translateX(-3760px)}25.5%{transform:translateX(-3840px)}25.5%{transform:translateX(-3920px)}27%{transform:translateX(-4000px)}27%{transform:translateX(-4080px)}27%{transform:translateX(-4160px)}27%{transform:translateX(-4240px)}27%{transform:translateX(-4320px)}28.5%{transform:translateX(-4400px)}28.5%{transform:translateX(-4480px)}28.5%{transform:translateX(-4560px)}30%{transform:translateX(-4640px)}30%{transform:translateX(-4720px)}30%{transform:translateX(-4800px)}30%{transform:translateX(-4880px)}31%{transform:translateX(-4960px)}31%{transform:translateX(-5040px)}31%{transform:translateX(-5120px)}31%{transform:translateX(-5200px)}31%{transform:translateX(-5280px)}31.9%{transform:translateX(-5360px)}31.9%{transform:translateX(-5440px)}31.9%{transform:translateX(-5520px)}31.9%{transform:translateX(-5600px)}31.9%{transform:translateX(-5680px)}32.8%{transform:translateX(-5760px)}32.8%{transform:translateX(-5840px)}32.8%{transform:translateX(-5920px)}32.8%{transform:translateX(-6000px)}33.7%{transform:translateX(-6080px)}33.7%{transform:translateX(-6160px)}33.7%{transform:translateX(-6240px)}33.7%{transform:translateX(-6320px)}34.6%{transform:translateX(-6400px)}34.6%{transform:translateX(-6480px)}34.6%{transform:translateX(-6560px)}34.6%{transform:translateX(-6640px)}34.6%{transform:translateX(-6720px)}35.5%{transform:translateX(-6800px)}35.5%{transform:translateX(-6880px)}35.5%{transform:translateX(-6960px)}35.5%{transform:translateX(-7040px)}36.4%{transform:translateX(-7120px)}36.4%{transform:translateX(-7200px)}39.4%{transform:translateX(-7280px)}39.4%{transform:translateX(-7360px)}42.5%{transform:translateX(-7440px)}42.5%{transform:translateX(-7520px)}42.5%{transform:translateX(-7600px)}42.5%{transform:translateX(-7680px)}44%{transform:translateX(-7760px)}44%{transform:translateX(-7840px)}44%{transform:translateX(-7920px)}44%{transform:translateX(-8000px)}45.5%{transform:translateX(-8080px)}45.5%{transform:translateX(-8160px)}45.5%{transform:translateX(-8240px)}45.5%{transform:translateX(-8320px)}45.5%{transform:translateX(-8400px)}47%{transform:translateX(-8480px)}47%{transform:translateX(-8560px)}47%{transform:translateX(-8640px)}47%{transform:translateX(-8720px)}47%{transform:translateX(-8800px)}48.5%{transform:translateX(-8880px)}48.5%{transform:translateX(-8960px)}48.5%{transform:translateX(-9040px)}50%{transform:translateX(-9120px)}51.6%{transform:translateX(-9200px)}53.1%{transform:translateX(-9280px)}53.1%{transform:translateX(-9360px)}53.1%{transform:translateX(-9440px)}53.1%{transform:translateX(-9520px)}53.1%{transform:translateX(-9600px)}54.6%{transform:translateX(-9680px)}54.6%{transform:translateX(-9760px)}54.6%{transform:translateX(-9840px)}56.1%{transform:translateX(-9920px)}57.6%{transform:translateX(-10000px)}59.1%{transform:translateX(-10080px)}59.1%{transform:translateX(-10160px)}59.1%{transform:translateX(-10240px)}60.7%{transform:translateX(-10320px)}62.2%{transform:translateX(-10400px)}62.2%{transform:translateX(-10480px)}63.7%{transform:translateX(-10560px)}65.2%{transform:translateX(-10640px)}66.7%{transform:translateX(-10720px)}68.2%{transform:translateX(-10800px)}68.2%{transform:translateX(-10880px)}68.2%{transform:translateX(-10960px)}68.2%{transform:translateX(-11040px)}69.8%{transform:translateX(-11120px)}69.8%{transform:translateX(-11200px)}69.8%{transform:translateX(-11280px)}69.8%{transform:translateX(-11360px)}69.8%{transform:translateX(-11440px)}69.8%{transform:translateX(-11520px)}69.8%{transform:translateX(-11600px)}69.8%{transform:translateX(-11680px)}69.8%{transform:translateX(-11760px)}69.8%{transform:translateX(-11840px)}69.8%{transform:translateX(-11920px)}69.8%{transform:translateX(-12000px)}69.8%{transform:translateX(-12080px)}69.8%{transform:translateX(-12160px)}69.8%{transform:translateX(-12240px)}100%{transform:translateX(-12320px)}}Inputtext[Presstabtosubmit]:1111111111111111111111111111222222222222222222222222222211111112222222333333333333333333333333345555555555555 INFO Youanswered:11111112222222 33333333 4 555555533333333333555555555555555Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(102,194,205)}.j{white-space:pre}.k{fill:transparent}.l{fill:rgb(160,160,160)}.n{animation-duration:16.534604s;animation-iteration-count:infinite;animation-name:m;animation-timing-function:steps(1,end)}@keyframes m{0%{transform:translateX(-0px)}1.3%{transform:translateX(-80px)}1.8%{transform:translateX(-160px)}7.4%{transform:translateX(-240px)}7.4%{transform:translateX(-320px)}7.4%{transform:translateX(-400px)}7.4%{transform:translateX(-480px)}8.9%{transform:translateX(-560px)}10.4%{transform:translateX(-640px)}10.4%{transform:translateX(-720px)}10.4%{transform:translateX(-800px)}10.4%{transform:translateX(-880px)}11.9%{transform:translateX(-960px)}11.9%{transform:translateX(-1040px)}13.4%{transform:translateX(-1120px)}13.4%{transform:translateX(-1200px)}13.4%{transform:translateX(-1280px)}13.4%{transform:translateX(-1360px)}14.9%{transform:translateX(-1440px)}16.5%{transform:translateX(-1520px)}16.5%{transform:translateX(-1600px)}16.5%{transform:translateX(-1680px)}16.5%{transform:translateX(-1760px)}16.5%{transform:translateX(-1840px)}16.5%{transform:translateX(-1920px)}16.5%{transform:translateX(-2000px)}16.5%{transform:translateX(-2080px)}18%{transform:translateX(-2160px)}18%{transform:translateX(-2240px)}18%{transform:translateX(-2320px)}18%{transform:translateX(-2400px)}18%{transform:translateX(-2480px)}18%{transform:translateX(-2560px)}19.5%{transform:translateX(-2640px)}19.5%{transform:translateX(-2720px)}19.5%{transform:translateX(-2800px)}19.5%{transform:translateX(-2880px)}19.5%{transform:translateX(-2960px)}21%{transform:translateX(-3040px)}21%{transform:translateX(-3120px)}21%{transform:translateX(-3200px)}21%{transform:translateX(-3280px)}22.5%{transform:translateX(-3360px)}22.5%{transform:translateX(-3440px)}22.5%{transform:translateX(-3520px)}24%{transform:translateX(-3600px)}24%{transform:translateX(-3680px)}24%{transform:translateX(-3760px)}24%{transform:translateX(-3840px)}24%{transform:translateX(-3920px)}25.5%{transform:translateX(-4000px)}25.5%{transform:translateX(-4080px)}25.5%{transform:translateX(-4160px)}25.5%{transform:translateX(-4240px)}25.5%{transform:translateX(-4320px)}27.1%{transform:translateX(-4400px)}27.1%{transform:translateX(-4480px)}27.1%{transform:translateX(-4560px)}27.1%{transform:translateX(-4640px)}28.6%{transform:translateX(-4720px)}28.6%{transform:translateX(-4800px)}28.6%{transform:translateX(-4880px)}28.6%{transform:translateX(-4960px)}28.6%{transform:translateX(-5040px)}30.1%{transform:translateX(-5120px)}30.1%{transform:translateX(-5200px)}30.1%{transform:translateX(-5280px)}30.1%{transform:translateX(-5360px)}31%{transform:translateX(-5440px)}31%{transform:translateX(-5520px)}31%{transform:translateX(-5600px)}31%{transform:translateX(-5680px)}31.9%{transform:translateX(-5760px)}31.9%{transform:translateX(-5840px)}31.9%{transform:translateX(-5920px)}31.9%{transform:translateX(-6000px)}32.8%{transform:translateX(-6080px)}32.8%{transform:translateX(-6160px)}32.8%{transform:translateX(-6240px)}32.8%{transform:translateX(-6320px)}32.8%{transform:translateX(-6400px)}33.7%{transform:translateX(-6480px)}33.7%{transform:translateX(-6560px)}33.7%{transform:translateX(-6640px)}33.7%{transform:translateX(-6720px)}33.7%{transform:translateX(-6800px)}33.7%{transform:translateX(-6880px)}34.6%{transform:translateX(-6960px)}34.6%{transform:translateX(-7040px)}34.6%{transform:translateX(-7120px)}34.6%{transform:translateX(-7200px)}34.6%{transform:translateX(-7280px)}35.5%{transform:translateX(-7360px)}35.5%{transform:translateX(-7440px)}35.5%{transform:translateX(-7520px)}35.6%{transform:translateX(-7600px)}35.6%{transform:translateX(-7680px)}36.5%{transform:translateX(-7760px)}36.5%{transform:translateX(-7840px)}36.5%{transform:translateX(-7920px)}36.5%{transform:translateX(-8000px)}39.5%{transform:translateX(-8080px)}39.5%{transform:translateX(-8160px)}39.5%{transform:translateX(-8240px)}42.5%{transform:translateX(-8320px)}42.5%{transform:translateX(-8400px)}42.5%{transform:translateX(-8480px)}44%{transform:translateX(-8560px)}44%{transform:translateX(-8640px)}44%{transform:translateX(-8720px)}44%{transform:translateX(-8800px)}45.5%{transform:translateX(-8880px)}45.5%{transform:translateX(-8960px)}45.5%{transform:translateX(-9040px)}45.5%{transform:translateX(-9120px)}47%{transform:translateX(-9200px)}47%{transform:translateX(-9280px)}47%{transform:translateX(-9360px)}47%{transform:translateX(-9440px)}48.6%{transform:translateX(-9520px)}48.6%{transform:translateX(-9600px)}48.6%{transform:translateX(-9680px)}48.6%{transform:translateX(-9760px)}50.1%{transform:translateX(-9840px)}50.1%{transform:translateX(-9920px)}50.1%{transform:translateX(-10000px)}50.1%{transform:translateX(-10080px)}51.6%{transform:translateX(-10160px)}51.6%{transform:translateX(-10240px)}51.6%{transform:translateX(-10320px)}51.6%{transform:translateX(-10400px)}53.1%{transform:translateX(-10480px)}53.1%{transform:translateX(-10560px)}53.1%{transform:translateX(-10640px)}53.1%{transform:translateX(-10720px)}54.6%{transform:translateX(-10800px)}54.6%{transform:translateX(-10880px)}54.6%{transform:translateX(-10960px)}54.6%{transform:translateX(-11040px)}56.1%{transform:translateX(-11120px)}57.6%{transform:translateX(-11200px)}57.6%{transform:translateX(-11280px)}57.6%{transform:translateX(-11360px)}57.6%{transform:translateX(-11440px)}59.2%{transform:translateX(-11520px)}59.2%{transform:translateX(-11600px)}59.2%{transform:translateX(-11680px)}59.2%{transform:translateX(-11760px)}60.7%{transform:translateX(-11840px)}60.7%{transform:translateX(-11920px)}60.7%{transform:translateX(-12000px)}60.7%{transform:translateX(-12080px)}62.2%{transform:translateX(-12160px)}62.2%{transform:translateX(-12240px)}62.2%{transform:translateX(-12320px)}62.2%{transform:translateX(-12400px)}63.7%{transform:translateX(-12480px)}65.2%{transform:translateX(-12560px)}65.2%{transform:translateX(-12640px)}65.2%{transform:translateX(-12720px)}65.2%{transform:translateX(-12800px)}65.2%{transform:translateX(-12880px)}65.2%{transform:translateX(-12960px)}66.7%{transform:translateX(-13040px)}68.2%{transform:translateX(-13120px)}69.8%{transform:translateX(-13200px)}100%{transform:translateX(-13280px)}}Inputtext[Presstabtosubmit]:1111111111111111111122222222222222222222222222221111111222222233333333333333333333333333333333333345555555555555555555555 INFO Youanswered:11111112222222 33333333 4 555555511111111555555Restartinganimation...
\ No newline at end of file
diff --git a/_examples/interactive_textinput/password/animation.svg b/_examples/interactive_textinput/password/animation.svg
index 665b923ef..87e82a253 100644
--- a/_examples/interactive_textinput/password/animation.svg
+++ b/_examples/interactive_textinput/password/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:rgb(104,104,104);white-space:pre}.i{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.j{fill:transparent}.k{fill:rgb(160,160,160)}.m{animation-duration:9.398728s;animation-iteration-count:infinite;animation-name:l;animation-timing-function:steps(1,end)}@keyframes l{0%{transform:translateX(-0px)}1.4%{transform:translateX(-80px)}12.1%{transform:translateX(-160px)}14.8%{transform:translateX(-240px)}14.8%{transform:translateX(-320px)}14.8%{transform:translateX(-400px)}14.8%{transform:translateX(-480px)}17.4%{transform:translateX(-560px)}17.4%{transform:translateX(-640px)}17.4%{transform:translateX(-720px)}20.1%{transform:translateX(-800px)}20.1%{transform:translateX(-880px)}20.1%{transform:translateX(-960px)}20.1%{transform:translateX(-1040px)}20.1%{transform:translateX(-1120px)}22.8%{transform:translateX(-1200px)}22.8%{transform:translateX(-1280px)}22.8%{transform:translateX(-1360px)}22.8%{transform:translateX(-1440px)}22.8%{transform:translateX(-1520px)}25.5%{transform:translateX(-1600px)}25.5%{transform:translateX(-1680px)}25.5%{transform:translateX(-1760px)}28.1%{transform:translateX(-1840px)}28.1%{transform:translateX(-1920px)}28.1%{transform:translateX(-2000px)}28.1%{transform:translateX(-2080px)}28.1%{transform:translateX(-2160px)}30.8%{transform:translateX(-2240px)}30.8%{transform:translateX(-2320px)}30.8%{transform:translateX(-2400px)}30.8%{transform:translateX(-2480px)}30.8%{transform:translateX(-2560px)}33.4%{transform:translateX(-2640px)}33.4%{transform:translateX(-2720px)}33.4%{transform:translateX(-2800px)}33.4%{transform:translateX(-2880px)}33.4%{transform:translateX(-2960px)}36.1%{transform:translateX(-3040px)}36.1%{transform:translateX(-3120px)}36.1%{transform:translateX(-3200px)}36.1%{transform:translateX(-3280px)}36.1%{transform:translateX(-3360px)}38.8%{transform:translateX(-3440px)}38.8%{transform:translateX(-3520px)}38.8%{transform:translateX(-3600px)}38.8%{transform:translateX(-3680px)}38.8%{transform:translateX(-3760px)}41.5%{transform:translateX(-3840px)}41.5%{transform:translateX(-3920px)}41.5%{transform:translateX(-4000px)}41.5%{transform:translateX(-4080px)}41.5%{transform:translateX(-4160px)}44.1%{transform:translateX(-4240px)}44.1%{transform:translateX(-4320px)}44.1%{transform:translateX(-4400px)}44.1%{transform:translateX(-4480px)}44.1%{transform:translateX(-4560px)}46.8%{transform:translateX(-4640px)}46.8%{transform:translateX(-4720px)}46.8%{transform:translateX(-4800px)}46.8%{transform:translateX(-4880px)}46.8%{transform:translateX(-4960px)}46.8%{transform:translateX(-5040px)}46.8%{transform:translateX(-5120px)}46.8%{transform:translateX(-5200px)}100%{transform:translateX(-5280px)}}Enteryourpassword:*Enteryourpassword:**Enteryourpassword:***Enteryourpassword:****Enteryourpassword:*****Enteryourpassword:******Enteryourpassword:*******Enteryourpassword:********Enteryourpassword:*********Enteryourpassword:**********Enteryourpassword:***********Enteryourpassword:************Enteryourpassword:*************2023-09-1601:01:09INFOPasswordreceivedpassword:Hello,World!Enteryourpassword:Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:rgb(104,104,104);white-space:pre}.i{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.j{fill:transparent}.k{fill:rgb(160,160,160)}.m{animation-duration:9.449779s;animation-iteration-count:infinite;animation-name:l;animation-timing-function:steps(1,end)}@keyframes l{0%{transform:translateX(-0px)}2%{transform:translateX(-80px)}2.6%{transform:translateX(-160px)}12.6%{transform:translateX(-240px)}12.6%{transform:translateX(-320px)}12.6%{transform:translateX(-400px)}15.3%{transform:translateX(-480px)}15.3%{transform:translateX(-560px)}15.3%{transform:translateX(-640px)}15.3%{transform:translateX(-720px)}17.9%{transform:translateX(-800px)}17.9%{transform:translateX(-880px)}17.9%{transform:translateX(-960px)}17.9%{transform:translateX(-1040px)}20.6%{transform:translateX(-1120px)}20.6%{transform:translateX(-1200px)}20.6%{transform:translateX(-1280px)}20.6%{transform:translateX(-1360px)}20.6%{transform:translateX(-1440px)}23.2%{transform:translateX(-1520px)}23.2%{transform:translateX(-1600px)}23.2%{transform:translateX(-1680px)}23.2%{transform:translateX(-1760px)}23.2%{transform:translateX(-1840px)}25.9%{transform:translateX(-1920px)}25.9%{transform:translateX(-2000px)}25.9%{transform:translateX(-2080px)}25.9%{transform:translateX(-2160px)}25.9%{transform:translateX(-2240px)}28.5%{transform:translateX(-2320px)}28.5%{transform:translateX(-2400px)}31.2%{transform:translateX(-2480px)}31.2%{transform:translateX(-2560px)}33.8%{transform:translateX(-2640px)}33.8%{transform:translateX(-2720px)}33.8%{transform:translateX(-2800px)}33.8%{transform:translateX(-2880px)}33.8%{transform:translateX(-2960px)}36.5%{transform:translateX(-3040px)}36.5%{transform:translateX(-3120px)}39.1%{transform:translateX(-3200px)}39.1%{transform:translateX(-3280px)}39.1%{transform:translateX(-3360px)}39.1%{transform:translateX(-3440px)}39.1%{transform:translateX(-3520px)}41.8%{transform:translateX(-3600px)}41.8%{transform:translateX(-3680px)}41.8%{transform:translateX(-3760px)}41.8%{transform:translateX(-3840px)}41.8%{transform:translateX(-3920px)}44.4%{transform:translateX(-4000px)}44.4%{transform:translateX(-4080px)}44.4%{transform:translateX(-4160px)}44.4%{transform:translateX(-4240px)}44.4%{transform:translateX(-4320px)}47.1%{transform:translateX(-4400px)}47.1%{transform:translateX(-4480px)}47.1%{transform:translateX(-4560px)}47.1%{transform:translateX(-4640px)}47.1%{transform:translateX(-4720px)}47.1%{transform:translateX(-4800px)}47.1%{transform:translateX(-4880px)}47.1%{transform:translateX(-4960px)}100%{transform:translateX(-5040px)}}Enteryourpassword:*Enteryourpassword:**Enteryourpassword:***Enteryourpassword:****Enteryourpassword:*****Enteryourpassword:******Enteryourpassword:*******Enteryourpassword:********Enteryourpassword:*********Enteryourpassword:**********Enteryourpassword:***********Enteryourpassword:************Enteryourpassword:*************2023-11-0517:47:31INFOPasswordreceivedpassword:Hello,World!Enteryourpassword:Restartinganimation...
\ No newline at end of file
diff --git a/_examples/logger/custom-key-styles/animation.svg b/_examples/logger/custom-key-styles/animation.svg
index c31009fb9..b5b2d6423 100644
--- a/_examples/logger/custom-key-styles/animation.svg
+++ b/_examples/logger/custom-key-styles/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(104,104,104);white-space:pre}.g{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(255,0,4);white-space:pre}.j{fill:rgb(0,71,255);white-space:pre}.k{fill:transparent}.m{animation-duration:5.182079s;animation-iteration-count:infinite;animation-name:l;animation-timing-function:steps(1,end)}@keyframes l{0%{transform:translateX(-0px)}2.8%{transform:translateX(-80px)}3.5%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}2023-09-1601:01:05INFOTheprioritykeyshouldnowbered├priority:low└foo:bar2023-09-1601:01:05INFOThefookeyshouldnowbebluepriority:lowfoo:barRestartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(104,104,104);white-space:pre}.g{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(255,0,4);white-space:pre}.j{fill:rgb(0,71,255);white-space:pre}.k{fill:transparent}.m{animation-duration:5.210361s;animation-iteration-count:infinite;animation-name:l;animation-timing-function:steps(1,end)}@keyframes l{0%{transform:translateX(-0px)}3.3%{transform:translateX(-80px)}4%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}2023-11-0517:47:27INFOTheprioritykeyshouldnowbered├priority:low└foo:bar2023-11-0517:47:27INFOThefookeyshouldnowbebluepriority:lowfoo:barRestartinganimation...
\ No newline at end of file
diff --git a/_examples/logger/default/animation.svg b/_examples/logger/default/animation.svg
index 2af8cbba2..46f8b5f9c 100644
--- a/_examples/logger/default/animation.svg
+++ b/_examples/logger/default/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(104,104,104);white-space:pre}.g{fill:rgb(0,198,255);font-weight:bold;white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(0,71,255);font-weight:bold;white-space:pre}.j{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.k{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.l{fill:rgb(255,0,4);font-weight:bold;white-space:pre}.m{fill:transparent}.o{animation-duration:7.163045s;animation-iteration-count:infinite;animation-name:n;animation-timing-function:steps(1,end)}@keyframes n{0%{transform:translateX(-0px)}1.5%{transform:translateX(-80px)}2.2%{transform:translateX(-160px)}2.3%{transform:translateX(-240px)}30.2%{transform:translateX(-320px)}30.2%{transform:translateX(-400px)}100%{transform:translateX(-480px)}}2023-09-1601:01:04TRACEDoingnotsoimportantstuffpriority:superlow2023-09-1601:01:04DEBUGThismightbeinteresting├whatisthemeaningoflife:42├isthisinteresting:true└whenwerecrayonsinvented:19032023-09-1601:01:04INFOThatwasactuallyinterestingsuch:wow2023-09-1601:01:04WARNOhno,Iseeanerrorcomingtous!├speed:88└measures:mph2023-09-1601:01:04ERRORDamn,hereitis!error:somethingwentwrong2023-09-1601:01:04INFOButwhat'sreallycoolis,thatyoucanprintvery│longlogs,andPTermwillautomaticallywrapthemfor│you!Saygoodbyetotext,thathasweirdlinebreaks!└very:long2023-09-1601:01:06FATALOhno,thisprocessisgettingkilled!fatal:trueRestartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(104,104,104);white-space:pre}.g{fill:rgb(0,198,255);font-weight:bold;white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(0,71,255);font-weight:bold;white-space:pre}.j{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.k{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.l{fill:rgb(255,0,4);font-weight:bold;white-space:pre}.m{fill:transparent}.o{animation-duration:7.294129s;animation-iteration-count:infinite;animation-name:n;animation-timing-function:steps(1,end)}@keyframes n{0%{transform:translateX(-0px)}3%{transform:translateX(-80px)}3.8%{transform:translateX(-160px)}3.8%{transform:translateX(-240px)}3.8%{transform:translateX(-320px)}4%{transform:translateX(-400px)}4%{transform:translateX(-480px)}4%{transform:translateX(-560px)}4%{transform:translateX(-640px)}4%{transform:translateX(-720px)}4%{transform:translateX(-800px)}4%{transform:translateX(-880px)}31.5%{transform:translateX(-960px)}100%{transform:translateX(-1040px)}}2023-11-0517:47:27TRACEDoingnotsoimportantstuffpriority:superlow2023-11-0517:47:27DEBUGThismightbeinteresting├whenwerecrayonsinvented:1903├whatisthemeaningoflife:42└isthisinteresting:true2023-11-0517:47:27INFOThatwasactuallyinterestingsuch:wow2023-11-0517:47:27WARNOhno,Iseeanerrorcomingtous!├speed:88└measures:mph2023-11-0517:47:27ERRORDamn,hereitis!error:somethingwentwrong2023-11-0517:47:27INFOButwhat'sreallycoolis,thatyoucanprintvery│longlogs,andPTermwillautomaticallywrapthemfor│you!Saygoodbyetotext,thathasweirdlinebreaks!└very:long2023-11-0517:47:29FATALOhno,thisprocessisgettingkilled!fatal:trueRestartinganimation...
\ No newline at end of file
diff --git a/_examples/logger/demo/animation.svg b/_examples/logger/demo/animation.svg
index c7901a0cc..d7dd39e5b 100644
--- a/_examples/logger/demo/animation.svg
+++ b/_examples/logger/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(104,104,104);white-space:pre}.g{fill:rgb(0,198,255);font-weight:bold;white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(0,71,255);font-weight:bold;white-space:pre}.j{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.k{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.l{fill:rgb(255,0,4);font-weight:bold;white-space:pre}.m{fill:transparent}.o{animation-duration:23.205703s;animation-iteration-count:infinite;animation-name:n;animation-timing-function:steps(1,end)}@keyframes n{0%{transform:translateX(-0px)}0.82%{transform:translateX(-80px)}13.76%{transform:translateX(-160px)}13.76%{transform:translateX(-240px)}13.76%{transform:translateX(-320px)}13.76%{transform:translateX(-400px)}13.76%{transform:translateX(-480px)}13.76%{transform:translateX(-560px)}13.76%{transform:translateX(-640px)}13.76%{transform:translateX(-720px)}26.7%{transform:translateX(-800px)}26.7%{transform:translateX(-880px)}39.63%{transform:translateX(-960px)}39.63%{transform:translateX(-1040px)}39.64%{transform:translateX(-1120px)}39.64%{transform:translateX(-1200px)}39.64%{transform:translateX(-1280px)}39.64%{transform:translateX(-1360px)}52.57%{transform:translateX(-1440px)}52.57%{transform:translateX(-1520px)}65.51%{transform:translateX(-1600px)}65.51%{transform:translateX(-1680px)}65.51%{transform:translateX(-1760px)}65.52%{transform:translateX(-1840px)}65.52%{transform:translateX(-1920px)}65.52%{transform:translateX(-2000px)}65.52%{transform:translateX(-2080px)}65.52%{transform:translateX(-2160px)}78.45%{transform:translateX(-2240px)}78.45%{transform:translateX(-2320px)}100%{transform:translateX(-2400px)}}2023-09-1601:01:04TRACEDoingnotsoimportantstuffpriority:superlow2023-09-1601:01:07DEBUGThismightbeinteresting├whenwerecrayonsinvented:1903├whatisthemeaningoflife:42└isthisinteresting:true2023-09-1601:01:10INFOThatwasactuallyinterestingsuch:wow2023-09-1601:01:13WARNOhno,Iseeanerrorcomingtous!├speed:88└measures:mph2023-09-1601:01:16ERRORDamn,hereitis!error:somethingwentwrong2023-09-1601:01:19INFOButwhat'sreallycoolis,thatyoucanprintvery│longlogs,andPTermwillautomaticallywrapthemfor│you!Saygoodbyetotext,thathasweirdlinebreaks!└very:long2023-09-1601:01:22FATALOhno,thisprocessisgettingkilled!fatal:trueRestartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(104,104,104);white-space:pre}.g{fill:rgb(0,198,255);font-weight:bold;white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(0,71,255);font-weight:bold;white-space:pre}.j{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.k{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.l{fill:rgb(255,0,4);font-weight:bold;white-space:pre}.m{fill:transparent}.o{animation-duration:23.309632s;animation-iteration-count:infinite;animation-name:n;animation-timing-function:steps(1,end)}@keyframes n{0%{transform:translateX(-0px)}1.21%{transform:translateX(-80px)}1.38%{transform:translateX(-160px)}14.18%{transform:translateX(-240px)}27.05%{transform:translateX(-320px)}39.92%{transform:translateX(-400px)}52.8%{transform:translateX(-480px)}65.67%{transform:translateX(-560px)}78.55%{transform:translateX(-640px)}78.55%{transform:translateX(-720px)}100%{transform:translateX(-800px)}}2023-11-0517:47:27TRACEDoingnotsoimportantstuffpriority:superlow2023-11-0517:47:30DEBUGThismightbeinteresting├whenwerecrayonsinvented:1903├whatisthemeaningoflife:42└isthisinteresting:true2023-11-0517:47:33INFOThatwasactuallyinterestingsuch:wow2023-11-0517:47:36WARNOhno,Iseeanerrorcomingtous!├speed:88└measures:mph2023-11-0517:47:39ERRORDamn,hereitis!error:somethingwentwrong2023-11-0517:47:42INFOButwhat'sreallycoolis,thatyoucanprintvery│longlogs,andPTermwillautomaticallywrapthemfor│you!Saygoodbyetotext,thathasweirdlinebreaks!└very:long2023-11-0517:47:45FATALOhno,thisprocessisgettingkilled!fatal:trueRestartinganimation...
\ No newline at end of file
diff --git a/_examples/logger/json/animation.svg b/_examples/logger/json/animation.svg
index f94b6cec0..1c7db1b07 100644
--- a/_examples/logger/json/animation.svg
+++ b/_examples/logger/json/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.157783s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}2.6%{transform:translateX(-80px)}3.1%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}{"level":"TRACE","msg":"Doingnotsoimportantstuff","priority":"superlow","timestamp":"2023-09-1601:01:05"}{"isthisinteresting":true,"level":"DEBUG","msg":"Thismightbeinteresting","timestamp":"2023-09-1601:01:05","whatisthemeaningoflife":42,"whenwerecrayonsinvented":"1903"}{"level":"INFO","msg":"Thatwasactuallyinteresting","such":"wow","timestamp":"2023-09-1601:01:05"}{"level":"WARN","measures":"mph","msg":"Ohno,Iseeanerrorcomingtous!","speed":88,"timestamp":"2023-09-1601:01:05"}{"error":"somethingwentwrong","level":"ERROR","msg":"Damn,hereitis!","timestamp":"2023-09-1601:01:05"}{"level":"INFO","msg":"Butwhat'sreallycoolis,thatyoucanprintverylonglogs,andPTermwillautomaticallywrapthemforyou!Saygoodbyetotext,thathasweirdlinebreaks!","timestamp":"2023-09-1601:01:05","very":"long"}{"fatal":true,"level":"FATAL","msg":"Ohno,thisprocessisgettingkilled!","tiRestartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.196451s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}3.4%{transform:translateX(-80px)}3.8%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}{"level":"TRACE","msg":"Doingnotsoimportantstuff","priority":"superlow","timestamp":"2023-11-0517:47:27"}{"isthisinteresting":true,"level":"DEBUG","msg":"Thismightbeinteresting","timestamp":"2023-11-0517:47:27","whatisthemeaningoflife":42,"whenwerecrayonsinvented":"1903"}{"level":"INFO","msg":"Thatwasactuallyinteresting","such":"wow","timestamp":"2023-11-0517:47:27"}{"level":"WARN","measures":"mph","msg":"Ohno,Iseeanerrorcomingtous!","speed":88,"timestamp":"2023-11-0517:47:27"}{"error":"somethingwentwrong","level":"ERROR","msg":"Damn,hereitis!","timestamp":"2023-11-0517:47:27"}{"level":"INFO","msg":"Butwhat'sreallycoolis,thatyoucanprintverylonglogs,andPTermwillautomaticallywrapthemforyou!Saygoodbyetotext,thathasweirdlinebreaks!","timestamp":"2023-11-0517:47:27","very":"long"}{"fatal":true,"level":"FATAL","msg":"Ohno,thisprocessisgettingkilled!","tiRestartinganimation...
\ No newline at end of file
diff --git a/_examples/logger/with-caller/animation.svg b/_examples/logger/with-caller/animation.svg
index 877197758..79ac5ba04 100644
--- a/_examples/logger/with-caller/animation.svg
+++ b/_examples/logger/with-caller/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(104,104,104);white-space:pre}.g{fill:rgb(0,198,255);font-weight:bold;white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(104,104,104);font-weight:bold;white-space:pre}.j{fill:rgb(0,71,255);font-weight:bold;white-space:pre}.k{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.l{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.m{fill:rgb(255,0,4);font-weight:bold;white-space:pre}.n{fill:transparent}.p{animation-duration:5.249051s;animation-iteration-count:infinite;animation-name:o;animation-timing-function:steps(1,end)}@keyframes o{0%{transform:translateX(-0px)}3.4%{transform:translateX(-80px)}4.1%{transform:translateX(-160px)}4.2%{transform:translateX(-240px)}4.2%{transform:translateX(-320px)}4.2%{transform:translateX(-400px)}4.2%{transform:translateX(-480px)}4.2%{transform:translateX(-560px)}4.2%{transform:translateX(-640px)}4.2%{transform:translateX(-720px)}4.2%{transform:translateX(-800px)}4.2%{transform:translateX(-880px)}4.2%{transform:translateX(-960px)}4.2%{transform:translateX(-1040px)}4.2%{transform:translateX(-1120px)}4.2%{transform:translateX(-1200px)}4.2%{transform:translateX(-1280px)}4.3%{transform:translateX(-1360px)}4.3%{transform:translateX(-1440px)}4.3%{transform:translateX(-1520px)}4.3%{transform:translateX(-1600px)}4.3%{transform:translateX(-1680px)}4.3%{transform:translateX(-1760px)}4.7%{transform:translateX(-1840px)}4.7%{transform:translateX(-1920px)}4.7%{transform:translateX(-2000px)}4.7%{transform:translateX(-2080px)}4.7%{transform:translateX(-2160px)}4.7%{transform:translateX(-2240px)}4.7%{transform:translateX(-2320px)}4.7%{transform:translateX(-2400px)}4.7%{transform:translateX(-2480px)}4.7%{transform:translateX(-2560px)}4.7%{transform:translateX(-2640px)}4.7%{transform:translateX(-2720px)}4.7%{transform:translateX(-2800px)}4.7%{transform:translateX(-2880px)}4.7%{transform:translateX(-2960px)}100%{transform:translateX(-3040px)}}2023-09-1601:01:04TRACEDoingnotsoimportantstuff├priority:superlow└caller:/_examples/logger/with-caller/main.go:102023-09-1601:01:04DEBUGThismightbeinteresting├whenwerecrayonsinvented:1903├whatisthemeaningoflife:42├isthisinteresting:true└caller:/_examples/logger/with-caller/main.go:182023-09-1601:01:04INFOThatwasactuallyinteresting├such:wow└caller:/_examples/logger/with-caller/main.go:202023-09-1601:01:04WARNOhno,Iseeanerrorcomingtous!├speed:88├measures:mph└caller:/_examples/logger/with-caller/main.go:212023-09-1601:01:04ERRORDamn,hereitis!├error:somethingwentwrong└caller:/_examples/logger/with-caller/main.go:222023-09-1601:01:04INFOButwhat'sreallycoolis,thatyoucanprintvery│longlogs,andPTermwillautomaticallywrapthemfor│you!Saygoodbyetotext,thathasweirdlinebreaks!├very:long└caller:/_examples/logger/with-caller/main.go:232023-09-1601:01:04FATALOhno,thisprocessisgettingkilled!├fatal:true└caller:/_examples/logger/with-caller/main.go:24Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(104,104,104);white-space:pre}.g{fill:rgb(0,198,255);font-weight:bold;white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(104,104,104);font-weight:bold;white-space:pre}.j{fill:rgb(0,71,255);font-weight:bold;white-space:pre}.k{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.l{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.m{fill:rgb(255,0,4);font-weight:bold;white-space:pre}.n{fill:transparent}.p{animation-duration:5.254917s;animation-iteration-count:infinite;animation-name:o;animation-timing-function:steps(1,end)}@keyframes o{0%{transform:translateX(-0px)}3.3%{transform:translateX(-80px)}4%{transform:translateX(-160px)}4%{transform:translateX(-240px)}4%{transform:translateX(-320px)}4%{transform:translateX(-400px)}4%{transform:translateX(-480px)}4%{transform:translateX(-560px)}4%{transform:translateX(-640px)}4%{transform:translateX(-720px)}4%{transform:translateX(-800px)}4.2%{transform:translateX(-880px)}4.2%{transform:translateX(-960px)}4.2%{transform:translateX(-1040px)}4.2%{transform:translateX(-1120px)}4.2%{transform:translateX(-1200px)}4.2%{transform:translateX(-1280px)}4.6%{transform:translateX(-1360px)}4.6%{transform:translateX(-1440px)}4.6%{transform:translateX(-1520px)}4.6%{transform:translateX(-1600px)}4.6%{transform:translateX(-1680px)}4.6%{transform:translateX(-1760px)}4.6%{transform:translateX(-1840px)}4.6%{transform:translateX(-1920px)}4.6%{transform:translateX(-2000px)}4.6%{transform:translateX(-2080px)}4.8%{transform:translateX(-2160px)}4.8%{transform:translateX(-2240px)}4.9%{transform:translateX(-2320px)}4.9%{transform:translateX(-2400px)}4.9%{transform:translateX(-2480px)}100%{transform:translateX(-2560px)}}2023-11-0517:47:27TRACEDoingnotsoimportantstuff├priority:superlow└caller:/_examples/logger/with-caller/main.go:102023-11-0517:47:27DEBUGThismightbeinteresting├whenwerecrayonsinvented:1903├whatisthemeaningoflife:42├isthisinteresting:true└caller:/_examples/logger/with-caller/main.go:182023-11-0517:47:27INFOThatwasactuallyinteresting├such:wow└caller:/_examples/logger/with-caller/main.go:202023-11-0517:47:27WARNOhno,Iseeanerrorcomingtous!├speed:88├measures:mph└caller:/_examples/logger/with-caller/main.go:212023-11-0517:47:27ERRORDamn,hereitis!├error:somethingwentwrong└caller:/_examples/logger/with-caller/main.go:222023-11-0517:47:27INFOButwhat'sreallycoolis,thatyoucanprintvery│longlogs,andPTermwillautomaticallywrapthemfor│you!Saygoodbyetotext,thathasweirdlinebreaks!├very:long└caller:/_examples/logger/with-caller/main.go:232023-11-0517:47:27FATALOhno,thisprocessisgettingkilled!├fatal:true└caller:/_examples/logger/with-caller/main.go:24Restartinganimation...
\ No newline at end of file
diff --git a/_examples/multiple-live-printers/demo/animation.svg b/_examples/multiple-live-printers/demo/animation.svg
index bb9714fa8..9f1577c8b 100644
--- a/_examples/multiple-live-printers/demo/animation.svg
+++ b/_examples/multiple-live-printers/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(255,255,255);white-space:pre}.h{fill:rgb(104,104,104);white-space:pre}.i{fill:rgb(0,198,255);white-space:pre}.j{fill:rgb(242,12,0);white-space:pre}.k{fill:rgb(160,160,160);white-space:pre}.l{fill:rgb(239,15,0);white-space:pre}.m{fill:rgb(252,2,0);white-space:pre}.n{fill:rgb(255,0,0);white-space:pre}.o{fill:rgb(234,20,0);white-space:pre}.p{fill:rgb(224,30,0);white-space:pre}.q{fill:rgb(249,5,0);white-space:pre}.r{fill:rgb(209,45,0);white-space:pre}.s{fill:rgb(244,10,0);white-space:pre}.t{fill:rgb(214,40,0);white-space:pre}.u{fill:rgb(193,61,0);white-space:pre}.v{fill:rgb(247,7,0);white-space:pre}.w{fill:rgb(204,51,0);white-space:pre}.x{fill:rgb(178,76,0);white-space:pre}.y{fill:rgb(163,91,0);white-space:pre}.z{fill:rgb(183,71,0);white-space:pre}.A{fill:rgb(147,107,0);white-space:pre}.B{fill:rgb(232,22,0);white-space:pre}.C{fill:rgb(173,81,0);white-space:pre}.D{fill:rgb(132,122,0);white-space:pre}.E{fill:rgb(229,25,0);white-space:pre}.F{fill:rgb(117,137,0);white-space:pre}.G{fill:rgb(237,17,0);white-space:pre}.H{fill:rgb(153,102,0);white-space:pre}.I{fill:rgb(102,153,0);white-space:pre}.J{fill:rgb(221,33,0);white-space:pre}.K{fill:rgb(142,112,0);white-space:pre}.L{fill:rgb(86,168,0);white-space:pre}.M{fill:rgb(219,35,0);white-space:pre}.N{fill:rgb(71,183,0);white-space:pre}.O{fill:rgb(168,204,140)}.P{white-space:pre}.Q{fill:rgb(124,255,0);white-space:pre}.R{fill:rgb(122,132,0);white-space:pre}.S{fill:rgb(56,198,0);white-space:pre}.T{fill:rgb(211,43,0);white-space:pre}.U{fill:rgb(112,142,0);white-space:pre}.V{fill:rgb(40,214,0);white-space:pre}.W{fill:rgb(226,28,0);white-space:pre}.X{fill:rgb(232,131,136)}.Y{fill:rgb(243,86,86);white-space:pre}.Z{fill:rgb(25,229,0);white-space:pre}.aa{fill:rgb(91,163,0);white-space:pre}.ab{fill:rgb(10,244,0);white-space:pre}.ac{fill:rgb(201,53,0);white-space:pre}.ad{fill:rgb(81,173,0);white-space:pre}.ae{fill:rgb(0,255,0);white-space:pre}.af{fill:rgb(198,56,0);white-space:pre}.ag{fill:rgb(73,181,0);white-space:pre}.ah{fill:rgb(196,58,0);white-space:pre}.ai{fill:rgb(63,191,0);white-space:pre}.aj{fill:rgb(216,38,0);white-space:pre}.ak{fill:rgb(191,63,0);white-space:pre}.al{fill:rgb(53,201,0);white-space:pre}.am{fill:rgb(188,66,0);white-space:pre}.an{fill:rgb(43,211,0);white-space:pre}.ao{fill:rgb(186,68,0);white-space:pre}.ap{fill:rgb(33,221,0);white-space:pre}.aq{fill:rgb(181,73,0);white-space:pre}.ar{fill:rgb(22,232,0);white-space:pre}.as{fill:rgb(12,242,0);white-space:pre}.at{fill:rgb(206,48,0);white-space:pre}.au{fill:rgb(175,79,0);white-space:pre}.av{fill:rgb(2,252,0);white-space:pre}.aw{fill:rgb(170,84,0);white-space:pre}.ax{fill:transparent}.az{animation-duration:10.307824s;animation-iteration-count:infinite;animation-name:ay;animation-timing-function:steps(1,end)}@keyframes ay{0%{transform:translateX(-0px)}1.8%{transform:translateX(-80px)}2.4%{transform:translateX(-160px)}4.1%{transform:translateX(-240px)}4.1%{transform:translateX(-320px)}4.1%{transform:translateX(-400px)}4.1%{transform:translateX(-480px)}4.1%{transform:translateX(-560px)}4.1%{transform:translateX(-640px)}4.1%{transform:translateX(-720px)}4.1%{transform:translateX(-800px)}6%{transform:translateX(-880px)}6%{transform:translateX(-960px)}6%{transform:translateX(-1040px)}6%{transform:translateX(-1120px)}6%{transform:translateX(-1200px)}6%{transform:translateX(-1280px)}6%{transform:translateX(-1360px)}6%{transform:translateX(-1440px)}8%{transform:translateX(-1520px)}8%{transform:translateX(-1600px)}8%{transform:translateX(-1680px)}8%{transform:translateX(-1760px)}8%{transform:translateX(-1840px)}8%{transform:translateX(-1920px)}8%{transform:translateX(-2000px)}8%{transform:translateX(-2080px)}8%{transform:translateX(-2160px)}8%{transform:translateX(-2240px)}9.9%{transform:translateX(-2320px)}9.9%{transform:translateX(-2400px)}9.9%{transform:translateX(-2480px)}9.9%{transform:translateX(-2560px)}9.9%{transform:translateX(-2640px)}9.9%{transform:translateX(-2720px)}9.9%{transform:translateX(-2800px)}9.9%{transform:translateX(-2880px)}9.9%{transform:translateX(-2960px)}11.8%{transform:translateX(-3040px)}11.8%{transform:translateX(-3120px)}11.8%{transform:translateX(-3200px)}11.8%{transform:translateX(-3280px)}11.8%{transform:translateX(-3360px)}11.8%{transform:translateX(-3440px)}11.8%{transform:translateX(-3520px)}11.8%{transform:translateX(-3600px)}11.8%{transform:translateX(-3680px)}11.8%{transform:translateX(-3760px)}11.8%{transform:translateX(-3840px)}11.8%{transform:translateX(-3920px)}11.8%{transform:translateX(-4000px)}13.8%{transform:translateX(-4080px)}13.8%{transform:translateX(-4160px)}13.8%{transform:translateX(-4240px)}13.8%{transform:translateX(-4320px)}13.8%{transform:translateX(-4400px)}13.8%{transform:translateX(-4480px)}13.8%{transform:translateX(-4560px)}13.8%{transform:translateX(-4640px)}13.8%{transform:translateX(-4720px)}13.8%{transform:translateX(-4800px)}13.8%{transform:translateX(-4880px)}15.7%{transform:translateX(-4960px)}15.7%{transform:translateX(-5040px)}15.7%{transform:translateX(-5120px)}15.7%{transform:translateX(-5200px)}17.6%{transform:translateX(-5280px)}17.7%{transform:translateX(-5360px)}17.7%{transform:translateX(-5440px)}17.7%{transform:translateX(-5520px)}17.7%{transform:translateX(-5600px)}17.7%{transform:translateX(-5680px)}17.7%{transform:translateX(-5760px)}17.7%{transform:translateX(-5840px)}17.7%{transform:translateX(-5920px)}17.7%{transform:translateX(-6000px)}17.7%{transform:translateX(-6080px)}19.6%{transform:translateX(-6160px)}19.6%{transform:translateX(-6240px)}19.6%{transform:translateX(-6320px)}19.6%{transform:translateX(-6400px)}19.6%{transform:translateX(-6480px)}19.6%{transform:translateX(-6560px)}19.6%{transform:translateX(-6640px)}19.6%{transform:translateX(-6720px)}19.6%{transform:translateX(-6800px)}19.6%{transform:translateX(-6880px)}19.6%{transform:translateX(-6960px)}19.6%{transform:translateX(-7040px)}19.6%{transform:translateX(-7120px)}21.5%{transform:translateX(-7200px)}21.5%{transform:translateX(-7280px)}21.5%{transform:translateX(-7360px)}21.5%{transform:translateX(-7440px)}21.5%{transform:translateX(-7520px)}21.5%{transform:translateX(-7600px)}21.5%{transform:translateX(-7680px)}21.5%{transform:translateX(-7760px)}23.5%{transform:translateX(-7840px)}23.5%{transform:translateX(-7920px)}23.5%{transform:translateX(-8000px)}23.5%{transform:translateX(-8080px)}23.5%{transform:translateX(-8160px)}23.5%{transform:translateX(-8240px)}23.5%{transform:translateX(-8320px)}23.5%{transform:translateX(-8400px)}23.5%{transform:translateX(-8480px)}23.5%{transform:translateX(-8560px)}23.5%{transform:translateX(-8640px)}23.5%{transform:translateX(-8720px)}23.5%{transform:translateX(-8800px)}23.5%{transform:translateX(-8880px)}25.4%{transform:translateX(-8960px)}25.4%{transform:translateX(-9040px)}25.4%{transform:translateX(-9120px)}25.4%{transform:translateX(-9200px)}25.4%{transform:translateX(-9280px)}25.4%{transform:translateX(-9360px)}25.4%{transform:translateX(-9440px)}25.4%{transform:translateX(-9520px)}25.4%{transform:translateX(-9600px)}25.4%{transform:translateX(-9680px)}25.4%{transform:translateX(-9760px)}25.4%{transform:translateX(-9840px)}25.4%{transform:translateX(-9920px)}25.4%{transform:translateX(-10000px)}27.4%{transform:translateX(-10080px)}27.4%{transform:translateX(-10160px)}27.4%{transform:translateX(-10240px)}27.4%{transform:translateX(-10320px)}27.4%{transform:translateX(-10400px)}27.4%{transform:translateX(-10480px)}27.4%{transform:translateX(-10560px)}27.4%{transform:translateX(-10640px)}27.4%{transform:translateX(-10720px)}27.4%{transform:translateX(-10800px)}27.4%{transform:translateX(-10880px)}27.4%{transform:translateX(-10960px)}27.4%{transform:translateX(-11040px)}27.4%{transform:translateX(-11120px)}27.4%{transform:translateX(-11200px)}27.4%{transform:translateX(-11280px)}27.4%{transform:translateX(-11360px)}27.4%{transform:translateX(-11440px)}27.4%{transform:translateX(-11520px)}27.4%{transform:translateX(-11600px)}27.4%{transform:translateX(-11680px)}27.4%{transform:translateX(-11760px)}27.4%{transform:translateX(-11840px)}27.4%{transform:translateX(-11920px)}27.4%{transform:translateX(-12000px)}27.4%{transform:translateX(-12080px)}27.4%{transform:translateX(-12160px)}27.4%{transform:translateX(-12240px)}27.4%{transform:translateX(-12320px)}27.4%{transform:translateX(-12400px)}27.4%{transform:translateX(-12480px)}27.4%{transform:translateX(-12560px)}29.3%{transform:translateX(-12640px)}29.3%{transform:translateX(-12720px)}29.3%{transform:translateX(-12800px)}29.3%{transform:translateX(-12880px)}29.3%{transform:translateX(-12960px)}29.3%{transform:translateX(-13040px)}29.3%{transform:translateX(-13120px)}31.7%{transform:translateX(-13200px)}32.1%{transform:translateX(-13280px)}32.2%{transform:translateX(-13360px)}32.2%{transform:translateX(-13440px)}32.2%{transform:translateX(-13520px)}32.2%{transform:translateX(-13600px)}32.2%{transform:translateX(-13680px)}32.2%{transform:translateX(-13760px)}32.2%{transform:translateX(-13840px)}32.2%{transform:translateX(-13920px)}32.2%{transform:translateX(-14000px)}32.2%{transform:translateX(-14080px)}32.2%{transform:translateX(-14160px)}32.2%{transform:translateX(-14240px)}32.2%{transform:translateX(-14320px)}32.2%{transform:translateX(-14400px)}32.2%{transform:translateX(-14480px)}32.2%{transform:translateX(-14560px)}32.2%{transform:translateX(-14640px)}32.2%{transform:translateX(-14720px)}32.2%{transform:translateX(-14800px)}32.2%{transform:translateX(-14880px)}32.2%{transform:translateX(-14960px)}32.2%{transform:translateX(-15040px)}32.2%{transform:translateX(-15120px)}32.2%{transform:translateX(-15200px)}32.2%{transform:translateX(-15280px)}32.2%{transform:translateX(-15360px)}32.2%{transform:translateX(-15440px)}32.2%{transform:translateX(-15520px)}32.2%{transform:translateX(-15600px)}32.2%{transform:translateX(-15680px)}33.2%{transform:translateX(-15760px)}33.2%{transform:translateX(-15840px)}33.2%{transform:translateX(-15920px)}33.2%{transform:translateX(-16000px)}33.2%{transform:translateX(-16080px)}33.2%{transform:translateX(-16160px)}33.2%{transform:translateX(-16240px)}33.2%{transform:translateX(-16320px)}33.2%{transform:translateX(-16400px)}33.2%{transform:translateX(-16480px)}33.2%{transform:translateX(-16560px)}33.2%{transform:translateX(-16640px)}33.2%{transform:translateX(-16720px)}33.2%{transform:translateX(-16800px)}33.2%{transform:translateX(-16880px)}33.2%{transform:translateX(-16960px)}33.2%{transform:translateX(-17040px)}33.2%{transform:translateX(-17120px)}33.2%{transform:translateX(-17200px)}33.2%{transform:translateX(-17280px)}33.2%{transform:translateX(-17360px)}33.2%{transform:translateX(-17440px)}33.2%{transform:translateX(-17520px)}33.2%{transform:translateX(-17600px)}33.2%{transform:translateX(-17680px)}33.2%{transform:translateX(-17760px)}33.2%{transform:translateX(-17840px)}33.2%{transform:translateX(-17920px)}33.2%{transform:translateX(-18000px)}33.2%{transform:translateX(-18080px)}33.2%{transform:translateX(-18160px)}33.2%{transform:translateX(-18240px)}35.1%{transform:translateX(-18320px)}35.1%{transform:translateX(-18400px)}35.1%{transform:translateX(-18480px)}35.1%{transform:translateX(-18560px)}35.1%{transform:translateX(-18640px)}35.1%{transform:translateX(-18720px)}35.1%{transform:translateX(-18800px)}35.1%{transform:translateX(-18880px)}35.1%{transform:translateX(-18960px)}35.1%{transform:translateX(-19040px)}35.1%{transform:translateX(-19120px)}35.1%{transform:translateX(-19200px)}35.1%{transform:translateX(-19280px)}35.1%{transform:translateX(-19360px)}35.1%{transform:translateX(-19440px)}35.1%{transform:translateX(-19520px)}35.1%{transform:translateX(-19600px)}35.1%{transform:translateX(-19680px)}35.1%{transform:translateX(-19760px)}35.1%{transform:translateX(-19840px)}35.1%{transform:translateX(-19920px)}35.1%{transform:translateX(-20000px)}35.1%{transform:translateX(-20080px)}35.1%{transform:translateX(-20160px)}35.1%{transform:translateX(-20240px)}35.1%{transform:translateX(-20320px)}35.1%{transform:translateX(-20400px)}35.1%{transform:translateX(-20480px)}35.1%{transform:translateX(-20560px)}35.1%{transform:translateX(-20640px)}35.1%{transform:translateX(-20720px)}35.1%{transform:translateX(-20800px)}35.1%{transform:translateX(-20880px)}36.1%{transform:translateX(-20960px)}37.1%{transform:translateX(-21040px)}37.1%{transform:translateX(-21120px)}37.1%{transform:translateX(-21200px)}37.1%{transform:translateX(-21280px)}37.1%{transform:translateX(-21360px)}37.1%{transform:translateX(-21440px)}37.1%{transform:translateX(-21520px)}37.1%{transform:translateX(-21600px)}37.1%{transform:translateX(-21680px)}37.1%{transform:translateX(-21760px)}37.1%{transform:translateX(-21840px)}38%{transform:translateX(-21920px)}39%{transform:translateX(-22000px)}39%{transform:translateX(-22080px)}39%{transform:translateX(-22160px)}39%{transform:translateX(-22240px)}39%{transform:translateX(-22320px)}39%{transform:translateX(-22400px)}39%{transform:translateX(-22480px)}39%{transform:translateX(-22560px)}39%{transform:translateX(-22640px)}39%{transform:translateX(-22720px)}39%{transform:translateX(-22800px)}39%{transform:translateX(-22880px)}39%{transform:translateX(-22960px)}39%{transform:translateX(-23040px)}39%{transform:translateX(-23120px)}39%{transform:translateX(-23200px)}39%{transform:translateX(-23280px)}39%{transform:translateX(-23360px)}40%{transform:translateX(-23440px)}40.9%{transform:translateX(-23520px)}40.9%{transform:translateX(-23600px)}40.9%{transform:translateX(-23680px)}40.9%{transform:translateX(-23760px)}40.9%{transform:translateX(-23840px)}40.9%{transform:translateX(-23920px)}40.9%{transform:translateX(-24000px)}40.9%{transform:translateX(-24080px)}40.9%{transform:translateX(-24160px)}40.9%{transform:translateX(-24240px)}40.9%{transform:translateX(-24320px)}40.9%{transform:translateX(-24400px)}40.9%{transform:translateX(-24480px)}40.9%{transform:translateX(-24560px)}40.9%{transform:translateX(-24640px)}40.9%{transform:translateX(-24720px)}40.9%{transform:translateX(-24800px)}40.9%{transform:translateX(-24880px)}40.9%{transform:translateX(-24960px)}40.9%{transform:translateX(-25040px)}40.9%{transform:translateX(-25120px)}40.9%{transform:translateX(-25200px)}41%{transform:translateX(-25280px)}42%{transform:translateX(-25360px)}42.9%{transform:translateX(-25440px)}42.9%{transform:translateX(-25520px)}42.9%{transform:translateX(-25600px)}42.9%{transform:translateX(-25680px)}42.9%{transform:translateX(-25760px)}42.9%{transform:translateX(-25840px)}42.9%{transform:translateX(-25920px)}42.9%{transform:translateX(-26000px)}42.9%{transform:translateX(-26080px)}42.9%{transform:translateX(-26160px)}42.9%{transform:translateX(-26240px)}42.9%{transform:translateX(-26320px)}42.9%{transform:translateX(-26400px)}42.9%{transform:translateX(-26480px)}42.9%{transform:translateX(-26560px)}42.9%{transform:translateX(-26640px)}43.9%{transform:translateX(-26720px)}44.8%{transform:translateX(-26800px)}44.8%{transform:translateX(-26880px)}44.8%{transform:translateX(-26960px)}44.8%{transform:translateX(-27040px)}44.8%{transform:translateX(-27120px)}44.8%{transform:translateX(-27200px)}44.8%{transform:translateX(-27280px)}44.8%{transform:translateX(-27360px)}44.8%{transform:translateX(-27440px)}44.8%{transform:translateX(-27520px)}44.8%{transform:translateX(-27600px)}44.8%{transform:translateX(-27680px)}44.8%{transform:translateX(-27760px)}44.8%{transform:translateX(-27840px)}44.8%{transform:translateX(-27920px)}44.8%{transform:translateX(-28000px)}44.8%{transform:translateX(-28080px)}44.8%{transform:translateX(-28160px)}44.9%{transform:translateX(-28240px)}45.9%{transform:translateX(-28320px)}46.8%{transform:translateX(-28400px)}46.8%{transform:translateX(-28480px)}46.8%{transform:translateX(-28560px)}46.8%{transform:translateX(-28640px)}46.8%{transform:translateX(-28720px)}46.8%{transform:translateX(-28800px)}46.8%{transform:translateX(-28880px)}46.8%{transform:translateX(-28960px)}46.8%{transform:translateX(-29040px)}46.8%{transform:translateX(-29120px)}46.8%{transform:translateX(-29200px)}46.8%{transform:translateX(-29280px)}46.9%{transform:translateX(-29360px)}47.9%{transform:translateX(-29440px)}48.8%{transform:translateX(-29520px)}48.8%{transform:translateX(-29600px)}48.8%{transform:translateX(-29680px)}48.8%{transform:translateX(-29760px)}48.8%{transform:translateX(-29840px)}48.8%{transform:translateX(-29920px)}48.8%{transform:translateX(-30000px)}48.8%{transform:translateX(-30080px)}48.8%{transform:translateX(-30160px)}48.8%{transform:translateX(-30240px)}48.8%{transform:translateX(-30320px)}49.8%{transform:translateX(-30400px)}50.6%{transform:translateX(-30480px)}50.6%{transform:translateX(-30560px)}50.6%{transform:translateX(-30640px)}50.6%{transform:translateX(-30720px)}50.6%{transform:translateX(-30800px)}50.6%{transform:translateX(-30880px)}50.6%{transform:translateX(-30960px)}50.6%{transform:translateX(-31040px)}50.6%{transform:translateX(-31120px)}50.6%{transform:translateX(-31200px)}50.6%{transform:translateX(-31280px)}50.6%{transform:translateX(-31360px)}50.6%{transform:translateX(-31440px)}50.8%{transform:translateX(-31520px)}50.8%{transform:translateX(-31600px)}51.5%{transform:translateX(-31680px)}51.5%{transform:translateX(-31760px)}51.5%{transform:translateX(-31840px)}51.5%{transform:translateX(-31920px)}51.5%{transform:translateX(-32000px)}51.5%{transform:translateX(-32080px)}51.5%{transform:translateX(-32160px)}51.5%{transform:translateX(-32240px)}51.5%{transform:translateX(-32320px)}51.5%{transform:translateX(-32400px)}51.5%{transform:translateX(-32480px)}51.5%{transform:translateX(-32560px)}51.5%{transform:translateX(-32640px)}100%{transform:translateX(-32720px)}}▀Spinner1(0s)▀Spinner2(0s)Progressbar1[005/100]██████████████████████████████████████████████5%|0sProgressbar2[006/100]██████████████████████████████████████████████6%|0sProgressbar3[001/100]█████████████████████████████████████████████1%|0sProgressbar4[000/100]█████████████████████████████████████████████0%|0sProgressbar5[001/100]█████████████████████████████████████████████1%|0s▄Spinner1(0s)▄Spinner2(0s)Progressbar1[008/100]██████████████████████████████████████████████8%|0sProgressbar2[012/100]██████████████████████████████████████████████12%|0sProgressbar5[002/100]█████████████████████████████████████████████2%|0s▄Spinner1(1s)▄Spinner2(1s)Progressbar1[012/100]██████████████████████████████████████████████12%|1sProgressbar2[018/100]██████████████████████████████████████████████18%|1sProgressbar3[002/100]█████████████████████████████████████████████2%|0sProgressbar4[001/100]█████████████████████████████████████████████1%|0sProgressbar5[004/100]██████████████████████████████████████████████4%|1s▀Spinner1(1s)▀Spinner2(1s)Progressbar1[016/100]██████████████████████████████████████████████16%|1sProgressbar2[024/100]██████████████████████████████████████████████24%|1sProgressbar3[003/100]██████████████████████████████████████████████3%|1sProgressbar5[005/100]██████████████████████████████████████████████5%|1s▀Spinner1(1s)▀Spinner2(1s)Progressbar1[020/100]██████████████████████████████████████████████20%|1sProgressbar2[030/100]██████████████████████████████████████████████30%|1sProgressbar3[004/100]██████████████████████████████████████████████4%|1sProgressbar4[002/100]█████████████████████████████████████████████2%|1sProgressbar5[006/100]██████████████████████████████████████████████6%|1s▄Spinner1(1s)▄Spinner2(1s)Progressbar1[024/100]██████████████████████████████████████████████24%|1sProgressbar2[036/100]██████████████████████████████████████████████36%|1sProgressbar1[028/100]██████████████████████████████████████████████28%|1sProgressbar2[042/100]██████████████████████████████████████████████42%|1sProgressbar3[005/100]██████████████████████████████████████████████5%|1sProgressbar5[009/100]██████████████████████████████████████████████9%|1s▀Spinner1(2s)▀Spinner2(2s)Progressbar1[032/100]██████████████████████████████████████████████32%|2sProgressbar2[048/100]██████████████████████████████████████████████48%|2sProgressbar3[006/100]██████████████████████████████████████████████6%|1sProgressbar4[003/100]██████████████████████████████████████████████3%|1sProgressbar5[010/100]██████████████████████████████████████████████10%|1s▀Spinner1(2s)▀Spinner2(2s)Progressbar1[036/100]██████████████████████████████████████████████36%|2sProgressbar2[054/100]██████████████████████████████████████████████54%|2sProgressbar3[007/100]██████████████████████████████████████████████7%|2sProgressbar5[012/100]██████████████████████████████████████████████12%|2s▄Spinner1(2s)▄Spinner2(2s)Progressbar1[040/100]██████████████████████████████████████████████40%|2sProgressbar2[060/100]██████████████████████████████████████████████60%|2sProgressbar3[008/100]██████████████████████████████████████████████8%|2sProgressbar4[004/100]██████████████████████████████████████████████4%|2sProgressbar5[013/100]██████████████████████████████████████████████13%|2s▄Spinner1(2s)▄Spinner2(2s)Progressbar1[044/100]██████████████████████████████████████████████44%|2sProgressbar2[066/100]██████████████████████████████████████████████66%|2sProgressbar5[014/100]██████████████████████████████████████████████14%|2sProgressbar1[048/100]██████████████████████████████████████████████48%|2sProgressbar2[072/100]██████████████████████████████████████████████72%|2sProgressbar3[009/100]██████████████████████████████████████████████9%|2sProgressbar5[016/100]██████████████████████████████████████████████16%|2s SUCCESS Spinner1isdone!▀Spinner2(3s)Progressbar1[052/100]██████████████████████████████████████████████52%|3sProgressbar2[078/100]██████████████████████████████████████████████78%|3sProgressbar3[010/100]██████████████████████████████████████████████10%|2sProgressbar4[005/100]██████████████████████████████████████████████5%|2sProgressbar5[017/100]██████████████████████████████████████████████17%|3s▄Spinner2(3s)Progressbar1[056/100]██████████████████████████████████████████████56%|3sProgressbar2[084/100]██████████████████████████████████████████████84%|3sProgressbar3[011/100]██████████████████████████████████████████████11%|3sProgressbar5[018/100]██████████████████████████████████████████████18%|3s ERROR Spinner2failed!Progressbar1[060/100]██████████████████████████████████████████████60%|3sProgressbar2[090/100]██████████████████████████████████████████████90%|3sProgressbar3[012/100]██████████████████████████████████████████████12%|3sProgressbar4[006/100]██████████████████████████████████████████████6%|3sProgressbar5[020/100]██████████████████████████████████████████████20%|3sProgressbar1[064/100]██████████████████████████████████████████████64%|3sProgressbar2[096/100]██████████████████████████████████████████████96%|3sProgressbar5[021/100]██████████████████████████████████████████████21%|3sProgressbar1[068/100]██████████████████████████████████████████████68%|3sProgressbar2[102/102]██████████████████████████████████████████████100%|3sProgressbar3[013/100]██████████████████████████████████████████████13%|3sProgressbar5[022/100]██████████████████████████████████████████████22%|3sProgressbar1[071/100]██████████████████████████████████████████████71%|4sProgressbar3[014/100]██████████████████████████████████████████████14%|4sProgressbar4[007/100]██████████████████████████████████████████████7%|4sProgressbar5[023/100]██████████████████████████████████████████████23%|3sProgressbar1[075/100]██████████████████████████████████████████████75%|4sProgressbar3[015/100]██████████████████████████████████████████████15%|4sProgressbar5[025/100]██████████████████████████████████████████████25%|4sProgressbar1[079/100]██████████████████████████████████████████████79%|4sProgressbar5[026/100]██████████████████████████████████████████████26%|4sProgressbar1[083/100]██████████████████████████████████████████████83%|4sProgressbar3[016/100]██████████████████████████████████████████████16%|4sProgressbar4[008/100]████████████████████████████Progressbar4[008/100]██████████████████████████████████████████████8%|4sProgressbar5[027/100]██████████████████████████████████████████████27%|4sProgressbar1[087/100]██████████████████████████████████████████████87%|4sProgressbar3[017/100]██████████████████████████████████████████████17%|4sProgressbar5[029/100]██████████████████████████████████████████████29%|4sProgressbar1[091/100]██████████████████████████████████████████████91%|5sProgressbar3[018/100]██████████████████████████████████████████████18%|5sProgressbar4[009/100]██████████████████████████████████████████████9%|5sProgressbar5[030/100]██████████████████████████████████████████████30%|5sProgressbar1[095/100]██████████████████████████████████████████████95%|5sProgressbar3[019/100]██████████████████████████████████████████████19%|5sProgressbar5[031/100]██████████████████████████████████████████████31%|5sProgressbar1[099/100]██████████████████████████████████████████████99%|5sProgressbar5[033/100]██████████████████████████████████Progressbar5[033/100]██████████████████████████████████████████████33%|5sProgressbar1[100/100]██████████████████████████████████████████████100%|5sProgressbar3[020/100]██████████████████████████████████████████████20%|5sProgressbar4[010/100]██████████████████████████████████████████████10%|5sProgressbar2[006/100]█████████████████Progressbar3[001/100]█████████████████████████████████████████████1%Progressbar5[001/100]██████████████████████Progressbar3[001/100]█████████████████████████Progressbar5[002/100]███████████████████████Progressbar2[018/100]████████████████Progressbar4[001/100]███████████████████████Progressbar2[024/100]███████████████████████████Progressbar4[001/100]██████████████████████Progressbar2[030/100]█████████████████████████████████████Progressbar4[002/100]██████████Progressbar5[006/100]██████████████████████████████████████████Progressbar2[036/100]████████████████████████████Progressbar5[008/100]█████████████████████████Progressbar5[008/100]██████████████████████████████████████████████8%|1sProgressbar2[042/100]█████████████████████████Progressbar4[002/100Progressbar5[009/100]████████████████████████████████Progressbar2[048/100]████████████████████████████████████████Progressbar4[003/100]███████████████Progressbar5[010/100]██████████████████████████████████████████████Progressbar2[054/100]████████████████████████████████████████████Progressbar5[012/100]█████████████████████████Progressbar2[060/100]██████████████████████████████████████████████60%Progressbar4[004/100]████████████████████████ProgressbaProgressbar4[004/100]█████████████████████████Progressbar2[072/100]██████████████████████████████████████████████72%Progressbar5[016/100]██████████████████████████Progressbar4[005/100]█████████████████████████████Progressbar4[005/100]█████████████████████████Progressbar4[006/100]████████████████████████████████████Progressbar4[006/100]███████████████████████████████████████Progressbar4[006/100]██████████████████████████████████████████Progressbar3[014/100]████████████Progressbar5[023/100]██████████████████████████████Progressbar3[015/100]███████████████Progressbar4[007/100]█████████████████████████████████████████████Progressbar4[007/100]██████████████████████████████████████████████Progressbar4[007/100]████Progressbar4[007/100]██████████████████████████████████████████████7%ProgressProgressbar3[018/100]████████████████████████████Progressbar5[030/100]█████████████████████████████████Progressbar4[009/100]█████████████████████████████Progressbar3[019/100]███████████████████████████████Progressbar3[020/100]██████████████████████████Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(255,255,255);white-space:pre}.h{fill:rgb(104,104,104);white-space:pre}.i{fill:rgb(0,198,255);white-space:pre}.j{fill:rgb(244,10,0);white-space:pre}.k{fill:rgb(160,160,160);white-space:pre}.l{fill:rgb(239,15,0);white-space:pre}.m{fill:rgb(255,0,0);white-space:pre}.n{fill:rgb(252,2,0);white-space:pre}.o{fill:rgb(234,20,0);white-space:pre}.p{fill:rgb(224,30,0);white-space:pre}.q{fill:rgb(209,45,0);white-space:pre}.r{fill:rgb(249,5,0);white-space:pre}.s{fill:rgb(214,40,0);white-space:pre}.t{fill:rgb(193,61,0);white-space:pre}.u{fill:rgb(247,7,0);white-space:pre}.v{fill:rgb(242,12,0);white-space:pre}.w{fill:rgb(204,51,0);white-space:pre}.x{fill:rgb(178,76,0);white-space:pre}.y{fill:rgb(163,91,0);white-space:pre}.z{fill:rgb(183,71,0);white-space:pre}.A{fill:rgb(147,107,0);white-space:pre}.B{fill:rgb(173,81,0);white-space:pre}.C{fill:rgb(132,122,0);white-space:pre}.D{fill:rgb(117,137,0);white-space:pre}.E{fill:rgb(237,17,0);white-space:pre}.F{fill:rgb(153,102,0);white-space:pre}.G{fill:rgb(102,153,0);white-space:pre}.H{fill:rgb(221,33,0);white-space:pre}.I{fill:rgb(142,112,0);white-space:pre}.J{fill:rgb(86,168,0);white-space:pre}.K{fill:rgb(219,35,0);white-space:pre}.L{fill:rgb(71,183,0);white-space:pre}.M{fill:rgb(232,22,0);white-space:pre}.N{fill:rgb(168,204,140)}.O{white-space:pre}.P{fill:rgb(124,255,0);white-space:pre}.Q{fill:rgb(122,132,0);white-space:pre}.R{fill:rgb(56,198,0);white-space:pre}.S{fill:rgb(229,25,0);white-space:pre}.T{fill:rgb(112,142,0);white-space:pre}.U{fill:rgb(40,214,0);white-space:pre}.V{fill:rgb(226,28,0);white-space:pre}.W{fill:rgb(232,131,136)}.X{fill:rgb(243,86,86);white-space:pre}.Y{fill:rgb(25,229,0);white-space:pre}.Z{fill:rgb(91,163,0);white-space:pre}.aa{fill:rgb(10,244,0);white-space:pre}.ab{fill:rgb(201,53,0);white-space:pre}.ac{fill:rgb(81,173,0);white-space:pre}.ad{fill:rgb(0,255,0);white-space:pre}.ae{fill:rgb(198,56,0);white-space:pre}.af{fill:rgb(61,193,0);white-space:pre}.ag{fill:rgb(216,38,0);white-space:pre}.ah{fill:rgb(191,63,0);white-space:pre}.ai{fill:rgb(51,204,0);white-space:pre}.aj{fill:rgb(188,66,0);white-space:pre}.ak{fill:rgb(30,224,0);white-space:pre}.al{fill:rgb(211,43,0);white-space:pre}.am{fill:rgb(181,73,0);white-space:pre}.an{fill:rgb(22,232,0);white-space:pre}.ao{fill:rgb(12,242,0);white-space:pre}.ap{fill:rgb(206,48,0);white-space:pre}.aq{fill:rgb(175,79,0);white-space:pre}.ar{fill:rgb(2,252,0);white-space:pre}.as{fill:rgb(170,84,0);white-space:pre}.at{fill:transparent}.av{animation-duration:10.246126s;animation-iteration-count:infinite;animation-name:au;animation-timing-function:steps(1,end)}@keyframes au{0%{transform:translateX(-0px)}1.6%{transform:translateX(-80px)}1.7%{transform:translateX(-160px)}1.7%{transform:translateX(-240px)}1.7%{transform:translateX(-320px)}1.7%{transform:translateX(-400px)}3.6%{transform:translateX(-480px)}3.6%{transform:translateX(-560px)}3.6%{transform:translateX(-640px)}3.6%{transform:translateX(-720px)}3.6%{transform:translateX(-800px)}3.6%{transform:translateX(-880px)}3.6%{transform:translateX(-960px)}3.6%{transform:translateX(-1040px)}3.6%{transform:translateX(-1120px)}3.6%{transform:translateX(-1200px)}3.6%{transform:translateX(-1280px)}3.6%{transform:translateX(-1360px)}3.6%{transform:translateX(-1440px)}3.6%{transform:translateX(-1520px)}3.6%{transform:translateX(-1600px)}3.6%{transform:translateX(-1680px)}3.6%{transform:translateX(-1760px)}5.6%{transform:translateX(-1840px)}5.6%{transform:translateX(-1920px)}5.6%{transform:translateX(-2000px)}5.6%{transform:translateX(-2080px)}7.5%{transform:translateX(-2160px)}7.5%{transform:translateX(-2240px)}7.5%{transform:translateX(-2320px)}7.5%{transform:translateX(-2400px)}7.5%{transform:translateX(-2480px)}7.5%{transform:translateX(-2560px)}7.5%{transform:translateX(-2640px)}7.5%{transform:translateX(-2720px)}9.5%{transform:translateX(-2800px)}9.5%{transform:translateX(-2880px)}9.5%{transform:translateX(-2960px)}9.5%{transform:translateX(-3040px)}9.5%{transform:translateX(-3120px)}9.5%{transform:translateX(-3200px)}9.5%{transform:translateX(-3280px)}9.5%{transform:translateX(-3360px)}11.4%{transform:translateX(-3440px)}11.4%{transform:translateX(-3520px)}11.4%{transform:translateX(-3600px)}11.4%{transform:translateX(-3680px)}11.4%{transform:translateX(-3760px)}11.4%{transform:translateX(-3840px)}11.4%{transform:translateX(-3920px)}11.4%{transform:translateX(-4000px)}11.4%{transform:translateX(-4080px)}11.4%{transform:translateX(-4160px)}11.4%{transform:translateX(-4240px)}11.4%{transform:translateX(-4320px)}11.4%{transform:translateX(-4400px)}11.4%{transform:translateX(-4480px)}11.4%{transform:translateX(-4560px)}11.4%{transform:translateX(-4640px)}13.4%{transform:translateX(-4720px)}13.4%{transform:translateX(-4800px)}13.4%{transform:translateX(-4880px)}13.4%{transform:translateX(-4960px)}13.4%{transform:translateX(-5040px)}13.4%{transform:translateX(-5120px)}13.4%{transform:translateX(-5200px)}15.3%{transform:translateX(-5280px)}15.3%{transform:translateX(-5360px)}15.3%{transform:translateX(-5440px)}15.3%{transform:translateX(-5520px)}15.3%{transform:translateX(-5600px)}15.3%{transform:translateX(-5680px)}17.3%{transform:translateX(-5760px)}17.3%{transform:translateX(-5840px)}17.3%{transform:translateX(-5920px)}17.3%{transform:translateX(-6000px)}17.3%{transform:translateX(-6080px)}19.3%{transform:translateX(-6160px)}19.3%{transform:translateX(-6240px)}19.3%{transform:translateX(-6320px)}19.3%{transform:translateX(-6400px)}19.3%{transform:translateX(-6480px)}19.3%{transform:translateX(-6560px)}19.3%{transform:translateX(-6640px)}21.2%{transform:translateX(-6720px)}21.2%{transform:translateX(-6800px)}21.2%{transform:translateX(-6880px)}21.2%{transform:translateX(-6960px)}21.2%{transform:translateX(-7040px)}23.2%{transform:translateX(-7120px)}23.2%{transform:translateX(-7200px)}23.2%{transform:translateX(-7280px)}23.2%{transform:translateX(-7360px)}23.2%{transform:translateX(-7440px)}23.2%{transform:translateX(-7520px)}23.2%{transform:translateX(-7600px)}23.2%{transform:translateX(-7680px)}23.2%{transform:translateX(-7760px)}23.2%{transform:translateX(-7840px)}23.2%{transform:translateX(-7920px)}25.1%{transform:translateX(-8000px)}25.1%{transform:translateX(-8080px)}25.1%{transform:translateX(-8160px)}25.1%{transform:translateX(-8240px)}25.1%{transform:translateX(-8320px)}25.1%{transform:translateX(-8400px)}25.1%{transform:translateX(-8480px)}27.1%{transform:translateX(-8560px)}27.1%{transform:translateX(-8640px)}27.1%{transform:translateX(-8720px)}27.1%{transform:translateX(-8800px)}27.1%{transform:translateX(-8880px)}27.1%{transform:translateX(-8960px)}29%{transform:translateX(-9040px)}29%{transform:translateX(-9120px)}29%{transform:translateX(-9200px)}29%{transform:translateX(-9280px)}29%{transform:translateX(-9360px)}31.3%{transform:translateX(-9440px)}31.3%{transform:translateX(-9520px)}31.3%{transform:translateX(-9600px)}31.3%{transform:translateX(-9680px)}31.3%{transform:translateX(-9760px)}31.3%{transform:translateX(-9840px)}31.3%{transform:translateX(-9920px)}31.3%{transform:translateX(-10000px)}32.9%{transform:translateX(-10080px)}32.9%{transform:translateX(-10160px)}32.9%{transform:translateX(-10240px)}32.9%{transform:translateX(-10320px)}34.8%{transform:translateX(-10400px)}34.9%{transform:translateX(-10480px)}34.9%{transform:translateX(-10560px)}34.9%{transform:translateX(-10640px)}34.9%{transform:translateX(-10720px)}34.9%{transform:translateX(-10800px)}34.9%{transform:translateX(-10880px)}34.9%{transform:translateX(-10960px)}34.9%{transform:translateX(-11040px)}34.9%{transform:translateX(-11120px)}34.9%{transform:translateX(-11200px)}35.8%{transform:translateX(-11280px)}36.7%{transform:translateX(-11360px)}36.8%{transform:translateX(-11440px)}36.8%{transform:translateX(-11520px)}36.8%{transform:translateX(-11600px)}36.8%{transform:translateX(-11680px)}36.8%{transform:translateX(-11760px)}36.8%{transform:translateX(-11840px)}36.8%{transform:translateX(-11920px)}36.8%{transform:translateX(-12000px)}37.7%{transform:translateX(-12080px)}38.7%{transform:translateX(-12160px)}38.8%{transform:translateX(-12240px)}38.8%{transform:translateX(-12320px)}38.8%{transform:translateX(-12400px)}38.8%{transform:translateX(-12480px)}38.8%{transform:translateX(-12560px)}38.8%{transform:translateX(-12640px)}38.8%{transform:translateX(-12720px)}39.7%{transform:translateX(-12800px)}40.7%{transform:translateX(-12880px)}40.7%{transform:translateX(-12960px)}40.7%{transform:translateX(-13040px)}40.7%{transform:translateX(-13120px)}40.7%{transform:translateX(-13200px)}41.7%{transform:translateX(-13280px)}42.6%{transform:translateX(-13360px)}42.7%{transform:translateX(-13440px)}42.7%{transform:translateX(-13520px)}42.7%{transform:translateX(-13600px)}42.7%{transform:translateX(-13680px)}42.7%{transform:translateX(-13760px)}42.7%{transform:translateX(-13840px)}42.7%{transform:translateX(-13920px)}42.7%{transform:translateX(-14000px)}42.7%{transform:translateX(-14080px)}43.6%{transform:translateX(-14160px)}44.6%{transform:translateX(-14240px)}44.6%{transform:translateX(-14320px)}44.6%{transform:translateX(-14400px)}44.6%{transform:translateX(-14480px)}44.6%{transform:translateX(-14560px)}44.6%{transform:translateX(-14640px)}45.6%{transform:translateX(-14720px)}46.6%{transform:translateX(-14800px)}46.6%{transform:translateX(-14880px)}46.6%{transform:translateX(-14960px)}46.6%{transform:translateX(-15040px)}46.6%{transform:translateX(-15120px)}46.6%{transform:translateX(-15200px)}46.6%{transform:translateX(-15280px)}46.6%{transform:translateX(-15360px)}47.6%{transform:translateX(-15440px)}48.5%{transform:translateX(-15520px)}48.5%{transform:translateX(-15600px)}48.5%{transform:translateX(-15680px)}48.5%{transform:translateX(-15760px)}48.5%{transform:translateX(-15840px)}48.5%{transform:translateX(-15920px)}49.5%{transform:translateX(-16000px)}50.5%{transform:translateX(-16080px)}50.5%{transform:translateX(-16160px)}50.5%{transform:translateX(-16240px)}50.5%{transform:translateX(-16320px)}50.5%{transform:translateX(-16400px)}50.5%{transform:translateX(-16480px)}51.2%{transform:translateX(-16560px)}51.2%{transform:translateX(-16640px)}51.2%{transform:translateX(-16720px)}51.2%{transform:translateX(-16800px)}51.2%{transform:translateX(-16880px)}51.2%{transform:translateX(-16960px)}51.2%{transform:translateX(-17040px)}100%{transform:translateX(-17120px)}}▀Spinner1(0s)▀Spinner2(0s)Progressbar1[004/100]██████████████████████████████████████████████4%|0sProgressbar2[006/100]██████████████████████████████████████████████6%|0sProgressbar3[000/100]█████████████████████████████████████████████0%|0sProgressbar4[000/100]█████████████████████████████████████████████0%|0sProgressbar5[001/100]█████████████████████████████████████████████1%|0s▄Spinner1(0s)▄Spinner2(0s)Progressbar1[008/100]██████████████████████████████████████████████8%|0sProgressbar2[012/100]██████████████████████████████████████████████12%|0sProgressbar3[001/100]█████████████████████████████████████████████1%|0s▄Spinner1(1s)▄Spinner2(1s)Progressbar1[012/100]██████████████████████████████████████████████12%|1sProgressbar2[018/100]██████████████████████████████████████████████18%|1sProgressbar3[002/100]█████████████████████████████████████████████2%|0sProgressbar4[001/100]█████████████████████████████████████████████1%|0s▀Spinner1(1s)▀Spinner2(1s)Progressbar1[016/100]██████████████████████████████████████████████16%|1sProgressbar2[024/100]██████████████████████████████████████████████24%|1sProgressbar3[003/100]██████████████████████████████████████████████3%|1sProgressbar5[005/100]██████████████████████████████████████████████5%|1s▀Spinner1(1s)▀Spinner2(1s)Progressbar1[020/100]██████████████████████████████████████████████20%|1sProgressbar2[030/100]██████████████████████████████████████████████30%|1sProgressbar3[004/100]██████████████████████████████████████████████4%|1sProgressbar4[002/100]█████████████████████████████████████████████2%|1s▄Spinner1(1s)▄Spinner2(1s)Progressbar1[024/100]██████████████████████████████████████████████24%|1sProgressbar2[036/100]██████████████████████████████████████████████36%|1sProgressbar1[028/100]██████████████████████████████████████████████28%|1sProgressbar2[042/100]██████████████████████████████████████████████42%|1sProgressbar3[005/100]██████████████████████████████████████████████5%|1s▀Spinner1(2s)▀Spinner2(2s)Progressbar1[032/100]██████████████████████████████████████████████32%|2sProgressbar2[048/100]██████████████████████████████████████████████48%|2sProgressbar3[006/100]██████████████████████████████████████████████6%|1sProgressbar4[003/100]██████████████████████████████████████████████3%|1s▀Spinner1(2s)▀Spinner2(2s)Progressbar1[036/100]██████████████████████████████████████████████36%|2sProgressbar2[054/100]██████████████████████████████████████████████54%|2sProgressbar3[007/100]██████████████████████████████████████████████7%|2sProgressbar5[012/100]██████████████████████████████████████████████12%|2sProgressbar1[040/100]██████████████████████████████████████████████40%|2sProgressbar2[060/100]██████████████████████████████████████████████60%|2sProgressbar3[008/100]██████████████████████████████████████████████8%|2sProgressbar4[004/100]██████████████████████████████████████████████4%|2sProgressbar5[013/100]██████████████████████████████████████████████13%|2s▄Spinner1(2s)▄Spinner2(2s)Progressbar1[044/100]██████████████████████████████████████████████44%|2sProgressbar2[066/100]██████████████████████████████████████████████66%|2sProgressbar5[014/100]██████████████████████████████████████████████14%|2s▄Spinner1(2s)▄Spinner2(2s)Progressbar1[048/100]██████████████████████████████████████████████48%|2sProgressbar2[072/100]██████████████████████████████████████████████72%|2sProgressbar3[009/100]██████████████████████████████████████████████9%|2s SUCCESS Spinner1isdone!Progressbar1[052/100]██████████████████████████████████████████████52%|3sProgressbar2[078/100]██████████████████████████████████████████████78%|3sProgressbar3[010/100]██████████████████████████████████████████████10%|2sProgressbar4[005/100]█████████████████████████Progressbar4[005/100]██████████████████████████████████████████████5%|2s▀Spinner2(3s)Progressbar1[056/100]██████████████████████████████████████████████56%|3sProgressbar2[084/100]██████████████████████████████████████████████84%|3sProgressbar3[011/100]██████████████████████████████████████████████11%|3sProgressbar5[018/100]██████████████████████████████████████████████18%|3s ERROR Spinner2failed!Progressbar1[060/100]██████████████████████████████████████████████60%|3sProgressbar2[090/100]██████████████████████████████████████████████90%|3sProgressbar3[012/100]██████████████████████████████████████████████12%|3sProgressbar4[006/100]██████████████████████████████████████████████6%|3sProgressbar1[064/100]██████████████████████████████████████████████64%|3sProgressbar2[096/100]██████████████████████████████████████████████96%|3sProgressbar5[021/100]██████████████████████████████████████████████21%|3sProgressbar1[068/100]██████████████████████████████████████████████68%|3sProgressbar2[102/102]██████████████████████████████████████████████100%|3sProgressbar3[013/100]██████████████████████████████████████████████13%|3sProgressbar5[022/100]██████████████████████████████████████████████22%|3sProgressbar1[072/100]██████████████████████████████████████████████72%|4sProgressbar3[014/100]██████████████████████████████████████████████14%|3sProgressbar4[007/100]██████████████████████████████████████████████7%|3sProgressbar5[024/100]██████████████████████████████████████████████24%|4sProgressbar1[076/100]██████████████████████████████████████████████76%|4sProgressbar3[015/100]██████████████████████████████████████████████15%|4sProgressbar5[025/100]██████████████████████████████████████████████25%|4sProgressbar1[080/100]██████████████████████████████████████████████80%|4sProgressbar3[016/100]██████████████████████████████████████████████16%|4sProgressbar4[008/100]██████████████████████████████████████████████8%|4sProgressbar5[026/100]██████████████████████████████████████████████26%|4sProgressbar1[084/100]██████████████████████████████████████████████84%|4sProgressbar5[028/100]██████████████████████████████████████████████28%|4sProgressbar1[088/100]██████████████████████████████████████████████88%|4sProgressbar3[017/100]██████████████████████████████████████████████17%|4sProgressbar5Progressbar5[029/100]██████████████████████████████████████████████29%|4sProgressbar1[091/100]██████████████████████████████████████████████91%|5sProgressbar3[018/100]██████████████████████████████████████████████18%|5sProgressbar4[009/100]██████████████████████████████████████████████9%|4sProgressbar5[030/100]██████████████████████████████████████████████30%|4sProgressbar1[095/100]██████████████████████████████████████████████95%|5sProgressbar3[019/100]██████████████████████████████████████████████19%|5sProgressbar5[031/100]██████████████████████████████████████████████31%|5sProgressbar1[099/100]██████████████████████████████████████████████99%|5sProgressbar5[033/100]██████████████████████████████████████████████33%|5sProgressbar1[100/100]██████████████████████████████████████████████100%|5sProgressbar3[020/100]██████████████████████████████████████████████20%|5sProgressbar4[010/100]██████████████████████████████████████████████10%|5sProgressbar3[000/100]████████████████████████████████████████Progressbar2[012/100]████████Progressbar3[001/100]██████████████████████████████████████Progressbar5[002/100]█████████████Progressbar5[002/100]█████████████████████████████████████████████2%|0sProgressbar3[002/100]███████████████████████████Progressbar5[004/100]███████████████████████Progressbar5[004/100]██████████████████████████████████████████████4%|1sProgressbar4Progressbar4[002/1Progressbar5[006/100]██████████████████████████████Progressbar5[006/100]██████████████████████████████████████████████6%|1sProgressbar4[002/100]██████████████████████Progressbar5[008/100]██████████████████████████████████████████████8%|1sProgressbar2[042/100]███████████████████████████████████████████Progressbar4[002/100]█████Progressbar5[009/100]██████████████████████████████████████Progressbar5[009/100]██████████████████████████████████████████████9%|1sProgressbar3[006/100]██████████████████████████████████████Progressbar5[010/100]██████████████████████████████████████████████10%|1sProgressbar4[003/100]███████████████████████Progressbar2[060/100]████████████████████████████████████Progressbar4[004/100]███████████Progressbar5[013/100]████████████████████████████████████████████Progressbar4[004/100]███████████████████Progressbar3[009/100]██████████████████████████████████████████████9Progressbar5[016/100]██████████████████████████████████████████████16%|2sProgressbar5[017/100]██████████████████████████████████████████████17%|3sProgressbar4[006/100]██████████████████████████Progressbar5[020/100]██████████████████████████████████████████████20%|3sProgressbar3[012/100]██████Progressbar4[006/100]████████████████████████████████████Progressbar3[016/100]█████████████Progressbar4[008/100]███████████████████████████████████████████Progressbar3[017/100]████████████████████Progressbar3[018/100]██████████████████Progressbar4[009/100]██████████████████████████████Progressbar3[019/100]███████████████████Progressbar4[010/100]██████████████████████████████Restartinganimation...
\ No newline at end of file
diff --git a/_examples/panel/demo/animation.svg b/_examples/panel/demo/animation.svg
index 2fe16cd40..124bd8f4f 100644
--- a/_examples/panel/demo/animation.svg
+++ b/_examples/panel/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(111,119,131)}.h{fill:rgb(255,255,255);font-weight:bold;white-space:pre}.i{fill:rgb(255,0,4);white-space:pre}.j{fill:transparent}.l{animation-duration:5.270788s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}5.1%{transform:translateX(-80px)}100%{transform:translateX(-160px)}}Thisisthefirstpanel This Hello, World! panel containsmultiplelinesThisisanotherThisisthesecondpanelpanellinewithanewlineRestartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(111,119,131)}.h{fill:rgb(255,255,255);font-weight:bold;white-space:pre}.i{fill:rgb(255,0,4);white-space:pre}.j{fill:transparent}.l{animation-duration:5.336125s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}5.5%{transform:translateX(-80px)}6.3%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Thisisthefirstpanel This Hello, World! panel containsmultiplelinesThisisanotherThisisthesecondpanelpanellinewithanewlineRestartinganimation...
\ No newline at end of file
diff --git a/_examples/paragraph/customized/animation.svg b/_examples/paragraph/customized/animation.svg
index b93454484..c978d7b70 100644
--- a/_examples/paragraph/customized/animation.svg
+++ b/_examples/paragraph/customized/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.241828s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}3.6%{transform:translateX(-80px)}4.6%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Thisisacustomparagraphprinter.Asyoucansee,nowordsareseparated,butthetextissplitatthespaces.Thisisusefulforcontinuoustextofallkinds.Youcanmanuallychangethelinewidthifyouwantto.Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamThistextiswrittenwiththedefaultPrintln()function.Nointelligentsplittinghere.Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamRestartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.304199s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}3.9%{transform:translateX(-80px)}5.7%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Thisisacustomparagraphprinter.Asyoucansee,nowordsareseparated,butthetextissplitatthespaces.Thisisusefulforcontinuoustextofallkinds.Youcanmanuallychangethelinewidthifyouwantto.Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamThistextiswrittenwiththedefaultPrintln()function.Nointelligentsplittinghere.Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamRestartinganimation...
\ No newline at end of file
diff --git a/_examples/paragraph/demo/animation.svg b/_examples/paragraph/demo/animation.svg
index ed84f416a..73154b560 100644
--- a/_examples/paragraph/demo/animation.svg
+++ b/_examples/paragraph/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.266363s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}3.8%{transform:translateX(-80px)}5.1%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Thisisthedefaultparagraphprinter.Asyoucansee,nowordsareseparated,butthetextissplitatthespaces.Thisisusefulforcontinuoustextofallkinds.Youcanmanuallychangethelinewidthifyouwantto.Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamThistextiswrittenwiththedefaultPrintln()function.Nointelligentsplittinghere.Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamRestartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.314828s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}4.7%{transform:translateX(-80px)}5.9%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Thisisthedefaultparagraphprinter.Asyoucansee,nowordsareseparated,butthetextissplitatthespaces.Thisisusefulforcontinuoustextofallkinds.Youcanmanuallychangethelinewidthifyouwantto.Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamThistextiswrittenwiththedefaultPrintln()function.Nointelligentsplittinghere.Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamRestartinganimation...
\ No newline at end of file
diff --git a/_examples/prefix/demo/animation.svg b/_examples/prefix/demo/animation.svg
index bf2531bb3..649e591c2 100644
--- a/_examples/prefix/demo/animation.svg
+++ b/_examples/prefix/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(111,119,131)}.g{white-space:pre}.h{fill:rgb(104,104,104);white-space:pre}.i{fill:rgb(102,194,205)}.j{fill:rgb(126,231,233);white-space:pre}.k{fill:rgb(168,204,140)}.l{fill:rgb(124,255,0);white-space:pre}.m{fill:rgb(219,171,121)}.n{fill:rgb(255,241,0);white-space:pre}.o{fill:rgb(232,131,136)}.p{fill:rgb(243,86,86);white-space:pre}.q{fill:transparent}.s{animation-duration:5.336621s;animation-iteration-count:infinite;animation-name:r;animation-timing-function:steps(1,end)}.t{fill:rgb(160,160,160);white-space:pre}@keyframes r{0%{transform:translateX(-0px)}4.6%{transform:translateX(-80px)}6.3%{transform:translateX(-160px)}100%{transform:translateX(-240px)}} DEBUG Hello,World! INFO Hello,World! SUCCESS Hello,World! WARNING Hello,World! ERROR Errorsshowthefilenameandlinenumberinsidetheterminal! INFO OtherPrefixPrinterscandothattoo!└(/github/workspace/_examples/prefix/demo/main.go:14) FATAL Hello,World!Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(111,119,131)}.g{white-space:pre}.h{fill:rgb(104,104,104);white-space:pre}.i{fill:rgb(102,194,205)}.j{fill:rgb(126,231,233);white-space:pre}.k{fill:rgb(168,204,140)}.l{fill:rgb(124,255,0);white-space:pre}.m{fill:rgb(219,171,121)}.n{fill:rgb(255,241,0);white-space:pre}.o{fill:rgb(232,131,136)}.p{fill:rgb(243,86,86);white-space:pre}.q{fill:transparent}.s{animation-duration:5.340183s;animation-iteration-count:infinite;animation-name:r;animation-timing-function:steps(1,end)}.t{fill:rgb(160,160,160);white-space:pre}@keyframes r{0%{transform:translateX(-0px)}5.6%{transform:translateX(-80px)}6.4%{transform:translateX(-160px)}100%{transform:translateX(-240px)}} DEBUG Hello,World! INFO Hello,World! SUCCESS Hello,World! WARNING Hello,World! ERROR Errorsshowthefilenameandlinenumberinsidetheterminal! INFO OtherPrefixPrinterscandothattoo!└(/github/workspace/_examples/prefix/demo/main.go:14) FATAL Hello,World!Restartinganimation...
\ No newline at end of file
diff --git a/_examples/progressbar/demo/animation.svg b/_examples/progressbar/demo/animation.svg
index 1aa3a9f3e..d0628c5ee 100644
--- a/_examples/progressbar/demo/animation.svg
+++ b/_examples/progressbar/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(168,204,140)}.g{white-space:pre}.h{fill:rgb(124,255,0);white-space:pre}.i{fill:rgb(126,231,233);white-space:pre}.j{fill:rgb(104,104,104);white-space:pre}.k{fill:rgb(255,255,255);white-space:pre}.l{fill:rgb(0,198,255);white-space:pre}.m{fill:rgb(233,21,0);white-space:pre}.n{fill:rgb(160,160,160);white-space:pre}.o{fill:rgb(212,42,0);white-space:pre}.p{fill:rgb(191,63,0);white-space:pre}.q{fill:rgb(170,85,0);white-space:pre}.r{fill:rgb(148,106,0);white-space:pre}.s{fill:rgb(127,127,0);white-space:pre}.t{fill:rgb(106,148,0);white-space:pre}.u{fill:rgb(85,170,0);white-space:pre}.v{fill:rgb(63,191,0);white-space:pre}.w{fill:rgb(42,212,0);white-space:pre}.x{fill:rgb(21,233,0);white-space:pre}.y{fill:rgb(0,255,0);white-space:pre}.z{fill:transparent}.B{animation-duration:12.094893s;animation-iteration-count:infinite;animation-name:A;animation-timing-function:steps(1,end)}.C{fill:rgb(255,0,0);white-space:pre}@keyframes A{0%{transform:translateX(-0px)}1.8%{transform:translateX(-80px)}2.5%{transform:translateX(-160px)}2.5%{transform:translateX(-240px)}2.5%{transform:translateX(-320px)}4.7%{transform:translateX(-400px)}4.8%{transform:translateX(-480px)}4.8%{transform:translateX(-560px)}4.8%{transform:translateX(-640px)}7.7%{transform:translateX(-720px)}7.7%{transform:translateX(-800px)}7.7%{transform:translateX(-880px)}7.7%{transform:translateX(-960px)}10.1%{transform:translateX(-1040px)}10.6%{transform:translateX(-1120px)}10.6%{transform:translateX(-1200px)}10.6%{transform:translateX(-1280px)}10.6%{transform:translateX(-1360px)}10.6%{transform:translateX(-1440px)}13.5%{transform:translateX(-1520px)}13.5%{transform:translateX(-1600px)}13.5%{transform:translateX(-1680px)}13.5%{transform:translateX(-1760px)}16.4%{transform:translateX(-1840px)}16.4%{transform:translateX(-1920px)}16.4%{transform:translateX(-2000px)}16.4%{transform:translateX(-2080px)}18.4%{transform:translateX(-2160px)}26.7%{transform:translateX(-2240px)}34.9%{transform:translateX(-2320px)}43.2%{transform:translateX(-2400px)}44.1%{transform:translateX(-2480px)}44.1%{transform:translateX(-2560px)}44.1%{transform:translateX(-2640px)}44.1%{transform:translateX(-2720px)}44.1%{transform:translateX(-2800px)}47%{transform:translateX(-2880px)}47%{transform:translateX(-2960px)}47%{transform:translateX(-3040px)}47%{transform:translateX(-3120px)}47%{transform:translateX(-3200px)}49.9%{transform:translateX(-3280px)}49.9%{transform:translateX(-3360px)}49.9%{transform:translateX(-3440px)}49.9%{transform:translateX(-3520px)}49.9%{transform:translateX(-3600px)}51.5%{transform:translateX(-3680px)}52.8%{transform:translateX(-3760px)}52.8%{transform:translateX(-3840px)}52.8%{transform:translateX(-3920px)}52.8%{transform:translateX(-4000px)}52.8%{transform:translateX(-4080px)}55.7%{transform:translateX(-4160px)}55.8%{transform:translateX(-4240px)}55.8%{transform:translateX(-4320px)}55.8%{transform:translateX(-4400px)}58.7%{transform:translateX(-4480px)}58.7%{transform:translateX(-4560px)}58.7%{transform:translateX(-4640px)}58.7%{transform:translateX(-4720px)}58.7%{transform:translateX(-4800px)}58.7%{transform:translateX(-4880px)}58.7%{transform:translateX(-4960px)}100%{transform:translateX(-5040px)}} SUCCESS Downloadingpseudo-excelDownloadingpseudo-photoshop[01/12]█████████████████████████████████8%|0s SUCCESS Downloadingpseudo-photoshopDownloadingpseudo-chrome[02/12]████████████████████████████████████17%|1s SUCCESS Downloadingpseudo-chromeDownloadingpseudo-chrome[03/12]████████████████████████████████████25%|1sDownloadingpseudo-outlook[03/12]███████████████████████████████████25%|1s SUCCESS Downloadingpseudo-outlookDownloadingpseudo-explorer[04/12]██████████████████████████████████33%|1s SUCCESS Downloadingpseudo-explorerDownloadingpseudo-dops[05/12]██████████████████████████████████████42%|2s SUCCESS Downloadingpseudo-dopsDownloadingpseudo-dops[06/12]██████████████████████████████████████50%|2sDownloadingpseudo-git[06/12]███████████████████████████████████████50%|5s SUCCESS Downloadingpseudo-gitDownloadingpseudo-vsc[07/12]███████████████████████████████████████58%|5s SUCCESS Downloadingpseudo-vscDownloadingpseudo-intellij[08/12]██████████████████████████████████67%|6s SUCCESS Downloadingpseudo-intellijDownloadingpseudo-intellij[09/12]██████████████████████████████████75%|6sDownloadingpseudo-minecraft[09/12]█████████████████████████████████75%|6s SUCCESS Downloadingpseudo-minecraftDownloadingpseudo-scoop[10/12]█████████████████████████████████████83%|7s SUCCESS Downloadingpseudo-scoopDownloadingpseudo-chocolatey[11/12]████████████████████████████████92%|7s SUCCESS Downloadingpseudo-chocolateyDownloadingpseudo-chocolatey[12/12]████████████████████████████████100%|7sDownloadingpseudo-excel[00/12]████████████████████████████████████0%|0sDownloadingpseudo-excel[01/12]████████████████████████████████████0%|0sDownloadingpseudo-excel[01/12]█████████████████████████████████████8%|0sDownloadingpseudo-photoshop[02/12]█████████████████████████████████17%|0sDownloadingpseudo-outlook[04/12]███████████████████████████████████33%|1sDownloadingpseudo-explorer[05/12]██████████████████████████████████42%|1sDownloadingpseudo-dops[06/12]██████████████████████████████████████50%|3sDownloadingpseudo-dops[06/12]██████████████████████████████████████50%|4sDownloadingpseudo-dops[06/12]██████████████████████████████████████50%|5sDownloadingpseudo-git[07/12]███████████████████████████████████████58%|5sDownloadingpseudo-vsc[08/12]███████████████████████████████████████67%|5sDownloadingpseudo-minecraft[10/12]█████████████████████████████████83%|6sDownloadingpseudo-scoop[11/12]█████████████████████████████████████92%|7sRestartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(168,204,140)}.g{white-space:pre}.h{fill:rgb(124,255,0);white-space:pre}.i{fill:rgb(126,231,233);white-space:pre}.j{fill:rgb(104,104,104);white-space:pre}.k{fill:rgb(255,255,255);white-space:pre}.l{fill:rgb(0,198,255);white-space:pre}.m{fill:rgb(233,21,0);white-space:pre}.n{fill:rgb(160,160,160);white-space:pre}.o{fill:rgb(212,42,0);white-space:pre}.p{fill:rgb(191,63,0);white-space:pre}.q{fill:rgb(170,85,0);white-space:pre}.r{fill:rgb(148,106,0);white-space:pre}.s{fill:rgb(127,127,0);white-space:pre}.t{fill:rgb(63,191,0);white-space:pre}.u{fill:rgb(21,233,0);white-space:pre}.v{fill:rgb(0,255,0);white-space:pre}.w{fill:transparent}.y{animation-duration:12.154373s;animation-iteration-count:infinite;animation-name:x;animation-timing-function:steps(1,end)}.z{fill:rgb(255,0,0);white-space:pre}.A{fill:rgb(106,148,0);white-space:pre}.B{fill:rgb(85,170,0);white-space:pre}.C{fill:rgb(42,212,0);white-space:pre}@keyframes x{0%{transform:translateX(-0px)}2.1%{transform:translateX(-80px)}2.7%{transform:translateX(-160px)}2.7%{transform:translateX(-240px)}2.7%{transform:translateX(-320px)}5.3%{transform:translateX(-400px)}5.3%{transform:translateX(-480px)}5.3%{transform:translateX(-560px)}5.3%{transform:translateX(-640px)}8.2%{transform:translateX(-720px)}8.2%{transform:translateX(-800px)}8.2%{transform:translateX(-880px)}8.2%{transform:translateX(-960px)}10.6%{transform:translateX(-1040px)}11.1%{transform:translateX(-1120px)}11.1%{transform:translateX(-1200px)}11.1%{transform:translateX(-1280px)}11.1%{transform:translateX(-1360px)}11.1%{transform:translateX(-1440px)}13.9%{transform:translateX(-1520px)}14%{transform:translateX(-1600px)}14%{transform:translateX(-1680px)}14%{transform:translateX(-1760px)}14%{transform:translateX(-1840px)}16.8%{transform:translateX(-1920px)}16.8%{transform:translateX(-2000px)}16.8%{transform:translateX(-2080px)}16.8%{transform:translateX(-2160px)}16.8%{transform:translateX(-2240px)}18.8%{transform:translateX(-2320px)}27.1%{transform:translateX(-2400px)}35.3%{transform:translateX(-2480px)}43.5%{transform:translateX(-2560px)}44.4%{transform:translateX(-2640px)}44.4%{transform:translateX(-2720px)}47.3%{transform:translateX(-2800px)}47.3%{transform:translateX(-2880px)}50.2%{transform:translateX(-2960px)}50.2%{transform:translateX(-3040px)}51.8%{transform:translateX(-3120px)}53.1%{transform:translateX(-3200px)}53.1%{transform:translateX(-3280px)}56%{transform:translateX(-3360px)}56%{transform:translateX(-3440px)}58.9%{transform:translateX(-3520px)}58.9%{transform:translateX(-3600px)}58.9%{transform:translateX(-3680px)}58.9%{transform:translateX(-3760px)}58.9%{transform:translateX(-3840px)}58.9%{transform:translateX(-3920px)}58.9%{transform:translateX(-4000px)}58.9%{transform:translateX(-4080px)}100%{transform:translateX(-4160px)}} SUCCESS Downloadingpseudo-excelDownloadingpseudo-photoshop[01/12]█████████████████████████████████8%|0s SUCCESS Downloadingpseudo-photoshopDownloadingpseudo-chrome[02/12]████████████████████████████████████17%|1s SUCCESS Downloadingpseudo-chromeDownloadingpseudo-chrome[03/12]████████████████████████████████████25%|1sDownloadingpseudo-outlook[03/12]███████████████████████████████████25%|1s SUCCESS Downloadingpseudo-outlookDownloadingpseudo-explorer[04/12]██████████████████████████████████33%|1s SUCCESS Downloadingpseudo-explorerDownloadingpseudo-dops[05/12]██████████████████████████████████████42%|2s SUCCESS Downloadingpseudo-dopsDownloadingpseudo-dops[06/12]██████████████████████████████████████50%|2s SUCCESS Downloadingpseudo-git SUCCESS Downloadingpseudo-vsc SUCCESS Downloadingpseudo-intellijDownloadingpseudo-intellij[09/12]██████████████████████████████████75%|6s SUCCESS Downloadingpseudo-minecraft SUCCESS Downloadingpseudo-scoopDownloadingpseudo-chocolatey[11/12]████████████████████████████████92%|7s SUCCESS Downloadingpseudo-chocolateyDownloadingpseudo-chocolatey[12/12]████████████████████████████████100%|7sDownloadingpseudo-excel[00/12]████████████████████████████████████0%|0sDownloadingpseudo-excel[01/12]████████████████████████████████████0%|0sDownloadingpseudo-excel[01/12]█████████████████████████████████████8%|0sDownloadingpseudo-photoshop[02/12]█████████████████████████████████17%|0sDownloadingpseudo-outlook[04/12]███████████████████████████████████33%|1sDownloadingpseudo-explorer[05/12]██████████████████████████████████42%|1sDownloadingpseudo-dops[06/12]██████████████████████████████████████50%|3sDownloadingpseudo-dops[06/12]██████████████████████████████████████50%|4sDownloadingpseudo-dops[06/12]██████████████████████████████████████50%|5sDownloadingpseudo-git[06/12]███████████████████████████████████████50%|5sDownloadingpseudo-git[07/12]███████████████████████████████████████58%|5sDownloadingpseudo-vsc[07/12]███████████████████████████████████████58%|5sDownloadingpseudo-vsc[08/12]███████████████████████████████████████67%|5sDownloadingpseudo-intellij[09/12]██████████████████████████████████67%|6sDownloadingpseudo-minecraft[10/12]█████████████████████████████████75%|6sDownloadingpseudo-minecraft[10/12]█████████████████████████████████83%|6sDownloadingpseudo-scoop[11/12]█████████████████████████████████████83%|7sDownloadingpseudo-scoop[11/12]█████████████████████████████████████92%|7sRestartinganimation...
\ No newline at end of file
diff --git a/_examples/progressbar/multiple/animation.svg b/_examples/progressbar/multiple/animation.svg
index 354478385..2efeb744c 100644
--- a/_examples/progressbar/multiple/animation.svg
+++ b/_examples/progressbar/multiple/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:rgb(255,255,255);white-space:pre}.i{fill:rgb(0,198,255);white-space:pre}.j{fill:rgb(244,10,0);white-space:pre}.k{fill:rgb(160,160,160);white-space:pre}.l{fill:rgb(239,15,0);white-space:pre}.m{fill:rgb(255,0,0);white-space:pre}.n{fill:rgb(252,2,0);white-space:pre}.o{fill:rgb(234,20,0);white-space:pre}.p{fill:rgb(224,30,0);white-space:pre}.q{fill:rgb(249,5,0);white-space:pre}.r{fill:rgb(209,45,0);white-space:pre}.s{fill:rgb(214,40,0);white-space:pre}.t{fill:rgb(193,61,0);white-space:pre}.u{fill:rgb(247,7,0);white-space:pre}.v{fill:rgb(204,51,0);white-space:pre}.w{fill:rgb(178,76,0);white-space:pre}.x{fill:rgb(163,91,0);white-space:pre}.y{fill:rgb(183,71,0);white-space:pre}.z{fill:rgb(147,107,0);white-space:pre}.A{fill:rgb(242,12,0);white-space:pre}.B{fill:rgb(232,22,0);white-space:pre}.C{fill:rgb(173,81,0);white-space:pre}.D{fill:rgb(132,122,0);white-space:pre}.E{fill:rgb(229,25,0);white-space:pre}.F{fill:rgb(117,137,0);white-space:pre}.G{fill:rgb(237,17,0);white-space:pre}.H{fill:rgb(153,102,0);white-space:pre}.I{fill:rgb(102,153,0);white-space:pre}.J{fill:rgb(221,33,0);white-space:pre}.K{fill:rgb(142,112,0);white-space:pre}.L{fill:rgb(86,168,0);white-space:pre}.M{fill:rgb(71,183,0);white-space:pre}.N{fill:rgb(122,132,0);white-space:pre}.O{fill:rgb(56,198,0);white-space:pre}.P{fill:rgb(211,43,0);white-space:pre}.Q{fill:rgb(112,142,0);white-space:pre}.R{fill:rgb(40,214,0);white-space:pre}.S{fill:rgb(226,28,0);white-space:pre}.T{fill:rgb(25,229,0);white-space:pre}.U{fill:rgb(91,163,0);white-space:pre}.V{fill:rgb(10,244,0);white-space:pre}.W{fill:rgb(201,53,0);white-space:pre}.X{fill:rgb(81,173,0);white-space:pre}.Y{fill:rgb(0,255,0);white-space:pre}.Z{fill:rgb(198,56,0);white-space:pre}.aa{fill:rgb(219,35,0);white-space:pre}.ab{fill:rgb(61,193,0);white-space:pre}.ac{fill:rgb(216,38,0);white-space:pre}.ad{fill:rgb(191,63,0);white-space:pre}.ae{fill:rgb(51,204,0);white-space:pre}.af{fill:rgb(188,66,0);white-space:pre}.ag{fill:rgb(30,224,0);white-space:pre}.ah{fill:rgb(181,73,0);white-space:pre}.ai{fill:rgb(20,234,0);white-space:pre}.aj{fill:rgb(12,242,0);white-space:pre}.ak{fill:rgb(206,48,0);white-space:pre}.al{fill:rgb(175,79,0);white-space:pre}.am{fill:rgb(2,252,0);white-space:pre}.an{fill:rgb(170,84,0);white-space:pre}.ao{fill:transparent}.aq{animation-duration:10.272425s;animation-iteration-count:infinite;animation-name:ap;animation-timing-function:steps(1,end)}@keyframes ap{0%{transform:translateX(-0px)}1.8%{transform:translateX(-80px)}2.2%{transform:translateX(-160px)}3.8%{transform:translateX(-240px)}3.8%{transform:translateX(-320px)}3.8%{transform:translateX(-400px)}3.8%{transform:translateX(-480px)}3.8%{transform:translateX(-560px)}3.8%{transform:translateX(-640px)}3.8%{transform:translateX(-720px)}3.8%{transform:translateX(-800px)}3.8%{transform:translateX(-880px)}3.8%{transform:translateX(-960px)}3.8%{transform:translateX(-1040px)}3.8%{transform:translateX(-1120px)}5.8%{transform:translateX(-1200px)}5.8%{transform:translateX(-1280px)}5.8%{transform:translateX(-1360px)}5.8%{transform:translateX(-1440px)}5.8%{transform:translateX(-1520px)}5.8%{transform:translateX(-1600px)}7.7%{transform:translateX(-1680px)}7.7%{transform:translateX(-1760px)}7.7%{transform:translateX(-1840px)}7.7%{transform:translateX(-1920px)}7.7%{transform:translateX(-2000px)}7.7%{transform:translateX(-2080px)}7.7%{transform:translateX(-2160px)}7.7%{transform:translateX(-2240px)}9.7%{transform:translateX(-2320px)}9.7%{transform:translateX(-2400px)}9.7%{transform:translateX(-2480px)}9.7%{transform:translateX(-2560px)}9.7%{transform:translateX(-2640px)}9.7%{transform:translateX(-2720px)}9.7%{transform:translateX(-2800px)}9.7%{transform:translateX(-2880px)}11.6%{transform:translateX(-2960px)}11.6%{transform:translateX(-3040px)}11.6%{transform:translateX(-3120px)}11.6%{transform:translateX(-3200px)}13.6%{transform:translateX(-3280px)}13.6%{transform:translateX(-3360px)}13.6%{transform:translateX(-3440px)}13.6%{transform:translateX(-3520px)}15.5%{transform:translateX(-3600px)}15.5%{transform:translateX(-3680px)}15.5%{transform:translateX(-3760px)}15.5%{transform:translateX(-3840px)}15.5%{transform:translateX(-3920px)}15.5%{transform:translateX(-4000px)}15.5%{transform:translateX(-4080px)}15.5%{transform:translateX(-4160px)}15.5%{transform:translateX(-4240px)}17.5%{transform:translateX(-4320px)}17.5%{transform:translateX(-4400px)}17.5%{transform:translateX(-4480px)}17.5%{transform:translateX(-4560px)}17.5%{transform:translateX(-4640px)}17.5%{transform:translateX(-4720px)}17.5%{transform:translateX(-4800px)}17.5%{transform:translateX(-4880px)}17.5%{transform:translateX(-4960px)}17.5%{transform:translateX(-5040px)}19.4%{transform:translateX(-5120px)}19.4%{transform:translateX(-5200px)}19.4%{transform:translateX(-5280px)}19.4%{transform:translateX(-5360px)}19.4%{transform:translateX(-5440px)}19.4%{transform:translateX(-5520px)}19.4%{transform:translateX(-5600px)}19.4%{transform:translateX(-5680px)}21.4%{transform:translateX(-5760px)}21.4%{transform:translateX(-5840px)}21.4%{transform:translateX(-5920px)}21.4%{transform:translateX(-6000px)}21.4%{transform:translateX(-6080px)}21.4%{transform:translateX(-6160px)}21.4%{transform:translateX(-6240px)}21.4%{transform:translateX(-6320px)}23.3%{transform:translateX(-6400px)}23.3%{transform:translateX(-6480px)}23.3%{transform:translateX(-6560px)}23.3%{transform:translateX(-6640px)}23.3%{transform:translateX(-6720px)}23.3%{transform:translateX(-6800px)}23.3%{transform:translateX(-6880px)}23.3%{transform:translateX(-6960px)}25.2%{transform:translateX(-7040px)}25.2%{transform:translateX(-7120px)}25.2%{transform:translateX(-7200px)}25.2%{transform:translateX(-7280px)}25.2%{transform:translateX(-7360px)}25.2%{transform:translateX(-7440px)}25.2%{transform:translateX(-7520px)}25.3%{transform:translateX(-7600px)}25.3%{transform:translateX(-7680px)}25.3%{transform:translateX(-7760px)}25.3%{transform:translateX(-7840px)}27.2%{transform:translateX(-7920px)}27.2%{transform:translateX(-8000px)}27.2%{transform:translateX(-8080px)}27.2%{transform:translateX(-8160px)}27.2%{transform:translateX(-8240px)}27.2%{transform:translateX(-8320px)}27.2%{transform:translateX(-8400px)}27.2%{transform:translateX(-8480px)}27.2%{transform:translateX(-8560px)}27.2%{transform:translateX(-8640px)}29.1%{transform:translateX(-8720px)}29.1%{transform:translateX(-8800px)}29.1%{transform:translateX(-8880px)}29.1%{transform:translateX(-8960px)}29.1%{transform:translateX(-9040px)}29.1%{transform:translateX(-9120px)}29.1%{transform:translateX(-9200px)}29.2%{transform:translateX(-9280px)}29.2%{transform:translateX(-9360px)}29.2%{transform:translateX(-9440px)}29.2%{transform:translateX(-9520px)}29.2%{transform:translateX(-9600px)}29.2%{transform:translateX(-9680px)}29.2%{transform:translateX(-9760px)}29.2%{transform:translateX(-9840px)}29.2%{transform:translateX(-9920px)}29.2%{transform:translateX(-10000px)}29.2%{transform:translateX(-10080px)}29.2%{transform:translateX(-10160px)}29.2%{transform:translateX(-10240px)}29.2%{transform:translateX(-10320px)}29.2%{transform:translateX(-10400px)}29.2%{transform:translateX(-10480px)}29.2%{transform:translateX(-10560px)}31.1%{transform:translateX(-10640px)}31.1%{transform:translateX(-10720px)}31.1%{transform:translateX(-10800px)}31.1%{transform:translateX(-10880px)}31.1%{transform:translateX(-10960px)}31.1%{transform:translateX(-11040px)}31.1%{transform:translateX(-11120px)}33.4%{transform:translateX(-11200px)}33.8%{transform:translateX(-11280px)}33.8%{transform:translateX(-11360px)}33.8%{transform:translateX(-11440px)}33.8%{transform:translateX(-11520px)}33.8%{transform:translateX(-11600px)}33.8%{transform:translateX(-11680px)}33.8%{transform:translateX(-11760px)}33.8%{transform:translateX(-11840px)}33.8%{transform:translateX(-11920px)}33.8%{transform:translateX(-12000px)}33.8%{transform:translateX(-12080px)}33.8%{transform:translateX(-12160px)}33.8%{transform:translateX(-12240px)}33.8%{transform:translateX(-12320px)}33.8%{transform:translateX(-12400px)}33.8%{transform:translateX(-12480px)}33.8%{transform:translateX(-12560px)}34.9%{transform:translateX(-12640px)}35%{transform:translateX(-12720px)}35%{transform:translateX(-12800px)}35%{transform:translateX(-12880px)}35%{transform:translateX(-12960px)}35%{transform:translateX(-13040px)}35%{transform:translateX(-13120px)}35%{transform:translateX(-13200px)}35%{transform:translateX(-13280px)}35%{transform:translateX(-13360px)}35%{transform:translateX(-13440px)}35%{transform:translateX(-13520px)}35%{transform:translateX(-13600px)}35%{transform:translateX(-13680px)}35%{transform:translateX(-13760px)}35%{transform:translateX(-13840px)}35.8%{transform:translateX(-13920px)}36.8%{transform:translateX(-14000px)}36.9%{transform:translateX(-14080px)}36.9%{transform:translateX(-14160px)}36.9%{transform:translateX(-14240px)}36.9%{transform:translateX(-14320px)}36.9%{transform:translateX(-14400px)}36.9%{transform:translateX(-14480px)}36.9%{transform:translateX(-14560px)}36.9%{transform:translateX(-14640px)}37.8%{transform:translateX(-14720px)}38.8%{transform:translateX(-14800px)}38.9%{transform:translateX(-14880px)}38.9%{transform:translateX(-14960px)}38.9%{transform:translateX(-15040px)}38.9%{transform:translateX(-15120px)}38.9%{transform:translateX(-15200px)}38.9%{transform:translateX(-15280px)}38.9%{transform:translateX(-15360px)}38.9%{transform:translateX(-15440px)}38.9%{transform:translateX(-15520px)}38.9%{transform:translateX(-15600px)}38.9%{transform:translateX(-15680px)}38.9%{transform:translateX(-15760px)}39.8%{transform:translateX(-15840px)}40.8%{transform:translateX(-15920px)}40.8%{transform:translateX(-16000px)}40.8%{transform:translateX(-16080px)}40.8%{transform:translateX(-16160px)}40.8%{transform:translateX(-16240px)}40.8%{transform:translateX(-16320px)}40.8%{transform:translateX(-16400px)}40.8%{transform:translateX(-16480px)}40.8%{transform:translateX(-16560px)}40.8%{transform:translateX(-16640px)}40.8%{transform:translateX(-16720px)}40.8%{transform:translateX(-16800px)}40.8%{transform:translateX(-16880px)}40.8%{transform:translateX(-16960px)}41.7%{transform:translateX(-17040px)}42.7%{transform:translateX(-17120px)}42.8%{transform:translateX(-17200px)}42.8%{transform:translateX(-17280px)}42.8%{transform:translateX(-17360px)}42.8%{transform:translateX(-17440px)}42.8%{transform:translateX(-17520px)}42.8%{transform:translateX(-17600px)}42.8%{transform:translateX(-17680px)}42.8%{transform:translateX(-17760px)}42.8%{transform:translateX(-17840px)}42.8%{transform:translateX(-17920px)}42.8%{transform:translateX(-18000px)}42.8%{transform:translateX(-18080px)}42.8%{transform:translateX(-18160px)}42.8%{transform:translateX(-18240px)}43.7%{transform:translateX(-18320px)}44.7%{transform:translateX(-18400px)}44.7%{transform:translateX(-18480px)}44.7%{transform:translateX(-18560px)}44.7%{transform:translateX(-18640px)}44.7%{transform:translateX(-18720px)}44.7%{transform:translateX(-18800px)}44.7%{transform:translateX(-18880px)}44.7%{transform:translateX(-18960px)}44.7%{transform:translateX(-19040px)}44.7%{transform:translateX(-19120px)}44.7%{transform:translateX(-19200px)}44.7%{transform:translateX(-19280px)}45.7%{transform:translateX(-19360px)}46.7%{transform:translateX(-19440px)}46.7%{transform:translateX(-19520px)}46.7%{transform:translateX(-19600px)}46.7%{transform:translateX(-19680px)}46.7%{transform:translateX(-19760px)}46.7%{transform:translateX(-19840px)}46.7%{transform:translateX(-19920px)}46.7%{transform:translateX(-20000px)}46.7%{transform:translateX(-20080px)}46.7%{transform:translateX(-20160px)}46.7%{transform:translateX(-20240px)}46.7%{transform:translateX(-20320px)}46.7%{transform:translateX(-20400px)}46.7%{transform:translateX(-20480px)}46.7%{transform:translateX(-20560px)}47.6%{transform:translateX(-20640px)}48.6%{transform:translateX(-20720px)}48.6%{transform:translateX(-20800px)}48.6%{transform:translateX(-20880px)}48.6%{transform:translateX(-20960px)}48.6%{transform:translateX(-21040px)}48.6%{transform:translateX(-21120px)}48.6%{transform:translateX(-21200px)}48.6%{transform:translateX(-21280px)}48.6%{transform:translateX(-21360px)}48.6%{transform:translateX(-21440px)}48.6%{transform:translateX(-21520px)}49.6%{transform:translateX(-21600px)}50.6%{transform:translateX(-21680px)}50.6%{transform:translateX(-21760px)}50.6%{transform:translateX(-21840px)}50.6%{transform:translateX(-21920px)}50.6%{transform:translateX(-22000px)}50.6%{transform:translateX(-22080px)}50.6%{transform:translateX(-22160px)}50.6%{transform:translateX(-22240px)}50.6%{transform:translateX(-22320px)}50.6%{transform:translateX(-22400px)}50.6%{transform:translateX(-22480px)}51.3%{transform:translateX(-22560px)}51.3%{transform:translateX(-22640px)}51.3%{transform:translateX(-22720px)}51.3%{transform:translateX(-22800px)}51.3%{transform:translateX(-22880px)}51.3%{transform:translateX(-22960px)}51.3%{transform:translateX(-23040px)}51.3%{transform:translateX(-23120px)}51.3%{transform:translateX(-23200px)}51.3%{transform:translateX(-23280px)}100%{transform:translateX(-23360px)}}Progressbar1[004/100]██████████████████████████████████████████████4%|0sProgressbar2[006/100]██████████████████████████████████████████████6%|0sProgressbar3[000/100]█████████████████████████████████████████████0%|0sProgressbar4[000/100]█████████████████████████████████████████████0%|0sProgressbar5[001/100]█████████████████████████████████████████████1%|0sProgressbar1[008/100]██████████████████████████████████████████████8%|0sProgressbar2[012/100]██████████████████████████████████████████████12%|0sProgressbar3[001/100]█████████████████████████████████████████████1%|0sProgressbar5[002/100]█████████████████████████████████████████████2%|0sProgressbar1[012/100]██████████████████████████████████████████████12%|1sProgressbar2[018/100]██████████████████████████████████████████████18%|1sProgressbar3[002/100]█████████████████████████████████████████████2%|0sProgressbar4[001/100]█████████████████████████████████████████████1%|0sProgressbar5[004/100]██████████████████████████████████████████████4%|1sProgressbar1[016/100]██████████████████████████████████████████████16%|1sProgressbar2[024/100]██████████████████████████████████████████████24%|1sProgressbar3[003/100]██████████████████████████████████████████████3%|1sProgressbar1[020/100]██████████████████████████████████████████████20%|1sProgressbar2[030/100]██████████████████████████████████████████████30%|1sProgressbar3[004/100]██████████████████████████████████████████████4%|1sProgressbar4[002/100]█████████████████████████████████████████████2%|1sProgressbar1[024/100]██████████████████████████████████████████████24%|1sProgressbar2[036/100]██████████████████████████████████████████████36%|1sProgressbar5[008/100]██████████████████████████████████████████████8%|1sProgressbar1[028/100]██████████████████████████████████████████████28%|1sProgressbar2[042/100]██████████████████████████████████████████████42%|1sProgressbar3[005/100]██████████████████████████████████████████████5%|1sProgressbar5[009/100]██████████████████████████████████████████████9%|1sProgressbar1[032/100]██████████████████████████████████████████████32%|2sProgressbar2[048/100]██████████████████████████████████████████████48%|2sProgressbar3[006/100]██████████████████████████████████████████████6%|1sProgressbar4[003/100]██████████████████████████████████████████████3%|1sProgressbar5[010/100]██████████████████████████████████████████████10%|1sProgressbar1[036/100]██████████████████████████████████████████████36%|2sProgressbar2[054/100]██████████████████████████████████████████████54%|2sProgressbar3[007/100]██████████████████████████████████████████████7%|2sProgressbar5[012/100]██████████████████████████████████████████████12%|2sProgressbar1[040/100]██████████████████████████████████████████████40%|2sProgressbar2[060/100]██████████████████████████████████████████████60%|2sProgressbar3[008/100]██████████████████████████████████████████████8%|2sProgressbar4[004/100]██████████████████████████████████████████████4%|2sProgressbar5[013/100]██████████████████████████████████████████████13%|2sProgressbar1[044/100]██████████████████████████████████████████████44%|2sProgressbar2[066/100]██████████████████████████████████████████████66%|2sProgressbar1[048/100]██████████████████████████████████████████████48%|2sProgressbar2[072/100]██████████████████████████████████████████████72%|2sProgressbar3[009/100]██████████████████████████████████████████████9%|2sProgressbar5[016/100]██████████████████████████████████████████████16%|2sProgressbar1[052/100]██████████████████████████████████████████████52%|3sProgressbar2[078/100]██████████████████████████████████████████████78%|3sProgressbar3[010/100]██████████████████████████████████████████████10%|2sProgressbar4[005/100]██████████████████████████████████████████████5%|2sProgressbar5[017/100]██████████████████████████████████████████████17%|3sProgressbar1[056/100]██████████████████████████████████████████████56%|3sProgressbar2[084/100]██████████████████████████████████████████████84%|3sProgressbar3[011/100]██████████████████████████████████████████████11%|3sProgressbar5[018/100]██████████████████████████████████████████████18%|3sProgressbar1[060/100]██████████████████████████████████████████████60%|3sProgressbar2[090/100]██████████████████████████████████████████████90%|3sProgressbar3[012/100]██████████████████████████████████████████████12%|3sProgressbar4[006/100]██████████████████████████████████████████████6%|3sProgressbar5[020/100]██████████████████████████████████████████████20%|3sProgressbar1[064/100]██████████████████████████████████████████████64%|3sProgressbar2[096/100]██████████████████████████████████████████████96%|3sProgressbar5[021/100]██████████████████████████████████████████████21%|3sProgressbar1[068/100]██████████████████████████████████████████████68%|3sProgressbar2[102/102]██████████████████████████████████████████████100%|3sProgressbar3[013/100]██████████████████████████████████████████████13%|3sProgressbar5[022/100]██████████████████████████████████████████████22%|3sProgressbar1[072/100]██████████████████████████████████████████████72%|4sProgressbar3[014/100]██████████████████████████████████████████████14%|3sProgressbar4[007/100]██████████████████████████████████████████████7%|3sProgressbar5[024/100]██████████████████████████████████████████████24%|4sProgressbar1[076/100]██████████████████████████████████████████████76%|4sProgressbar3[015/100]██████████████████████████████████████████████15%|4sProgressbar5[025/100]██████████████████████████████████████████████25%|4sProgressbar1[080/100]██████████████████████████████████████████████80%|4sProgressbar3[016/100]██████████████████████████████████████████████16%|4sProgressbar4[008/100]██████████████████████████████████████████████8%|4sProgressbar5[026/100]██████████████████████████████████████████████26%|4sProgressbar1[084/100]██████████████████████████████████████████████84%|4sProgressbar4[008/100]█████Progressbar5[028/100]██████████████████████████████████████████████28%|4sProgressbar1[088/100]██████████████████████████████████████████████88%|4sProgressbar3[017/100]██████████████████████████████████████████████17%|4sProgressbar5[029/100]██████████████████████████████████████████████29%|4sProgressbar1[092/100]██████████████████████████████████████████████92%|5sProgressbar3[018/100]██████████████████████████████████████████████18%|4sProgressbar4[009/100]██████████████████████████████████████████████9%|4sProgressbar5[030/100]██████████████████████████████████████████████30%|4sProgressbar1[095/100]██████████████████████████████████████████████95%|5sProgressbar3[019/100]██████████████████████████████████████████████19%|5sProgressbar5[031/100]██████████████████████████████████████████████31%|5sProgressbar1[099/100]██████████████████████████████████████████████99%|5sProgressbar5[033/100]██████████████████████████████████Progressbar5[033/100]██████████████████████████████████████████████33%|5sProgressbar1[100/100]██████████████████████████████████████████████100%|5sProgressbar3[020/100]██████████████████████████████████████████████20%|5sProgressbar4[010/100]██████████████████████████████████████████████10%|5sProgressbar4[000/Progressbar3[001/100]█████████████████████████Progressbar5[002/100]█Progressbar4[001/100]█████Progressbar3[003/100]█████████████████████████████Progressbar5[005/100]████████████████████████Progressbar5[005/100]██████████████████████████████████████████████5%|1sProgressbar2[030/100]█████████████████████████████████Progressbar4[002/100]██████Progressbar5[006/100]█████████████████████████████████████Progressbar5[006/100]██████████████████████████████████████████████6%|1sProgressbar2[036/100]████████████████████████████████████Progressbar4[002/100]█████████Progressbar5[008/100]█████████████████████████████████████████Progressbar3[005/100]███████████████████████████████████Progressbar5[009/100]█████████████████████████Progressbar3[006/100]██████████████████████████████████████Progressbar4[003/100]███████████████████████Progressbar3[008Progressbar5[013/100]█████████████████████████Progressbar4[004/100]███████████████████████Progressbar4[004/100]████████████████████████████████Progressbar5[014/100]██████████████████████████████████████████████14%|2sProgressbar4[004/100]████████████████████████Progressbar4[005/100]████████████████████████████████████████████Progressbar3[012/100]██████████████████Progressbar5[020/100]█████████████████████████████Progressbar5Progressbar4[006/100]███Progressbar5[024/100]██████████████████████████████Progressbar4[007/100]███████████████████████████Progressbar4[008/100]████████████████████████████Progressbar5[026/100]█████████████Progressbar5[028/100]███████████████████████████████████████████Progressbar5[030/100]█████████████████████████████████Progressbar5[031/100]█████████████████████████████████Progressbar3[020/100]██████████████████████████████████████Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:rgb(255,255,255);white-space:pre}.i{fill:rgb(0,198,255);white-space:pre}.j{fill:rgb(244,10,0);white-space:pre}.k{fill:rgb(160,160,160);white-space:pre}.l{fill:rgb(239,15,0);white-space:pre}.m{fill:rgb(255,0,0);white-space:pre}.n{fill:rgb(252,2,0);white-space:pre}.o{fill:rgb(234,20,0);white-space:pre}.p{fill:rgb(224,30,0);white-space:pre}.q{fill:rgb(249,5,0);white-space:pre}.r{fill:rgb(209,45,0);white-space:pre}.s{fill:rgb(214,40,0);white-space:pre}.t{fill:rgb(193,61,0);white-space:pre}.u{fill:rgb(247,7,0);white-space:pre}.v{fill:rgb(204,51,0);white-space:pre}.w{fill:rgb(178,76,0);white-space:pre}.x{fill:rgb(163,91,0);white-space:pre}.y{fill:rgb(183,71,0);white-space:pre}.z{fill:rgb(147,107,0);white-space:pre}.A{fill:rgb(242,12,0);white-space:pre}.B{fill:rgb(232,22,0);white-space:pre}.C{fill:rgb(173,81,0);white-space:pre}.D{fill:rgb(132,122,0);white-space:pre}.E{fill:rgb(229,25,0);white-space:pre}.F{fill:rgb(117,137,0);white-space:pre}.G{fill:rgb(237,17,0);white-space:pre}.H{fill:rgb(153,102,0);white-space:pre}.I{fill:rgb(102,153,0);white-space:pre}.J{fill:rgb(221,33,0);white-space:pre}.K{fill:rgb(142,112,0);white-space:pre}.L{fill:rgb(86,168,0);white-space:pre}.M{fill:rgb(219,35,0);white-space:pre}.N{fill:rgb(71,183,0);white-space:pre}.O{fill:rgb(122,132,0);white-space:pre}.P{fill:rgb(56,198,0);white-space:pre}.Q{fill:rgb(211,43,0);white-space:pre}.R{fill:rgb(112,142,0);white-space:pre}.S{fill:rgb(40,214,0);white-space:pre}.T{fill:rgb(226,28,0);white-space:pre}.U{fill:rgb(25,229,0);white-space:pre}.V{fill:rgb(91,163,0);white-space:pre}.W{fill:rgb(10,244,0);white-space:pre}.X{fill:rgb(201,53,0);white-space:pre}.Y{fill:rgb(84,170,0);white-space:pre}.Z{fill:rgb(2,252,0);white-space:pre}.aa{fill:rgb(198,56,0);white-space:pre}.ab{fill:rgb(73,181,0);white-space:pre}.ac{fill:rgb(0,255,0);white-space:pre}.ad{fill:rgb(196,58,0);white-space:pre}.ae{fill:rgb(63,191,0);white-space:pre}.af{fill:rgb(216,38,0);white-space:pre}.ag{fill:rgb(191,63,0);white-space:pre}.ah{fill:rgb(53,201,0);white-space:pre}.ai{fill:rgb(188,66,0);white-space:pre}.aj{fill:rgb(43,211,0);white-space:pre}.ak{fill:rgb(186,68,0);white-space:pre}.al{fill:rgb(33,221,0);white-space:pre}.am{fill:rgb(181,73,0);white-space:pre}.an{fill:rgb(22,232,0);white-space:pre}.ao{fill:rgb(12,242,0);white-space:pre}.ap{fill:rgb(206,48,0);white-space:pre}.aq{fill:rgb(175,79,0);white-space:pre}.ar{fill:rgb(5,249,0);white-space:pre}.as{fill:rgb(170,84,0);white-space:pre}.at{fill:transparent}.av{animation-duration:10.388239s;animation-iteration-count:infinite;animation-name:au;animation-timing-function:steps(1,end)}@keyframes au{0%{transform:translateX(-0px)}2.5%{transform:translateX(-80px)}2.9%{transform:translateX(-160px)}4.5%{transform:translateX(-240px)}4.5%{transform:translateX(-320px)}4.5%{transform:translateX(-400px)}4.5%{transform:translateX(-480px)}4.5%{transform:translateX(-560px)}4.5%{transform:translateX(-640px)}4.5%{transform:translateX(-720px)}4.5%{transform:translateX(-800px)}4.5%{transform:translateX(-880px)}4.5%{transform:translateX(-960px)}4.5%{transform:translateX(-1040px)}6.4%{transform:translateX(-1120px)}6.4%{transform:translateX(-1200px)}6.4%{transform:translateX(-1280px)}6.4%{transform:translateX(-1360px)}6.4%{transform:translateX(-1440px)}6.4%{transform:translateX(-1520px)}6.4%{transform:translateX(-1600px)}6.4%{transform:translateX(-1680px)}6.4%{transform:translateX(-1760px)}8.3%{transform:translateX(-1840px)}8.3%{transform:translateX(-1920px)}8.3%{transform:translateX(-2000px)}8.3%{transform:translateX(-2080px)}8.3%{transform:translateX(-2160px)}8.3%{transform:translateX(-2240px)}8.3%{transform:translateX(-2320px)}8.3%{transform:translateX(-2400px)}8.3%{transform:translateX(-2480px)}8.3%{transform:translateX(-2560px)}10.3%{transform:translateX(-2640px)}10.3%{transform:translateX(-2720px)}10.3%{transform:translateX(-2800px)}10.3%{transform:translateX(-2880px)}10.3%{transform:translateX(-2960px)}10.3%{transform:translateX(-3040px)}10.3%{transform:translateX(-3120px)}10.3%{transform:translateX(-3200px)}10.3%{transform:translateX(-3280px)}10.3%{transform:translateX(-3360px)}10.3%{transform:translateX(-3440px)}12.2%{transform:translateX(-3520px)}12.2%{transform:translateX(-3600px)}12.2%{transform:translateX(-3680px)}12.2%{transform:translateX(-3760px)}12.2%{transform:translateX(-3840px)}12.2%{transform:translateX(-3920px)}12.2%{transform:translateX(-4000px)}12.2%{transform:translateX(-4080px)}12.2%{transform:translateX(-4160px)}12.2%{transform:translateX(-4240px)}12.2%{transform:translateX(-4320px)}12.2%{transform:translateX(-4400px)}12.2%{transform:translateX(-4480px)}12.2%{transform:translateX(-4560px)}12.2%{transform:translateX(-4640px)}12.2%{transform:translateX(-4720px)}12.2%{transform:translateX(-4800px)}12.2%{transform:translateX(-4880px)}12.2%{transform:translateX(-4960px)}14.1%{transform:translateX(-5040px)}14.1%{transform:translateX(-5120px)}14.1%{transform:translateX(-5200px)}14.1%{transform:translateX(-5280px)}14.1%{transform:translateX(-5360px)}14.1%{transform:translateX(-5440px)}14.1%{transform:translateX(-5520px)}14.1%{transform:translateX(-5600px)}14.1%{transform:translateX(-5680px)}14.1%{transform:translateX(-5760px)}16%{transform:translateX(-5840px)}16%{transform:translateX(-5920px)}16%{transform:translateX(-6000px)}16%{transform:translateX(-6080px)}16%{transform:translateX(-6160px)}16%{transform:translateX(-6240px)}16%{transform:translateX(-6320px)}16%{transform:translateX(-6400px)}16%{transform:translateX(-6480px)}16%{transform:translateX(-6560px)}16%{transform:translateX(-6640px)}16%{transform:translateX(-6720px)}16%{transform:translateX(-6800px)}18%{transform:translateX(-6880px)}18%{transform:translateX(-6960px)}18%{transform:translateX(-7040px)}18%{transform:translateX(-7120px)}18%{transform:translateX(-7200px)}18%{transform:translateX(-7280px)}18%{transform:translateX(-7360px)}18%{transform:translateX(-7440px)}18%{transform:translateX(-7520px)}18%{transform:translateX(-7600px)}18%{transform:translateX(-7680px)}19.9%{transform:translateX(-7760px)}19.9%{transform:translateX(-7840px)}19.9%{transform:translateX(-7920px)}19.9%{transform:translateX(-8000px)}19.9%{transform:translateX(-8080px)}19.9%{transform:translateX(-8160px)}19.9%{transform:translateX(-8240px)}19.9%{transform:translateX(-8320px)}19.9%{transform:translateX(-8400px)}19.9%{transform:translateX(-8480px)}19.9%{transform:translateX(-8560px)}19.9%{transform:translateX(-8640px)}19.9%{transform:translateX(-8720px)}21.8%{transform:translateX(-8800px)}21.8%{transform:translateX(-8880px)}21.8%{transform:translateX(-8960px)}21.8%{transform:translateX(-9040px)}21.8%{transform:translateX(-9120px)}21.8%{transform:translateX(-9200px)}21.8%{transform:translateX(-9280px)}21.8%{transform:translateX(-9360px)}21.8%{transform:translateX(-9440px)}21.8%{transform:translateX(-9520px)}21.8%{transform:translateX(-9600px)}21.8%{transform:translateX(-9680px)}21.8%{transform:translateX(-9760px)}21.8%{transform:translateX(-9840px)}21.8%{transform:translateX(-9920px)}23.7%{transform:translateX(-10000px)}23.7%{transform:translateX(-10080px)}23.7%{transform:translateX(-10160px)}23.7%{transform:translateX(-10240px)}23.7%{transform:translateX(-10320px)}23.7%{transform:translateX(-10400px)}23.7%{transform:translateX(-10480px)}23.7%{transform:translateX(-10560px)}23.7%{transform:translateX(-10640px)}23.7%{transform:translateX(-10720px)}23.7%{transform:translateX(-10800px)}23.7%{transform:translateX(-10880px)}23.7%{transform:translateX(-10960px)}25.7%{transform:translateX(-11040px)}25.7%{transform:translateX(-11120px)}25.7%{transform:translateX(-11200px)}25.7%{transform:translateX(-11280px)}25.7%{transform:translateX(-11360px)}25.7%{transform:translateX(-11440px)}25.7%{transform:translateX(-11520px)}25.7%{transform:translateX(-11600px)}25.7%{transform:translateX(-11680px)}25.7%{transform:translateX(-11760px)}25.7%{transform:translateX(-11840px)}27.6%{transform:translateX(-11920px)}27.6%{transform:translateX(-12000px)}27.6%{transform:translateX(-12080px)}29.5%{transform:translateX(-12160px)}29.5%{transform:translateX(-12240px)}29.5%{transform:translateX(-12320px)}29.5%{transform:translateX(-12400px)}29.5%{transform:translateX(-12480px)}29.5%{transform:translateX(-12560px)}29.5%{transform:translateX(-12640px)}29.5%{transform:translateX(-12720px)}29.5%{transform:translateX(-12800px)}29.5%{transform:translateX(-12880px)}29.5%{transform:translateX(-12960px)}29.5%{transform:translateX(-13040px)}29.5%{transform:translateX(-13120px)}29.5%{transform:translateX(-13200px)}29.5%{transform:translateX(-13280px)}31.4%{transform:translateX(-13360px)}31.4%{transform:translateX(-13440px)}31.4%{transform:translateX(-13520px)}31.4%{transform:translateX(-13600px)}31.4%{transform:translateX(-13680px)}31.4%{transform:translateX(-13760px)}31.4%{transform:translateX(-13840px)}31.4%{transform:translateX(-13920px)}31.4%{transform:translateX(-14000px)}31.4%{transform:translateX(-14080px)}33.4%{transform:translateX(-14160px)}33.4%{transform:translateX(-14240px)}33.4%{transform:translateX(-14320px)}33.4%{transform:translateX(-14400px)}33.4%{transform:translateX(-14480px)}33.4%{transform:translateX(-14560px)}33.4%{transform:translateX(-14640px)}33.4%{transform:translateX(-14720px)}33.4%{transform:translateX(-14800px)}33.4%{transform:translateX(-14880px)}33.4%{transform:translateX(-14960px)}35.3%{transform:translateX(-15040px)}35.3%{transform:translateX(-15120px)}35.3%{transform:translateX(-15200px)}35.3%{transform:translateX(-15280px)}35.3%{transform:translateX(-15360px)}35.3%{transform:translateX(-15440px)}35.3%{transform:translateX(-15520px)}35.3%{transform:translateX(-15600px)}35.3%{transform:translateX(-15680px)}35.3%{transform:translateX(-15760px)}35.6%{transform:translateX(-15840px)}36.6%{transform:translateX(-15920px)}37.2%{transform:translateX(-16000px)}37.2%{transform:translateX(-16080px)}37.2%{transform:translateX(-16160px)}37.2%{transform:translateX(-16240px)}37.2%{transform:translateX(-16320px)}37.2%{transform:translateX(-16400px)}37.2%{transform:translateX(-16480px)}37.2%{transform:translateX(-16560px)}37.2%{transform:translateX(-16640px)}37.2%{transform:translateX(-16720px)}37.2%{transform:translateX(-16800px)}37.6%{transform:translateX(-16880px)}38.5%{transform:translateX(-16960px)}39.1%{transform:translateX(-17040px)}39.1%{transform:translateX(-17120px)}39.1%{transform:translateX(-17200px)}39.1%{transform:translateX(-17280px)}39.1%{transform:translateX(-17360px)}39.1%{transform:translateX(-17440px)}39.1%{transform:translateX(-17520px)}39.1%{transform:translateX(-17600px)}39.1%{transform:translateX(-17680px)}39.1%{transform:translateX(-17760px)}39.1%{transform:translateX(-17840px)}39.5%{transform:translateX(-17920px)}40.5%{transform:translateX(-18000px)}41.1%{transform:translateX(-18080px)}41.1%{transform:translateX(-18160px)}41.1%{transform:translateX(-18240px)}41.1%{transform:translateX(-18320px)}41.1%{transform:translateX(-18400px)}41.1%{transform:translateX(-18480px)}41.1%{transform:translateX(-18560px)}41.1%{transform:translateX(-18640px)}41.1%{transform:translateX(-18720px)}41.1%{transform:translateX(-18800px)}41.1%{transform:translateX(-18880px)}41.1%{transform:translateX(-18960px)}41.1%{transform:translateX(-19040px)}41.4%{transform:translateX(-19120px)}42.4%{transform:translateX(-19200px)}43%{transform:translateX(-19280px)}43%{transform:translateX(-19360px)}43%{transform:translateX(-19440px)}43%{transform:translateX(-19520px)}43%{transform:translateX(-19600px)}43%{transform:translateX(-19680px)}43%{transform:translateX(-19760px)}43%{transform:translateX(-19840px)}43%{transform:translateX(-19920px)}43%{transform:translateX(-20000px)}43%{transform:translateX(-20080px)}43%{transform:translateX(-20160px)}43%{transform:translateX(-20240px)}43%{transform:translateX(-20320px)}43%{transform:translateX(-20400px)}43%{transform:translateX(-20480px)}43%{transform:translateX(-20560px)}43.4%{transform:translateX(-20640px)}44.4%{transform:translateX(-20720px)}44.9%{transform:translateX(-20800px)}44.9%{transform:translateX(-20880px)}44.9%{transform:translateX(-20960px)}44.9%{transform:translateX(-21040px)}44.9%{transform:translateX(-21120px)}44.9%{transform:translateX(-21200px)}44.9%{transform:translateX(-21280px)}44.9%{transform:translateX(-21360px)}44.9%{transform:translateX(-21440px)}44.9%{transform:translateX(-21520px)}45.3%{transform:translateX(-21600px)}46.3%{transform:translateX(-21680px)}46.8%{transform:translateX(-21760px)}46.8%{transform:translateX(-21840px)}46.8%{transform:translateX(-21920px)}46.8%{transform:translateX(-22000px)}46.8%{transform:translateX(-22080px)}46.8%{transform:translateX(-22160px)}46.8%{transform:translateX(-22240px)}46.8%{transform:translateX(-22320px)}46.8%{transform:translateX(-22400px)}46.8%{transform:translateX(-22480px)}46.9%{transform:translateX(-22560px)}46.9%{transform:translateX(-22640px)}46.9%{transform:translateX(-22720px)}46.9%{transform:translateX(-22800px)}46.9%{transform:translateX(-22880px)}46.9%{transform:translateX(-22960px)}46.9%{transform:translateX(-23040px)}46.9%{transform:translateX(-23120px)}46.9%{transform:translateX(-23200px)}47.3%{transform:translateX(-23280px)}48.3%{transform:translateX(-23360px)}48.8%{transform:translateX(-23440px)}48.8%{transform:translateX(-23520px)}48.8%{transform:translateX(-23600px)}48.8%{transform:translateX(-23680px)}48.8%{transform:translateX(-23760px)}48.8%{transform:translateX(-23840px)}48.8%{transform:translateX(-23920px)}48.8%{transform:translateX(-24000px)}48.8%{transform:translateX(-24080px)}48.8%{transform:translateX(-24160px)}48.8%{transform:translateX(-24240px)}48.8%{transform:translateX(-24320px)}48.8%{transform:translateX(-24400px)}48.8%{transform:translateX(-24480px)}48.8%{transform:translateX(-24560px)}48.8%{transform:translateX(-24640px)}48.8%{transform:translateX(-24720px)}48.8%{transform:translateX(-24800px)}48.8%{transform:translateX(-24880px)}48.8%{transform:translateX(-24960px)}48.8%{transform:translateX(-25040px)}49.2%{transform:translateX(-25120px)}50.2%{transform:translateX(-25200px)}50.7%{transform:translateX(-25280px)}50.7%{transform:translateX(-25360px)}50.7%{transform:translateX(-25440px)}50.7%{transform:translateX(-25520px)}50.7%{transform:translateX(-25600px)}50.7%{transform:translateX(-25680px)}50.7%{transform:translateX(-25760px)}50.7%{transform:translateX(-25840px)}50.7%{transform:translateX(-25920px)}50.7%{transform:translateX(-26000px)}51.2%{transform:translateX(-26080px)}51.2%{transform:translateX(-26160px)}51.9%{transform:translateX(-26240px)}51.9%{transform:translateX(-26320px)}51.9%{transform:translateX(-26400px)}51.9%{transform:translateX(-26480px)}51.9%{transform:translateX(-26560px)}51.9%{transform:translateX(-26640px)}51.9%{transform:translateX(-26720px)}51.9%{transform:translateX(-26800px)}51.9%{transform:translateX(-26880px)}51.9%{transform:translateX(-26960px)}51.9%{transform:translateX(-27040px)}51.9%{transform:translateX(-27120px)}100%{transform:translateX(-27200px)}}Progressbar1[004/100]██████████████████████████████████████████████4%|0sProgressbar2[006/100]██████████████████████████████████████████████6%|0sProgressbar3[000/100]█████████████████████████████████████████████0%|0sProgressbar4[000/100]█████████████████████████████████████████████0%|0sProgressbar5[001/100]█████████████████████████████████████████████1%|0sProgressbar1[008/100]██████████████████████████████████████████████8%|0sProgressbar2[012/100]██████████████████████████████████████████████12%|0sProgressbar3[001/100]█████████████████████████████████████████████1%|0sProgressbar5[002/100]█████████████████████████████████████████████2%|0sProgressbar1[012/100]██████████████████████████████████████████████12%|1sProgressbar2[018/100]██████████████████████████████████████████████18%|1sProgressbar3[002/100]█████████████████████████████████████████████2%|0sProgressbar4[001/100]█████████████████████████████████████████████1%|0sProgressbar5[004/100]██████████████████████████████████████████████4%|1sProgressbar1[016/100]██████████████████████████████████████████████16%|1sProgressbar2[024/100]██████████████████████████████████████████████24%|1sProgressbar3[003/100]██████████████████████████████████████████████3%|1sProgressbar1[020/100]██████████████████████████████████████████████20%|1sProgressbar2[030/100]██████████████████████████████████████████████30%|1sProgressbar3[004/100]██████████████████████████████████████████████4%|1sProgressbar4[002/100]█████████████████████████████████████████████2%|1sProgressbar5[006/100]██████████████████████████████████████████████6%|1sProgressbar1[024/100]██████████████████████████████████████████████24%|1sProgressbar2[036/100]██████████████████████████████████████████████36%|1sProgressbar5[008/100]██████████████████████████████████████████████8%|1sProgressbar1[028/100]██████████████████████████████████████████████28%|1sProgressbar2[042/100]██████████████████████████████████████████████42%|1sProgressbar3[005/100]██████████████████████████████████████████████5%|1sProgressbar5[009/100]██████████████████████████████████████████████9%|1sProgressbar1[032/100]██████████████████████████████████████████████32%|2sProgressbar2[048/100]██████████████████████████████████████████████48%|2sProgressbar3[006/100]██████████████████████████████████████████████6%|1sProgressbar4[003/100]██████████████████████████████████████████████3%|1sProgressbar5[010/100]██████████████████████████████████████████████10%|1sProgressbar1[036/100]██████████████████████████████████████████████36%|2sProgressbar2[054/100]██████████████████████████████████████████████54%|2sProgressbar3[007/100]██████████████████████████████████████████████7%|2sProgressbar5[012/100]██████████████████████████████████████████████12%|2sProgressbar1[040/100]██████████████████████████████████████████████40%|2sProgressbar2[060/100]██████████████████████████████████████████████60%|2sProgressbar3[008/100]██████████████████████████████████████████████8%|2sProgressbar4[004/100]█████████████████████████████Progressbar4[004/100]██████████████████████████████████████████████4%|2sProgressbar5[013/100]██████████████████████████████████████████████13%|2sProgressbar1[044/100]██████████████████████████████████████████████44%|2sProgressbar2[066/100]██████████████████████████████████████████████66%|2sProgressbar5[014/100]██████████████████████████████████████████████14%|2sProgressbar1[048/100]██████████████████████████████████████████████48%|2sProgressbar2[072/100]██████████████████████████████████████████████72%|2sProgressbar3[009/100]██████████████████████████████████████████████9%|2sProgressbar1[052/100]██████████████████████████████████████████████52%|3sProgressbar2[078/100]██████████████████████████████████████████████78%|3sProgressbar3[010/100]██████████████████████████████████████████████10%|2sProgressbar4[005/100]██████████████████████████████████████████████5%|2sProgressbar5[017/100]██████████████████████████████████████████████17%|3sProgressbar1[056/100]██████████████████████████████████████████████56%|3sProgressbar2[084/100]██████████████████████████████████████████████84%|3sProgressbar3[011/100]██████████████████████████████████████████████11%|3sProgressbar5[018/100]██████████████████████████████████████████████18%|3sProgressbar1[060/100]██████████████████████████████████████████████60%|3sProgressbar2[090/100]██████████████████████████████████████████████90%|3sProgressbar3[012/100]██████████████████████████████████████████████12%|3sProgressbar4[006/100]██████████████████████████████████████████████6%|3sProgressbar5[020/100]██████████████████████████████████████████████20%|3sProgressbar1[064/100]██████████████████████████████████████████████64%|3sProgressbar2[096/100]██████████████████████████████████████████████96%|3sProgressbar5[021/100]██████████████████████████████████████████████21%|3sProgressbar1[067/100]██████████████████████████████████████████████67%|3sProgressbar2[099/100]██████████████████████████████████████████████99%|3sProgressbar3[013/100]██████████████████████████████████████████████13%|3sProgressbar5[022/100]██████████████████████████████████████████████22%|3sProgressbar1[071/100]██████████████████████████████████████████████71%|4sProgressbar2[102/102]██████████████████████████████████████████████100%|3sProgressbar3[014/100]██████████████████████████████████████████████14%|4sProgressbar4[007/100]██████████████████████████████████████████████7%|4sProgressbar5[023/100]██████████████████████████████████████████████23%|3sProgressbar1[075/100]██████████████████████████████████████████████75%|4sProgressbar3[015/100]██████████████████████████████████████████████15%|4sProgressbar4[007/100]████Progressbar5[025/100]██████████████████████████████████████████████25%|4sProgressbar1[079/100]██████████████████████████████████████████████79%|4sProgressbar5[026/100]██████████████████████████████████████████████26%|4sProgressbar1[083/100]██████████████████████████████████████████████83%|4sProgressbar3[016/100]██████████████████████████████████████████████16%|4sProgressbar4[008/100]██████████████████████████████████████████████8%|4sProgressbar5[027/100]██████████████████████████████████████████████27%|4sProgressbar1[087/100]██████████████████████████████████████████████87%|4sProgressbar3[017/100]██████████████████████████████████████████████17%|4sProgressbar5[029/100]██████████████████████████████████████████████29%|4sProgressbar1[091/100]██████████████████████████████████████████████91%|5sProgressbar3[018/100]██████████████████████████████████████████████18%|5sProgressbar4[009/100]██████████████████████████████Progressbar4[009/100]██████████████████████████████████████████████9%|5sProgressbar5[030/100]██████████████████████████████████████████████30%|5sProgressbar1[095/100]██████████████████████████████████████████████95%|5sProgressbar3[019/100]██████████████████████████████████████████████19%|5sProgressbar5[031/100]██████████████████████████████████████████████31%|5sProgressbar1[098/100]██████████████████████████████████████████████98%|5sProgressbar5[032/100]██████████████████████████████████████████████32%|5sProgressbar1[100/100]██████████████████████████████████████████████100%|5sProgressbar3[020/100]██████████████████████████████████████████████20%|5sProgressbar4[010/100]██████████████████████████████████████████████10%|5sProgressbar5[033/100]██████████████████████████████████████████████33%|5sProgressbar4[000/Progressbar3[001/100]█████████████████████████Progressbar5[002/100]█Progressbar2[018/100]██████████████████████████████Progressbar5[004/100]███████████████████████Progressbar3[003/100]█████████████████████████████Progressbar5[005/100]████████████████████████Progressbar5[005/100]██████████████████████████████████████████████5%|1sProgressbar4[002/100]███████████Progressbar3[004/100]█████████████████████████████████Progressbar5[008/100]████████████████████████Progressbar3[005/100]███████████████████████████████████Progressbar5[009/100]█████████████████████████Progressbar3[006/100]██████████████████████████████████████Progressbar4[003/100]█████████████████████Progressbar3[007/100]█████████████████████████████████████████Progressbar5[012/100]█████████████████Progressbar3[008/Progressbar3[008/100]████████████████████████████████████████████Progressbar5[014/100]██████████████████████Progressbar3[009/100]██████████████████████████████████████████████Progressbar5[016/100]█████████████████████████Progressbar5[016/100]██████████████████████████████████████████████16%|2sProgressbar3[010/100]██████Progressbar4[005/100]████████████████████████████████████Progressbar5[018/100]████████████████████████████Progressbar4[006/100]Progressbar5[021/100]█████████████████████████████████████Progressbar5[022/100]█████████████████████████████Progressbar4[007/100]███████████████████████████Progressbar5[026/100]████████████Progressbar4[008/100]█████Progressbar4[008/100]████████████████████████████Progressbar5[030/100]███████████████████Progressbar5[031/100]████████████████████Progressbar5[032/100]███████████████████████Progressbar3[020/100]██████████████████████████████████████Progressbar5[033/100]███████████████████████Restartinganimation...
\ No newline at end of file
diff --git a/_examples/section/demo/animation.svg b/_examples/section/demo/animation.svg
index bfa158b3b..f9e691716 100644
--- a/_examples/section/demo/animation.svg
+++ b/_examples/section/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.h{fill:rgb(102,194,205)}.i{white-space:pre}.j{fill:rgb(126,231,233);white-space:pre}.k{fill:transparent}.m{animation-duration:5.202655s;animation-iteration-count:infinite;animation-name:l;animation-timing-function:steps(1,end)}@keyframes l{0%{transform:translateX(-0px)}3.2%{transform:translateX(-80px)}3.9%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}#Thisisasection! INFO Andhereissometext. Thistextcouldbeanything. Basicallyit'sjustaplaceholder##Thisisanothersection! INFO Andthisis moreplaceholdertextRestartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.h{fill:rgb(102,194,205)}.i{white-space:pre}.j{fill:rgb(126,231,233);white-space:pre}.k{fill:transparent}.m{animation-duration:5.282747s;animation-iteration-count:infinite;animation-name:l;animation-timing-function:steps(1,end)}@keyframes l{0%{transform:translateX(-0px)}5.4%{transform:translateX(-80px)}100%{transform:translateX(-160px)}}#Thisisasection! INFO Andhereissometext. Thistextcouldbeanything. Basicallyit'sjustaplaceholder##Thisisanothersection! INFO Andthisis moreplaceholdertextRestartinganimation...
\ No newline at end of file
diff --git a/_examples/slog/demo/animation.svg b/_examples/slog/demo/animation.svg
index 929b6594b..421e2ec1f 100644
--- a/_examples/slog/demo/animation.svg
+++ b/_examples/slog/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(104,104,104);white-space:pre}.g{fill:rgb(0,71,255);font-weight:bold;white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.j{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.k{fill:rgb(255,0,4);font-weight:bold;white-space:pre}.l{fill:transparent}.n{animation-duration:5.272728s;animation-iteration-count:infinite;animation-name:m;animation-timing-function:steps(1,end)}@keyframes m{0%{transform:translateX(-0px)}3.8%{transform:translateX(-80px)}5.2%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}2023-09-1601:01:03DEBUGThisisadebugmessagechangedLevel:true2023-09-1601:01:03INFOThisisaninfomessage2023-09-1601:01:03WARNThisisawarningmessage2023-09-1601:01:03ERRORThisisanerrormessageRestartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(104,104,104);white-space:pre}.g{fill:rgb(0,71,255);font-weight:bold;white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.j{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.k{fill:rgb(255,0,4);font-weight:bold;white-space:pre}.l{fill:transparent}.n{animation-duration:5.248434s;animation-iteration-count:infinite;animation-name:m;animation-timing-function:steps(1,end)}@keyframes m{0%{transform:translateX(-0px)}3.9%{transform:translateX(-80px)}4.7%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}2023-11-0517:47:28DEBUGThisisadebugmessagechangedLevel:true2023-11-0517:47:28INFOThisisaninfomessage2023-11-0517:47:28WARNThisisawarningmessage2023-11-0517:47:28ERRORThisisanerrormessageRestartinganimation...
\ No newline at end of file
diff --git a/_examples/spinner/demo/animation.svg b/_examples/spinner/demo/animation.svg
index c9543da57..aefd94933 100644
--- a/_examples/spinner/demo/animation.svg
+++ b/_examples/spinner/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(255,255,255);white-space:pre}.h{fill:rgb(104,104,104);white-space:pre}.i{fill:rgb(102,194,205)}.j{white-space:pre}.k{fill:rgb(168,204,140)}.l{fill:rgb(124,255,0);white-space:pre}.m{fill:rgb(219,171,121)}.n{fill:rgb(255,241,0);white-space:pre}.o{fill:rgb(232,131,136)}.p{fill:rgb(243,86,86);white-space:pre}.q{fill:rgb(115,190,243)}.r{fill:rgb(152,161,254);white-space:pre}.s{fill:transparent}.u{animation-duration:18.195634s;animation-iteration-count:infinite;animation-name:t;animation-timing-function:steps(1,end)}.v{fill:rgb(160,160,160);white-space:pre}@keyframes t{0%{transform:translateX(-0px)}1.04%{transform:translateX(-80px)}2.23%{transform:translateX(-160px)}3.34%{transform:translateX(-240px)}4.44%{transform:translateX(-320px)}5.54%{transform:translateX(-400px)}6.64%{transform:translateX(-480px)}7.74%{transform:translateX(-560px)}8.84%{transform:translateX(-640px)}9.95%{transform:translateX(-720px)}11.05%{transform:translateX(-800px)}12.03%{transform:translateX(-880px)}12.04%{transform:translateX(-960px)}13.14%{transform:translateX(-1040px)}14.24%{transform:translateX(-1120px)}15.34%{transform:translateX(-1200px)}16.44%{transform:translateX(-1280px)}17.54%{transform:translateX(-1360px)}18.64%{transform:translateX(-1440px)}19.74%{transform:translateX(-1520px)}20.84%{transform:translateX(-1600px)}21.95%{transform:translateX(-1680px)}23.03%{transform:translateX(-1760px)}23.03%{transform:translateX(-1840px)}24.13%{transform:translateX(-1920px)}25.23%{transform:translateX(-2000px)}26.33%{transform:translateX(-2080px)}27.44%{transform:translateX(-2160px)}28.54%{transform:translateX(-2240px)}29.64%{transform:translateX(-2320px)}30.74%{transform:translateX(-2400px)}31.84%{transform:translateX(-2480px)}32.94%{transform:translateX(-2560px)}34.03%{transform:translateX(-2640px)}35.12%{transform:translateX(-2720px)}36.23%{transform:translateX(-2800px)}37.33%{transform:translateX(-2880px)}38.43%{transform:translateX(-2960px)}39.53%{transform:translateX(-3040px)}40.63%{transform:translateX(-3120px)}41.74%{transform:translateX(-3200px)}42.84%{transform:translateX(-3280px)}43.94%{transform:translateX(-3360px)}45.02%{transform:translateX(-3440px)}45.02%{transform:translateX(-3520px)}46.12%{transform:translateX(-3600px)}47.22%{transform:translateX(-3680px)}48.33%{transform:translateX(-3760px)}49.43%{transform:translateX(-3840px)}50.53%{transform:translateX(-3920px)}51.63%{transform:translateX(-4000px)}52.74%{transform:translateX(-4080px)}53.84%{transform:translateX(-4160px)}54.94%{transform:translateX(-4240px)}56.01%{transform:translateX(-4320px)}56.01%{transform:translateX(-4400px)}57.11%{transform:translateX(-4480px)}58.21%{transform:translateX(-4560px)}59.31%{transform:translateX(-4640px)}60.41%{transform:translateX(-4720px)}61.51%{transform:translateX(-4800px)}61.52%{transform:translateX(-4880px)}62.62%{transform:translateX(-4960px)}63.72%{transform:translateX(-5040px)}64.82%{transform:translateX(-5120px)}65.93%{transform:translateX(-5200px)}67.01%{transform:translateX(-5280px)}67.03%{transform:translateX(-5360px)}68.13%{transform:translateX(-5440px)}69.24%{transform:translateX(-5520px)}70.34%{transform:translateX(-5600px)}71.44%{transform:translateX(-5680px)}72.52%{transform:translateX(-5760px)}72.52%{transform:translateX(-5840px)}100%{transform:translateX(-5920px)}}▄Someinformationalaction...(1s) INFO Someinformationalaction...▄Doingsomethingimportant...(willsucceed)(1s) SUCCESS Doingsomethingimportant...(willsucceed)▄Doingsomethingimportant...(willwarn)(1s) WARNING Doingsomethingimportant...(willwarn)▄Doingsomethingimportant...(willfail)(1s) ERROR Doingsomethingimportant...(willfail)▄Checkingsomethingimportant...(willresultinnochange)(1s) NOCHG Nochangewererequired SUCCESS Finally!▀Someinformationalaction...(0s)▀Someinformationalaction...(0s)▄Someinformationalaction...(0s)▀Someinformationalaction...(1s)▀Someinformationalaction...(1s)▄Someinformationalaction...(1s)▀Someinformationalaction...(2s)▀Someinformationalaction...(2s)▀Doingsomethingimportant...(willsucceed)(0s)▀Doingsomethingimportant...(willsucceed)(0s)▄Doingsomethingimportant...(willsucceed)(0s)▀Doingsomethingimportant...(willsucceed)(1s)▀Doingsomethingimportant...(willsucceed)(1s)▄Doingsomethingimportant...(willsucceed)(1s)▀Doingsomethingimportant...(willsucceed)(2s)▀Doingsomethingimportant...(willsucceed)(2s)▀Doingsomethingimportant...(willwarn)(0s)▀Doingsomethingimportant...(willwarn)(0s)▄Doingsomethingimportant...(willwarn)(0s)▀Doingsomethingimportant...(willwarn)(1s)▀Doingsomethingimportant...(willwarn)(1s)▄Doingsomethingimportant...(willwarn)(1s)▀Doingsomethingimportant...(willwarn)(2s)▀Doingsomethingimportant...(willwarn)(2s)▀Doingsomethingimportant...(willfail)(0s)▀Doingsomethingimportant...(willfail)(0s)▄Doingsomethingimportant...(willfail)(0s)▀Doingsomethingimportant...(willfail)(1s)▀Doingsomethingimportant...(willfail)(1s)▄Doingsomethingimportant...(willfail)(1s)▀Doingsomethingimportant...(willfail)(2s)▀Doingsomethingimportant...(willfail)(2s)▀Checkingsomethingimportant...(willresultinnochange)(0s)▀Checkingsomethingimportant...(willresultinnochange)(0s)▄Checkingsomethingimportant...(willresultinnochange)(0s)▀Checkingsomethingimportant...(willresultinnochange)(1s)▀Checkingsomethingimportant...(willresultinnochange)(1s)▄Checkingsomethingimportant...(willresultinnochange)(1s)▀Checkingsomethingimportant...(willresultinnochange)(2s)▀Checkingsomethingimportant...(willresultinnochange)(2s)▀Doingalotofstuff...(0s)▀Doingalotofstuff...(0s)▄Doingalotofstuff...(0s)▄Doingalotofstuff...(1s)▀Doingalotofstuff...(1s)▀It'sreallymuchtuff...(1s)▀It'sreallymuch(1s)..(1s)▄It'sreallymuch(1s)..(1s)▄It'sreallymuch(1s)..(1s)▀It'sreallymuch(2s)..(1s)▀It'sreallymuch(2s)..(1s)▀We'renearlydone!2s)..(1s)▄We'renearlydone!(2s)(1s)▄We'renearlydone!(2s)(1s)▀We'renearlydone!(2s)(1s)▀We'renearlydone!(3s)(1s)▄We'renearlydone!(3s)(1s)Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(255,255,255);white-space:pre}.h{fill:rgb(104,104,104);white-space:pre}.i{fill:rgb(102,194,205)}.j{white-space:pre}.k{fill:rgb(168,204,140)}.l{fill:rgb(124,255,0);white-space:pre}.m{fill:rgb(219,171,121)}.n{fill:rgb(255,241,0);white-space:pre}.o{fill:rgb(232,131,136)}.p{fill:rgb(243,86,86);white-space:pre}.q{fill:rgb(115,190,243)}.r{fill:rgb(152,161,254);white-space:pre}.s{fill:transparent}.u{animation-duration:18.199783s;animation-iteration-count:infinite;animation-name:t;animation-timing-function:steps(1,end)}.v{fill:rgb(160,160,160);white-space:pre}@keyframes t{0%{transform:translateX(-0px)}1.07%{transform:translateX(-80px)}2.25%{transform:translateX(-160px)}3.35%{transform:translateX(-240px)}4.45%{transform:translateX(-320px)}5.55%{transform:translateX(-400px)}6.65%{transform:translateX(-480px)}7.75%{transform:translateX(-560px)}8.85%{transform:translateX(-640px)}9.95%{transform:translateX(-720px)}11.05%{transform:translateX(-800px)}12.06%{transform:translateX(-880px)}12.06%{transform:translateX(-960px)}13.16%{transform:translateX(-1040px)}14.26%{transform:translateX(-1120px)}15.36%{transform:translateX(-1200px)}16.46%{transform:translateX(-1280px)}17.56%{transform:translateX(-1360px)}18.66%{transform:translateX(-1440px)}19.76%{transform:translateX(-1520px)}20.87%{transform:translateX(-1600px)}21.96%{transform:translateX(-1680px)}23.05%{transform:translateX(-1760px)}23.05%{transform:translateX(-1840px)}24.16%{transform:translateX(-1920px)}25.26%{transform:translateX(-2000px)}26.38%{transform:translateX(-2080px)}27.48%{transform:translateX(-2160px)}28.58%{transform:translateX(-2240px)}29.68%{transform:translateX(-2320px)}30.78%{transform:translateX(-2400px)}31.88%{transform:translateX(-2480px)}32.99%{transform:translateX(-2560px)}34.04%{transform:translateX(-2640px)}34.04%{transform:translateX(-2720px)}35.15%{transform:translateX(-2800px)}36.25%{transform:translateX(-2880px)}37.35%{transform:translateX(-2960px)}38.45%{transform:translateX(-3040px)}39.55%{transform:translateX(-3120px)}40.65%{transform:translateX(-3200px)}41.75%{transform:translateX(-3280px)}42.85%{transform:translateX(-3360px)}43.96%{transform:translateX(-3440px)}45.04%{transform:translateX(-3520px)}45.04%{transform:translateX(-3600px)}46.14%{transform:translateX(-3680px)}47.24%{transform:translateX(-3760px)}48.34%{transform:translateX(-3840px)}49.44%{transform:translateX(-3920px)}50.54%{transform:translateX(-4000px)}51.64%{transform:translateX(-4080px)}52.74%{transform:translateX(-4160px)}53.84%{transform:translateX(-4240px)}54.95%{transform:translateX(-4320px)}56.03%{transform:translateX(-4400px)}56.03%{transform:translateX(-4480px)}57.14%{transform:translateX(-4560px)}58.24%{transform:translateX(-4640px)}59.34%{transform:translateX(-4720px)}60.45%{transform:translateX(-4800px)}61.53%{transform:translateX(-4880px)}61.55%{transform:translateX(-4960px)}62.65%{transform:translateX(-5040px)}63.75%{transform:translateX(-5120px)}64.86%{transform:translateX(-5200px)}65.96%{transform:translateX(-5280px)}67.03%{transform:translateX(-5360px)}67.06%{transform:translateX(-5440px)}68.17%{transform:translateX(-5520px)}69.27%{transform:translateX(-5600px)}70.37%{transform:translateX(-5680px)}71.47%{transform:translateX(-5760px)}72.53%{transform:translateX(-5840px)}72.53%{transform:translateX(-5920px)}100%{transform:translateX(-6000px)}}▄Someinformationalaction...(1s) INFO Someinformationalaction...▄Doingsomethingimportant...(willsucceed)(1s) SUCCESS Doingsomethingimportant...(willsucceed)▄Doingsomethingimportant...(willwarn)(1s) WARNING Doingsomethingimportant...(willwarn)▄Doingsomethingimportant...(willfail)(1s) ERROR Doingsomethingimportant...(willfail)▄Checkingsomethingimportant...(willresultinnochange)(1s) NOCHG Nochangewererequired SUCCESS Finally!▀Someinformationalaction...(0s)▀Someinformationalaction...(0s)▄Someinformationalaction...(0s)▀Someinformationalaction...(1s)▀Someinformationalaction...(1s)▄Someinformationalaction...(1s)▀Someinformationalaction...(2s)▀Someinformationalaction...(2s)▀Doingsomethingimportant...(willsucceed)(0s)▀Doingsomethingimportant...(willsucceed)(0s)▄Doingsomethingimportant...(willsucceed)(0s)▀Doingsomethingimportant...(willsucceed)(1s)▀Doingsomethingimportant...(willsucceed)(1s)▄Doingsomethingimportant...(willsucceed)(1s)▀Doingsomethingimportant...(willsucceed)(2s)▀Doingsomethingimportant...(willsucceed)(2s)▀Doingsomethingimportant...(willwarn)(0s)▀Doingsomethingimportant...(willwarn)(0s)▄Doingsomethingimportant...(willwarn)(0s)▀Doingsomethingimportant...(willwarn)(1s)▀Doingsomethingimportant...(willwarn)(1s)▄Doingsomethingimportant...(willwarn)(1s)▀Doingsomethingimportant...(willwarn)(2s)▀Doingsomethingimportant...(willwarn)(2s)▀Doingsomethingimportant...(willfail)(0s)▀Doingsomethingimportant...(willfail)(0s)▄Doingsomethingimportant...(willfail)(0s)▀Doingsomethingimportant...(willfail)(1s)▀Doingsomethingimportant...(willfail)(1s)▄Doingsomethingimportant...(willfail)(1s)▀Doingsomethingimportant...(willfail)(2s)▀Doingsomethingimportant...(willfail)(2s)▀Checkingsomethingimportant...(willresultinnochange)(0s)▀Checkingsomethingimportant...(willresultinnochange)(0s)▄Checkingsomethingimportant...(willresultinnochange)(0s)▀Checkingsomethingimportant...(willresultinnochange)(1s)▀Checkingsomethingimportant...(willresultinnochange)(1s)▄Checkingsomethingimportant...(willresultinnochange)(1s)▀Checkingsomethingimportant...(willresultinnochange)(2s)▀Checkingsomethingimportant...(willresultinnochange)(2s)▀Doingalotofstuff...(0s)▀Doingalotofstuff...(0s)▄Doingalotofstuff...(0s)▄Doingalotofstuff...(1s)▀Doingalotofstuff...(1s)▀It'sreallymuchtuff...(1s)▀It'sreallymuch(1s)..(1s)▄It'sreallymuch(1s)..(1s)▄It'sreallymuch(1s)..(1s)▀It'sreallymuch(2s)..(1s)▀It'sreallymuch(2s)..(1s)▀We'renearlydone!2s)..(1s)▄We'renearlydone!(2s)(1s)▄We'renearlydone!(2s)(1s)▀We'renearlydone!(2s)(1s)▀We'renearlydone!(3s)(1s)▄We'renearlydone!(3s)(1s)Restartinganimation...
\ No newline at end of file
diff --git a/_examples/spinner/multiple/animation.svg b/_examples/spinner/multiple/animation.svg
index 9514b16b2..5bc21a915 100644
--- a/_examples/spinner/multiple/animation.svg
+++ b/_examples/spinner/multiple/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(255,255,255);white-space:pre}.h{fill:rgb(104,104,104);white-space:pre}.i{fill:rgb(168,204,140)}.j{white-space:pre}.k{fill:rgb(124,255,0);white-space:pre}.l{fill:rgb(232,131,136)}.m{fill:rgb(243,86,86);white-space:pre}.n{fill:rgb(219,171,121)}.o{fill:rgb(255,241,0);white-space:pre}.p{fill:transparent}.r{animation-duration:7.4159500000000005s;animation-iteration-count:infinite;animation-name:q;animation-timing-function:steps(1,end)}.s{fill:rgb(160,160,160);white-space:pre}@keyframes q{0%{transform:translateX(-0px)}4.6%{transform:translateX(-80px)}5.3%{transform:translateX(-160px)}7.3%{transform:translateX(-240px)}7.3%{transform:translateX(-320px)}10%{transform:translateX(-400px)}10%{transform:translateX(-480px)}12.7%{transform:translateX(-560px)}12.7%{transform:translateX(-640px)}12.7%{transform:translateX(-720px)}15.4%{transform:translateX(-800px)}15.4%{transform:translateX(-880px)}15.4%{transform:translateX(-960px)}15.4%{transform:translateX(-1040px)}15.4%{transform:translateX(-1120px)}18.1%{transform:translateX(-1200px)}18.1%{transform:translateX(-1280px)}18.1%{transform:translateX(-1360px)}20.8%{transform:translateX(-1440px)}20.8%{transform:translateX(-1520px)}20.8%{transform:translateX(-1600px)}20.8%{transform:translateX(-1680px)}20.8%{transform:translateX(-1760px)}23.5%{transform:translateX(-1840px)}23.5%{transform:translateX(-1920px)}23.5%{transform:translateX(-2000px)}26.2%{transform:translateX(-2080px)}26.2%{transform:translateX(-2160px)}26.2%{transform:translateX(-2240px)}28.9%{transform:translateX(-2320px)}31.6%{transform:translateX(-2400px)}31.6%{transform:translateX(-2480px)}31.6%{transform:translateX(-2560px)}32.6%{transform:translateX(-2640px)}32.6%{transform:translateX(-2720px)}32.6%{transform:translateX(-2800px)}32.6%{transform:translateX(-2880px)}100%{transform:translateX(-2960px)}}▀Spinner1(0s)▀Spinner2(0s)▀Spinner3(0s)▄Spinner1(0s)▄Spinner2(0s)▄Spinner3(0s)▄Spinner1(1s)▄Spinner2(1s)▄Spinner3(1s) SUCCESS Spinner1isdone!▀Spinner2(1s)▀Spinner3(1s)▀Spinner2(1s)▀Spinner3(1s)▄Spinner2(1s)▄Spinner3(1s) ERROR Spinner2failed!▀Spinner3(2s)▄Spinner3(2s) WARNING Spinner3hasawarning!▀Spinner1(0s)▀Spinner2(0s)▀Spinner3(2s)Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(255,255,255);white-space:pre}.h{fill:rgb(104,104,104);white-space:pre}.i{fill:rgb(168,204,140)}.j{white-space:pre}.k{fill:rgb(124,255,0);white-space:pre}.l{fill:rgb(232,131,136)}.m{fill:rgb(243,86,86);white-space:pre}.n{fill:rgb(219,171,121)}.o{fill:rgb(255,241,0);white-space:pre}.p{fill:transparent}.r{animation-duration:7.534032s;animation-iteration-count:infinite;animation-name:q;animation-timing-function:steps(1,end)}.s{fill:rgb(160,160,160);white-space:pre}@keyframes q{0%{transform:translateX(-0px)}6.1%{transform:translateX(-80px)}6.8%{transform:translateX(-160px)}8.8%{transform:translateX(-240px)}8.8%{transform:translateX(-320px)}8.8%{transform:translateX(-400px)}11.4%{transform:translateX(-480px)}11.4%{transform:translateX(-560px)}11.4%{transform:translateX(-640px)}14%{transform:translateX(-720px)}14%{transform:translateX(-800px)}14%{transform:translateX(-880px)}16.7%{transform:translateX(-960px)}16.7%{transform:translateX(-1040px)}16.7%{transform:translateX(-1120px)}16.7%{transform:translateX(-1200px)}16.7%{transform:translateX(-1280px)}16.7%{transform:translateX(-1360px)}19.4%{transform:translateX(-1440px)}19.4%{transform:translateX(-1520px)}19.4%{transform:translateX(-1600px)}19.4%{transform:translateX(-1680px)}19.4%{transform:translateX(-1760px)}22%{transform:translateX(-1840px)}22%{transform:translateX(-1920px)}22%{transform:translateX(-2000px)}24.7%{transform:translateX(-2080px)}24.7%{transform:translateX(-2160px)}24.7%{transform:translateX(-2240px)}27.3%{transform:translateX(-2320px)}27.3%{transform:translateX(-2400px)}27.3%{transform:translateX(-2480px)}27.3%{transform:translateX(-2560px)}27.3%{transform:translateX(-2640px)}30%{transform:translateX(-2720px)}30%{transform:translateX(-2800px)}30%{transform:translateX(-2880px)}32.6%{transform:translateX(-2960px)}32.6%{transform:translateX(-3040px)}32.6%{transform:translateX(-3120px)}33.6%{transform:translateX(-3200px)}33.6%{transform:translateX(-3280px)}33.6%{transform:translateX(-3360px)}33.6%{transform:translateX(-3440px)}100%{transform:translateX(-3520px)}}▀Spinner1(0s)▀Spinner2(0s)▀Spinner3(0s)▀Spinner1(0s)▄Spinner2(0s)▄Spinner3(0s)▄Spinner1(0s)▄Spinner1(1s)▄Spinner2(1s)▄Spinner3(1s) SUCCESS Spinner1isdone!▀Spinner2(1s)▀Spinner3(1s)▀Spinner2(1s)▀Spinner3(1s)▄Spinner2(1s)▄Spinner3(1s) ERROR Spinner2failed!▀Spinner3(2s)▀Spinner3(2s)▄Spinner3(2s) WARNING Spinner3hasawarning!Restartinganimation...
\ No newline at end of file
diff --git a/_examples/style/demo/animation.svg b/_examples/style/demo/animation.svg
index 153091f25..45d986733 100644
--- a/_examples/style/demo/animation.svg
+++ b/_examples/style/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(111,119,131)}.g{fill:rgb(126,231,233);font-weight:bold;white-space:pre}.h{fill:rgb(185,191,202)}.i{fill:rgb(127,253,127);white-space:pre}.j{fill:transparent}.l{animation-duration:5.189359s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}.m{fill:rgb(160,160,160);white-space:pre}@keyframes k{0%{transform:translateX(-0px)}3.2%{transform:translateX(-80px)}3.6%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Hello, World!Hello, World!Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(111,119,131)}.g{fill:rgb(126,231,233);font-weight:bold;white-space:pre}.h{fill:rgb(185,191,202)}.i{fill:rgb(127,253,127);white-space:pre}.j{fill:transparent}.l{animation-duration:5.236745s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}.m{fill:rgb(160,160,160);white-space:pre}@keyframes k{0%{transform:translateX(-0px)}4.5%{transform:translateX(-80px)}100%{transform:translateX(-160px)}}Hello, World!Hello, World!Restartinganimation...
\ No newline at end of file
diff --git a/_examples/table/boxed/animation.svg b/_examples/table/boxed/animation.svg
index a72243180..f59ab3038 100644
--- a/_examples/table/boxed/animation.svg
+++ b/_examples/table/boxed/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(126,231,233);white-space:pre}.h{fill:rgb(104,104,104);white-space:pre}.i{fill:transparent}.k{animation-duration:5.276919s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}4.4%{transform:translateX(-80px)}5.2%{transform:translateX(-160px)}5.2%{transform:translateX(-240px)}5.2%{transform:translateX(-320px)}5.2%{transform:translateX(-400px)}100%{transform:translateX(-480px)}}┌───────────────────────────────────────────────────────────────────────┐|Firstname|Lastname|Email|Note||Paul|Dean|augue@velitAliquam.co.uk|||Callie|Mckay|nunc.sed@est.com|这是一个测试,haha!||Libby|Camacho|lobortis@semper.com|justatest,hey!||张|小宝|zhang@example.com||└───────────────────────────────────────────────────────────────────────┘┌────────────────────────────────────────────────|└──────────────────└──────────────────────────────────────────────────────────────────Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(126,231,233);white-space:pre}.h{fill:rgb(104,104,104);white-space:pre}.i{fill:transparent}.k{animation-duration:5.247708s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}3.8%{transform:translateX(-80px)}4.7%{transform:translateX(-160px)}4.7%{transform:translateX(-240px)}4.7%{transform:translateX(-320px)}4.7%{transform:translateX(-400px)}100%{transform:translateX(-480px)}}┌───────────────────────────────────────────────────────────────────────┐|Firstname|Lastname|Email|Note||Paul|Dean|augue@velitAliquam.co.uk|||Callie|Mckay|nunc.sed@est.com|这是一个测试,haha!||Libby|Camacho|lobortis@semper.com|justatest,hey!||张|小宝|zhang@example.com||└───────────────────────────────────────────────────────────────────────┘┌────────────────────────────────────────────────|└──────────────────└──────────────────────────────────────────────────────────────────Restartinganimation...
\ No newline at end of file
diff --git a/_examples/table/demo/animation.svg b/_examples/table/demo/animation.svg
index c2364e36d..0e2af2566 100644
--- a/_examples/table/demo/animation.svg
+++ b/_examples/table/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:transparent}.k{animation-duration:5.252085s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}3.5%{transform:translateX(-80px)}4.8%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Firstname|Lastname|Email|NotePaul|Dean|augue@velitAliquam.co.uk|Callie|Mckay|nunc.sed@est.com|这是一个测试,haha!Libby|Camacho|lobortis@semper.com|justatest,hey!张|小宝|zhang@example.com|Firstname|Lastname|EmailPaul|Dean|augue@velitAliquam.co.uk||Newline||Callie|Mckay|nunc.sed@est.com||NewlineLibby|Camacho|lobortis@semper.com张|小宝|zhang@example.comRestartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:transparent}.k{animation-duration:5.274657s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}4.3%{transform:translateX(-80px)}5%{transform:translateX(-160px)}5.2%{transform:translateX(-240px)}100%{transform:translateX(-320px)}}Firstname|Lastname|Email|NotePaul|Dean|augue@velitAliquam.co.uk|Callie|Mckay|nunc.sed@est.com|这是一个测试,haha!Libby|Camacho|lobortis@semper.com|justatest,hey!张|小宝|zhang@example.com|Firstname|Lastname|EmailPaul|Dean|augue@velitAliquam.co.uk||Newline||Callie|Mckay|nunc.sed@est.com||NewlineLibby|Camacho|lobortis@semper.com张|小宝|zhang@example.comRestartinganimation...
\ No newline at end of file
diff --git a/_examples/table/multiple-lines/animation.svg b/_examples/table/multiple-lines/animation.svg
index 00670305a..580a5d182 100644
--- a/_examples/table/multiple-lines/animation.svg
+++ b/_examples/table/multiple-lines/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:transparent}.k{animation-duration:5.25923s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}3.9%{transform:translateX(-80px)}4.9%{transform:translateX(-160px)}4.9%{transform:translateX(-240px)}4.9%{transform:translateX(-320px)}4.9%{transform:translateX(-400px)}4.9%{transform:translateX(-480px)}100%{transform:translateX(-560px)}}Firstname|Lastname|Email-----------------------------------------------Paul|Dean|augue@velitAliquam.co.uk||Newline||Callie|Mckay|nunc.sed@est.com||NewlineLibby|Camacho|lobortis@semper.com张|小宝|zhang@example.com|Callie|MckayLibby张|小宝|zhang@eRestartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:transparent}.k{animation-duration:5.238616s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}3.9%{transform:translateX(-80px)}4.6%{transform:translateX(-160px)}4.6%{transform:translateX(-240px)}4.6%{transform:translateX(-320px)}4.6%{transform:translateX(-400px)}4.6%{transform:translateX(-480px)}100%{transform:translateX(-560px)}}Firstname|Lastname|Email-----------------------------------------------Paul|Dean|augue@velitAliquam.co.uk||Newline||Callie|Mckay|nunc.sed@est.com||NewlineLibby|Camacho|lobortis@semper.com张|小宝|zhang@example.com|Callie|MckayLibby张|小宝|zhang@eRestartinganimation...
\ No newline at end of file
diff --git a/_examples/table/right-alignment/animation.svg b/_examples/table/right-alignment/animation.svg
index 5b4c6de24..1aade7e88 100644
--- a/_examples/table/right-alignment/animation.svg
+++ b/_examples/table/right-alignment/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:transparent}.k{animation-duration:5.301984s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}4.2%{transform:translateX(-80px)}5.7%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Firstname|Lastname|Email|NotePaul|Dean|augue@velitAliquam.co.uk|Callie|Mckay|nunc.sed@est.com|这是一个测试,haha!Libby|Camacho|lobortis@semper.com|justatest,hey!张|小宝|zhang@example.com|Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:transparent}.k{animation-duration:5.324344s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}4.9%{transform:translateX(-80px)}6.1%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Firstname|Lastname|Email|NotePaul|Dean|augue@velitAliquam.co.uk|Callie|Mckay|nunc.sed@est.com|这是一个测试,haha!Libby|Camacho|lobortis@semper.com|justatest,hey!张|小宝|zhang@example.com|Restartinganimation...
\ No newline at end of file
diff --git a/_examples/theme/demo/animation.svg b/_examples/theme/demo/animation.svg
index ad7d4210a..b0245670e 100644
--- a/_examples/theme/demo/animation.svg
+++ b/_examples/theme/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:rgb(160,160,160);white-space:pre}.j{fill:rgb(234,89,246);white-space:pre}.k{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.l{fill:rgb(124,255,0);white-space:pre}.m{fill:rgb(168,204,140)}.n{fill:rgb(255,241,0);white-space:pre}.o{fill:rgb(219,171,121)}.p{fill:rgb(243,86,86);white-space:pre}.q{fill:rgb(232,131,136)}.r{fill:rgb(111,119,131)}.s{fill:rgb(255,255,255);white-space:pre}.t{fill:rgb(104,104,104);white-space:pre}.u{fill:rgb(0,198,255);white-space:pre}.v{fill:rgb(255,255,255);font-weight:bold;white-space:pre}.w{fill:transparent}.y{animation-duration:14.740769s;animation-iteration-count:infinite;animation-name:x;animation-timing-function:steps(1,end)}@keyframes x{0%{transform:translateX(-0px)}1.4%{transform:translateX(-80px)}1.7%{transform:translateX(-160px)}3.2%{transform:translateX(-240px)}3.2%{transform:translateX(-320px)}4.9%{transform:translateX(-400px)}4.9%{transform:translateX(-480px)}6.6%{transform:translateX(-560px)}6.6%{transform:translateX(-640px)}8.3%{transform:translateX(-720px)}8.3%{transform:translateX(-800px)}10%{transform:translateX(-880px)}11.7%{transform:translateX(-960px)}13.4%{transform:translateX(-1040px)}15.1%{transform:translateX(-1120px)}16.8%{transform:translateX(-1200px)}18.5%{transform:translateX(-1280px)}20.2%{transform:translateX(-1360px)}21.9%{transform:translateX(-1440px)}23.6%{transform:translateX(-1520px)}25.3%{transform:translateX(-1600px)}27%{transform:translateX(-1680px)}28.7%{transform:translateX(-1760px)}30.4%{transform:translateX(-1840px)}32.1%{transform:translateX(-1920px)}33.8%{transform:translateX(-2000px)}35.5%{transform:translateX(-2080px)}37.2%{transform:translateX(-2160px)}38.9%{transform:translateX(-2240px)}40.6%{transform:translateX(-2320px)}42.3%{transform:translateX(-2400px)}44%{transform:translateX(-2480px)}45.7%{transform:translateX(-2560px)}47.4%{transform:translateX(-2640px)}49.1%{transform:translateX(-2720px)}50.8%{transform:translateX(-2800px)}52.5%{transform:translateX(-2880px)}54.2%{transform:translateX(-2960px)}55.9%{transform:translateX(-3040px)}57.6%{transform:translateX(-3120px)}59.3%{transform:translateX(-3200px)}61%{transform:translateX(-3280px)}62.7%{transform:translateX(-3360px)}64.4%{transform:translateX(-3440px)}66.1%{transform:translateX(-3520px)}100%{transform:translateX(-3600px)}} INFO Thesearethedefaultthemestyles. Youcanmodifythemeasilytoyourpersonalpreference, orcreatenewthemesfromscratch:)DefaultTextPrimaryStyleSecondaryStyleHighlightStyleInfoMessageStyleInfoPrefixStyleSuccessMessageStyleSuccessPrefixStyleWarningMessageStyleWarningPrefixStyleErrorMessageStyleErrorPrefixStyleFatalMessageStyleFatalPrefixStyleDescriptionMessageStyleDescriptionPrefixStyleScopeStyleProgressbarBarStyleProgressbarTitleStyleHeaderTextStyleHeaderBackgroundStyleSpinnerStyleSpinnerTextStyleTimerStyleTableStyleTableHeaderStyleTableSeparatorStyleSectionStyleBulletListTextStyleBulletListBulletStyleTreeStyleTreeTextStyleLetterStyleDebugMessageStyleDebugPrefixStyleBoxStyleBoxTextStyleBarLabelStyleBarStyleRestartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:rgb(160,160,160);white-space:pre}.j{fill:rgb(234,89,246);white-space:pre}.k{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.l{fill:rgb(124,255,0);white-space:pre}.m{fill:rgb(168,204,140)}.n{fill:rgb(255,241,0);white-space:pre}.o{fill:rgb(219,171,121)}.p{fill:rgb(243,86,86);white-space:pre}.q{fill:rgb(232,131,136)}.r{fill:rgb(111,119,131)}.s{fill:rgb(255,255,255);white-space:pre}.t{fill:rgb(104,104,104);white-space:pre}.u{fill:rgb(0,198,255);white-space:pre}.v{fill:rgb(255,255,255);font-weight:bold;white-space:pre}.w{fill:transparent}.y{animation-duration:15.510115s;animation-iteration-count:infinite;animation-name:x;animation-timing-function:steps(1,end)}@keyframes x{0%{transform:translateX(-0px)}1.4%{transform:translateX(-80px)}1.8%{transform:translateX(-160px)}3.1%{transform:translateX(-240px)}3.1%{transform:translateX(-320px)}4.7%{transform:translateX(-400px)}4.7%{transform:translateX(-480px)}6.4%{transform:translateX(-560px)}6.4%{transform:translateX(-640px)}8%{transform:translateX(-720px)}9.6%{transform:translateX(-800px)}9.6%{transform:translateX(-880px)}11.2%{transform:translateX(-960px)}12.8%{transform:translateX(-1040px)}14.4%{transform:translateX(-1120px)}16.1%{transform:translateX(-1200px)}17.7%{transform:translateX(-1280px)}17.7%{transform:translateX(-1360px)}19.3%{transform:translateX(-1440px)}20.9%{transform:translateX(-1520px)}22.5%{transform:translateX(-1600px)}24.1%{transform:translateX(-1680px)}25.7%{transform:translateX(-1760px)}27.4%{transform:translateX(-1840px)}29%{transform:translateX(-1920px)}30.6%{transform:translateX(-2000px)}32.2%{transform:translateX(-2080px)}33.8%{transform:translateX(-2160px)}35.4%{transform:translateX(-2240px)}37%{transform:translateX(-2320px)}38.7%{transform:translateX(-2400px)}40.3%{transform:translateX(-2480px)}40.3%{transform:translateX(-2560px)}41.9%{transform:translateX(-2640px)}43.5%{transform:translateX(-2720px)}43.5%{transform:translateX(-2800px)}45.1%{transform:translateX(-2880px)}46.7%{transform:translateX(-2960px)}46.7%{transform:translateX(-3040px)}48.4%{transform:translateX(-3120px)}50%{transform:translateX(-3200px)}51.6%{transform:translateX(-3280px)}53.2%{transform:translateX(-3360px)}54.8%{transform:translateX(-3440px)}54.8%{transform:translateX(-3520px)}56.4%{transform:translateX(-3600px)}56.4%{transform:translateX(-3680px)}58.1%{transform:translateX(-3760px)}59.7%{transform:translateX(-3840px)}61.3%{transform:translateX(-3920px)}62.9%{transform:translateX(-4000px)}62.9%{transform:translateX(-4080px)}64.5%{transform:translateX(-4160px)}64.5%{transform:translateX(-4240px)}66.1%{transform:translateX(-4320px)}66.1%{transform:translateX(-4400px)}67.8%{transform:translateX(-4480px)}67.8%{transform:translateX(-4560px)}100%{transform:translateX(-4640px)}} INFO Thesearethedefaultthemestyles. Youcanmodifythemeasilytoyourpersonalpreference, orcreatenewthemesfromscratch:)DefaultTextPrimaryStyleSecondaryStyleHighlightStyleInfoMessageStyleInfoPrefixStyleSuccessMessageStyleSuccessPrefixStyleWarningMessageStyleWarningPrefixStyleErrorMessageStyleErrorPrefixStyleFatalMessageStyleFatalPrefixStyleDescriptionMessageStyleDescriptionPrefixStyleScopeStyleProgressbarBarStyleProgressbarTitleStyleHeaderTextStyleHeaderBackgroundStyleSpinnerStyleSpinnerTextStyleTimerStyleTableStyleTableHeaderStyleTableSeparatorStyleHeatmapStyleHeatmapHeaderStyleHeatmapSeparatorStyleSectionStyleBulletListTextStyleBulletListBulletStyleTreeStyleTreeTextStyleLetterStyleDebugMessageStyleDebugPrefixStyleBoxStyleBoxTextStyleBarLabelStyleBarStyleRestartinganimation...
\ No newline at end of file
diff --git a/_examples/tree/demo/animation.svg b/_examples/tree/demo/animation.svg
index 38636f059..05aabf778 100644
--- a/_examples/tree/demo/animation.svg
+++ b/_examples/tree/demo/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:transparent}.j{animation-duration:5.218273s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}@keyframes i{0%{transform:translateX(-0px)}4.2%{transform:translateX(-80px)}100%{transform:translateX(-160px)}}Topnode└─┬Childnode├──Grandchildnode└──GrandchildnodeRestartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:transparent}.j{animation-duration:5.357932s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}@keyframes i{0%{transform:translateX(-0px)}5.2%{transform:translateX(-80px)}6.7%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Topnode└─┬Childnode├──Grandchildnode└──GrandchildnodeRestartinganimation...
\ No newline at end of file
diff --git a/_examples/tree/from-leveled-list/animation.svg b/_examples/tree/from-leveled-list/animation.svg
index 4544ff21a..56d53dd7c 100644
--- a/_examples/tree/from-leveled-list/animation.svg
+++ b/_examples/tree/from-leveled-list/animation.svg
@@ -7,4 +7,4 @@
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji' !important;
-}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:transparent}.j{animation-duration:5.044026s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}@keyframes i{0%{transform:translateX(-0px)}0.7%{transform:translateX(-80px)}0.9%{transform:translateX(-160px)}0.9%{transform:translateX(-240px)}100%{transform:translateX(-320px)}}Computer├─┬C:│├──Users│├──Windows│├──Programs│├──Programs(x86)│└──dev├──D:├─┬E:│├──Movies│├─┬Music││└──LinkinPark│└─┬Games│└─┬Shooter│├──CallOfDuty│├──CS:GO│└─┬Battlefield│├──Battlefield1│└──Battlefield2└─┬F:└─┬dev├──dops└──PTerm│├─└Restartinganimation...
\ No newline at end of file
+}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:transparent}.j{animation-duration:5.01997s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}@keyframes i{0%{transform:translateX(-0px)}0.3%{transform:translateX(-80px)}0.4%{transform:translateX(-160px)}0.4%{transform:translateX(-240px)}100%{transform:translateX(-320px)}}Computer├─┬C:│├──Users│├──Windows│├──Programs│├──Programs(x86)│└──dev├──D:├─┬E:│├──Movies│├─┬Music││└──LinkinPark│└─┬Games│└─┬Shooter│├──CallOfDuty│├──CS:GO│└─┬Battlefield│├──Battlefield1│└──Battlefield2└─┬F:└─┬dev├──dops└──PTerm│├Restartinganimation...
\ No newline at end of file
diff --git a/docs/README.md b/docs/README.md
index f05f2d935..4ac3f28e7 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -99,10 +99,10 @@ go get github.com/pterm/pterm
| :-------: | :-------: | :-------: | :-------: | :-------: |
| Area
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/area) |Barchart
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/barchart) |Basictext
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/basictext) |Bigtext
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/bigtext) |Box
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/box) |
| Bulletlist
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/bulletlist) |Center
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/center) |Coloring
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/coloring) |Demo
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/demo) |Header
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/header) |
-| Interactive confirm
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_confirm) |Interactive continue
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_continue) |Interactive multiselect
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_multiselect) |Interactive select
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_select) |Interactive textinput
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_textinput) |
-| Logger
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/logger) |Multiple-live-printers
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/multiple-live-printers) |Panel
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/panel) |Paragraph
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/paragraph) |Prefix
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/prefix) |
-| Progressbar
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/progressbar) |Section
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/section) |Slog
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/slog) |Spinner
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/spinner) |Style
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/style) |
-| Table
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/table) |Theme
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/theme) |Tree
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/tree) | | |
+| Heatmap
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/heatmap) |Interactive confirm
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_confirm) |Interactive continue
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_continue) |Interactive multiselect
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_multiselect) |Interactive select
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_select) |
+| Interactive textinput
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_textinput) |Logger
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/logger) |Multiple-live-printers
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/multiple-live-printers) |Panel
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/panel) |Paragraph
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/paragraph) |
+| Prefix
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/prefix) |Progressbar
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/progressbar) |Section
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/section) |Slog
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/slog) |Spinner
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/spinner) |
+| Style
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/style) |Table
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/table) |Theme
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/theme) |Tree
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/tree) | |
@@ -1648,6 +1648,241 @@ func main() {
+### heatmap/custom_colors
+
+
+
+
+
+SHOW SOURCE
+
+```go
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has no rgb (supported by every terminal), no axis data and a legend.")
+ pterm.Println()
+
+ table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithLegend(false).WithColors(pterm.BgBlue, pterm.BgRed, pterm.BgGreen, pterm.BgYellow).WithLegend()
+ table.Render()
+}
+
+```
+
+
+
+### heatmap/custom_legend
+
+
+
+
+
+SHOW SOURCE
+
+```go
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a custom legend.")
+ pterm.Println()
+
+ table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithLegendLabel("custom").WithLegendOnlyColoredCells()
+ table.Render()
+}
+
+```
+
+
+
+### heatmap/custom_rgb
+
+
+
+
+
+SHOW SOURCE
+
+```go
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a legend.")
+ pterm.Println()
+
+ table2 := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithRGBRange(pterm.NewRGB(0, 0, 255), pterm.NewRGB(255, 0, 0), pterm.NewRGB(0, 255, 0), pterm.NewRGB(255, 255, 0))
+ table2.Render()
+}
+
+```
+
+
+
+### heatmap/demo
+
+
+
+
+
+SHOW SOURCE
+
+```go
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ table := pterm.DefaultHeatmap.WithAxisData(headerData).WithData(data).WithEnableRGB()
+ table.Render()
+}
+
+```
+
+
+
+### heatmap/no_grid
+
+
+
+
+
+SHOW SOURCE
+
+```go
+package main
+
+import (
+ "github.com/pterm/pterm"
+)
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a legend.")
+ pterm.Println()
+
+ table2 := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithLegend().WithGrid(false)
+ table2.Render()
+}
+
+```
+
+
+
+### heatmap/separated
+
+
+
+
+
+SHOW SOURCE
+
+```go
+package main
+
+import "github.com/pterm/pterm"
+
+func main() {
+ data := [][]float32{
+ {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3},
+ {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3},
+ {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9},
+ {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6},
+ {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0},
+ }
+
+ headerData := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"},
+ YAxis: []string{"1", "2", "3", "4", "5"},
+ }
+
+ pterm.Info.Println("The following table has no rgb (supported by every terminal), no axis data and no legend.")
+ pterm.Println()
+
+ table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithLegend(false)
+ table.Render()
+}
+
+```
+
+
+
### interactive_confirm/demo

diff --git a/go.mod b/go.mod
index 867eaa281..a9742f53d 100644
--- a/go.mod
+++ b/go.mod
@@ -10,8 +10,8 @@ require (
github.com/gookit/color v1.5.4
github.com/lithammer/fuzzysearch v1.1.8
github.com/mattn/go-runewidth v0.0.15
- golang.org/x/term v0.11.0
- golang.org/x/text v0.12.0
+ golang.org/x/term v0.13.0
+ golang.org/x/text v0.13.0
)
require (
@@ -22,5 +22,5 @@ require (
github.com/rivo/uniseg v0.4.4 // indirect
github.com/sergi/go-diff v1.2.0 // indirect
github.com/xo/terminfo v0.0.0-20220910002029-abceb7e1c41e // indirect
- golang.org/x/sys v0.11.0 // indirect
+ golang.org/x/sys v0.13.0 // indirect
)
diff --git a/go.sum b/go.sum
index 35a271ca1..ccb6d0ae1 100644
--- a/go.sum
+++ b/go.sum
@@ -86,22 +86,22 @@ golang.org/x/sys v0.0.0-20220520151302-bc2c85ada10a/go.mod h1:oPkhp1MJrh7nUepCBc
golang.org/x/sys v0.0.0-20220704084225-05e143d24a9e/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
golang.org/x/sys v0.0.0-20220722155257-8c9f86f7a55f/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
golang.org/x/sys v0.5.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
-golang.org/x/sys v0.11.0 h1:eG7RXZHdqOJ1i+0lgLgCpSXAp6M3LYlAo6osgSi0xOM=
-golang.org/x/sys v0.11.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.13.0 h1:Af8nKPmuFypiUBjVoU9V20FiaFXOcuZI21p0ycVYYGE=
+golang.org/x/sys v0.13.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
golang.org/x/term v0.0.0-20201126162022-7de9c90e9dd1/go.mod h1:bj7SfCRtBDWHUb9snDiAeCFNEtKQo2Wmx5Cou7ajbmo=
golang.org/x/term v0.0.0-20210220032956-6a3ed077a48d/go.mod h1:bj7SfCRtBDWHUb9snDiAeCFNEtKQo2Wmx5Cou7ajbmo=
golang.org/x/term v0.0.0-20210615171337-6886f2dfbf5b/go.mod h1:jbD1KX2456YbFQfuXm/mYQcufACuNUgVhRMnK/tPxf8=
golang.org/x/term v0.0.0-20210927222741-03fcf44c2211/go.mod h1:jbD1KX2456YbFQfuXm/mYQcufACuNUgVhRMnK/tPxf8=
golang.org/x/term v0.5.0/go.mod h1:jMB1sMXY+tzblOD4FWmEbocvup2/aLOaQEp7JmGp78k=
-golang.org/x/term v0.11.0 h1:F9tnn/DA/Im8nCwm+fX+1/eBwi4qFjRT++MhtVC4ZX0=
-golang.org/x/term v0.11.0/go.mod h1:zC9APTIj3jG3FdV/Ons+XE1riIZXG4aZ4GTHiPZJPIU=
+golang.org/x/term v0.13.0 h1:bb+I9cTfFazGW51MZqBVmZy7+JEJMouUHTUSKVQLBek=
+golang.org/x/term v0.13.0/go.mod h1:LTmsnFJwVN6bCy1rVCoS+qHT1HhALEFxKncY3WNNh4U=
golang.org/x/text v0.3.0/go.mod h1:NqM8EUOU14njkJ3fqMW+pc6Ldnwhi/IjpwHt7yyuwOQ=
golang.org/x/text v0.3.3/go.mod h1:5Zoc/QRtKVWzQhOtBMvqHzDpF6irO9z98xDceosuGiQ=
golang.org/x/text v0.3.7/go.mod h1:u+2+/6zg+i71rQMx5EYifcz6MCKuco9NR6JIITiCfzQ=
golang.org/x/text v0.7.0/go.mod h1:mrYo+phRRbMaCq/xk9113O4dZlRixOauAjOtrjsXDZ8=
golang.org/x/text v0.9.0/go.mod h1:e1OnstbJyHTd6l/uOt8jFFHp6TRDWZR/bV3emEE/zU8=
-golang.org/x/text v0.12.0 h1:k+n5B8goJNdU7hSvEtMUz3d1Q6D/XW4COJSJR6fN0mc=
-golang.org/x/text v0.12.0/go.mod h1:TvPlkZtksWOMsz7fbANvkp4WM8x/WCo/om8BMLbz+aE=
+golang.org/x/text v0.13.0 h1:ablQoSUd0tRdKxZewP80B+BaqeKJuVhuRxj/dkrun3k=
+golang.org/x/text v0.13.0/go.mod h1:TvPlkZtksWOMsz7fbANvkp4WM8x/WCo/om8BMLbz+aE=
golang.org/x/tools v0.0.0-20180917221912-90fa682c2a6e/go.mod h1:n7NCudcB/nEzxVGmLbDWY5pfWTLqBcC2KZ6jyYvM4mQ=
golang.org/x/tools v0.0.0-20191119224855-298f0cb1881e/go.mod h1:b+2E5dAYhXwXZwtnZ6UAqBI28+e2cm9otk0dWdXHAEo=
golang.org/x/tools v0.1.12/go.mod h1:hNGJHUnrk76NpqgfD5Aqm5Crs+Hm0VOH/i9J2+nxYbc=
diff --git a/heatmap_printer.go b/heatmap_printer.go
new file mode 100644
index 000000000..4fac71e38
--- /dev/null
+++ b/heatmap_printer.go
@@ -0,0 +1,744 @@
+package pterm
+
+import (
+ "bytes"
+ "errors"
+ "io"
+ "math"
+ "strings"
+
+ "github.com/pterm/pterm/internal"
+)
+
+// DefaultHeatmap contains standards, which can be used to print a HeatmapPrinter.
+var DefaultHeatmap = HeatmapPrinter{
+ AxisStyle: &ThemeDefault.HeatmapHeaderStyle,
+ SeparatorStyle: &ThemeDefault.HeatmapSeparatorStyle,
+ VerticalSeparator: "│",
+ TopRightCornerSeparator: "└",
+ TopLeftCornerSeparator: "┘",
+ BottomLeftCornerSeparator: "┐",
+ BottomRightCornerSeparator: "┌",
+ HorizontalSeparator: "─",
+ TSeparator: "┬",
+ TReverseSeparator: "┴",
+ LSeparator: "├",
+ LReverseSeparator: "┤",
+ TCrossSeparator: "┼",
+ LegendLabel: "Legend",
+ Boxed: true,
+ Grid: true,
+ Legend: true,
+ TextRGB: RGB{0, 0, 0, false},
+ RGBRange: []RGB{{R: 255, G: 0, B: 0, Background: true}, {R: 255, G: 165, B: 0, Background: true}, {R: 0, G: 255, B: 0, Background: true}},
+ TextColor: FgBlack,
+ Colors: []Color{BgRed, BgLightRed, BgYellow, BgLightYellow, BgLightGreen, BgGreen},
+
+ EnableRGB: false,
+}
+
+// HeatmapData is the type that contains the data of a HeatmapPrinter.
+type HeatmapData [][]float32
+
+type HeatmapAxis struct {
+ XAxis []string
+ YAxis []string
+}
+
+// HeatmapPrinter is able to render tables.
+type HeatmapPrinter struct {
+ HasHeader bool
+ AxisStyle *Style
+ VerticalSeparator string
+ TopRightCornerSeparator string
+ TopLeftCornerSeparator string
+ BottomLeftCornerSeparator string
+ BottomRightCornerSeparator string
+ HorizontalSeparator string
+ TSeparator string
+ TReverseSeparator string
+ LSeparator string
+ LReverseSeparator string
+ TCrossSeparator string
+ LegendLabel string
+ SeparatorStyle *Style
+ Data HeatmapData
+ Axis HeatmapAxis
+ Boxed bool
+ Grid bool
+ OnlyColoredCells bool
+ LegendOnlyColoredCells bool
+ EnableComplementaryColor bool
+ Legend bool
+ CellSize int
+ Colors []Color
+ TextColor Color
+ EnableRGB bool
+ RGBRange []RGB
+ TextRGB RGB
+ Writer io.Writer
+
+ minValue float32
+ maxValue float32
+
+ rgbLegendValue int
+}
+
+var complementaryColors = map[Color]Color{
+ BgBlack: FgLightWhite,
+ BgRed: FgCyan,
+ BgGreen: FgMagenta,
+ BgYellow: FgBlue,
+ BgBlue: FgYellow,
+ BgMagenta: FgGreen,
+ BgCyan: FgRed,
+ BgWhite: FgBlack,
+ BgDefault: FgBlack,
+ BgDarkGray: FgLightWhite,
+ BgLightRed: FgLightCyan,
+ BgLightGreen: FgLightMagenta,
+ BgLightYellow: FgLightBlue,
+ BgLightBlue: FgLightYellow,
+ BgLightMagenta: FgLightGreen,
+ BgLightCyan: FgLightRed,
+ BgLightWhite: FgBlack,
+}
+
+// WithAxisData returns a new HeatmapPrinter, where the first line and row are headers.
+func (p HeatmapPrinter) WithAxisData(hd HeatmapAxis) *HeatmapPrinter {
+ p.HasHeader = true
+ p.Axis = hd
+ return &p
+}
+
+// WithAxisStyle returns a new HeatmapPrinter with a specific AxisStyle.
+func (p HeatmapPrinter) WithAxisStyle(style *Style) *HeatmapPrinter {
+ p.AxisStyle = style
+ return &p
+}
+
+// WithSeparatorStyle returns a new HeatmapPrinter with a specific SeparatorStyle.
+func (p HeatmapPrinter) WithSeparatorStyle(style *Style) *HeatmapPrinter {
+ p.SeparatorStyle = style
+ return &p
+}
+
+// WithData returns a new HeatmapPrinter with specific Data.
+func (p HeatmapPrinter) WithData(data [][]float32) *HeatmapPrinter {
+ p.Data = data
+ return &p
+}
+
+// WithTextColor returns a new HeatmapPrinter with a specific TextColor.
+// This sets EnableComplementaryColor to false.
+func (p HeatmapPrinter) WithTextColor(color Color) *HeatmapPrinter {
+ p.TextColor = color
+ p.EnableComplementaryColor = false
+ return &p
+}
+
+// WithTextRGB returns a new HeatmapPrinter with a specific TextRGB.
+// This sets EnableComplementaryColor to false.
+func (p HeatmapPrinter) WithTextRGB(rgb RGB) *HeatmapPrinter {
+ p.TextRGB = rgb
+ p.EnableComplementaryColor = false
+ return &p
+}
+
+// WithBoxed returns a new HeatmapPrinter with a box around the table.
+// If set to true, Grid will be set to true too.
+func (p HeatmapPrinter) WithBoxed(b ...bool) *HeatmapPrinter {
+ p.Boxed = internal.WithBoolean(b)
+ if p.Boxed && !p.Grid {
+ p.Grid = true
+ }
+ return &p
+}
+
+// WithGrid returns a new HeatmapPrinter with a grid.
+// If set to false, Boxed will be set to false too.
+func (p HeatmapPrinter) WithGrid(b ...bool) *HeatmapPrinter {
+ b2 := internal.WithBoolean(b)
+ p.Grid = b2
+ if !b2 && p.Boxed {
+ p.Boxed = false
+ }
+ return &p
+}
+
+// WithEnableRGB returns a new HeatmapPrinter with RGB colors.
+func (p HeatmapPrinter) WithEnableRGB(b ...bool) *HeatmapPrinter {
+ p.EnableRGB = internal.WithBoolean(b)
+ return &p
+}
+
+// WithOnlyColoredCells returns a new HeatmapPrinter with only colored cells.
+func (p HeatmapPrinter) WithOnlyColoredCells(b ...bool) *HeatmapPrinter {
+ b2 := internal.WithBoolean(b)
+ p.OnlyColoredCells = b2
+ return &p
+}
+
+// WithLegendOnlyColoredCells returns a new HeatmapPrinter with legend with only colored cells.
+// This sets the Legend to true.
+func (p HeatmapPrinter) WithLegendOnlyColoredCells(b ...bool) *HeatmapPrinter {
+ b2 := internal.WithBoolean(b)
+ p.LegendOnlyColoredCells = b2
+ if b2 {
+ p.Legend = true
+ }
+ return &p
+}
+
+// WithEnableComplementaryColor returns a new HeatmapPrinter with complement color.
+func (p HeatmapPrinter) WithEnableComplementaryColor(b ...bool) *HeatmapPrinter {
+ p.EnableComplementaryColor = internal.WithBoolean(b)
+ return &p
+}
+
+// WithLegend returns a new HeatmapPrinter with a legend.
+func (p HeatmapPrinter) WithLegend(b ...bool) *HeatmapPrinter {
+ p.Legend = internal.WithBoolean(b)
+ return &p
+}
+
+// WithCellSize returns a new HeatmapPrinter with a specific cell size.
+// This only works if there is no header and OnlyColoredCells == true!
+func (p HeatmapPrinter) WithCellSize(i int) *HeatmapPrinter {
+ p.CellSize = i
+ return &p
+}
+
+// WithLegendLabel returns a new HeatmapPrinter with a specific legend tag.
+// This sets the Legend to true.
+func (p HeatmapPrinter) WithLegendLabel(s string) *HeatmapPrinter {
+ p.LegendLabel = s
+ p.Legend = true
+ return &p
+}
+
+// WithRGBRange returns a new HeatmapPrinter with a specific RGBRange.
+func (p HeatmapPrinter) WithRGBRange(rgb ...RGB) *HeatmapPrinter {
+ p.RGBRange = rgb
+ return &p
+}
+
+// WithColors returns a new HeatmapPrinter with a specific Colors.
+func (p HeatmapPrinter) WithColors(colors ...Color) *HeatmapPrinter {
+ p.Colors = colors
+ return &p
+}
+
+// WithWriter sets the Writer.
+func (p HeatmapPrinter) WithWriter(writer io.Writer) *HeatmapPrinter {
+ p.Writer = writer
+ return &p
+}
+
+// Srender renders the HeatmapPrinter as a string.
+func (p HeatmapPrinter) Srender() (string, error) {
+ if err := p.errCheck(); err != nil {
+ return "", err
+ }
+
+ if p.SeparatorStyle == nil {
+ p.SeparatorStyle = DefaultHeatmap.SeparatorStyle
+ }
+ if p.AxisStyle == nil {
+ p.AxisStyle = DefaultHeatmap.AxisStyle
+ }
+
+ if RawOutput {
+ p.Legend = false
+ }
+
+ buffer := bytes.NewBufferString("")
+ xAmount := len(p.Data[0]) - 1
+ yAmount := len(p.Data) - 1
+ p.minValue, p.maxValue = minMaxFloat32(p.Data)
+
+ var data string
+ for _, datum := range p.Data {
+ for _, f := range datum {
+ data += Sprintf("%v\n", f)
+ }
+ }
+
+ if p.HasHeader {
+ data, xAmount, yAmount = p.computeAxisData(data, xAmount, yAmount)
+ }
+
+ colWidth := internal.GetStringMaxWidth(data)
+ legendColWidth := colWidth + 2
+
+ if p.OnlyColoredCells && (p.CellSize > colWidth || !p.HasHeader) {
+ colWidth = p.CellSize
+ }
+
+ if p.Boxed {
+ p.renderSeparatorRow(buffer, colWidth, xAmount, true)
+ }
+
+ p.renderData(buffer, colWidth, xAmount, yAmount)
+
+ if p.HasHeader {
+ p.renderHeader(buffer, colWidth, xAmount)
+ }
+
+ if p.Boxed {
+ p.renderSeparatorRow(buffer, colWidth, xAmount, false)
+ }
+
+ if p.Legend {
+ p.renderLegend(buffer, legendColWidth)
+ }
+
+ buffer.WriteString("\n")
+
+ return buffer.String(), nil
+}
+
+func (p HeatmapPrinter) computeAxisData(data string, xAmount, yAmount int) (string, int, int) {
+ var header string
+ for _, h := range p.Axis.XAxis {
+ header += h + "\n"
+ }
+ for _, h := range p.Axis.YAxis {
+ header += h + "\n"
+ }
+
+ if p.OnlyColoredCells {
+ data = header
+ } else {
+ data += header
+ }
+ xAmount++
+ yAmount++
+
+ p.Axis.YAxis = append(p.Axis.YAxis, "")
+
+ return data, xAmount, yAmount
+}
+
+func (p HeatmapPrinter) renderSeparatorRow(buffer *bytes.Buffer, colWidth, xAmount int, top bool) {
+ tSep := p.TReverseSeparator
+ rightSep := p.TopRightCornerSeparator
+ leftSep := p.TopLeftCornerSeparator
+
+ if top {
+ tSep = p.TSeparator
+ rightSep = p.BottomRightCornerSeparator
+ leftSep = p.BottomLeftCornerSeparator
+ } else {
+ buffer.WriteString("\n")
+ }
+ buffer.WriteString(p.SeparatorStyle.Sprint(rightSep))
+ for i := 0; i < xAmount+1; i++ {
+ buffer.WriteString(strings.Repeat(p.SeparatorStyle.Sprint(p.HorizontalSeparator), colWidth))
+ if i < xAmount {
+ buffer.WriteString(p.SeparatorStyle.Sprint(tSep))
+ }
+ }
+ buffer.WriteString(p.SeparatorStyle.Sprint(leftSep))
+
+ if top {
+ buffer.WriteString("\n")
+ }
+}
+
+func (p HeatmapPrinter) renderLegend(buffer *bytes.Buffer, legendColWidth int) {
+ buffer.WriteString("\n")
+ buffer.WriteString("\n")
+ if p.Boxed {
+ p.boxLegend(buffer, p.LegendLabel, legendColWidth)
+ } else {
+ p.generateLegend(buffer, p.LegendLabel, legendColWidth)
+ }
+}
+
+func (p HeatmapPrinter) renderHeader(buffer *bytes.Buffer, colWidth int, xAmount int) {
+ buffer.WriteString("\n")
+ if p.Boxed {
+ buffer.WriteString(p.SeparatorStyle.Sprint(p.LSeparator))
+ }
+ if p.Grid {
+ for i := 0; i < xAmount+1; i++ {
+ buffer.WriteString(strings.Repeat(p.SeparatorStyle.Sprint(p.HorizontalSeparator), colWidth))
+ if i < xAmount {
+ buffer.WriteString(p.SeparatorStyle.Sprint(p.TCrossSeparator))
+ }
+ }
+ }
+ if p.Boxed {
+ buffer.WriteString(p.SeparatorStyle.Sprint(p.LReverseSeparator))
+ }
+ if p.Grid {
+ buffer.WriteString("\n")
+ }
+ for j, f := range p.Axis.XAxis {
+ if j == 0 {
+ if p.Boxed {
+ buffer.WriteString(p.SeparatorStyle.Sprint(p.VerticalSeparator))
+ }
+ ct := internal.CenterText(" ", colWidth)
+ if len(ct) < colWidth {
+ ct += strings.Repeat(" ", colWidth-len(ct))
+ }
+ buffer.WriteString(p.AxisStyle.Sprint(ct))
+ if p.Grid {
+ buffer.WriteString(p.SeparatorStyle.Sprint(p.VerticalSeparator))
+ }
+ }
+ var ct string
+ ct = internal.CenterText(Sprintf("%v", f), colWidth)
+ if len(ct) < colWidth {
+ ct += strings.Repeat(" ", colWidth-len(ct))
+ }
+ buffer.WriteString(p.AxisStyle.Sprint(ct))
+
+ if j < xAmount {
+ if !p.Boxed && j == xAmount-1 {
+ continue
+ }
+ if p.Grid {
+ buffer.WriteString(p.SeparatorStyle.Sprint(p.VerticalSeparator))
+ }
+ }
+ }
+}
+
+func (p HeatmapPrinter) renderData(buffer *bytes.Buffer, colWidth int, xAmount int, yAmount int) {
+ for i, datum := range p.Data {
+ if p.Boxed {
+ buffer.WriteString(p.SeparatorStyle.Sprint(p.VerticalSeparator))
+ }
+ for j, f := range datum {
+ if j == 0 && p.HasHeader {
+ ct := internal.CenterText(p.Axis.YAxis[i], colWidth)
+ if len(ct) < colWidth {
+ ct += strings.Repeat(" ", colWidth-len(ct))
+ }
+ buffer.WriteString(p.AxisStyle.Sprint(ct))
+ if p.Grid {
+ buffer.WriteString(p.SeparatorStyle.Sprint(p.VerticalSeparator))
+ }
+ }
+ var ct string
+ if p.OnlyColoredCells {
+ ct = internal.CenterText(" ", colWidth)
+ } else {
+ ct = internal.CenterText(Sprintf("%v", f), colWidth)
+ }
+ if len(ct) < colWidth {
+ if len(Sprintf("%v", f)) == 1 {
+ ct += strings.Repeat(" ", colWidth-len(ct))
+ } else {
+ ct = strings.Repeat(" ", colWidth-len(ct)) + ct
+ }
+ }
+ if p.EnableRGB {
+ rgb := p.RGBRange[0].Fade(p.minValue, p.maxValue, f, p.RGBRange[1:]...)
+ rgbStyle := NewRGBStyle(p.TextRGB, rgb)
+ if p.EnableComplementaryColor {
+ complimentary := NewRGB(internal.Complementary(rgb.R, rgb.G, rgb.B))
+ rgbStyle = NewRGBStyle(complimentary, rgb)
+ }
+ buffer.WriteString(rgbStyle.Sprint(ct))
+ } else {
+ color := getColor(p.minValue, p.maxValue, f, p.Colors...)
+ fgColor := p.TextColor
+ if p.EnableComplementaryColor {
+ fgColor = complementaryColors[color]
+ }
+ buffer.WriteString(fgColor.Sprint(color.Sprintf(ct)))
+ }
+ if j < xAmount {
+ if !p.Boxed && p.HasHeader && j == xAmount-1 {
+ continue
+ }
+ if p.Grid {
+ buffer.WriteString(p.SeparatorStyle.Sprint(p.VerticalSeparator))
+ }
+ }
+ if p.Boxed && !p.HasHeader && j == xAmount {
+ buffer.WriteString(p.SeparatorStyle.Sprint(p.VerticalSeparator))
+ }
+ }
+
+ if i < yAmount {
+ if p.HasHeader && i == yAmount-1 {
+ continue
+ }
+ buffer.WriteString("\n")
+ if p.Boxed {
+ buffer.WriteString(p.SeparatorStyle.Sprint(p.LSeparator))
+ }
+ if p.Grid {
+ for i := 0; i < xAmount+1; i++ {
+ buffer.WriteString(strings.Repeat(p.SeparatorStyle.Sprint(p.HorizontalSeparator), colWidth))
+ if i < xAmount {
+ buffer.WriteString(p.SeparatorStyle.Sprint(p.TCrossSeparator))
+ }
+ }
+ }
+ if p.Boxed {
+ buffer.WriteString(p.SeparatorStyle.Sprint(p.LReverseSeparator))
+ }
+ if p.Grid {
+ buffer.WriteString("\n")
+ }
+ }
+ }
+}
+
+func (p HeatmapPrinter) generateLegend(buffer *bytes.Buffer, legend string, legendColWidth int) {
+ buffer.WriteString(p.AxisStyle.Sprint(legend))
+ if p.Grid {
+ buffer.WriteString(p.SeparatorStyle.Sprintf("%s", p.VerticalSeparator))
+ } else {
+ buffer.WriteString(" ")
+ }
+ if p.EnableRGB {
+ p.generateRGBLegend(buffer, legendColWidth)
+ } else {
+ p.generateColorLegend(buffer, legendColWidth)
+ }
+}
+
+func (p HeatmapPrinter) generateColorLegend(buffer *bytes.Buffer, legendColWidth int) {
+ for i, color := range p.Colors {
+ // the first color is the min value and the last color is the max value
+ var f float32
+ if i == 0 {
+ f = p.minValue
+ } else if i == len(p.Colors)-1 {
+ f = p.maxValue
+ } else {
+ f = p.minValue + (p.maxValue-p.minValue)*float32(i)/float32(len(p.Colors)-1)
+ }
+ fgColor := p.TextColor
+ if p.EnableComplementaryColor {
+ fgColor = complementaryColors[color]
+ }
+ buffer.WriteString(fgColor.Sprint(color.Sprint(centerAndShorten(f, legendColWidth, p.LegendOnlyColoredCells))))
+ if p.Grid && i < len(p.Colors)-1 && !p.LegendOnlyColoredCells {
+ buffer.WriteString(p.SeparatorStyle.Sprintf("%s", p.VerticalSeparator))
+ }
+ }
+}
+
+func (p HeatmapPrinter) generateRGBLegend(buffer *bytes.Buffer, legendColWidth int) {
+ p.rgbLegendValue = 10
+ steps := len(p.RGBRange)
+ if steps < p.rgbLegendValue {
+ steps = p.rgbLegendValue
+ }
+ if p.LegendOnlyColoredCells {
+ steps *= 3
+ }
+ for i := 0; i < steps; i++ {
+ // the first color is the min value and the last color is the max value
+ var f float32
+ if i == 0 {
+ f = p.minValue
+ } else if i == steps-1 {
+ f = p.maxValue
+ } else {
+ f = p.minValue + (p.maxValue-p.minValue)*float32(i)/float32(steps-1)
+ }
+ rgb := p.RGBRange[0].Fade(p.minValue, p.maxValue, f, p.RGBRange[1:]...)
+ rgbStyle := NewRGBStyle(p.TextRGB, rgb)
+ if p.EnableComplementaryColor {
+ complimentary := NewRGB(internal.Complementary(rgb.R, rgb.G, rgb.B))
+ rgbStyle = NewRGBStyle(complimentary, rgb)
+ }
+ if p.LegendOnlyColoredCells {
+ buffer.WriteString(rgbStyle.Sprint(centerAndShorten(f, 1, p.LegendOnlyColoredCells)))
+ } else {
+ buffer.WriteString(rgbStyle.Sprint(centerAndShorten(f, legendColWidth, p.LegendOnlyColoredCells)))
+ }
+ if p.Grid && i < steps-1 && !p.LegendOnlyColoredCells {
+ buffer.WriteString(p.SeparatorStyle.Sprintf("%s", p.VerticalSeparator))
+ }
+ }
+}
+
+func (p HeatmapPrinter) boxLegend(buffer *bytes.Buffer, legend string, legendColWidth int) {
+ buffer.WriteString(p.SeparatorStyle.Sprint(p.BottomRightCornerSeparator))
+
+ p.generateSeparatorRow(buffer, legend, legendColWidth, true)
+
+ buffer.WriteString(p.SeparatorStyle.Sprint(p.BottomLeftCornerSeparator))
+ buffer.WriteString("\n")
+ buffer.WriteString(p.SeparatorStyle.Sprintf("%s", p.VerticalSeparator))
+
+ p.generateLegend(buffer, legend, legendColWidth)
+
+ buffer.WriteString(p.SeparatorStyle.Sprintf("%s", p.VerticalSeparator))
+ buffer.WriteString("\n")
+
+ buffer.WriteString(p.SeparatorStyle.Sprint(p.TopRightCornerSeparator))
+
+ p.generateSeparatorRow(buffer, legend, legendColWidth, false)
+
+ buffer.WriteString(p.SeparatorStyle.Sprint(p.TopLeftCornerSeparator))
+}
+
+func (p HeatmapPrinter) generateSeparatorRow(buffer *bytes.Buffer, legend string, legendColWidth int, top bool) {
+ p.rgbLegendValue = 10
+ steps := len(p.RGBRange)
+ if steps < p.rgbLegendValue {
+ steps = p.rgbLegendValue
+ }
+ if p.LegendOnlyColoredCells {
+ steps *= 3
+ }
+
+ var xValue int
+ if p.EnableRGB {
+ xValue = len(p.RGBRange)
+ if xValue < p.rgbLegendValue {
+ xValue = p.rgbLegendValue
+ }
+ } else {
+ xValue = len(p.Colors)
+ }
+
+ for i := 0; i < xValue+1; i++ {
+ if i == 0 {
+ firstLength := len(legend)
+ buffer.WriteString(strings.Repeat(p.SeparatorStyle.Sprint(p.HorizontalSeparator), firstLength))
+ } else {
+ if p.LegendOnlyColoredCells {
+ if p.EnableRGB {
+ buffer.WriteString(strings.Repeat(p.SeparatorStyle.Sprint(p.HorizontalSeparator), steps/(xValue)))
+ } else {
+ buffer.WriteString(strings.Repeat(p.SeparatorStyle.Sprint(p.HorizontalSeparator), legendColWidth))
+ }
+ } else {
+ buffer.WriteString(strings.Repeat(p.SeparatorStyle.Sprint(p.HorizontalSeparator), legendColWidth))
+ }
+ }
+ if i < xValue && !p.LegendOnlyColoredCells || i == 0 {
+ if top {
+ buffer.WriteString(p.SeparatorStyle.Sprint(p.TSeparator))
+ } else {
+ buffer.WriteString(p.SeparatorStyle.Sprint(p.TReverseSeparator))
+ }
+ }
+ }
+}
+
+func centerAndShorten(f float32, lineLength int, onlyColor bool) string {
+ value := ""
+ if !onlyColor {
+ value = Sprintf("%.2v", f)
+ }
+ if len(value) > lineLength {
+ value = value[:lineLength]
+ if strings.HasSuffix(value, ".") {
+ value = Sprintf("%.1v", f)
+ lineLength = len(value)
+ }
+ }
+ ct := internal.CenterText(value, lineLength)
+ if len(ct) < lineLength {
+ if len(Sprintf("%v", f)) == 1 {
+ ct += strings.Repeat(" ", lineLength-len(ct))
+ } else {
+ ct = strings.Repeat(" ", lineLength-len(ct)) + ct
+ }
+ }
+
+ return ct
+}
+
+func getColor(min float32, max float32, current float32, colors ...Color) Color {
+ // split the range into equal parts
+ // and assign a color to each part
+ // the last color is assigned to the max value
+ // and the first color to the min value
+ // the rest of the colors are assigned to the
+ // middle values
+ step := (max - min) / float32(len(colors))
+ for i := range colors {
+ if current >= min+float32(i)*step && current < min+float32(i+1)*step {
+ return colors[i]
+ }
+ }
+ return colors[len(colors)-1]
+}
+
+// Render prints the HeatmapPrinter to the terminal.
+func (p HeatmapPrinter) Render() error {
+ s, err := p.Srender()
+ if err != nil {
+ return err
+ }
+ Fprintln(p.Writer, s)
+
+ return nil
+}
+
+func (p HeatmapPrinter) errCheck() error {
+ if p.HasHeader {
+ if p.Axis.XAxis == nil {
+ return errors.New("x axis is nil")
+ }
+ if p.Axis.YAxis == nil {
+ return errors.New("y axis is nil")
+ }
+
+ if len(p.Axis.XAxis) == 0 {
+ return errors.New("x axis is empty")
+ }
+ if len(p.Axis.YAxis) == 0 {
+ return errors.New("y axis is empty")
+ }
+
+ for i := 1; i < len(p.Data); i++ {
+ if len(p.Data[i]) != len(p.Axis.XAxis) {
+ return errors.New("x axis length does not match data")
+ }
+ }
+ if len(p.Axis.YAxis) != len(p.Data) {
+ return errors.New("y axis length does not match data")
+ }
+ }
+
+ if p.Data == nil {
+ return errors.New("data is nil")
+ }
+
+ if len(p.Data) == 0 {
+ return errors.New("data is empty")
+ }
+
+ // check if p.Data[n] has the same length
+ for i := 1; i < len(p.Data); i++ {
+ if len(p.Data[i]) != len(p.Data[0]) {
+ return errors.New("data is not rectangular")
+ }
+ }
+
+ return nil
+}
+
+// return min and max value of a slice
+func minMaxFloat32(s [][]float32) (float32, float32) {
+ var min, max float32
+ min = math.MaxFloat32
+ max = -math.MaxFloat32
+
+ for _, r := range s {
+ for _, c := range r {
+ if c < min {
+ min = c
+ }
+ if c > max {
+ max = c
+ }
+ }
+ }
+ return min, max
+}
diff --git a/heatmap_printer_test.go b/heatmap_printer_test.go
new file mode 100644
index 000000000..4bb6bbbc1
--- /dev/null
+++ b/heatmap_printer_test.go
@@ -0,0 +1,162 @@
+package pterm_test
+
+import (
+ "os"
+ "testing"
+
+ "github.com/MarvinJWendt/testza"
+
+ "github.com/pterm/pterm"
+)
+
+func TestHeatmapPrinter_NilPrint(t *testing.T) {
+ p := pterm.HeatmapPrinter{}
+ p.Render()
+}
+
+func TestHeatmapPrinter_SRender(t *testing.T) {
+ d := [][]float32{
+ {-1, -0.9, -0.8},
+ {-1, -0.9, -0.8},
+ {-1, -0.9, -0.8},
+ }
+
+ hd := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c"},
+ YAxis: []string{"1", "2", "3"},
+ }
+ // WithGrid
+ printer := pterm.DefaultHeatmap.WithAxisData(hd).WithData(d)
+ content, err := printer.Srender()
+
+ testza.AssertNoError(t, err)
+ testza.AssertNotNil(t, content)
+
+ // WithoutGrid
+ printer = pterm.DefaultHeatmap.WithAxisData(hd).WithData(d).WithGrid(false)
+ content, err = printer.Srender()
+
+ testza.AssertNoError(t, err)
+ testza.AssertNotNil(t, content)
+
+ // WithColouredCells
+ printer = pterm.DefaultHeatmap.WithAxisData(hd).WithData(d).WithOnlyColoredCells()
+ content, err = printer.Srender()
+
+ testza.AssertNoError(t, err)
+ testza.AssertNotNil(t, content)
+
+ // WithoutStyle
+ printer = pterm.DefaultHeatmap.WithAxisData(hd).WithData(d).WithAxisStyle(nil)
+ content, err = printer.Srender()
+
+ testza.AssertNoError(t, err)
+ testza.AssertNotNil(t, content)
+
+ // WithoutSeparatorStyle
+ printer = pterm.DefaultHeatmap.WithAxisData(hd).WithData(d).WithSeparatorStyle(nil)
+ content, err = printer.Srender()
+
+ testza.AssertNoError(t, err)
+ testza.AssertNotNil(t, content)
+
+ // WithEnableRGB
+ printer = pterm.DefaultHeatmap.WithAxisData(hd).WithData(d).WithEnableRGB(true)
+ content, err = printer.Srender()
+
+ testza.AssertNoError(t, err)
+ testza.AssertNotNil(t, content)
+}
+
+func TestHeatmapPrinter_WithAxisData(t *testing.T) {
+ hd := pterm.HeatmapAxis{
+ XAxis: []string{"a", "b", "c"},
+ YAxis: []string{"1", "2", "3"},
+ }
+
+ h := pterm.DefaultHeatmap.WithAxisData(hd)
+
+ testza.AssertTrue(t, h.HasHeader)
+ testza.AssertEqual(t, hd, h.Axis)
+}
+
+func TestHeatmapPrinter_WithAxisStyle(t *testing.T) {
+ s := pterm.NewStyle(pterm.FgRed, pterm.BgBlue, pterm.Bold)
+ p := pterm.HeatmapPrinter{}
+ p2 := p.WithAxisStyle(s)
+
+ testza.AssertEqual(t, s, p2.AxisStyle)
+}
+
+func TestHeatmapPrinter_WithSeparatorStyle(t *testing.T) {
+ s := pterm.NewStyle(pterm.FgRed, pterm.BgBlue, pterm.Bold)
+ h := pterm.HeatmapPrinter{}
+ h2 := h.WithSeparatorStyle(s)
+
+ testza.AssertEqual(t, s, h2.SeparatorStyle)
+}
+
+func TestHeatmapPrinter_WithData(t *testing.T) {
+ proxyToDevNull()
+ d := [][]float32{
+ {-1, -0.9, -0.8, -0.7, -0.6},
+ {-1, -0.9, -0.8, -0.7, -0.6},
+ }
+
+ h := pterm.HeatmapPrinter{}
+ h2 := h.WithData(d)
+
+ testza.AssertEqualValues(t, d, h2.Data)
+}
+
+func TestHeatmapPrinter_WithBoxed(t *testing.T) {
+ h := pterm.HeatmapPrinter{}
+ h2 := h.WithBoxed(true)
+
+ testza.AssertTrue(t, h2.Boxed)
+}
+
+func TestHeatmapPrinter_WithGrid(t *testing.T) {
+ h := pterm.HeatmapPrinter{}
+ h2 := h.WithGrid(true)
+
+ testza.AssertTrue(t, h2.Grid)
+}
+
+func TestHeatmapPrinter_WithoutGrid(t *testing.T) {
+ h := pterm.DefaultHeatmap
+ h2 := h.WithGrid(false)
+
+ testza.AssertFalse(t, h2.Grid)
+ testza.AssertFalse(t, h2.Boxed)
+}
+
+func TestHeatmapPrinter_WithRGB(t *testing.T) {
+ h := pterm.HeatmapPrinter{}
+ h2 := h.WithEnableRGB(true)
+
+ testza.AssertTrue(t, h2.EnableRGB)
+}
+
+func TestHeatmapPrinter_WithOnlyColoredCells(t *testing.T) {
+ h := pterm.HeatmapPrinter{}
+ h2 := h.WithOnlyColoredCells(true)
+
+ testza.AssertTrue(t, h2.OnlyColoredCells)
+}
+
+func TestHeatmapPrinter_WithCellSize(t *testing.T) {
+ h := pterm.HeatmapPrinter{}
+ h2 := h.WithCellSize(1)
+
+ testza.AssertEqual(t, 1, h2.CellSize)
+}
+
+func TestHeatmapPrinter_WithWriter(t *testing.T) {
+ h := pterm.HeatmapPrinter{}
+ s := os.Stderr
+ h2 := h.WithWriter(s)
+
+ testza.AssertEqual(t, s, h2.Writer)
+ testza.AssertZero(t, h.Writer)
+}
diff --git a/interactive_textinput_printer.go b/interactive_textinput_printer.go
index 2514ab122..88535c514 100644
--- a/interactive_textinput_printer.go
+++ b/interactive_textinput_printer.go
@@ -22,6 +22,7 @@ var DefaultInteractiveTextInput = InteractiveTextInputPrinter{
type InteractiveTextInputPrinter struct {
TextStyle *Style
DefaultText string
+ DefaultValue string
Delimiter string
MultiLine bool
Mask string
@@ -39,6 +40,12 @@ func (p InteractiveTextInputPrinter) WithDefaultText(text string) *InteractiveTe
return &p
}
+// WithDefaultValue sets the default value.
+func (p InteractiveTextInputPrinter) WithDefaultValue(value string) *InteractiveTextInputPrinter {
+ p.DefaultValue = value
+ return &p
+}
+
// WithTextStyle sets the text style.
func (p InteractiveTextInputPrinter) WithTextStyle(style *Style) *InteractiveTextInputPrinter {
p.TextStyle = style
@@ -87,6 +94,7 @@ func (p InteractiveTextInputPrinter) Show(text ...string) (string, error) {
} else {
areaText = p.TextStyle.Sprintf("%s%s", text[0], p.Delimiter)
}
+
p.text = areaText
area := cursor.NewArea()
area.Update(areaText)
@@ -96,6 +104,11 @@ func (p InteractiveTextInputPrinter) Show(text ...string) (string, error) {
cursor.Right(len(RemoveColorFromString(areaText)))
}
+ if p.DefaultValue != "" {
+ p.input = append(p.input, p.DefaultValue)
+ p.updateArea(&area)
+ }
+
err := keyboard.Listen(func(key keys.Key) (stop bool, err error) {
if !p.MultiLine {
p.cursorYPos = 0
diff --git a/interactive_textinput_printer_test.go b/interactive_textinput_printer_test.go
index c86506e0d..2f925a026 100644
--- a/interactive_textinput_printer_test.go
+++ b/interactive_textinput_printer_test.go
@@ -3,6 +3,7 @@ package pterm_test
import (
"reflect"
"testing"
+ "time"
"atomicgo.dev/keyboard"
"atomicgo.dev/keyboard/keys"
@@ -16,6 +17,11 @@ func TestInteractiveTextInputPrinter_WithDefaultText(t *testing.T) {
testza.AssertEqual(t, p.DefaultText, "default")
}
+func TestInteractiveTextInputPrinter_WithDefaultValue(t *testing.T) {
+ p := pterm.DefaultInteractiveTextInput.WithDefaultValue("default")
+ testza.AssertEqual(t, p.DefaultValue, "default")
+}
+
func TestInteractiveTextInputPrinter_WithDelimiter(t *testing.T) {
p := pterm.DefaultInteractiveTextInput.WithDelimiter(">>")
testza.AssertEqual(t, p.Delimiter, ">>")
@@ -39,13 +45,199 @@ func TestInteractiveTextInputPrinter_WithTextStyle(t *testing.T) {
func TestInteractiveTextInputPrinter_WithMask(t *testing.T) {
go func() {
+ time.Sleep(1 * time.Millisecond)
keyboard.SimulateKeyPress('a')
keyboard.SimulateKeyPress('b')
keyboard.SimulateKeyPress('c')
keyboard.SimulateKeyPress(keys.Enter)
}()
result, _ := pterm.DefaultInteractiveTextInput.WithMask("*").Show()
- testza.AssertEqual(t, result, "abc")
+ testza.AssertEqual(t, "abc", result)
+}
+
+func TestInteractiveTextInputPrinter_WithCancel(t *testing.T) {
+ go func() {
+ time.Sleep(1 * time.Millisecond)
+ keyboard.SimulateKeyPress(keys.CtrlC)
+ }()
+ result, _ := pterm.DefaultInteractiveTextInput.WithMask("*").Show()
+ testza.AssertEqual(t, "", result)
+}
+
+func TestInteractiveTextInputPrinter_OnEnter(t *testing.T) {
+ go func() {
+ keyboard.SimulateKeyPress(keys.Enter)
+ }()
+ result, _ := pterm.DefaultInteractiveTextInput.WithDefaultValue("default").Show()
+ testza.AssertEqual(t, "default", result)
+}
+
+func TestInteractiveTextInputPrinter_WithMultiLineOnTab(t *testing.T) {
+ go func() {
+ keyboard.SimulateKeyPress(keys.Tab)
+ }()
+ result, _ := pterm.DefaultInteractiveTextInput.
+ WithMultiLine(true).
+ WithDefaultValue("default").Show()
+ testza.AssertEqual(t, "default", result)
+}
+
+func TestInteractiveTextInputPrinter_WithMultiLineOnUp(t *testing.T) {
+ go func() {
+ time.Sleep(1 * time.Millisecond)
+ keyboard.SimulateKeyPress(keys.Enter)
+ keyboard.SimulateKeyPress("second line")
+ keyboard.SimulateKeyPress(keys.Up)
+ keyboard.SimulateKeyPress("first line")
+ keyboard.SimulateKeyPress(keys.Tab)
+ }()
+ result, _ := pterm.DefaultInteractiveTextInput.
+ WithMultiLine(true).Show()
+ testza.AssertEqual(t, "first line\nsecond line", result)
+}
+
+func TestInteractiveTextInputPrinter_WithMultiLineOnDown(t *testing.T) {
+ go func() {
+ time.Sleep(1 * time.Millisecond)
+ keyboard.SimulateKeyPress("a")
+ keyboard.SimulateKeyPress(keys.Enter)
+ keyboard.SimulateKeyPress(keys.Enter)
+ keyboard.SimulateKeyPress(keys.Up)
+ keyboard.SimulateKeyPress("b")
+ keyboard.SimulateKeyPress(keys.Down)
+ keyboard.SimulateKeyPress("c")
+ keyboard.SimulateKeyPress(keys.Tab)
+ }()
+ result, _ := pterm.DefaultInteractiveTextInput.
+ WithMultiLine(true).Show()
+ testza.AssertEqual(t, "a\nb\nc", result)
+}
+
+func TestInteractiveTextInputPrinter_WithMultiLineOnLeft(t *testing.T) {
+ go func() {
+ time.Sleep(1 * time.Millisecond)
+ keyboard.SimulateKeyPress(keys.Enter)
+ keyboard.SimulateKeyPress("a")
+ keyboard.SimulateKeyPress(keys.Left)
+ keyboard.SimulateKeyPress(keys.Left)
+ keyboard.SimulateKeyPress("b")
+ keyboard.SimulateKeyPress(keys.Tab)
+ }()
+ result, _ := pterm.DefaultInteractiveTextInput.
+ WithMultiLine(true).Show()
+ testza.AssertEqual(t, "b\na", result)
+}
+
+func TestInteractiveTextInputPrinter_WithMultiLineOnRight(t *testing.T) {
+ go func() {
+ time.Sleep(1 * time.Millisecond)
+ keyboard.SimulateKeyPress('a')
+ keyboard.SimulateKeyPress(keys.Enter)
+ keyboard.SimulateKeyPress(keys.Up)
+ keyboard.SimulateKeyPress(keys.Right)
+ keyboard.SimulateKeyPress(keys.Right)
+ keyboard.SimulateKeyPress("b")
+ keyboard.SimulateKeyPress(keys.Tab)
+ }()
+ result, _ := pterm.DefaultInteractiveTextInput.
+ WithMultiLine(true).Show()
+ testza.AssertEqual(t, "a\nb", result)
+}
+
+func TestInteractiveTextInputPrinter_OnSpace(t *testing.T) {
+ go func() {
+ keyboard.SimulateKeyPress(keys.Space)
+ keyboard.SimulateKeyPress(keys.Tab)
+ }()
+ result, _ := pterm.DefaultInteractiveTextInput.
+ WithMultiLine(true).
+ WithDefaultValue("default").Show()
+ testza.AssertEqual(t, "default ", result)
+}
+
+func TestInteractiveTextInputPrinter_OnDelete(t *testing.T) {
+ go func() {
+ keyboard.SimulateKeyPress(keys.Left)
+ keyboard.SimulateKeyPress(keys.Delete)
+ keyboard.SimulateKeyPress(keys.Enter)
+ }()
+ result, _ := pterm.DefaultInteractiveTextInput.
+ WithDefaultValue("a").Show()
+ testza.AssertEqual(t, "", result)
+}
+
+func TestInteractiveTextInputPrinter_OnBackspace(t *testing.T) {
+ go func() {
+ keyboard.SimulateKeyPress(keys.Backspace)
+ keyboard.SimulateKeyPress(keys.Enter)
+ }()
+ result, _ := pterm.DefaultInteractiveTextInput.
+ WithDefaultValue("a").Show()
+ testza.AssertEqual(t, "", result)
+}
+
+func TestInteractiveTextInputPrinter_WithMultiLineOnDelete(t *testing.T) {
+ go func() {
+ keyboard.SimulateKeyPress(keys.Enter)
+ keyboard.SimulateKeyPress('a')
+ keyboard.SimulateKeyPress(keys.Up)
+ keyboard.SimulateKeyPress(keys.Delete)
+ keyboard.SimulateKeyPress(keys.Tab)
+ }()
+ result, _ := pterm.DefaultInteractiveTextInput.
+ WithMultiLine(true).
+ WithDefaultValue("a").Show()
+ testza.AssertEqual(t, "aa", result)
+}
+
+func TestInteractiveTextInputPrinter_WithMultiLineOnBackspace(t *testing.T) {
+ go func() {
+ keyboard.SimulateKeyPress(keys.Enter)
+ keyboard.SimulateKeyPress(keys.Backspace)
+ keyboard.SimulateKeyPress(keys.Tab)
+ }()
+ result, _ := pterm.DefaultInteractiveTextInput.
+ WithMultiLine(true).
+ WithDefaultValue("a").Show()
+ testza.AssertEqual(t, "a", result)
+}
+
+func TestInteractiveTextInputPrinter_WithMultiLineAltPressed(t *testing.T) {
+ go func() {
+ keyboard.SimulateKeyPress(keys.Key{AltPressed: true, Code: keys.Enter})
+ keyboard.SimulateKeyPress(keys.Tab)
+ }()
+ result, _ := pterm.DefaultInteractiveTextInput.
+ WithMultiLine(true).
+ WithDefaultValue("a").Show()
+ testza.AssertEqual(t, "a\n", result)
+}
+
+func TestInteractiveTextInputPrinter_OnLeftRight(t *testing.T) {
+ go func() {
+ keyboard.SimulateKeyPress(keys.Left)
+ keyboard.SimulateKeyPress("left")
+ keyboard.SimulateKeyPress(keys.Right)
+ keyboard.SimulateKeyPress("right")
+ keyboard.SimulateKeyPress(keys.Enter)
+ }()
+ result, _ := pterm.DefaultInteractiveTextInput.
+ WithDefaultValue("default").Show()
+ testza.AssertEqual(t, "defaullefttright", result)
+}
+
+func TestInteractiveTextInputPrinter_WithMultiLineOnLeftRight(t *testing.T) {
+ go func() {
+ time.Sleep(1 * time.Millisecond)
+ keyboard.SimulateKeyPress("a")
+ keyboard.SimulateKeyPress(keys.Enter)
+ keyboard.SimulateKeyPress("b")
+ keyboard.SimulateKeyPress(keys.Tab)
+ }()
+ result, _ := pterm.DefaultInteractiveTextInput.
+ WithMultiLine(true).
+ Show("Enter")
+ testza.AssertEqual(t, "a\nb", result)
}
func TestInteractiveTextInputPrinter_WithOnInterruptFunc(t *testing.T) {
diff --git a/internal/rgb_complementary.go b/internal/rgb_complementary.go
new file mode 100644
index 000000000..71520b338
--- /dev/null
+++ b/internal/rgb_complementary.go
@@ -0,0 +1,5 @@
+package internal
+
+func Complementary(r, g, b uint8) (uint8, uint8, uint8) {
+ return 255 - r, 255 - g, 255 - b
+}
diff --git a/slog_handler.go b/slog_handler.go
index db35617e5..d0854d049 100644
--- a/slog_handler.go
+++ b/slog_handler.go
@@ -2,6 +2,7 @@ package pterm
import (
"context"
+
"log/slog"
)
diff --git a/theme.go b/theme.go
index 22466ea71..91594c8c9 100644
--- a/theme.go
+++ b/theme.go
@@ -30,6 +30,9 @@ var (
TableStyle: Style{FgDefault},
TableHeaderStyle: Style{FgLightCyan},
TableSeparatorStyle: Style{FgGray},
+ HeatmapStyle: Style{FgDefault},
+ HeatmapHeaderStyle: Style{FgLightCyan},
+ HeatmapSeparatorStyle: Style{FgDefault},
SectionStyle: Style{Bold, FgYellow},
BulletListTextStyle: Style{FgDefault},
BulletListBulletStyle: Style{FgGray},
@@ -81,6 +84,9 @@ type Theme struct {
TableStyle Style
TableHeaderStyle Style
TableSeparatorStyle Style
+ HeatmapStyle Style
+ HeatmapHeaderStyle Style
+ HeatmapSeparatorStyle Style
SectionStyle Style
BulletListTextStyle Style
BulletListBulletStyle Style