diff --git a/README-tw.md b/README-tw.md index 0f275b899..55e76174d 100644 --- a/README-tw.md +++ b/README-tw.md @@ -47,8 +47,8 @@ 只需要將下列 HTML 標籤複製至你的 `...` 網頁段落就可以開工了 🔥。 ```html - - + + ``` 又或者你喜歡 `npm` 的話…👀 diff --git a/README.md b/README.md index 22be724c3..e0db84011 100644 --- a/README.md +++ b/README.md @@ -47,8 +47,8 @@ The fastest and most intuitive way to build diverse websites and progressive web Just copy the HTML tags to your `...` section and have a blast🔥. ```html - - + + ``` Or maybe you like `npm` 👀 diff --git a/cli/docs-builder/README.md b/cli/docs-builder/README.md new file mode 100644 index 000000000..c41fe043e --- /dev/null +++ b/cli/docs-builder/README.md @@ -0,0 +1,7 @@ +# Docs Builder + +```bash +$ npm i minify -g +$ npm i js-beautify -g +$ npm i highlight.js-cli -g +``` diff --git a/cli/docs-builder/data.go b/cli/docs-builder/data.go index bd6e3c36f..4a28ebde6 100644 --- a/cli/docs-builder/data.go +++ b/cli/docs-builder/data.go @@ -9,8 +9,10 @@ type Article struct { Description string `yaml:"Description"` Type string `yaml:"Type"` Intro string `yaml:"Intro"` + Links []ArticleLink `yaml:"Links"` Example ArticleExample `yaml:"Example"` Examples []ArticleExampleSection `yaml:"Examples"` + Variables []ArticleVariable `yaml:"Variables"` Remove []string `yaml:"Remove"` Relatives []string `yaml:"Relatives"` Definitions []ArticleDefinition `yaml:"Definitions"` @@ -29,6 +31,21 @@ type ArticleExample struct { FormattedHTML template.HTML } +// ArticleLink +type ArticleLink struct { + Icon string `yaml:"Icon"` + Title string `yaml:"Title"` + Description string `yaml:"Description"` + Link string `yaml:"Link"` +} + +// ArticleVariable +type ArticleVariable struct { + Name string `yaml:"Name"` + Example string `yaml:"Example"` + Description string `yaml:"Description"` +} + // ArticleDefinition type ArticleDefinition struct { Title string `yaml:"Title"` @@ -40,15 +57,16 @@ type ArticleDefinition struct { // ArticleDefinitionSection type ArticleDefinitionSection struct { - Title string `yaml:"Title"` - Description string `yaml:"Description"` - Version string `yaml:"Version"` - HTML string `yaml:"HTML"` - Responsive bool `yaml:"Responsive"` - Since string `yaml:"Since"` - Icon string `yaml:"Icon"` - Remove []string `yaml:"Remove"` - Anchor string `yaml:"Anchor"` + Title string `yaml:"Title"` + Description string `yaml:"Description"` + Version string `yaml:"Version"` + HTML string `yaml:"HTML"` + Responsive bool `yaml:"Responsive"` + Since string `yaml:"Since"` + Icon string `yaml:"Icon"` + Remove []string `yaml:"Remove"` + Anchor string `yaml:"Anchor"` + IsDownloadable bool `yaml:"IsDownloadable"` // AttachedHTML string `yaml:"AttachedHTML"` // diff --git a/cli/docs-builder/docs-builder b/cli/docs-builder/docs-builder index 35e971fcd..cb225a9e5 100644 Binary files a/cli/docs-builder/docs-builder and b/cli/docs-builder/docs-builder differ diff --git a/cli/docs-builder/docs-builder.exe b/cli/docs-builder/docs-builder.exe new file mode 100644 index 000000000..579babc16 Binary files /dev/null and b/cli/docs-builder/docs-builder.exe differ diff --git a/cli/docs-builder/main.go b/cli/docs-builder/main.go index 716f332ac..a32bca89b 100644 --- a/cli/docs-builder/main.go +++ b/cli/docs-builder/main.go @@ -17,6 +17,22 @@ func main() { Aliases: []string{"l"}, Usage: "指定要載入的相關語系代號，只能同時間指定一個，例如：`zh-tw`。", }, + &cli.StringFlag{ + Name: "screenshot-path", + Usage: "會讓 Chrome Headless 螢幕截圖的本地 file:/// 路徑，例如：`file:///C:/Users/yami/tocas/examples/`", + }, + &cli.StringFlag{ + Name: "mailto", + Usage: "Gmail 的電子郵件地址。", + }, + &cli.StringFlag{ + Name: "mailpwd", + Usage: "Gmail 的應用程式密碼。", + }, + &cli.StringFlag{ + Name: "mailtmpl", + Usage: "要寄送信件的 HTML 檔案路徑。", + }, }, Commands: []*cli.Command{ { @@ -29,6 +45,21 @@ func main() { Usage: "會將 Tocas UI 的 /src 轉譯至 /dist。", Action: pack, }, + { + Name: "screenshot", + Usage: "會透過 Chrome Headless 螢幕截圖資料夾裡的所有網頁並且存到 /examples/screenshots。", + Action: screenshot, + }, + { + Name: "compress", + Usage: "", + Action: compressScreenshots, + }, + { + Name: "mail", + Usage: "會透過 Gmail 寄送指定網頁給指定的收件人，用來測試 Email 模板。", + Action: testMail, + }, }, } err := app.Run(os.Args) diff --git a/cli/docs-builder/main_build.go b/cli/docs-builder/main_build.go index 6a2f35ec7..e0a4eb332 100644 --- a/cli/docs-builder/main_build.go +++ b/cli/docs-builder/main_build.go @@ -13,8 +13,10 @@ import ( "os/exec" "path/filepath" "regexp" + "strconv" "strings" "text/template" + "time" "github.com/russross/blackfriday/v2" cli "github.com/urfave/cli/v2" @@ -35,20 +37,35 @@ func build(c *cli.Context) error { return err } // 重新複製一份模板的 `/assets` 進去。 + log.Printf("正在複製模板 /assets") if err := exec.Command("rm", "-rf", "./../../docs/"+c.String("lang")+"/assets").Run(); err != nil { return err } if err := exec.Command("cp", "-rf", "./templates/assets", "./../../docs/"+c.String("lang")+"/assets").Run(); err != nil { return err } - // 重新複製一份 `/src` 到文件的 `/assets/tocas` 進去。 + log.Printf("正在打包成為 /dist") + if err := pack(c); err != nil { + return err + } + log.Printf("正在複製 /dist 到本語系的 /assets/tocas") if err := exec.Command("rm", "-rf", "./../../docs/"+c.String("lang")+"/assets/tocas").Run(); err != nil { return err } - if err := exec.Command("cp", "-rf", "./../../src", "./../../docs/"+c.String("lang")+"/assets/tocas").Run(); err != nil { + if err := exec.Command("cp", "-rf", "./../../dist", "./../../docs/"+c.String("lang")+"/assets/tocas").Run(); err != nil { + return err + } + + // 重新複製一份 `/src` 到文件的 `/assets/tocas` 進去。 + if err := exec.Command("rm", "-rf", "./../../docs/"+c.String("lang")+"/assets/tocas/src").Run(); err != nil { return err } + if err := exec.Command("cp", "-rf", "./../../src", "./../../docs/"+c.String("lang")+"/assets/tocas/src").Run(); err != nil { + return err + } + // 重新複製一份 `/examples` 到文件的 `/examples` 進去。 + log.Printf("正在複製 /examples") if err := exec.Command("rm", "-rf", "./../../docs/"+c.String("lang")+"/examples").Run(); err != nil { return err } @@ -168,6 +185,14 @@ func build(c *cli.Context) error { for ji, j := range v.Sections { // 如果這個段落有附加的 HTML 片段，就透過 Highlight JS 跟 Beautify 處理。 if j.AttachedHTML != "" { + if strings.Contains(j.AttachedHTML, "{- email.css -}") { + b, err := os.ReadFile("./../../src/email.css") + if err != nil { + panic(err) + } + j.AttachedHTML = cssminify(string(b)) + } + article.Definitions[vi].Sections[ji].FormattedHTML = tmplCode(trim(trim(j.AttachedHTML, j.Remove), article.Remove)) } // 如果這個段落有 HTML 標籤內容，就透過 Highlight JS 跟 Beautify 處理。 @@ -250,6 +275,37 @@ func highlight(s string) string { return string(output) } +// cssminify 會將透過 css-minify 最小化 CSS 樣式。 +func cssminify(content string) string { + hash := fmt.Sprintf("%x", md5.Sum([]byte(content))) + b, err := ioutil.ReadFile("./caches/cssminify/" + hash) + if err != nil { + os.MkdirAll("./caches/cssminify/", 0777) + } + if len(b) != 0 { + return string(b) + } + tmp, err := os.Create("./caches/cssminify/" + strconv.Itoa(int(time.Now().Unix()))) + if err != nil { + panic(err) + } + if _, err := tmp.WriteString(content); err != nil { + panic(err) + } + if err := tmp.Close(); err != nil { + panic(err) + } + if err := exec.Command("css-minify", "-f", tmp.Name(), "-o", "./caches/cssminify/").Run(); err != nil { + panic(err) + } + b, err = os.ReadFile(tmp.Name() + ".min.css") + if err != nil { + panic(err) + } + ioutil.WriteFile("./caches/cssminify/"+hash, b, 0777) + return string(b) +} + // beautify 會透過 js-beautify 美化程式碼。 func beautify(s string, typ string) string { hash := fmt.Sprintf("%x", md5.Sum([]byte(s))) diff --git a/cli/docs-builder/main_mail.go b/cli/docs-builder/main_mail.go new file mode 100644 index 000000000..07185f62a --- /dev/null +++ b/cli/docs-builder/main_mail.go @@ -0,0 +1,52 @@ +package main + +import ( + "fmt" + "net/smtp" + "os" + "os/exec" + "strings" + + cli "github.com/urfave/cli/v2" +) + +func testMail(c *cli.Context) error { + from := c.String("mailto") + pass := c.String("mailpwd") + to := c.String("mailto") + + // 透過 `css-minify` 將 `/dist/tocas.css` 的內容最小化。 + if err := exec.Command("css-minify", "-f", "./../../src/email.css", "-o", "./").Run(); err != nil { + return err + } + + b, err := os.ReadFile("./email.min.css") + if err != nil { + return err + } + + bb, err := os.ReadFile(c.String("mailtmpl")) + if err != nil { + return err + } + + body := string(bb) + + body = strings.ReplaceAll(body, ``, fmt.Sprintf(``, string(b))) + + msg := "From: " + from + "\n" + + "To: " + to + "\n" + + "Subject: 測試郵件\n" + + "MIME-version: 1.0;\nContent-Type: text/html; charset=\"UTF-8\";\n\n" + + body + + err = smtp.SendMail("smtp.gmail.com:587", + smtp.PlainAuth("", from, pass, "smtp.gmail.com"), + from, []string{to}, []byte(msg)) + + if err != nil { + return err + } + + return nil +} diff --git a/cli/docs-builder/main_pack.go b/cli/docs-builder/main_pack.go index 5369748d1..5c1814e3f 100644 --- a/cli/docs-builder/main_pack.go +++ b/cli/docs-builder/main_pack.go @@ -18,7 +18,6 @@ func pack(c *cli.Context) error { log.Fatal(err) } tocas := string(b) - var content string // 找出所有被 `@import` 的檔案並載入其內容，然後把 `tocas.css` 裡的 `@import` 換成真實的內容。 for _, v := range regexp.MustCompile(`@import ".\/(.*?)";`).FindAllStringSubmatch(string(b), -1) { @@ -30,6 +29,10 @@ func pack(c *cli.Context) error { tocas = strings.ReplaceAll(tocas, v[0], "") content += string(b) + "\n" } + // + if err := os.MkdirAll("./../../dist", 0777); err != nil { + log.Fatal(err) + } // 將這個新的組合原始碼儲存至 `/dist/tocas.css`。 err = os.WriteFile("./../../dist/tocas.css", []byte(content+tocas), 0777) if err != nil { @@ -39,6 +42,36 @@ func pack(c *cli.Context) error { if err := exec.Command("css-minify", "-f", "./../../dist/tocas.css", "-o", "./../../dist/").Run(); err != nil { log.Fatal(err) } + // 先載入 `/src/scripts/tocas.js` 的內容。 + b, err = os.ReadFile("./../../src/scripts/tocas.js") + if err != nil { + log.Fatal(err) + } + tocasjs := string(b) + + content = "" + // 找出所有被 `@import` 的檔案並載入其內容，然後把 `tocas.css` 裡的 `@import` 換成真實的內容。 + for _, v := range regexp.MustCompile(`// @import "(.*?)";`).FindAllStringSubmatch(string(b), -1) { + b, err := os.ReadFile("./../../src/scripts/" + v[1]) + if err != nil { + log.Fatal(err) + } + // 讀取之後就把這行 `@import` 從原本的 `tocas.js` 裡取代掉。 + tocasjs = strings.ReplaceAll(tocasjs, v[0], string(b)+"\n") + } + // 將這個新的組合原始碼儲存至 `/dist/tocas.js`。 + err = os.WriteFile("./../../dist/tocas.js", []byte(content+tocasjs), 0777) + if err != nil { + log.Fatal(err) + } + // 使用 `minify` 將 `/dist/tocas.js` 縮小一份並輸出到 `/dist/tocas.min.js` + b, err = exec.Command("minify", "./../../dist/tocas.js").Output() + if err != nil { + log.Fatal(err) + } + if err := os.WriteFile("./../../dist/tocas.min.js", b, 0644); err != nil { + log.Fatal(err) + } // 移除舊有的 `/dist/fonts` 並從 `/src/fonts` 複製過去一份。 if err := exec.Command("rm", "-rf", "./../../dist/fonts").Run(); err != nil { log.Fatal(err) diff --git a/cli/docs-builder/main_png.go b/cli/docs-builder/main_png.go new file mode 100644 index 000000000..767767309 --- /dev/null +++ b/cli/docs-builder/main_png.go @@ -0,0 +1,18 @@ +package main + +import ( + "log" + "os/exec" + + cli "github.com/urfave/cli/v2" +) + +func compressScreenshots(c *cli.Context) error { + // pngquant -f --ext .png ./../../examples/screenshots/*.png + b, err := exec.Command("pngquant", "-f", "--ext", ".png", "./../../examples/screenshots/*.png").CombinedOutput() + if err != nil { + log.Println(string(b)) + return err + } + return nil +} diff --git a/cli/docs-builder/main_screenshot.go b/cli/docs-builder/main_screenshot.go new file mode 100644 index 000000000..caf4c19fc --- /dev/null +++ b/cli/docs-builder/main_screenshot.go @@ -0,0 +1,109 @@ +package main + +import ( + "bytes" + "context" + "fmt" + "image" + "image/png" + "log" + "math" + "os" + "path/filepath" + "strings" + + "github.com/chromedp/cdproto/emulation" + "github.com/chromedp/cdproto/page" + "github.com/chromedp/chromedp" + "github.com/teacat/pathx" + cli "github.com/urfave/cli/v2" + "golang.org/x/image/draw" +) + +func screenshot(c *cli.Context) error { + // 初始化一個 Chrome Headless。 + ctx, cancel := chromedp.NewContext( + context.Background(), + ) + defer cancel() + + // + screenshotPath := c.String("screenshot-path") + + // 先建立螢幕截圖資料夾。 + if err := os.MkdirAll("./../../examples/screenshots", 0777); err != nil { + return err + } + // 載入欲螢幕截圖的網頁資料夾。 + files, err := os.ReadDir("./../../examples") + if err != nil { + return err + } + // 把資料夾裡面的網頁全部照一遍。 + for _, v := range files { + if v.IsDir() { + continue + } + log.Printf("正在截圖亮色主題：%s", v.Name()) + if err := chromedp.Run(ctx, takeScreenshot(pathx.Join(screenshotPath, v.Name()), false)); err != nil { + return err + } + log.Printf("正在截圖暗色主題：%s", v.Name()) + if err := chromedp.Run(ctx, takeScreenshot(pathx.Join(screenshotPath, v.Name()), true)); err != nil { + return err + } + } + return nil +} + +// takeScreenshot +func takeScreenshot(url string, isDark bool) chromedp.Tasks { + return chromedp.Tasks{ + // 設定裝置是 1481 x 833 解析度裝置並有 1.216 倍縮放。 + // 這個輸出結果是 1801 x 1013。 + emulation.SetDeviceMetricsOverride(1481, 833, 1.216, false), + + // 導向到目標頁面。 + chromedp.Navigate(url), + + // + chromedp.ActionFunc(func(ctx context.Context) error { + // 依據條件設定亮或暗色系。 + feature := &emulation.MediaFeature{ + Name: "prefers-color-scheme", + Value: "light", + } + suffix := "light" + if isDark { + feature = &emulation.MediaFeature{ + Name: "prefers-color-scheme", + Value: "dark", + } + suffix = "dark" + } + if err := emulation.SetEmulatedMedia().WithFeatures([]*emulation.MediaFeature{feature}).Do(ctx); err != nil { + log.Fatal(err) + } + // 螢幕截圖。 + b, err := page.CaptureScreenshot().WithQuality(100).Do(ctx) + if err != nil { + return err + } + // + base := filepath.Base(url) + dest := pathx.Join("./../../examples/screenshots", fmt.Sprintf("%s_%s.png", strings.TrimSuffix(base, filepath.Ext(base)), suffix)) + output, _ := os.Create(dest) + defer output.Close() + // 將剛才擷取的 PNG 解析為 Image.Image。 + src, _ := png.Decode(bytes.NewReader(b)) + // 縮小 2.8 倍，因為我們不需要太大的截圖。 + dst := image.NewRGBA(image.Rect(0, 0, int(math.Round(float64(src.Bounds().Max.X)/2.8)), int(math.Round(float64(src.Bounds().Max.Y)/2.8)))) + // 透過最佳畫質的 CatmullRom 演算法縮放。 + draw.CatmullRom.Scale(dst, dst.Rect, src, src.Bounds(), draw.Over, nil) + // 輸出圖片到目標位置。 + png.Encode(output, dst) + + return nil + }), + } +} diff --git a/cli/docs-builder/templates/article.html b/cli/docs-builder/templates/article.html index 4c3387936..979ef6db3 100644 --- a/cli/docs-builder/templates/article.html +++ b/cli/docs-builder/templates/article.html @@ -6,7 +6,9 @@ - + + + @@ -141,7 +143,21 @@

{{ .Title }}

{{if eq .Type "Article" }}
-
{{ "Article_Example_Title" | i18n }}
+
+ {{ "Article_Example_Title" | i18n }} + +
@@ -197,7 +213,7 @@

{{ .Title }}

{{ end }} - + {{ if .Intro }} @@ -260,7 +276,14 @@

{{ .Title }}

{{ if .AttachedHTML }} -
{{ .FormattedHTML }}
+
+ {{ .FormattedHTML }} {{ if .IsDownloadable }}{{ end }} +
{{ end }} @@ -282,6 +305,58 @@

{{ .Title }}

{{ end }} + + {{ if .Variables }} +
變數與屬性
+
+
+ + + + + + + + + + {{ range .Variables }} + + + + + + {{ end }} + +
說明
{{ .Description | markdown }}
+
+
+ {{ end }} + + + + {{ if .Links }} +
+ {{ range .Links }} +
+
+
+ +
+
+
{{ .Title }}
+
{{ .Description }}
+
+
+
+
相關連結
+
+
+
+ {{ end }} +
+ {{ end }} + + {{ if .Relatives }}
{{ "Article_LookingFor_Title" | i18n }}
@@ -297,7 +372,6 @@

{{ .Title }}

- {{if ne .Type "Paragraphy" }}
{{ range .Definitions }}
{{ .Title }}
@@ -311,7 +385,6 @@

{{ .Title }}

{{ end }}
- {{ end }}
diff --git a/cli/docs-builder/templates/assets/highlight.css b/cli/docs-builder/templates/assets/highlight.css index 711cdd597..89332f105 100644 --- a/cli/docs-builder/templates/assets/highlight.css +++ b/cli/docs-builder/templates/assets/highlight.css @@ -47,8 +47,12 @@ } .hljs mark.tag { + /*background-color: #e9e9e9; + color: inherit;*/ background-color: #e9e9e9; - color: inherit; + color: #4a4a4a; + line-height: 1.3; + padding: 0 0.25rem; } .hljs .hljs-variable, @@ -89,7 +93,7 @@ code.hljs.javascript { } .hljs-comment { - opacity: 0.75; + opacity: 0.9; } .hljs mark::selection, diff --git a/cli/docs-builder/templates/assets/index.css b/cli/docs-builder/templates/assets/index.css index 4411c99e0..86aad1f50 100644 --- a/cli/docs-builder/templates/assets/index.css +++ b/cli/docs-builder/templates/assets/index.css @@ -550,12 +550,9 @@ grid-area: initial; } - .主要內容-內容區塊-藝廊格局-主要 .ts-grid { - grid-template-columns: 1fr !important; - } - .主要內容-內容區塊-藝廊格局-主要 .ts-grid .column { - grid-column: auto !important; + width: var(--ts-grid-16-wide) !important; + max-width: var(--ts-grid-16-wide) !important; } .主要內容-準備區塊 { diff --git a/cli/docs-builder/templates/assets/script.js b/cli/docs-builder/templates/assets/script.js index 84f8b616b..725788ac6 100644 --- a/cli/docs-builder/templates/assets/script.js +++ b/cli/docs-builder/templates/assets/script.js @@ -1,82 +1,73 @@ document.addEventListener("DOMContentLoaded", () => { - document.querySelectorAll(".主體-格局-內容-單個範例-文字-標題-切換原始碼").forEach(v => { v.addEventListener("click", () => { v.closest(".主體-格局-內容-單個範例").classList.toggle("主體-格局-內容-單個範例_檢視原始碼中"); }); }); - document.querySelectorAll(".頁腳-導航列-項目_回到頂部, .主體-格局-索引-回到頂部").forEach((v) => { + document.querySelectorAll(".頁腳-導航列-項目_回到頂部, .主體-格局-索引-回到頂部").forEach(v => { v.addEventListener("click", () => { document.body.scrollTop = 0; document.documentElement.scrollTop = 0; - }) + // 移除 Hash。 + history.pushState("", document.title, window.location.pathname + window.location.search); + }); }); - document.addEventListener("click", (e) => { - document.querySelectorAll(".主體-格局-內容-工具列-項目-下拉式選單").forEach((e) => { - e.querySelector(".主體-格局-內容-工具列-項目-下拉式選單-群組").classList.remove("主體-格局-內容-工具列-項目-下拉式選單-群組_開啟的") - }) - }) + document.addEventListener("click", e => { + document.querySelectorAll(".主體-格局-內容-工具列-項目-下拉式選單").forEach(e => { + e.querySelector(".主體-格局-內容-工具列-項目-下拉式選單-群組").classList.remove("主體-格局-內容-工具列-項目-下拉式選單-群組_開啟的"); + }); + }); - document.addEventListener("click", (e) => { + document.addEventListener("click", e => { if (!e.target.classList.contains("穹頂-導航列-項目_語系的")) { - document.querySelectorAll(".穹頂-導航列-項目-語系下拉式選單").forEach((v) => { - v.classList.remove("穹頂-導航列-項目-語系下拉式選單_開啟的") - }) + document.querySelectorAll(".穹頂-導航列-項目-語系下拉式選單").forEach(v => { + v.classList.remove("穹頂-導航列-項目-語系下拉式選單_開啟的"); + }); } - }) + }); - document.querySelectorAll(".穹頂-導航列-項目_語系的").forEach((v) => { - v.addEventListener("click", (e) => { + document.querySelectorAll(".穹頂-導航列-項目_語系的").forEach(v => { + v.addEventListener("click", e => { if (e.target.classList.contains("穹頂-導航列-項目_語系的")) { - e.target.querySelector(".穹頂-導航列-項目-語系下拉式選單").classList.add("穹頂-導航列-項目-語系下拉式選單_開啟的") + e.target.querySelector(".穹頂-導航列-項目-語系下拉式選單").classList.add("穹頂-導航列-項目-語系下拉式選單_開啟的"); } - }) - }) + }); + }); document.querySelector(".穹頂-導航列-項目_選單按鈕")?.addEventListener("click", () => { - document.querySelector(".主體-格局-導覽").classList.add("主體-格局-導覽_啟用的") - document.querySelector(".主體-格局-遮罩").classList.add("主體-格局-遮罩_啟用的") - - }) + document.querySelector(".主體-格局-導覽").classList.add("主體-格局-導覽_啟用的"); + document.querySelector(".主體-格局-遮罩").classList.add("主體-格局-遮罩_啟用的"); + }); document.querySelector(".主體-格局-導覽-關閉按鈕")?.addEventListener("click", () => { - document.querySelector(".主體-格局-導覽").classList.remove("主體-格局-導覽_啟用的") - document.querySelector(".主體-格局-遮罩").classList.remove("主體-格局-遮罩_啟用的") - }) - - - - - + document.querySelector(".主體-格局-導覽").classList.remove("主體-格局-導覽_啟用的"); + document.querySelector(".主體-格局-遮罩").classList.remove("主體-格局-遮罩_啟用的"); + }); - document.querySelectorAll(".主體-格局-內容-工具列-項目-下拉式選單").forEach((e) => { - e.addEventListener("click", (e) => { - var menu = e.target.closest(".主體-格局-內容-工具列-項目-下拉式選單") + document.querySelectorAll(".主體-格局-內容-工具列-項目-下拉式選單").forEach(e => { + e.addEventListener("click", e => { + var menu = e.target.closest(".主體-格局-內容-工具列-項目-下拉式選單"); if (e.target.classList.contains("主體-格局-內容-工具列-項目-下拉式選單-群組-項目")) { - let [key, value] = e.target.getAttribute("data-value").split(",") - document.querySelector("html").setAttribute(`data-${key}`, value) - menu.querySelectorAll(".主體-格局-內容-工具列-項目-下拉式選單-群組-項目").forEach((e) => { - e.classList.remove("主體-格局-內容-工具列-項目-下拉式選單-群組-項目_啟用的") - }) - menu.querySelector(".主體-格局-內容-工具列-項目-下拉式選單-文字-標籤").innerText = e.target.innerText - e.target.classList.add("主體-格局-內容-工具列-項目-下拉式選單-群組-項目_啟用的") + let [key, value] = e.target.getAttribute("data-value").split(","); + document.querySelector("html").setAttribute(`data-${key}`, value); + menu.querySelectorAll(".主體-格局-內容-工具列-項目-下拉式選單-群組-項目").forEach(e => { + e.classList.remove("主體-格局-內容-工具列-項目-下拉式選單-群組-項目_啟用的"); + }); + menu.querySelector(".主體-格局-內容-工具列-項目-下拉式選單-文字-標籤").innerText = e.target.innerText; + e.target.classList.add("主體-格局-內容-工具列-項目-下拉式選單-群組-項目_啟用的"); } else { setTimeout(() => { - menu. - querySelector(".主體-格局-內容-工具列-項目-下拉式選單-群組"). - classList.add("主體-格局-內容-工具列-項目-下拉式選單-群組_開啟的") - }, 1) + menu.querySelector(".主體-格局-內容-工具列-項目-下拉式選單-群組").classList.add("主體-格局-內容-工具列-項目-下拉式選單-群組_開啟的"); + }, 1); } - - }); - }) + }); window.addEventListener("hashchange", rescanAnchor); - rescanAnchor() + rescanAnchor(); }); function rescanAnchor() { @@ -87,10 +78,21 @@ function rescanAnchor() { document.querySelectorAll(".主體-格局-內容-單個範例-文字-標題").forEach(v => { v.classList.remove("主體-格局-內容-單個範例-文字-標題_被提及的"); }); + document .querySelector(`a[id='${decodeURI(u.substring(u.indexOf("#") + 1))}']`) ?.closest(".主體-格局-內容-單個範例") .querySelector(".主體-格局-內容-單個範例-文字-標題") .classList.add("主體-格局-內容-單個範例-文字-標題_被提及的"); - //window.scrollTo(window.scrollX, window.scrollY - 50); -} \ No newline at end of file + + document.querySelector(`a[id='${decodeURI(u.substring(u.indexOf("#") + 1))}']`)?.scrollIntoView(); +} + +function download(event) { + const link = document.createElement("a"); + const file = new Blob([event.target.closest(".主體-格局-內容-單個範例-附帶程式碼_可下載的").querySelector("pre").innerText], { type: "text/plain" }); + link.href = URL.createObjectURL(file); + link.download = "source-code.txt"; + link.click(); + URL.revokeObjectURL(link.href); +} diff --git a/cli/docs-builder/templates/assets/style.css b/cli/docs-builder/templates/assets/style.css index c03297b59..d92cb4b8a 100644 --- a/cli/docs-builder/templates/assets/style.css +++ b/cli/docs-builder/templates/assets/style.css @@ -84,7 +84,7 @@ body { text-align: left; width: max-content; right: 0; - z-index: 101; + z-index: 1001; } .穹頂-導航列-項目-語系下拉式選單.穹頂-導航列-項目-語系下拉式選單_開啟的 { @@ -266,10 +266,20 @@ body { max-width: calc(100% - (210px + 210px)); } -.主體-格局-內容 .ts-modal { +.主體-格局-內容 .ts-modal:not([data-name="modal"]) { position: relative; } +.主體-格局-內容 .ts-app-drawer:not([data-name="drawer"]) { + position: relative; + border: 1px solid var(--ts-gray-300); + min-height: 120px; +} + +.主體-格局-內容 .ts-app-drawer.is-bottom { + min-height: 320px !important; +} + .主體-格局-內容_網格範例的 .ts-grid { width: 100%; background: var(--ts-gray-50); @@ -292,7 +302,14 @@ body { color: var(--ts-gray-400); font-weight: bold; border: 1px solid var(--ts-gray-300); - margin: -1px -1px; + margin: -1px 0px; +} + +.主體-格局-內容_網格範例的 .ts-grid:is(.is-top-aligned, .is-middle-aligned, .is-bottom-aligned) .column:not(:nth-child(2)) { + min-height: 8rem; +} +.主體-格局-內容_網格範例的 .ts-grid:is(.is-top-aligned, .is-middle-aligned, .is-bottom-aligned) .column:nth-child(2) { + min-height: 3rem; } /*.主體-格局-內容_網格範例的 .ts-grid[class*="-columns"] .column::after { @@ -387,6 +404,53 @@ body { .主體-格局-內容_網格範例的 .ts-grid .column.is-16-wide::after { content: "16"; } +.主體-格局-內容_網格範例的 .ts-grid .column.is-fluid::after { + content: "Fluid"; +} +.主體-格局-內容_網格範例的 .ts-grid.is-top-aligned .column:nth-child(2)::after { + content: "Top"; +} +.主體-格局-內容_網格範例的 .ts-grid.is-middle-aligned .column:nth-child(2)::after { + content: "Middle"; +} +.主體-格局-內容_網格範例的 .ts-grid.is-bottom-aligned .column:nth-child(2)::after { + content: "Bottom"; +} +/*.主體-格局-內容_網格範例的 .ts-grid .column.is-first::after { + content: "First"; +} +.主體-格局-內容_網格範例的 .ts-grid .column.is-last::after { + content: "Last"; +} + +.主體-格局-內容_網格範例的 .ts-grid .column[class*="is-order-"]::after, +.主體-格局-內容_網格範例的 .ts-grid.is-reversed .column::after { + border-radius: 100rem; + background: var(--ts-gray-300); + width: 33px; + height: 33px; + text-align: center; + line-height: 1; + display: flex; + align-items: center; + justify-content: center; + color: var(--ts-gray-50); +} +.主體-格局-內容_網格範例的 .ts-grid .column.is-order-1::after, +.主體-格局-內容_網格範例的 .ts-grid.is-reversed .column:nth-child(1):after { + content: "1"; +} +.主體-格局-內容_網格範例的 .ts-grid .column.is-order-2::after, +.主體-格局-內容_網格範例的 .ts-grid.is-reversed .column:nth-child(2):after { + content: "2"; +} +.主體-格局-內容_網格範例的 .ts-grid .column.is-order-3::after, +.主體-格局-內容_網格範例的 .ts-grid.is-reversed .column:nth-child(3):after { + content: "3"; +} +.主體-格局-內容_網格範例的 .ts-grid .column.is-order-4::after { + content: "4"; +}*/ .主體-格局-內容_網格範例的 .ts-grid { position: relative; @@ -399,7 +463,7 @@ body { } .主體-格局-內容-文字 a { - color: var(--ts-gray-800); + color: var(--ts-primary-800); text-decoration: underline; } @@ -458,7 +522,7 @@ body { text-align: left; width: max-content; right: 0; - z-index: 101; + z-index: 1001; } .主體-格局-內容-工具列-項目-下拉式選單-群組-項目 { @@ -488,11 +552,41 @@ body { color: var(--ts-gray-800); margin-right: auto; margin-left: initial; + text-align: left; +} + +.主體-格局-內容-工具列-項目-連結標籤 { + display: flex; + gap: .8rem; + margin-top: 13px; +} + +.主體-格局-內容-工具列-項目-連結標籤-項目 { + border: 1px solid var(--ts-gray-300); + border-radius: 4px; + font-size: 14px; + padding: 0.4rem 0.7rem; + display: flex; + white-space: nowrap; + gap: 0.5rem; + font-weight: normal; + line-height: 1; + color: var(--ts-gray-800); +} + +.主體-格局-內容-工具列-項目-連結標籤-項目-文字 { + +} + +.主體-格局-內容-工具列-項目-連結標籤-項目 .ts-icon { + font-size: 13px; + margin-top: 1px; } .主體-格局-內容-主要範例 { border: 1px solid var(--ts-gray-300); border-radius: 0.4rem; + overflow: hidden; } .主體-格局-內容-主要範例-實際效果 { @@ -502,6 +596,8 @@ body { align-items: center; justify-content: center; border-radius: 0.4rem; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; border-bottom: 1px solid var(--ts-gray-300); } @@ -509,6 +605,11 @@ body { width: 100%; } +.主體-格局-內容-主要範例-實際效果-置中容器 > .ts-email { + padding: 0; + margin: -45px 0; +} + .主體-格局-內容-主要範例-程式碼 { padding: 1.5rem; background: var(--ts-gray-75); @@ -516,7 +617,7 @@ body { .主體-格局-內容-主要範例-程式碼 pre { margin: 0; - line-height: 1.5; + /*line-height: 1.5;*/ } .主體-格局-內容-標題 { @@ -551,12 +652,102 @@ body { } .主體-格局-內容-單個範例-文字 a { - color: var(--ts-gray-800); + color: var(--ts-primary-800); text-decoration: underline; } +.主體-格局-內容-變數屬性 { + margin-top: 1.5rem; +} + +.主體-格局-內容-額外連結 { + display: flex; + gap: 1rem; + margin-top: 8rem; +} + +.主體-格局-內容-額外連結-項目 { + display: flex; + flex-direction: column; + gap: 0.5rem; + border: 1px solid var(--ts-gray-300); + padding: 0.8rem 0.8rem; + border-radius: 6px; + width: 40%; +} + +.主體-格局-內容-額外連結-項目-主體 { + display: flex; + align-items: flex-start; + gap: 1rem; + flex: 1; +} + +.主體-格局-內容-額外連結-項目-主體-圖示容器 { +} + +.主體-格局-內容-額外連結-項目-主體-圖示容器 .ts-icon { + background: var(--ts-gray-200); + height: 40px; + width: 40px; + font-size: 16px; + display: flex; + align-items: center; + justify-content: center; + color: var(--ts-gray-800); + border-radius: 100em; +} + +.主體-格局-內容-額外連結-項目-主體-文字容器 { + display: flex; + flex-direction: column; + gap: 0.3rem; +} + +.主體-格局-內容-額外連結-項目-主體-文字容器-標題 { + font-weight: bold; + font-size: 14px; + color: var(--ts-gray-800); + line-height: 1.2; +} + +.主體-格局-內容-額外連結-項目-主體-文字容器-說明 { + font-size: 14px; + color: var(--ts-gray-600); + line-height: 1.6; + display: -webkit-box; + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: 2; +} + +.主體-格局-內容-額外連結-項目-連結文字 { + display: flex; + align-items: center; + gap: 1rem; + padding: 0.7rem 0.35rem 0; + margin-top: 0.2rem; + line-height: 1; + border-top: 1px solid var(--ts-gray-300); +} + +.主體-格局-內容-額外連結-項目-連結文字-文字 { + flex: 1; + color: var(--ts-gray-600); +} + +.主體-格局-內容-額外連結-項目-連結文字-圖示容器 { + color: var(--ts-gray-600); + font-size: var(--ts-font-size-17px); +} + .主體-格局-內容-文字 p code, -.主體-格局-內容-單個範例-文字 p code { +.主體-格局-內容-單個範例-文字 p code, +.主體-格局-內容-單個範例-文字 .ts-list code, +.主體-格局-內容-單個範例-文字 .ts-table code, +.主體-格局-內容-文字 .ts-table code, +.主體-格局-內容-變數屬性 .ts-table code { padding: 0 0.4rem; display: inline-block; border-radius: 0.3rem; @@ -680,6 +871,26 @@ body { .主體-格局-內容-單個範例-範例-實際效果 { } +.主體-格局-內容-單個範例-範例-實際效果 + :is( + .u-padded, + .u-horizontally-padded, + .u-vertically-padded, + .u-very-padded, + .u-horizontally-very-padded, + .u-vertically-very-padded, + .u-spaced, + .u-horizontally-spaced, + .u-vertically-spaced, + .u-very-spaced, + .u-horizontally-very-spaced, + .u-vertically-very-spaced + ) { + background-image: linear-gradient(to bottom, var(--ts-gray-50) 0%, var(--ts-gray-50) 100%), linear-gradient(to bottom, var(--ts-gray-300) 0%, var(--ts-gray-300) 100%); + background-clip: content-box, padding-box; + border: 1px solid var(--ts-gray-300); +} + .主體-格局-內容-單個範例_檢視原始碼中 .主體-格局-內容-單個範例-範例-實際效果 { padding: 1.5rem; border-bottom: 1px solid var(--ts-gray-300); @@ -710,6 +921,45 @@ body { margin: 0; } +.主體-格局-內容-單個範例-附帶程式碼_可下載的 { + max-height: 270px; + overflow: hidden; +} + +.主體-格局-內容-單個範例-附帶程式碼_可下載的 pre { + position: static; + overflow: hidden; +} + +.主體-格局-內容-單個範例-附帶程式碼_可下載的 pre::after { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + content: ''; + background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%,rgb(255 255 255 / 80%) 100%); +} + +.主體-格局-內容-單個範例-附帶程式碼-下載按鈕 { + appearance: none; + border: 0; + border-radius: 0.4rem; + border-radius: 100em; + background: var(--ts-gray-800); + color: var(--ts-gray-50); + padding: 0.6rem 1.2rem; + font-weight: 500; + font-family: "Noto Sans TC", "Noto Sans CJK TC"; + cursor: pointer; + font-size: var(--ts-font-size-14px); + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + z-index: 1; +} + .主體-格局-內容-相關元件 { padding: 2rem 2rem; margin-top: 8rem; @@ -718,6 +968,10 @@ body { color: var(--ts-gray-800); } +.主體-格局-內容-額外連結 + .主體-格局-內容-相關元件 { + margin-top: 1.5rem; +} + .主體-格局-內容-相關元件-標題 { color: var(--ts-gray-800); font-weight: 500; @@ -1087,7 +1341,7 @@ body { left: 1rem; right: 1rem; border-radius: 1rem; - z-index: 102; + z-index: 1002; background: var(--ts-gray-50); padding: 1.5rem; overflow-y: auto; @@ -1116,7 +1370,7 @@ body { bottom: 0; background: var(--ts-gray-300); backdrop-filter: blur(1px); - z-index: 101; + z-index: 1001; display: none; } @@ -1137,6 +1391,11 @@ body { padding: 1rem; } + .主體-格局-內容-主要範例-實際效果-置中容器 > .ts-email { + padding: 0; + margin: -15px 0; + } + .主體-格局-內容-單個範例_檢視原始碼中 .主體-格局-內容-單個範例-範例-實際效果 { padding: 1rem; } @@ -1145,13 +1404,13 @@ body { padding: 1rem; } - .主體-格局-內容-單個範例-附帶程式碼 pre, + .主體-格局-內容-單個範例-附帶程式碼:not(.主體-格局-內容-單個範例-附帶程式碼_可下載的) pre, .主體-格局-內容-主要範例-程式碼 pre, .主體-格局-內容-單個範例-範例-程式碼 pre { overflow-x: auto; } - .主體-格局-內容-單個範例-附帶程式碼 .hljs, + .主體-格局-內容-單個範例-附帶程式碼:not(.主體-格局-內容-單個範例-附帶程式碼_可下載的) .hljs, .主體-格局-內容-主要範例-程式碼 .hljs, .主體-格局-內容-單個範例-範例-程式碼 .hljs { white-space: pre; diff --git a/cli/docs-builder/templates/examples.html b/cli/docs-builder/templates/examples.html index b7844893f..2a6e675d8 100644 --- a/cli/docs-builder/templates/examples.html +++ b/cli/docs-builder/templates/examples.html @@ -6,7 +6,7 @@ - + @@ -116,11 +116,6 @@

{{ .Title }}

- -
{{ "Example_DesignedForDesktop" | i18n }}
{{ "Example_DesignedForDesktop_Description" | i18n }}
@@ -138,8 +133,8 @@

{{ .Title }}

target="_blank" class='文件內容-範例清單-段落-項目清單-項目 {{if eq .Link "#!"}}文件內容-範例清單-段落-項目清單-項目_停用的{{ end }}' > - - + +
{{ .Title }}
{{ .Description }}
diff --git a/cli/docs-builder/templates/index.html b/cli/docs-builder/templates/index.html index aed51157f..02c6d1510 100644 --- a/cli/docs-builder/templates/index.html +++ b/cli/docs-builder/templates/index.html @@ -6,7 +6,7 @@ - + diff --git a/cli/font-awesome/dist.yml b/cli/font-awesome/dist.yml index 9d354e7d0..8c69b0448 100644 --- a/cli/font-awesome/dist.yml +++ b/cli/font-awesome/dist.yml @@ -1,552 +1,451 @@ -- Title: hands +- Title: disaster Since: 4.0.0 - Anchor: hands + Anchor: disaster Icons: - - hand - - hand-back-fist - - hand-dots - - hand-fist - - hand-holding - - hand-holding-dollar - - hand-holding-droplet - - hand-holding-hand - - hand-holding-heart - - hand-holding-medical - - hand-lizard - - hand-middle-finger - - hand-peace - - hand-point-down - - hand-point-left - - hand-point-right - - hand-point-up - - hand-pointer - - hand-scissors - - hand-sparkles - - hand-spock - - hands-bound - - hands-bubbles - - hands-clapping - - hands-holding - - hands-holding-child - - hands-holding-circle - - hands-praying - - handshake - - handshake-angle - - handshake-simple - - handshake-simple-slash - - handshake-slash - - thumbs-down - - thumbs-up -- Title: science-fiction + - biohazard + - bugs + - burst + - child-combatant + - circle-radiation + - cloud-bolt + - cloud-showers-heavy + - cloud-showers-water + - helmet-un + - hill-avalanche + - hill-rockslide + - house-chimney-crack + - house-crack + - house-fire + - house-flood-water + - house-flood-water-circle-arrow-right + - house-tsunami + - hurricane + - locust + - mosquito + - person-drowning + - person-rifle + - person-walking-arrow-loop-left + - person-walking-arrow-right + - person-walking-dashed-line-arrow-right + - plant-wilt + - radiation + - snowflake + - sun-plant-wilt + - temperature-arrow-down + - temperature-arrow-up + - tornado + - volcano + - wheat-awn-circle-exclamation + - wind + - worm + - xmarks-lines +- Title: food-beverage Since: 4.0.0 - Anchor: science-fiction + Anchor: food-beverage Icons: - - atom - - book-journal-whills - - explosion - - galactic-republic - - galactic-senate - - hand-spock - - jedi - - jedi-order - - old-republic - - robot - - rocket - - space-awesome - - user-astronaut -- Title: transportation + - apple-whole + - bacon + - beer-mug-empty + - blender + - bone + - bottle-droplet + - bottle-water + - bowl-food + - bowl-rice + - bread-slice + - burger + - cake-candles + - candy-cane + - carrot + - champagne-glasses + - cheese + - cloud-meatball + - cookie + - cubes-stacked + - drumstick-bite + - egg + - fish + - fish-fins + - flask + - glass-water + - glass-water-droplet + - hotdog + - ice-cream + - jar + - jar-wheat + - lemon + - martini-glass + - martini-glass-citrus + - martini-glass-empty + - mug-hot + - mug-saucer + - pepper-hot + - pizza-slice + - plate-wheat + - seedling + - shrimp + - stroopwafel + - wheat-awn + - wheat-awn-circle-exclamation + - whiskey-glass + - wine-bottle + - wine-glass + - wine-glass-empty +- Title: holidays Since: 4.0.0 - Anchor: transportation + Anchor: holidays Icons: - - accessible-icon - - baby-carriage - - bicycle - - bus - - bus-simple - - cable-car - - car - - car-burst - - car-rear - - car-side - - car-tunnel - - cart-shopping - - ferry - - helicopter - - horse - - jet-fighter - - jet-fighter-up - - motorcycle - - mound - - paper-plane - - plane - - plane-slash - - plane-up - - road - - road-barrier - - road-spikes - - rocket - - sailboat - - ship - - shuttle-space + - candy-cane + - carrot + - champagne-glasses + - cookie-bite + - face-grin-hearts + - face-kiss-wink-heart + - gift + - gifts + - heart + - holly-berry + - menorah + - mug-hot - sleigh - - snowplow - - taxi - - tractor - - train - - train-subway - - train-tram - - truck - - truck-arrow-right - - truck-droplet - - truck-field - - truck-field-un - - truck-front - - truck-medical - - truck-monster - - truck-pickup - - truck-plane - - van-shuttle - - wheelchair - - wheelchair-move -- Title: security + - snowman +- Title: gender Since: 4.0.0 - Anchor: security + Anchor: gender Icons: - - ban - - bug - - bug-slash - - building-lock - - building-shield - - burst - - car-on - - door-closed - - door-open - - dungeon - - explosion - - eye - - eye-slash - - file-contract - - file-shield - - file-signature - - fingerprint - - gun - - handcuffs - - hands-bound - - hands-holding-child - - hands-holding-circle - - house-fire - - house-lock - - id-badge - - id-card - - id-card-clip - - key - - land-mine-on - - lock - - lock-open - - mars-and-venus-burst - - mask - - passport - - people-pulling - - people-robbery - - person-burst - - person-dress-burst - - person-falling-burst - - person-harassing - - person-military-pointing - - person-military-rifle - - person-military-to-person - - person-rifle - - person-shelter - - person-through-window - - road-spikes - - shield - - shield-cat - - shield-dog - - shield-halved - - shield-heart - - skull-crossbones - - square-person-confined - - tower-observation - - unlock - - unlock-keyhole - - user-lock - - user-secret - - user-shield - - vault -- Title: text-formatting + - genderless + - mars + - mars-and-venus + - mars-double + - mars-stroke + - mars-stroke-right + - mars-stroke-up + - mercury + - neuter + - person-half-dress + - transgender + - venus + - venus-double + - venus-mars +- Title: numbers Since: 4.0.0 - Anchor: text-formatting + Anchor: numbers Icons: - - align-center - - align-justify - - align-left - - align-right - - bold - - border-all - - border-none - - border-top-left - - check - - check-double - - circle-check - - filter-circle-xmark - - font - - heading - - highlighter - - i-cursor - - icons - - indent - - italic - - list - - list-check - - list-ol - - list-ul - - outdent - - paragraph - - rectangle-list - - spell-check - - square-check - - strikethrough - - subscript - - superscript - - table - - table-cells - - table-cells-large - - table-columns - - table-list - - text-height - - text-slash - - text-width - - underline -- Title: weather + - "0" + - "1" + - "2" + - "3" + - "4" + - "5" + - "6" + - "7" + - "8" + - "9" +- Title: photos-images Since: 4.0.0 - Anchor: weather + Anchor: photos-images Icons: - bolt - bolt-lightning - - cloud - - cloud-bolt - - cloud-meatball - - cloud-moon - - cloud-moon-rain - - cloud-rain - - cloud-showers-heavy - - cloud-showers-water - - cloud-sun - - cloud-sun-rain - - house-tsunami - - hurricane - - icicles - - meteor - - moon - - poo-storm - - rainbow - - smog - - snowflake - - sun - - sun-plant-wilt - - temperature-arrow-down - - temperature-arrow-up - - temperature-empty - - temperature-full - - temperature-half - - temperature-high - - temperature-low - - temperature-quarter - - temperature-three-quarters - - tornado - - umbrella - - volcano - - water - - wind -- Title: buildings + - camera + - camera-retro + - camera-rotate + - chalkboard + - circle-half-stroke + - clone + - droplet + - eye + - eye-dropper + - eye-slash + - file-image + - film + - id-badge + - id-card + - image + - image-portrait + - images + - minimize + - panorama + - photo-film + - sliders + - unsplash +- Title: camping Since: 4.0.0 - Anchor: buildings + Anchor: camping Icons: - - archway - - arrow-right-to-city - - building - - building-circle-arrow-right - - building-circle-check - - building-circle-exclamation - - building-circle-xmark - - building-columns - - building-flag - - building-lock - - building-ngo - - building-shield - - building-un - - building-user - - building-wheat + - binoculars + - bottle-water + - bucket - campground - - church - - city - - dungeon - - gopuram - - hospital - - hospital-user - - hotel - - house - - house-chimney - - house-chimney-crack - - house-chimney-medical - - house-chimney-window - - house-circle-check - - house-circle-exclamation - - house-circle-xmark - - house-crack - - house-fire - - house-flag - - house-lock - - house-medical - - house-medical-circle-check - - house-medical-circle-exclamation - - house-medical-circle-xmark - - house-medical-flag - - igloo - - industry - - kaaba - - landmark - - landmark-dome - - landmark-flag - - monument - - mosque - - mountain-city - - oil-well - - place-of-worship - - school - - school-circle-check - - school-circle-exclamation - - school-circle-xmark - - school-flag - - school-lock - - shop - - shop-lock - - store - - synagogue + - caravan + - compass + - faucet + - faucet-drip + - fire + - fire-burner + - fire-flame-curved + - frog + - kit-medical + - map + - map-location + - map-location-dot + - mattress-pillow + - mosquito + - mosquito-net + - mountain + - mountain-sun + - people-roof + - person-hiking + - person-shelter + - route + - signs-post + - tarp + - tarp-droplet - tent - tent-arrow-down-to-line - tent-arrow-left-right - tent-arrow-turn-left - tent-arrows-down - tents - - toilet-portable - - toilets-portable - - torii-gate - - tower-observation - - tree-city - - vihara - - warehouse -- Title: charts-diagrams + - toilet-paper + - trailer + - tree +- Title: childhood Since: 4.0.0 - Anchor: charts-diagrams + Anchor: childhood Icons: - - bars-progress - - chart-area - - chart-bar - - chart-column - - chart-gantt - - chart-line - - chart-pie - - chart-simple - - diagram-next - - diagram-predecessor - - diagram-project - - diagram-successor - - square-poll-horizontal - - square-poll-vertical -- Title: energy - Since: 4.0.0 - Anchor: energy - Icons: - - arrow-up-from-ground-water - - atom - - battery-empty - - battery-full - - battery-half - - battery-quarter - - battery-three-quarters - - bolt - - car-battery - - charging-station - - circle-radiation - - explosion - - fan - - fire - - fire-flame-curved - - fire-flame-simple - - gas-pump - - industry - - leaf - - lightbulb - - oil-well - - plug - - plug-circle-bolt - - plug-circle-check - - plug-circle-exclamation - - plug-circle-minus - - plug-circle-plus - - plug-circle-xmark - - poop - - power-off - - radiation - - seedling - - solar-panel - - sun - - tower-broadcast - - water - - wind -- Title: files + - apple-whole + - baby + - baby-carriage + - baseball-bat-ball + - bath + - bucket + - cake-candles + - child + - child-dress + - child-reaching + - children + - cookie + - cookie-bite + - cubes-stacked + - gamepad + - hands-holding-child + - ice-cream + - mitten + - person-biking + - person-breastfeeding + - puzzle-piece + - robot + - school + - shapes + - snowman +- Title: coding Since: 4.0.0 - Anchor: files + Anchor: coding Icons: + - barcode + - bars + - bars-staggered + - bath - box-archive - - clone - - copy + - bug + - bug-slash + - circle-nodes + - code + - code-branch + - code-commit + - code-compare + - code-fork + - code-merge + - code-pull-request + - cube + - cubes + - diagram-project - file - - file-arrow-down - - file-arrow-up - - file-audio - - file-circle-check - - file-circle-exclamation - - file-circle-minus - - file-circle-plus - - file-circle-question - - file-circle-xmark - file-code - - file-csv - - file-excel - - file-export - - file-image - - file-import - file-lines - - file-pdf - - file-pen - - file-powerpoint - - file-shield - - file-video - - file-word - - file-zipper - - floppy-disk + - filter + - fire-extinguisher - folder - - folder-closed - folder-open - - note-sticky - - paste - - photo-film - - scissors -- Title: logistics + - font-awesome + - gears + - keyboard + - laptop-code + - microchip + - mug-saucer + - network-wired + - notdef + - qrcode + - rectangle-xmark + - shield + - shield-halved + - sitemap + - terminal + - user-secret + - window-maximize + - window-minimize + - window-restore +- Title: gaming Since: 4.0.0 - Anchor: logistics + Anchor: gaming Icons: - - anchor - - anchor-circle-check - - anchor-circle-exclamation - - anchor-circle-xmark - - anchor-lock - - box - - boxes-packing - - boxes-stacked - - bridge - - bridge-circle-check - - bridge-circle-exclamation - - bridge-circle-xmark - - bridge-lock - - bridge-water - - bus - - bus-simple - - car - - car-tunnel - - cart-flatbed - - chart-simple - - clipboard-check - - clipboard-list - - clipboard-question - - dolly - - ferry - - gas-pump - - gears - - helicopter - - helicopter-symbol - - helmet-safety - - jet-fighter-up - - pallet - - plane-circle-check - - plane-circle-exclamation - - plane-circle-xmark - - plane-lock - - road - - road-barrier - - road-bridge - - road-circle-check - - road-circle-exclamation - - road-circle-xmark - - road-lock - - sailboat - - square-nfi - - train - - train-subway - - truck - - truck-arrow-right - - truck-fast - - truck-field - - truck-field-un - - truck-front - - truck-plane - - warehouse - - xmarks-lines -- Title: time + - book-skull + - chess + - chess-bishop + - chess-board + - chess-king + - chess-knight + - chess-pawn + - chess-queen + - chess-rook + - critical-role + - d-and-d + - d-and-d-beyond + - diamond + - dice + - dice-d20 + - dice-d6 + - dice-five + - dice-four + - dice-one + - dice-six + - dice-three + - dice-two + - dragon + - dungeon + - fantasy-flight-games + - gamepad + - ghost + - hand-fist + - hat-wizard + - headset + - heart + - playstation + - puzzle-piece + - ring + - scroll + - shield-halved + - skull-crossbones + - square-full + - square-steam + - steam + - steam-symbol + - twitch + - vr-cardboard + - wand-sparkles + - wizards-of-the-coast + - xbox +- Title: nature Since: 4.0.0 - Anchor: time + Anchor: nature Icons: - - bell - - bell-slash - - calendar - - calendar-check - - calendar-day - - calendar-days - - calendar-minus - - calendar-plus - - calendar-week - - calendar-xmark - - clock - - hourglass - - hourglass-end - - hourglass-half - - hourglass-start - - stopwatch - - stopwatch-20 -- Title: alphabet + - binoculars + - bug + - bugs + - cannabis + - cloud-sun + - clover + - feather + - feather-pointed + - fire + - frog + - icicles + - leaf + - locust + - mosquito + - mound + - mountain + - mountain-city + - mountain-sun + - person-hiking + - plant-wilt + - seedling + - signs-post + - spider + - tree + - volcano + - water + - wind + - worm +- Title: buildings Since: 4.0.0 - Anchor: alphabet + Anchor: buildings Icons: - - a - - b - - c - - circle-h - - d - - e - - f - - g - - h - - i - - j - - k - - l - - m - - "n" - - o - - p - - q - - r - - s - - square-h - - t - - u - - v - - w - - x - - "y" - - z + - archway + - arrow-right-to-city + - building + - building-circle-arrow-right + - building-circle-check + - building-circle-exclamation + - building-circle-xmark + - building-columns + - building-flag + - building-lock + - building-ngo + - building-shield + - building-un + - building-user + - building-wheat + - campground + - church + - city + - dungeon + - gopuram + - hospital + - hospital-user + - hotel + - house + - house-chimney + - house-chimney-crack + - house-chimney-medical + - house-chimney-window + - house-circle-check + - house-circle-exclamation + - house-circle-xmark + - house-crack + - house-fire + - house-flag + - house-lock + - house-medical + - house-medical-circle-check + - house-medical-circle-exclamation + - house-medical-circle-xmark + - house-medical-flag + - igloo + - industry + - kaaba + - landmark + - landmark-dome + - landmark-flag + - monument + - mosque + - mountain-city + - oil-well + - place-of-worship + - school + - school-circle-check + - school-circle-exclamation + - school-circle-xmark + - school-flag + - school-lock + - shop + - shop-lock + - store + - synagogue + - tent + - tent-arrow-down-to-line + - tent-arrow-left-right + - tent-arrow-turn-left + - tent-arrows-down + - tents + - toilet-portable + - toilets-portable + - torii-gate + - tower-observation + - tree-city + - vihara + - warehouse - Title: construction Since: 4.0.0 Anchor: construction @@ -581,44 +480,35 @@ - trowel-bricks - truck-pickup - wrench -- Title: design +- Title: editing Since: 4.0.0 - Anchor: design + Anchor: editing Icons: - - bezier-curve + - arrows-rotate + - bandage + - bars - brush + - chart-simple + - check + - check-double + - circle-check - circle-half-stroke - - circle-nodes - - clone - - compass-drafting - - copy - crop - crop-simple - - crosshairs - cube - - cubes - - draw-polygon - - droplet - - droplet-slash - - eraser - - eye + - delete-left + - ellipsis + - ellipsis-vertical - eye-dropper - eye-slash - - fill - - fill-drip - - floppy-disk - - font-awesome - - highlighter - - icons - - layer-group - - lines-leaning - - marker - - object-group - - object-ungroup - - paint-roller + - grip + - grip-lines + - grip-lines-vertical + - grip-vertical + - link + - link-slash + - minus - paintbrush - - palette - - paste - pen - pen-clip - pen-fancy @@ -626,452 +516,242 @@ - pen-ruler - pen-to-square - pencil - - ruler-combined - - ruler-horizontal - - ruler-vertical + - plus + - rotate - scissors - - splotch - - spray-can - - stamp - - stapler - - swatchbook - - vector-square + - signature + - sliders + - square-check + - square-pen + - trash + - trash-arrow-up + - trash-can + - trash-can-arrow-up - wand-magic - wand-magic-sparkles -- Title: maps + - xmark +- Title: maritime Since: 4.0.0 - Anchor: maps + Anchor: maritime Icons: - anchor - - bag-shopping - - basket-shopping - - bath - - bed - - beer-mug-empty - - bell - - bell-slash - - bicycle - - binoculars - - bomb - - book - - book-atlas - - bookmark - - bridge - - bridge-water - - briefcase - - building - - building-columns - - cake-candles - - car - - cart-shopping - - circle-info - - crosshairs - - diamond-turn-right - - dollar-sign - - draw-polygon - - droplet - - eye - - eye-low-vision - - eye-slash - - fire - - fire-extinguisher - - fire-flame-curved - - flag - - flag-checkered - - flask - - gamepad - - gavel - - gift - - globe - - graduation-cap - - heart - - heart-pulse - - helicopter - - helicopter-symbol - - hospital - - house - - image - - images - - industry - - info - - jet-fighter - - key - - landmark - - landmark-flag - - layer-group - - leaf - - lemon - - life-ring - - lightbulb - - location-arrow - - location-crosshairs - - location-dot - - location-pin - - location-pin-lock - - magnet - - magnifying-glass - - magnifying-glass-minus - - magnifying-glass-plus - - map - - map-pin - - martini-glass-empty - - money-bill - - money-bill-1 - - motorcycle - - mountain-sun - - mug-saucer - - music - - newspaper - - paw - - person - - person-walking-with-cane - - phone - - phone-flip - - phone-volume - - plane - - plug - - plus - - print - - recycle - - restroom - - road - - rocket - - route - - scale-balanced - - scale-unbalanced - - scale-unbalanced-flip + - anchor-circle-check + - anchor-circle-exclamation + - anchor-circle-xmark + - anchor-lock + - ferry + - fish + - fish-fins + - otter + - person-swimming + - sailboat - ship - - shoe-prints - - shower - - signs-post - - snowplow - - spoon - - square-h - - square-parking - - square-phone - - square-phone-flip - - square-plus - - street-view - - suitcase - - suitcase-medical - - tag - - tags - - taxi - - thumbtack - - ticket - - ticket-simple - - traffic-light - - train - - train-subway - - train-tram - - tree - - trophy - - truck - - truck-medical - - tty - - umbrella - - utensils - - vest - - vest-patches - - wheelchair - - wheelchair-move - - wifi - - wine-glass - - wrench -- Title: medical-health + - shrimp + - water +- Title: religion Since: 4.0.0 - Anchor: medical-health + Anchor: religion Icons: - - accessible-icon - - bacteria - - bacterium - - ban-smoking - - bandage - - bed-pulse + - ankh + - atom + - bahai + - book-bible + - book-journal-whills + - book-quran + - book-tanakh + - church + - cross + - dharmachakra + - dove + - gopuram + - hamsa + - hands-praying + - hanukiah + - jedi + - kaaba + - khanda + - menorah + - mosque + - om + - peace + - person-praying + - place-of-worship + - scroll-torah + - spaghetti-monster-flying + - star-and-crescent + - star-of-david + - synagogue + - torii-gate + - vihara + - yin-yang +- Title: science + Since: 4.0.0 + Anchor: science + Icons: + - atom - biohazard - - bone - - bong - - book-medical - brain - - briefcase-medical - - cannabis - capsules - - circle-h - circle-radiation - - clipboard-user - - clock-rotate-left - - comment-medical - - crutch + - clipboard-check - disease - dna - - eye - eye-dropper - - file-medical - - file-prescription - - file-waveform + - filter + - fire + - fire-flame-curved - fire-flame-simple - flask - flask-vial - - hand-dots - - hand-holding-medical - - head-side-cough - - head-side-cough-slash - - head-side-mask - - head-side-virus - - heart - - heart-circle-bolt - - heart-circle-check - - heart-circle-exclamation - - heart-circle-minus - - heart-circle-plus - - heart-circle-xmark - - heart-pulse - - hospital - - hospital-user - - house-chimney-medical - - house-medical - - house-medical-circle-check - - house-medical-circle-exclamation - - house-medical-circle-xmark - - house-medical-flag - - id-card-clip - - joint - - kit-medical - - laptop-medical - - lungs - - lungs-virus - - mask-face - - mask-ventilator + - frog + - magnet - microscope - mortar-pestle - - notes-medical - - pager - - person-breastfeeding - - person-cane - - person-dots-from-line - - person-half-dress - pills - - plus - - poop - - prescription - prescription-bottle - - prescription-bottle-medical - - pump-medical - radiation - - receipt - - shield-virus - - skull + - seedling - skull-crossbones - - smoking - - square-h - - square-plus - square-virus - - staff-snake - - star-of-life - - stethoscope - - suitcase-medical - syringe - tablets - - teeth - - teeth-open - - thermometer - - tooth - - truck-medical - - user-doctor - - user-nurse + - temperature-high + - temperature-low - vial - vial-circle-check - vial-virus - vials - - virus - - virus-covid - - virus-covid-slash - - virus-slash - - viruses - - weight-scale - - wheelchair - - wheelchair-move - - x-ray -- Title: automotive +- Title: toggle Since: 4.0.0 - Anchor: automotive + Anchor: toggle Icons: - - bus - - bus-simple - - car - - car-battery - - car-burst - - car-on - - car-rear - - car-side - - car-tunnel - - caravan - - charging-station - - gas-pump - - gauge - - gauge-high - - gauge-simple - - gauge-simple-high - - motorcycle - - oil-can - - spray-can-sparkles - - taxi - - trailer - - truck - - truck-field - - truck-field-un - - truck-medical - - truck-monster - - truck-pickup - - van-shuttle -- Title: household + - bullseye + - circle + - circle-check + - circle-dot + - location-crosshairs + - microphone + - microphone-slash + - plane-up + - signal + - star + - star-half + - star-half-stroke + - toggle-off + - toggle-on + - wifi +- Title: astronomy Since: 4.0.0 - Anchor: household + Anchor: astronomy Icons: - - arrow-up-from-water-pump - - bath - - bed - - bell - - blender - - box-tissue - - chair - - computer - - couch - - door-closed - - door-open - - dungeon - - fan - - faucet - - faucet-drip - - fire-burner - - house-chimney-user - - house-chimney-window - - house-fire - - house-laptop - - house-lock - - house-signal - - house-user - - jar - - jar-wheat - - jug-detergent - - kitchen-set - - lightbulb - - mattress-pillow - - mug-saucer - - people-roof - - plug - - pump-soap - - rug - - sheet-plastic - - shower - - sink - - snowflake - - soap - - spoon - - stairs - - temperature-arrow-down - - temperature-arrow-up - - toilet - - toilet-paper - - toilet-paper-slash - - tv - - utensils -- Title: numbers + - globe + - meteor + - moon + - satellite + - satellite-dish + - shuttle-space + - user-astronaut +- Title: design Since: 4.0.0 - Anchor: numbers + Anchor: design Icons: - - "0" - - "1" - - "2" - - "3" - - "4" - - "5" - - "6" - - "7" - - "8" - - "9" -- Title: spinners + - bezier-curve + - brush + - circle-half-stroke + - circle-nodes + - clone + - compass-drafting + - copy + - crop + - crop-simple + - crosshairs + - cube + - cubes + - draw-polygon + - droplet + - droplet-slash + - eraser + - eye + - eye-dropper + - eye-slash + - fill + - fill-drip + - floppy-disk + - font-awesome + - highlighter + - icons + - layer-group + - lines-leaning + - marker + - object-group + - object-ungroup + - paint-roller + - paintbrush + - palette + - paste + - pen + - pen-clip + - pen-fancy + - pen-nib + - pen-ruler + - pen-to-square + - pencil + - ruler-combined + - ruler-horizontal + - ruler-vertical + - scissors + - splotch + - spray-can + - stamp + - stapler + - swatchbook + - vector-square + - wand-magic + - wand-magic-sparkles +- Title: energy Since: 4.0.0 - Anchor: spinners + Anchor: energy Icons: - - arrows-spin - - asterisk + - arrow-up-from-ground-water - atom - - bahai - - certificate - - circle-notch - - compact-disc - - compass - - crosshairs - - dharmachakra + - battery-empty + - battery-full + - battery-half + - battery-quarter + - battery-three-quarters + - bolt + - car-battery + - charging-station + - circle-radiation + - explosion - fan - - gear - - hurricane - - life-ring - - palette - - ring - - rotate - - slash - - snowflake - - spinner - - stroopwafel + - fire + - fire-flame-curved + - fire-flame-simple + - gas-pump + - industry + - leaf + - lightbulb + - oil-well + - plug + - plug-circle-bolt + - plug-circle-check + - plug-circle-exclamation + - plug-circle-minus + - plug-circle-plus + - plug-circle-xmark + - poop + - power-off + - radiation + - seedling + - solar-panel - sun - - yin-yang -- Title: food-beverage + - tower-broadcast + - water + - wind +- Title: money Since: 4.0.0 - Anchor: food-beverage - Icons: - - apple-whole - - bacon - - beer-mug-empty - - blender - - bone - - bottle-droplet - - bottle-water - - bowl-food - - bowl-rice - - bread-slice - - burger - - cake-candles - - candy-cane - - carrot - - champagne-glasses - - cheese - - cloud-meatball - - cookie - - cubes-stacked - - drumstick-bite - - egg - - fish - - fish-fins - - flask - - glass-water - - glass-water-droplet - - hotdog - - ice-cream - - jar - - jar-wheat - - lemon - - martini-glass - - martini-glass-citrus - - martini-glass-empty - - mug-hot - - mug-saucer - - pepper-hot - - pizza-slice - - plate-wheat - - seedling - - shrimp - - stroopwafel - - wheat-awn - - wheat-awn-circle-exclamation - - whiskey-glass - - wine-bottle - - wine-glass - - wine-glass-empty -- Title: money - Since: 4.0.0 - Anchor: money + Anchor: money Icons: - austral-sign - baht-sign @@ -1146,105 +826,122 @@ - wallet - won-sign - yen-sign -- Title: nature - Since: 4.0.0 - Anchor: nature - Icons: - - binoculars - - bug - - bugs - - cannabis - - cloud-sun - - clover - - feather - - feather-pointed - - fire - - frog - - icicles - - leaf - - locust - - mosquito - - mound - - mountain - - mountain-city - - mountain-sun - - person-hiking - - plant-wilt - - seedling - - signs-post - - spider - - tree - - volcano - - water - - wind - - worm -- Title: punctuation-symbols +- Title: writing Since: 4.0.0 - Anchor: punctuation-symbols + Anchor: writing Icons: - - asterisk - - at - - check - - check-double - - circle-exclamation - - circle-question - - equals - - exclamation - - greater-than - - hashtag - - less-than - - minus - - percent - - plus - - question + - blog + - book + - book-bookmark + - bookmark + - box-archive + - envelope + - envelope-open + - eraser + - file + - file-lines + - folder + - folder-open + - keyboard + - newspaper + - notdef + - note-sticky + - paper-plane + - paperclip + - paragraph + - pen + - pen-clip + - pen-to-square + - pencil - quote-left - quote-right - - section -- Title: shapes + - signature + - square-pen + - thumbtack +- Title: alphabet Since: 4.0.0 - Anchor: shapes + Anchor: alphabet Icons: - - bookmark - - burst - - calendar - - certificate - - circle - - circle-half-stroke - - cloud - - clover - - comment - - crown - - cubes-stacked - - diamond - - file - - folder - - heart - - heart-crack - - lines-leaning - - location-pin - - play - - shapes - - shield - - square - - star - - ticket-simple -- Title: halloween + - a + - b + - c + - circle-h + - d + - e + - f + - g + - h + - i + - j + - k + - l + - m + - "n" + - o + - p + - q + - r + - s + - square-h + - t + - u + - v + - w + - x + - "y" + - z +- Title: household Since: 4.0.0 - Anchor: halloween + Anchor: household Icons: - - book-skull - - broom - - cat - - cloud-moon - - crow - - ghost - - hat-wizard - - mask - - skull - - skull-crossbones - - spider + - arrow-up-from-water-pump + - bath + - bed + - bell + - blender + - box-tissue + - chair + - computer + - couch + - door-closed + - door-open + - dungeon + - fan + - faucet + - faucet-drip + - fire-burner + - house-chimney-user + - house-chimney-window + - house-fire + - house-laptop + - house-lock + - house-signal + - house-user + - jar + - jar-wheat + - jug-detergent + - kitchen-set + - lightbulb + - mattress-pillow + - mug-saucer + - people-roof + - plug + - pump-soap + - rug + - sheet-plastic + - shower + - sink + - snowflake + - soap + - spoon + - stairs + - temperature-arrow-down + - temperature-arrow-up + - toilet - toilet-paper - - wand-sparkles + - toilet-paper-slash + - tv + - utensils - Title: music-audio Since: 4.0.0 Anchor: music-audio @@ -1271,862 +968,848 @@ - volume-low - volume-off - volume-xmark -- Title: photos-images - Since: 4.0.0 - Anchor: photos-images - Icons: - - bolt - - bolt-lightning - - camera - - camera-retro - - camera-rotate - - chalkboard - - circle-half-stroke - - clone - - droplet - - eye - - eye-dropper - - eye-slash - - file-image - - film - - id-badge - - id-card - - image - - image-portrait - - images - - minimize - - panorama - - photo-film - - sliders - - unsplash -- Title: sports-fitness +- Title: political Since: 4.0.0 - Anchor: sports-fitness + Anchor: political Icons: - - baseball - - baseball-bat-ball - - basketball - - bicycle - - bowling-ball - - broom-ball - - dumbbell - - fire-flame-curved - - fire-flame-simple - - football - - futbol - - golf-ball-tee - - heart - - heart-pulse - - hockey-puck - - medal - - mound - - person-biking - - person-hiking - - person-running - - person-skating - - person-skiing - - person-skiing-nordic - - person-snowboarding - - person-swimming - - person-walking - - ranking-star - - shoe-prints - - spa - - stopwatch-20 - - table-tennis-paddle-ball - - volleyball - - weight-hanging -- Title: shopping + - award + - building-flag + - bullhorn + - check-double + - check-to-slot + - circle-dollar-to-slot + - democrat + - dove + - dumpster-fire + - flag-usa + - hand-fist + - handshake + - landmark-dome + - landmark-flag + - person-booth + - piggy-bank + - republican + - scale-balanced + - scale-unbalanced + - scale-unbalanced-flip +- Title: science-fiction Since: 4.0.0 - Anchor: shopping + Anchor: science-fiction + Icons: + - atom + - book-journal-whills + - explosion + - galactic-republic + - galactic-senate + - hand-spock + - jedi + - jedi-order + - old-republic + - robot + - rocket + - space-awesome + - user-astronaut +- Title: automotive + Since: 4.0.0 + Anchor: automotive + Icons: + - bus + - bus-simple + - car + - car-battery + - car-burst + - car-on + - car-rear + - car-side + - car-tunnel + - caravan + - charging-station + - gas-pump + - gauge + - gauge-high + - gauge-simple + - gauge-simple-high + - motorcycle + - oil-can + - spray-can-sparkles + - taxi + - trailer + - truck + - truck-field + - truck-field-un + - truck-medical + - truck-monster + - truck-pickup + - van-shuttle +- Title: social + Since: 4.0.0 + Anchor: social Icons: - - alipay - - amazon-pay - - apple-pay - - bag-shopping - - barcode - - basket-shopping - bell - - bitcoin - - bookmark - - btc - - bullhorn + - cake-candles - camera - - camera-retro - - cart-arrow-down - - cart-plus - - cart-shopping - - cash-register - - cc-amazon-pay - - cc-amex - - cc-apple-pay - - cc-diners-club - - cc-discover - - cc-jcb - - cc-mastercard - - cc-paypal - - cc-stripe - - cc-visa - - certificate - - credit-card - - ethereum - - gem - - gift - - gifts - - google-pay - - google-wallet - - handshake + - circle-user + - comment + - envelope + - hashtag - heart - - key - - money-check - - money-check-dollar - - nfc-directional - - nfc-symbol - - paypal - - person-booth - - receipt - - shirt - - shop - - shop-lock - - shop-slash + - icons + - image + - images + - location-dot + - location-pin + - message + - photo-film + - retweet + - share + - share-from-square + - share-nodes + - square-poll-horizontal + - square-poll-vertical + - square-share-nodes - star - - store - - store-slash - - stripe - - stripe-s - - tag - - tags - thumbs-down - thumbs-up - - trophy - - truck - - truck-fast -- Title: toggle - Since: 4.0.0 - Anchor: toggle - Icons: - - bullseye - - circle - - circle-check - - circle-dot - - location-crosshairs - - microphone - - microphone-slash - - plane-up - - signal - - star - - star-half - - star-half-stroke - - toggle-off - - toggle-on - - wifi -- Title: astronomy + - thumbtack + - user + - user-group + - user-plus + - users + - video +- Title: weather Since: 4.0.0 - Anchor: astronomy + Anchor: weather Icons: - - globe + - bolt + - bolt-lightning + - cloud + - cloud-bolt + - cloud-meatball + - cloud-moon + - cloud-moon-rain + - cloud-rain + - cloud-showers-heavy + - cloud-showers-water + - cloud-sun + - cloud-sun-rain + - house-tsunami + - hurricane + - icicles - meteor - moon - - satellite - - satellite-dish - - shuttle-space - - user-astronaut -- Title: camping + - poo-storm + - rainbow + - smog + - snowflake + - sun + - sun-plant-wilt + - temperature-arrow-down + - temperature-arrow-up + - temperature-empty + - temperature-full + - temperature-half + - temperature-high + - temperature-low + - temperature-quarter + - temperature-three-quarters + - tornado + - umbrella + - volcano + - water + - wind +- Title: accessibility Since: 4.0.0 - Anchor: camping + Anchor: accessibility Icons: - - binoculars - - bottle-water - - bucket - - campground - - caravan - - compass - - faucet - - faucet-drip - - fire - - fire-burner - - fire-flame-curved - - frog - - kit-medical - - map - - map-location - - map-location-dot - - mattress-pillow - - mosquito - - mosquito-net - - mountain - - mountain-sun - - people-roof - - person-hiking - - person-shelter - - route - - signs-post - - tarp - - tarp-droplet - - tent - - tent-arrow-down-to-line - - tent-arrow-left-right - - tent-arrow-turn-left - - tent-arrows-down - - tents - - toilet-paper - - trailer - - tree -- Title: charity + - accessible-icon + - audio-description + - braille + - circle-info + - circle-question + - closed-captioning + - ear-deaf + - ear-listen + - eye + - eye-low-vision + - fingerprint + - hands + - hands-asl-interpreting + - handshake-angle + - person-cane + - person-walking-with-cane + - phone-volume + - question + - tty + - universal-access + - wheelchair + - wheelchair-move +- Title: animals Since: 4.0.0 - Anchor: charity + Anchor: animals Icons: - - circle-dollar-to-slot - - dollar-sign + - bugs + - cat + - cow + - crow + - dog - dove - - gift - - globe - - hand-holding-dollar - - hand-holding-droplet - - hand-holding-hand - - hand-holding-heart - - hands-holding-child - - hands-holding-circle - - handshake - - handshake-angle - - handshake-simple - - heart - - leaf - - parachute-box - - piggy-bank - - ribbon - - seedling -- Title: film-video + - dragon + - feather + - feather-pointed + - fish + - fish-fins + - frog + - hippo + - horse + - horse-head + - kiwi-bird + - locust + - mosquito + - otter + - paw + - shield-cat + - shield-dog + - shrimp + - spider + - worm +- Title: connectivity Since: 4.0.0 - Anchor: film-video + Anchor: connectivity Icons: - - audio-description - - circle - - clapperboard - - closed-captioning - - compact-disc - - file-audio - - file-video - - film - - headphones - - microphone - - microphone-lines - - microphone-lines-slash - - microphone-slash - - photo-film - - podcast - - square-rss - - ticket + - bluetooth + - circle-nodes + - cloud + - cloud-arrow-down + - cloud-arrow-up + - ethernet + - globe + - house-signal + - rss + - satellite-dish + - signal - tower-broadcast - tower-cell - - tv - - video - - video-slash - - youtube -- Title: religion + - wifi +- Title: logistics Since: 4.0.0 - Anchor: religion + Anchor: logistics Icons: - - ankh - - atom - - bahai - - book-bible - - book-journal-whills - - book-quran - - book-tanakh - - church - - cross - - dharmachakra - - dove - - gopuram - - hamsa - - hands-praying - - hanukiah - - jedi - - kaaba - - khanda - - menorah - - mosque - - om - - peace - - person-praying - - place-of-worship - - scroll-torah - - spaghetti-monster-flying - - star-and-crescent - - star-of-david - - synagogue - - torii-gate - - vihara - - yin-yang -- Title: arrows + - anchor + - anchor-circle-check + - anchor-circle-exclamation + - anchor-circle-xmark + - anchor-lock + - box + - boxes-packing + - boxes-stacked + - bridge + - bridge-circle-check + - bridge-circle-exclamation + - bridge-circle-xmark + - bridge-lock + - bridge-water + - bus + - bus-simple + - car + - car-tunnel + - cart-flatbed + - chart-simple + - clipboard-check + - clipboard-list + - clipboard-question + - dolly + - ferry + - gas-pump + - gears + - helicopter + - helicopter-symbol + - helmet-safety + - jet-fighter-up + - pallet + - plane-circle-check + - plane-circle-exclamation + - plane-circle-xmark + - plane-lock + - road + - road-barrier + - road-bridge + - road-circle-check + - road-circle-exclamation + - road-circle-xmark + - road-lock + - sailboat + - square-nfi + - train + - train-subway + - truck + - truck-arrow-right + - truck-fast + - truck-field + - truck-field-un + - truck-front + - truck-plane + - warehouse + - xmarks-lines +- Title: shapes Since: 4.0.0 - Anchor: arrows + Anchor: shapes Icons: - - angle-down - - angle-left - - angle-right - - angle-up - - angles-down - - angles-left - - angles-right - - angles-up - - arrow-down - - arrow-down-1-9 - - arrow-down-9-1 - - arrow-down-a-z - - arrow-down-long - - arrow-down-short-wide - - arrow-down-up-across-line - - arrow-down-up-lock - - arrow-down-wide-short - - arrow-down-z-a - - arrow-left - - arrow-left-long - - arrow-pointer - - arrow-right - - arrow-right-arrow-left - - arrow-right-from-bracket - - arrow-right-long - - arrow-right-to-bracket - - arrow-rotate-left - - arrow-rotate-right - - arrow-trend-down - - arrow-trend-up - - arrow-turn-down - - arrow-turn-up - - arrow-up - - arrow-up-1-9 - - arrow-up-9-1 - - arrow-up-a-z - - arrow-up-from-bracket - - arrow-up-long - - arrow-up-right-dots - - arrow-up-right-from-square - - arrow-up-short-wide - - arrow-up-wide-short - - arrow-up-z-a - - arrows-down-to-line - - arrows-left-right - - arrows-left-right-to-line - - arrows-rotate - - arrows-spin - - arrows-split-up-and-left - - arrows-to-circle - - arrows-to-dot - - arrows-to-eye - - arrows-turn-right - - arrows-turn-to-dots - - arrows-up-down - - arrows-up-down-left-right - - arrows-up-to-line - - caret-down - - caret-left - - caret-right - - caret-up - - chevron-down - - chevron-left - - chevron-right - - chevron-up - - circle-arrow-down - - circle-arrow-left - - circle-arrow-right - - circle-arrow-up - - circle-chevron-down - - circle-chevron-left - - circle-chevron-right - - circle-chevron-up - - circle-down - - circle-left - - circle-right - - circle-up - - clock-rotate-left - - cloud-arrow-down - - cloud-arrow-up - - down-left-and-up-right-to-center - - down-long - - download - - left-long - - left-right - - location-arrow - - maximize - - recycle - - repeat - - reply - - reply-all - - retweet - - right-from-bracket - - right-left - - right-long - - right-to-bracket - - rotate - - rotate-left - - rotate-right - - share - - share-from-square - - shuffle - - sort - - sort-down - - sort-up - - square-arrow-up-right - - square-caret-down - - square-caret-left - - square-caret-right - - square-caret-up - - square-up-right - - turn-down - - turn-up - - up-down - - up-down-left-right - - up-long - - up-right-and-down-left-from-center - - up-right-from-square - - upload -- Title: gender + - bookmark + - burst + - calendar + - certificate + - circle + - circle-half-stroke + - cloud + - clover + - comment + - crown + - cubes-stacked + - diamond + - file + - folder + - heart + - heart-crack + - lines-leaning + - location-pin + - play + - shapes + - shield + - square + - star + - ticket-simple +- Title: shopping Since: 4.0.0 - Anchor: gender + Anchor: shopping Icons: - - genderless - - mars - - mars-and-venus - - mars-double - - mars-stroke - - mars-stroke-right - - mars-stroke-up - - mercury - - neuter - - person-half-dress - - transgender - - venus - - venus-double - - venus-mars -- Title: maritime + - alipay + - amazon-pay + - apple-pay + - bag-shopping + - barcode + - basket-shopping + - bell + - bitcoin + - bookmark + - btc + - bullhorn + - camera + - camera-retro + - cart-arrow-down + - cart-plus + - cart-shopping + - cash-register + - cc-amazon-pay + - cc-amex + - cc-apple-pay + - cc-diners-club + - cc-discover + - cc-jcb + - cc-mastercard + - cc-paypal + - cc-stripe + - cc-visa + - certificate + - credit-card + - ethereum + - gem + - gift + - gifts + - google-pay + - google-wallet + - handshake + - heart + - key + - money-check + - money-check-dollar + - nfc-directional + - nfc-symbol + - paypal + - person-booth + - receipt + - shirt + - shop + - shop-lock + - shop-slash + - star + - store + - store-slash + - stripe + - stripe-s + - tag + - tags + - thumbs-down + - thumbs-up + - trophy + - truck + - truck-fast +- Title: text-formatting Since: 4.0.0 - Anchor: maritime + Anchor: text-formatting Icons: - - anchor - - anchor-circle-check - - anchor-circle-exclamation - - anchor-circle-xmark - - anchor-lock - - ferry - - fish - - fish-fins - - otter - - person-swimming - - sailboat - - ship - - shrimp - - water -- Title: connectivity + - align-center + - align-justify + - align-left + - align-right + - bold + - border-all + - border-none + - border-top-left + - check + - check-double + - circle-check + - filter-circle-xmark + - font + - heading + - highlighter + - i-cursor + - icons + - indent + - italic + - list + - list-check + - list-ol + - list-ul + - outdent + - paragraph + - rectangle-list + - spell-check + - square-check + - strikethrough + - subscript + - superscript + - table + - table-cells + - table-cells-large + - table-columns + - table-list + - text-height + - text-slash + - text-width + - underline +- Title: charity Since: 4.0.0 - Anchor: connectivity + Anchor: charity Icons: - - bluetooth - - circle-nodes - - cloud - - cloud-arrow-down - - cloud-arrow-up - - ethernet + - circle-dollar-to-slot + - dollar-sign + - dove + - gift - globe - - house-signal - - rss - - satellite-dish - - signal - - tower-broadcast - - tower-cell - - wifi -- Title: disaster - Since: 4.0.0 - Anchor: disaster - Icons: - - biohazard - - bugs - - burst - - child-combatant - - circle-radiation - - cloud-bolt - - cloud-showers-heavy - - cloud-showers-water - - helmet-un - - hill-avalanche - - hill-rockslide - - house-chimney-crack - - house-crack - - house-fire - - house-flood-water - - house-flood-water-circle-arrow-right - - house-tsunami - - hurricane - - locust - - mosquito - - person-drowning - - person-rifle - - person-walking-arrow-loop-left - - person-walking-arrow-right - - person-walking-dashed-line-arrow-right - - plant-wilt - - radiation - - snowflake - - sun-plant-wilt - - temperature-arrow-down - - temperature-arrow-up - - tornado - - volcano - - wheat-awn-circle-exclamation - - wind - - worm - - xmarks-lines -- Title: marketing - Since: 4.0.0 - Anchor: marketing - Icons: - - arrows-spin - - arrows-to-dot - - arrows-to-eye - - bullhorn - - bullseye - - chart-simple - - comment-dollar - - comments-dollar - - envelope-open-text - - envelopes-bulk - - filter-circle-dollar - - group-arrows-rotate - - lightbulb - - magnifying-glass-arrow-right - - magnifying-glass-chart - - magnifying-glass-dollar - - magnifying-glass-location - - people-group - - person-rays - - ranking-star - - rectangle-ad - - square-poll-horizontal - - square-poll-vertical - - timeline -- Title: users-people + - hand-holding-dollar + - hand-holding-droplet + - hand-holding-hand + - hand-holding-heart + - hands-holding-child + - hands-holding-circle + - handshake + - handshake-angle + - handshake-simple + - heart + - leaf + - parachute-box + - piggy-bank + - ribbon + - seedling +- Title: maps Since: 4.0.0 - Anchor: users-people + Anchor: maps Icons: - - accessible-icon - - address-book - - address-card - - arrows-down-to-people - - baby + - anchor + - bag-shopping + - basket-shopping + - bath - bed - - chalkboard-user - - child - - child-dress - - child-reaching - - children - - circle-user - - clipboard-user - - elevator - - face-frown - - face-meh - - face-smile - - head-side-cough - - head-side-cough-slash - - head-side-mask - - head-side-virus - - hospital-user - - hot-tub-person - - house-chimney-user - - house-user - - id-badge - - id-card - - id-card-clip - - image-portrait - - mars-and-venus-burst - - people-arrows - - people-carry-box - - people-group - - people-line - - people-pulling - - people-robbery - - people-roof - - person - - person-arrow-down-to-line - - person-arrow-up-from-line - - person-biking - - person-booth - - person-breastfeeding - - person-burst - - person-cane - - person-chalkboard - - person-circle-check - - person-circle-exclamation - - person-circle-minus - - person-circle-plus - - person-circle-question - - person-circle-xmark - - person-digging - - person-dots-from-line - - person-dress - - person-dress-burst - - person-drowning - - person-falling - - person-falling-burst - - person-half-dress - - person-harassing - - person-hiking - - person-military-pointing - - person-military-rifle - - person-military-to-person - - person-praying - - person-pregnant - - person-rays - - person-rifle - - person-running - - person-shelter - - person-skating - - person-skiing - - person-skiing-nordic - - person-snowboarding - - person-swimming - - person-through-window - - person-walking - - person-walking-arrow-loop-left - - person-walking-arrow-right - - person-walking-dashed-line-arrow-right - - person-walking-luggage - - person-walking-with-cane - - poo - - restroom - - skull - - square-person-confined - - street-view - - user - - user-astronaut - - user-check - - user-clock - - user-doctor - - user-gear - - user-graduate - - user-group - - user-injured - - user-large - - user-large-slash - - user-lock - - user-minus - - user-ninja - - user-nurse - - user-pen - - user-plus - - user-secret - - user-shield - - user-slash - - user-tag - - user-tie - - user-xmark - - users - - users-between-lines - - users-gear - - users-line - - users-rays - - users-rectangle - - users-slash - - users-viewfinder - - wheelchair - - wheelchair-move -- Title: accessibility - Since: 4.0.0 - Anchor: accessibility - Icons: - - accessible-icon - - audio-description - - braille + - beer-mug-empty + - bell + - bell-slash + - bicycle + - binoculars + - bomb + - book + - book-atlas + - bookmark + - bridge + - bridge-water + - briefcase + - building + - building-columns + - cake-candles + - car + - cart-shopping - circle-info - - circle-question - - closed-captioning - - ear-deaf - - ear-listen + - crosshairs + - diamond-turn-right + - dollar-sign + - draw-polygon + - droplet - eye - eye-low-vision - - fingerprint - - hands - - hands-asl-interpreting - - handshake-angle - - person-cane + - eye-slash + - fire + - fire-extinguisher + - fire-flame-curved + - flag + - flag-checkered + - flask + - gamepad + - gavel + - gift + - globe + - graduation-cap + - heart + - heart-pulse + - helicopter + - helicopter-symbol + - hospital + - house + - image + - images + - industry + - info + - jet-fighter + - key + - landmark + - landmark-flag + - layer-group + - leaf + - lemon + - life-ring + - lightbulb + - location-arrow + - location-crosshairs + - location-dot + - location-pin + - location-pin-lock + - magnet + - magnifying-glass + - magnifying-glass-minus + - magnifying-glass-plus + - map + - map-pin + - martini-glass-empty + - money-bill + - money-bill-1 + - motorcycle + - mountain-sun + - mug-saucer + - music + - newspaper + - paw + - person - person-walking-with-cane + - phone + - phone-flip - phone-volume - - question + - plane + - plug + - plus + - print + - recycle + - restroom + - road + - rocket + - route + - scale-balanced + - scale-unbalanced + - scale-unbalanced-flip + - ship + - shoe-prints + - shower + - signs-post + - snowplow + - spoon + - square-h + - square-parking + - square-phone + - square-phone-flip + - square-plus + - street-view + - suitcase + - suitcase-medical + - tag + - tags + - taxi + - thumbtack + - ticket + - ticket-simple + - traffic-light + - train + - train-subway + - train-tram + - tree + - trophy + - truck + - truck-medical - tty - - universal-access + - umbrella + - utensils + - vest + - vest-patches - wheelchair - wheelchair-move -- Title: gaming + - wifi + - wine-glass + - wrench +- Title: time Since: 4.0.0 - Anchor: gaming + Anchor: time Icons: - - book-skull - - chess - - chess-bishop - - chess-board - - chess-king - - chess-knight - - chess-pawn - - chess-queen - - chess-rook - - critical-role - - d-and-d - - d-and-d-beyond - - diamond - - dice - - dice-d20 - - dice-d6 - - dice-five - - dice-four - - dice-one - - dice-six - - dice-three - - dice-two - - dragon - - dungeon - - fantasy-flight-games + - bell + - bell-slash + - calendar + - calendar-check + - calendar-day + - calendar-days + - calendar-minus + - calendar-plus + - calendar-week + - calendar-xmark + - clock + - hourglass + - hourglass-end + - hourglass-half + - hourglass-start + - stopwatch + - stopwatch-20 +- Title: devices-hardware + Since: 4.0.0 + Anchor: devices-hardware + Icons: + - blender-phone + - camera + - camera-retro + - car-battery + - compact-disc + - computer + - computer-mouse + - database + - desktop + - display + - download + - ethernet + - fax + - floppy-disk - gamepad - - ghost - - hand-fist - - hat-wizard - - headset - - heart - - playstation - - puzzle-piece - - ring - - scroll - - shield-halved - - skull-crossbones - - square-full - - square-steam - - steam - - steam-symbol - - twitch - - vr-cardboard - - wand-sparkles - - wizards-of-the-coast - - xbox -- Title: holidays + - hard-drive + - headphones + - house-laptop + - keyboard + - laptop + - laptop-file + - memory + - microchip + - mobile + - mobile-button + - mobile-retro + - mobile-screen + - mobile-screen-button + - plug + - power-off + - print + - satellite + - satellite-dish + - sd-card + - server + - sim-card + - tablet + - tablet-button + - tablet-screen-button + - tachograph-digital + - tv + - upload + - walkie-talkie +- Title: media-playback + Since: 4.0.0 + Anchor: media-playback + Icons: + - arrow-rotate-left + - arrow-rotate-right + - arrows-rotate + - backward + - backward-fast + - backward-step + - circle-pause + - circle-play + - circle-stop + - compress + - down-left-and-up-right-to-center + - eject + - expand + - forward + - forward-fast + - forward-step + - hand + - maximize + - minimize + - music + - pause + - phone-volume + - play + - plus-minus + - repeat + - rotate + - rotate-left + - rotate-right + - rss + - shuffle + - sliders + - stop + - up-right-and-down-left-from-center + - volume-high + - volume-low + - volume-off + - volume-xmark +- Title: charts-diagrams Since: 4.0.0 - Anchor: holidays + Anchor: charts-diagrams Icons: - - candy-cane - - carrot - - champagne-glasses - - cookie-bite - - face-grin-hearts - - face-kiss-wink-heart - - gift - - gifts - - heart - - holly-berry - - menorah - - mug-hot - - sleigh - - snowman -- Title: political + - bars-progress + - chart-area + - chart-bar + - chart-column + - chart-gantt + - chart-line + - chart-pie + - chart-simple + - circle-half-stroke + - diagram-next + - diagram-predecessor + - diagram-project + - diagram-successor + - square-poll-horizontal + - square-poll-vertical +- Title: emoji Since: 4.0.0 - Anchor: political + Anchor: emoji Icons: - - award - - building-flag - - bullhorn - - check-double - - check-to-slot - - circle-dollar-to-slot - - democrat - - dove - - dumpster-fire - - flag-usa - - hand-fist - - handshake - - landmark-dome - - landmark-flag - - person-booth - - piggy-bank - - republican - - scale-balanced - - scale-unbalanced - - scale-unbalanced-flip -- Title: animals + - face-angry + - face-dizzy + - face-flushed + - face-frown + - face-frown-open + - face-grimace + - face-grin + - face-grin-beam + - face-grin-beam-sweat + - face-grin-hearts + - face-grin-squint + - face-grin-squint-tears + - face-grin-stars + - face-grin-tears + - face-grin-tongue + - face-grin-tongue-squint + - face-grin-tongue-wink + - face-grin-wide + - face-grin-wink + - face-kiss + - face-kiss-beam + - face-kiss-wink-heart + - face-laugh + - face-laugh-beam + - face-laugh-squint + - face-laugh-wink + - face-meh + - face-meh-blank + - face-rolling-eyes + - face-sad-cry + - face-sad-tear + - face-smile + - face-smile-beam + - face-smile-wink + - face-surprise + - face-tired +- Title: security Since: 4.0.0 - Anchor: animals + Anchor: security Icons: - - bugs - - cat - - cow - - crow - - dog - - dove - - dragon - - feather - - feather-pointed - - fish - - fish-fins - - frog - - hippo - - horse - - horse-head - - kiwi-bird - - locust - - mosquito - - otter - - paw + - ban + - bug + - bug-slash + - building-lock + - building-shield + - burst + - car-on + - door-closed + - door-open + - dungeon + - explosion + - eye + - eye-slash + - file-contract + - file-shield + - file-signature + - fingerprint + - gun + - handcuffs + - hands-bound + - hands-holding-child + - hands-holding-circle + - house-fire + - house-lock + - id-badge + - id-card + - id-card-clip + - key + - land-mine-on + - lock + - lock-open + - mars-and-venus-burst + - mask + - passport + - people-pulling + - people-robbery + - person-burst + - person-dress-burst + - person-falling-burst + - person-harassing + - person-military-pointing + - person-military-rifle + - person-military-to-person + - person-rifle + - person-shelter + - person-through-window + - road-spikes + - shield - shield-cat - shield-dog - - shrimp - - spider - - worm -- Title: editing + - shield-halved + - shield-heart + - skull-crossbones + - square-person-confined + - tower-observation + - unlock + - unlock-keyhole + - user-lock + - user-secret + - user-shield + - vault +- Title: clothing-fashion Since: 4.0.0 - Anchor: editing + Anchor: clothing-fashion Icons: - - arrows-rotate - - bandage - - bars - - brush - - chart-simple - - check - - check-double - - circle-check - - circle-half-stroke - - crop - - crop-simple - - cube - - delete-left - - ellipsis - - ellipsis-vertical - - eye-dropper - - eye-slash - - grip - - grip-lines - - grip-lines-vertical - - grip-vertical - - link - - link-slash - - minus - - paintbrush - - pen - - pen-clip - - pen-fancy - - pen-nib - - pen-ruler - - pen-to-square - - pencil - - plus - - rotate - - scissors - - signature - - sliders - - square-check - - square-pen - - trash - - trash-arrow-up - - trash-can - - trash-can-arrow-up - - wand-magic - - wand-magic-sparkles - - xmark + - glasses + - graduation-cap + - hat-cowboy + - hat-cowboy-side + - hat-wizard + - mitten + - shirt + - shoe-prints + - socks + - user-tie + - vest + - vest-patches +- Title: fruits-vegetables + Since: 4.0.0 + Anchor: fruits-vegetables + Icons: + - apple-whole + - carrot + - leaf + - lemon + - pepper-hot + - seedling - Title: mathematics Since: 4.0.0 Anchor: mathematics @@ -2154,272 +1837,441 @@ - superscript - wave-square - xmark -- Title: media-playback +- Title: alert Since: 4.0.0 - Anchor: media-playback + Anchor: alert Icons: + - bell + - bell-slash + - circle-exclamation + - circle-radiation + - exclamation + - question + - radiation + - skull-crossbones + - triangle-exclamation +- Title: arrows + Since: 4.0.0 + Anchor: arrows + Icons: + - angle-down + - angle-left + - angle-right + - angle-up + - angles-down + - angles-left + - angles-right + - angles-up + - arrow-down + - arrow-down-1-9 + - arrow-down-9-1 + - arrow-down-a-z + - arrow-down-long + - arrow-down-short-wide + - arrow-down-up-across-line + - arrow-down-up-lock + - arrow-down-wide-short + - arrow-down-z-a + - arrow-left + - arrow-left-long + - arrow-pointer + - arrow-right + - arrow-right-arrow-left + - arrow-right-from-bracket + - arrow-right-long + - arrow-right-to-bracket - arrow-rotate-left - arrow-rotate-right + - arrow-trend-down + - arrow-trend-up + - arrow-turn-down + - arrow-turn-up + - arrow-up + - arrow-up-1-9 + - arrow-up-9-1 + - arrow-up-a-z + - arrow-up-from-bracket + - arrow-up-long + - arrow-up-right-dots + - arrow-up-right-from-square + - arrow-up-short-wide + - arrow-up-wide-short + - arrow-up-z-a + - arrows-down-to-line + - arrows-left-right + - arrows-left-right-to-line - arrows-rotate - - backward - - backward-fast - - backward-step - - circle-pause - - circle-play - - circle-stop - - compress + - arrows-spin + - arrows-split-up-and-left + - arrows-to-circle + - arrows-to-dot + - arrows-to-eye + - arrows-turn-right + - arrows-turn-to-dots + - arrows-up-down + - arrows-up-down-left-right + - arrows-up-to-line + - caret-down + - caret-left + - caret-right + - caret-up + - chevron-down + - chevron-left + - chevron-right + - chevron-up + - circle-arrow-down + - circle-arrow-left + - circle-arrow-right + - circle-arrow-up + - circle-chevron-down + - circle-chevron-left + - circle-chevron-right + - circle-chevron-up + - circle-down + - circle-left + - circle-right + - circle-up + - clock-rotate-left + - cloud-arrow-down + - cloud-arrow-up - down-left-and-up-right-to-center - - eject - - expand - - forward - - forward-fast - - forward-step - - hand + - down-long + - download + - left-long + - left-right + - location-arrow - maximize - - minimize - - music - - pause - - phone-volume - - play - - plus-minus + - recycle - repeat + - reply + - reply-all + - retweet + - right-from-bracket + - right-left + - right-long + - right-to-bracket - rotate - rotate-left - rotate-right - - rss + - share + - share-from-square - shuffle - - sliders - - stop + - sort + - sort-down + - sort-up + - square-arrow-up-right + - square-caret-down + - square-caret-left + - square-caret-right + - square-caret-up + - square-up-right + - turn-down + - turn-up + - up-down + - up-down-left-right + - up-long - up-right-and-down-left-from-center - - volume-high - - volume-low - - volume-off - - volume-xmark -- Title: education + - up-right-from-square + - upload +- Title: communication + Since: 4.0.0 + Anchor: communication + Icons: + - address-book + - address-card + - at + - blender-phone + - bluetooth-b + - bullhorn + - comment + - comment-dots + - comment-medical + - comment-slash + - comment-sms + - comments + - ear-listen + - envelope + - envelope-circle-check + - envelope-open + - face-frown + - face-meh + - face-smile + - fax + - hands-asl-interpreting + - icons + - inbox + - language + - message + - microphone + - microphone-lines + - microphone-lines-slash + - microphone-slash + - mobile + - mobile-button + - mobile-retro + - mobile-screen + - mobile-screen-button + - paper-plane + - phone + - phone-flip + - phone-slash + - phone-volume + - poo + - quote-left + - quote-right + - square-envelope + - square-phone + - square-phone-flip + - square-rss + - tower-cell + - tty + - video + - video-slash + - voicemail + - walkie-talkie +- Title: halloween + Since: 4.0.0 + Anchor: halloween + Icons: + - book-skull + - broom + - cat + - cloud-moon + - crow + - ghost + - hat-wizard + - mask + - skull + - skull-crossbones + - spider + - toilet-paper + - wand-sparkles +- Title: punctuation-symbols + Since: 4.0.0 + Anchor: punctuation-symbols + Icons: + - asterisk + - at + - check + - check-double + - circle-exclamation + - circle-question + - equals + - exclamation + - greater-than + - hashtag + - less-than + - minus + - percent + - plus + - question + - quote-left + - quote-right + - section +- Title: transportation Since: 4.0.0 - Anchor: education + Anchor: transportation Icons: - - apple-whole - - atom - - award - - bell - - bell-slash - - book-open - - book-open-reader - - chalkboard - - chalkboard-user - - graduation-cap - - laptop-code - - laptop-file - - masks-theater - - microscope - - music - - person-chalkboard - - school - - school-circle-check - - school-circle-exclamation - - school-circle-xmark - - school-flag - - school-lock - - shapes - - user-graduate -- Title: fruits-vegetables + - accessible-icon + - baby-carriage + - bicycle + - bus + - bus-simple + - cable-car + - car + - car-burst + - car-rear + - car-side + - car-tunnel + - cart-shopping + - ferry + - helicopter + - horse + - jet-fighter + - jet-fighter-up + - motorcycle + - mound + - paper-plane + - plane + - plane-slash + - plane-up + - road + - road-barrier + - road-spikes + - rocket + - sailboat + - ship + - shuttle-space + - sleigh + - snowplow + - taxi + - tractor + - train + - train-subway + - train-tram + - truck + - truck-arrow-right + - truck-droplet + - truck-field + - truck-field-un + - truck-front + - truck-medical + - truck-monster + - truck-pickup + - truck-plane + - van-shuttle + - wheelchair + - wheelchair-move +- Title: sports-fitness Since: 4.0.0 - Anchor: fruits-vegetables + Anchor: sports-fitness Icons: - - apple-whole - - carrot - - leaf - - lemon - - pepper-hot - - seedling -- Title: humanitarian + - baseball + - baseball-bat-ball + - basketball + - bicycle + - bowling-ball + - broom-ball + - dumbbell + - fire-flame-curved + - fire-flame-simple + - football + - futbol + - golf-ball-tee + - heart + - heart-pulse + - hockey-puck + - medal + - mound + - person-biking + - person-hiking + - person-running + - person-skating + - person-skiing + - person-skiing-nordic + - person-snowboarding + - person-swimming + - person-walking + - ranking-star + - shoe-prints + - spa + - stopwatch-20 + - table-tennis-paddle-ball + - volleyball + - weight-hanging +- Title: travel-hotel Since: 4.0.0 - Anchor: humanitarian + Anchor: travel-hotel Icons: - - anchor - - anchor-circle-check - - anchor-circle-exclamation - - anchor-circle-xmark - - anchor-lock - - arrow-down-up-across-line - - arrow-down-up-lock - - arrow-right-to-city - - arrow-up-from-ground-water - - arrow-up-from-water-pump - - arrow-up-right-dots - - arrow-up-right-from-square - - arrows-down-to-line - - arrows-down-to-people - - arrows-left-right-to-line - - arrows-spin - - arrows-split-up-and-left - - arrows-to-circle - - arrows-to-dot - - arrows-to-eye - - arrows-turn-right - - arrows-turn-to-dots - - arrows-up-to-line - - baby - - bacterium - - ban + - archway + - baby-carriage + - ban-smoking + - bath - bed - - biohazard - - book-bookmark - - bore-hole - - bottle-droplet - - bottle-water - - bowl-food - - bowl-rice - - boxes-packing - - bridge - - bridge-circle-check - - bridge-circle-exclamation - - bridge-circle-xmark - - bridge-lock - - bridge-water - - bucket - - bugs - - building - - building-circle-arrow-right - - building-circle-check - - building-circle-exclamation - - building-circle-xmark - - building-columns - - building-flag - - building-lock - - building-ngo - - building-shield - - building-un - - building-user - - building-wheat - - burst + - bell-concierge + - book-atlas + - briefcase - bus + - bus-simple + - cable-car - car - - car-on - - car-tunnel - - child-combatant + - caravan + - cart-flatbed-suitcase + - dice + - dice-five + - door-closed + - door-open + - dumbbell + - earth-africa + - earth-americas + - earth-asia + - earth-europe + - earth-oceania + - elevator + - hot-tub-person + - hotel + - infinity + - key + - kitchen-set + - map + - map-location + - map-location-dot + - martini-glass + - martini-glass-citrus + - martini-glass-empty + - monument + - mountain-city + - mug-saucer + - passport + - person-swimming + - person-walking-luggage + - plane + - plane-arrival + - plane-circle-check + - plane-circle-exclamation + - plane-circle-xmark + - plane-departure + - plane-lock + - plane-slash + - plane-up + - shower + - smoking + - snowflake + - spa + - stairs + - suitcase + - suitcase-rolling + - taxi + - toilet + - toilet-paper + - train-tram + - tree-city + - tv + - umbrella-beach + - utensils + - van-shuttle + - water-ladder + - wheelchair + - wheelchair-move + - wifi + - wine-glass + - wine-glass-empty +- Title: users-people + Since: 4.0.0 + Anchor: users-people + Icons: + - accessible-icon + - address-book + - address-card + - arrows-down-to-people + - baby + - bed + - chalkboard-user + - child + - child-dress + - child-reaching - children - - church - - circle-h - - circle-nodes - - clipboard-question + - circle-user - clipboard-user - - cloud-bolt - - cloud-showers-heavy - - cloud-showers-water - - computer - - cow - - cubes-stacked - - display - - droplet - - envelope - - envelope-circle-check - - explosion - - faucet-drip - - fax - - ferry - - file - - file-circle-check - - file-circle-exclamation - - file-circle-minus - - file-circle-plus - - file-circle-question - - file-circle-xmark - - file-csv - - file-pdf - - file-pen - - file-shield - - fire-burner - - fire-flame-simple - - fish-fins - - flag - - flask-vial - - gas-pump - - glass-water - - glass-water-droplet - - gopuram - - group-arrows-rotate - - hammer - - hand-holding-hand - - handcuffs - - hands-bound - - hands-bubbles - - hands-holding-child - - hands-holding-circle - - handshake-simple - - headset - - heart-circle-bolt - - heart-circle-check - - heart-circle-exclamation - - heart-circle-minus - - heart-circle-plus - - heart-circle-xmark - - helicopter - - helicopter-symbol - - helmet-un - - hill-avalanche - - hill-rockslide - - hospital - - hotel - - house-chimney - - house-chimney-crack - - house-circle-check - - house-circle-exclamation - - house-circle-xmark - - house-fire - - house-flag - - house-flood-water - - house-flood-water-circle-arrow-right - - house-lock - - house-medical - - house-medical-circle-check - - house-medical-circle-exclamation - - house-medical-circle-xmark - - house-medical-flag - - house-signal - - house-tsunami - - hurricane + - elevator + - face-frown + - face-meh + - face-smile + - head-side-cough + - head-side-cough-slash + - head-side-mask + - head-side-virus + - hospital-user + - hot-tub-person + - house-chimney-user + - house-user + - id-badge - id-card - - jar - - jar-wheat - - jet-fighter-up - - jug-detergent - - kitchen-set - - land-mine-on - - landmark - - landmark-dome - - landmark-flag - - laptop - - laptop-file - - life-ring - - lines-leaning - - location-pin-lock - - locust - - lungs - - magnifying-glass-arrow-right - - magnifying-glass-chart - - mars-and-venus + - id-card-clip + - image-portrait - mars-and-venus-burst - - mask-face - - mask-ventilator - - mattress-pillow - - microscope - - mobile-retro - - mobile-screen - - money-bill-transfer - - money-bill-trend-up - - money-bill-wheat - - money-bills - - mosque - - mosquito - - mosquito-net - - mound - - mountain-city - - mountain-sun - - oil-well - - parachute-box - people-arrows + - people-carry-box - people-group - people-line - people-pulling @@ -2428,6 +2280,8 @@ - person - person-arrow-down-to-line - person-arrow-up-from-line + - person-biking + - person-booth - person-breastfeeding - person-burst - person-cane @@ -2439,6 +2293,7 @@ - person-circle-question - person-circle-xmark - person-digging + - person-dots-from-line - person-dress - person-dress-burst - person-drowning @@ -2446,676 +2301,822 @@ - person-falling-burst - person-half-dress - person-harassing + - person-hiking - person-military-pointing - person-military-rifle - person-military-to-person + - person-praying - person-pregnant - person-rays - person-rifle + - person-running - person-shelter + - person-skating + - person-skiing + - person-skiing-nordic + - person-snowboarding + - person-swimming - person-through-window - person-walking - person-walking-arrow-loop-left - person-walking-arrow-right - person-walking-dashed-line-arrow-right - person-walking-luggage - - pills - - plane-circle-check - - plane-circle-exclamation - - plane-circle-xmark - - plane-lock - - plane-up - - plant-wilt - - plate-wheat - - plug - - plug-circle-bolt - - plug-circle-check - - plug-circle-exclamation - - plug-circle-minus - - plug-circle-plus - - plug-circle-xmark - - pump-soap - - radiation - - radio - - ranking-star - - road - - road-barrier - - road-bridge - - road-circle-check - - road-circle-exclamation - - road-circle-xmark - - road-lock - - road-spikes - - rug - - sack-dollar - - sack-xmark - - sailboat - - satellite-dish - - scale-balanced - - school - - school-circle-check - - school-circle-exclamation - - school-circle-xmark - - school-flag - - school-lock - - seedling - - sheet-plastic - - shield-cat - - shield-dog - - shield-heart - - ship - - shirt - - shop - - shop-lock - - shower - - skull-crossbones - - snowflake - - soap - - square-nfi + - person-walking-with-cane + - poo + - restroom + - skull - square-person-confined - - square-virus - - staff-snake - - stethoscope - - suitcase-medical - - sun-plant-wilt - - syringe - - tarp - - tarp-droplet - - temperature-arrow-down - - temperature-arrow-up - - tent - - tent-arrow-down-to-line - - tent-arrow-left-right - - tent-arrow-turn-left - - tent-arrows-down - - tents - - toilet - - toilet-portable - - toilets-portable - - tornado - - tower-broadcast - - tower-cell - - tower-observation - - train-subway - - trash-can - - tree-city - - trowel - - trowel-bricks - - truck - - truck-arrow-right - - truck-droplet - - truck-field - - truck-field-un - - truck-front - - truck-medical - - truck-plane + - street-view + - user + - user-astronaut + - user-check + - user-clock - user-doctor + - user-gear + - user-graduate + - user-group - user-injured + - user-large + - user-large-slash + - user-lock + - user-minus + - user-ninja + - user-nurse + - user-pen + - user-plus + - user-secret + - user-shield + - user-slash + - user-tag + - user-tie + - user-xmark + - users - users-between-lines + - users-gear - users-line - users-rays - users-rectangle + - users-slash - users-viewfinder - - vial-circle-check - - vial-virus - - vihara - - virus - - virus-covid - - volcano - - walkie-talkie - - wheat-awn - - wheat-awn-circle-exclamation + - wheelchair - wheelchair-move - - wifi - - wind - - worm - - xmarks-lines -- Title: moving +- Title: education + Since: 4.0.0 + Anchor: education + Icons: + - apple-whole + - atom + - award + - bell + - bell-slash + - book-open + - book-open-reader + - chalkboard + - chalkboard-user + - graduation-cap + - laptop-code + - laptop-file + - masks-theater + - microscope + - music + - person-chalkboard + - school + - school-circle-check + - school-circle-exclamation + - school-circle-xmark + - school-flag + - school-lock + - shapes + - user-graduate +- Title: film-video + Since: 4.0.0 + Anchor: film-video + Icons: + - audio-description + - circle + - clapperboard + - closed-captioning + - compact-disc + - file-audio + - file-video + - film + - headphones + - microphone + - microphone-lines + - microphone-lines-slash + - microphone-slash + - photo-film + - podcast + - square-rss + - ticket + - tower-broadcast + - tower-cell + - tv + - video + - video-slash + - youtube +- Title: marketing + Since: 4.0.0 + Anchor: marketing + Icons: + - arrows-spin + - arrows-to-dot + - arrows-to-eye + - bullhorn + - bullseye + - chart-simple + - comment-dollar + - comments-dollar + - envelope-open-text + - envelopes-bulk + - filter-circle-dollar + - group-arrows-rotate + - lightbulb + - magnifying-glass-arrow-right + - magnifying-glass-chart + - magnifying-glass-dollar + - magnifying-glass-location + - people-group + - person-rays + - ranking-star + - rectangle-ad + - square-poll-horizontal + - square-poll-vertical + - timeline +- Title: spinners + Since: 4.0.0 + Anchor: spinners + Icons: + - arrows-spin + - asterisk + - atom + - bahai + - certificate + - circle-notch + - compact-disc + - compass + - crosshairs + - dharmachakra + - fan + - gear + - hurricane + - life-ring + - palette + - ring + - rotate + - slash + - snowflake + - spinner + - stroopwafel + - sun + - yin-yang +- Title: business + Since: 4.0.0 + Anchor: business + Icons: + - address-book + - address-card + - arrows-spin + - arrows-to-dot + - arrows-to-eye + - bars-progress + - bars-staggered + - book + - box-archive + - boxes-packing + - briefcase + - building + - bullhorn + - bullseye + - business-time + - cake-candles + - calculator + - calendar + - calendar-days + - certificate + - chart-line + - chart-pie + - chart-simple + - city + - clipboard + - clipboard-question + - compass + - copy + - copyright + - envelope + - envelope-circle-check + - envelope-open + - eraser + - fax + - file + - file-circle-plus + - file-lines + - floppy-disk + - folder + - folder-minus + - folder-open + - folder-plus + - folder-tree + - glasses + - globe + - highlighter + - house-laptop + - industry + - landmark + - laptop-file + - list-check + - magnifying-glass-arrow-right + - magnifying-glass-chart + - marker + - mug-saucer + - network-wired + - note-sticky + - paperclip + - paste + - pen + - pen-clip + - pen-fancy + - pen-nib + - pen-to-square + - pencil + - percent + - person-chalkboard + - phone + - phone-flip + - phone-slash + - phone-volume + - print + - registered + - scale-balanced + - scale-unbalanced + - scale-unbalanced-flip + - scissors + - signature + - sitemap + - socks + - square-envelope + - square-pen + - square-phone + - square-phone-flip + - square-poll-horizontal + - square-poll-vertical + - stapler + - table + - table-columns + - tag + - tags + - thumbtack + - timeline + - trademark + - vault + - wallet +- Title: files + Since: 4.0.0 + Anchor: files + Icons: + - box-archive + - clone + - copy + - file + - file-arrow-down + - file-arrow-up + - file-audio + - file-circle-check + - file-circle-exclamation + - file-circle-minus + - file-circle-plus + - file-circle-question + - file-circle-xmark + - file-code + - file-csv + - file-excel + - file-export + - file-image + - file-import + - file-lines + - file-pdf + - file-pen + - file-powerpoint + - file-shield + - file-video + - file-word + - file-zipper + - floppy-disk + - folder + - folder-closed + - folder-open + - note-sticky + - paste + - photo-film + - scissors +- Title: hands Since: 4.0.0 - Anchor: moving + Anchor: hands Icons: - - box-archive - - box-open - - boxes-packing - - caravan - - couch - - dolly - - house-chimney - - people-carry-box - - route - - sign-hanging - - suitcase - - tape - - trailer - - truck-moving - - truck-ramp-box - - wine-glass -- Title: travel-hotel + - hand + - hand-back-fist + - hand-dots + - hand-fist + - hand-holding + - hand-holding-dollar + - hand-holding-droplet + - hand-holding-hand + - hand-holding-heart + - hand-holding-medical + - hand-lizard + - hand-middle-finger + - hand-peace + - hand-point-down + - hand-point-left + - hand-point-right + - hand-point-up + - hand-pointer + - hand-scissors + - hand-sparkles + - hand-spock + - hands-bound + - hands-bubbles + - hands-clapping + - hands-holding + - hands-holding-child + - hands-holding-circle + - hands-praying + - handshake + - handshake-angle + - handshake-simple + - handshake-simple-slash + - handshake-slash + - thumbs-down + - thumbs-up +- Title: humanitarian Since: 4.0.0 - Anchor: travel-hotel + Anchor: humanitarian Icons: - - archway - - baby-carriage - - ban-smoking - - bath + - anchor + - anchor-circle-check + - anchor-circle-exclamation + - anchor-circle-xmark + - anchor-lock + - arrow-down-up-across-line + - arrow-down-up-lock + - arrow-right-to-city + - arrow-up-from-ground-water + - arrow-up-from-water-pump + - arrow-up-right-dots + - arrow-up-right-from-square + - arrows-down-to-line + - arrows-down-to-people + - arrows-left-right-to-line + - arrows-spin + - arrows-split-up-and-left + - arrows-to-circle + - arrows-to-dot + - arrows-to-eye + - arrows-turn-right + - arrows-turn-to-dots + - arrows-up-to-line + - baby + - bacterium + - ban - bed - - bell-concierge - - book-atlas - - briefcase + - biohazard + - book-bookmark + - bore-hole + - bottle-droplet + - bottle-water + - bowl-food + - bowl-rice + - boxes-packing + - bridge + - bridge-circle-check + - bridge-circle-exclamation + - bridge-circle-xmark + - bridge-lock + - bridge-water + - bucket + - bugs + - building + - building-circle-arrow-right + - building-circle-check + - building-circle-exclamation + - building-circle-xmark + - building-columns + - building-flag + - building-lock + - building-ngo + - building-shield + - building-un + - building-user + - building-wheat + - burst - bus - - bus-simple - - cable-car - car - - caravan - - cart-flatbed-suitcase - - dice - - dice-five - - door-closed - - door-open - - dumbbell - - earth-africa - - earth-americas - - earth-asia - - earth-europe - - earth-oceania - - elevator - - hot-tub-person - - hotel - - infinity - - key - - kitchen-set - - map - - map-location - - map-location-dot - - martini-glass - - martini-glass-citrus - - martini-glass-empty - - monument - - mountain-city - - mug-saucer - - passport - - person-swimming - - person-walking-luggage - - plane - - plane-arrival - - plane-circle-check - - plane-circle-exclamation - - plane-circle-xmark - - plane-departure - - plane-lock - - plane-slash - - plane-up - - shower - - smoking - - snowflake - - spa - - stairs - - suitcase - - suitcase-rolling - - taxi - - toilet - - toilet-paper - - train-tram - - tree-city - - tv - - umbrella-beach - - utensils - - van-shuttle - - water-ladder - - wheelchair - - wheelchair-move - - wifi - - wine-glass - - wine-glass-empty -- Title: childhood - Since: 4.0.0 - Anchor: childhood - Icons: - - apple-whole - - baby - - baby-carriage - - baseball-bat-ball - - bath - - bucket - - cake-candles - - child - - child-dress - - child-reaching + - car-on + - car-tunnel + - child-combatant - children - - cookie - - cookie-bite - - cubes-stacked - - gamepad - - hands-holding-child - - ice-cream - - mitten - - person-biking - - person-breastfeeding - - puzzle-piece - - robot - - school - - shapes - - snowman -- Title: coding - Since: 4.0.0 - Anchor: coding - Icons: - - barcode - - bars - - bars-staggered - - bath - - box-archive - - bug - - bug-slash + - church + - circle-h - circle-nodes - - code - - code-branch - - code-commit - - code-compare - - code-fork - - code-merge - - code-pull-request - - cube - - cubes - - diagram-project - - file - - file-code - - file-lines - - filter - - fire-extinguisher - - folder - - folder-open - - font-awesome - - gears - - keyboard - - laptop-code - - microchip - - mug-saucer - - network-wired - - notdef - - qrcode - - rectangle-xmark - - shield - - shield-halved - - sitemap - - terminal - - user-secret - - window-maximize - - window-minimize - - window-restore -- Title: devices-hardware - Since: 4.0.0 - Anchor: devices-hardware - Icons: - - blender-phone - - camera - - camera-retro - - car-battery - - compact-disc + - clipboard-question + - clipboard-user + - cloud-bolt + - cloud-showers-heavy + - cloud-showers-water - computer - - computer-mouse - - database - - desktop + - cow + - cubes-stacked - display - - download - - ethernet + - droplet + - envelope + - envelope-circle-check + - explosion + - faucet-drip - fax - - floppy-disk - - gamepad - - hard-drive - - headphones - - house-laptop - - keyboard + - ferry + - file + - file-circle-check + - file-circle-exclamation + - file-circle-minus + - file-circle-plus + - file-circle-question + - file-circle-xmark + - file-csv + - file-pdf + - file-pen + - file-shield + - fire-burner + - fire-flame-simple + - fish-fins + - flag + - flask-vial + - gas-pump + - glass-water + - glass-water-droplet + - gopuram + - group-arrows-rotate + - hammer + - hand-holding-hand + - handcuffs + - hands-bound + - hands-bubbles + - hands-holding-child + - hands-holding-circle + - handshake-simple + - headset + - heart-circle-bolt + - heart-circle-check + - heart-circle-exclamation + - heart-circle-minus + - heart-circle-plus + - heart-circle-xmark + - helicopter + - helicopter-symbol + - helmet-un + - hill-avalanche + - hill-rockslide + - hospital + - hotel + - house-chimney + - house-chimney-crack + - house-circle-check + - house-circle-exclamation + - house-circle-xmark + - house-fire + - house-flag + - house-flood-water + - house-flood-water-circle-arrow-right + - house-lock + - house-medical + - house-medical-circle-check + - house-medical-circle-exclamation + - house-medical-circle-xmark + - house-medical-flag + - house-signal + - house-tsunami + - hurricane + - id-card + - jar + - jar-wheat + - jet-fighter-up + - jug-detergent + - kitchen-set + - land-mine-on + - landmark + - landmark-dome + - landmark-flag - laptop - laptop-file - - memory - - microchip - - mobile - - mobile-button + - life-ring + - lines-leaning + - location-pin-lock + - locust + - lungs + - magnifying-glass-arrow-right + - magnifying-glass-chart + - mars-and-venus + - mars-and-venus-burst + - mask-face + - mask-ventilator + - mattress-pillow + - microscope - mobile-retro - mobile-screen - - mobile-screen-button - - plug - - power-off - - print - - satellite - - satellite-dish - - sd-card - - server - - sim-card - - tablet - - tablet-button - - tablet-screen-button - - tachograph-digital - - tv - - upload - - walkie-talkie -- Title: science - Since: 4.0.0 - Anchor: science - Icons: - - atom - - biohazard - - brain - - capsules - - circle-radiation - - clipboard-check - - disease - - dna - - eye-dropper - - filter - - fire - - fire-flame-curved - - fire-flame-simple - - flask - - flask-vial - - frog - - magnet - - microscope - - mortar-pestle + - money-bill-transfer + - money-bill-trend-up + - money-bill-wheat + - money-bills + - mosque + - mosquito + - mosquito-net + - mound + - mountain-city + - mountain-sun + - oil-well + - parachute-box + - people-arrows + - people-group + - people-line + - people-pulling + - people-robbery + - people-roof + - person + - person-arrow-down-to-line + - person-arrow-up-from-line + - person-breastfeeding + - person-burst + - person-cane + - person-chalkboard + - person-circle-check + - person-circle-exclamation + - person-circle-minus + - person-circle-plus + - person-circle-question + - person-circle-xmark + - person-digging + - person-dress + - person-dress-burst + - person-drowning + - person-falling + - person-falling-burst + - person-half-dress + - person-harassing + - person-military-pointing + - person-military-rifle + - person-military-to-person + - person-pregnant + - person-rays + - person-rifle + - person-shelter + - person-through-window + - person-walking + - person-walking-arrow-loop-left + - person-walking-arrow-right + - person-walking-dashed-line-arrow-right + - person-walking-luggage - pills - - prescription-bottle + - plane-circle-check + - plane-circle-exclamation + - plane-circle-xmark + - plane-lock + - plane-up + - plant-wilt + - plate-wheat + - plug + - plug-circle-bolt + - plug-circle-check + - plug-circle-exclamation + - plug-circle-minus + - plug-circle-plus + - plug-circle-xmark + - pump-soap - radiation + - radio + - ranking-star + - road + - road-barrier + - road-bridge + - road-circle-check + - road-circle-exclamation + - road-circle-xmark + - road-lock + - road-spikes + - rug + - sack-dollar + - sack-xmark + - sailboat + - satellite-dish + - scale-balanced + - school + - school-circle-check + - school-circle-exclamation + - school-circle-xmark + - school-flag + - school-lock - seedling + - sheet-plastic + - shield-cat + - shield-dog + - shield-heart + - ship + - shirt + - shop + - shop-lock + - shower - skull-crossbones + - snowflake + - soap + - square-nfi + - square-person-confined - square-virus + - staff-snake + - stethoscope + - suitcase-medical + - sun-plant-wilt - syringe - - tablets - - temperature-high - - temperature-low - - vial + - tarp + - tarp-droplet + - temperature-arrow-down + - temperature-arrow-up + - tent + - tent-arrow-down-to-line + - tent-arrow-left-right + - tent-arrow-turn-left + - tent-arrows-down + - tents + - toilet + - toilet-portable + - toilets-portable + - tornado + - tower-broadcast + - tower-cell + - tower-observation + - train-subway + - trash-can + - tree-city + - trowel + - trowel-bricks + - truck + - truck-arrow-right + - truck-droplet + - truck-field + - truck-field-un + - truck-front + - truck-medical + - truck-plane + - user-doctor + - user-injured + - users-between-lines + - users-line + - users-rays + - users-rectangle + - users-viewfinder - vial-circle-check - vial-virus - - vials -- Title: social - Since: 4.0.0 - Anchor: social - Icons: - - bell - - cake-candles - - camera - - circle-user - - comment - - envelope - - hashtag - - heart - - icons - - image - - images - - location-dot - - location-pin - - message - - photo-film - - retweet - - share - - share-from-square - - share-nodes - - square-poll-horizontal - - square-poll-vertical - - square-share-nodes - - star - - thumbs-down - - thumbs-up - - thumbtack - - user - - user-group - - user-plus - - users - - video -- Title: business - Since: 4.0.0 - Anchor: business - Icons: - - address-book - - address-card - - arrows-spin - - arrows-to-dot - - arrows-to-eye - - bars-progress - - bars-staggered - - book - - box-archive - - boxes-packing - - briefcase - - building - - bullhorn - - bullseye - - business-time - - cake-candles - - calculator - - calendar - - calendar-days - - certificate - - chart-line - - chart-pie - - chart-simple - - city - - clipboard - - clipboard-question - - compass - - copy - - copyright - - envelope - - envelope-circle-check - - envelope-open - - eraser - - fax - - file - - file-circle-plus - - file-lines - - floppy-disk - - folder - - folder-minus - - folder-open - - folder-plus - - folder-tree - - glasses - - globe - - highlighter - - house-laptop - - industry - - landmark - - laptop-file - - list-check - - magnifying-glass-arrow-right - - magnifying-glass-chart - - marker - - mug-saucer - - network-wired - - note-sticky - - paperclip - - paste - - pen - - pen-clip - - pen-fancy - - pen-nib - - pen-to-square - - pencil - - percent - - person-chalkboard - - phone - - phone-flip - - phone-slash - - phone-volume - - print - - registered - - scale-balanced - - scale-unbalanced - - scale-unbalanced-flip - - scissors - - signature - - sitemap - - socks - - square-envelope - - square-pen - - square-phone - - square-phone-flip - - square-poll-horizontal - - square-poll-vertical - - stapler - - table - - table-columns - - tag - - tags - - thumbtack - - timeline - - trademark - - vault - - wallet -- Title: writing - Since: 4.0.0 - Anchor: writing - Icons: - - blog - - book - - book-bookmark - - bookmark - - box-archive - - envelope - - envelope-open - - eraser - - file - - file-lines - - folder - - folder-open - - keyboard - - newspaper - - notdef - - note-sticky - - paper-plane - - paperclip - - paragraph - - pen - - pen-clip - - pen-to-square - - pencil - - quote-left - - quote-right - - signature - - square-pen - - thumbtack -- Title: alert + - vihara + - virus + - virus-covid + - volcano + - walkie-talkie + - wheat-awn + - wheat-awn-circle-exclamation + - wheelchair-move + - wifi + - wind + - worm + - xmarks-lines +- Title: medical-health Since: 4.0.0 - Anchor: alert + Anchor: medical-health Icons: - - bell - - bell-slash - - circle-exclamation + - accessible-icon + - bacteria + - bacterium + - ban-smoking + - bandage + - bed-pulse + - biohazard + - bone + - bong + - book-medical + - brain + - briefcase-medical + - cannabis + - capsules + - circle-h - circle-radiation - - exclamation - - question + - clipboard-user + - clock-rotate-left + - comment-medical + - crutch + - disease + - dna + - eye + - eye-dropper + - file-medical + - file-prescription + - file-waveform + - fire-flame-simple + - flask + - flask-vial + - hand-dots + - hand-holding-medical + - head-side-cough + - head-side-cough-slash + - head-side-mask + - head-side-virus + - heart + - heart-circle-bolt + - heart-circle-check + - heart-circle-exclamation + - heart-circle-minus + - heart-circle-plus + - heart-circle-xmark + - heart-pulse + - hospital + - hospital-user + - house-chimney-medical + - house-medical + - house-medical-circle-check + - house-medical-circle-exclamation + - house-medical-circle-xmark + - house-medical-flag + - id-card-clip + - joint + - kit-medical + - laptop-medical + - lungs + - lungs-virus + - mask-face + - mask-ventilator + - microscope + - mortar-pestle + - notes-medical + - pager + - person-breastfeeding + - person-cane + - person-dots-from-line + - person-half-dress + - pills + - plus + - poop + - prescription + - prescription-bottle + - prescription-bottle-medical + - pump-medical - radiation + - receipt + - shield-virus + - skull - skull-crossbones - - triangle-exclamation -- Title: clothing-fashion - Since: 4.0.0 - Anchor: clothing-fashion - Icons: - - glasses - - graduation-cap - - hat-cowboy - - hat-cowboy-side - - hat-wizard - - mitten - - shirt - - shoe-prints - - socks - - user-tie - - vest - - vest-patches -- Title: communication - Since: 4.0.0 - Anchor: communication - Icons: - - address-book - - address-card - - at - - blender-phone - - bluetooth-b - - bullhorn - - comment - - comment-dots - - comment-medical - - comment-slash - - comment-sms - - comments - - ear-listen - - envelope - - envelope-circle-check - - envelope-open - - face-frown - - face-meh - - face-smile - - fax - - hands-asl-interpreting - - icons - - inbox - - language - - message - - microphone - - microphone-lines - - microphone-lines-slash - - microphone-slash - - mobile - - mobile-button - - mobile-retro - - mobile-screen - - mobile-screen-button - - paper-plane - - phone - - phone-flip - - phone-slash - - phone-volume - - poo - - quote-left - - quote-right - - square-envelope - - square-phone - - square-phone-flip - - square-rss - - tower-cell - - tty - - video - - video-slash - - voicemail - - walkie-talkie -- Title: emoji + - smoking + - square-h + - square-plus + - square-virus + - staff-snake + - star-of-life + - stethoscope + - suitcase-medical + - syringe + - tablets + - teeth + - teeth-open + - thermometer + - tooth + - truck-medical + - user-doctor + - user-nurse + - vial + - vial-circle-check + - vial-virus + - vials + - virus + - virus-covid + - virus-covid-slash + - virus-slash + - viruses + - weight-scale + - wheelchair + - wheelchair-move + - x-ray +- Title: moving Since: 4.0.0 - Anchor: emoji + Anchor: moving Icons: - - face-angry - - face-dizzy - - face-flushed - - face-frown - - face-frown-open - - face-grimace - - face-grin - - face-grin-beam - - face-grin-beam-sweat - - face-grin-hearts - - face-grin-squint - - face-grin-squint-tears - - face-grin-stars - - face-grin-tears - - face-grin-tongue - - face-grin-tongue-squint - - face-grin-tongue-wink - - face-grin-wide - - face-grin-wink - - face-kiss - - face-kiss-beam - - face-kiss-wink-heart - - face-laugh - - face-laugh-beam - - face-laugh-squint - - face-laugh-wink - - face-meh - - face-meh-blank - - face-rolling-eyes - - face-sad-cry - - face-sad-tear - - face-smile - - face-smile-beam - - face-smile-wink - - face-surprise - - face-tired + - box-archive + - box-open + - boxes-packing + - caravan + - couch + - dolly + - house-chimney + - people-carry-box + - route + - sign-hanging + - suitcase + - tape + - trailer + - truck-moving + - truck-ramp-box + - wine-glass diff --git a/cli/font-awesome/font-awesome b/cli/font-awesome/font-awesome index 302f7c166..97d4ed029 100644 Binary files a/cli/font-awesome/font-awesome and b/cli/font-awesome/font-awesome differ diff --git a/cli/font-awesome/main.go b/cli/font-awesome/main.go index 7d564dcfb..250218f77 100644 --- a/cli/font-awesome/main.go +++ b/cli/font-awesome/main.go @@ -33,7 +33,7 @@ func path(typ string) string { case "list": return pathx.Join(r, "list.yml") case "icons": - return pathx.JoinDir(r, "dist/fonts/icons") + return pathx.JoinDir(r, "src/fonts/icons") case "/": return r } diff --git a/dist/fonts/icons/fa-brands-400.ttf b/dist/fonts/icons/fa-brands-400.ttf index 430a02edc..641a48933 100644 Binary files a/dist/fonts/icons/fa-brands-400.ttf and b/dist/fonts/icons/fa-brands-400.ttf differ diff --git a/dist/fonts/icons/fa-brands-400.woff2 b/dist/fonts/icons/fa-brands-400.woff2 index 4d904aab4..592910129 100644 Binary files a/dist/fonts/icons/fa-brands-400.woff2 and b/dist/fonts/icons/fa-brands-400.woff2 differ diff --git a/dist/fonts/icons/fa-regular-400.ttf b/dist/fonts/icons/fa-regular-400.ttf index 23e3febe0..7d634a2ba 100644 Binary files a/dist/fonts/icons/fa-regular-400.ttf and b/dist/fonts/icons/fa-regular-400.ttf differ diff --git a/dist/fonts/icons/fa-regular-400.woff2 b/dist/fonts/icons/fa-regular-400.woff2 index 80e3b1247..953d5540b 100644 Binary files a/dist/fonts/icons/fa-regular-400.woff2 and b/dist/fonts/icons/fa-regular-400.woff2 differ diff --git a/dist/fonts/icons/fa-solid-900.ttf b/dist/fonts/icons/fa-solid-900.ttf index da9082420..b3a2b6410 100644 Binary files a/dist/fonts/icons/fa-solid-900.ttf and b/dist/fonts/icons/fa-solid-900.ttf differ diff --git a/dist/fonts/icons/fa-solid-900.woff2 b/dist/fonts/icons/fa-solid-900.woff2 index 360ba1155..83433f445 100644 Binary files a/dist/fonts/icons/fa-solid-900.woff2 and b/dist/fonts/icons/fa-solid-900.woff2 differ diff --git a/dist/fonts/icons/fa-v4compatibility.ttf b/dist/fonts/icons/fa-v4compatibility.ttf index e9545ed57..e4eea68d0 100644 Binary files a/dist/fonts/icons/fa-v4compatibility.ttf and b/dist/fonts/icons/fa-v4compatibility.ttf differ diff --git a/dist/fonts/icons/fa-v4compatibility.woff2 b/dist/fonts/icons/fa-v4compatibility.woff2 index db5b0b997..e804f1860 100644 Binary files a/dist/fonts/icons/fa-v4compatibility.woff2 and b/dist/fonts/icons/fa-v4compatibility.woff2 differ diff --git a/dist/tocas.css b/dist/tocas.css index 2e019e180..51a09232a 100644 --- a/dist/tocas.css +++ b/dist/tocas.css @@ -51,8 +51,8 @@ body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /** 4. */ font-family: "Noto Sans TC", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", "Microsoft JhengHei", wf_SegoeUI, "Segoe UI", - Segoe, "Segoe WP", Tahoma, Verdana, Ubuntu, "Bitstream Vera Sans", "DejaVu Sans", 微軟正黑體, "LiHei Pro", "WenQuanYi Micro Hei", "Droid Sans Fallback", - "AR PL UMing TW", Roboto, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", Meiryo, "Droid Sans", sans-serif; + Segoe, "Segoe WP", Tahoma, Verdana, Ubuntu, "Bitstream Vera Sans", "DejaVu Sans", 微軟正黑體, "LiHei Pro", "WenQuanYi Micro Hei", "Droid Sans Fallback", "AR PL UMing TW", + Roboto, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", Meiryo, "Droid Sans", sans-serif; } /** @@ -83,6 +83,7 @@ button { line-height: normal; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; + appearance: none; -webkit-appearance: none; cursor: pointer; user-select: none; @@ -109,7 +110,7 @@ button { margin-block-end: 0; } -[class*=ts-] :where(a) { +[class*="ts-"] :where(a) { color: inherit; } @@ -129,6 +130,9 @@ button { .ts-button { --horizontal-padding: 1.25em; --height: var(--ts-input-height-medium); + + --accent-color: initial; + --accent-foreground-color: initial; } /* ========================================================================== @@ -149,6 +153,7 @@ button { -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; + appearance: none; -webkit-appearance: none; } @@ -157,13 +162,13 @@ button { } .ts-button { - border: 2px solid var(--ts-gray-800); + border: 2px solid var(--accent-color, var(--ts-gray-800)); min-width: 75px; font-size: var(--ts-font-size-14px); line-height: 1.5; font-weight: 500; - color: var(--ts-gray-50); - background: var(--ts-gray-800); + color: var(--accent-foreground-color, var(--ts-gray-50)); + background: var(--accent-color, var(--ts-gray-800)); text-decoration: none; display: inline-flex; vertical-align: middle; @@ -189,11 +194,21 @@ button { */ .ts-button.is-secondary { - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); border-color: var(--ts-gray-100); background: var(--ts-gray-100); } +/** + * Tertiary + */ + +.ts-button.is-tertiary { + color: var(--ts-gray-800); + background: var(--ts-gray-300); + border-color: var(--ts-gray-300); +} + /** * Outlined */ @@ -201,7 +216,7 @@ button { .ts-button.is-outlined { background: transparent; border: 2px solid var(--ts-gray-300); - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); } /** @@ -249,6 +264,10 @@ button { opacity: 0.5; } +.ts-button.is-loading .ts-icon { + visibility: hidden; +} + .ts-button.is-loading::after { font-family: "Icons"; font-weight: normal; @@ -268,7 +287,7 @@ button { left: 50%; } -.ts-button.is-loading:is(.is-outlined, .is-secondary)::after { +.ts-button.is-loading:is(.is-outlined, .is-secondary, .is-tertiary, .is-ghost)::after { color: var(--ts-gray-800); } @@ -346,7 +365,7 @@ button { * Side Icon */ -.ts-button:is(.is-start-icon, .is-end-icon) .ts-icon { +.ts-button:where(.is-start-icon, .is-end-icon) .ts-icon { font-size: 1.2em; } @@ -376,7 +395,11 @@ button { display: flex; align-items: center; justify-content: center; - width: calc(2.75em + 2px); + width: calc(2.75rem + 2px); +} + +.ts-button:where(.is-start-labeled-icon, .is-end-labeled-icon) .ts-icon { + font-size: 1.2em; } .ts-button.is-start-labeled-icon { @@ -411,6 +434,10 @@ button { background: var(--ts-gray-200); } +.ts-button.is-tertiary:is(.is-start-labeled-icon, .is-end-labeled-icon) .ts-icon { + background: var(--ts-gray-400); +} + /** * Dense */ @@ -437,599 +464,587 @@ button { .ts-button.is-wide { --horizontal-padding: 2em; } -.ts-icon.is-bed-icon::before { - content: "\f236"; -} - -.ts-icon.is-chart-bar-icon::before { - content: "\f080"; -} -.ts-icon.is-grunt-icon::before { - font-family: "IconsBrands"; - content: "\f3ad"; -} +/** + * Start & End + */ -.ts-icon.is-thumbs-up-icon::before { - content: "\f164"; +.ts-addon { + display: flex; + gap: 2px; } -.ts-icon.is-wpforms-icon::before { - font-family: "IconsBrands"; - content: "\f298"; +.ts-addon > *:first-child, +.ts-addon > .ts-input:first-child :where(input, textarea) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } - -.ts-icon.is-house-chimney-crack-icon::before { - content: "\f6f1"; +.ts-addon > *:last-child, +.ts-addon > .ts-input:last-child :where(input, textarea) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } -.ts-icon.is-pinterest-p-icon::before { - font-family: "IconsBrands"; - content: "\f231"; -} +/** + * Buttons + */ -.ts-icon.is-arrow-up-right-from-square-icon::before { - content: "\f08e"; +.ts-buttons { + display: flex; } -.ts-icon.is-baby-icon::before { - content: "\f77c"; +.ts-buttons .ts-button:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -.ts-icon.is-intercom-icon::before { - font-family: "IconsBrands"; - content: "\f7af"; +.ts-buttons .ts-button:not(:first-child):not(:last-child) { + border-radius: 0; } -.ts-icon.is-litecoin-sign-icon::before { - content: "\e1d3"; +.ts-buttons .ts-button:not(:first-child)::before { + position: absolute; + content: ""; + top: 50%; + transform: translateY(-50%); + left: 0; + height: 70%; + background: var(--ts-gray-600); + width: 1px; } -.ts-icon.is-temperature-quarter-icon::before { - content: "\f2ca"; +.ts-buttons .ts-button.is-outlined::before { + display: none; } -.ts-icon.is-window-maximize-icon::before { - content: "\f2d0"; +.ts-buttons .ts-button.is-negative::before { + background: var(--ts-negative-400); } -.ts-icon.is-btc-icon::before { - font-family: "IconsBrands"; - content: "\f15a"; +.ts-buttons .ts-button.is-secondary::before { + background: var(--ts-gray-400); } -.ts-icon.is-file-icon::before { - content: "\f15b"; +.ts-buttons .ts-button:last-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } -.ts-icon.is-file-circle-xmark-icon::before { - content: "\e5a1"; +.ts-buttons .ts-button.is-outlined + .ts-button.is-outlined { + border-left-color: transparent; } -.ts-icon.is-otter-icon::before { - content: "\f700"; +.ts-icon.is-arrow-up-right-from-square-icon::before { + content: "\f08e"; } -.ts-icon.is-plug-circle-plus-icon::before { - content: "\e55f"; +.ts-icon.is-broom-ball-icon::before { + content: "\f458"; } -.ts-icon.is-children-icon::before { - content: "\e4e1"; +.ts-icon.is-medal-icon::before { + content: "\f5a2"; } -.ts-icon.is-red-river-icon::before { +.ts-icon.is-mixer-icon::before { font-family: "IconsBrands"; - content: "\f3e3"; + content: "\e056"; } -.ts-icon.is-hand-sparkles-icon::before { - content: "\e05d"; +.ts-icon.is-vaadin-icon::before { + font-family: "IconsBrands"; + content: "\f408"; } -.ts-icon.is-money-bill-1-icon::before { - content: "\f3d1"; +.ts-icon.is-flag-usa-icon::before { + content: "\f74d"; } -.ts-icon.is-pen-icon::before { - content: "\f304"; +.ts-icon.is-lungs-icon::before { + content: "\f604"; } -.ts-icon.is-person-military-to-person-icon::before { - content: "\e54c"; +.ts-icon.is-face-frown-icon::before { + content: "\f119"; } -.ts-icon.is-skull-crossbones-icon::before { - content: "\f714"; +.ts-icon.is-person-digging-icon::before { + content: "\f85e"; } -.ts-icon.is-uikit-icon::before { - font-family: "IconsBrands"; - content: "\f403"; +.ts-icon.is-street-view-icon::before { + content: "\f21d"; } -.ts-icon.is-laptop-icon::before { - content: "\f109"; +.ts-icon.is-car-icon::before { + content: "\f1b9"; } -.ts-icon.is-backward-fast-icon::before { - content: "\f049"; +.ts-icon.is-etsy-icon::before { + font-family: "IconsBrands"; + content: "\f2d7"; } -.ts-icon.is-node-icon::before { +.ts-icon.is-blogger-b-icon::before { font-family: "IconsBrands"; - content: "\f419"; + content: "\f37d"; } -.ts-icon.is-quinscape-icon::before { - font-family: "IconsBrands"; - content: "\f459"; +.ts-icon.is-window-restore-icon::before { + content: "\f2d2"; } -.ts-icon.is-sitrox-icon::before { +.ts-icon.is-internet-explorer-icon::before { font-family: "IconsBrands"; - content: "\e44a"; + content: "\f26b"; } -.ts-icon.is-cuttlefish-icon::before { - font-family: "IconsBrands"; - content: "\f38c"; +.ts-icon.is-users-slash-icon::before { + content: "\e073"; } -.ts-icon.is-poo-storm-icon::before { - content: "\f75a"; +.ts-icon.is-file-video-icon::before { + content: "\f1c8"; } -.ts-icon.is-canadian-maple-leaf-icon::before { - font-family: "IconsBrands"; - content: "\f785"; +.ts-icon.is-school-circle-exclamation-icon::before { + content: "\e56c"; } -.ts-icon.is-temperature-arrow-up-icon::before { - content: "\e040"; +.ts-icon.is-guilded-icon::before { + font-family: "IconsBrands"; + content: "\e07e"; } -.ts-icon.is-capsules-icon::before { - content: "\f46b"; +.ts-icon.is-landmark-flag-icon::before { + content: "\e51c"; } -.ts-icon.is-circle-info-icon::before { - content: "\f05a"; +.ts-icon.is-martini-glass-icon::before { + content: "\f57b"; } -.ts-icon.is-peso-sign-icon::before { - content: "\e222"; +.ts-icon.is-table-cells-icon::before { + content: "\f00a"; } -.ts-icon.is-quote-right-icon::before { - content: "\f10e"; +.ts-icon.is-video-icon::before { + content: "\f03d"; } -.ts-icon.is-square-poll-horizontal-icon::before { - content: "\f682"; +.ts-icon.is-cloudversify-icon::before { + font-family: "IconsBrands"; + content: "\f385"; } -.ts-icon.is-vector-square-icon::before { - content: "\f5cb"; +.ts-icon.is-ellipsis-icon::before { + content: "\f141"; } -.ts-icon.is-truck-front-icon::before { - content: "\e2b7"; +.ts-icon.is-neos-icon::before { + font-family: "IconsBrands"; + content: "\f612"; } -.ts-icon.is-arrow-up-a-z-icon::before { - content: "\f15e"; +.ts-icon.is-person-military-to-person-icon::before { + content: "\e54c"; } -.ts-icon.is-car-rear-icon::before { - content: "\f5de"; +.ts-icon.is-road-icon::before { + content: "\f018"; } -.ts-icon.is-circle-xmark-icon::before { - content: "\f057"; +.ts-icon.is-shopify-icon::before { + font-family: "IconsBrands"; + content: "\e057"; } -.ts-icon.is-colon-sign-icon::before { - content: "\e140"; +.ts-icon.is-bars-progress-icon::before { + content: "\f828"; } -.ts-icon.is-face-grin-hearts-icon::before { - content: "\f584"; +.ts-icon.is-hand-holding-hand-icon::before { + content: "\e4f7"; } -.ts-icon.is-square-caret-left-icon::before { - content: "\f191"; +.ts-icon.is-caravan-icon::before { + content: "\f8ff"; } -.ts-icon.is-arrow-up-from-water-pump-icon::before { - content: "\e4b6"; +.ts-icon.is-houzz-icon::before { + font-family: "IconsBrands"; + content: "\f27c"; } -.ts-icon.is-stroopwafel-icon::before { - content: "\f551"; +.ts-icon.is-rupiah-sign-icon::before { + content: "\e23d"; } -.ts-icon.is-vial-icon::before { - content: "\f492"; +.ts-icon.is-temperature-high-icon::before { + content: "\f769"; } -.ts-icon.is-whatsapp-icon::before { +.ts-icon.is-airbnb-icon::before { font-family: "IconsBrands"; - content: "\f232"; + content: "\f834"; } -.ts-icon.is-arrow-down-short-wide-icon::before { - content: "\f884"; +.ts-icon.is-apper-icon::before { + font-family: "IconsBrands"; + content: "\f371"; } -.ts-icon.is-database-icon::before { - content: "\f1c0"; +.ts-icon.is-volcano-icon::before { + content: "\f770"; } -.ts-icon.is-industry-icon::before { - content: "\f275"; -} - -.ts-icon.is-snapchat-icon::before { +.ts-icon.is-microsoft-icon::before { font-family: "IconsBrands"; - content: "\f2ab"; -} - -.ts-icon.is-street-view-icon::before { - content: "\f21d"; + content: "\f3ca"; } -.ts-icon.is-0-icon::before { - content: "\30"; +.ts-icon.is-people-pulling-icon::before { + content: "\e535"; } -.ts-icon.is-rainbow-icon::before { - content: "\f75b"; +.ts-icon.is-stubber-icon::before { + font-family: "IconsBrands"; + content: "\e5c7"; } -.ts-icon.is-suitcase-medical-icon::before { - content: "\f0fa"; +.ts-icon.is-train-subway-icon::before { + content: "\f239"; } -.ts-icon.is-tablet-button-icon::before { - content: "\f10a"; +.ts-icon.is-window-minimize-icon::before { + content: "\f2d1"; } -.ts-icon.is-chevron-down-icon::before { - content: "\f078"; +.ts-icon.is-orcid-icon::before { + font-family: "IconsBrands"; + content: "\f8d2"; } -.ts-icon.is-fish-fins-icon::before { - content: "\e4f2"; +.ts-icon.is-pager-icon::before { + content: "\f815"; } -.ts-icon.is-react-icon::before { - font-family: "IconsBrands"; - content: "\f41b"; +.ts-icon.is-store-icon::before { + content: "\f54e"; } -.ts-icon.is-align-justify-icon::before { - content: "\f039"; +.ts-icon.is-utensils-icon::before { + content: "\f2e7"; } -.ts-icon.is-dice-five-icon::before { - content: "\f523"; +.ts-icon.is-blender-phone-icon::before { + content: "\f6b6"; } -.ts-icon.is-building-circle-exclamation-icon::before { - content: "\e4d3"; +.ts-icon.is-canadian-maple-leaf-icon::before { + font-family: "IconsBrands"; + content: "\f785"; } -.ts-icon.is-circle-play-icon::before { - content: "\f144"; +.ts-icon.is-cloud-bolt-icon::before { + content: "\f76c"; } -.ts-icon.is-google-plus-g-icon::before { - font-family: "IconsBrands"; - content: "\f0d5"; +.ts-icon.is-list-check-icon::before { + content: "\f0ae"; } -.ts-icon.is-hot-tub-person-icon::before { - content: "\f593"; +.ts-icon.is-square-poll-horizontal-icon::before { + content: "\f682"; } -.ts-icon.is-note-sticky-icon::before { - content: "\f249"; +.ts-icon.is-arrow-up-z-a-icon::before { + content: "\f882"; } -.ts-icon.is-anchor-icon::before { - content: "\f13d"; +.ts-icon.is-building-flag-icon::before { + content: "\e4d5"; } -.ts-icon.is-at-icon::before { - content: "\40"; +.ts-icon.is-mars-and-venus-burst-icon::before { + content: "\e523"; } -.ts-icon.is-file-invoice-dollar-icon::before { - content: "\f571"; +.ts-icon.is-arrows-spin-icon::before { + content: "\e4bb"; } -.ts-icon.is-medal-icon::before { - content: "\f5a2"; +.ts-icon.is-charging-station-icon::before { + content: "\f5e7"; } -.ts-icon.is-person-dress-icon::before { - content: "\f182"; +.ts-icon.is-handshake-angle-icon::before { + content: "\f4c4"; } -.ts-icon.is-cookie-icon::before { - content: "\f563"; +.ts-icon.is-periscope-icon::before { + font-family: "IconsBrands"; + content: "\f3da"; } -.ts-icon.is-helicopter-icon::before { - content: "\f533"; +.ts-icon.is-rotate-icon::before { + content: "\f2f1"; } -.ts-icon.is-microphone-lines-slash-icon::before { - content: "\f539"; +.ts-icon.is-clock-rotate-left-icon::before { + content: "\f1da"; } -.ts-icon.is-paper-plane-icon::before { - content: "\f1d8"; +.ts-icon.is-face-grin-squint-tears-icon::before { + content: "\f586"; } -.ts-icon.is-shop-icon::before { - content: "\f54f"; +.ts-icon.is-person-icon::before { + content: "\f183"; } -.ts-icon.is-ban-icon::before { - content: "\f05e"; +.ts-icon.is-person-snowboarding-icon::before { + content: "\f7ce"; } -.ts-icon.is-droplet-slash-icon::before { - content: "\f5c7"; +.ts-icon.is-gg-icon::before { + font-family: "IconsBrands"; + content: "\f260"; } -.ts-icon.is-keycdn-icon::before { +.ts-icon.is-hashnode-icon::before { font-family: "IconsBrands"; - content: "\f3ba"; + content: "\e499"; } -.ts-icon.is-toilet-icon::before { - content: "\f7d8"; +.ts-icon.is-hospital-user-icon::before { + content: "\f80d"; } -.ts-icon.is-cc-diners-club-icon::before { +.ts-icon.is-reacteurope-icon::before { font-family: "IconsBrands"; - content: "\f24c"; + content: "\f75d"; } -.ts-icon.is-ankh-icon::before { - content: "\f644"; +.ts-icon.is-arrow-up-from-ground-water-icon::before { + content: "\e4b5"; } -.ts-icon.is-book-icon::before { - content: "\f02d"; +.ts-icon.is-horse-icon::before { + content: "\f6f0"; } -.ts-icon.is-expeditedssl-icon::before { - font-family: "IconsBrands"; - content: "\f23e"; +.ts-icon.is-spinner-icon::before { + content: "\f110"; } -.ts-icon.is-file-arrow-up-icon::before { - content: "\f574"; +.ts-icon.is-motorcycle-icon::before { + content: "\f21c"; } -.ts-icon.is-forumbee-icon::before { - font-family: "IconsBrands"; - content: "\f211"; +.ts-icon.is-print-icon::before { + content: "\f02f"; } -.ts-icon.is-school-circle-exclamation-icon::before { - content: "\e56c"; +.ts-icon.is-swatchbook-icon::before { + content: "\f5c3"; } -.ts-icon.is-hands-icon::before { - content: "\f2a7"; +.ts-icon.is-water-ladder-icon::before { + content: "\f5c5"; } -.ts-icon.is-tumblr-icon::before { +.ts-icon.is-ravelry-icon::before { font-family: "IconsBrands"; - content: "\f173"; + content: "\f2d9"; } -.ts-icon.is-cloud-icon::before { - content: "\f0c2"; +.ts-icon.is-angle-up-icon::before { + content: "\f106"; } -.ts-icon.is-magnifying-glass-minus-icon::before { - content: "\f010"; +.ts-icon.is-glide-icon::before { + font-family: "IconsBrands"; + content: "\f2a5"; } -.ts-icon.is-n-icon::before { - content: "\4e"; +.ts-icon.is-cubes-stacked-icon::before { + content: "\e4e6"; } -.ts-icon.is-pagelines-icon::before { +.ts-icon.is-fort-awesome-alt-icon::before { font-family: "IconsBrands"; - content: "\f18c"; -} - -.ts-icon.is-place-of-worship-icon::before { - content: "\f67f"; + content: "\f3a3"; } -.ts-icon.is-black-tie-icon::before { - font-family: "IconsBrands"; - content: "\f27e"; +.ts-icon.is-hands-holding-icon::before { + content: "\f4c2"; } -.ts-icon.is-bullseye-icon::before { - content: "\f140"; +.ts-icon.is-land-mine-on-icon::before { + content: "\e51b"; } -.ts-icon.is-blender-phone-icon::before { - content: "\f6b6"; +.ts-icon.is-money-check-dollar-icon::before { + content: "\f53d"; } -.ts-icon.is-face-kiss-icon::before { - content: "\f596"; +.ts-icon.is-affiliatetheme-icon::before { + font-family: "IconsBrands"; + content: "\f36b"; } -.ts-icon.is-google-wallet-icon::before { +.ts-icon.is-cpanel-icon::before { font-family: "IconsBrands"; - content: "\f1ee"; + content: "\f388"; } -.ts-icon.is-trowel-icon::before { - content: "\e589"; +.ts-icon.is-sack-dollar-icon::before { + content: "\f81d"; } -.ts-icon.is-toolbox-icon::before { - content: "\f552"; +.ts-icon.is-wine-glass-empty-icon::before { + content: "\f5ce"; } -.ts-icon.is-palette-icon::before { - content: "\f53f"; +.ts-icon.is-drum-icon::before { + content: "\f569"; } -.ts-icon.is-trash-can-icon::before { - content: "\f2ed"; +.ts-icon.is-ranking-star-icon::before { + content: "\e561"; } -.ts-icon.is-creative-commons-nc-eu-icon::before { - font-family: "IconsBrands"; - content: "\f4e9"; +.ts-icon.is-arrows-to-eye-icon::before { + content: "\e4bf"; } -.ts-icon.is-delete-left-icon::before { - content: "\f55a"; +.ts-icon.is-file-circle-exclamation-icon::before { + content: "\e4eb"; } -.ts-icon.is-eye-slash-icon::before { - content: "\f070"; +.ts-icon.is-circle-h-icon::before { + content: "\f47e"; } -.ts-icon.is-pen-ruler-icon::before { - content: "\f5ae"; +.ts-icon.is-envelope-open-text-icon::before { + content: "\f658"; } -.ts-icon.is-square-steam-icon::before { - font-family: "IconsBrands"; - content: "\f1b7"; +.ts-icon.is-bong-icon::before { + content: "\f55c"; } -.ts-icon.is-x-icon::before { - content: "\58"; +.ts-icon.is-chess-pawn-icon::before { + content: "\f443"; } -.ts-icon.is-book-bible-icon::before { - content: "\f647"; +.ts-icon.is-retweet-icon::before { + content: "\f079"; } -.ts-icon.is-code-compare-icon::before { - content: "\e13a"; +.ts-icon.is-unsplash-icon::before { + font-family: "IconsBrands"; + content: "\e07c"; } -.ts-icon.is-file-pen-icon::before { - content: "\f31c"; +.ts-icon.is-square-caret-left-icon::before { + content: "\f191"; } -.ts-icon.is-masks-theater-icon::before { - content: "\f630"; +.ts-icon.is-chalkboard-icon::before { + content: "\f51b"; } -.ts-icon.is-square-share-nodes-icon::before { - content: "\f1e1"; +.ts-icon.is-music-icon::before { + content: "\f001"; } -.ts-icon.is-stumbleupon-circle-icon::before { +.ts-icon.is-linux-icon::before { font-family: "IconsBrands"; - content: "\f1a3"; + content: "\f17c"; } -.ts-icon.is-face-grin-squint-icon::before { - content: "\f585"; +.ts-icon.is-percent-icon::before { + content: "\25"; } -.ts-icon.is-hubspot-icon::before { - font-family: "IconsBrands"; - content: "\f3b2"; +.ts-icon.is-chess-knight-icon::before { + content: "\f441"; } -.ts-icon.is-keyboard-icon::before { - content: "\f11c"; +.ts-icon.is-code-pull-request-icon::before { + content: "\e13c"; } -.ts-icon.is-mosquito-net-icon::before { - content: "\e52c"; +.ts-icon.is-shop-icon::before { + content: "\f54f"; } -.ts-icon.is-scissors-icon::before { - content: "\f0c4"; +.ts-icon.is-mountain-sun-icon::before { + content: "\e52f"; } -.ts-icon.is-square-twitter-icon::before { +.ts-icon.is-pinterest-p-icon::before { font-family: "IconsBrands"; - content: "\f081"; + content: "\f231"; } -.ts-icon.is-free-code-camp-icon::before { - font-family: "IconsBrands"; - content: "\f2c5"; +.ts-icon.is-republican-icon::before { + content: "\f75e"; } -.ts-icon.is-gitter-icon::before { - font-family: "IconsBrands"; - content: "\f426"; +.ts-icon.is-brain-icon::before { + content: "\f5dc"; } -.ts-icon.is-helmet-safety-icon::before { - content: "\f807"; +.ts-icon.is-circle-exclamation-icon::before { + content: "\f06a"; } -.ts-icon.is-sellsy-icon::before { - font-family: "IconsBrands"; - content: "\f213"; +.ts-icon.is-greater-than-equal-icon::before { + content: "\f532"; } -.ts-icon.is-creative-commons-nd-icon::before { - font-family: "IconsBrands"; - content: "\f4eb"; +.ts-icon.is-a-icon::before { + content: "\41"; } -.ts-icon.is-hill-rockslide-icon::before { - content: "\e508"; +.ts-icon.is-disease-icon::before { + content: "\f7fa"; } -.ts-icon.is-magnet-icon::before { - content: "\f076"; +.ts-icon.is-vial-virus-icon::before { + content: "\e597"; } -.ts-icon.is-truck-pickup-icon::before { - content: "\f63c"; +.ts-icon.is-whiskey-glass-icon::before { + content: "\f7a0"; } -.ts-icon.is-wrench-icon::before { - content: "\f0ad"; +.ts-icon.is-cube-icon::before { + content: "\f1b2"; } -.ts-icon.is-store-slash-icon::before { - content: "\e071"; +.ts-icon.is-stamp-icon::before { + content: "\f5bf"; } -.ts-icon.is-google-pay-icon::before { - font-family: "IconsBrands"; - content: "\e079"; +.ts-icon.is-repeat-icon::before { + content: "\f363"; } -.ts-icon.is-plane-lock-icon::before { - content: "\e558"; +.ts-icon.is-handshake-simple-icon::before { + content: "\f4c6"; } -.ts-icon.is-tag-icon::before { - content: "\f02b"; +.ts-icon.is-person-circle-check-icon::before { + content: "\e53e"; } -.ts-icon.is-artstation-icon::before { +.ts-icon.is-untappd-icon::before { font-family: "IconsBrands"; - content: "\f77a"; + content: "\f405"; } .ts-icon.is-whmcs-icon::before { @@ -1037,1220 +1052,1193 @@ button { content: "\f40d"; } -.ts-icon.is-y-icon::before { - content: "\59"; +.ts-icon.is-bell-slash-icon::before { + content: "\f1f6"; } -.ts-icon.is-envira-icon::before { - font-family: "IconsBrands"; - content: "\f299"; +.ts-icon.is-calendar-day-icon::before { + content: "\f783"; } -.ts-icon.is-l-icon::before { - content: "\4c"; +.ts-icon.is-creative-commons-nd-icon::before { + font-family: "IconsBrands"; + content: "\f4eb"; } -.ts-icon.is-manat-sign-icon::before { - content: "\e1d5"; +.ts-icon.is-gopuram-icon::before { + content: "\f664"; } -.ts-icon.is-aviato-icon::before { - font-family: "IconsBrands"; - content: "\f421"; +.ts-icon.is-restroom-icon::before { + content: "\f7bd"; } -.ts-icon.is-building-shield-icon::before { - content: "\e4d8"; +.ts-icon.is-ribbon-icon::before { + content: "\f4d6"; } -.ts-icon.is-house-tsunami-icon::before { - content: "\e515"; +.ts-icon.is-car-on-icon::before { + content: "\e4dd"; } -.ts-icon.is-sticker-mule-icon::before { - font-family: "IconsBrands"; - content: "\f3f7"; +.ts-icon.is-chevron-up-icon::before { + content: "\f077"; } -.ts-icon.is-caret-left-icon::before { - content: "\f0d9"; +.ts-icon.is-book-tanakh-icon::before { + content: "\f827"; } -.ts-icon.is-dice-d6-icon::before { - content: "\f6d1"; +.ts-icon.is-broom-icon::before { + content: "\f51a"; } -.ts-icon.is-face-grin-stars-icon::before { - content: "\f587"; +.ts-icon.is-buromobelexperte-icon::before { + font-family: "IconsBrands"; + content: "\f37f"; } -.ts-icon.is-uber-icon::before { - font-family: "IconsBrands"; - content: "\f402"; +.ts-icon.is-d-icon::before { + content: "\44"; } -.ts-icon.is-clipboard-user-icon::before { - content: "\f7f3"; +.ts-icon.is-gamepad-icon::before { + content: "\f11b"; } -.ts-icon.is-heading-icon::before { - content: "\f1dc"; +.ts-icon.is-house-lock-icon::before { + content: "\e510"; } -.ts-icon.is-unlock-icon::before { - content: "\f09c"; +.ts-icon.is-people-arrows-icon::before { + content: "\e068"; } -.ts-icon.is-weixin-icon::before { +.ts-icon.is-asymmetrik-icon::before { font-family: "IconsBrands"; - content: "\f1d7"; + content: "\f372"; } -.ts-icon.is-code-icon::before { - content: "\f121"; +.ts-icon.is-ban-icon::before { + content: "\f05e"; } -.ts-icon.is-itch-io-icon::before { +.ts-icon.is-user-graduate-icon::before { + content: "\f501"; +} + +.ts-icon.is-yandex-icon::before { font-family: "IconsBrands"; - content: "\f83a"; + content: "\f413"; } -.ts-icon.is-won-sign-icon::before { - content: "\f159"; +.ts-icon.is-plug-circle-plus-icon::before { + content: "\e55f"; } -.ts-icon.is-down-left-and-up-right-to-center-icon::before { - content: "\f422"; +.ts-icon.is-tree-icon::before { + content: "\f1bb"; } -.ts-icon.is-wine-glass-empty-icon::before { - content: "\f5ce"; +.ts-icon.is-square-virus-icon::before { + content: "\e578"; } -.ts-icon.is-cotton-bureau-icon::before { - font-family: "IconsBrands"; - content: "\f89e"; +.ts-icon.is-section-icon::before { + content: "\e447"; } -.ts-icon.is-freebsd-icon::before { +.ts-icon.is-strava-icon::before { font-family: "IconsBrands"; - content: "\f3a4"; + content: "\f428"; } -.ts-icon.is-person-walking-dashed-line-arrow-right-icon::before { - content: "\e553"; +.ts-icon.is-turn-down-icon::before { + content: "\f3be"; } -.ts-icon.is-star-and-crescent-icon::before { - content: "\f699"; +.ts-icon.is-creative-commons-nc-eu-icon::before { + font-family: "IconsBrands"; + content: "\f4e9"; } -.ts-icon.is-uniregistry-icon::before { - font-family: "IconsBrands"; - content: "\f404"; +.ts-icon.is-phone-icon::before { + content: "\f095"; } -.ts-icon.is-bandcamp-icon::before { +.ts-icon.is-discourse-icon::before { font-family: "IconsBrands"; - content: "\f2d5"; + content: "\f393"; } -.ts-icon.is-book-medical-icon::before { - content: "\f7e6"; +.ts-icon.is-shirtsinbulk-icon::before { + font-family: "IconsBrands"; + content: "\f214"; } -.ts-icon.is-cc-mastercard-icon::before { - font-family: "IconsBrands"; - content: "\f1f1"; +.ts-icon.is-square-nfi-icon::before { + content: "\e576"; } -.ts-icon.is-file-zipper-icon::before { - content: "\f1c6"; +.ts-icon.is-arrow-down-9-1-icon::before { + content: "\f886"; } -.ts-icon.is-franc-sign-icon::before { - content: "\e18f"; +.ts-icon.is-arrow-up-right-dots-icon::before { + content: "\e4b7"; } -.ts-icon.is-ioxhost-icon::before { - font-family: "IconsBrands"; - content: "\f208"; +.ts-icon.is-upload-icon::before { + content: "\f093"; } -.ts-icon.is-dashcube-icon::before { - font-family: "IconsBrands"; - content: "\f210"; +.ts-icon.is-naira-sign-icon::before { + content: "\e1f6"; } -.ts-icon.is-elementor-icon::before { - font-family: "IconsBrands"; - content: "\f430"; -} - -.ts-icon.is-igloo-icon::before { - content: "\f7ae"; +.ts-icon.is-pen-icon::before { + content: "\f304"; } -.ts-icon.is-money-bill-wheat-icon::before { - content: "\e52a"; +.ts-icon.is-circle-chevron-down-icon::before { + content: "\f13a"; } -.ts-icon.is-r-icon::before { - content: "\52"; +.ts-icon.is-eraser-icon::before { + content: "\f12d"; } -.ts-icon.is-plus-icon::before { - content: "\2b"; +.ts-icon.is-money-bills-icon::before { + content: "\e1f3"; } -.ts-icon.is-power-off-icon::before { - content: "\f011"; +.ts-icon.is-ruble-sign-icon::before { + content: "\f158"; } -.ts-icon.is-u-icon::before { - content: "\55"; +.ts-icon.is-square-full-icon::before { + content: "\f45c"; } -.ts-icon.is-computer-icon::before { - content: "\e4e5"; +.ts-icon.is-adversal-icon::before { + font-family: "IconsBrands"; + content: "\f36a"; } -.ts-icon.is-people-group-icon::before { - content: "\e533"; +.ts-icon.is-angular-icon::before { + font-family: "IconsBrands"; + content: "\f420"; } -.ts-icon.is-space-awesome-icon::before { - font-family: "IconsBrands"; - content: "\e5ac"; +.ts-icon.is-font-icon::before { + content: "\f031"; } -.ts-icon.is-transgender-icon::before { - content: "\f225"; +.ts-icon.is-shield-cat-icon::before { + content: "\e572"; } -.ts-icon.is-user-icon::before { - content: "\f007"; +.ts-icon.is-bowl-rice-icon::before { + content: "\e2eb"; } -.ts-icon.is-braille-icon::before { - content: "\f2a1"; +.ts-icon.is-flask-vial-icon::before { + content: "\e4f3"; } -.ts-icon.is-invision-icon::before { +.ts-icon.is-pushed-icon::before { font-family: "IconsBrands"; - content: "\f7b0"; + content: "\f3e1"; } -.ts-icon.is-right-from-bracket-icon::before { - content: "\f2f5"; +.ts-icon.is-tent-arrow-down-to-line-icon::before { + content: "\e57e"; } -.ts-icon.is-stack-exchange-icon::before { +.ts-icon.is-gofore-icon::before { font-family: "IconsBrands"; - content: "\f18d"; + content: "\f3a7"; } -.ts-icon.is-car-battery-icon::before { - content: "\f5df"; +.ts-icon.is-magnifying-glass-plus-icon::before { + content: "\f00e"; } -.ts-icon.is-prescription-icon::before { - content: "\f5b1"; +.ts-icon.is-korvue-icon::before { + font-family: "IconsBrands"; + content: "\f42f"; } -.ts-icon.is-circle-dot-icon::before { - content: "\f192"; +.ts-icon.is-square-font-awesome-stroke-icon::before { + font-family: "IconsBrands"; + content: "\f35c"; } -.ts-icon.is-face-frown-open-icon::before { - content: "\f57a"; +.ts-icon.is-dove-icon::before { + content: "\f4ba"; } -.ts-icon.is-i-cursor-icon::before { - content: "\f246"; +.ts-icon.is-square-plus-icon::before { + content: "\f0fe"; } -.ts-icon.is-tarp-droplet-icon::before { - content: "\e57c"; +.ts-icon.is-plug-circle-check-icon::before { + content: "\e55c"; } -.ts-icon.is-weight-hanging-icon::before { - content: "\f5cd"; +.ts-icon.is-school-flag-icon::before { + content: "\e56e"; } -.ts-icon.is-redhat-icon::before { - font-family: "IconsBrands"; - content: "\f7bc"; +.ts-icon.is-circle-info-icon::before { + content: "\f05a"; } -.ts-icon.is-apper-icon::before { +.ts-icon.is-hotjar-icon::before { font-family: "IconsBrands"; - content: "\f371"; -} - -.ts-icon.is-bag-shopping-icon::before { - content: "\f290"; + content: "\f3b1"; } -.ts-icon.is-paw-icon::before { - content: "\f1b0"; +.ts-icon.is-figma-icon::before { + font-family: "IconsBrands"; + content: "\f799"; } -.ts-icon.is-user-doctor-icon::before { - content: "\f0f0"; +.ts-icon.is-9-icon::before { + content: "\39"; } -.ts-icon.is-code-merge-icon::before { - content: "\f387"; +.ts-icon.is-face-kiss-icon::before { + content: "\f596"; } -.ts-icon.is-key-icon::before { - content: "\f084"; +.ts-icon.is-paste-icon::before { + content: "\f0ea"; } -.ts-icon.is-node-js-icon::before { - font-family: "IconsBrands"; - content: "\f3d3"; +.ts-icon.is-trowel-icon::before { + content: "\e589"; } -.ts-icon.is-reply-icon::before { - content: "\f3e5"; +.ts-icon.is-caret-up-icon::before { + content: "\f0d8"; } -.ts-icon.is-basketball-icon::before { - content: "\f434"; +.ts-icon.is-helmet-un-icon::before { + content: "\e503"; } -.ts-icon.is-right-to-bracket-icon::before { - content: "\f2f6"; +.ts-icon.is-eye-dropper-icon::before { + content: "\f1fb"; } -.ts-icon.is-upload-icon::before { - content: "\f093"; +.ts-icon.is-hanukiah-icon::before { + content: "\f6e6"; } -.ts-icon.is-user-check-icon::before { - content: "\f4fc"; +.ts-icon.is-stackpath-icon::before { + font-family: "IconsBrands"; + content: "\f842"; } -.ts-icon.is-users-slash-icon::before { - content: "\e073"; +.ts-icon.is-toolbox-icon::before { + content: "\f552"; } -.ts-icon.is-circle-chevron-up-icon::before { - content: "\f139"; +.ts-icon.is-cannabis-icon::before { + content: "\f55f"; } -.ts-icon.is-circle-half-stroke-icon::before { - content: "\f042"; +.ts-icon.is-creative-commons-sampling-plus-icon::before { + font-family: "IconsBrands"; + content: "\f4f1"; } -.ts-icon.is-salesforce-icon::before { - font-family: "IconsBrands"; - content: "\f83b"; +.ts-icon.is-helmet-safety-icon::before { + content: "\f807"; } -.ts-icon.is-bitcoin-sign-icon::before { - content: "\e0b4"; +.ts-icon.is-magnifying-glass-dollar-icon::before { + content: "\f688"; } -.ts-icon.is-caret-down-icon::before { - content: "\f0d7"; +.ts-icon.is-quote-left-icon::before { + content: "\f10d"; } -.ts-icon.is-chart-area-icon::before { - content: "\f1fe"; +.ts-icon.is-arrow-right-from-bracket-icon::before { + content: "\f08b"; } -.ts-icon.is-mixcloud-icon::before { - font-family: "IconsBrands"; - content: "\f289"; +.ts-icon.is-book-atlas-icon::before { + content: "\f558"; } -.ts-icon.is-mobile-button-icon::before { - content: "\f10b"; +.ts-icon.is-diamond-turn-right-icon::before { + content: "\f5eb"; } -.ts-icon.is-ribbon-icon::before { - content: "\f4d6"; +.ts-icon.is-g-icon::before { + content: "\47"; } -.ts-icon.is-dyalog-icon::before { +.ts-icon.is-hive-icon::before { font-family: "IconsBrands"; - content: "\f399"; + content: "\e07f"; } -.ts-icon.is-holly-berry-icon::before { - content: "\f7aa"; +.ts-icon.is-js-icon::before { + font-family: "IconsBrands"; + content: "\f3b8"; } .ts-icon.is-list-ol-icon::before { content: "\f0cb"; } -.ts-icon.is-gem-icon::before { - content: "\f3a5"; +.ts-icon.is-location-arrow-icon::before { + content: "\f124"; } -.ts-icon.is-itunes-icon::before { +.ts-icon.is-cc-amazon-pay-icon::before { font-family: "IconsBrands"; - content: "\f3b4"; + content: "\f42d"; } -.ts-icon.is-jet-fighter-up-icon::before { - content: "\e518"; +.ts-icon.is-comments-icon::before { + content: "\f086"; } -.ts-icon.is-linkedin-in-icon::before { +.ts-icon.is-slack-icon::before { font-family: "IconsBrands"; - content: "\f0e1"; + content: "\f198"; } -.ts-icon.is-shield-virus-icon::before { - content: "\e06c"; +.ts-icon.is-teeth-icon::before { + content: "\f62e"; } -.ts-icon.is-book-bookmark-icon::before { - content: "\e0bb"; +.ts-icon.is-mars-and-venus-icon::before { + content: "\f224"; } -.ts-icon.is-brain-icon::before { - content: "\f5dc"; +.ts-icon.is-i-icon::before { + content: "\49"; } -.ts-icon.is-fan-icon::before { - content: "\f863"; +.ts-icon.is-face-surprise-icon::before { + content: "\f5c2"; } -.ts-icon.is-pump-soap-icon::before { - content: "\e06b"; +.ts-icon.is-hacker-news-icon::before { + font-family: "IconsBrands"; + content: "\f1d4"; } -.ts-icon.is-star-half-icon::before { - content: "\f089"; +.ts-icon.is-ethernet-icon::before { + content: "\f796"; } -.ts-icon.is-bilibili-icon::before { - font-family: "IconsBrands"; - content: "\e3d9"; +.ts-icon.is-helicopter-icon::before { + content: "\f533"; } -.ts-icon.is-c-icon::before { - content: "\43"; +.ts-icon.is-house-chimney-user-icon::before { + content: "\e065"; } -.ts-icon.is-weebly-icon::before { +.ts-icon.is-linkedin-in-icon::before { font-family: "IconsBrands"; - content: "\f5cc"; + content: "\f0e1"; } -.ts-icon.is-behance-icon::before { +.ts-icon.is-magnifying-glass-location-icon::before { + content: "\f689"; +} + +.ts-icon.is-stripe-icon::before { font-family: "IconsBrands"; - content: "\f1b4"; + content: "\f429"; } -.ts-icon.is-clipboard-check-icon::before { - content: "\f46c"; +.ts-icon.is-cloud-sun-icon::before { + content: "\f6c4"; } -.ts-icon.is-dice-six-icon::before { - content: "\f526"; +.ts-icon.is-d-and-d-beyond-icon::before { + font-family: "IconsBrands"; + content: "\f6ca"; } -.ts-icon.is-percent-icon::before { - content: "\25"; +.ts-icon.is-file-code-icon::before { + content: "\f1c9"; } -.ts-icon.is-stack-overflow-icon::before { +.ts-icon.is-invision-icon::before { font-family: "IconsBrands"; - content: "\f16c"; + content: "\f7b0"; } -.ts-icon.is-flask-icon::before { - content: "\f0c3"; +.ts-icon.is-line-icon::before { + font-family: "IconsBrands"; + content: "\f3c0"; } -.ts-icon.is-greater-than-equal-icon::before { - content: "\f532"; +.ts-icon.is-p-icon::before { + content: "\50"; } -.ts-icon.is-mosque-icon::before { - content: "\f678"; +.ts-icon.is-bars-staggered-icon::before { + content: "\f550"; } -.ts-icon.is-wine-glass-icon::before { - content: "\f4e3"; +.ts-icon.is-circle-question-icon::before { + content: "\f059"; } -.ts-icon.is-atom-icon::before { - content: "\f5d2"; +.ts-icon.is-rockrms-icon::before { + font-family: "IconsBrands"; + content: "\f3e9"; } -.ts-icon.is-oil-well-icon::before { - content: "\e532"; +.ts-icon.is-trello-icon::before { + font-family: "IconsBrands"; + content: "\f181"; } -.ts-icon.is-vial-circle-check-icon::before { - content: "\e596"; +.ts-icon.is-flag-icon::before { + content: "\f024"; } -.ts-icon.is-lastfm-icon::before { - font-family: "IconsBrands"; - content: "\f202"; +.ts-icon.is-house-circle-exclamation-icon::before { + content: "\e50a"; } -.ts-icon.is-plug-icon::before { - content: "\f1e6"; +.ts-icon.is-indent-icon::before { + content: "\f03c"; } -.ts-icon.is-book-tanakh-icon::before { - content: "\f827"; +.ts-icon.is-the-red-yeti-icon::before { + font-family: "IconsBrands"; + content: "\f69d"; } -.ts-icon.is-guitar-icon::before { - content: "\f7a6"; +.ts-icon.is-bacon-icon::before { + content: "\f7e5"; } -.ts-icon.is-right-left-icon::before { - content: "\f362"; +.ts-icon.is-cc-paypal-icon::before { + font-family: "IconsBrands"; + content: "\f1f4"; } -.ts-icon.is-viruses-icon::before { - content: "\e076"; +.ts-icon.is-sith-icon::before { + font-family: "IconsBrands"; + content: "\f512"; } -.ts-icon.is-train-icon::before { - content: "\f238"; +.ts-icon.is-spotify-icon::before { + font-family: "IconsBrands"; + content: "\f1bc"; } -.ts-icon.is-turkish-lira-sign-icon::before { - content: "\e2bb"; +.ts-icon.is-btc-icon::before { + font-family: "IconsBrands"; + content: "\f15a"; } -.ts-icon.is-battle-net-icon::before { - font-family: "IconsBrands"; - content: "\f835"; +.ts-icon.is-calendar-week-icon::before { + content: "\f784"; } -.ts-icon.is-calendar-check-icon::before { - content: "\f274"; +.ts-icon.is-square-poll-vertical-icon::before { + content: "\f681"; } -.ts-icon.is-centos-icon::before { - font-family: "IconsBrands"; - content: "\f789"; +.ts-icon.is-book-bookmark-icon::before { + content: "\e0bb"; } -.ts-icon.is-heart-pulse-icon::before { - content: "\f21e"; +.ts-icon.is-pump-soap-icon::before { + content: "\e06b"; } -.ts-icon.is-photo-film-icon::before { - content: "\f87c"; +.ts-icon.is-n-icon::before { + content: "\4e"; } -.ts-icon.is-rocketchat-icon::before { - font-family: "IconsBrands"; - content: "\f3e8"; +.ts-icon.is-reply-all-icon::before { + content: "\f122"; } -.ts-icon.is-utensils-icon::before { - content: "\f2e7"; +.ts-icon.is-suitcase-icon::before { + content: "\f0f2"; } -.ts-icon.is-person-circle-plus-icon::before { - content: "\e541"; +.ts-icon.is-truck-pickup-icon::before { + content: "\f63c"; } -.ts-icon.is-readme-icon::before { +.ts-icon.is-volume-off-icon::before { + content: "\f026"; +} + +.ts-icon.is-cloudscale-icon::before { font-family: "IconsBrands"; - content: "\f4d5"; + content: "\f383"; } -.ts-icon.is-stop-icon::before { - content: "\f04d"; +.ts-icon.is-creative-commons-share-icon::before { + font-family: "IconsBrands"; + content: "\f4f2"; } -.ts-icon.is-user-slash-icon::before { - content: "\f506"; +.ts-icon.is-jedi-order-icon::before { + font-family: "IconsBrands"; + content: "\f50e"; } -.ts-icon.is-usb-icon::before { +.ts-icon.is-viadeo-icon::before { font-family: "IconsBrands"; - content: "\f287"; + content: "\f2a9"; } -.ts-icon.is-bars-staggered-icon::before { - content: "\f550"; +.ts-icon.is-newspaper-icon::before { + content: "\f1ea"; } -.ts-icon.is-book-atlas-icon::before { - content: "\f558"; +.ts-icon.is-clipboard-check-icon::before { + content: "\f46c"; } -.ts-icon.is-dhl-icon::before { - font-family: "IconsBrands"; - content: "\f790"; +.ts-icon.is-glass-water-icon::before { + content: "\e4f4"; } -.ts-icon.is-diamond-turn-right-icon::before { - content: "\f5eb"; +.ts-icon.is-poo-storm-icon::before { + content: "\f75a"; } -.ts-icon.is-flickr-icon::before { +.ts-icon.is-alipay-icon::before { font-family: "IconsBrands"; - content: "\f16e"; + content: "\f642"; } -.ts-icon.is-themeco-icon::before { +.ts-icon.is-grunt-icon::before { font-family: "IconsBrands"; - content: "\f5c6"; + content: "\f3ad"; } -.ts-icon.is-circle-exclamation-icon::before { - content: "\f06a"; +.ts-icon.is-cheese-icon::before { + content: "\f7ef"; } -.ts-icon.is-id-badge-icon::before { - content: "\f2c1"; +.ts-icon.is-face-kiss-wink-heart-icon::before { + content: "\f598"; } -.ts-icon.is-user-graduate-icon::before { - content: "\f501"; +.ts-icon.is-window-maximize-icon::before { + content: "\f2d0"; } -.ts-icon.is-asymmetrik-icon::before { - font-family: "IconsBrands"; - content: "\f372"; +.ts-icon.is-align-center-icon::before { + content: "\f037"; } -.ts-icon.is-handshake-angle-icon::before { - content: "\f4c4"; +.ts-icon.is-chart-simple-icon::before { + content: "\e473"; } -.ts-icon.is-trailer-icon::before { - content: "\e041"; +.ts-icon.is-person-walking-dashed-line-arrow-right-icon::before { + content: "\e553"; } -.ts-icon.is-circle-icon::before { - content: "\f111"; +.ts-icon.is-rectangle-list-icon::before { + content: "\f022"; } -.ts-icon.is-file-circle-plus-icon::before { - content: "\e494"; +.ts-icon.is-mug-hot-icon::before { + content: "\f7b6"; } -.ts-icon.is-modx-icon::before { - font-family: "IconsBrands"; - content: "\f285"; +.ts-icon.is-person-swimming-icon::before { + content: "\f5c4"; } -.ts-icon.is-facebook-f-icon::before { +.ts-icon.is-teamspeak-icon::before { font-family: "IconsBrands"; - content: "\f39e"; + content: "\f4f9"; } -.ts-icon.is-s-icon::before { - content: "\53"; +.ts-icon.is-user-pen-icon::before { + content: "\f4ff"; } -.ts-icon.is-anchor-circle-check-icon::before { - content: "\e4aa"; +.ts-icon.is-arrows-down-to-people-icon::before { + content: "\e4b9"; } -.ts-icon.is-bone-icon::before { - content: "\f5d7"; +.ts-icon.is-cc-visa-icon::before { + font-family: "IconsBrands"; + content: "\f1f0"; } -.ts-icon.is-building-ngo-icon::before { - content: "\e4d7"; +.ts-icon.is-lightbulb-icon::before { + content: "\f0eb"; } -.ts-icon.is-dribbble-icon::before { +.ts-icon.is-cloudflare-icon::before { font-family: "IconsBrands"; - content: "\f17d"; -} - -.ts-icon.is-house-medical-circle-exclamation-icon::before { - content: "\e512"; + content: "\e07d"; } -.ts-icon.is-shopware-icon::before { +.ts-icon.is-creative-commons-by-icon::before { font-family: "IconsBrands"; - content: "\f5b5"; + content: "\f4e7"; } -.ts-icon.is-earth-oceania-icon::before { - content: "\e47b"; +.ts-icon.is-neuter-icon::before { + content: "\f22c"; } -.ts-icon.is-joget-icon::before { - font-family: "IconsBrands"; - content: "\f3b7"; -} - -.ts-icon.is-water-icon::before { - content: "\f773"; -} - -.ts-icon.is-hips-icon::before { +.ts-icon.is-ethereum-icon::before { font-family: "IconsBrands"; - content: "\f452"; -} - -.ts-icon.is-hurricane-icon::before { - content: "\f751"; + content: "\f42e"; } -.ts-icon.is-layer-group-icon::before { - content: "\f5fd"; +.ts-icon.is-hat-wizard-icon::before { + content: "\f6e8"; } -.ts-icon.is-location-dot-icon::before { - content: "\f3c5"; +.ts-icon.is-hands-icon::before { + content: "\f2a7"; } -.ts-icon.is-mountain-sun-icon::before { - content: "\e52f"; +.ts-icon.is-truck-fast-icon::before { + content: "\f48b"; } -.ts-icon.is-oil-can-icon::before { - content: "\f613"; +.ts-icon.is-arrow-turn-down-icon::before { + content: "\f149"; } -.ts-icon.is-draw-polygon-icon::before { - content: "\f5ee"; +.ts-icon.is-file-signature-icon::before { + content: "\f573"; } -.ts-icon.is-dungeon-icon::before { - content: "\f6d9"; +.ts-icon.is-magnifying-glass-chart-icon::before { + content: "\e522"; } -.ts-icon.is-earth-asia-icon::before { - content: "\f57e"; +.ts-icon.is-mobile-retro-icon::before { + content: "\e527"; } -.ts-icon.is-cedi-sign-icon::before { - content: "\e0df"; +.ts-icon.is-pump-medical-icon::before { + content: "\e06a"; } -.ts-icon.is-file-signature-icon::before { - content: "\f573"; +.ts-icon.is-square-youtube-icon::before { + font-family: "IconsBrands"; + content: "\f431"; } -.ts-icon.is-rotate-left-icon::before { - content: "\f2ea"; +.ts-icon.is-blogger-icon::before { + font-family: "IconsBrands"; + content: "\f37c"; } -.ts-icon.is-wand-magic-sparkles-icon::before { - content: "\e2ca"; +.ts-icon.is-chair-icon::before { + content: "\f6c0"; } -.ts-icon.is-credit-card-icon::before { - content: "\f09d"; +.ts-icon.is-calendar-check-icon::before { + content: "\f274"; } -.ts-icon.is-restroom-icon::before { - content: "\f7bd"; +.ts-icon.is-nfc-directional-icon::before { + font-family: "IconsBrands"; + content: "\e530"; } -.ts-icon.is-person-biking-icon::before { - content: "\f84a"; +.ts-icon.is-notes-medical-icon::before { + content: "\f481"; } -.ts-icon.is-centercode-icon::before { - font-family: "IconsBrands"; - content: "\f380"; +.ts-icon.is-tarp-icon::before { + content: "\e57b"; } -.ts-icon.is-confluence-icon::before { +.ts-icon.is-ubuntu-icon::before { font-family: "IconsBrands"; - content: "\f78d"; -} - -.ts-icon.is-file-pdf-icon::before { - content: "\f1c1"; + content: "\f7df"; } -.ts-icon.is-greater-than-icon::before { - content: "\3e"; +.ts-icon.is-user-xmark-icon::before { + content: "\f235"; } -.ts-icon.is-object-ungroup-icon::before { - content: "\f248"; +.ts-icon.is-vihara-icon::before { + content: "\f6a7"; } -.ts-icon.is-people-pulling-icon::before { - content: "\e535"; +.ts-icon.is-hospital-icon::before { + content: "\f0f8"; } -.ts-icon.is-crop-icon::before { - content: "\f125"; +.ts-icon.is-lock-icon::before { + content: "\f023"; } -.ts-icon.is-dice-two-icon::before { - content: "\f528"; +.ts-icon.is-square-pen-icon::before { + content: "\f14b"; } -.ts-icon.is-superscript-icon::before { - content: "\f12b"; +.ts-icon.is-pizza-slice-icon::before { + content: "\f818"; } -.ts-icon.is-wheelchair-move-icon::before { - content: "\e2ce"; +.ts-icon.is-strikethrough-icon::before { + content: "\f0cc"; } -.ts-icon.is-apple-whole-icon::before { - content: "\f5d1"; +.ts-icon.is-trowel-bricks-icon::before { + content: "\e58a"; } -.ts-icon.is-backward-icon::before { - content: "\f04a"; +.ts-icon.is-bity-icon::before { + font-family: "IconsBrands"; + content: "\f37a"; } -.ts-icon.is-angle-left-icon::before { - content: "\f104"; +.ts-icon.is-openid-icon::before { + font-family: "IconsBrands"; + content: "\f19b"; } -.ts-icon.is-face-smile-beam-icon::before { - content: "\f5b8"; +.ts-icon.is-hockey-puck-icon::before { + content: "\f453"; } -.ts-icon.is-arrows-up-down-left-right-icon::before { - content: "\f047"; +.ts-icon.is-manat-sign-icon::before { + content: "\e1d5"; } -.ts-icon.is-bread-slice-icon::before { - content: "\f7ec"; +.ts-icon.is-qq-icon::before { + font-family: "IconsBrands"; + content: "\f1d6"; } .ts-icon.is-ship-icon::before { content: "\f21a"; } -.ts-icon.is-hand-point-up-icon::before { - content: "\f0a6"; +.ts-icon.is-chevron-left-icon::before { + content: "\f053"; } -.ts-icon.is-table-cells-icon::before { - content: "\f00a"; +.ts-icon.is-headphones-simple-icon::before { + content: "\f58f"; } -.ts-icon.is-table-cells-large-icon::before { - content: "\f009"; +.ts-icon.is-square-minus-icon::before { + content: "\f146"; } -.ts-icon.is-angrycreative-icon::before { - font-family: "IconsBrands"; - content: "\f36e"; +.ts-icon.is-tent-arrows-down-icon::before { + content: "\e581"; } -.ts-icon.is-file-medical-icon::before { - content: "\f477"; +.ts-icon.is-up-down-icon::before { + content: "\f338"; } -.ts-icon.is-house-lock-icon::before { - content: "\e510"; +.ts-icon.is-wallet-icon::before { + content: "\f555"; } -.ts-icon.is-bars-icon::before { - content: "\f0c9"; +.ts-icon.is-bread-slice-icon::before { + content: "\f7ec"; } -.ts-icon.is-jar-wheat-icon::before { - content: "\e517"; +.ts-icon.is-hand-point-up-icon::before { + content: "\f0a6"; } -.ts-icon.is-hourglass-start-icon::before { - content: "\f251"; +.ts-icon.is-table-icon::before { + content: "\f0ce"; } -.ts-icon.is-kit-medical-icon::before { - content: "\f479"; +.ts-icon.is-cross-icon::before { + content: "\f654"; } -.ts-icon.is-square-js-icon::before { +.ts-icon.is-square-snapchat-icon::before { font-family: "IconsBrands"; - content: "\f3b9"; + content: "\f2ad"; } -.ts-icon.is-9-icon::before { - content: "\39"; +.ts-icon.is-fire-icon::before { + content: "\f06d"; } -.ts-icon.is-battery-three-quarters-icon::before { - content: "\f241"; +.ts-icon.is-gem-icon::before { + content: "\f3a5"; } -.ts-icon.is-face-grin-tongue-wink-icon::before { - content: "\f58b"; +.ts-icon.is-greater-than-icon::before { + content: "\3e"; } -.ts-icon.is-filter-circle-xmark-icon::before { - content: "\e17b"; +.ts-icon.is-person-harassing-icon::before { + content: "\e549"; } -.ts-icon.is-seedling-icon::before { - content: "\f4d8"; +.ts-icon.is-share-icon::before { + content: "\f064"; } -.ts-icon.is-arrow-up-z-a-icon::before { - content: "\f882"; +.ts-icon.is-vk-icon::before { + font-family: "IconsBrands"; + content: "\f189"; } -.ts-icon.is-file-contract-icon::before { - content: "\f56c"; +.ts-icon.is-baby-carriage-icon::before { + content: "\f77d"; } -.ts-icon.is-head-side-virus-icon::before { - content: "\e064"; +.ts-icon.is-dice-one-icon::before { + content: "\f525"; } -.ts-icon.is-laravel-icon::before { - font-family: "IconsBrands"; - content: "\f3bd"; +.ts-icon.is-piggy-bank-icon::before { + content: "\f4d3"; } -.ts-icon.is-spa-icon::before { - content: "\f5bb"; +.ts-icon.is-ruler-horizontal-icon::before { + content: "\f547"; } -.ts-icon.is-up-down-left-right-icon::before { - content: "\f0b2"; +.ts-icon.is-tooth-icon::before { + content: "\f5c9"; } -.ts-icon.is-circle-h-icon::before { - content: "\f47e"; +.ts-icon.is-cow-icon::before { + content: "\f6c8"; } -.ts-icon.is-file-waveform-icon::before { - content: "\f478"; +.ts-icon.is-ello-icon::before { + font-family: "IconsBrands"; + content: "\f5f1"; } -.ts-icon.is-skype-icon::before { +.ts-icon.is-wordpress-simple-icon::before { font-family: "IconsBrands"; - content: "\f17e"; + content: "\f411"; } -.ts-icon.is-camera-retro-icon::before { - content: "\f083"; +.ts-icon.is-ellipsis-vertical-icon::before { + content: "\f142"; } -.ts-icon.is-m-icon::before { - content: "\4d"; +.ts-icon.is-stopwatch-icon::before { + content: "\f2f2"; } -.ts-icon.is-receipt-icon::before { - content: "\f543"; -} - -.ts-icon.is-square-h-icon::before { - content: "\f0fd"; +.ts-icon.is-file-circle-minus-icon::before { + content: "\e4ed"; } -.ts-icon.is-naira-sign-icon::before { - content: "\e1f6"; +.ts-icon.is-brazilian-real-sign-icon::before { + content: "\e46c"; } -.ts-icon.is-spinner-icon::before { - content: "\f110"; +.ts-icon.is-colon-sign-icon::before { + content: "\e140"; } -.ts-icon.is-affiliatetheme-icon::before { +.ts-icon.is-pix-icon::before { font-family: "IconsBrands"; - content: "\f36b"; + content: "\e43a"; } -.ts-icon.is-cloud-moon-rain-icon::before { - content: "\f73c"; +.ts-icon.is-lungs-virus-icon::before { + content: "\e067"; } -.ts-icon.is-crutch-icon::before { - content: "\f7f7"; +.ts-icon.is-m-icon::before { + content: "\4d"; } -.ts-icon.is-dove-icon::before { - content: "\f4ba"; +.ts-icon.is-arrows-left-right-icon::before { + content: "\f07e"; } -.ts-icon.is-icicles-icon::before { - content: "\f7ad"; +.ts-icon.is-award-icon::before { + content: "\f559"; } -.ts-icon.is-khanda-icon::before { - content: "\f66d"; +.ts-icon.is-cc-discover-icon::before { + font-family: "IconsBrands"; + content: "\f1f2"; } -.ts-icon.is-chalkboard-icon::before { - content: "\f51b"; +.ts-icon.is-hooli-icon::before { + font-family: "IconsBrands"; + content: "\f427"; } -.ts-icon.is-earlybirds-icon::before { - font-family: "IconsBrands"; - content: "\f39a"; +.ts-icon.is-book-open-reader-icon::before { + content: "\f5da"; } -.ts-icon.is-tornado-icon::before { - content: "\f76f"; +.ts-icon.is-spray-can-sparkles-icon::before { + content: "\f5d0"; } -.ts-icon.is-chess-board-icon::before { - content: "\f43c"; +.ts-icon.is-syringe-icon::before { + content: "\f48e"; } -.ts-icon.is-shield-icon::before { - content: "\f132"; +.ts-icon.is-comment-sms-icon::before { + content: "\f7cd"; } -.ts-icon.is-ubuntu-icon::before { - font-family: "IconsBrands"; - content: "\f7df"; +.ts-icon.is-file-pen-icon::before { + content: "\f31c"; } -.ts-icon.is-sistrix-icon::before { - font-family: "IconsBrands"; - content: "\f3ee"; +.ts-icon.is-rainbow-icon::before { + content: "\f75b"; } -.ts-icon.is-docker-icon::before { - font-family: "IconsBrands"; - content: "\f395"; +.ts-icon.is-trash-can-icon::before { + content: "\f2ed"; } -.ts-icon.is-nfc-directional-icon::before { - font-family: "IconsBrands"; - content: "\e530"; +.ts-icon.is-list-icon::before { + content: "\f03a"; } -.ts-icon.is-truck-fast-icon::before { - content: "\f48b"; +.ts-icon.is-servicestack-icon::before { + font-family: "IconsBrands"; + content: "\f3ec"; } -.ts-icon.is-user-lock-icon::before { - content: "\f502"; +.ts-icon.is-spa-icon::before { + content: "\f5bb"; } -.ts-icon.is-staylinked-icon::before { +.ts-icon.is-aviato-icon::before { font-family: "IconsBrands"; - content: "\f3f5"; + content: "\f421"; } -.ts-icon.is-twitch-icon::before { +.ts-icon.is-centercode-icon::before { font-family: "IconsBrands"; - content: "\f1e8"; + content: "\f380"; } -.ts-icon.is-cat-icon::before { - content: "\f6be"; +.ts-icon.is-face-grin-hearts-icon::before { + content: "\f584"; } -.ts-icon.is-grip-lines-vertical-icon::before { - content: "\f7a5"; +.ts-icon.is-franc-sign-icon::before { + content: "\e18f"; } -.ts-icon.is-microsoft-icon::before { - font-family: "IconsBrands"; - content: "\f3ca"; +.ts-icon.is-house-chimney-medical-icon::before { + content: "\f7f2"; } -.ts-icon.is-scroll-torah-icon::before { - content: "\f6a0"; +.ts-icon.is-hands-bubbles-icon::before { + content: "\e05e"; } -.ts-icon.is-hospital-user-icon::before { - content: "\f80d"; +.ts-icon.is-circle-half-stroke-icon::before { + content: "\f042"; } -.ts-icon.is-nfc-symbol-icon::before { +.ts-icon.is-flipboard-icon::before { font-family: "IconsBrands"; - content: "\e531"; + content: "\f44d"; } -.ts-icon.is-users-icon::before { - content: "\f0c0"; +.ts-icon.is-digital-ocean-icon::before { + font-family: "IconsBrands"; + content: "\f391"; } -.ts-icon.is-futbol-icon::before { - content: "\f1e3"; +.ts-icon.is-school-icon::before { + content: "\f549"; } -.ts-icon.is-42-group-icon::before { - font-family: "IconsBrands"; - content: "\e080"; +.ts-icon.is-mask-face-icon::before { + content: "\e1d7"; } -.ts-icon.is-shop-lock-icon::before { - content: "\e4a5"; +.ts-icon.is-message-icon::before { + content: "\f27a"; } -.ts-icon.is-syringe-icon::before { - content: "\f48e"; +.ts-icon.is-mobile-screen-icon::before { + content: "\f3cf"; } -.ts-icon.is-hands-holding-circle-icon::before { - content: "\e4fb"; +.ts-icon.is-paragraph-icon::before { + content: "\f1dd"; } -.ts-icon.is-square-hacker-news-icon::before { - font-family: "IconsBrands"; - content: "\f3af"; +.ts-icon.is-signature-icon::before { + content: "\f5b7"; } -.ts-icon.is-temperature-empty-icon::before { - content: "\f2cb"; +.ts-icon.is-cedi-sign-icon::before { + content: "\e0df"; } -.ts-icon.is-twitter-icon::before { - font-family: "IconsBrands"; - content: "\f099"; +.ts-icon.is-dice-six-icon::before { + content: "\f526"; } -.ts-icon.is-unsplash-icon::before { - font-family: "IconsBrands"; - content: "\e07c"; +.ts-icon.is-flask-icon::before { + content: "\f0c3"; } -.ts-icon.is-circle-arrow-down-icon::before { - content: "\f0ab"; +.ts-icon.is-child-combatant-icon::before { + content: "\e4e0"; } -.ts-icon.is-deploydog-icon::before { - font-family: "IconsBrands"; - content: "\f38e"; +.ts-icon.is-snowplow-icon::before { + content: "\f7d2"; } -.ts-icon.is-face-kiss-wink-heart-icon::before { - content: "\f598"; +.ts-icon.is-wand-sparkles-icon::before { + content: "\f72b"; } -.ts-icon.is-horse-head-icon::before { - content: "\f7ab"; +.ts-icon.is-bars-icon::before { + content: "\f0c9"; } -.ts-icon.is-speaker-deck-icon::before { - font-family: "IconsBrands"; - content: "\f83c"; +.ts-icon.is-carrot-icon::before { + content: "\f787"; } -.ts-icon.is-spray-can-sparkles-icon::before { - content: "\f5d0"; +.ts-icon.is-circle-pause-icon::before { + content: "\f28b"; } -.ts-icon.is-apple-icon::before { +.ts-icon.is-earlybirds-icon::before { font-family: "IconsBrands"; - content: "\f179"; -} - -.ts-icon.is-cloud-bolt-icon::before { - content: "\f76c"; + content: "\f39a"; } -.ts-icon.is-cpanel-icon::before { - font-family: "IconsBrands"; - content: "\f388"; +.ts-icon.is-left-right-icon::before { + content: "\f337"; } -.ts-icon.is-spoon-icon::before { - content: "\f2e5"; +.ts-icon.is-3-icon::before { + content: "\33"; } -.ts-icon.is-couch-icon::before { - content: "\f4b8"; +.ts-icon.is-bluetooth-b-icon::before { + font-family: "IconsBrands"; + content: "\f294"; } -.ts-icon.is-hand-spock-icon::before { - content: "\f259"; +.ts-icon.is-meteor-icon::before { + content: "\f753"; } -.ts-icon.is-creative-commons-pd-alt-icon::before { - font-family: "IconsBrands"; - content: "\f4ed"; +.ts-icon.is-code-fork-icon::before { + content: "\e13b"; } -.ts-icon.is-life-ring-icon::before { - content: "\f1cd"; +.ts-icon.is-holly-berry-icon::before { + content: "\f7aa"; } -.ts-icon.is-file-powerpoint-icon::before { - content: "\f1c4"; +.ts-icon.is-rotate-right-icon::before { + content: "\f2f9"; } -.ts-icon.is-play-icon::before { - content: "\f04b"; +.ts-icon.is-building-circle-check-icon::before { + content: "\e4d2"; } -.ts-icon.is-ranking-star-icon::before { - content: "\e561"; +.ts-icon.is-id-card-icon::before { + content: "\f2c2"; } -.ts-icon.is-think-peaks-icon::before { +.ts-icon.is-rocketchat-icon::before { font-family: "IconsBrands"; - content: "\f731"; + content: "\f3e8"; } -.ts-icon.is-sack-dollar-icon::before { - content: "\f81d"; +.ts-icon.is-torii-gate-icon::before { + content: "\f6a1"; } -.ts-icon.is-boxes-stacked-icon::before { - content: "\f468"; +.ts-icon.is-app-store-icon::before { + font-family: "IconsBrands"; + content: "\f36f"; } -.ts-icon.is-ethereum-icon::before { +.ts-icon.is-react-icon::before { font-family: "IconsBrands"; - content: "\f42e"; -} - -.ts-icon.is-face-surprise-icon::before { - content: "\f5c2"; + content: "\f41b"; } -.ts-icon.is-house-crack-icon::before { - content: "\e3b1"; +.ts-icon.is-kickstarter-icon::before { + font-family: "IconsBrands"; + content: "\f3bb"; } -.ts-icon.is-magnifying-glass-plus-icon::before { - content: "\f00e"; +.ts-icon.is-place-of-worship-icon::before { + content: "\f67f"; } -.ts-icon.is-microscope-icon::before { - content: "\f610"; +.ts-icon.is-chalkboard-user-icon::before { + content: "\f51c"; } -.ts-icon.is-crow-icon::before { - content: "\f520"; +.ts-icon.is-cotton-bureau-icon::before { + font-family: "IconsBrands"; + content: "\f89e"; } -.ts-icon.is-file-arrow-down-icon::before { - content: "\f56d"; +.ts-icon.is-plane-lock-icon::before { + content: "\e558"; } -.ts-icon.is-headphones-icon::before { - content: "\f025"; +.ts-icon.is-rust-icon::before { + font-family: "IconsBrands"; + content: "\e07a"; } -.ts-icon.is-leaf-icon::before { - content: "\f06c"; +.ts-icon.is-grip-icon::before { + content: "\f58d"; } -.ts-icon.is-q-icon::before { - content: "\51"; +.ts-icon.is-person-booth-icon::before { + content: "\f756"; } -.ts-icon.is-envelope-icon::before { - content: "\f0e0"; +.ts-icon.is-genderless-icon::before { + content: "\f22d"; } -.ts-icon.is-hands-holding-child-icon::before { - content: "\e4fa"; +.ts-icon.is-jet-fighter-up-icon::before { + content: "\e518"; } -.ts-icon.is-road-icon::before { - content: "\f018"; +.ts-icon.is-terminal-icon::before { + content: "\f120"; } -.ts-icon.is-route-icon::before { - content: "\f4d7"; +.ts-icon.is-trash-can-arrow-up-icon::before { + content: "\f82a"; } .ts-icon.is-amilia-icon::before { @@ -2258,1969 +2246,1974 @@ button { content: "\f36d"; } -.ts-icon.is-martini-glass-empty-icon::before { - content: "\f000"; +.ts-icon.is-arrows-rotate-icon::before { + content: "\f021"; } -.ts-icon.is-page4-icon::before { - font-family: "IconsBrands"; - content: "\f3d7"; +.ts-icon.is-star-half-stroke-icon::before { + content: "\f5c0"; } -.ts-icon.is-sack-xmark-icon::before { - content: "\e56a"; +.ts-icon.is-location-pin-lock-icon::before { + content: "\e51f"; } -.ts-icon.is-trademark-icon::before { - content: "\f25c"; +.ts-icon.is-magnifying-glass-icon::before { + content: "\f002"; } -.ts-icon.is-maximize-icon::before { - content: "\f31e"; +.ts-icon.is-square-pinterest-icon::before { + font-family: "IconsBrands"; + content: "\f0d3"; } -.ts-icon.is-message-icon::before { - content: "\f27a"; +.ts-icon.is-heart-icon::before { + content: "\f004"; } -.ts-icon.is-square-youtube-icon::before { - font-family: "IconsBrands"; - content: "\f431"; +.ts-icon.is-money-bill-wave-icon::before { + content: "\f53a"; } -.ts-icon.is-autoprefixer-icon::before { - font-family: "IconsBrands"; - content: "\f41c"; +.ts-icon.is-parachute-box-icon::before { + content: "\f4cd"; } -.ts-icon.is-blogger-b-icon::before { +.ts-icon.is-square-hacker-news-icon::before { font-family: "IconsBrands"; - content: "\f37d"; -} - -.ts-icon.is-envelopes-bulk-icon::before { - content: "\f674"; + content: "\f3af"; } -.ts-icon.is-eye-low-vision-icon::before { - content: "\f2a8"; +.ts-icon.is-up-right-from-square-icon::before { + content: "\f35d"; } -.ts-icon.is-folder-plus-icon::before { - content: "\f65e"; +.ts-icon.is-bold-icon::before { + content: "\f032"; } -.ts-icon.is-user-astronaut-icon::before { - content: "\f4fb"; +.ts-icon.is-discord-icon::before { + font-family: "IconsBrands"; + content: "\f392"; } -.ts-icon.is-arrow-up-9-1-icon::before { - content: "\f887"; +.ts-icon.is-user-clock-icon::before { + content: "\f4fd"; } -.ts-icon.is-cloud-sun-rain-icon::before { - content: "\f743"; +.ts-icon.is-virus-slash-icon::before { + content: "\e075"; } -.ts-icon.is-connectdevelop-icon::before { +.ts-icon.is-vuejs-icon::before { font-family: "IconsBrands"; - content: "\f20e"; + content: "\f41f"; } -.ts-icon.is-ember-icon::before { - font-family: "IconsBrands"; - content: "\f423"; +.ts-icon.is-arrows-to-dot-icon::before { + content: "\e4be"; } -.ts-icon.is-jsfiddle-icon::before { - font-family: "IconsBrands"; - content: "\f1cc"; +.ts-icon.is-face-sad-cry-icon::before { + content: "\f5b3"; } -.ts-icon.is-tent-arrow-down-to-line-icon::before { - content: "\e57e"; +.ts-icon.is-dog-icon::before { + content: "\f6d3"; } -.ts-icon.is-dumbbell-icon::before { - content: "\f44b"; +.ts-icon.is-jar-icon::before { + content: "\e516"; } -.ts-icon.is-face-grin-icon::before { - content: "\f580"; +.ts-icon.is-first-order-alt-icon::before { + font-family: "IconsBrands"; + content: "\f50a"; } -.ts-icon.is-motorcycle-icon::before { - content: "\f21c"; +.ts-icon.is-turn-up-icon::before { + content: "\f3bf"; } -.ts-icon.is-person-circle-xmark-icon::before { - content: "\e543"; +.ts-icon.is-s-icon::before { + content: "\53"; } -.ts-icon.is-camera-rotate-icon::before { - content: "\e0d8"; +.ts-icon.is-user-plus-icon::before { + content: "\f234"; } -.ts-icon.is-ellipsis-vertical-icon::before { - content: "\f142"; +.ts-icon.is-building-lock-icon::before { + content: "\e4d6"; } -.ts-icon.is-face-grin-tongue-squint-icon::before { - content: "\f58a"; +.ts-icon.is-network-wired-icon::before { + content: "\f6ff"; } -.ts-icon.is-star-icon::before { - content: "\f005"; +.ts-icon.is-skyatlas-icon::before { + font-family: "IconsBrands"; + content: "\f216"; } -.ts-icon.is-earth-americas-icon::before { - content: "\f57d"; +.ts-icon.is-square-font-awesome-icon::before { + font-family: "IconsBrands"; + content: "\e5ad"; } -.ts-icon.is-fish-icon::before { - content: "\f578"; +.ts-icon.is-xmarks-lines-icon::before { + content: "\e59a"; } -.ts-icon.is-road-lock-icon::before { - content: "\e567"; +.ts-icon.is-angle-left-icon::before { + content: "\f104"; } -.ts-icon.is-text-width-icon::before { - content: "\f035"; +.ts-icon.is-down-long-icon::before { + content: "\f309"; } -.ts-icon.is-charging-station-icon::before { - content: "\f5e7"; +.ts-icon.is-sailboat-icon::before { + content: "\e445"; } -.ts-icon.is-ethernet-icon::before { - content: "\f796"; +.ts-icon.is-school-circle-check-icon::before { + content: "\e56b"; } -.ts-icon.is-om-icon::before { - content: "\f679"; +.ts-icon.is-user-large-slash-icon::before { + content: "\f4fa"; } -.ts-icon.is-road-circle-check-icon::before { - content: "\e564"; +.ts-icon.is-xing-icon::before { + font-family: "IconsBrands"; + content: "\f168"; } -.ts-icon.is-bridge-circle-xmark-icon::before { - content: "\e4cb"; +.ts-icon.is-language-icon::before { + content: "\f1ab"; } -.ts-icon.is-bridge-circle-exclamation-icon::before { - content: "\e4ca"; +.ts-icon.is-rev-icon::before { + font-family: "IconsBrands"; + content: "\f5b2"; } -.ts-icon.is-dice-d20-icon::before { - content: "\f6cf"; +.ts-icon.is-seedling-icon::before { + content: "\f4d8"; } -.ts-icon.is-neuter-icon::before { - content: "\f22c"; +.ts-icon.is-circle-xmark-icon::before { + content: "\f057"; } -.ts-icon.is-person-arrow-up-from-line-icon::before { - content: "\e539"; +.ts-icon.is-plane-up-icon::before { + content: "\e22d"; } -.ts-icon.is-galactic-republic-icon::before { - font-family: "IconsBrands"; - content: "\f50c"; +.ts-icon.is-hat-cowboy-side-icon::before { + content: "\f8c1"; } -.ts-icon.is-italic-icon::before { - content: "\f033"; +.ts-icon.is-hotdog-icon::before { + content: "\f80f"; } -.ts-icon.is-turn-up-icon::before { - content: "\f3bf"; +.ts-icon.is-nfc-symbol-icon::before { + font-family: "IconsBrands"; + content: "\e531"; } -.ts-icon.is-5-icon::before { - content: "\35"; +.ts-icon.is-arrow-left-icon::before { + content: "\f060"; } -.ts-icon.is-democrat-icon::before { - content: "\f747"; +.ts-icon.is-clock-icon::before { + content: "\f017"; } -.ts-icon.is-magnifying-glass-dollar-icon::before { - content: "\f688"; +.ts-icon.is-futbol-icon::before { + content: "\f1e3"; } -.ts-icon.is-mountain-icon::before { - content: "\f6fc"; +.ts-icon.is-trademark-icon::before { + content: "\f25c"; } -.ts-icon.is-spell-check-icon::before { - content: "\f891"; +.ts-icon.is-square-xmark-icon::before { + content: "\f2d3"; } -.ts-icon.is-user-minus-icon::before { - content: "\f503"; +.ts-icon.is-clapperboard-icon::before { + content: "\e131"; } -.ts-icon.is-rust-icon::before { - font-family: "IconsBrands"; - content: "\e07a"; +.ts-icon.is-file-arrow-up-icon::before { + content: "\f574"; } -.ts-icon.is-square-rss-icon::before { - content: "\f143"; +.ts-icon.is-scissors-icon::before { + content: "\f0c4"; } -.ts-icon.is-angles-up-icon::before { - content: "\f102"; +.ts-icon.is-wordpress-icon::before { + font-family: "IconsBrands"; + content: "\f19a"; } -.ts-icon.is-cube-icon::before { - content: "\f1b2"; +.ts-icon.is-ear-listen-icon::before { + content: "\f2a2"; } -.ts-icon.is-delicious-icon::before { - font-family: "IconsBrands"; - content: "\f1a5"; +.ts-icon.is-plane-slash-icon::before { + content: "\e069"; } -.ts-icon.is-magnifying-glass-arrow-right-icon::before { - content: "\e521"; +.ts-icon.is-desktop-icon::before { + content: "\f390"; } -.ts-icon.is-mobile-screen-icon::before { - content: "\f3cf"; +.ts-icon.is-dice-two-icon::before { + content: "\f528"; } -.ts-icon.is-yandex-icon::before { +.ts-icon.is-fedex-icon::before { font-family: "IconsBrands"; - content: "\f413"; + content: "\f797"; } -.ts-icon.is-arrow-right-icon::before { - content: "\f061"; +.ts-icon.is-tencent-weibo-icon::before { + font-family: "IconsBrands"; + content: "\f1d5"; } -.ts-icon.is-clipboard-icon::before { - content: "\f328"; +.ts-icon.is-binoculars-icon::before { + content: "\f1e5"; } -.ts-icon.is-d-and-d-icon::before { +.ts-icon.is-blackberry-icon::before { font-family: "IconsBrands"; - content: "\f38d"; + content: "\f37b"; } -.ts-icon.is-guarani-sign-icon::before { - content: "\e19a"; +.ts-icon.is-faucet-icon::before { + content: "\e005"; } -.ts-icon.is-wordpress-icon::before { - font-family: "IconsBrands"; - content: "\f19a"; +.ts-icon.is-circle-arrow-up-icon::before { + content: "\f0aa"; } -.ts-icon.is-handshake-slash-icon::before { - content: "\e060"; +.ts-icon.is-face-grin-tongue-icon::before { + content: "\f589"; } -.ts-icon.is-get-pocket-icon::before { +.ts-icon.is-bitcoin-icon::before { font-family: "IconsBrands"; - content: "\f265"; + content: "\f379"; } -.ts-icon.is-j-icon::before { - content: "\4a"; +.ts-icon.is-car-tunnel-icon::before { + content: "\e4de"; } -.ts-icon.is-pen-clip-icon::before { - content: "\f305"; +.ts-icon.is-raspberry-pi-icon::before { + font-family: "IconsBrands"; + content: "\f7bb"; } -.ts-icon.is-up-right-and-down-left-from-center-icon::before { - content: "\f424"; +.ts-icon.is-table-columns-icon::before { + content: "\f0db"; } -.ts-icon.is-wix-icon::before { +.ts-icon.is-house-fire-icon::before { + content: "\e50c"; +} + +.ts-icon.is-skype-icon::before { font-family: "IconsBrands"; - content: "\f5cf"; + content: "\f17e"; } -.ts-icon.is-circle-radiation-icon::before { - content: "\f7ba"; +.ts-icon.is-blog-icon::before { + content: "\f781"; } -.ts-icon.is-file-circle-exclamation-icon::before { - content: "\e4eb"; +.ts-icon.is-hackerrank-icon::before { + font-family: "IconsBrands"; + content: "\f5f7"; } -.ts-icon.is-kaaba-icon::before { - content: "\f66b"; +.ts-icon.is-down-left-and-up-right-to-center-icon::before { + content: "\f422"; } -.ts-icon.is-ns8-icon::before { - font-family: "IconsBrands"; - content: "\f3d5"; +.ts-icon.is-hand-middle-finger-icon::before { + content: "\f806"; } -.ts-icon.is-pizza-slice-icon::before { - content: "\f818"; +.ts-icon.is-mars-stroke-right-icon::before { + content: "\f22b"; } -.ts-icon.is-plug-circle-check-icon::before { - content: "\e55c"; +.ts-icon.is-synagogue-icon::before { + content: "\f69b"; } -.ts-icon.is-xing-icon::before { - font-family: "IconsBrands"; - content: "\f168"; +.ts-icon.is-tachograph-digital-icon::before { + content: "\f566"; } -.ts-icon.is-umbraco-icon::before { +.ts-icon.is-atlassian-icon::before { font-family: "IconsBrands"; - content: "\f8e8"; + content: "\f77b"; } -.ts-icon.is-arrows-split-up-and-left-icon::before { - content: "\e4bc"; +.ts-icon.is-backward-fast-icon::before { + content: "\f049"; } -.ts-icon.is-book-quran-icon::before { - content: "\f687"; +.ts-icon.is-fire-flame-simple-icon::before { + content: "\f46a"; } -.ts-icon.is-dropbox-icon::before { +.ts-icon.is-optin-monster-icon::before { font-family: "IconsBrands"; - content: "\f16b"; -} - -.ts-icon.is-flag-checkered-icon::before { - content: "\f11e"; + content: "\f23c"; } -.ts-icon.is-right-long-icon::before { - content: "\f30b"; +.ts-icon.is-temperature-arrow-up-icon::before { + content: "\e040"; } -.ts-icon.is-socks-icon::before { - content: "\f696"; +.ts-icon.is-camera-retro-icon::before { + content: "\f083"; } -.ts-icon.is-compact-disc-icon::before { - content: "\f51f"; +.ts-icon.is-creative-commons-remix-icon::before { + font-family: "IconsBrands"; + content: "\f4ee"; } -.ts-icon.is-server-icon::before { - content: "\f233"; +.ts-icon.is-check-double-icon::before { + content: "\f560"; } -.ts-icon.is-skull-icon::before { - content: "\f54c"; +.ts-icon.is-confluence-icon::before { + font-family: "IconsBrands"; + content: "\f78d"; } -.ts-icon.is-circle-up-icon::before { - content: "\f35b"; +.ts-icon.is-quote-right-icon::before { + content: "\f10e"; } -.ts-icon.is-copy-icon::before { - content: "\f0c5"; +.ts-icon.is-trash-icon::before { + content: "\f1f8"; } -.ts-icon.is-goodreads-icon::before { +.ts-icon.is-algolia-icon::before { font-family: "IconsBrands"; - content: "\f3a8"; + content: "\f36c"; } -.ts-icon.is-i-icon::before { - content: "\49"; +.ts-icon.is-angle-right-icon::before { + content: "\f105"; } -.ts-icon.is-studiovinari-icon::before { - font-family: "IconsBrands"; - content: "\f3f8"; +.ts-icon.is-folder-plus-icon::before { + content: "\f65e"; } -.ts-icon.is-bridge-icon::before { - content: "\e4c8"; +.ts-icon.is-arrows-turn-to-dots-icon::before { + content: "\e4c1"; } -.ts-icon.is-cart-shopping-icon::before { - content: "\f07a"; +.ts-icon.is-bolt-lightning-icon::before { + content: "\e0b7"; } -.ts-icon.is-gifts-icon::before { - content: "\f79c"; +.ts-icon.is-toilet-paper-icon::before { + content: "\f71e"; } -.ts-icon.is-square-caret-down-icon::before { - content: "\f150"; +.ts-icon.is-calendar-minus-icon::before { + content: "\f272"; } -.ts-icon.is-viadeo-icon::before { +.ts-icon.is-sistrix-icon::before { font-family: "IconsBrands"; - content: "\f2a9"; + content: "\f3ee"; } -.ts-icon.is-baseball-bat-ball-icon::before { - content: "\f432"; +.ts-icon.is-thumbtack-icon::before { + content: "\f08d"; } -.ts-icon.is-circle-left-icon::before { - content: "\f359"; +.ts-icon.is-shop-lock-icon::before { + content: "\e4a5"; } -.ts-icon.is-cloudsmith-icon::before { +.ts-icon.is-snowflake-icon::before { + content: "\f2dc"; +} + +.ts-icon.is-screenpal-icon::before { font-family: "IconsBrands"; - content: "\f384"; + content: "\e570"; } -.ts-icon.is-droplet-icon::before { - content: "\f043"; +.ts-icon.is-text-height-icon::before { + content: "\f034"; } -.ts-icon.is-eye-dropper-icon::before { - content: "\f1fb"; +.ts-icon.is-building-circle-exclamation-icon::before { + content: "\e4d3"; } -.ts-icon.is-paintbrush-icon::before { - content: "\f1fc"; +.ts-icon.is-person-breastfeeding-icon::before { + content: "\e53a"; } -.ts-icon.is-arrow-up-from-ground-water-icon::before { - content: "\e4b5"; +.ts-icon.is-person-shelter-icon::before { + content: "\e54f"; } -.ts-icon.is-playstation-icon::before { +.ts-icon.is-500px-icon::before { font-family: "IconsBrands"; - content: "\f3df"; + content: "\f26e"; } -.ts-icon.is-volume-high-icon::before { - content: "\f028"; +.ts-icon.is-suitcase-medical-icon::before { + content: "\f0fa"; } -.ts-icon.is-door-closed-icon::before { - content: "\f52a"; +.ts-icon.is-caret-left-icon::before { + content: "\f0d9"; } -.ts-icon.is-lungs-virus-icon::before { - content: "\e067"; +.ts-icon.is-mosquito-net-icon::before { + content: "\e52c"; } -.ts-icon.is-rupiah-sign-icon::before { - content: "\e23d"; +.ts-icon.is-shuffle-icon::before { + content: "\f074"; } -.ts-icon.is-house-flag-icon::before { - content: "\e50d"; +.ts-icon.is-store-slash-icon::before { + content: "\e071"; } -.ts-icon.is-square-parking-icon::before { - content: "\f540"; +.ts-icon.is-apple-whole-icon::before { + content: "\f5d1"; } -.ts-icon.is-4-icon::before { - content: "\34"; +.ts-icon.is-bottle-water-icon::before { + content: "\e4c5"; } -.ts-icon.is-building-circle-check-icon::before { - content: "\e4d2"; +.ts-icon.is-cubes-icon::before { + content: "\f1b3"; } -.ts-icon.is-folder-minus-icon::before { - content: "\f65d"; +.ts-icon.is-themeco-icon::before { + font-family: "IconsBrands"; + content: "\f5c6"; } -.ts-icon.is-youtube-icon::before { +.ts-icon.is-angellist-icon::before { font-family: "IconsBrands"; - content: "\f167"; + content: "\f209"; } -.ts-icon.is-mars-stroke-right-icon::before { - content: "\f22b"; +.ts-icon.is-forumbee-icon::before { + font-family: "IconsBrands"; + content: "\f211"; } -.ts-icon.is-cloudflare-icon::before { - font-family: "IconsBrands"; - content: "\e07d"; +.ts-icon.is-hand-icon::before { + content: "\f256"; } -.ts-icon.is-creative-commons-sampling-icon::before { - font-family: "IconsBrands"; - content: "\f4f0"; +.ts-icon.is-person-walking-arrow-loop-left-icon::before { + content: "\e551"; } -.ts-icon.is-fingerprint-icon::before { - content: "\f577"; +.ts-icon.is-pied-piper-pp-icon::before { + font-family: "IconsBrands"; + content: "\f1a7"; } -.ts-icon.is-golang-icon::before { +.ts-icon.is-bootstrap-icon::before { font-family: "IconsBrands"; - content: "\e40f"; + content: "\f836"; +} + +.ts-icon.is-envelope-icon::before { + content: "\f0e0"; } .ts-icon.is-mobile-screen-button-icon::before { content: "\f3cd"; } -.ts-icon.is-file-export-icon::before { - content: "\f56e"; +.ts-icon.is-teeth-open-icon::before { + content: "\f62f"; } -.ts-icon.is-headphones-simple-icon::before { - content: "\f58f"; +.ts-icon.is-typo3-icon::before { + font-family: "IconsBrands"; + content: "\f42b"; } -.ts-icon.is-house-user-icon::before { - content: "\e1b0"; +.ts-icon.is-biohazard-icon::before { + content: "\f780"; } -.ts-icon.is-arrow-pointer-icon::before { - content: "\f245"; +.ts-icon.is-box-icon::before { + content: "\f466"; } -.ts-icon.is-circle-question-icon::before { - content: "\f059"; +.ts-icon.is-users-rectangle-icon::before { + content: "\e594"; } -.ts-icon.is-square-minus-icon::before { - content: "\f146"; +.ts-icon.is-bangladeshi-taka-sign-icon::before { + content: "\e2e6"; } -.ts-icon.is-sun-icon::before { - content: "\f185"; +.ts-icon.is-earth-asia-icon::before { + content: "\f57e"; } -.ts-icon.is-address-book-icon::before { - content: "\f2b9"; +.ts-icon.is-comment-dollar-icon::before { + content: "\f651"; } -.ts-icon.is-gun-icon::before { - content: "\e19b"; +.ts-icon.is-css3-alt-icon::before { + font-family: "IconsBrands"; + content: "\f38b"; } -.ts-icon.is-lock-icon::before { - content: "\f023"; +.ts-icon.is-person-arrow-up-from-line-icon::before { + content: "\e539"; } -.ts-icon.is-money-bill-wave-icon::before { - content: "\f53a"; +.ts-icon.is-timeline-icon::before { + content: "\e29c"; } -.ts-icon.is-rupee-sign-icon::before { - content: "\f156"; +.ts-icon.is-unity-icon::before { + font-family: "IconsBrands"; + content: "\e049"; } -.ts-icon.is-toilet-paper-slash-icon::before { - content: "\e072"; +.ts-icon.is-42-group-icon::before { + font-family: "IconsBrands"; + content: "\e080"; } -.ts-icon.is-contao-icon::before { +.ts-icon.is-avianex-icon::before { font-family: "IconsBrands"; - content: "\f26d"; + content: "\f374"; } -.ts-icon.is-linkedin-icon::before { +.ts-icon.is-wikipedia-w-icon::before { font-family: "IconsBrands"; - content: "\f08c"; + content: "\f266"; } -.ts-icon.is-not-equal-icon::before { - content: "\f53e"; +.ts-icon.is-node-js-icon::before { + font-family: "IconsBrands"; + content: "\f3d3"; } -.ts-icon.is-hashtag-icon::before { - content: "\23"; +.ts-icon.is-redhat-icon::before { + font-family: "IconsBrands"; + content: "\f7bc"; } -.ts-icon.is-slash-icon::before { - content: "\f715"; +.ts-icon.is-magento-icon::before { + font-family: "IconsBrands"; + content: "\f3c4"; } -.ts-icon.is-mountain-city-icon::before { - content: "\e52e"; +.ts-icon.is-mailchimp-icon::before { + font-family: "IconsBrands"; + content: "\f59e"; } -.ts-icon.is-patreon-icon::before { +.ts-icon.is-supple-icon::before { font-family: "IconsBrands"; - content: "\f3d9"; + content: "\f3f9"; } -.ts-icon.is-user-ninja-icon::before { - content: "\f504"; +.ts-icon.is-table-cells-large-icon::before { + content: "\f009"; } -.ts-icon.is-android-icon::before { +.ts-icon.is-free-code-camp-icon::before { font-family: "IconsBrands"; - content: "\f17b"; + content: "\f2c5"; } -.ts-icon.is-face-meh-icon::before { - content: "\f11a"; +.ts-icon.is-hourglass-end-icon::before { + content: "\f253"; } -.ts-icon.is-algolia-icon::before { - font-family: "IconsBrands"; - content: "\f36c"; +.ts-icon.is-code-merge-icon::before { + content: "\f387"; } -.ts-icon.is-bus-icon::before { - content: "\f207"; +.ts-icon.is-house-flood-water-circle-arrow-right-icon::before { + content: "\e50f"; } -.ts-icon.is-dumpster-fire-icon::before { - content: "\f794"; +.ts-icon.is-plane-circle-xmark-icon::before { + content: "\e557"; } -.ts-icon.is-fedora-icon::before { +.ts-icon.is-yarn-icon::before { font-family: "IconsBrands"; - content: "\f798"; + content: "\f7e3"; } -.ts-icon.is-hanukiah-icon::before { - content: "\f6e6"; +.ts-icon.is-circle-user-icon::before { + content: "\f2bd"; } -.ts-icon.is-lari-sign-icon::before { - content: "\e1c8"; +.ts-icon.is-cloud-showers-heavy-icon::before { + content: "\f740"; } -.ts-icon.is-map-pin-icon::before { - content: "\f276"; +.ts-icon.is-face-dizzy-icon::before { + content: "\f567"; } -.ts-icon.is-person-circle-exclamation-icon::before { - content: "\e53f"; +.ts-icon.is-file-csv-icon::before { + content: "\f6dd"; } -.ts-icon.is-users-rays-icon::before { - content: "\e593"; +.ts-icon.is-house-icon::before { + content: "\f015"; } -.ts-icon.is-squarespace-icon::before { - font-family: "IconsBrands"; - content: "\f5be"; +.ts-icon.is-arrows-up-to-line-icon::before { + content: "\e4c2"; } -.ts-icon.is-evernote-icon::before { - font-family: "IconsBrands"; - content: "\f839"; +.ts-icon.is-cat-icon::before { + content: "\f6be"; } -.ts-icon.is-print-icon::before { - content: "\f02f"; +.ts-icon.is-face-smile-wink-icon::before { + content: "\f4da"; } -.ts-icon.is-grip-lines-icon::before { - content: "\f7a4"; +.ts-icon.is-faucet-drip-icon::before { + content: "\e006"; } -.ts-icon.is-lyft-icon::before { - font-family: "IconsBrands"; - content: "\f3c3"; +.ts-icon.is-record-vinyl-icon::before { + content: "\f8d9"; } -.ts-icon.is-phabricator-icon::before { - font-family: "IconsBrands"; - content: "\f3db"; +.ts-icon.is-tty-icon::before { + content: "\f1e4"; } -.ts-icon.is-zhihu-icon::before { +.ts-icon.is-accusoft-icon::before { font-family: "IconsBrands"; - content: "\f63f"; -} - -.ts-icon.is-chart-line-icon::before { - content: "\f201"; + content: "\f369"; } -.ts-icon.is-check-to-slot-icon::before { - content: "\f772"; +.ts-icon.is-circle-arrow-down-icon::before { + content: "\f0ab"; } -.ts-icon.is-hire-a-helper-icon::before { +.ts-icon.is-meetup-icon::before { font-family: "IconsBrands"; - content: "\f3b0"; + content: "\f2e0"; } -.ts-icon.is-passport-icon::before { - content: "\f5ab"; +.ts-icon.is-plane-arrival-icon::before { + content: "\f5af"; } -.ts-icon.is-spaghetti-monster-flying-icon::before { - content: "\f67b"; +.ts-icon.is-wrench-icon::before { + content: "\f0ad"; } -.ts-icon.is-circle-chevron-left-icon::before { - content: "\f137"; +.ts-icon.is-arrow-down-long-icon::before { + content: "\f175"; } -.ts-icon.is-cmplid-icon::before { - font-family: "IconsBrands"; - content: "\e360"; +.ts-icon.is-droplet-icon::before { + content: "\f043"; } -.ts-icon.is-imdb-icon::before { +.ts-icon.is-comment-icon::before { + content: "\f075"; +} + +.ts-icon.is-bandcamp-icon::before { font-family: "IconsBrands"; - content: "\f2d8"; + content: "\f2d5"; } -.ts-icon.is-people-roof-icon::before { - content: "\e537"; +.ts-icon.is-box-open-icon::before { + content: "\f49e"; } -.ts-icon.is-palfed-icon::before { - font-family: "IconsBrands"; - content: "\f3d8"; +.ts-icon.is-money-check-icon::before { + content: "\f53c"; } -.ts-icon.is-person-burst-icon::before { - content: "\e53b"; +.ts-icon.is-arrow-right-icon::before { + content: "\f061"; } -.ts-icon.is-square-envelope-icon::before { - content: "\f199"; +.ts-icon.is-face-grin-beam-sweat-icon::before { + content: "\f583"; } -.ts-icon.is-ups-icon::before { - font-family: "IconsBrands"; - content: "\f7e0"; +.ts-icon.is-mars-stroke-up-icon::before { + content: "\f22a"; } -.ts-icon.is-virus-slash-icon::before { - content: "\e075"; +.ts-icon.is-v-icon::before { + content: "\56"; } -.ts-icon.is-face-laugh-beam-icon::before { - content: "\f59a"; +.ts-icon.is-child-reaching-icon::before { + content: "\e59d"; } -.ts-icon.is-snowflake-icon::before { - content: "\f2dc"; +.ts-icon.is-hornbill-icon::before { + font-family: "IconsBrands"; + content: "\f592"; } -.ts-icon.is-trade-federation-icon::before { +.ts-icon.is-goodreads-g-icon::before { font-family: "IconsBrands"; - content: "\f513"; + content: "\f3a9"; } -.ts-icon.is-user-clock-icon::before { - content: "\f4fd"; +.ts-icon.is-truck-monster-icon::before { + content: "\f63b"; } -.ts-icon.is-code-branch-icon::before { - content: "\f126"; +.ts-icon.is-circle-arrow-left-icon::before { + content: "\f0a8"; } -.ts-icon.is-hourglass-icon::before { - content: "\f254"; +.ts-icon.is-kaggle-icon::before { + font-family: "IconsBrands"; + content: "\f5fa"; } -.ts-icon.is-pager-icon::before { - content: "\f815"; +.ts-icon.is-file-invoice-dollar-icon::before { + content: "\f571"; } -.ts-icon.is-x-ray-icon::before { - content: "\f497"; +.ts-icon.is-leanpub-icon::before { + font-family: "IconsBrands"; + content: "\f212"; } -.ts-icon.is-bandage-icon::before { - content: "\f462"; +.ts-icon.is-rocket-icon::before { + content: "\f135"; } -.ts-icon.is-microphone-slash-icon::before { - content: "\f131"; +.ts-icon.is-c-icon::before { + content: "\43"; } -.ts-icon.is-person-breastfeeding-icon::before { - content: "\e53a"; +.ts-icon.is-file-circle-plus-icon::before { + content: "\e494"; } -.ts-icon.is-square-instagram-icon::before { - font-family: "IconsBrands"; - content: "\e055"; +.ts-icon.is-group-arrows-rotate-icon::before { + content: "\e4f6"; } -.ts-icon.is-temperature-low-icon::before { - content: "\f76b"; +.ts-icon.is-shield-virus-icon::before { + content: "\e06c"; } -.ts-icon.is-user-plus-icon::before { - content: "\f234"; +.ts-icon.is-calendar-plus-icon::before { + content: "\f271"; } -.ts-icon.is-face-smile-wink-icon::before { - content: "\f4da"; +.ts-icon.is-dhl-icon::before { + font-family: "IconsBrands"; + content: "\f790"; } -.ts-icon.is-phone-slash-icon::before { - content: "\f3dd"; +.ts-icon.is-link-slash-icon::before { + content: "\f127"; } -.ts-icon.is-searchengin-icon::before { +.ts-icon.is-quora-icon::before { font-family: "IconsBrands"; - content: "\f3eb"; + content: "\f2c4"; } -.ts-icon.is-tractor-icon::before { - content: "\f722"; +.ts-icon.is-rug-icon::before { + content: "\e569"; } -.ts-icon.is-recycle-icon::before { - content: "\f1b8"; +.ts-icon.is-toggle-on-icon::before { + content: "\f205"; } -.ts-icon.is-tooth-icon::before { - content: "\f5c9"; +.ts-icon.is-5-icon::before { + content: "\35"; } -.ts-icon.is-vault-icon::before { - content: "\e2c5"; +.ts-icon.is-arrow-down-icon::before { + content: "\f063"; } -.ts-icon.is-angellist-icon::before { +.ts-icon.is-salesforce-icon::before { font-family: "IconsBrands"; - content: "\f209"; -} - -.ts-icon.is-chart-gantt-icon::before { - content: "\e0e4"; + content: "\f83b"; } -.ts-icon.is-dice-one-icon::before { - content: "\f525"; +.ts-icon.is-dumpster-icon::before { + content: "\f793"; } -.ts-icon.is-kitchen-set-icon::before { - content: "\e51a"; +.ts-icon.is-om-icon::before { + content: "\f679"; } -.ts-icon.is-bed-pulse-icon::before { - content: "\f487"; +.ts-icon.is-tablet-icon::before { + content: "\f3fb"; } -.ts-icon.is-compress-icon::before { - content: "\f066"; +.ts-icon.is-git-alt-icon::before { + font-family: "IconsBrands"; + content: "\f841"; } -.ts-icon.is-pied-piper-icon::before { - font-family: "IconsBrands"; - content: "\f2ae"; +.ts-icon.is-spider-icon::before { + content: "\f717"; } -.ts-icon.is-wheat-awn-circle-exclamation-icon::before { - content: "\e598"; +.ts-icon.is-walkie-talkie-icon::before { + content: "\f8ef"; } -.ts-icon.is-cross-icon::before { - content: "\f654"; +.ts-icon.is-wind-icon::before { + content: "\f72e"; } -.ts-icon.is-eject-icon::before { - content: "\f052"; +.ts-icon.is-audible-icon::before { + font-family: "IconsBrands"; + content: "\f373"; } -.ts-icon.is-folder-icon::before { - content: "\f07b"; +.ts-icon.is-l-icon::before { + content: "\4c"; } -.ts-icon.is-gratipay-icon::before { - font-family: "IconsBrands"; - content: "\f184"; +.ts-icon.is-person-cane-icon::before { + content: "\e53c"; } -.ts-icon.is-markdown-icon::before { - font-family: "IconsBrands"; - content: "\f60f"; +.ts-icon.is-sign-hanging-icon::before { + content: "\f4d9"; } -.ts-icon.is-person-walking-icon::before { - content: "\f554"; +.ts-icon.is-building-circle-arrow-right-icon::before { + content: "\e4d1"; } -.ts-icon.is-retweet-icon::before { - content: "\f079"; +.ts-icon.is-cloud-rain-icon::before { + content: "\f73d"; } -.ts-icon.is-creative-commons-icon::before { +.ts-icon.is-old-republic-icon::before { font-family: "IconsBrands"; - content: "\f25e"; + content: "\f510"; } -.ts-icon.is-landmark-dome-icon::before { - content: "\f752"; +.ts-icon.is-face-grin-squint-icon::before { + content: "\f585"; } -.ts-icon.is-square-full-icon::before { - content: "\f45c"; +.ts-icon.is-less-than-equal-icon::before { + content: "\f537"; } -.ts-icon.is-bacterium-icon::before { - content: "\e05a"; +.ts-icon.is-mill-sign-icon::before { + content: "\e1ed"; } -.ts-icon.is-digg-icon::before { - font-family: "IconsBrands"; - content: "\f1a6"; +.ts-icon.is-x-icon::before { + content: "\58"; } -.ts-icon.is-laptop-file-icon::before { - content: "\e51d"; +.ts-icon.is-arrow-rotate-left-icon::before { + content: "\f0e2"; } -.ts-icon.is-scale-unbalanced-icon::before { - content: "\f515"; +.ts-icon.is-book-quran-icon::before { + content: "\f687"; } -.ts-icon.is-broom-icon::before { - content: "\f51a"; +.ts-icon.is-jedi-icon::before { + content: "\f669"; } -.ts-icon.is-clock-icon::before { - content: "\f017"; +.ts-icon.is-apple-pay-icon::before { + font-family: "IconsBrands"; + content: "\f415"; } -.ts-icon.is-file-lines-icon::before { - content: "\f15c"; +.ts-icon.is-computer-mouse-icon::before { + content: "\f8cc"; } -.ts-icon.is-moon-icon::before { - content: "\f186"; +.ts-icon.is-staylinked-icon::before { + font-family: "IconsBrands"; + content: "\f3f5"; } -.ts-icon.is-paint-roller-icon::before { - content: "\f5aa"; +.ts-icon.is-face-meh-blank-icon::before { + content: "\f5a4"; } -.ts-icon.is-chevron-right-icon::before { - content: "\f054"; +.ts-icon.is-square-behance-icon::before { + font-family: "IconsBrands"; + content: "\f1b5"; } -.ts-icon.is-door-open-icon::before { - content: "\f52b"; +.ts-icon.is-table-list-icon::before { + content: "\f00b"; } -.ts-icon.is-arrow-down-9-1-icon::before { - content: "\f886"; +.ts-icon.is-wand-magic-icon::before { + content: "\f0d0"; } -.ts-icon.is-chart-simple-icon::before { - content: "\e473"; +.ts-icon.is-cart-flatbed-icon::before { + content: "\f474"; } -.ts-icon.is-creative-commons-remix-icon::before { +.ts-icon.is-hips-icon::before { font-family: "IconsBrands"; - content: "\f4ee"; + content: "\f452"; } -.ts-icon.is-plane-slash-icon::before { - content: "\e069"; +.ts-icon.is-radio-icon::before { + content: "\f8d7"; } -.ts-icon.is-image-icon::before { - content: "\f03e"; +.ts-icon.is-fire-burner-icon::before { + content: "\e4f1"; } -.ts-icon.is-location-pin-icon::before { - content: "\f041"; +.ts-icon.is-galactic-senate-icon::before { + font-family: "IconsBrands"; + content: "\f50d"; } -.ts-icon.is-supple-icon::before { +.ts-icon.is-gulp-icon::before { font-family: "IconsBrands"; - content: "\f3f9"; + content: "\f3ae"; } -.ts-icon.is-file-word-icon::before { - content: "\f1c2"; +.ts-icon.is-registered-icon::before { + content: "\f25d"; } -.ts-icon.is-first-order-icon::before { +.ts-icon.is-fonticons-fi-icon::before { font-family: "IconsBrands"; - content: "\f2b0"; + content: "\f3a2"; } -.ts-icon.is-hand-holding-medical-icon::before { - content: "\e05c"; +.ts-icon.is-globe-icon::before { + content: "\f0ac"; } -.ts-icon.is-shoe-prints-icon::before { - content: "\f54b"; +.ts-icon.is-house-circle-xmark-icon::before { + content: "\e50b"; } -.ts-icon.is-drum-steelpan-icon::before { - content: "\f56a"; +.ts-icon.is-wheat-awn-icon::before { + content: "\e2cd"; } -.ts-icon.is-house-chimney-icon::before { - content: "\e3af"; +.ts-icon.is-google-plus-icon::before { + font-family: "IconsBrands"; + content: "\f2b3"; } -.ts-icon.is-money-bill-transfer-icon::before { - content: "\e528"; +.ts-icon.is-google-wallet-icon::before { + font-family: "IconsBrands"; + content: "\f1ee"; } -.ts-icon.is-school-lock-icon::before { - content: "\e56f"; +.ts-icon.is-location-crosshairs-icon::before { + content: "\f601"; } -.ts-icon.is-wpressr-icon::before { - font-family: "IconsBrands"; - content: "\f3e4"; +.ts-icon.is-thumbs-down-icon::before { + content: "\f165"; } -.ts-icon.is-bars-progress-icon::before { - content: "\f828"; +.ts-icon.is-wifi-icon::before { + content: "\f1eb"; } -.ts-icon.is-d-icon::before { - content: "\44"; +.ts-icon.is-buysellads-icon::before { + font-family: "IconsBrands"; + content: "\f20d"; } -.ts-icon.is-odnoklassniki-icon::before { - font-family: "IconsBrands"; - content: "\f263"; +.ts-icon.is-filter-icon::before { + content: "\f0b0"; } -.ts-icon.is-hornbill-icon::before { - font-family: "IconsBrands"; - content: "\f592"; +.ts-icon.is-florin-sign-icon::before { + content: "\e184"; } -.ts-icon.is-medium-icon::before { - font-family: "IconsBrands"; - content: "\f23a"; +.ts-icon.is-handcuffs-icon::before { + content: "\e4f8"; } -.ts-icon.is-microphone-icon::before { - content: "\f130"; +.ts-icon.is-square-up-right-icon::before { + content: "\f360"; } -.ts-icon.is-square-phone-flip-icon::before { - content: "\f87b"; +.ts-icon.is-tree-city-icon::before { + content: "\e587"; } -.ts-icon.is-vest-patches-icon::before { - content: "\e086"; +.ts-icon.is-autoprefixer-icon::before { + font-family: "IconsBrands"; + content: "\f41c"; } -.ts-icon.is-virus-covid-slash-icon::before { - content: "\e4a9"; +.ts-icon.is-right-from-bracket-icon::before { + content: "\f2f5"; } -.ts-icon.is-sun-plant-wilt-icon::before { - content: "\e57a"; +.ts-icon.is-critical-role-icon::before { + font-family: "IconsBrands"; + content: "\f6c9"; } -.ts-icon.is-up-long-icon::before { - content: "\f30c"; +.ts-icon.is-road-spikes-icon::before { + content: "\e568"; } -.ts-icon.is-display-icon::before { - content: "\e163"; +.ts-icon.is-truck-ramp-box-icon::before { + content: "\f4de"; } -.ts-icon.is-phone-icon::before { - content: "\f095"; +.ts-icon.is-arrow-right-to-bracket-icon::before { + content: "\f090"; } -.ts-icon.is-sort-icon::before { - content: "\f0dc"; +.ts-icon.is-clipboard-icon::before { + content: "\f328"; } -.ts-icon.is-buromobelexperte-icon::before { - font-family: "IconsBrands"; - content: "\f37f"; +.ts-icon.is-tv-icon::before { + content: "\f26c"; } -.ts-icon.is-computer-mouse-icon::before { - content: "\f8cc"; +.ts-icon.is-patreon-icon::before { + font-family: "IconsBrands"; + content: "\f3d9"; } -.ts-icon.is-archway-icon::before { - content: "\f557"; +.ts-icon.is-z-icon::before { + content: "\5a"; } -.ts-icon.is-square-tumblr-icon::before { +.ts-icon.is-weixin-icon::before { font-family: "IconsBrands"; - content: "\f174"; + content: "\f1d7"; } -.ts-icon.is-clover-icon::before { - content: "\e139"; +.ts-icon.is-moon-icon::before { + content: "\f186"; } -.ts-icon.is-comment-dots-icon::before { - content: "\f4ad"; +.ts-icon.is-star-and-crescent-icon::before { + content: "\f699"; } -.ts-icon.is-microphone-lines-icon::before { - content: "\f3c9"; +.ts-icon.is-hand-point-right-icon::before { + content: "\f0a4"; } -.ts-icon.is-object-group-icon::before { - content: "\f247"; +.ts-icon.is-hand-spock-icon::before { + content: "\f259"; } -.ts-icon.is-paperclip-icon::before { - content: "\f0c6"; +.ts-icon.is-code-branch-icon::before { + content: "\f126"; } -.ts-icon.is-person-military-rifle-icon::before { - content: "\e54b"; +.ts-icon.is-credit-card-icon::before { + content: "\f09d"; } -.ts-icon.is-bolt-lightning-icon::before { - content: "\e0b7"; +.ts-icon.is-elementor-icon::before { + font-family: "IconsBrands"; + content: "\f430"; } -.ts-icon.is-circle-arrow-up-icon::before { - content: "\f0aa"; +.ts-icon.is-mosquito-icon::before { + content: "\e52b"; } -.ts-icon.is-comment-sms-icon::before { - content: "\f7cd"; +.ts-icon.is-mountain-city-icon::before { + content: "\e52e"; } -.ts-icon.is-hand-point-left-icon::before { - content: "\f0a5"; +.ts-icon.is-snowman-icon::before { + content: "\f7d0"; } -.ts-icon.is-jedi-order-icon::before { - font-family: "IconsBrands"; - content: "\f50e"; +.ts-icon.is-ban-smoking-icon::before { + content: "\f54d"; } -.ts-icon.is-stripe-s-icon::before { +.ts-icon.is-cmplid-icon::before { font-family: "IconsBrands"; - content: "\f42a"; + content: "\e360"; } -.ts-icon.is-dev-icon::before { - font-family: "IconsBrands"; - content: "\f6cc"; +.ts-icon.is-school-lock-icon::before { + content: "\e56f"; } -.ts-icon.is-hand-point-down-icon::before { - content: "\f0a7"; +.ts-icon.is-expand-icon::before { + content: "\f065"; } -.ts-icon.is-mendeley-icon::before { +.ts-icon.is-hubspot-icon::before { font-family: "IconsBrands"; - content: "\f7b3"; + content: "\f3b2"; } -.ts-icon.is-window-minimize-icon::before { - content: "\f2d1"; +.ts-icon.is-bridge-lock-icon::before { + content: "\e4cc"; } -.ts-icon.is-angular-icon::before { - font-family: "IconsBrands"; - content: "\f420"; +.ts-icon.is-circle-dollar-to-slot-icon::before { + content: "\f4b9"; } -.ts-icon.is-diagram-successor-icon::before { - content: "\e47a"; +.ts-icon.is-pied-piper-icon::before { + font-family: "IconsBrands"; + content: "\f2ae"; } -.ts-icon.is-dna-icon::before { - content: "\f471"; +.ts-icon.is-splotch-icon::before { + content: "\f5bc"; } -.ts-icon.is-font-awesome-icon::before { - content: "\f2b4"; +.ts-icon.is-user-shield-icon::before { + content: "\f505"; } -.ts-icon.is-shirt-icon::before { - content: "\f553"; +.ts-icon.is-circle-check-icon::before { + content: "\f058"; } -.ts-icon.is-sitemap-icon::before { - content: "\f0e8"; +.ts-icon.is-heart-circle-bolt-icon::before { + content: "\e4fc"; } -.ts-icon.is-timeline-icon::before { - content: "\e29c"; +.ts-icon.is-bus-simple-icon::before { + content: "\f55e"; } -.ts-icon.is-arrow-down-z-a-icon::before { - content: "\f881"; +.ts-icon.is-leaf-icon::before { + content: "\f06c"; } -.ts-icon.is-arrow-turn-up-icon::before { - content: "\f148"; +.ts-icon.is-ioxhost-icon::before { + font-family: "IconsBrands"; + content: "\f208"; } -.ts-icon.is-bus-simple-icon::before { - content: "\f55e"; +.ts-icon.is-palfed-icon::before { + font-family: "IconsBrands"; + content: "\f3d8"; } -.ts-icon.is-sink-icon::before { - content: "\e06d"; +.ts-icon.is-download-icon::before { + content: "\f019"; } -.ts-icon.is-sterling-sign-icon::before { - content: "\f154"; -} - -.ts-icon.is-6-icon::before { - content: "\36"; +.ts-icon.is-house-signal-icon::before { + content: "\e012"; } -.ts-icon.is-caret-up-icon::before { - content: "\f0d8"; +.ts-icon.is-xmark-icon::before { + content: "\f00d"; } -.ts-icon.is-circle-dollar-to-slot-icon::before { - content: "\f4b9"; +.ts-icon.is-codiepie-icon::before { + font-family: "IconsBrands"; + content: "\f284"; } -.ts-icon.is-creative-commons-by-icon::before { +.ts-icon.is-wodu-icon::before { font-family: "IconsBrands"; - content: "\f4e7"; + content: "\e088"; } -.ts-icon.is-fonticons-icon::before { +.ts-icon.is-ebay-icon::before { font-family: "IconsBrands"; - content: "\f280"; + content: "\f4f4"; } -.ts-icon.is-indian-rupee-sign-icon::before { - content: "\e1bc"; +.ts-icon.is-litecoin-sign-icon::before { + content: "\e1d3"; } -.ts-icon.is-bug-slash-icon::before { - content: "\e490"; +.ts-icon.is-wheelchair-icon::before { + content: "\f193"; } -.ts-icon.is-medrt-icon::before { - font-family: "IconsBrands"; - content: "\f3c8"; +.ts-icon.is-heading-icon::before { + content: "\f1dc"; } -.ts-icon.is-tent-arrows-down-icon::before { - content: "\e581"; +.ts-icon.is-person-walking-icon::before { + content: "\f554"; } -.ts-icon.is-frog-icon::before { - content: "\f52e"; +.ts-icon.is-circle-plus-icon::before { + content: "\f055"; } -.ts-icon.is-image-portrait-icon::before { - content: "\f3e0"; +.ts-icon.is-pinterest-icon::before { + font-family: "IconsBrands"; + content: "\f0d2"; } -.ts-icon.is-person-walking-arrow-loop-left-icon::before { - content: "\e551"; +.ts-icon.is-comment-dots-icon::before { + content: "\f4ad"; } -.ts-icon.is-star-of-life-icon::before { - content: "\f621"; +.ts-icon.is-ruler-icon::before { + content: "\f545"; } -.ts-icon.is-facebook-icon::before { +.ts-icon.is-pied-piper-hat-icon::before { font-family: "IconsBrands"; - content: "\f09a"; + content: "\f4e5"; } -.ts-icon.is-locust-icon::before { - content: "\e520"; +.ts-icon.is-hands-praying-icon::before { + content: "\f684"; } -.ts-icon.is-thermometer-icon::before { - content: "\f491"; +.ts-icon.is-object-ungroup-icon::before { + content: "\f248"; } -.ts-icon.is-galactic-senate-icon::before { - font-family: "IconsBrands"; - content: "\f50d"; +.ts-icon.is-play-icon::before { + content: "\f04b"; } -.ts-icon.is-shield-dog-icon::before { - content: "\e573"; +.ts-icon.is-rupee-sign-icon::before { + content: "\f156"; } -.ts-icon.is-comment-medical-icon::before { - content: "\f7f5"; +.ts-icon.is-space-awesome-icon::before { + font-family: "IconsBrands"; + content: "\e5ac"; } -.ts-icon.is-plug-circle-bolt-icon::before { - content: "\e55b"; +.ts-icon.is-grip-vertical-icon::before { + content: "\f58e"; } -.ts-icon.is-train-subway-icon::before { - content: "\f239"; +.ts-icon.is-martini-glass-citrus-icon::before { + content: "\f561"; } -.ts-icon.is-dollar-sign-icon::before { - content: "\24"; +.ts-icon.is-circle-stop-icon::before { + content: "\f28d"; } -.ts-icon.is-ellipsis-icon::before { - content: "\f141"; +.ts-icon.is-display-icon::before { + content: "\e163"; } -.ts-icon.is-spray-can-icon::before { - content: "\f5bd"; +.ts-icon.is-graduation-cap-icon::before { + content: "\f19d"; } -.ts-icon.is-typo3-icon::before { +.ts-icon.is-truck-field-un-icon::before { + content: "\e58e"; +} + +.ts-icon.is-youtube-icon::before { font-family: "IconsBrands"; - content: "\f42b"; + content: "\f167"; } -.ts-icon.is-8-icon::before { - content: "\38"; +.ts-icon.is-backward-icon::before { + content: "\f04a"; } -.ts-icon.is-feather-icon::before { - content: "\f52d"; +.ts-icon.is-circle-minus-icon::before { + content: "\f056"; } -.ts-icon.is-glide-g-icon::before { - font-family: "IconsBrands"; - content: "\f2a6"; +.ts-icon.is-route-icon::before { + content: "\f4d7"; } -.ts-icon.is-paste-icon::before { - content: "\f0ea"; +.ts-icon.is-shield-halved-icon::before { + content: "\f3ed"; } -.ts-icon.is-users-between-lines-icon::before { - content: "\e591"; +.ts-icon.is-hand-fist-icon::before { + content: "\f6de"; } -.ts-icon.is-w-icon::before { - content: "\57"; +.ts-icon.is-plus-minus-icon::before { + content: "\e43c"; } -.ts-icon.is-bullhorn-icon::before { - content: "\f0a1"; +.ts-icon.is-replyd-icon::before { + font-family: "IconsBrands"; + content: "\f3e6"; } -.ts-icon.is-face-kiss-beam-icon::before { - content: "\f597"; +.ts-icon.is-money-bill-icon::before { + content: "\f0d6"; } -.ts-icon.is-fedex-icon::before { - font-family: "IconsBrands"; - content: "\f797"; +.ts-icon.is-up-long-icon::before { + content: "\f30c"; } -.ts-icon.is-satellite-dish-icon::before { - content: "\f7c0"; +.ts-icon.is-staff-snake-icon::before { + content: "\e579"; } -.ts-icon.is-bridge-water-icon::before { - content: "\e4ce"; +.ts-icon.is-yelp-icon::before { + font-family: "IconsBrands"; + content: "\f1e9"; } -.ts-icon.is-code-commit-icon::before { - content: "\f386"; +.ts-icon.is-chrome-icon::before { + font-family: "IconsBrands"; + content: "\f268"; } -.ts-icon.is-file-import-icon::before { - content: "\f56f"; +.ts-icon.is-drupal-icon::before { + font-family: "IconsBrands"; + content: "\f1a9"; } -.ts-icon.is-qrcode-icon::before { - content: "\f029"; +.ts-icon.is-erlang-icon::before { + font-family: "IconsBrands"; + content: "\f39d"; } -.ts-icon.is-road-barrier-icon::before { - content: "\e562"; +.ts-icon.is-up-down-left-right-icon::before { + content: "\f0b2"; } -.ts-icon.is-barcode-icon::before { - content: "\f02a"; +.ts-icon.is-weight-hanging-icon::before { + content: "\f5cd"; } -.ts-icon.is-truck-medical-icon::before { - content: "\f0f9"; +.ts-icon.is-anchor-lock-icon::before { + content: "\e4ad"; } -.ts-icon.is-users-line-icon::before { - content: "\e592"; +.ts-icon.is-envelope-circle-check-icon::before { + content: "\e4e8"; } -.ts-icon.is-firefox-icon::before { - font-family: "IconsBrands"; - content: "\f269"; +.ts-icon.is-otter-icon::before { + content: "\f700"; } -.ts-icon.is-hands-bound-icon::before { - content: "\e4f9"; +.ts-icon.is-calendar-icon::before { + content: "\f133"; } -.ts-icon.is-itunes-note-icon::before { - font-family: "IconsBrands"; - content: "\f3b5"; +.ts-icon.is-dice-five-icon::before { + content: "\f523"; } -.ts-icon.is-marker-icon::before { - content: "\f5a1"; +.ts-icon.is-laptop-code-icon::before { + content: "\f5fc"; } -.ts-icon.is-mask-icon::before { - content: "\f6fa"; +.ts-icon.is-mountain-icon::before { + content: "\f6fc"; } -.ts-icon.is-pencil-icon::before { - content: "\f303"; +.ts-icon.is-highlighter-icon::before { + content: "\f591"; } -.ts-icon.is-basket-shopping-icon::before { - content: "\f291"; +.ts-icon.is-landmark-dome-icon::before { + content: "\f752"; } -.ts-icon.is-cake-candles-icon::before { - content: "\f1fd"; +.ts-icon.is-square-root-variable-icon::before { + content: "\f698"; } -.ts-icon.is-pause-icon::before { - content: "\f04c"; +.ts-icon.is-lari-sign-icon::before { + content: "\e1c8"; } -.ts-icon.is-sign-hanging-icon::before { - content: "\f4d9"; +.ts-icon.is-plane-circle-exclamation-icon::before { + content: "\e556"; } -.ts-icon.is-smoking-icon::before { - content: "\f48d"; +.ts-icon.is-scale-balanced-icon::before { + content: "\f24e"; } -.ts-icon.is-tv-icon::before { - content: "\f26c"; +.ts-icon.is-zhihu-icon::before { + font-family: "IconsBrands"; + content: "\f63f"; } -.ts-icon.is-diagram-predecessor-icon::before { - content: "\e477"; +.ts-icon.is-handshake-icon::before { + content: "\f2b5"; } -.ts-icon.is-folder-closed-icon::before { - content: "\e185"; +.ts-icon.is-microphone-lines-slash-icon::before { + content: "\f539"; } -.ts-icon.is-square-person-confined-icon::before { - content: "\e577"; +.ts-icon.is-taxi-icon::before { + content: "\f1ba"; } -.ts-icon.is-telegram-icon::before { +.ts-icon.is-usb-icon::before { font-family: "IconsBrands"; - content: "\f2c6"; -} - -.ts-icon.is-v-icon::before { - content: "\56"; -} - -.ts-icon.is-wand-magic-icon::before { - content: "\f0d0"; + content: "\f287"; } -.ts-icon.is-github-alt-icon::before { - font-family: "IconsBrands"; - content: "\f113"; +.ts-icon.is-x-ray-icon::before { + content: "\f497"; } -.ts-icon.is-o-icon::before { - content: "\4f"; +.ts-icon.is-head-side-cough-icon::before { + content: "\e061"; } -.ts-icon.is-stopwatch-icon::before { - content: "\f2f2"; +.ts-icon.is-map-pin-icon::before { + content: "\f276"; } -.ts-icon.is-angles-right-icon::before { - content: "\f101"; +.ts-icon.is-facebook-icon::before { + font-family: "IconsBrands"; + content: "\f09a"; } -.ts-icon.is-arrow-up-short-wide-icon::before { - content: "\f885"; +.ts-icon.is-file-circle-xmark-icon::before { + content: "\e5a1"; } -.ts-icon.is-circle-arrow-right-icon::before { - content: "\f0a9"; +.ts-icon.is-dragon-icon::before { + content: "\f6d5"; } -.ts-icon.is-discord-icon::before { +.ts-icon.is-reddit-alien-icon::before { font-family: "IconsBrands"; - content: "\f392"; + content: "\f281"; } -.ts-icon.is-kickstarter-icon::before { - font-family: "IconsBrands"; - content: "\f3bb"; +.ts-icon.is-right-long-icon::before { + content: "\f30b"; } -.ts-icon.is-arrow-down-up-across-line-icon::before { - content: "\e4af"; +.ts-icon.is-signal-icon::before { + content: "\f012"; } -.ts-icon.is-baby-carriage-icon::before { - content: "\f77d"; +.ts-icon.is-users-line-icon::before { + content: "\e592"; } -.ts-icon.is-flipboard-icon::before { - font-family: "IconsBrands"; - content: "\f44d"; +.ts-icon.is-virus-covid-icon::before { + content: "\e4a8"; } -.ts-icon.is-user-secret-icon::before { - content: "\f21b"; +.ts-icon.is-angles-up-icon::before { + content: "\f102"; } -.ts-icon.is-cookie-bite-icon::before { - content: "\f564"; +.ts-icon.is-arrow-down-wide-short-icon::before { + content: "\f160"; } -.ts-icon.is-periscope-icon::before { - font-family: "IconsBrands"; - content: "\f3da"; +.ts-icon.is-money-bill-1-wave-icon::before { + content: "\f53b"; } -.ts-icon.is-baht-sign-icon::before { - content: "\e0ac"; +.ts-icon.is-clipboard-list-icon::before { + content: "\f46d"; } -.ts-icon.is-guilded-icon::before { +.ts-icon.is-get-pocket-icon::before { font-family: "IconsBrands"; - content: "\e07e"; -} - -.ts-icon.is-money-bills-icon::before { - content: "\e1f3"; + content: "\f265"; } -.ts-icon.is-bluetooth-icon::before { +.ts-icon.is-centos-icon::before { font-family: "IconsBrands"; - content: "\f293"; + content: "\f789"; } -.ts-icon.is-crop-simple-icon::before { - content: "\f565"; +.ts-icon.is-crosshairs-icon::before { + content: "\f05b"; } -.ts-icon.is-file-excel-icon::before { - content: "\f1c3"; +.ts-icon.is-earth-africa-icon::before { + content: "\f57c"; } -.ts-icon.is-fonticons-fi-icon::before { - font-family: "IconsBrands"; - content: "\f3a2"; +.ts-icon.is-house-chimney-crack-icon::before { + content: "\f6f1"; } -.ts-icon.is-person-drowning-icon::before { - content: "\e545"; +.ts-icon.is-smog-icon::before { + content: "\f75f"; } -.ts-icon.is-section-icon::before { - content: "\e447"; +.ts-icon.is-arrow-up-from-bracket-icon::before { + content: "\e09a"; } -.ts-icon.is-jenkins-icon::before { +.ts-icon.is-cc-amex-icon::before { font-family: "IconsBrands"; - content: "\f3b6"; + content: "\f1f3"; } -.ts-icon.is-mix-icon::before { +.ts-icon.is-linkedin-icon::before { font-family: "IconsBrands"; - content: "\f3cb"; -} - -.ts-icon.is-address-card-icon::before { - content: "\f2bb"; + content: "\f08c"; } -.ts-icon.is-arrows-spin-icon::before { - content: "\e4bb"; +.ts-icon.is-outdent-icon::before { + content: "\f03b"; } -.ts-icon.is-audible-icon::before { - font-family: "IconsBrands"; - content: "\f373"; +.ts-icon.is-football-icon::before { + content: "\f44e"; } -.ts-icon.is-car-icon::before { - content: "\f1b9"; +.ts-icon.is-house-medical-icon::before { + content: "\e3b2"; } -.ts-icon.is-cart-flatbed-icon::before { - content: "\f474"; +.ts-icon.is-person-drowning-icon::before { + content: "\e545"; } -.ts-icon.is-florin-sign-icon::before { - content: "\e184"; +.ts-icon.is-stapler-icon::before { + content: "\e5af"; } -.ts-icon.is-rebel-icon::before { +.ts-icon.is-contao-icon::before { font-family: "IconsBrands"; - content: "\f1d0"; + content: "\f26d"; } -.ts-icon.is-square-lastfm-icon::before { +.ts-icon.is-firstdraft-icon::before { font-family: "IconsBrands"; - content: "\f203"; + content: "\f3a1"; } -.ts-icon.is-person-shelter-icon::before { - content: "\e54f"; +.ts-icon.is-person-running-icon::before { + content: "\f70c"; } -.ts-icon.is-stethoscope-icon::before { - content: "\f0f1"; +.ts-icon.is-tents-icon::before { + content: "\e582"; } -.ts-icon.is-tower-observation-icon::before { - content: "\e586"; +.ts-icon.is-train-icon::before { + content: "\f238"; } -.ts-icon.is-cart-flatbed-suitcase-icon::before { - content: "\f59d"; +.ts-icon.is-van-shuttle-icon::before { + content: "\f5b6"; } -.ts-icon.is-glasses-icon::before { - content: "\f530"; +.ts-icon.is-chess-rook-icon::before { + content: "\f447"; } -.ts-icon.is-ring-icon::before { - content: "\f70b"; +.ts-icon.is-glass-water-droplet-icon::before { + content: "\e4f5"; } -.ts-icon.is-sd-card-icon::before { - content: "\f7c2"; +.ts-icon.is-fill-icon::before { + content: "\f575"; } -.ts-icon.is-symfony-icon::before { - font-family: "IconsBrands"; - content: "\f83d"; +.ts-icon.is-fish-fins-icon::before { + content: "\e4f2"; } -.ts-icon.is-table-icon::before { - content: "\f0ce"; +.ts-icon.is-users-viewfinder-icon::before { + content: "\e595"; } -.ts-icon.is-calendar-day-icon::before { - content: "\f783"; +.ts-icon.is-vr-cardboard-icon::before { + content: "\f729"; } -.ts-icon.is-leanpub-icon::before { +.ts-icon.is-facebook-f-icon::before { font-family: "IconsBrands"; - content: "\f212"; + content: "\f39e"; } -.ts-icon.is-swift-icon::before { - font-family: "IconsBrands"; - content: "\f8e1"; +.ts-icon.is-file-waveform-icon::before { + content: "\f478"; } -.ts-icon.is-arrow-right-long-icon::before { - content: "\f178"; +.ts-icon.is-person-burst-icon::before { + content: "\e53b"; } -.ts-icon.is-circle-pause-icon::before { - content: "\f28b"; +.ts-icon.is-person-skating-icon::before { + content: "\f7c5"; } -.ts-icon.is-instalod-icon::before { - font-family: "IconsBrands"; - content: "\e081"; +.ts-icon.is-spray-can-icon::before { + content: "\f5bd"; } -.ts-icon.is-teeth-icon::before { - content: "\f62e"; +.ts-icon.is-circle-dot-icon::before { + content: "\f192"; } -.ts-icon.is-angles-down-icon::before { - content: "\f103"; +.ts-icon.is-microscope-icon::before { + content: "\f610"; } -.ts-icon.is-cc-amazon-pay-icon::before { +.ts-icon.is-square-whatsapp-icon::before { font-family: "IconsBrands"; - content: "\f42d"; + content: "\f40c"; } -.ts-icon.is-cc-amex-icon::before { - font-family: "IconsBrands"; - content: "\f1f3"; +.ts-icon.is-user-tie-icon::before { + content: "\f508"; } -.ts-icon.is-dice-four-icon::before { - content: "\f524"; +.ts-icon.is-yahoo-icon::before { + font-family: "IconsBrands"; + content: "\f19e"; } -.ts-icon.is-person-booth-icon::before { - content: "\f756"; +.ts-icon.is-person-hiking-icon::before { + content: "\f6ec"; } -.ts-icon.is-qq-icon::before { - font-family: "IconsBrands"; - content: "\f1d6"; +.ts-icon.is-podcast-icon::before { + content: "\f2ce"; } -.ts-icon.is-reply-all-icon::before { - content: "\f122"; +.ts-icon.is-elevator-icon::before { + content: "\e16d"; } -.ts-icon.is-terminal-icon::before { - content: "\f120"; +.ts-icon.is-ticket-icon::before { + content: "\f145"; } -.ts-icon.is-wordpress-simple-icon::before { - font-family: "IconsBrands"; - content: "\f411"; +.ts-icon.is-not-equal-icon::before { + content: "\f53e"; } -.ts-icon.is-gears-icon::before { - content: "\f085"; +.ts-icon.is-droplet-slash-icon::before { + content: "\f5c7"; } -.ts-icon.is-horse-icon::before { - content: "\f6f0"; +.ts-icon.is-file-export-icon::before { + content: "\f56e"; } -.ts-icon.is-person-dress-burst-icon::before { - content: "\e544"; +.ts-icon.is-floppy-disk-icon::before { + content: "\f0c7"; } -.ts-icon.is-plane-arrival-icon::before { - content: "\f5af"; +.ts-icon.is-people-line-icon::before { + content: "\e534"; } -.ts-icon.is-bowling-ball-icon::before { - content: "\f436"; +.ts-icon.is-arrow-right-long-icon::before { + content: "\f178"; } -.ts-icon.is-drum-icon::before { - content: "\f569"; +.ts-icon.is-church-icon::before { + content: "\f51d"; } -.ts-icon.is-plant-wilt-icon::before { - content: "\e5aa"; +.ts-icon.is-gas-pump-icon::before { + content: "\f52f"; } -.ts-icon.is-the-red-yeti-icon::before { - font-family: "IconsBrands"; - content: "\f69d"; +.ts-icon.is-tenge-sign-icon::before { + content: "\f7d7"; } -.ts-icon.is-tower-broadcast-icon::before { - content: "\f519"; +.ts-icon.is-compact-disc-icon::before { + content: "\f51f"; } -.ts-icon.is-critical-role-icon::before { - font-family: "IconsBrands"; - content: "\f6c9"; +.ts-icon.is-angles-left-icon::before { + content: "\f100"; } -.ts-icon.is-list-ul-icon::before { - content: "\f0ca"; +.ts-icon.is-arrow-down-a-z-icon::before { + content: "\f15d"; } -.ts-icon.is-slideshare-icon::before { - font-family: "IconsBrands"; - content: "\f1e7"; +.ts-icon.is-map-location-icon::before { + content: "\f59f"; } -.ts-icon.is-universal-access-icon::before { - content: "\f29a"; +.ts-icon.is-pen-ruler-icon::before { + content: "\f5ae"; } -.ts-icon.is-house-chimney-medical-icon::before { - content: "\f7f2"; +.ts-icon.is-unlock-icon::before { + content: "\f09c"; } -.ts-icon.is-jira-icon::before { - font-family: "IconsBrands"; - content: "\f7b1"; +.ts-icon.is-file-zipper-icon::before { + content: "\f1c6"; } -.ts-icon.is-less-than-equal-icon::before { - content: "\f537"; +.ts-icon.is-fish-icon::before { + content: "\f578"; } -.ts-icon.is-square-xmark-icon::before { - content: "\f2d3"; +.ts-icon.is-markdown-icon::before { + font-family: "IconsBrands"; + content: "\f60f"; } -.ts-icon.is-golf-ball-tee-icon::before { - content: "\f450"; +.ts-icon.is-battery-empty-icon::before { + content: "\f244"; } -.ts-icon.is-laptop-code-icon::before { - content: "\f5fc"; +.ts-icon.is-file-circle-question-icon::before { + content: "\e4ef"; } -.ts-icon.is-shirtsinbulk-icon::before { +.ts-icon.is-cc-stripe-icon::before { font-family: "IconsBrands"; - content: "\f214"; + content: "\f1f5"; } -.ts-icon.is-fire-extinguisher-icon::before { - content: "\f134"; +.ts-icon.is-dungeon-icon::before { + content: "\f6d9"; } -.ts-icon.is-hands-asl-interpreting-icon::before { - content: "\f2a3"; +.ts-icon.is-sketch-icon::before { + font-family: "IconsBrands"; + content: "\f7c6"; } -.ts-icon.is-school-circle-check-icon::before { - content: "\e56b"; +.ts-icon.is-underline-icon::before { + content: "\f0cd"; } -.ts-icon.is-servicestack-icon::before { - font-family: "IconsBrands"; - content: "\f3ec"; +.ts-icon.is-barcode-icon::before { + content: "\f02a"; +} + +.ts-icon.is-bugs-icon::before { + content: "\e4d0"; } .ts-icon.is-vest-icon::before { content: "\e085"; } -.ts-icon.is-battery-half-icon::before { - content: "\f242"; +.ts-icon.is-bore-hole-icon::before { + content: "\e4c3"; } -.ts-icon.is-house-medical-icon::before { - content: "\e3b2"; +.ts-icon.is-face-grin-icon::before { + content: "\f580"; } -.ts-icon.is-memory-icon::before { - content: "\f538"; +.ts-icon.is-watchman-monitoring-icon::before { + font-family: "IconsBrands"; + content: "\e087"; } -.ts-icon.is-menorah-icon::before { - content: "\f676"; +.ts-icon.is-arrows-down-to-line-icon::before { + content: "\e4b8"; } -.ts-icon.is-mizuni-icon::before { - font-family: "IconsBrands"; - content: "\f3cc"; +.ts-icon.is-house-chimney-icon::before { + content: "\e3af"; } -.ts-icon.is-rocket-icon::before { - content: "\f135"; +.ts-icon.is-mobile-button-icon::before { + content: "\f10b"; } -.ts-icon.is-arrow-up-from-bracket-icon::before { - content: "\e09a"; +.ts-icon.is-pen-fancy-icon::before { + content: "\f5ac"; } -.ts-icon.is-cloud-showers-water-icon::before { - content: "\e4e4"; +.ts-icon.is-poop-icon::before { + content: "\f619"; } -.ts-icon.is-paragraph-icon::before { - content: "\f1dd"; +.ts-icon.is-life-ring-icon::before { + content: "\f1cd"; } -.ts-icon.is-apple-pay-icon::before { - font-family: "IconsBrands"; - content: "\f415"; +.ts-icon.is-arrow-turn-up-icon::before { + content: "\f148"; } -.ts-icon.is-house-circle-exclamation-icon::before { - content: "\e50a"; +.ts-icon.is-comments-dollar-icon::before { + content: "\f653"; } -.ts-icon.is-person-harassing-icon::before { - content: "\e549"; +.ts-icon.is-o-icon::before { + content: "\4f"; } -.ts-icon.is-sim-card-icon::before { - content: "\f7c4"; +.ts-icon.is-building-shield-icon::before { + content: "\e4d8"; } -.ts-icon.is-square-caret-right-icon::before { - content: "\f152"; +.ts-icon.is-paperclip-icon::before { + content: "\f0c6"; } -.ts-icon.is-users-viewfinder-icon::before { - content: "\e595"; +.ts-icon.is-mound-icon::before { + content: "\e52d"; } -.ts-icon.is-cc-stripe-icon::before { - font-family: "IconsBrands"; - content: "\f1f5"; +.ts-icon.is-guarani-sign-icon::before { + content: "\e19a"; } -.ts-icon.is-cloud-showers-heavy-icon::before { - content: "\f740"; +.ts-icon.is-f-icon::before { + content: "\46"; } -.ts-icon.is-road-spikes-icon::before { - content: "\e568"; +.ts-icon.is-gripfire-icon::before { + font-family: "IconsBrands"; + content: "\f3ac"; } -.ts-icon.is-sliders-icon::before { - content: "\f1de"; +.ts-icon.is-laptop-medical-icon::before { + content: "\f812"; } -.ts-icon.is-house-chimney-window-icon::before { - content: "\e00d"; +.ts-icon.is-puzzle-piece-icon::before { + content: "\f12e"; } -.ts-icon.is-snowman-icon::before { - content: "\f7d0"; +.ts-icon.is-square-github-icon::before { + font-family: "IconsBrands"; + content: "\f092"; } -.ts-icon.is-magnifying-glass-chart-icon::before { - content: "\e522"; +.ts-icon.is-turkish-lira-sign-icon::before { + content: "\e2bb"; } -.ts-icon.is-pied-piper-alt-icon::before { - font-family: "IconsBrands"; - content: "\f1a8"; +.ts-icon.is-file-icon::before { + content: "\f15b"; } -.ts-icon.is-tape-icon::before { - content: "\f4db"; +.ts-icon.is-hand-point-left-icon::before { + content: "\f0a5"; } -.ts-icon.is-truck-arrow-right-icon::before { - content: "\e58b"; +.ts-icon.is-less-than-icon::before { + content: "\3c"; } -.ts-icon.is-certificate-icon::before { - content: "\f0a3"; +.ts-icon.is-octopus-deploy-icon::before { + font-family: "IconsBrands"; + content: "\e082"; } -.ts-icon.is-phoenix-framework-icon::before { - font-family: "IconsBrands"; - content: "\f3dc"; +.ts-icon.is-arrow-rotate-right-icon::before { + content: "\f01e"; } -.ts-icon.is-plate-wheat-icon::before { - content: "\e55a"; +.ts-icon.is-camera-rotate-icon::before { + content: "\e0d8"; } -.ts-icon.is-arrows-turn-right-icon::before { - content: "\e4c0"; +.ts-icon.is-ear-deaf-icon::before { + content: "\f2a4"; } -.ts-icon.is-creative-commons-pd-icon::before { - font-family: "IconsBrands"; - content: "\f4ec"; +.ts-icon.is-gear-icon::before { + content: "\f013"; } -.ts-icon.is-divide-icon::before { - content: "\f529"; +.ts-icon.is-instagram-icon::before { + font-family: "IconsBrands"; + content: "\f16d"; } -.ts-icon.is-padlet-icon::before { +.ts-icon.is-kickstarter-k-icon::before { font-family: "IconsBrands"; - content: "\e4a0"; + content: "\f3bc"; } -.ts-icon.is-person-hiking-icon::before { - content: "\f6ec"; +.ts-icon.is-modx-icon::before { + font-family: "IconsBrands"; + content: "\f285"; } -.ts-icon.is-wpbeginner-icon::before { +.ts-icon.is-r-project-icon::before { font-family: "IconsBrands"; - content: "\f297"; + content: "\f4f7"; } -.ts-icon.is-bicycle-icon::before { - content: "\f206"; +.ts-icon.is-cart-plus-icon::before { + content: "\f217"; +} + +.ts-icon.is-file-contract-icon::before { + content: "\f56c"; +} + +.ts-icon.is-joget-icon::before { + font-family: "IconsBrands"; + content: "\f3b7"; +} + +.ts-icon.is-beer-mug-empty-icon::before { + content: "\f0fc"; +} + +.ts-icon.is-handshake-slash-icon::before { + content: "\e060"; } .ts-icon.is-foursquare-icon::before { @@ -4228,4085 +4221,4207 @@ button { content: "\f180"; } -.ts-icon.is-infinity-icon::before { - content: "\f534"; +.ts-icon.is-passport-icon::before { + content: "\f5ab"; } -.ts-icon.is-mill-sign-icon::before { - content: "\e1ed"; +.ts-icon.is-people-carry-box-icon::before { + content: "\f4ce"; } -.ts-icon.is-person-digging-icon::before { - content: "\f85e"; +.ts-icon.is-plug-circle-exclamation-icon::before { + content: "\e55d"; } -.ts-icon.is-resolving-icon::before { - font-family: "IconsBrands"; - content: "\f3e7"; +.ts-icon.is-ring-icon::before { + content: "\f70b"; } -.ts-icon.is-cloudversify-icon::before { - font-family: "IconsBrands"; - content: "\f385"; +.ts-icon.is-bridge-circle-check-icon::before { + content: "\e4c9"; } -.ts-icon.is-podcast-icon::before { - content: "\f2ce"; +.ts-icon.is-folder-icon::before { + content: "\f07b"; } -.ts-icon.is-tree-icon::before { - content: "\f1bb"; +.ts-icon.is-shuttle-space-icon::before { + content: "\f197"; } -.ts-icon.is-wind-icon::before { - content: "\f72e"; +.ts-icon.is-sun-icon::before { + content: "\f185"; } -.ts-icon.is-grip-icon::before { - content: "\f58d"; +.ts-icon.is-fax-icon::before { + content: "\f1ac"; } -.ts-icon.is-network-wired-icon::before { - content: "\f6ff"; +.ts-icon.is-truck-icon::before { + content: "\f0d1"; } -.ts-icon.is-child-rifle-icon::before { - content: "\e4e0"; +.ts-icon.is-facebook-messenger-icon::before { + font-family: "IconsBrands"; + content: "\f39f"; } -.ts-icon.is-drupal-icon::before { - font-family: "IconsBrands"; - content: "\f1a9"; +.ts-icon.is-rotate-left-icon::before { + content: "\f2ea"; } -.ts-icon.is-mask-face-icon::before { - content: "\e1d7"; +.ts-icon.is-anchor-circle-check-icon::before { + content: "\e4aa"; } -.ts-icon.is-person-chalkboard-icon::before { - content: "\e53d"; +.ts-icon.is-face-grin-wide-icon::before { + content: "\f581"; } -.ts-icon.is-viacoin-icon::before { - font-family: "IconsBrands"; - content: "\f237"; +.ts-icon.is-peseta-sign-icon::before { + content: "\e221"; } -.ts-icon.is-stripe-icon::before { - font-family: "IconsBrands"; - content: "\f429"; +.ts-icon.is-scale-unbalanced-flip-icon::before { + content: "\f516"; } -.ts-icon.is-face-dizzy-icon::before { - content: "\f567"; +.ts-icon.is-smoking-icon::before { + content: "\f48d"; } -.ts-icon.is-money-bill-trend-up-icon::before { - content: "\e529"; +.ts-icon.is-user-tag-icon::before { + content: "\f507"; } -.ts-icon.is-cc-apple-pay-icon::before { +.ts-icon.is-evernote-icon::before { font-family: "IconsBrands"; - content: "\f416"; + content: "\f839"; } -.ts-icon.is-closed-captioning-icon::before { - content: "\f20a"; +.ts-icon.is-oil-can-icon::before { + content: "\f613"; } -.ts-icon.is-school-flag-icon::before { - content: "\e56e"; +.ts-icon.is-share-nodes-icon::before { + content: "\f1e0"; } -.ts-icon.is-3-icon::before { - content: "\33"; +.ts-icon.is-ussunnah-icon::before { + font-family: "IconsBrands"; + content: "\f407"; } -.ts-icon.is-clapperboard-icon::before { - content: "\e131"; +.ts-icon.is-face-frown-open-icon::before { + content: "\f57a"; } -.ts-icon.is-meta-icon::before { - font-family: "IconsBrands"; - content: "\e49b"; +.ts-icon.is-file-image-icon::before { + content: "\f1c5"; } -.ts-icon.is-mug-saucer-icon::before { - content: "\f0f4"; +.ts-icon.is-democrat-icon::before { + content: "\f747"; } -.ts-icon.is-yandex-international-icon::before { - font-family: "IconsBrands"; - content: "\f414"; +.ts-icon.is-location-pin-icon::before { + content: "\f041"; } -.ts-icon.is-aws-icon::before { - font-family: "IconsBrands"; - content: "\f375"; +.ts-icon.is-briefcase-medical-icon::before { + content: "\f469"; } .ts-icon.is-camera-icon::before { content: "\f030"; } -.ts-icon.is-erlang-icon::before { - font-family: "IconsBrands"; - content: "\f39d"; -} - -.ts-icon.is-mandalorian-icon::before { - font-family: "IconsBrands"; - content: "\f50f"; +.ts-icon.is-face-laugh-wink-icon::before { + content: "\f59c"; } -.ts-icon.is-soap-icon::before { - content: "\e06e"; +.ts-icon.is-id-card-clip-icon::before { + content: "\f47f"; } -.ts-icon.is-suitcase-rolling-icon::before { - content: "\f5c1"; +.ts-icon.is-hurricane-icon::before { + content: "\f751"; } -.ts-icon.is-alipay-icon::before { +.ts-icon.is-searchengin-icon::before { font-family: "IconsBrands"; - content: "\f642"; + content: "\f3eb"; } -.ts-icon.is-cable-car-icon::before { - content: "\f7da"; +.ts-icon.is-champagne-glasses-icon::before { + content: "\f79f"; } -.ts-icon.is-joomla-icon::before { +.ts-icon.is-deviantart-icon::before { font-family: "IconsBrands"; - content: "\f1aa"; + content: "\f1bd"; } -.ts-icon.is-wallet-icon::before { - content: "\f555"; +.ts-icon.is-fill-drip-icon::before { + content: "\f576"; } -.ts-icon.is-yin-yang-icon::before { - content: "\f6ad"; +.ts-icon.is-forward-fast-icon::before { + content: "\f050"; } -.ts-icon.is-7-icon::before { - content: "\37"; +.ts-icon.is-grip-lines-icon::before { + content: "\f7a4"; } -.ts-icon.is-piggy-bank-icon::before { - content: "\f4d3"; +.ts-icon.is-microphone-lines-icon::before { + content: "\f3c9"; } -.ts-icon.is-square-xing-icon::before { +.ts-icon.is-osi-icon::before { font-family: "IconsBrands"; - content: "\f169"; + content: "\f41a"; } -.ts-icon.is-optin-monster-icon::before { +.ts-icon.is-twitch-icon::before { font-family: "IconsBrands"; - content: "\f23c"; + content: "\f1e8"; } -.ts-icon.is-mailchimp-icon::before { - font-family: "IconsBrands"; - content: "\f59e"; +.ts-icon.is-atom-icon::before { + content: "\f5d2"; } -.ts-icon.is-phone-volume-icon::before { - content: "\f2a0"; +.ts-icon.is-face-sad-tear-icon::before { + content: "\f5b4"; } -.ts-icon.is-rectangle-xmark-icon::before { - content: "\f410"; +.ts-icon.is-hands-holding-child-icon::before { + content: "\e4fa"; } -.ts-icon.is-toilet-paper-icon::before { - content: "\f71e"; +.ts-icon.is-person-dress-icon::before { + content: "\f182"; } -.ts-icon.is-google-plus-icon::before { +.ts-icon.is-resolving-icon::before { font-family: "IconsBrands"; - content: "\f2b3"; + content: "\f3e7"; } -.ts-icon.is-hat-cowboy-side-icon::before { - content: "\f8c1"; +.ts-icon.is-sticker-mule-icon::before { + font-family: "IconsBrands"; + content: "\f3f7"; } -.ts-icon.is-mortar-pestle-icon::before { - content: "\f5a7"; +.ts-icon.is-tablet-button-icon::before { + content: "\f10a"; } -.ts-icon.is-plus-minus-icon::before { - content: "\e43c"; +.ts-icon.is-dribbble-icon::before { + font-family: "IconsBrands"; + content: "\f17d"; } -.ts-icon.is-spider-icon::before { - content: "\f717"; +.ts-icon.is-eye-icon::before { + content: "\f06e"; } -.ts-icon.is-user-large-slash-icon::before { - content: "\f4fa"; +.ts-icon.is-dailymotion-icon::before { + font-family: "IconsBrands"; + content: "\e052"; } -.ts-icon.is-2-icon::before { - content: "\32"; +.ts-icon.is-goodreads-icon::before { + font-family: "IconsBrands"; + content: "\f3a8"; } -.ts-icon.is-bottle-water-icon::before { - content: "\e4c5"; +.ts-icon.is-bell-concierge-icon::before { + content: "\f562"; } -.ts-icon.is-creative-commons-sampling-plus-icon::before { +.ts-icon.is-cc-jcb-icon::before { font-family: "IconsBrands"; - content: "\f4f1"; + content: "\f24b"; } -.ts-icon.is-google-icon::before { - font-family: "IconsBrands"; - content: "\f1a0"; +.ts-icon.is-menorah-icon::before { + content: "\f676"; } -.ts-icon.is-korvue-icon::before { - font-family: "IconsBrands"; - content: "\f42f"; +.ts-icon.is-person-biking-icon::before { + content: "\f84a"; } -.ts-icon.is-square-pen-icon::before { - content: "\f14b"; +.ts-icon.is-shop-slash-icon::before { + content: "\e070"; } -.ts-icon.is-building-columns-icon::before { - content: "\f19c"; +.ts-icon.is-square-tumblr-icon::before { + font-family: "IconsBrands"; + content: "\f174"; } -.ts-icon.is-download-icon::before { - content: "\f019"; +.ts-icon.is-stopwatch-20-icon::before { + content: "\e06f"; } -.ts-icon.is-ebay-icon::before { - font-family: "IconsBrands"; - content: "\f4f4"; +.ts-icon.is-folder-open-icon::before { + content: "\f07c"; } -.ts-icon.is-pushed-icon::before { - font-family: "IconsBrands"; - content: "\f3e1"; +.ts-icon.is-kit-medical-icon::before { + content: "\f479"; } -.ts-icon.is-fill-icon::before { - content: "\f575"; +.ts-icon.is-brush-icon::before { + content: "\f55d"; } -.ts-icon.is-inbox-icon::before { - content: "\f01c"; +.ts-icon.is-user-large-icon::before { + content: "\f406"; } -.ts-icon.is-screwdriver-icon::before { - content: "\f54a"; +.ts-icon.is-arrow-up-long-icon::before { + content: "\f176"; } -.ts-icon.is-stackpath-icon::before { - font-family: "IconsBrands"; - content: "\f842"; +.ts-icon.is-bahai-icon::before { + content: "\f666"; } -.ts-icon.is-stairs-icon::before { - content: "\e289"; +.ts-icon.is-person-chalkboard-icon::before { + content: "\e53d"; } -.ts-icon.is-comment-slash-icon::before { - content: "\f4b3"; +.ts-icon.is-sim-card-icon::before { + content: "\f7c4"; } -.ts-icon.is-hashnode-icon::before { +.ts-icon.is-suse-icon::before { font-family: "IconsBrands"; - content: "\e499"; -} - -.ts-icon.is-jar-icon::before { - content: "\e516"; + content: "\f7d6"; } -.ts-icon.is-money-check-dollar-icon::before { - content: "\f53d"; +.ts-icon.is-y-combinator-icon::before { + font-family: "IconsBrands"; + content: "\f23b"; } -.ts-icon.is-store-icon::before { - content: "\f54e"; +.ts-icon.is-book-journal-whills-icon::before { + content: "\f66a"; } -.ts-icon.is-temperature-high-icon::before { - content: "\f769"; +.ts-icon.is-paper-plane-icon::before { + content: "\f1d8"; } -.ts-icon.is-car-on-icon::before { - content: "\e4dd"; +.ts-icon.is-pen-clip-icon::before { + content: "\f305"; } -.ts-icon.is-mastodon-icon::before { +.ts-icon.is-square-odnoklassniki-icon::before { font-family: "IconsBrands"; - content: "\f4f6"; + content: "\f264"; } -.ts-icon.is-underline-icon::before { - content: "\f0cd"; +.ts-icon.is-themeisle-icon::before { + font-family: "IconsBrands"; + content: "\f2b2"; } -.ts-icon.is-volleyball-icon::before { - content: "\f45f"; +.ts-icon.is-car-side-icon::before { + content: "\f5e4"; } -.ts-icon.is-book-skull-icon::before { - content: "\f6b7"; +.ts-icon.is-face-flushed-icon::before { + content: "\f579"; } -.ts-icon.is-z-icon::before { - content: "\5a"; +.ts-icon.is-crutch-icon::before { + content: "\f7f7"; } -.ts-icon.is-backward-step-icon::before { - content: "\f048"; +.ts-icon.is-door-open-icon::before { + content: "\f52b"; } -.ts-icon.is-cloudscale-icon::before { +.ts-icon.is-firefox-browser-icon::before { font-family: "IconsBrands"; - content: "\f383"; + content: "\e007"; } -.ts-icon.is-hammer-icon::before { - content: "\f6e3"; +.ts-icon.is-shower-icon::before { + content: "\f2cc"; } -.ts-icon.is-turn-down-icon::before { - content: "\f3be"; +.ts-icon.is-children-icon::before { + content: "\e4e1"; } -.ts-icon.is-forward-step-icon::before { - content: "\f051"; +.ts-icon.is-cloud-moon-rain-icon::before { + content: "\f73c"; } -.ts-icon.is-group-arrows-rotate-icon::before { - content: "\e4f6"; +.ts-icon.is-microchip-icon::before { + content: "\f2db"; } -.ts-icon.is-magnifying-glass-icon::before { - content: "\f002"; +.ts-icon.is-skull-icon::before { + content: "\f54c"; } -.ts-icon.is-skyatlas-icon::before { +.ts-icon.is-square-js-icon::before { font-family: "IconsBrands"; - content: "\f216"; + content: "\f3b9"; } -.ts-icon.is-explosion-icon::before { - content: "\e4e9"; +.ts-icon.is-bezier-curve-icon::before { + content: "\f55b"; } -.ts-icon.is-pen-nib-icon::before { - content: "\f5ad"; +.ts-icon.is-cloud-moon-icon::before { + content: "\f6c3"; } -.ts-icon.is-chess-queen-icon::before { - content: "\f445"; +.ts-icon.is-freebsd-icon::before { + font-family: "IconsBrands"; + content: "\f3a4"; } -.ts-icon.is-user-tie-icon::before { - content: "\f508"; +.ts-icon.is-frog-icon::before { + content: "\f52e"; } -.ts-icon.is-bitcoin-icon::before { +.ts-icon.is-app-store-ios-icon::before { font-family: "IconsBrands"; - content: "\f379"; -} - -.ts-icon.is-border-top-left-icon::before { - content: "\f853"; + content: "\f370"; } -.ts-icon.is-glass-water-droplet-icon::before { - content: "\e4f5"; +.ts-icon.is-clipboard-user-icon::before { + content: "\f7f3"; } -.ts-icon.is-minus-icon::before { - content: "\f068"; +.ts-icon.is-grav-icon::before { + font-family: "IconsBrands"; + content: "\f2d6"; } -.ts-icon.is-tty-icon::before { - content: "\f1e4"; +.ts-icon.is-jug-detergent-icon::before { + content: "\e519"; } -.ts-icon.is-person-cane-icon::before { - content: "\e53c"; +.ts-icon.is-wirsindhandwerk-icon::before { + font-family: "IconsBrands"; + content: "\e2d0"; } -.ts-icon.is-volcano-icon::before { - content: "\f770"; +.ts-icon.is-cloud-icon::before { + content: "\f0c2"; } -.ts-icon.is-atlassian-icon::before { - font-family: "IconsBrands"; - content: "\f77b"; +.ts-icon.is-heart-crack-icon::before { + content: "\f7a9"; } -.ts-icon.is-bell-icon::before { - content: "\f0f3"; +.ts-icon.is-rectangle-ad-icon::before { + content: "\f641"; } -.ts-icon.is-plane-circle-exclamation-icon::before { - content: "\e556"; +.ts-icon.is-speakap-icon::before { + font-family: "IconsBrands"; + content: "\f3f3"; } -.ts-icon.is-book-journal-whills-icon::before { - content: "\f66a"; +.ts-icon.is-hands-holding-circle-icon::before { + content: "\e4fb"; } -.ts-icon.is-expand-icon::before { - content: "\f065"; +.ts-icon.is-masks-theater-icon::before { + content: "\f630"; } -.ts-icon.is-quora-icon::before { - font-family: "IconsBrands"; - content: "\f2c4"; +.ts-icon.is-bomb-icon::before { + content: "\f1e2"; } -.ts-icon.is-volume-off-icon::before { - content: "\f026"; +.ts-icon.is-robot-icon::before { + content: "\f544"; } -.ts-icon.is-tags-icon::before { - content: "\f02c"; +.ts-icon.is-square-envelope-icon::before { + content: "\f199"; } -.ts-icon.is-unity-icon::before { +.ts-icon.is-square-lastfm-icon::before { font-family: "IconsBrands"; - content: "\e049"; + content: "\f203"; } -.ts-icon.is-user-xmark-icon::before { - content: "\f235"; +.ts-icon.is-bottle-droplet-icon::before { + content: "\e4c4"; } -.ts-icon.is-microchip-icon::before { - content: "\f2db"; +.ts-icon.is-people-robbery-icon::before { + content: "\e536"; } -.ts-icon.is-square-google-plus-icon::before { +.ts-icon.is-wolf-pack-battalion-icon::before { font-family: "IconsBrands"; - content: "\f0d4"; -} - -.ts-icon.is-bacon-icon::before { - content: "\f7e5"; + content: "\f514"; } -.ts-icon.is-bottle-droplet-icon::before { - content: "\e4c4"; +.ts-icon.is-google-icon::before { + font-family: "IconsBrands"; + content: "\f1a0"; } -.ts-icon.is-circle-right-icon::before { - content: "\f35a"; +.ts-icon.is-train-tram-icon::before { + content: "\e5b4"; } -.ts-icon.is-face-grin-tears-icon::before { - content: "\f588"; +.ts-icon.is-tent-icon::before { + content: "\e57d"; } -.ts-icon.is-fire-icon::before { - content: "\f06d"; +.ts-icon.is-temperature-quarter-icon::before { + content: "\f2ca"; } -.ts-icon.is-gamepad-icon::before { - content: "\f11b"; +.ts-icon.is-lira-sign-icon::before { + content: "\f195"; } -.ts-icon.is-tencent-weibo-icon::before { +.ts-icon.is-steam-symbol-icon::before { font-family: "IconsBrands"; - content: "\f1d5"; + content: "\f3f6"; } -.ts-icon.is-lungs-icon::before { - content: "\f604"; -} - -.ts-icon.is-digital-ocean-icon::before { - font-family: "IconsBrands"; - content: "\f391"; +.ts-icon.is-plug-icon::before { + content: "\f1e6"; } -.ts-icon.is-trash-can-arrow-up-icon::before { - content: "\f82a"; +.ts-icon.is-slash-icon::before { + content: "\f715"; } -.ts-icon.is-virus-icon::before { - content: "\e074"; +.ts-icon.is-tornado-icon::before { + content: "\f76f"; } -.ts-icon.is-chess-knight-icon::before { - content: "\f441"; +.ts-icon.is-wpressr-icon::before { + font-family: "IconsBrands"; + content: "\f3e4"; } -.ts-icon.is-face-laugh-icon::before { - content: "\f599"; +.ts-icon.is-amazon-pay-icon::before { + font-family: "IconsBrands"; + content: "\f42c"; } -.ts-icon.is-heart-circle-exclamation-icon::before { - content: "\e4fe"; +.ts-icon.is-landmark-icon::before { + content: "\f66f"; } -.ts-icon.is-calendar-week-icon::before { - content: "\f784"; +.ts-icon.is-socks-icon::before { + content: "\f696"; } -.ts-icon.is-fantasy-flight-games-icon::before { +.ts-icon.is-cloudsmith-icon::before { font-family: "IconsBrands"; - content: "\f6dc"; + content: "\f384"; } -.ts-icon.is-id-card-icon::before { - content: "\f2c2"; +.ts-icon.is-radiation-icon::before { + content: "\f7b9"; } -.ts-icon.is-pen-fancy-icon::before { - content: "\f5ac"; +.ts-icon.is-microblog-icon::before { + font-family: "IconsBrands"; + content: "\e01a"; } -.ts-icon.is-toilet-portable-icon::before { - content: "\e583"; +.ts-icon.is-mortar-pestle-icon::before { + content: "\f5a7"; } -.ts-icon.is-broom-ball-icon::before { - content: "\f458"; +.ts-icon.is-yandex-international-icon::before { + font-family: "IconsBrands"; + content: "\f414"; } -.ts-icon.is-shower-icon::before { - content: "\f2cc"; +.ts-icon.is-car-burst-icon::before { + content: "\f5e1"; } -.ts-icon.is-gear-icon::before { - content: "\f013"; +.ts-icon.is-hand-point-down-icon::before { + content: "\f0a7"; } -.ts-icon.is-square-virus-icon::before { - content: "\e578"; +.ts-icon.is-house-user-icon::before { + content: "\e1b0"; } -.ts-icon.is-java-icon::before { +.ts-icon.is-ideal-icon::before { font-family: "IconsBrands"; - content: "\f4e4"; + content: "\e013"; } -.ts-icon.is-sketch-icon::before { +.ts-icon.is-sellcast-icon::before { font-family: "IconsBrands"; - content: "\f7c6"; + content: "\f2da"; } -.ts-icon.is-venus-mars-icon::before { - content: "\f228"; +.ts-icon.is-behance-icon::before { + font-family: "IconsBrands"; + content: "\f1b4"; } -.ts-icon.is-share-icon::before { - content: "\f064"; +.ts-icon.is-hands-asl-interpreting-icon::before { + content: "\f2a3"; } -.ts-icon.is-square-plus-icon::before { - content: "\f0fe"; +.ts-icon.is-child-icon::before { + content: "\f1ae"; } -.ts-icon.is-baseball-icon::before { - content: "\f433"; +.ts-icon.is-eject-icon::before { + content: "\f052"; } -.ts-icon.is-circle-chevron-down-icon::before { - content: "\f13a"; +.ts-icon.is-fingerprint-icon::before { + content: "\f577"; } -.ts-icon.is-vine-icon::before { - font-family: "IconsBrands"; - content: "\f1ca"; +.ts-icon.is-font-awesome-icon::before { + content: "\f2b4"; } -.ts-icon.is-eraser-icon::before { - content: "\f12d"; +.ts-icon.is-anchor-icon::before { + content: "\f13d"; } -.ts-icon.is-ruler-vertical-icon::before { - content: "\f548"; +.ts-icon.is-asterisk-icon::before { + content: "\2a"; } -.ts-icon.is-suse-icon::before { - font-family: "IconsBrands"; - content: "\f7d6"; +.ts-icon.is-phone-flip-icon::before { + content: "\f879"; } -.ts-icon.is-bath-icon::before { - content: "\f2cd"; +.ts-icon.is-square-phone-icon::before { + content: "\f098"; } -.ts-icon.is-openid-icon::before { - font-family: "IconsBrands"; - content: "\f19b"; +.ts-icon.is-ticket-simple-icon::before { + content: "\f3ff"; } -.ts-icon.is-repeat-icon::before { - content: "\f363"; +.ts-icon.is-hand-holding-droplet-icon::before { + content: "\f4c1"; } -.ts-icon.is-trash-arrow-up-icon::before { - content: "\f829"; +.ts-icon.is-hryvnia-sign-icon::before { + content: "\f6f2"; } -.ts-icon.is-reddit-icon::before { +.ts-icon.is-envira-icon::before { font-family: "IconsBrands"; - content: "\f1a1"; -} - -.ts-icon.is-signal-icon::before { - content: "\f012"; + content: "\f299"; } -.ts-icon.is-table-tennis-paddle-ball-icon::before { - content: "\f45d"; +.ts-icon.is-file-audio-icon::before { + content: "\f1c7"; } -.ts-icon.is-tent-arrow-left-right-icon::before { - content: "\e57f"; +.ts-icon.is-swift-icon::before { + font-family: "IconsBrands"; + content: "\f8e1"; } -.ts-icon.is-map-location-icon::before { - content: "\f59f"; +.ts-icon.is-8-icon::before { + content: "\38"; } -.ts-icon.is-people-robbery-icon::before { - content: "\e536"; +.ts-icon.is-creative-commons-zero-icon::before { + font-family: "IconsBrands"; + content: "\f4f3"; } -.ts-icon.is-person-circle-question-icon::before { - content: "\e542"; +.ts-icon.is-sink-icon::before { + content: "\e06d"; } -.ts-icon.is-shield-cat-icon::before { - content: "\e572"; +.ts-icon.is-volleyball-icon::before { + content: "\f45f"; } -.ts-icon.is-umbrella-icon::before { - content: "\f0e9"; +.ts-icon.is-html5-icon::before { + font-family: "IconsBrands"; + content: "\f13b"; } -.ts-icon.is-wine-bottle-icon::before { - content: "\f72f"; +.ts-icon.is-medium-icon::before { + font-family: "IconsBrands"; + content: "\f23a"; } -.ts-icon.is-glass-water-icon::before { - content: "\e4f4"; +.ts-icon.is-diagram-project-icon::before { + content: "\f542"; } -.ts-icon.is-house-laptop-icon::before { - content: "\e066"; +.ts-icon.is-steam-icon::before { + font-family: "IconsBrands"; + content: "\f1b6"; } -.ts-icon.is-pen-to-square-icon::before { - content: "\f044"; +.ts-icon.is-arrow-up-icon::before { + content: "\f062"; } -.ts-icon.is-square-whatsapp-icon::before { +.ts-icon.is-bimobject-icon::before { font-family: "IconsBrands"; - content: "\f40c"; + content: "\f378"; } -.ts-icon.is-bahai-icon::before { - content: "\f666"; +.ts-icon.is-spoon-icon::before { + content: "\f2e5"; } -.ts-icon.is-strava-icon::before { +.ts-icon.is-creative-commons-icon::before { font-family: "IconsBrands"; - content: "\f428"; + content: "\f25e"; } -.ts-icon.is-wave-square-icon::before { - content: "\f83e"; +.ts-icon.is-shrimp-icon::before { + content: "\e448"; } -.ts-icon.is-box-open-icon::before { - content: "\f49e"; +.ts-icon.is-hands-clapping-icon::before { + content: "\e1a8"; } -.ts-icon.is-handshake-simple-slash-icon::before { - content: "\e05f"; +.ts-icon.is-scribd-icon::before { + font-family: "IconsBrands"; + content: "\f28a"; } -.ts-icon.is-person-falling-burst-icon::before { - content: "\e547"; +.ts-icon.is-file-medical-icon::before { + content: "\f477"; } -.ts-icon.is-arrow-rotate-left-icon::before { - content: "\f0e2"; +.ts-icon.is-folder-tree-icon::before { + content: "\f802"; } -.ts-icon.is-chess-rook-icon::before { - content: "\f447"; +.ts-icon.is-heart-circle-exclamation-icon::before { + content: "\e4fe"; } -.ts-icon.is-ear-deaf-icon::before { - content: "\f2a4"; +.ts-icon.is-heart-pulse-icon::before { + content: "\f21e"; } -.ts-icon.is-face-sad-tear-icon::before { - content: "\f5b4"; +.ts-icon.is-virus-icon::before { + content: "\e074"; } -.ts-icon.is-vimeo-icon::before { - font-family: "IconsBrands"; - content: "\f40a"; +.ts-icon.is-1-icon::before { + content: "\31"; } -.ts-icon.is-truck-field-icon::before { - content: "\e58d"; +.ts-icon.is-box-archive-icon::before { + content: "\f187"; } -.ts-icon.is-arrows-up-down-icon::before { - content: "\f07d"; +.ts-icon.is-pencil-icon::before { + content: "\f303"; } -.ts-icon.is-chess-icon::before { - content: "\f439"; +.ts-icon.is-flag-checkered-icon::before { + content: "\f11e"; } -.ts-icon.is-dragon-icon::before { - content: "\f6d5"; +.ts-icon.is-house-laptop-icon::before { + content: "\e066"; } -.ts-icon.is-drumstick-bite-icon::before { - content: "\f6d7"; -} - -.ts-icon.is-tablet-screen-button-icon::before { - content: "\f3fa"; -} - -.ts-icon.is-trophy-icon::before { - content: "\f091"; -} - -.ts-icon.is-amazon-icon::before { - font-family: "IconsBrands"; - content: "\f270"; -} - -.ts-icon.is-bootstrap-icon::before { +.ts-icon.is-yoast-icon::before { font-family: "IconsBrands"; - content: "\f836"; + content: "\f2b1"; } -.ts-icon.is-facebook-messenger-icon::before { - font-family: "IconsBrands"; - content: "\f39f"; +.ts-icon.is-house-medical-flag-icon::before { + content: "\e514"; } -.ts-icon.is-ticket-icon::before { - content: "\f145"; +.ts-icon.is-trailer-icon::before { + content: "\e041"; } -.ts-icon.is-up-down-icon::before { - content: "\f338"; +.ts-icon.is-shield-dog-icon::before { + content: "\e573"; } -.ts-icon.is-users-rectangle-icon::before { - content: "\e594"; +.ts-icon.is-square-share-nodes-icon::before { + content: "\f1e1"; } -.ts-icon.is-floppy-disk-icon::before { - content: "\f0c7"; +.ts-icon.is-folder-minus-icon::before { + content: "\f65d"; } -.ts-icon.is-grip-vertical-icon::before { - content: "\f58e"; +.ts-icon.is-money-bill-1-icon::before { + content: "\f3d1"; } -.ts-icon.is-quote-left-icon::before { - content: "\f10d"; +.ts-icon.is-border-top-left-icon::before { + content: "\f853"; } -.ts-icon.is-solar-panel-icon::before { - content: "\f5ba"; +.ts-icon.is-forward-icon::before { + content: "\f04e"; } -.ts-icon.is-text-slash-icon::before { - content: "\f87d"; +.ts-icon.is-java-icon::before { + font-family: "IconsBrands"; + content: "\f4e4"; } -.ts-icon.is-arrow-down-a-z-icon::before { - content: "\f15d"; +.ts-icon.is-mitten-icon::before { + content: "\f7b5"; } -.ts-icon.is-arrows-to-eye-icon::before { - content: "\e4bf"; +.ts-icon.is-sun-plant-wilt-icon::before { + content: "\e57a"; } -.ts-icon.is-k-icon::before { - content: "\4b"; +.ts-icon.is-bridge-circle-exclamation-icon::before { + content: "\e4ca"; } -.ts-icon.is-person-praying-icon::before { - content: "\f683"; +.ts-icon.is-circle-chevron-right-icon::before { + content: "\f138"; } -.ts-icon.is-poop-icon::before { - content: "\f619"; +.ts-icon.is-joint-icon::before { + content: "\f595"; } -.ts-icon.is-truck-droplet-icon::before { - content: "\e58c"; +.ts-icon.is-transgender-icon::before { + content: "\f225"; } -.ts-icon.is-code-fork-icon::before { - content: "\e13b"; +.ts-icon.is-fort-awesome-icon::before { + font-family: "IconsBrands"; + content: "\f286"; } -.ts-icon.is-git-icon::before { +.ts-icon.is-apple-icon::before { font-family: "IconsBrands"; - content: "\f1d3"; + content: "\f179"; } -.ts-icon.is-car-tunnel-icon::before { - content: "\e4de"; +.ts-icon.is-eye-slash-icon::before { + content: "\f070"; } -.ts-icon.is-codepen-icon::before { +.ts-icon.is-deskpro-icon::before { font-family: "IconsBrands"; - content: "\f1cb"; + content: "\f38f"; } -.ts-icon.is-square-font-awesome-stroke-icon::before { - font-family: "IconsBrands"; - content: "\f35c"; +.ts-icon.is-face-grin-beam-icon::before { + content: "\f582"; } -.ts-icon.is-superpowers-icon::before { - font-family: "IconsBrands"; - content: "\f2dd"; +.ts-icon.is-file-circle-check-icon::before { + content: "\e5a0"; } -.ts-icon.is-xmarks-lines-icon::before { - content: "\e59a"; +.ts-icon.is-red-river-icon::before { + font-family: "IconsBrands"; + content: "\f3e3"; } -.ts-icon.is-battery-quarter-icon::before { - content: "\f243"; +.ts-icon.is-yen-sign-icon::before { + content: "\f157"; } -.ts-icon.is-bong-icon::before { - content: "\f55c"; +.ts-icon.is-address-card-icon::before { + content: "\f2bb"; } -.ts-icon.is-mars-and-venus-icon::before { - content: "\f224"; +.ts-icon.is-burger-icon::before { + content: "\f805"; } -.ts-icon.is-martini-glass-icon::before { - content: "\f57b"; +.ts-icon.is-arrows-to-circle-icon::before { + content: "\e4bd"; } -.ts-icon.is-face-meh-blank-icon::before { - content: "\f5a4"; +.ts-icon.is-square-check-icon::before { + content: "\f14a"; } -.ts-icon.is-gripfire-icon::before { +.ts-icon.is-keybase-icon::before { font-family: "IconsBrands"; - content: "\f3ac"; + content: "\f4f5"; } -.ts-icon.is-award-icon::before { - content: "\f559"; +.ts-icon.is-money-bill-wheat-icon::before { + content: "\e52a"; } -.ts-icon.is-calendar-days-icon::before { - content: "\f073"; +.ts-icon.is-person-circle-exclamation-icon::before { + content: "\e53f"; } -.ts-icon.is-arrows-left-right-to-line-icon::before { - content: "\e4ba"; +.ts-icon.is-star-icon::before { + content: "\f005"; } -.ts-icon.is-face-sad-cry-icon::before { - content: "\f5b3"; +.ts-icon.is-fan-icon::before { + content: "\f863"; } -.ts-icon.is-medapps-icon::before { - font-family: "IconsBrands"; - content: "\f3c6"; +.ts-icon.is-hand-sparkles-icon::before { + content: "\e05d"; } -.ts-icon.is-sith-icon::before { - font-family: "IconsBrands"; - content: "\f512"; +.ts-icon.is-face-smile-icon::before { + content: "\f118"; } -.ts-icon.is-truck-plane-icon::before { - content: "\e58f"; +.ts-icon.is-q-icon::before { + content: "\51"; } -.ts-icon.is-usps-icon::before { +.ts-icon.is-product-hunt-icon::before { font-family: "IconsBrands"; - content: "\f7e1"; + content: "\f288"; } -.ts-icon.is-wolf-pack-battalion-icon::before { - font-family: "IconsBrands"; - content: "\f514"; +.ts-icon.is-cent-sign-icon::before { + content: "\e3f5"; } -.ts-icon.is-box-icon::before { - content: "\f466"; +.ts-icon.is-person-walking-luggage-icon::before { + content: "\e554"; } -.ts-icon.is-euro-sign-icon::before { - content: "\f153"; +.ts-icon.is-star-half-icon::before { + content: "\f089"; } -.ts-icon.is-eye-icon::before { - content: "\f06e"; +.ts-icon.is-truck-droplet-icon::before { + content: "\e58c"; } -.ts-icon.is-first-order-alt-icon::before { - font-family: "IconsBrands"; - content: "\f50a"; +.ts-icon.is-campground-icon::before { + content: "\f6bb"; } -.ts-icon.is-icons-icon::before { - content: "\f86d"; +.ts-icon.is-napster-icon::before { + font-family: "IconsBrands"; + content: "\f3d2"; } -.ts-icon.is-person-running-icon::before { - content: "\f70c"; +.ts-icon.is-cruzeiro-sign-icon::before { + content: "\e152"; } -.ts-icon.is-ello-icon::before { - font-family: "IconsBrands"; - content: "\f5f1"; +.ts-icon.is-hand-holding-medical-icon::before { + content: "\e05c"; } -.ts-icon.is-themeisle-icon::before { - font-family: "IconsBrands"; - content: "\f2b2"; +.ts-icon.is-heart-circle-check-icon::before { + content: "\e4fd"; } -.ts-icon.is-person-circle-check-icon::before { - content: "\e53e"; +.ts-icon.is-k-icon::before { + content: "\4b"; } -.ts-icon.is-bomb-icon::before { - content: "\f1e2"; +.ts-icon.is-person-circle-question-icon::before { + content: "\e542"; } -.ts-icon.is-monero-icon::before { - font-family: "IconsBrands"; - content: "\f3d0"; +.ts-icon.is-car-rear-icon::before { + content: "\f5de"; } -.ts-icon.is-mosquito-icon::before { - content: "\e52b"; +.ts-icon.is-cookie-bite-icon::before { + content: "\f564"; } -.ts-icon.is-caravan-icon::before { - content: "\f8ff"; +.ts-icon.is-grip-lines-vertical-icon::before { + content: "\f7a5"; } -.ts-icon.is-hand-icon::before { - content: "\f256"; +.ts-icon.is-circle-icon::before { + content: "\f111"; } -.ts-icon.is-bore-hole-icon::before { - content: "\e4c3"; +.ts-icon.is-file-excel-icon::before { + content: "\f1c3"; } -.ts-icon.is-firefox-browser-icon::before { - font-family: "IconsBrands"; - content: "\e007"; +.ts-icon.is-hotel-icon::before { + content: "\f594"; } -.ts-icon.is-xmark-icon::before { - content: "\f00d"; +.ts-icon.is-angles-right-icon::before { + content: "\f101"; } -.ts-icon.is-arrow-up-right-dots-icon::before { - content: "\e4b7"; +.ts-icon.is-clover-icon::before { + content: "\e139"; } -.ts-icon.is-chart-pie-icon::before { - content: "\f200"; +.ts-icon.is-tags-icon::before { + content: "\f02c"; } -.ts-icon.is-headset-icon::before { - content: "\f590"; +.ts-icon.is-bowling-ball-icon::before { + content: "\f436"; } -.ts-icon.is-hotdog-icon::before { - content: "\f80f"; +.ts-icon.is-box-tissue-icon::before { + content: "\e05b"; } -.ts-icon.is-opera-icon::before { +.ts-icon.is-intercom-icon::before { font-family: "IconsBrands"; - content: "\f26a"; + content: "\f7af"; } -.ts-icon.is-app-store-ios-icon::before { - font-family: "IconsBrands"; - content: "\f370"; +.ts-icon.is-umbrella-icon::before { + content: "\f0e9"; } -.ts-icon.is-fly-icon::before { - font-family: "IconsBrands"; - content: "\f417"; +.ts-icon.is-chess-icon::before { + content: "\f439"; } -.ts-icon.is-taxi-icon::before { - content: "\f1ba"; +.ts-icon.is-dumpster-fire-icon::before { + content: "\f794"; } -.ts-icon.is-chrome-icon::before { - font-family: "IconsBrands"; - content: "\f268"; +.ts-icon.is-house-tsunami-icon::before { + content: "\e515"; } -.ts-icon.is-reddit-alien-icon::before { - font-family: "IconsBrands"; - content: "\f281"; +.ts-icon.is-id-badge-icon::before { + content: "\f2c1"; } -.ts-icon.is-windows-icon::before { +.ts-icon.is-deploydog-icon::before { font-family: "IconsBrands"; - content: "\f17a"; + content: "\f38e"; } -.ts-icon.is-bowl-rice-icon::before { - content: "\e2eb"; +.ts-icon.is-dice-three-icon::before { + content: "\f527"; } -.ts-icon.is-waze-icon::before { - font-family: "IconsBrands"; - content: "\f83f"; +.ts-icon.is-toilet-portable-icon::before { + content: "\e583"; } -.ts-icon.is-google-play-icon::before { - font-family: "IconsBrands"; - content: "\f3ab"; +.ts-icon.is-infinity-icon::before { + content: "\f534"; } -.ts-icon.is-scale-balanced-icon::before { - content: "\f24e"; +.ts-icon.is-shekel-sign-icon::before { + content: "\f20b"; } -.ts-icon.is-square-behance-icon::before { +.ts-icon.is-yammer-icon::before { font-family: "IconsBrands"; - content: "\f1b5"; + content: "\f840"; } -.ts-icon.is-steam-icon::before { - font-family: "IconsBrands"; - content: "\f1b6"; +.ts-icon.is-peso-sign-icon::before { + content: "\e222"; } -.ts-icon.is-chromecast-icon::before { - font-family: "IconsBrands"; - content: "\f838"; +.ts-icon.is-plane-circle-check-icon::before { + content: "\e555"; } -.ts-icon.is-dice-icon::before { - content: "\f522"; +.ts-icon.is-ruler-combined-icon::before { + content: "\f546"; } -.ts-icon.is-face-grimace-icon::before { - content: "\f57f"; +.ts-icon.is-scroll-icon::before { + content: "\f70e"; } -.ts-icon.is-lemon-icon::before { - content: "\f094"; +.ts-icon.is-skull-crossbones-icon::before { + content: "\f714"; } -.ts-icon.is-link-slash-icon::before { - content: "\f127"; +.ts-icon.is-uikit-icon::before { + font-family: "IconsBrands"; + content: "\f403"; } -.ts-icon.is-file-invoice-icon::before { - content: "\f570"; +.ts-icon.is-ankh-icon::before { + content: "\f644"; } -.ts-icon.is-panorama-icon::before { - content: "\e209"; +.ts-icon.is-boxes-packing-icon::before { + content: "\e4c7"; } -.ts-icon.is-angles-left-icon::before { - content: "\f100"; +.ts-icon.is-gitlab-icon::before { + font-family: "IconsBrands"; + content: "\f296"; } -.ts-icon.is-arrow-up-long-icon::before { - content: "\f176"; +.ts-icon.is-boxes-stacked-icon::before { + content: "\f468"; } -.ts-icon.is-landmark-icon::before { - content: "\f66f"; +.ts-icon.is-quinscape-icon::before { + font-family: "IconsBrands"; + content: "\f459"; } -.ts-icon.is-radiation-icon::before { - content: "\f7b9"; +.ts-icon.is-researchgate-icon::before { + font-family: "IconsBrands"; + content: "\f4f8"; } -.ts-icon.is-tablet-icon::before { - content: "\f3fb"; +.ts-icon.is-truck-moving-icon::before { + content: "\f4df"; } -.ts-icon.is-cloud-arrow-down-icon::before { - content: "\f0ed"; +.ts-icon.is-dna-icon::before { + content: "\f471"; } -.ts-icon.is-gift-icon::before { - content: "\f06b"; +.ts-icon.is-magnet-icon::before { + content: "\f076"; } -.ts-icon.is-water-ladder-icon::before { - content: "\f5c5"; +.ts-icon.is-trade-federation-icon::before { + font-family: "IconsBrands"; + content: "\f513"; } -.ts-icon.is-kickstarter-k-icon::before { +.ts-icon.is-jenkins-icon::before { font-family: "IconsBrands"; - content: "\f3bc"; + content: "\f3b6"; } -.ts-icon.is-weibo-icon::before { - font-family: "IconsBrands"; - content: "\f18a"; +.ts-icon.is-monument-icon::before { + content: "\f5a6"; } -.ts-icon.is-hands-bubbles-icon::before { - content: "\e05e"; +.ts-icon.is-bacteria-icon::before { + content: "\e059"; } -.ts-icon.is-circle-notch-icon::before { - content: "\f1ce"; +.ts-icon.is-itch-io-icon::before { + font-family: "IconsBrands"; + content: "\f83a"; } -.ts-icon.is-registered-icon::before { - content: "\f25d"; +.ts-icon.is-microphone-slash-icon::before { + content: "\f131"; } -.ts-icon.is-tachograph-digital-icon::before { - content: "\f566"; +.ts-icon.is-road-lock-icon::before { + content: "\e567"; } -.ts-icon.is-envelope-open-text-icon::before { - content: "\f658"; +.ts-icon.is-glide-g-icon::before { + font-family: "IconsBrands"; + content: "\f2a6"; } -.ts-icon.is-file-image-icon::before { - content: "\f1c5"; +.ts-icon.is-hashtag-icon::before { + content: "\23"; } -.ts-icon.is-gauge-high-icon::before { - content: "\f625"; +.ts-icon.is-warehouse-icon::before { + content: "\f494"; } -.ts-icon.is-vuejs-icon::before { +.ts-icon.is-opencart-icon::before { font-family: "IconsBrands"; - content: "\f41f"; + content: "\f23d"; } -.ts-icon.is-hryvnia-sign-icon::before { - content: "\f6f2"; +.ts-icon.is-ups-icon::before { + font-family: "IconsBrands"; + content: "\f7e0"; } -.ts-icon.is-person-rifle-icon::before { - content: "\e54e"; +.ts-icon.is-playstation-icon::before { + font-family: "IconsBrands"; + content: "\f3df"; } -.ts-icon.is-building-lock-icon::before { - content: "\e4d6"; +.ts-icon.is-sellsy-icon::before { + font-family: "IconsBrands"; + content: "\f213"; } -.ts-icon.is-heart-circle-check-icon::before { - content: "\e4fd"; +.ts-icon.is-github-alt-icon::before { + font-family: "IconsBrands"; + content: "\f113"; } -.ts-icon.is-text-height-icon::before { - content: "\f034"; +.ts-icon.is-oil-well-icon::before { + content: "\e532"; } -.ts-icon.is-tiktok-icon::before { +.ts-icon.is-perbyte-icon::before { font-family: "IconsBrands"; - content: "\e07b"; + content: "\e083"; } -.ts-icon.is-untappd-icon::before { - font-family: "IconsBrands"; - content: "\f405"; +.ts-icon.is-square-caret-right-icon::before { + content: "\f152"; } -.ts-icon.is-heart-circle-xmark-icon::before { - content: "\e501"; +.ts-icon.is-buffer-icon::before { + font-family: "IconsBrands"; + content: "\f837"; } -.ts-icon.is-align-right-icon::before { - content: "\f038"; +.ts-icon.is-face-laugh-icon::before { + content: "\f599"; } -.ts-icon.is-chevron-left-icon::before { - content: "\f053"; +.ts-icon.is-helicopter-symbol-icon::before { + content: "\e502"; } -.ts-icon.is-house-circle-xmark-icon::before { - content: "\e50b"; +.ts-icon.is-aws-icon::before { + font-family: "IconsBrands"; + content: "\f375"; } -.ts-icon.is-share-nodes-icon::before { - content: "\f1e0"; +.ts-icon.is-book-medical-icon::before { + content: "\f7e6"; } -.ts-icon.is-bots-icon::before { - font-family: "IconsBrands"; - content: "\e340"; +.ts-icon.is-inbox-icon::before { + content: "\f01c"; } -.ts-icon.is-hamsa-icon::before { - content: "\f665"; +.ts-icon.is-superscript-icon::before { + content: "\f12b"; } -.ts-icon.is-hard-drive-icon::before { - content: "\f0a0"; +.ts-icon.is-cookie-icon::before { + content: "\f563"; } -.ts-icon.is-jedi-icon::before { - content: "\f669"; +.ts-icon.is-fire-flame-curved-icon::before { + content: "\f7e4"; } -.ts-icon.is-table-columns-icon::before { - content: "\f0db"; +.ts-icon.is-sd-card-icon::before { + content: "\f7c2"; } -.ts-icon.is-google-drive-icon::before { - font-family: "IconsBrands"; - content: "\f3aa"; -} - -.ts-icon.is-blog-icon::before { - content: "\f781"; +.ts-icon.is-user-slash-icon::before { + content: "\f506"; } -.ts-icon.is-box-archive-icon::before { - content: "\f187"; +.ts-icon.is-bacterium-icon::before { + content: "\e05a"; } -.ts-icon.is-dong-sign-icon::before { - content: "\e169"; +.ts-icon.is-maximize-icon::before { + content: "\f31e"; } -.ts-icon.is-volume-xmark-icon::before { - content: "\f6a9"; +.ts-icon.is-trophy-icon::before { + content: "\f091"; } -.ts-icon.is-uncharted-icon::before { - font-family: "IconsBrands"; - content: "\e084"; +.ts-icon.is-anchor-circle-xmark-icon::before { + content: "\e4ac"; } -.ts-icon.is-deskpro-icon::before { - font-family: "IconsBrands"; - content: "\f38f"; +.ts-icon.is-keyboard-icon::before { + content: "\f11c"; } -.ts-icon.is-film-icon::before { - content: "\f008"; +.ts-icon.is-phone-volume-icon::before { + content: "\f2a0"; } -.ts-icon.is-hill-avalanche-icon::before { - content: "\e507"; +.ts-icon.is-pills-icon::before { + content: "\f484"; } -.ts-icon.is-hotjar-icon::before { +.ts-icon.is-square-reddit-icon::before { font-family: "IconsBrands"; - content: "\f3b1"; -} - -.ts-icon.is-kiwi-bird-icon::before { - content: "\f535"; + content: "\f1a2"; } -.ts-icon.is-square-pinterest-icon::before { +.ts-icon.is-buy-n-large-icon::before { font-family: "IconsBrands"; - content: "\f0d3"; -} - -.ts-icon.is-check-double-icon::before { - content: "\f560"; + content: "\f8a6"; } -.ts-icon.is-money-bill-1-wave-icon::before { - content: "\f53b"; +.ts-icon.is-face-grin-wink-icon::before { + content: "\f58c"; } -.ts-icon.is-pepper-hot-icon::before { - content: "\f816"; +.ts-icon.is-6-icon::before { + content: "\36"; } -.ts-icon.is-beer-mug-empty-icon::before { - content: "\f0fc"; +.ts-icon.is-stop-icon::before { + content: "\f04d"; } -.ts-icon.is-file-circle-check-icon::before { - content: "\e5a0"; +.ts-icon.is-hand-holding-icon::before { + content: "\f4bd"; } -.ts-icon.is-rss-icon::before { - content: "\f09e"; +.ts-icon.is-person-circle-minus-icon::before { + content: "\e540"; } -.ts-icon.is-sellcast-icon::before { - font-family: "IconsBrands"; - content: "\f2da"; +.ts-icon.is-shoe-prints-icon::before { + content: "\f54b"; } -.ts-icon.is-slack-icon::before { - font-family: "IconsBrands"; - content: "\f198"; +.ts-icon.is-bug-icon::before { + content: "\f188"; } -.ts-icon.is-yoast-icon::before { +.ts-icon.is-creative-commons-nc-jp-icon::before { font-family: "IconsBrands"; - content: "\f2b1"; -} - -.ts-icon.is-mobile-retro-icon::before { - content: "\e527"; + content: "\f4ea"; } -.ts-icon.is-square-root-variable-icon::before { - content: "\f698"; +.ts-icon.is-house-crack-icon::before { + content: "\e3b1"; } -.ts-icon.is-avianex-icon::before { +.ts-icon.is-node-icon::before { font-family: "IconsBrands"; - content: "\f374"; + content: "\f419"; } -.ts-icon.is-building-flag-icon::before { - content: "\e4d5"; +.ts-icon.is-arrow-left-long-icon::before { + content: "\f177"; } -.ts-icon.is-earth-africa-icon::before { - content: "\f57c"; +.ts-icon.is-face-laugh-squint-icon::before { + content: "\f59b"; } -.ts-icon.is-python-icon::before { - font-family: "IconsBrands"; - content: "\f3e2"; +.ts-icon.is-head-side-cough-slash-icon::before { + content: "\e062"; } -.ts-icon.is-truck-monster-icon::before { - content: "\f63b"; +.ts-icon.is-connectdevelop-icon::before { + font-family: "IconsBrands"; + content: "\f20e"; } -.ts-icon.is-square-viadeo-icon::before { +.ts-icon.is-galactic-republic-icon::before { font-family: "IconsBrands"; - content: "\f2aa"; + content: "\f50c"; } -.ts-icon.is-vaadin-icon::before { +.ts-icon.is-square-dribbble-icon::before { font-family: "IconsBrands"; - content: "\f408"; + content: "\f397"; } -.ts-icon.is-weight-scale-icon::before { - content: "\f496"; +.ts-icon.is-volume-high-icon::before { + content: "\f028"; } -.ts-icon.is-bezier-curve-icon::before { - content: "\f55b"; +.ts-icon.is-arrow-right-arrow-left-icon::before { + content: "\f0ec"; } -.ts-icon.is-gitlab-icon::before { +.ts-icon.is-codepen-icon::before { font-family: "IconsBrands"; - content: "\f296"; -} - -.ts-icon.is-handshake-simple-icon::before { - content: "\f4c6"; + content: "\f1cb"; } -.ts-icon.is-person-walking-luggage-icon::before { - content: "\e554"; +.ts-icon.is-plug-circle-xmark-icon::before { + content: "\e560"; } -.ts-icon.is-truck-ramp-box-icon::before { - content: "\f4de"; +.ts-icon.is-align-left-icon::before { + content: "\f036"; } -.ts-icon.is-vnv-icon::before { +.ts-icon.is-ember-icon::before { font-family: "IconsBrands"; - content: "\f40b"; + content: "\f423"; } -.ts-icon.is-hand-holding-hand-icon::before { - content: "\e4f7"; +.ts-icon.is-spell-check-icon::before { + content: "\f891"; } -.ts-icon.is-user-shield-icon::before { - content: "\f505"; +.ts-icon.is-think-peaks-icon::before { + font-family: "IconsBrands"; + content: "\f731"; } -.ts-icon.is-austral-sign-icon::before { - content: "\e0a9"; +.ts-icon.is-arrow-trend-up-icon::before { + content: "\e098"; } -.ts-icon.is-circle-stop-icon::before { - content: "\f28d"; +.ts-icon.is-person-walking-arrow-right-icon::before { + content: "\e552"; } -.ts-icon.is-cloud-arrow-up-icon::before { - content: "\f0ee"; +.ts-icon.is-satellite-icon::before { + content: "\f7bf"; } -.ts-icon.is-cc-paypal-icon::before { +.ts-icon.is-square-xing-icon::before { font-family: "IconsBrands"; - content: "\f1f4"; + content: "\f169"; } -.ts-icon.is-ear-listen-icon::before { - content: "\f2a2"; +.ts-icon.is-wix-icon::before { + font-family: "IconsBrands"; + content: "\f5cf"; } -.ts-icon.is-forward-icon::before { - content: "\f04e"; +.ts-icon.is-flickr-icon::before { + font-family: "IconsBrands"; + content: "\f16e"; } -.ts-icon.is-goodreads-g-icon::before { +.ts-icon.is-pagelines-icon::before { font-family: "IconsBrands"; - content: "\f3a9"; + content: "\f18c"; } -.ts-icon.is-hat-wizard-icon::before { - content: "\f6e8"; +.ts-icon.is-hamsa-icon::before { + content: "\f665"; } -.ts-icon.is-wirsindhandwerk-icon::before { +.ts-icon.is-stack-exchange-icon::before { font-family: "IconsBrands"; - content: "\e2d0"; + content: "\f18d"; } -.ts-icon.is-accusoft-icon::before { - font-family: "IconsBrands"; - content: "\f369"; +.ts-icon.is-forward-step-icon::before { + content: "\f051"; } -.ts-icon.is-ferry-icon::before { - content: "\e4ea"; +.ts-icon.is-prescription-bottle-medical-icon::before { + content: "\f486"; } -.ts-icon.is-file-prescription-icon::before { - content: "\f572"; +.ts-icon.is-address-book-icon::before { + content: "\f2b9"; } -.ts-icon.is-folder-open-icon::before { - content: "\f07c"; +.ts-icon.is-face-grin-tongue-wink-icon::before { + content: "\f58b"; } -.ts-icon.is-location-crosshairs-icon::before { - content: "\f601"; +.ts-icon.is-map-icon::before { + content: "\f279"; } -.ts-icon.is-window-restore-icon::before { - content: "\f2d2"; +.ts-icon.is-readme-icon::before { + font-family: "IconsBrands"; + content: "\f4d5"; } -.ts-icon.is-hands-clapping-icon::before { - content: "\e1a8"; +.ts-icon.is-dice-d20-icon::before { + content: "\f6cf"; } -.ts-icon.is-scroll-icon::before { - content: "\f70e"; +.ts-icon.is-gauge-icon::before { + content: "\f624"; } -.ts-icon.is-arrow-left-icon::before { - content: "\f060"; +.ts-icon.is-mars-stroke-icon::before { + content: "\f229"; } -.ts-icon.is-discourse-icon::before { +.ts-icon.is-viacoin-icon::before { font-family: "IconsBrands"; - content: "\f393"; + content: "\f237"; } -.ts-icon.is-face-rolling-eyes-icon::before { - content: "\f5a5"; +.ts-icon.is-code-icon::before { + content: "\f121"; } -.ts-icon.is-walkie-talkie-icon::before { - content: "\f8ef"; +.ts-icon.is-egg-icon::before { + content: "\f7fb"; } -.ts-icon.is-circle-nodes-icon::before { - content: "\e4e2"; +.ts-icon.is-earth-europe-icon::before { + content: "\f7a2"; } -.ts-icon.is-folder-tree-icon::before { - content: "\f802"; +.ts-icon.is-person-arrow-down-to-line-icon::before { + content: "\e538"; } -.ts-icon.is-old-republic-icon::before { - font-family: "IconsBrands"; - content: "\f510"; +.ts-icon.is-dolly-icon::before { + content: "\f472"; } -.ts-icon.is-person-rays-icon::before { - content: "\e54d"; +.ts-icon.is-circle-play-icon::before { + content: "\f144"; } -.ts-icon.is-renren-icon::before { - font-family: "IconsBrands"; - content: "\f18b"; +.ts-icon.is-closed-captioning-icon::before { + content: "\f20a"; } -.ts-icon.is-peace-icon::before { - content: "\f67c"; +.ts-icon.is-circle-down-icon::before { + content: "\f358"; } -.ts-icon.is-sailboat-icon::before { - content: "\e445"; +.ts-icon.is-sort-up-icon::before { + content: "\f0de"; } -.ts-icon.is-codiepie-icon::before { - font-family: "IconsBrands"; - content: "\f284"; +.ts-icon.is-code-compare-icon::before { + content: "\e13a"; } -.ts-icon.is-minimize-icon::before { - content: "\f78c"; +.ts-icon.is-envelopes-bulk-icon::before { + content: "\f674"; } -.ts-icon.is-arrow-trend-up-icon::before { - content: "\e098"; +.ts-icon.is-user-secret-icon::before { + content: "\f21b"; } -.ts-icon.is-border-all-icon::before { - content: "\f84c"; +.ts-icon.is-wpforms-icon::before { + font-family: "IconsBrands"; + content: "\f298"; } -.ts-icon.is-shopify-icon::before { - font-family: "IconsBrands"; - content: "\e057"; +.ts-icon.is-arrow-trend-down-icon::before { + content: "\e097"; } -.ts-icon.is-van-shuttle-icon::before { - content: "\f5b6"; +.ts-icon.is-arrows-split-up-and-left-icon::before { + content: "\e4bc"; } -.ts-icon.is-border-none-icon::before { - content: "\f850"; +.ts-icon.is-person-walking-with-cane-icon::before { + content: "\f29d"; } -.ts-icon.is-desktop-icon::before { - content: "\f390"; +.ts-icon.is-bowl-food-icon::before { + content: "\e4c6"; } -.ts-icon.is-person-skiing-icon::before { - content: "\f7c9"; +.ts-icon.is-horse-head-icon::before { + content: "\f7ab"; } -.ts-icon.is-square-github-icon::before { - font-family: "IconsBrands"; - content: "\f092"; +.ts-icon.is-chart-gantt-icon::before { + content: "\e0e4"; } -.ts-icon.is-teeth-open-icon::before { - content: "\f62f"; +.ts-icon.is-calculator-icon::before { + content: "\f1ec"; } -.ts-icon.is-css3-icon::before { +.ts-icon.is-meta-icon::before { font-family: "IconsBrands"; - content: "\f13c"; + content: "\e49b"; } -.ts-icon.is-person-skiing-nordic-icon::before { - content: "\f7ca"; +.ts-icon.is-person-praying-icon::before { + content: "\f683"; } -.ts-icon.is-toilets-portable-icon::before { - content: "\e584"; +.ts-icon.is-stripe-s-icon::before { + font-family: "IconsBrands"; + content: "\f42a"; } -.ts-icon.is-diamond-icon::before { - content: "\f219"; +.ts-icon.is-anchor-circle-exclamation-icon::before { + content: "\e4ab"; } -.ts-icon.is-dolly-icon::before { - content: "\f472"; +.ts-icon.is-book-bible-icon::before { + content: "\f647"; } -.ts-icon.is-face-grin-beam-icon::before { - content: "\f582"; +.ts-icon.is-stumbleupon-circle-icon::before { + font-family: "IconsBrands"; + content: "\f1a3"; } -.ts-icon.is-glide-icon::before { - font-family: "IconsBrands"; - content: "\f2a5"; +.ts-icon.is-house-medical-circle-exclamation-icon::before { + content: "\e512"; } -.ts-icon.is-yarn-icon::before { +.ts-icon.is-ns8-icon::before { font-family: "IconsBrands"; - content: "\f7e3"; + content: "\f3d5"; } -.ts-icon.is-bell-concierge-icon::before { - content: "\f562"; +.ts-icon.is-cloud-arrow-down-icon::before { + content: "\f0ed"; } -.ts-icon.is-bolt-icon::before { - content: "\f0e7"; +.ts-icon.is-handshake-simple-slash-icon::before { + content: "\e05f"; } -.ts-icon.is-tents-icon::before { - content: "\e582"; +.ts-icon.is-ruler-vertical-icon::before { + content: "\f548"; } -.ts-icon.is-bacteria-icon::before { - content: "\e059"; +.ts-icon.is-sheet-plastic-icon::before { + content: "\e571"; } -.ts-icon.is-cart-plus-icon::before { - content: "\f217"; +.ts-icon.is-usps-icon::before { + font-family: "IconsBrands"; + content: "\f7e1"; } -.ts-icon.is-cubes-icon::before { - content: "\f1b3"; +.ts-icon.is-compass-drafting-icon::before { + content: "\f568"; } -.ts-icon.is-outdent-icon::before { - content: "\f03b"; +.ts-icon.is-face-kiss-beam-icon::before { + content: "\f597"; } -.ts-icon.is-temperature-full-icon::before { - content: "\f2c7"; +.ts-icon.is-panorama-icon::before { + content: "\e209"; } -.ts-icon.is-brush-icon::before { - content: "\f55d"; +.ts-icon.is-arrow-down-up-lock-icon::before { + content: "\e4b0"; } -.ts-icon.is-cc-jcb-icon::before { - font-family: "IconsBrands"; - content: "\f24b"; +.ts-icon.is-file-invoice-icon::before { + content: "\f570"; } -.ts-icon.is-puzzle-piece-icon::before { - content: "\f12e"; +.ts-icon.is-envelope-open-icon::before { + content: "\f2b6"; } -.ts-icon.is-bold-icon::before { - content: "\f032"; +.ts-icon.is-star-of-david-icon::before { + content: "\f69a"; } -.ts-icon.is-cent-sign-icon::before { - content: "\e3f5"; +.ts-icon.is-arrow-pointer-icon::before { + content: "\f245"; } -.ts-icon.is-gauge-icon::before { - content: "\f624"; +.ts-icon.is-computer-icon::before { + content: "\e4e5"; } -.ts-icon.is-lightbulb-icon::before { - content: "\f0eb"; +.ts-icon.is-recycle-icon::before { + content: "\f1b8"; } -.ts-icon.is-cannabis-icon::before { - content: "\f55f"; +.ts-icon.is-symfony-icon::before { + font-family: "IconsBrands"; + content: "\f83d"; } -.ts-icon.is-person-skating-icon::before { - content: "\f7c5"; +.ts-icon.is-house-flood-water-icon::before { + content: "\e50e"; } -.ts-icon.is-star-half-stroke-icon::before { - content: "\f5c0"; +.ts-icon.is-igloo-icon::before { + content: "\f7ae"; } -.ts-icon.is-video-slash-icon::before { - content: "\f4e2"; +.ts-icon.is-lines-leaning-icon::before { + content: "\e51e"; } -.ts-icon.is-gulp-icon::before { +.ts-icon.is-gitter-icon::before { font-family: "IconsBrands"; - content: "\f3ae"; + content: "\f426"; } -.ts-icon.is-meetup-icon::before { - font-family: "IconsBrands"; - content: "\f2e0"; +.ts-icon.is-hand-back-fist-icon::before { + content: "\f255"; } -.ts-icon.is-people-arrows-icon::before { - content: "\e068"; +.ts-icon.is-square-vimeo-icon::before { + font-family: "IconsBrands"; + content: "\f194"; } -.ts-icon.is-chalkboard-user-icon::before { - content: "\f51c"; +.ts-icon.is-kip-sign-icon::before { + content: "\e1c4"; } -.ts-icon.is-fill-drip-icon::before { - content: "\f576"; +.ts-icon.is-tower-cell-icon::before { + content: "\e585"; } -.ts-icon.is-gitkraken-icon::before { +.ts-icon.is-cc-mastercard-icon::before { font-family: "IconsBrands"; - content: "\f3a6"; + content: "\f1f1"; } -.ts-icon.is-face-flushed-icon::before { - content: "\f579"; +.ts-icon.is-hourglass-half-icon::before { + content: "\f252"; } -.ts-icon.is-flag-usa-icon::before { - content: "\f74d"; +.ts-icon.is-face-laugh-beam-icon::before { + content: "\f59a"; } -.ts-icon.is-napster-icon::before { +.ts-icon.is-nutritionix-icon::before { font-family: "IconsBrands"; - content: "\f3d2"; -} - -.ts-icon.is-car-side-icon::before { - content: "\f5e4"; + content: "\f3d6"; } -.ts-icon.is-fire-flame-simple-icon::before { - content: "\f46a"; +.ts-icon.is-triangle-exclamation-icon::before { + content: "\f071"; } -.ts-icon.is-app-store-icon::before { +.ts-icon.is-vimeo-icon::before { font-family: "IconsBrands"; - content: "\f36f"; + content: "\f40a"; } -.ts-icon.is-jet-fighter-icon::before { - content: "\f0fb"; +.ts-icon.is-artstation-icon::before { + font-family: "IconsBrands"; + content: "\f77a"; } -.ts-icon.is-cubes-stacked-icon::before { - content: "\e4e6"; +.ts-icon.is-b-icon::before { + content: "\42"; } -.ts-icon.is-hand-holding-heart-icon::before { - content: "\f4be"; +.ts-icon.is-snapchat-icon::before { + font-family: "IconsBrands"; + content: "\f2ab"; } -.ts-icon.is-hotel-icon::before { - content: "\f594"; +.ts-icon.is-square-google-plus-icon::before { + font-family: "IconsBrands"; + content: "\f0d4"; } -.ts-icon.is-arrow-up-1-9-icon::before { - content: "\f163"; -} - -.ts-icon.is-person-falling-icon::before { - content: "\e546"; +.ts-icon.is-amazon-icon::before { + font-family: "IconsBrands"; + content: "\f270"; } -.ts-icon.is-staff-snake-icon::before { - content: "\e579"; +.ts-icon.is-magnifying-glass-minus-icon::before { + content: "\f010"; } -.ts-icon.is-video-icon::before { - content: "\f03d"; +.ts-icon.is-circle-right-icon::before { + content: "\f35a"; } -.ts-icon.is-language-icon::before { - content: "\f1ab"; +.ts-icon.is-e-icon::before { + content: "\45"; } -.ts-icon.is-linux-icon::before { - font-family: "IconsBrands"; - content: "\f17c"; +.ts-icon.is-mars-icon::before { + content: "\f222"; } -.ts-icon.is-stumbleupon-icon::before { - font-family: "IconsBrands"; - content: "\f1a4"; +.ts-icon.is-chart-pie-icon::before { + content: "\f200"; } -.ts-icon.is-unlock-keyhole-icon::before { - content: "\f13e"; +.ts-icon.is-lock-open-icon::before { + content: "\f3c1"; } -.ts-icon.is-arrow-down-1-9-icon::before { - content: "\f162"; +.ts-icon.is-npm-icon::before { + font-family: "IconsBrands"; + content: "\f3d4"; } -.ts-icon.is-arrow-right-from-bracket-icon::before { - content: "\f08b"; +.ts-icon.is-weibo-icon::before { + font-family: "IconsBrands"; + content: "\f18a"; } -.ts-icon.is-bug-icon::before { - content: "\f188"; +.ts-icon.is-dropbox-icon::before { + font-family: "IconsBrands"; + content: "\f16b"; } -.ts-icon.is-head-side-cough-icon::before { - content: "\e061"; +.ts-icon.is-file-arrow-down-icon::before { + content: "\f56d"; } -.ts-icon.is-people-line-icon::before { - content: "\e534"; +.ts-icon.is-bridge-circle-xmark-icon::before { + content: "\e4cb"; } -.ts-icon.is-raspberry-pi-icon::before { - font-family: "IconsBrands"; - content: "\f7bb"; +.ts-icon.is-vials-icon::before { + content: "\f493"; } -.ts-icon.is-arrow-up-icon::before { - content: "\f062"; +.ts-icon.is-mug-saucer-icon::before { + content: "\f0f4"; } -.ts-icon.is-buy-n-large-icon::before { +.ts-icon.is-hire-a-helper-icon::before { font-family: "IconsBrands"; - content: "\f8a6"; + content: "\f3b0"; } -.ts-icon.is-earth-europe-icon::before { - content: "\f7a2"; +.ts-icon.is-prescription-icon::before { + content: "\f5b1"; } -.ts-icon.is-tree-city-icon::before { - content: "\e587"; +.ts-icon.is-suitcase-rolling-icon::before { + content: "\f5c1"; } -.ts-icon.is-user-tag-icon::before { - content: "\f507"; +.ts-icon.is-user-gear-icon::before { + content: "\f4fe"; } -.ts-icon.is-disease-icon::before { - content: "\f7fa"; +.ts-icon.is-diagram-successor-icon::before { + content: "\e47a"; } -.ts-icon.is-equals-icon::before { - content: "\3d"; +.ts-icon.is-edge-icon::before { + font-family: "IconsBrands"; + content: "\f282"; } -.ts-icon.is-heart-circle-bolt-icon::before { - content: "\e4fc"; +.ts-icon.is-text-slash-icon::before { + content: "\f87d"; } -.ts-icon.is-location-arrow-icon::before { - content: "\f124"; +.ts-icon.is-arrow-down-up-across-line-icon::before { + content: "\e4af"; } -.ts-icon.is-user-injured-icon::before { - content: "\f728"; +.ts-icon.is-circle-nodes-icon::before { + content: "\e4e2"; } -.ts-icon.is-align-center-icon::before { - content: "\f037"; +.ts-icon.is-capsules-icon::before { + content: "\f46b"; } -.ts-icon.is-html5-icon::before { +.ts-icon.is-slideshare-icon::before { font-family: "IconsBrands"; - content: "\f13b"; + content: "\f1e7"; } -.ts-icon.is-mars-stroke-up-icon::before { - content: "\f22a"; +.ts-icon.is-hand-lizard-icon::before { + content: "\f258"; } -.ts-icon.is-mercury-icon::before { - content: "\f223"; +.ts-icon.is-map-location-dot-icon::before { + content: "\f5a0"; } -.ts-icon.is-square-git-icon::before { - font-family: "IconsBrands"; - content: "\f1d2"; +.ts-icon.is-person-dots-from-line-icon::before { + content: "\f470"; } -.ts-icon.is-teamspeak-icon::before { - font-family: "IconsBrands"; - content: "\f4f9"; +.ts-icon.is-person-pregnant-icon::before { + content: "\e31e"; } -.ts-icon.is-asterisk-icon::before { - content: "\2a"; +.ts-icon.is-shirt-icon::before { + content: "\f553"; } -.ts-icon.is-building-wheat-icon::before { - content: "\e4db"; +.ts-icon.is-comment-slash-icon::before { + content: "\f4b3"; } -.ts-icon.is-fire-flame-curved-icon::before { - content: "\f7e4"; +.ts-icon.is-edge-legacy-icon::before { + font-family: "IconsBrands"; + content: "\e078"; } -.ts-icon.is-hippo-icon::before { - content: "\f6ed"; +.ts-icon.is-road-barrier-icon::before { + content: "\e562"; } -.ts-icon.is-house-flood-water-circle-arrow-right-icon::before { - content: "\e50f"; +.ts-icon.is-crop-icon::before { + content: "\f125"; } -.ts-icon.is-shapes-icon::before { - content: "\f61f"; +.ts-icon.is-jar-wheat-icon::before { + content: "\e517"; } -.ts-icon.is-arrows-down-to-people-icon::before { - content: "\e4b9"; +.ts-icon.is-imdb-icon::before { + font-family: "IconsBrands"; + content: "\f2d8"; } -.ts-icon.is-chess-king-icon::before { - content: "\f43f"; +.ts-icon.is-renren-icon::before { + font-family: "IconsBrands"; + content: "\f18b"; } -.ts-icon.is-hospital-icon::before { - content: "\f0f8"; +.ts-icon.is-square-facebook-icon::before { + font-family: "IconsBrands"; + content: "\f082"; } -.ts-icon.is-simplybuilt-icon::before { - font-family: "IconsBrands"; - content: "\f215"; +.ts-icon.is-tent-arrow-left-right-icon::before { + content: "\e57f"; } -.ts-icon.is-anchor-lock-icon::before { - content: "\e4ad"; +.ts-icon.is-truck-arrow-right-icon::before { + content: "\e58b"; } -.ts-icon.is-mug-hot-icon::before { - content: "\f7b6"; +.ts-icon.is-bell-icon::before { + content: "\f0f3"; } -.ts-icon.is-prescription-bottle-medical-icon::before { - content: "\f486"; +.ts-icon.is-child-dress-icon::before { + content: "\e59c"; } -.ts-icon.is-envelope-open-icon::before { - content: "\f2b6"; +.ts-icon.is-left-long-icon::before { + content: "\f30a"; } -.ts-icon.is-exclamation-icon::before { - content: "\21"; +.ts-icon.is-paw-icon::before { + content: "\f1b0"; } -.ts-icon.is-hand-dots-icon::before { - content: "\f461"; +.ts-icon.is-reddit-icon::before { + font-family: "IconsBrands"; + content: "\f1a1"; } -.ts-icon.is-house-icon::before { - content: "\f015"; +.ts-icon.is-thermometer-icon::before { + content: "\f491"; } -.ts-icon.is-temperature-arrow-down-icon::before { - content: "\e03f"; +.ts-icon.is-blender-icon::before { + content: "\f517"; } -.ts-icon.is-venus-icon::before { - content: "\f221"; +.ts-icon.is-euro-sign-icon::before { + content: "\f153"; } -.ts-icon.is-elevator-icon::before { - content: "\e16d"; +.ts-icon.is-laravel-icon::before { + font-family: "IconsBrands"; + content: "\f3bd"; } -.ts-icon.is-gauge-simple-high-icon::before { - content: "\f62a"; +.ts-icon.is-plane-icon::before { + content: "\f072"; } -.ts-icon.is-user-nurse-icon::before { - content: "\f82f"; +.ts-icon.is-hand-scissors-icon::before { + content: "\f257"; } -.ts-icon.is-cart-arrow-down-icon::before { - content: "\f218"; +.ts-icon.is-person-falling-icon::before { + content: "\e546"; } -.ts-icon.is-hooli-icon::before { - font-family: "IconsBrands"; - content: "\f427"; +.ts-icon.is-caret-right-icon::before { + content: "\f0da"; } -.ts-icon.is-creative-commons-share-icon::before { - font-family: "IconsBrands"; - content: "\f4f2"; +.ts-icon.is-clone-icon::before { + content: "\f24d"; } -.ts-icon.is-mask-ventilator-icon::before { - content: "\e524"; +.ts-icon.is-face-grin-tongue-squint-icon::before { + content: "\f58a"; } -.ts-icon.is-money-check-icon::before { - content: "\f53c"; +.ts-icon.is-fly-icon::before { + font-family: "IconsBrands"; + content: "\f417"; } -.ts-icon.is-stopwatch-20-icon::before { - content: "\e06f"; +.ts-icon.is-solar-panel-icon::before { + content: "\f5ba"; } -.ts-icon.is-vk-icon::before { +.ts-icon.is-umbraco-icon::before { font-family: "IconsBrands"; - content: "\f189"; + content: "\f8e8"; } -.ts-icon.is-graduation-cap-icon::before { - content: "\f19d"; +.ts-icon.is-couch-icon::before { + content: "\f4b8"; } -.ts-icon.is-jug-detergent-icon::before { - content: "\e519"; +.ts-icon.is-face-grin-tears-icon::before { + content: "\f588"; } -.ts-icon.is-plane-icon::before { - content: "\f072"; +.ts-icon.is-head-side-virus-icon::before { + content: "\e064"; } -.ts-icon.is-speakap-icon::before { - font-family: "IconsBrands"; - content: "\f3f3"; +.ts-icon.is-lemon-icon::before { + content: "\f094"; } -.ts-icon.is-genderless-icon::before { - content: "\f22d"; +.ts-icon.is-wizards-of-the-coast-icon::before { + font-family: "IconsBrands"; + content: "\f730"; } -.ts-icon.is-newspaper-icon::before { - content: "\f1ea"; +.ts-icon.is-angle-down-icon::before { + content: "\f107"; } -.ts-icon.is-thumbtack-icon::before { - content: "\f08d"; +.ts-icon.is-database-icon::before { + content: "\f1c0"; } -.ts-icon.is-vials-icon::before { - content: "\f493"; +.ts-icon.is-angrycreative-icon::before { + font-family: "IconsBrands"; + content: "\f36e"; } -.ts-icon.is-vimeo-v-icon::before { +.ts-icon.is-empire-icon::before { font-family: "IconsBrands"; - content: "\f27d"; + content: "\f1d1"; } -.ts-icon.is-arrow-down-long-icon::before { - content: "\f175"; +.ts-icon.is-php-icon::before { + font-family: "IconsBrands"; + content: "\f457"; } -.ts-icon.is-burger-icon::before { - content: "\f805"; +.ts-icon.is-right-left-icon::before { + content: "\f362"; } -.ts-icon.is-clipboard-list-icon::before { - content: "\f46d"; +.ts-icon.is-satellite-dish-icon::before { + content: "\f7c0"; } -.ts-icon.is-code-pull-request-icon::before { - content: "\e13c"; +.ts-icon.is-thumbs-up-icon::before { + content: "\f164"; } -.ts-icon.is-notes-medical-icon::before { - content: "\f481"; +.ts-icon.is-divide-icon::before { + content: "\f529"; } -.ts-icon.is-candy-cane-icon::before { - content: "\f786"; +.ts-icon.is-person-dress-burst-icon::before { + content: "\e544"; } -.ts-icon.is-file-audio-icon::before { - content: "\f1c7"; +.ts-icon.is-bilibili-icon::before { + font-family: "IconsBrands"; + content: "\e3d9"; } -.ts-icon.is-person-arrow-down-to-line-icon::before { - content: "\e538"; +.ts-icon.is-cc-diners-club-icon::before { + font-family: "IconsBrands"; + content: "\f24c"; } -.ts-icon.is-plane-departure-icon::before { - content: "\f5b0"; +.ts-icon.is-tiktok-icon::before { + font-family: "IconsBrands"; + content: "\e07b"; } -.ts-icon.is-boxes-packing-icon::before { - content: "\e4c7"; +.ts-icon.is-arrow-up-a-z-icon::before { + content: "\f15e"; } -.ts-icon.is-globe-icon::before { - content: "\f0ac"; +.ts-icon.is-baht-sign-icon::before { + content: "\e0ac"; } -.ts-icon.is-r-project-icon::before { - font-family: "IconsBrands"; - content: "\f4f7"; +.ts-icon.is-person-skiing-nordic-icon::before { + content: "\f7ca"; } -.ts-icon.is-user-group-icon::before { - content: "\f500"; +.ts-icon.is-universal-access-icon::before { + content: "\f29a"; } -.ts-icon.is-rotate-right-icon::before { - content: "\f2f9"; +.ts-icon.is-digg-icon::before { + font-family: "IconsBrands"; + content: "\f1a6"; } -.ts-icon.is-tent-icon::before { - content: "\e57d"; +.ts-icon.is-object-group-icon::before { + content: "\f247"; } -.ts-icon.is-box-tissue-icon::before { - content: "\e05b"; +.ts-icon.is-dochub-icon::before { + font-family: "IconsBrands"; + content: "\f394"; } -.ts-icon.is-face-angry-icon::before { - content: "\f556"; +.ts-icon.is-truck-medical-icon::before { + content: "\f0f9"; } -.ts-icon.is-face-grin-wink-icon::before { - content: "\f58c"; +.ts-icon.is-user-icon::before { + content: "\f007"; } -.ts-icon.is-images-icon::before { - content: "\f302"; +.ts-icon.is-cloud-meatball-icon::before { + content: "\f73b"; } -.ts-icon.is-location-pin-lock-icon::before { - content: "\e51f"; +.ts-icon.is-maxcdn-icon::before { + font-family: "IconsBrands"; + content: "\f136"; } -.ts-icon.is-rectangle-ad-icon::before { - content: "\f641"; +.ts-icon.is-phabricator-icon::before { + font-family: "IconsBrands"; + content: "\f3db"; } -.ts-icon.is-comments-dollar-icon::before { - content: "\f653"; +.ts-icon.is-eye-low-vision-icon::before { + content: "\f2a8"; } -.ts-icon.is-plug-circle-exclamation-icon::before { - content: "\e55d"; +.ts-icon.is-face-rolling-eyes-icon::before { + content: "\f5a5"; } -.ts-icon.is-cloud-sun-icon::before { - content: "\f6c4"; +.ts-icon.is-square-steam-icon::before { + font-family: "IconsBrands"; + content: "\f1b7"; } -.ts-icon.is-gauge-simple-icon::before { - content: "\f629"; +.ts-icon.is-house-flag-icon::before { + content: "\e50d"; } -.ts-icon.is-indent-icon::before { - content: "\f03c"; +.ts-icon.is-paint-roller-icon::before { + content: "\f5aa"; } -.ts-icon.is-wheelchair-icon::before { - content: "\f193"; +.ts-icon.is-person-falling-burst-icon::before { + content: "\e547"; } -.ts-icon.is-blackberry-icon::before { +.ts-icon.is-simplybuilt-icon::before { font-family: "IconsBrands"; - content: "\f37b"; + content: "\f215"; } -.ts-icon.is-briefcase-medical-icon::before { - content: "\f469"; +.ts-icon.is-users-icon::before { + content: "\f0c0"; } -.ts-icon.is-calendar-minus-icon::before { - content: "\f272"; +.ts-icon.is-arrow-down-short-wide-icon::before { + content: "\f884"; } -.ts-icon.is-orcid-icon::before { - font-family: "IconsBrands"; - content: "\f8d2"; +.ts-icon.is-khanda-icon::before { + content: "\f66d"; } -.ts-icon.is-safari-icon::before { - font-family: "IconsBrands"; - content: "\f267"; +.ts-icon.is-traffic-light-icon::before { + content: "\f637"; } -.ts-icon.is-swatchbook-icon::before { - content: "\f5c3"; +.ts-icon.is-baseball-icon::before { + content: "\f433"; } -.ts-icon.is-less-than-icon::before { - content: "\3c"; +.ts-icon.is-scroll-torah-icon::before { + content: "\f6a0"; } -.ts-icon.is-mars-double-icon::before { - content: "\f227"; +.ts-icon.is-mandalorian-icon::before { + font-family: "IconsBrands"; + content: "\f50f"; } -.ts-icon.is-ban-smoking-icon::before { - content: "\f54d"; +.ts-icon.is-nimblr-icon::before { + font-family: "IconsBrands"; + content: "\f5a8"; } -.ts-icon.is-business-time-icon::before { - content: "\f64a"; +.ts-icon.is-candy-cane-icon::before { + content: "\f786"; } -.ts-icon.is-circle-plus-icon::before { - content: "\f055"; +.ts-icon.is-house-medical-circle-check-icon::before { + content: "\e511"; } -.ts-icon.is-fort-awesome-alt-icon::before { - font-family: "IconsBrands"; - content: "\f3a3"; +.ts-icon.is-dumbbell-icon::before { + content: "\f44b"; } -.ts-icon.is-hands-holding-icon::before { - content: "\f4c2"; +.ts-icon.is-film-icon::before { + content: "\f008"; } -.ts-icon.is-less-icon::before { +.ts-icon.is-gratipay-icon::before { font-family: "IconsBrands"; - content: "\f41d"; + content: "\f184"; } -.ts-icon.is-republican-icon::before { - content: "\f75e"; +.ts-icon.is-laptop-icon::before { + content: "\f109"; } -.ts-icon.is-file-code-icon::before { - content: "\f1c9"; +.ts-icon.is-cloud-showers-water-icon::before { + content: "\e4e4"; } -.ts-icon.is-square-check-icon::before { - content: "\f14a"; +.ts-icon.is-compress-icon::before { + content: "\f066"; } -.ts-icon.is-arrows-to-circle-icon::before { - content: "\e4bd"; +.ts-icon.is-square-instagram-icon::before { + font-family: "IconsBrands"; + content: "\e055"; } -.ts-icon.is-dharmachakra-icon::before { - content: "\f655"; +.ts-icon.is-square-twitter-icon::before { + font-family: "IconsBrands"; + content: "\f081"; } -.ts-icon.is-face-smile-icon::before { - content: "\f118"; +.ts-icon.is-git-icon::before { + font-family: "IconsBrands"; + content: "\f1d3"; } -.ts-icon.is-lines-leaning-icon::before { - content: "\e51e"; +.ts-icon.is-plate-wheat-icon::before { + content: "\e55a"; } -.ts-icon.is-plane-circle-xmark-icon::before { - content: "\e557"; +.ts-icon.is-building-circle-xmark-icon::before { + content: "\e4d4"; } -.ts-icon.is-yammer-icon::before { - font-family: "IconsBrands"; - content: "\f840"; -} - -.ts-icon.is-crown-icon::before { - content: "\f521"; +.ts-icon.is-t-icon::before { + content: "\54"; } -.ts-icon.is-file-circle-minus-icon::before { - content: "\e4ed"; +.ts-icon.is-fantasy-flight-games-icon::before { + font-family: "IconsBrands"; + content: "\f6dc"; } -.ts-icon.is-arrow-left-long-icon::before { - content: "\f177"; +.ts-icon.is-fire-extinguisher-icon::before { + content: "\f134"; } -.ts-icon.is-face-laugh-wink-icon::before { - content: "\f59c"; +.ts-icon.is-square-caret-down-icon::before { + content: "\f150"; } -.ts-icon.is-highlighter-icon::before { - content: "\f591"; +.ts-icon.is-arrow-up-1-9-icon::before { + content: "\f163"; } -.ts-icon.is-hourglass-end-icon::before { - content: "\f253"; +.ts-icon.is-face-meh-icon::before { + content: "\f11a"; } -.ts-icon.is-sort-down-icon::before { - content: "\f0dd"; +.ts-icon.is-screwdriver-wrench-icon::before { + content: "\f7d9"; } -.ts-icon.is-align-left-icon::before { - content: "\f036"; +.ts-icon.is-dashcube-icon::before { + font-family: "IconsBrands"; + content: "\f210"; } -.ts-icon.is-arrows-turn-to-dots-icon::before { - content: "\e4c1"; +.ts-icon.is-indian-rupee-sign-icon::before { + content: "\e1bc"; } -.ts-icon.is-car-burst-icon::before { - content: "\f5e1"; +.ts-icon.is-power-off-icon::before { + content: "\f011"; } -.ts-icon.is-draft2digital-icon::before { - font-family: "IconsBrands"; - content: "\f396"; +.ts-icon.is-sitemap-icon::before { + content: "\f0e8"; } -.ts-icon.is-font-icon::before { - content: "\f031"; +.ts-icon.is-voicemail-icon::before { + content: "\f897"; } -.ts-icon.is-handshake-icon::before { - content: "\f2b5"; +.ts-icon.is-temperature-arrow-down-icon::before { + content: "\e03f"; } -.ts-icon.is-circle-arrow-left-icon::before { - content: "\f0a8"; +.ts-icon.is-dev-icon::before { + font-family: "IconsBrands"; + content: "\f6cc"; } -.ts-icon.is-deviantart-icon::before { +.ts-icon.is-itunes-note-icon::before { font-family: "IconsBrands"; - content: "\f1bd"; + content: "\f3b5"; } -.ts-icon.is-linode-icon::before { - font-family: "IconsBrands"; - content: "\f2b8"; +.ts-icon.is-mask-icon::before { + content: "\f6fa"; } -.ts-icon.is-hand-holding-dollar-icon::before { - content: "\f4c0"; +.ts-icon.is-users-between-lines-icon::before { + content: "\e591"; } -.ts-icon.is-microblog-icon::before { - font-family: "IconsBrands"; - content: "\e01a"; +.ts-icon.is-arrows-up-down-icon::before { + content: "\f07d"; } -.ts-icon.is-screenpal-icon::before { - font-family: "IconsBrands"; - content: "\e570"; +.ts-icon.is-bookmark-icon::before { + content: "\f02e"; } -.ts-icon.is-blogger-icon::before { - font-family: "IconsBrands"; - content: "\f37c"; +.ts-icon.is-location-dot-icon::before { + content: "\f3c5"; } -.ts-icon.is-book-open-reader-icon::before { - content: "\f5da"; +.ts-icon.is-poo-icon::before { + content: "\f2fe"; } -.ts-icon.is-football-icon::before { - content: "\f44e"; +.ts-icon.is-sack-xmark-icon::before { + content: "\e56a"; } -.ts-icon.is-gopuram-icon::before { - content: "\f664"; +.ts-icon.is-arrow-up-short-wide-icon::before { + content: "\f885"; } -.ts-icon.is-hand-middle-finger-icon::before { - content: "\f806"; +.ts-icon.is-chess-board-icon::before { + content: "\f43c"; } -.ts-icon.is-list-check-icon::before { - content: "\f0ae"; +.ts-icon.is-user-nurse-icon::before { + content: "\f82f"; } -.ts-icon.is-star-of-david-icon::before { - content: "\f69a"; +.ts-icon.is-feather-pointed-icon::before { + content: "\f56b"; } -.ts-icon.is-dice-three-icon::before { - content: "\f527"; +.ts-icon.is-pen-to-square-icon::before { + content: "\f044"; } -.ts-icon.is-arrows-left-right-icon::before { - content: "\f07e"; +.ts-icon.is-drum-steelpan-icon::before { + content: "\f56a"; } -.ts-icon.is-h-icon::before { - content: "\48"; +.ts-icon.is-gauge-simple-high-icon::before { + content: "\f62a"; } -.ts-icon.is-person-walking-with-cane-icon::before { - content: "\f29d"; +.ts-icon.is-angles-down-icon::before { + content: "\f103"; } -.ts-icon.is-ravelry-icon::before { - font-family: "IconsBrands"; - content: "\f2d9"; +.ts-icon.is-car-battery-icon::before { + content: "\f5df"; } -.ts-icon.is-internet-explorer-icon::before { - font-family: "IconsBrands"; - content: "\f26b"; +.ts-icon.is-toilets-portable-icon::before { + content: "\e584"; } -.ts-icon.is-wand-sparkles-icon::before { - content: "\f72b"; +.ts-icon.is-weight-scale-icon::before { + content: "\f496"; } -.ts-icon.is-ruler-horizontal-icon::before { - content: "\f547"; +.ts-icon.is-square-h-icon::before { + content: "\f0fd"; } -.ts-icon.is-scribd-icon::before { +.ts-icon.is-creative-commons-sa-icon::before { font-family: "IconsBrands"; - content: "\f28a"; + content: "\f4ef"; } -.ts-icon.is-chair-icon::before { - content: "\f6c0"; +.ts-icon.is-filter-circle-dollar-icon::before { + content: "\f662"; } -.ts-icon.is-creative-commons-zero-icon::before { +.ts-icon.is-square-gitlab-icon::before { font-family: "IconsBrands"; - content: "\f4f3"; + content: "\e5ae"; } -.ts-icon.is-hackerrank-icon::before { - font-family: "IconsBrands"; - content: "\f5f7"; +.ts-icon.is-text-width-icon::before { + content: "\f035"; } -.ts-icon.is-house-medical-circle-xmark-icon::before { - content: "\e513"; +.ts-icon.is-dong-sign-icon::before { + content: "\e169"; } -.ts-icon.is-question-icon::before { - content: "\3f"; +.ts-icon.is-signs-post-icon::before { + content: "\f277"; } -.ts-icon.is-rotate-icon::before { - content: "\f2f1"; +.ts-icon.is-laptop-file-icon::before { + content: "\e51d"; } -.ts-icon.is-tarp-icon::before { - content: "\e57b"; +.ts-icon.is-monero-icon::before { + font-family: "IconsBrands"; + content: "\f3d0"; } -.ts-icon.is-temperature-half-icon::before { - content: "\f2c9"; +.ts-icon.is-note-sticky-icon::before { + content: "\f249"; } -.ts-icon.is-buffer-icon::before { - font-family: "IconsBrands"; - content: "\f837"; +.ts-icon.is-person-rays-icon::before { + content: "\e54d"; } -.ts-icon.is-building-user-icon::before { - content: "\e4da"; +.ts-icon.is-cart-flatbed-suitcase-icon::before { + content: "\f59d"; } -.ts-icon.is-head-side-mask-icon::before { - content: "\e063"; +.ts-icon.is-hard-drive-icon::before { + content: "\f0a0"; } -.ts-icon.is-person-dots-from-line-icon::before { - content: "\f470"; +.ts-icon.is-key-icon::before { + content: "\f084"; } -.ts-icon.is-signs-post-icon::before { - content: "\f277"; +.ts-icon.is-padlet-icon::before { + font-family: "IconsBrands"; + content: "\e4a0"; } -.ts-icon.is-venus-double-icon::before { - content: "\f226"; +.ts-icon.is-sitrox-icon::before { + font-family: "IconsBrands"; + content: "\e44a"; } -.ts-icon.is-calculator-icon::before { - content: "\f1ec"; +.ts-icon.is-truck-front-icon::before { + content: "\e2b7"; } -.ts-icon.is-maxcdn-icon::before { +.ts-icon.is-up-right-and-down-left-from-center-icon::before { + content: "\f424"; +} + +.ts-icon.is-whatsapp-icon::before { font-family: "IconsBrands"; - content: "\f136"; + content: "\f232"; } -.ts-icon.is-coins-icon::before { - content: "\f51e"; +.ts-icon.is-caret-down-icon::before { + content: "\f0d7"; } -.ts-icon.is-hands-praying-icon::before { - content: "\f684"; +.ts-icon.is-list-ul-icon::before { + content: "\f0ca"; } -.ts-icon.is-pinterest-icon::before { +.ts-icon.is-first-order-icon::before { font-family: "IconsBrands"; - content: "\f0d2"; + content: "\f2b0"; } -.ts-icon.is-instagram-icon::before { +.ts-icon.is-jira-icon::before { font-family: "IconsBrands"; - content: "\f16d"; + content: "\f7b1"; } -.ts-icon.is-tablets-icon::before { - content: "\f490"; +.ts-icon.is-tag-icon::before { + content: "\f02b"; } -.ts-icon.is-fulcrum-icon::before { +.ts-icon.is-tumblr-icon::before { font-family: "IconsBrands"; - content: "\f50b"; + content: "\f173"; } -.ts-icon.is-phone-flip-icon::before { - content: "\f879"; +.ts-icon.is-audio-description-icon::before { + content: "\f29e"; } -.ts-icon.is-road-circle-exclamation-icon::before { - content: "\e565"; -} - -.ts-icon.is-square-icon::before { - content: "\f0c8"; +.ts-icon.is-gun-icon::before { + content: "\e19b"; } -.ts-icon.is-battery-full-icon::before { - content: "\f240"; +.ts-icon.is-circle-radiation-icon::before { + content: "\f7ba"; } -.ts-icon.is-book-open-icon::before { - content: "\f518"; +.ts-icon.is-dollar-sign-icon::before { + content: "\24"; } -.ts-icon.is-comment-dollar-icon::before { - content: "\f651"; +.ts-icon.is-person-circle-xmark-icon::before { + content: "\e543"; } -.ts-icon.is-hive-icon::before { - font-family: "IconsBrands"; - content: "\e07f"; +.ts-icon.is-hand-peace-icon::before { + content: "\f25b"; } -.ts-icon.is-hourglass-half-icon::before { - content: "\f252"; +.ts-icon.is-house-circle-check-icon::before { + content: "\e509"; } -.ts-icon.is-person-through-window-icon::before { - content: "\e5a9"; +.ts-icon.is-tablet-screen-button-icon::before { + content: "\f3fa"; } -.ts-icon.is-users-gear-icon::before { - content: "\f509"; +.ts-icon.is-business-time-icon::before { + content: "\f64a"; } -.ts-icon.is-xbox-icon::before { - font-family: "IconsBrands"; - content: "\f412"; +.ts-icon.is-ghost-icon::before { + content: "\f6e2"; } -.ts-icon.is-building-circle-xmark-icon::before { - content: "\e4d4"; +.ts-icon.is-crown-icon::before { + content: "\f521"; } -.ts-icon.is-figma-icon::before { - font-family: "IconsBrands"; - content: "\f799"; +.ts-icon.is-magnifying-glass-arrow-right-icon::before { + content: "\e521"; } -.ts-icon.is-house-signal-icon::before { - content: "\e012"; +.ts-icon.is-water-icon::before { + content: "\f773"; } -.ts-icon.is-mitten-icon::before { - content: "\f7b5"; +.ts-icon.is-bucket-icon::before { + content: "\e4cf"; } -.ts-icon.is-square-phone-icon::before { - content: "\f098"; +.ts-icon.is-user-lock-icon::before { + content: "\f502"; } -.ts-icon.is-1-icon::before { - content: "\31"; +.ts-icon.is-android-icon::before { + font-family: "IconsBrands"; + content: "\f17b"; } -.ts-icon.is-creative-commons-nc-icon::before { - font-family: "IconsBrands"; - content: "\f4e8"; +.ts-icon.is-share-from-square-icon::before { + content: "\f14d"; } -.ts-icon.is-mound-icon::before { - content: "\e52d"; +.ts-icon.is-square-pied-piper-icon::before { + font-family: "IconsBrands"; + content: "\e01e"; } -.ts-icon.is-people-carry-box-icon::before { - content: "\f4ce"; +.ts-icon.is-weebly-icon::before { + font-family: "IconsBrands"; + content: "\f5cc"; } -.ts-icon.is-pix-icon::before { +.ts-icon.is-xbox-icon::before { font-family: "IconsBrands"; - content: "\e43a"; + content: "\f412"; } -.ts-icon.is-ruler-icon::before { - content: "\f545"; +.ts-icon.is-heart-circle-xmark-icon::before { + content: "\e501"; } -.ts-icon.is-js-icon::before { +.ts-icon.is-mixcloud-icon::before { font-family: "IconsBrands"; - content: "\f3b8"; + content: "\f289"; } -.ts-icon.is-monument-icon::before { - content: "\f5a6"; +.ts-icon.is-road-circle-xmark-icon::before { + content: "\e566"; } -.ts-icon.is-arrows-to-dot-icon::before { - content: "\e4be"; +.ts-icon.is-tape-icon::before { + content: "\f4db"; } -.ts-icon.is-audio-description-icon::before { - content: "\f29e"; +.ts-icon.is-odnoklassniki-icon::before { + font-family: "IconsBrands"; + content: "\f263"; } -.ts-icon.is-burst-icon::before { - content: "\e4dc"; +.ts-icon.is-stairs-icon::before { + content: "\e289"; } -.ts-icon.is-buysellads-icon::before { +.ts-icon.is-windows-icon::before { font-family: "IconsBrands"; - content: "\f20d"; + content: "\f17a"; } -.ts-icon.is-flask-vial-icon::before { - content: "\e4f3"; +.ts-icon.is-drumstick-bite-icon::before { + content: "\f6d7"; } -.ts-icon.is-grav-icon::before { +.ts-icon.is-exclamation-icon::before { + content: "\21"; +} + +.ts-icon.is-lastfm-icon::before { font-family: "IconsBrands"; - content: "\f2d6"; + content: "\f202"; } -.ts-icon.is-creative-commons-nc-jp-icon::before { +.ts-icon.is-page4-icon::before { font-family: "IconsBrands"; - content: "\f4ea"; + content: "\f3d7"; } -.ts-icon.is-face-grin-tongue-icon::before { - content: "\f589"; +.ts-icon.is-user-doctor-icon::before { + content: "\f0f0"; } -.ts-icon.is-square-nfi-icon::before { - content: "\e576"; +.ts-icon.is-gift-icon::before { + content: "\f06b"; } -.ts-icon.is-triangle-exclamation-icon::before { - content: "\f071"; +.ts-icon.is-itunes-icon::before { + font-family: "IconsBrands"; + content: "\f3b4"; } -.ts-icon.is-comment-icon::before { - content: "\f075"; +.ts-icon.is-mask-ventilator-icon::before { + content: "\e524"; } -.ts-icon.is-mars-stroke-icon::before { - content: "\f229"; +.ts-icon.is-wine-bottle-icon::before { + content: "\f72f"; } -.ts-icon.is-circle-down-icon::before { - content: "\f358"; +.ts-icon.is-arrow-up-from-water-pump-icon::before { + content: "\e4b6"; } -.ts-icon.is-product-hunt-icon::before { +.ts-icon.is-keycdn-icon::before { font-family: "IconsBrands"; - content: "\f288"; + content: "\f3ba"; } -.ts-icon.is-rug-icon::before { - content: "\e569"; +.ts-icon.is-stack-overflow-icon::before { + font-family: "IconsBrands"; + content: "\f16c"; } -.ts-icon.is-screwdriver-wrench-icon::before { - content: "\f7d9"; +.ts-icon.is-pied-piper-alt-icon::before { + font-family: "IconsBrands"; + content: "\f1a8"; } -.ts-icon.is-cow-icon::before { - content: "\f6c8"; +.ts-icon.is-calendar-days-icon::before { + content: "\f073"; } -.ts-icon.is-yen-sign-icon::before { - content: "\f157"; +.ts-icon.is-chart-bar-icon::before { + content: "\f080"; } -.ts-icon.is-diagram-project-icon::before { - content: "\f542"; +.ts-icon.is-draw-polygon-icon::before { + content: "\f5ee"; } -.ts-icon.is-ghost-icon::before { - content: "\f6e2"; +.ts-icon.is-gifts-icon::before { + content: "\f79c"; } -.ts-icon.is-hand-peace-icon::before { - content: "\f25b"; +.ts-icon.is-bandage-icon::before { + content: "\f462"; } -.ts-icon.is-down-long-icon::before { - content: "\f309"; +.ts-icon.is-building-icon::before { + content: "\f1ad"; } -.ts-icon.is-hand-holding-droplet-icon::before { - content: "\f4c1"; +.ts-icon.is-school-circle-xmark-icon::before { + content: "\e56d"; } -.ts-icon.is-reacteurope-icon::before { - font-family: "IconsBrands"; - content: "\f75d"; +.ts-icon.is-4-icon::before { + content: "\34"; } -.ts-icon.is-sourcetree-icon::before { - font-family: "IconsBrands"; - content: "\f7d3"; +.ts-icon.is-chess-king-icon::before { + content: "\f43f"; } -.ts-icon.is-fire-burner-icon::before { - content: "\e4f1"; +.ts-icon.is-sort-icon::before { + content: "\f0dc"; } -.ts-icon.is-pills-icon::before { - content: "\f484"; +.ts-icon.is-squarespace-icon::before { + font-family: "IconsBrands"; + content: "\f5be"; } -.ts-icon.is-schlix-icon::before { - font-family: "IconsBrands"; - content: "\f3ea"; +.ts-icon.is-users-rays-icon::before { + content: "\e593"; } -.ts-icon.is-square-pied-piper-icon::before { +.ts-icon.is-creative-commons-pd-alt-icon::before { font-family: "IconsBrands"; - content: "\e01e"; + content: "\f4ed"; } -.ts-icon.is-truck-field-un-icon::before { - content: "\e58e"; +.ts-icon.is-pallet-icon::before { + content: "\f482"; } -.ts-icon.is-joint-icon::before { - content: "\f595"; +.ts-icon.is-bus-icon::before { + content: "\f207"; } -.ts-icon.is-shop-slash-icon::before { - content: "\e070"; +.ts-icon.is-city-icon::before { + content: "\f64f"; } -.ts-icon.is-child-icon::before { - content: "\f1ae"; +.ts-icon.is-google-drive-icon::before { + font-family: "IconsBrands"; + content: "\f3aa"; } -.ts-icon.is-square-up-right-icon::before { - content: "\f360"; +.ts-icon.is-mosque-icon::before { + content: "\f678"; } -.ts-icon.is-house-flood-water-icon::before { - content: "\e50e"; +.ts-icon.is-phoenix-squadron-icon::before { + font-family: "IconsBrands"; + content: "\f511"; } -.ts-icon.is-link-icon::before { - content: "\f0c1"; +.ts-icon.is-road-bridge-icon::before { + content: "\e563"; } -.ts-icon.is-umbrella-beach-icon::before { - content: "\f5ca"; +.ts-icon.is-0-icon::before { + content: "\30"; } -.ts-icon.is-500px-icon::before { - font-family: "IconsBrands"; - content: "\f26e"; +.ts-icon.is-bitcoin-sign-icon::before { + content: "\e0b4"; } -.ts-icon.is-arrow-turn-down-icon::before { - content: "\f149"; +.ts-icon.is-hand-pointer-icon::before { + content: "\f25a"; } -.ts-icon.is-bluetooth-b-icon::before { +.ts-icon.is-viber-icon::before { font-family: "IconsBrands"; - content: "\f294"; -} - -.ts-icon.is-faucet-drip-icon::before { - content: "\e006"; + content: "\f409"; } -.ts-icon.is-square-arrow-up-right-icon::before { - content: "\f14c"; +.ts-icon.is-backward-step-icon::before { + content: "\f048"; } -.ts-icon.is-toggle-on-icon::before { - content: "\f205"; +.ts-icon.is-bots-icon::before { + font-family: "IconsBrands"; + content: "\e340"; } -.ts-icon.is-wizards-of-the-coast-icon::before { +.ts-icon.is-mastodon-icon::before { font-family: "IconsBrands"; - content: "\f730"; + content: "\f4f6"; } -.ts-icon.is-anchor-circle-exclamation-icon::before { - content: "\e4ab"; +.ts-icon.is-microphone-icon::before { + content: "\f130"; } -.ts-icon.is-arrow-down-up-lock-icon::before { - content: "\e4b0"; +.ts-icon.is-paypal-icon::before { + font-family: "IconsBrands"; + content: "\f1ed"; } -.ts-icon.is-bridge-circle-check-icon::before { - content: "\e4c9"; +.ts-icon.is-temperature-full-icon::before { + content: "\f2c7"; } -.ts-icon.is-nimblr-icon::before { - font-family: "IconsBrands"; - content: "\f5a8"; +.ts-icon.is-bone-icon::before { + content: "\f5d7"; } -.ts-icon.is-school-circle-xmark-icon::before { - content: "\e56d"; +.ts-icon.is-industry-icon::before { + content: "\f275"; } -.ts-icon.is-strikethrough-icon::before { - content: "\f0cc"; +.ts-icon.is-chart-line-icon::before { + content: "\f201"; } -.ts-icon.is-left-right-icon::before { - content: "\f337"; +.ts-icon.is-notdef-icon::before { + content: "\e1fe"; } -.ts-icon.is-bugs-icon::before { - content: "\e4d0"; +.ts-icon.is-wheat-awn-circle-exclamation-icon::before { + content: "\e598"; } -.ts-icon.is-plane-circle-check-icon::before { - content: "\e555"; +.ts-icon.is-arrow-down-1-9-icon::before { + content: "\f162"; } -.ts-icon.is-whiskey-glass-icon::before { - content: "\f7a0"; +.ts-icon.is-bolt-icon::before { + content: "\f0e7"; } -.ts-icon.is-traffic-light-icon::before { - content: "\f637"; +.ts-icon.is-golang-icon::before { + font-family: "IconsBrands"; + content: "\e40f"; } -.ts-icon.is-adversal-icon::before { +.ts-icon.is-deezer-icon::before { font-family: "IconsBrands"; - content: "\f36a"; + content: "\e077"; } -.ts-icon.is-building-icon::before { - content: "\f1ad"; +.ts-icon.is-earth-americas-icon::before { + content: "\f57d"; } -.ts-icon.is-dailymotion-icon::before { - font-family: "IconsBrands"; - content: "\e052"; +.ts-icon.is-user-check-icon::before { + content: "\f4fc"; } -.ts-icon.is-git-alt-icon::before { - font-family: "IconsBrands"; - content: "\f841"; +.ts-icon.is-video-slash-icon::before { + content: "\f4e2"; } -.ts-icon.is-kaggle-icon::before { - font-family: "IconsBrands"; - content: "\f5fa"; +.ts-icon.is-wheelchair-move-icon::before { + content: "\e2ce"; } -.ts-icon.is-radio-icon::before { - content: "\f8d7"; +.ts-icon.is-check-to-slot-icon::before { + content: "\f772"; } -.ts-icon.is-bimobject-icon::before { +.ts-icon.is-hat-cowboy-icon::before { + content: "\f8c0"; +} + +.ts-icon.is-uncharted-icon::before { font-family: "IconsBrands"; - content: "\f378"; + content: "\e084"; } -.ts-icon.is-arrow-trend-down-icon::before { - content: "\e097"; +.ts-icon.is-venus-double-icon::before { + content: "\f226"; } -.ts-icon.is-feather-pointed-icon::before { - content: "\f56b"; +.ts-icon.is-memory-icon::before { + content: "\f538"; } -.ts-icon.is-filter-circle-dollar-icon::before { - content: "\f662"; +.ts-icon.is-mix-icon::before { + font-family: "IconsBrands"; + content: "\f3cb"; } -.ts-icon.is-music-icon::before { - content: "\f001"; +.ts-icon.is-diagram-predecessor-icon::before { + content: "\e477"; } -.ts-icon.is-road-bridge-icon::before { - content: "\e563"; +.ts-icon.is-kitchen-set-icon::before { + content: "\e51a"; } -.ts-icon.is-shuffle-icon::before { - content: "\f074"; +.ts-icon.is-tractor-icon::before { + content: "\f722"; } -.ts-icon.is-dochub-icon::before { - font-family: "IconsBrands"; - content: "\f394"; +.ts-icon.is-bug-slash-icon::before { + content: "\e490"; } -.ts-icon.is-gg-icon::before { - font-family: "IconsBrands"; - content: "\f260"; +.ts-icon.is-comment-medical-icon::before { + content: "\f7f5"; } -.ts-icon.is-map-icon::before { - content: "\f279"; +.ts-icon.is-square-phone-flip-icon::before { + content: "\f87b"; } -.ts-icon.is-hand-point-right-icon::before { - content: "\f0a4"; +.ts-icon.is-arrows-left-right-to-line-icon::before { + content: "\e4ba"; } -.ts-icon.is-mdb-icon::before { - font-family: "IconsBrands"; - content: "\f8ca"; +.ts-icon.is-at-icon::before { + content: "\40"; } -.ts-icon.is-pied-piper-pp-icon::before { - font-family: "IconsBrands"; - content: "\f1a7"; +.ts-icon.is-bed-pulse-icon::before { + content: "\f487"; } -.ts-icon.is-map-location-dot-icon::before { - content: "\f5a0"; +.ts-icon.is-linode-icon::before { + font-family: "IconsBrands"; + content: "\f2b8"; } -.ts-icon.is-person-circle-minus-icon::before { - content: "\e540"; +.ts-icon.is-phone-slash-icon::before { + content: "\f3dd"; } -.ts-icon.is-spotify-icon::before { - font-family: "IconsBrands"; - content: "\f1bc"; +.ts-icon.is-road-circle-exclamation-icon::before { + content: "\e565"; } -.ts-icon.is-hand-holding-icon::before { - content: "\f4bd"; +.ts-icon.is-arrow-up-9-1-icon::before { + content: "\f887"; } -.ts-icon.is-hockey-puck-icon::before { - content: "\f453"; +.ts-icon.is-battery-quarter-icon::before { + content: "\f243"; } -.ts-icon.is-person-icon::before { - content: "\f183"; +.ts-icon.is-peace-icon::before { + content: "\f67c"; } -.ts-icon.is-anchor-circle-xmark-icon::before { - content: "\e4ac"; +.ts-icon.is-toilet-paper-slash-icon::before { + content: "\e072"; } -.ts-icon.is-binoculars-icon::before { - content: "\f1e5"; +.ts-icon.is-folder-closed-icon::before { + content: "\e185"; } -.ts-icon.is-carrot-icon::before { - content: "\f787"; +.ts-icon.is-hands-bound-icon::before { + content: "\e4f9"; } -.ts-icon.is-css3-alt-icon::before { +.ts-icon.is-cc-apple-pay-icon::before { font-family: "IconsBrands"; - content: "\f38b"; + content: "\f416"; } -.ts-icon.is-envelope-circle-check-icon::before { - content: "\e4e8"; +.ts-icon.is-paintbrush-icon::before { + content: "\f1fc"; } -.ts-icon.is-angle-right-icon::before { - content: "\f105"; +.ts-icon.is-briefcase-icon::before { + content: "\f0b1"; } -.ts-icon.is-check-icon::before { - content: "\f00c"; +.ts-icon.is-calendar-xmark-icon::before { + content: "\f273"; } -.ts-icon.is-rev-icon::before { +.ts-icon.is-speaker-deck-icon::before { font-family: "IconsBrands"; - content: "\f5b2"; + content: "\f83c"; } -.ts-icon.is-soundcloud-icon::before { +.ts-icon.is-twitter-icon::before { font-family: "IconsBrands"; - content: "\f1be"; + content: "\f099"; } -.ts-icon.is-square-dribbble-icon::before { - font-family: "IconsBrands"; - content: "\f397"; +.ts-icon.is-dharmachakra-icon::before { + content: "\f655"; } -.ts-icon.is-chess-bishop-icon::before { - content: "\f43a"; +.ts-icon.is-door-closed-icon::before { + content: "\f52a"; } -.ts-icon.is-cloud-moon-icon::before { - content: "\f6c3"; +.ts-icon.is-stumbleupon-icon::before { + font-family: "IconsBrands"; + content: "\f1a4"; } -.ts-icon.is-faucet-icon::before { - content: "\e005"; +.ts-icon.is-tarp-droplet-icon::before { + content: "\e57c"; } -.ts-icon.is-head-side-cough-slash-icon::before { - content: "\e062"; +.ts-icon.is-circle-up-icon::before { + content: "\f35b"; } -.ts-icon.is-nutritionix-icon::before { - font-family: "IconsBrands"; - content: "\f3d6"; +.ts-icon.is-file-lines-icon::before { + content: "\f15c"; } -.ts-icon.is-pied-piper-hat-icon::before { - font-family: "IconsBrands"; - content: "\f4e5"; +.ts-icon.is-ferry-icon::before { + content: "\e4ea"; } -.ts-icon.is-church-icon::before { - content: "\f51d"; +.ts-icon.is-sort-down-icon::before { + content: "\f0dd"; } -.ts-icon.is-circle-minus-icon::before { - content: "\f056"; +.ts-icon.is-check-icon::before { + content: "\f00c"; } -.ts-icon.is-f-icon::before { - content: "\46"; +.ts-icon.is-diaspora-icon::before { + font-family: "IconsBrands"; + content: "\f791"; } -.ts-icon.is-person-swimming-icon::before { - content: "\f5c4"; +.ts-icon.is-kaaba-icon::before { + content: "\f66b"; } -.ts-icon.is-comments-icon::before { - content: "\f086"; +.ts-icon.is-building-columns-icon::before { + content: "\f19c"; } -.ts-icon.is-hand-back-fist-icon::before { - content: "\f255"; +.ts-icon.is-gauge-simple-icon::before { + content: "\f629"; } -.ts-icon.is-calendar-plus-icon::before { - content: "\f271"; +.ts-icon.is-earth-oceania-icon::before { + content: "\e47b"; } -.ts-icon.is-dog-icon::before { - content: "\f6d3"; +.ts-icon.is-mattress-pillow-icon::before { + content: "\e525"; } -.ts-icon.is-lock-open-icon::before { - content: "\f3c1"; +.ts-icon.is-ice-cream-icon::before { + content: "\f810"; } -.ts-icon.is-arrows-up-to-line-icon::before { - content: "\e4c2"; +.ts-icon.is-image-icon::before { + content: "\f03e"; } -.ts-icon.is-mobile-icon::before { - content: "\f3ce"; +.ts-icon.is-mdb-icon::before { + font-family: "IconsBrands"; + content: "\f8ca"; } -.ts-icon.is-perbyte-icon::before { - font-family: "IconsBrands"; - content: "\e083"; +.ts-icon.is-minimize-icon::before { + content: "\f78c"; } -.ts-icon.is-vr-cardboard-icon::before { - content: "\f729"; +.ts-icon.is-odysee-icon::before { + font-family: "IconsBrands"; + content: "\e5c6"; } -.ts-icon.is-yahoo-icon::before { +.ts-icon.is-opera-icon::before { font-family: "IconsBrands"; - content: "\f19e"; + content: "\f26a"; } -.ts-icon.is-filter-icon::before { - content: "\f0b0"; +.ts-icon.is-crop-simple-icon::before { + content: "\f565"; } -.ts-icon.is-hand-fist-icon::before { - content: "\f6de"; +.ts-icon.is-hot-tub-person-icon::before { + content: "\f593"; } -.ts-icon.is-house-medical-circle-check-icon::before { - content: "\e511"; +.ts-icon.is-wand-magic-sparkles-icon::before { + content: "\e2ca"; } -.ts-icon.is-megaport-icon::before { - font-family: "IconsBrands"; - content: "\f5a3"; +.ts-icon.is-spaghetti-monster-flying-icon::before { + content: "\f67b"; } -.ts-icon.is-shrimp-icon::before { - content: "\e448"; +.ts-icon.is-bridge-icon::before { + content: "\e4c8"; } -.ts-icon.is-suitcase-icon::before { - content: "\f0f2"; +.ts-icon.is-file-shield-icon::before { + content: "\e4f0"; } -.ts-icon.is-plane-up-icon::before { - content: "\e22d"; +.ts-icon.is-chart-column-icon::before { + content: "\e0e3"; } -.ts-icon.is-sleigh-icon::before { - content: "\f7cc"; +.ts-icon.is-css3-icon::before { + font-family: "IconsBrands"; + content: "\f13c"; } -.ts-icon.is-a-icon::before { - content: "\41"; +.ts-icon.is-shield-heart-icon::before { + content: "\e574"; } -.ts-icon.is-airbnb-icon::before { +.ts-icon.is-temperature-empty-icon::before { + content: "\f2cb"; +} + +.ts-icon.is-adn-icon::before { font-family: "IconsBrands"; - content: "\f834"; + content: "\f170"; } -.ts-icon.is-child-dress-icon::before { - content: "\e59c"; +.ts-icon.is-book-icon::before { + content: "\f02d"; } -.ts-icon.is-npm-icon::before { +.ts-icon.is-telegram-icon::before { font-family: "IconsBrands"; - content: "\f3d4"; + content: "\f2c6"; } -.ts-icon.is-bookmark-icon::before { - content: "\f02e"; +.ts-icon.is-vnv-icon::before { + font-family: "IconsBrands"; + content: "\f40b"; } -.ts-icon.is-calendar-icon::before { - content: "\f133"; +.ts-icon.is-head-side-mask-icon::before { + content: "\e063"; } -.ts-icon.is-child-reaching-icon::before { - content: "\e59d"; +.ts-icon.is-j-icon::before { + content: "\4a"; } -.ts-icon.is-cloud-rain-icon::before { - content: "\f73d"; +.ts-icon.is-hourglass-start-icon::before { + content: "\f251"; } -.ts-icon.is-creative-commons-sa-icon::before { - font-family: "IconsBrands"; - content: "\f4ef"; +.ts-icon.is-file-import-icon::before { + content: "\f56f"; } -.ts-icon.is-school-icon::before { - content: "\f549"; +.ts-icon.is-file-prescription-icon::before { + content: "\f572"; } -.ts-icon.is-trash-icon::before { - content: "\f1f8"; +.ts-icon.is-person-rifle-icon::before { + content: "\e54e"; } -.ts-icon.is-parachute-box-icon::before { - content: "\f4cd"; +.ts-icon.is-dice-four-icon::before { + content: "\f524"; } -.ts-icon.is-snowplow-icon::before { - content: "\f7d2"; +.ts-icon.is-equals-icon::before { + content: "\3d"; } -.ts-icon.is-wikipedia-w-icon::before { - font-family: "IconsBrands"; - content: "\f266"; +.ts-icon.is-road-circle-check-icon::before { + content: "\e564"; } -.ts-icon.is-face-laugh-squint-icon::before { - content: "\f59b"; +.ts-icon.is-building-user-icon::before { + content: "\e4da"; } -.ts-icon.is-face-tired-icon::before { - content: "\f5c8"; +.ts-icon.is-plane-departure-icon::before { + content: "\f5b0"; } -.ts-icon.is-firstdraft-icon::before { - font-family: "IconsBrands"; - content: "\f3a1"; +.ts-icon.is-temperature-three-quarters-icon::before { + content: "\f2c8"; } -.ts-icon.is-land-mine-on-icon::before { - content: "\e51b"; +.ts-icon.is-chess-queen-icon::before { + content: "\f445"; } -.ts-icon.is-arrow-right-to-city-icon::before { - content: "\e4b3"; +.ts-icon.is-mendeley-icon::before { + font-family: "IconsBrands"; + content: "\f7b3"; } -.ts-icon.is-cc-discover-icon::before { +.ts-icon.is-wpbeginner-icon::before { font-family: "IconsBrands"; - content: "\f1f2"; + content: "\f297"; } -.ts-icon.is-mars-and-venus-burst-icon::before { - content: "\e523"; +.ts-icon.is-rectangle-xmark-icon::before { + content: "\f410"; } -.ts-icon.is-worm-icon::before { - content: "\e599"; +.ts-icon.is-shopware-icon::before { + font-family: "IconsBrands"; + content: "\f5b5"; } -.ts-icon.is-chess-pawn-icon::before { - content: "\f443"; +.ts-icon.is-square-viadeo-icon::before { + font-family: "IconsBrands"; + content: "\f2aa"; } -.ts-icon.is-g-icon::before { - content: "\47"; +.ts-icon.is-person-military-pointing-icon::before { + content: "\e54a"; } -.ts-icon.is-lira-sign-icon::before { - content: "\f195"; +.ts-icon.is-right-to-bracket-icon::before { + content: "\f2f6"; } -.ts-icon.is-person-snowboarding-icon::before { - content: "\f7ce"; +.ts-icon.is-instalod-icon::before { + font-family: "IconsBrands"; + content: "\e081"; } -.ts-icon.is-poo-icon::before { - content: "\f2fe"; +.ts-icon.is-less-icon::before { + font-family: "IconsBrands"; + content: "\f41d"; } -.ts-icon.is-arrow-down-icon::before { - content: "\f063"; +.ts-icon.is-volume-low-icon::before { + content: "\f027"; } -.ts-icon.is-peseta-sign-icon::before { - content: "\e221"; +.ts-icon.is-7-icon::before { + content: "\37"; } -.ts-icon.is-replyd-icon::before { - font-family: "IconsBrands"; - content: "\f3e6"; +.ts-icon.is-explosion-icon::before { + content: "\e4e9"; } -.ts-icon.is-vial-virus-icon::before { - content: "\e597"; +.ts-icon.is-w-icon::before { + content: "\57"; } -.ts-icon.is-blender-icon::before { - content: "\f517"; +.ts-icon.is-bed-icon::before { + content: "\f236"; } -.ts-icon.is-briefcase-icon::before { - content: "\f0b1"; +.ts-icon.is-tower-observation-icon::before { + content: "\e586"; } -.ts-icon.is-cloud-meatball-icon::before { - content: "\f73b"; +.ts-icon.is-martini-glass-empty-icon::before { + content: "\f000"; } -.ts-icon.is-d-and-d-beyond-icon::before { - font-family: "IconsBrands"; - content: "\f6ca"; +.ts-icon.is-battery-half-icon::before { + content: "\f242"; } -.ts-icon.is-ussunnah-icon::before { +.ts-icon.is-gg-circle-icon::before { font-family: "IconsBrands"; - content: "\f407"; + content: "\f261"; } -.ts-icon.is-face-grin-wide-icon::before { - content: "\f581"; +.ts-icon.is-square-arrow-up-right-icon::before { + content: "\f14c"; } -.ts-icon.is-helmet-un-icon::before { - content: "\e503"; +.ts-icon.is-fonticons-icon::before { + font-family: "IconsBrands"; + content: "\f280"; } -.ts-icon.is-ice-cream-icon::before { - content: "\f810"; +.ts-icon.is-icicles-icon::before { + content: "\f7ad"; } -.ts-icon.is-square-vimeo-icon::before { - font-family: "IconsBrands"; - content: "\f194"; +.ts-icon.is-palette-icon::before { + content: "\f53f"; } -.ts-icon.is-deezer-icon::before { - font-family: "IconsBrands"; - content: "\e077"; +.ts-icon.is-soap-icon::before { + content: "\e06e"; } -.ts-icon.is-hand-scissors-icon::before { - content: "\f257"; +.ts-icon.is-arrow-right-to-city-icon::before { + content: "\e4b3"; } -.ts-icon.is-crosshairs-icon::before { - content: "\f05b"; +.ts-icon.is-draft2digital-icon::before { + font-family: "IconsBrands"; + content: "\f396"; } -.ts-icon.is-prescription-bottle-icon::before { - content: "\f485"; +.ts-icon.is-question-icon::before { + content: "\3f"; } -.ts-icon.is-shield-halved-icon::before { - content: "\f3ed"; +.ts-icon.is-rebel-icon::before { + font-family: "IconsBrands"; + content: "\f1d0"; } -.ts-icon.is-smog-icon::before { - content: "\f75f"; +.ts-icon.is-2-icon::before { + content: "\32"; } -.ts-icon.is-truck-moving-icon::before { - content: "\f4df"; +.ts-icon.is-minus-icon::before { + content: "\f068"; } -.ts-icon.is-campground-icon::before { - content: "\f6bb"; +.ts-icon.is-temperature-low-icon::before { + content: "\f76b"; } -.ts-icon.is-caret-right-icon::before { - content: "\f0da"; +.ts-icon.is-building-ngo-icon::before { + content: "\e4d7"; } -.ts-icon.is-diaspora-icon::before { - font-family: "IconsBrands"; - content: "\f791"; +.ts-icon.is-heart-circle-plus-icon::before { + content: "\e500"; } -.ts-icon.is-opencart-icon::before { +.ts-icon.is-uber-icon::before { font-family: "IconsBrands"; - content: "\f23d"; + content: "\f402"; } -.ts-icon.is-chart-column-icon::before { - content: "\e0e3"; +.ts-icon.is-burst-icon::before { + content: "\e4dc"; } -.ts-icon.is-satellite-icon::before { - content: "\f7bf"; +.ts-icon.is-python-icon::before { + font-family: "IconsBrands"; + content: "\f3e2"; } -.ts-icon.is-stamp-icon::before { - content: "\f5bf"; +.ts-icon.is-table-tennis-paddle-ball-icon::before { + content: "\f45d"; } -.ts-icon.is-file-circle-question-icon::before { - content: "\e4ef"; +.ts-icon.is-wine-glass-icon::before { + content: "\f4e3"; } -.ts-icon.is-record-vinyl-icon::before { - content: "\f8d9"; +.ts-icon.is-face-grimace-icon::before { + content: "\f57f"; } -.ts-icon.is-square-reddit-icon::before { +.ts-icon.is-fulcrum-icon::before { font-family: "IconsBrands"; - content: "\f1a2"; -} - -.ts-icon.is-warehouse-icon::before { - content: "\f494"; + content: "\f50b"; } -.ts-icon.is-rockrms-icon::before { - font-family: "IconsBrands"; - content: "\f3e9"; +.ts-icon.is-cart-arrow-down-icon::before { + content: "\f218"; } -.ts-icon.is-yelp-icon::before { - font-family: "IconsBrands"; - content: "\f1e9"; +.ts-icon.is-trash-arrow-up-icon::before { + content: "\f829"; } -.ts-icon.is-diagram-next-icon::before { - content: "\e476"; +.ts-icon.is-gauge-high-icon::before { + content: "\f625"; } -.ts-icon.is-left-long-icon::before { - content: "\f30a"; +.ts-icon.is-headset-icon::before { + content: "\f590"; } -.ts-icon.is-voicemail-icon::before { - content: "\f897"; +.ts-icon.is-temperature-half-icon::before { + content: "\f2c9"; } -.ts-icon.is-clock-rotate-left-icon::before { - content: "\f1da"; +.ts-icon.is-bicycle-icon::before { + content: "\f206"; } -.ts-icon.is-gofore-icon::before { - font-family: "IconsBrands"; - content: "\f3a7"; +.ts-icon.is-file-powerpoint-icon::before { + content: "\f1c4"; } -.ts-icon.is-arrow-right-arrow-left-icon::before { - content: "\f0ec"; +.ts-icon.is-link-icon::before { + content: "\f0c1"; } -.ts-icon.is-heart-circle-plus-icon::before { - content: "\e500"; +.ts-icon.is-megaport-icon::before { + font-family: "IconsBrands"; + content: "\f5a3"; } -.ts-icon.is-mars-icon::before { - content: "\f222"; +.ts-icon.is-plug-circle-minus-icon::before { + content: "\e55e"; } -.ts-icon.is-flag-icon::before { - content: "\f024"; +.ts-icon.is-receipt-icon::before { + content: "\f543"; } -.ts-icon.is-heart-icon::before { - content: "\f004"; +.ts-icon.is-cloud-arrow-up-icon::before { + content: "\f0ee"; } -.ts-icon.is-gavel-icon::before { - content: "\f0e3"; +.ts-icon.is-delicious-icon::before { + font-family: "IconsBrands"; + content: "\f1a5"; } -.ts-icon.is-y-combinator-icon::before { - font-family: "IconsBrands"; - content: "\f23b"; +.ts-icon.is-cloud-sun-rain-icon::before { + content: "\f743"; } -.ts-icon.is-bowl-food-icon::before { - content: "\e4c6"; +.ts-icon.is-golf-ball-tee-icon::before { + content: "\f450"; } -.ts-icon.is-circle-chevron-right-icon::before { - content: "\f138"; +.ts-icon.is-sliders-icon::before { + content: "\f1de"; } -.ts-icon.is-compass-drafting-icon::before { - content: "\f568"; +.ts-icon.is-vial-circle-check-icon::before { + content: "\e596"; } -.ts-icon.is-face-frown-icon::before { - content: "\f119"; +.ts-icon.is-align-justify-icon::before { + content: "\f039"; } -.ts-icon.is-vihara-icon::before { - content: "\f6a7"; +.ts-icon.is-gitkraken-icon::before { + font-family: "IconsBrands"; + content: "\f3a6"; } -.ts-icon.is-biohazard-icon::before { - content: "\f780"; +.ts-icon.is-house-chimney-window-icon::before { + content: "\e00d"; } -.ts-icon.is-house-fire-icon::before { - content: "\e50c"; +.ts-icon.is-y-icon::before { + content: "\59"; } -.ts-icon.is-magento-icon::before { - font-family: "IconsBrands"; - content: "\f3c4"; +.ts-icon.is-cable-car-icon::before { + content: "\f7da"; } -.ts-icon.is-octopus-deploy-icon::before { - font-family: "IconsBrands"; - content: "\e082"; +.ts-icon.is-circle-arrow-right-icon::before { + content: "\f0a9"; } -.ts-icon.is-square-snapchat-icon::before { - font-family: "IconsBrands"; - content: "\f2ad"; +.ts-icon.is-pause-icon::before { + content: "\f04c"; } -.ts-icon.is-wifi-icon::before { - content: "\f1eb"; +.ts-icon.is-person-circle-plus-icon::before { + content: "\e541"; } -.ts-icon.is-square-font-awesome-icon::before { - font-family: "IconsBrands"; - content: "\e5ad"; +.ts-icon.is-person-skiing-icon::before { + content: "\f7c9"; } -.ts-icon.is-arrow-right-to-bracket-icon::before { - content: "\f090"; +.ts-icon.is-qrcode-icon::before { + content: "\f029"; } -.ts-icon.is-bity-icon::before { +.ts-icon.is-schlix-icon::before { font-family: "IconsBrands"; - content: "\f37a"; + content: "\f3ea"; } -.ts-icon.is-kip-sign-icon::before { - content: "\e1c4"; +.ts-icon.is-basketball-icon::before { + content: "\f434"; } -.ts-icon.is-pallet-icon::before { - content: "\f482"; +.ts-icon.is-cash-register-icon::before { + content: "\f788"; } -.ts-icon.is-ruler-combined-icon::before { - content: "\f546"; +.ts-icon.is-circle-left-icon::before { + content: "\f359"; } -.ts-icon.is-sass-icon::before { +.ts-icon.is-superpowers-icon::before { font-family: "IconsBrands"; - content: "\f41e"; + content: "\f2dd"; } -.ts-icon.is-temperature-three-quarters-icon::before { - content: "\f2c8"; +.ts-icon.is-square-caret-up-icon::before { + content: "\f151"; } -.ts-icon.is-angle-down-icon::before { - content: "\f107"; +.ts-icon.is-glasses-icon::before { + content: "\f530"; } -.ts-icon.is-arrow-down-wide-short-icon::before { - content: "\f160"; +.ts-icon.is-hammer-icon::before { + content: "\f6e3"; } -.ts-icon.is-file-shield-icon::before { - content: "\e4f0"; +.ts-icon.is-mars-double-icon::before { + content: "\f227"; } -.ts-icon.is-hand-pointer-icon::before { - content: "\f25a"; +.ts-icon.is-mobile-icon::before { + content: "\f3ce"; } -.ts-icon.is-ruble-sign-icon::before { - content: "\f158"; +.ts-icon.is-book-skull-icon::before { + content: "\f6b7"; } -.ts-icon.is-square-poll-vertical-icon::before { - content: "\f681"; +.ts-icon.is-chart-area-icon::before { + content: "\f1fe"; } -.ts-icon.is-bitbucket-icon::before { - font-family: "IconsBrands"; - content: "\f171"; +.ts-icon.is-screwdriver-icon::before { + content: "\f54a"; } -.ts-icon.is-torii-gate-icon::before { - content: "\f6a1"; +.ts-icon.is-square-parking-icon::before { + content: "\f540"; } -.ts-icon.is-watchman-monitoring-icon::before { - font-family: "IconsBrands"; - content: "\e087"; +.ts-icon.is-u-icon::before { + content: "\55"; } -.ts-icon.is-bucket-icon::before { - content: "\e4cf"; +.ts-icon.is-venus-mars-icon::before { + content: "\f228"; } -.ts-icon.is-person-military-pointing-icon::before { - content: "\e54a"; +.ts-icon.is-vine-icon::before { + font-family: "IconsBrands"; + content: "\f1ca"; } -.ts-icon.is-share-from-square-icon::before { - content: "\f14d"; +.ts-icon.is-clipboard-question-icon::before { + content: "\e4e3"; } -.ts-icon.is-arrows-down-to-line-icon::before { - content: "\e4b8"; +.ts-icon.is-heart-circle-minus-icon::before { + content: "\e4ff"; } -.ts-icon.is-cash-register-icon::before { - content: "\f788"; +.ts-icon.is-person-military-rifle-icon::before { + content: "\e54b"; } -.ts-icon.is-cheese-icon::before { - content: "\f7ef"; +.ts-icon.is-google-play-icon::before { + font-family: "IconsBrands"; + content: "\f3ab"; } -.ts-icon.is-square-facebook-icon::before { +.ts-icon.is-mercury-icon::before { + content: "\f223"; +} + +.ts-icon.is-firefox-icon::before { font-family: "IconsBrands"; - content: "\f082"; + content: "\f269"; } -.ts-icon.is-ticket-simple-icon::before { - content: "\f3ff"; +.ts-icon.is-photo-film-icon::before { + content: "\f87c"; } -.ts-icon.is-wpexplorer-icon::before { +.ts-icon.is-battle-net-icon::before { font-family: "IconsBrands"; - content: "\f2de"; + content: "\f835"; } -.ts-icon.is-wodu-icon::before { - font-family: "IconsBrands"; - content: "\e088"; +.ts-icon.is-building-wheat-icon::before { + content: "\e4db"; } -.ts-icon.is-angle-up-icon::before { - content: "\f106"; +.ts-icon.is-rss-icon::before { + content: "\f09e"; } -.ts-icon.is-face-grin-beam-sweat-icon::before { - content: "\f583"; +.ts-icon.is-shapes-icon::before { + content: "\f61f"; } -.ts-icon.is-github-icon::before { +.ts-icon.is-expeditedssl-icon::before { font-family: "IconsBrands"; - content: "\f09b"; + content: "\f23e"; } -.ts-icon.is-neos-icon::before { - font-family: "IconsBrands"; - content: "\f612"; +.ts-icon.is-guitar-icon::before { + content: "\f7a6"; } -.ts-icon.is-shuttle-space-icon::before { - content: "\f197"; +.ts-icon.is-person-through-window-icon::before { + content: "\e5a9"; } -.ts-icon.is-truck-icon::before { - content: "\f0d1"; +.ts-icon.is-virus-covid-slash-icon::before { + content: "\e4a9"; } -.ts-icon.is-landmark-flag-icon::before { - content: "\e51c"; +.ts-icon.is-bullhorn-icon::before { + content: "\f0a1"; } -.ts-icon.is-magnifying-glass-location-icon::before { - content: "\f689"; +.ts-icon.is-delete-left-icon::before { + content: "\f55a"; } -.ts-icon.is-volume-low-icon::before { - content: "\f027"; +.ts-icon.is-dice-icon::before { + content: "\f522"; } -.ts-icon.is-gas-pump-icon::before { - content: "\f52f"; +.ts-icon.is-face-smile-beam-icon::before { + content: "\f5b8"; } -.ts-icon.is-gg-circle-icon::before { - font-family: "IconsBrands"; - content: "\f261"; +.ts-icon.is-r-icon::before { + content: "\52"; } -.ts-icon.is-laptop-medical-icon::before { - content: "\f812"; +.ts-icon.is-tablets-icon::before { + content: "\f490"; } -.ts-icon.is-rectangle-list-icon::before { - content: "\f022"; +.ts-icon.is-vest-patches-icon::before { + content: "\e086"; } -.ts-icon.is-steam-symbol-icon::before { - font-family: "IconsBrands"; - content: "\f3f6"; +.ts-icon.is-battery-full-icon::before { + content: "\f240"; } -.ts-icon.is-arrows-rotate-icon::before { - content: "\f021"; +.ts-icon.is-building-un-icon::before { + content: "\e4d9"; } -.ts-icon.is-phoenix-squadron-icon::before { +.ts-icon.is-vimeo-v-icon::before { font-family: "IconsBrands"; - content: "\f511"; + content: "\f27d"; } -.ts-icon.is-tent-arrow-turn-left-icon::before { - content: "\e580"; +.ts-icon.is-worm-icon::before { + content: "\e599"; } -.ts-icon.is-trowel-bricks-icon::before { - content: "\e58a"; +.ts-icon.is-book-open-icon::before { + content: "\f518"; } -.ts-icon.is-accessible-icon-icon::before { - font-family: "IconsBrands"; - content: "\f368"; +.ts-icon.is-diamond-icon::before { + content: "\f219"; } -.ts-icon.is-building-circle-arrow-right-icon::before { - content: "\e4d1"; +.ts-icon.is-toilet-icon::before { + content: "\f7d8"; } -.ts-icon.is-city-icon::before { - content: "\f64f"; +.ts-icon.is-vector-square-icon::before { + content: "\f5cb"; } -.ts-icon.is-fax-icon::before { - content: "\f1ac"; +.ts-icon.is-chess-bishop-icon::before { + content: "\f43a"; } -.ts-icon.is-shield-heart-icon::before { - content: "\e574"; +.ts-icon.is-google-pay-icon::before { + font-family: "IconsBrands"; + content: "\e079"; } -.ts-icon.is-square-gitlab-icon::before { - font-family: "IconsBrands"; - content: "\e5ae"; +.ts-icon.is-square-icon::before { + content: "\f0c8"; } -.ts-icon.is-chevron-up-icon::before { - content: "\f077"; +.ts-icon.is-square-person-confined-icon::before { + content: "\e577"; } -.ts-icon.is-mattress-pillow-icon::before { - content: "\e525"; +.ts-icon.is-square-rss-icon::before { + content: "\f143"; } -.ts-icon.is-shekel-sign-icon::before { - content: "\f20b"; +.ts-icon.is-vault-icon::before { + content: "\e2c5"; } -.ts-icon.is-user-large-icon::before { - content: "\f406"; +.ts-icon.is-bullseye-icon::before { + content: "\f140"; } -.ts-icon.is-adn-icon::before { - font-family: "IconsBrands"; - content: "\f170"; +.ts-icon.is-pepper-hot-icon::before { + content: "\f816"; } -.ts-icon.is-house-circle-check-icon::before { - content: "\e509"; +.ts-icon.is-certificate-icon::before { + content: "\f0a3"; } -.ts-icon.is-tower-cell-icon::before { - content: "\e585"; +.ts-icon.is-vial-icon::before { + content: "\f492"; } -.ts-icon.is-cruzeiro-sign-icon::before { - content: "\e152"; +.ts-icon.is-tent-arrow-turn-left-icon::before { + content: "\e580"; } -.ts-icon.is-empire-icon::before { - font-family: "IconsBrands"; - content: "\f1d1"; +.ts-icon.is-yin-yang-icon::before { + content: "\f6ad"; } -.ts-icon.is-ideal-icon::before { +.ts-icon.is-bluetooth-icon::before { font-family: "IconsBrands"; - content: "\e013"; + content: "\f293"; } -.ts-icon.is-osi-icon::before { +.ts-icon.is-safari-icon::before { font-family: "IconsBrands"; - content: "\f41a"; + content: "\f267"; } -.ts-icon.is-pump-medical-icon::before { - content: "\e06a"; +.ts-icon.is-money-bill-trend-up-icon::before { + content: "\e529"; } -.ts-icon.is-synagogue-icon::before { - content: "\f69b"; +.ts-icon.is-server-icon::before { + content: "\f233"; } -.ts-icon.is-egg-icon::before { - content: "\f7fb"; +.ts-icon.is-basket-shopping-icon::before { + content: "\f291"; } -.ts-icon.is-etsy-icon::before { - font-family: "IconsBrands"; - content: "\f2d7"; +.ts-icon.is-circle-chevron-left-icon::before { + content: "\f137"; } -.ts-icon.is-helicopter-symbol-icon::before { - content: "\e502"; +.ts-icon.is-user-ninja-icon::before { + content: "\f504"; } -.ts-icon.is-house-medical-flag-icon::before { - content: "\e514"; +.ts-icon.is-users-gear-icon::before { + content: "\f509"; } -.ts-icon.is-e-icon::before { - content: "\45"; +.ts-icon.is-bridge-water-icon::before { + content: "\e4ce"; } -.ts-icon.is-hat-cowboy-icon::before { - content: "\f8c0"; +.ts-icon.is-feather-icon::before { + content: "\f52d"; } -.ts-icon.is-list-icon::before { - content: "\f03a"; +.ts-icon.is-border-all-icon::before { + content: "\f84c"; } -.ts-icon.is-mixer-icon::before { - font-family: "IconsBrands"; - content: "\e056"; +.ts-icon.is-copy-icon::before { + content: "\f0c5"; } -.ts-icon.is-calendar-xmark-icon::before { - content: "\f273"; -} - -.ts-icon.is-person-pregnant-icon::before { - content: "\e31e"; -} - -.ts-icon.is-train-tram-icon::before { - content: "\e5b4"; +.ts-icon.is-cuttlefish-icon::before { + font-family: "IconsBrands"; + content: "\f38c"; } -.ts-icon.is-brazilian-real-sign-icon::before { - content: "\e46c"; +.ts-icon.is-plant-wilt-icon::before { + content: "\e5aa"; } -.ts-icon.is-tenge-sign-icon::before { - content: "\f7d7"; +.ts-icon.is-scale-unbalanced-icon::before { + content: "\f515"; } -.ts-icon.is-user-gear-icon::before { - content: "\f4fe"; +.ts-icon.is-baby-icon::before { + content: "\f77c"; } -.ts-icon.is-heart-crack-icon::before { - content: "\f7a9"; +.ts-icon.is-battery-three-quarters-icon::before { + content: "\f241"; } -.ts-icon.is-houzz-icon::before { - font-family: "IconsBrands"; - content: "\f27c"; +.ts-icon.is-cake-candles-icon::before { + content: "\f1fd"; } -.ts-icon.is-road-circle-xmark-icon::before { - content: "\e566"; +.ts-icon.is-chevron-right-icon::before { + content: "\f054"; } -.ts-icon.is-meteor-icon::before { - content: "\f753"; +.ts-icon.is-icons-icon::before { + content: "\f86d"; } -.ts-icon.is-person-walking-arrow-right-icon::before { - content: "\e552"; +.ts-icon.is-money-bill-transfer-icon::before { + content: "\e528"; } -.ts-icon.is-bell-slash-icon::before { - content: "\f1f6"; +.ts-icon.is-sterling-sign-icon::before { + content: "\f154"; } -.ts-icon.is-building-un-icon::before { - content: "\e4d9"; +.ts-icon.is-border-none-icon::before { + content: "\f850"; } -.ts-icon.is-champagne-glasses-icon::before { - content: "\f79f"; +.ts-icon.is-braille-icon::before { + content: "\f2a1"; } -.ts-icon.is-compass-icon::before { - content: "\f14e"; +.ts-icon.is-toggle-off-icon::before { + content: "\f204"; } -.ts-icon.is-forward-fast-icon::before { - content: "\f050"; +.ts-icon.is-phoenix-framework-icon::before { + font-family: "IconsBrands"; + content: "\f3dc"; } -.ts-icon.is-keybase-icon::before { - font-family: "IconsBrands"; - content: "\f4f5"; +.ts-icon.is-shield-icon::before { + content: "\f132"; } -.ts-icon.is-plug-circle-minus-icon::before { - content: "\e55e"; +.ts-icon.is-plus-icon::before { + content: "\2b"; } -.ts-icon.is-trello-icon::before { - font-family: "IconsBrands"; - content: "\f181"; +.ts-icon.is-arrow-up-wide-short-icon::before { + content: "\f161"; } -.ts-icon.is-arrow-rotate-right-icon::before { - content: "\f01e"; +.ts-icon.is-dice-d6-icon::before { + content: "\f6d1"; } -.ts-icon.is-bridge-lock-icon::before { - content: "\e4cc"; +.ts-icon.is-prescription-bottle-icon::before { + content: "\f485"; } -.ts-icon.is-clone-icon::before { - content: "\f24d"; +.ts-icon.is-creative-commons-sampling-icon::before { + font-family: "IconsBrands"; + content: "\f4f0"; } -.ts-icon.is-money-bill-icon::before { - content: "\f0d6"; +.ts-icon.is-joomla-icon::before { + font-family: "IconsBrands"; + content: "\f1aa"; } -.ts-icon.is-signature-icon::before { - content: "\f5b7"; +.ts-icon.is-coins-icon::before { + content: "\f51e"; } -.ts-icon.is-b-icon::before { - content: "\42"; +.ts-icon.is-docker-icon::before { + font-family: "IconsBrands"; + content: "\f395"; } -.ts-icon.is-copyright-icon::before { - content: "\f1f9"; +.ts-icon.is-sleigh-icon::before { + content: "\f7cc"; } -.ts-icon.is-edge-legacy-icon::before { +.ts-icon.is-soundcloud-icon::before { font-family: "IconsBrands"; - content: "\e078"; + content: "\f1be"; } -.ts-icon.is-php-icon::before { +.ts-icon.is-square-git-icon::before { font-family: "IconsBrands"; - content: "\f457"; + content: "\f1d2"; } -.ts-icon.is-virus-covid-icon::before { - content: "\e4a8"; +.ts-icon.is-truck-plane-icon::before { + content: "\e58f"; } -.ts-icon.is-handcuffs-icon::before { - content: "\e4f8"; +.ts-icon.is-arrow-down-z-a-icon::before { + content: "\f881"; } -.ts-icon.is-p-icon::before { - content: "\50"; +.ts-icon.is-cart-shopping-icon::before { + content: "\f07a"; } -.ts-icon.is-square-odnoklassniki-icon::before { - font-family: "IconsBrands"; - content: "\f264"; +.ts-icon.is-layer-group-icon::before { + content: "\f5fd"; } -.ts-icon.is-cc-visa-icon::before { +.ts-icon.is-d-and-d-icon::before { font-family: "IconsBrands"; - content: "\f1f0"; + content: "\f38d"; } -.ts-icon.is-thumbs-down-icon::before { - content: "\f165"; +.ts-icon.is-italic-icon::before { + content: "\f033"; } -.ts-icon.is-sort-up-icon::before { - content: "\f0de"; +.ts-icon.is-arrows-turn-right-icon::before { + content: "\e4c0"; } -.ts-icon.is-square-caret-up-icon::before { - content: "\f151"; +.ts-icon.is-wave-square-icon::before { + content: "\f83e"; } -.ts-icon.is-user-pen-icon::before { - content: "\f4ff"; +.ts-icon.is-medrt-icon::before { + font-family: "IconsBrands"; + content: "\f3c8"; } -.ts-icon.is-hand-lizard-icon::before { - content: "\f258"; +.ts-icon.is-bitbucket-icon::before { + font-family: "IconsBrands"; + content: "\f171"; } -.ts-icon.is-person-half-dress-icon::before { - content: "\e548"; +.ts-icon.is-i-cursor-icon::before { + content: "\f246"; } -.ts-icon.is-plug-circle-xmark-icon::before { - content: "\e560"; +.ts-icon.is-file-word-icon::before { + content: "\f1c2"; } -.ts-icon.is-toggle-off-icon::before { - content: "\f204"; +.ts-icon.is-google-plus-g-icon::before { + font-family: "IconsBrands"; + content: "\f0d5"; } -.ts-icon.is-circle-user-icon::before { - content: "\f2bd"; +.ts-icon.is-hippo-icon::before { + content: "\f6ed"; } -.ts-icon.is-line-icon::before { - font-family: "IconsBrands"; - content: "\f3c0"; +.ts-icon.is-image-portrait-icon::before { + content: "\f3e0"; } -.ts-icon.is-heart-circle-minus-icon::before { - content: "\e4ff"; +.ts-icon.is-kiwi-bird-icon::before { + content: "\f535"; } -.ts-icon.is-paypal-icon::before { - font-family: "IconsBrands"; - content: "\f1ed"; +.ts-icon.is-locust-icon::before { + content: "\e520"; } -.ts-icon.is-stapler-icon::before { - content: "\e5af"; +.ts-icon.is-black-tie-icon::before { + font-family: "IconsBrands"; + content: "\f27e"; } -.ts-icon.is-table-list-icon::before { - content: "\f00b"; +.ts-icon.is-circle-chevron-up-icon::before { + content: "\f139"; } -.ts-icon.is-t-icon::before { - content: "\54"; +.ts-icon.is-star-of-life-icon::before { + content: "\f621"; } -.ts-icon.is-edge-icon::before { +.ts-icon.is-studiovinari-icon::before { font-family: "IconsBrands"; - content: "\f282"; -} - -.ts-icon.is-file-video-icon::before { - content: "\f1c8"; + content: "\f3f8"; } -.ts-icon.is-wheat-awn-icon::before { - content: "\e2cd"; +.ts-icon.is-user-injured-icon::before { + content: "\f728"; } -.ts-icon.is-fort-awesome-icon::before { - font-family: "IconsBrands"; - content: "\f286"; +.ts-icon.is-viruses-icon::before { + content: "\e076"; } -.ts-icon.is-circle-check-icon::before { - content: "\f058"; +.ts-icon.is-bath-icon::before { + content: "\f2cd"; } -.ts-icon.is-face-grin-squint-tears-icon::before { - content: "\f586"; +.ts-icon.is-circle-notch-icon::before { + content: "\f1ce"; } -.ts-icon.is-robot-icon::before { - content: "\f544"; +.ts-icon.is-truck-field-icon::before { + content: "\e58d"; } -.ts-icon.is-scale-unbalanced-flip-icon::before { - content: "\f516"; +.ts-icon.is-crow-icon::before { + content: "\f520"; } -.ts-icon.is-arrow-up-wide-short-icon::before { - content: "\f161"; +.ts-icon.is-h-icon::before { + content: "\48"; } -.ts-icon.is-dumpster-icon::before { - content: "\f793"; +.ts-icon.is-info-icon::before { + content: "\f129"; } -.ts-icon.is-viber-icon::before { +.ts-icon.is-medapps-icon::before { font-family: "IconsBrands"; - content: "\f409"; + content: "\f3c6"; } -.ts-icon.is-battery-empty-icon::before { - content: "\f244"; +.ts-icon.is-plug-circle-bolt-icon::before { + content: "\e55b"; } -.ts-icon.is-house-chimney-user-icon::before { - content: "\e065"; +.ts-icon.is-user-group-icon::before { + content: "\f500"; } -.ts-icon.is-id-card-clip-icon::before { - content: "\f47f"; +.ts-icon.is-won-sign-icon::before { + content: "\f159"; } -.ts-icon.is-martini-glass-citrus-icon::before { - content: "\f561"; +.ts-icon.is-fedora-icon::before { + font-family: "IconsBrands"; + content: "\f798"; } -.ts-icon.is-splotch-icon::before { - content: "\f5bc"; +.ts-icon.is-github-icon::before { + font-family: "IconsBrands"; + content: "\f09b"; +} + +.ts-icon.is-hill-rockslide-icon::before { + content: "\e508"; +} + +.ts-icon.is-people-group-icon::before { + content: "\e533"; +} + +.ts-icon.is-tower-broadcast-icon::before { + content: "\f519"; +} + +.ts-icon.is-bag-shopping-icon::before { + content: "\f290"; +} + +.ts-icon.is-hand-holding-heart-icon::before { + content: "\f4be"; +} + +.ts-icon.is-filter-circle-xmark-icon::before { + content: "\e17b"; +} + +.ts-icon.is-hand-holding-dollar-icon::before { + content: "\f4c0"; +} + +.ts-icon.is-sass-icon::before { + font-family: "IconsBrands"; + content: "\f41e"; +} + +.ts-icon.is-user-minus-icon::before { + content: "\f503"; +} + +.ts-icon.is-wpexplorer-icon::before { + font-family: "IconsBrands"; + content: "\f2de"; +} + +.ts-icon.is-archway-icon::before { + content: "\f557"; +} + +.ts-icon.is-diagram-next-icon::before { + content: "\e476"; +} + +.ts-icon.is-images-icon::before { + content: "\f302"; +} + +.ts-icon.is-unlock-keyhole-icon::before { + content: "\f13e"; +} + +.ts-icon.is-arrows-up-down-left-right-icon::before { + content: "\f047"; +} + +.ts-icon.is-chevron-down-icon::before { + content: "\f078"; +} + +.ts-icon.is-stroopwafel-icon::before { + content: "\f551"; +} + +.ts-icon.is-file-pdf-icon::before { + content: "\f1c1"; +} + +.ts-icon.is-sourcetree-icon::before { + font-family: "IconsBrands"; + content: "\f7d3"; +} + +.ts-icon.is-gears-icon::before { + content: "\f085"; +} + +.ts-icon.is-hourglass-icon::before { + content: "\f254"; +} + +.ts-icon.is-house-medical-circle-xmark-icon::before { + content: "\e513"; +} + +.ts-icon.is-people-roof-icon::before { + content: "\e537"; +} + +.ts-icon.is-uniregistry-icon::before { + font-family: "IconsBrands"; + content: "\f404"; +} + +.ts-icon.is-baseball-bat-ball-icon::before { + content: "\f432"; +} + +.ts-icon.is-face-angry-icon::before { + content: "\f556"; +} + +.ts-icon.is-hand-dots-icon::before { + content: "\f461"; +} + +.ts-icon.is-reply-icon::before { + content: "\f3e5"; } .ts-icon.is-subscript-icon::before { content: "\f12c"; } -.ts-icon.is-info-icon::before { - content: "\f129"; +.ts-icon.is-umbrella-beach-icon::before { + content: "\f5ca"; } -.ts-icon.is-up-right-from-square-icon::before { - content: "\f35d"; +.ts-icon.is-venus-icon::before { + content: "\f221"; } -.ts-icon.is-amazon-pay-icon::before { +.ts-icon.is-align-right-icon::before { + content: "\f038"; +} + +.ts-icon.is-face-tired-icon::before { + content: "\f5c8"; +} + +.ts-icon.is-mizuni-icon::before { font-family: "IconsBrands"; - content: "\f42c"; + content: "\f3cc"; } -.ts-icon.is-hacker-news-icon::before { +.ts-icon.is-person-half-dress-icon::before { + content: "\e548"; +} + +.ts-icon.is-volume-xmark-icon::before { + content: "\f6a9"; +} + +.ts-icon.is-waze-icon::before { font-family: "IconsBrands"; - content: "\f1d4"; + content: "\f83f"; } -.ts-icon.is-researchgate-icon::before { +.ts-icon.is-austral-sign-icon::before { + content: "\e0a9"; +} + +.ts-icon.is-headphones-icon::before { + content: "\f025"; +} + +.ts-icon.is-code-commit-icon::before { + content: "\f386"; +} + +.ts-icon.is-pen-nib-icon::before { + content: "\f5ad"; +} + +.ts-icon.is-creative-commons-pd-icon::before { font-family: "IconsBrands"; - content: "\f4f8"; + content: "\f4ec"; } -.ts-icon.is-sheet-plastic-icon::before { - content: "\e571"; +.ts-icon.is-dyalog-icon::before { + font-family: "IconsBrands"; + content: "\f399"; } -.ts-icon.is-clipboard-question-icon::before { - content: "\e4e3"; +.ts-icon.is-user-astronaut-icon::before { + content: "\f4fb"; } -.ts-icon.is-file-csv-icon::before { - content: "\f6dd"; +.ts-icon.is-compass-icon::before { + content: "\f14e"; +} + +.ts-icon.is-creative-commons-nc-icon::before { + font-family: "IconsBrands"; + content: "\f4e8"; +} + +.ts-icon.is-gavel-icon::before { + content: "\f0e3"; +} + +.ts-icon.is-hill-avalanche-icon::before { + content: "\e507"; +} + +.ts-icon.is-jet-fighter-icon::before { + content: "\f0fb"; +} + +.ts-icon.is-jsfiddle-icon::before { + font-family: "IconsBrands"; + content: "\f1cc"; +} + +.ts-icon.is-marker-icon::before { + content: "\f5a1"; +} + +.ts-icon.is-stethoscope-icon::before { + content: "\f0f1"; +} + +.ts-icon.is-chromecast-icon::before { + font-family: "IconsBrands"; + content: "\f838"; +} + +.ts-icon.is-face-grin-stars-icon::before { + content: "\f587"; +} + +.ts-icon.is-accessible-icon-icon::before { + font-family: "IconsBrands"; + content: "\f368"; +} + +.ts-icon.is-lyft-icon::before { + font-family: "IconsBrands"; + content: "\f3c3"; +} + +.ts-icon.is-copyright-icon::before { + content: "\f1f9"; } @@ -8353,6 +8468,11 @@ button { } } +.ts-icon { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -8367,7 +8487,7 @@ button { width: 1.18em; -webkit-font-smoothing: antialiased; backface-visibility: hidden; - color: inherit; + color: var(--accent-color, inherit); } /* ========================================================================== @@ -8564,7 +8684,7 @@ button { ========================================================================== */ .ts-input { - --border-radius: .4rem; + --border-radius: 0.4rem; --height: var(--ts-input-height-medium); } @@ -8602,6 +8722,7 @@ button { -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; + appearance: none; -webkit-appearance: none; } @@ -8743,12 +8864,6 @@ button { * Labeled */ -.ts-input.is-start-labeled, -.ts-input.is-end-labeled, -.ts-input.is-labeled { - /*display: flex;*/ -} - .ts-input:is(.is-start-labeled, .is-end-labeled, .is-labeled) :is(.input, .label) { border-radius: var(--border-radius); } @@ -8945,6 +9060,14 @@ button { --height: var(--ts-input-height-large-dense); } +/** + * Relaxed + */ + +.ts-input.is-relaxed input { + --height: var(--ts-input-height-large); +} + /** * Sizes */ @@ -8963,13 +9086,14 @@ button { .ts-input.is-large :is(input, textarea, .ts-icon) { font-size: var(--ts-font-size-17px); } - /* ========================================================================== Variables ========================================================================== */ .ts-file { --height: var(--ts-input-height-medium); + --accent-color: initial; + --accent-foreground-color: initial; } /* ========================================================================== @@ -8977,7 +9101,8 @@ button { ========================================================================== */ .ts-file { - display: inline-flex; + display: flex; + width: 100%; } /* ========================================================================== @@ -8994,6 +9119,7 @@ button { background: var(--ts-gray-50); border: 1px solid var(--ts-gray-300); border-radius: 0.4rem; + width: 100%; } .ts-file input::file-selector-button, @@ -9015,8 +9141,8 @@ button { border-radius: 0.4rem; margin-right: 0.5rem; - color: var(--ts-gray-800); - background: var(--ts-gray-200); + color: var(--accent-foreground-color, var(--ts-gray-800)); + background: var(--accent-color, var(--ts-gray-200)); } /* ========================================================================== @@ -9045,7 +9171,7 @@ button { .ts-file:is(.is-solid, .is-underlined) input::file-selector-button, .ts-file:is(.is-solid, .is-underlined) input::-webkit-file-upload-button { - background: var(--ts-gray-300); + background: var(--accent-color, var(--ts-gray-300)); } /** @@ -9074,20 +9200,6 @@ button { border-bottom-color: var(--ts-negative-400); } -/** - * Fluid - */ - -.ts-file.is-fluid { - display: flex; - width: 100%; -} - -.ts-file.is-fluid input, -.ts-file.is-fluid textarea { - width: 100%; -} - /** * Sizes */ @@ -9133,14 +9245,19 @@ button { Variables ========================================================================== */ +.ts-notice { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ .ts-notice { - background: var(--ts-gray-800); + background: var(--accent-color, var(--ts-gray-800)); border: 1px solid transparent; - color: var(--ts-gray-50); + color: var(--accent-foreground-color, var(--ts-gray-50)); display: block; padding: 0.45rem 1rem; font-size: var(--ts-font-size-14px); @@ -9152,8 +9269,8 @@ button { ========================================================================== */ .ts-notice .title { - background: var(--ts-gray-50); - color: var(--ts-gray-800); + background: var(--accent-foreground-color, var(--ts-gray-50)); + color: var(--accent-color, var(--ts-gray-800)); border-radius: 0.4rem; padding: 0.3rem 0.5rem; margin-right: 0.6rem; @@ -9198,12 +9315,12 @@ button { .ts-notice.is-outlined { background: transparent; border-color: var(--ts-gray-300); - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); } .ts-notice.is-outlined .title { - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } .ts-notice.is-outlined.is-negative .title { @@ -9243,6 +9360,11 @@ button { Variables ========================================================================== */ +.ts-checkbox { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -9278,6 +9400,7 @@ button { -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; + appearance: none; -webkit-appearance: none; } @@ -9293,8 +9416,8 @@ button { } .ts-checkbox input:checked { - background: var(--ts-primary-700); - border-color: var(--ts-primary-700); + background: var(--accent-color, var(--ts-primary-700)); + border-color: var(--accent-color, var(--ts-primary-700)); } .ts-checkbox input:focus { @@ -9322,7 +9445,7 @@ button { -webkit-font-smoothing: antialiased; backface-visibility: hidden; font-size: 1rem; - color: var(--ts-white); + color: var(--accent-foreground-color, var(--ts-white)); } .ts-checkbox input:checked::after { @@ -9349,6 +9472,15 @@ button { border-color: var(--ts-gray-200); } +/** + * Solo + */ + +.ts-checkbox.is-solo input { + margin-right: 0; + margin-top: 0; +} + /** * Negative */ @@ -9400,6 +9532,11 @@ button { Variables ========================================================================== */ +.ts-radio { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -9435,6 +9572,7 @@ button { -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; + appearance: none; -webkit-appearance: none; } @@ -9450,8 +9588,8 @@ button { } .ts-radio input:checked { - background: var(--ts-primary-700); - border-color: var(--ts-primary-700); + background: var(--accent-color, var(--ts-primary-700)); + background: var(--accent-color, var(--ts-primary-700)); } .ts-radio input:focus { @@ -9479,7 +9617,7 @@ button { -webkit-font-smoothing: antialiased; backface-visibility: hidden; font-size: 1rem; - color: var(--ts-white); + color:var(--accent-foreground-color, var(--ts-white)); } .ts-radio input:checked::after { @@ -9506,6 +9644,15 @@ button { border-color: var(--ts-gray-200); } +/** + * Solo + */ + +.ts-radio.is-solo input { + margin-right: 0; + margin-top: 0; +} + /** * Negative */ @@ -9584,6 +9731,11 @@ button { } } +.ts-progress { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -9603,8 +9755,8 @@ button { display: inline-flex; align-items: center; justify-content: flex-end; - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); padding: 0rem 0.5rem; font-size: var(--ts-font-size-14px); border-radius: 0.4rem; @@ -9623,9 +9775,6 @@ button { * Active */ -.ts-progress.is-active .bar { -} - .ts-progress.is-active .bar::after { position: absolute; top: 0; @@ -9726,6 +9875,11 @@ button { Variables ========================================================================== */ +.ts-badge { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -9736,8 +9890,8 @@ button { padding: 0.225rem 0.5rem; line-height: 1; border: 1px solid transparent; - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); font-weight: 400; display: inline-block; white-space: nowrap; @@ -9756,7 +9910,7 @@ button { .ts-badge.is-secondary { background: var(--ts-gray-200); - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); } /** @@ -9766,7 +9920,7 @@ button { .ts-badge.is-outlined { background: transparent; border-color: var(--ts-gray-300); - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); } /** @@ -9823,6 +9977,11 @@ button { Variables ========================================================================== */ +.ts-pagination { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -9863,8 +10022,8 @@ button { */ .ts-pagination .item.is-active { - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } /** @@ -10029,7 +10188,6 @@ button { height: var(--height); } - /* ========================================================================== Structure ========================================================================== */ @@ -10049,6 +10207,7 @@ button { -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; + appearance: none; -webkit-appearance: none; } @@ -10086,6 +10245,10 @@ button { flex-shrink: 0; } +.ts-select .content .ts-icon { + font-size: 1.1em; +} + .ts-select select option { background: inherit; } @@ -10119,16 +10282,31 @@ button { ========================================================================== */ /** - * Active + * Multiple */ -.ts-select.is-active { - border-color: var(--ts-primary-600); +.ts-select.is-multiple { + height: auto; } -/** If select is-active then open child .ts-dropdown also */ -.ts-select.is-active .ts-dropdown { - display: inline-flex; +.ts-select.is-multiple::after { + content: none; +} + +.ts-select select[multiple] { + padding: 0.5rem 0.5rem; + overflow-y: auto; +} + +.ts-select select[multiple] option { + border-radius: 0.4rem; + padding: 0.3rem 0.5rem; + margin: 0.1rem 0; +} + +.ts-select select[multiple] option:checked { + background: var(--ts-primary-700); + color: var(--ts-white); } /** @@ -10164,6 +10342,19 @@ button { border-bottom-color: var(--ts-primary-600); } +/** + * Active + */ + +.ts-select.is-active { + border-color: var(--ts-primary-600); +} + +/** If select is-active then open child .ts-dropdown also */ +.ts-select.is-active .ts-dropdown { + display: inline-flex; +} + /** * Basic */ @@ -10277,12 +10468,17 @@ button { Variables ========================================================================== */ +.ts-fieldset { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ .ts-fieldset { - border: 1px solid var(--ts-gray-300); + border: 1px solid var(--accent-color, var(--ts-gray-300)); border-radius: 0.4rem; padding: 1rem; padding-top: 0.5rem; @@ -10294,7 +10490,7 @@ button { ========================================================================== */ .ts-fieldset legend { - color: var(--ts-gray-600); + color: var(--accent-color, var(--ts-gray-600)); padding: 0 0.7em; margin-left: -0.7em; font-weight: normal; @@ -10315,12 +10511,17 @@ button { Variables ========================================================================== */ +.ts-text { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ .ts-text { - color: inherit; + color: var(--accent-color, inherit); } /* ========================================================================== @@ -10342,14 +10543,14 @@ button { * Line Clamps */ -.ts-text:is(.is-1-line, .is-2-lines, .is-3-lines, .is-4-lines, .is-5-lines) { +.ts-text:is(.is-1-lines, .is-2-lines, .is-3-lines, .is-4-lines, .is-5-lines) { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } -.ts-text.is-1-line { +.ts-text.is-1-lines { -webkit-line-clamp: 1; } @@ -10422,7 +10623,7 @@ button { */ .ts-text.is-link.is-link.is-link { - color: var(--ts-link-700); + color: var(--accent-color, var(--ts-link-700)); } .ts-text.is-link { text-decoration: underline; @@ -10655,10 +10856,7 @@ button { display: flex; gap: 1rem; color: inherit; -} - -.ts-row .column { - /*flex-shrink: 0;*/ + min-width: 0; } /* ========================================================================== @@ -10764,6 +10962,8 @@ button { .ts-tab { --horizontal-padding-multiplier: 1; + --accent-color: initial; + --accent-foreground-color: initial; } /* ========================================================================== @@ -10792,6 +10992,12 @@ button { justify-content: center; cursor: pointer; gap: 0.5rem; + line-height: 1.8; + align-items: center; +} + +.ts-tab .ts-icon { + font-size: 1.1em; } /* ========================================================================== @@ -10803,7 +11009,7 @@ button { */ .ts-tab .item.is-active { - border-bottom-color: var(--ts-gray-800); + border-bottom-color: var(--accent-color, var(--ts-gray-800)); cursor: default; } @@ -10836,13 +11042,13 @@ button { } .ts-tab.is-pilled .item.is-active { - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } .ts-tab.is-pilled.is-secondary .item.is-active { background: var(--ts-gray-200); - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); } /** @@ -10886,8 +11092,8 @@ button { } .ts-tab.is-segmented .item.is-active { - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } /** @@ -10977,6 +11183,12 @@ button { Variables ========================================================================== */ +.ts-box { + --accent-color: initial; + --accent-foreground-color: initial; + --ts-indicator-color: var(--accent-color, var(--ts-gray-900)); +} + /* ========================================================================== Base ========================================================================== */ @@ -10989,8 +11201,6 @@ button { border-radius: 0.4rem; overflow: hidden; background: var(--ts-gray-50); - - --ts-indicator-color: var(--ts-gray-900); } a.ts-box:hover { @@ -11001,9 +11211,6 @@ a.ts-box:hover { Structure ========================================================================== */ -.ts-box .symbol { -} - .ts-box .symbol .ts-icon { position: absolute; right: 0; @@ -11129,21 +11336,20 @@ a.ts-box:hover { .ts-content.is-fitted { padding: 0; } - -/** - * Primary - */ - -/*.ts-content.is-primary { - background: var(--ts-gray-800); - color: var(--ts-gray-50); -}*/ +.ts-content.is-vertically-fitted { + padding-top: 0; + padding-bottom: 0; +} +.ts-content.is-horizontally-fitted { + padding-left: 0; + padding-right: 0; +} /** * Dark */ -.ts-content.is-dark { +.ts-content.u-dark { background: var(--ts-gray-50); color: var(--ts-gray-800); } @@ -11397,9 +11603,6 @@ a.ts-box:hover { * Spaced */ -.ts-image:is(.is-spaced, .is-start-spaced, .is-end-spaced) { -} - .ts-image.is-spaced { margin-left: 0.45rem; margin-right: 0.45rem; @@ -11429,6 +11632,11 @@ a.ts-box:hover { Variables ========================================================================== */ +.ts-switch { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -11479,10 +11687,11 @@ a.ts-box:hover { } .ts-switch input:checked::after { - background: var(--ts-primary-700); + background: var(--accent-color, var(--ts-primary-700)); } .ts-switch input:checked::before { + background: var(--accent-foreground-color, var(--ts-white)); left: 19px; } @@ -11500,6 +11709,15 @@ a.ts-box:hover { user-select: none; } +/** + * Solo + */ + +.ts-switch.is-solo input { + margin-right: 0; + margin-top: 0; +} + /** * Negative */ @@ -11512,6 +11730,7 @@ a.ts-box:hover { /** * Sizes */ + .ts-switch.is-small { font-size: var(--ts-font-size-14px); } @@ -11630,6 +11849,8 @@ a.ts-box:hover { .ts-selection { --height: var(--ts-input-height-medium); + --accent-color: initial; + --accent-foreground-color: initial; } /* ========================================================================== @@ -11675,9 +11896,9 @@ a.ts-box:hover { } .ts-selection input:checked + .text { - background: var(--ts-primary-700); - border-color: var(--ts-primary-700); - color: var(--ts-white); + background: var(--accent-color, var(--ts-primary-700)); + border-color: var(--accent-color, var(--ts-primary-700)); + color: var(--accent-foreground-color, var(--ts-white)); } /* ========================================================================== @@ -12072,33 +12293,56 @@ a.ts-box:hover { .ts-table.is-padded tbody tr td { padding: 1rem 1.5rem; } - .ts-table.is-padded :is(thead, tfoot) tr th { padding: 1rem 1.5rem; } - .ts-table.is-horizontally-padded tbody tr td { padding-left: 1.5rem; padding-right: 1.5rem; } - .ts-table.is-horizontally-padded :is(thead, tfoot) tr th { padding-left: 1.5rem; padding-right: 1.5rem; } - -.ts-table td.is-padded { - padding: 1rem; +.ts-table tbody tr td.is-vertically-padded { + padding-top: 1rem; + padding-bottom: 1rem; } +.ts-table tbody tr td.is-padded { + padding: 1rem 1.5rem; +} .ts-table tbody tr td.is-vertically-padded { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + padding-top: 1rem; + padding-bottom: 1rem; +} +.ts-table tbody tr td.is-horizontally-padded { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +/** + * Fitted + */ + +.ts-table.is-fitted :is(thead, tfoot) tr th { + padding: 0; +} +.ts-table.is-fitted tbody tr td { + padding: 0; +} +.ts-table tbody tr td.is-fitted { + padding: 0; } /* ========================================================================== Variables ========================================================================== */ +.ts-procedure { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -12138,8 +12382,7 @@ a.ts-box:hover { align-items: center; justify-content: center; font-weight: bold; - margin-right: 0.5rem; - + margin-right: 1rem; background: transparent; } @@ -12163,15 +12406,16 @@ a.ts-box:hover { font-weight: normal; } -.ts-procedure .item .line { +.ts-procedure .item::after { height: 2px; + content: ""; flex: 1 1 0%; background: var(--ts-gray-300); margin: 0 1rem; pointer-events: none; } -.ts-procedure .item:last-child .line { +.ts-procedure .item:last-child::after { display: none; } @@ -12188,9 +12432,9 @@ a.ts-box:hover { */ .ts-procedure .item.is-active .indicator { - background: var(--ts-gray-800); - border-color: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + border-color: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } /** @@ -12207,7 +12451,7 @@ a.ts-box:hover { margin-right: 0; } -.ts-procedure.is-stacked .item .line { +.ts-procedure.is-stacked .item::after { margin-bottom: 2rem; } @@ -12217,7 +12461,7 @@ a.ts-box:hover { .ts-procedure .item.is-processing .indicator { background: transparent; - border-color: var(--ts-gray-800); + border-color: var(--accent-color, var(--ts-gray-800)); color: var(--ts-gray-800); } @@ -12225,8 +12469,8 @@ a.ts-box:hover { * Completed */ -.ts-procedure .item.is-completed .line { - background: var(--ts-gray-800); +.ts-procedure .item.is-completed::after { + background: var(--accent-color, var(--ts-gray-800)); } .ts-procedure .item.is-completed .indicator { @@ -12237,9 +12481,9 @@ a.ts-box:hover { text-align: center; -webkit-font-smoothing: antialiased; backface-visibility: hidden; - background: var(--ts-gray-800); - border-color: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + border-color: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } .ts-procedure .item.is-completed .indicator::after, .ts-procedure .item.is-completed .indicator * { @@ -12317,13 +12561,13 @@ a.ts-box:hover { border-color: var(--ts-gray-200); } -.ts-procedure.is-unordered .item.is-completed .line { +.ts-procedure.is-unordered .item.is-completed::after { background: var(--ts-gray-300); } .ts-procedure.is-unordered .item.is-active .indicator { - background: var(--ts-gray-800); - border-color: var(--ts-gray-800); + background: var(--accent-color, var(--ts-gray-800)); + border-color: var(--accent-color, var(--ts-gray-800)); } .ts-procedure.is-unordered .item.is-completed .indicator { @@ -12337,18 +12581,18 @@ a.ts-box:hover { */ .ts-procedure.is-compact .item.is-completed .indicator { - background: var(--ts-gray-800); - border-color: var(--ts-gray-800); + background: var(--accent-color, var(--ts-gray-800)); + border-color: var(--accent-color, var(--ts-gray-800)); } .ts-procedure.is-compact .item.is-active .indicator { background: transparent; - border-color: var(--ts-gray-800); + border-color: var(--accent-color, var(--ts-gray-800)); } .ts-procedure.is-compact .item.is-active .indicator::after { content: ""; - background: var(--ts-gray-800); + background: var(--accent-color, var(--ts-gray-800)); position: absolute; top: 2px; left: 2px; @@ -12376,14 +12620,14 @@ a.ts-box:hover { width: 100%; } -.ts-procedure.is-vertical .item .line { +.ts-procedure.is-vertical .item::after { height: auto; min-height: 1.5rem; width: 2px; margin: 0.5rem 0 0.5rem 0.9rem; } -.ts-procedure.is-vertical.is-compact .item .line { +.ts-procedure.is-vertical.is-compact .item::after { margin: 0rem 0 0rem 0.4rem; } @@ -12402,6 +12646,38 @@ a.ts-box:hover { Variables ========================================================================== */ +.ts-grid { + --ts-grid-gap: 1rem; + + --ts-grid-1-wide: calc((100% / (16 / 1)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 1))); + --ts-grid-2-wide: calc((100% / (16 / 2)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 2))); + --ts-grid-3-wide: calc((100% / (16 / 3)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 3))); + --ts-grid-4-wide: calc((100% / (16 / 4)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 4))); + --ts-grid-5-wide: calc((100% / (16 / 5)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 5))); + --ts-grid-6-wide: calc((100% / (16 / 6)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 6))); + --ts-grid-7-wide: calc((100% / (16 / 7)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 7))); + --ts-grid-8-wide: calc((100% / (16 / 8)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 8))); + --ts-grid-9-wide: calc((100% / (16 / 9)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 9))); + --ts-grid-10-wide: calc((100% / (16 / 10)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 10))); + --ts-grid-11-wide: calc((100% / (16 / 11)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 11))); + --ts-grid-12-wide: calc((100% / (16 / 12)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 12))); + --ts-grid-13-wide: calc((100% / (16 / 13)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 13))); + --ts-grid-14-wide: calc((100% / (16 / 14)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 14))); + --ts-grid-15-wide: calc((100% / (16 / 15)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 15))); + --ts-grid-16-wide: calc((100% / (16 / 16)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 16))); + + --ts-grid-1-columns: calc((100% / 1) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 1)); + --ts-grid-2-columns: calc((100% / 2) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 2)); + --ts-grid-3-columns: calc((100% / 3) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 3)); + --ts-grid-4-columns: calc((100% / 4) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 4)); + --ts-grid-5-columns: calc((100% / 5) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 5)); + --ts-grid-6-columns: calc((100% / 6) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 6)); + --ts-grid-7-columns: calc((100% / 7) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 7)); + --ts-grid-8-columns: calc((100% / 8) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 8)); + --ts-grid-9-columns: calc((100% / 9) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 9)); + --ts-grid-10-columns: calc((100% / 10) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 10)); +} + /* ========================================================================== Base ========================================================================== */ @@ -12411,54 +12687,59 @@ a.ts-box:hover { ========================================================================== */ .ts-grid { - display: grid; - gap: 1rem; - grid-template-columns: repeat(16, minmax(0, 1fr)); + display: flex; + flex-wrap: wrap; color: inherit; + gap: var(--ts-grid-gap); } /* ========================================================================== Variations ========================================================================== */ -/** - * Truncated - */ - -.ts-grid .column.is-truncated { - overflow: hidden; -} - /** * Columns */ -.ts-grid.is-2-columns { - grid-template-columns: repeat(2, minmax(0, 1fr)); +.ts-grid.is-1-columns > .column { + flex: var(--ts-grid-1-columns); + max-width: var(--ts-grid-1-columns); } -.ts-grid.is-3-columns { - grid-template-columns: repeat(3, minmax(0, 1fr)); +.ts-grid.is-2-columns > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); } -.ts-grid.is-4-columns { - grid-template-columns: repeat(4, minmax(0, 1fr)); +.ts-grid.is-3-columns > .column { + flex: var(--ts-grid-3-columns); + max-width: var(--ts-grid-3-columns); } -.ts-grid.is-5-columns { - grid-template-columns: repeat(5, minmax(0, 1fr)); +.ts-grid.is-4-columns > .column { + flex: var(--ts-grid-4-columns); + max-width: var(--ts-grid-4-columns); } -.ts-grid.is-6-columns { - grid-template-columns: repeat(6, minmax(0, 1fr)); +.ts-grid.is-5-columns > .column { + flex: var(--ts-grid-5-columns); + max-width: var(--ts-grid-5-columns); } -.ts-grid.is-7-columns { - grid-template-columns: repeat(7, minmax(0, 1fr)); +.ts-grid.is-6-columns > .column { + flex: var(--ts-grid-6-columns); + max-width: var(--ts-grid-6-columns); } -.ts-grid.is-8-columns { - grid-template-columns: repeat(8, minmax(0, 1fr)); +.ts-grid.is-7-columns > .column { + flex: var(--ts-grid-7-columns); + max-width: var(--ts-grid-7-columns); } -.ts-grid.is-9-columns { - grid-template-columns: repeat(9, minmax(0, 1fr)); +.ts-grid.is-8-columns > .column { + flex: var(--ts-grid-8-columns); + max-width: var(--ts-grid-8-columns); } -.ts-grid.is-10-columns { - grid-template-columns: repeat(10, minmax(0, 1fr)); +.ts-grid.is-9-columns > .column { + flex: var(--ts-grid-9-columns); + max-width: var(--ts-grid-9-columns); +} +.ts-grid.is-10-columns > .column { + flex: var(--ts-grid-10-columns); + max-width: var(--ts-grid-10-columns); } /** @@ -12466,127 +12747,184 @@ a.ts-box:hover { */ .ts-grid.is-relaxed { - gap: 2rem min(2rem, 5%); /** Issue #814 */ + --ts-grid-gap: 2rem; } .ts-grid.is-compact { - gap: 0.5rem; + --ts-grid-gap: 0.5rem; } /** * Evenly Divided */ -.ts-grid.is-evenly-divided { - grid-auto-columns: minmax(0, 1fr); - grid-auto-flow: column; - grid-template-columns: initial; +.ts-grid.is-evenly-divided > .column { + flex: var(--ts-grid-1-wide); + width: var(--ts-grid-1-wide); } /** - * Aligns + * Truncated */ -.ts-grid.is-middle-aligned { - align-items: center; -} -.ts-grid.is-center-aligned { - text-align: center; -} - -.ts-grid .column.is-top-aligned { - align-items: flex-start; - display: flex; +.ts-grid .column.is-truncated { + overflow: hidden; } -.ts-grid .column.is-middle-aligned { - align-items: center; - display: flex; -} +/** + * Space Around + */ -.ts-grid .column.is-center-aligned { - text-align: center; +.ts-grid.is-spaced-between { + justify-content: space-between; } - -.ts-grid .column.is-bottom-aligned { - align-items: flex-end; - display: flex; +.ts-grid.is-spaced-around { + justify-content: space-around; } -.ts-grid .column.is-start-aligned { - text-align: left; -} +/** + * Reverse + */ -.ts-grid .column.is-end-aligned { - text-align: right; +.ts-grid.is-reversed { + flex-direction: row-reverse; } /** - * Wides + * Aligns */ -.ts-grid .column.is-1-minimal, -.ts-grid .column.is-1-wide { - grid-column: auto / span 1; +.ts-grid.is-start-aligned { + justify-content: flex-start; } -.ts-grid .column.is-2-minimal, -.ts-grid .column.is-2-wide { - grid-column: auto / span 2; +.ts-grid.is-center-aligned { + justify-content: center; } -.ts-grid .column.is-3-minimal, -.ts-grid .column.is-3-wide { - grid-column: auto / span 3; +.ts-grid.is-end-aligned { + justify-content: flex-end; +} + +.ts-grid.is-top-aligned { + align-items: flex-start; +} +.ts-grid.is-middle-aligned { + align-items: center; +} +.ts-grid.is-bottom-aligned { + align-items: flex-end; +} + +/** + * Ordering + */ + +.ts-grid .column.is-first { + order: -1; +} +.ts-grid .column.is-last { + order: 1; +} + +.ts-grid .column.is-order-1 { + order: 1; +} +.ts-grid .column.is-order-2 { + order: 2; +} +.ts-grid .column.is-order-3 { + order: 3; +} +.ts-grid .column.is-order-4 { + order: 4; +} +.ts-grid .column.is-order-5 { + order: 5; +} +.ts-grid .column.is-order-6 { + order: 6; +} +.ts-grid .column.is-order-7 { + order: 7; +} +.ts-grid .column.is-order-8 { + order: 8; +} +.ts-grid .column.is-order-9 { + order: 9; +} +.ts-grid .column.is-order-10 { + order: 10; +} + +/** + * Wides + */ + +/*.ts-grid .column { + +}*/ +.ts-grid .column.is-1-wide { + width: var(--ts-grid-1-wide); + max-width: var(--ts-grid-1-wide); +} +.ts-grid .column.is-2-wide { + width: var(--ts-grid-2-wide); + max-width: var(--ts-grid-2-wide); +} +.ts-grid .column.is-3-wide { + width: var(--ts-grid-3-wide); + max-width: var(--ts-grid-3-wide); } -.ts-grid .column.is-4-minimal, .ts-grid .column.is-4-wide { - grid-column: auto / span 4; + width: var(--ts-grid-4-wide); + max-width: var(--ts-grid-4-wide); } -.ts-grid .column.is-5-minimal, .ts-grid .column.is-5-wide { - grid-column: auto / span 5; + width: var(--ts-grid-5-wide); + max-width: var(--ts-grid-5-wide); } -.ts-grid .column.is-6-minimal, .ts-grid .column.is-6-wide { - grid-column: auto / span 6; + width: var(--ts-grid-6-wide); + max-width: var(--ts-grid-6-wide); } -.ts-grid .column.is-7-minimal, .ts-grid .column.is-7-wide { - grid-column: auto / span 7; + width: var(--ts-grid-7-wide); + max-width: var(--ts-grid-7-wide); } -.ts-grid .column.is-8-minimal, .ts-grid .column.is-8-wide { - grid-column: auto / span 8; + width: var(--ts-grid-8-wide); + max-width: var(--ts-grid-8-wide); } -.ts-grid .column.is-9-minimal, .ts-grid .column.is-9-wide { - grid-column: auto / span 9; + width: var(--ts-grid-9-wide); + max-width: var(--ts-grid-9-wide); } -.ts-grid .column.is-10-minimal, .ts-grid .column.is-10-wide { - grid-column: auto / span 10; + width: var(--ts-grid-10-wide); + max-width: var(--ts-grid-10-wide); } -.ts-grid .column.is-11-minimal, .ts-grid .column.is-11-wide { - grid-column: auto / span 11; + width: var(--ts-grid-11-wide); + max-width: var(--ts-grid-11-wide); } -.ts-grid .column.is-12-minimal, .ts-grid .column.is-12-wide { - grid-column: auto / span 12; + width: var(--ts-grid-12-wide); + max-width: var(--ts-grid-12-wide); } -.ts-grid .column.is-13-minimal, .ts-grid .column.is-13-wide { - grid-column: auto / span 13; + width: var(--ts-grid-13-wide); + max-width: var(--ts-grid-13-wide); } -.ts-grid .column.is-14-minimal, .ts-grid .column.is-14-wide { - grid-column: auto / span 14; + width: var(--ts-grid-14-wide); + max-width: var(--ts-grid-14-wide); } -.ts-grid .column.is-15-minimal, .ts-grid .column.is-15-wide { - grid-column: auto / span 15; + width: var(--ts-grid-15-wide); + max-width: var(--ts-grid-15-wide); } -.ts-grid .column.is-16-minimal, .ts-grid .column.is-16-wide { - grid-column: auto / span 16; + width: var(--ts-grid-16-wide); + max-width: var(--ts-grid-16-wide); } /** @@ -12595,259 +12933,29 @@ a.ts-box:hover { .ts-grid .column.is-fluid { flex: 1; + min-width: 0; + flex-grow: 1; } /** - * Doubling + * Stacked */ -.ts-grid.is-2-columns.is-doubling { - grid-template-columns: repeat(1, minmax(0, 1fr)); -} -.ts-grid.is-3-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-4-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-5-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-6-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-7-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-8-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-9-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-10-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); +.ts-grid.is-stacked .column { + flex: var(--ts-grid-16-wide); + max-width: var(--ts-grid-16-wide); } /* ========================================================================== - Responsive + Variables ========================================================================== */ -/** - * Minimal - * (Below 766px) - */ - -@media screen and (max-width: 766px) { - .ts-grid.is-stackable .column { - grid-column: auto / span 16; - } -} - -/** - * Not Minimal - * (Above 766px) - */ - -@media screen and (min-width: 766px) { - /** - * Doubling - */ - - .ts-grid.is-2-columns.is-doubling { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } - .ts-grid.is-3-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - .ts-grid.is-4-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - .ts-grid.is-5-columns.is-doubling { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - .ts-grid.is-6-columns.is-doubling { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - .ts-grid.is-7-columns.is-doubling { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - .ts-grid.is-8-columns.is-doubling { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - .ts-grid.is-9-columns.is-doubling { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - .ts-grid.is-10-columns.is-doubling { - grid-template-columns: repeat(5, minmax(0, 1fr)); - } - - /** - * Wides - */ - - .ts-grid .column.is-1-standard, - .ts-grid .column.is-1-wide { - grid-column: auto / span 1; - } - .ts-grid .column.is-2-standard, - .ts-grid .column.is-2-wide { - grid-column: auto / span 2; - } - .ts-grid .column.is-3-standard, - .ts-grid .column.is-3-wide { - grid-column: auto / span 3; - } - .ts-grid .column.is-4-standard, - .ts-grid .column.is-4-wide { - grid-column: auto / span 4; - } - .ts-grid .column.is-5-standard, - .ts-grid .column.is-5-wide { - grid-column: auto / span 5; - } - .ts-grid .column.is-6-standard, - .ts-grid .column.is-6-wide { - grid-column: auto / span 6; - } - .ts-grid .column.is-7-standard, - .ts-grid .column.is-7-wide { - grid-column: auto / span 7; - } - .ts-grid .column.is-8-standard, - .ts-grid .column.is-8-wide { - grid-column: auto / span 8; - } - .ts-grid .column.is-9-standard, - .ts-grid .column.is-9-wide { - grid-column: auto / span 9; - } - .ts-grid .column.is-10-standard, - .ts-grid .column.is-10-wide { - grid-column: auto / span 10; - } - .ts-grid .column.is-11-standard, - .ts-grid .column.is-11-wide { - grid-column: auto / span 11; - } - .ts-grid .column.is-12-standard, - .ts-grid .column.is-12-wide { - grid-column: auto / span 12; - } - .ts-grid .column.is-13-standard, - .ts-grid .column.is-13-wide { - grid-column: auto / span 13; - } - .ts-grid .column.is-14-standard, - .ts-grid .column.is-14-wide { - grid-column: auto / span 14; - } - .ts-grid .column.is-15-standard, - .ts-grid .column.is-15-wide { - grid-column: auto / span 15; - } - .ts-grid .column.is-16-standard, - .ts-grid .column.is-16-wide { - grid-column: auto / span 16; - } -} - -/** - * Maximal - * (Above 993px) - */ - -@media screen and (min-width: 993px) { - /** - * Doubling - */ - - .ts-grid.is-2-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - .ts-grid.is-3-columns.is-doubling { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - .ts-grid.is-4-columns.is-doubling { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - .ts-grid.is-5-columns.is-doubling { - grid-template-columns: repeat(5, minmax(0, 1fr)); - } - .ts-grid.is-6-columns.is-doubling { - grid-template-columns: repeat(6, minmax(0, 1fr)); - } - .ts-grid.is-7-columns.is-doubling { - grid-template-columns: repeat(7, minmax(0, 1fr)); - } - .ts-grid.is-8-columns.is-doubling { - grid-template-columns: repeat(8, minmax(0, 1fr)); - } - .ts-grid.is-9-columns.is-doubling { - grid-template-columns: repeat(9, minmax(0, 1fr)); - } - .ts-grid.is-10-columns.is-doubling { - grid-template-columns: repeat(10, minmax(0, 1fr)); - } - - /** - * Wides - */ - - .ts-grid .column.is-1-maximal { - grid-column: auto / span 1; - } - .ts-grid .column.is-2-maximal { - grid-column: auto / span 2; - } - .ts-grid .column.is-3-maximal { - grid-column: auto / span 3; - } - .ts-grid .column.is-4-maximal { - grid-column: auto / span 4; - } - .ts-grid .column.is-5-maximal { - grid-column: auto / span 5; - } - .ts-grid .column.is-6-maximal { - grid-column: auto / span 6; - } - .ts-grid .column.is-7-maximal { - grid-column: auto / span 7; - } - .ts-grid .column.is-8-maximal { - grid-column: auto / span 8; - } - .ts-grid .column.is-9-maximal { - grid-column: auto / span 9; - } - .ts-grid .column.is-10-maximal { - grid-column: auto / span 10; - } - .ts-grid .column.is-11-maximal { - grid-column: auto / span 11; - } - .ts-grid .column.is-12-maximal { - grid-column: auto / span 12; - } - .ts-grid .column.is-13-maximal { - grid-column: auto / span 13; - } - .ts-grid .column.is-14-maximal { - grid-column: auto / span 14; - } - .ts-grid .column.is-15-maximal { - grid-column: auto / span 15; - } - .ts-grid .column.is-16-maximal { - grid-column: auto / span 16; - } +.ts-rating { + --accent-color: initial; + --accent-foreground-color: initial; + --color: var(--accent-color, inherit); } -/* ========================================================================== - Variables - ========================================================================== */ - /* ========================================================================== Base ========================================================================== */ @@ -12870,25 +12978,17 @@ a.ts-box:hover { .ts-rating :is(.star, .heart).is-active, .ts-rating.is-input :is(.star, .heart):checked, .ts-rating.is-input :is(.star, .heart):hover, -.ts-rating.is-input :is(.star, .heart):hover ~ :is(.star, .heart), -.ts-rating.is-input :is(.star, .heart):checked ~ :is(.star, .heart) { - color: inherit; +.ts-rating.is-input :is(.star, .heart):has(~ :is(.star, .heart):hover), +.ts-rating.is-input :is(.star, .heart):has(~ :is(.star, .heart):checked) { + color: var(--color); } -.ts-rating.is-yellow :is(.star, .heart).is-active, -.ts-rating.is-yellow.is-input :is(.star, .heart):checked, -.ts-rating.is-yellow.is-input :is(.star, .heart):hover, -.ts-rating.is-yellow.is-input :is(.star, .heart):hover ~ :is(.star, .heart), -.ts-rating.is-yellow.is-input :is(.star, .heart):checked ~ :is(.star, .heart) { - color: #e3c81b; +.ts-rating.is-yellow { + --color: #e3c81b; } -.ts-rating.is-red :is(.star, .heart).is-active, -.ts-rating.is-red.is-input :is(.star, .heart):checked, -.ts-rating.is-red.is-input :is(.star, .heart):hover, -.ts-rating.is-red.is-input :is(.star, .heart):hover ~ :is(.star, .heart), -.ts-rating.is-red.is-input :is(.star, .heart):checked ~ :is(.star, .heart) { - color: #ff1100; +.ts-rating.is-red { + --color: #ff1100; } .ts-rating :is(.star, .heart)::after, @@ -12925,15 +13025,7 @@ a.ts-box:hover { } .ts-rating .star.is-active.is-half::before { - color: var(--ts-gray-800); -} - -.ts-rating.is-yellow .star.is-active.is-half::before { - color: #e3c81b; -} - -.ts-rating.is-red .star.is-active.is-half::before { - color: #ff1100; + color: var(--color); } .ts-rating .star.is-active.is-half::before { @@ -12946,13 +13038,17 @@ a.ts-box:hover { } /** - * Input + * Disabled */ -.ts-rating.is-input { - flex-direction: row-reverse; +.ts-rating.is-disabled { + pointer-events: none; } +/** + * Input + */ + .ts-rating.is-input input { appearance: none; margin: 0; @@ -12961,8 +13057,9 @@ a.ts-box:hover { transition: color 0.1s ease, opacity 0.1s ease; } -.ts-rating.is-input input:hover:not(:focus) ~ input { - opacity: 0.8; +.ts-rating.is-input input:hover:not(:focus) ~ input, +.ts-rating.is-input input:hover:focus~input { + opacity: 0.7; } .ts-rating.is-input input:hover:not(:focus) { @@ -12985,6 +13082,11 @@ a.ts-box:hover { Variables ========================================================================== */ +.ts-chip { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -13009,7 +13111,7 @@ a.ts-box:hover { line-height: 1.75; min-height: 22px; /*min-width: 55px;*/ - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); } .ts-chip.is-input, @@ -13041,9 +13143,6 @@ a.ts-box:hover { display: none; } -.ts-chip .content { -} - /* ========================================================================== Variations ========================================================================== */ @@ -13082,15 +13181,15 @@ a.ts-box:hover { */ .ts-chip.is-toggle input:checked + .content { - background: var(--ts-gray-800); - border-color: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + border-color: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } .ts-chip.is-toggle.is-secondary input:checked + .content { - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); background: var(--ts-gray-200); - border-color: var(--ts-gray-600); + border-color: var(--accent-color, var(--ts-gray-600)); } /** @@ -13098,15 +13197,15 @@ a.ts-box:hover { */ .ts-chip.is-input input:checked + .content { - background: var(--ts-primary-700); - border-color: var(--ts-primary-700); - color: var(--ts-white); + background: var(--accent-color, var(--ts-primary-700)); + border-color: var(--accent-color, var(--ts-primary-700)); + color: var(--accent-foreground-color, var(--ts-white)); } .ts-chip.is-input.is-secondary input:checked + .content { - color: var(--ts-primary-600); + color: var(--accent-color, var(--ts-primary-600)); background: var(--ts-gray-100); - border-color: var(--ts-primary-600); + border-color: var(--accent-color, var(--ts-primary-600)); } .ts-chip.is-input input:checked + .content::before { @@ -13123,8 +13222,8 @@ a.ts-box:hover { font-size: 12px; } -.ts-chip.is-input.is-start-icon input:checked +.content::before, -.ts-chip.is-input.is-end-icon input:checked+.content::before { +.ts-chip.is-input.is-start-icon input:checked + .content::before, +.ts-chip.is-input.is-end-icon input:checked + .content::before { display: none; } @@ -13199,6 +13298,11 @@ a.ts-box:hover { Variables ========================================================================== */ +.ts-close { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -13220,6 +13324,7 @@ a.ts-box:hover { -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; + appearance: none; -webkit-appearance: none; } @@ -13243,8 +13348,8 @@ a.ts-box:hover { width: 18px; font-size: var(--ts-font-size-12px); line-height: 1; - background: var(--ts-gray-600); - color: var(--ts-gray-100); + background: var(--accent-color, var(--ts-gray-600)); + color: var(--accent-foreground-color, var(--ts-gray-100)); border-radius: 100rem; } @@ -13274,6 +13379,14 @@ a.ts-box:hover { color: var(--ts-gray-50); } +/** + * Rounded + */ + +.ts-close.is-rounded { + border-radius: 0.4rem; +} + /** * Sizes */ @@ -13289,6 +13402,12 @@ a.ts-box:hover { font-size: var(--ts-font-size-14px); } +.ts-close.is-big { + height: 27px; + width: 27px; + font-size: var(--ts-font-size-17px); +} + /** * Spaced */ @@ -13317,23 +13436,30 @@ a.ts-box:hover { } } +.ts-loading { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ .ts-loading { + display: inline-block; + text-align: center; + color: var(--accent-color, var(--ts-gray-600)); +} + +.ts-loading::after { font-family: "Icons"; font-weight: normal; font-style: normal; - display: inline; text-decoration: inherit; - text-align: center; + display: inline-block; -webkit-font-smoothing: antialiased; backface-visibility: hidden; - display: inline-block; animation: ts-loading-spin 2s linear infinite; - - color: var(--ts-gray-600); font-size: 2rem; } @@ -13357,15 +13483,24 @@ a.ts-box:hover { content: "\f1ce"; } +/** + * Centered + */ + +.ts-loading.is-centered { + display: flex; + justify-content: center; +} + /** * Sizes */ -.ts-loading.is-small { +.ts-loading.is-small::after { font-size: 1rem; } -.ts-loading.is-large { +.ts-loading.is-large::after { font-size: 2.8rem; } @@ -13373,6 +13508,11 @@ a.ts-box:hover { Variables ========================================================================== */ +.ts-breadcrumb { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -13443,7 +13583,7 @@ a.ts-box:hover { */ .ts-breadcrumb .item.is-active { - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); font-weight: 500; } @@ -15221,11 +15361,21 @@ a.ts-box:hover { .ts-flag:is(.is-zw-flag, .is-zimbabwe-flag):is(.is-squared, .is-circular) { background-image: url("./flags/1x1/zw.svg"); } - +.ts-flag:is(.is-zz-flag, .is-unknown-flag) { + background-image: url("./flags/4x3/zz.svg"); +} +.ts-flag:is(.is-zz-flag, .is-unknown-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/zz.svg"); +} /* ========================================================================== Variables ========================================================================== */ +.ts-statistic { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -15247,6 +15397,7 @@ a.ts-box:hover { font-weight: 500; line-height: 1.4; align-items: center; + color: var(--accent-color, inherit); } .ts-statistic .unit { @@ -15379,6 +15530,11 @@ a.ts-box:hover { Variables ========================================================================== */ +.ts-app-sidebar { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -15424,8 +15580,8 @@ a.ts-box:hover { */ .ts-app-sidebar .item.is-active { - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); border-radius: 0px 100rem 100rem 0; } @@ -15461,6 +15617,11 @@ a.ts-box:hover { Variables ========================================================================== */ +.ts-app-navbar { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -15532,7 +15693,12 @@ a.ts-box:hover { */ .ts-app-navbar .item.is-active { - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); +} + +.ts-app-navbar .item.is-active .ts-icon { + --accent-color: inherit; + --accent-foreground-color: inherit; } /** @@ -15554,8 +15720,8 @@ a.ts-box:hover { } .ts-app-navbar.is-vertical .item { - padding-top: .8rem; - padding-bottom: .8rem; + padding-top: 0.8rem; + padding-bottom: 0.8rem; padding-left: 0; padding-right: 0; } @@ -15585,8 +15751,8 @@ a.ts-box:hover { } .ts-app-navbar.is-indicated .item.is-active .ts-icon { - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } /** @@ -15647,6 +15813,7 @@ a.ts-box:hover { -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; + appearance: none; -webkit-appearance: none; margin-left: 2rem; @@ -15682,7 +15849,7 @@ a.ts-box:hover { Base ========================================================================== */ -.ts-accordion { +details.ts-accordion { color: inherit; box-sizing: border-box; } @@ -15691,14 +15858,26 @@ a.ts-box:hover { Structure ========================================================================== */ -.ts-accordion .title { - display: flex; - align-items: center; - user-select: none; +details.ts-accordion summary { + list-style-type: none; +} + +details.ts-accordion summary::-webkit-details-marker { + display: none; +} + +details.ts-accordion summary::marker { + display: none; +} + +details.ts-accordion summary { + display: flex; + align-items: center; + user-select: none; cursor: pointer; } -.ts-accordion .title::before { +details.ts-accordion summary::before { font-family: "Icons"; font-weight: normal; font-style: normal; @@ -15717,125 +15896,20 @@ a.ts-box:hover { font-size: 14px; } -.ts-accordion .content { - display: none; - margin: 1rem 0 0; -} - /* ========================================================================== Variations ========================================================================== */ /** - * Active + * Open */ -.ts-accordion.is-active .content { - display: block; -} - -.ts-accordion.is-active .title::before { +details.ts-accordion[open] summary::before { transform: rotate(0deg); } -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-notification { - display: flex; - gap: 1rem; - align-items: flex-start; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-notification .aside .ts-icon { - padding: 0.9rem; - background: var(--ts-gray-200); - border-radius: 0.4rem; - font-size: 1.3rem; - color: var(--ts-gray-600); - display: block; - width: auto; - line-height: 1; -} - -.ts-notification .aside .ts-image { - object-fit: cover; - aspect-ratio: 1/1; - max-height: 44px; - border-radius: 0.4rem; -} - -.ts-notification .content .actions { - border-top: 1px solid var(--ts-gray-300); - margin-top: 0.5rem; - padding-top: 0.5rem; - display: flex; - gap: 1rem; -} - -.ts-notification .content .actions .item { - border: none; - margin: 0; - padding: 0; - width: auto; - overflow: visible; - background: transparent; - color: inherit; - font: inherit; - line-height: normal; - border-radius: 0; - outline: none; - box-sizing: border-box; - user-select: none; - - -webkit-font-smoothing: inherit; - -moz-osx-font-smoothing: inherit; - -webkit-appearance: none; - - cursor: pointer; -} - -.ts-notification .content { - font-size: 14px; - color: var(--ts-gray-800); - flex: 1; -} - -.ts-notification .content .text { - min-height: 42px; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Emphasises - */ - -.ts-notification .content .actions .item.is-primary { - color: var(--ts-primary-700); -} - -.ts-notification .content .actions .item.is-negative { - color: var(--ts-negative-600); -} - -/** - * Secondary - */ - -.ts-notification .content .actions .item.is-secondary { - color: var(--ts-gray-500); +details.ts-accordion[open] summary { + margin-bottom: 0.5rem; } /* ========================================================================== @@ -15846,9 +15920,6 @@ a.ts-box:hover { Base ========================================================================== */ -.ts-mask { -} - /* ========================================================================== Structure ========================================================================== */ @@ -15861,6 +15932,7 @@ a.ts-box:hover { right: 0; background: rgb(0 0 0 / 50%); color: var(--ts-gray-50); + z-index: 101; } /* ========================================================================== @@ -15939,9 +16011,6 @@ a.ts-box:hover { Base ========================================================================== */ -.ts-placeholder { -} - /* ========================================================================== Structure ========================================================================== */ @@ -16137,6 +16206,11 @@ a.ts-box:hover { Variables ========================================================================== */ +.ts-header { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -16144,7 +16218,7 @@ a.ts-box:hover { .ts-header { font-weight: 500; font-size: var(--ts-font-size-17px); - color: inherit; + color: var(--accent-color, inherit); line-height: 1.6; display: flex; align-items: center; @@ -16154,9 +16228,6 @@ a.ts-box:hover { Structure ========================================================================== */ -.ts-header .ts-icon { -} - a.ts-header { text-decoration: none; } @@ -16213,6 +16284,22 @@ a.ts-header:hover { justify-content: flex-end; } +/** + * Uppercased + */ + +.ts-header.is-uppercased { + text-transform: uppercase; +} + +/** + * Lowercased + */ + +.ts-header.is-lowercased { + text-transform: lowercase; +} + /** * Icon */ @@ -16277,6 +16364,12 @@ a.ts-header:hover { Variables ========================================================================== */ +.ts-segment { + --accent-color: initial; + --accent-foreground-color: initial; + --ts-indicator-color: var(--accent-color, var(--ts-gray-900)); +} + /* ========================================================================== Base ========================================================================== */ @@ -16291,8 +16384,6 @@ a.ts-header:hover { padding: 1rem; box-sizing: border-box; background: var(--ts-gray-50); - - --ts-indicator-color: var(--ts-gray-900); } a.ts-segment:hover { @@ -16429,6 +16520,11 @@ a.ts-segment:hover { Variables ========================================================================== */ +.ts-quote { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -16446,7 +16542,7 @@ a.ts-segment:hover { left: 0px; font-size: 5rem; font-family: Georgia, "Times New Roman", Times; - color: var(--ts-gray-300); + color: var(--accent-color, var(--ts-gray-300)); line-height: 1; } @@ -16477,8 +16573,8 @@ a.ts-segment:hover { } .ts-quote.is-heading::before { - background: var(--ts-gray-100); - color: var(--ts-gray-800); + background: var(--accent-color, var(--ts-gray-100)); + color: var(--accent-foreground-color, var(--ts-gray-800)); border-radius: 50%; content: "”"; display: block; @@ -16503,7 +16599,7 @@ a.ts-segment:hover { */ .ts-quote.is-secondary { - border-left: 5px solid var(--ts-gray-300); + border-left: 5px solid var(--accent-color, var(--ts-gray-300)); padding: 0 0 0 2rem; } @@ -16542,7 +16638,7 @@ a.ts-segment:hover { ========================================================================== */ .ts-app-layout .cell { - + overflow: auto; flex-shrink: 0; background: var(--ts-gray-50); } @@ -16640,6 +16736,11 @@ a.ts-segment:hover { Variables ========================================================================== */ +.ts-avatar { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -16684,11 +16785,11 @@ a.ts-segment:hover { */ .ts-avatar.is-text { - background: var(--ts-gray-200); + background: var(--accent-color, var(--ts-gray-200)); display: inline-flex; align-items: center; justify-content: center; - color: var(--ts-gray-600); + color: var(--accent-foreground-color, var(--ts-gray-600)); font-weight: 500; font-size: 1.1rem; } @@ -16809,13 +16910,17 @@ a.ts-segment:hover { Variables ========================================================================== */ +.ts-container { + --ts-container-gap: 1rem; +} + /* ========================================================================== Base ========================================================================== */ .ts-container { margin: 0 auto; - padding: 0 1.5rem; + padding: 0 var(--ts-container-gap); max-width: 1180px; width: 100%; color: inherit; @@ -16830,8 +16935,11 @@ a.ts-segment:hover { * Fluid */ -.ts-container.is-fluid { - max-width: 100%; +.ts-container.is-padded { + --ts-container-gap: 2rem; +} +.ts-container.is-fitted { + --ts-container-gap: 0; } /** @@ -16841,11 +16949,18 @@ a.ts-segment:hover { .ts-container.is-narrow { max-width: 910px; } - .ts-container.is-very-narrow { max-width: 720px; } +/** + * Fluid + */ + +.ts-container.is-fluid { + max-width: 100%; +} + /* ========================================================================== Variables ========================================================================== */ @@ -16880,21 +16995,6 @@ a.ts-segment:hover { max-width: 75%; } -/*@container (max-width: 660px) { - .ts-control { - grid-template-columns: 1fr; - gap: 0.5rem; - } - .ts-control .label { - text-align: left; - line-height: 1; - } - .ts-control .content { - width: 100%; - max-width: 100%; - } -}*/ - /* ========================================================================== Variations ========================================================================== */ @@ -16907,6 +17007,25 @@ a.ts-segment:hover { padding-top: 0.45rem; } +/** + * Padded + */ + +.ts-control.is-stacked { + grid-template-columns: 1fr; + gap: 1rem; +} + +.ts-control.is-stacked .label { + text-align: left; + line-height: 1; +} + +.ts-control.is-stacked .content { + width: 100%; + max-width: 100%; +} + /** * Fluid */ @@ -16941,6 +17060,8 @@ a.ts-segment:hover { .ts-menu { --object-distance: 0.8rem; + --accent-color: initial; + --accent-foreground-color: initial; } /* ========================================================================== @@ -17010,8 +17131,8 @@ a.ts-segment:hover { */ .ts-menu .item.is-active { - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } /** @@ -17029,8 +17150,8 @@ a.ts-segment:hover { */ .ts-menu .item.is-selected { - background: var(--ts-primary-700); - color: var(--ts-white); + background: var(--accent-color, var(--ts-primary-700)); + color: var(--accent-foreground-color, var(--ts-white)); } /** @@ -17097,6 +17218,18 @@ a.ts-segment:hover { font-size: var(--ts-font-size-16px); } +/** + * Horizontally Padded + */ + +.ts-menu.is-horizontally-padded .item { + padding-left: 1.5rem; + padding-right: 1.5rem; +} +.ts-menu.is-horizontally-very-padded .item { + padding-left: 3.5rem; + padding-right: 3.5rem; +} /* ========================================================================== Variables ========================================================================== */ @@ -17154,9 +17287,6 @@ a.ts-segment:hover { * Positive */ -.ts-checklist .item.is-positive { -} - .ts-checklist .item.is-positive::before { content: "\f00c"; background: var(--ts-tonal-positive-400); @@ -17167,9 +17297,6 @@ a.ts-segment:hover { * Negative */ -.ts-checklist .item.is-negative { -} - .ts-checklist .item.is-negative::before { content: "\f00d"; background: var(--ts-tonal-negative-400); @@ -17180,9 +17307,6 @@ a.ts-segment:hover { * Added */ -.ts-checklist .item.is-added { -} - .ts-checklist .item.is-added::before { content: "\f067"; background: var(--ts-tonal-positive-400); @@ -17193,9 +17317,6 @@ a.ts-segment:hover { * Removed */ -.ts-checklist .item.is-removed { -} - .ts-checklist .item.is-removed::before { content: "\f068"; background: var(--ts-tonal-negative-400); @@ -17203,9 +17324,25 @@ a.ts-segment:hover { } /** - * Dense + * Info + */ + +.ts-checklist .item.is-info::before { + content: "\f129"; + background: var(--ts-tonal-primary-400); + color: var(--ts-tonal-primary-800); +} + +/** + * Info */ +.ts-checklist .item.is-warning::before { + content: "\21"; + background: var(--ts-tonal-warning-400); + color: var(--ts-tonal-warning-800); +} + /* ========================================================================== Variables ========================================================================== */ @@ -17224,6 +17361,7 @@ a.ts-segment:hover { ========================================================================== */ .ts-imageset .item { + min-height: min-content; } .ts-imageset .item img { @@ -17241,41 +17379,58 @@ a.ts-segment:hover { * Images */ + /** 2 */ .ts-imageset.is-2-images { grid-template-columns: repeat(1, 1fr); } +/** 3 */ .ts-imageset.is-3-images { grid-template-columns: repeat(2, 1fr); + grid-template-rows: 1.777fr 1fr; } .ts-imageset.ts-imageset.is-3-images .item:first-child { grid-column: 1 / 3; } +/** 4 */ .ts-imageset.is-4-images { grid-template-columns: repeat(3, 1fr); + grid-template-rows: 1.777fr 1fr; } .ts-imageset.ts-imageset.is-4-images .item:first-child { grid-column: 1 / 4; } - /** * Portrait */ -.ts-imageset.is-portrait.is-3-images { +.ts-imageset.is-portrait .item img { + object-position: top; +} + +/** 2 */ +.ts-imageset.is-portrait.is-2-images { grid-template-columns: repeat(2, 1fr); } +/** 3 */ +.ts-imageset.is-portrait.is-3-images { + grid-template-columns: 1.4fr 1fr; + grid-template-rows: repeat(2, 1fr); +} + .ts-imageset.is-portrait.is-3-images .item:first-child { grid-row: 1 / 3; grid-column: initial; } +/** 4 */ .ts-imageset.is-portrait.is-4-images { - grid-template-columns: repeat(2, 1fr); + grid-template-columns: 1.4fr 1fr; + grid-template-rows: repeat(3, 1fr); } .ts-imageset.is-portrait.is-4-images .item:first-child { @@ -17341,6 +17496,11 @@ a.ts-segment:hover { Variables ========================================================================== */ +.ts-iconset { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -17355,14 +17515,12 @@ a.ts-segment:hover { Structure ========================================================================== */ -.ts-iconset .item { -} - .ts-iconset .ts-icon { width: 3rem; min-width: 3rem; height: 3rem; - background: var(--ts-gray-100); + background: var(--accent-color, var(--ts-gray-100)); + color: var(--accent-foreground-color, inherit); justify-content: center; align-items: center; font-size: 1.4rem; @@ -17370,9 +17528,6 @@ a.ts-segment:hover { border-radius: 0.4rem; } -.ts-iconset .content { -} - .ts-iconset .content .title { font-weight: 500; line-height: 1.4; @@ -17396,6 +17551,7 @@ a.ts-segment:hover { .ts-iconset.is-outlined .ts-icon { background: transparent; + color: var(--accent-color, inherit); border: 2px solid var(--ts-gray-300); box-sizing: border-box; } @@ -17408,61 +17564,23 @@ a.ts-segment:hover { Base ========================================================================== */ -.ts-app-statusbar { - background: var(--ts-gray-100); +.ts-conversation { display: flex; - line-height: 1; - gap: 0.5rem; + gap: 1rem; + --brand-color: var(--ts-primary-600); } -.ts-app-statusbar .item { - text-decoration: none; - font-size: var(--ts-font-size-13px); - display: flex; - gap: 0.5rem; - padding: 0.5rem 0.5rem; -} +/** + * Avatar + */ -.ts-app-statusbar .item:hover { - background: var(--ts-gray-200); +.ts-conversation .avatar img { + width: 40px; + border-radius: 0.4rem; } -/* ========================================================================== - Variations - ========================================================================== */ - /** - * Active - */ - -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-conversation { - display: flex; - gap: 1rem; - --brand-color: var(--ts-primary-600); -} - -/** - * Avatar - */ - -.ts-conversation .avatar { -} - -.ts-conversation .avatar img { - width: 40px; - border-radius: 0.4rem; -} - -/** - * Bubble + * Bubble */ .ts-conversation .bubble { @@ -17533,16 +17651,10 @@ a.ts-segment:hover { * Actions */ -.ts-conversation .actions { -} - /** * Meta */ -.ts-conversation .meta { -} - /** * Quote */ @@ -17711,7 +17823,7 @@ a.ts-segment:hover { justify-content: center; overflow-y: auto; padding: 2rem 1rem; - z-index: 100; + z-index: 102; } /* ========================================================================== @@ -17759,16 +17871,19 @@ a.ts-segment:hover { Variables ========================================================================== */ -/* ========================================================================== - Base - ========================================================================== */ .ts-gauge { --length: 0.8; --value: 0; --size: 5rem; --thickness: calc(var(--size) / 10); + --accent-color: initial; + --accent-foreground-color: initial; } +/* ========================================================================== + Base + ========================================================================== */ + .ts-gauge, .ts-gauge .bar { position: relative; @@ -17806,7 +17921,7 @@ a.ts-segment:hover { bottom: 0; left: 0; - background: conic-gradient(currentColor calc(var(--value) * 1% * var(--length)), #0000 0); + background: conic-gradient(var(--accent-color, currentColor) calc(var(--value) * 1% * var(--length)), #0000 0); -webkit-mask: radial-gradient(farthest-side, #0000 calc(99% - var(--thickness)), rgb(0 0 0 / 85%) calc(100% - var(--thickness))); mask: radial-gradient(farthest-side, #0000 calc(99% - var(--thickness)), rgb(0 0 0 / 85%) calc(100% - var(--thickness))); } @@ -17839,18 +17954,6 @@ a.ts-segment:hover { --length: 1; } -.ts-gauge.is-circular .bar::before { - /*background: conic-gradient(currentColor calc(var(--value) * 1%), #0000 0); - -webkit-mask: radial-gradient(farthest-side, #0000 calc(99% - var(--thickness)), rgb(0 0 0 / 85%) calc(100% - var(--thickness))); - mask: radial-gradient(farthest-side, #0000 calc(99% - var(--thickness)), rgb(0 0 0 / 85%) calc(100% - var(--thickness)));*/ -} - -.ts-gauge.is-circular::before { - /*background: conic-gradient(currentColor calc(var(--value) * 1%), #0000 0); - -webkit-mask: radial-gradient(farthest-side, #f000 calc(99% - var(--thickness)), #0000001a calc(100% - var(--thickness))); - mask: radial-gradient(farthest-side, #f000 calc(99% - var(--thickness)), #0000001a calc(100% - var(--thickness)));*/ -} - .ts-gauge.is-circular .bar .text { transform: initial; } @@ -17892,88 +17995,76 @@ a.ts-segment:hover { Variables ========================================================================== */ -@keyframes tooltip-appear { - from { - opacity: 0 - } - to { - opacity: 1 - } +.ts-tooltip { + --ts-tooltip-x: 0; } /* ========================================================================== Base ========================================================================== */ -[data-tooltip] { - overflow: visible; -} - -[data-tooltip]::after { +.ts-tooltip { position: absolute; - left: 50%; - transform: translateX(-50%); - white-space: nowrap; - top: calc(100% + .5rem); background: var(--ts-gray-600); padding: 0.1rem 0.35rem; font-size: var(--ts-font-size-13px); border-radius: 0.2rem; color: var(--ts-gray-50); visibility: hidden; - opacity: 0; - content: attr(data-tooltip); font-weight: normal; z-index: 99; + max-width: calc(300px - 2rem); + margin: 0 15px; } -[data-tooltip]:hover::after { +.ts-tooltip.is-visible { visibility: visible; - animation: tooltip-appear 0s ease-in .5s; - animation-fill-mode: forwards } -@media (pointer:coarse) { - [data-tooltip]:hover { - visibility: hidden; - } +.ts-tooltip .arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; } -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Positions - */ - -[data-tooltip][data-position="top"]::after { - top: initial; - bottom: calc(100% + .5rem); +.ts-tooltip[class*="is-bottom"] .arrow { + top: -4px; + border-width: 0 5px 5px; + border-bottom-color: var(--ts-gray-600); } -[data-tooltip][data-position="bottom"]::after { - top: calc(100% + .5rem); +.ts-tooltip[class*="is-top"] .arrow { + bottom: -4px; + border-width: 5px 5px 0; + border-top-color: var(--ts-gray-600); } -[data-tooltip][data-position="left"]::after { - right: calc(100% + .5rem); - left: initial; - top: 50%; - transform: translateY(-50%); +.ts-tooltip[class$="start"] .arrow { + left: calc(10px); } - -[data-tooltip][data-position="right"]::after { - left: calc(100% + .5rem); - top: 50%; - transform: translateY(-50%); +.ts-tooltip[class$="end"] .arrow { + right: calc(10px); } +.ts-tooltip:not([class$="start"]):not([class$="end"]) .arrow { + left: calc(var(--ts-tooltip-x) - 2.5px - 15px); +} + +/* ========================================================================== + Variations + ========================================================================== */ + /* ========================================================================== Variables ========================================================================== */ .ts-dropdown { --object-distance: 0.8rem; + --ts-dropdown-min-width: initial; + --ts-dropdown-position: absolute; + --accent-color: initial; + --accent-foreground-color: initial; } /* ========================================================================== @@ -17981,7 +18072,7 @@ a.ts-segment:hover { ========================================================================== */ .ts-dropdown { - position: absolute; + position: var(--ts-dropdown-position); display: none; color: inherit; flex-direction: column; @@ -17993,6 +18084,7 @@ a.ts-segment:hover { font-size: var(--ts-font-size-14px); padding: 0.2rem 0; white-space: nowrap; + min-width: var(--ts-dropdown-min-width); } .ts-dropdown > .item { @@ -18011,7 +18103,7 @@ a.ts-segment:hover { gap: var(--object-distance); padding-top: 0.65rem; padding-bottom: 0.65rem; - min-width: max-content; + min-width: 0; } .ts-dropdown .item .ts-icon { @@ -18021,6 +18113,7 @@ a.ts-segment:hover { .ts-dropdown .item .ts-avatar { margin-top: -0.4rem; margin-bottom: -0.4rem; + margin-left: -0.2rem; } .ts-dropdown .item .description { @@ -18050,165 +18143,1283 @@ a.ts-segment:hover { */ .ts-dropdown .item.is-active { - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } /** * Disabled */ -.ts-dropdown .item.is-disabled { - opacity: 0.5; - pointer-events: none; - user-select: none; +.ts-dropdown .item.is-disabled { + opacity: 0.5; + pointer-events: none; + user-select: none; +} + +/** + * Selected + */ + +.ts-dropdown .item.is-selected { + background: var(--accent-color, var(--ts-primary-700)); + color: var(--accent-foreground-color, var(--ts-white)); +} + +/** + * Separated + */ + +.ts-dropdown.is-separated { + gap: 0.25rem; + padding-left: 0.25rem; + padding-right: 0.25rem; +} + +.ts-dropdown.is-separated .item { + border-radius: 0.4rem; +} + +/** + * Icon + */ + +.ts-dropdown.is-start-icon .item .ts-icon { + min-width: 1rem; + text-align: center; + display: inline-block; + margin-top: 2px; +} + +.ts-dropdown.is-end-icon .item .ts-icon { + margin-left: auto; + min-width: 1rem; + text-align: center; + display: inline-block; + margin-top: 2px; +} + +/** + * Density + */ + +.ts-dropdown.is-relaxed .item { + padding-top: 0.8rem; + padding-bottom: 0.8rem; +} + +.ts-dropdown.is-dense .item { + padding-top: 0.55rem; + padding-bottom: 0.55rem; +} + +/** + * Sizes + */ + +.ts-dropdown.is-small { + font-size: var(--ts-font-size-13px); +} + +.ts-dropdown.is-large { + font-size: var(--ts-font-size-15px); +} + +/** + * Visible + */ + +.ts-dropdown.is-visible { + display: inline-flex; +} + +/** + * Scrollable + */ + +.ts-dropdown.is-scrollable { + overflow: auto; + overflow-x: hidden; +} + +/** (Below 766px) */ +@media screen and (max-width: 766px) { + .ts-dropdown.is-scrollable { + max-height: 10rem; + } +} + +/** (Above 766px) */ +@media screen and (min-width: 766px) { + .ts-dropdown.is-scrollable { + max-height: 15rem; + } +} + +/** (Above 993px) */ +@media screen and (min-width: 993px) { + .ts-dropdown.is-scrollable { + max-height: 19rem; + } +} + +/** + * Positions + */ + +.ts-dropdown.is-top-left { + bottom: calc(100% + 0.5rem); + left: 0; +} + +.ts-dropdown.is-bottom-left { + top: calc(100% + 0.5rem); + left: 0; +} + +.ts-dropdown.is-bottom-center { + left: 50%; + transform: translateX(-50%); + top: calc(100% + 0.5rem); +} + +.ts-dropdown.is-top-center { + left: 50%; + transform: translateX(-50%); + bottom: calc(100% + 0.5rem); +} + +.ts-dropdown.is-top-right { + bottom: calc(100% + 0.5rem); + right: 0; +} + +.ts-dropdown.is-bottom-right { + top: calc(100% + 0.5rem); + right: 0; +} + +.ts-dropdown.is-top { + bottom: calc(100% + 0.5rem); + left: 0; + right: 0; + min-width: min-content; +} + +.ts-dropdown.is-bottom { + top: calc(100% + 0.5rem); + left: 0; + right: 0; + min-width: min-content; +} + +/* ========================================================================== + Color Schemes + ========================================================================== */ + +html[data-scheme="light"], +.is-light, +html[data-scheme="dark"] .is-inverted { + color-scheme: light; + + --ts-gray-50: var(--ts-light-gray-50); + --ts-gray-75: var(--ts-light-gray-75); + --ts-gray-100: var(--ts-light-gray-100); + --ts-gray-200: var(--ts-light-gray-200); + --ts-gray-300: var(--ts-light-gray-300); + --ts-gray-400: var(--ts-light-gray-400); + --ts-gray-500: var(--ts-light-gray-500); + --ts-gray-600: var(--ts-light-gray-600); + --ts-gray-700: var(--ts-light-gray-700); + --ts-gray-800: var(--ts-light-gray-800); + --ts-gray-900: var(--ts-light-gray-900); + + --ts-tonal-positive-400: #cdffbe; + --ts-tonal-positive-800: #357016; + + --ts-tonal-negative-400: #ffbebe; + --ts-tonal-negative-800: #701616; + + --ts-tonal-primary-400: #d9edff; + --ts-tonal-primary-800: #005cde; + + --ts-tonal-warning-400: #fff7ae; + --ts-tonal-warning-800: #866800; +} + +html[data-scheme="light"] .is-inverted, +.is-inverted, +html[data-scheme="dark"], +.is-dark { + color-scheme: dark; + + --ts-gray-50: var(--ts-dark-gray-50); + --ts-gray-75: var(--ts-dark-gray-75); + --ts-gray-100: var(--ts-dark-gray-100); + --ts-gray-200: var(--ts-dark-gray-200); + --ts-gray-300: var(--ts-dark-gray-300); + --ts-gray-400: var(--ts-dark-gray-400); + --ts-gray-500: var(--ts-dark-gray-500); + --ts-gray-600: var(--ts-dark-gray-600); + --ts-gray-700: var(--ts-dark-gray-700); + --ts-gray-800: var(--ts-dark-gray-800); + --ts-gray-900: var(--ts-dark-gray-900); + + --ts-link-700: #8887ff; + + --ts-tonal-positive-400: #92d34f; + --ts-tonal-positive-800: #0e4600; + + --ts-tonal-negative-400: #d60000; + --ts-tonal-negative-800: #fff; + + --ts-tonal-primary-400: #0a6ffd; + --ts-tonal-primary-800: #ffffff; + + --ts-tonal-warning-400: #edff00; + --ts-tonal-warning-800: #463f00; +} + +html[data-scheme="light"] .is-dark-only, +html[data-scheme="dark"] .is-light-only { + display: none; +} + +@media (prefers-color-scheme: light) { + html:not([data-scheme="dark"]) .is-dark-only { + display: none; + } +} + +/** + * Dark + */ + +@media (prefers-color-scheme: dark) { + html:not([data-scheme="light"]) .is-light-only { + display: none; + } + .is-inverted { + color-scheme: light; + + --ts-gray-50: var(--ts-light-gray-50); + --ts-gray-75: var(--ts-light-gray-75); + --ts-gray-100: var(--ts-light-gray-100); + --ts-gray-200: var(--ts-light-gray-200); + --ts-gray-300: var(--ts-light-gray-300); + --ts-gray-400: var(--ts-light-gray-400); + --ts-gray-500: var(--ts-light-gray-500); + --ts-gray-600: var(--ts-light-gray-600); + --ts-gray-700: var(--ts-light-gray-700); + --ts-gray-800: var(--ts-light-gray-800); + --ts-gray-900: var(--ts-light-gray-900); + + --ts-tonal-positive-400: #cdffbe; + --ts-tonal-positive-800: #357016; + + --ts-tonal-negative-400: #ffbebe; + --ts-tonal-negative-800: #701616; + + --ts-tonal-primary-400: #d9edff; + --ts-tonal-primary-800: #005cde; + + --ts-tonal-warning-400: #fff7ae; + --ts-tonal-warning-800: #866800; + } +} + +/* ========================================================================== + Scales + ========================================================================== */ + +html[data-scale="small"], +html[data-scale="small"] body { + font-size: 14px; +} + +html[data-scale="large"], +html[data-scale="large"] body { + font-size: 16px; +} + +/* ========================================================================== + Background Color + ========================================================================== */ + +html[data-background="secondary"], +html[data-background="secondary"] body { + background-color: var(--ts-gray-75); +} + +/* ========================================================================== + Responsive + ========================================================================== */ + +/** + * Minimal + * (Below 766px) + */ + +@media screen and (max-width: 766px) { + .is-standard-only, + .is-maximal-only { + display: none !important; + } + + .is-not-minimal { + display: none !important; + } +} + +/** + * Not Minimal + * (Above 766px) + */ + +@media screen and (min-width: 766px) { + .is-minimal-only { + display: none !important; + } +} + +/** + * Minimal & Standard + * (Below 993px) + */ + +@media screen and (max-width: 993px) { + .is-maximal-only { + display: none !important; + } +} + +/** + * Standard + * (Above 766px & Below 993px) + */ + +@media screen and (min-width: 766px) and (max-width: 993px) { + .is-not-standard { + display: none !important; + } +} + +/** + * Maximal + * (Above 993px) + */ + +@media screen and (min-width: 993px) { + .is-minimal-only, + .is-standard-only { + display: none !important; + } + + .is-not-maximal { + display: none !important; + } +} + +/* ========================================================================== + Grid + ========================================================================== */ + +/** + * Wides + */ + +.ts-grid .column.is-1-minimal { + width: var(--ts-grid-1-wide); + max-width: var(--ts-grid-1-wide); +} +.ts-grid .column.is-2-minimal { + width: var(--ts-grid-2-wide); + max-width: var(--ts-grid-2-wide); +} +.ts-grid .column.is-3-minimal { + width: var(--ts-grid-3-wide); + max-width: var(--ts-grid-3-wide); +} +.ts-grid .column.is-4-minimal { + width: var(--ts-grid-4-wide); + max-width: var(--ts-grid-4-wide); +} +.ts-grid .column.is-5-minimal { + width: var(--ts-grid-5-wide); + max-width: var(--ts-grid-5-wide); +} +.ts-grid .column.is-6-minimal { + width: var(--ts-grid-6-wide); + max-width: var(--ts-grid-6-wide); +} +.ts-grid .column.is-7-minimal { + width: var(--ts-grid-7-wide); + max-width: var(--ts-grid-7-wide); +} +.ts-grid .column.is-8-minimal { + width: var(--ts-grid-8-wide); + max-width: var(--ts-grid-8-wide); +} +.ts-grid .column.is-9-minimal { + width: var(--ts-grid-9-wide); + max-width: var(--ts-grid-9-wide); +} +.ts-grid .column.is-10-minimal { + width: var(--ts-grid-10-wide); + max-width: var(--ts-grid-10-wide); +} +.ts-grid .column.is-11-minimal { + width: var(--ts-grid-11-wide); + max-width: var(--ts-grid-11-wide); +} +.ts-grid .column.is-12-minimal { + width: var(--ts-grid-12-wide); + max-width: var(--ts-grid-12-wide); +} +.ts-grid .column.is-13-minimal { + width: var(--ts-grid-13-wide); + max-width: var(--ts-grid-13-wide); +} +.ts-grid .column.is-14-minimal { + width: var(--ts-grid-14-wide); + max-width: var(--ts-grid-14-wide); +} +.ts-grid .column.is-15-minimal { + width: var(--ts-grid-15-wide); + max-width: var(--ts-grid-15-wide); +} +.ts-grid .column.is-16-minimal { + width: var(--ts-grid-16-wide); + max-width: var(--ts-grid-16-wide); +} + +/** + * Doubling + */ + +.ts-grid.is-2-columns.is-doubling > .column { + flex: var(--ts-grid-1-columns); + max-width: var(--ts-grid-1-columns); +} +.ts-grid.is-3-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-4-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-5-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-6-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-7-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-8-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-9-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-10-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} + +/** + * Minimal + * (Below 766px) + */ + +@media screen and (max-width: 766px) { + .ts-grid.is-stackable .column { + width: var(--ts-grid-16-wide); + max-width: var(--ts-grid-16-wide); + } +} + +/** + * Not Minimal + * (Above 766px) + */ + +@media screen and (min-width: 766px) { + /** + * Doubling + */ + + .ts-grid.is-2-columns.is-doubling > .column { + flex: var(--ts-grid-1-columns); + max-width: var(--ts-grid-1-columns); + } + .ts-grid.is-3-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); + } + .ts-grid.is-4-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); + } + .ts-grid.is-5-columns.is-doubling > .column { + flex: var(--ts-grid-3-columns); + max-width: var(--ts-grid-3-columns); + } + .ts-grid.is-6-columns.is-doubling > .column { + flex: var(--ts-grid-3-columns); + max-width: var(--ts-grid-3-columns); + } + .ts-grid.is-7-columns.is-doubling > .column { + flex: var(--ts-grid-3-columns); + max-width: var(--ts-grid-3-columns); + } + .ts-grid.is-8-columns.is-doubling > .column { + flex: var(--ts-grid-4-columns); + max-width: var(--ts-grid-4-columns); + } + .ts-grid.is-9-columns.is-doubling > .column { + flex: var(--ts-grid-4-columns); + max-width: var(--ts-grid-4-columns); + } + .ts-grid.is-10-columns.is-doubling > .column { + flex: var(--ts-grid-5-columns); + max-width: var(--ts-grid-5-columns); + } + + /** + * Wides + */ + + .ts-grid .column.is-1-standard { + width: var(--ts-grid-1-wide); + max-width: var(--ts-grid-1-wide); + } + .ts-grid .column.is-2-standard { + width: var(--ts-grid-2-wide); + max-width: var(--ts-grid-2-wide); + } + .ts-grid .column.is-3-standard { + width: var(--ts-grid-3-wide); + max-width: var(--ts-grid-3-wide); + } + .ts-grid .column.is-4-standard { + width: var(--ts-grid-4-wide); + max-width: var(--ts-grid-4-wide); + } + .ts-grid .column.is-5-standard { + width: var(--ts-grid-5-wide); + max-width: var(--ts-grid-5-wide); + } + .ts-grid .column.is-6-standard { + width: var(--ts-grid-6-wide); + max-width: var(--ts-grid-6-wide); + } + .ts-grid .column.is-7-standard { + width: var(--ts-grid-27wide); + max-width: var(--ts-grid-7-wide); + } + .ts-grid .column.is-8-standard { + width: var(--ts-grid-8-wide); + max-width: var(--ts-grid-8-wide); + } + .ts-grid .column.is-9-standard { + width: var(--ts-grid-9-wide); + max-width: var(--ts-grid-9-wide); + } + .ts-grid .column.is-10-standard { + width: var(--ts-grid-10-wide); + max-width: var(--ts-grid-10-wide); + } + .ts-grid .column.is-11-standard { + width: var(--ts-grid-11-wide); + max-width: var(--ts-grid-11-wide); + } + .ts-grid .column.is-12-standard { + width: var(--ts-grid-12-wide); + max-width: var(--ts-grid-12-wide); + } + .ts-grid .column.is-13-standard { + width: var(--ts-grid-13-wide); + max-width: var(--ts-grid-13-wide); + } + .ts-grid .column.is-14-standard { + width: var(--ts-grid-14-wide); + max-width: var(--ts-grid-14-wide); + } + .ts-grid .column.is-15-standard { + width: var(--ts-grid-15-wide); + max-width: var(--ts-grid-15-wide); + } + .ts-grid .column.is-16-standard { + width: var(--ts-grid-16-wide); + max-width: var(--ts-grid-16-wide); + } +} + +/** + * Maximal + * (Above 993px) + */ + +@media screen and (min-width: 993px) { + /** + * Doubling + */ + + .ts-grid.is-2-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); + } + .ts-grid.is-3-columns.is-doubling > .column { + flex: var(--ts-grid-3-columns); + max-width: var(--ts-grid-3-columns); + } + .ts-grid.is-4-columns.is-doubling > .column { + flex: var(--ts-grid-4-columns); + max-width: var(--ts-grid-4-columns); + } + .ts-grid.is-5-columns.is-doubling > .column { + flex: var(--ts-grid-5-columns); + max-width: var(--ts-grid-5-columns); + } + .ts-grid.is-6-columns.is-doubling > .column { + flex: var(--ts-grid-6-columns); + max-width: var(--ts-grid-6-columns); + } + .ts-grid.is-7-columns.is-doubling > .column { + flex: var(--ts-grid-7-columns); + max-width: var(--ts-grid-7-columns); + } + .ts-grid.is-8-columns.is-doubling > .column { + flex: var(--ts-grid-8-columns); + max-width: var(--ts-grid-8-columns); + } + .ts-grid.is-9-columns.is-doubling > .column { + flex: var(--ts-grid-9-columns); + max-width: var(--ts-grid-9-columns); + } + .ts-grid.is-10-columns.is-doubling > .column { + flex: var(--ts-grid-10-columns); + max-width: var(--ts-grid-10-columns); + } + + /** + * Wides + */ + + .ts-grid .column.is-1-maximal { + width: var(--ts-grid-1-wide); + max-width: var(--ts-grid-1-wide); + } + .ts-grid .column.is-2-maximal { + width: var(--ts-grid-2-wide); + max-width: var(--ts-grid-2-wide); + } + .ts-grid .column.is-3-maximal { + width: var(--ts-grid-3-wide); + max-width: var(--ts-grid-3-wide); + } + .ts-grid .column.is-4-maximal { + width: var(--ts-grid-4-wide); + max-width: var(--ts-grid-4-wide); + } + .ts-grid .column.is-5-maximal { + width: var(--ts-grid-5-wide); + max-width: var(--ts-grid-5-wide); + } + .ts-grid .column.is-6-maximal { + width: var(--ts-grid-6-wide); + max-width: var(--ts-grid-6-wide); + } + .ts-grid .column.is-7-maximal { + width: var(--ts-grid-7-wide); + max-width: var(--ts-grid-7-wide); + } + .ts-grid .column.is-8-maximal { + width: var(--ts-grid-8-wide); + max-width: var(--ts-grid-8-wide); + } + .ts-grid .column.is-9-maximal { + width: var(--ts-grid-9-wide); + max-width: var(--ts-grid-9-wide); + } + .ts-grid .column.is-10-maximal { + width: var(--ts-grid-10-wide); + max-width: var(--ts-grid-10-wide); + } + .ts-grid .column.is-11-maximal { + width: var(--ts-grid-11-wide); + max-width: var(--ts-grid-11-wide); + } + .ts-grid .column.is-12-maximal { + width: var(--ts-grid-12-wide); + max-width: var(--ts-grid-12-wide); + } + .ts-grid .column.is-13-maximal { + width: var(--ts-grid-13-wide); + max-width: var(--ts-grid-13-wide); + } + .ts-grid .column.is-14-maximal { + width: var(--ts-grid-14-wide); + max-width: var(--ts-grid-14-wide); + } + .ts-grid .column.is-15-maximal { + width: var(--ts-grid-15-wide); + max-width: var(--ts-grid-15-wide); + } + .ts-grid .column.is-16-maximal { + width: var(--ts-grid-16-wide); + max-width: var(--ts-grid-16-wide); + } +} + +/* ========================================================================== + Accordion + ========================================================================== */ + +*:not(details).ts-accordion { + color: inherit; + box-sizing: border-box; +} + +*:not(details).ts-accordion .title { + display: flex; + align-items: center; + user-select: none; + cursor: pointer; +} + +*:not(details).ts-accordion .title::before { + font-family: "Icons"; + font-weight: normal; + font-style: normal; + display: inline; + text-decoration: inherit; + text-align: center; + width: 1.18em; + -webkit-font-smoothing: antialiased; + backface-visibility: hidden; + display: block; + margin-right: 0.7rem; + color: var(--ts-gray-600); + transform: rotate(270deg); + content: "\f078"; + line-height: 1; + font-size: 14px; +} + +*:not(details).ts-accordion .content { + display: none; + margin: 1rem 0 0; +} + +*:not(details).ts-accordion.is-active .content { + display: block; +} + +*:not(details).ts-accordion.is-active .title::before { + transform: rotate(0deg); +} +/** + * Padded + */ + +.u-padded { + padding: 1rem; +} +.u-horizontally-padded { + padding-left: 1rem; + padding-right: 1rem; +} +.u-vertically-padded { + padding-top: 1rem; + padding-bottom: 1rem; +} + +.u-very-padded { + padding: 1.5rem; +} +.u-horizontally-very-padded { + padding-left: 1.5rem; + padding-right: 1.5rem; +} +.u-vertically-very-padded { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} + +/** + * Spaced + */ + +.u-spaced { + margin: 1rem; +} +.u-horizontally-spaced { + margin-left: 1rem; + margin-right: 1rem; +} +.u-vertically-spaced { + margin-top: 1rem; + margin-bottom: 1rem; +} + +.u-very-spaced { + margin: 1.5rem; +} +.u-horizontally-very-spaced { + margin-left: 1.5rem; + margin-right: 1.5rem; +} +.u-vertically-very-spaced { + margin-top: 1.5rem; + margin-bottom: 1.5rem; +} + +/** + * Hidden + */ + +.u-hidden { + display: none !important; +} +.u-invisible { + visibility: hidden !important; +} + +/** + * Edged + */ + +.u-edged { + border-left: 0 !important; + border-right: 0 !important; + border-radius: 0 !important; +} + +/** + * Accent + */ + +.is-accent { + --accent-color: var(--ts-accent-color); + --accent-foreground-color: var(--ts-accent-foreground-color); +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-app-topbar { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-app-topbar { + display: grid; + grid-template-columns: 1fr auto 1fr; + padding: 0.5rem 1rem; + line-height: 1; + background: var(--accent-color, var(--ts-static-gray-900)); + color: var(--accent-foreground-color, var(--ts-white)); + min-height: 50px; + align-items: center; + gap: 0.5rem; +} + +.ts-app-topbar :is(.start, .end, .center) > .item { + border-radius: 100em; + text-decoration: none; + width: 38px; + height: 38px; + display: flex; + font-size: var(--ts-font-size-17px); + align-items: center; + justify-content: center; + margin-top: -0.1rem; + margin-bottom: -0.1rem; +} + +.ts-app-topbar :is(.start, .end, .center) .item.is-text { + font-size: var(--ts-font-size-16px); + font-weight: 500; + width: auto; + height: auto; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + border-radius: 0; + margin: 0; + display: block; + margin-top: -1px; +} + +.ts-app-topbar :is(.start, .end) { + display: flex; + align-items: center; + gap: 0.25rem; +} + +.ts-app-topbar .start { + justify-content: flex-start; + grid-column: 1 / 2; +} + +.ts-app-topbar .start > .item:not(.is-text):first-child { + margin-left: -0.75rem; +} + +.ts-app-topbar .center { + justify-content: center; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + grid-column: 2 / 3; +} + +.ts-app-topbar .end { + justify-content: flex-end; + grid-column: 3 / 3; +} + +.ts-app-topbar .end > .item:not(.is-text):last-child { + margin-right: -0.75rem; +} + +.ts-app-topbar .content { + grid-column: 1 / 4; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-app-drawer { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgb(0 0 0 / 50%); + display: none; + overflow-y: auto; + z-index: 102; +} + +/* ========================================================================== + Base + ========================================================================== */ + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-app-drawer > .content { + background: var(--ts-gray-50); + box-shadow: 0 0 20px rgb(0 0 0 / 10%); + width: 380px; + overflow: hidden; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Visible + */ + +.ts-app-drawer.is-visible { + display: flex; +} + +/** + * Positions + */ + +.ts-app-drawer.is-bottom { + align-items: flex-end; + justify-content: center; +} + +.ts-app-drawer.is-bottom .content { + width: 100%; +} + +.ts-app-drawer.is-right { + justify-content: flex-end; +} + +.ts-app-drawer.is-left { + justify-content: flex-start; +} + +/** + * Sizes + */ + +.ts-app-drawer.is-small > .content { + width: 280px; +} + +.ts-app-drawer.is-large > .content { + width: 580px; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-timeline { + --ts-timeline-top-line-height: 14px; + --ts-timeline-top-distance: calc(var(--ts-timeline-top-line-height) + 2px); + --ts-timeline-content-distance: 1rem; + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-timeline { + display: grid; + grid-template-columns: min-content min-content auto; + gap: 0rem 1rem; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +/** + * Item + */ + +.ts-timeline > .item { + display: contents; +} + +.ts-timeline > .item.is-secondary { + --ts-timeline-top-line-height: 2px; + --ts-timeline-top-distance: calc(var(--ts-timeline-top-line-height) - 4px); +} + +.ts-timeline > .item:first-child, +.ts-timeline > .item.is-break + .item { + --ts-timeline-top-distance: 0; +} + +/** + * Aside + */ + +.ts-timeline > .item .aside { + margin-top: var(--ts-timeline-top-distance); + margin-bottom: 0.5rem; + white-space: nowrap; + text-align: right; +} + +/** + * Indicator + */ + +.ts-timeline > .item .indicator { + display: flex; + flex-direction: column; + align-items: center; + gap: 2px; + grid-column: 1 / 3; +} + +.ts-timeline > .item .aside + .indicator { + grid-column: 2 / 3; +} + +.ts-timeline > .item.is-break + .item.is-secondary .indicator, +.ts-timeline > .item.is-secondary:first-child .indicator { + margin-top: 6px; +} + +.ts-timeline > .item .indicator::before { + display: block; + content: ""; + background: var(--ts-gray-300); + pointer-events: none; + min-height: var(--ts-timeline-top-line-height); + width: 2px; +} + +.ts-timeline > .item .indicator::after { + display: block; + flex: 1; + content: ""; + background: var(--ts-gray-300); + pointer-events: none; + min-height: 0; + height: 100%; + width: 2px; +} + +.ts-timeline > .item:last-child .indicator::after { + display: none; +} + +.ts-timeline > .item:first-child .indicator::before, +.ts-timeline > .item.is-break + .item .indicator::before { + display: none; +} + +.ts-timeline > .item:last-child .content, +.ts-timeline > .item.is-break + .item .content { + margin-bottom: 0; } /** - * Selected + * Content */ -.ts-dropdown .item.is-selected { - background: var(--ts-primary-700); - color: var(--ts-white); +.ts-timeline > .item .content { + flex: 1; + margin-top: var(--ts-timeline-top-distance); + margin-bottom: var(--ts-timeline-content-distance); } /** - * Separated + * Break */ -.ts-dropdown.is-separated { - gap: 0.25rem; - padding-left: 0.25rem; - padding-right: 0.25rem; +.ts-timeline > .item.is-break { + display: flex; + grid-column: 1 / 4; + height: 4px; + background: var(--ts-gray-300); } -.ts-dropdown.is-separated .item { - border-radius: 0.4rem; +.ts-timeline > .item.is-break:not(:last-child) { + margin-bottom: var(--ts-timeline-content-distance); } + +/* ========================================================================== + Variations + ========================================================================== */ + /** - * Icon + * Icon Indicator */ -.ts-dropdown.is-start-icon .item .ts-icon { - min-width: 1rem; - text-align: center; - display: inline-block; - margin-top: 2px; +.ts-timeline > .item .indicator .ts-icon { + aspect-ratio: 1/1; + width: 30px; + height: 30px; + font-size: var(--ts-font-size-14px); + display: flex; + align-items: center; + justify-content: center; + line-height: 1; + background: var(--ts-gray-100); + border-radius: 100rem; + color: var(--ts-gray-600); } -.ts-dropdown.is-end-icon .item .ts-icon { - margin-left: auto; - min-width: 1rem; - text-align: center; - display: inline-block; - margin-top: 2px; +.ts-timeline > .item.is-secondary .indicator .ts-icon { + aspect-ratio: 1/1; + width: 16px; + height: 16px; + background: initial; } +.ts-timeline > .item .indicator.is-icon ~ .content::after { + width: 3px; + left: -45px; +} /** - * Density + * Negative */ -.ts-dropdown.is-relaxed .item { - padding-top: 0.8rem; - padding-bottom: 0.8rem; +.ts-timeline > .item.is-negative .indicator .ts-icon { + background: var(--ts-negative-500); + color: var(--ts-white); } -.ts-dropdown.is-dense .item { - padding-top: 0.55rem; - padding-bottom: 0.55rem; +.ts-timeline > .item.is-negative.is-secondary .indicator .ts-icon { + background: initial; + color: var(--ts-negative-500); } /** - * Sizes + * Active */ -.ts-dropdown.is-small { - font-size: var(--ts-font-size-13px); +.ts-timeline > .item.is-active .indicator .ts-icon { + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } -.ts-dropdown.is-large { - font-size: var(--ts-font-size-15px); +.ts-timeline > .item.is-active.is-secondary .indicator .ts-icon { + background: initial; + color: var(--ts-gray-800); } /** - * Visible + * Disabled */ - -.ts-dropdown.is-visible { - display: inline-flex; +.ts-timeline > .item.is-disabled :is(.aside, .content, .indicator) { + pointer-events: none; + opacity: 0.5; + user-select: none; } /** - * Scrollable + * Compact */ -.ts-dropdown.is-scrollable { - overflow: auto; - overflow-x: hidden; -} - -/** (Below 766px) */ -@media screen and (max-width: 766px) { - .ts-dropdown.is-scrollable { - max-height: 10rem; - } -} - -/** (Above 766px) */ -@media screen and (min-width: 766px) { - .ts-dropdown.is-scrollable { - max-height: 15rem; - } -} - -/** (Above 993px) */ -@media screen and (min-width: 993px) { - .ts-dropdown.is-scrollable { - max-height: 19rem; - } +.ts-timeline.is-compact { + --ts-timeline-content-distance: 0.5rem; } -/** - * Positions - */ +/* ========================================================================== + Variables + ========================================================================== */ -.ts-dropdown.is-top-left { - bottom: calc(100% + 0.5rem); - left: 0; -} +/* ========================================================================== + Base + ========================================================================== */ -.ts-dropdown.is-bottom-left { - top: calc(100% + 0.5rem); +.ts-stash { + position: absolute; + top: 0; left: 0; + width: calc(100% - var(--ts-stash-offset, 5px)); + visibility: hidden; + pointer-events: none; + flex-wrap: nowrap; + overflow: hidden; + white-space: nowrap; } -.ts-dropdown.is-top-right { - bottom: calc(100% + 0.5rem); - right: 0; -} -.ts-dropdown.is-bottom-right { - top: calc(100% + 0.5rem); - right: 0; -} -.ts-dropdown.is-top { - bottom: calc(100% + 0.5rem); - left: 0; - right: 0; - min-width: min-content; -} -.ts-dropdown.is-bottom { - top: calc(100% + 0.5rem); - left: 0; - right: 0; - min-width: min-content; -} @@ -18270,6 +19481,7 @@ a.ts-segment:hover { +/***/ /* ========================================================================== @@ -18280,6 +19492,18 @@ html { --ts-white: #fff; --ts-black: #333; + /*--ts-accent-color: yellow;*/ + --ts-accent-foreground-color: var(--ts-white); + + --ts-breakpoint-mobile-min: 0px; + --ts-breakpoint-mobile-max: 767.98px; + --ts-breakpoint-tablet-min: 768px; + --ts-breakpoint-tablet-max: 1023.98px; + --ts-breakpoint-desktop-min: 1024px; + --ts-breakpoint-desktop-max: 1279.98px; + --ts-breakpoint-widescreen-min: 1280px; + --ts-breakpoint-widescreen-max: 9999px; + --ts-light-gray-50: rgb(255, 255, 255); --ts-light-gray-75: rgb(250, 250, 250); --ts-light-gray-100: rgb(242, 242, 242); @@ -18440,9 +19664,9 @@ html { */ html, -html[data-scheme="light"], -.is-light, -html[data-scheme="dark"] .is-inverted { +html.is-light, +.u-light, +html.is-dark .u-inverted { color-scheme: light; --ts-gray-50: var(--ts-light-gray-50); @@ -18462,12 +19686,18 @@ html[data-scheme="dark"] .is-inverted { --ts-tonal-negative-400: #ffbebe; --ts-tonal-negative-800: #701616; + + --ts-tonal-primary-400: #d9edff; + --ts-tonal-primary-800: #005cde; + + --ts-tonal-warning-400: #fff7ae; + --ts-tonal-warning-800: #866800; } -html[data-scheme="light"] .is-inverted, -.is-inverted, -html[data-scheme="dark"], -.is-dark { +html.is-light .u-inverted, +.u-inverted, +html.is-dark, +.u-dark { color-scheme: dark; --ts-gray-50: var(--ts-dark-gray-50); @@ -18489,16 +19719,32 @@ html[data-scheme="dark"], --ts-tonal-negative-400: #d60000; --ts-tonal-negative-800: #fff; + + --ts-tonal-primary-400: #0a6ffd; + --ts-tonal-primary-800: #ffffff; + + --ts-tonal-warning-400: #edff00; + --ts-tonal-warning-800: #463f00; } -html[data-scheme="light"] .is-dark-only, -html[data-scheme="dark"] .is-light-only { - display: none; +/** + * Hidden + */ + +html.is-light .u-light-hidden, +html.is-dark .u-dark-hidden { + display: none !important; } @media (prefers-color-scheme: light) { - .is-dark-only { - display: none; + html:not(.is-dark) .u-light-hidden { + display: none !important; + } +} + +@media (prefers-color-scheme: dark) { + html:not(.is-light) .u-dark-hidden { + display: none !important; } } @@ -18507,9 +19753,6 @@ html[data-scheme="dark"] .is-light-only { */ @media (prefers-color-scheme: dark) { - .is-light-only { - display: none; - } html { color-scheme: dark; @@ -18539,8 +19782,14 @@ html[data-scheme="dark"] .is-light-only { --ts-tonal-negative-400: #d60000; --ts-tonal-negative-800: #fff; + + --ts-tonal-primary-400: #0a6ffd; + --ts-tonal-primary-800: #ffffff; + + --ts-tonal-warning-400: #edff00; + --ts-tonal-warning-800: #463f00; } - .is-inverted { + .u-inverted { color-scheme: light; --ts-gray-50: var(--ts-light-gray-50); @@ -18560,6 +19809,12 @@ html[data-scheme="dark"] .is-light-only { --ts-tonal-negative-400: #ffbebe; --ts-tonal-negative-800: #701616; + + --ts-tonal-primary-400: #d9edff; + --ts-tonal-primary-800: #005cde; + + --ts-tonal-warning-400: #fff7ae; + --ts-tonal-warning-800: #866800; } } @@ -18567,13 +19822,13 @@ html[data-scheme="dark"] .is-light-only { Scales ========================================================================== */ -html[data-scale="small"], -html[data-scale="small"] body { +html.is-small, +html.is-small body { font-size: 14px; } -html[data-scale="large"], -html[data-scale="large"] body { +html.is-large, +html.is-large body { font-size: 16px; } @@ -18581,76 +19836,7 @@ html[data-scale="large"] body { Background Color ========================================================================== */ -html[data-background="secondary"], -html[data-background="secondary"] body { +html.is-secondary, +html.is-secondary body { background-color: var(--ts-gray-75); } - -/* ========================================================================== - Responsive - ========================================================================== */ - -/** - * Minimal - * (Below 766px) - */ - -@media screen and (max-width: 766px) { - .is-standard-only, - .is-maximal-only { - display: none !important; - } - - .is-not-minimal { - display: none !important; - } -} - -/** - * Not Minimal - * (Above 766px) - */ - -@media screen and (min-width: 766px) { - .is-minimal-only { - display: none !important; - } -} - -/** - * Minimal & Standard - * (Below 993px) - */ - -@media screen and (max-width: 993px) { - .is-maximal-only { - display: none !important; - } -} - -/** - * Standard - * (Above 766px & Below 993px) - */ - -@media screen and (min-width: 766px) and (max-width: 993px) { - .is-not-standard { - display: none !important; - } -} - -/** - * Maximal - * (Above 993px) - */ - -@media screen and (min-width: 993px) { - .is-minimal-only, - .is-standard-only { - display: none !important; - } - - .is-not-maximal { - display: none !important; - } -} diff --git a/dist/tocas.js b/dist/tocas.js index e69de29bb..254e6804e 100644 --- a/dist/tocas.js +++ b/dist/tocas.js @@ -0,0 +1,957 @@ +window.tocas = { + config: { + strict_responsive: false, + attributes: { + tab: "data-tab", + tab_name: "data-name", + toggle: "data-toggle", + toggle_name: "data-name", + dropdown: "data-dropdown", + dropdown_name: "data-name", + dropdown_position: "data-position", + tooltip: "data-tooltip", + tooltip_position: "data-position", + tooltip_delay: "data-delay", + }, + scopes: { + tab: "@scope", + toggle: "@scope", + tab: "@scope", + dropdown: "@scope", + container: "@container", + }, + classes: { + hidden: "u-hidden", + tab_active: "is-active", + tooltip_visible: "is-visible", + tab: "ts-tab", + }, + }, +}; + +// +(function () { + // 1.2.2 + +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).TocasFloatingUICore={})}(this,(function(t){"use strict";function e(t){return t.split("-")[1]}function n(t){return"y"===t?"height":"width"}function i(t){return t.split("-")[0]}function o(t){return["top","bottom"].includes(i(t))?"x":"y"}function r(t,r,a){let{reference:l,floating:s}=t;const f=l.x+l.width/2-s.width/2,c=l.y+l.height/2-s.height/2,u=o(r),m=n(u),d=l[m]/2-s[m]/2,g="x"===u;let p;switch(i(r)){case"top":p={x:f,y:l.y-s.height};break;case"bottom":p={x:f,y:l.y+l.height};break;case"right":p={x:l.x+l.width,y:c};break;case"left":p={x:l.x-s.width,y:c};break;default:p={x:l.x,y:l.y}}switch(e(r)){case"start":p[u]-=d*(a&&g?-1:1);break;case"end":p[u]+=d*(a&&g?-1:1)}return p}function a(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function l(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function s(t,e){var n;void 0===e&&(e={});const{x:i,y:o,platform:r,rects:s,elements:f,strategy:c}=t,{boundary:u="clippingAncestors",rootBoundary:m="viewport",elementContext:d="floating",altBoundary:g=!1,padding:p=0}=e,h=a(p),y=f[g?"floating"===d?"reference":"floating":d],x=l(await r.getClippingRect({element:null==(n=await(null==r.isElement?void 0:r.isElement(y)))||n?y:y.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(f.floating)),boundary:u,rootBoundary:m,strategy:c})),w="floating"===d?{...s.floating,x:i,y:o}:s.reference,v=await(null==r.getOffsetParent?void 0:r.getOffsetParent(f.floating)),b=await(null==r.isElement?void 0:r.isElement(v))&&await(null==r.getScale?void 0:r.getScale(v))||{x:1,y:1},R=l(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:w,offsetParent:v,strategy:c}):w);return{top:(x.top-R.top+h.top)/b.y,bottom:(R.bottom-x.bottom+h.bottom)/b.y,left:(x.left-R.left+h.left)/b.x,right:(R.right-x.right+h.right)/b.x}}const f=Math.min,c=Math.max;function u(t,e,n){return c(t,f(e,n))}const m=["top","right","bottom","left"],d=m.reduce(((t,e)=>t.concat(e,e+"-start",e+"-end")),[]),g={left:"right",right:"left",bottom:"top",top:"bottom"};function p(t){return t.replace(/left|right|bottom|top/g,(t=>g[t]))}function h(t,i,r){void 0===r&&(r=!1);const a=e(t),l=o(t),s=n(l);let f="x"===l?a===(r?"end":"start")?"right":"left":"start"===a?"bottom":"top";return i.reference[s]>i.floating[s]&&(f=p(f)),{main:f,cross:p(f)}}const y={start:"end",end:"start"};function x(t){return t.replace(/start|end/g,(t=>y[t]))}function w(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function v(t){return m.some((e=>t[e]>=0))}function b(t){return"x"===t?"y":"x"}t.arrow=t=>({name:"arrow",options:t,async fn(i){const{element:r,padding:l=0}=t||{},{x:s,y:f,placement:c,rects:m,platform:d,elements:g}=i;if(null==r)return{};const p=a(l),h={x:s,y:f},y=o(c),x=n(y),w=await d.getDimensions(r),v="y"===y,b=v?"top":"left",R=v?"bottom":"right",A=v?"clientHeight":"clientWidth",P=m.reference[x]+m.reference[y]-h[y]-m.floating[x],T=h[y]-m.reference[y],O=await(null==d.getOffsetParent?void 0:d.getOffsetParent(r));let E=O?O[A]:0;E&&await(null==d.isElement?void 0:d.isElement(O))||(E=g.floating[A]||m.floating[x]);const D=P/2-T/2,L=p[b],k=E-w[x]-p[R],C=E/2-w[x]/2+D,B=u(L,C,k),H=null!=e(c)&&C!=B&&m.reference[x]/2-(Ce(n)===t)),...o.filter((n=>e(n)!==t))]:o.filter((t=>i(t)===t))).filter((i=>!t||e(i)===t||!!n&&x(i)!==i))}(p||null,w,y):y,R=await s(n,v),A=(null==(o=f.autoPlacement)?void 0:o.index)||0,P=b[A];if(null==P)return{};const{main:T,cross:O}=h(P,l,await(null==u.isRTL?void 0:u.isRTL(m.floating)));if(c!==P)return{reset:{placement:b[0]}};const E=[R[i(P)],R[T],R[O]],D=[...(null==(r=f.autoPlacement)?void 0:r.overflows)||[],{placement:P,overflows:E}],L=b[A+1];if(L)return{data:{index:A+1,overflows:D},reset:{placement:L}};const k=D.map((t=>{const n=e(t.placement);return[t.placement,n&&g?t.overflows.slice(0,2).reduce(((t,e)=>t+e),0):t.overflows[0],t.overflows]})).sort(((t,e)=>t[1]-e[1])),C=(null==(a=k.filter((t=>t[2].slice(0,e(t[0])?2:3).every((t=>t<=0))))[0])?void 0:a[0])||k[0][0];return C!==c?{data:{index:A+1,overflows:D},reset:{placement:C}}:{}}}},t.computePosition=async(t,e,n)=>{const{placement:i="bottom",strategy:o="absolute",middleware:a=[],platform:l}=n,s=a.filter(Boolean),f=await(null==l.isRTL?void 0:l.isRTL(e));let c=await l.getElementRects({reference:t,floating:e,strategy:o}),{x:u,y:m}=r(c,i,f),d=i,g={},p=0;for(let n=0;nt+"-"+a)),n&&(l=l.concat(l.map(x)))),l}(f,v,w,P));const O=[f,...T],E=await s(n,b),D=[];let L=(null==(o=a.flip)?void 0:o.overflows)||[];if(m&&D.push(E[R]),d){const{main:t,cross:e}=h(r,l,P);D.push(E[t],E[e])}if(L=[...L,{placement:r,overflows:D}],!D.every((t=>t<=0))){var k,C;const t=((null==(k=a.flip)?void 0:k.index)||0)+1,e=O[t];if(e)return{data:{index:t,overflows:L},reset:{placement:e}};let n=null==(C=L.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:C.placement;if(!n)switch(y){case"bestFit":{var B;const t=null==(B=L.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:B[0];t&&(n=t);break}case"initialPlacement":n=f}if(r!==n)return{reset:{placement:n}}}return{}}}},t.hide=function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(e){const{strategy:n="referenceHidden",...i}=t,{rects:o}=e;switch(n){case"referenceHidden":{const t=w(await s(e,{...i,elementContext:"reference"}),o.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:v(t)}}}case"escaped":{const t=w(await s(e,{...i,altBoundary:!0}),o.floating);return{data:{escapedOffsets:t,escaped:v(t)}}}default:return{}}}}},t.inline=function(t){return void 0===t&&(t={}),{name:"inline",options:t,async fn(e){const{placement:n,elements:r,rects:s,platform:u,strategy:m}=e,{padding:d=2,x:g,y:p}=t,h=l(u.convertOffsetParentRelativeRectToViewportRelativeRect?await u.convertOffsetParentRelativeRectToViewportRelativeRect({rect:s.reference,offsetParent:await(null==u.getOffsetParent?void 0:u.getOffsetParent(r.floating)),strategy:m}):s.reference),y=await(null==u.getClientRects?void 0:u.getClientRects(r.reference))||[],x=a(d);const w=await u.getElementRects({reference:{getBoundingClientRect:function(){if(2===y.length&&y[0].left>y[1].right&&null!=g&&null!=p)return y.find((t=>g>t.left-x.left&&gt.top-x.top&&p=2){if("x"===o(n)){const t=y[0],e=y[y.length-1],o="top"===i(n),r=t.top,a=e.bottom,l=o?t.left:e.left,s=o?t.right:e.right;return{top:r,bottom:a,left:l,right:s,width:s-l,height:a-r,x:l,y:r}}const t="left"===i(n),e=c(...y.map((t=>t.right))),r=f(...y.map((t=>t.left))),a=y.filter((n=>t?n.left===r:n.right===e)),l=a[0].top,s=a[a.length-1].bottom;return{top:l,bottom:s,left:r,right:e,width:e-r,height:s-l,x:r,y:l}}return h}},floating:r.floating,strategy:m});return s.reference.x!==w.reference.x||s.reference.y!==w.reference.y||s.reference.width!==w.reference.width||s.reference.height!==w.reference.height?{reset:{rects:w}}:{}}}},t.limitShift=function(t){return void 0===t&&(t={}),{options:t,fn(e){const{x:n,y:r,placement:a,rects:l,middlewareData:s}=e,{offset:f=0,mainAxis:c=!0,crossAxis:u=!0}=t,m={x:n,y:r},d=o(a),g=b(d);let p=m[d],h=m[g];const y="function"==typeof f?f(e):f,x="number"==typeof y?{mainAxis:y,crossAxis:0}:{mainAxis:0,crossAxis:0,...y};if(c){const t="y"===d?"height":"width",e=l.reference[d]-l.floating[t]+x.mainAxis,n=l.reference[d]+l.reference[t]-x.mainAxis;pn&&(p=n)}if(u){var w,v;const t="y"===d?"width":"height",e=["top","left"].includes(i(a)),n=l.reference[g]-l.floating[t]+(e&&(null==(w=s.offset)?void 0:w[g])||0)+(e?0:x.crossAxis),o=l.reference[g]+l.reference[t]+(e?0:(null==(v=s.offset)?void 0:v[g])||0)-(e?x.crossAxis:0);ho&&(h=o)}return{[d]:p,[g]:h}}}},t.offset=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(n){const{x:r,y:a}=n,l=await async function(t,n){const{placement:r,platform:a,elements:l}=t,s=await(null==a.isRTL?void 0:a.isRTL(l.floating)),f=i(r),c=e(r),u="x"===o(r),m=["left","top"].includes(f)?-1:1,d=s&&u?-1:1,g="function"==typeof n?n(t):n;let{mainAxis:p,crossAxis:h,alignmentAxis:y}="number"==typeof g?{mainAxis:g,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...g};return c&&"number"==typeof y&&(h="end"===c?-1*y:y),u?{x:h*d,y:p*m}:{x:p*m,y:h*d}}(n,t);return{x:r+l.x,y:a+l.y,data:l}}}},t.rectToClientRect=l,t.shift=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:r,placement:a}=e,{mainAxis:l=!0,crossAxis:f=!1,limiter:c={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...m}=t,d={x:n,y:r},g=await s(e,m),p=o(i(a)),h=b(p);let y=d[p],x=d[h];if(l){const t="y"===p?"bottom":"right";y=u(y+g["y"===p?"top":"left"],y,y-g[t])}if(f){const t="y"===h?"bottom":"right";x=u(x+g["y"===h?"top":"left"],x,x-g[t])}const w=c.fn({...e,[p]:y,[h]:x});return{...w,data:{x:w.x-n,y:w.y-r}}}}},t.size=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(n){const{placement:r,rects:a,platform:l,elements:u}=n,{apply:m=(()=>{}),...d}=t,g=await s(n,d),p=i(r),h=e(r),y="x"===o(r),{width:x,height:w}=a.floating;let v,b;"top"===p||"bottom"===p?(v=p,b=h===(await(null==l.isRTL?void 0:l.isRTL(u.floating))?"start":"end")?"left":"right"):(b=p,v="end"===h?"top":"bottom");const R=w-g[v],A=x-g[b];let P=R,T=A;if(y?T=f(x-g.right-g.left,A):P=f(w-g.bottom-g.top,R),!n.middlewareData.shift&&!h){const t=c(g.left,0),e=c(g.right,0),n=c(g.top,0),i=c(g.bottom,0);y?T=x-2*(0!==t||0!==e?t+e:c(g.left,g.right)):P=w-2*(0!==n||0!==i?n+i:c(g.top,g.bottom))}await m({...n,availableWidth:T,availableHeight:P});const O=await l.getDimensions(u.floating);return x!==O.width||w!==O.height?{reset:{rects:!0}}:{}}}},Object.defineProperty(t,"__esModule",{value:!0})})); + +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@floating-ui/core")):"function"==typeof define&&define.amd?define(["exports","@floating-ui/core"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).TocasFloatingUIDOM={},t.TocasFloatingUICore)}(this,(function(t,e){"use strict";function n(t){var e;return(null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function o(t){return n(t).getComputedStyle(t)}const i=Math.min,r=Math.max,l=Math.round;function c(t){const e=o(t);let n=parseFloat(e.width),i=parseFloat(e.height);const r=t.offsetWidth,c=t.offsetHeight,f=l(n)!==r||l(i)!==c;return f&&(n=r,i=c),{width:n,height:i,fallback:f}}function f(t){return h(t)?(t.nodeName||"").toLowerCase():""}let s;function u(){if(s)return s;const t=navigator.userAgentData;return t&&Array.isArray(t.brands)?(s=t.brands.map((t=>t.brand+"/"+t.version)).join(" "),s):navigator.userAgent}function a(t){return t instanceof n(t).HTMLElement}function d(t){return t instanceof n(t).Element}function h(t){return t instanceof n(t).Node}function p(t){if("undefined"==typeof ShadowRoot)return!1;return t instanceof n(t).ShadowRoot||t instanceof ShadowRoot}function g(t){const{overflow:e,overflowX:n,overflowY:i,display:r}=o(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+n)&&!["inline","contents"].includes(r)}function m(t){return["table","td","th"].includes(f(t))}function y(t){const e=/firefox/i.test(u()),n=o(t),i=n.backdropFilter||n.WebkitBackdropFilter;return"none"!==n.transform||"none"!==n.perspective||!!i&&"none"!==i||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter||["transform","perspective"].some((t=>n.willChange.includes(t)))||["paint","layout","strict","content"].some((t=>{const e=n.contain;return null!=e&&e.includes(t)}))}function w(){return/^((?!chrome|android).)*safari/i.test(u())}function x(t){return["html","body","#document"].includes(f(t))}function b(t){return d(t)?t:t.contextElement}const v={x:1,y:1};function L(t){const e=b(t);if(!a(e))return v;const n=e.getBoundingClientRect(),{width:o,height:i,fallback:r}=c(e);let f=(r?l(n.width):n.width)/o,s=(r?l(n.height):n.height)/i;return f&&Number.isFinite(f)||(f=1),s&&Number.isFinite(s)||(s=1),{x:f,y:s}}function T(t,o,i,r){var l,c;void 0===o&&(o=!1),void 0===i&&(i=!1);const f=t.getBoundingClientRect(),s=b(t);let u=v;o&&(r?d(r)&&(u=L(r)):u=L(t));const a=s?n(s):window,h=w()&&i;let p=(f.left+(h&&(null==(l=a.visualViewport)?void 0:l.offsetLeft)||0))/u.x,g=(f.top+(h&&(null==(c=a.visualViewport)?void 0:c.offsetTop)||0))/u.y,m=f.width/u.x,y=f.height/u.y;if(s){const t=n(s),e=r&&d(r)?n(r):r;let o=t.frameElement;for(;o&&r&&e!==t;){const t=L(o),e=o.getBoundingClientRect(),i=getComputedStyle(o);e.x+=(o.clientLeft+parseFloat(i.paddingLeft))*t.x,e.y+=(o.clientTop+parseFloat(i.paddingTop))*t.y,p*=t.x,g*=t.y,m*=t.x,y*=t.y,p+=e.x,g+=e.y,o=n(o).frameElement}}return e.rectToClientRect({width:m,height:y,x:p,y:g})}function O(t){return((h(t)?t.ownerDocument:t.document)||window.document).documentElement}function R(t){return d(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function P(t){return T(O(t)).left+R(t).scrollLeft}function E(t){if("html"===f(t))return t;const e=t.assignedSlot||t.parentNode||p(t)&&t.host||O(t);return p(e)?e.host:e}function C(t){const e=E(t);return x(e)?e.ownerDocument.body:a(e)&&g(e)?e:C(e)}function j(t,e){var o;void 0===e&&(e=[]);const i=C(t),r=i===(null==(o=t.ownerDocument)?void 0:o.body),l=n(i);return r?e.concat(l,l.visualViewport||[],g(i)?i:[]):e.concat(i,j(i))}function F(t,i,l){let c;if("viewport"===i)c=function(t,e){const o=n(t),i=O(t),r=o.visualViewport;let l=i.clientWidth,c=i.clientHeight,f=0,s=0;if(r){l=r.width,c=r.height;const t=w();(!t||t&&"fixed"===e)&&(f=r.offsetLeft,s=r.offsetTop)}return{width:l,height:c,x:f,y:s}}(t,l);else if("document"===i)c=function(t){const e=O(t),n=R(t),i=t.ownerDocument.body,l=r(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),c=r(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let f=-n.scrollLeft+P(t);const s=-n.scrollTop;return"rtl"===o(i).direction&&(f+=r(e.clientWidth,i.clientWidth)-l),{width:l,height:c,x:f,y:s}}(O(t));else if(d(i))c=function(t,e){const n=T(t,!0,"fixed"===e),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=a(t)?L(t):{x:1,y:1};return{width:t.clientWidth*r.x,height:t.clientHeight*r.y,x:i*r.x,y:o*r.y}}(i,l);else{const e={...i};if(w()){var f,s;const o=n(t);e.x-=(null==(f=o.visualViewport)?void 0:f.offsetLeft)||0,e.y-=(null==(s=o.visualViewport)?void 0:s.offsetTop)||0}c=e}return e.rectToClientRect(c)}function D(t,e){return a(t)&&"fixed"!==o(t).position?e?e(t):t.offsetParent:null}function S(t,e){const i=n(t);let r=D(t,e);for(;r&&m(r)&&"static"===o(r).position;)r=D(r,e);return r&&("html"===f(r)||"body"===f(r)&&"static"===o(r).position&&!y(r))?i:r||function(t){let e=E(t);for(;a(e)&&!x(e);){if(y(e))return e;e=E(e)}return null}(t)||i}function W(t,e,n){const o=a(e),i=O(e),r=T(t,!0,"fixed"===n,e);let l={scrollLeft:0,scrollTop:0};const c={x:0,y:0};if(o||!o&&"fixed"!==n)if(("body"!==f(e)||g(i))&&(l=R(e)),a(e)){const t=T(e,!0);c.x=t.x+e.clientLeft,c.y=t.y+e.clientTop}else i&&(c.x=P(i));return{x:r.left+l.scrollLeft-c.x,y:r.top+l.scrollTop-c.y,width:r.width,height:r.height}}const A={getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:l,strategy:c}=t;const s="clippingAncestors"===n?function(t,e){const n=e.get(t);if(n)return n;let i=j(t).filter((t=>d(t)&&"body"!==f(t))),r=null;const l="fixed"===o(t).position;let c=l?E(t):t;for(;d(c)&&!x(c);){const t=o(c),e=y(c);"fixed"===t.position?r=null:(l?e||r:e||"static"!==t.position||!r||!["absolute","fixed"].includes(r.position))?r=t:i=i.filter((t=>t!==c)),c=E(c)}return e.set(t,i),i}(e,this._c):[].concat(n),u=[...s,l],a=u[0],h=u.reduce(((t,n)=>{const o=F(e,n,c);return t.top=r(o.top,t.top),t.right=i(o.right,t.right),t.bottom=i(o.bottom,t.bottom),t.left=r(o.left,t.left),t}),F(e,a,c));return{width:h.right-h.left,height:h.bottom-h.top,x:h.left,y:h.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:o}=t;const i=a(n),r=O(n);if(n===r)return e;let l={scrollLeft:0,scrollTop:0},c={x:1,y:1};const s={x:0,y:0};if((i||!i&&"fixed"!==o)&&(("body"!==f(n)||g(r))&&(l=R(n)),a(n))){const t=T(n);c=L(n),s.x=t.x+n.clientLeft,s.y=t.y+n.clientTop}return{width:e.width*c.x,height:e.height*c.y,x:e.x*c.x-l.scrollLeft*c.x+s.x,y:e.y*c.y-l.scrollTop*c.y+s.y}},isElement:d,getDimensions:function(t){return a(t)?c(t):t.getBoundingClientRect()},getOffsetParent:S,getDocumentElement:O,getScale:L,async getElementRects(t){let{reference:e,floating:n,strategy:o}=t;const i=this.getOffsetParent||S,r=this.getDimensions;return{reference:W(e,await i(n),o),floating:{x:0,y:0,...await r(n)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===o(t).direction};Object.defineProperty(t,"arrow",{enumerable:!0,get:function(){return e.arrow}}),Object.defineProperty(t,"autoPlacement",{enumerable:!0,get:function(){return e.autoPlacement}}),Object.defineProperty(t,"detectOverflow",{enumerable:!0,get:function(){return e.detectOverflow}}),Object.defineProperty(t,"flip",{enumerable:!0,get:function(){return e.flip}}),Object.defineProperty(t,"hide",{enumerable:!0,get:function(){return e.hide}}),Object.defineProperty(t,"inline",{enumerable:!0,get:function(){return e.inline}}),Object.defineProperty(t,"limitShift",{enumerable:!0,get:function(){return e.limitShift}}),Object.defineProperty(t,"offset",{enumerable:!0,get:function(){return e.offset}}),Object.defineProperty(t,"shift",{enumerable:!0,get:function(){return e.shift}}),Object.defineProperty(t,"size",{enumerable:!0,get:function(){return e.size}}),t.autoUpdate=function(t,e,n,o){void 0===o&&(o={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:l=!0,animationFrame:c=!1}=o,f=i&&!c,s=f||r?[...d(t)?j(t):t.contextElement?j(t.contextElement):[],...j(e)]:[];s.forEach((t=>{f&&t.addEventListener("scroll",n,{passive:!0}),r&&t.addEventListener("resize",n)}));let u,a=null;if(l){let o=!0;a=new ResizeObserver((()=>{o||n(),o=!1})),d(t)&&!c&&a.observe(t),d(t)||!t.contextElement||c||a.observe(t.contextElement),a.observe(e)}let h=c?T(t):null;return c&&function e(){const o=T(t);!h||o.x===h.x&&o.y===h.y&&o.width===h.width&&o.height===h.height||n();h=o,u=requestAnimationFrame(e)}(),n(),()=>{var t;s.forEach((t=>{f&&t.removeEventListener("scroll",n),r&&t.removeEventListener("resize",n)})),null==(t=a)||t.disconnect(),a=null,c&&cancelAnimationFrame(u)}},t.computePosition=(t,n,o)=>{const i=new Map,r={platform:A,...o},l={...r.platform,_c:i};return e.computePosition(t,n,{...r,platform:l})},t.getOverflowAncestors=j,t.platform=A,Object.defineProperty(t,"__esModule",{value:!0})})); + + + /* ========================================================================== + Responsive + ========================================================================== */ + + class Responsive { + constructor() { + // 這個 ResizeObserver 會監聽所有 Container 的尺寸異動， + // 如果有異動就檢查裡面的所有響應式元素是否需要變動樣式。 + this.resize_observer = new ResizeObserver(entries => { + entries.forEach(entry => { + this.getAllContaineredElements(entry.target).forEach(element => { + this.check(element); + }); + }); + }); + } + + // attributeMutation + attributeMutation(mutation) { + // 如果有任何樣式異動，就馬上檢查這個元素的響應式渲染。 + // NOTE: 他目前會造成無限迴圈 :( + // this.check(mutation.target); + + // 如果這個元素被追加 Container 樣式，就把他視為容器來監聽尺寸異動， + // 但如果不再是 Container 的話，就從監聽裡移除。 + if (this.isContainer(mutation.target)) { + this.resize_observer.observe(mutation.target); + } else { + this.resize_observer.unobserve(mutation.target); + } + } + + // addedNodeMutation + addedNodeMutation(addedNode) { + // 如果這個追加的新元素帶有響應式樣式，就立即檢查響應式渲染。 + if (this.isResponsiveElement(addedNode)) { + this.check(addedNode); + } + + // 如果這個追加的新元素是一個 Container，就納入容器的尺寸監聽裡。 + if (this.isContainer(addedNode)) { + this.resize_observer.observe(addedNode); + } + } + + // getAllContaineredElements + getAllContaineredElements(container) { + return container.querySelectorAll(tocas.config.strict_responsive ? `[class^="@"]:is([class*=":is-"],[class*=":u-"])` : `[class^="@"][class*=":"]`); + } + + // getAllResponsiveElements + getAllResponsiveElements(container) { + return container.querySelectorAll(tocas.config.strict_responsive ? `[class*=":is-"],[class*=":u-"]` : `[class*=":"]`); + } + + // isContainer + isContainer(element) { + return element.matches(`[class~="${tocas.config.scopes.container}"]`); + } + + // isResponsiveElement + isResponsiveElement(element) { + return element.matches(tocas.config.strict_responsive ? `[class*=":is-"],[class*=":u-"]` : `[class*=":"]`); + } + + // hasResponsiveClass + hasResponsiveClass(class_name) { + return tocas.config.strict_responsive ? class_name.includes(":is-") || class_name.includes(":u-") : class_name.includes(":"); + } + + // windowResize + windowResize() { + this.getAllResponsiveElements(document).forEach(element => { + this.check(element); + }); + } + + // unit + unit(value) { + return parseInt(value, 10) || 0; + } + + // breakpointSize + breakpointSize(breakpoint, element) { + var style = window.getComputedStyle(element); + + return { + min: this.unit(style.getPropertyValue(`--ts-breakpoint-${breakpoint}-min`)), + max: this.unit(style.getPropertyValue(`--ts-breakpoint-${breakpoint}-max`)), + }; + } + + // rule + rule(rule, element) { + // 判斷規則有沒有 @ 開頭來看是不是一個 Container Query。 + // @breakpoint + var is_container_query = rule.startsWith("@"); + + // 判斷規則的結尾有沒有 + 來看是不是要求大於或等於這個中斷點。 + // breakpoint+, [size]+ + var is_equal_or_greater = rule.endsWith("+"); + + // 判斷規則的結尾有沒有 - 來看是不是要求小於或等於這個中斷點。 + // breakpoint-, [size]- + var is_equal_or_lesser = rule.endsWith("-"); + + // 判斷這個規則有沒有包含 [ 來看是不是一個自訂尺寸，不判斷開頭是因為開頭可能是 @ 一個 Container Query。 + // [size] + var is_custom_size = rule.includes("["); + + // 移除首要的 @ 符號。 + if (is_container_query) { + rule = rule.substring(1); + } + + // 移除結尾的 +, - 符號。 + if (is_equal_or_greater || is_equal_or_lesser) { + rule = rule.substring(0, rule.length - 1); + } + + // 移除首要跟結尾的 [ 跟 ] 符號。 + if (is_custom_size) { + rule = rule.substring(1).substring(0, rule.length - 1); + } + + // 從 breakpoint-breakpoint 結構中拆出 min, max 值，如果有的話。 + var [min_breakpoint, max_breakpoint] = rule.split("-"); + + // 如果是自訂尺寸的話，就直接把規則當作 Unit 去解析，不去讀元素的中斷點定義。 + if (is_custom_size) { + // 如果是大於或等於的定義，就從 Unit 裡面解析最小起始點，然後最大值設為 99999。 + // [size] + + if (is_equal_or_greater) { + return [this.unit(min_breakpoint), 99999]; + } + + // 如果是小於或等於的定義，最小值設為 0，然後 Unit 裡面的最小起始點就是目標最大值。 + // [size] - + if (is_equal_or_lesser) { + return [0, this.unit(min_breakpoint)]; + } + + // [minSize-maxSize] + return [this.unit(min_breakpoint), this.unit(max_breakpoint)]; + } + + // 從目前這個元素繼承的中斷點來搜尋最小的定義。 + var from = this.breakpointSize(min_breakpoint, element); + + // 如果這個規則有找到最大中斷點，那麼他就是 breakpoint-breakpoint 規則 + // 所以我們取得最大中斷點的像素定義，然後同時回傳最小跟最大的定義。 + if (max_breakpoint !== undefined) { + return [from.min, this.breakpointSize(max_breakpoint, element).max]; + } + + // 如果是大於或等於的定義，就從繼承的定義裡取得最小起始點，然後最大值設為 99999。 + // breakpoint+ + if (is_equal_or_greater) { + return [from.min, 99999]; + } + + // 如果是小於或等於的定義，最小值設為 0，然後繼承的定義裡，最小起始點就是目標最大值。 + // breakpoint- + if (is_equal_or_lesser) { + return [0, from.max]; + } + + // 如果這個定義不是大於也不是小於，就取得這個中斷點的最小與最大值定義， + // 這個規則只會在這個中斷點生效。 + // breakpoint + return [from.min, from.max]; + } + + // compile + compile(element) { + return Array.from(element.classList) + .filter(class_name => this.hasResponsiveClass(class_name)) + .map(class_name => { + // 透過 `:` 來切分規則跟想要切換的樣式名稱。 + var [rule, target_class] = class_name.split(":"); + + // 從規則解析這個樣式的中斷點起始與結束定義。 + var [min, max] = this.rule(rule, element); + + // 如果這個規則開頭有個 @ 符號，就尋找最近的 Container 容器來作為寬度判斷， + // 但如果沒有，就以視窗的 innerWidth 為主。 + // @breakpoint + var width = rule.startsWith("@") ? Math.round(element.closest(`[class~="${tocas.config.scopes.container}"]`).getBoundingClientRect().width) : Math.round(window.innerWidth); + + return { + min, + max, + width, + target_class, + }; + }); + } + + // check + check(element) { + // 這個陣列會用來記得我們在目前中斷點有哪些樣式是生效的， + // 這樣遇到不相符的中斷點，就不會因為起衝突然後又把他們移除掉。 + var applieds = []; + + // 篩選這個元素所有不含響應規則的樣式並且先把需要的樣式計算出相關中繼點來做整理。 + var compiled_list = this.compile(element); + + // 先跑一輪符合目前中斷點的樣式。 + compiled_list.forEach(({ width, min, max, target_class }) => { + // 如果寬度符合這個中斷點，就套用對應的樣式。 + if (width >= min && width <= max) { + element.classList.add(target_class); + + // 把這個樣式儲存到記憶陣列裡，這樣等一下就不會又移除他。 + applieds = [...applieds, target_class]; + } + }); + + // 另外跑一輪不相符的中斷點，檢查有哪些不對的樣式應該移除掉。 + compiled_list.forEach(({ width, min, max, target_class }) => { + // 如果寬度不符合這個中斷點，而且這個樣式也不是剛才追加的，就移除這個不符合條件的樣式。 + if ((width < min || width > max) && !applieds.includes(target_class)) { + element.classList.remove(target_class); + } + }); + } + } + + /* ========================================================================== + Stash + ========================================================================== */ + + /*class Stash { + constructor() {} + + // attributeMutation + attributeMutation(mutation) {} + + // addedNodeMutation + addedNodeMutation(addedNode) { + if (addedNode.matches(`[data-stash]`)) { + this.initial(addedNode); + } + } + + // initial + initial(element) { + if (element.classList.contains("is-init")) { + return; + } + element.classList.add("is-init"); + + var clone = element.cloneNode(true); + clone.classList.add("ts-stash"); + + var toggle_name = element.getAttribute("data-stash"); + + var toggle = document.querySelector(`[data-name="${toggle_name}"]`); + + if (toggle.closest("[data-stash]") === element) { + var width = document.querySelector(`[data-name="${toggle_name}"]`).getBoundingClientRect().width; + + clone.style.setProperty("--ts-stash-offset", `${width + 5}px`); + } + + element.after(clone); + + const observer = new IntersectionObserver( + (entries, owner) => { + entries.forEach(entry => { + var stash = entry.target.getAttribute("data-target"); + + if (entry.isIntersecting) { + element.querySelector(`[data-target="${stash}"]`).classList.remove(tocas.config.classes.hidden); + document.querySelector(`[data-name="${stash}"]`).classList.add(tocas.config.classes.hidden); + } else { + element.querySelector(`[data-target="${stash}"]`).classList.add(tocas.config.classes.hidden); + document.querySelector(`[data-name="${stash}"]`).classList.remove(tocas.config.classes.hidden); + } + + if (element.querySelectorAll(`.${tocas.config.classes.hidden}[data-target]`).length > 0) { + document.querySelector(`[data-name="${toggle_name}"]`).classList.remove(tocas.config.classes.hidden); + } else { + document.querySelector(`[data-name="${toggle_name}"]`).classList.add(tocas.config.classes.hidden); + } + }); + }, + { + root: clone, + rootMargin: "0px 0px 0px 0px", + threshold: [0.99], + } + ); + + clone.querySelectorAll("[data-target]").forEach(v => { + observer.observe(v); + }); + } + }*/ + + /* ========================================================================== + Tab + ========================================================================== */ + + class Tab { + constructor() {} + + // attributeMutation + attributeMutation(mutation) {} + + // addedNodeMutation + addedNodeMutation(addedNode) { + // 如果這個新追加的 DOM 節點是一個 Tab 模組，就監聽其點擊事件。 + if (this.isTab(addedNode)) { + // 監聽其點擊事件。 + this.bindEventListener(addedNode); + + // 如果這個項目沒有被啟用，就預設隱藏對應的內容，這樣使用者就不用額外手動隱藏該內容。 + this.initialTab(addedNode); + } + } + + // isTab + isTab(element) { + return element.matches(`[${tocas.config.attributes.tab}]`); + } + + // isActiveTab + isActiveTab(element) { + return element.classList.contains(tocas.config.classes.tab_active); + } + + // initialTab + initialTab(element) { + if (!this.isActiveTab(element)) { + searchScopeTargets(element, element.getAttribute(tocas.config.attributes.tab), tocas.config.scopes.tab, tocas.config.attributes.tab_name).forEach(target => { + target.classList.add(tocas.config.classes.hidden); + }); + } + } + + // toggle + toggle(event) { + // 有時候點擊按鈕可能是裡面的圖示觸發事件，所以要取得點擊後最鄰近的分頁模組。 + var element = event.target.closest(`[${tocas.config.attributes.tab}]`); + + // 取得這個分頁模組要切換的目標內容名稱。 + var tab_name = element.getAttribute(tocas.config.attributes.tab); + + // 取得這個分頁模組最鄰近的命名空間容器。 + var container = element.closest(`[class*="${tocas.config.scopes.tab}"]`) || document; + + // 取得這個 `.ts-tab` 的分頁群組元素。 + var tab_group_element = element.closest(".ts-tab"); + + // 建立一個陣列用來收集等一下所有不相關的分頁，這樣就可以一次關閉。 + var should_close = []; + + // 在同個分頁群組裡，透過掃描每個分頁項目來找出有哪些關聯的分頁內容名稱。 + tab_group_element.querySelectorAll(`[${tocas.config.attributes.tab}]`).forEach(v => { + // 如果這個項目就是我們要啟用的分頁，那就啟用這個項目。 + if (v.getAttribute(tocas.config.attributes.tab) === tab_name) { + v.classList.add(tocas.config.classes.tab_active); + } + + // 但如果這個項目不是我們要啟用的分頁。 + else { + // 收集這個項目的目標分頁名稱，等一下就能一次隱藏這些非目標內容。 + should_close = [...should_close, v.getAttribute(tocas.config.attributes.tab)]; + + // 移除這個項目的啟用狀態，因為這個項目本來就不是我們要啟用的。 + v.classList.remove(tocas.config.classes.tab_active); + } + }); + + // 在這個命名空間裡面處理對應的項目內容。 + container.querySelectorAll(`[${tocas.config.attributes.tab_name}]`).forEach(target => { + // 取得這個目標內容最鄰近的命名空間，若沒有則以 document 為主。 + var closest_container = target.closest(`[class*="${tocas.config.scopes.tab}"]`) || document; + + // 確定這個目標內容最鄰近的命名空間和目前操作的分頁群組是同個命名空間， + // 這樣就不會處理到其他子空間的分頁和目標。 + if (container !== closest_container) { + return; + } + + // 如果這個目標內容就是我們想要啟用的分頁目標，那就移除這個內容原先的隱藏樣式。 + if (target.getAttribute(tocas.config.attributes.tab_name) === tab_name) { + target.classList.remove(tocas.config.classes.hidden); + } + + // 但若這個內容目標包含在先前想要隱藏的清單內，那就隱藏這個內容目標。 + else if (should_close.includes(target.getAttribute(tocas.config.attributes.tab_name))) { + target.classList.add(tocas.config.classes.hidden); + } + }); + } + + // bindEventListener + bindEventListener(element) { + element.removeEventListener("click", this.toggle); + element.addEventListener("click", this.toggle); + } + } + + /* ========================================================================== + Toggle + ========================================================================== */ + + class Toggle { + // attributeMutation + attributeMutation(mutation) {} + + // addedNodeMutation + addedNodeMutation(addedNode) { + // 如果這個新追加的 DOM 節點是一個 Toggle 模組，就監聽其點擊事件。 + if (this.isToggle(addedNode)) { + this.bindEventListener(addedNode); + } + } + + // isToggle + isToggle(element) { + return element.matches(`[${tocas.config.attributes.toggle}]`); + } + + // toggle + toggle(event) { + // 有時候點擊按鈕可能是裡面的圖示觸發事件，所以要取得點擊後最鄰近的切換模組。 + var element = event.target.closest(`[${tocas.config.attributes.toggle}]`); + + // 透過 `:` 從規則裡切分出目標名稱還有欲切換的樣式名稱。 + var [name, class_name] = element.getAttribute(tocas.config.attributes.toggle).split(":"); + + // 尋找同個命名空間裡的所有目標，然後切換所有目標元素的指定樣式。 + searchScopeTargets(element, name, tocas.config.scopes.toggle, tocas.config.attributes.toggle_name).forEach(target => { + target.classList.toggle(class_name); + }); + } + + // bindEventListener + bindEventListener(element) { + element.removeEventListener("click", this.toggle.bind(this)); + element.addEventListener("click", this.toggle.bind(this)); + } + } + + /* ========================================================================== + Dropdown + ========================================================================== */ + + class Dropdown { + // attributeMutation + attributeMutation(mutation) {} + + // addedNodeMutation + addedNodeMutation(addedNode) { + // 如果這個追加的 DOM 元素是一個會觸發彈出式選單的元素，就監聽其點擊事件。 + if (this.isDropdownTrigger(addedNode)) { + this.bindEventListener(addedNode); + } + + // 如果這個追加的 DOM 元素是一個彈出式選單容器，就監聽其選項點擊事件。 + if (this.isDropdown(addedNode)) { + this.bindItemEventListener(addedNode); + } + } + + // isDropdownTrigger + isDropdownTrigger(element) { + return element.matches(`[${tocas.config.attributes.dropdown}]`); + } + + // isDropdown + isDropdown(element) { + return element.matches(`.ts-dropdown[${tocas.config.attributes.dropdown_name}]`); + } + + // position + position(element) { + return element.getAttribute(tocas.config.attributes.dropdown_position) || "bottom"; + } + + // windowClick + windowClick(event) { + // 取得這個視窗點擊最鄰近的 Dropdown 模組觸發元素。 + var closest_trigger = event.target.closest(`[${tocas.config.attributes.dropdown}]`); + + // 取得這個視窗點擊最鄰近的 Dropdown 容器本身。 + var closest_dropdown = event.target.closest(`[${tocas.config.attributes.dropdown_name}]`); + + // 如果這個點擊事件既沒有關聯任何觸發元素，也沒有在點擊任何 Dropdown 容器， + // 那使用者應該就是在點擊其他東西，所以關閉所有頁面上可見的彈出式選單。 + if (closest_trigger === null && closest_dropdown === null) { + document.querySelectorAll(`.ts-dropdown[${tocas.config.attributes.dropdown_name}]`).forEach(dropdown => { + this.closeDropdown(dropdown); + }); + } + + // 如果這個點擊事件是在點擊一個會開關 Dropdown 的觸發元素。 + if (closest_trigger !== null) { + // 取得這個觸發元素原本會打開的 Dropdown 名稱。 + var name = closest_trigger.getAttribute(tocas.config.attributes.dropdown); + + // 透過該名稱搜尋對應的 Dropdown。 + var local_dropdown = searchScopeTargets(closest_trigger, name, tocas.config.scopes.dropdown, tocas.config.attributes.dropdown_name)[0]; + + // 除了找到的這個對應 Dropdown 以外，關掉其他所有 Dropdown。 + this.closeDropdownsExcept(local_dropdown); + } + + // 如果這個點擊事件是在點擊某個 Dropdown 容器或內部的項目。 + if (closest_dropdown !== null) { + // 關閉這個 Dropdown 以外的其他所有 Dropdown。 + this.closeDropdownsExcept(closest_dropdown); + } + } + + // closeDropdownsExcept + closeDropdownsExcept(excluded_dropdown) { + document.querySelectorAll(`.ts-dropdown[${tocas.config.attributes.dropdown_name}]`).forEach(dropdown => { + if (dropdown !== excluded_dropdown) { + this.closeDropdown(dropdown); + } + }); + } + + // bindEventListener + bindEventListener(element) { + element.removeEventListener("click", this.clickEventListener.bind(this)); + element.addEventListener("click", this.clickEventListener.bind(this)); + } + + // bindItemEventListener + bindItemEventListener(element) { + element.removeEventListener("click", this.itemClickEventListener.bind(this)); + element.addEventListener("click", this.itemClickEventListener.bind(this)); + } + + // closeDropdown + closeDropdown(dropdown) { + // 如果這個元素不包含 `ts-dropdown` 或者也不是可見狀態，就忽略不計。 + if (!dropdown.classList.contains(".ts-dropdown") && !dropdown.classList.contains("is-visible")) { + return; + } + + // 移除這個彈出式選單的可見狀態。 + dropdown.classList.remove("is-visible"); + + // 如果這個彈出式選單有 FLoating UI 的清除函式，就呼叫該清除函式， + // 然後重設對應的 CSS 變數。 + if (dropdown.tocas_dropdown !== undefined) { + dropdown.tocas_dropdown(); + dropdown.tocas_dropdown = undefined; + dropdown.style.removeProperty("--ts-dropdown-min-width"); + dropdown.style.removeProperty("--ts-dropdown-position"); + } + } + + // itemClickEventListener + itemClickEventListener(event) { + // 取得這個點擊事件最鄰近的彈出式選單。 + var dropdown = event.target.closest(`.ts-dropdown[${tocas.config.attributes.dropdown_name}]`); + + // 如果找不到點擊事件最鄰近的選單項目， + // 那可能點擊的不是項目而是其他容器裡的東西，那就忽略這個動作。 + if (event.target.closest(".item") === null) { + return; + } + + // 項目點擊成功，關閉這個彈出式選單。 + this.closeDropdown(dropdown); + } + + // clickEventListener + clickEventListener(event) { + // + var element = event.target.closest(`[${tocas.config.attributes.dropdown}]`); + + // 取得這個觸發元素會切換的彈出式選單名稱。 + var name = element.getAttribute(tocas.config.attributes.dropdown); + + // 透過命名空間搜尋對應的彈出式選單。 + var target = searchScopeTargets(element, name, tocas.config.scopes.dropdown, tocas.config.attributes.dropdown_name)[0]; + + // 取得目標選單的偏好位置設定。 + var position = this.position(target); + + // 如果那個選單有 Floating UI 清除函式，就先清除並且重設相關位置設定。 + if (target.tocas_dropdown !== undefined) { + target.tocas_dropdown(); + target.tocas_dropdown = undefined; + target.style.removeProperty("--ts-dropdown-min-width"); + target.style.removeProperty("--ts-dropdown-position"); + } + + // 切換目標彈出式選單的可見度。 + target.classList.toggle("is-visible"); + + // 如果目標選單現在不再可見，就是被隱藏了，那就不需要執行接下來的行為。 + if (!target.classList.contains("is-visible")) { + return; + } + + // 設定選單的最小寬度和絕對位置，至少要跟切換觸發元素一樣寬。 + target.style.setProperty("--ts-dropdown-min-width", `${element.getBoundingClientRect().width}px`); + target.style.setProperty("--ts-dropdown-position", `fixed`); + + // 透過 Floating UI 來觸發浮動顯示。 + target.tocas_dropdown = TocasFloatingUIDOM.autoUpdate(element, target, () => { + TocasFloatingUIDOM.computePosition(element, target, { + strategy: "fixed", + placement: position, + middleware: [ + // 選單某面如果沒有空間就被擠兌到另一邊。 + TocasFloatingUIDOM.flip({ + crossAxis: false, + }), + + // 偏移選單的上下垂直留點空隙。 + TocasFloatingUIDOM.offset(8), + + // 選單會被螢幕左右推移，避免超出畫面空間。 + TocasFloatingUIDOM.shift(), + ], + }).then(({ x, y }) => { + // 賦予彈出式選單絕對位置。 + Object.assign(target.style, { + left: `${x}px`, + top: `${y}px`, + }); + }); + }); + } + } + + /* ========================================================================== + Tooltip + ========================================================================== */ + + class Tooltip { + // attributeMutation + attributeMutation(mutation) { + // 如果追加的屬性包含 Tooltip 模組相關字樣，就監聽其互動事件。 + if (this.isTooltip(mutation.target)) { + this.bindEventListener(mutation.target); + } + } + + // addedNodeMutation + addedNodeMutation(addedNode) { + // 如果追加的 DOM 節點是一個 Tooltip 模組就監聽其互動事件。 + if (this.isTooltip(addedNode)) { + this.bindEventListener(addedNode); + } + } + + // isTooltip + isTooltip(element) { + return element.matches(`[${tocas.config.attributes.tooltip}]`); + } + + // bindEventListener + bindEventListener(element) { + // 重設這個元素的彈出提示計時器。 + element.tocas_tooltip_timer = null; + + // 監聽滑鼠移入跟移出的事件。 + this.enterEventListener(element); + this.leaveEventListener(element); + } + + // delay + delay(element) { + // 從元素的屬性裡取得延遲的定義，如果是 0 就回傳 0。 + // 不直接丟給 parseInt 是因為可能會被當 false 值而回傳預設的 200ms。 + var delay = element.getAttribute(tocas.config.attributes.tooltip_delay); + if (delay === "0") { + return 0; + } + return parseInt(delay, 10) || 200; + } + + // position + position(element) { + return element.getAttribute(tocas.config.attributes.tooltip_position) || "bottom"; + } + + // enterEventListener + enterEventListener(element) { + element.addEventListener("mouseover", event => { + // 如果目前的裝置是觸控裝置就忽略工具提示的觸發行為。 + if (window.matchMedia("(pointer: coarse)").matches) { + return; + } + + // 如果上一個工具提示的觸發計時器還存在或浮動元素還在的話，就忽略本次觸發行為， + // 避免二次觸發而造成不可預期的錯誤。 + if (element.tocas_tooltip_timer !== null || element.tocas_tooltip !== undefined) { + return; + } + + // 初始化一個會顯示工具提示的計時器，這樣滑鼠移入的數秒後就會顯示。 + element.tocas_tooltip_timer = setTimeout(() => { + this.showTooltip(element); + }, this.delay(element) + 1); + }); + } + + // leaveEventListener + leaveEventListener(element) { + element.addEventListener("mouseleave", event => { + // 如果離開的元素不是主元素就忽略， + // 如：使用者可能是離開了裡面的圖示元素，但滑鼠其實還在主元素裡。 + if (event.target !== element) { + return; + } + + // 如果浮動元素存在的話，就呼叫浮動元素的解除函式，然後歸零這個變數。 + if (element.tocas_tooltip !== undefined) { + element.tocas_tooltip(); + element.tocas_tooltip = undefined; + } + + // 如果原先的計時器存在的話，就先重設，避免重複觸發。 + if (element.tocas_tooltip_timer !== null) { + clearTimeout(element.tocas_tooltip_timer); + element.tocas_tooltip_timer = null; + } + + // 移除頁面上的所有工具提示。 + document.querySelectorAll(".ts-tooltip").forEach(tooltip => { + tooltip.remove(); + }); + }); + } + + // createTooltip + createTooltip(element, arrow) { + var tooltip = document.createElement("div"); + tooltip.innerText = element.getAttribute(tocas.config.attributes.tooltip); + tooltip.classList.add("ts-tooltip", tocas.config.classes.tooltip_visible); + tooltip.appendChild(arrow); + return tooltip; + } + + // createArrow + createArrow() { + var arrow = document.createElement("div"); + arrow.classList.add("arrow"); + return arrow; + } + + // showTooltip + showTooltip(element) { + // 取得這個工具提示的位置設定。 + var position = this.position(element); + + // 初始化工具提示的箭頭 DOM 元素。 + var arrow = this.createArrow(); + + // 使用剛才建立的箭頭元素來初始化工具提示本身的 DOM 元素。 + var tooltip = this.createTooltip(element, arrow); + + // 將工具提示插入到網頁中。 + document.body.appendChild(tooltip); + + // 使用 FloatingUI 來初始化工具提示的浮動元素。 + element.tocas_tooltip = TocasFloatingUIDOM.autoUpdate(element, tooltip, () => { + TocasFloatingUIDOM.computePosition(element, tooltip, { + strategy: "fixed", + placement: position, + middleware: [ + // 下面過窄時會擠兌到上面。 + TocasFloatingUIDOM.flip({ + crossAxis: false, + }), + + // 因為有箭頭所以上下軸要偏移 10px， + // 而容器有外距（詳見 CSS）所以左右要偏移 15px。 + TocasFloatingUIDOM.offset({ + crossAxis: -15, + mainAxis: 10, + }), + + // 會被螢幕左右推移。 + TocasFloatingUIDOM.shift(), + + // 有箭頭。 + TocasFloatingUIDOM.arrow({ + element: arrow, + }), + ], + }).then(({ middlewareData, x, y, placement }) => { + // 賦予工具提示絕對座標。 + Object.assign(tooltip.style, { + left: `${x}px`, + top: `${y}px`, + }); + + // 設置箭頭的水平座標，因為箭頭只會出現在上面或下面，所以不需要 y 座標。 + if (middlewareData.arrow) { + const { x } = middlewareData.arrow; + arrow.style.setProperty("--ts-tooltip-x", x != null ? `${x}px` : "0"); + } + + // 先移除先前的所有位置設定，再套用新的位置設定。 + if (placement) { + tooltip.classList.remove("is-top", "is-top-start", "is-top-end", "is-bottom", "is-bottom-start", "is-bottom-end"); + tooltip.classList.add(`is-${placement}`); + } + }); + }); + } + } + + /* ========================================================================== + Base + ========================================================================== */ + + // searchScopeTargets + function searchScopeTargets(element, name, scope_attribute, name_attribute) { + // 找尋這個元素最鄰近的命名空間容器。 + var container = element.closest(`[class*="${scope_attribute}"]`) || document; + + // 在命名空間裡找尋目標元素，但是這個目標元素 + // + // NOTE: 這裡的 item.closest(`[class*="${scope_attribute}"]`) 可能要對應 === container， + // 主要取決之後對命名空間的寬鬆度設計如何。 + // + // 例如：A 命名空間裡有 B 跟 C 子空間，B 可以呼叫同為 A 空間裡的 C 空間裡的元素嗎？ + var targets = Array.from(container.querySelectorAll(`[${name_attribute}="${name}"]`)).filter(item => { + return item.closest(`[class*="${scope_attribute}"]`) || document === container; + }); + + // 如果有找到元素則回傳。 + if (targets.length > 0) { + return targets; + } + + // 如果已經找到最上層了還是什麼結果都沒有，就回傳空陣列，讓其他程式報錯。 + if (container === document) { + return []; + } + + // 如果這一層找不到東西，就遞迴網更上面的命名空間來搜尋。 + return this.searchScopeTargets(container.parentNode, name, scope_attribute, name_attribute); + } + + // responsiveModule + var responsiveModule = new Responsive(); + + // tabModule + var tabModule = new Tab(); + + // toggleModule + var toggleModule = new Toggle(); + + // dropdownModule + var dropdownModule = new Dropdown(); + + // tooltipModule + var tooltipModule = new Tooltip(); + + // stashModule + // var stashModule = new Stash(); + + var mutation_observer = new MutationObserver(function (mutations) { + mutations.forEach(function (mutation) { + if (mutation.type === "attributes") { + responsiveModule.attributeMutation(mutation); + tabModule.attributeMutation(mutation); + toggleModule.attributeMutation(mutation); + dropdownModule.attributeMutation(mutation); + tooltipModule.attributeMutation(mutation); + // stashModule.attributeMutation(mutation); + } else if (mutation.addedNodes && mutation.addedNodes.length) { + mutation.addedNodes.forEach(function (addedNode) { + if (addedNode.nodeType !== Node.ELEMENT_NODE) { + return; + } + responsiveModule.addedNodeMutation(addedNode); + tabModule.addedNodeMutation(addedNode); + toggleModule.addedNodeMutation(addedNode); + dropdownModule.addedNodeMutation(addedNode); + tooltipModule.addedNodeMutation(addedNode); + // stashModule.addedNodeMutation(addedNode); + }); + } + }); + }); + + // + mutation_observer.observe(document.documentElement, { + childList: true, + subtree: true, + attributes: true, + attributeOldValue: true, + attributeFilter: ["class"], + }); + + /** + * Window Resize + */ + + window.addEventListener("resize", event => { + responsiveModule.windowResize(event); + }); + + /** + * Window Click + */ + + window.addEventListener("click", event => { + dropdownModule.windowClick(event); + }); +})(); diff --git a/dist/tocas.min.css b/dist/tocas.min.css index 4db513fd7..1ccbe42a9 100644 --- a/dist/tocas.min.css +++ b/dist/tocas.min.css @@ -1 +1 @@ -*,:after,:before{box-sizing:border-box;position:relative}html{background:var(--ts-gray-50);color:var(--ts-gray-800);font-size:15px;line-height:1.75}body,html{height:100%}body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:Noto Sans TC,SF Pro TC,SF Pro Text,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,Microsoft JhengHei,wf_SegoeUI,Segoe UI,Segoe,Segoe WP,Tahoma,Verdana,Ubuntu,Bitstream Vera Sans,DejaVu Sans,微軟正黑體,LiHei Pro,WenQuanYi Micro Hei,Droid Sans Fallback,AR PL UMing TW,Roboto,Hiragino Maru Gothic ProN,メイリオ,ヒラギノ丸ゴ ProN W4,Meiryo,Droid Sans,sans-serif;margin:0;overflow-x:hidden}input::-webkit-date-and-time-value{min-height:1.5rem}button{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;background:transparent;border:none;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0;overflow:visible;padding:0;user-select:none;width:auto}[class*=ts-] :where(p){margin-block-end:1em;margin-block-start:1em}[class*=ts-] :where(:first-child){margin-block-start:0}[class*=ts-] .ts-header+p{margin-block-start:.5em}[class*=ts-] :where(:last-child){margin-block-end:0}[class*=ts-] :where(a){color:inherit}@keyframes ts-button-loading{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.ts-button{--horizontal-padding:1.25em;--height:var(--ts-input-height-medium);-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;box-sizing:border-box;font:inherit;height:var(--height);margin:0;outline:none;overflow:hidden;text-overflow:ellipsis;user-select:none;white-space:nowrap;width:auto}.ts-button:focus{outline:0}.ts-button{align-items:center;background:var(--ts-gray-800);border:2px solid var(--ts-gray-800);border-radius:.4rem;color:var(--ts-gray-50);display:inline-flex;font-size:var(--ts-font-size-14px);font-weight:500;justify-content:center;line-height:1.5;min-width:75px;padding:0 var(--horizontal-padding);text-align:center;text-decoration:none;vertical-align:middle}.ts-button:hover{cursor:pointer;opacity:.98}.ts-button.is-secondary{background:var(--ts-gray-100);border-color:var(--ts-gray-100);color:var(--ts-gray-800)}.ts-button.is-outlined{background:transparent;border:2px solid var(--ts-gray-300);color:var(--ts-gray-800)}.ts-button.is-negative{background:var(--ts-negative-500);border-color:var(--ts-negative-500);color:var(--ts-white)}.ts-button.is-negative.is-outlined{background:transparent;border-color:var(--ts-gray-300);color:var(--ts-negative-500)}.ts-button.is-ghost{background:transparent;border:2px solid transparent;color:var(--ts-gray-800)}.ts-button.is-ghost:hover{background:var(--ts-gray-100)}.ts-button.is-ghost.is-negative{color:var(--ts-negative-500)}.ts-button.is-loading,.ts-button.is-loading.is-negative{color:transparent;opacity:.5;pointer-events:none}.ts-button.is-loading:after{-webkit-font-smoothing:antialiased;animation:ts-button-loading 2s linear infinite;backface-visibility:hidden;color:var(--ts-gray-50);content:"\f110";display:inline;display:inline-block;font-family:Icons;font-size:var(--ts-font-size-18px);font-style:normal;font-weight:400;left:50%;position:absolute;text-align:center;text-decoration:inherit;top:50%}.ts-button.is-loading:is(.is-outlined,.is-secondary):after{color:var(--ts-gray-800)}.ts-button.is-small{--height:var(--ts-input-height-small);font-size:var(--ts-font-size-13px)}.ts-button.is-large{--height:var(--ts-input-height-large);font-size:var(--ts-font-size-17px)}.ts-button.is-disabled{cursor:not-allowed;opacity:.5;pointer-events:none;user-select:none}.ts-button.is-fluid{width:100%}.ts-button.is-circular{border-radius:100rem}.ts-button.is-icon{min-width:0;padding:0;width:calc(var(--height)*1.1)}.ts-button.is-icon .ts-icon{font-size:1.2em}.ts-button.is-icon.is-small .ts-icon{font-size:1.15em}.ts-button:is(.is-start-icon,.is-end-icon) .ts-icon{font-size:1.2em}.ts-button:is(.is-start-icon,.is-end-icon) .ts-icon:before{display:inline-block;margin-top:1px}.ts-button.is-start-icon .ts-icon{margin-right:.5em}.ts-button.is-end-icon .ts-icon{margin-left:.5em}.ts-button:is(.is-start-labeled-icon,.is-end-labeled-icon) .ts-icon{align-items:center;background:var(--ts-gray-900);bottom:-2px;display:flex;justify-content:center;line-height:1;position:absolute;top:-2px;width:calc(2.75em + 2px)}.ts-button.is-start-labeled-icon{padding-left:calc(var(--horizontal-padding) + 2.75em)}.ts-button.is-start-labeled-icon .ts-icon{border-radius:.4rem 0 0 .4rem;left:-2px}.ts-button.is-end-labeled-icon{padding-right:calc(var(--horizontal-padding) + 2.75em)}.ts-button.is-end-labeled-icon .ts-icon{border-radius:0 .4rem .4rem 0;right:-2px}.ts-button.is-negative:is(.is-start-labeled-icon,.is-end-labeled-icon) .ts-icon{background:var(--ts-negative-400)}.ts-button.is-outlined:is(.is-start-labeled-icon,.is-end-labeled-icon) .ts-icon{background:transparent;border:2px solid var(--ts-gray-300)}.ts-button.is-secondary:is(.is-start-labeled-icon,.is-end-labeled-icon) .ts-icon{background:var(--ts-gray-200)}.ts-button.is-dense{--height:var(--ts-input-height-medium-dense)}.ts-button.is-dense.is-small{--height:var(--ts-input-height-small-dense)}.ts-button.is-dense.is-large{--height:var(--ts-input-height-large-dense)}.ts-button.is-short{--horizontal-padding:0.75em;min-width:65px}.ts-button.is-wide{--horizontal-padding:2em}.ts-icon.is-bed-icon:before{content:"\f236"}.ts-icon.is-chart-bar-icon:before{content:"\f080"}.ts-icon.is-grunt-icon:before{content:"\f3ad";font-family:IconsBrands}.ts-icon.is-thumbs-up-icon:before{content:"\f164"}.ts-icon.is-wpforms-icon:before{content:"\f298";font-family:IconsBrands}.ts-icon.is-house-chimney-crack-icon:before{content:"\f6f1"}.ts-icon.is-pinterest-p-icon:before{content:"\f231";font-family:IconsBrands}.ts-icon.is-arrow-up-right-from-square-icon:before{content:"\f08e"}.ts-icon.is-baby-icon:before{content:"\f77c"}.ts-icon.is-intercom-icon:before{content:"\f7af";font-family:IconsBrands}.ts-icon.is-litecoin-sign-icon:before{content:"\e1d3"}.ts-icon.is-temperature-quarter-icon:before{content:"\f2ca"}.ts-icon.is-window-maximize-icon:before{content:"\f2d0"}.ts-icon.is-btc-icon:before{content:"\f15a";font-family:IconsBrands}.ts-icon.is-file-icon:before{content:"\f15b"}.ts-icon.is-file-circle-xmark-icon:before{content:"\e5a1"}.ts-icon.is-otter-icon:before{content:"\f700"}.ts-icon.is-plug-circle-plus-icon:before{content:"\e55f"}.ts-icon.is-children-icon:before{content:"\e4e1"}.ts-icon.is-red-river-icon:before{content:"\f3e3";font-family:IconsBrands}.ts-icon.is-hand-sparkles-icon:before{content:"\e05d"}.ts-icon.is-money-bill-1-icon:before{content:"\f3d1"}.ts-icon.is-pen-icon:before{content:"\f304"}.ts-icon.is-person-military-to-person-icon:before{content:"\e54c"}.ts-icon.is-skull-crossbones-icon:before{content:"\f714"}.ts-icon.is-uikit-icon:before{content:"\f403";font-family:IconsBrands}.ts-icon.is-laptop-icon:before{content:"\f109"}.ts-icon.is-backward-fast-icon:before{content:"\f049"}.ts-icon.is-node-icon:before{content:"\f419";font-family:IconsBrands}.ts-icon.is-quinscape-icon:before{content:"\f459";font-family:IconsBrands}.ts-icon.is-sitrox-icon:before{content:"\e44a";font-family:IconsBrands}.ts-icon.is-cuttlefish-icon:before{content:"\f38c";font-family:IconsBrands}.ts-icon.is-poo-storm-icon:before{content:"\f75a"}.ts-icon.is-canadian-maple-leaf-icon:before{content:"\f785";font-family:IconsBrands}.ts-icon.is-temperature-arrow-up-icon:before{content:"\e040"}.ts-icon.is-capsules-icon:before{content:"\f46b"}.ts-icon.is-circle-info-icon:before{content:"\f05a"}.ts-icon.is-peso-sign-icon:before{content:"\e222"}.ts-icon.is-quote-right-icon:before{content:"\f10e"}.ts-icon.is-square-poll-horizontal-icon:before{content:"\f682"}.ts-icon.is-vector-square-icon:before{content:"\f5cb"}.ts-icon.is-truck-front-icon:before{content:"\e2b7"}.ts-icon.is-arrow-up-a-z-icon:before{content:"\f15e"}.ts-icon.is-car-rear-icon:before{content:"\f5de"}.ts-icon.is-circle-xmark-icon:before{content:"\f057"}.ts-icon.is-colon-sign-icon:before{content:"\e140"}.ts-icon.is-face-grin-hearts-icon:before{content:"\f584"}.ts-icon.is-square-caret-left-icon:before{content:"\f191"}.ts-icon.is-arrow-up-from-water-pump-icon:before{content:"\e4b6"}.ts-icon.is-stroopwafel-icon:before{content:"\f551"}.ts-icon.is-vial-icon:before{content:"\f492"}.ts-icon.is-whatsapp-icon:before{content:"\f232";font-family:IconsBrands}.ts-icon.is-arrow-down-short-wide-icon:before{content:"\f884"}.ts-icon.is-database-icon:before{content:"\f1c0"}.ts-icon.is-industry-icon:before{content:"\f275"}.ts-icon.is-snapchat-icon:before{content:"\f2ab";font-family:IconsBrands}.ts-icon.is-street-view-icon:before{content:"\f21d"}.ts-icon.is-0-icon:before{content:"\30"}.ts-icon.is-rainbow-icon:before{content:"\f75b"}.ts-icon.is-suitcase-medical-icon:before{content:"\f0fa"}.ts-icon.is-tablet-button-icon:before{content:"\f10a"}.ts-icon.is-chevron-down-icon:before{content:"\f078"}.ts-icon.is-fish-fins-icon:before{content:"\e4f2"}.ts-icon.is-react-icon:before{content:"\f41b";font-family:IconsBrands}.ts-icon.is-align-justify-icon:before{content:"\f039"}.ts-icon.is-dice-five-icon:before{content:"\f523"}.ts-icon.is-building-circle-exclamation-icon:before{content:"\e4d3"}.ts-icon.is-circle-play-icon:before{content:"\f144"}.ts-icon.is-google-plus-g-icon:before{content:"\f0d5";font-family:IconsBrands}.ts-icon.is-hot-tub-person-icon:before{content:"\f593"}.ts-icon.is-note-sticky-icon:before{content:"\f249"}.ts-icon.is-anchor-icon:before{content:"\f13d"}.ts-icon.is-at-icon:before{content:"\40"}.ts-icon.is-file-invoice-dollar-icon:before{content:"\f571"}.ts-icon.is-medal-icon:before{content:"\f5a2"}.ts-icon.is-person-dress-icon:before{content:"\f182"}.ts-icon.is-cookie-icon:before{content:"\f563"}.ts-icon.is-helicopter-icon:before{content:"\f533"}.ts-icon.is-microphone-lines-slash-icon:before{content:"\f539"}.ts-icon.is-paper-plane-icon:before{content:"\f1d8"}.ts-icon.is-shop-icon:before{content:"\f54f"}.ts-icon.is-ban-icon:before{content:"\f05e"}.ts-icon.is-droplet-slash-icon:before{content:"\f5c7"}.ts-icon.is-keycdn-icon:before{content:"\f3ba";font-family:IconsBrands}.ts-icon.is-toilet-icon:before{content:"\f7d8"}.ts-icon.is-cc-diners-club-icon:before{content:"\f24c";font-family:IconsBrands}.ts-icon.is-ankh-icon:before{content:"\f644"}.ts-icon.is-book-icon:before{content:"\f02d"}.ts-icon.is-expeditedssl-icon:before{content:"\f23e";font-family:IconsBrands}.ts-icon.is-file-arrow-up-icon:before{content:"\f574"}.ts-icon.is-forumbee-icon:before{content:"\f211";font-family:IconsBrands}.ts-icon.is-school-circle-exclamation-icon:before{content:"\e56c"}.ts-icon.is-hands-icon:before{content:"\f2a7"}.ts-icon.is-tumblr-icon:before{content:"\f173";font-family:IconsBrands}.ts-icon.is-cloud-icon:before{content:"\f0c2"}.ts-icon.is-magnifying-glass-minus-icon:before{content:"\f010"}.ts-icon.is-n-icon:before{content:"\4e"}.ts-icon.is-pagelines-icon:before{content:"\f18c";font-family:IconsBrands}.ts-icon.is-place-of-worship-icon:before{content:"\f67f"}.ts-icon.is-black-tie-icon:before{content:"\f27e";font-family:IconsBrands}.ts-icon.is-bullseye-icon:before{content:"\f140"}.ts-icon.is-blender-phone-icon:before{content:"\f6b6"}.ts-icon.is-face-kiss-icon:before{content:"\f596"}.ts-icon.is-google-wallet-icon:before{content:"\f1ee";font-family:IconsBrands}.ts-icon.is-trowel-icon:before{content:"\e589"}.ts-icon.is-toolbox-icon:before{content:"\f552"}.ts-icon.is-palette-icon:before{content:"\f53f"}.ts-icon.is-trash-can-icon:before{content:"\f2ed"}.ts-icon.is-creative-commons-nc-eu-icon:before{content:"\f4e9";font-family:IconsBrands}.ts-icon.is-delete-left-icon:before{content:"\f55a"}.ts-icon.is-eye-slash-icon:before{content:"\f070"}.ts-icon.is-pen-ruler-icon:before{content:"\f5ae"}.ts-icon.is-square-steam-icon:before{content:"\f1b7";font-family:IconsBrands}.ts-icon.is-x-icon:before{content:"\58"}.ts-icon.is-book-bible-icon:before{content:"\f647"}.ts-icon.is-code-compare-icon:before{content:"\e13a"}.ts-icon.is-file-pen-icon:before{content:"\f31c"}.ts-icon.is-masks-theater-icon:before{content:"\f630"}.ts-icon.is-square-share-nodes-icon:before{content:"\f1e1"}.ts-icon.is-stumbleupon-circle-icon:before{content:"\f1a3";font-family:IconsBrands}.ts-icon.is-face-grin-squint-icon:before{content:"\f585"}.ts-icon.is-hubspot-icon:before{content:"\f3b2";font-family:IconsBrands}.ts-icon.is-keyboard-icon:before{content:"\f11c"}.ts-icon.is-mosquito-net-icon:before{content:"\e52c"}.ts-icon.is-scissors-icon:before{content:"\f0c4"}.ts-icon.is-square-twitter-icon:before{content:"\f081";font-family:IconsBrands}.ts-icon.is-free-code-camp-icon:before{content:"\f2c5";font-family:IconsBrands}.ts-icon.is-gitter-icon:before{content:"\f426";font-family:IconsBrands}.ts-icon.is-helmet-safety-icon:before{content:"\f807"}.ts-icon.is-sellsy-icon:before{content:"\f213";font-family:IconsBrands}.ts-icon.is-creative-commons-nd-icon:before{content:"\f4eb";font-family:IconsBrands}.ts-icon.is-hill-rockslide-icon:before{content:"\e508"}.ts-icon.is-magnet-icon:before{content:"\f076"}.ts-icon.is-truck-pickup-icon:before{content:"\f63c"}.ts-icon.is-wrench-icon:before{content:"\f0ad"}.ts-icon.is-store-slash-icon:before{content:"\e071"}.ts-icon.is-google-pay-icon:before{content:"\e079";font-family:IconsBrands}.ts-icon.is-plane-lock-icon:before{content:"\e558"}.ts-icon.is-tag-icon:before{content:"\f02b"}.ts-icon.is-artstation-icon:before{content:"\f77a";font-family:IconsBrands}.ts-icon.is-whmcs-icon:before{content:"\f40d";font-family:IconsBrands}.ts-icon.is-y-icon:before{content:"\59"}.ts-icon.is-envira-icon:before{content:"\f299";font-family:IconsBrands}.ts-icon.is-l-icon:before{content:"\4c"}.ts-icon.is-manat-sign-icon:before{content:"\e1d5"}.ts-icon.is-aviato-icon:before{content:"\f421";font-family:IconsBrands}.ts-icon.is-building-shield-icon:before{content:"\e4d8"}.ts-icon.is-house-tsunami-icon:before{content:"\e515"}.ts-icon.is-sticker-mule-icon:before{content:"\f3f7";font-family:IconsBrands}.ts-icon.is-caret-left-icon:before{content:"\f0d9"}.ts-icon.is-dice-d6-icon:before{content:"\f6d1"}.ts-icon.is-face-grin-stars-icon:before{content:"\f587"}.ts-icon.is-uber-icon:before{content:"\f402";font-family:IconsBrands}.ts-icon.is-clipboard-user-icon:before{content:"\f7f3"}.ts-icon.is-heading-icon:before{content:"\f1dc"}.ts-icon.is-unlock-icon:before{content:"\f09c"}.ts-icon.is-weixin-icon:before{content:"\f1d7";font-family:IconsBrands}.ts-icon.is-code-icon:before{content:"\f121"}.ts-icon.is-itch-io-icon:before{content:"\f83a";font-family:IconsBrands}.ts-icon.is-won-sign-icon:before{content:"\f159"}.ts-icon.is-down-left-and-up-right-to-center-icon:before{content:"\f422"}.ts-icon.is-wine-glass-empty-icon:before{content:"\f5ce"}.ts-icon.is-cotton-bureau-icon:before{content:"\f89e";font-family:IconsBrands}.ts-icon.is-freebsd-icon:before{content:"\f3a4";font-family:IconsBrands}.ts-icon.is-person-walking-dashed-line-arrow-right-icon:before{content:"\e553"}.ts-icon.is-star-and-crescent-icon:before{content:"\f699"}.ts-icon.is-uniregistry-icon:before{content:"\f404";font-family:IconsBrands}.ts-icon.is-bandcamp-icon:before{content:"\f2d5";font-family:IconsBrands}.ts-icon.is-book-medical-icon:before{content:"\f7e6"}.ts-icon.is-cc-mastercard-icon:before{content:"\f1f1";font-family:IconsBrands}.ts-icon.is-file-zipper-icon:before{content:"\f1c6"}.ts-icon.is-franc-sign-icon:before{content:"\e18f"}.ts-icon.is-ioxhost-icon:before{content:"\f208";font-family:IconsBrands}.ts-icon.is-dashcube-icon:before{content:"\f210";font-family:IconsBrands}.ts-icon.is-elementor-icon:before{content:"\f430";font-family:IconsBrands}.ts-icon.is-igloo-icon:before{content:"\f7ae"}.ts-icon.is-money-bill-wheat-icon:before{content:"\e52a"}.ts-icon.is-r-icon:before{content:"\52"}.ts-icon.is-plus-icon:before{content:"\2b"}.ts-icon.is-power-off-icon:before{content:"\f011"}.ts-icon.is-u-icon:before{content:"\55"}.ts-icon.is-computer-icon:before{content:"\e4e5"}.ts-icon.is-people-group-icon:before{content:"\e533"}.ts-icon.is-space-awesome-icon:before{content:"\e5ac";font-family:IconsBrands}.ts-icon.is-transgender-icon:before{content:"\f225"}.ts-icon.is-user-icon:before{content:"\f007"}.ts-icon.is-braille-icon:before{content:"\f2a1"}.ts-icon.is-invision-icon:before{content:"\f7b0";font-family:IconsBrands}.ts-icon.is-right-from-bracket-icon:before{content:"\f2f5"}.ts-icon.is-stack-exchange-icon:before{content:"\f18d";font-family:IconsBrands}.ts-icon.is-car-battery-icon:before{content:"\f5df"}.ts-icon.is-prescription-icon:before{content:"\f5b1"}.ts-icon.is-circle-dot-icon:before{content:"\f192"}.ts-icon.is-face-frown-open-icon:before{content:"\f57a"}.ts-icon.is-i-cursor-icon:before{content:"\f246"}.ts-icon.is-tarp-droplet-icon:before{content:"\e57c"}.ts-icon.is-weight-hanging-icon:before{content:"\f5cd"}.ts-icon.is-redhat-icon:before{content:"\f7bc";font-family:IconsBrands}.ts-icon.is-apper-icon:before{content:"\f371";font-family:IconsBrands}.ts-icon.is-bag-shopping-icon:before{content:"\f290"}.ts-icon.is-paw-icon:before{content:"\f1b0"}.ts-icon.is-user-doctor-icon:before{content:"\f0f0"}.ts-icon.is-code-merge-icon:before{content:"\f387"}.ts-icon.is-key-icon:before{content:"\f084"}.ts-icon.is-node-js-icon:before{content:"\f3d3";font-family:IconsBrands}.ts-icon.is-reply-icon:before{content:"\f3e5"}.ts-icon.is-basketball-icon:before{content:"\f434"}.ts-icon.is-right-to-bracket-icon:before{content:"\f2f6"}.ts-icon.is-upload-icon:before{content:"\f093"}.ts-icon.is-user-check-icon:before{content:"\f4fc"}.ts-icon.is-users-slash-icon:before{content:"\e073"}.ts-icon.is-circle-chevron-up-icon:before{content:"\f139"}.ts-icon.is-circle-half-stroke-icon:before{content:"\f042"}.ts-icon.is-salesforce-icon:before{content:"\f83b";font-family:IconsBrands}.ts-icon.is-bitcoin-sign-icon:before{content:"\e0b4"}.ts-icon.is-caret-down-icon:before{content:"\f0d7"}.ts-icon.is-chart-area-icon:before{content:"\f1fe"}.ts-icon.is-mixcloud-icon:before{content:"\f289";font-family:IconsBrands}.ts-icon.is-mobile-button-icon:before{content:"\f10b"}.ts-icon.is-ribbon-icon:before{content:"\f4d6"}.ts-icon.is-dyalog-icon:before{content:"\f399";font-family:IconsBrands}.ts-icon.is-holly-berry-icon:before{content:"\f7aa"}.ts-icon.is-list-ol-icon:before{content:"\f0cb"}.ts-icon.is-gem-icon:before{content:"\f3a5"}.ts-icon.is-itunes-icon:before{content:"\f3b4";font-family:IconsBrands}.ts-icon.is-jet-fighter-up-icon:before{content:"\e518"}.ts-icon.is-linkedin-in-icon:before{content:"\f0e1";font-family:IconsBrands}.ts-icon.is-shield-virus-icon:before{content:"\e06c"}.ts-icon.is-book-bookmark-icon:before{content:"\e0bb"}.ts-icon.is-brain-icon:before{content:"\f5dc"}.ts-icon.is-fan-icon:before{content:"\f863"}.ts-icon.is-pump-soap-icon:before{content:"\e06b"}.ts-icon.is-star-half-icon:before{content:"\f089"}.ts-icon.is-bilibili-icon:before{content:"\e3d9";font-family:IconsBrands}.ts-icon.is-c-icon:before{content:"\43"}.ts-icon.is-weebly-icon:before{content:"\f5cc";font-family:IconsBrands}.ts-icon.is-behance-icon:before{content:"\f1b4";font-family:IconsBrands}.ts-icon.is-clipboard-check-icon:before{content:"\f46c"}.ts-icon.is-dice-six-icon:before{content:"\f526"}.ts-icon.is-percent-icon:before{content:"\25"}.ts-icon.is-stack-overflow-icon:before{content:"\f16c";font-family:IconsBrands}.ts-icon.is-flask-icon:before{content:"\f0c3"}.ts-icon.is-greater-than-equal-icon:before{content:"\f532"}.ts-icon.is-mosque-icon:before{content:"\f678"}.ts-icon.is-wine-glass-icon:before{content:"\f4e3"}.ts-icon.is-atom-icon:before{content:"\f5d2"}.ts-icon.is-oil-well-icon:before{content:"\e532"}.ts-icon.is-vial-circle-check-icon:before{content:"\e596"}.ts-icon.is-lastfm-icon:before{content:"\f202";font-family:IconsBrands}.ts-icon.is-plug-icon:before{content:"\f1e6"}.ts-icon.is-book-tanakh-icon:before{content:"\f827"}.ts-icon.is-guitar-icon:before{content:"\f7a6"}.ts-icon.is-right-left-icon:before{content:"\f362"}.ts-icon.is-viruses-icon:before{content:"\e076"}.ts-icon.is-train-icon:before{content:"\f238"}.ts-icon.is-turkish-lira-sign-icon:before{content:"\e2bb"}.ts-icon.is-battle-net-icon:before{content:"\f835";font-family:IconsBrands}.ts-icon.is-calendar-check-icon:before{content:"\f274"}.ts-icon.is-centos-icon:before{content:"\f789";font-family:IconsBrands}.ts-icon.is-heart-pulse-icon:before{content:"\f21e"}.ts-icon.is-photo-film-icon:before{content:"\f87c"}.ts-icon.is-rocketchat-icon:before{content:"\f3e8";font-family:IconsBrands}.ts-icon.is-utensils-icon:before{content:"\f2e7"}.ts-icon.is-person-circle-plus-icon:before{content:"\e541"}.ts-icon.is-readme-icon:before{content:"\f4d5";font-family:IconsBrands}.ts-icon.is-stop-icon:before{content:"\f04d"}.ts-icon.is-user-slash-icon:before{content:"\f506"}.ts-icon.is-usb-icon:before{content:"\f287";font-family:IconsBrands}.ts-icon.is-bars-staggered-icon:before{content:"\f550"}.ts-icon.is-book-atlas-icon:before{content:"\f558"}.ts-icon.is-dhl-icon:before{content:"\f790";font-family:IconsBrands}.ts-icon.is-diamond-turn-right-icon:before{content:"\f5eb"}.ts-icon.is-flickr-icon:before{content:"\f16e";font-family:IconsBrands}.ts-icon.is-themeco-icon:before{content:"\f5c6";font-family:IconsBrands}.ts-icon.is-circle-exclamation-icon:before{content:"\f06a"}.ts-icon.is-id-badge-icon:before{content:"\f2c1"}.ts-icon.is-user-graduate-icon:before{content:"\f501"}.ts-icon.is-asymmetrik-icon:before{content:"\f372";font-family:IconsBrands}.ts-icon.is-handshake-angle-icon:before{content:"\f4c4"}.ts-icon.is-trailer-icon:before{content:"\e041"}.ts-icon.is-circle-icon:before{content:"\f111"}.ts-icon.is-file-circle-plus-icon:before{content:"\e494"}.ts-icon.is-modx-icon:before{content:"\f285";font-family:IconsBrands}.ts-icon.is-facebook-f-icon:before{content:"\f39e";font-family:IconsBrands}.ts-icon.is-s-icon:before{content:"\53"}.ts-icon.is-anchor-circle-check-icon:before{content:"\e4aa"}.ts-icon.is-bone-icon:before{content:"\f5d7"}.ts-icon.is-building-ngo-icon:before{content:"\e4d7"}.ts-icon.is-dribbble-icon:before{content:"\f17d";font-family:IconsBrands}.ts-icon.is-house-medical-circle-exclamation-icon:before{content:"\e512"}.ts-icon.is-shopware-icon:before{content:"\f5b5";font-family:IconsBrands}.ts-icon.is-earth-oceania-icon:before{content:"\e47b"}.ts-icon.is-joget-icon:before{content:"\f3b7";font-family:IconsBrands}.ts-icon.is-water-icon:before{content:"\f773"}.ts-icon.is-hips-icon:before{content:"\f452";font-family:IconsBrands}.ts-icon.is-hurricane-icon:before{content:"\f751"}.ts-icon.is-layer-group-icon:before{content:"\f5fd"}.ts-icon.is-location-dot-icon:before{content:"\f3c5"}.ts-icon.is-mountain-sun-icon:before{content:"\e52f"}.ts-icon.is-oil-can-icon:before{content:"\f613"}.ts-icon.is-draw-polygon-icon:before{content:"\f5ee"}.ts-icon.is-dungeon-icon:before{content:"\f6d9"}.ts-icon.is-earth-asia-icon:before{content:"\f57e"}.ts-icon.is-cedi-sign-icon:before{content:"\e0df"}.ts-icon.is-file-signature-icon:before{content:"\f573"}.ts-icon.is-rotate-left-icon:before{content:"\f2ea"}.ts-icon.is-wand-magic-sparkles-icon:before{content:"\e2ca"}.ts-icon.is-credit-card-icon:before{content:"\f09d"}.ts-icon.is-restroom-icon:before{content:"\f7bd"}.ts-icon.is-person-biking-icon:before{content:"\f84a"}.ts-icon.is-centercode-icon:before{content:"\f380";font-family:IconsBrands}.ts-icon.is-confluence-icon:before{content:"\f78d";font-family:IconsBrands}.ts-icon.is-file-pdf-icon:before{content:"\f1c1"}.ts-icon.is-greater-than-icon:before{content:"\3e"}.ts-icon.is-object-ungroup-icon:before{content:"\f248"}.ts-icon.is-people-pulling-icon:before{content:"\e535"}.ts-icon.is-crop-icon:before{content:"\f125"}.ts-icon.is-dice-two-icon:before{content:"\f528"}.ts-icon.is-superscript-icon:before{content:"\f12b"}.ts-icon.is-wheelchair-move-icon:before{content:"\e2ce"}.ts-icon.is-apple-whole-icon:before{content:"\f5d1"}.ts-icon.is-backward-icon:before{content:"\f04a"}.ts-icon.is-angle-left-icon:before{content:"\f104"}.ts-icon.is-face-smile-beam-icon:before{content:"\f5b8"}.ts-icon.is-arrows-up-down-left-right-icon:before{content:"\f047"}.ts-icon.is-bread-slice-icon:before{content:"\f7ec"}.ts-icon.is-ship-icon:before{content:"\f21a"}.ts-icon.is-hand-point-up-icon:before{content:"\f0a6"}.ts-icon.is-table-cells-icon:before{content:"\f00a"}.ts-icon.is-table-cells-large-icon:before{content:"\f009"}.ts-icon.is-angrycreative-icon:before{content:"\f36e";font-family:IconsBrands}.ts-icon.is-file-medical-icon:before{content:"\f477"}.ts-icon.is-house-lock-icon:before{content:"\e510"}.ts-icon.is-bars-icon:before{content:"\f0c9"}.ts-icon.is-jar-wheat-icon:before{content:"\e517"}.ts-icon.is-hourglass-start-icon:before{content:"\f251"}.ts-icon.is-kit-medical-icon:before{content:"\f479"}.ts-icon.is-square-js-icon:before{content:"\f3b9";font-family:IconsBrands}.ts-icon.is-9-icon:before{content:"\39"}.ts-icon.is-battery-three-quarters-icon:before{content:"\f241"}.ts-icon.is-face-grin-tongue-wink-icon:before{content:"\f58b"}.ts-icon.is-filter-circle-xmark-icon:before{content:"\e17b"}.ts-icon.is-seedling-icon:before{content:"\f4d8"}.ts-icon.is-arrow-up-z-a-icon:before{content:"\f882"}.ts-icon.is-file-contract-icon:before{content:"\f56c"}.ts-icon.is-head-side-virus-icon:before{content:"\e064"}.ts-icon.is-laravel-icon:before{content:"\f3bd";font-family:IconsBrands}.ts-icon.is-spa-icon:before{content:"\f5bb"}.ts-icon.is-up-down-left-right-icon:before{content:"\f0b2"}.ts-icon.is-circle-h-icon:before{content:"\f47e"}.ts-icon.is-file-waveform-icon:before{content:"\f478"}.ts-icon.is-skype-icon:before{content:"\f17e";font-family:IconsBrands}.ts-icon.is-camera-retro-icon:before{content:"\f083"}.ts-icon.is-m-icon:before{content:"\4d"}.ts-icon.is-receipt-icon:before{content:"\f543"}.ts-icon.is-square-h-icon:before{content:"\f0fd"}.ts-icon.is-naira-sign-icon:before{content:"\e1f6"}.ts-icon.is-spinner-icon:before{content:"\f110"}.ts-icon.is-affiliatetheme-icon:before{content:"\f36b";font-family:IconsBrands}.ts-icon.is-cloud-moon-rain-icon:before{content:"\f73c"}.ts-icon.is-crutch-icon:before{content:"\f7f7"}.ts-icon.is-dove-icon:before{content:"\f4ba"}.ts-icon.is-icicles-icon:before{content:"\f7ad"}.ts-icon.is-khanda-icon:before{content:"\f66d"}.ts-icon.is-chalkboard-icon:before{content:"\f51b"}.ts-icon.is-earlybirds-icon:before{content:"\f39a";font-family:IconsBrands}.ts-icon.is-tornado-icon:before{content:"\f76f"}.ts-icon.is-chess-board-icon:before{content:"\f43c"}.ts-icon.is-shield-icon:before{content:"\f132"}.ts-icon.is-ubuntu-icon:before{content:"\f7df";font-family:IconsBrands}.ts-icon.is-sistrix-icon:before{content:"\f3ee";font-family:IconsBrands}.ts-icon.is-docker-icon:before{content:"\f395";font-family:IconsBrands}.ts-icon.is-nfc-directional-icon:before{content:"\e530";font-family:IconsBrands}.ts-icon.is-truck-fast-icon:before{content:"\f48b"}.ts-icon.is-user-lock-icon:before{content:"\f502"}.ts-icon.is-staylinked-icon:before{content:"\f3f5";font-family:IconsBrands}.ts-icon.is-twitch-icon:before{content:"\f1e8";font-family:IconsBrands}.ts-icon.is-cat-icon:before{content:"\f6be"}.ts-icon.is-grip-lines-vertical-icon:before{content:"\f7a5"}.ts-icon.is-microsoft-icon:before{content:"\f3ca";font-family:IconsBrands}.ts-icon.is-scroll-torah-icon:before{content:"\f6a0"}.ts-icon.is-hospital-user-icon:before{content:"\f80d"}.ts-icon.is-nfc-symbol-icon:before{content:"\e531";font-family:IconsBrands}.ts-icon.is-users-icon:before{content:"\f0c0"}.ts-icon.is-futbol-icon:before{content:"\f1e3"}.ts-icon.is-42-group-icon:before{content:"\e080";font-family:IconsBrands}.ts-icon.is-shop-lock-icon:before{content:"\e4a5"}.ts-icon.is-syringe-icon:before{content:"\f48e"}.ts-icon.is-hands-holding-circle-icon:before{content:"\e4fb"}.ts-icon.is-square-hacker-news-icon:before{content:"\f3af";font-family:IconsBrands}.ts-icon.is-temperature-empty-icon:before{content:"\f2cb"}.ts-icon.is-twitter-icon:before{content:"\f099";font-family:IconsBrands}.ts-icon.is-unsplash-icon:before{content:"\e07c";font-family:IconsBrands}.ts-icon.is-circle-arrow-down-icon:before{content:"\f0ab"}.ts-icon.is-deploydog-icon:before{content:"\f38e";font-family:IconsBrands}.ts-icon.is-face-kiss-wink-heart-icon:before{content:"\f598"}.ts-icon.is-horse-head-icon:before{content:"\f7ab"}.ts-icon.is-speaker-deck-icon:before{content:"\f83c";font-family:IconsBrands}.ts-icon.is-spray-can-sparkles-icon:before{content:"\f5d0"}.ts-icon.is-apple-icon:before{content:"\f179";font-family:IconsBrands}.ts-icon.is-cloud-bolt-icon:before{content:"\f76c"}.ts-icon.is-cpanel-icon:before{content:"\f388";font-family:IconsBrands}.ts-icon.is-spoon-icon:before{content:"\f2e5"}.ts-icon.is-couch-icon:before{content:"\f4b8"}.ts-icon.is-hand-spock-icon:before{content:"\f259"}.ts-icon.is-creative-commons-pd-alt-icon:before{content:"\f4ed";font-family:IconsBrands}.ts-icon.is-life-ring-icon:before{content:"\f1cd"}.ts-icon.is-file-powerpoint-icon:before{content:"\f1c4"}.ts-icon.is-play-icon:before{content:"\f04b"}.ts-icon.is-ranking-star-icon:before{content:"\e561"}.ts-icon.is-think-peaks-icon:before{content:"\f731";font-family:IconsBrands}.ts-icon.is-sack-dollar-icon:before{content:"\f81d"}.ts-icon.is-boxes-stacked-icon:before{content:"\f468"}.ts-icon.is-ethereum-icon:before{content:"\f42e";font-family:IconsBrands}.ts-icon.is-face-surprise-icon:before{content:"\f5c2"}.ts-icon.is-house-crack-icon:before{content:"\e3b1"}.ts-icon.is-magnifying-glass-plus-icon:before{content:"\f00e"}.ts-icon.is-microscope-icon:before{content:"\f610"}.ts-icon.is-crow-icon:before{content:"\f520"}.ts-icon.is-file-arrow-down-icon:before{content:"\f56d"}.ts-icon.is-headphones-icon:before{content:"\f025"}.ts-icon.is-leaf-icon:before{content:"\f06c"}.ts-icon.is-q-icon:before{content:"\51"}.ts-icon.is-envelope-icon:before{content:"\f0e0"}.ts-icon.is-hands-holding-child-icon:before{content:"\e4fa"}.ts-icon.is-road-icon:before{content:"\f018"}.ts-icon.is-route-icon:before{content:"\f4d7"}.ts-icon.is-amilia-icon:before{content:"\f36d";font-family:IconsBrands}.ts-icon.is-martini-glass-empty-icon:before{content:"\f000"}.ts-icon.is-page4-icon:before{content:"\f3d7";font-family:IconsBrands}.ts-icon.is-sack-xmark-icon:before{content:"\e56a"}.ts-icon.is-trademark-icon:before{content:"\f25c"}.ts-icon.is-maximize-icon:before{content:"\f31e"}.ts-icon.is-message-icon:before{content:"\f27a"}.ts-icon.is-square-youtube-icon:before{content:"\f431";font-family:IconsBrands}.ts-icon.is-autoprefixer-icon:before{content:"\f41c";font-family:IconsBrands}.ts-icon.is-blogger-b-icon:before{content:"\f37d";font-family:IconsBrands}.ts-icon.is-envelopes-bulk-icon:before{content:"\f674"}.ts-icon.is-eye-low-vision-icon:before{content:"\f2a8"}.ts-icon.is-folder-plus-icon:before{content:"\f65e"}.ts-icon.is-user-astronaut-icon:before{content:"\f4fb"}.ts-icon.is-arrow-up-9-1-icon:before{content:"\f887"}.ts-icon.is-cloud-sun-rain-icon:before{content:"\f743"}.ts-icon.is-connectdevelop-icon:before{content:"\f20e";font-family:IconsBrands}.ts-icon.is-ember-icon:before{content:"\f423";font-family:IconsBrands}.ts-icon.is-jsfiddle-icon:before{content:"\f1cc";font-family:IconsBrands}.ts-icon.is-tent-arrow-down-to-line-icon:before{content:"\e57e"}.ts-icon.is-dumbbell-icon:before{content:"\f44b"}.ts-icon.is-face-grin-icon:before{content:"\f580"}.ts-icon.is-motorcycle-icon:before{content:"\f21c"}.ts-icon.is-person-circle-xmark-icon:before{content:"\e543"}.ts-icon.is-camera-rotate-icon:before{content:"\e0d8"}.ts-icon.is-ellipsis-vertical-icon:before{content:"\f142"}.ts-icon.is-face-grin-tongue-squint-icon:before{content:"\f58a"}.ts-icon.is-star-icon:before{content:"\f005"}.ts-icon.is-earth-americas-icon:before{content:"\f57d"}.ts-icon.is-fish-icon:before{content:"\f578"}.ts-icon.is-road-lock-icon:before{content:"\e567"}.ts-icon.is-text-width-icon:before{content:"\f035"}.ts-icon.is-charging-station-icon:before{content:"\f5e7"}.ts-icon.is-ethernet-icon:before{content:"\f796"}.ts-icon.is-om-icon:before{content:"\f679"}.ts-icon.is-road-circle-check-icon:before{content:"\e564"}.ts-icon.is-bridge-circle-xmark-icon:before{content:"\e4cb"}.ts-icon.is-bridge-circle-exclamation-icon:before{content:"\e4ca"}.ts-icon.is-dice-d20-icon:before{content:"\f6cf"}.ts-icon.is-neuter-icon:before{content:"\f22c"}.ts-icon.is-person-arrow-up-from-line-icon:before{content:"\e539"}.ts-icon.is-galactic-republic-icon:before{content:"\f50c";font-family:IconsBrands}.ts-icon.is-italic-icon:before{content:"\f033"}.ts-icon.is-turn-up-icon:before{content:"\f3bf"}.ts-icon.is-5-icon:before{content:"\35"}.ts-icon.is-democrat-icon:before{content:"\f747"}.ts-icon.is-magnifying-glass-dollar-icon:before{content:"\f688"}.ts-icon.is-mountain-icon:before{content:"\f6fc"}.ts-icon.is-spell-check-icon:before{content:"\f891"}.ts-icon.is-user-minus-icon:before{content:"\f503"}.ts-icon.is-rust-icon:before{content:"\e07a";font-family:IconsBrands}.ts-icon.is-square-rss-icon:before{content:"\f143"}.ts-icon.is-angles-up-icon:before{content:"\f102"}.ts-icon.is-cube-icon:before{content:"\f1b2"}.ts-icon.is-delicious-icon:before{content:"\f1a5";font-family:IconsBrands}.ts-icon.is-magnifying-glass-arrow-right-icon:before{content:"\e521"}.ts-icon.is-mobile-screen-icon:before{content:"\f3cf"}.ts-icon.is-yandex-icon:before{content:"\f413";font-family:IconsBrands}.ts-icon.is-arrow-right-icon:before{content:"\f061"}.ts-icon.is-clipboard-icon:before{content:"\f328"}.ts-icon.is-d-and-d-icon:before{content:"\f38d";font-family:IconsBrands}.ts-icon.is-guarani-sign-icon:before{content:"\e19a"}.ts-icon.is-wordpress-icon:before{content:"\f19a";font-family:IconsBrands}.ts-icon.is-handshake-slash-icon:before{content:"\e060"}.ts-icon.is-get-pocket-icon:before{content:"\f265";font-family:IconsBrands}.ts-icon.is-j-icon:before{content:"\4a"}.ts-icon.is-pen-clip-icon:before{content:"\f305"}.ts-icon.is-up-right-and-down-left-from-center-icon:before{content:"\f424"}.ts-icon.is-wix-icon:before{content:"\f5cf";font-family:IconsBrands}.ts-icon.is-circle-radiation-icon:before{content:"\f7ba"}.ts-icon.is-file-circle-exclamation-icon:before{content:"\e4eb"}.ts-icon.is-kaaba-icon:before{content:"\f66b"}.ts-icon.is-ns8-icon:before{content:"\f3d5";font-family:IconsBrands}.ts-icon.is-pizza-slice-icon:before{content:"\f818"}.ts-icon.is-plug-circle-check-icon:before{content:"\e55c"}.ts-icon.is-xing-icon:before{content:"\f168";font-family:IconsBrands}.ts-icon.is-umbraco-icon:before{content:"\f8e8";font-family:IconsBrands}.ts-icon.is-arrows-split-up-and-left-icon:before{content:"\e4bc"}.ts-icon.is-book-quran-icon:before{content:"\f687"}.ts-icon.is-dropbox-icon:before{content:"\f16b";font-family:IconsBrands}.ts-icon.is-flag-checkered-icon:before{content:"\f11e"}.ts-icon.is-right-long-icon:before{content:"\f30b"}.ts-icon.is-socks-icon:before{content:"\f696"}.ts-icon.is-compact-disc-icon:before{content:"\f51f"}.ts-icon.is-server-icon:before{content:"\f233"}.ts-icon.is-skull-icon:before{content:"\f54c"}.ts-icon.is-circle-up-icon:before{content:"\f35b"}.ts-icon.is-copy-icon:before{content:"\f0c5"}.ts-icon.is-goodreads-icon:before{content:"\f3a8";font-family:IconsBrands}.ts-icon.is-i-icon:before{content:"\49"}.ts-icon.is-studiovinari-icon:before{content:"\f3f8";font-family:IconsBrands}.ts-icon.is-bridge-icon:before{content:"\e4c8"}.ts-icon.is-cart-shopping-icon:before{content:"\f07a"}.ts-icon.is-gifts-icon:before{content:"\f79c"}.ts-icon.is-square-caret-down-icon:before{content:"\f150"}.ts-icon.is-viadeo-icon:before{content:"\f2a9";font-family:IconsBrands}.ts-icon.is-baseball-bat-ball-icon:before{content:"\f432"}.ts-icon.is-circle-left-icon:before{content:"\f359"}.ts-icon.is-cloudsmith-icon:before{content:"\f384";font-family:IconsBrands}.ts-icon.is-droplet-icon:before{content:"\f043"}.ts-icon.is-eye-dropper-icon:before{content:"\f1fb"}.ts-icon.is-paintbrush-icon:before{content:"\f1fc"}.ts-icon.is-arrow-up-from-ground-water-icon:before{content:"\e4b5"}.ts-icon.is-playstation-icon:before{content:"\f3df";font-family:IconsBrands}.ts-icon.is-volume-high-icon:before{content:"\f028"}.ts-icon.is-door-closed-icon:before{content:"\f52a"}.ts-icon.is-lungs-virus-icon:before{content:"\e067"}.ts-icon.is-rupiah-sign-icon:before{content:"\e23d"}.ts-icon.is-house-flag-icon:before{content:"\e50d"}.ts-icon.is-square-parking-icon:before{content:"\f540"}.ts-icon.is-4-icon:before{content:"\34"}.ts-icon.is-building-circle-check-icon:before{content:"\e4d2"}.ts-icon.is-folder-minus-icon:before{content:"\f65d"}.ts-icon.is-youtube-icon:before{content:"\f167";font-family:IconsBrands}.ts-icon.is-mars-stroke-right-icon:before{content:"\f22b"}.ts-icon.is-cloudflare-icon:before{content:"\e07d";font-family:IconsBrands}.ts-icon.is-creative-commons-sampling-icon:before{content:"\f4f0";font-family:IconsBrands}.ts-icon.is-fingerprint-icon:before{content:"\f577"}.ts-icon.is-golang-icon:before{content:"\e40f";font-family:IconsBrands}.ts-icon.is-mobile-screen-button-icon:before{content:"\f3cd"}.ts-icon.is-file-export-icon:before{content:"\f56e"}.ts-icon.is-headphones-simple-icon:before{content:"\f58f"}.ts-icon.is-house-user-icon:before{content:"\e1b0"}.ts-icon.is-arrow-pointer-icon:before{content:"\f245"}.ts-icon.is-circle-question-icon:before{content:"\f059"}.ts-icon.is-square-minus-icon:before{content:"\f146"}.ts-icon.is-sun-icon:before{content:"\f185"}.ts-icon.is-address-book-icon:before{content:"\f2b9"}.ts-icon.is-gun-icon:before{content:"\e19b"}.ts-icon.is-lock-icon:before{content:"\f023"}.ts-icon.is-money-bill-wave-icon:before{content:"\f53a"}.ts-icon.is-rupee-sign-icon:before{content:"\f156"}.ts-icon.is-toilet-paper-slash-icon:before{content:"\e072"}.ts-icon.is-contao-icon:before{content:"\f26d";font-family:IconsBrands}.ts-icon.is-linkedin-icon:before{content:"\f08c";font-family:IconsBrands}.ts-icon.is-not-equal-icon:before{content:"\f53e"}.ts-icon.is-hashtag-icon:before{content:"\23"}.ts-icon.is-slash-icon:before{content:"\f715"}.ts-icon.is-mountain-city-icon:before{content:"\e52e"}.ts-icon.is-patreon-icon:before{content:"\f3d9";font-family:IconsBrands}.ts-icon.is-user-ninja-icon:before{content:"\f504"}.ts-icon.is-android-icon:before{content:"\f17b";font-family:IconsBrands}.ts-icon.is-face-meh-icon:before{content:"\f11a"}.ts-icon.is-algolia-icon:before{content:"\f36c";font-family:IconsBrands}.ts-icon.is-bus-icon:before{content:"\f207"}.ts-icon.is-dumpster-fire-icon:before{content:"\f794"}.ts-icon.is-fedora-icon:before{content:"\f798";font-family:IconsBrands}.ts-icon.is-hanukiah-icon:before{content:"\f6e6"}.ts-icon.is-lari-sign-icon:before{content:"\e1c8"}.ts-icon.is-map-pin-icon:before{content:"\f276"}.ts-icon.is-person-circle-exclamation-icon:before{content:"\e53f"}.ts-icon.is-users-rays-icon:before{content:"\e593"}.ts-icon.is-squarespace-icon:before{content:"\f5be";font-family:IconsBrands}.ts-icon.is-evernote-icon:before{content:"\f839";font-family:IconsBrands}.ts-icon.is-print-icon:before{content:"\f02f"}.ts-icon.is-grip-lines-icon:before{content:"\f7a4"}.ts-icon.is-lyft-icon:before{content:"\f3c3";font-family:IconsBrands}.ts-icon.is-phabricator-icon:before{content:"\f3db";font-family:IconsBrands}.ts-icon.is-zhihu-icon:before{content:"\f63f";font-family:IconsBrands}.ts-icon.is-chart-line-icon:before{content:"\f201"}.ts-icon.is-check-to-slot-icon:before{content:"\f772"}.ts-icon.is-hire-a-helper-icon:before{content:"\f3b0";font-family:IconsBrands}.ts-icon.is-passport-icon:before{content:"\f5ab"}.ts-icon.is-spaghetti-monster-flying-icon:before{content:"\f67b"}.ts-icon.is-circle-chevron-left-icon:before{content:"\f137"}.ts-icon.is-cmplid-icon:before{content:"\e360";font-family:IconsBrands}.ts-icon.is-imdb-icon:before{content:"\f2d8";font-family:IconsBrands}.ts-icon.is-people-roof-icon:before{content:"\e537"}.ts-icon.is-palfed-icon:before{content:"\f3d8";font-family:IconsBrands}.ts-icon.is-person-burst-icon:before{content:"\e53b"}.ts-icon.is-square-envelope-icon:before{content:"\f199"}.ts-icon.is-ups-icon:before{content:"\f7e0";font-family:IconsBrands}.ts-icon.is-virus-slash-icon:before{content:"\e075"}.ts-icon.is-face-laugh-beam-icon:before{content:"\f59a"}.ts-icon.is-snowflake-icon:before{content:"\f2dc"}.ts-icon.is-trade-federation-icon:before{content:"\f513";font-family:IconsBrands}.ts-icon.is-user-clock-icon:before{content:"\f4fd"}.ts-icon.is-code-branch-icon:before{content:"\f126"}.ts-icon.is-hourglass-icon:before{content:"\f254"}.ts-icon.is-pager-icon:before{content:"\f815"}.ts-icon.is-x-ray-icon:before{content:"\f497"}.ts-icon.is-bandage-icon:before{content:"\f462"}.ts-icon.is-microphone-slash-icon:before{content:"\f131"}.ts-icon.is-person-breastfeeding-icon:before{content:"\e53a"}.ts-icon.is-square-instagram-icon:before{content:"\e055";font-family:IconsBrands}.ts-icon.is-temperature-low-icon:before{content:"\f76b"}.ts-icon.is-user-plus-icon:before{content:"\f234"}.ts-icon.is-face-smile-wink-icon:before{content:"\f4da"}.ts-icon.is-phone-slash-icon:before{content:"\f3dd"}.ts-icon.is-searchengin-icon:before{content:"\f3eb";font-family:IconsBrands}.ts-icon.is-tractor-icon:before{content:"\f722"}.ts-icon.is-recycle-icon:before{content:"\f1b8"}.ts-icon.is-tooth-icon:before{content:"\f5c9"}.ts-icon.is-vault-icon:before{content:"\e2c5"}.ts-icon.is-angellist-icon:before{content:"\f209";font-family:IconsBrands}.ts-icon.is-chart-gantt-icon:before{content:"\e0e4"}.ts-icon.is-dice-one-icon:before{content:"\f525"}.ts-icon.is-kitchen-set-icon:before{content:"\e51a"}.ts-icon.is-bed-pulse-icon:before{content:"\f487"}.ts-icon.is-compress-icon:before{content:"\f066"}.ts-icon.is-pied-piper-icon:before{content:"\f2ae";font-family:IconsBrands}.ts-icon.is-wheat-awn-circle-exclamation-icon:before{content:"\e598"}.ts-icon.is-cross-icon:before{content:"\f654"}.ts-icon.is-eject-icon:before{content:"\f052"}.ts-icon.is-folder-icon:before{content:"\f07b"}.ts-icon.is-gratipay-icon:before{content:"\f184";font-family:IconsBrands}.ts-icon.is-markdown-icon:before{content:"\f60f";font-family:IconsBrands}.ts-icon.is-person-walking-icon:before{content:"\f554"}.ts-icon.is-retweet-icon:before{content:"\f079"}.ts-icon.is-creative-commons-icon:before{content:"\f25e";font-family:IconsBrands}.ts-icon.is-landmark-dome-icon:before{content:"\f752"}.ts-icon.is-square-full-icon:before{content:"\f45c"}.ts-icon.is-bacterium-icon:before{content:"\e05a"}.ts-icon.is-digg-icon:before{content:"\f1a6";font-family:IconsBrands}.ts-icon.is-laptop-file-icon:before{content:"\e51d"}.ts-icon.is-scale-unbalanced-icon:before{content:"\f515"}.ts-icon.is-broom-icon:before{content:"\f51a"}.ts-icon.is-clock-icon:before{content:"\f017"}.ts-icon.is-file-lines-icon:before{content:"\f15c"}.ts-icon.is-moon-icon:before{content:"\f186"}.ts-icon.is-paint-roller-icon:before{content:"\f5aa"}.ts-icon.is-chevron-right-icon:before{content:"\f054"}.ts-icon.is-door-open-icon:before{content:"\f52b"}.ts-icon.is-arrow-down-9-1-icon:before{content:"\f886"}.ts-icon.is-chart-simple-icon:before{content:"\e473"}.ts-icon.is-creative-commons-remix-icon:before{content:"\f4ee";font-family:IconsBrands}.ts-icon.is-plane-slash-icon:before{content:"\e069"}.ts-icon.is-image-icon:before{content:"\f03e"}.ts-icon.is-location-pin-icon:before{content:"\f041"}.ts-icon.is-supple-icon:before{content:"\f3f9";font-family:IconsBrands}.ts-icon.is-file-word-icon:before{content:"\f1c2"}.ts-icon.is-first-order-icon:before{content:"\f2b0";font-family:IconsBrands}.ts-icon.is-hand-holding-medical-icon:before{content:"\e05c"}.ts-icon.is-shoe-prints-icon:before{content:"\f54b"}.ts-icon.is-drum-steelpan-icon:before{content:"\f56a"}.ts-icon.is-house-chimney-icon:before{content:"\e3af"}.ts-icon.is-money-bill-transfer-icon:before{content:"\e528"}.ts-icon.is-school-lock-icon:before{content:"\e56f"}.ts-icon.is-wpressr-icon:before{content:"\f3e4";font-family:IconsBrands}.ts-icon.is-bars-progress-icon:before{content:"\f828"}.ts-icon.is-d-icon:before{content:"\44"}.ts-icon.is-odnoklassniki-icon:before{content:"\f263";font-family:IconsBrands}.ts-icon.is-hornbill-icon:before{content:"\f592";font-family:IconsBrands}.ts-icon.is-medium-icon:before{content:"\f23a";font-family:IconsBrands}.ts-icon.is-microphone-icon:before{content:"\f130"}.ts-icon.is-square-phone-flip-icon:before{content:"\f87b"}.ts-icon.is-vest-patches-icon:before{content:"\e086"}.ts-icon.is-virus-covid-slash-icon:before{content:"\e4a9"}.ts-icon.is-sun-plant-wilt-icon:before{content:"\e57a"}.ts-icon.is-up-long-icon:before{content:"\f30c"}.ts-icon.is-display-icon:before{content:"\e163"}.ts-icon.is-phone-icon:before{content:"\f095"}.ts-icon.is-sort-icon:before{content:"\f0dc"}.ts-icon.is-buromobelexperte-icon:before{content:"\f37f";font-family:IconsBrands}.ts-icon.is-computer-mouse-icon:before{content:"\f8cc"}.ts-icon.is-archway-icon:before{content:"\f557"}.ts-icon.is-square-tumblr-icon:before{content:"\f174";font-family:IconsBrands}.ts-icon.is-clover-icon:before{content:"\e139"}.ts-icon.is-comment-dots-icon:before{content:"\f4ad"}.ts-icon.is-microphone-lines-icon:before{content:"\f3c9"}.ts-icon.is-object-group-icon:before{content:"\f247"}.ts-icon.is-paperclip-icon:before{content:"\f0c6"}.ts-icon.is-person-military-rifle-icon:before{content:"\e54b"}.ts-icon.is-bolt-lightning-icon:before{content:"\e0b7"}.ts-icon.is-circle-arrow-up-icon:before{content:"\f0aa"}.ts-icon.is-comment-sms-icon:before{content:"\f7cd"}.ts-icon.is-hand-point-left-icon:before{content:"\f0a5"}.ts-icon.is-jedi-order-icon:before{content:"\f50e";font-family:IconsBrands}.ts-icon.is-stripe-s-icon:before{content:"\f42a";font-family:IconsBrands}.ts-icon.is-dev-icon:before{content:"\f6cc";font-family:IconsBrands}.ts-icon.is-hand-point-down-icon:before{content:"\f0a7"}.ts-icon.is-mendeley-icon:before{content:"\f7b3";font-family:IconsBrands}.ts-icon.is-window-minimize-icon:before{content:"\f2d1"}.ts-icon.is-angular-icon:before{content:"\f420";font-family:IconsBrands}.ts-icon.is-diagram-successor-icon:before{content:"\e47a"}.ts-icon.is-dna-icon:before{content:"\f471"}.ts-icon.is-font-awesome-icon:before{content:"\f2b4"}.ts-icon.is-shirt-icon:before{content:"\f553"}.ts-icon.is-sitemap-icon:before{content:"\f0e8"}.ts-icon.is-timeline-icon:before{content:"\e29c"}.ts-icon.is-arrow-down-z-a-icon:before{content:"\f881"}.ts-icon.is-arrow-turn-up-icon:before{content:"\f148"}.ts-icon.is-bus-simple-icon:before{content:"\f55e"}.ts-icon.is-sink-icon:before{content:"\e06d"}.ts-icon.is-sterling-sign-icon:before{content:"\f154"}.ts-icon.is-6-icon:before{content:"\36"}.ts-icon.is-caret-up-icon:before{content:"\f0d8"}.ts-icon.is-circle-dollar-to-slot-icon:before{content:"\f4b9"}.ts-icon.is-creative-commons-by-icon:before{content:"\f4e7";font-family:IconsBrands}.ts-icon.is-fonticons-icon:before{content:"\f280";font-family:IconsBrands}.ts-icon.is-indian-rupee-sign-icon:before{content:"\e1bc"}.ts-icon.is-bug-slash-icon:before{content:"\e490"}.ts-icon.is-medrt-icon:before{content:"\f3c8";font-family:IconsBrands}.ts-icon.is-tent-arrows-down-icon:before{content:"\e581"}.ts-icon.is-frog-icon:before{content:"\f52e"}.ts-icon.is-image-portrait-icon:before{content:"\f3e0"}.ts-icon.is-person-walking-arrow-loop-left-icon:before{content:"\e551"}.ts-icon.is-star-of-life-icon:before{content:"\f621"}.ts-icon.is-facebook-icon:before{content:"\f09a";font-family:IconsBrands}.ts-icon.is-locust-icon:before{content:"\e520"}.ts-icon.is-thermometer-icon:before{content:"\f491"}.ts-icon.is-galactic-senate-icon:before{content:"\f50d";font-family:IconsBrands}.ts-icon.is-shield-dog-icon:before{content:"\e573"}.ts-icon.is-comment-medical-icon:before{content:"\f7f5"}.ts-icon.is-plug-circle-bolt-icon:before{content:"\e55b"}.ts-icon.is-train-subway-icon:before{content:"\f239"}.ts-icon.is-dollar-sign-icon:before{content:"\24"}.ts-icon.is-ellipsis-icon:before{content:"\f141"}.ts-icon.is-spray-can-icon:before{content:"\f5bd"}.ts-icon.is-typo3-icon:before{content:"\f42b";font-family:IconsBrands}.ts-icon.is-8-icon:before{content:"\38"}.ts-icon.is-feather-icon:before{content:"\f52d"}.ts-icon.is-glide-g-icon:before{content:"\f2a6";font-family:IconsBrands}.ts-icon.is-paste-icon:before{content:"\f0ea"}.ts-icon.is-users-between-lines-icon:before{content:"\e591"}.ts-icon.is-w-icon:before{content:"\57"}.ts-icon.is-bullhorn-icon:before{content:"\f0a1"}.ts-icon.is-face-kiss-beam-icon:before{content:"\f597"}.ts-icon.is-fedex-icon:before{content:"\f797";font-family:IconsBrands}.ts-icon.is-satellite-dish-icon:before{content:"\f7c0"}.ts-icon.is-bridge-water-icon:before{content:"\e4ce"}.ts-icon.is-code-commit-icon:before{content:"\f386"}.ts-icon.is-file-import-icon:before{content:"\f56f"}.ts-icon.is-qrcode-icon:before{content:"\f029"}.ts-icon.is-road-barrier-icon:before{content:"\e562"}.ts-icon.is-barcode-icon:before{content:"\f02a"}.ts-icon.is-truck-medical-icon:before{content:"\f0f9"}.ts-icon.is-users-line-icon:before{content:"\e592"}.ts-icon.is-firefox-icon:before{content:"\f269";font-family:IconsBrands}.ts-icon.is-hands-bound-icon:before{content:"\e4f9"}.ts-icon.is-itunes-note-icon:before{content:"\f3b5";font-family:IconsBrands}.ts-icon.is-marker-icon:before{content:"\f5a1"}.ts-icon.is-mask-icon:before{content:"\f6fa"}.ts-icon.is-pencil-icon:before{content:"\f303"}.ts-icon.is-basket-shopping-icon:before{content:"\f291"}.ts-icon.is-cake-candles-icon:before{content:"\f1fd"}.ts-icon.is-pause-icon:before{content:"\f04c"}.ts-icon.is-sign-hanging-icon:before{content:"\f4d9"}.ts-icon.is-smoking-icon:before{content:"\f48d"}.ts-icon.is-tv-icon:before{content:"\f26c"}.ts-icon.is-diagram-predecessor-icon:before{content:"\e477"}.ts-icon.is-folder-closed-icon:before{content:"\e185"}.ts-icon.is-square-person-confined-icon:before{content:"\e577"}.ts-icon.is-telegram-icon:before{content:"\f2c6";font-family:IconsBrands}.ts-icon.is-v-icon:before{content:"\56"}.ts-icon.is-wand-magic-icon:before{content:"\f0d0"}.ts-icon.is-github-alt-icon:before{content:"\f113";font-family:IconsBrands}.ts-icon.is-o-icon:before{content:"\4f"}.ts-icon.is-stopwatch-icon:before{content:"\f2f2"}.ts-icon.is-angles-right-icon:before{content:"\f101"}.ts-icon.is-arrow-up-short-wide-icon:before{content:"\f885"}.ts-icon.is-circle-arrow-right-icon:before{content:"\f0a9"}.ts-icon.is-discord-icon:before{content:"\f392";font-family:IconsBrands}.ts-icon.is-kickstarter-icon:before{content:"\f3bb";font-family:IconsBrands}.ts-icon.is-arrow-down-up-across-line-icon:before{content:"\e4af"}.ts-icon.is-baby-carriage-icon:before{content:"\f77d"}.ts-icon.is-flipboard-icon:before{content:"\f44d";font-family:IconsBrands}.ts-icon.is-user-secret-icon:before{content:"\f21b"}.ts-icon.is-cookie-bite-icon:before{content:"\f564"}.ts-icon.is-periscope-icon:before{content:"\f3da";font-family:IconsBrands}.ts-icon.is-baht-sign-icon:before{content:"\e0ac"}.ts-icon.is-guilded-icon:before{content:"\e07e";font-family:IconsBrands}.ts-icon.is-money-bills-icon:before{content:"\e1f3"}.ts-icon.is-bluetooth-icon:before{content:"\f293";font-family:IconsBrands}.ts-icon.is-crop-simple-icon:before{content:"\f565"}.ts-icon.is-file-excel-icon:before{content:"\f1c3"}.ts-icon.is-fonticons-fi-icon:before{content:"\f3a2";font-family:IconsBrands}.ts-icon.is-person-drowning-icon:before{content:"\e545"}.ts-icon.is-section-icon:before{content:"\e447"}.ts-icon.is-jenkins-icon:before{content:"\f3b6";font-family:IconsBrands}.ts-icon.is-mix-icon:before{content:"\f3cb";font-family:IconsBrands}.ts-icon.is-address-card-icon:before{content:"\f2bb"}.ts-icon.is-arrows-spin-icon:before{content:"\e4bb"}.ts-icon.is-audible-icon:before{content:"\f373";font-family:IconsBrands}.ts-icon.is-car-icon:before{content:"\f1b9"}.ts-icon.is-cart-flatbed-icon:before{content:"\f474"}.ts-icon.is-florin-sign-icon:before{content:"\e184"}.ts-icon.is-rebel-icon:before{content:"\f1d0";font-family:IconsBrands}.ts-icon.is-square-lastfm-icon:before{content:"\f203";font-family:IconsBrands}.ts-icon.is-person-shelter-icon:before{content:"\e54f"}.ts-icon.is-stethoscope-icon:before{content:"\f0f1"}.ts-icon.is-tower-observation-icon:before{content:"\e586"}.ts-icon.is-cart-flatbed-suitcase-icon:before{content:"\f59d"}.ts-icon.is-glasses-icon:before{content:"\f530"}.ts-icon.is-ring-icon:before{content:"\f70b"}.ts-icon.is-sd-card-icon:before{content:"\f7c2"}.ts-icon.is-symfony-icon:before{content:"\f83d";font-family:IconsBrands}.ts-icon.is-table-icon:before{content:"\f0ce"}.ts-icon.is-calendar-day-icon:before{content:"\f783"}.ts-icon.is-leanpub-icon:before{content:"\f212";font-family:IconsBrands}.ts-icon.is-swift-icon:before{content:"\f8e1";font-family:IconsBrands}.ts-icon.is-arrow-right-long-icon:before{content:"\f178"}.ts-icon.is-circle-pause-icon:before{content:"\f28b"}.ts-icon.is-instalod-icon:before{content:"\e081";font-family:IconsBrands}.ts-icon.is-teeth-icon:before{content:"\f62e"}.ts-icon.is-angles-down-icon:before{content:"\f103"}.ts-icon.is-cc-amazon-pay-icon:before{content:"\f42d";font-family:IconsBrands}.ts-icon.is-cc-amex-icon:before{content:"\f1f3";font-family:IconsBrands}.ts-icon.is-dice-four-icon:before{content:"\f524"}.ts-icon.is-person-booth-icon:before{content:"\f756"}.ts-icon.is-qq-icon:before{content:"\f1d6";font-family:IconsBrands}.ts-icon.is-reply-all-icon:before{content:"\f122"}.ts-icon.is-terminal-icon:before{content:"\f120"}.ts-icon.is-wordpress-simple-icon:before{content:"\f411";font-family:IconsBrands}.ts-icon.is-gears-icon:before{content:"\f085"}.ts-icon.is-horse-icon:before{content:"\f6f0"}.ts-icon.is-person-dress-burst-icon:before{content:"\e544"}.ts-icon.is-plane-arrival-icon:before{content:"\f5af"}.ts-icon.is-bowling-ball-icon:before{content:"\f436"}.ts-icon.is-drum-icon:before{content:"\f569"}.ts-icon.is-plant-wilt-icon:before{content:"\e5aa"}.ts-icon.is-the-red-yeti-icon:before{content:"\f69d";font-family:IconsBrands}.ts-icon.is-tower-broadcast-icon:before{content:"\f519"}.ts-icon.is-critical-role-icon:before{content:"\f6c9";font-family:IconsBrands}.ts-icon.is-list-ul-icon:before{content:"\f0ca"}.ts-icon.is-slideshare-icon:before{content:"\f1e7";font-family:IconsBrands}.ts-icon.is-universal-access-icon:before{content:"\f29a"}.ts-icon.is-house-chimney-medical-icon:before{content:"\f7f2"}.ts-icon.is-jira-icon:before{content:"\f7b1";font-family:IconsBrands}.ts-icon.is-less-than-equal-icon:before{content:"\f537"}.ts-icon.is-square-xmark-icon:before{content:"\f2d3"}.ts-icon.is-golf-ball-tee-icon:before{content:"\f450"}.ts-icon.is-laptop-code-icon:before{content:"\f5fc"}.ts-icon.is-shirtsinbulk-icon:before{content:"\f214";font-family:IconsBrands}.ts-icon.is-fire-extinguisher-icon:before{content:"\f134"}.ts-icon.is-hands-asl-interpreting-icon:before{content:"\f2a3"}.ts-icon.is-school-circle-check-icon:before{content:"\e56b"}.ts-icon.is-servicestack-icon:before{content:"\f3ec";font-family:IconsBrands}.ts-icon.is-vest-icon:before{content:"\e085"}.ts-icon.is-battery-half-icon:before{content:"\f242"}.ts-icon.is-house-medical-icon:before{content:"\e3b2"}.ts-icon.is-memory-icon:before{content:"\f538"}.ts-icon.is-menorah-icon:before{content:"\f676"}.ts-icon.is-mizuni-icon:before{content:"\f3cc";font-family:IconsBrands}.ts-icon.is-rocket-icon:before{content:"\f135"}.ts-icon.is-arrow-up-from-bracket-icon:before{content:"\e09a"}.ts-icon.is-cloud-showers-water-icon:before{content:"\e4e4"}.ts-icon.is-paragraph-icon:before{content:"\f1dd"}.ts-icon.is-apple-pay-icon:before{content:"\f415";font-family:IconsBrands}.ts-icon.is-house-circle-exclamation-icon:before{content:"\e50a"}.ts-icon.is-person-harassing-icon:before{content:"\e549"}.ts-icon.is-sim-card-icon:before{content:"\f7c4"}.ts-icon.is-square-caret-right-icon:before{content:"\f152"}.ts-icon.is-users-viewfinder-icon:before{content:"\e595"}.ts-icon.is-cc-stripe-icon:before{content:"\f1f5";font-family:IconsBrands}.ts-icon.is-cloud-showers-heavy-icon:before{content:"\f740"}.ts-icon.is-road-spikes-icon:before{content:"\e568"}.ts-icon.is-sliders-icon:before{content:"\f1de"}.ts-icon.is-house-chimney-window-icon:before{content:"\e00d"}.ts-icon.is-snowman-icon:before{content:"\f7d0"}.ts-icon.is-magnifying-glass-chart-icon:before{content:"\e522"}.ts-icon.is-pied-piper-alt-icon:before{content:"\f1a8";font-family:IconsBrands}.ts-icon.is-tape-icon:before{content:"\f4db"}.ts-icon.is-truck-arrow-right-icon:before{content:"\e58b"}.ts-icon.is-certificate-icon:before{content:"\f0a3"}.ts-icon.is-phoenix-framework-icon:before{content:"\f3dc";font-family:IconsBrands}.ts-icon.is-plate-wheat-icon:before{content:"\e55a"}.ts-icon.is-arrows-turn-right-icon:before{content:"\e4c0"}.ts-icon.is-creative-commons-pd-icon:before{content:"\f4ec";font-family:IconsBrands}.ts-icon.is-divide-icon:before{content:"\f529"}.ts-icon.is-padlet-icon:before{content:"\e4a0";font-family:IconsBrands}.ts-icon.is-person-hiking-icon:before{content:"\f6ec"}.ts-icon.is-wpbeginner-icon:before{content:"\f297";font-family:IconsBrands}.ts-icon.is-bicycle-icon:before{content:"\f206"}.ts-icon.is-foursquare-icon:before{content:"\f180";font-family:IconsBrands}.ts-icon.is-infinity-icon:before{content:"\f534"}.ts-icon.is-mill-sign-icon:before{content:"\e1ed"}.ts-icon.is-person-digging-icon:before{content:"\f85e"}.ts-icon.is-resolving-icon:before{content:"\f3e7";font-family:IconsBrands}.ts-icon.is-cloudversify-icon:before{content:"\f385";font-family:IconsBrands}.ts-icon.is-podcast-icon:before{content:"\f2ce"}.ts-icon.is-tree-icon:before{content:"\f1bb"}.ts-icon.is-wind-icon:before{content:"\f72e"}.ts-icon.is-grip-icon:before{content:"\f58d"}.ts-icon.is-network-wired-icon:before{content:"\f6ff"}.ts-icon.is-child-rifle-icon:before{content:"\e4e0"}.ts-icon.is-drupal-icon:before{content:"\f1a9";font-family:IconsBrands}.ts-icon.is-mask-face-icon:before{content:"\e1d7"}.ts-icon.is-person-chalkboard-icon:before{content:"\e53d"}.ts-icon.is-viacoin-icon:before{content:"\f237";font-family:IconsBrands}.ts-icon.is-stripe-icon:before{content:"\f429";font-family:IconsBrands}.ts-icon.is-face-dizzy-icon:before{content:"\f567"}.ts-icon.is-money-bill-trend-up-icon:before{content:"\e529"}.ts-icon.is-cc-apple-pay-icon:before{content:"\f416";font-family:IconsBrands}.ts-icon.is-closed-captioning-icon:before{content:"\f20a"}.ts-icon.is-school-flag-icon:before{content:"\e56e"}.ts-icon.is-3-icon:before{content:"\33"}.ts-icon.is-clapperboard-icon:before{content:"\e131"}.ts-icon.is-meta-icon:before{content:"\e49b";font-family:IconsBrands}.ts-icon.is-mug-saucer-icon:before{content:"\f0f4"}.ts-icon.is-yandex-international-icon:before{content:"\f414";font-family:IconsBrands}.ts-icon.is-aws-icon:before{content:"\f375";font-family:IconsBrands}.ts-icon.is-camera-icon:before{content:"\f030"}.ts-icon.is-erlang-icon:before{content:"\f39d";font-family:IconsBrands}.ts-icon.is-mandalorian-icon:before{content:"\f50f";font-family:IconsBrands}.ts-icon.is-soap-icon:before{content:"\e06e"}.ts-icon.is-suitcase-rolling-icon:before{content:"\f5c1"}.ts-icon.is-alipay-icon:before{content:"\f642";font-family:IconsBrands}.ts-icon.is-cable-car-icon:before{content:"\f7da"}.ts-icon.is-joomla-icon:before{content:"\f1aa";font-family:IconsBrands}.ts-icon.is-wallet-icon:before{content:"\f555"}.ts-icon.is-yin-yang-icon:before{content:"\f6ad"}.ts-icon.is-7-icon:before{content:"\37"}.ts-icon.is-piggy-bank-icon:before{content:"\f4d3"}.ts-icon.is-square-xing-icon:before{content:"\f169";font-family:IconsBrands}.ts-icon.is-optin-monster-icon:before{content:"\f23c";font-family:IconsBrands}.ts-icon.is-mailchimp-icon:before{content:"\f59e";font-family:IconsBrands}.ts-icon.is-phone-volume-icon:before{content:"\f2a0"}.ts-icon.is-rectangle-xmark-icon:before{content:"\f410"}.ts-icon.is-toilet-paper-icon:before{content:"\f71e"}.ts-icon.is-google-plus-icon:before{content:"\f2b3";font-family:IconsBrands}.ts-icon.is-hat-cowboy-side-icon:before{content:"\f8c1"}.ts-icon.is-mortar-pestle-icon:before{content:"\f5a7"}.ts-icon.is-plus-minus-icon:before{content:"\e43c"}.ts-icon.is-spider-icon:before{content:"\f717"}.ts-icon.is-user-large-slash-icon:before{content:"\f4fa"}.ts-icon.is-2-icon:before{content:"\32"}.ts-icon.is-bottle-water-icon:before{content:"\e4c5"}.ts-icon.is-creative-commons-sampling-plus-icon:before{content:"\f4f1";font-family:IconsBrands}.ts-icon.is-google-icon:before{content:"\f1a0";font-family:IconsBrands}.ts-icon.is-korvue-icon:before{content:"\f42f";font-family:IconsBrands}.ts-icon.is-square-pen-icon:before{content:"\f14b"}.ts-icon.is-building-columns-icon:before{content:"\f19c"}.ts-icon.is-download-icon:before{content:"\f019"}.ts-icon.is-ebay-icon:before{content:"\f4f4";font-family:IconsBrands}.ts-icon.is-pushed-icon:before{content:"\f3e1";font-family:IconsBrands}.ts-icon.is-fill-icon:before{content:"\f575"}.ts-icon.is-inbox-icon:before{content:"\f01c"}.ts-icon.is-screwdriver-icon:before{content:"\f54a"}.ts-icon.is-stackpath-icon:before{content:"\f842";font-family:IconsBrands}.ts-icon.is-stairs-icon:before{content:"\e289"}.ts-icon.is-comment-slash-icon:before{content:"\f4b3"}.ts-icon.is-hashnode-icon:before{content:"\e499";font-family:IconsBrands}.ts-icon.is-jar-icon:before{content:"\e516"}.ts-icon.is-money-check-dollar-icon:before{content:"\f53d"}.ts-icon.is-store-icon:before{content:"\f54e"}.ts-icon.is-temperature-high-icon:before{content:"\f769"}.ts-icon.is-car-on-icon:before{content:"\e4dd"}.ts-icon.is-mastodon-icon:before{content:"\f4f6";font-family:IconsBrands}.ts-icon.is-underline-icon:before{content:"\f0cd"}.ts-icon.is-volleyball-icon:before{content:"\f45f"}.ts-icon.is-book-skull-icon:before{content:"\f6b7"}.ts-icon.is-z-icon:before{content:"\5a"}.ts-icon.is-backward-step-icon:before{content:"\f048"}.ts-icon.is-cloudscale-icon:before{content:"\f383";font-family:IconsBrands}.ts-icon.is-hammer-icon:before{content:"\f6e3"}.ts-icon.is-turn-down-icon:before{content:"\f3be"}.ts-icon.is-forward-step-icon:before{content:"\f051"}.ts-icon.is-group-arrows-rotate-icon:before{content:"\e4f6"}.ts-icon.is-magnifying-glass-icon:before{content:"\f002"}.ts-icon.is-skyatlas-icon:before{content:"\f216";font-family:IconsBrands}.ts-icon.is-explosion-icon:before{content:"\e4e9"}.ts-icon.is-pen-nib-icon:before{content:"\f5ad"}.ts-icon.is-chess-queen-icon:before{content:"\f445"}.ts-icon.is-user-tie-icon:before{content:"\f508"}.ts-icon.is-bitcoin-icon:before{content:"\f379";font-family:IconsBrands}.ts-icon.is-border-top-left-icon:before{content:"\f853"}.ts-icon.is-glass-water-droplet-icon:before{content:"\e4f5"}.ts-icon.is-minus-icon:before{content:"\f068"}.ts-icon.is-tty-icon:before{content:"\f1e4"}.ts-icon.is-person-cane-icon:before{content:"\e53c"}.ts-icon.is-volcano-icon:before{content:"\f770"}.ts-icon.is-atlassian-icon:before{content:"\f77b";font-family:IconsBrands}.ts-icon.is-bell-icon:before{content:"\f0f3"}.ts-icon.is-plane-circle-exclamation-icon:before{content:"\e556"}.ts-icon.is-book-journal-whills-icon:before{content:"\f66a"}.ts-icon.is-expand-icon:before{content:"\f065"}.ts-icon.is-quora-icon:before{content:"\f2c4";font-family:IconsBrands}.ts-icon.is-volume-off-icon:before{content:"\f026"}.ts-icon.is-tags-icon:before{content:"\f02c"}.ts-icon.is-unity-icon:before{content:"\e049";font-family:IconsBrands}.ts-icon.is-user-xmark-icon:before{content:"\f235"}.ts-icon.is-microchip-icon:before{content:"\f2db"}.ts-icon.is-square-google-plus-icon:before{content:"\f0d4";font-family:IconsBrands}.ts-icon.is-bacon-icon:before{content:"\f7e5"}.ts-icon.is-bottle-droplet-icon:before{content:"\e4c4"}.ts-icon.is-circle-right-icon:before{content:"\f35a"}.ts-icon.is-face-grin-tears-icon:before{content:"\f588"}.ts-icon.is-fire-icon:before{content:"\f06d"}.ts-icon.is-gamepad-icon:before{content:"\f11b"}.ts-icon.is-tencent-weibo-icon:before{content:"\f1d5";font-family:IconsBrands}.ts-icon.is-lungs-icon:before{content:"\f604"}.ts-icon.is-digital-ocean-icon:before{content:"\f391";font-family:IconsBrands}.ts-icon.is-trash-can-arrow-up-icon:before{content:"\f82a"}.ts-icon.is-virus-icon:before{content:"\e074"}.ts-icon.is-chess-knight-icon:before{content:"\f441"}.ts-icon.is-face-laugh-icon:before{content:"\f599"}.ts-icon.is-heart-circle-exclamation-icon:before{content:"\e4fe"}.ts-icon.is-calendar-week-icon:before{content:"\f784"}.ts-icon.is-fantasy-flight-games-icon:before{content:"\f6dc";font-family:IconsBrands}.ts-icon.is-id-card-icon:before{content:"\f2c2"}.ts-icon.is-pen-fancy-icon:before{content:"\f5ac"}.ts-icon.is-toilet-portable-icon:before{content:"\e583"}.ts-icon.is-broom-ball-icon:before{content:"\f458"}.ts-icon.is-shower-icon:before{content:"\f2cc"}.ts-icon.is-gear-icon:before{content:"\f013"}.ts-icon.is-square-virus-icon:before{content:"\e578"}.ts-icon.is-java-icon:before{content:"\f4e4";font-family:IconsBrands}.ts-icon.is-sketch-icon:before{content:"\f7c6";font-family:IconsBrands}.ts-icon.is-venus-mars-icon:before{content:"\f228"}.ts-icon.is-share-icon:before{content:"\f064"}.ts-icon.is-square-plus-icon:before{content:"\f0fe"}.ts-icon.is-baseball-icon:before{content:"\f433"}.ts-icon.is-circle-chevron-down-icon:before{content:"\f13a"}.ts-icon.is-vine-icon:before{content:"\f1ca";font-family:IconsBrands}.ts-icon.is-eraser-icon:before{content:"\f12d"}.ts-icon.is-ruler-vertical-icon:before{content:"\f548"}.ts-icon.is-suse-icon:before{content:"\f7d6";font-family:IconsBrands}.ts-icon.is-bath-icon:before{content:"\f2cd"}.ts-icon.is-openid-icon:before{content:"\f19b";font-family:IconsBrands}.ts-icon.is-repeat-icon:before{content:"\f363"}.ts-icon.is-trash-arrow-up-icon:before{content:"\f829"}.ts-icon.is-reddit-icon:before{content:"\f1a1";font-family:IconsBrands}.ts-icon.is-signal-icon:before{content:"\f012"}.ts-icon.is-table-tennis-paddle-ball-icon:before{content:"\f45d"}.ts-icon.is-tent-arrow-left-right-icon:before{content:"\e57f"}.ts-icon.is-map-location-icon:before{content:"\f59f"}.ts-icon.is-people-robbery-icon:before{content:"\e536"}.ts-icon.is-person-circle-question-icon:before{content:"\e542"}.ts-icon.is-shield-cat-icon:before{content:"\e572"}.ts-icon.is-umbrella-icon:before{content:"\f0e9"}.ts-icon.is-wine-bottle-icon:before{content:"\f72f"}.ts-icon.is-glass-water-icon:before{content:"\e4f4"}.ts-icon.is-house-laptop-icon:before{content:"\e066"}.ts-icon.is-pen-to-square-icon:before{content:"\f044"}.ts-icon.is-square-whatsapp-icon:before{content:"\f40c";font-family:IconsBrands}.ts-icon.is-bahai-icon:before{content:"\f666"}.ts-icon.is-strava-icon:before{content:"\f428";font-family:IconsBrands}.ts-icon.is-wave-square-icon:before{content:"\f83e"}.ts-icon.is-box-open-icon:before{content:"\f49e"}.ts-icon.is-handshake-simple-slash-icon:before{content:"\e05f"}.ts-icon.is-person-falling-burst-icon:before{content:"\e547"}.ts-icon.is-arrow-rotate-left-icon:before{content:"\f0e2"}.ts-icon.is-chess-rook-icon:before{content:"\f447"}.ts-icon.is-ear-deaf-icon:before{content:"\f2a4"}.ts-icon.is-face-sad-tear-icon:before{content:"\f5b4"}.ts-icon.is-vimeo-icon:before{content:"\f40a";font-family:IconsBrands}.ts-icon.is-truck-field-icon:before{content:"\e58d"}.ts-icon.is-arrows-up-down-icon:before{content:"\f07d"}.ts-icon.is-chess-icon:before{content:"\f439"}.ts-icon.is-dragon-icon:before{content:"\f6d5"}.ts-icon.is-drumstick-bite-icon:before{content:"\f6d7"}.ts-icon.is-tablet-screen-button-icon:before{content:"\f3fa"}.ts-icon.is-trophy-icon:before{content:"\f091"}.ts-icon.is-amazon-icon:before{content:"\f270";font-family:IconsBrands}.ts-icon.is-bootstrap-icon:before{content:"\f836";font-family:IconsBrands}.ts-icon.is-facebook-messenger-icon:before{content:"\f39f";font-family:IconsBrands}.ts-icon.is-ticket-icon:before{content:"\f145"}.ts-icon.is-up-down-icon:before{content:"\f338"}.ts-icon.is-users-rectangle-icon:before{content:"\e594"}.ts-icon.is-floppy-disk-icon:before{content:"\f0c7"}.ts-icon.is-grip-vertical-icon:before{content:"\f58e"}.ts-icon.is-quote-left-icon:before{content:"\f10d"}.ts-icon.is-solar-panel-icon:before{content:"\f5ba"}.ts-icon.is-text-slash-icon:before{content:"\f87d"}.ts-icon.is-arrow-down-a-z-icon:before{content:"\f15d"}.ts-icon.is-arrows-to-eye-icon:before{content:"\e4bf"}.ts-icon.is-k-icon:before{content:"\4b"}.ts-icon.is-person-praying-icon:before{content:"\f683"}.ts-icon.is-poop-icon:before{content:"\f619"}.ts-icon.is-truck-droplet-icon:before{content:"\e58c"}.ts-icon.is-code-fork-icon:before{content:"\e13b"}.ts-icon.is-git-icon:before{content:"\f1d3";font-family:IconsBrands}.ts-icon.is-car-tunnel-icon:before{content:"\e4de"}.ts-icon.is-codepen-icon:before{content:"\f1cb";font-family:IconsBrands}.ts-icon.is-square-font-awesome-stroke-icon:before{content:"\f35c";font-family:IconsBrands}.ts-icon.is-superpowers-icon:before{content:"\f2dd";font-family:IconsBrands}.ts-icon.is-xmarks-lines-icon:before{content:"\e59a"}.ts-icon.is-battery-quarter-icon:before{content:"\f243"}.ts-icon.is-bong-icon:before{content:"\f55c"}.ts-icon.is-mars-and-venus-icon:before{content:"\f224"}.ts-icon.is-martini-glass-icon:before{content:"\f57b"}.ts-icon.is-face-meh-blank-icon:before{content:"\f5a4"}.ts-icon.is-gripfire-icon:before{content:"\f3ac";font-family:IconsBrands}.ts-icon.is-award-icon:before{content:"\f559"}.ts-icon.is-calendar-days-icon:before{content:"\f073"}.ts-icon.is-arrows-left-right-to-line-icon:before{content:"\e4ba"}.ts-icon.is-face-sad-cry-icon:before{content:"\f5b3"}.ts-icon.is-medapps-icon:before{content:"\f3c6";font-family:IconsBrands}.ts-icon.is-sith-icon:before{content:"\f512";font-family:IconsBrands}.ts-icon.is-truck-plane-icon:before{content:"\e58f"}.ts-icon.is-usps-icon:before{content:"\f7e1";font-family:IconsBrands}.ts-icon.is-wolf-pack-battalion-icon:before{content:"\f514";font-family:IconsBrands}.ts-icon.is-box-icon:before{content:"\f466"}.ts-icon.is-euro-sign-icon:before{content:"\f153"}.ts-icon.is-eye-icon:before{content:"\f06e"}.ts-icon.is-first-order-alt-icon:before{content:"\f50a";font-family:IconsBrands}.ts-icon.is-icons-icon:before{content:"\f86d"}.ts-icon.is-person-running-icon:before{content:"\f70c"}.ts-icon.is-ello-icon:before{content:"\f5f1";font-family:IconsBrands}.ts-icon.is-themeisle-icon:before{content:"\f2b2";font-family:IconsBrands}.ts-icon.is-person-circle-check-icon:before{content:"\e53e"}.ts-icon.is-bomb-icon:before{content:"\f1e2"}.ts-icon.is-monero-icon:before{content:"\f3d0";font-family:IconsBrands}.ts-icon.is-mosquito-icon:before{content:"\e52b"}.ts-icon.is-caravan-icon:before{content:"\f8ff"}.ts-icon.is-hand-icon:before{content:"\f256"}.ts-icon.is-bore-hole-icon:before{content:"\e4c3"}.ts-icon.is-firefox-browser-icon:before{content:"\e007";font-family:IconsBrands}.ts-icon.is-xmark-icon:before{content:"\f00d"}.ts-icon.is-arrow-up-right-dots-icon:before{content:"\e4b7"}.ts-icon.is-chart-pie-icon:before{content:"\f200"}.ts-icon.is-headset-icon:before{content:"\f590"}.ts-icon.is-hotdog-icon:before{content:"\f80f"}.ts-icon.is-opera-icon:before{content:"\f26a";font-family:IconsBrands}.ts-icon.is-app-store-ios-icon:before{content:"\f370";font-family:IconsBrands}.ts-icon.is-fly-icon:before{content:"\f417";font-family:IconsBrands}.ts-icon.is-taxi-icon:before{content:"\f1ba"}.ts-icon.is-chrome-icon:before{content:"\f268";font-family:IconsBrands}.ts-icon.is-reddit-alien-icon:before{content:"\f281";font-family:IconsBrands}.ts-icon.is-windows-icon:before{content:"\f17a";font-family:IconsBrands}.ts-icon.is-bowl-rice-icon:before{content:"\e2eb"}.ts-icon.is-waze-icon:before{content:"\f83f";font-family:IconsBrands}.ts-icon.is-google-play-icon:before{content:"\f3ab";font-family:IconsBrands}.ts-icon.is-scale-balanced-icon:before{content:"\f24e"}.ts-icon.is-square-behance-icon:before{content:"\f1b5";font-family:IconsBrands}.ts-icon.is-steam-icon:before{content:"\f1b6";font-family:IconsBrands}.ts-icon.is-chromecast-icon:before{content:"\f838";font-family:IconsBrands}.ts-icon.is-dice-icon:before{content:"\f522"}.ts-icon.is-face-grimace-icon:before{content:"\f57f"}.ts-icon.is-lemon-icon:before{content:"\f094"}.ts-icon.is-link-slash-icon:before{content:"\f127"}.ts-icon.is-file-invoice-icon:before{content:"\f570"}.ts-icon.is-panorama-icon:before{content:"\e209"}.ts-icon.is-angles-left-icon:before{content:"\f100"}.ts-icon.is-arrow-up-long-icon:before{content:"\f176"}.ts-icon.is-landmark-icon:before{content:"\f66f"}.ts-icon.is-radiation-icon:before{content:"\f7b9"}.ts-icon.is-tablet-icon:before{content:"\f3fb"}.ts-icon.is-cloud-arrow-down-icon:before{content:"\f0ed"}.ts-icon.is-gift-icon:before{content:"\f06b"}.ts-icon.is-water-ladder-icon:before{content:"\f5c5"}.ts-icon.is-kickstarter-k-icon:before{content:"\f3bc";font-family:IconsBrands}.ts-icon.is-weibo-icon:before{content:"\f18a";font-family:IconsBrands}.ts-icon.is-hands-bubbles-icon:before{content:"\e05e"}.ts-icon.is-circle-notch-icon:before{content:"\f1ce"}.ts-icon.is-registered-icon:before{content:"\f25d"}.ts-icon.is-tachograph-digital-icon:before{content:"\f566"}.ts-icon.is-envelope-open-text-icon:before{content:"\f658"}.ts-icon.is-file-image-icon:before{content:"\f1c5"}.ts-icon.is-gauge-high-icon:before{content:"\f625"}.ts-icon.is-vuejs-icon:before{content:"\f41f";font-family:IconsBrands}.ts-icon.is-hryvnia-sign-icon:before{content:"\f6f2"}.ts-icon.is-person-rifle-icon:before{content:"\e54e"}.ts-icon.is-building-lock-icon:before{content:"\e4d6"}.ts-icon.is-heart-circle-check-icon:before{content:"\e4fd"}.ts-icon.is-text-height-icon:before{content:"\f034"}.ts-icon.is-tiktok-icon:before{content:"\e07b";font-family:IconsBrands}.ts-icon.is-untappd-icon:before{content:"\f405";font-family:IconsBrands}.ts-icon.is-heart-circle-xmark-icon:before{content:"\e501"}.ts-icon.is-align-right-icon:before{content:"\f038"}.ts-icon.is-chevron-left-icon:before{content:"\f053"}.ts-icon.is-house-circle-xmark-icon:before{content:"\e50b"}.ts-icon.is-share-nodes-icon:before{content:"\f1e0"}.ts-icon.is-bots-icon:before{content:"\e340";font-family:IconsBrands}.ts-icon.is-hamsa-icon:before{content:"\f665"}.ts-icon.is-hard-drive-icon:before{content:"\f0a0"}.ts-icon.is-jedi-icon:before{content:"\f669"}.ts-icon.is-table-columns-icon:before{content:"\f0db"}.ts-icon.is-google-drive-icon:before{content:"\f3aa";font-family:IconsBrands}.ts-icon.is-blog-icon:before{content:"\f781"}.ts-icon.is-box-archive-icon:before{content:"\f187"}.ts-icon.is-dong-sign-icon:before{content:"\e169"}.ts-icon.is-volume-xmark-icon:before{content:"\f6a9"}.ts-icon.is-uncharted-icon:before{content:"\e084";font-family:IconsBrands}.ts-icon.is-deskpro-icon:before{content:"\f38f";font-family:IconsBrands}.ts-icon.is-film-icon:before{content:"\f008"}.ts-icon.is-hill-avalanche-icon:before{content:"\e507"}.ts-icon.is-hotjar-icon:before{content:"\f3b1";font-family:IconsBrands}.ts-icon.is-kiwi-bird-icon:before{content:"\f535"}.ts-icon.is-square-pinterest-icon:before{content:"\f0d3";font-family:IconsBrands}.ts-icon.is-check-double-icon:before{content:"\f560"}.ts-icon.is-money-bill-1-wave-icon:before{content:"\f53b"}.ts-icon.is-pepper-hot-icon:before{content:"\f816"}.ts-icon.is-beer-mug-empty-icon:before{content:"\f0fc"}.ts-icon.is-file-circle-check-icon:before{content:"\e5a0"}.ts-icon.is-rss-icon:before{content:"\f09e"}.ts-icon.is-sellcast-icon:before{content:"\f2da";font-family:IconsBrands}.ts-icon.is-slack-icon:before{content:"\f198";font-family:IconsBrands}.ts-icon.is-yoast-icon:before{content:"\f2b1";font-family:IconsBrands}.ts-icon.is-mobile-retro-icon:before{content:"\e527"}.ts-icon.is-square-root-variable-icon:before{content:"\f698"}.ts-icon.is-avianex-icon:before{content:"\f374";font-family:IconsBrands}.ts-icon.is-building-flag-icon:before{content:"\e4d5"}.ts-icon.is-earth-africa-icon:before{content:"\f57c"}.ts-icon.is-python-icon:before{content:"\f3e2";font-family:IconsBrands}.ts-icon.is-truck-monster-icon:before{content:"\f63b"}.ts-icon.is-square-viadeo-icon:before{content:"\f2aa";font-family:IconsBrands}.ts-icon.is-vaadin-icon:before{content:"\f408";font-family:IconsBrands}.ts-icon.is-weight-scale-icon:before{content:"\f496"}.ts-icon.is-bezier-curve-icon:before{content:"\f55b"}.ts-icon.is-gitlab-icon:before{content:"\f296";font-family:IconsBrands}.ts-icon.is-handshake-simple-icon:before{content:"\f4c6"}.ts-icon.is-person-walking-luggage-icon:before{content:"\e554"}.ts-icon.is-truck-ramp-box-icon:before{content:"\f4de"}.ts-icon.is-vnv-icon:before{content:"\f40b";font-family:IconsBrands}.ts-icon.is-hand-holding-hand-icon:before{content:"\e4f7"}.ts-icon.is-user-shield-icon:before{content:"\f505"}.ts-icon.is-austral-sign-icon:before{content:"\e0a9"}.ts-icon.is-circle-stop-icon:before{content:"\f28d"}.ts-icon.is-cloud-arrow-up-icon:before{content:"\f0ee"}.ts-icon.is-cc-paypal-icon:before{content:"\f1f4";font-family:IconsBrands}.ts-icon.is-ear-listen-icon:before{content:"\f2a2"}.ts-icon.is-forward-icon:before{content:"\f04e"}.ts-icon.is-goodreads-g-icon:before{content:"\f3a9";font-family:IconsBrands}.ts-icon.is-hat-wizard-icon:before{content:"\f6e8"}.ts-icon.is-wirsindhandwerk-icon:before{content:"\e2d0";font-family:IconsBrands}.ts-icon.is-accusoft-icon:before{content:"\f369";font-family:IconsBrands}.ts-icon.is-ferry-icon:before{content:"\e4ea"}.ts-icon.is-file-prescription-icon:before{content:"\f572"}.ts-icon.is-folder-open-icon:before{content:"\f07c"}.ts-icon.is-location-crosshairs-icon:before{content:"\f601"}.ts-icon.is-window-restore-icon:before{content:"\f2d2"}.ts-icon.is-hands-clapping-icon:before{content:"\e1a8"}.ts-icon.is-scroll-icon:before{content:"\f70e"}.ts-icon.is-arrow-left-icon:before{content:"\f060"}.ts-icon.is-discourse-icon:before{content:"\f393";font-family:IconsBrands}.ts-icon.is-face-rolling-eyes-icon:before{content:"\f5a5"}.ts-icon.is-walkie-talkie-icon:before{content:"\f8ef"}.ts-icon.is-circle-nodes-icon:before{content:"\e4e2"}.ts-icon.is-folder-tree-icon:before{content:"\f802"}.ts-icon.is-old-republic-icon:before{content:"\f510";font-family:IconsBrands}.ts-icon.is-person-rays-icon:before{content:"\e54d"}.ts-icon.is-renren-icon:before{content:"\f18b";font-family:IconsBrands}.ts-icon.is-peace-icon:before{content:"\f67c"}.ts-icon.is-sailboat-icon:before{content:"\e445"}.ts-icon.is-codiepie-icon:before{content:"\f284";font-family:IconsBrands}.ts-icon.is-minimize-icon:before{content:"\f78c"}.ts-icon.is-arrow-trend-up-icon:before{content:"\e098"}.ts-icon.is-border-all-icon:before{content:"\f84c"}.ts-icon.is-shopify-icon:before{content:"\e057";font-family:IconsBrands}.ts-icon.is-van-shuttle-icon:before{content:"\f5b6"}.ts-icon.is-border-none-icon:before{content:"\f850"}.ts-icon.is-desktop-icon:before{content:"\f390"}.ts-icon.is-person-skiing-icon:before{content:"\f7c9"}.ts-icon.is-square-github-icon:before{content:"\f092";font-family:IconsBrands}.ts-icon.is-teeth-open-icon:before{content:"\f62f"}.ts-icon.is-css3-icon:before{content:"\f13c";font-family:IconsBrands}.ts-icon.is-person-skiing-nordic-icon:before{content:"\f7ca"}.ts-icon.is-toilets-portable-icon:before{content:"\e584"}.ts-icon.is-diamond-icon:before{content:"\f219"}.ts-icon.is-dolly-icon:before{content:"\f472"}.ts-icon.is-face-grin-beam-icon:before{content:"\f582"}.ts-icon.is-glide-icon:before{content:"\f2a5";font-family:IconsBrands}.ts-icon.is-yarn-icon:before{content:"\f7e3";font-family:IconsBrands}.ts-icon.is-bell-concierge-icon:before{content:"\f562"}.ts-icon.is-bolt-icon:before{content:"\f0e7"}.ts-icon.is-tents-icon:before{content:"\e582"}.ts-icon.is-bacteria-icon:before{content:"\e059"}.ts-icon.is-cart-plus-icon:before{content:"\f217"}.ts-icon.is-cubes-icon:before{content:"\f1b3"}.ts-icon.is-outdent-icon:before{content:"\f03b"}.ts-icon.is-temperature-full-icon:before{content:"\f2c7"}.ts-icon.is-brush-icon:before{content:"\f55d"}.ts-icon.is-cc-jcb-icon:before{content:"\f24b";font-family:IconsBrands}.ts-icon.is-puzzle-piece-icon:before{content:"\f12e"}.ts-icon.is-bold-icon:before{content:"\f032"}.ts-icon.is-cent-sign-icon:before{content:"\e3f5"}.ts-icon.is-gauge-icon:before{content:"\f624"}.ts-icon.is-lightbulb-icon:before{content:"\f0eb"}.ts-icon.is-cannabis-icon:before{content:"\f55f"}.ts-icon.is-person-skating-icon:before{content:"\f7c5"}.ts-icon.is-star-half-stroke-icon:before{content:"\f5c0"}.ts-icon.is-video-slash-icon:before{content:"\f4e2"}.ts-icon.is-gulp-icon:before{content:"\f3ae";font-family:IconsBrands}.ts-icon.is-meetup-icon:before{content:"\f2e0";font-family:IconsBrands}.ts-icon.is-people-arrows-icon:before{content:"\e068"}.ts-icon.is-chalkboard-user-icon:before{content:"\f51c"}.ts-icon.is-fill-drip-icon:before{content:"\f576"}.ts-icon.is-gitkraken-icon:before{content:"\f3a6";font-family:IconsBrands}.ts-icon.is-face-flushed-icon:before{content:"\f579"}.ts-icon.is-flag-usa-icon:before{content:"\f74d"}.ts-icon.is-napster-icon:before{content:"\f3d2";font-family:IconsBrands}.ts-icon.is-car-side-icon:before{content:"\f5e4"}.ts-icon.is-fire-flame-simple-icon:before{content:"\f46a"}.ts-icon.is-app-store-icon:before{content:"\f36f";font-family:IconsBrands}.ts-icon.is-jet-fighter-icon:before{content:"\f0fb"}.ts-icon.is-cubes-stacked-icon:before{content:"\e4e6"}.ts-icon.is-hand-holding-heart-icon:before{content:"\f4be"}.ts-icon.is-hotel-icon:before{content:"\f594"}.ts-icon.is-arrow-up-1-9-icon:before{content:"\f163"}.ts-icon.is-person-falling-icon:before{content:"\e546"}.ts-icon.is-staff-snake-icon:before{content:"\e579"}.ts-icon.is-video-icon:before{content:"\f03d"}.ts-icon.is-language-icon:before{content:"\f1ab"}.ts-icon.is-linux-icon:before{content:"\f17c";font-family:IconsBrands}.ts-icon.is-stumbleupon-icon:before{content:"\f1a4";font-family:IconsBrands}.ts-icon.is-unlock-keyhole-icon:before{content:"\f13e"}.ts-icon.is-arrow-down-1-9-icon:before{content:"\f162"}.ts-icon.is-arrow-right-from-bracket-icon:before{content:"\f08b"}.ts-icon.is-bug-icon:before{content:"\f188"}.ts-icon.is-head-side-cough-icon:before{content:"\e061"}.ts-icon.is-people-line-icon:before{content:"\e534"}.ts-icon.is-raspberry-pi-icon:before{content:"\f7bb";font-family:IconsBrands}.ts-icon.is-arrow-up-icon:before{content:"\f062"}.ts-icon.is-buy-n-large-icon:before{content:"\f8a6";font-family:IconsBrands}.ts-icon.is-earth-europe-icon:before{content:"\f7a2"}.ts-icon.is-tree-city-icon:before{content:"\e587"}.ts-icon.is-user-tag-icon:before{content:"\f507"}.ts-icon.is-disease-icon:before{content:"\f7fa"}.ts-icon.is-equals-icon:before{content:"\3d"}.ts-icon.is-heart-circle-bolt-icon:before{content:"\e4fc"}.ts-icon.is-location-arrow-icon:before{content:"\f124"}.ts-icon.is-user-injured-icon:before{content:"\f728"}.ts-icon.is-align-center-icon:before{content:"\f037"}.ts-icon.is-html5-icon:before{content:"\f13b";font-family:IconsBrands}.ts-icon.is-mars-stroke-up-icon:before{content:"\f22a"}.ts-icon.is-mercury-icon:before{content:"\f223"}.ts-icon.is-square-git-icon:before{content:"\f1d2";font-family:IconsBrands}.ts-icon.is-teamspeak-icon:before{content:"\f4f9";font-family:IconsBrands}.ts-icon.is-asterisk-icon:before{content:"\2a"}.ts-icon.is-building-wheat-icon:before{content:"\e4db"}.ts-icon.is-fire-flame-curved-icon:before{content:"\f7e4"}.ts-icon.is-hippo-icon:before{content:"\f6ed"}.ts-icon.is-house-flood-water-circle-arrow-right-icon:before{content:"\e50f"}.ts-icon.is-shapes-icon:before{content:"\f61f"}.ts-icon.is-arrows-down-to-people-icon:before{content:"\e4b9"}.ts-icon.is-chess-king-icon:before{content:"\f43f"}.ts-icon.is-hospital-icon:before{content:"\f0f8"}.ts-icon.is-simplybuilt-icon:before{content:"\f215";font-family:IconsBrands}.ts-icon.is-anchor-lock-icon:before{content:"\e4ad"}.ts-icon.is-mug-hot-icon:before{content:"\f7b6"}.ts-icon.is-prescription-bottle-medical-icon:before{content:"\f486"}.ts-icon.is-envelope-open-icon:before{content:"\f2b6"}.ts-icon.is-exclamation-icon:before{content:"\21"}.ts-icon.is-hand-dots-icon:before{content:"\f461"}.ts-icon.is-house-icon:before{content:"\f015"}.ts-icon.is-temperature-arrow-down-icon:before{content:"\e03f"}.ts-icon.is-venus-icon:before{content:"\f221"}.ts-icon.is-elevator-icon:before{content:"\e16d"}.ts-icon.is-gauge-simple-high-icon:before{content:"\f62a"}.ts-icon.is-user-nurse-icon:before{content:"\f82f"}.ts-icon.is-cart-arrow-down-icon:before{content:"\f218"}.ts-icon.is-hooli-icon:before{content:"\f427";font-family:IconsBrands}.ts-icon.is-creative-commons-share-icon:before{content:"\f4f2";font-family:IconsBrands}.ts-icon.is-mask-ventilator-icon:before{content:"\e524"}.ts-icon.is-money-check-icon:before{content:"\f53c"}.ts-icon.is-stopwatch-20-icon:before{content:"\e06f"}.ts-icon.is-vk-icon:before{content:"\f189";font-family:IconsBrands}.ts-icon.is-graduation-cap-icon:before{content:"\f19d"}.ts-icon.is-jug-detergent-icon:before{content:"\e519"}.ts-icon.is-plane-icon:before{content:"\f072"}.ts-icon.is-speakap-icon:before{content:"\f3f3";font-family:IconsBrands}.ts-icon.is-genderless-icon:before{content:"\f22d"}.ts-icon.is-newspaper-icon:before{content:"\f1ea"}.ts-icon.is-thumbtack-icon:before{content:"\f08d"}.ts-icon.is-vials-icon:before{content:"\f493"}.ts-icon.is-vimeo-v-icon:before{content:"\f27d";font-family:IconsBrands}.ts-icon.is-arrow-down-long-icon:before{content:"\f175"}.ts-icon.is-burger-icon:before{content:"\f805"}.ts-icon.is-clipboard-list-icon:before{content:"\f46d"}.ts-icon.is-code-pull-request-icon:before{content:"\e13c"}.ts-icon.is-notes-medical-icon:before{content:"\f481"}.ts-icon.is-candy-cane-icon:before{content:"\f786"}.ts-icon.is-file-audio-icon:before{content:"\f1c7"}.ts-icon.is-person-arrow-down-to-line-icon:before{content:"\e538"}.ts-icon.is-plane-departure-icon:before{content:"\f5b0"}.ts-icon.is-boxes-packing-icon:before{content:"\e4c7"}.ts-icon.is-globe-icon:before{content:"\f0ac"}.ts-icon.is-r-project-icon:before{content:"\f4f7";font-family:IconsBrands}.ts-icon.is-user-group-icon:before{content:"\f500"}.ts-icon.is-rotate-right-icon:before{content:"\f2f9"}.ts-icon.is-tent-icon:before{content:"\e57d"}.ts-icon.is-box-tissue-icon:before{content:"\e05b"}.ts-icon.is-face-angry-icon:before{content:"\f556"}.ts-icon.is-face-grin-wink-icon:before{content:"\f58c"}.ts-icon.is-images-icon:before{content:"\f302"}.ts-icon.is-location-pin-lock-icon:before{content:"\e51f"}.ts-icon.is-rectangle-ad-icon:before{content:"\f641"}.ts-icon.is-comments-dollar-icon:before{content:"\f653"}.ts-icon.is-plug-circle-exclamation-icon:before{content:"\e55d"}.ts-icon.is-cloud-sun-icon:before{content:"\f6c4"}.ts-icon.is-gauge-simple-icon:before{content:"\f629"}.ts-icon.is-indent-icon:before{content:"\f03c"}.ts-icon.is-wheelchair-icon:before{content:"\f193"}.ts-icon.is-blackberry-icon:before{content:"\f37b";font-family:IconsBrands}.ts-icon.is-briefcase-medical-icon:before{content:"\f469"}.ts-icon.is-calendar-minus-icon:before{content:"\f272"}.ts-icon.is-orcid-icon:before{content:"\f8d2";font-family:IconsBrands}.ts-icon.is-safari-icon:before{content:"\f267";font-family:IconsBrands}.ts-icon.is-swatchbook-icon:before{content:"\f5c3"}.ts-icon.is-less-than-icon:before{content:"\3c"}.ts-icon.is-mars-double-icon:before{content:"\f227"}.ts-icon.is-ban-smoking-icon:before{content:"\f54d"}.ts-icon.is-business-time-icon:before{content:"\f64a"}.ts-icon.is-circle-plus-icon:before{content:"\f055"}.ts-icon.is-fort-awesome-alt-icon:before{content:"\f3a3";font-family:IconsBrands}.ts-icon.is-hands-holding-icon:before{content:"\f4c2"}.ts-icon.is-less-icon:before{content:"\f41d";font-family:IconsBrands}.ts-icon.is-republican-icon:before{content:"\f75e"}.ts-icon.is-file-code-icon:before{content:"\f1c9"}.ts-icon.is-square-check-icon:before{content:"\f14a"}.ts-icon.is-arrows-to-circle-icon:before{content:"\e4bd"}.ts-icon.is-dharmachakra-icon:before{content:"\f655"}.ts-icon.is-face-smile-icon:before{content:"\f118"}.ts-icon.is-lines-leaning-icon:before{content:"\e51e"}.ts-icon.is-plane-circle-xmark-icon:before{content:"\e557"}.ts-icon.is-yammer-icon:before{content:"\f840";font-family:IconsBrands}.ts-icon.is-crown-icon:before{content:"\f521"}.ts-icon.is-file-circle-minus-icon:before{content:"\e4ed"}.ts-icon.is-arrow-left-long-icon:before{content:"\f177"}.ts-icon.is-face-laugh-wink-icon:before{content:"\f59c"}.ts-icon.is-highlighter-icon:before{content:"\f591"}.ts-icon.is-hourglass-end-icon:before{content:"\f253"}.ts-icon.is-sort-down-icon:before{content:"\f0dd"}.ts-icon.is-align-left-icon:before{content:"\f036"}.ts-icon.is-arrows-turn-to-dots-icon:before{content:"\e4c1"}.ts-icon.is-car-burst-icon:before{content:"\f5e1"}.ts-icon.is-draft2digital-icon:before{content:"\f396";font-family:IconsBrands}.ts-icon.is-font-icon:before{content:"\f031"}.ts-icon.is-handshake-icon:before{content:"\f2b5"}.ts-icon.is-circle-arrow-left-icon:before{content:"\f0a8"}.ts-icon.is-deviantart-icon:before{content:"\f1bd";font-family:IconsBrands}.ts-icon.is-linode-icon:before{content:"\f2b8";font-family:IconsBrands}.ts-icon.is-hand-holding-dollar-icon:before{content:"\f4c0"}.ts-icon.is-microblog-icon:before{content:"\e01a";font-family:IconsBrands}.ts-icon.is-screenpal-icon:before{content:"\e570";font-family:IconsBrands}.ts-icon.is-blogger-icon:before{content:"\f37c";font-family:IconsBrands}.ts-icon.is-book-open-reader-icon:before{content:"\f5da"}.ts-icon.is-football-icon:before{content:"\f44e"}.ts-icon.is-gopuram-icon:before{content:"\f664"}.ts-icon.is-hand-middle-finger-icon:before{content:"\f806"}.ts-icon.is-list-check-icon:before{content:"\f0ae"}.ts-icon.is-star-of-david-icon:before{content:"\f69a"}.ts-icon.is-dice-three-icon:before{content:"\f527"}.ts-icon.is-arrows-left-right-icon:before{content:"\f07e"}.ts-icon.is-h-icon:before{content:"\48"}.ts-icon.is-person-walking-with-cane-icon:before{content:"\f29d"}.ts-icon.is-ravelry-icon:before{content:"\f2d9";font-family:IconsBrands}.ts-icon.is-internet-explorer-icon:before{content:"\f26b";font-family:IconsBrands}.ts-icon.is-wand-sparkles-icon:before{content:"\f72b"}.ts-icon.is-ruler-horizontal-icon:before{content:"\f547"}.ts-icon.is-scribd-icon:before{content:"\f28a";font-family:IconsBrands}.ts-icon.is-chair-icon:before{content:"\f6c0"}.ts-icon.is-creative-commons-zero-icon:before{content:"\f4f3";font-family:IconsBrands}.ts-icon.is-hackerrank-icon:before{content:"\f5f7";font-family:IconsBrands}.ts-icon.is-house-medical-circle-xmark-icon:before{content:"\e513"}.ts-icon.is-question-icon:before{content:"\3f"}.ts-icon.is-rotate-icon:before{content:"\f2f1"}.ts-icon.is-tarp-icon:before{content:"\e57b"}.ts-icon.is-temperature-half-icon:before{content:"\f2c9"}.ts-icon.is-buffer-icon:before{content:"\f837";font-family:IconsBrands}.ts-icon.is-building-user-icon:before{content:"\e4da"}.ts-icon.is-head-side-mask-icon:before{content:"\e063"}.ts-icon.is-person-dots-from-line-icon:before{content:"\f470"}.ts-icon.is-signs-post-icon:before{content:"\f277"}.ts-icon.is-venus-double-icon:before{content:"\f226"}.ts-icon.is-calculator-icon:before{content:"\f1ec"}.ts-icon.is-maxcdn-icon:before{content:"\f136";font-family:IconsBrands}.ts-icon.is-coins-icon:before{content:"\f51e"}.ts-icon.is-hands-praying-icon:before{content:"\f684"}.ts-icon.is-pinterest-icon:before{content:"\f0d2";font-family:IconsBrands}.ts-icon.is-instagram-icon:before{content:"\f16d";font-family:IconsBrands}.ts-icon.is-tablets-icon:before{content:"\f490"}.ts-icon.is-fulcrum-icon:before{content:"\f50b";font-family:IconsBrands}.ts-icon.is-phone-flip-icon:before{content:"\f879"}.ts-icon.is-road-circle-exclamation-icon:before{content:"\e565"}.ts-icon.is-square-icon:before{content:"\f0c8"}.ts-icon.is-battery-full-icon:before{content:"\f240"}.ts-icon.is-book-open-icon:before{content:"\f518"}.ts-icon.is-comment-dollar-icon:before{content:"\f651"}.ts-icon.is-hive-icon:before{content:"\e07f";font-family:IconsBrands}.ts-icon.is-hourglass-half-icon:before{content:"\f252"}.ts-icon.is-person-through-window-icon:before{content:"\e5a9"}.ts-icon.is-users-gear-icon:before{content:"\f509"}.ts-icon.is-xbox-icon:before{content:"\f412";font-family:IconsBrands}.ts-icon.is-building-circle-xmark-icon:before{content:"\e4d4"}.ts-icon.is-figma-icon:before{content:"\f799";font-family:IconsBrands}.ts-icon.is-house-signal-icon:before{content:"\e012"}.ts-icon.is-mitten-icon:before{content:"\f7b5"}.ts-icon.is-square-phone-icon:before{content:"\f098"}.ts-icon.is-1-icon:before{content:"\31"}.ts-icon.is-creative-commons-nc-icon:before{content:"\f4e8";font-family:IconsBrands}.ts-icon.is-mound-icon:before{content:"\e52d"}.ts-icon.is-people-carry-box-icon:before{content:"\f4ce"}.ts-icon.is-pix-icon:before{content:"\e43a";font-family:IconsBrands}.ts-icon.is-ruler-icon:before{content:"\f545"}.ts-icon.is-js-icon:before{content:"\f3b8";font-family:IconsBrands}.ts-icon.is-monument-icon:before{content:"\f5a6"}.ts-icon.is-arrows-to-dot-icon:before{content:"\e4be"}.ts-icon.is-audio-description-icon:before{content:"\f29e"}.ts-icon.is-burst-icon:before{content:"\e4dc"}.ts-icon.is-buysellads-icon:before{content:"\f20d";font-family:IconsBrands}.ts-icon.is-flask-vial-icon:before{content:"\e4f3"}.ts-icon.is-grav-icon:before{content:"\f2d6";font-family:IconsBrands}.ts-icon.is-creative-commons-nc-jp-icon:before{content:"\f4ea";font-family:IconsBrands}.ts-icon.is-face-grin-tongue-icon:before{content:"\f589"}.ts-icon.is-square-nfi-icon:before{content:"\e576"}.ts-icon.is-triangle-exclamation-icon:before{content:"\f071"}.ts-icon.is-comment-icon:before{content:"\f075"}.ts-icon.is-mars-stroke-icon:before{content:"\f229"}.ts-icon.is-circle-down-icon:before{content:"\f358"}.ts-icon.is-product-hunt-icon:before{content:"\f288";font-family:IconsBrands}.ts-icon.is-rug-icon:before{content:"\e569"}.ts-icon.is-screwdriver-wrench-icon:before{content:"\f7d9"}.ts-icon.is-cow-icon:before{content:"\f6c8"}.ts-icon.is-yen-sign-icon:before{content:"\f157"}.ts-icon.is-diagram-project-icon:before{content:"\f542"}.ts-icon.is-ghost-icon:before{content:"\f6e2"}.ts-icon.is-hand-peace-icon:before{content:"\f25b"}.ts-icon.is-down-long-icon:before{content:"\f309"}.ts-icon.is-hand-holding-droplet-icon:before{content:"\f4c1"}.ts-icon.is-reacteurope-icon:before{content:"\f75d";font-family:IconsBrands}.ts-icon.is-sourcetree-icon:before{content:"\f7d3";font-family:IconsBrands}.ts-icon.is-fire-burner-icon:before{content:"\e4f1"}.ts-icon.is-pills-icon:before{content:"\f484"}.ts-icon.is-schlix-icon:before{content:"\f3ea";font-family:IconsBrands}.ts-icon.is-square-pied-piper-icon:before{content:"\e01e";font-family:IconsBrands}.ts-icon.is-truck-field-un-icon:before{content:"\e58e"}.ts-icon.is-joint-icon:before{content:"\f595"}.ts-icon.is-shop-slash-icon:before{content:"\e070"}.ts-icon.is-child-icon:before{content:"\f1ae"}.ts-icon.is-square-up-right-icon:before{content:"\f360"}.ts-icon.is-house-flood-water-icon:before{content:"\e50e"}.ts-icon.is-link-icon:before{content:"\f0c1"}.ts-icon.is-umbrella-beach-icon:before{content:"\f5ca"}.ts-icon.is-500px-icon:before{content:"\f26e";font-family:IconsBrands}.ts-icon.is-arrow-turn-down-icon:before{content:"\f149"}.ts-icon.is-bluetooth-b-icon:before{content:"\f294";font-family:IconsBrands}.ts-icon.is-faucet-drip-icon:before{content:"\e006"}.ts-icon.is-square-arrow-up-right-icon:before{content:"\f14c"}.ts-icon.is-toggle-on-icon:before{content:"\f205"}.ts-icon.is-wizards-of-the-coast-icon:before{content:"\f730";font-family:IconsBrands}.ts-icon.is-anchor-circle-exclamation-icon:before{content:"\e4ab"}.ts-icon.is-arrow-down-up-lock-icon:before{content:"\e4b0"}.ts-icon.is-bridge-circle-check-icon:before{content:"\e4c9"}.ts-icon.is-nimblr-icon:before{content:"\f5a8";font-family:IconsBrands}.ts-icon.is-school-circle-xmark-icon:before{content:"\e56d"}.ts-icon.is-strikethrough-icon:before{content:"\f0cc"}.ts-icon.is-left-right-icon:before{content:"\f337"}.ts-icon.is-bugs-icon:before{content:"\e4d0"}.ts-icon.is-plane-circle-check-icon:before{content:"\e555"}.ts-icon.is-whiskey-glass-icon:before{content:"\f7a0"}.ts-icon.is-traffic-light-icon:before{content:"\f637"}.ts-icon.is-adversal-icon:before{content:"\f36a";font-family:IconsBrands}.ts-icon.is-building-icon:before{content:"\f1ad"}.ts-icon.is-dailymotion-icon:before{content:"\e052";font-family:IconsBrands}.ts-icon.is-git-alt-icon:before{content:"\f841";font-family:IconsBrands}.ts-icon.is-kaggle-icon:before{content:"\f5fa";font-family:IconsBrands}.ts-icon.is-radio-icon:before{content:"\f8d7"}.ts-icon.is-bimobject-icon:before{content:"\f378";font-family:IconsBrands}.ts-icon.is-arrow-trend-down-icon:before{content:"\e097"}.ts-icon.is-feather-pointed-icon:before{content:"\f56b"}.ts-icon.is-filter-circle-dollar-icon:before{content:"\f662"}.ts-icon.is-music-icon:before{content:"\f001"}.ts-icon.is-road-bridge-icon:before{content:"\e563"}.ts-icon.is-shuffle-icon:before{content:"\f074"}.ts-icon.is-dochub-icon:before{content:"\f394";font-family:IconsBrands}.ts-icon.is-gg-icon:before{content:"\f260";font-family:IconsBrands}.ts-icon.is-map-icon:before{content:"\f279"}.ts-icon.is-hand-point-right-icon:before{content:"\f0a4"}.ts-icon.is-mdb-icon:before{content:"\f8ca";font-family:IconsBrands}.ts-icon.is-pied-piper-pp-icon:before{content:"\f1a7";font-family:IconsBrands}.ts-icon.is-map-location-dot-icon:before{content:"\f5a0"}.ts-icon.is-person-circle-minus-icon:before{content:"\e540"}.ts-icon.is-spotify-icon:before{content:"\f1bc";font-family:IconsBrands}.ts-icon.is-hand-holding-icon:before{content:"\f4bd"}.ts-icon.is-hockey-puck-icon:before{content:"\f453"}.ts-icon.is-person-icon:before{content:"\f183"}.ts-icon.is-anchor-circle-xmark-icon:before{content:"\e4ac"}.ts-icon.is-binoculars-icon:before{content:"\f1e5"}.ts-icon.is-carrot-icon:before{content:"\f787"}.ts-icon.is-css3-alt-icon:before{content:"\f38b";font-family:IconsBrands}.ts-icon.is-envelope-circle-check-icon:before{content:"\e4e8"}.ts-icon.is-angle-right-icon:before{content:"\f105"}.ts-icon.is-check-icon:before{content:"\f00c"}.ts-icon.is-rev-icon:before{content:"\f5b2";font-family:IconsBrands}.ts-icon.is-soundcloud-icon:before{content:"\f1be";font-family:IconsBrands}.ts-icon.is-square-dribbble-icon:before{content:"\f397";font-family:IconsBrands}.ts-icon.is-chess-bishop-icon:before{content:"\f43a"}.ts-icon.is-cloud-moon-icon:before{content:"\f6c3"}.ts-icon.is-faucet-icon:before{content:"\e005"}.ts-icon.is-head-side-cough-slash-icon:before{content:"\e062"}.ts-icon.is-nutritionix-icon:before{content:"\f3d6";font-family:IconsBrands}.ts-icon.is-pied-piper-hat-icon:before{content:"\f4e5";font-family:IconsBrands}.ts-icon.is-church-icon:before{content:"\f51d"}.ts-icon.is-circle-minus-icon:before{content:"\f056"}.ts-icon.is-f-icon:before{content:"\46"}.ts-icon.is-person-swimming-icon:before{content:"\f5c4"}.ts-icon.is-comments-icon:before{content:"\f086"}.ts-icon.is-hand-back-fist-icon:before{content:"\f255"}.ts-icon.is-calendar-plus-icon:before{content:"\f271"}.ts-icon.is-dog-icon:before{content:"\f6d3"}.ts-icon.is-lock-open-icon:before{content:"\f3c1"}.ts-icon.is-arrows-up-to-line-icon:before{content:"\e4c2"}.ts-icon.is-mobile-icon:before{content:"\f3ce"}.ts-icon.is-perbyte-icon:before{content:"\e083";font-family:IconsBrands}.ts-icon.is-vr-cardboard-icon:before{content:"\f729"}.ts-icon.is-yahoo-icon:before{content:"\f19e";font-family:IconsBrands}.ts-icon.is-filter-icon:before{content:"\f0b0"}.ts-icon.is-hand-fist-icon:before{content:"\f6de"}.ts-icon.is-house-medical-circle-check-icon:before{content:"\e511"}.ts-icon.is-megaport-icon:before{content:"\f5a3";font-family:IconsBrands}.ts-icon.is-shrimp-icon:before{content:"\e448"}.ts-icon.is-suitcase-icon:before{content:"\f0f2"}.ts-icon.is-plane-up-icon:before{content:"\e22d"}.ts-icon.is-sleigh-icon:before{content:"\f7cc"}.ts-icon.is-a-icon:before{content:"\41"}.ts-icon.is-airbnb-icon:before{content:"\f834";font-family:IconsBrands}.ts-icon.is-child-dress-icon:before{content:"\e59c"}.ts-icon.is-npm-icon:before{content:"\f3d4";font-family:IconsBrands}.ts-icon.is-bookmark-icon:before{content:"\f02e"}.ts-icon.is-calendar-icon:before{content:"\f133"}.ts-icon.is-child-reaching-icon:before{content:"\e59d"}.ts-icon.is-cloud-rain-icon:before{content:"\f73d"}.ts-icon.is-creative-commons-sa-icon:before{content:"\f4ef";font-family:IconsBrands}.ts-icon.is-school-icon:before{content:"\f549"}.ts-icon.is-trash-icon:before{content:"\f1f8"}.ts-icon.is-parachute-box-icon:before{content:"\f4cd"}.ts-icon.is-snowplow-icon:before{content:"\f7d2"}.ts-icon.is-wikipedia-w-icon:before{content:"\f266";font-family:IconsBrands}.ts-icon.is-face-laugh-squint-icon:before{content:"\f59b"}.ts-icon.is-face-tired-icon:before{content:"\f5c8"}.ts-icon.is-firstdraft-icon:before{content:"\f3a1";font-family:IconsBrands}.ts-icon.is-land-mine-on-icon:before{content:"\e51b"}.ts-icon.is-arrow-right-to-city-icon:before{content:"\e4b3"}.ts-icon.is-cc-discover-icon:before{content:"\f1f2";font-family:IconsBrands}.ts-icon.is-mars-and-venus-burst-icon:before{content:"\e523"}.ts-icon.is-worm-icon:before{content:"\e599"}.ts-icon.is-chess-pawn-icon:before{content:"\f443"}.ts-icon.is-g-icon:before{content:"\47"}.ts-icon.is-lira-sign-icon:before{content:"\f195"}.ts-icon.is-person-snowboarding-icon:before{content:"\f7ce"}.ts-icon.is-poo-icon:before{content:"\f2fe"}.ts-icon.is-arrow-down-icon:before{content:"\f063"}.ts-icon.is-peseta-sign-icon:before{content:"\e221"}.ts-icon.is-replyd-icon:before{content:"\f3e6";font-family:IconsBrands}.ts-icon.is-vial-virus-icon:before{content:"\e597"}.ts-icon.is-blender-icon:before{content:"\f517"}.ts-icon.is-briefcase-icon:before{content:"\f0b1"}.ts-icon.is-cloud-meatball-icon:before{content:"\f73b"}.ts-icon.is-d-and-d-beyond-icon:before{content:"\f6ca";font-family:IconsBrands}.ts-icon.is-ussunnah-icon:before{content:"\f407";font-family:IconsBrands}.ts-icon.is-face-grin-wide-icon:before{content:"\f581"}.ts-icon.is-helmet-un-icon:before{content:"\e503"}.ts-icon.is-ice-cream-icon:before{content:"\f810"}.ts-icon.is-square-vimeo-icon:before{content:"\f194";font-family:IconsBrands}.ts-icon.is-deezer-icon:before{content:"\e077";font-family:IconsBrands}.ts-icon.is-hand-scissors-icon:before{content:"\f257"}.ts-icon.is-crosshairs-icon:before{content:"\f05b"}.ts-icon.is-prescription-bottle-icon:before{content:"\f485"}.ts-icon.is-shield-halved-icon:before{content:"\f3ed"}.ts-icon.is-smog-icon:before{content:"\f75f"}.ts-icon.is-truck-moving-icon:before{content:"\f4df"}.ts-icon.is-campground-icon:before{content:"\f6bb"}.ts-icon.is-caret-right-icon:before{content:"\f0da"}.ts-icon.is-diaspora-icon:before{content:"\f791";font-family:IconsBrands}.ts-icon.is-opencart-icon:before{content:"\f23d";font-family:IconsBrands}.ts-icon.is-chart-column-icon:before{content:"\e0e3"}.ts-icon.is-satellite-icon:before{content:"\f7bf"}.ts-icon.is-stamp-icon:before{content:"\f5bf"}.ts-icon.is-file-circle-question-icon:before{content:"\e4ef"}.ts-icon.is-record-vinyl-icon:before{content:"\f8d9"}.ts-icon.is-square-reddit-icon:before{content:"\f1a2";font-family:IconsBrands}.ts-icon.is-warehouse-icon:before{content:"\f494"}.ts-icon.is-rockrms-icon:before{content:"\f3e9";font-family:IconsBrands}.ts-icon.is-yelp-icon:before{content:"\f1e9";font-family:IconsBrands}.ts-icon.is-diagram-next-icon:before{content:"\e476"}.ts-icon.is-left-long-icon:before{content:"\f30a"}.ts-icon.is-voicemail-icon:before{content:"\f897"}.ts-icon.is-clock-rotate-left-icon:before{content:"\f1da"}.ts-icon.is-gofore-icon:before{content:"\f3a7";font-family:IconsBrands}.ts-icon.is-arrow-right-arrow-left-icon:before{content:"\f0ec"}.ts-icon.is-heart-circle-plus-icon:before{content:"\e500"}.ts-icon.is-mars-icon:before{content:"\f222"}.ts-icon.is-flag-icon:before{content:"\f024"}.ts-icon.is-heart-icon:before{content:"\f004"}.ts-icon.is-gavel-icon:before{content:"\f0e3"}.ts-icon.is-y-combinator-icon:before{content:"\f23b";font-family:IconsBrands}.ts-icon.is-bowl-food-icon:before{content:"\e4c6"}.ts-icon.is-circle-chevron-right-icon:before{content:"\f138"}.ts-icon.is-compass-drafting-icon:before{content:"\f568"}.ts-icon.is-face-frown-icon:before{content:"\f119"}.ts-icon.is-vihara-icon:before{content:"\f6a7"}.ts-icon.is-biohazard-icon:before{content:"\f780"}.ts-icon.is-house-fire-icon:before{content:"\e50c"}.ts-icon.is-magento-icon:before{content:"\f3c4";font-family:IconsBrands}.ts-icon.is-octopus-deploy-icon:before{content:"\e082";font-family:IconsBrands}.ts-icon.is-square-snapchat-icon:before{content:"\f2ad";font-family:IconsBrands}.ts-icon.is-wifi-icon:before{content:"\f1eb"}.ts-icon.is-square-font-awesome-icon:before{content:"\e5ad";font-family:IconsBrands}.ts-icon.is-arrow-right-to-bracket-icon:before{content:"\f090"}.ts-icon.is-bity-icon:before{content:"\f37a";font-family:IconsBrands}.ts-icon.is-kip-sign-icon:before{content:"\e1c4"}.ts-icon.is-pallet-icon:before{content:"\f482"}.ts-icon.is-ruler-combined-icon:before{content:"\f546"}.ts-icon.is-sass-icon:before{content:"\f41e";font-family:IconsBrands}.ts-icon.is-temperature-three-quarters-icon:before{content:"\f2c8"}.ts-icon.is-angle-down-icon:before{content:"\f107"}.ts-icon.is-arrow-down-wide-short-icon:before{content:"\f160"}.ts-icon.is-file-shield-icon:before{content:"\e4f0"}.ts-icon.is-hand-pointer-icon:before{content:"\f25a"}.ts-icon.is-ruble-sign-icon:before{content:"\f158"}.ts-icon.is-square-poll-vertical-icon:before{content:"\f681"}.ts-icon.is-bitbucket-icon:before{content:"\f171";font-family:IconsBrands}.ts-icon.is-torii-gate-icon:before{content:"\f6a1"}.ts-icon.is-watchman-monitoring-icon:before{content:"\e087";font-family:IconsBrands}.ts-icon.is-bucket-icon:before{content:"\e4cf"}.ts-icon.is-person-military-pointing-icon:before{content:"\e54a"}.ts-icon.is-share-from-square-icon:before{content:"\f14d"}.ts-icon.is-arrows-down-to-line-icon:before{content:"\e4b8"}.ts-icon.is-cash-register-icon:before{content:"\f788"}.ts-icon.is-cheese-icon:before{content:"\f7ef"}.ts-icon.is-square-facebook-icon:before{content:"\f082";font-family:IconsBrands}.ts-icon.is-ticket-simple-icon:before{content:"\f3ff"}.ts-icon.is-wpexplorer-icon:before{content:"\f2de";font-family:IconsBrands}.ts-icon.is-wodu-icon:before{content:"\e088";font-family:IconsBrands}.ts-icon.is-angle-up-icon:before{content:"\f106"}.ts-icon.is-face-grin-beam-sweat-icon:before{content:"\f583"}.ts-icon.is-github-icon:before{content:"\f09b";font-family:IconsBrands}.ts-icon.is-neos-icon:before{content:"\f612";font-family:IconsBrands}.ts-icon.is-shuttle-space-icon:before{content:"\f197"}.ts-icon.is-truck-icon:before{content:"\f0d1"}.ts-icon.is-landmark-flag-icon:before{content:"\e51c"}.ts-icon.is-magnifying-glass-location-icon:before{content:"\f689"}.ts-icon.is-volume-low-icon:before{content:"\f027"}.ts-icon.is-gas-pump-icon:before{content:"\f52f"}.ts-icon.is-gg-circle-icon:before{content:"\f261";font-family:IconsBrands}.ts-icon.is-laptop-medical-icon:before{content:"\f812"}.ts-icon.is-rectangle-list-icon:before{content:"\f022"}.ts-icon.is-steam-symbol-icon:before{content:"\f3f6";font-family:IconsBrands}.ts-icon.is-arrows-rotate-icon:before{content:"\f021"}.ts-icon.is-phoenix-squadron-icon:before{content:"\f511";font-family:IconsBrands}.ts-icon.is-tent-arrow-turn-left-icon:before{content:"\e580"}.ts-icon.is-trowel-bricks-icon:before{content:"\e58a"}.ts-icon.is-accessible-icon-icon:before{content:"\f368";font-family:IconsBrands}.ts-icon.is-building-circle-arrow-right-icon:before{content:"\e4d1"}.ts-icon.is-city-icon:before{content:"\f64f"}.ts-icon.is-fax-icon:before{content:"\f1ac"}.ts-icon.is-shield-heart-icon:before{content:"\e574"}.ts-icon.is-square-gitlab-icon:before{content:"\e5ae";font-family:IconsBrands}.ts-icon.is-chevron-up-icon:before{content:"\f077"}.ts-icon.is-mattress-pillow-icon:before{content:"\e525"}.ts-icon.is-shekel-sign-icon:before{content:"\f20b"}.ts-icon.is-user-large-icon:before{content:"\f406"}.ts-icon.is-adn-icon:before{content:"\f170";font-family:IconsBrands}.ts-icon.is-house-circle-check-icon:before{content:"\e509"}.ts-icon.is-tower-cell-icon:before{content:"\e585"}.ts-icon.is-cruzeiro-sign-icon:before{content:"\e152"}.ts-icon.is-empire-icon:before{content:"\f1d1";font-family:IconsBrands}.ts-icon.is-ideal-icon:before{content:"\e013";font-family:IconsBrands}.ts-icon.is-osi-icon:before{content:"\f41a";font-family:IconsBrands}.ts-icon.is-pump-medical-icon:before{content:"\e06a"}.ts-icon.is-synagogue-icon:before{content:"\f69b"}.ts-icon.is-egg-icon:before{content:"\f7fb"}.ts-icon.is-etsy-icon:before{content:"\f2d7";font-family:IconsBrands}.ts-icon.is-helicopter-symbol-icon:before{content:"\e502"}.ts-icon.is-house-medical-flag-icon:before{content:"\e514"}.ts-icon.is-e-icon:before{content:"\45"}.ts-icon.is-hat-cowboy-icon:before{content:"\f8c0"}.ts-icon.is-list-icon:before{content:"\f03a"}.ts-icon.is-mixer-icon:before{content:"\e056";font-family:IconsBrands}.ts-icon.is-calendar-xmark-icon:before{content:"\f273"}.ts-icon.is-person-pregnant-icon:before{content:"\e31e"}.ts-icon.is-train-tram-icon:before{content:"\e5b4"}.ts-icon.is-brazilian-real-sign-icon:before{content:"\e46c"}.ts-icon.is-tenge-sign-icon:before{content:"\f7d7"}.ts-icon.is-user-gear-icon:before{content:"\f4fe"}.ts-icon.is-heart-crack-icon:before{content:"\f7a9"}.ts-icon.is-houzz-icon:before{content:"\f27c";font-family:IconsBrands}.ts-icon.is-road-circle-xmark-icon:before{content:"\e566"}.ts-icon.is-meteor-icon:before{content:"\f753"}.ts-icon.is-person-walking-arrow-right-icon:before{content:"\e552"}.ts-icon.is-bell-slash-icon:before{content:"\f1f6"}.ts-icon.is-building-un-icon:before{content:"\e4d9"}.ts-icon.is-champagne-glasses-icon:before{content:"\f79f"}.ts-icon.is-compass-icon:before{content:"\f14e"}.ts-icon.is-forward-fast-icon:before{content:"\f050"}.ts-icon.is-keybase-icon:before{content:"\f4f5";font-family:IconsBrands}.ts-icon.is-plug-circle-minus-icon:before{content:"\e55e"}.ts-icon.is-trello-icon:before{content:"\f181";font-family:IconsBrands}.ts-icon.is-arrow-rotate-right-icon:before{content:"\f01e"}.ts-icon.is-bridge-lock-icon:before{content:"\e4cc"}.ts-icon.is-clone-icon:before{content:"\f24d"}.ts-icon.is-money-bill-icon:before{content:"\f0d6"}.ts-icon.is-signature-icon:before{content:"\f5b7"}.ts-icon.is-b-icon:before{content:"\42"}.ts-icon.is-copyright-icon:before{content:"\f1f9"}.ts-icon.is-edge-legacy-icon:before{content:"\e078";font-family:IconsBrands}.ts-icon.is-php-icon:before{content:"\f457";font-family:IconsBrands}.ts-icon.is-virus-covid-icon:before{content:"\e4a8"}.ts-icon.is-handcuffs-icon:before{content:"\e4f8"}.ts-icon.is-p-icon:before{content:"\50"}.ts-icon.is-square-odnoklassniki-icon:before{content:"\f264";font-family:IconsBrands}.ts-icon.is-cc-visa-icon:before{content:"\f1f0";font-family:IconsBrands}.ts-icon.is-thumbs-down-icon:before{content:"\f165"}.ts-icon.is-sort-up-icon:before{content:"\f0de"}.ts-icon.is-square-caret-up-icon:before{content:"\f151"}.ts-icon.is-user-pen-icon:before{content:"\f4ff"}.ts-icon.is-hand-lizard-icon:before{content:"\f258"}.ts-icon.is-person-half-dress-icon:before{content:"\e548"}.ts-icon.is-plug-circle-xmark-icon:before{content:"\e560"}.ts-icon.is-toggle-off-icon:before{content:"\f204"}.ts-icon.is-circle-user-icon:before{content:"\f2bd"}.ts-icon.is-line-icon:before{content:"\f3c0";font-family:IconsBrands}.ts-icon.is-heart-circle-minus-icon:before{content:"\e4ff"}.ts-icon.is-paypal-icon:before{content:"\f1ed";font-family:IconsBrands}.ts-icon.is-stapler-icon:before{content:"\e5af"}.ts-icon.is-table-list-icon:before{content:"\f00b"}.ts-icon.is-t-icon:before{content:"\54"}.ts-icon.is-edge-icon:before{content:"\f282";font-family:IconsBrands}.ts-icon.is-file-video-icon:before{content:"\f1c8"}.ts-icon.is-wheat-awn-icon:before{content:"\e2cd"}.ts-icon.is-fort-awesome-icon:before{content:"\f286";font-family:IconsBrands}.ts-icon.is-circle-check-icon:before{content:"\f058"}.ts-icon.is-face-grin-squint-tears-icon:before{content:"\f586"}.ts-icon.is-robot-icon:before{content:"\f544"}.ts-icon.is-scale-unbalanced-flip-icon:before{content:"\f516"}.ts-icon.is-arrow-up-wide-short-icon:before{content:"\f161"}.ts-icon.is-dumpster-icon:before{content:"\f793"}.ts-icon.is-viber-icon:before{content:"\f409";font-family:IconsBrands}.ts-icon.is-battery-empty-icon:before{content:"\f244"}.ts-icon.is-house-chimney-user-icon:before{content:"\e065"}.ts-icon.is-id-card-clip-icon:before{content:"\f47f"}.ts-icon.is-martini-glass-citrus-icon:before{content:"\f561"}.ts-icon.is-splotch-icon:before{content:"\f5bc"}.ts-icon.is-subscript-icon:before{content:"\f12c"}.ts-icon.is-info-icon:before{content:"\f129"}.ts-icon.is-up-right-from-square-icon:before{content:"\f35d"}.ts-icon.is-amazon-pay-icon:before{content:"\f42c";font-family:IconsBrands}.ts-icon.is-hacker-news-icon:before{content:"\f1d4";font-family:IconsBrands}.ts-icon.is-researchgate-icon:before{content:"\f4f8";font-family:IconsBrands}.ts-icon.is-sheet-plastic-icon:before{content:"\e571"}.ts-icon.is-clipboard-question-icon:before{content:"\e4e3"}.ts-icon.is-file-csv-icon:before{content:"\f6dd"}@font-face{font-family:Icons;font-style:normal;font-variant:normal;font-weight:400;src:url(fonts/icons/fa-solid-900.woff2) format("woff2"),url(fonts/icons/fa-solid-900.ttf) format("truetype");text-decoration:inherit;text-transform:none}@font-face{font-family:IconsBrands;font-style:normal;font-variant:normal;font-weight:400;src:url(fonts/icons/fa-brands-400.woff2) format("woff2"),url(fonts/icons/fa-brands-400.ttf) format("truetype");text-decoration:inherit;text-transform:none}@font-face{font-family:IconsRegular;font-style:normal;font-variant:normal;font-weight:400;src:url(fonts/icons/fa-regular-400.woff2) format("woff2"),url(fonts/icons/fa-regular-400.ttf) format("truetype");text-decoration:inherit;text-transform:none}@keyframes ts-icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ts-icon{-webkit-font-smoothing:antialiased;backface-visibility:hidden;color:inherit;display:inline;font-family:Icons;font-style:normal;font-weight:400;text-align:center;text-decoration:none;width:1.18em}.ts-icon.is-regular{font-family:IconsRegular}.ts-icon.is-circular,.ts-icon.is-rounded{align-items:center;border-radius:500em!important;box-shadow:0 0 0 .1em var(--ts-gray-300) inset;box-sizing:border-box;display:inline-flex;height:2em!important;justify-content:center;line-height:1!important;padding:.5em!important;width:2em!important}.ts-icon.is-rounded{border-radius:.4rem!important}.ts-icon.is-spinning{animation:ts-icon-spin 2s linear infinite;display:inline-block}.ts-icon.is-negative{color:var(--ts-negative-500)}.ts-icon.is-disabled{opacity:.25;pointer-events:none}.ts-icon.is-squared{align-items:center;background:var(--ts-gray-100);border-radius:.4rem;display:inline-flex;font-size:1.3em;height:3rem;justify-content:center;width:3rem}.ts-icon.is-secondary{color:var(--ts-gray-500)}.ts-icon.is-small{font-size:var(--ts-font-size-13px)}.ts-icon.is-large{font-size:var(--ts-font-size-18px)}.ts-icon.is-big{font-size:var(--ts-font-size-24px)}.ts-icon.is-huge{font-size:var(--ts-font-size-30px)}.ts-icon.is-heading{font-size:var(--ts-font-size-75px);line-height:1}.ts-icon.is-spaced{margin-left:.45rem;margin-right:.45rem}.ts-icon.is-start-spaced{margin-left:.45rem}.ts-icon.is-end-spaced{margin-right:.45rem}.ts-divider{border-top:1px solid var(--ts-gray-300)}.ts-divider.is-vertical{border-left:1px solid var(--ts-gray-300);border-top:0;height:100%}.ts-divider.is-section{margin:1rem 0}.ts-divider:is(.is-center-text,.is-start-text,.is-end-text){align-items:center;border-top:0;color:var(--ts-gray-800);display:flex;gap:1rem}.ts-divider:is(.is-center-text,.is-start-text,.is-end-text):after,.ts-divider:is(.is-center-text,.is-start-text,.is-end-text):before{background-color:var(--ts-gray-300);content:"";flex-grow:1;height:1px}.ts-divider.is-end-text:after,.ts-divider.is-start-text:before{display:none}.ts-input{--border-radius:.4rem;--height:var(--ts-input-height-medium);display:flex;width:100%}.ts-input input{height:var(--height);padding:0 1rem}.ts-input input,.ts-input textarea{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;background:var(--ts-gray-50);box-sizing:border-box;color:var(--ts-gray-800);font:inherit;font-size:var(--ts-font-size-14px);line-height:1.5;margin:0;outline:none;overflow:visible;resize:none;width:100%}.ts-input textarea{padding:.467rem 1rem}.ts-input input:focus,.ts-input textarea:focus{outline:0}.ts-input input,.ts-input textarea{border:1px solid var(--ts-gray-300);border-radius:var(--border-radius)}.ts-input input:focus,.ts-input textarea:focus{border-color:var(--ts-primary-600)}.ts-input input::-webkit-calendar-picker-indicator,.ts-input input::-webkit-inner-spin-button{line-height:1;opacity:.4}.ts-input input[type=color]{aspect-ratio:1/1;cursor:pointer;overflow:hidden;padding:0;width:auto}.ts-input input[type=color]::-webkit-color-swatch{border:0;border-radius:.4rem;bottom:4px;height:auto;left:4px;padding:0;position:absolute;right:4px;top:4px;width:auto}.ts-input input[type=color]::-moz-color-swatch{border:0;border-radius:.4rem;bottom:4px;height:auto;left:4px;padding:0;position:absolute;right:4px;top:4px;width:auto}.ts-input.is-solid input,.ts-input.is-solid textarea{background:var(--ts-gray-100);border:1px solid transparent;border-radius:var(--border-radius)}.ts-input.is-solid input:focus,.ts-input.is-solid textarea:focus{background:var(--ts-gray-50);border:1px solid var(--ts-gray-300)}.ts-input.is-underlined input,.ts-input.is-underlined textarea{background:var(--ts-gray-100);border:2px solid transparent;border-bottom:2px solid var(--ts-gray-400);border-radius:var(--border-radius) var(--border-radius) 0 0}.ts-input.is-underlined input:focus,.ts-input.is-underlined textarea:focus{border-bottom-color:var(--ts-primary-600)}.ts-input.is-resizable input,.ts-input.is-resizable textarea{min-height:5rem;resize:vertical}.ts-input.is-circular{--border-radius:100rem}.ts-input.is-basic input{background:transparent;border:0;padding:0}.ts-input:is(.is-start-labeled,.is-end-labeled,.is-labeled) :is(.input,.label){border-radius:var(--border-radius)}.ts-input:is(.is-start-labeled,.is-end-labeled,.is-labeled) .label{align-items:center;background:var(--ts-gray-100);border:1px solid var(--ts-gray-300);color:var(--ts-gray-700);display:flex;font-size:var(--ts-font-size-14px);justify-content:center;line-height:1;padding:0 .6rem}.ts-input:is(.is-start-labeled,.is-labeled) .label{border-bottom-right-radius:0;border-right-width:0;border-top-right-radius:0}.ts-input:is(.is-start-labeled,.is-labeled) input{border-bottom-left-radius:0;border-top-left-radius:0}.ts-input:is(.is-end-labeled,.is-labeled) .label{border-bottom-left-radius:0;border-left-width:0;border-top-left-radius:0}.ts-input:is(.is-end-labeled,.is-labeled) input{border-bottom-right-radius:0;border-top-right-radius:0}.ts-input.is-labeled .label:first-child{border-bottom-left-radius:var(--border-radius);border-left-width:1px;border-top-left-radius:var(--border-radius)}.ts-input.is-labeled .label:last-child{border-bottom-right-radius:var(--border-radius);border-right-width:1px;border-top-right-radius:var(--border-radius)}.ts-input:is(.is-start-labeled,.is-labeled,.is-end-labeled).is-underlined .label{background:var(--ts-gray-200);border:0;border-bottom:2px solid var(--ts-gray-400)}.ts-input:is(.is-start-labeled,.is-labeled).is-underlined .label{border-bottom-left-radius:0}.ts-input:is(.is-end-labeled,.is-labeled).is-underlined .label{border-bottom-right-radius:0}.ts-input:is(.is-start-labeled,.is-labeled).is-underlined input{border-left:0}.ts-input:is(.is-end-labeled,.is-labeled).is-underlined input{border-right:0}.ts-input:is(.is-start-labeled,.is-labeled,.is-end-labeled).is-solid .label{background:var(--ts-gray-200);border-color:transparent}.ts-input:is(.is-start-labeled,.is-labeled,.is-end-labeled).is-solid:focus-within .label{border-color:var(--ts-gray-300)}.ts-input.is-end-icon .ts-icon,.ts-input.is-icon .ts-icon,.ts-input.is-start-icon .ts-icon{align-items:center;bottom:0;color:var(--ts-gray-700);display:flex!important;justify-content:center;position:absolute;top:0;z-index:1}.ts-input.is-icon .ts-icon:first-child,.ts-input.is-start-icon .ts-icon{left:1rem}.ts-input.is-icon input,.ts-input.is-start-icon input{box-sizing:border-box;padding-left:2.8rem}.ts-input.is-end-icon .ts-icon,.ts-input.is-icon .ts-icon:last-child{right:1rem}.ts-input.is-end-icon input,.ts-input.is-icon input{box-sizing:border-box;padding-right:2.8rem}.ts-input.is-negative :is(input,textarea){border-color:var(--ts-negative-400);color:var(--ts-negative-600);font-weight:500}.ts-input.is-negative .label{border-color:var(--ts-negative-400)}.ts-input.is-negative.is-solid:is(.is-start-labeled,.is-labeled,.is-end-labeled) .label{border-color:var(--ts-negative-400)}.ts-input.is-negative.is-solid input:focus,.ts-input.is-negative.is-solid textarea:focus{background:var(--ts-gray-100);border:1px solid var(--ts-negative-400)}.ts-input.is-negative.is-underlined :is(.label,input,textarea){border-color:transparent;border-bottom-color:var(--ts-negative-400)}.ts-input.is-disabled input,.ts-input.is-disabled textarea{cursor:not-allowed;opacity:.5;pointer-events:none}.ts-input.is-disabled.is-underlined{border-bottom-color:var(--ts-gray-300)}.ts-input.is-fluid{display:flex;width:100%}.ts-input.is-fluid input,.ts-input.is-fluid textarea{width:100%}.ts-input.is-dense input{--height:var(--ts-input-height-medium-dense)}.ts-input.is-dense.is-small input{--height:var(--ts-input-height-small-dense)}.ts-input.is-dense.is-large input{--height:var(--ts-input-height-large-dense)}.ts-input.is-small input{--height:var(--ts-input-height-small)}.ts-input.is-large input{--height:var(--ts-input-height-large)}.ts-input.is-small :is(input,textarea,.ts-icon){font-size:var(--ts-font-size-13px)}.ts-input.is-large :is(input,textarea,.ts-icon){font-size:var(--ts-font-size-17px)}.ts-file{--height:var(--ts-input-height-medium);display:inline-flex}.ts-file input{background:var(--ts-gray-50);border:1px solid var(--ts-gray-300);border-radius:.4rem;color:var(--ts-gray-800);font-size:var(--ts-font-size-14px);height:var(--height);line-height:calc(var(--height) - 1px);padding:0 1rem 0 .6rem}.ts-file input::-webkit-file-upload-button,.ts-file input::file-selector-button{background:var(--ts-gray-200);border:0;border-radius:.4rem;color:var(--ts-gray-800);display:inline-block;font-family:Noto Sans TC,SF Pro TC,SF Pro Text,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,Microsoft JhengHei,wf_SegoeUI,Segoe UI,Segoe,Segoe WP,Tahoma,Verdana,Ubuntu,Bitstream Vera Sans,DejaVu Sans,微軟正黑體,LiHei Pro,WenQuanYi Micro Hei,Droid Sans Fallback,AR PL UMing TW,Roboto,Hiragino Maru Gothic ProN,メイリオ,ヒラギノ丸ゴ ProN W4,Meiryo,Droid Sans,sans-serif;font-size:var(--ts-relative-small);font-weight:500;line-height:1.5;margin-right:.5rem;min-width:75px;padding:.2em .5rem;text-align:center;text-decoration:none}.ts-file.is-underlined input{background:var(--ts-gray-100);border:2px solid transparent;border-bottom:2px solid var(--ts-gray-400);border-radius:.4rem .4rem 0 0}.ts-file.is-solid input{background:var(--ts-gray-100);border-color:transparent}.ts-file:is(.is-solid,.is-underlined) input::-webkit-file-upload-button,.ts-file:is(.is-solid,.is-underlined) input::file-selector-button{background:var(--ts-gray-300)}.ts-file.is-disabled{cursor:not-allowed;opacity:.5;pointer-events:none;user-select:none}.ts-file.is-negative input{border-color:var(--ts-negative-400);color:var(--ts-negative-600);font-weight:500}.ts-file.is-negative.is-underlined input{border-color:transparent;border-bottom-color:var(--ts-negative-400)}.ts-file.is-fluid{display:flex;width:100%}.ts-file.is-fluid input,.ts-file.is-fluid textarea{width:100%}.ts-file.is-small input{--height:var(--ts-input-height-small)}.ts-file.is-large input{--height:var(--ts-input-height-large)}.ts-file.is-small :is(input,input::file-selector-button,input::-webkit-file-upload-button){font-size:var(--ts-font-size-13px)}.ts-file.is-large :is(input,input::file-selector-button,input::-webkit-file-upload-button){font-size:var(--ts-font-size-17px)}.ts-file.is-dense input{--height:var(--ts-input-height-medium-dense)}.ts-file.is-dense input::-webkit-file-upload-button,.ts-file.is-dense input::file-selector-button{padding-bottom:.15rem;padding-top:.15rem}.ts-file.is-small.is-dense input{--height:var(--ts-input-height-small-dense)}.ts-file.is-large.is-dense input{--height:var(--ts-input-height-large-dense)}.ts-notice{background:var(--ts-gray-800);border:1px solid transparent;color:var(--ts-gray-50);display:block;padding:.45rem 1rem}.ts-notice,.ts-notice .title{border-radius:.4rem;font-size:var(--ts-font-size-14px)}.ts-notice .title{background:var(--ts-gray-50);color:var(--ts-gray-800);display:inline-block;line-height:1;margin-right:.6rem;margin-top:.05rem;padding:.3rem .5rem;text-align:justify;white-space:nowrap}.ts-notice .content{display:inline}.ts-notice a{text-decoration:underline}.ts-notice.is-negative{background:var(--ts-negative-500);color:var(--ts-white)}.ts-notice.is-negative .title{background:var(--ts-white);color:var(--ts-negative-600)}.ts-notice.is-outlined{background:transparent;border-color:var(--ts-gray-300);color:var(--ts-gray-800)}.ts-notice.is-outlined .title{background:var(--ts-gray-800);color:var(--ts-gray-50)}.ts-notice.is-outlined.is-negative .title{background:var(--ts-negative-500);color:var(--ts-gray-50)}.ts-notice.is-small,.ts-notice.is-small .title{font-size:var(--ts-font-size-13px)}.ts-notice.is-large,.ts-notice.is-large .title{font-size:var(--ts-font-size-17px)}.ts-notice.is-dense,.ts-notice.is-dense .title{padding-bottom:.25rem;padding-top:.25rem}.ts-checkbox{align-items:flex-start;color:inherit;cursor:pointer;display:inline-flex;margin-top:-3px;user-select:none;vertical-align:middle}.ts-checkbox input{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;background:transparent;background:var(--ts-gray-200);border:none;border:1px solid var(--ts-gray-200);border-radius:0;border-radius:.2rem;box-sizing:border-box;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0;margin-right:.5rem;margin-top:5px;min-height:1.15rem;min-width:1.15rem;outline:none;overflow:visible;padding:0;user-select:none;width:auto}.ts-checkbox input:checked{background:var(--ts-primary-700);border-color:var(--ts-primary-700)}.ts-checkbox input:focus{outline:0}.ts-checkbox input:after{-webkit-font-smoothing:antialiased;align-items:center;backface-visibility:hidden;bottom:0;color:var(--ts-white);content:"\f00c";display:none;font-family:Icons;font-size:1rem;font-style:normal;font-weight:400;justify-content:center;left:0;position:absolute;right:0;text-align:center;text-decoration:inherit;top:0;transform:scale(.8);z-index:1}.ts-checkbox input:checked:after{display:flex}.ts-checkbox.is-disabled{cursor:not-allowed;opacity:.5;pointer-events:none;user-select:none}.ts-checkbox.is-disabled input{background:var(--ts-gray-200);border-color:var(--ts-gray-200)}.ts-checkbox.is-negative input{border-color:var(--ts-negative-600);border-width:2px}.ts-checkbox.is-indeterminate input:after{content:"\f068"}.ts-checkbox.is-small input{min-height:.95rem;min-width:.95rem}.ts-checkbox.is-small input:after{font-size:var(--ts-font-size-12px)}.ts-checkbox.is-small{font-size:var(--ts-font-size-14px)}.ts-checkbox.is-large input{min-height:1.3rem;min-width:1.3rem}.ts-checkbox.is-large{font-size:var(--ts-font-size-17px)}.ts-checkbox.is-large input:after{font-size:var(--ts-font-size-16px)}.ts-radio{align-items:flex-start;cursor:pointer;display:inline-flex;margin-top:-3px;vertical-align:middle}.ts-radio,.ts-radio input{color:inherit;user-select:none}.ts-radio input{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;background:transparent;background:var(--ts-gray-200);border:none;border:1px solid var(--ts-gray-200);border-radius:0;border-radius:100rem;box-sizing:border-box;cursor:pointer;font:inherit;line-height:normal;margin:0;margin-right:.5rem;margin-top:5px;min-height:1.15rem;min-width:1.15rem;outline:none;overflow:visible;padding:0;width:auto}.ts-radio input:checked{background:var(--ts-primary-700);border-color:var(--ts-primary-700)}.ts-radio input:focus{outline:0}.ts-radio input:after{-webkit-font-smoothing:antialiased;align-items:center;backface-visibility:hidden;bottom:0;color:var(--ts-white);content:"\f111";display:none;font-family:Icons;font-size:1rem;font-style:normal;font-weight:400;justify-content:center;left:0;position:absolute;right:0;text-align:center;text-decoration:inherit;top:0;transform:scale(.5);z-index:1}.ts-radio input:checked:after{display:flex}.ts-radio.is-disabled{cursor:not-allowed;opacity:.5;pointer-events:none;user-select:none}.ts-radio.is-disabled input{background:var(--ts-gray-200);border-color:var(--ts-gray-200)}.ts-radio.is-negative input{border-color:var(--ts-negative-600);border-width:2px}.ts-radio.is-small input{min-height:.95rem;min-width:.95rem}.ts-radio.is-small,.ts-radio.is-small input:after{font-size:var(--ts-font-size-14px)}.ts-radio.is-large input{min-height:1.3rem;min-width:1.3rem}.ts-radio.is-large{font-size:var(--ts-font-size-17px)}.ts-radio.is-large input:after{font-size:var(--ts-font-size-18px)}@keyframes ts-progress-active{0%{opacity:.8;width:0}to{opacity:0;width:100%}}@keyframes ts-progress-animation{0%{background-position:0}to{background-position:40px}}@keyframes ts-progress-indeterminate{0%{margin-left:-10%;margin-right:100%}40%{margin-left:25%;margin-right:0}to{margin-left:100%;margin-right:0}}.ts-progress{background:var(--ts-gray-300);border-radius:.4rem;display:flex;line-height:1;min-height:1.6rem;overflow:hidden}.ts-progress .bar{--value:0;align-items:center;background:var(--ts-gray-800);border-radius:.4rem;color:var(--ts-gray-50);display:inline-flex;font-size:var(--ts-font-size-14px);justify-content:flex-end;min-width:fit-content;padding:0 .5rem;text-align:right;transition:width 1s ease-out;width:calc(var(--value)*1%);z-index:1}.ts-progress.is-active .bar:after{animation:ts-progress-active 2s cubic-bezier(.4,0,.2,1) infinite;background:#5a5a5a;border-radius:.4rem;bottom:0;content:"";left:0;position:absolute;top:0}.ts-progress.is-empty .bar{background:transparent;color:var(--ts-gray-800)}.ts-progress.is-processing{animation:ts-progress-animation 2s linear 0s infinite;background-image:linear-gradient(135deg,#9e9e9e 25%,#949494 0,#949494 50%,#9e9e9e 0,#9e9e9e 75%,#949494 0,#949494);background-size:40px 40px}.ts-progress.is-indeterminate .bar{animation:ts-progress-indeterminate 2s cubic-bezier(.4,0,.2,1) 0s infinite;min-width:0;width:100%!important}.ts-progress.is-indeterminate .bar .text{visibility:hidden}.ts-progress.is-queried .bar{animation:ts-progress-indeterminate 2s cubic-bezier(.4,0,.2,1) 0s infinite;animation-direction:reverse;min-width:0;width:100%!important}.ts-progress.is-queried .bar .text{visibility:hidden}.ts-progress .bar.is-secondary{background:var(--ts-gray-400);bottom:0;color:var(--ts-gray-800);position:absolute;top:0;z-index:0}.ts-progress.is-tiny{min-height:.7rem}.ts-progress.is-tiny .bar .text{font-size:.8em}.ts-progress.is-small{min-height:1.2rem}.ts-progress.is-small .bar .text{font-size:.85em}.ts-progress.is-large .bar{min-height:2.1875rem}.ts-badge{align-self:center;background:var(--ts-gray-800);border:1px solid transparent;border-radius:100rem;color:var(--ts-gray-50);display:inline-block;font-size:var(--ts-font-size-14px);font-weight:400;line-height:1;padding:.225rem .5rem;text-decoration:none;vertical-align:middle;white-space:nowrap}.ts-badge.is-secondary{background:var(--ts-gray-200);color:var(--ts-gray-800)}.ts-badge.is-outlined{background:transparent;border-color:var(--ts-gray-300);color:var(--ts-gray-800)}.ts-badge.is-negative{background:var(--ts-negative-500);color:var(--ts-white)}.ts-badge.is-negative.is-outlined{background:transparent;border-color:var(--ts-negative-500);color:var(--ts-negative-700)}.ts-badge.is-small{font-size:var(--ts-font-size-12px)}.ts-badge.is-large{font-size:var(--ts-font-size-16px)}.ts-badge.is-dense{padding-bottom:.125rem;padding-top:.125rem}.ts-badge.is-spaced{margin-left:.45rem;margin-right:.45rem}.ts-badge.is-start-spaced{margin-left:.45rem}.ts-badge.is-end-spaced{margin-right:.45rem}.ts-pagination{background:var(--ts-gray-200);border:1px solid var(--ts-gray-200);border-radius:100rem;color:var(--ts-gray-800);display:inline-flex;padding:.25rem .5rem}.ts-pagination .item{align-items:center;border-radius:100rem;color:var(--ts-gray-800);cursor:pointer;display:flex;gap:.5rem;justify-content:center;line-height:1;margin:0 .15rem;padding:.5rem .8rem;text-decoration:none}.ts-pagination .item.is-active{background:var(--ts-gray-800);color:var(--ts-gray-50)}.ts-pagination.is-fluid{display:flex}.ts-pagination .item.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-pagination .item.is-back,.ts-pagination .item.is-next{-webkit-font-smoothing:antialiased;backface-visibility:hidden;font-family:Icons;font-style:normal;font-weight:400;padding-bottom:.5rem;padding-top:.5rem;text-align:center;text-decoration:inherit}.ts-pagination .item.is-back:before{content:"\f053";font-size:13px}.ts-pagination .item.is-next{margin-left:auto}.ts-pagination .item.is-next:after{content:"\f054";font-size:13px}.ts-pagination.is-secondary{background:transparent;border-color:transparent;padding:0}.ts-pagination.is-small{font-size:var(--ts-font-size-13px)}.ts-pagination.is-large{font-size:var(--ts-font-size-17px)}.ts-pagination.is-dense{padding-bottom:.15rem;padding-top:.15rem}.ts-pagination.is-dense .item{padding-bottom:.3rem;padding-top:.3rem}.ts-space{--ts-gap:1rem;height:var(--ts-gap)}.ts-space:before{content:" "}.ts-space.is-small{--ts-gap:0.5rem}.ts-space.is-large{--ts-gap:1.5rem}.ts-space.is-big{--ts-gap:3rem}.ts-space.is-huge{--ts-gap:4.5rem}.ts-select{--object-distance-vertical:0.4rem;--object-distance-horizontal:0.8rem;--height:var(--ts-input-height-medium);background:var(--ts-gray-50);border:1px solid var(--ts-gray-300);border-radius:.4rem;cursor:pointer;display:inline-flex;height:var(--height)}.ts-select select{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;background:inherit;border:none;border-radius:.4rem;box-sizing:border-box;font:inherit;margin:0;outline:none;overflow:hidden;text-overflow:ellipsis;user-select:none;white-space:nowrap}.ts-select select:focus{outline:0}.ts-select .content,.ts-select select{color:var(--ts-gray-800);cursor:pointer;font-size:var(--ts-font-size-14px);line-height:1.5;padding:0 2.5rem 0 1rem;width:100%}.ts-select .content{align-items:center;display:flex;gap:var(--object-distance-vertical) var(--object-distance-horizontal);overflow:hidden;user-select:none;width:calc(100% - 2.5rem)}.ts-select .content,.ts-select .content *{flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-select select option{background:inherit}.ts-select:after{-webkit-font-smoothing:antialiased;align-items:center;backface-visibility:hidden;bottom:0;color:var(--ts-gray-700);content:"\f078";display:flex;font-family:Icons;font-size:13px;font-style:normal;font-weight:400;justify-content:center;pointer-events:none;position:absolute;right:1rem;text-align:center;text-decoration:inherit;top:0;width:1.18em}.ts-select.is-active{border-color:var(--ts-primary-600)}.ts-select.is-active .ts-dropdown{display:inline-flex}.ts-select.is-solid{background:var(--ts-gray-100);border-color:transparent}.ts-select:focus-within{border-color:var(--ts-primary-600)}.ts-select.is-underlined{background:var(--ts-gray-100);border:2px solid transparent;border-bottom:2px solid var(--ts-gray-400);border-radius:.4rem .4rem 0 0}.ts-select.is-underlined select option{background:var(--ts-gray-50)}.ts-select.is-underlined:focus-within{border-bottom-color:var(--ts-primary-600)}.ts-select.is-basic{background:transparent;border-color:transparent;min-height:auto;padding:0}.ts-select.is-basic select{line-height:1;padding:0 1.4rem 0 0}.ts-select.is-basic:after{font-size:12px;padding-top:2px;right:0}.ts-select.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-select.is-fluid{width:100%}.ts-select.is-negative{border-color:var(--ts-negative-400)}.ts-select.is-negative select{color:var(--ts-negative-600);font-weight:500}.ts-select.is-negative.is-underlined{border-color:transparent;border-bottom-color:var(--ts-negative-400)}.ts-select.is-small{--height:var(--ts-input-height-small)}.ts-select.is-large{--height:var(--ts-input-height-large)}.ts-select.is-small select{font-size:var(--ts-font-size-13px)}.ts-select.is-large select{font-size:var(--ts-font-size-17px)}.ts-select.is-dense{--height:var(--ts-input-height-medium-dense)}.ts-select.is-dense.is-small{--height:var(--ts-input-height-small-dense)}.ts-select.is-dense.is-large{--height:var(--ts-input-height-large-dense)}.ts-select.is-wrappable{height:auto;min-height:var(--height);padding:.184em 0}.ts-select.is-wrappable .content{flex-wrap:wrap}.ts-select.is-wrappable:after{bottom:auto;top:.5em}.ts-fieldset{border:1px solid var(--ts-gray-300);border-radius:.4rem;color:inherit;padding:.5rem 1rem 1rem}.ts-fieldset legend{color:var(--ts-gray-600);font-weight:400;margin-left:-.7em;padding:0 .7em;pointer-events:none;user-select:none}.ts-fieldset.is-dense{padding-bottom:.5rem;padding-top:.25rem}.ts-text{color:inherit}.ts-text.is-editable{cursor:pointer;text-decoration-color:var(--ts-gray-400);text-decoration-line:underline;text-decoration-style:dotted}.ts-text:is(.is-1-line,.is-2-lines,.is-3-lines,.is-4-lines,.is-5-lines){-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.ts-text.is-1-line{-webkit-line-clamp:1}.ts-text.is-2-lines{-webkit-line-clamp:2}.ts-text.is-3-lines{-webkit-line-clamp:3}.ts-text.is-4-lines{-webkit-line-clamp:4}.ts-text.is-5-lines{-webkit-line-clamp:5}.ts-text.is-secondary{color:var(--ts-gray-500)}.ts-text.is-bold{font-weight:500!important}.ts-text.is-heavy{font-weight:700!important}.ts-text.is-italic{font-style:italic!important}.ts-text.is-deleted{text-decoration:line-through!important}.ts-text.is-underlined{text-decoration:underline!important}.ts-text.is-link.is-link.is-link{color:var(--ts-link-700)}.ts-text.is-link{text-decoration:underline}.ts-text.is-link:active,.ts-text.is-link:hover,.ts-text.is-link:visited{color:inherit}.ts-text.is-undecorated{text-decoration:none}.ts-text.is-undecorated:hover{text-decoration:underline}.ts-text.is-external-link:after{-webkit-font-smoothing:antialiased;backface-visibility:hidden;content:"\f35d";display:inline;font-family:Icons;font-size:.8em;font-style:normal;font-weight:400;margin-left:.25rem;text-align:center;text-decoration:inherit;width:1.18em}.ts-text.is-code{background:var(--ts-gray-200);color:var(--ts-gray-800);padding:0 .2rem}.ts-text.is-code,.ts-text.is-mark{border-radius:.4rem;font-size:var(--ts-font-size-14px)}.ts-text.is-mark{background:var(--ts-warning-500);color:var(--ts-black);padding:0 .25rem}.ts-text.is-key{background:var(--ts-gray-100);border-bottom:3px solid var(--ts-gray-300);border-radius:.4rem;color:var(--ts-gray-800);font-size:var(--ts-font-size-14px);padding:0 .35rem}.ts-text.is-sup{font-size:12px;opacity:.8;vertical-align:top}.ts-text.is-sub{font-size:12px;opacity:.8;vertical-align:bottom}.ts-text.is-truncated{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-text.is-uppercased{text-transform:uppercase}.ts-text.is-lowercased{text-transform:lowercase}.ts-text.is-center-aligned{text-align:center}.ts-text.is-start-aligned{text-align:left}.ts-text.is-end-aligned{text-align:right}.ts-text.is-label{color:var(--ts-gray-800);font-size:var(--ts-font-size-14px);font-weight:500;line-height:1}.ts-text.is-description{color:var(--ts-gray-500);font-size:var(--ts-font-size-14px)}.ts-text.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-text.is-required:after{color:var(--ts-negative-600);content:" *";font-weight:700}.ts-text.is-tiny{font-size:var(--ts-font-size-13px)}.ts-text.is-small{font-size:var(--ts-font-size-14px)}.ts-text.is-medium{font-size:var(--ts-font-size-15px)}.ts-text.is-large{font-size:var(--ts-font-size-17px)}.ts-text.is-big{font-size:var(--ts-font-size-20px)}.ts-text.is-huge{font-size:var(--ts-font-size-24px)}.ts-text.is-massive{font-size:var(--ts-font-size-30px)}.ts-text.is-negative{color:var(--ts-negative-600)}.ts-text.is-negative.is-secondary{color:var(--ts-negative-500)}.ts-row{color:inherit;display:flex;gap:1rem}.ts-row.is-start-aligned{justify-content:flex-start}.ts-row.is-center-aligned{justify-content:center}.ts-row.is-end-aligned{justify-content:flex-end}.ts-row.is-top-aligned{align-items:flex-start}.ts-row.is-middle-aligned{align-items:center}.ts-row.is-bottom-aligned{align-items:flex-end}.ts-row .column.is-middle-aligned{align-items:center;display:flex}.ts-row .column.is-center-aligned{display:flex;justify-content:center}.ts-row .column.is-bottom-aligned{align-items:flex-end;display:flex}.ts-row .column.is-start-aligned{text-align:left}.ts-row .column.is-end-aligned{text-align:right}.ts-row .column.is-truncated,.ts-row .column.is-truncated *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-row.is-evenly-divided .column{flex:1}.ts-row .column.is-fluid{flex:1;flex-grow:1;min-width:0}.ts-row.is-compact{gap:.5rem}.ts-row.is-relaxed{gap:2rem}.ts-tab{--horizontal-padding-multiplier:1;display:flex;flex-wrap:wrap;margin-bottom:-1px;user-select:none;z-index:1}.ts-tab .item{border-bottom:3px solid transparent;color:var(--ts-gray-800);cursor:pointer;display:inline-flex;gap:.5rem;justify-content:center;padding:.5rem calc(1rem*var(--horizontal-padding-multiplier));text-align:center;text-decoration:none}.ts-tab .item.is-active{border-bottom-color:var(--ts-gray-800);cursor:default}.ts-tab .item.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-tab.is-pilled .item{border-bottom:0;border-radius:100rem;padding:.25rem calc(1rem*var(--horizontal-padding-multiplier))}.ts-tab.is-pilled .item.is-active{background:var(--ts-gray-800);color:var(--ts-gray-50)}.ts-tab.is-pilled.is-secondary .item.is-active{background:var(--ts-gray-200);color:var(--ts-gray-800)}.ts-tab.is-start-aligned{justify-content:flex-start}.ts-tab.is-center-aligned{justify-content:center}.ts-tab.is-end-aligned{justify-content:flex-end}.ts-tab.is-segmented{--height:var(--ts-input-height-medium);align-items:center;border:1px solid var(--ts-gray-300);border-radius:.4rem;color:var(--ts-gray-700);display:inline-flex;height:var(--height);padding:0 .25rem}.ts-tab.is-segmented .item{border-bottom:0;border-radius:.3rem;line-height:1;padding:.45rem calc(.9rem*var(--horizontal-padding-multiplier));user-select:none}.ts-tab.is-segmented .item.is-active{background:var(--ts-gray-800);color:var(--ts-gray-50)}.ts-tab.is-fluid{display:flex}.ts-tab.is-fluid .item{flex:1}.ts-tab.is-small .item{font-size:var(--ts-font-size-14px)}.ts-tab.is-large .item{font-size:var(--ts-font-size-17px)}.ts-tab.is-small.is-segmented{--height:var(--ts-input-height-small)}.ts-tab.is-large.is-segmented{--height:var(--ts-input-height-large)}.ts-tab.is-dense .item{padding-bottom:.25rem;padding-top:.25rem}.ts-tab.is-dense.is-segmented .item{padding-bottom:.35rem;padding-top:.35rem}.ts-tab.is-dense.is-pilled .item{padding-bottom:.05rem;padding-top:.05rem}.ts-tab.is-segmented.is-dense{--height:var(--ts-input-height-medium-dense)}.ts-tab.is-segmented.is-small.is-dense{--height:var(--ts-input-height-small-dense)}.ts-tab.is-segmented.is-large.is-dense{--height:var(--ts-input-height-large-dense)}.ts-tab.is-relaxed{--horizontal-padding-multiplier:1.6}.ts-center{align-items:center;color:inherit;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0;width:100%}.ts-box{--ts-indicator-color:var(--ts-gray-900);background:var(--ts-gray-50);border:1px solid var(--ts-gray-300);border-radius:.4rem;color:inherit;display:block;overflow:hidden;text-decoration:none}a.ts-box:hover{border-color:var(--ts-gray-400)}.ts-box .symbol .ts-icon{bottom:0;font-size:8em;height:.8em;line-height:1.1em;margin-left:0;margin-right:0;opacity:.1;overflow:hidden;pointer-events:none;position:absolute;right:0;width:.8em}.ts-box.is-horizontal{display:flex;flex-direction:row}.ts-box.is-collapsed{width:fit-content}.ts-box.is-top-indicated{border-top:3px solid var(--ts-indicator-color)}.ts-box.is-bottom-indicated{border-bottom:3px solid var(--ts-indicator-color)}.ts-box.is-left-indicated{border-left:3px solid var(--ts-indicator-color)}.ts-box.is-right-indicated{border-right:3px solid var(--ts-indicator-color)}.ts-box[class*=-indicated].is-negative{--ts-indicator-color:var(--ts-negative-500)}.ts-box[class*=-indicated].is-positive{--ts-indicator-color:var(--ts-positive-500)}.ts-box[class*=-indicated].is-warning{--ts-indicator-color:var(--ts-warning-500)}.ts-box.is-elevated{box-shadow:0 1px 5px 0 #00000024}.ts-box.is-very-elevated{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}.ts-box.is-squared{border-radius:0}.ts-box.is-hollowed{background:transparent;border:4px dashed var(--ts-gray-300)}.ts-content{box-sizing:border-box;color:inherit;display:block;padding:1rem;text-decoration:none}.ts-content.is-fitted{padding:0}.ts-content.is-dark{background:var(--ts-gray-50);color:var(--ts-gray-800)}.ts-content.is-secondary{background:var(--ts-gray-75)}.ts-content.is-tertiary{background:var(--ts-gray-100)}.ts-content.is-start-aligned{text-align:left}.ts-content.is-end-aligned{text-align:right}.ts-content.is-center-aligned{text-align:center}.ts-content.is-interactive{display:block;text-decoration:none}.ts-content.is-interactive:hover{cursor:pointer}.ts-content.is-interactive:hover:not(.is-active){background:var(--ts-gray-75)}.ts-content.is-active{background:var(--ts-gray-200)}.ts-content.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-content.is-rounded{border-radius:.4rem}.ts-content.is-padded{padding:1.5rem}.ts-content.is-horizontally-padded{padding-left:1.5rem;padding-right:1.5rem}.ts-content.is-vertically-padded{padding-bottom:1.5rem;padding-top:1.5rem}.ts-content.is-very-padded{padding:3.5rem}.ts-content.is-horizontally-very-padded{padding-left:3.5rem;padding-right:3.5rem}.ts-content.is-vertically-very-padded{padding-bottom:3.5rem;padding-top:3.5rem}.ts-content.is-compact{padding:.5rem}.ts-content.is-dense{padding-bottom:.5rem;padding-top:.5rem}.ts-image{display:inline-block;max-width:100%;text-decoration:none;vertical-align:top}.ts-image img{vertical-align:top;width:100%}.ts-image.is-circular img{border-radius:100rem!important}.ts-image.is-disabled img{opacity:.5;pointer-events:none}.ts-image.is-rounded img{border-radius:.4rem!important}.ts-image.is-bordered img{border:1px solid var(--ts-gray-300)}.ts-image.is-covered img{object-fit:cover}.ts-image.is-full-width,.ts-image.is-full-width img{width:100%}.ts-image.is-full-height,.ts-image.is-full-height img{height:100%}.ts-image.is-centered{display:block}.ts-image.is-centered img{display:block;margin-left:auto;margin-right:auto}.ts-image.is-mini img{width:35px}.ts-image.is-tiny img{width:80px}.ts-image.is-small img{width:150px}.ts-image.is-medium img{width:300px}.ts-image.is-large img{width:450px}.ts-image.is-big img{width:600px}.ts-image.is-huge img{width:800px}.ts-image.is-massive img{width:960px}.ts-image.is-spaced{margin-left:.45rem;margin-right:.45rem}.ts-image.is-start-spaced{margin-left:.45rem}.ts-image.is-end-spaced{margin-right:.45rem}.ts-image.is-1-by-1 img{aspect-ratio:1/1}.ts-image.is-4-by-3 img{aspect-ratio:4/3}.ts-image.is-16-by-9 img{aspect-ratio:16/9}.ts-switch{align-items:flex-start;color:inherit;cursor:pointer;display:inline-flex;user-select:none}.ts-switch input{appearance:none;-webkit-appearance:none;cursor:pointer;margin:3px .5rem 0 0}.ts-switch input:after{background:var(--ts-gray-300);border-radius:100rem;content:"";display:block;height:22px;transition:background .1s ease;width:38px}.ts-switch input:before{background:var(--ts-white);border-radius:100rem;content:"";display:block;height:15px;left:4px;position:absolute;top:3.5px;transition:left .1s ease;width:15px;z-index:1}.ts-switch input:checked:after{background:var(--ts-primary-700)}.ts-switch input:checked:before{left:19px}.ts-switch.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-switch.is-negative input{border:2px solid var(--ts-negative-600);border-radius:100rem}.ts-switch.is-small{font-size:var(--ts-font-size-14px)}.ts-switch.is-small input:after{height:19px;width:31px}.ts-switch.is-small input:before{height:12px;top:3.5px;width:12px}.ts-switch.is-small input:checked:before{left:15px}.ts-switch.is-large{font-size:var(--ts-font-size-17px)}.ts-switch.is-large input:after{height:25px;width:46px}.ts-switch.is-large input:before{height:18px;top:3.5px;width:18px}.ts-switch.is-large input:checked:before{left:24px}.ts-meta{display:inline-flex;flex-wrap:wrap}.ts-meta .item{color:inherit;text-decoration:none}.ts-meta .item:not(:last-child):after{color:var(--ts-gray-500);content:"．";display:inline-block;margin:0;pointer-events:none;text-decoration:none;user-select:none}.ts-meta a.item:hover{text-decoration:underline}.ts-meta:is(.is-start-aligned,.is-center-aligned,.is-end-aligned){display:flex}.ts-meta.is-start-aligned{justify-content:flex-start}.ts-meta.is-center-aligned{justify-content:center}.ts-meta.is-end-aligned{justify-content:flex-end}.ts-meta.is-secondary .item{color:var(--ts-gray-500)}.ts-meta.is-small{font-size:var(--ts-font-size-14px)}.ts-meta.is-large{font-size:var(--ts-font-size-17px)}.ts-selection{--height:var(--ts-input-height-medium);align-items:center;background:var(--ts-gray-100);border:1px solid var(--ts-gray-100);border-radius:.4rem;box-sizing:border-box;display:inline-flex;height:var(--height);padding:0 .35rem}.ts-selection .item{display:flex}.ts-selection .item .text{align-items:center;border-color:var(--ts-gray-100);border-radius:.3rem;color:var(--ts-gray-800);cursor:pointer;display:inline-flex;font-size:var(--ts-absolute-small);justify-content:center;line-height:1.5;padding:.25rem 1rem;text-align:center;user-select:none}.ts-selection .item input{display:none}.ts-selection input:checked+.text{background:var(--ts-primary-700);border-color:var(--ts-primary-700);color:var(--ts-white)}.ts-selection .item.is-disabled,.ts-selection.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-selection.is-circular,.ts-selection.is-circular .item .text{border-radius:100rem}.ts-selection.is-fluid{width:100%}.ts-selection.is-fluid .item{flex:1}.ts-selection.is-fluid .item .text{width:100%}.ts-selection.is-small{--height:var(--ts-input-height-small)}.ts-selection.is-small .item .text{font-size:var(--ts-font-size-13px)}.ts-selection.is-large{--height:var(--ts-input-height-large)}.ts-selection.is-large .item .text{font-size:var(--ts-font-size-17px)}.ts-selection.is-dense{--height:var(--ts-input-height-medium-dense)}.ts-selection.is-dense.is-small{--height:var(--ts-input-height-small-dense);--height:var(--ts-input-height-large-dense)}.ts-selection.is-dense .item .text{padding-bottom:.1rem;padding-top:.1rem}.ts-table,.ts-table :is(thead,tbody,tfoot,tr,th,td){-webkit-border-horizontal-spacing:0;-webkit-border-vertical-spacing:0;border:none;border-collapse:collapse;border-color:inherit;border-spacing:0;font-size:14px;font-weight:inherit;height:auto;margin:0;padding:0;text-align:left;vertical-align:inherit;width:auto}.ts-table{color:inherit;width:100%}.ts-table thead tr{border-bottom:1px solid var(--ts-gray-300)}.ts-table tfoot tr{border-top:1px solid var(--ts-gray-300)}.ts-table tr th{background:var(--ts-gray-100)}.ts-table :is(thead,tfoot) tr th{color:var(--ts-gray-600);font-weight:500;padding:.5rem 1rem}.ts-table tbody tr+tr{border-top:1px solid var(--ts-gray-300)}.ts-table tbody tr td{padding:.5rem 1rem}.ts-table.is-small,.ts-table.is-small :is(thead,tbody,tfoot,tr,th,td){font-size:var(--ts-font-size-13px)}.ts-table.is-large,.ts-table.is-large :is(thead,tbody,tfoot,tr,th,td){font-size:var(--ts-font-size-16px)}.ts-table.is-collapsed{width:auto}.ts-table :is(th,td).is-collapsed{white-space:nowrap;width:1px}.ts-table.is-truncated{table-layout:fixed}.ts-table.is-truncated td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-table:is(.is-basic,.is-very-basic) tr th{background:transparent}.ts-table.is-very-basic tbody :is(th,td,tr){border-color:transparent}.ts-table.is-definition tr th:not(:first-child){background:var(--ts-gray-100)}.ts-table.is-definition tr th:first-child{background:transparent}.ts-table.is-definition tr td:first-child{background:var(--ts-gray-100)}.ts-table.is-celled tr :is(td,th):not(:last-child){border-right:1px solid var(--ts-gray-300)}.ts-table.is-striped>tbody>tr:nth-child(2n){background:var(--ts-gray-75)}.ts-table td.is-empty{color:var(--ts-gray-300);font-weight:500}.ts-table td.is-empty:after{content:"—"}.ts-table td.is-insetted{box-shadow:inset 0 0 10px 0 rgb(0 0 0/5%)}.ts-table :is(tr,th,td).is-start-aligned{text-align:left}.ts-table :is(th,td).is-center-aligned{text-align:center}.ts-table :is(th,td).is-end-aligned{text-align:right}.ts-table.is-top-aligned :is(th,td){vertical-align:top}.ts-table :is(th,td).is-top-aligned{vertical-align:top}.ts-table :is(th,td).is-middle-aligned{vertical-align:middle}.ts-table tr.is-middle-aligned td{vertical-align:middle}.ts-table :is(th,td).is-bottom-aligned{vertical-align:bottom}.ts-table :is(tr,tr th,tr td).is-secondary{background:var(--ts-gray-75)}.ts-table :is(tr,tr th,tr td).is-tertiary{background:var(--ts-gray-100)}.ts-table :is(tr,tr th,tr td).is-active{background:var(--ts-gray-300)}.ts-table :is(tr,tr th,tr td).is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-table :is(tr,tr th,tr td).is-single-line,.ts-table.is-single-line :is(tr,tr th,tr td){white-space:nowrap}.ts-table :is(tr,tr th,tr td).is-indicated{box-shadow:2px 0 0 var(--ts-gray-900) inset}.ts-table :is(tr,tr th,tr td).is-indicated.is-negative{box-shadow:2px 0 0 var(--ts-negative-600) inset}.ts-table :is(tr,tr th,tr td).is-indicated.is-positive{box-shadow:2px 0 0 var(--ts-positive-600) inset}.ts-table :is(tr,tr th,tr td).is-indicated.is-warning{box-shadow:2px 0 0 var(--ts-warning-600) inset}.ts-table.is-sticked tr :is(td,th):first-child{padding-left:0}.ts-table.is-sticked tr :is(td,th):last-child{padding-right:0}.ts-table.is-relaxed :is(thead,tfoot) tr th{padding-bottom:.8rem;padding-top:.8rem}.ts-table.is-relaxed tbody tr td{padding-bottom:.8rem;padding-top:.8rem}.ts-table.is-dense :is(thead,tfoot) tr th{padding-bottom:.25rem;padding-top:.25rem}.ts-table.is-dense tbody tr td{padding-bottom:.25rem;padding-top:.25rem}.ts-table.is-padded tbody tr td{padding:1rem 1.5rem}.ts-table.is-padded :is(thead,tfoot) tr th{padding:1rem 1.5rem}.ts-table.is-horizontally-padded tbody tr td{padding-left:1.5rem;padding-right:1.5rem}.ts-table.is-horizontally-padded :is(thead,tfoot) tr th{padding-left:1.5rem;padding-right:1.5rem}.ts-table td.is-padded{padding:1rem}.ts-table tbody tr td.is-vertically-padded{padding-bottom:1.5rem;padding-top:1.5rem}.ts-procedure{align-items:center;display:flex;justify-content:center}.ts-procedure .item{align-items:center;color:var(--ts-gray-800);counter-increment:ordered;display:flex;flex:1 0 auto;text-decoration:none}.ts-procedure .item:last-child{flex:0 0 auto}.ts-procedure .item .indicator{align-items:center;background:transparent;border:2px solid var(--ts-gray-300);border-radius:100rem;color:var(--ts-gray-800);display:inline-flex;font-weight:700;height:2rem;justify-content:center;line-height:1;margin-right:.5rem;width:2rem}.ts-procedure:not(.is-compact) .item .indicator:empty:after{content:counter(ordered,decimal)}.ts-procedure .item .content{align-items:center;display:flex}.ts-procedure .item .label{color:var(--ts-gray-800);font-weight:500}.ts-procedure .item .label .description{color:var(--ts-gray-600);font-size:var(--ts-font-size-14px);font-weight:400}.ts-procedure .item .line{background:var(--ts-gray-300);flex:1 1 0%;height:2px;margin:0 1rem;pointer-events:none}.ts-procedure .item:last-child .line{display:none}.ts-procedure .item .indicator .ts-icon{font-size:var(--ts-font-size-14px)}.ts-procedure .item.is-active .indicator{background:var(--ts-gray-800);border-color:var(--ts-gray-800);color:var(--ts-gray-50)}.ts-procedure.is-stacked .item .content{flex-direction:column;gap:.25rem;justify-content:center}.ts-procedure.is-stacked .item .indicator{margin-right:0}.ts-procedure.is-stacked .item .line{margin-bottom:2rem}.ts-procedure .item.is-processing .indicator{background:transparent;border-color:var(--ts-gray-800);color:var(--ts-gray-800)}.ts-procedure .item.is-completed .line{background:var(--ts-gray-800)}.ts-procedure .item.is-completed .indicator{-webkit-font-smoothing:antialiased;backface-visibility:hidden;background:var(--ts-gray-800);border-color:var(--ts-gray-800);color:var(--ts-gray-50);font-family:Icons;font-style:normal;font-weight:400;text-align:center;text-decoration:inherit}.ts-procedure .item.is-completed .indicator *,.ts-procedure .item.is-completed .indicator:after{display:none}.ts-procedure .item.is-completed .indicator:before{content:"\f00c"}.ts-procedure .item.is-completed .line.is-half:before{background:var(--ts-gray-300);bottom:0;content:" ";position:absolute;right:0;top:0;width:50%}.ts-procedure .item.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-procedure .item.is-disabled .indicator{background:transparent;border-color:var(--ts-gray-300)}.ts-procedure .item.is-negative .indicator{background:var(--ts-negative-500);border-color:var(--ts-negative-500);color:var(--ts-white)}.ts-procedure .item.is-negative .label{color:var(--ts-negative-500)}.ts-procedure.is-compact .item .indicator{height:1rem;padding:0;width:1rem}.ts-procedure.is-compact .item.is-completed .indicator *,.ts-procedure.is-compact .item.is-completed .indicator:after,.ts-procedure.is-compact .item.is-completed .indicator:before{display:none}.ts-procedure.is-unordered .item .indicator{background:var(--ts-gray-200);border-color:var(--ts-gray-200)}.ts-procedure.is-unordered .item.is-completed .line{background:var(--ts-gray-300)}.ts-procedure.is-unordered .item.is-active .indicator{background:var(--ts-gray-800);border-color:var(--ts-gray-800)}.ts-procedure.is-unordered .item.is-completed .indicator{background:var(--ts-gray-200);border-color:var(--ts-gray-200);color:var(--ts-gray-800)}.ts-procedure.is-compact .item.is-completed .indicator{background:var(--ts-gray-800);border-color:var(--ts-gray-800)}.ts-procedure.is-compact .item.is-active .indicator{background:transparent;border-color:var(--ts-gray-800)}.ts-procedure.is-compact .item.is-active .indicator:after{background:var(--ts-gray-800);border-radius:100rem;bottom:2px;content:"";display:block;left:2px;position:absolute;right:2px;top:2px}.ts-procedure.is-vertical{flex-direction:column}.ts-procedure.is-vertical .item{-webkit-box-pack:start;align-items:flex-start;display:flex;flex:1 0 auto;flex-direction:column;justify-content:flex-start;width:100%}.ts-procedure.is-vertical .item .line{height:auto;margin:.5rem 0 .5rem .9rem;min-height:1.5rem;width:2px}.ts-procedure.is-vertical.is-compact .item .line{margin:0 0 0 .4rem}.ts-procedure.is-small{font-size:var(--ts-font-size-14px)}.ts-procedure.is-large{font-size:var(--ts-font-size-17px)}.ts-grid{color:inherit;display:grid;gap:1rem;grid-template-columns:repeat(16,minmax(0,1fr))}.ts-grid .column.is-truncated{overflow:hidden}.ts-grid.is-2-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.ts-grid.is-3-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.ts-grid.is-4-columns{grid-template-columns:repeat(4,minmax(0,1fr))}.ts-grid.is-5-columns{grid-template-columns:repeat(5,minmax(0,1fr))}.ts-grid.is-6-columns{grid-template-columns:repeat(6,minmax(0,1fr))}.ts-grid.is-7-columns{grid-template-columns:repeat(7,minmax(0,1fr))}.ts-grid.is-8-columns{grid-template-columns:repeat(8,minmax(0,1fr))}.ts-grid.is-9-columns{grid-template-columns:repeat(9,minmax(0,1fr))}.ts-grid.is-10-columns{grid-template-columns:repeat(10,minmax(0,1fr))}.ts-grid.is-relaxed{gap:2rem min(2rem,5%)}.ts-grid.is-compact{gap:.5rem}.ts-grid.is-evenly-divided{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;grid-template-columns:none}.ts-grid.is-middle-aligned{align-items:center}.ts-grid.is-center-aligned{text-align:center}.ts-grid .column.is-top-aligned{align-items:flex-start;display:flex}.ts-grid .column.is-middle-aligned{align-items:center;display:flex}.ts-grid .column.is-center-aligned{text-align:center}.ts-grid .column.is-bottom-aligned{align-items:flex-end;display:flex}.ts-grid .column.is-start-aligned{text-align:left}.ts-grid .column.is-end-aligned{text-align:right}.ts-grid .column.is-1-minimal,.ts-grid .column.is-1-wide{grid-column:auto/span 1}.ts-grid .column.is-2-minimal,.ts-grid .column.is-2-wide{grid-column:auto/span 2}.ts-grid .column.is-3-minimal,.ts-grid .column.is-3-wide{grid-column:auto/span 3}.ts-grid .column.is-4-minimal,.ts-grid .column.is-4-wide{grid-column:auto/span 4}.ts-grid .column.is-5-minimal,.ts-grid .column.is-5-wide{grid-column:auto/span 5}.ts-grid .column.is-6-minimal,.ts-grid .column.is-6-wide{grid-column:auto/span 6}.ts-grid .column.is-7-minimal,.ts-grid .column.is-7-wide{grid-column:auto/span 7}.ts-grid .column.is-8-minimal,.ts-grid .column.is-8-wide{grid-column:auto/span 8}.ts-grid .column.is-9-minimal,.ts-grid .column.is-9-wide{grid-column:auto/span 9}.ts-grid .column.is-10-minimal,.ts-grid .column.is-10-wide{grid-column:auto/span 10}.ts-grid .column.is-11-minimal,.ts-grid .column.is-11-wide{grid-column:auto/span 11}.ts-grid .column.is-12-minimal,.ts-grid .column.is-12-wide{grid-column:auto/span 12}.ts-grid .column.is-13-minimal,.ts-grid .column.is-13-wide{grid-column:auto/span 13}.ts-grid .column.is-14-minimal,.ts-grid .column.is-14-wide{grid-column:auto/span 14}.ts-grid .column.is-15-minimal,.ts-grid .column.is-15-wide{grid-column:auto/span 15}.ts-grid .column.is-16-minimal,.ts-grid .column.is-16-wide{grid-column:auto/span 16}.ts-grid .column.is-fluid{flex:1}.ts-grid.is-2-columns.is-doubling{grid-template-columns:repeat(1,minmax(0,1fr))}.ts-grid.is-10-columns.is-doubling,.ts-grid.is-3-columns.is-doubling,.ts-grid.is-4-columns.is-doubling,.ts-grid.is-5-columns.is-doubling,.ts-grid.is-6-columns.is-doubling,.ts-grid.is-7-columns.is-doubling,.ts-grid.is-8-columns.is-doubling,.ts-grid.is-9-columns.is-doubling{grid-template-columns:repeat(2,minmax(0,1fr))}@media screen and (max-width:766px){.ts-grid.is-stackable .column{grid-column:auto/span 16}}@media screen and (min-width:766px){.ts-grid.is-2-columns.is-doubling{grid-template-columns:repeat(1,minmax(0,1fr))}.ts-grid.is-3-columns.is-doubling,.ts-grid.is-4-columns.is-doubling{grid-template-columns:repeat(2,minmax(0,1fr))}.ts-grid.is-5-columns.is-doubling,.ts-grid.is-6-columns.is-doubling,.ts-grid.is-7-columns.is-doubling{grid-template-columns:repeat(3,minmax(0,1fr))}.ts-grid.is-8-columns.is-doubling,.ts-grid.is-9-columns.is-doubling{grid-template-columns:repeat(4,minmax(0,1fr))}.ts-grid.is-10-columns.is-doubling{grid-template-columns:repeat(5,minmax(0,1fr))}.ts-grid .column.is-1-standard,.ts-grid .column.is-1-wide{grid-column:auto/span 1}.ts-grid .column.is-2-standard,.ts-grid .column.is-2-wide{grid-column:auto/span 2}.ts-grid .column.is-3-standard,.ts-grid .column.is-3-wide{grid-column:auto/span 3}.ts-grid .column.is-4-standard,.ts-grid .column.is-4-wide{grid-column:auto/span 4}.ts-grid .column.is-5-standard,.ts-grid .column.is-5-wide{grid-column:auto/span 5}.ts-grid .column.is-6-standard,.ts-grid .column.is-6-wide{grid-column:auto/span 6}.ts-grid .column.is-7-standard,.ts-grid .column.is-7-wide{grid-column:auto/span 7}.ts-grid .column.is-8-standard,.ts-grid .column.is-8-wide{grid-column:auto/span 8}.ts-grid .column.is-9-standard,.ts-grid .column.is-9-wide{grid-column:auto/span 9}.ts-grid .column.is-10-standard,.ts-grid .column.is-10-wide{grid-column:auto/span 10}.ts-grid .column.is-11-standard,.ts-grid .column.is-11-wide{grid-column:auto/span 11}.ts-grid .column.is-12-standard,.ts-grid .column.is-12-wide{grid-column:auto/span 12}.ts-grid .column.is-13-standard,.ts-grid .column.is-13-wide{grid-column:auto/span 13}.ts-grid .column.is-14-standard,.ts-grid .column.is-14-wide{grid-column:auto/span 14}.ts-grid .column.is-15-standard,.ts-grid .column.is-15-wide{grid-column:auto/span 15}.ts-grid .column.is-16-standard,.ts-grid .column.is-16-wide{grid-column:auto/span 16}}@media screen and (min-width:993px){.ts-grid.is-2-columns.is-doubling{grid-template-columns:repeat(2,minmax(0,1fr))}.ts-grid.is-3-columns.is-doubling{grid-template-columns:repeat(3,minmax(0,1fr))}.ts-grid.is-4-columns.is-doubling{grid-template-columns:repeat(4,minmax(0,1fr))}.ts-grid.is-5-columns.is-doubling{grid-template-columns:repeat(5,minmax(0,1fr))}.ts-grid.is-6-columns.is-doubling{grid-template-columns:repeat(6,minmax(0,1fr))}.ts-grid.is-7-columns.is-doubling{grid-template-columns:repeat(7,minmax(0,1fr))}.ts-grid.is-8-columns.is-doubling{grid-template-columns:repeat(8,minmax(0,1fr))}.ts-grid.is-9-columns.is-doubling{grid-template-columns:repeat(9,minmax(0,1fr))}.ts-grid.is-10-columns.is-doubling{grid-template-columns:repeat(10,minmax(0,1fr))}.ts-grid .column.is-1-maximal{grid-column:auto/span 1}.ts-grid .column.is-2-maximal{grid-column:auto/span 2}.ts-grid .column.is-3-maximal{grid-column:auto/span 3}.ts-grid .column.is-4-maximal{grid-column:auto/span 4}.ts-grid .column.is-5-maximal{grid-column:auto/span 5}.ts-grid .column.is-6-maximal{grid-column:auto/span 6}.ts-grid .column.is-7-maximal{grid-column:auto/span 7}.ts-grid .column.is-8-maximal{grid-column:auto/span 8}.ts-grid .column.is-9-maximal{grid-column:auto/span 9}.ts-grid .column.is-10-maximal{grid-column:auto/span 10}.ts-grid .column.is-11-maximal{grid-column:auto/span 11}.ts-grid .column.is-12-maximal{grid-column:auto/span 12}.ts-grid .column.is-13-maximal{grid-column:auto/span 13}.ts-grid .column.is-14-maximal{grid-column:auto/span 14}.ts-grid .column.is-15-maximal{grid-column:auto/span 15}.ts-grid .column.is-16-maximal{grid-column:auto/span 16}}.ts-rating{display:inline-flex;gap:.2rem;user-select:none}.ts-rating :is(.star,.heart){color:var(--ts-gray-200);text-decoration:none}.ts-rating :is(.star,.heart).is-active,.ts-rating.is-input :is(.star,.heart):checked,.ts-rating.is-input :is(.star,.heart):checked~:is(.star,.heart),.ts-rating.is-input :is(.star,.heart):hover,.ts-rating.is-input :is(.star,.heart):hover~:is(.star,.heart){color:inherit}.ts-rating.is-yellow :is(.star,.heart).is-active,.ts-rating.is-yellow.is-input :is(.star,.heart):checked,.ts-rating.is-yellow.is-input :is(.star,.heart):checked~:is(.star,.heart),.ts-rating.is-yellow.is-input :is(.star,.heart):hover,.ts-rating.is-yellow.is-input :is(.star,.heart):hover~:is(.star,.heart){color:#e3c81b}.ts-rating.is-red :is(.star,.heart).is-active,.ts-rating.is-red.is-input :is(.star,.heart):checked,.ts-rating.is-red.is-input :is(.star,.heart):checked~:is(.star,.heart),.ts-rating.is-red.is-input :is(.star,.heart):hover,.ts-rating.is-red.is-input :is(.star,.heart):hover~:is(.star,.heart){color:#f10}.ts-rating :is(.star,.heart):after,.ts-rating :is(.star,.heart):before{-webkit-font-smoothing:antialiased;backface-visibility:hidden;display:inline;font-family:Icons;font-style:normal;font-weight:400;text-align:center;text-decoration:inherit}.ts-rating .star:after{content:"\f005";z-index:0}.ts-rating .heart:after{content:"\f004"}.ts-rating .star.is-active.is-half:after{color:var(--ts-gray-200)}.ts-rating .star.is-active.is-half:before{color:var(--ts-gray-800)}.ts-rating.is-yellow .star.is-active.is-half:before{color:#e3c81b}.ts-rating.is-red .star.is-active.is-half:before{color:#f10}.ts-rating .star.is-active.is-half:before{content:"\f089";left:0;position:absolute;top:0;z-index:1}.ts-rating.is-input{flex-direction:row-reverse}.ts-rating.is-input input{appearance:none;cursor:pointer;font-size:1rem;margin:0;transition:color .1s ease,opacity .1s ease}.ts-rating.is-input input:hover:not(:focus)~input{opacity:.8}.ts-rating.is-input input:hover:not(:focus){transform:scale(1.1)}.ts-rating.is-small{font-size:var(--ts-font-size-13px)}.ts-rating.is-large{font-size:var(--ts-font-size-18px)}.ts-chip{text-decoration:none;vertical-align:middle}.ts-chip,.ts-chip.is-input .content,.ts-chip.is-toggle .content{align-items:center;background:var(--ts-gray-200);border:1px solid var(--ts-gray-200);border-radius:.4rem;color:var(--ts-gray-800);display:inline-flex;font-size:var(--ts-font-size-14px);gap:.5rem;justify-content:center;line-height:1.75;min-height:22px;padding:.1rem .6rem}.ts-chip.is-input,.ts-chip.is-toggle{background:initial;border:initial;display:initial;font-size:medium;gap:initial;line-height:normal;min-height:auto;min-width:auto;padding:initial}.ts-chip img{border-radius:.4rem;height:24px;margin-left:-5px;width:24px}.ts-chip input{display:none}.ts-chip.is-outlined,.ts-chip.is-outlined .content{background:transparent;border-color:var(--ts-gray-300)}.ts-chip.is-circular,.ts-chip.is-circular .content{border-radius:100rem}.ts-chip.is-input,.ts-chip.is-toggle{cursor:pointer;user-select:none}.ts-chip.is-toggle input:checked+.content{background:var(--ts-gray-800);border-color:var(--ts-gray-800);color:var(--ts-gray-50)}.ts-chip.is-toggle.is-secondary input:checked+.content{background:var(--ts-gray-200);border-color:var(--ts-gray-600);color:var(--ts-gray-800)}.ts-chip.is-input input:checked+.content{background:var(--ts-primary-700);border-color:var(--ts-primary-700);color:var(--ts-white)}.ts-chip.is-input.is-secondary input:checked+.content{background:var(--ts-gray-100);border-color:var(--ts-primary-600);color:var(--ts-primary-600)}.ts-chip.is-input input:checked+.content:before{-webkit-font-smoothing:antialiased;backface-visibility:hidden;content:"\f00c";display:inline;font-family:Icons;font-size:12px;font-style:normal;font-weight:400;text-align:center;text-decoration:inherit;width:1.18em}.ts-chip.is-input.is-end-icon input:checked+.content:before,.ts-chip.is-input.is-start-icon input:checked+.content:before{display:none}.ts-chip.is-input.is-end-icon input:checked+.content .ts-icon:before,.ts-chip.is-input.is-start-icon input:checked+.content .ts-icon:before{content:"\f00c"}.ts-chip.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-chip.is-fluid{display:flex}.ts-chip.is-fluid .content{width:100%}.ts-chip.is-small,.ts-chip.is-small .content{font-size:var(--ts-font-size-12px)}.ts-chip.is-large,.ts-chip.is-large .content{font-size:var(--ts-font-size-16px)}.ts-chip.is-dense{padding-bottom:.1rem;padding-top:.1rem}.ts-chip.is-dense:is(.is-input,.is-toggle) .content{min-height:20px;padding-bottom:.1rem;padding-top:.1rem}.ts-chip.is-start-spaced{margin-left:.45rem}.ts-chip.is-end-spaced{margin-right:.45rem}.ts-close{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-font-smoothing:antialiased;align-items:center;-webkit-appearance:none;backface-visibility:hidden;background:transparent;background:var(--ts-gray-600);border:none;border-radius:0;border-radius:100rem;box-sizing:border-box;color:inherit;color:var(--ts-gray-100);cursor:pointer;display:inline-flex;font:inherit;font-family:Icons;font-size:var(--ts-font-size-12px);font-style:normal;font-weight:400;height:18px;justify-content:center;line-height:normal;line-height:1;margin:0;outline:none;overflow:visible;padding:0;text-align:center;text-decoration:inherit;text-decoration:none;user-select:none;width:auto;width:18px}.ts-close:before{content:"\f00d"}.ts-close.is-secondary{background:var(--ts-gray-300);color:var(--ts-gray-800)}.ts-close.is-tertiary{background:var(--ts-gray-300);color:var(--ts-gray-50)}.ts-close.is-small{height:16px;width:16px}.ts-close.is-large{font-size:var(--ts-font-size-14px);height:22px;width:22px}.ts-close.is-spaced{margin-left:.45rem;margin-right:.45rem}.ts-close.is-start-spaced{margin-left:.45rem}.ts-close.is-end-spaced{margin-right:.45rem}@keyframes ts-loading-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ts-loading{-webkit-font-smoothing:antialiased;animation:ts-loading-spin 2s linear infinite;backface-visibility:hidden;color:var(--ts-gray-600);display:inline;display:inline-block;font-family:Icons;font-size:2rem;font-style:normal;font-weight:400;text-align:center;text-decoration:inherit}.ts-loading:after{content:"\f110"}.ts-loading.is-notched:after{content:"\f1ce"}.ts-loading.is-small{font-size:1rem}.ts-loading.is-large{font-size:2.8rem}.ts-breadcrumb{color:var(--ts-gray-800);display:flex;gap:.7rem;line-height:1}.ts-breadcrumb .item{color:var(--ts-gray-800);padding-right:1.1rem;text-decoration:none}.ts-breadcrumb .item:last-child{padding-right:0}.ts-breadcrumb .item .ts-icon{display:inline-block;text-decoration:none}.ts-breadcrumb .item:hover{text-decoration:underline}.ts-breadcrumb .item:after{color:var(--ts-gray-500);content:"/";display:inline-block;margin-left:.7rem;pointer-events:none;position:absolute;user-select:none}.ts-breadcrumb .item:last-child:after{display:none}.ts-breadcrumb .divider .ts-icon{color:var(--ts-gray-500);font-size:12px}.ts-breadcrumb.is-stepped .item{color:var(--ts-gray-500)}.ts-breadcrumb .item.is-active{color:var(--ts-gray-800);font-weight:500}.ts-breadcrumb.is-customized .item:after{content:""}.ts-breadcrumb.is-customized .item{padding-right:0}.ts-breadcrumb.is-chevroned .item:after{content:"\f054";font-size:var(--ts-font-size-12px);line-height:1.4}.ts-breadcrumb.is-hyphenated .item:after{content:"-"}.ts-breadcrumb:is(.is-chevroned,.is-hyphenated) .item:after{-webkit-font-smoothing:antialiased;backface-visibility:hidden;font-family:Icons;font-style:normal;font-weight:400;text-align:center}.ts-breadcrumb.is-small{font-size:var(--ts-font-size-14px)}.ts-breadcrumb.is-large{font-size:var(--ts-font-size-17px)}.ts-list{color:inherit;display:flex;flex-direction:column}.ts-list .item{display:inline-block}.ts-list:is(.is-ordered,.is-unordered){margin-left:1.2rem}.ts-list:is(.is-unordered,.is-ordered) .item{display:list-item}.ts-list.is-unordered>.item,.ts-list.is-unordered>:not(.ts-list)>.item{list-style-type:disc}.ts-list.is-ordered>.item,.ts-list.is-ordered>:not(.ts-list)>.item{list-style-type:decimal}.ts-list.is-small{font-size:var(--ts-font-size-14px)}.ts-list.is-large{font-size:var(--ts-font-size-17px)}.ts-flag{backface-visibility:hidden;background-position:50%;background-repeat:no-repeat;background-size:contain;background-size:cover;box-sizing:border-box;display:inline-block;height:1.05rem;text-decoration:inherit;text-decoration:none;vertical-align:middle;width:1.4rem}.ts-flag.is-small{height:.95rem;width:1.26667rem}.ts-flag.is-large{height:1.2rem;width:1.6rem}.ts-flag.is-small:is(.is-squared,.is-circular){height:.95rem;width:.95rem}.ts-flag:is(.is-squared,.is-circular){height:1.05rem;width:1.05rem}.ts-flag.is-large:is(.is-squared,.is-circular){height:1.2rem;width:1.2rem}.ts-flag.is-rounded{border-radius:.2rem}.ts-flag.is-bordered{box-shadow:0 0 0 1px var(--ts-gray-300)}.ts-flag.is-circular{border-radius:100rem}.ts-flag.is-disabled{opacity:.5;user-select:none}.ts-flag.is-spaced{margin-left:.45rem;margin-right:.45rem}.ts-flag.is-start-spaced{margin-left:.45rem}.ts-flag.is-end-spaced{margin-right:.45rem}.ts-flag:is(.is-ad-flag,.is-andorra-flag){background-image:url(flags/4x3/ad.svg)}.ts-flag:is(.is-ad-flag,.is-andorra-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ad.svg)}.ts-flag:is(.is-ae-flag,.is-uae-flag,.is-united-arab-emirates-flag){background-image:url(flags/4x3/ae.svg)}.ts-flag:is(.is-ae-flag,.is-uae-flag,.is-united-arab-emirates-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ae.svg)}.ts-flag:is(.is-af-flag,.is-afghanistan-flag){background-image:url(flags/4x3/af.svg)}.ts-flag:is(.is-af-flag,.is-afghanistan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/af.svg)}.ts-flag:is(.is-ag-flag,.is-antigua-flag){background-image:url(flags/4x3/ag.svg)}.ts-flag:is(.is-ag-flag,.is-antigua-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ag.svg)}.ts-flag:is(.is-ai-flag,.is-anguilla-flag){background-image:url(flags/4x3/ai.svg)}.ts-flag:is(.is-ai-flag,.is-anguilla-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ai.svg)}.ts-flag:is(.is-al-flag,.is-albania-flag){background-image:url(flags/4x3/al.svg)}.ts-flag:is(.is-al-flag,.is-albania-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/al.svg)}.ts-flag:is(.is-am-flag,.is-armenia-flag){background-image:url(flags/4x3/am.svg)}.ts-flag:is(.is-am-flag,.is-armenia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/am.svg)}.ts-flag:is(.is-ao-flag,.is-angola-flag){background-image:url(flags/4x3/ao.svg)}.ts-flag:is(.is-ao-flag,.is-angola-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ao.svg)}.ts-flag:is(.is-aq-flag,.is-antarctica-flag){background-image:url(flags/4x3/aq.svg)}.ts-flag:is(.is-aq-flag,.is-antarctica-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/aq.svg)}.ts-flag:is(.is-ar-flag,.is-argentina-flag){background-image:url(flags/4x3/ar.svg)}.ts-flag:is(.is-ar-flag,.is-argentina-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ar.svg)}.ts-flag:is(.is-as-flag,.is-american-samoa-flag){background-image:url(flags/4x3/as.svg)}.ts-flag:is(.is-as-flag,.is-american-samoa-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/as.svg)}.ts-flag:is(.is-at-flag,.is-austria-flag){background-image:url(flags/4x3/at.svg)}.ts-flag:is(.is-at-flag,.is-austria-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/at.svg)}.ts-flag:is(.is-au-flag,.is-australia-flag){background-image:url(flags/4x3/au.svg)}.ts-flag:is(.is-au-flag,.is-australia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/au.svg)}.ts-flag:is(.is-aw-flag,.is-aruba-flag){background-image:url(flags/4x3/aw.svg)}.ts-flag:is(.is-aw-flag,.is-aruba-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/aw.svg)}.ts-flag:is(.is-ax-flag,.is-aland-islands-flag){background-image:url(flags/4x3/ax.svg)}.ts-flag:is(.is-ax-flag,.is-aland-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ax.svg)}.ts-flag:is(.is-az-flag,.is-azerbaijan-flag){background-image:url(flags/4x3/az.svg)}.ts-flag:is(.is-az-flag,.is-azerbaijan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/az.svg)}.ts-flag:is(.is-ba-flag,.is-bosnia-flag){background-image:url(flags/4x3/ba.svg)}.ts-flag:is(.is-ba-flag,.is-bosnia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ba.svg)}.ts-flag:is(.is-bb-flag,.is-barbados-flag){background-image:url(flags/4x3/bb.svg)}.ts-flag:is(.is-bb-flag,.is-barbados-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bb.svg)}.ts-flag:is(.is-bd-flag,.is-bangladesh-flag){background-image:url(flags/4x3/bd.svg)}.ts-flag:is(.is-bd-flag,.is-bangladesh-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bd.svg)}.ts-flag:is(.is-be-flag,.is-belgium-flag){background-image:url(flags/4x3/be.svg)}.ts-flag:is(.is-be-flag,.is-belgium-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/be.svg)}.ts-flag:is(.is-bf-flag,.is-burkina-faso-flag){background-image:url(flags/4x3/bf.svg)}.ts-flag:is(.is-bf-flag,.is-burkina-faso-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bf.svg)}.ts-flag:is(.is-bg-flag,.is-bulgaria-flag){background-image:url(flags/4x3/bg.svg)}.ts-flag:is(.is-bg-flag,.is-bulgaria-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bg.svg)}.ts-flag:is(.is-bh-flag,.is-bahrain-flag){background-image:url(flags/4x3/bh.svg)}.ts-flag:is(.is-bh-flag,.is-bahrain-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bh.svg)}.ts-flag:is(.is-bi-flag,.is-burundi-flag){background-image:url(flags/4x3/bi.svg)}.ts-flag:is(.is-bi-flag,.is-burundi-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bi.svg)}.ts-flag:is(.is-bj-flag,.is-benin-flag){background-image:url(flags/4x3/bj.svg)}.ts-flag:is(.is-bj-flag,.is-benin-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bj.svg)}.ts-flag:is(.is-bl-flag,.is-saint-barthélemy-flag,.is-saint-barthelemy-flag){background-image:url(flags/4x3/bl.svg)}.ts-flag:is(.is-bl-flag,.is-saint-barthélemy-flag,.is-saint-barthelemy-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bl.svg)}.ts-flag:is(.is-bm-flag,.is-bermuda-flag){background-image:url(flags/4x3/bm.svg)}.ts-flag:is(.is-bm-flag,.is-bermuda-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bm.svg)}.ts-flag:is(.is-bn-flag,.is-brunei-flag){background-image:url(flags/4x3/bn.svg)}.ts-flag:is(.is-bn-flag,.is-brunei-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bn.svg)}.ts-flag:is(.is-bo-flag,.is-bolivia-flag){background-image:url(flags/4x3/bo.svg)}.ts-flag:is(.is-bo-flag,.is-bolivia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bo.svg)}.ts-flag:is(.is-bq-flag,.is-caribbean-netherlands-flag){background-image:url(flags/4x3/bq.svg)}.ts-flag:is(.is-bq-flag,.is-caribbean-netherlands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bq.svg)}.ts-flag:is(.is-br-flag,.is-brazil-flag){background-image:url(flags/4x3/br.svg)}.ts-flag:is(.is-br-flag,.is-brazil-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/br.svg)}.ts-flag:is(.is-bs-flag,.is-bahamas-flag){background-image:url(flags/4x3/bs.svg)}.ts-flag:is(.is-bs-flag,.is-bahamas-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bs.svg)}.ts-flag:is(.is-bt-flag,.is-bhutan-flag){background-image:url(flags/4x3/bt.svg)}.ts-flag:is(.is-bt-flag,.is-bhutan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bt.svg)}.ts-flag:is(.is-bv-flag,.is-bouvet-island-flag){background-image:url(flags/4x3/bv.svg)}.ts-flag:is(.is-bv-flag,.is-bouvet-island-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bv.svg)}.ts-flag:is(.is-bw-flag,.is-botswana-flag){background-image:url(flags/4x3/bw.svg)}.ts-flag:is(.is-bw-flag,.is-botswana-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bw.svg)}.ts-flag:is(.is-by-flag,.is-belarus-flag){background-image:url(flags/4x3/by.svg)}.ts-flag:is(.is-by-flag,.is-belarus-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/by.svg)}.ts-flag:is(.is-bz-flag,.is-belize-flag){background-image:url(flags/4x3/bz.svg)}.ts-flag:is(.is-bz-flag,.is-belize-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bz.svg)}.ts-flag:is(.is-ca-flag,.is-canada-flag){background-image:url(flags/4x3/ca.svg)}.ts-flag:is(.is-ca-flag,.is-canada-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ca.svg)}.ts-flag:is(.is-cc-flag,.is-cocos-islands-flag){background-image:url(flags/4x3/cc.svg)}.ts-flag:is(.is-cc-flag,.is-cocos-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cc.svg)}.ts-flag:is(.is-cd-flag,.is-congo-flag){background-image:url(flags/4x3/cd.svg)}.ts-flag:is(.is-cd-flag,.is-congo-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cd.svg)}.ts-flag:is(.is-cf-flag,.is-central-african-republic-flag){background-image:url(flags/4x3/cf.svg)}.ts-flag:is(.is-cf-flag,.is-central-african-republic-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cf.svg)}.ts-flag:is(.is-cg-flag,.is-congo-brazzaville-flag){background-image:url(flags/4x3/cg.svg)}.ts-flag:is(.is-cg-flag,.is-congo-brazzaville-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cg.svg)}.ts-flag:is(.is-ch-flag,.is-switzerland-flag){background-image:url(flags/4x3/ch.svg)}.ts-flag:is(.is-ch-flag,.is-switzerland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ch.svg)}.ts-flag:is(.is-ci-flag,.is-cote-divoire-flag){background-image:url(flags/4x3/ci.svg)}.ts-flag:is(.is-ci-flag,.is-cote-divoire-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ci.svg)}.ts-flag:is(.is-ck-flag,.is-cook-islands-flag){background-image:url(flags/4x3/ck.svg)}.ts-flag:is(.is-ck-flag,.is-cook-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ck.svg)}.ts-flag:is(.is-cl-flag,.is-chile-flag){background-image:url(flags/4x3/cl.svg)}.ts-flag:is(.is-cl-flag,.is-chile-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cl.svg)}.ts-flag:is(.is-cm-flag,.is-cameroon-flag){background-image:url(flags/4x3/cm.svg)}.ts-flag:is(.is-cm-flag,.is-cameroon-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cm.svg)}.ts-flag:is(.is-cn-flag,.is-china-flag,.is-peoples-republic-of-china-flag){background-image:url(flags/4x3/cn.svg)}.ts-flag:is(.is-cn-flag,.is-china-flag,.is-peoples-republic-of-china-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cn.svg)}.ts-flag:is(.is-co-flag,.is-colombia-flag){background-image:url(flags/4x3/co.svg)}.ts-flag:is(.is-co-flag,.is-colombia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/co.svg)}.ts-flag:is(.is-cr-flag,.is-costa-rica-flag){background-image:url(flags/4x3/cr.svg)}.ts-flag:is(.is-cr-flag,.is-costa-rica-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cr.svg)}.ts-flag:is(.is-cu-flag,.is-cuba-flag){background-image:url(flags/4x3/cu.svg)}.ts-flag:is(.is-cu-flag,.is-cuba-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cu.svg)}.ts-flag:is(.is-cv-flag,.is-cape-verde-flag){background-image:url(flags/4x3/cv.svg)}.ts-flag:is(.is-cv-flag,.is-cape-verde-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cv.svg)}.ts-flag:is(.is-cw-flag,.is-curaçao-flag,.is-curacao-flag){background-image:url(flags/4x3/cw.svg)}.ts-flag:is(.is-cw-flag,.is-curaçao-flag,.is-curacao-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cw.svg)}.ts-flag:is(.is-cx-flag,.is-christmas-island-flag){background-image:url(flags/4x3/cx.svg)}.ts-flag:is(.is-cx-flag,.is-christmas-island-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cx.svg)}.ts-flag:is(.is-cy-flag,.is-cyprus-flag){background-image:url(flags/4x3/cy.svg)}.ts-flag:is(.is-cy-flag,.is-cyprus-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cy.svg)}.ts-flag:is(.is-cz-flag,.is-czech-republic-flag){background-image:url(flags/4x3/cz.svg)}.ts-flag:is(.is-cz-flag,.is-czech-republic-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cz.svg)}.ts-flag:is(.is-de-flag,.is-germany-flag){background-image:url(flags/4x3/de.svg)}.ts-flag:is(.is-de-flag,.is-germany-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/de.svg)}.ts-flag:is(.is-dj-flag,.is-djibouti-flag){background-image:url(flags/4x3/dj.svg)}.ts-flag:is(.is-dj-flag,.is-djibouti-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/dj.svg)}.ts-flag:is(.is-dk-flag,.is-denmark-flag){background-image:url(flags/4x3/dk.svg)}.ts-flag:is(.is-dk-flag,.is-denmark-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/dk.svg)}.ts-flag:is(.is-dm-flag,.is-dominica-flag){background-image:url(flags/4x3/dm.svg)}.ts-flag:is(.is-dm-flag,.is-dominica-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/dm.svg)}.ts-flag:is(.is-do-flag,.is-dominican-republic-flag){background-image:url(flags/4x3/do.svg)}.ts-flag:is(.is-do-flag,.is-dominican-republic-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/do.svg)}.ts-flag:is(.is-dz-flag,.is-algeria-flag){background-image:url(flags/4x3/dz.svg)}.ts-flag:is(.is-dz-flag,.is-algeria-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/dz.svg)}.ts-flag:is(.is-ec-flag,.is-ecuador-flag){background-image:url(flags/4x3/ec.svg)}.ts-flag:is(.is-ec-flag,.is-ecuador-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ec.svg)}.ts-flag:is(.is-ee-flag,.is-estonia-flag){background-image:url(flags/4x3/ee.svg)}.ts-flag:is(.is-ee-flag,.is-estonia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ee.svg)}.ts-flag:is(.is-eg-flag,.is-egypt-flag){background-image:url(flags/4x3/eg.svg)}.ts-flag:is(.is-eg-flag,.is-egypt-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/eg.svg)}.ts-flag:is(.is-eh-flag,.is-western-sahara-flag){background-image:url(flags/4x3/eh.svg)}.ts-flag:is(.is-eh-flag,.is-western-sahara-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/eh.svg)}.ts-flag:is(.is-er-flag,.is-eritrea-flag){background-image:url(flags/4x3/er.svg)}.ts-flag:is(.is-er-flag,.is-eritrea-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/er.svg)}.ts-flag:is(.is-es-flag,.is-spain-flag){background-image:url(flags/4x3/es.svg)}.ts-flag:is(.is-es-flag,.is-spain-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/es.svg)}.ts-flag:is(.is-es-ct-flag,.is-scotland-flag){background-image:url(flags/4x3/es-ct.svg)}.ts-flag:is(.is-es-ct-flag,.is-scotland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/es-ct.svg)}.ts-flag:is(.is-et-flag,.is-ethiopia-flag){background-image:url(flags/4x3/et.svg)}.ts-flag:is(.is-et-flag,.is-ethiopia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/et.svg)}.ts-flag:is(.is-eu-flag,.is-european-union-flag){background-image:url(flags/4x3/eu.svg)}.ts-flag:is(.is-eu-flag,.is-european-union-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/eu.svg)}.ts-flag:is(.is-fi-flag,.is-finland-flag){background-image:url(flags/4x3/fi.svg)}.ts-flag:is(.is-fi-flag,.is-finland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/fi.svg)}.ts-flag:is(.is-fj-flag,.is-fiji-flag){background-image:url(flags/4x3/fj.svg)}.ts-flag:is(.is-fj-flag,.is-fiji-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/fj.svg)}.ts-flag:is(.is-fk-flag,.is-falkland-islands-flag){background-image:url(flags/4x3/fk.svg)}.ts-flag:is(.is-fk-flag,.is-falkland-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/fk.svg)}.ts-flag:is(.is-fm-flag,.is-micronesia-flag){background-image:url(flags/4x3/fm.svg)}.ts-flag:is(.is-fm-flag,.is-micronesia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/fm.svg)}.ts-flag:is(.is-fo-flag,.is-faroe-islands-flag){background-image:url(flags/4x3/fo.svg)}.ts-flag:is(.is-fo-flag,.is-faroe-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/fo.svg)}.ts-flag:is(.is-fr-flag,.is-france-flag){background-image:url(flags/4x3/fr.svg)}.ts-flag:is(.is-fr-flag,.is-france-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/fr.svg)}.ts-flag:is(.is-ga-flag,.is-gabon-flag){background-image:url(flags/4x3/ga.svg)}.ts-flag:is(.is-ga-flag,.is-gabon-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ga.svg)}.ts-flag:is(.is-gb-flag,.is-united-kingdom-flag){background-image:url(flags/4x3/gb.svg)}.ts-flag:is(.is-gb-flag,.is-united-kingdom-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gb.svg)}.ts-flag:is(.is-gb-eng-flag,.is-england-flag){background-image:url(flags/4x3/gb-eng.svg)}.ts-flag:is(.is-gb-eng-flag,.is-england-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gb-eng.svg)}.ts-flag:is(.is-gb-nir-flag,.is-northern-ireland-flag){background-image:url(flags/4x3/gb-nir.svg)}.ts-flag:is(.is-gb-nir-flag,.is-northern-ireland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gb-nir.svg)}.ts-flag:is(.is-gb-sct-flag,.is-scotland-flag){background-image:url(flags/4x3/gb-sct.svg)}.ts-flag:is(.is-gb-sct-flag,.is-scotland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gb-sct.svg)}.ts-flag:is(.is-gb-wls-flag,.is-wales-flag){background-image:url(flags/4x3/gb-wls.svg)}.ts-flag:is(.is-gb-wls-flag,.is-wales-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gb-wls.svg)}.ts-flag:is(.is-gd-flag,.is-grenada-flag){background-image:url(flags/4x3/gd.svg)}.ts-flag:is(.is-gd-flag,.is-grenada-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gd.svg)}.ts-flag:is(.is-ge-flag,.is-georgia-flag){background-image:url(flags/4x3/ge.svg)}.ts-flag:is(.is-ge-flag,.is-georgia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ge.svg)}.ts-flag:is(.is-gf-flag,.is-french-guiana-flag){background-image:url(flags/4x3/gf.svg)}.ts-flag:is(.is-gf-flag,.is-french-guiana-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gf.svg)}.ts-flag:is(.is-gg-flag,.is-guernsey-flag){background-image:url(flags/4x3/gg.svg)}.ts-flag:is(.is-gg-flag,.is-guernsey-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gg.svg)}.ts-flag:is(.is-gh-flag,.is-ghana-flag){background-image:url(flags/4x3/gh.svg)}.ts-flag:is(.is-gh-flag,.is-ghana-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gh.svg)}.ts-flag:is(.is-gi-flag,.is-gibraltar-flag){background-image:url(flags/4x3/gi.svg)}.ts-flag:is(.is-gi-flag,.is-gibraltar-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gi.svg)}.ts-flag:is(.is-gl-flag,.is-greenland-flag){background-image:url(flags/4x3/gl.svg)}.ts-flag:is(.is-gl-flag,.is-greenland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gl.svg)}.ts-flag:is(.is-gm-flag,.is-gambia-flag){background-image:url(flags/4x3/gm.svg)}.ts-flag:is(.is-gm-flag,.is-gambia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gm.svg)}.ts-flag:is(.is-gn-flag,.is-guinea-flag){background-image:url(flags/4x3/gn.svg)}.ts-flag:is(.is-gn-flag,.is-guinea-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gn.svg)}.ts-flag:is(.is-gp-flag,.is-guadeloupe-flag){background-image:url(flags/4x3/gp.svg)}.ts-flag:is(.is-gp-flag,.is-guadeloupe-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gp.svg)}.ts-flag:is(.is-gq-flag,.is-equatorial-guinea-flag){background-image:url(flags/4x3/gq.svg)}.ts-flag:is(.is-gq-flag,.is-equatorial-guinea-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gq.svg)}.ts-flag:is(.is-gr-flag,.is-greece-flag){background-image:url(flags/4x3/gr.svg)}.ts-flag:is(.is-gr-flag,.is-greece-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gr.svg)}.ts-flag:is(.is-gs-flag,.is-sandwich-islands-flag){background-image:url(flags/4x3/gs.svg)}.ts-flag:is(.is-gs-flag,.is-sandwich-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gs.svg)}.ts-flag:is(.is-gt-flag,.is-guatemala-flag){background-image:url(flags/4x3/gt.svg)}.ts-flag:is(.is-gt-flag,.is-guatemala-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gt.svg)}.ts-flag:is(.is-gu-flag,.is-guam-flag){background-image:url(flags/4x3/gu.svg)}.ts-flag:is(.is-gu-flag,.is-guam-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gu.svg)}.ts-flag:is(.is-gw-flag,.is-guinea-bissau-flag){background-image:url(flags/4x3/gw.svg)}.ts-flag:is(.is-gw-flag,.is-guinea-bissau-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gw.svg)}.ts-flag:is(.is-gy-flag,.is-guyana-flag){background-image:url(flags/4x3/gy.svg)}.ts-flag:is(.is-gy-flag,.is-guyana-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gy.svg)}.ts-flag:is(.is-hk-flag,.is-hong-kong-flag){background-image:url(flags/4x3/hk.svg)}.ts-flag:is(.is-hk-flag,.is-hong-kong-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/hk.svg)}.ts-flag:is(.is-hm-flag,.is-heard-island-flag){background-image:url(flags/4x3/hm.svg)}.ts-flag:is(.is-hm-flag,.is-heard-island-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/hm.svg)}.ts-flag:is(.is-hn-flag,.is-honduras-flag){background-image:url(flags/4x3/hn.svg)}.ts-flag:is(.is-hn-flag,.is-honduras-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/hn.svg)}.ts-flag:is(.is-hr-flag,.is-croatia-flag){background-image:url(flags/4x3/hr.svg)}.ts-flag:is(.is-hr-flag,.is-croatia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/hr.svg)}.ts-flag:is(.is-ht-flag,.is-haiti-flag){background-image:url(flags/4x3/ht.svg)}.ts-flag:is(.is-ht-flag,.is-haiti-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ht.svg)}.ts-flag:is(.is-hu-flag,.is-hungary-flag){background-image:url(flags/4x3/hu.svg)}.ts-flag:is(.is-hu-flag,.is-hungary-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/hu.svg)}.ts-flag:is(.is-id-flag,.is-indonesia-flag){background-image:url(flags/4x3/id.svg)}.ts-flag:is(.is-id-flag,.is-indonesia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/id.svg)}.ts-flag:is(.is-ie-flag,.is-ireland-flag){background-image:url(flags/4x3/ie.svg)}.ts-flag:is(.is-ie-flag,.is-ireland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ie.svg)}.ts-flag:is(.is-il-flag,.is-israel-flag){background-image:url(flags/4x3/il.svg)}.ts-flag:is(.is-il-flag,.is-israel-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/il.svg)}.ts-flag:is(.is-im-flag,.is-isle-of-man-flag){background-image:url(flags/4x3/im.svg)}.ts-flag:is(.is-im-flag,.is-isle-of-man-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/im.svg)}.ts-flag:is(.is-in-flag,.is-india-flag){background-image:url(flags/4x3/in.svg)}.ts-flag:is(.is-in-flag,.is-india-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/in.svg)}.ts-flag:is(.is-io-flag,.is-indian-ocean-territory-flag){background-image:url(flags/4x3/io.svg)}.ts-flag:is(.is-io-flag,.is-indian-ocean-territory-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/io.svg)}.ts-flag:is(.is-iq-flag,.is-iraq-flag){background-image:url(flags/4x3/iq.svg)}.ts-flag:is(.is-iq-flag,.is-iraq-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/iq.svg)}.ts-flag:is(.is-ir-flag,.is-iran-flag){background-image:url(flags/4x3/ir.svg)}.ts-flag:is(.is-ir-flag,.is-iran-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ir.svg)}.ts-flag:is(.is-is-flag,.is-iceland-flag){background-image:url(flags/4x3/is.svg)}.ts-flag:is(.is-is-flag,.is-iceland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/is.svg)}.ts-flag:is(.is-it-flag,.is-italy-flag){background-image:url(flags/4x3/it.svg)}.ts-flag:is(.is-it-flag,.is-italy-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/it.svg)}.ts-flag:is(.is-je-flag,.is-jersey-flag){background-image:url(flags/4x3/je.svg)}.ts-flag:is(.is-je-flag,.is-jersey-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/je.svg)}.ts-flag:is(.is-jm-flag,.is-jamaica-flag){background-image:url(flags/4x3/jm.svg)}.ts-flag:is(.is-jm-flag,.is-jamaica-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/jm.svg)}.ts-flag:is(.is-jo-flag,.is-jordan-flag){background-image:url(flags/4x3/jo.svg)}.ts-flag:is(.is-jo-flag,.is-jordan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/jo.svg)}.ts-flag:is(.is-jp-flag,.is-japan-flag){background-image:url(flags/4x3/jp.svg)}.ts-flag:is(.is-jp-flag,.is-japan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/jp.svg)}.ts-flag:is(.is-ke-flag,.is-kenya-flag){background-image:url(flags/4x3/ke.svg)}.ts-flag:is(.is-ke-flag,.is-kenya-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ke.svg)}.ts-flag:is(.is-kg-flag,.is-kyrgyzstan-flag){background-image:url(flags/4x3/kg.svg)}.ts-flag:is(.is-kg-flag,.is-kyrgyzstan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/kg.svg)}.ts-flag:is(.is-kh-flag,.is-cambodia-flag){background-image:url(flags/4x3/kh.svg)}.ts-flag:is(.is-kh-flag,.is-cambodia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/kh.svg)}.ts-flag:is(.is-ki-flag,.is-kiribati-flag){background-image:url(flags/4x3/ki.svg)}.ts-flag:is(.is-ki-flag,.is-kiribati-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ki.svg)}.ts-flag:is(.is-km-flag,.is-comoros-flag){background-image:url(flags/4x3/km.svg)}.ts-flag:is(.is-km-flag,.is-comoros-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/km.svg)}.ts-flag:is(.is-kn-flag,.is-saint-kitts-and-nevis-flag,.is-saint-kitts-flag,.is-nevis-flag){background-image:url(flags/4x3/kn.svg)}.ts-flag:is(.is-kn-flag,.is-saint-kitts-and-nevis-flag,.is-saint-kitts-flag,.is-nevis-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/kn.svg)}.ts-flag:is(.is-kp-flag,.is-north-korea-flag){background-image:url(flags/4x3/kp.svg)}.ts-flag:is(.is-kp-flag,.is-north-korea-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/kp.svg)}.ts-flag:is(.is-kr-flag,.is-south-korea-flag,.is-korea-flag){background-image:url(flags/4x3/kr.svg)}.ts-flag:is(.is-kr-flag,.is-south-korea-flag,.is-korea-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/kr.svg)}.ts-flag:is(.is-kw-flag,.is-kuwait-flag){background-image:url(flags/4x3/kw.svg)}.ts-flag:is(.is-kw-flag,.is-kuwait-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/kw.svg)}.ts-flag:is(.is-ky-flag,.is-cayman-islands-flag){background-image:url(flags/4x3/ky.svg)}.ts-flag:is(.is-ky-flag,.is-cayman-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ky.svg)}.ts-flag:is(.is-kz-flag,.is-kazakhstan-flag){background-image:url(flags/4x3/kz.svg)}.ts-flag:is(.is-kz-flag,.is-kazakhstan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/kz.svg)}.ts-flag:is(.is-la-flag,.is-laos-flag){background-image:url(flags/4x3/la.svg)}.ts-flag:is(.is-la-flag,.is-laos-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/la.svg)}.ts-flag:is(.is-lb-flag,.is-lebanon-flag){background-image:url(flags/4x3/lb.svg)}.ts-flag:is(.is-lb-flag,.is-lebanon-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/lb.svg)}.ts-flag:is(.is-lc-flag,.is-saint-lucia-flag){background-image:url(flags/4x3/lc.svg)}.ts-flag:is(.is-lc-flag,.is-saint-lucia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/lc.svg)}.ts-flag:is(.is-li-flag,.is-liechtenstein-flag){background-image:url(flags/4x3/li.svg)}.ts-flag:is(.is-li-flag,.is-liechtenstein-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/li.svg)}.ts-flag:is(.is-lk-flag,.is-sri-lanka-flag){background-image:url(flags/4x3/lk.svg)}.ts-flag:is(.is-lk-flag,.is-sri-lanka-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/lk.svg)}.ts-flag:is(.is-lr-flag,.is-liberia-flag){background-image:url(flags/4x3/lr.svg)}.ts-flag:is(.is-lr-flag,.is-liberia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/lr.svg)}.ts-flag:is(.is-ls-flag,.is-lesotho-flag){background-image:url(flags/4x3/ls.svg)}.ts-flag:is(.is-ls-flag,.is-lesotho-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ls.svg)}.ts-flag:is(.is-lt-flag,.is-lithuania-flag){background-image:url(flags/4x3/lt.svg)}.ts-flag:is(.is-lt-flag,.is-lithuania-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/lt.svg)}.ts-flag:is(.is-lu-flag,.is-luxembourg-flag){background-image:url(flags/4x3/lu.svg)}.ts-flag:is(.is-lu-flag,.is-luxembourg-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/lu.svg)}.ts-flag:is(.is-lv-flag,.is-latvia-flag){background-image:url(flags/4x3/lv.svg)}.ts-flag:is(.is-lv-flag,.is-latvia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/lv.svg)}.ts-flag:is(.is-ly-flag,.is-libya-flag){background-image:url(flags/4x3/ly.svg)}.ts-flag:is(.is-ly-flag,.is-libya-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ly.svg)}.ts-flag:is(.is-ma-flag,.is-morocco-flag){background-image:url(flags/4x3/ma.svg)}.ts-flag:is(.is-ma-flag,.is-morocco-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ma.svg)}.ts-flag:is(.is-mc-flag,.is-monaco-flag){background-image:url(flags/4x3/mc.svg)}.ts-flag:is(.is-mc-flag,.is-monaco-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mc.svg)}.ts-flag:is(.is-md-flag,.is-moldova-flag){background-image:url(flags/4x3/md.svg)}.ts-flag:is(.is-md-flag,.is-moldova-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/md.svg)}.ts-flag:is(.is-me-flag,.is-montenegro-flag){background-image:url(flags/4x3/me.svg)}.ts-flag:is(.is-me-flag,.is-montenegro-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/me.svg)}.ts-flag:is(.is-mf-flag,.is-saint-martin-flag){background-image:url(flags/4x3/mf.svg)}.ts-flag:is(.is-mf-flag,.is-saint-martin-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mf.svg)}.ts-flag:is(.is-mg-flag,.is-madagascar-flag){background-image:url(flags/4x3/mg.svg)}.ts-flag:is(.is-mg-flag,.is-madagascar-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mg.svg)}.ts-flag:is(.is-mh-flag,.is-marshall-islands-flag){background-image:url(flags/4x3/mh.svg)}.ts-flag:is(.is-mh-flag,.is-marshall-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mh.svg)}.ts-flag:is(.is-mk-flag,.is-macedonia-flag){background-image:url(flags/4x3/mk.svg)}.ts-flag:is(.is-mk-flag,.is-macedonia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mk.svg)}.ts-flag:is(.is-ml-flag,.is-mali-flag){background-image:url(flags/4x3/ml.svg)}.ts-flag:is(.is-ml-flag,.is-mali-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ml.svg)}.ts-flag:is(.is-mm-flag,.is-burma-flag,.is-myanmar-flag){background-image:url(flags/4x3/mm.svg)}.ts-flag:is(.is-mm-flag,.is-burma-flag,.is-myanmar-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mm.svg)}.ts-flag:is(.is-mn-flag,.is-mongolia-flag){background-image:url(flags/4x3/mn.svg)}.ts-flag:is(.is-mn-flag,.is-mongolia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mn.svg)}.ts-flag:is(.is-mo-flag,.is-macau-flag){background-image:url(flags/4x3/mo.svg)}.ts-flag:is(.is-mo-flag,.is-macau-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mo.svg)}.ts-flag:is(.is-mp-flag,.is-northern-mariana-islands-flag){background-image:url(flags/4x3/mp.svg)}.ts-flag:is(.is-mp-flag,.is-northern-mariana-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mp.svg)}.ts-flag:is(.is-mq-flag,.is-martinique-flag){background-image:url(flags/4x3/mq.svg)}.ts-flag:is(.is-mq-flag,.is-martinique-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mq.svg)}.ts-flag:is(.is-mr-flag,.is-mauritania-flag){background-image:url(flags/4x3/mr.svg)}.ts-flag:is(.is-mr-flag,.is-mauritania-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mr.svg)}.ts-flag:is(.is-ms-flag,.is-montserrat-flag){background-image:url(flags/4x3/ms.svg)}.ts-flag:is(.is-ms-flag,.is-montserrat-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ms.svg)}.ts-flag:is(.is-mt-flag,.is-malta-flag){background-image:url(flags/4x3/mt.svg)}.ts-flag:is(.is-mt-flag,.is-malta-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mt.svg)}.ts-flag:is(.is-mu-flag,.is-mauritius-flag){background-image:url(flags/4x3/mu.svg)}.ts-flag:is(.is-mu-flag,.is-mauritius-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mu.svg)}.ts-flag:is(.is-mv-flag,.is-maldives-flag){background-image:url(flags/4x3/mv.svg)}.ts-flag:is(.is-mv-flag,.is-maldives-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mv.svg)}.ts-flag:is(.is-mw-flag,.is-malawi-flag){background-image:url(flags/4x3/mw.svg)}.ts-flag:is(.is-mw-flag,.is-malawi-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mw.svg)}.ts-flag:is(.is-mx-flag,.is-mexico-flag){background-image:url(flags/4x3/mx.svg)}.ts-flag:is(.is-mx-flag,.is-mexico-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mx.svg)}.ts-flag:is(.is-my-flag,.is-malaysia-flag){background-image:url(flags/4x3/my.svg)}.ts-flag:is(.is-my-flag,.is-malaysia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/my.svg)}.ts-flag:is(.is-mz-flag,.is-mozambique-flag){background-image:url(flags/4x3/mz.svg)}.ts-flag:is(.is-mz-flag,.is-mozambique-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mz.svg)}.ts-flag:is(.is-na-flag,.is-namibia-flag){background-image:url(flags/4x3/na.svg)}.ts-flag:is(.is-na-flag,.is-namibia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/na.svg)}.ts-flag:is(.is-nc-flag,.is-new-caledonia-flag){background-image:url(flags/4x3/nc.svg)}.ts-flag:is(.is-nc-flag,.is-new-caledonia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/nc.svg)}.ts-flag:is(.is-ne-flag,.is-niger-flag){background-image:url(flags/4x3/ne.svg)}.ts-flag:is(.is-ne-flag,.is-niger-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ne.svg)}.ts-flag:is(.is-nf-flag,.is-norfolk-island-flag){background-image:url(flags/4x3/nf.svg)}.ts-flag:is(.is-nf-flag,.is-norfolk-island-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/nf.svg)}.ts-flag:is(.is-ng-flag,.is-nigeria-flag){background-image:url(flags/4x3/ng.svg)}.ts-flag:is(.is-ng-flag,.is-nigeria-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ng.svg)}.ts-flag:is(.is-ni-flag,.is-nicaragua-flag){background-image:url(flags/4x3/ni.svg)}.ts-flag:is(.is-ni-flag,.is-nicaragua-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ni.svg)}.ts-flag:is(.is-nl-flag,.is-netherlands-flag){background-image:url(flags/4x3/nl.svg)}.ts-flag:is(.is-nl-flag,.is-netherlands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/nl.svg)}.ts-flag:is(.is-no-flag,.is-norway-flag){background-image:url(flags/4x3/no.svg)}.ts-flag:is(.is-no-flag,.is-norway-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/no.svg)}.ts-flag:is(.is-np-flag,.is-nepal-flag){background-image:url(flags/4x3/np.svg)}.ts-flag:is(.is-np-flag,.is-nepal-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/np.svg)}.ts-flag:is(.is-nr-flag,.is-nauru-flag){background-image:url(flags/4x3/nr.svg)}.ts-flag:is(.is-nr-flag,.is-nauru-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/nr.svg)}.ts-flag:is(.is-nu-flag,.is-niue-flag){background-image:url(flags/4x3/nu.svg)}.ts-flag:is(.is-nu-flag,.is-niue-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/nu.svg)}.ts-flag:is(.is-nz-flag,.is-new-zealand-flag){background-image:url(flags/4x3/nz.svg)}.ts-flag:is(.is-nz-flag,.is-new-zealand-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/nz.svg)}.ts-flag:is(.is-om-flag,.is-oman-flag){background-image:url(flags/4x3/om.svg)}.ts-flag:is(.is-om-flag,.is-oman-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/om.svg)}.ts-flag:is(.is-pa-flag,.is-panama-flag){background-image:url(flags/4x3/pa.svg)}.ts-flag:is(.is-pa-flag,.is-panama-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pa.svg)}.ts-flag:is(.is-pe-flag,.is-peru-flag){background-image:url(flags/4x3/pe.svg)}.ts-flag:is(.is-pe-flag,.is-peru-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pe.svg)}.ts-flag:is(.is-pf-flag,.is-french-polynesia-flag){background-image:url(flags/4x3/pf.svg)}.ts-flag:is(.is-pf-flag,.is-french-polynesia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pf.svg)}.ts-flag:is(.is-pg-flag,.is-new-guinea-flag){background-image:url(flags/4x3/pg.svg)}.ts-flag:is(.is-pg-flag,.is-new-guinea-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pg.svg)}.ts-flag:is(.is-ph-flag,.is-philippines-flag){background-image:url(flags/4x3/ph.svg)}.ts-flag:is(.is-ph-flag,.is-philippines-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ph.svg)}.ts-flag:is(.is-pk-flag,.is-pakistan-flag){background-image:url(flags/4x3/pk.svg)}.ts-flag:is(.is-pk-flag,.is-pakistan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pk.svg)}.ts-flag:is(.is-pl-flag,.is-poland-flag){background-image:url(flags/4x3/pl.svg)}.ts-flag:is(.is-pl-flag,.is-poland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pl.svg)}.ts-flag:is(.is-pm-flag,.is-saint-pierre-flag){background-image:url(flags/4x3/pm.svg)}.ts-flag:is(.is-pm-flag,.is-saint-pierre-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pm.svg)}.ts-flag:is(.is-pn-flag,.is-pitcairn-islands-flag){background-image:url(flags/4x3/pn.svg)}.ts-flag:is(.is-pn-flag,.is-pitcairn-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pn.svg)}.ts-flag:is(.is-pr-flag,.is-puerto-rico-flag){background-image:url(flags/4x3/pr.svg)}.ts-flag:is(.is-pr-flag,.is-puerto-rico-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pr.svg)}.ts-flag:is(.is-ps-flag,.is-palestine-flag){background-image:url(flags/4x3/ps.svg)}.ts-flag:is(.is-ps-flag,.is-palestine-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ps.svg)}.ts-flag:is(.is-pt-flag,.is-portugal-flag){background-image:url(flags/4x3/pt.svg)}.ts-flag:is(.is-pt-flag,.is-portugal-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pt.svg)}.ts-flag:is(.is-pw-flag,.is-palau-flag){background-image:url(flags/4x3/pw.svg)}.ts-flag:is(.is-pw-flag,.is-palau-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pw.svg)}.ts-flag:is(.is-py-flag,.is-paraguay-flag){background-image:url(flags/4x3/py.svg)}.ts-flag:is(.is-py-flag,.is-paraguay-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/py.svg)}.ts-flag:is(.is-qa-flag,.is-qatar-flag){background-image:url(flags/4x3/qa.svg)}.ts-flag:is(.is-qa-flag,.is-qatar-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/qa.svg)}.ts-flag:is(.is-re-flag,.is-reunion-flag){background-image:url(flags/4x3/re.svg)}.ts-flag:is(.is-re-flag,.is-reunion-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/re.svg)}.ts-flag:is(.is-ro-flag,.is-romania-flag){background-image:url(flags/4x3/ro.svg)}.ts-flag:is(.is-ro-flag,.is-romania-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ro.svg)}.ts-flag:is(.is-rs-flag,.is-serbia-flag){background-image:url(flags/4x3/rs.svg)}.ts-flag:is(.is-rs-flag,.is-serbia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/rs.svg)}.ts-flag:is(.is-ru-flag,.is-russia-flag){background-image:url(flags/4x3/ru.svg)}.ts-flag:is(.is-ru-flag,.is-russia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ru.svg)}.ts-flag:is(.is-rw-flag,.is-rwanda-flag){background-image:url(flags/4x3/rw.svg)}.ts-flag:is(.is-rw-flag,.is-rwanda-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/rw.svg)}.ts-flag:is(.is-sa-flag,.is-saudi-arabia-flag){background-image:url(flags/4x3/sa.svg)}.ts-flag:is(.is-sa-flag,.is-saudi-arabia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sa.svg)}.ts-flag:is(.is-sb-flag,.is-solomon-islands-flag){background-image:url(flags/4x3/sb.svg)}.ts-flag:is(.is-sb-flag,.is-solomon-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sb.svg)}.ts-flag:is(.is-sc-flag,.is-seychelles-flag){background-image:url(flags/4x3/sc.svg)}.ts-flag:is(.is-sc-flag,.is-seychelles-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sc.svg)}.ts-flag:is(.is-sd-flag,.is-sudan-flag){background-image:url(flags/4x3/sd.svg)}.ts-flag:is(.is-sd-flag,.is-sudan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sd.svg)}.ts-flag:is(.is-se-flag,.is-sweden-flag){background-image:url(flags/4x3/se.svg)}.ts-flag:is(.is-se-flag,.is-sweden-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/se.svg)}.ts-flag:is(.is-sg-flag,.is-singapore-flag){background-image:url(flags/4x3/sg.svg)}.ts-flag:is(.is-sg-flag,.is-singapore-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sg.svg)}.ts-flag:is(.is-sh-flag,.is-saint-helena-flag){background-image:url(flags/4x3/sh.svg)}.ts-flag:is(.is-sh-flag,.is-saint-helena-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sh.svg)}.ts-flag:is(.is-si-flag,.is-slovenia-flag){background-image:url(flags/4x3/si.svg)}.ts-flag:is(.is-si-flag,.is-slovenia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/si.svg)}.ts-flag:is(.is-sj-flag,.is-jan-mayen-and-svalbard-flag,.is-svalbard-flag,.is-jan-mayen-flag){background-image:url(flags/4x3/sj.svg)}.ts-flag:is(.is-sj-flag,.is-jan-mayen-and-svalbard-flag,.is-svalbard-flag,.is-jan-mayen-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sj.svg)}.ts-flag:is(.is-sk-flag,.is-slovakia-flag){background-image:url(flags/4x3/sk.svg)}.ts-flag:is(.is-sk-flag,.is-slovakia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sk.svg)}.ts-flag:is(.is-sl-flag,.is-sierra-leone-flag){background-image:url(flags/4x3/sl.svg)}.ts-flag:is(.is-sl-flag,.is-sierra-leone-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sl.svg)}.ts-flag:is(.is-sm-flag,.is-san-marino-flag){background-image:url(flags/4x3/sm.svg)}.ts-flag:is(.is-sm-flag,.is-san-marino-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sm.svg)}.ts-flag:is(.is-sn-flag,.is-senegal-flag){background-image:url(flags/4x3/sn.svg)}.ts-flag:is(.is-sn-flag,.is-senegal-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sn.svg)}.ts-flag:is(.is-so-flag,.is-somalia-flag){background-image:url(flags/4x3/so.svg)}.ts-flag:is(.is-so-flag,.is-somalia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/so.svg)}.ts-flag:is(.is-sr-flag,.is-suriname-flag){background-image:url(flags/4x3/sr.svg)}.ts-flag:is(.is-sr-flag,.is-suriname-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sr.svg)}.ts-flag:is(.is-ss-flag,.is-south-sudan-flag){background-image:url(flags/4x3/ss.svg)}.ts-flag:is(.is-ss-flag,.is-south-sudan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ss.svg)}.ts-flag:is(.is-st-flag,.is-sao-tome-flag){background-image:url(flags/4x3/st.svg)}.ts-flag:is(.is-st-flag,.is-sao-tome-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/st.svg)}.ts-flag:is(.is-sv-flag,.is-el-salvador-flag){background-image:url(flags/4x3/sv.svg)}.ts-flag:is(.is-sv-flag,.is-el-salvador-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sv.svg)}.ts-flag:is(.is-sx-flag,.is-sint-maarten-flag){background-image:url(flags/4x3/sx.svg)}.ts-flag:is(.is-sx-flag,.is-sint-maarten-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sx.svg)}.ts-flag:is(.is-sy-flag,.is-syria-flag){background-image:url(flags/4x3/sy.svg)}.ts-flag:is(.is-sy-flag,.is-syria-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sy.svg)}.ts-flag:is(.is-sz-flag,.is-swaziland-flag){background-image:url(flags/4x3/sz.svg)}.ts-flag:is(.is-sz-flag,.is-swaziland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sz.svg)}.ts-flag:is(.is-tc-flag,.is-caicos-islands-flag){background-image:url(flags/4x3/tc.svg)}.ts-flag:is(.is-tc-flag,.is-caicos-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tc.svg)}.ts-flag:is(.is-td-flag,.is-chad-flag){background-image:url(flags/4x3/td.svg)}.ts-flag:is(.is-td-flag,.is-chad-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/td.svg)}.ts-flag:is(.is-tf-flag,.is-french-territories-flag){background-image:url(flags/4x3/tf.svg)}.ts-flag:is(.is-tf-flag,.is-french-territories-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tf.svg)}.ts-flag:is(.is-tg-flag,.is-togo-flag){background-image:url(flags/4x3/tg.svg)}.ts-flag:is(.is-tg-flag,.is-togo-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tg.svg)}.ts-flag:is(.is-th-flag,.is-thailand-flag){background-image:url(flags/4x3/th.svg)}.ts-flag:is(.is-th-flag,.is-thailand-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/th.svg)}.ts-flag:is(.is-tj-flag,.is-tajikistan-flag){background-image:url(flags/4x3/tj.svg)}.ts-flag:is(.is-tj-flag,.is-tajikistan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tj.svg)}.ts-flag:is(.is-tk-flag,.is-tokelau-flag){background-image:url(flags/4x3/tk.svg)}.ts-flag:is(.is-tk-flag,.is-tokelau-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tk.svg)}.ts-flag:is(.is-tl-flag,.is-timorleste-flag){background-image:url(flags/4x3/tl.svg)}.ts-flag:is(.is-tl-flag,.is-timorleste-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tl.svg)}.ts-flag:is(.is-tm-flag,.is-turkmenistan-flag){background-image:url(flags/4x3/tm.svg)}.ts-flag:is(.is-tm-flag,.is-turkmenistan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tm.svg)}.ts-flag:is(.is-tn-flag,.is-tunisia-flag){background-image:url(flags/4x3/tn.svg)}.ts-flag:is(.is-tn-flag,.is-tunisia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tn.svg)}.ts-flag:is(.is-to-flag,.is-tonga-flag){background-image:url(flags/4x3/to.svg)}.ts-flag:is(.is-to-flag,.is-tonga-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/to.svg)}.ts-flag:is(.is-tr-flag,.is-turkey-flag){background-image:url(flags/4x3/tr.svg)}.ts-flag:is(.is-tr-flag,.is-turkey-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tr.svg)}.ts-flag:is(.is-tt-flag,.is-trinidad-flag){background-image:url(flags/4x3/tt.svg)}.ts-flag:is(.is-tt-flag,.is-trinidad-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tt.svg)}.ts-flag:is(.is-tv-flag,.is-tuvalu-flag){background-image:url(flags/4x3/tv.svg)}.ts-flag:is(.is-tv-flag,.is-tuvalu-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tv.svg)}.ts-flag:is(.is-tw-flag,.is-taiwan-flag,.is-republic-of-china-flag,.is-formosa-flag){background-image:url(flags/4x3/tw.svg)}.ts-flag:is(.is-tw-flag,.is-taiwan-flag,.is-republic-of-china-flag,.is-formosa-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tw.svg)}.ts-flag:is(.is-tz-flag,.is-tanzania-flag){background-image:url(flags/4x3/tz.svg)}.ts-flag:is(.is-tz-flag,.is-tanzania-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tz.svg)}.ts-flag:is(.is-ua-flag,.is-ukraine-flag){background-image:url(flags/4x3/ua.svg)}.ts-flag:is(.is-ua-flag,.is-ukraine-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ua.svg)}.ts-flag:is(.is-ug-flag,.is-uganda-flag){background-image:url(flags/4x3/ug.svg)}.ts-flag:is(.is-ug-flag,.is-uganda-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ug.svg)}.ts-flag:is(.is-um-flag,.is-us-minor-islands-flag){background-image:url(flags/4x3/um.svg)}.ts-flag:is(.is-um-flag,.is-us-minor-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/um.svg)}.ts-flag:is(.is-un-flag,.is-united-nations-flag){background-image:url(flags/4x3/un.svg)}.ts-flag:is(.is-un-flag,.is-united-nations-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/un.svg)}.ts-flag:is(.is-us-flag,.is-united-states-flag,.is-america-flag,.is-usa-flag){background-image:url(flags/4x3/us.svg)}.ts-flag:is(.is-us-flag,.is-united-states-flag,.is-america-flag,.is-usa-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/us.svg)}.ts-flag:is(.is-uy-flag,.is-uruguay-flag){background-image:url(flags/4x3/uy.svg)}.ts-flag:is(.is-uy-flag,.is-uruguay-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/uy.svg)}.ts-flag:is(.is-uz-flag,.is-uzbekistan-flag){background-image:url(flags/4x3/uz.svg)}.ts-flag:is(.is-uz-flag,.is-uzbekistan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/uz.svg)}.ts-flag:is(.is-va-flag,.is-vatican-city-flag){background-image:url(flags/4x3/va.svg)}.ts-flag:is(.is-va-flag,.is-vatican-city-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/va.svg)}.ts-flag:is(.is-vc-flag,.is-saint-vincent-flag){background-image:url(flags/4x3/vc.svg)}.ts-flag:is(.is-vc-flag,.is-saint-vincent-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/vc.svg)}.ts-flag:is(.is-ve-flag,.is-venezuela-flag){background-image:url(flags/4x3/ve.svg)}.ts-flag:is(.is-ve-flag,.is-venezuela-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ve.svg)}.ts-flag:is(.is-vg-flag,.is-british-virgin-islands-flag){background-image:url(flags/4x3/vg.svg)}.ts-flag:is(.is-vg-flag,.is-british-virgin-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/vg.svg)}.ts-flag:is(.is-vi-flag,.is-us-virgin-islands-flag){background-image:url(flags/4x3/vi.svg)}.ts-flag:is(.is-vi-flag,.is-us-virgin-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/vi.svg)}.ts-flag:is(.is-vn-flag,.is-vietnam-flag){background-image:url(flags/4x3/vn.svg)}.ts-flag:is(.is-vn-flag,.is-vietnam-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/vn.svg)}.ts-flag:is(.is-vu-flag,.is-vanuatu-flag){background-image:url(flags/4x3/vu.svg)}.ts-flag:is(.is-vu-flag,.is-vanuatu-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/vu.svg)}.ts-flag:is(.is-wf-flag,.is-wallis-and-futuna-flag,.is-wallis-flag,.is-futuna-flag){background-image:url(flags/4x3/wf.svg)}.ts-flag:is(.is-wf-flag,.is-wallis-and-futuna-flag,.is-wallis-flag,.is-futuna-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/wf.svg)}.ts-flag:is(.is-ws-flag,.is-samoa-flag){background-image:url(flags/4x3/ws.svg)}.ts-flag:is(.is-ws-flag,.is-samoa-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ws.svg)}.ts-flag:is(.is-ye-flag,.is-yemen-flag){background-image:url(flags/4x3/ye.svg)}.ts-flag:is(.is-ye-flag,.is-yemen-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ye.svg)}.ts-flag:is(.is-yt-flag,.is-mayotte-flag){background-image:url(flags/4x3/yt.svg)}.ts-flag:is(.is-yt-flag,.is-mayotte-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/yt.svg)}.ts-flag:is(.is-za-flag,.is-south-africa-flag){background-image:url(flags/4x3/za.svg)}.ts-flag:is(.is-za-flag,.is-south-africa-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/za.svg)}.ts-flag:is(.is-zm-flag,.is-zambia-flag){background-image:url(flags/4x3/zm.svg)}.ts-flag:is(.is-zm-flag,.is-zambia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/zm.svg)}.ts-flag:is(.is-zw-flag,.is-zimbabwe-flag){background-image:url(flags/4x3/zw.svg)}.ts-flag:is(.is-zw-flag,.is-zimbabwe-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/zw.svg)}.ts-statistic{align-items:center;color:inherit;display:flex;gap:.5rem}.ts-statistic .value{align-items:center;display:inline-flex;font-size:var(--ts-relative-massive);font-weight:500;line-height:1.4}.ts-statistic .comparison,.ts-statistic .unit{color:var(--ts-gray-600);font-size:var(--ts-relative-medium)}.ts-statistic .comparison{align-items:center;display:flex;justify-content:center}.ts-statistic .comparison:before{font-family:Icons;font-size:1rem;margin-right:.35rem;margin-top:2px}.ts-statistic .ts-icon{font-size:var(--ts-relative-massive);margin-right:.5rem}.ts-statistic.is-start-aligned>.value{justify-content:flex-start}.ts-statistic.is-center-aligned>.value{justify-content:center}.ts-statistic.is-centered{align-items:center;display:flex;justify-content:center}.ts-statistic>.value.is-text{font-size:1em;min-height:2.425rem}.ts-statistic .comparison.is-increased:before{content:"\f0d8"}.ts-statistic .comparison.is-decreased:before{content:"\f0d7"}.ts-statistic.is-decreased .value:before,.ts-statistic.is-increased .value:before{font-family:Icons;margin-right:.5rem}.ts-statistic.is-increased .value:before{content:"\f0d8"}.ts-statistic.is-decreased .value:before{content:"\f0d7"}.ts-statistic.is-fluid{width:100%}.ts-statistic.is-mini.is-mini.is-mini{font-size:.8125rem}.ts-statistic.is-tiny.is-tiny.is-tiny{font-size:.875rem}.ts-statistic.is-small.is-small.is-small{font-size:.9375rem}.ts-statistic.is-large.is-large.is-large{font-size:1.125rem}.ts-statistic.is-big.is-big.is-big{font-size:1.375rem}.ts-statistic.is-huge.is-huge.is-huge{font-size:1.75rem}.ts-statistic.is-massive.is-massive.is-massive{font-size:2rem}.ts-app-sidebar{margin-right:1.5rem}.ts-app-sidebar .item{color:var(--ts-gray-800);display:flex;font-weight:500;padding:.7rem 1.5rem;text-decoration:none}.ts-app-sidebar .header{color:var(--ts-gray-500);font-size:var(--ts-font-size-15px);font-weight:700;padding:.75rem 1.5rem}.ts-app-sidebar .item+.header{margin-top:1.5rem}.ts-app-sidebar .item .ts-icon{font-size:1.1em;margin-right:1rem}.ts-app-sidebar .item.is-active{background:var(--ts-gray-800);border-radius:0 100rem 100rem 0;color:var(--ts-gray-50)}.ts-app-sidebar .item.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-app-sidebar.is-dense .item{padding-bottom:.4rem;padding-top:.4rem}.ts-app-sidebar.is-dense .item+.header{margin-top:.5rem}.ts-app-sidebar.is-dense .header{padding-bottom:.45rem;padding-top:.45rem}.ts-app-navbar,.ts-app-navbar .item{align-items:center;display:inline-flex}.ts-app-navbar .item{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;border-radius:.4rem;color:var(--ts-gray-500);flex-direction:column;font-size:14px;font-weight:500;gap:.3rem;justify-content:center;margin:0;padding-left:1rem;padding-right:1rem;text-align:center;text-decoration:none}.ts-app-navbar .item .ts-icon{font-size:1.2rem;line-height:1.2}.ts-app-navbar .item .label{line-height:1}.ts-app-navbar.is-fluid{display:flex}.ts-app-navbar.is-fluid .item{flex:1}.ts-app-navbar.is-unlabeled .item:not(.is-active) .label{display:none}.ts-app-navbar .item.is-active{color:var(--ts-gray-800)}.ts-app-navbar .item.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-app-navbar.is-vertical{flex-direction:column}.ts-app-navbar.is-vertical .item{padding:.8rem 0}.ts-app-navbar.is-vertical .item:first-child{padding-top:0}.ts-app-navbar.is-indicated .item{color:var(--ts-gray-800)}.ts-app-navbar.is-indicated .item .ts-icon{align-items:center;border-radius:100rem;display:flex;font-size:1.2rem;justify-content:center;line-height:1.2;min-height:26px;padding:.25rem 1rem;width:auto}.ts-app-navbar.is-indicated .item.is-active .ts-icon{background:var(--ts-gray-800);color:var(--ts-gray-50)}.ts-app-navbar.is-dense .item{gap:.25rem}.ts-app-navbar.is-dense.is-indicated .item .ts-icon{min-height:25px;padding-bottom:.15rem;padding-top:.15rem}.ts-snackbar{background:var(--ts-static-gray-800);border-radius:.4rem;color:var(--ts-white);display:inline-flex;font-size:var(--ts-absolute-small);padding:.35rem 1rem}.ts-snackbar .content{margin:.25rem 0}.ts-snackbar .action{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;align-self:flex-start;-webkit-appearance:none;background:transparent;border:none;border-radius:0;border-radius:.4rem;box-sizing:border-box;color:inherit;color:var(--ts-primary-400);cursor:pointer;font:inherit;font-size:var(--ts-absolute-small);font-weight:500;line-height:normal;line-height:1;margin:0 -.5rem 0 2rem;outline:none;overflow:visible;padding:.65em 1em;user-select:none;white-space:nowrap;width:auto}.ts-snackbar .action.is-negative{color:var(--ts-negative-500)}.ts-accordion{box-sizing:border-box;color:inherit}.ts-accordion .title{align-items:center;cursor:pointer;display:flex;user-select:none}.ts-accordion .title:before{-webkit-font-smoothing:antialiased;backface-visibility:hidden;color:var(--ts-gray-600);content:"\f078";display:inline;display:block;font-family:Icons;font-size:14px;font-style:normal;font-weight:400;line-height:1;margin-right:.7rem;text-align:center;text-decoration:inherit;transform:rotate(270deg);width:1.18em}.ts-accordion .content{display:none;margin:1rem 0 0}.ts-accordion.is-active .content{display:block}.ts-accordion.is-active .title:before{transform:rotate(0deg)}.ts-notification{align-items:flex-start;display:flex;gap:1rem}.ts-notification .aside .ts-icon{background:var(--ts-gray-200);border-radius:.4rem;color:var(--ts-gray-600);display:block;font-size:1.3rem;line-height:1;padding:.9rem;width:auto}.ts-notification .aside .ts-image{aspect-ratio:1/1;border-radius:.4rem;max-height:44px;object-fit:cover}.ts-notification .content .actions{border-top:1px solid var(--ts-gray-300);display:flex;gap:1rem;margin-top:.5rem;padding-top:.5rem}.ts-notification .content .actions .item{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0;outline:none;overflow:visible;padding:0;user-select:none;width:auto}.ts-notification .content{color:var(--ts-gray-800);flex:1;font-size:14px}.ts-notification .content .text{min-height:42px}.ts-notification .content .actions .item.is-primary{color:var(--ts-primary-700)}.ts-notification .content .actions .item.is-negative{color:var(--ts-negative-600)}.ts-notification .content .actions .item.is-secondary{color:var(--ts-gray-500)}.ts-mask{background:rgba(0,0,0,.5);bottom:0;color:var(--ts-gray-50);left:0;position:absolute;right:0;top:0}.ts-mask.is-top{bottom:auto;top:0}.ts-mask.is-middle{bottom:auto;top:50%;transform:translateY(-50%)}.ts-mask.is-bottom{bottom:0;top:auto}.ts-mask.is-blurring{backdrop-filter:blur(3px)}.ts-mask.is-secondary{background:transparent;color:var(--ts-gray-800)}.ts-mask.is-faded.is-top{background:linear-gradient(180deg,rgba(0,0,0,.5) 0,transparent)}.ts-mask.is-faded.is-bottom{background:linear-gradient(0deg,rgba(0,0,0,.5) 0,transparent)}@keyframes ts-placeholder-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes ts-placeholder-blink{30%{opacity:0}}.ts-placeholder .image,.ts-placeholder .image.is-header:after,.ts-placeholder .image.is-header:before,.ts-placeholder .text{background:var(--ts-gray-200);height:.8em;margin:.8em 0;width:45%}.ts-placeholder:first-child>:first-child{margin-top:0}.ts-placeholder:last-child>:last-child{margin-bottom:0}.ts-placeholder .image{height:150px;width:100%}.ts-placeholder .text:first-child{width:43%}.ts-placeholder .text:nth-child(2){width:78%}.ts-placeholder .text:nth-child(3){width:70%}.ts-placeholder .text:nth-child(4){width:80%}.ts-placeholder .text:nth-child(5){width:60%}.ts-placeholder .text:nth-child(6){width:44%}.ts-placeholder .text:nth-child(7){width:63%}.ts-placeholder .text:nth-child(8){width:49%}.ts-placeholder .text:nth-child(9){width:72%}.ts-placeholder .text:nth-child(10){width:61%}.ts-placeholder .text:nth-child(11){width:45%}.ts-placeholder .text:nth-child(12){width:55%}.ts-placeholder .text:nth-child(13){width:56%}.ts-placeholder .text:nth-child(14){width:57%}.ts-placeholder .text:nth-child(15){width:73%}.ts-placeholder .text:nth-child(16){width:59%}.ts-placeholder .text:nth-child(17){width:47%}.ts-placeholder .text:nth-child(18){width:77%}.ts-placeholder .text.is-header{background:var(--ts-gray-300)}.ts-placeholder .image.is-header{height:36px;position:static;width:36px}.ts-placeholder .image.is-header:after,.ts-placeholder .image.is-header:before{content:"";margin:0;position:absolute}.ts-placeholder .image.is-header:after{background:var(--ts-gray-300);left:calc(36px + 1rem);top:0;width:65%}.ts-placeholder .image.is-header:before{left:calc(36px + 1rem);top:25px;width:55%}.ts-placeholder.is-preparing .image,.ts-placeholder.is-preparing .image.is-header:after,.ts-placeholder.is-preparing .image.is-header:before,.ts-placeholder.is-preparing .text,.ts-placeholder.is-preparing .text.is-header{animation-duration:1.8s;animation-fill-mode:alternate;animation-iteration-count:infinite;animation-name:ts-placeholder-blink;animation-timing-function:linear}.ts-placeholder.is-loading .image,.ts-placeholder.is-loading .image.is-header:after,.ts-placeholder.is-loading .image.is-header:before,.ts-placeholder.is-loading .text,.ts-placeholder.is-loading .text.is-header{animation-duration:1.2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:ts-placeholder-shimmer;animation-timing-function:linear;background:linear-gradient(to right,var(--ts-gray-200) 8%,var(--ts-gray-300) 18%,var(--ts-gray-200) 33%);background-size:1000px 200px}.ts-placeholder.is-loading .text.is-header{background:linear-gradient(to right,var(--ts-gray-300) 8%,var(--ts-gray-400) 18%,var(--ts-gray-300) 33%);background-size:1000px 200px}.ts-placeholder.is-rounded *{border-radius:.4rem}.ts-placeholder .text.is-short,.ts-placeholder .text.is-very-short{width:30%}.ts-placeholder .text.is-extra-short{width:20%}.ts-placeholder .text.is-long{width:70%}.ts-placeholder .text.is-very-long{width:80%}.ts-placeholder .text.is-extra-long{width:90%}.ts-header{align-items:center;color:inherit;display:flex;font-size:var(--ts-font-size-17px);font-weight:500;line-height:1.6}a.ts-header{text-decoration:none}a.ts-header:hover{text-decoration:underline}.ts-header.is-truncated{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-header.is-negative{color:var(--ts-negative-600)}.ts-header.is-heavy{font-weight:700!important}.ts-header.is-center-aligned{justify-content:center;text-align:center}.ts-header.is-start-aligned{justify-content:flex-start;text-align:left}.ts-header.is-end-aligned{justify-content:flex-end;text-align:right}.ts-header.is-icon{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.ts-header.is-icon .ts-icon{font-size:3em;line-height:1;margin-bottom:.5rem;width:auto}.ts-header:is(.is-start-icon,.is-end-icon) .ts-icon{font-size:1.5em}.ts-header.is-start-icon .ts-icon{margin-right:.5rem}.ts-header.is-end-icon .ts-icon{margin-left:.5rem}.ts-header.is-secondary{color:var(--ts-gray-500)}.ts-header.is-large{font-size:var(--ts-font-size-20px)}.ts-header.is-big{font-size:var(--ts-font-size-24px)}.ts-header.is-huge{font-size:var(--ts-font-size-30px)}.ts-header.is-massive{font-size:var(--ts-font-size-33px)}.ts-segment{--ts-indicator-color:var(--ts-gray-900);background:var(--ts-gray-50);border:1px solid var(--ts-gray-300);border-radius:.4rem;box-sizing:border-box;color:inherit;display:block;overflow:hidden;padding:1rem;text-decoration:none}a.ts-segment:hover{border-color:var(--ts-gray-400)}.ts-segment.is-collapsed{width:fit-content}.ts-segment.is-top-indicated{border-top:3px solid var(--ts-indicator-color)}.ts-segment.is-bottom-indicated{border-bottom:3px solid var(--ts-indicator-color)}.ts-segment.is-left-indicated{border-left:3px solid var(--ts-indicator-color)}.ts-segment.is-right-indicated{border-right:3px solid var(--ts-indicator-color)}.ts-segment.is-secondary{background:var(--ts-gray-75)}.ts-segment.is-tertiary{background:var(--ts-gray-100)}.ts-segment.is-start-aligned{text-align:left}.ts-segment.is-end-aligned{text-align:right}.ts-segment.is-center-aligned{text-align:center}.ts-segment[class*=-indicated].is-negative{--ts-indicator-color:var(--ts-negative-500)}.ts-segment[class*=-indicated].is-positive{--ts-indicator-color:var(--ts-positive-500)}.ts-segment[class*=-indicated].is-warning{--ts-indicator-color:var(--ts-warning-500)}.ts-segment.is-elevated{box-shadow:0 1px 5px 0 #00000024}.ts-segment.is-very-elevated{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}.ts-segment.is-padded{padding:1.5rem}.ts-segment.is-horizontally-padded{padding-left:1.5rem;padding-right:1.5rem}.ts-segment.is-vertically-padded{padding-bottom:1.5rem;padding-top:1.5rem}.ts-segment.is-very-padded{padding:3.5rem}.ts-segment.is-horizontally-very-padded{padding-left:3.5rem;padding-right:3.5rem}.ts-segment.is-vertically-very-padded{padding-bottom:3.5rem;padding-top:3.5rem}.ts-segment.is-dense{padding-bottom:.5rem;padding-top:.5rem}.ts-quote{color:inherit;padding-left:3rem;padding-top:1rem}.ts-quote:before{color:var(--ts-gray-300);content:"“";font-family:Georgia,Times New Roman,Times;font-size:5rem;left:0;line-height:1;position:absolute;top:0}.ts-quote .cite{color:var(--ts-gray-600);font-style:normal;margin-top:1rem}.ts-quote.is-heading{color:var(--ts-gray-800);font-size:var(--ts-font-size-20px);font-weight:500;padding:0;text-align:center}.ts-quote.is-heading:before{background:var(--ts-gray-100);border-radius:50%;color:var(--ts-gray-800);content:"”";display:block;font-size:3.3rem;font-weight:700;height:2.6rem;line-height:1.2;margin:0 auto .5rem;position:relative;text-align:center;width:2.6rem}.ts-quote.is-heading .cite{font-size:15px;font-weight:400;margin-top:0}.ts-quote.is-secondary{border-left:5px solid var(--ts-gray-300);padding:0 0 0 2rem}.ts-quote.is-secondary:before{display:none}.ts-quote.is-small{font-size:var(--ts-font-size-14px)}.ts-quote.is-large{font-size:var(--ts-font-size-17px)}.ts-app-layout{color:inherit;display:flex;flex-direction:row}.ts-app-layout .cell{background:var(--ts-gray-50);flex-shrink:0}.ts-app-layout.is-full{height:100%;width:100%}.ts-app-layout.is-horizontal{display:flex;flex-direction:row}.ts-app-layout.is-horizontal>.cell:not(:last-child){border-right:1px solid var(--ts-gray-300)}.ts-app-layout .cell.is-horizontal{display:flex;flex-direction:row}.ts-app-layout .cell.is-horizontal>.cell:not(:last-child){border-right:1px solid var(--ts-gray-300)}.ts-app-layout.is-vertical{display:flex;flex-direction:column}.ts-app-layout.is-vertical>.cell:not(:last-child){border-bottom:1px solid var(--ts-gray-300)}.ts-app-layout .cell.is-vertical{display:flex;flex-direction:column}.ts-app-layout .cell.is-vertical>.cell:not(:last-child){border-bottom:1px solid var(--ts-gray-300)}.ts-app-layout .cell.is-scrollable{overflow-y:auto}.ts-app-layout .cell.is-fluid{flex:1;flex-shrink:1}.ts-app-layout .cell.is-secondary{background:var(--ts-gray-75)}.ts-app-layout .cell.is-tertiary{background:var(--ts-gray-100)}.ts-avatar{align-items:center;border:1px solid transparent;border-radius:.4rem;display:inline-flex;height:32px;justify-content:center;overflow:hidden;vertical-align:middle;white-space:nowrap;width:32px}.ts-avatar img{width:100%}.ts-avatar.is-circular,.ts-avatar.is-circular img{border-radius:100rem}.ts-avatar.is-text{align-items:center;background:var(--ts-gray-200);color:var(--ts-gray-600);display:inline-flex;font-size:1.1rem;font-weight:500;justify-content:center}.ts-avatar.is-bordered{border-color:var(--ts-gray-300)}.ts-avatar.is-group{flex-direction:row-reverse;height:auto;justify-content:flex-end;width:auto}.ts-avatar.is-group .ts-avatar:not(:last-child){margin-inline-start:-.6rem}.ts-avatar.is-small{height:24px;width:24px}.ts-avatar.is-large{height:48px;width:48px}.ts-wrap{display:flex;flex-wrap:wrap;gap:1rem}.ts-wrap.is-vertical{flex-direction:column}.ts-wrap.is-top-aligned{align-items:flex-start}.ts-wrap.is-middle-aligned{align-items:center}.ts-wrap.is-bottom-aligned{align-items:flex-end}.ts-wrap.is-start-aligned{justify-content:flex-start}.ts-wrap.is-center-aligned{justify-content:center}.ts-wrap.is-end-aligned{justify-content:flex-end}.ts-wrap.is-start-aligned.is-vertical{align-items:flex-start}.ts-wrap.is-center-aligned.is-vertical{align-items:center}.ts-wrap.is-end-aligned.is-vertical{align-items:flex-end}.ts-wrap.is-relaxed{gap:2rem}.ts-wrap.is-compact{gap:.5rem}.ts-container{box-sizing:border-box;color:inherit;margin:0 auto;max-width:1180px;padding:0 1.5rem;width:100%}.ts-container.is-fluid{max-width:100%}.ts-container.is-narrow{max-width:910px}.ts-container.is-very-narrow{max-width:720px}.ts-control{color:inherit;display:grid;gap:2rem;grid-template-columns:220px 1fr}.ts-control .label{color:var(--ts-gray-800);font-weight:500;line-height:2.4;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.ts-control .content{max-width:75%}.ts-control .content.is-padded{padding-top:.45rem}.ts-control .content.is-fluid{max-width:none}.ts-control .label.is-start-aligned{text-align:left}.ts-control.is-wide{grid-template-columns:150px 1fr}.ts-control.is-wide .content{max-width:90%}.ts-menu{--object-distance:0.8rem;flex-direction:column}.ts-menu,.ts-menu .item{color:inherit;display:flex}.ts-menu .item{align-items:center;appearance:none;background:transparent;border:unset;font-family:inherit;font-size:inherit;gap:var(--object-distance);line-height:1;padding:.8rem 1rem;text-align:inherit;text-decoration:none}.ts-menu .item .ts-icon{font-size:1.1em}.ts-menu .item .ts-badge{margin-left:auto;margin-top:-1px}.ts-menu .item .ts-avatar{margin-bottom:-.4rem;margin-top:-.4rem}.ts-menu .item .description{color:var(--ts-gray-500);float:right;font-size:var(--ts-relative-small);margin-left:auto;text-align:right}.ts-menu .item:hover{background:var(--ts-gray-75);cursor:pointer}.ts-menu .item :where(.ts-row,.ts-grid){flex:1}.ts-menu .item.is-active{background:var(--ts-gray-800);color:var(--ts-gray-50)}.ts-menu .item.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-menu .item.is-selected{background:var(--ts-primary-700);color:var(--ts-white)}.ts-menu.is-separated{gap:.25rem}.ts-menu.is-separated .item{border-radius:.4rem}.ts-menu.is-end-icon .item .ts-icon,.ts-menu.is-start-icon .item .ts-icon{display:inline-block;margin-top:2px;min-width:1rem;text-align:center}.ts-menu.is-end-icon .item .ts-icon{margin-left:auto}.ts-menu.is-collapsed{width:fit-content}.ts-menu.is-relaxed .item{padding-bottom:1.1rem;padding-top:1.1rem}.ts-menu.is-dense .item{padding-bottom:.65rem;padding-top:.65rem}.ts-menu.is-small{font-size:var(--ts-font-size-14px)}.ts-menu.is-large{font-size:var(--ts-font-size-16px)}.ts-checklist{display:flex;flex-direction:column;gap:.5rem;margin-right:1.5rem}.ts-checklist .item{color:var(--ts-gray-800);padding-left:28px;text-decoration:none}.ts-checklist .item:before{-webkit-font-smoothing:antialiased;backface-visibility:hidden;border-radius:100rem;display:inline-block;font-family:Icons;font-size:var(--ts-font-size-12px);font-style:normal;font-weight:400;height:20px;left:0;line-height:1;padding:.3rem .25rem .1rem;position:absolute;text-align:center;text-decoration:inherit;top:3px;transform:scale(.9);vertical-align:middle;width:20px}.ts-checklist .item.is-positive:before{background:var(--ts-tonal-positive-400);color:var(--ts-tonal-positive-800);content:"\f00c"}.ts-checklist .item.is-negative:before{background:var(--ts-tonal-negative-400);color:var(--ts-tonal-negative-800);content:"\f00d"}.ts-checklist .item.is-added:before{background:var(--ts-tonal-positive-400);color:var(--ts-tonal-positive-800);content:"\f067"}.ts-checklist .item.is-removed:before{background:var(--ts-tonal-negative-400);color:var(--ts-tonal-negative-800);content:"\f068"}.ts-imageset{display:grid;gap:1rem}.ts-imageset .item img{height:100%;object-fit:cover;vertical-align:top;width:100%}.ts-imageset.is-2-images{grid-template-columns:repeat(1,1fr)}.ts-imageset.is-3-images{grid-template-columns:repeat(2,1fr)}.ts-imageset.ts-imageset.is-3-images .item:first-child{grid-column:1/3}.ts-imageset.is-4-images{grid-template-columns:repeat(3,1fr)}.ts-imageset.ts-imageset.is-4-images .item:first-child{grid-column:1/4}.ts-imageset.is-portrait.is-3-images{grid-template-columns:repeat(2,1fr)}.ts-imageset.is-portrait.is-3-images .item:first-child{grid-column:initial;grid-row:1/3}.ts-imageset.is-portrait.is-4-images{grid-template-columns:repeat(2,1fr)}.ts-imageset.is-portrait.is-4-images .item:first-child{grid-column:initial;grid-row:1/4}.ts-imageset.is-rounded .item img{border-radius:.4rem}.ts-imageset.is-circular.is-portrait .item:first-child img{border-bottom-left-radius:.4rem;border-top-left-radius:.4rem}.ts-imageset.is-circular.is-portrait .item:nth-child(2) img{border-top-right-radius:.4rem}.ts-imageset.is-circular.is-portrait .item:last-child img{border-bottom-right-radius:.4rem}.ts-imageset.is-circular:not(.is-portrait) .item:first-child img{border-top-left-radius:.4rem;border-top-right-radius:.4rem}.ts-imageset.is-circular:not(.is-portrait) .item:nth-child(2) img{border-bottom-left-radius:.4rem}.ts-imageset.is-circular:not(.is-portrait) .item:last-child img{border-bottom-right-radius:.4rem}.ts-imageset.is-relaxed{gap:1.5rem}.ts-imageset.is-compact{gap:.5rem}.ts-iconset{display:flex;gap:1rem;line-height:1.7}.ts-iconset .ts-icon{align-items:center;background:var(--ts-gray-100);border-radius:.4rem;display:flex;font-size:1.4rem;height:3rem;justify-content:center;min-width:3rem;width:3rem}.ts-iconset .content .title{font-weight:500;line-height:1.4}.ts-iconset.is-circular .ts-icon{border-radius:100rem}.ts-iconset.is-outlined .ts-icon{background:transparent;border:2px solid var(--ts-gray-300);box-sizing:border-box}.ts-app-statusbar{background:var(--ts-gray-100);display:flex;gap:.5rem;line-height:1}.ts-app-statusbar .item{display:flex;font-size:var(--ts-font-size-13px);gap:.5rem;padding:.5rem;text-decoration:none}.ts-app-statusbar .item:hover{background:var(--ts-gray-200)}.ts-conversation{--brand-color:var(--ts-primary-600);display:flex;gap:1rem}.ts-conversation .avatar img{border-radius:.4rem;width:40px}.ts-conversation .bubble{background:var(--ts-gray-100);border-radius:.4rem;font-size:var(--ts-font-size-14px);line-height:1.5;overflow:hidden;padding:.5rem .8rem}.ts-conversation .bubble:after{clear:both;content:"";display:block}.ts-conversation .bubble .author{color:var(--brand-color);font-weight:500}.ts-conversation .bubble .meta{align-items:center;bottom:-3px;color:var(--ts-gray-500);display:inline-flex;float:right;font-size:var(--ts-font-size-14px);gap:.65rem;justify-content:flex-end;line-height:1.5;margin-left:.6rem}.ts-conversation .bubble .meta.is-floated{background:rgba(0,0,0,.2);border-radius:.4rem;bottom:.5rem;color:var(--ts-white);padding:.1rem .4rem;position:absolute;right:.5rem}.ts-conversation .bubble .text{display:inline}.ts-conversation .bubble .text a{color:var(--ts-link-700)}.ts-conversation .bubble .quote{--brand-color:var(--ts-positive-600);border-left:2px solid var(--brand-color);margin:.5rem 0;padding-left:.8rem}.ts-conversation .bubble .quote .author{color:var(--brand-color);font-weight:500}.ts-conversation .bubble .preview{--brand-color:#1074c5;border-left:2px solid var(--brand-color);display:flex;flex-direction:column;gap:.25rem;margin:.5rem 0;padding-left:.8rem}.ts-conversation .bubble .site{color:var(--brand-color);font-weight:500}.ts-conversation .bubble .title{font-weight:500}.ts-conversation .bubble .embed{border-radius:.4rem;overflow:hidden}.ts-conversation .bubble .embed>*{object-fit:cover;vertical-align:top;width:100%}.ts-conversation .bubble .object{margin:.4rem -.8rem}.ts-conversation:is(.is-sent,.is-sending,.is-error,.is-read,.is-warning) .bubble .meta:after{-webkit-font-smoothing:antialiased;backface-visibility:hidden;color:var(--ts-gray-500);font-family:Icons;font-size:var(--ts-font-size-13px);font-style:normal;font-weight:400;text-align:center;text-decoration:inherit;width:1.18em}.ts-conversation.is-sent .bubble .meta:after{content:"\f00c"}.ts-conversation.is-sending .bubble .meta:after{content:"\f017"}.ts-conversation.is-read .bubble .meta:after{content:"\f560"}.ts-conversation.is-error .bubble .meta:after{color:var(--ts-negative-400);content:"\f071"}.ts-conversation.is-self{flex-direction:row-reverse}.ts-conversation.is-self .bubble{background:#e8fbd1;color:var(--ts-black)}.ts-conversation.is-self .bubble .author,.ts-conversation.is-self .bubble .meta,.ts-conversation.is-self .bubble .meta:after{color:#538e0b}.ts-conversation.is-object-only .bubble{padding:0}.ts-conversation.is-object-only .bubble .object{margin:0}.ts-conversation.is-object-only .bubble .meta{background:rgba(0,0,0,.2);border-radius:.4rem;bottom:.5rem;color:var(--ts-white);padding:.1rem .4rem;position:absolute;right:.5rem}.ts-conversation.is-object-only .bubble .meta:after{color:var(--ts-white)}.ts-modal{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:none;justify-content:center;left:0;overflow-y:auto;padding:2rem 1rem;position:fixed;right:0;top:0;z-index:100}.ts-modal>.content{background:var(--ts-gray-50);border-radius:.4rem;box-shadow:0 0 20px rgba(0,0,0,.1);margin:auto;overflow:hidden;width:380px}.ts-modal.is-visible{display:flex}.ts-modal.is-small>.content{width:280px}.ts-modal.is-large>.content{width:580px}.ts-modal.is-big>.content{width:780px}.ts-gauge{--length:0.8;--value:0;--size:5rem;--thickness:calc(var(--size)/10)}.ts-gauge,.ts-gauge .bar{background-color:transparent;border-radius:9999px;box-sizing:content-box;display:inline-grid;height:var(--size);place-content:center;position:relative;vertical-align:middle;width:var(--size)}.ts-gauge{--value:100;transform:rotate(216deg)}.ts-gauge .bar:before,.ts-gauge:before{border-radius:9999px;content:"";position:absolute}.ts-gauge .bar:before{background:conic-gradient(currentColor calc(var(--value)*1%*var(--length)),#0000 0);bottom:0;left:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--thickness)),rgba(0,0,0,.85) calc(100% - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(99% - var(--thickness)),rgba(0,0,0,.85) calc(100% - var(--thickness)));right:0;top:0}.ts-gauge:before{background:conic-gradient(currentColor calc(var(--value)*var(--length)*1%),#0000 0);bottom:0;left:0;-webkit-mask:radial-gradient(farthest-side,#f000 calc(99% - var(--thickness)),#0000001a calc(100% - var(--thickness)));mask:radial-gradient(farthest-side,#f000 calc(99% - var(--thickness)),#0000001a calc(100% - var(--thickness)));right:0;top:0}.ts-gauge .bar .text{transform:rotate(-216deg)}.ts-gauge.is-circular{--length:1;transform:none}.ts-gauge.is-circular .bar .text{transform:none}.ts-gauge.is-uplifted{--length:0.7;transform:rotate(180deg)}.ts-gauge.is-uplifted .bar .text{transform:rotate(-180deg)}.ts-gauge.is-centered{display:grid;margin:0 auto}.ts-gauge.is-small{--size:4rem}.ts-gauge.is-large{--size:6rem}@keyframes tooltip-appear{0%{opacity:0}to{opacity:1}}[data-tooltip]{overflow:visible}[data-tooltip]:after{background:var(--ts-gray-600);border-radius:.2rem;color:var(--ts-gray-50);content:attr(data-tooltip);font-size:var(--ts-font-size-13px);font-weight:400;left:50%;opacity:0;padding:.1rem .35rem;position:absolute;top:calc(100% + .5rem);transform:translateX(-50%);visibility:hidden;white-space:nowrap;z-index:99}[data-tooltip]:hover:after{animation:tooltip-appear 0s ease-in .5s;animation-fill-mode:forwards;visibility:visible}@media (pointer:coarse){[data-tooltip]:hover{visibility:hidden}}[data-tooltip][data-position=top]:after{bottom:calc(100% + .5rem);top:auto}[data-tooltip][data-position=bottom]:after{top:calc(100% + .5rem)}[data-tooltip][data-position=left]:after{left:auto;right:calc(100% + .5rem);top:50%;transform:translateY(-50%)}[data-tooltip][data-position=right]:after{left:calc(100% + .5rem);top:50%;transform:translateY(-50%)}.ts-dropdown{--object-distance:0.8rem;background:var(--ts-gray-50);border:1px solid var(--ts-gray-300);border-radius:.4rem;box-shadow:0 0 10px 0 rgba(0,0,0,.1);color:inherit;display:none;flex-direction:column;font-size:var(--ts-font-size-14px);padding:.2rem 0;position:absolute;white-space:nowrap;z-index:100}.ts-dropdown>.item{align-items:center;appearance:none;background:transparent;border:unset;color:inherit;display:flex;font-family:inherit;font-size:inherit;gap:var(--object-distance);line-height:1;min-width:max-content;padding:.65rem 1rem;text-align:inherit;text-decoration:none}.ts-dropdown .item .ts-icon{font-size:1.1em}.ts-dropdown .item .ts-avatar{margin-bottom:-.4rem;margin-top:-.4rem}.ts-dropdown .item .description{color:var(--ts-gray-500);float:right;font-size:var(--ts-relative-small);margin-left:auto;text-align:right}.ts-dropdown .item:hover{background:var(--ts-gray-75);cursor:pointer}.ts-dropdown .item :where(.ts-row,.ts-grid){flex:1}.ts-dropdown .item.is-active{background:var(--ts-gray-800);color:var(--ts-gray-50)}.ts-dropdown .item.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-dropdown .item.is-selected{background:var(--ts-primary-700);color:var(--ts-white)}.ts-dropdown.is-separated{gap:.25rem;padding-left:.25rem;padding-right:.25rem}.ts-dropdown.is-separated .item{border-radius:.4rem}.ts-dropdown.is-end-icon .item .ts-icon,.ts-dropdown.is-start-icon .item .ts-icon{display:inline-block;margin-top:2px;min-width:1rem;text-align:center}.ts-dropdown.is-end-icon .item .ts-icon{margin-left:auto}.ts-dropdown.is-relaxed .item{padding-bottom:.8rem;padding-top:.8rem}.ts-dropdown.is-dense .item{padding-bottom:.55rem;padding-top:.55rem}.ts-dropdown.is-small{font-size:var(--ts-font-size-13px)}.ts-dropdown.is-large{font-size:var(--ts-font-size-15px)}.ts-dropdown.is-visible{display:inline-flex}.ts-dropdown.is-scrollable{overflow:auto;overflow-x:hidden}@media screen and (max-width:766px){.ts-dropdown.is-scrollable{max-height:10rem}}@media screen and (min-width:766px){.ts-dropdown.is-scrollable{max-height:15rem}}@media screen and (min-width:993px){.ts-dropdown.is-scrollable{max-height:19rem}}.ts-dropdown.is-top-left{bottom:calc(100% + .5rem);left:0}.ts-dropdown.is-bottom-left{left:0;top:calc(100% + .5rem)}.ts-dropdown.is-top-right{bottom:calc(100% + .5rem);right:0}.ts-dropdown.is-bottom-right{right:0;top:calc(100% + .5rem)}.ts-dropdown.is-top{bottom:calc(100% + .5rem);left:0;min-width:min-content;right:0}.ts-dropdown.is-bottom{left:0;min-width:min-content;right:0;top:calc(100% + .5rem)}html{--ts-white:#fff;--ts-black:#333;--ts-light-gray-50:#fff;--ts-light-gray-75:#fafafa;--ts-light-gray-100:#f2f2f2;--ts-light-gray-200:#eee;--ts-light-gray-300:#e1e1e1;--ts-light-gray-400:#d7d7d7;--ts-light-gray-500:#767676;--ts-light-gray-600:#5a5a5a;--ts-light-gray-700:#464646;--ts-light-gray-800:#373737;--ts-light-gray-900:#303030;--ts-dark-gray-50:#1e1e1e;--ts-dark-gray-75:#232323;--ts-dark-gray-100:#2a2a2a;--ts-dark-gray-200:#2f2f2f;--ts-dark-gray-300:#3e3e3e;--ts-dark-gray-400:#505050;--ts-dark-gray-500:#b4b4b4;--ts-dark-gray-600:#dcdcdc;--ts-dark-gray-700:#f5f5f5;--ts-dark-gray-800:#fafafa;--ts-dark-gray-900:#fff;--ts-static-gray-50:var(--ts-light-gray-50);--ts-static-gray-75:var(--ts-light-gray-75);--ts-static-gray-100:var(--ts-light-gray-100);--ts-static-gray-200:var(--ts-light-gray-200);--ts-static-gray-300:var(--ts-light-gray-300);--ts-static-gray-400:var(--ts-light-gray-400);--ts-static-gray-500:var(--ts-light-gray-500);--ts-static-gray-600:var(--ts-light-gray-600);--ts-static-gray-700:var(--ts-light-gray-700);--ts-static-gray-800:var(--ts-light-gray-800);--ts-static-gray-900:var(--ts-light-gray-900);--ts-static-primary-400:#40a9ff;--ts-static-primary-500:#1890ff;--ts-static-primary-600:#096dd9;--ts-static-primary-700:#0050b3;--ts-static-primary-800:#003a8c;--ts-static-primary-900:#002766;--ts-static-warning-400:#ffec3d;--ts-static-warning-500:#fadb14;--ts-static-warning-600:#d4b106;--ts-static-warning-700:#ad8b00;--ts-static-warning-800:#876800;--ts-static-warning-900:#614700;--ts-static-positive-400:#73d13d;--ts-static-positive-500:#52c41a;--ts-static-positive-600:#389e0d;--ts-static-positive-700:#237804;--ts-static-positive-800:#135200;--ts-static-positive-900:#092b00;--ts-static-negative-400:#ff4d4f;--ts-static-negative-500:#f5222d;--ts-static-negative-600:#cf1322;--ts-static-negative-700:#a8071a;--ts-static-negative-800:#820014;--ts-static-negative-900:#5c0011;--ts-primary-400:#40a9ff;--ts-primary-500:#1890ff;--ts-primary-600:#096dd9;--ts-primary-700:#0050b3;--ts-primary-800:#003a8c;--ts-primary-900:#002766;--ts-link-700:#0050b3;--ts-warning-400:#ffec3d;--ts-warning-500:#fadb14;--ts-warning-600:#d4b106;--ts-warning-700:#ad8b00;--ts-warning-800:#876800;--ts-warning-900:#614700;--ts-positive-400:#73d13d;--ts-positive-500:#52c41a;--ts-positive-600:#389e0d;--ts-positive-700:#237804;--ts-positive-800:#135200;--ts-positive-900:#092b00;--ts-negative-400:#ff4d4f;--ts-negative-500:#f5222d;--ts-negative-600:#cf1322;--ts-negative-700:#a8071a;--ts-negative-800:#820014;--ts-negative-900:#5c0011;--ts-input-height-large:42px;--ts-input-height-large-dense:37px;--ts-input-height-medium:37px;--ts-input-height-medium-dense:32px;--ts-input-height-small:32px;--ts-input-height-small-dense:32px;--ts-font-size-mini:0.8rem;--ts-font-size-tiny:0.86667rem;--ts-font-size-small:0.93333rem;--ts-font-size-medium:1rem;--ts-font-size-large:1.2rem;--ts-font-size-big:1.33333rem;--ts-font-size-huge:1.6rem;--ts-font-size-massive:2rem;--ts-font-size-12px:0.8rem;--ts-font-size-13px:0.86667rem;--ts-font-size-14px:0.93333rem;--ts-font-size-15px:1rem;--ts-font-size-16px:1.06667rem;--ts-font-size-17px:1.13333rem;--ts-font-size-18px:1.2rem;--ts-font-size-20px:1.33333rem;--ts-font-size-24px:1.6rem;--ts-font-size-25px:1.66667rem;--ts-font-size-30px:2rem;--ts-font-size-33px:2.2rem;--ts-font-size-38px:2.53333rem;--ts-font-size-45px:3rem;--ts-font-size-75px:5rem;--ts-absolute-mini:0.8rem;--ts-absolute-tiny:0.86667rem;--ts-absolute-small:0.93333rem;--ts-absolute-medium:1rem;--ts-absolute-large:1.2rem;--ts-absolute-big:1.33333rem;--ts-absolute-huge:1.6rem;--ts-absolute-massive:2rem;--ts-relative-mini:0.8em;--ts-relative-tiny:0.86667em;--ts-relative-small:0.93333em;--ts-relative-medium:1em;--ts-relative-large:1.2em;--ts-relative-big:1.33333em;--ts-relative-huge:1.6em;--ts-relative-massive:2em}.is-light,html,html[data-scheme=dark] .is-inverted,html[data-scheme=light]{--ts-gray-50:var(--ts-light-gray-50);--ts-gray-75:var(--ts-light-gray-75);--ts-gray-100:var(--ts-light-gray-100);--ts-gray-200:var(--ts-light-gray-200);--ts-gray-300:var(--ts-light-gray-300);--ts-gray-400:var(--ts-light-gray-400);--ts-gray-500:var(--ts-light-gray-500);--ts-gray-600:var(--ts-light-gray-600);--ts-gray-700:var(--ts-light-gray-700);--ts-gray-800:var(--ts-light-gray-800);--ts-gray-900:var(--ts-light-gray-900);--ts-tonal-positive-400:#cdffbe;--ts-tonal-positive-800:#357016;--ts-tonal-negative-400:#ffbebe;--ts-tonal-negative-800:#701616;color-scheme:light}.is-dark,.is-inverted,html[data-scheme=dark],html[data-scheme=light] .is-inverted{--ts-gray-50:var(--ts-dark-gray-50);--ts-gray-75:var(--ts-dark-gray-75);--ts-gray-100:var(--ts-dark-gray-100);--ts-gray-200:var(--ts-dark-gray-200);--ts-gray-300:var(--ts-dark-gray-300);--ts-gray-400:var(--ts-dark-gray-400);--ts-gray-500:var(--ts-dark-gray-500);--ts-gray-600:var(--ts-dark-gray-600);--ts-gray-700:var(--ts-dark-gray-700);--ts-gray-800:var(--ts-dark-gray-800);--ts-gray-900:var(--ts-dark-gray-900);--ts-link-700:#8887ff;--ts-tonal-positive-400:#92d34f;--ts-tonal-positive-800:#0e4600;--ts-tonal-negative-400:#d60000;--ts-tonal-negative-800:#fff;color-scheme:dark}html[data-scheme=dark] .is-light-only,html[data-scheme=light] .is-dark-only{display:none}@media (prefers-color-scheme:light){.is-dark-only{display:none}}@media (prefers-color-scheme:dark){.is-light-only{display:none}html{--ts-gray-50:var(--ts-dark-gray-50);--ts-gray-75:var(--ts-dark-gray-75);--ts-gray-100:var(--ts-dark-gray-100);--ts-gray-200:var(--ts-dark-gray-200);--ts-gray-300:var(--ts-dark-gray-300);--ts-gray-400:var(--ts-dark-gray-400);--ts-gray-500:var(--ts-dark-gray-500);--ts-gray-600:var(--ts-dark-gray-600);--ts-gray-700:var(--ts-dark-gray-700);--ts-gray-800:var(--ts-dark-gray-800);--ts-gray-900:var(--ts-dark-gray-900);--ts-primary-400:#40a9ff;--ts-primary-500:#2492f7;--ts-primary-600:#2282e9;--ts-primary-700:#0e52a5;--ts-primary-800:#003a8c;--ts-primary-900:#002766;--ts-link-700:#8887ff;--ts-tonal-positive-400:#92d34f;--ts-tonal-positive-800:#0e4600;--ts-tonal-negative-400:#d60000;--ts-tonal-negative-800:#fff;color-scheme:dark}.is-inverted{--ts-gray-50:var(--ts-light-gray-50);--ts-gray-75:var(--ts-light-gray-75);--ts-gray-100:var(--ts-light-gray-100);--ts-gray-200:var(--ts-light-gray-200);--ts-gray-300:var(--ts-light-gray-300);--ts-gray-400:var(--ts-light-gray-400);--ts-gray-500:var(--ts-light-gray-500);--ts-gray-600:var(--ts-light-gray-600);--ts-gray-700:var(--ts-light-gray-700);--ts-gray-800:var(--ts-light-gray-800);--ts-gray-900:var(--ts-light-gray-900);--ts-tonal-positive-400:#cdffbe;--ts-tonal-positive-800:#357016;--ts-tonal-negative-400:#ffbebe;--ts-tonal-negative-800:#701616;color-scheme:light}}html[data-scale=small],html[data-scale=small] body{font-size:14px}html[data-scale=large],html[data-scale=large] body{font-size:16px}html[data-background=secondary],html[data-background=secondary] body{background-color:var(--ts-gray-75)}@media screen and (max-width:766px){.is-maximal-only,.is-not-minimal,.is-standard-only{display:none!important}}@media screen and (min-width:766px){.is-minimal-only{display:none!important}}@media screen and (max-width:993px){.is-maximal-only{display:none!important}}@media screen and (min-width:766px) and (max-width:993px){.is-not-standard{display:none!important}}@media screen and (min-width:993px){.is-minimal-only,.is-not-maximal,.is-standard-only{display:none!important}} \ No newline at end of file +*,:after,:before{box-sizing:border-box;position:relative}html{background:var(--ts-gray-50);color:var(--ts-gray-800);font-size:15px;line-height:1.75}body,html{height:100%}body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:Noto Sans TC,SF Pro TC,SF Pro Text,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,Microsoft JhengHei,wf_SegoeUI,Segoe UI,Segoe,Segoe WP,Tahoma,Verdana,Ubuntu,Bitstream Vera Sans,DejaVu Sans,微軟正黑體,LiHei Pro,WenQuanYi Micro Hei,Droid Sans Fallback,AR PL UMing TW,Roboto,Hiragino Maru Gothic ProN,メイリオ,ヒラギノ丸ゴ ProN W4,Meiryo,Droid Sans,sans-serif;margin:0;overflow-x:hidden}input::-webkit-date-and-time-value{min-height:1.5rem}button{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;appearance:none;-webkit-appearance:none;background:transparent;border:none;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0;overflow:visible;padding:0;user-select:none;width:auto}[class*=ts-] :where(p){margin-block-end:1em;margin-block-start:1em}[class*=ts-] :where(:first-child){margin-block-start:0}[class*=ts-] .ts-header+p{margin-block-start:.5em}[class*=ts-] :where(:last-child){margin-block-end:0}[class*=ts-] :where(a){color:inherit}@keyframes ts-button-loading{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.ts-button{--horizontal-padding:1.25em;--height:var(--ts-input-height-medium);--accent-color:initial;--accent-foreground-color:initial;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;appearance:none;-webkit-appearance:none;box-sizing:border-box;font:inherit;height:var(--height);margin:0;outline:none;overflow:hidden;text-overflow:ellipsis;user-select:none;white-space:nowrap;width:auto}.ts-button:focus{outline:0}.ts-button{align-items:center;background:var(--accent-color,var(--ts-gray-800));border:2px solid var(--accent-color,var(--ts-gray-800));border-radius:.4rem;color:var(--accent-foreground-color,var(--ts-gray-50));display:inline-flex;font-size:var(--ts-font-size-14px);font-weight:500;justify-content:center;line-height:1.5;min-width:75px;padding:0 var(--horizontal-padding);text-align:center;text-decoration:none;vertical-align:middle}.ts-button:hover{cursor:pointer;opacity:.98}.ts-button.is-secondary{background:var(--ts-gray-100);border-color:var(--ts-gray-100);color:var(--accent-color,var(--ts-gray-800))}.ts-button.is-tertiary{background:var(--ts-gray-300);border-color:var(--ts-gray-300);color:var(--ts-gray-800)}.ts-button.is-outlined{background:transparent;border:2px solid var(--ts-gray-300);color:var(--accent-color,var(--ts-gray-800))}.ts-button.is-negative{background:var(--ts-negative-500);border-color:var(--ts-negative-500);color:var(--ts-white)}.ts-button.is-negative.is-outlined{background:transparent;border-color:var(--ts-gray-300);color:var(--ts-negative-500)}.ts-button.is-ghost{background:transparent;border:2px solid transparent;color:var(--ts-gray-800)}.ts-button.is-ghost:hover{background:var(--ts-gray-100)}.ts-button.is-ghost.is-negative{color:var(--ts-negative-500)}.ts-button.is-loading,.ts-button.is-loading.is-negative{color:transparent;opacity:.5;pointer-events:none}.ts-button.is-loading .ts-icon{visibility:hidden}.ts-button.is-loading:after{-webkit-font-smoothing:antialiased;animation:ts-button-loading 2s linear infinite;backface-visibility:hidden;color:var(--ts-gray-50);content:"\f110";display:inline;display:inline-block;font-family:Icons;font-size:var(--ts-font-size-18px);font-style:normal;font-weight:400;left:50%;position:absolute;text-align:center;text-decoration:inherit;top:50%}.ts-button.is-loading:is(.is-outlined,.is-secondary,.is-tertiary,.is-ghost):after{color:var(--ts-gray-800)}.ts-button.is-small{--height:var(--ts-input-height-small);font-size:var(--ts-font-size-13px)}.ts-button.is-large{--height:var(--ts-input-height-large);font-size:var(--ts-font-size-17px)}.ts-button.is-disabled{cursor:not-allowed;opacity:.5;pointer-events:none;user-select:none}.ts-button.is-fluid{width:100%}.ts-button.is-circular{border-radius:100rem}.ts-button.is-icon{min-width:0;padding:0;width:calc(var(--height)*1.1)}.ts-button.is-icon .ts-icon{font-size:1.2em}.ts-button.is-icon.is-small .ts-icon{font-size:1.15em}.ts-button:where(.is-start-icon,.is-end-icon) .ts-icon{font-size:1.2em}.ts-button:is(.is-start-icon,.is-end-icon) .ts-icon:before{display:inline-block;margin-top:1px}.ts-button.is-start-icon .ts-icon{margin-right:.5em}.ts-button.is-end-icon .ts-icon{margin-left:.5em}.ts-button:is(.is-start-labeled-icon,.is-end-labeled-icon) .ts-icon{align-items:center;background:var(--ts-gray-900);bottom:-2px;display:flex;justify-content:center;line-height:1;position:absolute;top:-2px;width:calc(2.75rem + 2px)}.ts-button:where(.is-start-labeled-icon,.is-end-labeled-icon) .ts-icon{font-size:1.2em}.ts-button.is-start-labeled-icon{padding-left:calc(var(--horizontal-padding) + 2.75em)}.ts-button.is-start-labeled-icon .ts-icon{border-radius:.4rem 0 0 .4rem;left:-2px}.ts-button.is-end-labeled-icon{padding-right:calc(var(--horizontal-padding) + 2.75em)}.ts-button.is-end-labeled-icon .ts-icon{border-radius:0 .4rem .4rem 0;right:-2px}.ts-button.is-negative:is(.is-start-labeled-icon,.is-end-labeled-icon) .ts-icon{background:var(--ts-negative-400)}.ts-button.is-outlined:is(.is-start-labeled-icon,.is-end-labeled-icon) .ts-icon{background:transparent;border:2px solid var(--ts-gray-300)}.ts-button.is-secondary:is(.is-start-labeled-icon,.is-end-labeled-icon) .ts-icon{background:var(--ts-gray-200)}.ts-button.is-tertiary:is(.is-start-labeled-icon,.is-end-labeled-icon) .ts-icon{background:var(--ts-gray-400)}.ts-button.is-dense{--height:var(--ts-input-height-medium-dense)}.ts-button.is-dense.is-small{--height:var(--ts-input-height-small-dense)}.ts-button.is-dense.is-large{--height:var(--ts-input-height-large-dense)}.ts-button.is-short{--horizontal-padding:0.75em;min-width:65px}.ts-button.is-wide{--horizontal-padding:2em}.ts-addon{display:flex;gap:2px}.ts-addon>.ts-input:first-child :where(input,textarea),.ts-addon>:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.ts-addon>.ts-input:last-child :where(input,textarea),.ts-addon>:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.ts-buttons{display:flex}.ts-buttons .ts-button:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.ts-buttons .ts-button:not(:first-child):not(:last-child){border-radius:0}.ts-buttons .ts-button:not(:first-child):before{background:var(--ts-gray-600);content:"";height:70%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:1px}.ts-buttons .ts-button.is-outlined:before{display:none}.ts-buttons .ts-button.is-negative:before{background:var(--ts-negative-400)}.ts-buttons .ts-button.is-secondary:before{background:var(--ts-gray-400)}.ts-buttons .ts-button:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.ts-buttons .ts-button.is-outlined+.ts-button.is-outlined{border-left-color:transparent}.ts-icon.is-arrow-up-right-from-square-icon:before{content:"\f08e"}.ts-icon.is-broom-ball-icon:before{content:"\f458"}.ts-icon.is-medal-icon:before{content:"\f5a2"}.ts-icon.is-mixer-icon:before{content:"\e056";font-family:IconsBrands}.ts-icon.is-vaadin-icon:before{content:"\f408";font-family:IconsBrands}.ts-icon.is-flag-usa-icon:before{content:"\f74d"}.ts-icon.is-lungs-icon:before{content:"\f604"}.ts-icon.is-face-frown-icon:before{content:"\f119"}.ts-icon.is-person-digging-icon:before{content:"\f85e"}.ts-icon.is-street-view-icon:before{content:"\f21d"}.ts-icon.is-car-icon:before{content:"\f1b9"}.ts-icon.is-etsy-icon:before{content:"\f2d7";font-family:IconsBrands}.ts-icon.is-blogger-b-icon:before{content:"\f37d";font-family:IconsBrands}.ts-icon.is-window-restore-icon:before{content:"\f2d2"}.ts-icon.is-internet-explorer-icon:before{content:"\f26b";font-family:IconsBrands}.ts-icon.is-users-slash-icon:before{content:"\e073"}.ts-icon.is-file-video-icon:before{content:"\f1c8"}.ts-icon.is-school-circle-exclamation-icon:before{content:"\e56c"}.ts-icon.is-guilded-icon:before{content:"\e07e";font-family:IconsBrands}.ts-icon.is-landmark-flag-icon:before{content:"\e51c"}.ts-icon.is-martini-glass-icon:before{content:"\f57b"}.ts-icon.is-table-cells-icon:before{content:"\f00a"}.ts-icon.is-video-icon:before{content:"\f03d"}.ts-icon.is-cloudversify-icon:before{content:"\f385";font-family:IconsBrands}.ts-icon.is-ellipsis-icon:before{content:"\f141"}.ts-icon.is-neos-icon:before{content:"\f612";font-family:IconsBrands}.ts-icon.is-person-military-to-person-icon:before{content:"\e54c"}.ts-icon.is-road-icon:before{content:"\f018"}.ts-icon.is-shopify-icon:before{content:"\e057";font-family:IconsBrands}.ts-icon.is-bars-progress-icon:before{content:"\f828"}.ts-icon.is-hand-holding-hand-icon:before{content:"\e4f7"}.ts-icon.is-caravan-icon:before{content:"\f8ff"}.ts-icon.is-houzz-icon:before{content:"\f27c";font-family:IconsBrands}.ts-icon.is-rupiah-sign-icon:before{content:"\e23d"}.ts-icon.is-temperature-high-icon:before{content:"\f769"}.ts-icon.is-airbnb-icon:before{content:"\f834";font-family:IconsBrands}.ts-icon.is-apper-icon:before{content:"\f371";font-family:IconsBrands}.ts-icon.is-volcano-icon:before{content:"\f770"}.ts-icon.is-microsoft-icon:before{content:"\f3ca";font-family:IconsBrands}.ts-icon.is-people-pulling-icon:before{content:"\e535"}.ts-icon.is-stubber-icon:before{content:"\e5c7";font-family:IconsBrands}.ts-icon.is-train-subway-icon:before{content:"\f239"}.ts-icon.is-window-minimize-icon:before{content:"\f2d1"}.ts-icon.is-orcid-icon:before{content:"\f8d2";font-family:IconsBrands}.ts-icon.is-pager-icon:before{content:"\f815"}.ts-icon.is-store-icon:before{content:"\f54e"}.ts-icon.is-utensils-icon:before{content:"\f2e7"}.ts-icon.is-blender-phone-icon:before{content:"\f6b6"}.ts-icon.is-canadian-maple-leaf-icon:before{content:"\f785";font-family:IconsBrands}.ts-icon.is-cloud-bolt-icon:before{content:"\f76c"}.ts-icon.is-list-check-icon:before{content:"\f0ae"}.ts-icon.is-square-poll-horizontal-icon:before{content:"\f682"}.ts-icon.is-arrow-up-z-a-icon:before{content:"\f882"}.ts-icon.is-building-flag-icon:before{content:"\e4d5"}.ts-icon.is-mars-and-venus-burst-icon:before{content:"\e523"}.ts-icon.is-arrows-spin-icon:before{content:"\e4bb"}.ts-icon.is-charging-station-icon:before{content:"\f5e7"}.ts-icon.is-handshake-angle-icon:before{content:"\f4c4"}.ts-icon.is-periscope-icon:before{content:"\f3da";font-family:IconsBrands}.ts-icon.is-rotate-icon:before{content:"\f2f1"}.ts-icon.is-clock-rotate-left-icon:before{content:"\f1da"}.ts-icon.is-face-grin-squint-tears-icon:before{content:"\f586"}.ts-icon.is-person-icon:before{content:"\f183"}.ts-icon.is-person-snowboarding-icon:before{content:"\f7ce"}.ts-icon.is-gg-icon:before{content:"\f260";font-family:IconsBrands}.ts-icon.is-hashnode-icon:before{content:"\e499";font-family:IconsBrands}.ts-icon.is-hospital-user-icon:before{content:"\f80d"}.ts-icon.is-reacteurope-icon:before{content:"\f75d";font-family:IconsBrands}.ts-icon.is-arrow-up-from-ground-water-icon:before{content:"\e4b5"}.ts-icon.is-horse-icon:before{content:"\f6f0"}.ts-icon.is-spinner-icon:before{content:"\f110"}.ts-icon.is-motorcycle-icon:before{content:"\f21c"}.ts-icon.is-print-icon:before{content:"\f02f"}.ts-icon.is-swatchbook-icon:before{content:"\f5c3"}.ts-icon.is-water-ladder-icon:before{content:"\f5c5"}.ts-icon.is-ravelry-icon:before{content:"\f2d9";font-family:IconsBrands}.ts-icon.is-angle-up-icon:before{content:"\f106"}.ts-icon.is-glide-icon:before{content:"\f2a5";font-family:IconsBrands}.ts-icon.is-cubes-stacked-icon:before{content:"\e4e6"}.ts-icon.is-fort-awesome-alt-icon:before{content:"\f3a3";font-family:IconsBrands}.ts-icon.is-hands-holding-icon:before{content:"\f4c2"}.ts-icon.is-land-mine-on-icon:before{content:"\e51b"}.ts-icon.is-money-check-dollar-icon:before{content:"\f53d"}.ts-icon.is-affiliatetheme-icon:before{content:"\f36b";font-family:IconsBrands}.ts-icon.is-cpanel-icon:before{content:"\f388";font-family:IconsBrands}.ts-icon.is-sack-dollar-icon:before{content:"\f81d"}.ts-icon.is-wine-glass-empty-icon:before{content:"\f5ce"}.ts-icon.is-drum-icon:before{content:"\f569"}.ts-icon.is-ranking-star-icon:before{content:"\e561"}.ts-icon.is-arrows-to-eye-icon:before{content:"\e4bf"}.ts-icon.is-file-circle-exclamation-icon:before{content:"\e4eb"}.ts-icon.is-circle-h-icon:before{content:"\f47e"}.ts-icon.is-envelope-open-text-icon:before{content:"\f658"}.ts-icon.is-bong-icon:before{content:"\f55c"}.ts-icon.is-chess-pawn-icon:before{content:"\f443"}.ts-icon.is-retweet-icon:before{content:"\f079"}.ts-icon.is-unsplash-icon:before{content:"\e07c";font-family:IconsBrands}.ts-icon.is-square-caret-left-icon:before{content:"\f191"}.ts-icon.is-chalkboard-icon:before{content:"\f51b"}.ts-icon.is-music-icon:before{content:"\f001"}.ts-icon.is-linux-icon:before{content:"\f17c";font-family:IconsBrands}.ts-icon.is-percent-icon:before{content:"\25"}.ts-icon.is-chess-knight-icon:before{content:"\f441"}.ts-icon.is-code-pull-request-icon:before{content:"\e13c"}.ts-icon.is-shop-icon:before{content:"\f54f"}.ts-icon.is-mountain-sun-icon:before{content:"\e52f"}.ts-icon.is-pinterest-p-icon:before{content:"\f231";font-family:IconsBrands}.ts-icon.is-republican-icon:before{content:"\f75e"}.ts-icon.is-brain-icon:before{content:"\f5dc"}.ts-icon.is-circle-exclamation-icon:before{content:"\f06a"}.ts-icon.is-greater-than-equal-icon:before{content:"\f532"}.ts-icon.is-a-icon:before{content:"\41"}.ts-icon.is-disease-icon:before{content:"\f7fa"}.ts-icon.is-vial-virus-icon:before{content:"\e597"}.ts-icon.is-whiskey-glass-icon:before{content:"\f7a0"}.ts-icon.is-cube-icon:before{content:"\f1b2"}.ts-icon.is-stamp-icon:before{content:"\f5bf"}.ts-icon.is-repeat-icon:before{content:"\f363"}.ts-icon.is-handshake-simple-icon:before{content:"\f4c6"}.ts-icon.is-person-circle-check-icon:before{content:"\e53e"}.ts-icon.is-untappd-icon:before{content:"\f405";font-family:IconsBrands}.ts-icon.is-whmcs-icon:before{content:"\f40d";font-family:IconsBrands}.ts-icon.is-bell-slash-icon:before{content:"\f1f6"}.ts-icon.is-calendar-day-icon:before{content:"\f783"}.ts-icon.is-creative-commons-nd-icon:before{content:"\f4eb";font-family:IconsBrands}.ts-icon.is-gopuram-icon:before{content:"\f664"}.ts-icon.is-restroom-icon:before{content:"\f7bd"}.ts-icon.is-ribbon-icon:before{content:"\f4d6"}.ts-icon.is-car-on-icon:before{content:"\e4dd"}.ts-icon.is-chevron-up-icon:before{content:"\f077"}.ts-icon.is-book-tanakh-icon:before{content:"\f827"}.ts-icon.is-broom-icon:before{content:"\f51a"}.ts-icon.is-buromobelexperte-icon:before{content:"\f37f";font-family:IconsBrands}.ts-icon.is-d-icon:before{content:"\44"}.ts-icon.is-gamepad-icon:before{content:"\f11b"}.ts-icon.is-house-lock-icon:before{content:"\e510"}.ts-icon.is-people-arrows-icon:before{content:"\e068"}.ts-icon.is-asymmetrik-icon:before{content:"\f372";font-family:IconsBrands}.ts-icon.is-ban-icon:before{content:"\f05e"}.ts-icon.is-user-graduate-icon:before{content:"\f501"}.ts-icon.is-yandex-icon:before{content:"\f413";font-family:IconsBrands}.ts-icon.is-plug-circle-plus-icon:before{content:"\e55f"}.ts-icon.is-tree-icon:before{content:"\f1bb"}.ts-icon.is-square-virus-icon:before{content:"\e578"}.ts-icon.is-section-icon:before{content:"\e447"}.ts-icon.is-strava-icon:before{content:"\f428";font-family:IconsBrands}.ts-icon.is-turn-down-icon:before{content:"\f3be"}.ts-icon.is-creative-commons-nc-eu-icon:before{content:"\f4e9";font-family:IconsBrands}.ts-icon.is-phone-icon:before{content:"\f095"}.ts-icon.is-discourse-icon:before{content:"\f393";font-family:IconsBrands}.ts-icon.is-shirtsinbulk-icon:before{content:"\f214";font-family:IconsBrands}.ts-icon.is-square-nfi-icon:before{content:"\e576"}.ts-icon.is-arrow-down-9-1-icon:before{content:"\f886"}.ts-icon.is-arrow-up-right-dots-icon:before{content:"\e4b7"}.ts-icon.is-upload-icon:before{content:"\f093"}.ts-icon.is-naira-sign-icon:before{content:"\e1f6"}.ts-icon.is-pen-icon:before{content:"\f304"}.ts-icon.is-circle-chevron-down-icon:before{content:"\f13a"}.ts-icon.is-eraser-icon:before{content:"\f12d"}.ts-icon.is-money-bills-icon:before{content:"\e1f3"}.ts-icon.is-ruble-sign-icon:before{content:"\f158"}.ts-icon.is-square-full-icon:before{content:"\f45c"}.ts-icon.is-adversal-icon:before{content:"\f36a";font-family:IconsBrands}.ts-icon.is-angular-icon:before{content:"\f420";font-family:IconsBrands}.ts-icon.is-font-icon:before{content:"\f031"}.ts-icon.is-shield-cat-icon:before{content:"\e572"}.ts-icon.is-bowl-rice-icon:before{content:"\e2eb"}.ts-icon.is-flask-vial-icon:before{content:"\e4f3"}.ts-icon.is-pushed-icon:before{content:"\f3e1";font-family:IconsBrands}.ts-icon.is-tent-arrow-down-to-line-icon:before{content:"\e57e"}.ts-icon.is-gofore-icon:before{content:"\f3a7";font-family:IconsBrands}.ts-icon.is-magnifying-glass-plus-icon:before{content:"\f00e"}.ts-icon.is-korvue-icon:before{content:"\f42f";font-family:IconsBrands}.ts-icon.is-square-font-awesome-stroke-icon:before{content:"\f35c";font-family:IconsBrands}.ts-icon.is-dove-icon:before{content:"\f4ba"}.ts-icon.is-square-plus-icon:before{content:"\f0fe"}.ts-icon.is-plug-circle-check-icon:before{content:"\e55c"}.ts-icon.is-school-flag-icon:before{content:"\e56e"}.ts-icon.is-circle-info-icon:before{content:"\f05a"}.ts-icon.is-hotjar-icon:before{content:"\f3b1";font-family:IconsBrands}.ts-icon.is-figma-icon:before{content:"\f799";font-family:IconsBrands}.ts-icon.is-9-icon:before{content:"\39"}.ts-icon.is-face-kiss-icon:before{content:"\f596"}.ts-icon.is-paste-icon:before{content:"\f0ea"}.ts-icon.is-trowel-icon:before{content:"\e589"}.ts-icon.is-caret-up-icon:before{content:"\f0d8"}.ts-icon.is-helmet-un-icon:before{content:"\e503"}.ts-icon.is-eye-dropper-icon:before{content:"\f1fb"}.ts-icon.is-hanukiah-icon:before{content:"\f6e6"}.ts-icon.is-stackpath-icon:before{content:"\f842";font-family:IconsBrands}.ts-icon.is-toolbox-icon:before{content:"\f552"}.ts-icon.is-cannabis-icon:before{content:"\f55f"}.ts-icon.is-creative-commons-sampling-plus-icon:before{content:"\f4f1";font-family:IconsBrands}.ts-icon.is-helmet-safety-icon:before{content:"\f807"}.ts-icon.is-magnifying-glass-dollar-icon:before{content:"\f688"}.ts-icon.is-quote-left-icon:before{content:"\f10d"}.ts-icon.is-arrow-right-from-bracket-icon:before{content:"\f08b"}.ts-icon.is-book-atlas-icon:before{content:"\f558"}.ts-icon.is-diamond-turn-right-icon:before{content:"\f5eb"}.ts-icon.is-g-icon:before{content:"\47"}.ts-icon.is-hive-icon:before{content:"\e07f";font-family:IconsBrands}.ts-icon.is-js-icon:before{content:"\f3b8";font-family:IconsBrands}.ts-icon.is-list-ol-icon:before{content:"\f0cb"}.ts-icon.is-location-arrow-icon:before{content:"\f124"}.ts-icon.is-cc-amazon-pay-icon:before{content:"\f42d";font-family:IconsBrands}.ts-icon.is-comments-icon:before{content:"\f086"}.ts-icon.is-slack-icon:before{content:"\f198";font-family:IconsBrands}.ts-icon.is-teeth-icon:before{content:"\f62e"}.ts-icon.is-mars-and-venus-icon:before{content:"\f224"}.ts-icon.is-i-icon:before{content:"\49"}.ts-icon.is-face-surprise-icon:before{content:"\f5c2"}.ts-icon.is-hacker-news-icon:before{content:"\f1d4";font-family:IconsBrands}.ts-icon.is-ethernet-icon:before{content:"\f796"}.ts-icon.is-helicopter-icon:before{content:"\f533"}.ts-icon.is-house-chimney-user-icon:before{content:"\e065"}.ts-icon.is-linkedin-in-icon:before{content:"\f0e1";font-family:IconsBrands}.ts-icon.is-magnifying-glass-location-icon:before{content:"\f689"}.ts-icon.is-stripe-icon:before{content:"\f429";font-family:IconsBrands}.ts-icon.is-cloud-sun-icon:before{content:"\f6c4"}.ts-icon.is-d-and-d-beyond-icon:before{content:"\f6ca";font-family:IconsBrands}.ts-icon.is-file-code-icon:before{content:"\f1c9"}.ts-icon.is-invision-icon:before{content:"\f7b0";font-family:IconsBrands}.ts-icon.is-line-icon:before{content:"\f3c0";font-family:IconsBrands}.ts-icon.is-p-icon:before{content:"\50"}.ts-icon.is-bars-staggered-icon:before{content:"\f550"}.ts-icon.is-circle-question-icon:before{content:"\f059"}.ts-icon.is-rockrms-icon:before{content:"\f3e9";font-family:IconsBrands}.ts-icon.is-trello-icon:before{content:"\f181";font-family:IconsBrands}.ts-icon.is-flag-icon:before{content:"\f024"}.ts-icon.is-house-circle-exclamation-icon:before{content:"\e50a"}.ts-icon.is-indent-icon:before{content:"\f03c"}.ts-icon.is-the-red-yeti-icon:before{content:"\f69d";font-family:IconsBrands}.ts-icon.is-bacon-icon:before{content:"\f7e5"}.ts-icon.is-cc-paypal-icon:before{content:"\f1f4";font-family:IconsBrands}.ts-icon.is-sith-icon:before{content:"\f512";font-family:IconsBrands}.ts-icon.is-spotify-icon:before{content:"\f1bc";font-family:IconsBrands}.ts-icon.is-btc-icon:before{content:"\f15a";font-family:IconsBrands}.ts-icon.is-calendar-week-icon:before{content:"\f784"}.ts-icon.is-square-poll-vertical-icon:before{content:"\f681"}.ts-icon.is-book-bookmark-icon:before{content:"\e0bb"}.ts-icon.is-pump-soap-icon:before{content:"\e06b"}.ts-icon.is-n-icon:before{content:"\4e"}.ts-icon.is-reply-all-icon:before{content:"\f122"}.ts-icon.is-suitcase-icon:before{content:"\f0f2"}.ts-icon.is-truck-pickup-icon:before{content:"\f63c"}.ts-icon.is-volume-off-icon:before{content:"\f026"}.ts-icon.is-cloudscale-icon:before{content:"\f383";font-family:IconsBrands}.ts-icon.is-creative-commons-share-icon:before{content:"\f4f2";font-family:IconsBrands}.ts-icon.is-jedi-order-icon:before{content:"\f50e";font-family:IconsBrands}.ts-icon.is-viadeo-icon:before{content:"\f2a9";font-family:IconsBrands}.ts-icon.is-newspaper-icon:before{content:"\f1ea"}.ts-icon.is-clipboard-check-icon:before{content:"\f46c"}.ts-icon.is-glass-water-icon:before{content:"\e4f4"}.ts-icon.is-poo-storm-icon:before{content:"\f75a"}.ts-icon.is-alipay-icon:before{content:"\f642";font-family:IconsBrands}.ts-icon.is-grunt-icon:before{content:"\f3ad";font-family:IconsBrands}.ts-icon.is-cheese-icon:before{content:"\f7ef"}.ts-icon.is-face-kiss-wink-heart-icon:before{content:"\f598"}.ts-icon.is-window-maximize-icon:before{content:"\f2d0"}.ts-icon.is-align-center-icon:before{content:"\f037"}.ts-icon.is-chart-simple-icon:before{content:"\e473"}.ts-icon.is-person-walking-dashed-line-arrow-right-icon:before{content:"\e553"}.ts-icon.is-rectangle-list-icon:before{content:"\f022"}.ts-icon.is-mug-hot-icon:before{content:"\f7b6"}.ts-icon.is-person-swimming-icon:before{content:"\f5c4"}.ts-icon.is-teamspeak-icon:before{content:"\f4f9";font-family:IconsBrands}.ts-icon.is-user-pen-icon:before{content:"\f4ff"}.ts-icon.is-arrows-down-to-people-icon:before{content:"\e4b9"}.ts-icon.is-cc-visa-icon:before{content:"\f1f0";font-family:IconsBrands}.ts-icon.is-lightbulb-icon:before{content:"\f0eb"}.ts-icon.is-cloudflare-icon:before{content:"\e07d";font-family:IconsBrands}.ts-icon.is-creative-commons-by-icon:before{content:"\f4e7";font-family:IconsBrands}.ts-icon.is-neuter-icon:before{content:"\f22c"}.ts-icon.is-ethereum-icon:before{content:"\f42e";font-family:IconsBrands}.ts-icon.is-hat-wizard-icon:before{content:"\f6e8"}.ts-icon.is-hands-icon:before{content:"\f2a7"}.ts-icon.is-truck-fast-icon:before{content:"\f48b"}.ts-icon.is-arrow-turn-down-icon:before{content:"\f149"}.ts-icon.is-file-signature-icon:before{content:"\f573"}.ts-icon.is-magnifying-glass-chart-icon:before{content:"\e522"}.ts-icon.is-mobile-retro-icon:before{content:"\e527"}.ts-icon.is-pump-medical-icon:before{content:"\e06a"}.ts-icon.is-square-youtube-icon:before{content:"\f431";font-family:IconsBrands}.ts-icon.is-blogger-icon:before{content:"\f37c";font-family:IconsBrands}.ts-icon.is-chair-icon:before{content:"\f6c0"}.ts-icon.is-calendar-check-icon:before{content:"\f274"}.ts-icon.is-nfc-directional-icon:before{content:"\e530";font-family:IconsBrands}.ts-icon.is-notes-medical-icon:before{content:"\f481"}.ts-icon.is-tarp-icon:before{content:"\e57b"}.ts-icon.is-ubuntu-icon:before{content:"\f7df";font-family:IconsBrands}.ts-icon.is-user-xmark-icon:before{content:"\f235"}.ts-icon.is-vihara-icon:before{content:"\f6a7"}.ts-icon.is-hospital-icon:before{content:"\f0f8"}.ts-icon.is-lock-icon:before{content:"\f023"}.ts-icon.is-square-pen-icon:before{content:"\f14b"}.ts-icon.is-pizza-slice-icon:before{content:"\f818"}.ts-icon.is-strikethrough-icon:before{content:"\f0cc"}.ts-icon.is-trowel-bricks-icon:before{content:"\e58a"}.ts-icon.is-bity-icon:before{content:"\f37a";font-family:IconsBrands}.ts-icon.is-openid-icon:before{content:"\f19b";font-family:IconsBrands}.ts-icon.is-hockey-puck-icon:before{content:"\f453"}.ts-icon.is-manat-sign-icon:before{content:"\e1d5"}.ts-icon.is-qq-icon:before{content:"\f1d6";font-family:IconsBrands}.ts-icon.is-ship-icon:before{content:"\f21a"}.ts-icon.is-chevron-left-icon:before{content:"\f053"}.ts-icon.is-headphones-simple-icon:before{content:"\f58f"}.ts-icon.is-square-minus-icon:before{content:"\f146"}.ts-icon.is-tent-arrows-down-icon:before{content:"\e581"}.ts-icon.is-up-down-icon:before{content:"\f338"}.ts-icon.is-wallet-icon:before{content:"\f555"}.ts-icon.is-bread-slice-icon:before{content:"\f7ec"}.ts-icon.is-hand-point-up-icon:before{content:"\f0a6"}.ts-icon.is-table-icon:before{content:"\f0ce"}.ts-icon.is-cross-icon:before{content:"\f654"}.ts-icon.is-square-snapchat-icon:before{content:"\f2ad";font-family:IconsBrands}.ts-icon.is-fire-icon:before{content:"\f06d"}.ts-icon.is-gem-icon:before{content:"\f3a5"}.ts-icon.is-greater-than-icon:before{content:"\3e"}.ts-icon.is-person-harassing-icon:before{content:"\e549"}.ts-icon.is-share-icon:before{content:"\f064"}.ts-icon.is-vk-icon:before{content:"\f189";font-family:IconsBrands}.ts-icon.is-baby-carriage-icon:before{content:"\f77d"}.ts-icon.is-dice-one-icon:before{content:"\f525"}.ts-icon.is-piggy-bank-icon:before{content:"\f4d3"}.ts-icon.is-ruler-horizontal-icon:before{content:"\f547"}.ts-icon.is-tooth-icon:before{content:"\f5c9"}.ts-icon.is-cow-icon:before{content:"\f6c8"}.ts-icon.is-ello-icon:before{content:"\f5f1";font-family:IconsBrands}.ts-icon.is-wordpress-simple-icon:before{content:"\f411";font-family:IconsBrands}.ts-icon.is-ellipsis-vertical-icon:before{content:"\f142"}.ts-icon.is-stopwatch-icon:before{content:"\f2f2"}.ts-icon.is-file-circle-minus-icon:before{content:"\e4ed"}.ts-icon.is-brazilian-real-sign-icon:before{content:"\e46c"}.ts-icon.is-colon-sign-icon:before{content:"\e140"}.ts-icon.is-pix-icon:before{content:"\e43a";font-family:IconsBrands}.ts-icon.is-lungs-virus-icon:before{content:"\e067"}.ts-icon.is-m-icon:before{content:"\4d"}.ts-icon.is-arrows-left-right-icon:before{content:"\f07e"}.ts-icon.is-award-icon:before{content:"\f559"}.ts-icon.is-cc-discover-icon:before{content:"\f1f2";font-family:IconsBrands}.ts-icon.is-hooli-icon:before{content:"\f427";font-family:IconsBrands}.ts-icon.is-book-open-reader-icon:before{content:"\f5da"}.ts-icon.is-spray-can-sparkles-icon:before{content:"\f5d0"}.ts-icon.is-syringe-icon:before{content:"\f48e"}.ts-icon.is-comment-sms-icon:before{content:"\f7cd"}.ts-icon.is-file-pen-icon:before{content:"\f31c"}.ts-icon.is-rainbow-icon:before{content:"\f75b"}.ts-icon.is-trash-can-icon:before{content:"\f2ed"}.ts-icon.is-list-icon:before{content:"\f03a"}.ts-icon.is-servicestack-icon:before{content:"\f3ec";font-family:IconsBrands}.ts-icon.is-spa-icon:before{content:"\f5bb"}.ts-icon.is-aviato-icon:before{content:"\f421";font-family:IconsBrands}.ts-icon.is-centercode-icon:before{content:"\f380";font-family:IconsBrands}.ts-icon.is-face-grin-hearts-icon:before{content:"\f584"}.ts-icon.is-franc-sign-icon:before{content:"\e18f"}.ts-icon.is-house-chimney-medical-icon:before{content:"\f7f2"}.ts-icon.is-hands-bubbles-icon:before{content:"\e05e"}.ts-icon.is-circle-half-stroke-icon:before{content:"\f042"}.ts-icon.is-flipboard-icon:before{content:"\f44d";font-family:IconsBrands}.ts-icon.is-digital-ocean-icon:before{content:"\f391";font-family:IconsBrands}.ts-icon.is-school-icon:before{content:"\f549"}.ts-icon.is-mask-face-icon:before{content:"\e1d7"}.ts-icon.is-message-icon:before{content:"\f27a"}.ts-icon.is-mobile-screen-icon:before{content:"\f3cf"}.ts-icon.is-paragraph-icon:before{content:"\f1dd"}.ts-icon.is-signature-icon:before{content:"\f5b7"}.ts-icon.is-cedi-sign-icon:before{content:"\e0df"}.ts-icon.is-dice-six-icon:before{content:"\f526"}.ts-icon.is-flask-icon:before{content:"\f0c3"}.ts-icon.is-child-combatant-icon:before{content:"\e4e0"}.ts-icon.is-snowplow-icon:before{content:"\f7d2"}.ts-icon.is-wand-sparkles-icon:before{content:"\f72b"}.ts-icon.is-bars-icon:before{content:"\f0c9"}.ts-icon.is-carrot-icon:before{content:"\f787"}.ts-icon.is-circle-pause-icon:before{content:"\f28b"}.ts-icon.is-earlybirds-icon:before{content:"\f39a";font-family:IconsBrands}.ts-icon.is-left-right-icon:before{content:"\f337"}.ts-icon.is-3-icon:before{content:"\33"}.ts-icon.is-bluetooth-b-icon:before{content:"\f294";font-family:IconsBrands}.ts-icon.is-meteor-icon:before{content:"\f753"}.ts-icon.is-code-fork-icon:before{content:"\e13b"}.ts-icon.is-holly-berry-icon:before{content:"\f7aa"}.ts-icon.is-rotate-right-icon:before{content:"\f2f9"}.ts-icon.is-building-circle-check-icon:before{content:"\e4d2"}.ts-icon.is-id-card-icon:before{content:"\f2c2"}.ts-icon.is-rocketchat-icon:before{content:"\f3e8";font-family:IconsBrands}.ts-icon.is-torii-gate-icon:before{content:"\f6a1"}.ts-icon.is-app-store-icon:before{content:"\f36f";font-family:IconsBrands}.ts-icon.is-react-icon:before{content:"\f41b";font-family:IconsBrands}.ts-icon.is-kickstarter-icon:before{content:"\f3bb";font-family:IconsBrands}.ts-icon.is-place-of-worship-icon:before{content:"\f67f"}.ts-icon.is-chalkboard-user-icon:before{content:"\f51c"}.ts-icon.is-cotton-bureau-icon:before{content:"\f89e";font-family:IconsBrands}.ts-icon.is-plane-lock-icon:before{content:"\e558"}.ts-icon.is-rust-icon:before{content:"\e07a";font-family:IconsBrands}.ts-icon.is-grip-icon:before{content:"\f58d"}.ts-icon.is-person-booth-icon:before{content:"\f756"}.ts-icon.is-genderless-icon:before{content:"\f22d"}.ts-icon.is-jet-fighter-up-icon:before{content:"\e518"}.ts-icon.is-terminal-icon:before{content:"\f120"}.ts-icon.is-trash-can-arrow-up-icon:before{content:"\f82a"}.ts-icon.is-amilia-icon:before{content:"\f36d";font-family:IconsBrands}.ts-icon.is-arrows-rotate-icon:before{content:"\f021"}.ts-icon.is-star-half-stroke-icon:before{content:"\f5c0"}.ts-icon.is-location-pin-lock-icon:before{content:"\e51f"}.ts-icon.is-magnifying-glass-icon:before{content:"\f002"}.ts-icon.is-square-pinterest-icon:before{content:"\f0d3";font-family:IconsBrands}.ts-icon.is-heart-icon:before{content:"\f004"}.ts-icon.is-money-bill-wave-icon:before{content:"\f53a"}.ts-icon.is-parachute-box-icon:before{content:"\f4cd"}.ts-icon.is-square-hacker-news-icon:before{content:"\f3af";font-family:IconsBrands}.ts-icon.is-up-right-from-square-icon:before{content:"\f35d"}.ts-icon.is-bold-icon:before{content:"\f032"}.ts-icon.is-discord-icon:before{content:"\f392";font-family:IconsBrands}.ts-icon.is-user-clock-icon:before{content:"\f4fd"}.ts-icon.is-virus-slash-icon:before{content:"\e075"}.ts-icon.is-vuejs-icon:before{content:"\f41f";font-family:IconsBrands}.ts-icon.is-arrows-to-dot-icon:before{content:"\e4be"}.ts-icon.is-face-sad-cry-icon:before{content:"\f5b3"}.ts-icon.is-dog-icon:before{content:"\f6d3"}.ts-icon.is-jar-icon:before{content:"\e516"}.ts-icon.is-first-order-alt-icon:before{content:"\f50a";font-family:IconsBrands}.ts-icon.is-turn-up-icon:before{content:"\f3bf"}.ts-icon.is-s-icon:before{content:"\53"}.ts-icon.is-user-plus-icon:before{content:"\f234"}.ts-icon.is-building-lock-icon:before{content:"\e4d6"}.ts-icon.is-network-wired-icon:before{content:"\f6ff"}.ts-icon.is-skyatlas-icon:before{content:"\f216";font-family:IconsBrands}.ts-icon.is-square-font-awesome-icon:before{content:"\e5ad";font-family:IconsBrands}.ts-icon.is-xmarks-lines-icon:before{content:"\e59a"}.ts-icon.is-angle-left-icon:before{content:"\f104"}.ts-icon.is-down-long-icon:before{content:"\f309"}.ts-icon.is-sailboat-icon:before{content:"\e445"}.ts-icon.is-school-circle-check-icon:before{content:"\e56b"}.ts-icon.is-user-large-slash-icon:before{content:"\f4fa"}.ts-icon.is-xing-icon:before{content:"\f168";font-family:IconsBrands}.ts-icon.is-language-icon:before{content:"\f1ab"}.ts-icon.is-rev-icon:before{content:"\f5b2";font-family:IconsBrands}.ts-icon.is-seedling-icon:before{content:"\f4d8"}.ts-icon.is-circle-xmark-icon:before{content:"\f057"}.ts-icon.is-plane-up-icon:before{content:"\e22d"}.ts-icon.is-hat-cowboy-side-icon:before{content:"\f8c1"}.ts-icon.is-hotdog-icon:before{content:"\f80f"}.ts-icon.is-nfc-symbol-icon:before{content:"\e531";font-family:IconsBrands}.ts-icon.is-arrow-left-icon:before{content:"\f060"}.ts-icon.is-clock-icon:before{content:"\f017"}.ts-icon.is-futbol-icon:before{content:"\f1e3"}.ts-icon.is-trademark-icon:before{content:"\f25c"}.ts-icon.is-square-xmark-icon:before{content:"\f2d3"}.ts-icon.is-clapperboard-icon:before{content:"\e131"}.ts-icon.is-file-arrow-up-icon:before{content:"\f574"}.ts-icon.is-scissors-icon:before{content:"\f0c4"}.ts-icon.is-wordpress-icon:before{content:"\f19a";font-family:IconsBrands}.ts-icon.is-ear-listen-icon:before{content:"\f2a2"}.ts-icon.is-plane-slash-icon:before{content:"\e069"}.ts-icon.is-desktop-icon:before{content:"\f390"}.ts-icon.is-dice-two-icon:before{content:"\f528"}.ts-icon.is-fedex-icon:before{content:"\f797";font-family:IconsBrands}.ts-icon.is-tencent-weibo-icon:before{content:"\f1d5";font-family:IconsBrands}.ts-icon.is-binoculars-icon:before{content:"\f1e5"}.ts-icon.is-blackberry-icon:before{content:"\f37b";font-family:IconsBrands}.ts-icon.is-faucet-icon:before{content:"\e005"}.ts-icon.is-circle-arrow-up-icon:before{content:"\f0aa"}.ts-icon.is-face-grin-tongue-icon:before{content:"\f589"}.ts-icon.is-bitcoin-icon:before{content:"\f379";font-family:IconsBrands}.ts-icon.is-car-tunnel-icon:before{content:"\e4de"}.ts-icon.is-raspberry-pi-icon:before{content:"\f7bb";font-family:IconsBrands}.ts-icon.is-table-columns-icon:before{content:"\f0db"}.ts-icon.is-house-fire-icon:before{content:"\e50c"}.ts-icon.is-skype-icon:before{content:"\f17e";font-family:IconsBrands}.ts-icon.is-blog-icon:before{content:"\f781"}.ts-icon.is-hackerrank-icon:before{content:"\f5f7";font-family:IconsBrands}.ts-icon.is-down-left-and-up-right-to-center-icon:before{content:"\f422"}.ts-icon.is-hand-middle-finger-icon:before{content:"\f806"}.ts-icon.is-mars-stroke-right-icon:before{content:"\f22b"}.ts-icon.is-synagogue-icon:before{content:"\f69b"}.ts-icon.is-tachograph-digital-icon:before{content:"\f566"}.ts-icon.is-atlassian-icon:before{content:"\f77b";font-family:IconsBrands}.ts-icon.is-backward-fast-icon:before{content:"\f049"}.ts-icon.is-fire-flame-simple-icon:before{content:"\f46a"}.ts-icon.is-optin-monster-icon:before{content:"\f23c";font-family:IconsBrands}.ts-icon.is-temperature-arrow-up-icon:before{content:"\e040"}.ts-icon.is-camera-retro-icon:before{content:"\f083"}.ts-icon.is-creative-commons-remix-icon:before{content:"\f4ee";font-family:IconsBrands}.ts-icon.is-check-double-icon:before{content:"\f560"}.ts-icon.is-confluence-icon:before{content:"\f78d";font-family:IconsBrands}.ts-icon.is-quote-right-icon:before{content:"\f10e"}.ts-icon.is-trash-icon:before{content:"\f1f8"}.ts-icon.is-algolia-icon:before{content:"\f36c";font-family:IconsBrands}.ts-icon.is-angle-right-icon:before{content:"\f105"}.ts-icon.is-folder-plus-icon:before{content:"\f65e"}.ts-icon.is-arrows-turn-to-dots-icon:before{content:"\e4c1"}.ts-icon.is-bolt-lightning-icon:before{content:"\e0b7"}.ts-icon.is-toilet-paper-icon:before{content:"\f71e"}.ts-icon.is-calendar-minus-icon:before{content:"\f272"}.ts-icon.is-sistrix-icon:before{content:"\f3ee";font-family:IconsBrands}.ts-icon.is-thumbtack-icon:before{content:"\f08d"}.ts-icon.is-shop-lock-icon:before{content:"\e4a5"}.ts-icon.is-snowflake-icon:before{content:"\f2dc"}.ts-icon.is-screenpal-icon:before{content:"\e570";font-family:IconsBrands}.ts-icon.is-text-height-icon:before{content:"\f034"}.ts-icon.is-building-circle-exclamation-icon:before{content:"\e4d3"}.ts-icon.is-person-breastfeeding-icon:before{content:"\e53a"}.ts-icon.is-person-shelter-icon:before{content:"\e54f"}.ts-icon.is-500px-icon:before{content:"\f26e";font-family:IconsBrands}.ts-icon.is-suitcase-medical-icon:before{content:"\f0fa"}.ts-icon.is-caret-left-icon:before{content:"\f0d9"}.ts-icon.is-mosquito-net-icon:before{content:"\e52c"}.ts-icon.is-shuffle-icon:before{content:"\f074"}.ts-icon.is-store-slash-icon:before{content:"\e071"}.ts-icon.is-apple-whole-icon:before{content:"\f5d1"}.ts-icon.is-bottle-water-icon:before{content:"\e4c5"}.ts-icon.is-cubes-icon:before{content:"\f1b3"}.ts-icon.is-themeco-icon:before{content:"\f5c6";font-family:IconsBrands}.ts-icon.is-angellist-icon:before{content:"\f209";font-family:IconsBrands}.ts-icon.is-forumbee-icon:before{content:"\f211";font-family:IconsBrands}.ts-icon.is-hand-icon:before{content:"\f256"}.ts-icon.is-person-walking-arrow-loop-left-icon:before{content:"\e551"}.ts-icon.is-pied-piper-pp-icon:before{content:"\f1a7";font-family:IconsBrands}.ts-icon.is-bootstrap-icon:before{content:"\f836";font-family:IconsBrands}.ts-icon.is-envelope-icon:before{content:"\f0e0"}.ts-icon.is-mobile-screen-button-icon:before{content:"\f3cd"}.ts-icon.is-teeth-open-icon:before{content:"\f62f"}.ts-icon.is-typo3-icon:before{content:"\f42b";font-family:IconsBrands}.ts-icon.is-biohazard-icon:before{content:"\f780"}.ts-icon.is-box-icon:before{content:"\f466"}.ts-icon.is-users-rectangle-icon:before{content:"\e594"}.ts-icon.is-bangladeshi-taka-sign-icon:before{content:"\e2e6"}.ts-icon.is-earth-asia-icon:before{content:"\f57e"}.ts-icon.is-comment-dollar-icon:before{content:"\f651"}.ts-icon.is-css3-alt-icon:before{content:"\f38b";font-family:IconsBrands}.ts-icon.is-person-arrow-up-from-line-icon:before{content:"\e539"}.ts-icon.is-timeline-icon:before{content:"\e29c"}.ts-icon.is-unity-icon:before{content:"\e049";font-family:IconsBrands}.ts-icon.is-42-group-icon:before{content:"\e080";font-family:IconsBrands}.ts-icon.is-avianex-icon:before{content:"\f374";font-family:IconsBrands}.ts-icon.is-wikipedia-w-icon:before{content:"\f266";font-family:IconsBrands}.ts-icon.is-node-js-icon:before{content:"\f3d3";font-family:IconsBrands}.ts-icon.is-redhat-icon:before{content:"\f7bc";font-family:IconsBrands}.ts-icon.is-magento-icon:before{content:"\f3c4";font-family:IconsBrands}.ts-icon.is-mailchimp-icon:before{content:"\f59e";font-family:IconsBrands}.ts-icon.is-supple-icon:before{content:"\f3f9";font-family:IconsBrands}.ts-icon.is-table-cells-large-icon:before{content:"\f009"}.ts-icon.is-free-code-camp-icon:before{content:"\f2c5";font-family:IconsBrands}.ts-icon.is-hourglass-end-icon:before{content:"\f253"}.ts-icon.is-code-merge-icon:before{content:"\f387"}.ts-icon.is-house-flood-water-circle-arrow-right-icon:before{content:"\e50f"}.ts-icon.is-plane-circle-xmark-icon:before{content:"\e557"}.ts-icon.is-yarn-icon:before{content:"\f7e3";font-family:IconsBrands}.ts-icon.is-circle-user-icon:before{content:"\f2bd"}.ts-icon.is-cloud-showers-heavy-icon:before{content:"\f740"}.ts-icon.is-face-dizzy-icon:before{content:"\f567"}.ts-icon.is-file-csv-icon:before{content:"\f6dd"}.ts-icon.is-house-icon:before{content:"\f015"}.ts-icon.is-arrows-up-to-line-icon:before{content:"\e4c2"}.ts-icon.is-cat-icon:before{content:"\f6be"}.ts-icon.is-face-smile-wink-icon:before{content:"\f4da"}.ts-icon.is-faucet-drip-icon:before{content:"\e006"}.ts-icon.is-record-vinyl-icon:before{content:"\f8d9"}.ts-icon.is-tty-icon:before{content:"\f1e4"}.ts-icon.is-accusoft-icon:before{content:"\f369";font-family:IconsBrands}.ts-icon.is-circle-arrow-down-icon:before{content:"\f0ab"}.ts-icon.is-meetup-icon:before{content:"\f2e0";font-family:IconsBrands}.ts-icon.is-plane-arrival-icon:before{content:"\f5af"}.ts-icon.is-wrench-icon:before{content:"\f0ad"}.ts-icon.is-arrow-down-long-icon:before{content:"\f175"}.ts-icon.is-droplet-icon:before{content:"\f043"}.ts-icon.is-comment-icon:before{content:"\f075"}.ts-icon.is-bandcamp-icon:before{content:"\f2d5";font-family:IconsBrands}.ts-icon.is-box-open-icon:before{content:"\f49e"}.ts-icon.is-money-check-icon:before{content:"\f53c"}.ts-icon.is-arrow-right-icon:before{content:"\f061"}.ts-icon.is-face-grin-beam-sweat-icon:before{content:"\f583"}.ts-icon.is-mars-stroke-up-icon:before{content:"\f22a"}.ts-icon.is-v-icon:before{content:"\56"}.ts-icon.is-child-reaching-icon:before{content:"\e59d"}.ts-icon.is-hornbill-icon:before{content:"\f592";font-family:IconsBrands}.ts-icon.is-goodreads-g-icon:before{content:"\f3a9";font-family:IconsBrands}.ts-icon.is-truck-monster-icon:before{content:"\f63b"}.ts-icon.is-circle-arrow-left-icon:before{content:"\f0a8"}.ts-icon.is-kaggle-icon:before{content:"\f5fa";font-family:IconsBrands}.ts-icon.is-file-invoice-dollar-icon:before{content:"\f571"}.ts-icon.is-leanpub-icon:before{content:"\f212";font-family:IconsBrands}.ts-icon.is-rocket-icon:before{content:"\f135"}.ts-icon.is-c-icon:before{content:"\43"}.ts-icon.is-file-circle-plus-icon:before{content:"\e494"}.ts-icon.is-group-arrows-rotate-icon:before{content:"\e4f6"}.ts-icon.is-shield-virus-icon:before{content:"\e06c"}.ts-icon.is-calendar-plus-icon:before{content:"\f271"}.ts-icon.is-dhl-icon:before{content:"\f790";font-family:IconsBrands}.ts-icon.is-link-slash-icon:before{content:"\f127"}.ts-icon.is-quora-icon:before{content:"\f2c4";font-family:IconsBrands}.ts-icon.is-rug-icon:before{content:"\e569"}.ts-icon.is-toggle-on-icon:before{content:"\f205"}.ts-icon.is-5-icon:before{content:"\35"}.ts-icon.is-arrow-down-icon:before{content:"\f063"}.ts-icon.is-salesforce-icon:before{content:"\f83b";font-family:IconsBrands}.ts-icon.is-dumpster-icon:before{content:"\f793"}.ts-icon.is-om-icon:before{content:"\f679"}.ts-icon.is-tablet-icon:before{content:"\f3fb"}.ts-icon.is-git-alt-icon:before{content:"\f841";font-family:IconsBrands}.ts-icon.is-spider-icon:before{content:"\f717"}.ts-icon.is-walkie-talkie-icon:before{content:"\f8ef"}.ts-icon.is-wind-icon:before{content:"\f72e"}.ts-icon.is-audible-icon:before{content:"\f373";font-family:IconsBrands}.ts-icon.is-l-icon:before{content:"\4c"}.ts-icon.is-person-cane-icon:before{content:"\e53c"}.ts-icon.is-sign-hanging-icon:before{content:"\f4d9"}.ts-icon.is-building-circle-arrow-right-icon:before{content:"\e4d1"}.ts-icon.is-cloud-rain-icon:before{content:"\f73d"}.ts-icon.is-old-republic-icon:before{content:"\f510";font-family:IconsBrands}.ts-icon.is-face-grin-squint-icon:before{content:"\f585"}.ts-icon.is-less-than-equal-icon:before{content:"\f537"}.ts-icon.is-mill-sign-icon:before{content:"\e1ed"}.ts-icon.is-x-icon:before{content:"\58"}.ts-icon.is-arrow-rotate-left-icon:before{content:"\f0e2"}.ts-icon.is-book-quran-icon:before{content:"\f687"}.ts-icon.is-jedi-icon:before{content:"\f669"}.ts-icon.is-apple-pay-icon:before{content:"\f415";font-family:IconsBrands}.ts-icon.is-computer-mouse-icon:before{content:"\f8cc"}.ts-icon.is-staylinked-icon:before{content:"\f3f5";font-family:IconsBrands}.ts-icon.is-face-meh-blank-icon:before{content:"\f5a4"}.ts-icon.is-square-behance-icon:before{content:"\f1b5";font-family:IconsBrands}.ts-icon.is-table-list-icon:before{content:"\f00b"}.ts-icon.is-wand-magic-icon:before{content:"\f0d0"}.ts-icon.is-cart-flatbed-icon:before{content:"\f474"}.ts-icon.is-hips-icon:before{content:"\f452";font-family:IconsBrands}.ts-icon.is-radio-icon:before{content:"\f8d7"}.ts-icon.is-fire-burner-icon:before{content:"\e4f1"}.ts-icon.is-galactic-senate-icon:before{content:"\f50d";font-family:IconsBrands}.ts-icon.is-gulp-icon:before{content:"\f3ae";font-family:IconsBrands}.ts-icon.is-registered-icon:before{content:"\f25d"}.ts-icon.is-fonticons-fi-icon:before{content:"\f3a2";font-family:IconsBrands}.ts-icon.is-globe-icon:before{content:"\f0ac"}.ts-icon.is-house-circle-xmark-icon:before{content:"\e50b"}.ts-icon.is-wheat-awn-icon:before{content:"\e2cd"}.ts-icon.is-google-plus-icon:before{content:"\f2b3";font-family:IconsBrands}.ts-icon.is-google-wallet-icon:before{content:"\f1ee";font-family:IconsBrands}.ts-icon.is-location-crosshairs-icon:before{content:"\f601"}.ts-icon.is-thumbs-down-icon:before{content:"\f165"}.ts-icon.is-wifi-icon:before{content:"\f1eb"}.ts-icon.is-buysellads-icon:before{content:"\f20d";font-family:IconsBrands}.ts-icon.is-filter-icon:before{content:"\f0b0"}.ts-icon.is-florin-sign-icon:before{content:"\e184"}.ts-icon.is-handcuffs-icon:before{content:"\e4f8"}.ts-icon.is-square-up-right-icon:before{content:"\f360"}.ts-icon.is-tree-city-icon:before{content:"\e587"}.ts-icon.is-autoprefixer-icon:before{content:"\f41c";font-family:IconsBrands}.ts-icon.is-right-from-bracket-icon:before{content:"\f2f5"}.ts-icon.is-critical-role-icon:before{content:"\f6c9";font-family:IconsBrands}.ts-icon.is-road-spikes-icon:before{content:"\e568"}.ts-icon.is-truck-ramp-box-icon:before{content:"\f4de"}.ts-icon.is-arrow-right-to-bracket-icon:before{content:"\f090"}.ts-icon.is-clipboard-icon:before{content:"\f328"}.ts-icon.is-tv-icon:before{content:"\f26c"}.ts-icon.is-patreon-icon:before{content:"\f3d9";font-family:IconsBrands}.ts-icon.is-z-icon:before{content:"\5a"}.ts-icon.is-weixin-icon:before{content:"\f1d7";font-family:IconsBrands}.ts-icon.is-moon-icon:before{content:"\f186"}.ts-icon.is-star-and-crescent-icon:before{content:"\f699"}.ts-icon.is-hand-point-right-icon:before{content:"\f0a4"}.ts-icon.is-hand-spock-icon:before{content:"\f259"}.ts-icon.is-code-branch-icon:before{content:"\f126"}.ts-icon.is-credit-card-icon:before{content:"\f09d"}.ts-icon.is-elementor-icon:before{content:"\f430";font-family:IconsBrands}.ts-icon.is-mosquito-icon:before{content:"\e52b"}.ts-icon.is-mountain-city-icon:before{content:"\e52e"}.ts-icon.is-snowman-icon:before{content:"\f7d0"}.ts-icon.is-ban-smoking-icon:before{content:"\f54d"}.ts-icon.is-cmplid-icon:before{content:"\e360";font-family:IconsBrands}.ts-icon.is-school-lock-icon:before{content:"\e56f"}.ts-icon.is-expand-icon:before{content:"\f065"}.ts-icon.is-hubspot-icon:before{content:"\f3b2";font-family:IconsBrands}.ts-icon.is-bridge-lock-icon:before{content:"\e4cc"}.ts-icon.is-circle-dollar-to-slot-icon:before{content:"\f4b9"}.ts-icon.is-pied-piper-icon:before{content:"\f2ae";font-family:IconsBrands}.ts-icon.is-splotch-icon:before{content:"\f5bc"}.ts-icon.is-user-shield-icon:before{content:"\f505"}.ts-icon.is-circle-check-icon:before{content:"\f058"}.ts-icon.is-heart-circle-bolt-icon:before{content:"\e4fc"}.ts-icon.is-bus-simple-icon:before{content:"\f55e"}.ts-icon.is-leaf-icon:before{content:"\f06c"}.ts-icon.is-ioxhost-icon:before{content:"\f208";font-family:IconsBrands}.ts-icon.is-palfed-icon:before{content:"\f3d8";font-family:IconsBrands}.ts-icon.is-download-icon:before{content:"\f019"}.ts-icon.is-house-signal-icon:before{content:"\e012"}.ts-icon.is-xmark-icon:before{content:"\f00d"}.ts-icon.is-codiepie-icon:before{content:"\f284";font-family:IconsBrands}.ts-icon.is-wodu-icon:before{content:"\e088";font-family:IconsBrands}.ts-icon.is-ebay-icon:before{content:"\f4f4";font-family:IconsBrands}.ts-icon.is-litecoin-sign-icon:before{content:"\e1d3"}.ts-icon.is-wheelchair-icon:before{content:"\f193"}.ts-icon.is-heading-icon:before{content:"\f1dc"}.ts-icon.is-person-walking-icon:before{content:"\f554"}.ts-icon.is-circle-plus-icon:before{content:"\f055"}.ts-icon.is-pinterest-icon:before{content:"\f0d2";font-family:IconsBrands}.ts-icon.is-comment-dots-icon:before{content:"\f4ad"}.ts-icon.is-ruler-icon:before{content:"\f545"}.ts-icon.is-pied-piper-hat-icon:before{content:"\f4e5";font-family:IconsBrands}.ts-icon.is-hands-praying-icon:before{content:"\f684"}.ts-icon.is-object-ungroup-icon:before{content:"\f248"}.ts-icon.is-play-icon:before{content:"\f04b"}.ts-icon.is-rupee-sign-icon:before{content:"\f156"}.ts-icon.is-space-awesome-icon:before{content:"\e5ac";font-family:IconsBrands}.ts-icon.is-grip-vertical-icon:before{content:"\f58e"}.ts-icon.is-martini-glass-citrus-icon:before{content:"\f561"}.ts-icon.is-circle-stop-icon:before{content:"\f28d"}.ts-icon.is-display-icon:before{content:"\e163"}.ts-icon.is-graduation-cap-icon:before{content:"\f19d"}.ts-icon.is-truck-field-un-icon:before{content:"\e58e"}.ts-icon.is-youtube-icon:before{content:"\f167";font-family:IconsBrands}.ts-icon.is-backward-icon:before{content:"\f04a"}.ts-icon.is-circle-minus-icon:before{content:"\f056"}.ts-icon.is-route-icon:before{content:"\f4d7"}.ts-icon.is-shield-halved-icon:before{content:"\f3ed"}.ts-icon.is-hand-fist-icon:before{content:"\f6de"}.ts-icon.is-plus-minus-icon:before{content:"\e43c"}.ts-icon.is-replyd-icon:before{content:"\f3e6";font-family:IconsBrands}.ts-icon.is-money-bill-icon:before{content:"\f0d6"}.ts-icon.is-up-long-icon:before{content:"\f30c"}.ts-icon.is-staff-snake-icon:before{content:"\e579"}.ts-icon.is-yelp-icon:before{content:"\f1e9";font-family:IconsBrands}.ts-icon.is-chrome-icon:before{content:"\f268";font-family:IconsBrands}.ts-icon.is-drupal-icon:before{content:"\f1a9";font-family:IconsBrands}.ts-icon.is-erlang-icon:before{content:"\f39d";font-family:IconsBrands}.ts-icon.is-up-down-left-right-icon:before{content:"\f0b2"}.ts-icon.is-weight-hanging-icon:before{content:"\f5cd"}.ts-icon.is-anchor-lock-icon:before{content:"\e4ad"}.ts-icon.is-envelope-circle-check-icon:before{content:"\e4e8"}.ts-icon.is-otter-icon:before{content:"\f700"}.ts-icon.is-calendar-icon:before{content:"\f133"}.ts-icon.is-dice-five-icon:before{content:"\f523"}.ts-icon.is-laptop-code-icon:before{content:"\f5fc"}.ts-icon.is-mountain-icon:before{content:"\f6fc"}.ts-icon.is-highlighter-icon:before{content:"\f591"}.ts-icon.is-landmark-dome-icon:before{content:"\f752"}.ts-icon.is-square-root-variable-icon:before{content:"\f698"}.ts-icon.is-lari-sign-icon:before{content:"\e1c8"}.ts-icon.is-plane-circle-exclamation-icon:before{content:"\e556"}.ts-icon.is-scale-balanced-icon:before{content:"\f24e"}.ts-icon.is-zhihu-icon:before{content:"\f63f";font-family:IconsBrands}.ts-icon.is-handshake-icon:before{content:"\f2b5"}.ts-icon.is-microphone-lines-slash-icon:before{content:"\f539"}.ts-icon.is-taxi-icon:before{content:"\f1ba"}.ts-icon.is-usb-icon:before{content:"\f287";font-family:IconsBrands}.ts-icon.is-x-ray-icon:before{content:"\f497"}.ts-icon.is-head-side-cough-icon:before{content:"\e061"}.ts-icon.is-map-pin-icon:before{content:"\f276"}.ts-icon.is-facebook-icon:before{content:"\f09a";font-family:IconsBrands}.ts-icon.is-file-circle-xmark-icon:before{content:"\e5a1"}.ts-icon.is-dragon-icon:before{content:"\f6d5"}.ts-icon.is-reddit-alien-icon:before{content:"\f281";font-family:IconsBrands}.ts-icon.is-right-long-icon:before{content:"\f30b"}.ts-icon.is-signal-icon:before{content:"\f012"}.ts-icon.is-users-line-icon:before{content:"\e592"}.ts-icon.is-virus-covid-icon:before{content:"\e4a8"}.ts-icon.is-angles-up-icon:before{content:"\f102"}.ts-icon.is-arrow-down-wide-short-icon:before{content:"\f160"}.ts-icon.is-money-bill-1-wave-icon:before{content:"\f53b"}.ts-icon.is-clipboard-list-icon:before{content:"\f46d"}.ts-icon.is-get-pocket-icon:before{content:"\f265";font-family:IconsBrands}.ts-icon.is-centos-icon:before{content:"\f789";font-family:IconsBrands}.ts-icon.is-crosshairs-icon:before{content:"\f05b"}.ts-icon.is-earth-africa-icon:before{content:"\f57c"}.ts-icon.is-house-chimney-crack-icon:before{content:"\f6f1"}.ts-icon.is-smog-icon:before{content:"\f75f"}.ts-icon.is-arrow-up-from-bracket-icon:before{content:"\e09a"}.ts-icon.is-cc-amex-icon:before{content:"\f1f3";font-family:IconsBrands}.ts-icon.is-linkedin-icon:before{content:"\f08c";font-family:IconsBrands}.ts-icon.is-outdent-icon:before{content:"\f03b"}.ts-icon.is-football-icon:before{content:"\f44e"}.ts-icon.is-house-medical-icon:before{content:"\e3b2"}.ts-icon.is-person-drowning-icon:before{content:"\e545"}.ts-icon.is-stapler-icon:before{content:"\e5af"}.ts-icon.is-contao-icon:before{content:"\f26d";font-family:IconsBrands}.ts-icon.is-firstdraft-icon:before{content:"\f3a1";font-family:IconsBrands}.ts-icon.is-person-running-icon:before{content:"\f70c"}.ts-icon.is-tents-icon:before{content:"\e582"}.ts-icon.is-train-icon:before{content:"\f238"}.ts-icon.is-van-shuttle-icon:before{content:"\f5b6"}.ts-icon.is-chess-rook-icon:before{content:"\f447"}.ts-icon.is-glass-water-droplet-icon:before{content:"\e4f5"}.ts-icon.is-fill-icon:before{content:"\f575"}.ts-icon.is-fish-fins-icon:before{content:"\e4f2"}.ts-icon.is-users-viewfinder-icon:before{content:"\e595"}.ts-icon.is-vr-cardboard-icon:before{content:"\f729"}.ts-icon.is-facebook-f-icon:before{content:"\f39e";font-family:IconsBrands}.ts-icon.is-file-waveform-icon:before{content:"\f478"}.ts-icon.is-person-burst-icon:before{content:"\e53b"}.ts-icon.is-person-skating-icon:before{content:"\f7c5"}.ts-icon.is-spray-can-icon:before{content:"\f5bd"}.ts-icon.is-circle-dot-icon:before{content:"\f192"}.ts-icon.is-microscope-icon:before{content:"\f610"}.ts-icon.is-square-whatsapp-icon:before{content:"\f40c";font-family:IconsBrands}.ts-icon.is-user-tie-icon:before{content:"\f508"}.ts-icon.is-yahoo-icon:before{content:"\f19e";font-family:IconsBrands}.ts-icon.is-person-hiking-icon:before{content:"\f6ec"}.ts-icon.is-podcast-icon:before{content:"\f2ce"}.ts-icon.is-elevator-icon:before{content:"\e16d"}.ts-icon.is-ticket-icon:before{content:"\f145"}.ts-icon.is-not-equal-icon:before{content:"\f53e"}.ts-icon.is-droplet-slash-icon:before{content:"\f5c7"}.ts-icon.is-file-export-icon:before{content:"\f56e"}.ts-icon.is-floppy-disk-icon:before{content:"\f0c7"}.ts-icon.is-people-line-icon:before{content:"\e534"}.ts-icon.is-arrow-right-long-icon:before{content:"\f178"}.ts-icon.is-church-icon:before{content:"\f51d"}.ts-icon.is-gas-pump-icon:before{content:"\f52f"}.ts-icon.is-tenge-sign-icon:before{content:"\f7d7"}.ts-icon.is-compact-disc-icon:before{content:"\f51f"}.ts-icon.is-angles-left-icon:before{content:"\f100"}.ts-icon.is-arrow-down-a-z-icon:before{content:"\f15d"}.ts-icon.is-map-location-icon:before{content:"\f59f"}.ts-icon.is-pen-ruler-icon:before{content:"\f5ae"}.ts-icon.is-unlock-icon:before{content:"\f09c"}.ts-icon.is-file-zipper-icon:before{content:"\f1c6"}.ts-icon.is-fish-icon:before{content:"\f578"}.ts-icon.is-markdown-icon:before{content:"\f60f";font-family:IconsBrands}.ts-icon.is-battery-empty-icon:before{content:"\f244"}.ts-icon.is-file-circle-question-icon:before{content:"\e4ef"}.ts-icon.is-cc-stripe-icon:before{content:"\f1f5";font-family:IconsBrands}.ts-icon.is-dungeon-icon:before{content:"\f6d9"}.ts-icon.is-sketch-icon:before{content:"\f7c6";font-family:IconsBrands}.ts-icon.is-underline-icon:before{content:"\f0cd"}.ts-icon.is-barcode-icon:before{content:"\f02a"}.ts-icon.is-bugs-icon:before{content:"\e4d0"}.ts-icon.is-vest-icon:before{content:"\e085"}.ts-icon.is-bore-hole-icon:before{content:"\e4c3"}.ts-icon.is-face-grin-icon:before{content:"\f580"}.ts-icon.is-watchman-monitoring-icon:before{content:"\e087";font-family:IconsBrands}.ts-icon.is-arrows-down-to-line-icon:before{content:"\e4b8"}.ts-icon.is-house-chimney-icon:before{content:"\e3af"}.ts-icon.is-mobile-button-icon:before{content:"\f10b"}.ts-icon.is-pen-fancy-icon:before{content:"\f5ac"}.ts-icon.is-poop-icon:before{content:"\f619"}.ts-icon.is-life-ring-icon:before{content:"\f1cd"}.ts-icon.is-arrow-turn-up-icon:before{content:"\f148"}.ts-icon.is-comments-dollar-icon:before{content:"\f653"}.ts-icon.is-o-icon:before{content:"\4f"}.ts-icon.is-building-shield-icon:before{content:"\e4d8"}.ts-icon.is-paperclip-icon:before{content:"\f0c6"}.ts-icon.is-mound-icon:before{content:"\e52d"}.ts-icon.is-guarani-sign-icon:before{content:"\e19a"}.ts-icon.is-f-icon:before{content:"\46"}.ts-icon.is-gripfire-icon:before{content:"\f3ac";font-family:IconsBrands}.ts-icon.is-laptop-medical-icon:before{content:"\f812"}.ts-icon.is-puzzle-piece-icon:before{content:"\f12e"}.ts-icon.is-square-github-icon:before{content:"\f092";font-family:IconsBrands}.ts-icon.is-turkish-lira-sign-icon:before{content:"\e2bb"}.ts-icon.is-file-icon:before{content:"\f15b"}.ts-icon.is-hand-point-left-icon:before{content:"\f0a5"}.ts-icon.is-less-than-icon:before{content:"\3c"}.ts-icon.is-octopus-deploy-icon:before{content:"\e082";font-family:IconsBrands}.ts-icon.is-arrow-rotate-right-icon:before{content:"\f01e"}.ts-icon.is-camera-rotate-icon:before{content:"\e0d8"}.ts-icon.is-ear-deaf-icon:before{content:"\f2a4"}.ts-icon.is-gear-icon:before{content:"\f013"}.ts-icon.is-instagram-icon:before{content:"\f16d";font-family:IconsBrands}.ts-icon.is-kickstarter-k-icon:before{content:"\f3bc";font-family:IconsBrands}.ts-icon.is-modx-icon:before{content:"\f285";font-family:IconsBrands}.ts-icon.is-r-project-icon:before{content:"\f4f7";font-family:IconsBrands}.ts-icon.is-cart-plus-icon:before{content:"\f217"}.ts-icon.is-file-contract-icon:before{content:"\f56c"}.ts-icon.is-joget-icon:before{content:"\f3b7";font-family:IconsBrands}.ts-icon.is-beer-mug-empty-icon:before{content:"\f0fc"}.ts-icon.is-handshake-slash-icon:before{content:"\e060"}.ts-icon.is-foursquare-icon:before{content:"\f180";font-family:IconsBrands}.ts-icon.is-passport-icon:before{content:"\f5ab"}.ts-icon.is-people-carry-box-icon:before{content:"\f4ce"}.ts-icon.is-plug-circle-exclamation-icon:before{content:"\e55d"}.ts-icon.is-ring-icon:before{content:"\f70b"}.ts-icon.is-bridge-circle-check-icon:before{content:"\e4c9"}.ts-icon.is-folder-icon:before{content:"\f07b"}.ts-icon.is-shuttle-space-icon:before{content:"\f197"}.ts-icon.is-sun-icon:before{content:"\f185"}.ts-icon.is-fax-icon:before{content:"\f1ac"}.ts-icon.is-truck-icon:before{content:"\f0d1"}.ts-icon.is-facebook-messenger-icon:before{content:"\f39f";font-family:IconsBrands}.ts-icon.is-rotate-left-icon:before{content:"\f2ea"}.ts-icon.is-anchor-circle-check-icon:before{content:"\e4aa"}.ts-icon.is-face-grin-wide-icon:before{content:"\f581"}.ts-icon.is-peseta-sign-icon:before{content:"\e221"}.ts-icon.is-scale-unbalanced-flip-icon:before{content:"\f516"}.ts-icon.is-smoking-icon:before{content:"\f48d"}.ts-icon.is-user-tag-icon:before{content:"\f507"}.ts-icon.is-evernote-icon:before{content:"\f839";font-family:IconsBrands}.ts-icon.is-oil-can-icon:before{content:"\f613"}.ts-icon.is-share-nodes-icon:before{content:"\f1e0"}.ts-icon.is-ussunnah-icon:before{content:"\f407";font-family:IconsBrands}.ts-icon.is-face-frown-open-icon:before{content:"\f57a"}.ts-icon.is-file-image-icon:before{content:"\f1c5"}.ts-icon.is-democrat-icon:before{content:"\f747"}.ts-icon.is-location-pin-icon:before{content:"\f041"}.ts-icon.is-briefcase-medical-icon:before{content:"\f469"}.ts-icon.is-camera-icon:before{content:"\f030"}.ts-icon.is-face-laugh-wink-icon:before{content:"\f59c"}.ts-icon.is-id-card-clip-icon:before{content:"\f47f"}.ts-icon.is-hurricane-icon:before{content:"\f751"}.ts-icon.is-searchengin-icon:before{content:"\f3eb";font-family:IconsBrands}.ts-icon.is-champagne-glasses-icon:before{content:"\f79f"}.ts-icon.is-deviantart-icon:before{content:"\f1bd";font-family:IconsBrands}.ts-icon.is-fill-drip-icon:before{content:"\f576"}.ts-icon.is-forward-fast-icon:before{content:"\f050"}.ts-icon.is-grip-lines-icon:before{content:"\f7a4"}.ts-icon.is-microphone-lines-icon:before{content:"\f3c9"}.ts-icon.is-osi-icon:before{content:"\f41a";font-family:IconsBrands}.ts-icon.is-twitch-icon:before{content:"\f1e8";font-family:IconsBrands}.ts-icon.is-atom-icon:before{content:"\f5d2"}.ts-icon.is-face-sad-tear-icon:before{content:"\f5b4"}.ts-icon.is-hands-holding-child-icon:before{content:"\e4fa"}.ts-icon.is-person-dress-icon:before{content:"\f182"}.ts-icon.is-resolving-icon:before{content:"\f3e7";font-family:IconsBrands}.ts-icon.is-sticker-mule-icon:before{content:"\f3f7";font-family:IconsBrands}.ts-icon.is-tablet-button-icon:before{content:"\f10a"}.ts-icon.is-dribbble-icon:before{content:"\f17d";font-family:IconsBrands}.ts-icon.is-eye-icon:before{content:"\f06e"}.ts-icon.is-dailymotion-icon:before{content:"\e052";font-family:IconsBrands}.ts-icon.is-goodreads-icon:before{content:"\f3a8";font-family:IconsBrands}.ts-icon.is-bell-concierge-icon:before{content:"\f562"}.ts-icon.is-cc-jcb-icon:before{content:"\f24b";font-family:IconsBrands}.ts-icon.is-menorah-icon:before{content:"\f676"}.ts-icon.is-person-biking-icon:before{content:"\f84a"}.ts-icon.is-shop-slash-icon:before{content:"\e070"}.ts-icon.is-square-tumblr-icon:before{content:"\f174";font-family:IconsBrands}.ts-icon.is-stopwatch-20-icon:before{content:"\e06f"}.ts-icon.is-folder-open-icon:before{content:"\f07c"}.ts-icon.is-kit-medical-icon:before{content:"\f479"}.ts-icon.is-brush-icon:before{content:"\f55d"}.ts-icon.is-user-large-icon:before{content:"\f406"}.ts-icon.is-arrow-up-long-icon:before{content:"\f176"}.ts-icon.is-bahai-icon:before{content:"\f666"}.ts-icon.is-person-chalkboard-icon:before{content:"\e53d"}.ts-icon.is-sim-card-icon:before{content:"\f7c4"}.ts-icon.is-suse-icon:before{content:"\f7d6";font-family:IconsBrands}.ts-icon.is-y-combinator-icon:before{content:"\f23b";font-family:IconsBrands}.ts-icon.is-book-journal-whills-icon:before{content:"\f66a"}.ts-icon.is-paper-plane-icon:before{content:"\f1d8"}.ts-icon.is-pen-clip-icon:before{content:"\f305"}.ts-icon.is-square-odnoklassniki-icon:before{content:"\f264";font-family:IconsBrands}.ts-icon.is-themeisle-icon:before{content:"\f2b2";font-family:IconsBrands}.ts-icon.is-car-side-icon:before{content:"\f5e4"}.ts-icon.is-face-flushed-icon:before{content:"\f579"}.ts-icon.is-crutch-icon:before{content:"\f7f7"}.ts-icon.is-door-open-icon:before{content:"\f52b"}.ts-icon.is-firefox-browser-icon:before{content:"\e007";font-family:IconsBrands}.ts-icon.is-shower-icon:before{content:"\f2cc"}.ts-icon.is-children-icon:before{content:"\e4e1"}.ts-icon.is-cloud-moon-rain-icon:before{content:"\f73c"}.ts-icon.is-microchip-icon:before{content:"\f2db"}.ts-icon.is-skull-icon:before{content:"\f54c"}.ts-icon.is-square-js-icon:before{content:"\f3b9";font-family:IconsBrands}.ts-icon.is-bezier-curve-icon:before{content:"\f55b"}.ts-icon.is-cloud-moon-icon:before{content:"\f6c3"}.ts-icon.is-freebsd-icon:before{content:"\f3a4";font-family:IconsBrands}.ts-icon.is-frog-icon:before{content:"\f52e"}.ts-icon.is-app-store-ios-icon:before{content:"\f370";font-family:IconsBrands}.ts-icon.is-clipboard-user-icon:before{content:"\f7f3"}.ts-icon.is-grav-icon:before{content:"\f2d6";font-family:IconsBrands}.ts-icon.is-jug-detergent-icon:before{content:"\e519"}.ts-icon.is-wirsindhandwerk-icon:before{content:"\e2d0";font-family:IconsBrands}.ts-icon.is-cloud-icon:before{content:"\f0c2"}.ts-icon.is-heart-crack-icon:before{content:"\f7a9"}.ts-icon.is-rectangle-ad-icon:before{content:"\f641"}.ts-icon.is-speakap-icon:before{content:"\f3f3";font-family:IconsBrands}.ts-icon.is-hands-holding-circle-icon:before{content:"\e4fb"}.ts-icon.is-masks-theater-icon:before{content:"\f630"}.ts-icon.is-bomb-icon:before{content:"\f1e2"}.ts-icon.is-robot-icon:before{content:"\f544"}.ts-icon.is-square-envelope-icon:before{content:"\f199"}.ts-icon.is-square-lastfm-icon:before{content:"\f203";font-family:IconsBrands}.ts-icon.is-bottle-droplet-icon:before{content:"\e4c4"}.ts-icon.is-people-robbery-icon:before{content:"\e536"}.ts-icon.is-wolf-pack-battalion-icon:before{content:"\f514";font-family:IconsBrands}.ts-icon.is-google-icon:before{content:"\f1a0";font-family:IconsBrands}.ts-icon.is-train-tram-icon:before{content:"\e5b4"}.ts-icon.is-tent-icon:before{content:"\e57d"}.ts-icon.is-temperature-quarter-icon:before{content:"\f2ca"}.ts-icon.is-lira-sign-icon:before{content:"\f195"}.ts-icon.is-steam-symbol-icon:before{content:"\f3f6";font-family:IconsBrands}.ts-icon.is-plug-icon:before{content:"\f1e6"}.ts-icon.is-slash-icon:before{content:"\f715"}.ts-icon.is-tornado-icon:before{content:"\f76f"}.ts-icon.is-wpressr-icon:before{content:"\f3e4";font-family:IconsBrands}.ts-icon.is-amazon-pay-icon:before{content:"\f42c";font-family:IconsBrands}.ts-icon.is-landmark-icon:before{content:"\f66f"}.ts-icon.is-socks-icon:before{content:"\f696"}.ts-icon.is-cloudsmith-icon:before{content:"\f384";font-family:IconsBrands}.ts-icon.is-radiation-icon:before{content:"\f7b9"}.ts-icon.is-microblog-icon:before{content:"\e01a";font-family:IconsBrands}.ts-icon.is-mortar-pestle-icon:before{content:"\f5a7"}.ts-icon.is-yandex-international-icon:before{content:"\f414";font-family:IconsBrands}.ts-icon.is-car-burst-icon:before{content:"\f5e1"}.ts-icon.is-hand-point-down-icon:before{content:"\f0a7"}.ts-icon.is-house-user-icon:before{content:"\e1b0"}.ts-icon.is-ideal-icon:before{content:"\e013";font-family:IconsBrands}.ts-icon.is-sellcast-icon:before{content:"\f2da";font-family:IconsBrands}.ts-icon.is-behance-icon:before{content:"\f1b4";font-family:IconsBrands}.ts-icon.is-hands-asl-interpreting-icon:before{content:"\f2a3"}.ts-icon.is-child-icon:before{content:"\f1ae"}.ts-icon.is-eject-icon:before{content:"\f052"}.ts-icon.is-fingerprint-icon:before{content:"\f577"}.ts-icon.is-font-awesome-icon:before{content:"\f2b4"}.ts-icon.is-anchor-icon:before{content:"\f13d"}.ts-icon.is-asterisk-icon:before{content:"\2a"}.ts-icon.is-phone-flip-icon:before{content:"\f879"}.ts-icon.is-square-phone-icon:before{content:"\f098"}.ts-icon.is-ticket-simple-icon:before{content:"\f3ff"}.ts-icon.is-hand-holding-droplet-icon:before{content:"\f4c1"}.ts-icon.is-hryvnia-sign-icon:before{content:"\f6f2"}.ts-icon.is-envira-icon:before{content:"\f299";font-family:IconsBrands}.ts-icon.is-file-audio-icon:before{content:"\f1c7"}.ts-icon.is-swift-icon:before{content:"\f8e1";font-family:IconsBrands}.ts-icon.is-8-icon:before{content:"\38"}.ts-icon.is-creative-commons-zero-icon:before{content:"\f4f3";font-family:IconsBrands}.ts-icon.is-sink-icon:before{content:"\e06d"}.ts-icon.is-volleyball-icon:before{content:"\f45f"}.ts-icon.is-html5-icon:before{content:"\f13b";font-family:IconsBrands}.ts-icon.is-medium-icon:before{content:"\f23a";font-family:IconsBrands}.ts-icon.is-diagram-project-icon:before{content:"\f542"}.ts-icon.is-steam-icon:before{content:"\f1b6";font-family:IconsBrands}.ts-icon.is-arrow-up-icon:before{content:"\f062"}.ts-icon.is-bimobject-icon:before{content:"\f378";font-family:IconsBrands}.ts-icon.is-spoon-icon:before{content:"\f2e5"}.ts-icon.is-creative-commons-icon:before{content:"\f25e";font-family:IconsBrands}.ts-icon.is-shrimp-icon:before{content:"\e448"}.ts-icon.is-hands-clapping-icon:before{content:"\e1a8"}.ts-icon.is-scribd-icon:before{content:"\f28a";font-family:IconsBrands}.ts-icon.is-file-medical-icon:before{content:"\f477"}.ts-icon.is-folder-tree-icon:before{content:"\f802"}.ts-icon.is-heart-circle-exclamation-icon:before{content:"\e4fe"}.ts-icon.is-heart-pulse-icon:before{content:"\f21e"}.ts-icon.is-virus-icon:before{content:"\e074"}.ts-icon.is-1-icon:before{content:"\31"}.ts-icon.is-box-archive-icon:before{content:"\f187"}.ts-icon.is-pencil-icon:before{content:"\f303"}.ts-icon.is-flag-checkered-icon:before{content:"\f11e"}.ts-icon.is-house-laptop-icon:before{content:"\e066"}.ts-icon.is-yoast-icon:before{content:"\f2b1";font-family:IconsBrands}.ts-icon.is-house-medical-flag-icon:before{content:"\e514"}.ts-icon.is-trailer-icon:before{content:"\e041"}.ts-icon.is-shield-dog-icon:before{content:"\e573"}.ts-icon.is-square-share-nodes-icon:before{content:"\f1e1"}.ts-icon.is-folder-minus-icon:before{content:"\f65d"}.ts-icon.is-money-bill-1-icon:before{content:"\f3d1"}.ts-icon.is-border-top-left-icon:before{content:"\f853"}.ts-icon.is-forward-icon:before{content:"\f04e"}.ts-icon.is-java-icon:before{content:"\f4e4";font-family:IconsBrands}.ts-icon.is-mitten-icon:before{content:"\f7b5"}.ts-icon.is-sun-plant-wilt-icon:before{content:"\e57a"}.ts-icon.is-bridge-circle-exclamation-icon:before{content:"\e4ca"}.ts-icon.is-circle-chevron-right-icon:before{content:"\f138"}.ts-icon.is-joint-icon:before{content:"\f595"}.ts-icon.is-transgender-icon:before{content:"\f225"}.ts-icon.is-fort-awesome-icon:before{content:"\f286";font-family:IconsBrands}.ts-icon.is-apple-icon:before{content:"\f179";font-family:IconsBrands}.ts-icon.is-eye-slash-icon:before{content:"\f070"}.ts-icon.is-deskpro-icon:before{content:"\f38f";font-family:IconsBrands}.ts-icon.is-face-grin-beam-icon:before{content:"\f582"}.ts-icon.is-file-circle-check-icon:before{content:"\e5a0"}.ts-icon.is-red-river-icon:before{content:"\f3e3";font-family:IconsBrands}.ts-icon.is-yen-sign-icon:before{content:"\f157"}.ts-icon.is-address-card-icon:before{content:"\f2bb"}.ts-icon.is-burger-icon:before{content:"\f805"}.ts-icon.is-arrows-to-circle-icon:before{content:"\e4bd"}.ts-icon.is-square-check-icon:before{content:"\f14a"}.ts-icon.is-keybase-icon:before{content:"\f4f5";font-family:IconsBrands}.ts-icon.is-money-bill-wheat-icon:before{content:"\e52a"}.ts-icon.is-person-circle-exclamation-icon:before{content:"\e53f"}.ts-icon.is-star-icon:before{content:"\f005"}.ts-icon.is-fan-icon:before{content:"\f863"}.ts-icon.is-hand-sparkles-icon:before{content:"\e05d"}.ts-icon.is-face-smile-icon:before{content:"\f118"}.ts-icon.is-q-icon:before{content:"\51"}.ts-icon.is-product-hunt-icon:before{content:"\f288";font-family:IconsBrands}.ts-icon.is-cent-sign-icon:before{content:"\e3f5"}.ts-icon.is-person-walking-luggage-icon:before{content:"\e554"}.ts-icon.is-star-half-icon:before{content:"\f089"}.ts-icon.is-truck-droplet-icon:before{content:"\e58c"}.ts-icon.is-campground-icon:before{content:"\f6bb"}.ts-icon.is-napster-icon:before{content:"\f3d2";font-family:IconsBrands}.ts-icon.is-cruzeiro-sign-icon:before{content:"\e152"}.ts-icon.is-hand-holding-medical-icon:before{content:"\e05c"}.ts-icon.is-heart-circle-check-icon:before{content:"\e4fd"}.ts-icon.is-k-icon:before{content:"\4b"}.ts-icon.is-person-circle-question-icon:before{content:"\e542"}.ts-icon.is-car-rear-icon:before{content:"\f5de"}.ts-icon.is-cookie-bite-icon:before{content:"\f564"}.ts-icon.is-grip-lines-vertical-icon:before{content:"\f7a5"}.ts-icon.is-circle-icon:before{content:"\f111"}.ts-icon.is-file-excel-icon:before{content:"\f1c3"}.ts-icon.is-hotel-icon:before{content:"\f594"}.ts-icon.is-angles-right-icon:before{content:"\f101"}.ts-icon.is-clover-icon:before{content:"\e139"}.ts-icon.is-tags-icon:before{content:"\f02c"}.ts-icon.is-bowling-ball-icon:before{content:"\f436"}.ts-icon.is-box-tissue-icon:before{content:"\e05b"}.ts-icon.is-intercom-icon:before{content:"\f7af";font-family:IconsBrands}.ts-icon.is-umbrella-icon:before{content:"\f0e9"}.ts-icon.is-chess-icon:before{content:"\f439"}.ts-icon.is-dumpster-fire-icon:before{content:"\f794"}.ts-icon.is-house-tsunami-icon:before{content:"\e515"}.ts-icon.is-id-badge-icon:before{content:"\f2c1"}.ts-icon.is-deploydog-icon:before{content:"\f38e";font-family:IconsBrands}.ts-icon.is-dice-three-icon:before{content:"\f527"}.ts-icon.is-toilet-portable-icon:before{content:"\e583"}.ts-icon.is-infinity-icon:before{content:"\f534"}.ts-icon.is-shekel-sign-icon:before{content:"\f20b"}.ts-icon.is-yammer-icon:before{content:"\f840";font-family:IconsBrands}.ts-icon.is-peso-sign-icon:before{content:"\e222"}.ts-icon.is-plane-circle-check-icon:before{content:"\e555"}.ts-icon.is-ruler-combined-icon:before{content:"\f546"}.ts-icon.is-scroll-icon:before{content:"\f70e"}.ts-icon.is-skull-crossbones-icon:before{content:"\f714"}.ts-icon.is-uikit-icon:before{content:"\f403";font-family:IconsBrands}.ts-icon.is-ankh-icon:before{content:"\f644"}.ts-icon.is-boxes-packing-icon:before{content:"\e4c7"}.ts-icon.is-gitlab-icon:before{content:"\f296";font-family:IconsBrands}.ts-icon.is-boxes-stacked-icon:before{content:"\f468"}.ts-icon.is-quinscape-icon:before{content:"\f459";font-family:IconsBrands}.ts-icon.is-researchgate-icon:before{content:"\f4f8";font-family:IconsBrands}.ts-icon.is-truck-moving-icon:before{content:"\f4df"}.ts-icon.is-dna-icon:before{content:"\f471"}.ts-icon.is-magnet-icon:before{content:"\f076"}.ts-icon.is-trade-federation-icon:before{content:"\f513";font-family:IconsBrands}.ts-icon.is-jenkins-icon:before{content:"\f3b6";font-family:IconsBrands}.ts-icon.is-monument-icon:before{content:"\f5a6"}.ts-icon.is-bacteria-icon:before{content:"\e059"}.ts-icon.is-itch-io-icon:before{content:"\f83a";font-family:IconsBrands}.ts-icon.is-microphone-slash-icon:before{content:"\f131"}.ts-icon.is-road-lock-icon:before{content:"\e567"}.ts-icon.is-glide-g-icon:before{content:"\f2a6";font-family:IconsBrands}.ts-icon.is-hashtag-icon:before{content:"\23"}.ts-icon.is-warehouse-icon:before{content:"\f494"}.ts-icon.is-opencart-icon:before{content:"\f23d";font-family:IconsBrands}.ts-icon.is-ups-icon:before{content:"\f7e0";font-family:IconsBrands}.ts-icon.is-playstation-icon:before{content:"\f3df";font-family:IconsBrands}.ts-icon.is-sellsy-icon:before{content:"\f213";font-family:IconsBrands}.ts-icon.is-github-alt-icon:before{content:"\f113";font-family:IconsBrands}.ts-icon.is-oil-well-icon:before{content:"\e532"}.ts-icon.is-perbyte-icon:before{content:"\e083";font-family:IconsBrands}.ts-icon.is-square-caret-right-icon:before{content:"\f152"}.ts-icon.is-buffer-icon:before{content:"\f837";font-family:IconsBrands}.ts-icon.is-face-laugh-icon:before{content:"\f599"}.ts-icon.is-helicopter-symbol-icon:before{content:"\e502"}.ts-icon.is-aws-icon:before{content:"\f375";font-family:IconsBrands}.ts-icon.is-book-medical-icon:before{content:"\f7e6"}.ts-icon.is-inbox-icon:before{content:"\f01c"}.ts-icon.is-superscript-icon:before{content:"\f12b"}.ts-icon.is-cookie-icon:before{content:"\f563"}.ts-icon.is-fire-flame-curved-icon:before{content:"\f7e4"}.ts-icon.is-sd-card-icon:before{content:"\f7c2"}.ts-icon.is-user-slash-icon:before{content:"\f506"}.ts-icon.is-bacterium-icon:before{content:"\e05a"}.ts-icon.is-maximize-icon:before{content:"\f31e"}.ts-icon.is-trophy-icon:before{content:"\f091"}.ts-icon.is-anchor-circle-xmark-icon:before{content:"\e4ac"}.ts-icon.is-keyboard-icon:before{content:"\f11c"}.ts-icon.is-phone-volume-icon:before{content:"\f2a0"}.ts-icon.is-pills-icon:before{content:"\f484"}.ts-icon.is-square-reddit-icon:before{content:"\f1a2";font-family:IconsBrands}.ts-icon.is-buy-n-large-icon:before{content:"\f8a6";font-family:IconsBrands}.ts-icon.is-face-grin-wink-icon:before{content:"\f58c"}.ts-icon.is-6-icon:before{content:"\36"}.ts-icon.is-stop-icon:before{content:"\f04d"}.ts-icon.is-hand-holding-icon:before{content:"\f4bd"}.ts-icon.is-person-circle-minus-icon:before{content:"\e540"}.ts-icon.is-shoe-prints-icon:before{content:"\f54b"}.ts-icon.is-bug-icon:before{content:"\f188"}.ts-icon.is-creative-commons-nc-jp-icon:before{content:"\f4ea";font-family:IconsBrands}.ts-icon.is-house-crack-icon:before{content:"\e3b1"}.ts-icon.is-node-icon:before{content:"\f419";font-family:IconsBrands}.ts-icon.is-arrow-left-long-icon:before{content:"\f177"}.ts-icon.is-face-laugh-squint-icon:before{content:"\f59b"}.ts-icon.is-head-side-cough-slash-icon:before{content:"\e062"}.ts-icon.is-connectdevelop-icon:before{content:"\f20e";font-family:IconsBrands}.ts-icon.is-galactic-republic-icon:before{content:"\f50c";font-family:IconsBrands}.ts-icon.is-square-dribbble-icon:before{content:"\f397";font-family:IconsBrands}.ts-icon.is-volume-high-icon:before{content:"\f028"}.ts-icon.is-arrow-right-arrow-left-icon:before{content:"\f0ec"}.ts-icon.is-codepen-icon:before{content:"\f1cb";font-family:IconsBrands}.ts-icon.is-plug-circle-xmark-icon:before{content:"\e560"}.ts-icon.is-align-left-icon:before{content:"\f036"}.ts-icon.is-ember-icon:before{content:"\f423";font-family:IconsBrands}.ts-icon.is-spell-check-icon:before{content:"\f891"}.ts-icon.is-think-peaks-icon:before{content:"\f731";font-family:IconsBrands}.ts-icon.is-arrow-trend-up-icon:before{content:"\e098"}.ts-icon.is-person-walking-arrow-right-icon:before{content:"\e552"}.ts-icon.is-satellite-icon:before{content:"\f7bf"}.ts-icon.is-square-xing-icon:before{content:"\f169";font-family:IconsBrands}.ts-icon.is-wix-icon:before{content:"\f5cf";font-family:IconsBrands}.ts-icon.is-flickr-icon:before{content:"\f16e";font-family:IconsBrands}.ts-icon.is-pagelines-icon:before{content:"\f18c";font-family:IconsBrands}.ts-icon.is-hamsa-icon:before{content:"\f665"}.ts-icon.is-stack-exchange-icon:before{content:"\f18d";font-family:IconsBrands}.ts-icon.is-forward-step-icon:before{content:"\f051"}.ts-icon.is-prescription-bottle-medical-icon:before{content:"\f486"}.ts-icon.is-address-book-icon:before{content:"\f2b9"}.ts-icon.is-face-grin-tongue-wink-icon:before{content:"\f58b"}.ts-icon.is-map-icon:before{content:"\f279"}.ts-icon.is-readme-icon:before{content:"\f4d5";font-family:IconsBrands}.ts-icon.is-dice-d20-icon:before{content:"\f6cf"}.ts-icon.is-gauge-icon:before{content:"\f624"}.ts-icon.is-mars-stroke-icon:before{content:"\f229"}.ts-icon.is-viacoin-icon:before{content:"\f237";font-family:IconsBrands}.ts-icon.is-code-icon:before{content:"\f121"}.ts-icon.is-egg-icon:before{content:"\f7fb"}.ts-icon.is-earth-europe-icon:before{content:"\f7a2"}.ts-icon.is-person-arrow-down-to-line-icon:before{content:"\e538"}.ts-icon.is-dolly-icon:before{content:"\f472"}.ts-icon.is-circle-play-icon:before{content:"\f144"}.ts-icon.is-closed-captioning-icon:before{content:"\f20a"}.ts-icon.is-circle-down-icon:before{content:"\f358"}.ts-icon.is-sort-up-icon:before{content:"\f0de"}.ts-icon.is-code-compare-icon:before{content:"\e13a"}.ts-icon.is-envelopes-bulk-icon:before{content:"\f674"}.ts-icon.is-user-secret-icon:before{content:"\f21b"}.ts-icon.is-wpforms-icon:before{content:"\f298";font-family:IconsBrands}.ts-icon.is-arrow-trend-down-icon:before{content:"\e097"}.ts-icon.is-arrows-split-up-and-left-icon:before{content:"\e4bc"}.ts-icon.is-person-walking-with-cane-icon:before{content:"\f29d"}.ts-icon.is-bowl-food-icon:before{content:"\e4c6"}.ts-icon.is-horse-head-icon:before{content:"\f7ab"}.ts-icon.is-chart-gantt-icon:before{content:"\e0e4"}.ts-icon.is-calculator-icon:before{content:"\f1ec"}.ts-icon.is-meta-icon:before{content:"\e49b";font-family:IconsBrands}.ts-icon.is-person-praying-icon:before{content:"\f683"}.ts-icon.is-stripe-s-icon:before{content:"\f42a";font-family:IconsBrands}.ts-icon.is-anchor-circle-exclamation-icon:before{content:"\e4ab"}.ts-icon.is-book-bible-icon:before{content:"\f647"}.ts-icon.is-stumbleupon-circle-icon:before{content:"\f1a3";font-family:IconsBrands}.ts-icon.is-house-medical-circle-exclamation-icon:before{content:"\e512"}.ts-icon.is-ns8-icon:before{content:"\f3d5";font-family:IconsBrands}.ts-icon.is-cloud-arrow-down-icon:before{content:"\f0ed"}.ts-icon.is-handshake-simple-slash-icon:before{content:"\e05f"}.ts-icon.is-ruler-vertical-icon:before{content:"\f548"}.ts-icon.is-sheet-plastic-icon:before{content:"\e571"}.ts-icon.is-usps-icon:before{content:"\f7e1";font-family:IconsBrands}.ts-icon.is-compass-drafting-icon:before{content:"\f568"}.ts-icon.is-face-kiss-beam-icon:before{content:"\f597"}.ts-icon.is-panorama-icon:before{content:"\e209"}.ts-icon.is-arrow-down-up-lock-icon:before{content:"\e4b0"}.ts-icon.is-file-invoice-icon:before{content:"\f570"}.ts-icon.is-envelope-open-icon:before{content:"\f2b6"}.ts-icon.is-star-of-david-icon:before{content:"\f69a"}.ts-icon.is-arrow-pointer-icon:before{content:"\f245"}.ts-icon.is-computer-icon:before{content:"\e4e5"}.ts-icon.is-recycle-icon:before{content:"\f1b8"}.ts-icon.is-symfony-icon:before{content:"\f83d";font-family:IconsBrands}.ts-icon.is-house-flood-water-icon:before{content:"\e50e"}.ts-icon.is-igloo-icon:before{content:"\f7ae"}.ts-icon.is-lines-leaning-icon:before{content:"\e51e"}.ts-icon.is-gitter-icon:before{content:"\f426";font-family:IconsBrands}.ts-icon.is-hand-back-fist-icon:before{content:"\f255"}.ts-icon.is-square-vimeo-icon:before{content:"\f194";font-family:IconsBrands}.ts-icon.is-kip-sign-icon:before{content:"\e1c4"}.ts-icon.is-tower-cell-icon:before{content:"\e585"}.ts-icon.is-cc-mastercard-icon:before{content:"\f1f1";font-family:IconsBrands}.ts-icon.is-hourglass-half-icon:before{content:"\f252"}.ts-icon.is-face-laugh-beam-icon:before{content:"\f59a"}.ts-icon.is-nutritionix-icon:before{content:"\f3d6";font-family:IconsBrands}.ts-icon.is-triangle-exclamation-icon:before{content:"\f071"}.ts-icon.is-vimeo-icon:before{content:"\f40a";font-family:IconsBrands}.ts-icon.is-artstation-icon:before{content:"\f77a";font-family:IconsBrands}.ts-icon.is-b-icon:before{content:"\42"}.ts-icon.is-snapchat-icon:before{content:"\f2ab";font-family:IconsBrands}.ts-icon.is-square-google-plus-icon:before{content:"\f0d4";font-family:IconsBrands}.ts-icon.is-amazon-icon:before{content:"\f270";font-family:IconsBrands}.ts-icon.is-magnifying-glass-minus-icon:before{content:"\f010"}.ts-icon.is-circle-right-icon:before{content:"\f35a"}.ts-icon.is-e-icon:before{content:"\45"}.ts-icon.is-mars-icon:before{content:"\f222"}.ts-icon.is-chart-pie-icon:before{content:"\f200"}.ts-icon.is-lock-open-icon:before{content:"\f3c1"}.ts-icon.is-npm-icon:before{content:"\f3d4";font-family:IconsBrands}.ts-icon.is-weibo-icon:before{content:"\f18a";font-family:IconsBrands}.ts-icon.is-dropbox-icon:before{content:"\f16b";font-family:IconsBrands}.ts-icon.is-file-arrow-down-icon:before{content:"\f56d"}.ts-icon.is-bridge-circle-xmark-icon:before{content:"\e4cb"}.ts-icon.is-vials-icon:before{content:"\f493"}.ts-icon.is-mug-saucer-icon:before{content:"\f0f4"}.ts-icon.is-hire-a-helper-icon:before{content:"\f3b0";font-family:IconsBrands}.ts-icon.is-prescription-icon:before{content:"\f5b1"}.ts-icon.is-suitcase-rolling-icon:before{content:"\f5c1"}.ts-icon.is-user-gear-icon:before{content:"\f4fe"}.ts-icon.is-diagram-successor-icon:before{content:"\e47a"}.ts-icon.is-edge-icon:before{content:"\f282";font-family:IconsBrands}.ts-icon.is-text-slash-icon:before{content:"\f87d"}.ts-icon.is-arrow-down-up-across-line-icon:before{content:"\e4af"}.ts-icon.is-circle-nodes-icon:before{content:"\e4e2"}.ts-icon.is-capsules-icon:before{content:"\f46b"}.ts-icon.is-slideshare-icon:before{content:"\f1e7";font-family:IconsBrands}.ts-icon.is-hand-lizard-icon:before{content:"\f258"}.ts-icon.is-map-location-dot-icon:before{content:"\f5a0"}.ts-icon.is-person-dots-from-line-icon:before{content:"\f470"}.ts-icon.is-person-pregnant-icon:before{content:"\e31e"}.ts-icon.is-shirt-icon:before{content:"\f553"}.ts-icon.is-comment-slash-icon:before{content:"\f4b3"}.ts-icon.is-edge-legacy-icon:before{content:"\e078";font-family:IconsBrands}.ts-icon.is-road-barrier-icon:before{content:"\e562"}.ts-icon.is-crop-icon:before{content:"\f125"}.ts-icon.is-jar-wheat-icon:before{content:"\e517"}.ts-icon.is-imdb-icon:before{content:"\f2d8";font-family:IconsBrands}.ts-icon.is-renren-icon:before{content:"\f18b";font-family:IconsBrands}.ts-icon.is-square-facebook-icon:before{content:"\f082";font-family:IconsBrands}.ts-icon.is-tent-arrow-left-right-icon:before{content:"\e57f"}.ts-icon.is-truck-arrow-right-icon:before{content:"\e58b"}.ts-icon.is-bell-icon:before{content:"\f0f3"}.ts-icon.is-child-dress-icon:before{content:"\e59c"}.ts-icon.is-left-long-icon:before{content:"\f30a"}.ts-icon.is-paw-icon:before{content:"\f1b0"}.ts-icon.is-reddit-icon:before{content:"\f1a1";font-family:IconsBrands}.ts-icon.is-thermometer-icon:before{content:"\f491"}.ts-icon.is-blender-icon:before{content:"\f517"}.ts-icon.is-euro-sign-icon:before{content:"\f153"}.ts-icon.is-laravel-icon:before{content:"\f3bd";font-family:IconsBrands}.ts-icon.is-plane-icon:before{content:"\f072"}.ts-icon.is-hand-scissors-icon:before{content:"\f257"}.ts-icon.is-person-falling-icon:before{content:"\e546"}.ts-icon.is-caret-right-icon:before{content:"\f0da"}.ts-icon.is-clone-icon:before{content:"\f24d"}.ts-icon.is-face-grin-tongue-squint-icon:before{content:"\f58a"}.ts-icon.is-fly-icon:before{content:"\f417";font-family:IconsBrands}.ts-icon.is-solar-panel-icon:before{content:"\f5ba"}.ts-icon.is-umbraco-icon:before{content:"\f8e8";font-family:IconsBrands}.ts-icon.is-couch-icon:before{content:"\f4b8"}.ts-icon.is-face-grin-tears-icon:before{content:"\f588"}.ts-icon.is-head-side-virus-icon:before{content:"\e064"}.ts-icon.is-lemon-icon:before{content:"\f094"}.ts-icon.is-wizards-of-the-coast-icon:before{content:"\f730";font-family:IconsBrands}.ts-icon.is-angle-down-icon:before{content:"\f107"}.ts-icon.is-database-icon:before{content:"\f1c0"}.ts-icon.is-angrycreative-icon:before{content:"\f36e";font-family:IconsBrands}.ts-icon.is-empire-icon:before{content:"\f1d1";font-family:IconsBrands}.ts-icon.is-php-icon:before{content:"\f457";font-family:IconsBrands}.ts-icon.is-right-left-icon:before{content:"\f362"}.ts-icon.is-satellite-dish-icon:before{content:"\f7c0"}.ts-icon.is-thumbs-up-icon:before{content:"\f164"}.ts-icon.is-divide-icon:before{content:"\f529"}.ts-icon.is-person-dress-burst-icon:before{content:"\e544"}.ts-icon.is-bilibili-icon:before{content:"\e3d9";font-family:IconsBrands}.ts-icon.is-cc-diners-club-icon:before{content:"\f24c";font-family:IconsBrands}.ts-icon.is-tiktok-icon:before{content:"\e07b";font-family:IconsBrands}.ts-icon.is-arrow-up-a-z-icon:before{content:"\f15e"}.ts-icon.is-baht-sign-icon:before{content:"\e0ac"}.ts-icon.is-person-skiing-nordic-icon:before{content:"\f7ca"}.ts-icon.is-universal-access-icon:before{content:"\f29a"}.ts-icon.is-digg-icon:before{content:"\f1a6";font-family:IconsBrands}.ts-icon.is-object-group-icon:before{content:"\f247"}.ts-icon.is-dochub-icon:before{content:"\f394";font-family:IconsBrands}.ts-icon.is-truck-medical-icon:before{content:"\f0f9"}.ts-icon.is-user-icon:before{content:"\f007"}.ts-icon.is-cloud-meatball-icon:before{content:"\f73b"}.ts-icon.is-maxcdn-icon:before{content:"\f136";font-family:IconsBrands}.ts-icon.is-phabricator-icon:before{content:"\f3db";font-family:IconsBrands}.ts-icon.is-eye-low-vision-icon:before{content:"\f2a8"}.ts-icon.is-face-rolling-eyes-icon:before{content:"\f5a5"}.ts-icon.is-square-steam-icon:before{content:"\f1b7";font-family:IconsBrands}.ts-icon.is-house-flag-icon:before{content:"\e50d"}.ts-icon.is-paint-roller-icon:before{content:"\f5aa"}.ts-icon.is-person-falling-burst-icon:before{content:"\e547"}.ts-icon.is-simplybuilt-icon:before{content:"\f215";font-family:IconsBrands}.ts-icon.is-users-icon:before{content:"\f0c0"}.ts-icon.is-arrow-down-short-wide-icon:before{content:"\f884"}.ts-icon.is-khanda-icon:before{content:"\f66d"}.ts-icon.is-traffic-light-icon:before{content:"\f637"}.ts-icon.is-baseball-icon:before{content:"\f433"}.ts-icon.is-scroll-torah-icon:before{content:"\f6a0"}.ts-icon.is-mandalorian-icon:before{content:"\f50f";font-family:IconsBrands}.ts-icon.is-nimblr-icon:before{content:"\f5a8";font-family:IconsBrands}.ts-icon.is-candy-cane-icon:before{content:"\f786"}.ts-icon.is-house-medical-circle-check-icon:before{content:"\e511"}.ts-icon.is-dumbbell-icon:before{content:"\f44b"}.ts-icon.is-film-icon:before{content:"\f008"}.ts-icon.is-gratipay-icon:before{content:"\f184";font-family:IconsBrands}.ts-icon.is-laptop-icon:before{content:"\f109"}.ts-icon.is-cloud-showers-water-icon:before{content:"\e4e4"}.ts-icon.is-compress-icon:before{content:"\f066"}.ts-icon.is-square-instagram-icon:before{content:"\e055";font-family:IconsBrands}.ts-icon.is-square-twitter-icon:before{content:"\f081";font-family:IconsBrands}.ts-icon.is-git-icon:before{content:"\f1d3";font-family:IconsBrands}.ts-icon.is-plate-wheat-icon:before{content:"\e55a"}.ts-icon.is-building-circle-xmark-icon:before{content:"\e4d4"}.ts-icon.is-t-icon:before{content:"\54"}.ts-icon.is-fantasy-flight-games-icon:before{content:"\f6dc";font-family:IconsBrands}.ts-icon.is-fire-extinguisher-icon:before{content:"\f134"}.ts-icon.is-square-caret-down-icon:before{content:"\f150"}.ts-icon.is-arrow-up-1-9-icon:before{content:"\f163"}.ts-icon.is-face-meh-icon:before{content:"\f11a"}.ts-icon.is-screwdriver-wrench-icon:before{content:"\f7d9"}.ts-icon.is-dashcube-icon:before{content:"\f210";font-family:IconsBrands}.ts-icon.is-indian-rupee-sign-icon:before{content:"\e1bc"}.ts-icon.is-power-off-icon:before{content:"\f011"}.ts-icon.is-sitemap-icon:before{content:"\f0e8"}.ts-icon.is-voicemail-icon:before{content:"\f897"}.ts-icon.is-temperature-arrow-down-icon:before{content:"\e03f"}.ts-icon.is-dev-icon:before{content:"\f6cc";font-family:IconsBrands}.ts-icon.is-itunes-note-icon:before{content:"\f3b5";font-family:IconsBrands}.ts-icon.is-mask-icon:before{content:"\f6fa"}.ts-icon.is-users-between-lines-icon:before{content:"\e591"}.ts-icon.is-arrows-up-down-icon:before{content:"\f07d"}.ts-icon.is-bookmark-icon:before{content:"\f02e"}.ts-icon.is-location-dot-icon:before{content:"\f3c5"}.ts-icon.is-poo-icon:before{content:"\f2fe"}.ts-icon.is-sack-xmark-icon:before{content:"\e56a"}.ts-icon.is-arrow-up-short-wide-icon:before{content:"\f885"}.ts-icon.is-chess-board-icon:before{content:"\f43c"}.ts-icon.is-user-nurse-icon:before{content:"\f82f"}.ts-icon.is-feather-pointed-icon:before{content:"\f56b"}.ts-icon.is-pen-to-square-icon:before{content:"\f044"}.ts-icon.is-drum-steelpan-icon:before{content:"\f56a"}.ts-icon.is-gauge-simple-high-icon:before{content:"\f62a"}.ts-icon.is-angles-down-icon:before{content:"\f103"}.ts-icon.is-car-battery-icon:before{content:"\f5df"}.ts-icon.is-toilets-portable-icon:before{content:"\e584"}.ts-icon.is-weight-scale-icon:before{content:"\f496"}.ts-icon.is-square-h-icon:before{content:"\f0fd"}.ts-icon.is-creative-commons-sa-icon:before{content:"\f4ef";font-family:IconsBrands}.ts-icon.is-filter-circle-dollar-icon:before{content:"\f662"}.ts-icon.is-square-gitlab-icon:before{content:"\e5ae";font-family:IconsBrands}.ts-icon.is-text-width-icon:before{content:"\f035"}.ts-icon.is-dong-sign-icon:before{content:"\e169"}.ts-icon.is-signs-post-icon:before{content:"\f277"}.ts-icon.is-laptop-file-icon:before{content:"\e51d"}.ts-icon.is-monero-icon:before{content:"\f3d0";font-family:IconsBrands}.ts-icon.is-note-sticky-icon:before{content:"\f249"}.ts-icon.is-person-rays-icon:before{content:"\e54d"}.ts-icon.is-cart-flatbed-suitcase-icon:before{content:"\f59d"}.ts-icon.is-hard-drive-icon:before{content:"\f0a0"}.ts-icon.is-key-icon:before{content:"\f084"}.ts-icon.is-padlet-icon:before{content:"\e4a0";font-family:IconsBrands}.ts-icon.is-sitrox-icon:before{content:"\e44a";font-family:IconsBrands}.ts-icon.is-truck-front-icon:before{content:"\e2b7"}.ts-icon.is-up-right-and-down-left-from-center-icon:before{content:"\f424"}.ts-icon.is-whatsapp-icon:before{content:"\f232";font-family:IconsBrands}.ts-icon.is-caret-down-icon:before{content:"\f0d7"}.ts-icon.is-list-ul-icon:before{content:"\f0ca"}.ts-icon.is-first-order-icon:before{content:"\f2b0";font-family:IconsBrands}.ts-icon.is-jira-icon:before{content:"\f7b1";font-family:IconsBrands}.ts-icon.is-tag-icon:before{content:"\f02b"}.ts-icon.is-tumblr-icon:before{content:"\f173";font-family:IconsBrands}.ts-icon.is-audio-description-icon:before{content:"\f29e"}.ts-icon.is-gun-icon:before{content:"\e19b"}.ts-icon.is-circle-radiation-icon:before{content:"\f7ba"}.ts-icon.is-dollar-sign-icon:before{content:"\24"}.ts-icon.is-person-circle-xmark-icon:before{content:"\e543"}.ts-icon.is-hand-peace-icon:before{content:"\f25b"}.ts-icon.is-house-circle-check-icon:before{content:"\e509"}.ts-icon.is-tablet-screen-button-icon:before{content:"\f3fa"}.ts-icon.is-business-time-icon:before{content:"\f64a"}.ts-icon.is-ghost-icon:before{content:"\f6e2"}.ts-icon.is-crown-icon:before{content:"\f521"}.ts-icon.is-magnifying-glass-arrow-right-icon:before{content:"\e521"}.ts-icon.is-water-icon:before{content:"\f773"}.ts-icon.is-bucket-icon:before{content:"\e4cf"}.ts-icon.is-user-lock-icon:before{content:"\f502"}.ts-icon.is-android-icon:before{content:"\f17b";font-family:IconsBrands}.ts-icon.is-share-from-square-icon:before{content:"\f14d"}.ts-icon.is-square-pied-piper-icon:before{content:"\e01e";font-family:IconsBrands}.ts-icon.is-weebly-icon:before{content:"\f5cc";font-family:IconsBrands}.ts-icon.is-xbox-icon:before{content:"\f412";font-family:IconsBrands}.ts-icon.is-heart-circle-xmark-icon:before{content:"\e501"}.ts-icon.is-mixcloud-icon:before{content:"\f289";font-family:IconsBrands}.ts-icon.is-road-circle-xmark-icon:before{content:"\e566"}.ts-icon.is-tape-icon:before{content:"\f4db"}.ts-icon.is-odnoklassniki-icon:before{content:"\f263";font-family:IconsBrands}.ts-icon.is-stairs-icon:before{content:"\e289"}.ts-icon.is-windows-icon:before{content:"\f17a";font-family:IconsBrands}.ts-icon.is-drumstick-bite-icon:before{content:"\f6d7"}.ts-icon.is-exclamation-icon:before{content:"\21"}.ts-icon.is-lastfm-icon:before{content:"\f202";font-family:IconsBrands}.ts-icon.is-page4-icon:before{content:"\f3d7";font-family:IconsBrands}.ts-icon.is-user-doctor-icon:before{content:"\f0f0"}.ts-icon.is-gift-icon:before{content:"\f06b"}.ts-icon.is-itunes-icon:before{content:"\f3b4";font-family:IconsBrands}.ts-icon.is-mask-ventilator-icon:before{content:"\e524"}.ts-icon.is-wine-bottle-icon:before{content:"\f72f"}.ts-icon.is-arrow-up-from-water-pump-icon:before{content:"\e4b6"}.ts-icon.is-keycdn-icon:before{content:"\f3ba";font-family:IconsBrands}.ts-icon.is-stack-overflow-icon:before{content:"\f16c";font-family:IconsBrands}.ts-icon.is-pied-piper-alt-icon:before{content:"\f1a8";font-family:IconsBrands}.ts-icon.is-calendar-days-icon:before{content:"\f073"}.ts-icon.is-chart-bar-icon:before{content:"\f080"}.ts-icon.is-draw-polygon-icon:before{content:"\f5ee"}.ts-icon.is-gifts-icon:before{content:"\f79c"}.ts-icon.is-bandage-icon:before{content:"\f462"}.ts-icon.is-building-icon:before{content:"\f1ad"}.ts-icon.is-school-circle-xmark-icon:before{content:"\e56d"}.ts-icon.is-4-icon:before{content:"\34"}.ts-icon.is-chess-king-icon:before{content:"\f43f"}.ts-icon.is-sort-icon:before{content:"\f0dc"}.ts-icon.is-squarespace-icon:before{content:"\f5be";font-family:IconsBrands}.ts-icon.is-users-rays-icon:before{content:"\e593"}.ts-icon.is-creative-commons-pd-alt-icon:before{content:"\f4ed";font-family:IconsBrands}.ts-icon.is-pallet-icon:before{content:"\f482"}.ts-icon.is-bus-icon:before{content:"\f207"}.ts-icon.is-city-icon:before{content:"\f64f"}.ts-icon.is-google-drive-icon:before{content:"\f3aa";font-family:IconsBrands}.ts-icon.is-mosque-icon:before{content:"\f678"}.ts-icon.is-phoenix-squadron-icon:before{content:"\f511";font-family:IconsBrands}.ts-icon.is-road-bridge-icon:before{content:"\e563"}.ts-icon.is-0-icon:before{content:"\30"}.ts-icon.is-bitcoin-sign-icon:before{content:"\e0b4"}.ts-icon.is-hand-pointer-icon:before{content:"\f25a"}.ts-icon.is-viber-icon:before{content:"\f409";font-family:IconsBrands}.ts-icon.is-backward-step-icon:before{content:"\f048"}.ts-icon.is-bots-icon:before{content:"\e340";font-family:IconsBrands}.ts-icon.is-mastodon-icon:before{content:"\f4f6";font-family:IconsBrands}.ts-icon.is-microphone-icon:before{content:"\f130"}.ts-icon.is-paypal-icon:before{content:"\f1ed";font-family:IconsBrands}.ts-icon.is-temperature-full-icon:before{content:"\f2c7"}.ts-icon.is-bone-icon:before{content:"\f5d7"}.ts-icon.is-industry-icon:before{content:"\f275"}.ts-icon.is-chart-line-icon:before{content:"\f201"}.ts-icon.is-notdef-icon:before{content:"\e1fe"}.ts-icon.is-wheat-awn-circle-exclamation-icon:before{content:"\e598"}.ts-icon.is-arrow-down-1-9-icon:before{content:"\f162"}.ts-icon.is-bolt-icon:before{content:"\f0e7"}.ts-icon.is-golang-icon:before{content:"\e40f";font-family:IconsBrands}.ts-icon.is-deezer-icon:before{content:"\e077";font-family:IconsBrands}.ts-icon.is-earth-americas-icon:before{content:"\f57d"}.ts-icon.is-user-check-icon:before{content:"\f4fc"}.ts-icon.is-video-slash-icon:before{content:"\f4e2"}.ts-icon.is-wheelchair-move-icon:before{content:"\e2ce"}.ts-icon.is-check-to-slot-icon:before{content:"\f772"}.ts-icon.is-hat-cowboy-icon:before{content:"\f8c0"}.ts-icon.is-uncharted-icon:before{content:"\e084";font-family:IconsBrands}.ts-icon.is-venus-double-icon:before{content:"\f226"}.ts-icon.is-memory-icon:before{content:"\f538"}.ts-icon.is-mix-icon:before{content:"\f3cb";font-family:IconsBrands}.ts-icon.is-diagram-predecessor-icon:before{content:"\e477"}.ts-icon.is-kitchen-set-icon:before{content:"\e51a"}.ts-icon.is-tractor-icon:before{content:"\f722"}.ts-icon.is-bug-slash-icon:before{content:"\e490"}.ts-icon.is-comment-medical-icon:before{content:"\f7f5"}.ts-icon.is-square-phone-flip-icon:before{content:"\f87b"}.ts-icon.is-arrows-left-right-to-line-icon:before{content:"\e4ba"}.ts-icon.is-at-icon:before{content:"\40"}.ts-icon.is-bed-pulse-icon:before{content:"\f487"}.ts-icon.is-linode-icon:before{content:"\f2b8";font-family:IconsBrands}.ts-icon.is-phone-slash-icon:before{content:"\f3dd"}.ts-icon.is-road-circle-exclamation-icon:before{content:"\e565"}.ts-icon.is-arrow-up-9-1-icon:before{content:"\f887"}.ts-icon.is-battery-quarter-icon:before{content:"\f243"}.ts-icon.is-peace-icon:before{content:"\f67c"}.ts-icon.is-toilet-paper-slash-icon:before{content:"\e072"}.ts-icon.is-folder-closed-icon:before{content:"\e185"}.ts-icon.is-hands-bound-icon:before{content:"\e4f9"}.ts-icon.is-cc-apple-pay-icon:before{content:"\f416";font-family:IconsBrands}.ts-icon.is-paintbrush-icon:before{content:"\f1fc"}.ts-icon.is-briefcase-icon:before{content:"\f0b1"}.ts-icon.is-calendar-xmark-icon:before{content:"\f273"}.ts-icon.is-speaker-deck-icon:before{content:"\f83c";font-family:IconsBrands}.ts-icon.is-twitter-icon:before{content:"\f099";font-family:IconsBrands}.ts-icon.is-dharmachakra-icon:before{content:"\f655"}.ts-icon.is-door-closed-icon:before{content:"\f52a"}.ts-icon.is-stumbleupon-icon:before{content:"\f1a4";font-family:IconsBrands}.ts-icon.is-tarp-droplet-icon:before{content:"\e57c"}.ts-icon.is-circle-up-icon:before{content:"\f35b"}.ts-icon.is-file-lines-icon:before{content:"\f15c"}.ts-icon.is-ferry-icon:before{content:"\e4ea"}.ts-icon.is-sort-down-icon:before{content:"\f0dd"}.ts-icon.is-check-icon:before{content:"\f00c"}.ts-icon.is-diaspora-icon:before{content:"\f791";font-family:IconsBrands}.ts-icon.is-kaaba-icon:before{content:"\f66b"}.ts-icon.is-building-columns-icon:before{content:"\f19c"}.ts-icon.is-gauge-simple-icon:before{content:"\f629"}.ts-icon.is-earth-oceania-icon:before{content:"\e47b"}.ts-icon.is-mattress-pillow-icon:before{content:"\e525"}.ts-icon.is-ice-cream-icon:before{content:"\f810"}.ts-icon.is-image-icon:before{content:"\f03e"}.ts-icon.is-mdb-icon:before{content:"\f8ca";font-family:IconsBrands}.ts-icon.is-minimize-icon:before{content:"\f78c"}.ts-icon.is-odysee-icon:before{content:"\e5c6";font-family:IconsBrands}.ts-icon.is-opera-icon:before{content:"\f26a";font-family:IconsBrands}.ts-icon.is-crop-simple-icon:before{content:"\f565"}.ts-icon.is-hot-tub-person-icon:before{content:"\f593"}.ts-icon.is-wand-magic-sparkles-icon:before{content:"\e2ca"}.ts-icon.is-spaghetti-monster-flying-icon:before{content:"\f67b"}.ts-icon.is-bridge-icon:before{content:"\e4c8"}.ts-icon.is-file-shield-icon:before{content:"\e4f0"}.ts-icon.is-chart-column-icon:before{content:"\e0e3"}.ts-icon.is-css3-icon:before{content:"\f13c";font-family:IconsBrands}.ts-icon.is-shield-heart-icon:before{content:"\e574"}.ts-icon.is-temperature-empty-icon:before{content:"\f2cb"}.ts-icon.is-adn-icon:before{content:"\f170";font-family:IconsBrands}.ts-icon.is-book-icon:before{content:"\f02d"}.ts-icon.is-telegram-icon:before{content:"\f2c6";font-family:IconsBrands}.ts-icon.is-vnv-icon:before{content:"\f40b";font-family:IconsBrands}.ts-icon.is-head-side-mask-icon:before{content:"\e063"}.ts-icon.is-j-icon:before{content:"\4a"}.ts-icon.is-hourglass-start-icon:before{content:"\f251"}.ts-icon.is-file-import-icon:before{content:"\f56f"}.ts-icon.is-file-prescription-icon:before{content:"\f572"}.ts-icon.is-person-rifle-icon:before{content:"\e54e"}.ts-icon.is-dice-four-icon:before{content:"\f524"}.ts-icon.is-equals-icon:before{content:"\3d"}.ts-icon.is-road-circle-check-icon:before{content:"\e564"}.ts-icon.is-building-user-icon:before{content:"\e4da"}.ts-icon.is-plane-departure-icon:before{content:"\f5b0"}.ts-icon.is-temperature-three-quarters-icon:before{content:"\f2c8"}.ts-icon.is-chess-queen-icon:before{content:"\f445"}.ts-icon.is-mendeley-icon:before{content:"\f7b3";font-family:IconsBrands}.ts-icon.is-wpbeginner-icon:before{content:"\f297";font-family:IconsBrands}.ts-icon.is-rectangle-xmark-icon:before{content:"\f410"}.ts-icon.is-shopware-icon:before{content:"\f5b5";font-family:IconsBrands}.ts-icon.is-square-viadeo-icon:before{content:"\f2aa";font-family:IconsBrands}.ts-icon.is-person-military-pointing-icon:before{content:"\e54a"}.ts-icon.is-right-to-bracket-icon:before{content:"\f2f6"}.ts-icon.is-instalod-icon:before{content:"\e081";font-family:IconsBrands}.ts-icon.is-less-icon:before{content:"\f41d";font-family:IconsBrands}.ts-icon.is-volume-low-icon:before{content:"\f027"}.ts-icon.is-7-icon:before{content:"\37"}.ts-icon.is-explosion-icon:before{content:"\e4e9"}.ts-icon.is-w-icon:before{content:"\57"}.ts-icon.is-bed-icon:before{content:"\f236"}.ts-icon.is-tower-observation-icon:before{content:"\e586"}.ts-icon.is-martini-glass-empty-icon:before{content:"\f000"}.ts-icon.is-battery-half-icon:before{content:"\f242"}.ts-icon.is-gg-circle-icon:before{content:"\f261";font-family:IconsBrands}.ts-icon.is-square-arrow-up-right-icon:before{content:"\f14c"}.ts-icon.is-fonticons-icon:before{content:"\f280";font-family:IconsBrands}.ts-icon.is-icicles-icon:before{content:"\f7ad"}.ts-icon.is-palette-icon:before{content:"\f53f"}.ts-icon.is-soap-icon:before{content:"\e06e"}.ts-icon.is-arrow-right-to-city-icon:before{content:"\e4b3"}.ts-icon.is-draft2digital-icon:before{content:"\f396";font-family:IconsBrands}.ts-icon.is-question-icon:before{content:"\3f"}.ts-icon.is-rebel-icon:before{content:"\f1d0";font-family:IconsBrands}.ts-icon.is-2-icon:before{content:"\32"}.ts-icon.is-minus-icon:before{content:"\f068"}.ts-icon.is-temperature-low-icon:before{content:"\f76b"}.ts-icon.is-building-ngo-icon:before{content:"\e4d7"}.ts-icon.is-heart-circle-plus-icon:before{content:"\e500"}.ts-icon.is-uber-icon:before{content:"\f402";font-family:IconsBrands}.ts-icon.is-burst-icon:before{content:"\e4dc"}.ts-icon.is-python-icon:before{content:"\f3e2";font-family:IconsBrands}.ts-icon.is-table-tennis-paddle-ball-icon:before{content:"\f45d"}.ts-icon.is-wine-glass-icon:before{content:"\f4e3"}.ts-icon.is-face-grimace-icon:before{content:"\f57f"}.ts-icon.is-fulcrum-icon:before{content:"\f50b";font-family:IconsBrands}.ts-icon.is-cart-arrow-down-icon:before{content:"\f218"}.ts-icon.is-trash-arrow-up-icon:before{content:"\f829"}.ts-icon.is-gauge-high-icon:before{content:"\f625"}.ts-icon.is-headset-icon:before{content:"\f590"}.ts-icon.is-temperature-half-icon:before{content:"\f2c9"}.ts-icon.is-bicycle-icon:before{content:"\f206"}.ts-icon.is-file-powerpoint-icon:before{content:"\f1c4"}.ts-icon.is-link-icon:before{content:"\f0c1"}.ts-icon.is-megaport-icon:before{content:"\f5a3";font-family:IconsBrands}.ts-icon.is-plug-circle-minus-icon:before{content:"\e55e"}.ts-icon.is-receipt-icon:before{content:"\f543"}.ts-icon.is-cloud-arrow-up-icon:before{content:"\f0ee"}.ts-icon.is-delicious-icon:before{content:"\f1a5";font-family:IconsBrands}.ts-icon.is-cloud-sun-rain-icon:before{content:"\f743"}.ts-icon.is-golf-ball-tee-icon:before{content:"\f450"}.ts-icon.is-sliders-icon:before{content:"\f1de"}.ts-icon.is-vial-circle-check-icon:before{content:"\e596"}.ts-icon.is-align-justify-icon:before{content:"\f039"}.ts-icon.is-gitkraken-icon:before{content:"\f3a6";font-family:IconsBrands}.ts-icon.is-house-chimney-window-icon:before{content:"\e00d"}.ts-icon.is-y-icon:before{content:"\59"}.ts-icon.is-cable-car-icon:before{content:"\f7da"}.ts-icon.is-circle-arrow-right-icon:before{content:"\f0a9"}.ts-icon.is-pause-icon:before{content:"\f04c"}.ts-icon.is-person-circle-plus-icon:before{content:"\e541"}.ts-icon.is-person-skiing-icon:before{content:"\f7c9"}.ts-icon.is-qrcode-icon:before{content:"\f029"}.ts-icon.is-schlix-icon:before{content:"\f3ea";font-family:IconsBrands}.ts-icon.is-basketball-icon:before{content:"\f434"}.ts-icon.is-cash-register-icon:before{content:"\f788"}.ts-icon.is-circle-left-icon:before{content:"\f359"}.ts-icon.is-superpowers-icon:before{content:"\f2dd";font-family:IconsBrands}.ts-icon.is-square-caret-up-icon:before{content:"\f151"}.ts-icon.is-glasses-icon:before{content:"\f530"}.ts-icon.is-hammer-icon:before{content:"\f6e3"}.ts-icon.is-mars-double-icon:before{content:"\f227"}.ts-icon.is-mobile-icon:before{content:"\f3ce"}.ts-icon.is-book-skull-icon:before{content:"\f6b7"}.ts-icon.is-chart-area-icon:before{content:"\f1fe"}.ts-icon.is-screwdriver-icon:before{content:"\f54a"}.ts-icon.is-square-parking-icon:before{content:"\f540"}.ts-icon.is-u-icon:before{content:"\55"}.ts-icon.is-venus-mars-icon:before{content:"\f228"}.ts-icon.is-vine-icon:before{content:"\f1ca";font-family:IconsBrands}.ts-icon.is-clipboard-question-icon:before{content:"\e4e3"}.ts-icon.is-heart-circle-minus-icon:before{content:"\e4ff"}.ts-icon.is-person-military-rifle-icon:before{content:"\e54b"}.ts-icon.is-google-play-icon:before{content:"\f3ab";font-family:IconsBrands}.ts-icon.is-mercury-icon:before{content:"\f223"}.ts-icon.is-firefox-icon:before{content:"\f269";font-family:IconsBrands}.ts-icon.is-photo-film-icon:before{content:"\f87c"}.ts-icon.is-battle-net-icon:before{content:"\f835";font-family:IconsBrands}.ts-icon.is-building-wheat-icon:before{content:"\e4db"}.ts-icon.is-rss-icon:before{content:"\f09e"}.ts-icon.is-shapes-icon:before{content:"\f61f"}.ts-icon.is-expeditedssl-icon:before{content:"\f23e";font-family:IconsBrands}.ts-icon.is-guitar-icon:before{content:"\f7a6"}.ts-icon.is-person-through-window-icon:before{content:"\e5a9"}.ts-icon.is-virus-covid-slash-icon:before{content:"\e4a9"}.ts-icon.is-bullhorn-icon:before{content:"\f0a1"}.ts-icon.is-delete-left-icon:before{content:"\f55a"}.ts-icon.is-dice-icon:before{content:"\f522"}.ts-icon.is-face-smile-beam-icon:before{content:"\f5b8"}.ts-icon.is-r-icon:before{content:"\52"}.ts-icon.is-tablets-icon:before{content:"\f490"}.ts-icon.is-vest-patches-icon:before{content:"\e086"}.ts-icon.is-battery-full-icon:before{content:"\f240"}.ts-icon.is-building-un-icon:before{content:"\e4d9"}.ts-icon.is-vimeo-v-icon:before{content:"\f27d";font-family:IconsBrands}.ts-icon.is-worm-icon:before{content:"\e599"}.ts-icon.is-book-open-icon:before{content:"\f518"}.ts-icon.is-diamond-icon:before{content:"\f219"}.ts-icon.is-toilet-icon:before{content:"\f7d8"}.ts-icon.is-vector-square-icon:before{content:"\f5cb"}.ts-icon.is-chess-bishop-icon:before{content:"\f43a"}.ts-icon.is-google-pay-icon:before{content:"\e079";font-family:IconsBrands}.ts-icon.is-square-icon:before{content:"\f0c8"}.ts-icon.is-square-person-confined-icon:before{content:"\e577"}.ts-icon.is-square-rss-icon:before{content:"\f143"}.ts-icon.is-vault-icon:before{content:"\e2c5"}.ts-icon.is-bullseye-icon:before{content:"\f140"}.ts-icon.is-pepper-hot-icon:before{content:"\f816"}.ts-icon.is-certificate-icon:before{content:"\f0a3"}.ts-icon.is-vial-icon:before{content:"\f492"}.ts-icon.is-tent-arrow-turn-left-icon:before{content:"\e580"}.ts-icon.is-yin-yang-icon:before{content:"\f6ad"}.ts-icon.is-bluetooth-icon:before{content:"\f293";font-family:IconsBrands}.ts-icon.is-safari-icon:before{content:"\f267";font-family:IconsBrands}.ts-icon.is-money-bill-trend-up-icon:before{content:"\e529"}.ts-icon.is-server-icon:before{content:"\f233"}.ts-icon.is-basket-shopping-icon:before{content:"\f291"}.ts-icon.is-circle-chevron-left-icon:before{content:"\f137"}.ts-icon.is-user-ninja-icon:before{content:"\f504"}.ts-icon.is-users-gear-icon:before{content:"\f509"}.ts-icon.is-bridge-water-icon:before{content:"\e4ce"}.ts-icon.is-feather-icon:before{content:"\f52d"}.ts-icon.is-border-all-icon:before{content:"\f84c"}.ts-icon.is-copy-icon:before{content:"\f0c5"}.ts-icon.is-cuttlefish-icon:before{content:"\f38c";font-family:IconsBrands}.ts-icon.is-plant-wilt-icon:before{content:"\e5aa"}.ts-icon.is-scale-unbalanced-icon:before{content:"\f515"}.ts-icon.is-baby-icon:before{content:"\f77c"}.ts-icon.is-battery-three-quarters-icon:before{content:"\f241"}.ts-icon.is-cake-candles-icon:before{content:"\f1fd"}.ts-icon.is-chevron-right-icon:before{content:"\f054"}.ts-icon.is-icons-icon:before{content:"\f86d"}.ts-icon.is-money-bill-transfer-icon:before{content:"\e528"}.ts-icon.is-sterling-sign-icon:before{content:"\f154"}.ts-icon.is-border-none-icon:before{content:"\f850"}.ts-icon.is-braille-icon:before{content:"\f2a1"}.ts-icon.is-toggle-off-icon:before{content:"\f204"}.ts-icon.is-phoenix-framework-icon:before{content:"\f3dc";font-family:IconsBrands}.ts-icon.is-shield-icon:before{content:"\f132"}.ts-icon.is-plus-icon:before{content:"\2b"}.ts-icon.is-arrow-up-wide-short-icon:before{content:"\f161"}.ts-icon.is-dice-d6-icon:before{content:"\f6d1"}.ts-icon.is-prescription-bottle-icon:before{content:"\f485"}.ts-icon.is-creative-commons-sampling-icon:before{content:"\f4f0";font-family:IconsBrands}.ts-icon.is-joomla-icon:before{content:"\f1aa";font-family:IconsBrands}.ts-icon.is-coins-icon:before{content:"\f51e"}.ts-icon.is-docker-icon:before{content:"\f395";font-family:IconsBrands}.ts-icon.is-sleigh-icon:before{content:"\f7cc"}.ts-icon.is-soundcloud-icon:before{content:"\f1be";font-family:IconsBrands}.ts-icon.is-square-git-icon:before{content:"\f1d2";font-family:IconsBrands}.ts-icon.is-truck-plane-icon:before{content:"\e58f"}.ts-icon.is-arrow-down-z-a-icon:before{content:"\f881"}.ts-icon.is-cart-shopping-icon:before{content:"\f07a"}.ts-icon.is-layer-group-icon:before{content:"\f5fd"}.ts-icon.is-d-and-d-icon:before{content:"\f38d";font-family:IconsBrands}.ts-icon.is-italic-icon:before{content:"\f033"}.ts-icon.is-arrows-turn-right-icon:before{content:"\e4c0"}.ts-icon.is-wave-square-icon:before{content:"\f83e"}.ts-icon.is-medrt-icon:before{content:"\f3c8";font-family:IconsBrands}.ts-icon.is-bitbucket-icon:before{content:"\f171";font-family:IconsBrands}.ts-icon.is-i-cursor-icon:before{content:"\f246"}.ts-icon.is-file-word-icon:before{content:"\f1c2"}.ts-icon.is-google-plus-g-icon:before{content:"\f0d5";font-family:IconsBrands}.ts-icon.is-hippo-icon:before{content:"\f6ed"}.ts-icon.is-image-portrait-icon:before{content:"\f3e0"}.ts-icon.is-kiwi-bird-icon:before{content:"\f535"}.ts-icon.is-locust-icon:before{content:"\e520"}.ts-icon.is-black-tie-icon:before{content:"\f27e";font-family:IconsBrands}.ts-icon.is-circle-chevron-up-icon:before{content:"\f139"}.ts-icon.is-star-of-life-icon:before{content:"\f621"}.ts-icon.is-studiovinari-icon:before{content:"\f3f8";font-family:IconsBrands}.ts-icon.is-user-injured-icon:before{content:"\f728"}.ts-icon.is-viruses-icon:before{content:"\e076"}.ts-icon.is-bath-icon:before{content:"\f2cd"}.ts-icon.is-circle-notch-icon:before{content:"\f1ce"}.ts-icon.is-truck-field-icon:before{content:"\e58d"}.ts-icon.is-crow-icon:before{content:"\f520"}.ts-icon.is-h-icon:before{content:"\48"}.ts-icon.is-info-icon:before{content:"\f129"}.ts-icon.is-medapps-icon:before{content:"\f3c6";font-family:IconsBrands}.ts-icon.is-plug-circle-bolt-icon:before{content:"\e55b"}.ts-icon.is-user-group-icon:before{content:"\f500"}.ts-icon.is-won-sign-icon:before{content:"\f159"}.ts-icon.is-fedora-icon:before{content:"\f798";font-family:IconsBrands}.ts-icon.is-github-icon:before{content:"\f09b";font-family:IconsBrands}.ts-icon.is-hill-rockslide-icon:before{content:"\e508"}.ts-icon.is-people-group-icon:before{content:"\e533"}.ts-icon.is-tower-broadcast-icon:before{content:"\f519"}.ts-icon.is-bag-shopping-icon:before{content:"\f290"}.ts-icon.is-hand-holding-heart-icon:before{content:"\f4be"}.ts-icon.is-filter-circle-xmark-icon:before{content:"\e17b"}.ts-icon.is-hand-holding-dollar-icon:before{content:"\f4c0"}.ts-icon.is-sass-icon:before{content:"\f41e";font-family:IconsBrands}.ts-icon.is-user-minus-icon:before{content:"\f503"}.ts-icon.is-wpexplorer-icon:before{content:"\f2de";font-family:IconsBrands}.ts-icon.is-archway-icon:before{content:"\f557"}.ts-icon.is-diagram-next-icon:before{content:"\e476"}.ts-icon.is-images-icon:before{content:"\f302"}.ts-icon.is-unlock-keyhole-icon:before{content:"\f13e"}.ts-icon.is-arrows-up-down-left-right-icon:before{content:"\f047"}.ts-icon.is-chevron-down-icon:before{content:"\f078"}.ts-icon.is-stroopwafel-icon:before{content:"\f551"}.ts-icon.is-file-pdf-icon:before{content:"\f1c1"}.ts-icon.is-sourcetree-icon:before{content:"\f7d3";font-family:IconsBrands}.ts-icon.is-gears-icon:before{content:"\f085"}.ts-icon.is-hourglass-icon:before{content:"\f254"}.ts-icon.is-house-medical-circle-xmark-icon:before{content:"\e513"}.ts-icon.is-people-roof-icon:before{content:"\e537"}.ts-icon.is-uniregistry-icon:before{content:"\f404";font-family:IconsBrands}.ts-icon.is-baseball-bat-ball-icon:before{content:"\f432"}.ts-icon.is-face-angry-icon:before{content:"\f556"}.ts-icon.is-hand-dots-icon:before{content:"\f461"}.ts-icon.is-reply-icon:before{content:"\f3e5"}.ts-icon.is-subscript-icon:before{content:"\f12c"}.ts-icon.is-umbrella-beach-icon:before{content:"\f5ca"}.ts-icon.is-venus-icon:before{content:"\f221"}.ts-icon.is-align-right-icon:before{content:"\f038"}.ts-icon.is-face-tired-icon:before{content:"\f5c8"}.ts-icon.is-mizuni-icon:before{content:"\f3cc";font-family:IconsBrands}.ts-icon.is-person-half-dress-icon:before{content:"\e548"}.ts-icon.is-volume-xmark-icon:before{content:"\f6a9"}.ts-icon.is-waze-icon:before{content:"\f83f";font-family:IconsBrands}.ts-icon.is-austral-sign-icon:before{content:"\e0a9"}.ts-icon.is-headphones-icon:before{content:"\f025"}.ts-icon.is-code-commit-icon:before{content:"\f386"}.ts-icon.is-pen-nib-icon:before{content:"\f5ad"}.ts-icon.is-creative-commons-pd-icon:before{content:"\f4ec";font-family:IconsBrands}.ts-icon.is-dyalog-icon:before{content:"\f399";font-family:IconsBrands}.ts-icon.is-user-astronaut-icon:before{content:"\f4fb"}.ts-icon.is-compass-icon:before{content:"\f14e"}.ts-icon.is-creative-commons-nc-icon:before{content:"\f4e8";font-family:IconsBrands}.ts-icon.is-gavel-icon:before{content:"\f0e3"}.ts-icon.is-hill-avalanche-icon:before{content:"\e507"}.ts-icon.is-jet-fighter-icon:before{content:"\f0fb"}.ts-icon.is-jsfiddle-icon:before{content:"\f1cc";font-family:IconsBrands}.ts-icon.is-marker-icon:before{content:"\f5a1"}.ts-icon.is-stethoscope-icon:before{content:"\f0f1"}.ts-icon.is-chromecast-icon:before{content:"\f838";font-family:IconsBrands}.ts-icon.is-face-grin-stars-icon:before{content:"\f587"}.ts-icon.is-accessible-icon-icon:before{content:"\f368";font-family:IconsBrands}.ts-icon.is-lyft-icon:before{content:"\f3c3";font-family:IconsBrands}.ts-icon.is-copyright-icon:before{content:"\f1f9"}@font-face{font-family:Icons;font-style:normal;font-variant:normal;font-weight:400;src:url(fonts/icons/fa-solid-900.woff2) format("woff2"),url(fonts/icons/fa-solid-900.ttf) format("truetype");text-decoration:inherit;text-transform:none}@font-face{font-family:IconsBrands;font-style:normal;font-variant:normal;font-weight:400;src:url(fonts/icons/fa-brands-400.woff2) format("woff2"),url(fonts/icons/fa-brands-400.ttf) format("truetype");text-decoration:inherit;text-transform:none}@font-face{font-family:IconsRegular;font-style:normal;font-variant:normal;font-weight:400;src:url(fonts/icons/fa-regular-400.woff2) format("woff2"),url(fonts/icons/fa-regular-400.ttf) format("truetype");text-decoration:inherit;text-transform:none}@keyframes ts-icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ts-icon{--accent-color:initial;--accent-foreground-color:initial;-webkit-font-smoothing:antialiased;backface-visibility:hidden;color:var(--accent-color,inherit);display:inline;font-family:Icons;font-style:normal;font-weight:400;text-align:center;text-decoration:none;width:1.18em}.ts-icon.is-regular{font-family:IconsRegular}.ts-icon.is-circular,.ts-icon.is-rounded{align-items:center;border-radius:500em!important;box-shadow:0 0 0 .1em var(--ts-gray-300) inset;box-sizing:border-box;display:inline-flex;height:2em!important;justify-content:center;line-height:1!important;padding:.5em!important;width:2em!important}.ts-icon.is-rounded{border-radius:.4rem!important}.ts-icon.is-spinning{animation:ts-icon-spin 2s linear infinite;display:inline-block}.ts-icon.is-negative{color:var(--ts-negative-500)}.ts-icon.is-disabled{opacity:.25;pointer-events:none}.ts-icon.is-squared{align-items:center;background:var(--ts-gray-100);border-radius:.4rem;display:inline-flex;font-size:1.3em;height:3rem;justify-content:center;width:3rem}.ts-icon.is-secondary{color:var(--ts-gray-500)}.ts-icon.is-small{font-size:var(--ts-font-size-13px)}.ts-icon.is-large{font-size:var(--ts-font-size-18px)}.ts-icon.is-big{font-size:var(--ts-font-size-24px)}.ts-icon.is-huge{font-size:var(--ts-font-size-30px)}.ts-icon.is-heading{font-size:var(--ts-font-size-75px);line-height:1}.ts-icon.is-spaced{margin-left:.45rem;margin-right:.45rem}.ts-icon.is-start-spaced{margin-left:.45rem}.ts-icon.is-end-spaced{margin-right:.45rem}.ts-divider{border-top:1px solid var(--ts-gray-300)}.ts-divider.is-vertical{border-left:1px solid var(--ts-gray-300);border-top:0;height:100%}.ts-divider.is-section{margin:1rem 0}.ts-divider:is(.is-center-text,.is-start-text,.is-end-text){align-items:center;border-top:0;color:var(--ts-gray-800);display:flex;gap:1rem}.ts-divider:is(.is-center-text,.is-start-text,.is-end-text):after,.ts-divider:is(.is-center-text,.is-start-text,.is-end-text):before{background-color:var(--ts-gray-300);content:"";flex-grow:1;height:1px}.ts-divider.is-end-text:after,.ts-divider.is-start-text:before{display:none}.ts-input{--border-radius:0.4rem;--height:var(--ts-input-height-medium);display:flex;width:100%}.ts-input input{height:var(--height);padding:0 1rem}.ts-input input,.ts-input textarea{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;appearance:none;-webkit-appearance:none;background:var(--ts-gray-50);box-sizing:border-box;color:var(--ts-gray-800);font:inherit;font-size:var(--ts-font-size-14px);line-height:1.5;margin:0;outline:none;overflow:visible;resize:none;width:100%}.ts-input textarea{padding:.467rem 1rem}.ts-input input:focus,.ts-input textarea:focus{outline:0}.ts-input input,.ts-input textarea{border:1px solid var(--ts-gray-300);border-radius:var(--border-radius)}.ts-input input:focus,.ts-input textarea:focus{border-color:var(--ts-primary-600)}.ts-input input::-webkit-calendar-picker-indicator,.ts-input input::-webkit-inner-spin-button{line-height:1;opacity:.4}.ts-input input[type=color]{aspect-ratio:1/1;cursor:pointer;overflow:hidden;padding:0;width:auto}.ts-input input[type=color]::-webkit-color-swatch{border:0;border-radius:.4rem;bottom:4px;height:auto;left:4px;padding:0;position:absolute;right:4px;top:4px;width:auto}.ts-input input[type=color]::-moz-color-swatch{border:0;border-radius:.4rem;bottom:4px;height:auto;left:4px;padding:0;position:absolute;right:4px;top:4px;width:auto}.ts-input.is-solid input,.ts-input.is-solid textarea{background:var(--ts-gray-100);border:1px solid transparent;border-radius:var(--border-radius)}.ts-input.is-solid input:focus,.ts-input.is-solid textarea:focus{background:var(--ts-gray-50);border:1px solid var(--ts-gray-300)}.ts-input.is-underlined input,.ts-input.is-underlined textarea{background:var(--ts-gray-100);border:2px solid transparent;border-bottom:2px solid var(--ts-gray-400);border-radius:var(--border-radius) var(--border-radius) 0 0}.ts-input.is-underlined input:focus,.ts-input.is-underlined textarea:focus{border-bottom-color:var(--ts-primary-600)}.ts-input.is-resizable input,.ts-input.is-resizable textarea{min-height:5rem;resize:vertical}.ts-input.is-circular{--border-radius:100rem}.ts-input.is-basic input{background:transparent;border:0;padding:0}.ts-input:is(.is-start-labeled,.is-end-labeled,.is-labeled) :is(.input,.label){border-radius:var(--border-radius)}.ts-input:is(.is-start-labeled,.is-end-labeled,.is-labeled) .label{align-items:center;background:var(--ts-gray-100);border:1px solid var(--ts-gray-300);color:var(--ts-gray-700);display:flex;font-size:var(--ts-font-size-14px);justify-content:center;line-height:1;padding:0 .6rem}.ts-input:is(.is-start-labeled,.is-labeled) .label{border-bottom-right-radius:0;border-right-width:0;border-top-right-radius:0}.ts-input:is(.is-start-labeled,.is-labeled) input{border-bottom-left-radius:0;border-top-left-radius:0}.ts-input:is(.is-end-labeled,.is-labeled) .label{border-bottom-left-radius:0;border-left-width:0;border-top-left-radius:0}.ts-input:is(.is-end-labeled,.is-labeled) input{border-bottom-right-radius:0;border-top-right-radius:0}.ts-input.is-labeled .label:first-child{border-bottom-left-radius:var(--border-radius);border-left-width:1px;border-top-left-radius:var(--border-radius)}.ts-input.is-labeled .label:last-child{border-bottom-right-radius:var(--border-radius);border-right-width:1px;border-top-right-radius:var(--border-radius)}.ts-input:is(.is-start-labeled,.is-labeled,.is-end-labeled).is-underlined .label{background:var(--ts-gray-200);border:0;border-bottom:2px solid var(--ts-gray-400)}.ts-input:is(.is-start-labeled,.is-labeled).is-underlined .label{border-bottom-left-radius:0}.ts-input:is(.is-end-labeled,.is-labeled).is-underlined .label{border-bottom-right-radius:0}.ts-input:is(.is-start-labeled,.is-labeled).is-underlined input{border-left:0}.ts-input:is(.is-end-labeled,.is-labeled).is-underlined input{border-right:0}.ts-input:is(.is-start-labeled,.is-labeled,.is-end-labeled).is-solid .label{background:var(--ts-gray-200);border-color:transparent}.ts-input:is(.is-start-labeled,.is-labeled,.is-end-labeled).is-solid:focus-within .label{border-color:var(--ts-gray-300)}.ts-input.is-end-icon .ts-icon,.ts-input.is-icon .ts-icon,.ts-input.is-start-icon .ts-icon{align-items:center;bottom:0;color:var(--ts-gray-700);display:flex!important;justify-content:center;position:absolute;top:0;z-index:1}.ts-input.is-icon .ts-icon:first-child,.ts-input.is-start-icon .ts-icon{left:1rem}.ts-input.is-icon input,.ts-input.is-start-icon input{box-sizing:border-box;padding-left:2.8rem}.ts-input.is-end-icon .ts-icon,.ts-input.is-icon .ts-icon:last-child{right:1rem}.ts-input.is-end-icon input,.ts-input.is-icon input{box-sizing:border-box;padding-right:2.8rem}.ts-input.is-negative :is(input,textarea){border-color:var(--ts-negative-400);color:var(--ts-negative-600);font-weight:500}.ts-input.is-negative .label{border-color:var(--ts-negative-400)}.ts-input.is-negative.is-solid:is(.is-start-labeled,.is-labeled,.is-end-labeled) .label{border-color:var(--ts-negative-400)}.ts-input.is-negative.is-solid input:focus,.ts-input.is-negative.is-solid textarea:focus{background:var(--ts-gray-100);border:1px solid var(--ts-negative-400)}.ts-input.is-negative.is-underlined :is(.label,input,textarea){border-color:transparent;border-bottom-color:var(--ts-negative-400)}.ts-input.is-disabled input,.ts-input.is-disabled textarea{cursor:not-allowed;opacity:.5;pointer-events:none}.ts-input.is-disabled.is-underlined{border-bottom-color:var(--ts-gray-300)}.ts-input.is-fluid{display:flex;width:100%}.ts-input.is-fluid input,.ts-input.is-fluid textarea{width:100%}.ts-input.is-dense input{--height:var(--ts-input-height-medium-dense)}.ts-input.is-dense.is-small input{--height:var(--ts-input-height-small-dense)}.ts-input.is-dense.is-large input{--height:var(--ts-input-height-large-dense)}.ts-input.is-relaxed input{--height:var(--ts-input-height-large)}.ts-input.is-small input{--height:var(--ts-input-height-small)}.ts-input.is-large input{--height:var(--ts-input-height-large)}.ts-input.is-small :is(input,textarea,.ts-icon){font-size:var(--ts-font-size-13px)}.ts-input.is-large :is(input,textarea,.ts-icon){font-size:var(--ts-font-size-17px)}.ts-file{--height:var(--ts-input-height-medium);--accent-color:initial;--accent-foreground-color:initial;display:flex;width:100%}.ts-file input{background:var(--ts-gray-50);border:1px solid var(--ts-gray-300);border-radius:.4rem;color:var(--ts-gray-800);font-size:var(--ts-font-size-14px);height:var(--height);line-height:calc(var(--height) - 1px);padding:0 1rem 0 .6rem;width:100%}.ts-file input::-webkit-file-upload-button,.ts-file input::file-selector-button{background:var(--accent-color,var(--ts-gray-200));border:0;border-radius:.4rem;color:var(--accent-foreground-color,var(--ts-gray-800));display:inline-block;font-family:Noto Sans TC,SF Pro TC,SF Pro Text,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,Microsoft JhengHei,wf_SegoeUI,Segoe UI,Segoe,Segoe WP,Tahoma,Verdana,Ubuntu,Bitstream Vera Sans,DejaVu Sans,微軟正黑體,LiHei Pro,WenQuanYi Micro Hei,Droid Sans Fallback,AR PL UMing TW,Roboto,Hiragino Maru Gothic ProN,メイリオ,ヒラギノ丸ゴ ProN W4,Meiryo,Droid Sans,sans-serif;font-size:var(--ts-relative-small);font-weight:500;line-height:1.5;margin-right:.5rem;min-width:75px;padding:.2em .5rem;text-align:center;text-decoration:none}.ts-file.is-underlined input{background:var(--ts-gray-100);border:2px solid transparent;border-bottom:2px solid var(--ts-gray-400);border-radius:.4rem .4rem 0 0}.ts-file.is-solid input{background:var(--ts-gray-100);border-color:transparent}.ts-file:is(.is-solid,.is-underlined) input::-webkit-file-upload-button,.ts-file:is(.is-solid,.is-underlined) input::file-selector-button{background:var(--accent-color,var(--ts-gray-300))}.ts-file.is-disabled{cursor:not-allowed;opacity:.5;pointer-events:none;user-select:none}.ts-file.is-negative input{border-color:var(--ts-negative-400);color:var(--ts-negative-600);font-weight:500}.ts-file.is-negative.is-underlined input{border-color:transparent;border-bottom-color:var(--ts-negative-400)}.ts-file.is-small input{--height:var(--ts-input-height-small)}.ts-file.is-large input{--height:var(--ts-input-height-large)}.ts-file.is-small :is(input,input::file-selector-button,input::-webkit-file-upload-button){font-size:var(--ts-font-size-13px)}.ts-file.is-large :is(input,input::file-selector-button,input::-webkit-file-upload-button){font-size:var(--ts-font-size-17px)}.ts-file.is-dense input{--height:var(--ts-input-height-medium-dense)}.ts-file.is-dense input::-webkit-file-upload-button,.ts-file.is-dense input::file-selector-button{padding-bottom:.15rem;padding-top:.15rem}.ts-file.is-small.is-dense input{--height:var(--ts-input-height-small-dense)}.ts-file.is-large.is-dense input{--height:var(--ts-input-height-large-dense)}.ts-notice{--accent-color:initial;--accent-foreground-color:initial;background:var(--accent-color,var(--ts-gray-800));border:1px solid transparent;color:var(--accent-foreground-color,var(--ts-gray-50));display:block;padding:.45rem 1rem}.ts-notice,.ts-notice .title{border-radius:.4rem;font-size:var(--ts-font-size-14px)}.ts-notice .title{background:var(--accent-foreground-color,var(--ts-gray-50));color:var(--accent-color,var(--ts-gray-800));display:inline-block;line-height:1;margin-right:.6rem;margin-top:.05rem;padding:.3rem .5rem;text-align:justify;white-space:nowrap}.ts-notice .content{display:inline}.ts-notice a{text-decoration:underline}.ts-notice.is-negative{background:var(--ts-negative-500);color:var(--ts-white)}.ts-notice.is-negative .title{background:var(--ts-white);color:var(--ts-negative-600)}.ts-notice.is-outlined{background:transparent;border-color:var(--ts-gray-300);color:var(--accent-color,var(--ts-gray-800))}.ts-notice.is-outlined .title{background:var(--accent-color,var(--ts-gray-800));color:var(--accent-foreground-color,var(--ts-gray-50))}.ts-notice.is-outlined.is-negative .title{background:var(--ts-negative-500);color:var(--ts-gray-50)}.ts-notice.is-small,.ts-notice.is-small .title{font-size:var(--ts-font-size-13px)}.ts-notice.is-large,.ts-notice.is-large .title{font-size:var(--ts-font-size-17px)}.ts-notice.is-dense,.ts-notice.is-dense .title{padding-bottom:.25rem;padding-top:.25rem}.ts-checkbox{--accent-color:initial;--accent-foreground-color:initial;align-items:flex-start;color:inherit;cursor:pointer;display:inline-flex;margin-top:-3px;user-select:none;vertical-align:middle}.ts-checkbox input{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;appearance:none;-webkit-appearance:none;background:transparent;background:var(--ts-gray-200);border:none;border:1px solid var(--ts-gray-200);border-radius:0;border-radius:.2rem;box-sizing:border-box;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0;margin-right:.5rem;margin-top:5px;min-height:1.15rem;min-width:1.15rem;outline:none;overflow:visible;padding:0;user-select:none;width:auto}.ts-checkbox input:checked{background:var(--accent-color,var(--ts-primary-700));border-color:var(--accent-color,var(--ts-primary-700))}.ts-checkbox input:focus{outline:0}.ts-checkbox input:after{-webkit-font-smoothing:antialiased;align-items:center;backface-visibility:hidden;bottom:0;color:var(--accent-foreground-color,var(--ts-white));content:"\f00c";display:none;font-family:Icons;font-size:1rem;font-style:normal;font-weight:400;justify-content:center;left:0;position:absolute;right:0;text-align:center;text-decoration:inherit;top:0;transform:scale(.8);z-index:1}.ts-checkbox input:checked:after{display:flex}.ts-checkbox.is-disabled{cursor:not-allowed;opacity:.5;pointer-events:none;user-select:none}.ts-checkbox.is-disabled input{background:var(--ts-gray-200);border-color:var(--ts-gray-200)}.ts-checkbox.is-solo input{margin-right:0;margin-top:0}.ts-checkbox.is-negative input{border-color:var(--ts-negative-600);border-width:2px}.ts-checkbox.is-indeterminate input:after{content:"\f068"}.ts-checkbox.is-small input{min-height:.95rem;min-width:.95rem}.ts-checkbox.is-small input:after{font-size:var(--ts-font-size-12px)}.ts-checkbox.is-small{font-size:var(--ts-font-size-14px)}.ts-checkbox.is-large input{min-height:1.3rem;min-width:1.3rem}.ts-checkbox.is-large{font-size:var(--ts-font-size-17px)}.ts-checkbox.is-large input:after{font-size:var(--ts-font-size-16px)}.ts-radio{--accent-color:initial;--accent-foreground-color:initial;align-items:flex-start;cursor:pointer;display:inline-flex;margin-top:-3px;vertical-align:middle}.ts-radio,.ts-radio input{color:inherit;user-select:none}.ts-radio input{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;appearance:none;-webkit-appearance:none;background:transparent;background:var(--ts-gray-200);border:none;border:1px solid var(--ts-gray-200);border-radius:0;border-radius:100rem;box-sizing:border-box;cursor:pointer;font:inherit;line-height:normal;margin:0;margin-right:.5rem;margin-top:5px;min-height:1.15rem;min-width:1.15rem;outline:none;overflow:visible;padding:0;width:auto}.ts-radio input:checked{background:var(--accent-color,var(--ts-primary-700))}.ts-radio input:focus{outline:0}.ts-radio input:after{-webkit-font-smoothing:antialiased;align-items:center;backface-visibility:hidden;bottom:0;color:var(--accent-foreground-color,var(--ts-white));content:"\f111";display:none;font-family:Icons;font-size:1rem;font-style:normal;font-weight:400;justify-content:center;left:0;position:absolute;right:0;text-align:center;text-decoration:inherit;top:0;transform:scale(.5);z-index:1}.ts-radio input:checked:after{display:flex}.ts-radio.is-disabled{cursor:not-allowed;opacity:.5;pointer-events:none;user-select:none}.ts-radio.is-disabled input{background:var(--ts-gray-200);border-color:var(--ts-gray-200)}.ts-radio.is-solo input{margin-right:0;margin-top:0}.ts-radio.is-negative input{border-color:var(--ts-negative-600);border-width:2px}.ts-radio.is-small input{min-height:.95rem;min-width:.95rem}.ts-radio.is-small,.ts-radio.is-small input:after{font-size:var(--ts-font-size-14px)}.ts-radio.is-large input{min-height:1.3rem;min-width:1.3rem}.ts-radio.is-large{font-size:var(--ts-font-size-17px)}.ts-radio.is-large input:after{font-size:var(--ts-font-size-18px)}@keyframes ts-progress-active{0%{opacity:.8;width:0}to{opacity:0;width:100%}}@keyframes ts-progress-animation{0%{background-position:0}to{background-position:40px}}@keyframes ts-progress-indeterminate{0%{margin-left:-10%;margin-right:100%}40%{margin-left:25%;margin-right:0}to{margin-left:100%;margin-right:0}}.ts-progress{--accent-color:initial;--accent-foreground-color:initial;background:var(--ts-gray-300);border-radius:.4rem;display:flex;line-height:1;min-height:1.6rem;overflow:hidden}.ts-progress .bar{--value:0;align-items:center;background:var(--accent-color,var(--ts-gray-800));border-radius:.4rem;color:var(--accent-foreground-color,var(--ts-gray-50));display:inline-flex;font-size:var(--ts-font-size-14px);justify-content:flex-end;min-width:fit-content;padding:0 .5rem;text-align:right;transition:width 1s ease-out;width:calc(var(--value)*1%);z-index:1}.ts-progress.is-active .bar:after{animation:ts-progress-active 2s cubic-bezier(.4,0,.2,1) infinite;background:#5a5a5a;border-radius:.4rem;bottom:0;content:"";left:0;position:absolute;top:0}.ts-progress.is-empty .bar{background:transparent;color:var(--ts-gray-800)}.ts-progress.is-processing{animation:ts-progress-animation 2s linear 0s infinite;background-image:linear-gradient(135deg,#9e9e9e 25%,#949494 0,#949494 50%,#9e9e9e 0,#9e9e9e 75%,#949494 0,#949494);background-size:40px 40px}.ts-progress.is-indeterminate .bar{animation:ts-progress-indeterminate 2s cubic-bezier(.4,0,.2,1) 0s infinite;min-width:0;width:100%!important}.ts-progress.is-indeterminate .bar .text{visibility:hidden}.ts-progress.is-queried .bar{animation:ts-progress-indeterminate 2s cubic-bezier(.4,0,.2,1) 0s infinite;animation-direction:reverse;min-width:0;width:100%!important}.ts-progress.is-queried .bar .text{visibility:hidden}.ts-progress .bar.is-secondary{background:var(--ts-gray-400);bottom:0;color:var(--ts-gray-800);position:absolute;top:0;z-index:0}.ts-progress.is-tiny{min-height:.7rem}.ts-progress.is-tiny .bar .text{font-size:.8em}.ts-progress.is-small{min-height:1.2rem}.ts-progress.is-small .bar .text{font-size:.85em}.ts-progress.is-large .bar{min-height:2.1875rem}.ts-badge{--accent-color:initial;--accent-foreground-color:initial;align-self:center;background:var(--accent-color,var(--ts-gray-800));border:1px solid transparent;border-radius:100rem;color:var(--accent-foreground-color,var(--ts-gray-50));display:inline-block;font-size:var(--ts-font-size-14px);font-weight:400;line-height:1;padding:.225rem .5rem;text-decoration:none;vertical-align:middle;white-space:nowrap}.ts-badge.is-secondary{background:var(--ts-gray-200);color:var(--accent-color,var(--ts-gray-800))}.ts-badge.is-outlined{background:transparent;border-color:var(--ts-gray-300);color:var(--accent-color,var(--ts-gray-800))}.ts-badge.is-negative{background:var(--ts-negative-500);color:var(--ts-white)}.ts-badge.is-negative.is-outlined{background:transparent;border-color:var(--ts-negative-500);color:var(--ts-negative-700)}.ts-badge.is-small{font-size:var(--ts-font-size-12px)}.ts-badge.is-large{font-size:var(--ts-font-size-16px)}.ts-badge.is-dense{padding-bottom:.125rem;padding-top:.125rem}.ts-badge.is-spaced{margin-left:.45rem;margin-right:.45rem}.ts-badge.is-start-spaced{margin-left:.45rem}.ts-badge.is-end-spaced{margin-right:.45rem}.ts-pagination{--accent-color:initial;--accent-foreground-color:initial;background:var(--ts-gray-200);border:1px solid var(--ts-gray-200);border-radius:100rem;color:var(--ts-gray-800);display:inline-flex;padding:.25rem .5rem}.ts-pagination .item{align-items:center;border-radius:100rem;color:var(--ts-gray-800);cursor:pointer;display:flex;gap:.5rem;justify-content:center;line-height:1;margin:0 .15rem;padding:.5rem .8rem;text-decoration:none}.ts-pagination .item.is-active{background:var(--accent-color,var(--ts-gray-800));color:var(--accent-foreground-color,var(--ts-gray-50))}.ts-pagination.is-fluid{display:flex}.ts-pagination .item.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-pagination .item.is-back,.ts-pagination .item.is-next{-webkit-font-smoothing:antialiased;backface-visibility:hidden;font-family:Icons;font-style:normal;font-weight:400;padding-bottom:.5rem;padding-top:.5rem;text-align:center;text-decoration:inherit}.ts-pagination .item.is-back:before{content:"\f053";font-size:13px}.ts-pagination .item.is-next{margin-left:auto}.ts-pagination .item.is-next:after{content:"\f054";font-size:13px}.ts-pagination.is-secondary{background:transparent;border-color:transparent;padding:0}.ts-pagination.is-small{font-size:var(--ts-font-size-13px)}.ts-pagination.is-large{font-size:var(--ts-font-size-17px)}.ts-pagination.is-dense{padding-bottom:.15rem;padding-top:.15rem}.ts-pagination.is-dense .item{padding-bottom:.3rem;padding-top:.3rem}.ts-space{--ts-gap:1rem;height:var(--ts-gap)}.ts-space:before{content:" "}.ts-space.is-small{--ts-gap:0.5rem}.ts-space.is-large{--ts-gap:1.5rem}.ts-space.is-big{--ts-gap:3rem}.ts-space.is-huge{--ts-gap:4.5rem}.ts-select{--object-distance-vertical:0.4rem;--object-distance-horizontal:0.8rem;--height:var(--ts-input-height-medium);background:var(--ts-gray-50);border:1px solid var(--ts-gray-300);border-radius:.4rem;cursor:pointer;display:inline-flex;height:var(--height)}.ts-select select{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;appearance:none;-webkit-appearance:none;background:inherit;border:none;border-radius:.4rem;box-sizing:border-box;font:inherit;margin:0;outline:none;overflow:hidden;text-overflow:ellipsis;user-select:none;white-space:nowrap}.ts-select select:focus{outline:0}.ts-select .content,.ts-select select{color:var(--ts-gray-800);cursor:pointer;font-size:var(--ts-font-size-14px);line-height:1.5;padding:0 2.5rem 0 1rem;width:100%}.ts-select .content{align-items:center;display:flex;gap:var(--object-distance-vertical) var(--object-distance-horizontal);overflow:hidden;user-select:none;width:calc(100% - 2.5rem)}.ts-select .content,.ts-select .content *{flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-select .content .ts-icon{font-size:1.1em}.ts-select select option{background:inherit}.ts-select:after{-webkit-font-smoothing:antialiased;align-items:center;backface-visibility:hidden;bottom:0;color:var(--ts-gray-700);content:"\f078";display:flex;font-family:Icons;font-size:13px;font-style:normal;font-weight:400;justify-content:center;pointer-events:none;position:absolute;right:1rem;text-align:center;text-decoration:inherit;top:0;width:1.18em}.ts-select.is-multiple{height:auto}.ts-select.is-multiple:after{content:none}.ts-select select[multiple]{overflow-y:auto;padding:.5rem}.ts-select select[multiple] option{border-radius:.4rem;margin:.1rem 0;padding:.3rem .5rem}.ts-select select[multiple] option:checked{background:var(--ts-primary-700);color:var(--ts-white)}.ts-select.is-solid{background:var(--ts-gray-100);border-color:transparent}.ts-select:focus-within{border-color:var(--ts-primary-600)}.ts-select.is-underlined{background:var(--ts-gray-100);border:2px solid transparent;border-bottom:2px solid var(--ts-gray-400);border-radius:.4rem .4rem 0 0}.ts-select.is-underlined select option{background:var(--ts-gray-50)}.ts-select.is-underlined:focus-within{border-bottom-color:var(--ts-primary-600)}.ts-select.is-active{border-color:var(--ts-primary-600)}.ts-select.is-active .ts-dropdown{display:inline-flex}.ts-select.is-basic{background:transparent;border-color:transparent;min-height:auto;padding:0}.ts-select.is-basic select{line-height:1;padding:0 1.4rem 0 0}.ts-select.is-basic:after{font-size:12px;padding-top:2px;right:0}.ts-select.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-select.is-fluid{width:100%}.ts-select.is-negative{border-color:var(--ts-negative-400)}.ts-select.is-negative select{color:var(--ts-negative-600);font-weight:500}.ts-select.is-negative.is-underlined{border-color:transparent;border-bottom-color:var(--ts-negative-400)}.ts-select.is-small{--height:var(--ts-input-height-small)}.ts-select.is-large{--height:var(--ts-input-height-large)}.ts-select.is-small select{font-size:var(--ts-font-size-13px)}.ts-select.is-large select{font-size:var(--ts-font-size-17px)}.ts-select.is-dense{--height:var(--ts-input-height-medium-dense)}.ts-select.is-dense.is-small{--height:var(--ts-input-height-small-dense)}.ts-select.is-dense.is-large{--height:var(--ts-input-height-large-dense)}.ts-select.is-wrappable{height:auto;min-height:var(--height);padding:.184em 0}.ts-select.is-wrappable .content{flex-wrap:wrap}.ts-select.is-wrappable:after{bottom:auto;top:.5em}.ts-fieldset{--accent-color:initial;--accent-foreground-color:initial;border:1px solid var(--accent-color,var(--ts-gray-300));border-radius:.4rem;color:inherit;padding:.5rem 1rem 1rem}.ts-fieldset legend{color:var(--accent-color,var(--ts-gray-600));font-weight:400;margin-left:-.7em;padding:0 .7em;pointer-events:none;user-select:none}.ts-fieldset.is-dense{padding-bottom:.5rem;padding-top:.25rem}.ts-text{--accent-color:initial;--accent-foreground-color:initial;color:var(--accent-color,inherit)}.ts-text.is-editable{cursor:pointer;text-decoration-color:var(--ts-gray-400);text-decoration-line:underline;text-decoration-style:dotted}.ts-text:is(.is-1-lines,.is-2-lines,.is-3-lines,.is-4-lines,.is-5-lines){-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.ts-text.is-1-lines{-webkit-line-clamp:1}.ts-text.is-2-lines{-webkit-line-clamp:2}.ts-text.is-3-lines{-webkit-line-clamp:3}.ts-text.is-4-lines{-webkit-line-clamp:4}.ts-text.is-5-lines{-webkit-line-clamp:5}.ts-text.is-secondary{color:var(--ts-gray-500)}.ts-text.is-bold{font-weight:500!important}.ts-text.is-heavy{font-weight:700!important}.ts-text.is-italic{font-style:italic!important}.ts-text.is-deleted{text-decoration:line-through!important}.ts-text.is-underlined{text-decoration:underline!important}.ts-text.is-link.is-link.is-link{color:var(--accent-color,var(--ts-link-700))}.ts-text.is-link{text-decoration:underline}.ts-text.is-link:active,.ts-text.is-link:hover,.ts-text.is-link:visited{color:inherit}.ts-text.is-undecorated{text-decoration:none}.ts-text.is-undecorated:hover{text-decoration:underline}.ts-text.is-external-link:after{-webkit-font-smoothing:antialiased;backface-visibility:hidden;content:"\f35d";display:inline;font-family:Icons;font-size:.8em;font-style:normal;font-weight:400;margin-left:.25rem;text-align:center;text-decoration:inherit;width:1.18em}.ts-text.is-code{background:var(--ts-gray-200);color:var(--ts-gray-800);padding:0 .2rem}.ts-text.is-code,.ts-text.is-mark{border-radius:.4rem;font-size:var(--ts-font-size-14px)}.ts-text.is-mark{background:var(--ts-warning-500);color:var(--ts-black);padding:0 .25rem}.ts-text.is-key{background:var(--ts-gray-100);border-bottom:3px solid var(--ts-gray-300);border-radius:.4rem;color:var(--ts-gray-800);font-size:var(--ts-font-size-14px);padding:0 .35rem}.ts-text.is-sup{font-size:12px;opacity:.8;vertical-align:top}.ts-text.is-sub{font-size:12px;opacity:.8;vertical-align:bottom}.ts-text.is-truncated{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-text.is-uppercased{text-transform:uppercase}.ts-text.is-lowercased{text-transform:lowercase}.ts-text.is-center-aligned{text-align:center}.ts-text.is-start-aligned{text-align:left}.ts-text.is-end-aligned{text-align:right}.ts-text.is-label{color:var(--ts-gray-800);font-size:var(--ts-font-size-14px);font-weight:500;line-height:1}.ts-text.is-description{color:var(--ts-gray-500);font-size:var(--ts-font-size-14px)}.ts-text.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-text.is-required:after{color:var(--ts-negative-600);content:" *";font-weight:700}.ts-text.is-tiny{font-size:var(--ts-font-size-13px)}.ts-text.is-small{font-size:var(--ts-font-size-14px)}.ts-text.is-medium{font-size:var(--ts-font-size-15px)}.ts-text.is-large{font-size:var(--ts-font-size-17px)}.ts-text.is-big{font-size:var(--ts-font-size-20px)}.ts-text.is-huge{font-size:var(--ts-font-size-24px)}.ts-text.is-massive{font-size:var(--ts-font-size-30px)}.ts-text.is-negative{color:var(--ts-negative-600)}.ts-text.is-negative.is-secondary{color:var(--ts-negative-500)}.ts-row{color:inherit;display:flex;gap:1rem;min-width:0}.ts-row.is-start-aligned{justify-content:flex-start}.ts-row.is-center-aligned{justify-content:center}.ts-row.is-end-aligned{justify-content:flex-end}.ts-row.is-top-aligned{align-items:flex-start}.ts-row.is-middle-aligned{align-items:center}.ts-row.is-bottom-aligned{align-items:flex-end}.ts-row .column.is-middle-aligned{align-items:center;display:flex}.ts-row .column.is-center-aligned{display:flex;justify-content:center}.ts-row .column.is-bottom-aligned{align-items:flex-end;display:flex}.ts-row .column.is-start-aligned{text-align:left}.ts-row .column.is-end-aligned{text-align:right}.ts-row .column.is-truncated,.ts-row .column.is-truncated *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-row.is-evenly-divided .column{flex:1}.ts-row .column.is-fluid{flex:1;flex-grow:1;min-width:0}.ts-row.is-compact{gap:.5rem}.ts-row.is-relaxed{gap:2rem}.ts-tab{--horizontal-padding-multiplier:1;--accent-color:initial;--accent-foreground-color:initial;display:flex;flex-wrap:wrap;margin-bottom:-1px;user-select:none;z-index:1}.ts-tab .item{align-items:center;border-bottom:3px solid transparent;color:var(--ts-gray-800);cursor:pointer;display:inline-flex;gap:.5rem;justify-content:center;line-height:1.8;padding:.5rem calc(1rem*var(--horizontal-padding-multiplier));text-align:center;text-decoration:none}.ts-tab .ts-icon{font-size:1.1em}.ts-tab .item.is-active{border-bottom-color:var(--accent-color,var(--ts-gray-800));cursor:default}.ts-tab .item.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-tab.is-pilled .item{border-bottom:0;border-radius:100rem;padding:.25rem calc(1rem*var(--horizontal-padding-multiplier))}.ts-tab.is-pilled .item.is-active{background:var(--accent-color,var(--ts-gray-800));color:var(--accent-foreground-color,var(--ts-gray-50))}.ts-tab.is-pilled.is-secondary .item.is-active{background:var(--ts-gray-200);color:var(--accent-color,var(--ts-gray-800))}.ts-tab.is-start-aligned{justify-content:flex-start}.ts-tab.is-center-aligned{justify-content:center}.ts-tab.is-end-aligned{justify-content:flex-end}.ts-tab.is-segmented{--height:var(--ts-input-height-medium);align-items:center;border:1px solid var(--ts-gray-300);border-radius:.4rem;color:var(--ts-gray-700);display:inline-flex;height:var(--height);padding:0 .25rem}.ts-tab.is-segmented .item{border-bottom:0;border-radius:.3rem;line-height:1;padding:.45rem calc(.9rem*var(--horizontal-padding-multiplier));user-select:none}.ts-tab.is-segmented .item.is-active{background:var(--accent-color,var(--ts-gray-800));color:var(--accent-foreground-color,var(--ts-gray-50))}.ts-tab.is-fluid{display:flex}.ts-tab.is-fluid .item{flex:1}.ts-tab.is-small .item{font-size:var(--ts-font-size-14px)}.ts-tab.is-large .item{font-size:var(--ts-font-size-17px)}.ts-tab.is-small.is-segmented{--height:var(--ts-input-height-small)}.ts-tab.is-large.is-segmented{--height:var(--ts-input-height-large)}.ts-tab.is-dense .item{padding-bottom:.25rem;padding-top:.25rem}.ts-tab.is-dense.is-segmented .item{padding-bottom:.35rem;padding-top:.35rem}.ts-tab.is-dense.is-pilled .item{padding-bottom:.05rem;padding-top:.05rem}.ts-tab.is-segmented.is-dense{--height:var(--ts-input-height-medium-dense)}.ts-tab.is-segmented.is-small.is-dense{--height:var(--ts-input-height-small-dense)}.ts-tab.is-segmented.is-large.is-dense{--height:var(--ts-input-height-large-dense)}.ts-tab.is-relaxed{--horizontal-padding-multiplier:1.6}.ts-center{align-items:center;color:inherit;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0;width:100%}.ts-box{--accent-color:initial;--accent-foreground-color:initial;--ts-indicator-color:var(--accent-color,var(--ts-gray-900));background:var(--ts-gray-50);border:1px solid var(--ts-gray-300);border-radius:.4rem;color:inherit;display:block;overflow:hidden;text-decoration:none}a.ts-box:hover{border-color:var(--ts-gray-400)}.ts-box .symbol .ts-icon{bottom:0;font-size:8em;height:.8em;line-height:1.1em;margin-left:0;margin-right:0;opacity:.1;overflow:hidden;pointer-events:none;position:absolute;right:0;width:.8em}.ts-box.is-horizontal{display:flex;flex-direction:row}.ts-box.is-collapsed{width:fit-content}.ts-box.is-top-indicated{border-top:3px solid var(--ts-indicator-color)}.ts-box.is-bottom-indicated{border-bottom:3px solid var(--ts-indicator-color)}.ts-box.is-left-indicated{border-left:3px solid var(--ts-indicator-color)}.ts-box.is-right-indicated{border-right:3px solid var(--ts-indicator-color)}.ts-box[class*=-indicated].is-negative{--ts-indicator-color:var(--ts-negative-500)}.ts-box[class*=-indicated].is-positive{--ts-indicator-color:var(--ts-positive-500)}.ts-box[class*=-indicated].is-warning{--ts-indicator-color:var(--ts-warning-500)}.ts-box.is-elevated{box-shadow:0 1px 5px 0 #00000024}.ts-box.is-very-elevated{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}.ts-box.is-squared{border-radius:0}.ts-box.is-hollowed{background:transparent;border:4px dashed var(--ts-gray-300)}.ts-content{box-sizing:border-box;color:inherit;display:block;padding:1rem;text-decoration:none}.ts-content.is-fitted{padding:0}.ts-content.is-vertically-fitted{padding-bottom:0;padding-top:0}.ts-content.is-horizontally-fitted{padding-left:0;padding-right:0}.ts-content.u-dark{background:var(--ts-gray-50);color:var(--ts-gray-800)}.ts-content.is-secondary{background:var(--ts-gray-75)}.ts-content.is-tertiary{background:var(--ts-gray-100)}.ts-content.is-start-aligned{text-align:left}.ts-content.is-end-aligned{text-align:right}.ts-content.is-center-aligned{text-align:center}.ts-content.is-interactive{display:block;text-decoration:none}.ts-content.is-interactive:hover{cursor:pointer}.ts-content.is-interactive:hover:not(.is-active){background:var(--ts-gray-75)}.ts-content.is-active{background:var(--ts-gray-200)}.ts-content.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-content.is-rounded{border-radius:.4rem}.ts-content.is-padded{padding:1.5rem}.ts-content.is-horizontally-padded{padding-left:1.5rem;padding-right:1.5rem}.ts-content.is-vertically-padded{padding-bottom:1.5rem;padding-top:1.5rem}.ts-content.is-very-padded{padding:3.5rem}.ts-content.is-horizontally-very-padded{padding-left:3.5rem;padding-right:3.5rem}.ts-content.is-vertically-very-padded{padding-bottom:3.5rem;padding-top:3.5rem}.ts-content.is-compact{padding:.5rem}.ts-content.is-dense{padding-bottom:.5rem;padding-top:.5rem}.ts-image{display:inline-block;max-width:100%;text-decoration:none;vertical-align:top}.ts-image img{vertical-align:top;width:100%}.ts-image.is-circular img{border-radius:100rem!important}.ts-image.is-disabled img{opacity:.5;pointer-events:none}.ts-image.is-rounded img{border-radius:.4rem!important}.ts-image.is-bordered img{border:1px solid var(--ts-gray-300)}.ts-image.is-covered img{object-fit:cover}.ts-image.is-full-width,.ts-image.is-full-width img{width:100%}.ts-image.is-full-height,.ts-image.is-full-height img{height:100%}.ts-image.is-centered{display:block}.ts-image.is-centered img{display:block;margin-left:auto;margin-right:auto}.ts-image.is-mini img{width:35px}.ts-image.is-tiny img{width:80px}.ts-image.is-small img{width:150px}.ts-image.is-medium img{width:300px}.ts-image.is-large img{width:450px}.ts-image.is-big img{width:600px}.ts-image.is-huge img{width:800px}.ts-image.is-massive img{width:960px}.ts-image.is-spaced{margin-left:.45rem;margin-right:.45rem}.ts-image.is-start-spaced{margin-left:.45rem}.ts-image.is-end-spaced{margin-right:.45rem}.ts-image.is-1-by-1 img{aspect-ratio:1/1}.ts-image.is-4-by-3 img{aspect-ratio:4/3}.ts-image.is-16-by-9 img{aspect-ratio:16/9}.ts-switch{--accent-color:initial;--accent-foreground-color:initial;align-items:flex-start;color:inherit;cursor:pointer;display:inline-flex;user-select:none}.ts-switch input{appearance:none;-webkit-appearance:none;cursor:pointer;margin:3px .5rem 0 0}.ts-switch input:after{background:var(--ts-gray-300);border-radius:100rem;content:"";display:block;height:22px;transition:background .1s ease;width:38px}.ts-switch input:before{background:var(--ts-white);border-radius:100rem;content:"";display:block;height:15px;left:4px;position:absolute;top:3.5px;transition:left .1s ease;width:15px;z-index:1}.ts-switch input:checked:after{background:var(--accent-color,var(--ts-primary-700))}.ts-switch input:checked:before{background:var(--accent-foreground-color,var(--ts-white));left:19px}.ts-switch.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-switch.is-solo input{margin-right:0;margin-top:0}.ts-switch.is-negative input{border:2px solid var(--ts-negative-600);border-radius:100rem}.ts-switch.is-small{font-size:var(--ts-font-size-14px)}.ts-switch.is-small input:after{height:19px;width:31px}.ts-switch.is-small input:before{height:12px;top:3.5px;width:12px}.ts-switch.is-small input:checked:before{left:15px}.ts-switch.is-large{font-size:var(--ts-font-size-17px)}.ts-switch.is-large input:after{height:25px;width:46px}.ts-switch.is-large input:before{height:18px;top:3.5px;width:18px}.ts-switch.is-large input:checked:before{left:24px}.ts-meta{display:inline-flex;flex-wrap:wrap}.ts-meta .item{color:inherit;text-decoration:none}.ts-meta .item:not(:last-child):after{color:var(--ts-gray-500);content:"．";display:inline-block;margin:0;pointer-events:none;text-decoration:none;user-select:none}.ts-meta a.item:hover{text-decoration:underline}.ts-meta:is(.is-start-aligned,.is-center-aligned,.is-end-aligned){display:flex}.ts-meta.is-start-aligned{justify-content:flex-start}.ts-meta.is-center-aligned{justify-content:center}.ts-meta.is-end-aligned{justify-content:flex-end}.ts-meta.is-secondary .item{color:var(--ts-gray-500)}.ts-meta.is-small{font-size:var(--ts-font-size-14px)}.ts-meta.is-large{font-size:var(--ts-font-size-17px)}.ts-selection{--height:var(--ts-input-height-medium);--accent-color:initial;--accent-foreground-color:initial;align-items:center;background:var(--ts-gray-100);border:1px solid var(--ts-gray-100);border-radius:.4rem;box-sizing:border-box;display:inline-flex;height:var(--height);padding:0 .35rem}.ts-selection .item{display:flex}.ts-selection .item .text{align-items:center;border-color:var(--ts-gray-100);border-radius:.3rem;color:var(--ts-gray-800);cursor:pointer;display:inline-flex;font-size:var(--ts-absolute-small);justify-content:center;line-height:1.5;padding:.25rem 1rem;text-align:center;user-select:none}.ts-selection .item input{display:none}.ts-selection input:checked+.text{background:var(--accent-color,var(--ts-primary-700));border-color:var(--accent-color,var(--ts-primary-700));color:var(--accent-foreground-color,var(--ts-white))}.ts-selection .item.is-disabled,.ts-selection.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-selection.is-circular,.ts-selection.is-circular .item .text{border-radius:100rem}.ts-selection.is-fluid{width:100%}.ts-selection.is-fluid .item{flex:1}.ts-selection.is-fluid .item .text{width:100%}.ts-selection.is-small{--height:var(--ts-input-height-small)}.ts-selection.is-small .item .text{font-size:var(--ts-font-size-13px)}.ts-selection.is-large{--height:var(--ts-input-height-large)}.ts-selection.is-large .item .text{font-size:var(--ts-font-size-17px)}.ts-selection.is-dense{--height:var(--ts-input-height-medium-dense)}.ts-selection.is-dense.is-small{--height:var(--ts-input-height-small-dense);--height:var(--ts-input-height-large-dense)}.ts-selection.is-dense .item .text{padding-bottom:.1rem;padding-top:.1rem}.ts-table,.ts-table :is(thead,tbody,tfoot,tr,th,td){-webkit-border-horizontal-spacing:0;-webkit-border-vertical-spacing:0;border:none;border-collapse:collapse;border-color:inherit;border-spacing:0;font-size:14px;font-weight:inherit;height:auto;margin:0;padding:0;text-align:left;vertical-align:inherit;width:auto}.ts-table{color:inherit;width:100%}.ts-table thead tr{border-bottom:1px solid var(--ts-gray-300)}.ts-table tfoot tr{border-top:1px solid var(--ts-gray-300)}.ts-table tr th{background:var(--ts-gray-100)}.ts-table :is(thead,tfoot) tr th{color:var(--ts-gray-600);font-weight:500;padding:.5rem 1rem}.ts-table tbody tr+tr{border-top:1px solid var(--ts-gray-300)}.ts-table tbody tr td{padding:.5rem 1rem}.ts-table.is-small,.ts-table.is-small :is(thead,tbody,tfoot,tr,th,td){font-size:var(--ts-font-size-13px)}.ts-table.is-large,.ts-table.is-large :is(thead,tbody,tfoot,tr,th,td){font-size:var(--ts-font-size-16px)}.ts-table.is-collapsed{width:auto}.ts-table :is(th,td).is-collapsed{white-space:nowrap;width:1px}.ts-table.is-truncated{table-layout:fixed}.ts-table.is-truncated td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-table:is(.is-basic,.is-very-basic) tr th{background:transparent}.ts-table.is-very-basic tbody :is(th,td,tr){border-color:transparent}.ts-table.is-definition tr th:not(:first-child){background:var(--ts-gray-100)}.ts-table.is-definition tr th:first-child{background:transparent}.ts-table.is-definition tr td:first-child{background:var(--ts-gray-100)}.ts-table.is-celled tr :is(td,th):not(:last-child){border-right:1px solid var(--ts-gray-300)}.ts-table.is-striped>tbody>tr:nth-child(2n){background:var(--ts-gray-75)}.ts-table td.is-empty{color:var(--ts-gray-300);font-weight:500}.ts-table td.is-empty:after{content:"—"}.ts-table td.is-insetted{box-shadow:inset 0 0 10px 0 rgb(0 0 0/5%)}.ts-table :is(tr,th,td).is-start-aligned{text-align:left}.ts-table :is(th,td).is-center-aligned{text-align:center}.ts-table :is(th,td).is-end-aligned{text-align:right}.ts-table.is-top-aligned :is(th,td){vertical-align:top}.ts-table :is(th,td).is-top-aligned{vertical-align:top}.ts-table :is(th,td).is-middle-aligned{vertical-align:middle}.ts-table tr.is-middle-aligned td{vertical-align:middle}.ts-table :is(th,td).is-bottom-aligned{vertical-align:bottom}.ts-table :is(tr,tr th,tr td).is-secondary{background:var(--ts-gray-75)}.ts-table :is(tr,tr th,tr td).is-tertiary{background:var(--ts-gray-100)}.ts-table :is(tr,tr th,tr td).is-active{background:var(--ts-gray-300)}.ts-table :is(tr,tr th,tr td).is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-table :is(tr,tr th,tr td).is-single-line,.ts-table.is-single-line :is(tr,tr th,tr td){white-space:nowrap}.ts-table :is(tr,tr th,tr td).is-indicated{box-shadow:2px 0 0 var(--ts-gray-900) inset}.ts-table :is(tr,tr th,tr td).is-indicated.is-negative{box-shadow:2px 0 0 var(--ts-negative-600) inset}.ts-table :is(tr,tr th,tr td).is-indicated.is-positive{box-shadow:2px 0 0 var(--ts-positive-600) inset}.ts-table :is(tr,tr th,tr td).is-indicated.is-warning{box-shadow:2px 0 0 var(--ts-warning-600) inset}.ts-table.is-sticked tr :is(td,th):first-child{padding-left:0}.ts-table.is-sticked tr :is(td,th):last-child{padding-right:0}.ts-table.is-relaxed :is(thead,tfoot) tr th{padding-bottom:.8rem;padding-top:.8rem}.ts-table.is-relaxed tbody tr td{padding-bottom:.8rem;padding-top:.8rem}.ts-table.is-dense :is(thead,tfoot) tr th{padding-bottom:.25rem;padding-top:.25rem}.ts-table.is-dense tbody tr td{padding-bottom:.25rem;padding-top:.25rem}.ts-table.is-padded tbody tr td{padding:1rem 1.5rem}.ts-table.is-padded :is(thead,tfoot) tr th{padding:1rem 1.5rem}.ts-table.is-horizontally-padded tbody tr td{padding-left:1.5rem;padding-right:1.5rem}.ts-table.is-horizontally-padded :is(thead,tfoot) tr th{padding-left:1.5rem;padding-right:1.5rem}.ts-table tbody tr td.is-padded{padding:1rem 1.5rem}.ts-table tbody tr td.is-vertically-padded{padding-bottom:1rem;padding-top:1rem}.ts-table tbody tr td.is-horizontally-padded{padding-left:1.5rem;padding-right:1.5rem}.ts-table.is-fitted :is(thead,tfoot) tr th{padding:0}.ts-table tbody tr td.is-fitted,.ts-table.is-fitted tbody tr td{padding:0}.ts-procedure{--accent-color:initial;--accent-foreground-color:initial;align-items:center;display:flex;justify-content:center}.ts-procedure .item{align-items:center;color:var(--ts-gray-800);counter-increment:ordered;display:flex;flex:1 0 auto;text-decoration:none}.ts-procedure .item:last-child{flex:0 0 auto}.ts-procedure .item .indicator{align-items:center;background:transparent;border:2px solid var(--ts-gray-300);border-radius:100rem;color:var(--ts-gray-800);display:inline-flex;font-weight:700;height:2rem;justify-content:center;line-height:1;margin-right:1rem;width:2rem}.ts-procedure:not(.is-compact) .item .indicator:empty:after{content:counter(ordered,decimal)}.ts-procedure .item .content{align-items:center;display:flex}.ts-procedure .item .label{color:var(--ts-gray-800);font-weight:500}.ts-procedure .item .label .description{color:var(--ts-gray-600);font-size:var(--ts-font-size-14px);font-weight:400}.ts-procedure .item:after{background:var(--ts-gray-300);content:"";flex:1 1 0%;height:2px;margin:0 1rem;pointer-events:none}.ts-procedure .item:last-child:after{display:none}.ts-procedure .item .indicator .ts-icon{font-size:var(--ts-font-size-14px)}.ts-procedure .item.is-active .indicator{background:var(--accent-color,var(--ts-gray-800));border-color:var(--accent-color,var(--ts-gray-800));color:var(--accent-foreground-color,var(--ts-gray-50))}.ts-procedure.is-stacked .item .content{flex-direction:column;gap:.25rem;justify-content:center}.ts-procedure.is-stacked .item .indicator{margin-right:0}.ts-procedure.is-stacked .item:after{margin-bottom:2rem}.ts-procedure .item.is-processing .indicator{background:transparent;border-color:var(--accent-color,var(--ts-gray-800));color:var(--ts-gray-800)}.ts-procedure .item.is-completed .indicator,.ts-procedure .item.is-completed:after{background:var(--accent-color,var(--ts-gray-800))}.ts-procedure .item.is-completed .indicator{-webkit-font-smoothing:antialiased;backface-visibility:hidden;border-color:var(--accent-color,var(--ts-gray-800));color:var(--accent-foreground-color,var(--ts-gray-50));font-family:Icons;font-style:normal;font-weight:400;text-align:center;text-decoration:inherit}.ts-procedure .item.is-completed .indicator *,.ts-procedure .item.is-completed .indicator:after{display:none}.ts-procedure .item.is-completed .indicator:before{content:"\f00c"}.ts-procedure .item.is-completed .line.is-half:before{background:var(--ts-gray-300);bottom:0;content:" ";position:absolute;right:0;top:0;width:50%}.ts-procedure .item.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-procedure .item.is-disabled .indicator{background:transparent;border-color:var(--ts-gray-300)}.ts-procedure .item.is-negative .indicator{background:var(--ts-negative-500);border-color:var(--ts-negative-500);color:var(--ts-white)}.ts-procedure .item.is-negative .label{color:var(--ts-negative-500)}.ts-procedure.is-compact .item .indicator{height:1rem;padding:0;width:1rem}.ts-procedure.is-compact .item.is-completed .indicator *,.ts-procedure.is-compact .item.is-completed .indicator:after,.ts-procedure.is-compact .item.is-completed .indicator:before{display:none}.ts-procedure.is-unordered .item .indicator{background:var(--ts-gray-200);border-color:var(--ts-gray-200)}.ts-procedure.is-unordered .item.is-completed:after{background:var(--ts-gray-300)}.ts-procedure.is-unordered .item.is-active .indicator{background:var(--accent-color,var(--ts-gray-800));border-color:var(--accent-color,var(--ts-gray-800))}.ts-procedure.is-unordered .item.is-completed .indicator{background:var(--ts-gray-200);border-color:var(--ts-gray-200);color:var(--ts-gray-800)}.ts-procedure.is-compact .item.is-completed .indicator{background:var(--accent-color,var(--ts-gray-800));border-color:var(--accent-color,var(--ts-gray-800))}.ts-procedure.is-compact .item.is-active .indicator{background:transparent;border-color:var(--accent-color,var(--ts-gray-800))}.ts-procedure.is-compact .item.is-active .indicator:after{background:var(--accent-color,var(--ts-gray-800));border-radius:100rem;bottom:2px;content:"";display:block;left:2px;position:absolute;right:2px;top:2px}.ts-procedure.is-vertical{flex-direction:column}.ts-procedure.is-vertical .item{-webkit-box-pack:start;align-items:flex-start;display:flex;flex:1 0 auto;flex-direction:column;justify-content:flex-start;width:100%}.ts-procedure.is-vertical .item:after{height:auto;margin:.5rem 0 .5rem .9rem;min-height:1.5rem;width:2px}.ts-procedure.is-vertical.is-compact .item:after{margin:0 0 0 .4rem}.ts-procedure.is-small{font-size:var(--ts-font-size-14px)}.ts-procedure.is-large{font-size:var(--ts-font-size-17px)}.ts-grid{--ts-grid-gap:1rem;--ts-grid-1-wide:calc(6.25% - var(--ts-grid-gap) + var(--ts-grid-gap)/16);--ts-grid-2-wide:calc(12.5% - var(--ts-grid-gap) + var(--ts-grid-gap)/8);--ts-grid-3-wide:calc(18.75% - var(--ts-grid-gap) + var(--ts-grid-gap)/5.33333);--ts-grid-4-wide:calc(25% - var(--ts-grid-gap) + var(--ts-grid-gap)/4);--ts-grid-5-wide:calc(31.25% - var(--ts-grid-gap) + var(--ts-grid-gap)/3.2);--ts-grid-6-wide:calc(37.5% - var(--ts-grid-gap) + var(--ts-grid-gap)/2.66667);--ts-grid-7-wide:calc(43.75% - var(--ts-grid-gap) + var(--ts-grid-gap)/2.28571);--ts-grid-8-wide:calc(50% - var(--ts-grid-gap) + var(--ts-grid-gap)/2);--ts-grid-9-wide:calc(56.25% - var(--ts-grid-gap) + var(--ts-grid-gap)/1.77778);--ts-grid-10-wide:calc(62.5% - var(--ts-grid-gap) + var(--ts-grid-gap)/1.6);--ts-grid-11-wide:calc(68.75% - var(--ts-grid-gap) + var(--ts-grid-gap)/1.45455);--ts-grid-12-wide:calc(75% - var(--ts-grid-gap) + var(--ts-grid-gap)/1.33333);--ts-grid-13-wide:calc(81.25% - var(--ts-grid-gap) + var(--ts-grid-gap)/1.23077);--ts-grid-14-wide:calc(87.5% - var(--ts-grid-gap) + var(--ts-grid-gap)/1.14286);--ts-grid-15-wide:calc(93.75% - var(--ts-grid-gap) + var(--ts-grid-gap)/1.06667);--ts-grid-16-wide:calc(100% - var(--ts-grid-gap) + var(--ts-grid-gap)/1);--ts-grid-1-columns:calc(100% - var(--ts-grid-gap) + var(--ts-grid-gap)/1);--ts-grid-2-columns:calc(50% - var(--ts-grid-gap) + var(--ts-grid-gap)/2);--ts-grid-3-columns:calc(33.33333% - var(--ts-grid-gap) + var(--ts-grid-gap)/3);--ts-grid-4-columns:calc(25% - var(--ts-grid-gap) + var(--ts-grid-gap)/4);--ts-grid-5-columns:calc(20% - var(--ts-grid-gap) + var(--ts-grid-gap)/5);--ts-grid-6-columns:calc(16.66667% - var(--ts-grid-gap) + var(--ts-grid-gap)/6);--ts-grid-7-columns:calc(14.28571% - var(--ts-grid-gap) + var(--ts-grid-gap)/7);--ts-grid-8-columns:calc(12.5% - var(--ts-grid-gap) + var(--ts-grid-gap)/8);--ts-grid-9-columns:calc(11.11111% - var(--ts-grid-gap) + var(--ts-grid-gap)/9);--ts-grid-10-columns:calc(10% - var(--ts-grid-gap) + var(--ts-grid-gap)/10);color:inherit;display:flex;flex-wrap:wrap;gap:var(--ts-grid-gap)}.ts-grid.is-1-columns>.column{flex:var(--ts-grid-1-columns);max-width:var(--ts-grid-1-columns)}.ts-grid.is-2-columns>.column{flex:var(--ts-grid-2-columns);max-width:var(--ts-grid-2-columns)}.ts-grid.is-3-columns>.column{flex:var(--ts-grid-3-columns);max-width:var(--ts-grid-3-columns)}.ts-grid.is-4-columns>.column{flex:var(--ts-grid-4-columns);max-width:var(--ts-grid-4-columns)}.ts-grid.is-5-columns>.column{flex:var(--ts-grid-5-columns);max-width:var(--ts-grid-5-columns)}.ts-grid.is-6-columns>.column{flex:var(--ts-grid-6-columns);max-width:var(--ts-grid-6-columns)}.ts-grid.is-7-columns>.column{flex:var(--ts-grid-7-columns);max-width:var(--ts-grid-7-columns)}.ts-grid.is-8-columns>.column{flex:var(--ts-grid-8-columns);max-width:var(--ts-grid-8-columns)}.ts-grid.is-9-columns>.column{flex:var(--ts-grid-9-columns);max-width:var(--ts-grid-9-columns)}.ts-grid.is-10-columns>.column{flex:var(--ts-grid-10-columns);max-width:var(--ts-grid-10-columns)}.ts-grid.is-relaxed{--ts-grid-gap:2rem}.ts-grid.is-compact{--ts-grid-gap:0.5rem}.ts-grid.is-evenly-divided>.column{flex:var(--ts-grid-1-wide);width:var(--ts-grid-1-wide)}.ts-grid .column.is-truncated{overflow:hidden}.ts-grid.is-spaced-between{justify-content:space-between}.ts-grid.is-spaced-around{justify-content:space-around}.ts-grid.is-reversed{flex-direction:row-reverse}.ts-grid.is-start-aligned{justify-content:flex-start}.ts-grid.is-center-aligned{justify-content:center}.ts-grid.is-end-aligned{justify-content:flex-end}.ts-grid.is-top-aligned{align-items:flex-start}.ts-grid.is-middle-aligned{align-items:center}.ts-grid.is-bottom-aligned{align-items:flex-end}.ts-grid .column.is-first{order:-1}.ts-grid .column.is-last,.ts-grid .column.is-order-1{order:1}.ts-grid .column.is-order-2{order:2}.ts-grid .column.is-order-3{order:3}.ts-grid .column.is-order-4{order:4}.ts-grid .column.is-order-5{order:5}.ts-grid .column.is-order-6{order:6}.ts-grid .column.is-order-7{order:7}.ts-grid .column.is-order-8{order:8}.ts-grid .column.is-order-9{order:9}.ts-grid .column.is-order-10{order:10}.ts-grid .column.is-1-wide{max-width:var(--ts-grid-1-wide);width:var(--ts-grid-1-wide)}.ts-grid .column.is-2-wide{max-width:var(--ts-grid-2-wide);width:var(--ts-grid-2-wide)}.ts-grid .column.is-3-wide{max-width:var(--ts-grid-3-wide);width:var(--ts-grid-3-wide)}.ts-grid .column.is-4-wide{max-width:var(--ts-grid-4-wide);width:var(--ts-grid-4-wide)}.ts-grid .column.is-5-wide{max-width:var(--ts-grid-5-wide);width:var(--ts-grid-5-wide)}.ts-grid .column.is-6-wide{max-width:var(--ts-grid-6-wide);width:var(--ts-grid-6-wide)}.ts-grid .column.is-7-wide{max-width:var(--ts-grid-7-wide);width:var(--ts-grid-7-wide)}.ts-grid .column.is-8-wide{max-width:var(--ts-grid-8-wide);width:var(--ts-grid-8-wide)}.ts-grid .column.is-9-wide{max-width:var(--ts-grid-9-wide);width:var(--ts-grid-9-wide)}.ts-grid .column.is-10-wide{max-width:var(--ts-grid-10-wide);width:var(--ts-grid-10-wide)}.ts-grid .column.is-11-wide{max-width:var(--ts-grid-11-wide);width:var(--ts-grid-11-wide)}.ts-grid .column.is-12-wide{max-width:var(--ts-grid-12-wide);width:var(--ts-grid-12-wide)}.ts-grid .column.is-13-wide{max-width:var(--ts-grid-13-wide);width:var(--ts-grid-13-wide)}.ts-grid .column.is-14-wide{max-width:var(--ts-grid-14-wide);width:var(--ts-grid-14-wide)}.ts-grid .column.is-15-wide{max-width:var(--ts-grid-15-wide);width:var(--ts-grid-15-wide)}.ts-grid .column.is-16-wide{max-width:var(--ts-grid-16-wide);width:var(--ts-grid-16-wide)}.ts-grid .column.is-fluid{flex:1;flex-grow:1;min-width:0}.ts-grid.is-stacked .column{flex:var(--ts-grid-16-wide);max-width:var(--ts-grid-16-wide)}.ts-rating{--accent-color:initial;--accent-foreground-color:initial;--color:var(--accent-color,inherit);display:inline-flex;gap:.2rem;user-select:none}.ts-rating :is(.star,.heart){color:var(--ts-gray-200);text-decoration:none}.ts-rating :is(.star,.heart).is-active,.ts-rating.is-input :is(.star,.heart):checked,.ts-rating.is-input :is(.star,.heart):has(~:is(.star,.heart):checked),.ts-rating.is-input :is(.star,.heart):has(~:is(.star,.heart):hover),.ts-rating.is-input :is(.star,.heart):hover{color:var(--color)}.ts-rating.is-yellow{--color:#e3c81b}.ts-rating.is-red{--color:#f10}.ts-rating :is(.star,.heart):after,.ts-rating :is(.star,.heart):before{-webkit-font-smoothing:antialiased;backface-visibility:hidden;display:inline;font-family:Icons;font-style:normal;font-weight:400;text-align:center;text-decoration:inherit}.ts-rating .star:after{content:"\f005";z-index:0}.ts-rating .heart:after{content:"\f004"}.ts-rating .star.is-active.is-half:after{color:var(--ts-gray-200)}.ts-rating .star.is-active.is-half:before{color:var(--color);content:"\f089";left:0;position:absolute;top:0;z-index:1}.ts-rating.is-disabled{pointer-events:none}.ts-rating.is-input input{appearance:none;cursor:pointer;font-size:1rem;margin:0;transition:color .1s ease,opacity .1s ease}.ts-rating.is-input input:hover:focus~input,.ts-rating.is-input input:hover:not(:focus)~input{opacity:.7}.ts-rating.is-input input:hover:not(:focus){transform:scale(1.1)}.ts-rating.is-small{font-size:var(--ts-font-size-13px)}.ts-rating.is-large{font-size:var(--ts-font-size-18px)}.ts-chip{--accent-color:initial;--accent-foreground-color:initial;text-decoration:none;vertical-align:middle}.ts-chip,.ts-chip.is-input .content,.ts-chip.is-toggle .content{align-items:center;background:var(--ts-gray-200);border:1px solid var(--ts-gray-200);border-radius:.4rem;color:var(--accent-color,var(--ts-gray-800));display:inline-flex;font-size:var(--ts-font-size-14px);gap:.5rem;justify-content:center;line-height:1.75;min-height:22px;padding:.1rem .6rem}.ts-chip.is-input,.ts-chip.is-toggle{background:initial;border:initial;display:initial;font-size:medium;gap:initial;line-height:normal;min-height:auto;min-width:auto;padding:initial}.ts-chip img{border-radius:.4rem;height:24px;margin-left:-5px;width:24px}.ts-chip input{display:none}.ts-chip.is-outlined,.ts-chip.is-outlined .content{background:transparent;border-color:var(--ts-gray-300)}.ts-chip.is-circular,.ts-chip.is-circular .content{border-radius:100rem}.ts-chip.is-input,.ts-chip.is-toggle{cursor:pointer;user-select:none}.ts-chip.is-toggle input:checked+.content{background:var(--accent-color,var(--ts-gray-800));border-color:var(--accent-color,var(--ts-gray-800));color:var(--accent-foreground-color,var(--ts-gray-50))}.ts-chip.is-toggle.is-secondary input:checked+.content{background:var(--ts-gray-200);border-color:var(--accent-color,var(--ts-gray-600));color:var(--accent-color,var(--ts-gray-800))}.ts-chip.is-input input:checked+.content{background:var(--accent-color,var(--ts-primary-700));border-color:var(--accent-color,var(--ts-primary-700));color:var(--accent-foreground-color,var(--ts-white))}.ts-chip.is-input.is-secondary input:checked+.content{background:var(--ts-gray-100);border-color:var(--accent-color,var(--ts-primary-600));color:var(--accent-color,var(--ts-primary-600))}.ts-chip.is-input input:checked+.content:before{-webkit-font-smoothing:antialiased;backface-visibility:hidden;content:"\f00c";display:inline;font-family:Icons;font-size:12px;font-style:normal;font-weight:400;text-align:center;text-decoration:inherit;width:1.18em}.ts-chip.is-input.is-end-icon input:checked+.content:before,.ts-chip.is-input.is-start-icon input:checked+.content:before{display:none}.ts-chip.is-input.is-end-icon input:checked+.content .ts-icon:before,.ts-chip.is-input.is-start-icon input:checked+.content .ts-icon:before{content:"\f00c"}.ts-chip.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-chip.is-fluid{display:flex}.ts-chip.is-fluid .content{width:100%}.ts-chip.is-small,.ts-chip.is-small .content{font-size:var(--ts-font-size-12px)}.ts-chip.is-large,.ts-chip.is-large .content{font-size:var(--ts-font-size-16px)}.ts-chip.is-dense{padding-bottom:.1rem;padding-top:.1rem}.ts-chip.is-dense:is(.is-input,.is-toggle) .content{min-height:20px;padding-bottom:.1rem;padding-top:.1rem}.ts-chip.is-start-spaced{margin-left:.45rem}.ts-chip.is-end-spaced{margin-right:.45rem}.ts-close{--accent-color:initial;--accent-foreground-color:initial;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-font-smoothing:antialiased;align-items:center;appearance:none;-webkit-appearance:none;backface-visibility:hidden;background:transparent;background:var(--accent-color,var(--ts-gray-600));border:none;border-radius:0;border-radius:100rem;box-sizing:border-box;color:inherit;color:var(--accent-foreground-color,var(--ts-gray-100));cursor:pointer;display:inline-flex;font:inherit;font-family:Icons;font-size:var(--ts-font-size-12px);font-style:normal;font-weight:400;height:18px;justify-content:center;line-height:normal;line-height:1;margin:0;outline:none;overflow:visible;padding:0;text-align:center;text-decoration:inherit;text-decoration:none;user-select:none;width:auto;width:18px}.ts-close:before{content:"\f00d"}.ts-close.is-secondary{background:var(--ts-gray-300);color:var(--ts-gray-800)}.ts-close.is-tertiary{background:var(--ts-gray-300);color:var(--ts-gray-50)}.ts-close.is-rounded{border-radius:.4rem}.ts-close.is-small{height:16px;width:16px}.ts-close.is-large{font-size:var(--ts-font-size-14px);height:22px;width:22px}.ts-close.is-big{font-size:var(--ts-font-size-17px);height:27px;width:27px}.ts-close.is-spaced{margin-left:.45rem;margin-right:.45rem}.ts-close.is-start-spaced{margin-left:.45rem}.ts-close.is-end-spaced{margin-right:.45rem}@keyframes ts-loading-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ts-loading{--accent-color:initial;--accent-foreground-color:initial;color:var(--accent-color,var(--ts-gray-600));display:inline-block;text-align:center}.ts-loading:after{-webkit-font-smoothing:antialiased;animation:ts-loading-spin 2s linear infinite;backface-visibility:hidden;content:"\f110";display:inline-block;font-family:Icons;font-size:2rem;font-style:normal;font-weight:400;text-decoration:inherit}.ts-loading.is-notched:after{content:"\f1ce"}.ts-loading.is-centered{display:flex;justify-content:center}.ts-loading.is-small:after{font-size:1rem}.ts-loading.is-large:after{font-size:2.8rem}.ts-breadcrumb{--accent-color:initial;--accent-foreground-color:initial;color:var(--ts-gray-800);display:flex;gap:.7rem;line-height:1}.ts-breadcrumb .item{color:var(--ts-gray-800);padding-right:1.1rem;text-decoration:none}.ts-breadcrumb .item:last-child{padding-right:0}.ts-breadcrumb .item .ts-icon{display:inline-block;text-decoration:none}.ts-breadcrumb .item:hover{text-decoration:underline}.ts-breadcrumb .item:after{color:var(--ts-gray-500);content:"/";display:inline-block;margin-left:.7rem;pointer-events:none;position:absolute;user-select:none}.ts-breadcrumb .item:last-child:after{display:none}.ts-breadcrumb .divider .ts-icon{color:var(--ts-gray-500);font-size:12px}.ts-breadcrumb.is-stepped .item{color:var(--ts-gray-500)}.ts-breadcrumb .item.is-active{color:var(--accent-color,var(--ts-gray-800));font-weight:500}.ts-breadcrumb.is-customized .item:after{content:""}.ts-breadcrumb.is-customized .item{padding-right:0}.ts-breadcrumb.is-chevroned .item:after{content:"\f054";font-size:var(--ts-font-size-12px);line-height:1.4}.ts-breadcrumb.is-hyphenated .item:after{content:"-"}.ts-breadcrumb:is(.is-chevroned,.is-hyphenated) .item:after{-webkit-font-smoothing:antialiased;backface-visibility:hidden;font-family:Icons;font-style:normal;font-weight:400;text-align:center}.ts-breadcrumb.is-small{font-size:var(--ts-font-size-14px)}.ts-breadcrumb.is-large{font-size:var(--ts-font-size-17px)}.ts-list{color:inherit;display:flex;flex-direction:column}.ts-list .item{display:inline-block}.ts-list:is(.is-ordered,.is-unordered){margin-left:1.2rem}.ts-list:is(.is-unordered,.is-ordered) .item{display:list-item}.ts-list.is-unordered>.item,.ts-list.is-unordered>:not(.ts-list)>.item{list-style-type:disc}.ts-list.is-ordered>.item,.ts-list.is-ordered>:not(.ts-list)>.item{list-style-type:decimal}.ts-list.is-small{font-size:var(--ts-font-size-14px)}.ts-list.is-large{font-size:var(--ts-font-size-17px)}.ts-flag{backface-visibility:hidden;background-position:50%;background-repeat:no-repeat;background-size:contain;background-size:cover;box-sizing:border-box;display:inline-block;height:1.05rem;text-decoration:inherit;text-decoration:none;vertical-align:middle;width:1.4rem}.ts-flag.is-small{height:.95rem;width:1.26667rem}.ts-flag.is-large{height:1.2rem;width:1.6rem}.ts-flag.is-small:is(.is-squared,.is-circular){height:.95rem;width:.95rem}.ts-flag:is(.is-squared,.is-circular){height:1.05rem;width:1.05rem}.ts-flag.is-large:is(.is-squared,.is-circular){height:1.2rem;width:1.2rem}.ts-flag.is-rounded{border-radius:.2rem}.ts-flag.is-bordered{box-shadow:0 0 0 1px var(--ts-gray-300)}.ts-flag.is-circular{border-radius:100rem}.ts-flag.is-disabled{opacity:.5;user-select:none}.ts-flag.is-spaced{margin-left:.45rem;margin-right:.45rem}.ts-flag.is-start-spaced{margin-left:.45rem}.ts-flag.is-end-spaced{margin-right:.45rem}.ts-flag:is(.is-ad-flag,.is-andorra-flag){background-image:url(flags/4x3/ad.svg)}.ts-flag:is(.is-ad-flag,.is-andorra-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ad.svg)}.ts-flag:is(.is-ae-flag,.is-uae-flag,.is-united-arab-emirates-flag){background-image:url(flags/4x3/ae.svg)}.ts-flag:is(.is-ae-flag,.is-uae-flag,.is-united-arab-emirates-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ae.svg)}.ts-flag:is(.is-af-flag,.is-afghanistan-flag){background-image:url(flags/4x3/af.svg)}.ts-flag:is(.is-af-flag,.is-afghanistan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/af.svg)}.ts-flag:is(.is-ag-flag,.is-antigua-flag){background-image:url(flags/4x3/ag.svg)}.ts-flag:is(.is-ag-flag,.is-antigua-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ag.svg)}.ts-flag:is(.is-ai-flag,.is-anguilla-flag){background-image:url(flags/4x3/ai.svg)}.ts-flag:is(.is-ai-flag,.is-anguilla-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ai.svg)}.ts-flag:is(.is-al-flag,.is-albania-flag){background-image:url(flags/4x3/al.svg)}.ts-flag:is(.is-al-flag,.is-albania-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/al.svg)}.ts-flag:is(.is-am-flag,.is-armenia-flag){background-image:url(flags/4x3/am.svg)}.ts-flag:is(.is-am-flag,.is-armenia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/am.svg)}.ts-flag:is(.is-ao-flag,.is-angola-flag){background-image:url(flags/4x3/ao.svg)}.ts-flag:is(.is-ao-flag,.is-angola-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ao.svg)}.ts-flag:is(.is-aq-flag,.is-antarctica-flag){background-image:url(flags/4x3/aq.svg)}.ts-flag:is(.is-aq-flag,.is-antarctica-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/aq.svg)}.ts-flag:is(.is-ar-flag,.is-argentina-flag){background-image:url(flags/4x3/ar.svg)}.ts-flag:is(.is-ar-flag,.is-argentina-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ar.svg)}.ts-flag:is(.is-as-flag,.is-american-samoa-flag){background-image:url(flags/4x3/as.svg)}.ts-flag:is(.is-as-flag,.is-american-samoa-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/as.svg)}.ts-flag:is(.is-at-flag,.is-austria-flag){background-image:url(flags/4x3/at.svg)}.ts-flag:is(.is-at-flag,.is-austria-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/at.svg)}.ts-flag:is(.is-au-flag,.is-australia-flag){background-image:url(flags/4x3/au.svg)}.ts-flag:is(.is-au-flag,.is-australia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/au.svg)}.ts-flag:is(.is-aw-flag,.is-aruba-flag){background-image:url(flags/4x3/aw.svg)}.ts-flag:is(.is-aw-flag,.is-aruba-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/aw.svg)}.ts-flag:is(.is-ax-flag,.is-aland-islands-flag){background-image:url(flags/4x3/ax.svg)}.ts-flag:is(.is-ax-flag,.is-aland-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ax.svg)}.ts-flag:is(.is-az-flag,.is-azerbaijan-flag){background-image:url(flags/4x3/az.svg)}.ts-flag:is(.is-az-flag,.is-azerbaijan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/az.svg)}.ts-flag:is(.is-ba-flag,.is-bosnia-flag){background-image:url(flags/4x3/ba.svg)}.ts-flag:is(.is-ba-flag,.is-bosnia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ba.svg)}.ts-flag:is(.is-bb-flag,.is-barbados-flag){background-image:url(flags/4x3/bb.svg)}.ts-flag:is(.is-bb-flag,.is-barbados-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bb.svg)}.ts-flag:is(.is-bd-flag,.is-bangladesh-flag){background-image:url(flags/4x3/bd.svg)}.ts-flag:is(.is-bd-flag,.is-bangladesh-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bd.svg)}.ts-flag:is(.is-be-flag,.is-belgium-flag){background-image:url(flags/4x3/be.svg)}.ts-flag:is(.is-be-flag,.is-belgium-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/be.svg)}.ts-flag:is(.is-bf-flag,.is-burkina-faso-flag){background-image:url(flags/4x3/bf.svg)}.ts-flag:is(.is-bf-flag,.is-burkina-faso-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bf.svg)}.ts-flag:is(.is-bg-flag,.is-bulgaria-flag){background-image:url(flags/4x3/bg.svg)}.ts-flag:is(.is-bg-flag,.is-bulgaria-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bg.svg)}.ts-flag:is(.is-bh-flag,.is-bahrain-flag){background-image:url(flags/4x3/bh.svg)}.ts-flag:is(.is-bh-flag,.is-bahrain-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bh.svg)}.ts-flag:is(.is-bi-flag,.is-burundi-flag){background-image:url(flags/4x3/bi.svg)}.ts-flag:is(.is-bi-flag,.is-burundi-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bi.svg)}.ts-flag:is(.is-bj-flag,.is-benin-flag){background-image:url(flags/4x3/bj.svg)}.ts-flag:is(.is-bj-flag,.is-benin-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bj.svg)}.ts-flag:is(.is-bl-flag,.is-saint-barthélemy-flag,.is-saint-barthelemy-flag){background-image:url(flags/4x3/bl.svg)}.ts-flag:is(.is-bl-flag,.is-saint-barthélemy-flag,.is-saint-barthelemy-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bl.svg)}.ts-flag:is(.is-bm-flag,.is-bermuda-flag){background-image:url(flags/4x3/bm.svg)}.ts-flag:is(.is-bm-flag,.is-bermuda-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bm.svg)}.ts-flag:is(.is-bn-flag,.is-brunei-flag){background-image:url(flags/4x3/bn.svg)}.ts-flag:is(.is-bn-flag,.is-brunei-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bn.svg)}.ts-flag:is(.is-bo-flag,.is-bolivia-flag){background-image:url(flags/4x3/bo.svg)}.ts-flag:is(.is-bo-flag,.is-bolivia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bo.svg)}.ts-flag:is(.is-bq-flag,.is-caribbean-netherlands-flag){background-image:url(flags/4x3/bq.svg)}.ts-flag:is(.is-bq-flag,.is-caribbean-netherlands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bq.svg)}.ts-flag:is(.is-br-flag,.is-brazil-flag){background-image:url(flags/4x3/br.svg)}.ts-flag:is(.is-br-flag,.is-brazil-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/br.svg)}.ts-flag:is(.is-bs-flag,.is-bahamas-flag){background-image:url(flags/4x3/bs.svg)}.ts-flag:is(.is-bs-flag,.is-bahamas-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bs.svg)}.ts-flag:is(.is-bt-flag,.is-bhutan-flag){background-image:url(flags/4x3/bt.svg)}.ts-flag:is(.is-bt-flag,.is-bhutan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bt.svg)}.ts-flag:is(.is-bv-flag,.is-bouvet-island-flag){background-image:url(flags/4x3/bv.svg)}.ts-flag:is(.is-bv-flag,.is-bouvet-island-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bv.svg)}.ts-flag:is(.is-bw-flag,.is-botswana-flag){background-image:url(flags/4x3/bw.svg)}.ts-flag:is(.is-bw-flag,.is-botswana-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bw.svg)}.ts-flag:is(.is-by-flag,.is-belarus-flag){background-image:url(flags/4x3/by.svg)}.ts-flag:is(.is-by-flag,.is-belarus-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/by.svg)}.ts-flag:is(.is-bz-flag,.is-belize-flag){background-image:url(flags/4x3/bz.svg)}.ts-flag:is(.is-bz-flag,.is-belize-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bz.svg)}.ts-flag:is(.is-ca-flag,.is-canada-flag){background-image:url(flags/4x3/ca.svg)}.ts-flag:is(.is-ca-flag,.is-canada-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ca.svg)}.ts-flag:is(.is-cc-flag,.is-cocos-islands-flag){background-image:url(flags/4x3/cc.svg)}.ts-flag:is(.is-cc-flag,.is-cocos-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cc.svg)}.ts-flag:is(.is-cd-flag,.is-congo-flag){background-image:url(flags/4x3/cd.svg)}.ts-flag:is(.is-cd-flag,.is-congo-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cd.svg)}.ts-flag:is(.is-cf-flag,.is-central-african-republic-flag){background-image:url(flags/4x3/cf.svg)}.ts-flag:is(.is-cf-flag,.is-central-african-republic-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cf.svg)}.ts-flag:is(.is-cg-flag,.is-congo-brazzaville-flag){background-image:url(flags/4x3/cg.svg)}.ts-flag:is(.is-cg-flag,.is-congo-brazzaville-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cg.svg)}.ts-flag:is(.is-ch-flag,.is-switzerland-flag){background-image:url(flags/4x3/ch.svg)}.ts-flag:is(.is-ch-flag,.is-switzerland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ch.svg)}.ts-flag:is(.is-ci-flag,.is-cote-divoire-flag){background-image:url(flags/4x3/ci.svg)}.ts-flag:is(.is-ci-flag,.is-cote-divoire-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ci.svg)}.ts-flag:is(.is-ck-flag,.is-cook-islands-flag){background-image:url(flags/4x3/ck.svg)}.ts-flag:is(.is-ck-flag,.is-cook-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ck.svg)}.ts-flag:is(.is-cl-flag,.is-chile-flag){background-image:url(flags/4x3/cl.svg)}.ts-flag:is(.is-cl-flag,.is-chile-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cl.svg)}.ts-flag:is(.is-cm-flag,.is-cameroon-flag){background-image:url(flags/4x3/cm.svg)}.ts-flag:is(.is-cm-flag,.is-cameroon-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cm.svg)}.ts-flag:is(.is-cn-flag,.is-china-flag,.is-peoples-republic-of-china-flag){background-image:url(flags/4x3/cn.svg)}.ts-flag:is(.is-cn-flag,.is-china-flag,.is-peoples-republic-of-china-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cn.svg)}.ts-flag:is(.is-co-flag,.is-colombia-flag){background-image:url(flags/4x3/co.svg)}.ts-flag:is(.is-co-flag,.is-colombia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/co.svg)}.ts-flag:is(.is-cr-flag,.is-costa-rica-flag){background-image:url(flags/4x3/cr.svg)}.ts-flag:is(.is-cr-flag,.is-costa-rica-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cr.svg)}.ts-flag:is(.is-cu-flag,.is-cuba-flag){background-image:url(flags/4x3/cu.svg)}.ts-flag:is(.is-cu-flag,.is-cuba-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cu.svg)}.ts-flag:is(.is-cv-flag,.is-cape-verde-flag){background-image:url(flags/4x3/cv.svg)}.ts-flag:is(.is-cv-flag,.is-cape-verde-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cv.svg)}.ts-flag:is(.is-cw-flag,.is-curaçao-flag,.is-curacao-flag){background-image:url(flags/4x3/cw.svg)}.ts-flag:is(.is-cw-flag,.is-curaçao-flag,.is-curacao-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cw.svg)}.ts-flag:is(.is-cx-flag,.is-christmas-island-flag){background-image:url(flags/4x3/cx.svg)}.ts-flag:is(.is-cx-flag,.is-christmas-island-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cx.svg)}.ts-flag:is(.is-cy-flag,.is-cyprus-flag){background-image:url(flags/4x3/cy.svg)}.ts-flag:is(.is-cy-flag,.is-cyprus-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cy.svg)}.ts-flag:is(.is-cz-flag,.is-czech-republic-flag){background-image:url(flags/4x3/cz.svg)}.ts-flag:is(.is-cz-flag,.is-czech-republic-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cz.svg)}.ts-flag:is(.is-de-flag,.is-germany-flag){background-image:url(flags/4x3/de.svg)}.ts-flag:is(.is-de-flag,.is-germany-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/de.svg)}.ts-flag:is(.is-dj-flag,.is-djibouti-flag){background-image:url(flags/4x3/dj.svg)}.ts-flag:is(.is-dj-flag,.is-djibouti-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/dj.svg)}.ts-flag:is(.is-dk-flag,.is-denmark-flag){background-image:url(flags/4x3/dk.svg)}.ts-flag:is(.is-dk-flag,.is-denmark-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/dk.svg)}.ts-flag:is(.is-dm-flag,.is-dominica-flag){background-image:url(flags/4x3/dm.svg)}.ts-flag:is(.is-dm-flag,.is-dominica-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/dm.svg)}.ts-flag:is(.is-do-flag,.is-dominican-republic-flag){background-image:url(flags/4x3/do.svg)}.ts-flag:is(.is-do-flag,.is-dominican-republic-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/do.svg)}.ts-flag:is(.is-dz-flag,.is-algeria-flag){background-image:url(flags/4x3/dz.svg)}.ts-flag:is(.is-dz-flag,.is-algeria-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/dz.svg)}.ts-flag:is(.is-ec-flag,.is-ecuador-flag){background-image:url(flags/4x3/ec.svg)}.ts-flag:is(.is-ec-flag,.is-ecuador-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ec.svg)}.ts-flag:is(.is-ee-flag,.is-estonia-flag){background-image:url(flags/4x3/ee.svg)}.ts-flag:is(.is-ee-flag,.is-estonia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ee.svg)}.ts-flag:is(.is-eg-flag,.is-egypt-flag){background-image:url(flags/4x3/eg.svg)}.ts-flag:is(.is-eg-flag,.is-egypt-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/eg.svg)}.ts-flag:is(.is-eh-flag,.is-western-sahara-flag){background-image:url(flags/4x3/eh.svg)}.ts-flag:is(.is-eh-flag,.is-western-sahara-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/eh.svg)}.ts-flag:is(.is-er-flag,.is-eritrea-flag){background-image:url(flags/4x3/er.svg)}.ts-flag:is(.is-er-flag,.is-eritrea-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/er.svg)}.ts-flag:is(.is-es-flag,.is-spain-flag){background-image:url(flags/4x3/es.svg)}.ts-flag:is(.is-es-flag,.is-spain-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/es.svg)}.ts-flag:is(.is-es-ct-flag,.is-scotland-flag){background-image:url(flags/4x3/es-ct.svg)}.ts-flag:is(.is-es-ct-flag,.is-scotland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/es-ct.svg)}.ts-flag:is(.is-et-flag,.is-ethiopia-flag){background-image:url(flags/4x3/et.svg)}.ts-flag:is(.is-et-flag,.is-ethiopia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/et.svg)}.ts-flag:is(.is-eu-flag,.is-european-union-flag){background-image:url(flags/4x3/eu.svg)}.ts-flag:is(.is-eu-flag,.is-european-union-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/eu.svg)}.ts-flag:is(.is-fi-flag,.is-finland-flag){background-image:url(flags/4x3/fi.svg)}.ts-flag:is(.is-fi-flag,.is-finland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/fi.svg)}.ts-flag:is(.is-fj-flag,.is-fiji-flag){background-image:url(flags/4x3/fj.svg)}.ts-flag:is(.is-fj-flag,.is-fiji-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/fj.svg)}.ts-flag:is(.is-fk-flag,.is-falkland-islands-flag){background-image:url(flags/4x3/fk.svg)}.ts-flag:is(.is-fk-flag,.is-falkland-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/fk.svg)}.ts-flag:is(.is-fm-flag,.is-micronesia-flag){background-image:url(flags/4x3/fm.svg)}.ts-flag:is(.is-fm-flag,.is-micronesia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/fm.svg)}.ts-flag:is(.is-fo-flag,.is-faroe-islands-flag){background-image:url(flags/4x3/fo.svg)}.ts-flag:is(.is-fo-flag,.is-faroe-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/fo.svg)}.ts-flag:is(.is-fr-flag,.is-france-flag){background-image:url(flags/4x3/fr.svg)}.ts-flag:is(.is-fr-flag,.is-france-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/fr.svg)}.ts-flag:is(.is-ga-flag,.is-gabon-flag){background-image:url(flags/4x3/ga.svg)}.ts-flag:is(.is-ga-flag,.is-gabon-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ga.svg)}.ts-flag:is(.is-gb-flag,.is-united-kingdom-flag){background-image:url(flags/4x3/gb.svg)}.ts-flag:is(.is-gb-flag,.is-united-kingdom-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gb.svg)}.ts-flag:is(.is-gb-eng-flag,.is-england-flag){background-image:url(flags/4x3/gb-eng.svg)}.ts-flag:is(.is-gb-eng-flag,.is-england-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gb-eng.svg)}.ts-flag:is(.is-gb-nir-flag,.is-northern-ireland-flag){background-image:url(flags/4x3/gb-nir.svg)}.ts-flag:is(.is-gb-nir-flag,.is-northern-ireland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gb-nir.svg)}.ts-flag:is(.is-gb-sct-flag,.is-scotland-flag){background-image:url(flags/4x3/gb-sct.svg)}.ts-flag:is(.is-gb-sct-flag,.is-scotland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gb-sct.svg)}.ts-flag:is(.is-gb-wls-flag,.is-wales-flag){background-image:url(flags/4x3/gb-wls.svg)}.ts-flag:is(.is-gb-wls-flag,.is-wales-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gb-wls.svg)}.ts-flag:is(.is-gd-flag,.is-grenada-flag){background-image:url(flags/4x3/gd.svg)}.ts-flag:is(.is-gd-flag,.is-grenada-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gd.svg)}.ts-flag:is(.is-ge-flag,.is-georgia-flag){background-image:url(flags/4x3/ge.svg)}.ts-flag:is(.is-ge-flag,.is-georgia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ge.svg)}.ts-flag:is(.is-gf-flag,.is-french-guiana-flag){background-image:url(flags/4x3/gf.svg)}.ts-flag:is(.is-gf-flag,.is-french-guiana-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gf.svg)}.ts-flag:is(.is-gg-flag,.is-guernsey-flag){background-image:url(flags/4x3/gg.svg)}.ts-flag:is(.is-gg-flag,.is-guernsey-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gg.svg)}.ts-flag:is(.is-gh-flag,.is-ghana-flag){background-image:url(flags/4x3/gh.svg)}.ts-flag:is(.is-gh-flag,.is-ghana-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gh.svg)}.ts-flag:is(.is-gi-flag,.is-gibraltar-flag){background-image:url(flags/4x3/gi.svg)}.ts-flag:is(.is-gi-flag,.is-gibraltar-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gi.svg)}.ts-flag:is(.is-gl-flag,.is-greenland-flag){background-image:url(flags/4x3/gl.svg)}.ts-flag:is(.is-gl-flag,.is-greenland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gl.svg)}.ts-flag:is(.is-gm-flag,.is-gambia-flag){background-image:url(flags/4x3/gm.svg)}.ts-flag:is(.is-gm-flag,.is-gambia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gm.svg)}.ts-flag:is(.is-gn-flag,.is-guinea-flag){background-image:url(flags/4x3/gn.svg)}.ts-flag:is(.is-gn-flag,.is-guinea-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gn.svg)}.ts-flag:is(.is-gp-flag,.is-guadeloupe-flag){background-image:url(flags/4x3/gp.svg)}.ts-flag:is(.is-gp-flag,.is-guadeloupe-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gp.svg)}.ts-flag:is(.is-gq-flag,.is-equatorial-guinea-flag){background-image:url(flags/4x3/gq.svg)}.ts-flag:is(.is-gq-flag,.is-equatorial-guinea-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gq.svg)}.ts-flag:is(.is-gr-flag,.is-greece-flag){background-image:url(flags/4x3/gr.svg)}.ts-flag:is(.is-gr-flag,.is-greece-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gr.svg)}.ts-flag:is(.is-gs-flag,.is-sandwich-islands-flag){background-image:url(flags/4x3/gs.svg)}.ts-flag:is(.is-gs-flag,.is-sandwich-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gs.svg)}.ts-flag:is(.is-gt-flag,.is-guatemala-flag){background-image:url(flags/4x3/gt.svg)}.ts-flag:is(.is-gt-flag,.is-guatemala-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gt.svg)}.ts-flag:is(.is-gu-flag,.is-guam-flag){background-image:url(flags/4x3/gu.svg)}.ts-flag:is(.is-gu-flag,.is-guam-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gu.svg)}.ts-flag:is(.is-gw-flag,.is-guinea-bissau-flag){background-image:url(flags/4x3/gw.svg)}.ts-flag:is(.is-gw-flag,.is-guinea-bissau-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gw.svg)}.ts-flag:is(.is-gy-flag,.is-guyana-flag){background-image:url(flags/4x3/gy.svg)}.ts-flag:is(.is-gy-flag,.is-guyana-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gy.svg)}.ts-flag:is(.is-hk-flag,.is-hong-kong-flag){background-image:url(flags/4x3/hk.svg)}.ts-flag:is(.is-hk-flag,.is-hong-kong-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/hk.svg)}.ts-flag:is(.is-hm-flag,.is-heard-island-flag){background-image:url(flags/4x3/hm.svg)}.ts-flag:is(.is-hm-flag,.is-heard-island-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/hm.svg)}.ts-flag:is(.is-hn-flag,.is-honduras-flag){background-image:url(flags/4x3/hn.svg)}.ts-flag:is(.is-hn-flag,.is-honduras-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/hn.svg)}.ts-flag:is(.is-hr-flag,.is-croatia-flag){background-image:url(flags/4x3/hr.svg)}.ts-flag:is(.is-hr-flag,.is-croatia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/hr.svg)}.ts-flag:is(.is-ht-flag,.is-haiti-flag){background-image:url(flags/4x3/ht.svg)}.ts-flag:is(.is-ht-flag,.is-haiti-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ht.svg)}.ts-flag:is(.is-hu-flag,.is-hungary-flag){background-image:url(flags/4x3/hu.svg)}.ts-flag:is(.is-hu-flag,.is-hungary-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/hu.svg)}.ts-flag:is(.is-id-flag,.is-indonesia-flag){background-image:url(flags/4x3/id.svg)}.ts-flag:is(.is-id-flag,.is-indonesia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/id.svg)}.ts-flag:is(.is-ie-flag,.is-ireland-flag){background-image:url(flags/4x3/ie.svg)}.ts-flag:is(.is-ie-flag,.is-ireland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ie.svg)}.ts-flag:is(.is-il-flag,.is-israel-flag){background-image:url(flags/4x3/il.svg)}.ts-flag:is(.is-il-flag,.is-israel-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/il.svg)}.ts-flag:is(.is-im-flag,.is-isle-of-man-flag){background-image:url(flags/4x3/im.svg)}.ts-flag:is(.is-im-flag,.is-isle-of-man-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/im.svg)}.ts-flag:is(.is-in-flag,.is-india-flag){background-image:url(flags/4x3/in.svg)}.ts-flag:is(.is-in-flag,.is-india-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/in.svg)}.ts-flag:is(.is-io-flag,.is-indian-ocean-territory-flag){background-image:url(flags/4x3/io.svg)}.ts-flag:is(.is-io-flag,.is-indian-ocean-territory-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/io.svg)}.ts-flag:is(.is-iq-flag,.is-iraq-flag){background-image:url(flags/4x3/iq.svg)}.ts-flag:is(.is-iq-flag,.is-iraq-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/iq.svg)}.ts-flag:is(.is-ir-flag,.is-iran-flag){background-image:url(flags/4x3/ir.svg)}.ts-flag:is(.is-ir-flag,.is-iran-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ir.svg)}.ts-flag:is(.is-is-flag,.is-iceland-flag){background-image:url(flags/4x3/is.svg)}.ts-flag:is(.is-is-flag,.is-iceland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/is.svg)}.ts-flag:is(.is-it-flag,.is-italy-flag){background-image:url(flags/4x3/it.svg)}.ts-flag:is(.is-it-flag,.is-italy-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/it.svg)}.ts-flag:is(.is-je-flag,.is-jersey-flag){background-image:url(flags/4x3/je.svg)}.ts-flag:is(.is-je-flag,.is-jersey-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/je.svg)}.ts-flag:is(.is-jm-flag,.is-jamaica-flag){background-image:url(flags/4x3/jm.svg)}.ts-flag:is(.is-jm-flag,.is-jamaica-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/jm.svg)}.ts-flag:is(.is-jo-flag,.is-jordan-flag){background-image:url(flags/4x3/jo.svg)}.ts-flag:is(.is-jo-flag,.is-jordan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/jo.svg)}.ts-flag:is(.is-jp-flag,.is-japan-flag){background-image:url(flags/4x3/jp.svg)}.ts-flag:is(.is-jp-flag,.is-japan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/jp.svg)}.ts-flag:is(.is-ke-flag,.is-kenya-flag){background-image:url(flags/4x3/ke.svg)}.ts-flag:is(.is-ke-flag,.is-kenya-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ke.svg)}.ts-flag:is(.is-kg-flag,.is-kyrgyzstan-flag){background-image:url(flags/4x3/kg.svg)}.ts-flag:is(.is-kg-flag,.is-kyrgyzstan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/kg.svg)}.ts-flag:is(.is-kh-flag,.is-cambodia-flag){background-image:url(flags/4x3/kh.svg)}.ts-flag:is(.is-kh-flag,.is-cambodia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/kh.svg)}.ts-flag:is(.is-ki-flag,.is-kiribati-flag){background-image:url(flags/4x3/ki.svg)}.ts-flag:is(.is-ki-flag,.is-kiribati-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ki.svg)}.ts-flag:is(.is-km-flag,.is-comoros-flag){background-image:url(flags/4x3/km.svg)}.ts-flag:is(.is-km-flag,.is-comoros-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/km.svg)}.ts-flag:is(.is-kn-flag,.is-saint-kitts-and-nevis-flag,.is-saint-kitts-flag,.is-nevis-flag){background-image:url(flags/4x3/kn.svg)}.ts-flag:is(.is-kn-flag,.is-saint-kitts-and-nevis-flag,.is-saint-kitts-flag,.is-nevis-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/kn.svg)}.ts-flag:is(.is-kp-flag,.is-north-korea-flag){background-image:url(flags/4x3/kp.svg)}.ts-flag:is(.is-kp-flag,.is-north-korea-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/kp.svg)}.ts-flag:is(.is-kr-flag,.is-south-korea-flag,.is-korea-flag){background-image:url(flags/4x3/kr.svg)}.ts-flag:is(.is-kr-flag,.is-south-korea-flag,.is-korea-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/kr.svg)}.ts-flag:is(.is-kw-flag,.is-kuwait-flag){background-image:url(flags/4x3/kw.svg)}.ts-flag:is(.is-kw-flag,.is-kuwait-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/kw.svg)}.ts-flag:is(.is-ky-flag,.is-cayman-islands-flag){background-image:url(flags/4x3/ky.svg)}.ts-flag:is(.is-ky-flag,.is-cayman-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ky.svg)}.ts-flag:is(.is-kz-flag,.is-kazakhstan-flag){background-image:url(flags/4x3/kz.svg)}.ts-flag:is(.is-kz-flag,.is-kazakhstan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/kz.svg)}.ts-flag:is(.is-la-flag,.is-laos-flag){background-image:url(flags/4x3/la.svg)}.ts-flag:is(.is-la-flag,.is-laos-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/la.svg)}.ts-flag:is(.is-lb-flag,.is-lebanon-flag){background-image:url(flags/4x3/lb.svg)}.ts-flag:is(.is-lb-flag,.is-lebanon-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/lb.svg)}.ts-flag:is(.is-lc-flag,.is-saint-lucia-flag){background-image:url(flags/4x3/lc.svg)}.ts-flag:is(.is-lc-flag,.is-saint-lucia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/lc.svg)}.ts-flag:is(.is-li-flag,.is-liechtenstein-flag){background-image:url(flags/4x3/li.svg)}.ts-flag:is(.is-li-flag,.is-liechtenstein-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/li.svg)}.ts-flag:is(.is-lk-flag,.is-sri-lanka-flag){background-image:url(flags/4x3/lk.svg)}.ts-flag:is(.is-lk-flag,.is-sri-lanka-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/lk.svg)}.ts-flag:is(.is-lr-flag,.is-liberia-flag){background-image:url(flags/4x3/lr.svg)}.ts-flag:is(.is-lr-flag,.is-liberia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/lr.svg)}.ts-flag:is(.is-ls-flag,.is-lesotho-flag){background-image:url(flags/4x3/ls.svg)}.ts-flag:is(.is-ls-flag,.is-lesotho-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ls.svg)}.ts-flag:is(.is-lt-flag,.is-lithuania-flag){background-image:url(flags/4x3/lt.svg)}.ts-flag:is(.is-lt-flag,.is-lithuania-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/lt.svg)}.ts-flag:is(.is-lu-flag,.is-luxembourg-flag){background-image:url(flags/4x3/lu.svg)}.ts-flag:is(.is-lu-flag,.is-luxembourg-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/lu.svg)}.ts-flag:is(.is-lv-flag,.is-latvia-flag){background-image:url(flags/4x3/lv.svg)}.ts-flag:is(.is-lv-flag,.is-latvia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/lv.svg)}.ts-flag:is(.is-ly-flag,.is-libya-flag){background-image:url(flags/4x3/ly.svg)}.ts-flag:is(.is-ly-flag,.is-libya-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ly.svg)}.ts-flag:is(.is-ma-flag,.is-morocco-flag){background-image:url(flags/4x3/ma.svg)}.ts-flag:is(.is-ma-flag,.is-morocco-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ma.svg)}.ts-flag:is(.is-mc-flag,.is-monaco-flag){background-image:url(flags/4x3/mc.svg)}.ts-flag:is(.is-mc-flag,.is-monaco-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mc.svg)}.ts-flag:is(.is-md-flag,.is-moldova-flag){background-image:url(flags/4x3/md.svg)}.ts-flag:is(.is-md-flag,.is-moldova-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/md.svg)}.ts-flag:is(.is-me-flag,.is-montenegro-flag){background-image:url(flags/4x3/me.svg)}.ts-flag:is(.is-me-flag,.is-montenegro-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/me.svg)}.ts-flag:is(.is-mf-flag,.is-saint-martin-flag){background-image:url(flags/4x3/mf.svg)}.ts-flag:is(.is-mf-flag,.is-saint-martin-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mf.svg)}.ts-flag:is(.is-mg-flag,.is-madagascar-flag){background-image:url(flags/4x3/mg.svg)}.ts-flag:is(.is-mg-flag,.is-madagascar-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mg.svg)}.ts-flag:is(.is-mh-flag,.is-marshall-islands-flag){background-image:url(flags/4x3/mh.svg)}.ts-flag:is(.is-mh-flag,.is-marshall-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mh.svg)}.ts-flag:is(.is-mk-flag,.is-macedonia-flag){background-image:url(flags/4x3/mk.svg)}.ts-flag:is(.is-mk-flag,.is-macedonia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mk.svg)}.ts-flag:is(.is-ml-flag,.is-mali-flag){background-image:url(flags/4x3/ml.svg)}.ts-flag:is(.is-ml-flag,.is-mali-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ml.svg)}.ts-flag:is(.is-mm-flag,.is-burma-flag,.is-myanmar-flag){background-image:url(flags/4x3/mm.svg)}.ts-flag:is(.is-mm-flag,.is-burma-flag,.is-myanmar-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mm.svg)}.ts-flag:is(.is-mn-flag,.is-mongolia-flag){background-image:url(flags/4x3/mn.svg)}.ts-flag:is(.is-mn-flag,.is-mongolia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mn.svg)}.ts-flag:is(.is-mo-flag,.is-macau-flag){background-image:url(flags/4x3/mo.svg)}.ts-flag:is(.is-mo-flag,.is-macau-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mo.svg)}.ts-flag:is(.is-mp-flag,.is-northern-mariana-islands-flag){background-image:url(flags/4x3/mp.svg)}.ts-flag:is(.is-mp-flag,.is-northern-mariana-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mp.svg)}.ts-flag:is(.is-mq-flag,.is-martinique-flag){background-image:url(flags/4x3/mq.svg)}.ts-flag:is(.is-mq-flag,.is-martinique-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mq.svg)}.ts-flag:is(.is-mr-flag,.is-mauritania-flag){background-image:url(flags/4x3/mr.svg)}.ts-flag:is(.is-mr-flag,.is-mauritania-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mr.svg)}.ts-flag:is(.is-ms-flag,.is-montserrat-flag){background-image:url(flags/4x3/ms.svg)}.ts-flag:is(.is-ms-flag,.is-montserrat-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ms.svg)}.ts-flag:is(.is-mt-flag,.is-malta-flag){background-image:url(flags/4x3/mt.svg)}.ts-flag:is(.is-mt-flag,.is-malta-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mt.svg)}.ts-flag:is(.is-mu-flag,.is-mauritius-flag){background-image:url(flags/4x3/mu.svg)}.ts-flag:is(.is-mu-flag,.is-mauritius-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mu.svg)}.ts-flag:is(.is-mv-flag,.is-maldives-flag){background-image:url(flags/4x3/mv.svg)}.ts-flag:is(.is-mv-flag,.is-maldives-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mv.svg)}.ts-flag:is(.is-mw-flag,.is-malawi-flag){background-image:url(flags/4x3/mw.svg)}.ts-flag:is(.is-mw-flag,.is-malawi-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mw.svg)}.ts-flag:is(.is-mx-flag,.is-mexico-flag){background-image:url(flags/4x3/mx.svg)}.ts-flag:is(.is-mx-flag,.is-mexico-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mx.svg)}.ts-flag:is(.is-my-flag,.is-malaysia-flag){background-image:url(flags/4x3/my.svg)}.ts-flag:is(.is-my-flag,.is-malaysia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/my.svg)}.ts-flag:is(.is-mz-flag,.is-mozambique-flag){background-image:url(flags/4x3/mz.svg)}.ts-flag:is(.is-mz-flag,.is-mozambique-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mz.svg)}.ts-flag:is(.is-na-flag,.is-namibia-flag){background-image:url(flags/4x3/na.svg)}.ts-flag:is(.is-na-flag,.is-namibia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/na.svg)}.ts-flag:is(.is-nc-flag,.is-new-caledonia-flag){background-image:url(flags/4x3/nc.svg)}.ts-flag:is(.is-nc-flag,.is-new-caledonia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/nc.svg)}.ts-flag:is(.is-ne-flag,.is-niger-flag){background-image:url(flags/4x3/ne.svg)}.ts-flag:is(.is-ne-flag,.is-niger-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ne.svg)}.ts-flag:is(.is-nf-flag,.is-norfolk-island-flag){background-image:url(flags/4x3/nf.svg)}.ts-flag:is(.is-nf-flag,.is-norfolk-island-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/nf.svg)}.ts-flag:is(.is-ng-flag,.is-nigeria-flag){background-image:url(flags/4x3/ng.svg)}.ts-flag:is(.is-ng-flag,.is-nigeria-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ng.svg)}.ts-flag:is(.is-ni-flag,.is-nicaragua-flag){background-image:url(flags/4x3/ni.svg)}.ts-flag:is(.is-ni-flag,.is-nicaragua-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ni.svg)}.ts-flag:is(.is-nl-flag,.is-netherlands-flag){background-image:url(flags/4x3/nl.svg)}.ts-flag:is(.is-nl-flag,.is-netherlands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/nl.svg)}.ts-flag:is(.is-no-flag,.is-norway-flag){background-image:url(flags/4x3/no.svg)}.ts-flag:is(.is-no-flag,.is-norway-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/no.svg)}.ts-flag:is(.is-np-flag,.is-nepal-flag){background-image:url(flags/4x3/np.svg)}.ts-flag:is(.is-np-flag,.is-nepal-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/np.svg)}.ts-flag:is(.is-nr-flag,.is-nauru-flag){background-image:url(flags/4x3/nr.svg)}.ts-flag:is(.is-nr-flag,.is-nauru-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/nr.svg)}.ts-flag:is(.is-nu-flag,.is-niue-flag){background-image:url(flags/4x3/nu.svg)}.ts-flag:is(.is-nu-flag,.is-niue-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/nu.svg)}.ts-flag:is(.is-nz-flag,.is-new-zealand-flag){background-image:url(flags/4x3/nz.svg)}.ts-flag:is(.is-nz-flag,.is-new-zealand-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/nz.svg)}.ts-flag:is(.is-om-flag,.is-oman-flag){background-image:url(flags/4x3/om.svg)}.ts-flag:is(.is-om-flag,.is-oman-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/om.svg)}.ts-flag:is(.is-pa-flag,.is-panama-flag){background-image:url(flags/4x3/pa.svg)}.ts-flag:is(.is-pa-flag,.is-panama-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pa.svg)}.ts-flag:is(.is-pe-flag,.is-peru-flag){background-image:url(flags/4x3/pe.svg)}.ts-flag:is(.is-pe-flag,.is-peru-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pe.svg)}.ts-flag:is(.is-pf-flag,.is-french-polynesia-flag){background-image:url(flags/4x3/pf.svg)}.ts-flag:is(.is-pf-flag,.is-french-polynesia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pf.svg)}.ts-flag:is(.is-pg-flag,.is-new-guinea-flag){background-image:url(flags/4x3/pg.svg)}.ts-flag:is(.is-pg-flag,.is-new-guinea-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pg.svg)}.ts-flag:is(.is-ph-flag,.is-philippines-flag){background-image:url(flags/4x3/ph.svg)}.ts-flag:is(.is-ph-flag,.is-philippines-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ph.svg)}.ts-flag:is(.is-pk-flag,.is-pakistan-flag){background-image:url(flags/4x3/pk.svg)}.ts-flag:is(.is-pk-flag,.is-pakistan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pk.svg)}.ts-flag:is(.is-pl-flag,.is-poland-flag){background-image:url(flags/4x3/pl.svg)}.ts-flag:is(.is-pl-flag,.is-poland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pl.svg)}.ts-flag:is(.is-pm-flag,.is-saint-pierre-flag){background-image:url(flags/4x3/pm.svg)}.ts-flag:is(.is-pm-flag,.is-saint-pierre-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pm.svg)}.ts-flag:is(.is-pn-flag,.is-pitcairn-islands-flag){background-image:url(flags/4x3/pn.svg)}.ts-flag:is(.is-pn-flag,.is-pitcairn-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pn.svg)}.ts-flag:is(.is-pr-flag,.is-puerto-rico-flag){background-image:url(flags/4x3/pr.svg)}.ts-flag:is(.is-pr-flag,.is-puerto-rico-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pr.svg)}.ts-flag:is(.is-ps-flag,.is-palestine-flag){background-image:url(flags/4x3/ps.svg)}.ts-flag:is(.is-ps-flag,.is-palestine-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ps.svg)}.ts-flag:is(.is-pt-flag,.is-portugal-flag){background-image:url(flags/4x3/pt.svg)}.ts-flag:is(.is-pt-flag,.is-portugal-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pt.svg)}.ts-flag:is(.is-pw-flag,.is-palau-flag){background-image:url(flags/4x3/pw.svg)}.ts-flag:is(.is-pw-flag,.is-palau-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pw.svg)}.ts-flag:is(.is-py-flag,.is-paraguay-flag){background-image:url(flags/4x3/py.svg)}.ts-flag:is(.is-py-flag,.is-paraguay-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/py.svg)}.ts-flag:is(.is-qa-flag,.is-qatar-flag){background-image:url(flags/4x3/qa.svg)}.ts-flag:is(.is-qa-flag,.is-qatar-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/qa.svg)}.ts-flag:is(.is-re-flag,.is-reunion-flag){background-image:url(flags/4x3/re.svg)}.ts-flag:is(.is-re-flag,.is-reunion-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/re.svg)}.ts-flag:is(.is-ro-flag,.is-romania-flag){background-image:url(flags/4x3/ro.svg)}.ts-flag:is(.is-ro-flag,.is-romania-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ro.svg)}.ts-flag:is(.is-rs-flag,.is-serbia-flag){background-image:url(flags/4x3/rs.svg)}.ts-flag:is(.is-rs-flag,.is-serbia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/rs.svg)}.ts-flag:is(.is-ru-flag,.is-russia-flag){background-image:url(flags/4x3/ru.svg)}.ts-flag:is(.is-ru-flag,.is-russia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ru.svg)}.ts-flag:is(.is-rw-flag,.is-rwanda-flag){background-image:url(flags/4x3/rw.svg)}.ts-flag:is(.is-rw-flag,.is-rwanda-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/rw.svg)}.ts-flag:is(.is-sa-flag,.is-saudi-arabia-flag){background-image:url(flags/4x3/sa.svg)}.ts-flag:is(.is-sa-flag,.is-saudi-arabia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sa.svg)}.ts-flag:is(.is-sb-flag,.is-solomon-islands-flag){background-image:url(flags/4x3/sb.svg)}.ts-flag:is(.is-sb-flag,.is-solomon-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sb.svg)}.ts-flag:is(.is-sc-flag,.is-seychelles-flag){background-image:url(flags/4x3/sc.svg)}.ts-flag:is(.is-sc-flag,.is-seychelles-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sc.svg)}.ts-flag:is(.is-sd-flag,.is-sudan-flag){background-image:url(flags/4x3/sd.svg)}.ts-flag:is(.is-sd-flag,.is-sudan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sd.svg)}.ts-flag:is(.is-se-flag,.is-sweden-flag){background-image:url(flags/4x3/se.svg)}.ts-flag:is(.is-se-flag,.is-sweden-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/se.svg)}.ts-flag:is(.is-sg-flag,.is-singapore-flag){background-image:url(flags/4x3/sg.svg)}.ts-flag:is(.is-sg-flag,.is-singapore-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sg.svg)}.ts-flag:is(.is-sh-flag,.is-saint-helena-flag){background-image:url(flags/4x3/sh.svg)}.ts-flag:is(.is-sh-flag,.is-saint-helena-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sh.svg)}.ts-flag:is(.is-si-flag,.is-slovenia-flag){background-image:url(flags/4x3/si.svg)}.ts-flag:is(.is-si-flag,.is-slovenia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/si.svg)}.ts-flag:is(.is-sj-flag,.is-jan-mayen-and-svalbard-flag,.is-svalbard-flag,.is-jan-mayen-flag){background-image:url(flags/4x3/sj.svg)}.ts-flag:is(.is-sj-flag,.is-jan-mayen-and-svalbard-flag,.is-svalbard-flag,.is-jan-mayen-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sj.svg)}.ts-flag:is(.is-sk-flag,.is-slovakia-flag){background-image:url(flags/4x3/sk.svg)}.ts-flag:is(.is-sk-flag,.is-slovakia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sk.svg)}.ts-flag:is(.is-sl-flag,.is-sierra-leone-flag){background-image:url(flags/4x3/sl.svg)}.ts-flag:is(.is-sl-flag,.is-sierra-leone-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sl.svg)}.ts-flag:is(.is-sm-flag,.is-san-marino-flag){background-image:url(flags/4x3/sm.svg)}.ts-flag:is(.is-sm-flag,.is-san-marino-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sm.svg)}.ts-flag:is(.is-sn-flag,.is-senegal-flag){background-image:url(flags/4x3/sn.svg)}.ts-flag:is(.is-sn-flag,.is-senegal-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sn.svg)}.ts-flag:is(.is-so-flag,.is-somalia-flag){background-image:url(flags/4x3/so.svg)}.ts-flag:is(.is-so-flag,.is-somalia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/so.svg)}.ts-flag:is(.is-sr-flag,.is-suriname-flag){background-image:url(flags/4x3/sr.svg)}.ts-flag:is(.is-sr-flag,.is-suriname-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sr.svg)}.ts-flag:is(.is-ss-flag,.is-south-sudan-flag){background-image:url(flags/4x3/ss.svg)}.ts-flag:is(.is-ss-flag,.is-south-sudan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ss.svg)}.ts-flag:is(.is-st-flag,.is-sao-tome-flag){background-image:url(flags/4x3/st.svg)}.ts-flag:is(.is-st-flag,.is-sao-tome-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/st.svg)}.ts-flag:is(.is-sv-flag,.is-el-salvador-flag){background-image:url(flags/4x3/sv.svg)}.ts-flag:is(.is-sv-flag,.is-el-salvador-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sv.svg)}.ts-flag:is(.is-sx-flag,.is-sint-maarten-flag){background-image:url(flags/4x3/sx.svg)}.ts-flag:is(.is-sx-flag,.is-sint-maarten-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sx.svg)}.ts-flag:is(.is-sy-flag,.is-syria-flag){background-image:url(flags/4x3/sy.svg)}.ts-flag:is(.is-sy-flag,.is-syria-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sy.svg)}.ts-flag:is(.is-sz-flag,.is-swaziland-flag){background-image:url(flags/4x3/sz.svg)}.ts-flag:is(.is-sz-flag,.is-swaziland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sz.svg)}.ts-flag:is(.is-tc-flag,.is-caicos-islands-flag){background-image:url(flags/4x3/tc.svg)}.ts-flag:is(.is-tc-flag,.is-caicos-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tc.svg)}.ts-flag:is(.is-td-flag,.is-chad-flag){background-image:url(flags/4x3/td.svg)}.ts-flag:is(.is-td-flag,.is-chad-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/td.svg)}.ts-flag:is(.is-tf-flag,.is-french-territories-flag){background-image:url(flags/4x3/tf.svg)}.ts-flag:is(.is-tf-flag,.is-french-territories-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tf.svg)}.ts-flag:is(.is-tg-flag,.is-togo-flag){background-image:url(flags/4x3/tg.svg)}.ts-flag:is(.is-tg-flag,.is-togo-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tg.svg)}.ts-flag:is(.is-th-flag,.is-thailand-flag){background-image:url(flags/4x3/th.svg)}.ts-flag:is(.is-th-flag,.is-thailand-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/th.svg)}.ts-flag:is(.is-tj-flag,.is-tajikistan-flag){background-image:url(flags/4x3/tj.svg)}.ts-flag:is(.is-tj-flag,.is-tajikistan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tj.svg)}.ts-flag:is(.is-tk-flag,.is-tokelau-flag){background-image:url(flags/4x3/tk.svg)}.ts-flag:is(.is-tk-flag,.is-tokelau-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tk.svg)}.ts-flag:is(.is-tl-flag,.is-timorleste-flag){background-image:url(flags/4x3/tl.svg)}.ts-flag:is(.is-tl-flag,.is-timorleste-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tl.svg)}.ts-flag:is(.is-tm-flag,.is-turkmenistan-flag){background-image:url(flags/4x3/tm.svg)}.ts-flag:is(.is-tm-flag,.is-turkmenistan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tm.svg)}.ts-flag:is(.is-tn-flag,.is-tunisia-flag){background-image:url(flags/4x3/tn.svg)}.ts-flag:is(.is-tn-flag,.is-tunisia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tn.svg)}.ts-flag:is(.is-to-flag,.is-tonga-flag){background-image:url(flags/4x3/to.svg)}.ts-flag:is(.is-to-flag,.is-tonga-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/to.svg)}.ts-flag:is(.is-tr-flag,.is-turkey-flag){background-image:url(flags/4x3/tr.svg)}.ts-flag:is(.is-tr-flag,.is-turkey-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tr.svg)}.ts-flag:is(.is-tt-flag,.is-trinidad-flag){background-image:url(flags/4x3/tt.svg)}.ts-flag:is(.is-tt-flag,.is-trinidad-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tt.svg)}.ts-flag:is(.is-tv-flag,.is-tuvalu-flag){background-image:url(flags/4x3/tv.svg)}.ts-flag:is(.is-tv-flag,.is-tuvalu-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tv.svg)}.ts-flag:is(.is-tw-flag,.is-taiwan-flag,.is-republic-of-china-flag,.is-formosa-flag){background-image:url(flags/4x3/tw.svg)}.ts-flag:is(.is-tw-flag,.is-taiwan-flag,.is-republic-of-china-flag,.is-formosa-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tw.svg)}.ts-flag:is(.is-tz-flag,.is-tanzania-flag){background-image:url(flags/4x3/tz.svg)}.ts-flag:is(.is-tz-flag,.is-tanzania-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tz.svg)}.ts-flag:is(.is-ua-flag,.is-ukraine-flag){background-image:url(flags/4x3/ua.svg)}.ts-flag:is(.is-ua-flag,.is-ukraine-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ua.svg)}.ts-flag:is(.is-ug-flag,.is-uganda-flag){background-image:url(flags/4x3/ug.svg)}.ts-flag:is(.is-ug-flag,.is-uganda-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ug.svg)}.ts-flag:is(.is-um-flag,.is-us-minor-islands-flag){background-image:url(flags/4x3/um.svg)}.ts-flag:is(.is-um-flag,.is-us-minor-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/um.svg)}.ts-flag:is(.is-un-flag,.is-united-nations-flag){background-image:url(flags/4x3/un.svg)}.ts-flag:is(.is-un-flag,.is-united-nations-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/un.svg)}.ts-flag:is(.is-us-flag,.is-united-states-flag,.is-america-flag,.is-usa-flag){background-image:url(flags/4x3/us.svg)}.ts-flag:is(.is-us-flag,.is-united-states-flag,.is-america-flag,.is-usa-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/us.svg)}.ts-flag:is(.is-uy-flag,.is-uruguay-flag){background-image:url(flags/4x3/uy.svg)}.ts-flag:is(.is-uy-flag,.is-uruguay-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/uy.svg)}.ts-flag:is(.is-uz-flag,.is-uzbekistan-flag){background-image:url(flags/4x3/uz.svg)}.ts-flag:is(.is-uz-flag,.is-uzbekistan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/uz.svg)}.ts-flag:is(.is-va-flag,.is-vatican-city-flag){background-image:url(flags/4x3/va.svg)}.ts-flag:is(.is-va-flag,.is-vatican-city-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/va.svg)}.ts-flag:is(.is-vc-flag,.is-saint-vincent-flag){background-image:url(flags/4x3/vc.svg)}.ts-flag:is(.is-vc-flag,.is-saint-vincent-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/vc.svg)}.ts-flag:is(.is-ve-flag,.is-venezuela-flag){background-image:url(flags/4x3/ve.svg)}.ts-flag:is(.is-ve-flag,.is-venezuela-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ve.svg)}.ts-flag:is(.is-vg-flag,.is-british-virgin-islands-flag){background-image:url(flags/4x3/vg.svg)}.ts-flag:is(.is-vg-flag,.is-british-virgin-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/vg.svg)}.ts-flag:is(.is-vi-flag,.is-us-virgin-islands-flag){background-image:url(flags/4x3/vi.svg)}.ts-flag:is(.is-vi-flag,.is-us-virgin-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/vi.svg)}.ts-flag:is(.is-vn-flag,.is-vietnam-flag){background-image:url(flags/4x3/vn.svg)}.ts-flag:is(.is-vn-flag,.is-vietnam-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/vn.svg)}.ts-flag:is(.is-vu-flag,.is-vanuatu-flag){background-image:url(flags/4x3/vu.svg)}.ts-flag:is(.is-vu-flag,.is-vanuatu-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/vu.svg)}.ts-flag:is(.is-wf-flag,.is-wallis-and-futuna-flag,.is-wallis-flag,.is-futuna-flag){background-image:url(flags/4x3/wf.svg)}.ts-flag:is(.is-wf-flag,.is-wallis-and-futuna-flag,.is-wallis-flag,.is-futuna-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/wf.svg)}.ts-flag:is(.is-ws-flag,.is-samoa-flag){background-image:url(flags/4x3/ws.svg)}.ts-flag:is(.is-ws-flag,.is-samoa-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ws.svg)}.ts-flag:is(.is-ye-flag,.is-yemen-flag){background-image:url(flags/4x3/ye.svg)}.ts-flag:is(.is-ye-flag,.is-yemen-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ye.svg)}.ts-flag:is(.is-yt-flag,.is-mayotte-flag){background-image:url(flags/4x3/yt.svg)}.ts-flag:is(.is-yt-flag,.is-mayotte-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/yt.svg)}.ts-flag:is(.is-za-flag,.is-south-africa-flag){background-image:url(flags/4x3/za.svg)}.ts-flag:is(.is-za-flag,.is-south-africa-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/za.svg)}.ts-flag:is(.is-zm-flag,.is-zambia-flag){background-image:url(flags/4x3/zm.svg)}.ts-flag:is(.is-zm-flag,.is-zambia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/zm.svg)}.ts-flag:is(.is-zw-flag,.is-zimbabwe-flag){background-image:url(flags/4x3/zw.svg)}.ts-flag:is(.is-zw-flag,.is-zimbabwe-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/zw.svg)}.ts-flag:is(.is-zz-flag,.is-unknown-flag){background-image:url(flags/4x3/zz.svg)}.ts-flag:is(.is-zz-flag,.is-unknown-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/zz.svg)}.ts-statistic{--accent-color:initial;--accent-foreground-color:initial;align-items:center;color:inherit;display:flex;gap:.5rem}.ts-statistic .value{align-items:center;color:var(--accent-color,inherit);display:inline-flex;font-size:var(--ts-relative-massive);font-weight:500;line-height:1.4}.ts-statistic .comparison,.ts-statistic .unit{color:var(--ts-gray-600);font-size:var(--ts-relative-medium)}.ts-statistic .comparison{align-items:center;display:flex;justify-content:center}.ts-statistic .comparison:before{font-family:Icons;font-size:1rem;margin-right:.35rem;margin-top:2px}.ts-statistic .ts-icon{font-size:var(--ts-relative-massive);margin-right:.5rem}.ts-statistic.is-start-aligned>.value{justify-content:flex-start}.ts-statistic.is-center-aligned>.value{justify-content:center}.ts-statistic.is-centered{align-items:center;display:flex;justify-content:center}.ts-statistic>.value.is-text{font-size:1em;min-height:2.425rem}.ts-statistic .comparison.is-increased:before{content:"\f0d8"}.ts-statistic .comparison.is-decreased:before{content:"\f0d7"}.ts-statistic.is-decreased .value:before,.ts-statistic.is-increased .value:before{font-family:Icons;margin-right:.5rem}.ts-statistic.is-increased .value:before{content:"\f0d8"}.ts-statistic.is-decreased .value:before{content:"\f0d7"}.ts-statistic.is-fluid{width:100%}.ts-statistic.is-mini.is-mini.is-mini{font-size:.8125rem}.ts-statistic.is-tiny.is-tiny.is-tiny{font-size:.875rem}.ts-statistic.is-small.is-small.is-small{font-size:.9375rem}.ts-statistic.is-large.is-large.is-large{font-size:1.125rem}.ts-statistic.is-big.is-big.is-big{font-size:1.375rem}.ts-statistic.is-huge.is-huge.is-huge{font-size:1.75rem}.ts-statistic.is-massive.is-massive.is-massive{font-size:2rem}.ts-app-sidebar{--accent-color:initial;--accent-foreground-color:initial;margin-right:1.5rem}.ts-app-sidebar .item{color:var(--ts-gray-800);display:flex;font-weight:500;padding:.7rem 1.5rem;text-decoration:none}.ts-app-sidebar .header{color:var(--ts-gray-500);font-size:var(--ts-font-size-15px);font-weight:700;padding:.75rem 1.5rem}.ts-app-sidebar .item+.header{margin-top:1.5rem}.ts-app-sidebar .item .ts-icon{font-size:1.1em;margin-right:1rem}.ts-app-sidebar .item.is-active{background:var(--accent-color,var(--ts-gray-800));border-radius:0 100rem 100rem 0;color:var(--accent-foreground-color,var(--ts-gray-50))}.ts-app-sidebar .item.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-app-sidebar.is-dense .item{padding-bottom:.4rem;padding-top:.4rem}.ts-app-sidebar.is-dense .item+.header{margin-top:.5rem}.ts-app-sidebar.is-dense .header{padding-bottom:.45rem;padding-top:.45rem}.ts-app-navbar{--accent-color:initial;--accent-foreground-color:initial}.ts-app-navbar,.ts-app-navbar .item{align-items:center;display:inline-flex}.ts-app-navbar .item{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;border-radius:.4rem;color:var(--ts-gray-500);flex-direction:column;font-size:14px;font-weight:500;gap:.3rem;justify-content:center;margin:0;padding-left:1rem;padding-right:1rem;text-align:center;text-decoration:none}.ts-app-navbar .item .ts-icon{font-size:1.2rem;line-height:1.2}.ts-app-navbar .item .label{line-height:1}.ts-app-navbar.is-fluid{display:flex}.ts-app-navbar.is-fluid .item{flex:1}.ts-app-navbar.is-unlabeled .item:not(.is-active) .label{display:none}.ts-app-navbar .item.is-active{color:var(--accent-color,var(--ts-gray-800))}.ts-app-navbar .item.is-active .ts-icon{--accent-color:inherit;--accent-foreground-color:inherit}.ts-app-navbar .item.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-app-navbar.is-vertical{flex-direction:column}.ts-app-navbar.is-vertical .item{padding:.8rem 0}.ts-app-navbar.is-vertical .item:first-child{padding-top:0}.ts-app-navbar.is-indicated .item{color:var(--ts-gray-800)}.ts-app-navbar.is-indicated .item .ts-icon{align-items:center;border-radius:100rem;display:flex;font-size:1.2rem;justify-content:center;line-height:1.2;min-height:26px;padding:.25rem 1rem;width:auto}.ts-app-navbar.is-indicated .item.is-active .ts-icon{background:var(--accent-color,var(--ts-gray-800));color:var(--accent-foreground-color,var(--ts-gray-50))}.ts-app-navbar.is-dense .item{gap:.25rem}.ts-app-navbar.is-dense.is-indicated .item .ts-icon{min-height:25px;padding-bottom:.15rem;padding-top:.15rem}.ts-snackbar{background:var(--ts-static-gray-800);border-radius:.4rem;color:var(--ts-white);display:inline-flex;font-size:var(--ts-absolute-small);padding:.35rem 1rem}.ts-snackbar .content{margin:.25rem 0}.ts-snackbar .action{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;align-self:flex-start;appearance:none;-webkit-appearance:none;background:transparent;border:none;border-radius:0;border-radius:.4rem;box-sizing:border-box;color:inherit;color:var(--ts-primary-400);cursor:pointer;font:inherit;font-size:var(--ts-absolute-small);font-weight:500;line-height:normal;line-height:1;margin:0 -.5rem 0 2rem;outline:none;overflow:visible;padding:.65em 1em;user-select:none;white-space:nowrap;width:auto}.ts-snackbar .action.is-negative{color:var(--ts-negative-500)}details.ts-accordion{box-sizing:border-box;color:inherit}details.ts-accordion summary{list-style-type:none}details.ts-accordion summary::-webkit-details-marker{display:none}details.ts-accordion summary::marker{display:none}details.ts-accordion summary{align-items:center;cursor:pointer;display:flex;user-select:none}details.ts-accordion summary:before{-webkit-font-smoothing:antialiased;backface-visibility:hidden;color:var(--ts-gray-600);content:"\f078";display:inline;display:block;font-family:Icons;font-size:14px;font-style:normal;font-weight:400;line-height:1;margin-right:.7rem;text-align:center;text-decoration:inherit;transform:rotate(270deg);width:1.18em}details.ts-accordion[open] summary:before{transform:rotate(0deg)}details.ts-accordion[open] summary{margin-bottom:.5rem}.ts-mask{background:rgba(0,0,0,.5);bottom:0;color:var(--ts-gray-50);left:0;position:absolute;right:0;top:0;z-index:101}.ts-mask.is-top{bottom:auto;top:0}.ts-mask.is-middle{bottom:auto;top:50%;transform:translateY(-50%)}.ts-mask.is-bottom{bottom:0;top:auto}.ts-mask.is-blurring{backdrop-filter:blur(3px)}.ts-mask.is-secondary{background:transparent;color:var(--ts-gray-800)}.ts-mask.is-faded.is-top{background:linear-gradient(180deg,rgba(0,0,0,.5) 0,transparent)}.ts-mask.is-faded.is-bottom{background:linear-gradient(0deg,rgba(0,0,0,.5) 0,transparent)}@keyframes ts-placeholder-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes ts-placeholder-blink{30%{opacity:0}}.ts-placeholder .image,.ts-placeholder .image.is-header:after,.ts-placeholder .image.is-header:before,.ts-placeholder .text{background:var(--ts-gray-200);height:.8em;margin:.8em 0;width:45%}.ts-placeholder:first-child>:first-child{margin-top:0}.ts-placeholder:last-child>:last-child{margin-bottom:0}.ts-placeholder .image{height:150px;width:100%}.ts-placeholder .text:first-child{width:43%}.ts-placeholder .text:nth-child(2){width:78%}.ts-placeholder .text:nth-child(3){width:70%}.ts-placeholder .text:nth-child(4){width:80%}.ts-placeholder .text:nth-child(5){width:60%}.ts-placeholder .text:nth-child(6){width:44%}.ts-placeholder .text:nth-child(7){width:63%}.ts-placeholder .text:nth-child(8){width:49%}.ts-placeholder .text:nth-child(9){width:72%}.ts-placeholder .text:nth-child(10){width:61%}.ts-placeholder .text:nth-child(11){width:45%}.ts-placeholder .text:nth-child(12){width:55%}.ts-placeholder .text:nth-child(13){width:56%}.ts-placeholder .text:nth-child(14){width:57%}.ts-placeholder .text:nth-child(15){width:73%}.ts-placeholder .text:nth-child(16){width:59%}.ts-placeholder .text:nth-child(17){width:47%}.ts-placeholder .text:nth-child(18){width:77%}.ts-placeholder .text.is-header{background:var(--ts-gray-300)}.ts-placeholder .image.is-header{height:36px;position:static;width:36px}.ts-placeholder .image.is-header:after,.ts-placeholder .image.is-header:before{content:"";margin:0;position:absolute}.ts-placeholder .image.is-header:after{background:var(--ts-gray-300);left:calc(36px + 1rem);top:0;width:65%}.ts-placeholder .image.is-header:before{left:calc(36px + 1rem);top:25px;width:55%}.ts-placeholder.is-preparing .image,.ts-placeholder.is-preparing .image.is-header:after,.ts-placeholder.is-preparing .image.is-header:before,.ts-placeholder.is-preparing .text,.ts-placeholder.is-preparing .text.is-header{animation-duration:1.8s;animation-fill-mode:alternate;animation-iteration-count:infinite;animation-name:ts-placeholder-blink;animation-timing-function:linear}.ts-placeholder.is-loading .image,.ts-placeholder.is-loading .image.is-header:after,.ts-placeholder.is-loading .image.is-header:before,.ts-placeholder.is-loading .text,.ts-placeholder.is-loading .text.is-header{animation-duration:1.2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:ts-placeholder-shimmer;animation-timing-function:linear;background:linear-gradient(to right,var(--ts-gray-200) 8%,var(--ts-gray-300) 18%,var(--ts-gray-200) 33%);background-size:1000px 200px}.ts-placeholder.is-loading .text.is-header{background:linear-gradient(to right,var(--ts-gray-300) 8%,var(--ts-gray-400) 18%,var(--ts-gray-300) 33%);background-size:1000px 200px}.ts-placeholder.is-rounded *{border-radius:.4rem}.ts-placeholder .text.is-short,.ts-placeholder .text.is-very-short{width:30%}.ts-placeholder .text.is-extra-short{width:20%}.ts-placeholder .text.is-long{width:70%}.ts-placeholder .text.is-very-long{width:80%}.ts-placeholder .text.is-extra-long{width:90%}.ts-header{--accent-color:initial;--accent-foreground-color:initial;align-items:center;color:var(--accent-color,inherit);display:flex;font-size:var(--ts-font-size-17px);font-weight:500;line-height:1.6}a.ts-header{text-decoration:none}a.ts-header:hover{text-decoration:underline}.ts-header.is-truncated{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-header.is-negative{color:var(--ts-negative-600)}.ts-header.is-heavy{font-weight:700!important}.ts-header.is-center-aligned{justify-content:center;text-align:center}.ts-header.is-start-aligned{justify-content:flex-start;text-align:left}.ts-header.is-end-aligned{justify-content:flex-end;text-align:right}.ts-header.is-uppercased{text-transform:uppercase}.ts-header.is-lowercased{text-transform:lowercase}.ts-header.is-icon{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.ts-header.is-icon .ts-icon{font-size:3em;line-height:1;margin-bottom:.5rem;width:auto}.ts-header:is(.is-start-icon,.is-end-icon) .ts-icon{font-size:1.5em}.ts-header.is-start-icon .ts-icon{margin-right:.5rem}.ts-header.is-end-icon .ts-icon{margin-left:.5rem}.ts-header.is-secondary{color:var(--ts-gray-500)}.ts-header.is-large{font-size:var(--ts-font-size-20px)}.ts-header.is-big{font-size:var(--ts-font-size-24px)}.ts-header.is-huge{font-size:var(--ts-font-size-30px)}.ts-header.is-massive{font-size:var(--ts-font-size-33px)}.ts-segment{--accent-color:initial;--accent-foreground-color:initial;--ts-indicator-color:var(--accent-color,var(--ts-gray-900));background:var(--ts-gray-50);border:1px solid var(--ts-gray-300);border-radius:.4rem;box-sizing:border-box;color:inherit;display:block;overflow:hidden;padding:1rem;text-decoration:none}a.ts-segment:hover{border-color:var(--ts-gray-400)}.ts-segment.is-collapsed{width:fit-content}.ts-segment.is-top-indicated{border-top:3px solid var(--ts-indicator-color)}.ts-segment.is-bottom-indicated{border-bottom:3px solid var(--ts-indicator-color)}.ts-segment.is-left-indicated{border-left:3px solid var(--ts-indicator-color)}.ts-segment.is-right-indicated{border-right:3px solid var(--ts-indicator-color)}.ts-segment.is-secondary{background:var(--ts-gray-75)}.ts-segment.is-tertiary{background:var(--ts-gray-100)}.ts-segment.is-start-aligned{text-align:left}.ts-segment.is-end-aligned{text-align:right}.ts-segment.is-center-aligned{text-align:center}.ts-segment[class*=-indicated].is-negative{--ts-indicator-color:var(--ts-negative-500)}.ts-segment[class*=-indicated].is-positive{--ts-indicator-color:var(--ts-positive-500)}.ts-segment[class*=-indicated].is-warning{--ts-indicator-color:var(--ts-warning-500)}.ts-segment.is-elevated{box-shadow:0 1px 5px 0 #00000024}.ts-segment.is-very-elevated{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}.ts-segment.is-padded{padding:1.5rem}.ts-segment.is-horizontally-padded{padding-left:1.5rem;padding-right:1.5rem}.ts-segment.is-vertically-padded{padding-bottom:1.5rem;padding-top:1.5rem}.ts-segment.is-very-padded{padding:3.5rem}.ts-segment.is-horizontally-very-padded{padding-left:3.5rem;padding-right:3.5rem}.ts-segment.is-vertically-very-padded{padding-bottom:3.5rem;padding-top:3.5rem}.ts-segment.is-dense{padding-bottom:.5rem;padding-top:.5rem}.ts-quote{--accent-color:initial;--accent-foreground-color:initial;color:inherit;padding-left:3rem;padding-top:1rem}.ts-quote:before{color:var(--accent-color,var(--ts-gray-300));content:"“";font-family:Georgia,Times New Roman,Times;font-size:5rem;left:0;line-height:1;position:absolute;top:0}.ts-quote .cite{color:var(--ts-gray-600);font-style:normal;margin-top:1rem}.ts-quote.is-heading{color:var(--ts-gray-800);font-size:var(--ts-font-size-20px);font-weight:500;padding:0;text-align:center}.ts-quote.is-heading:before{background:var(--accent-color,var(--ts-gray-100));border-radius:50%;color:var(--accent-foreground-color,var(--ts-gray-800));content:"”";display:block;font-size:3.3rem;font-weight:700;height:2.6rem;line-height:1.2;margin:0 auto .5rem;position:relative;text-align:center;width:2.6rem}.ts-quote.is-heading .cite{font-size:15px;font-weight:400;margin-top:0}.ts-quote.is-secondary{border-left:5px solid var(--accent-color,var(--ts-gray-300));padding:0 0 0 2rem}.ts-quote.is-secondary:before{display:none}.ts-quote.is-small{font-size:var(--ts-font-size-14px)}.ts-quote.is-large{font-size:var(--ts-font-size-17px)}.ts-app-layout{color:inherit;display:flex;flex-direction:row}.ts-app-layout .cell{background:var(--ts-gray-50);flex-shrink:0;overflow:auto}.ts-app-layout.is-full{height:100%;width:100%}.ts-app-layout.is-horizontal{display:flex;flex-direction:row}.ts-app-layout.is-horizontal>.cell:not(:last-child){border-right:1px solid var(--ts-gray-300)}.ts-app-layout .cell.is-horizontal{display:flex;flex-direction:row}.ts-app-layout .cell.is-horizontal>.cell:not(:last-child){border-right:1px solid var(--ts-gray-300)}.ts-app-layout.is-vertical{display:flex;flex-direction:column}.ts-app-layout.is-vertical>.cell:not(:last-child){border-bottom:1px solid var(--ts-gray-300)}.ts-app-layout .cell.is-vertical{display:flex;flex-direction:column}.ts-app-layout .cell.is-vertical>.cell:not(:last-child){border-bottom:1px solid var(--ts-gray-300)}.ts-app-layout .cell.is-scrollable{overflow-y:auto}.ts-app-layout .cell.is-fluid{flex:1;flex-shrink:1}.ts-app-layout .cell.is-secondary{background:var(--ts-gray-75)}.ts-app-layout .cell.is-tertiary{background:var(--ts-gray-100)}.ts-avatar{--accent-color:initial;--accent-foreground-color:initial;align-items:center;border:1px solid transparent;border-radius:.4rem;display:inline-flex;height:32px;justify-content:center;overflow:hidden;vertical-align:middle;white-space:nowrap;width:32px}.ts-avatar img{width:100%}.ts-avatar.is-circular,.ts-avatar.is-circular img{border-radius:100rem}.ts-avatar.is-text{align-items:center;background:var(--accent-color,var(--ts-gray-200));color:var(--accent-foreground-color,var(--ts-gray-600));display:inline-flex;font-size:1.1rem;font-weight:500;justify-content:center}.ts-avatar.is-bordered{border-color:var(--ts-gray-300)}.ts-avatar.is-group{flex-direction:row-reverse;height:auto;justify-content:flex-end;width:auto}.ts-avatar.is-group .ts-avatar:not(:last-child){margin-inline-start:-.6rem}.ts-avatar.is-small{height:24px;width:24px}.ts-avatar.is-large{height:48px;width:48px}.ts-wrap{display:flex;flex-wrap:wrap;gap:1rem}.ts-wrap.is-vertical{flex-direction:column}.ts-wrap.is-top-aligned{align-items:flex-start}.ts-wrap.is-middle-aligned{align-items:center}.ts-wrap.is-bottom-aligned{align-items:flex-end}.ts-wrap.is-start-aligned{justify-content:flex-start}.ts-wrap.is-center-aligned{justify-content:center}.ts-wrap.is-end-aligned{justify-content:flex-end}.ts-wrap.is-start-aligned.is-vertical{align-items:flex-start}.ts-wrap.is-center-aligned.is-vertical{align-items:center}.ts-wrap.is-end-aligned.is-vertical{align-items:flex-end}.ts-wrap.is-relaxed{gap:2rem}.ts-wrap.is-compact{gap:.5rem}.ts-container{--ts-container-gap:1rem;box-sizing:border-box;color:inherit;margin:0 auto;max-width:1180px;padding:0 var(--ts-container-gap);width:100%}.ts-container.is-padded{--ts-container-gap:2rem}.ts-container.is-fitted{--ts-container-gap:0}.ts-container.is-narrow{max-width:910px}.ts-container.is-very-narrow{max-width:720px}.ts-container.is-fluid{max-width:100%}.ts-control{color:inherit;display:grid;gap:2rem;grid-template-columns:220px 1fr}.ts-control .label{color:var(--ts-gray-800);font-weight:500;line-height:2.4;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.ts-control .content{max-width:75%}.ts-control .content.is-padded{padding-top:.45rem}.ts-control.is-stacked{gap:1rem;grid-template-columns:1fr}.ts-control.is-stacked .label{line-height:1;text-align:left}.ts-control.is-stacked .content{max-width:100%;width:100%}.ts-control .content.is-fluid{max-width:none}.ts-control .label.is-start-aligned{text-align:left}.ts-control.is-wide{grid-template-columns:150px 1fr}.ts-control.is-wide .content{max-width:90%}.ts-menu{--object-distance:0.8rem;--accent-color:initial;--accent-foreground-color:initial;flex-direction:column}.ts-menu,.ts-menu .item{color:inherit;display:flex}.ts-menu .item{align-items:center;appearance:none;background:transparent;border:unset;font-family:inherit;font-size:inherit;gap:var(--object-distance);line-height:1;padding:.8rem 1rem;text-align:inherit;text-decoration:none}.ts-menu .item .ts-icon{font-size:1.1em}.ts-menu .item .ts-badge{margin-left:auto;margin-top:-1px}.ts-menu .item .ts-avatar{margin-bottom:-.4rem;margin-top:-.4rem}.ts-menu .item .description{color:var(--ts-gray-500);float:right;font-size:var(--ts-relative-small);margin-left:auto;text-align:right}.ts-menu .item:hover{background:var(--ts-gray-75);cursor:pointer}.ts-menu .item :where(.ts-row,.ts-grid){flex:1}.ts-menu .item.is-active{background:var(--accent-color,var(--ts-gray-800));color:var(--accent-foreground-color,var(--ts-gray-50))}.ts-menu .item.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-menu .item.is-selected{background:var(--accent-color,var(--ts-primary-700));color:var(--accent-foreground-color,var(--ts-white))}.ts-menu.is-separated{gap:.25rem}.ts-menu.is-separated .item{border-radius:.4rem}.ts-menu.is-end-icon .item .ts-icon,.ts-menu.is-start-icon .item .ts-icon{display:inline-block;margin-top:2px;min-width:1rem;text-align:center}.ts-menu.is-end-icon .item .ts-icon{margin-left:auto}.ts-menu.is-collapsed{width:fit-content}.ts-menu.is-relaxed .item{padding-bottom:1.1rem;padding-top:1.1rem}.ts-menu.is-dense .item{padding-bottom:.65rem;padding-top:.65rem}.ts-menu.is-small{font-size:var(--ts-font-size-14px)}.ts-menu.is-large{font-size:var(--ts-font-size-16px)}.ts-menu.is-horizontally-padded .item{padding-left:1.5rem;padding-right:1.5rem}.ts-menu.is-horizontally-very-padded .item{padding-left:3.5rem;padding-right:3.5rem}.ts-checklist{display:flex;flex-direction:column;gap:.5rem;margin-right:1.5rem}.ts-checklist .item{color:var(--ts-gray-800);padding-left:28px;text-decoration:none}.ts-checklist .item:before{-webkit-font-smoothing:antialiased;backface-visibility:hidden;border-radius:100rem;display:inline-block;font-family:Icons;font-size:var(--ts-font-size-12px);font-style:normal;font-weight:400;height:20px;left:0;line-height:1;padding:.3rem .25rem .1rem;position:absolute;text-align:center;text-decoration:inherit;top:3px;transform:scale(.9);vertical-align:middle;width:20px}.ts-checklist .item.is-positive:before{background:var(--ts-tonal-positive-400);color:var(--ts-tonal-positive-800);content:"\f00c"}.ts-checklist .item.is-negative:before{background:var(--ts-tonal-negative-400);color:var(--ts-tonal-negative-800);content:"\f00d"}.ts-checklist .item.is-added:before{background:var(--ts-tonal-positive-400);color:var(--ts-tonal-positive-800);content:"\f067"}.ts-checklist .item.is-removed:before{background:var(--ts-tonal-negative-400);color:var(--ts-tonal-negative-800);content:"\f068"}.ts-checklist .item.is-info:before{background:var(--ts-tonal-primary-400);color:var(--ts-tonal-primary-800);content:"\f129"}.ts-checklist .item.is-warning:before{background:var(--ts-tonal-warning-400);color:var(--ts-tonal-warning-800);content:"\21"}.ts-imageset{display:grid;gap:1rem}.ts-imageset .item{min-height:min-content}.ts-imageset .item img{height:100%;object-fit:cover;vertical-align:top;width:100%}.ts-imageset.is-2-images{grid-template-columns:repeat(1,1fr)}.ts-imageset.is-3-images{grid-template-columns:repeat(2,1fr);grid-template-rows:1.777fr 1fr}.ts-imageset.ts-imageset.is-3-images .item:first-child{grid-column:1/3}.ts-imageset.is-4-images{grid-template-columns:repeat(3,1fr);grid-template-rows:1.777fr 1fr}.ts-imageset.ts-imageset.is-4-images .item:first-child{grid-column:1/4}.ts-imageset.is-portrait .item img{object-position:top}.ts-imageset.is-portrait.is-2-images{grid-template-columns:repeat(2,1fr)}.ts-imageset.is-portrait.is-3-images{grid-template-columns:1.4fr 1fr;grid-template-rows:repeat(2,1fr)}.ts-imageset.is-portrait.is-3-images .item:first-child{grid-column:initial;grid-row:1/3}.ts-imageset.is-portrait.is-4-images{grid-template-columns:1.4fr 1fr;grid-template-rows:repeat(3,1fr)}.ts-imageset.is-portrait.is-4-images .item:first-child{grid-column:initial;grid-row:1/4}.ts-imageset.is-rounded .item img{border-radius:.4rem}.ts-imageset.is-circular.is-portrait .item:first-child img{border-bottom-left-radius:.4rem;border-top-left-radius:.4rem}.ts-imageset.is-circular.is-portrait .item:nth-child(2) img{border-top-right-radius:.4rem}.ts-imageset.is-circular.is-portrait .item:last-child img{border-bottom-right-radius:.4rem}.ts-imageset.is-circular:not(.is-portrait) .item:first-child img{border-top-left-radius:.4rem;border-top-right-radius:.4rem}.ts-imageset.is-circular:not(.is-portrait) .item:nth-child(2) img{border-bottom-left-radius:.4rem}.ts-imageset.is-circular:not(.is-portrait) .item:last-child img{border-bottom-right-radius:.4rem}.ts-imageset.is-relaxed{gap:1.5rem}.ts-imageset.is-compact{gap:.5rem}.ts-iconset{--accent-color:initial;--accent-foreground-color:initial;display:flex;gap:1rem;line-height:1.7}.ts-iconset .ts-icon{align-items:center;background:var(--accent-color,var(--ts-gray-100));border-radius:.4rem;color:var(--accent-foreground-color,inherit);display:flex;font-size:1.4rem;height:3rem;justify-content:center;min-width:3rem;width:3rem}.ts-iconset .content .title{font-weight:500;line-height:1.4}.ts-iconset.is-circular .ts-icon{border-radius:100rem}.ts-iconset.is-outlined .ts-icon{background:transparent;border:2px solid var(--ts-gray-300);box-sizing:border-box;color:var(--accent-color,inherit)}.ts-conversation{--brand-color:var(--ts-primary-600);display:flex;gap:1rem}.ts-conversation .avatar img{border-radius:.4rem;width:40px}.ts-conversation .bubble{background:var(--ts-gray-100);border-radius:.4rem;font-size:var(--ts-font-size-14px);line-height:1.5;overflow:hidden;padding:.5rem .8rem}.ts-conversation .bubble:after{clear:both;content:"";display:block}.ts-conversation .bubble .author{color:var(--brand-color);font-weight:500}.ts-conversation .bubble .meta{align-items:center;bottom:-3px;color:var(--ts-gray-500);display:inline-flex;float:right;font-size:var(--ts-font-size-14px);gap:.65rem;justify-content:flex-end;line-height:1.5;margin-left:.6rem}.ts-conversation .bubble .meta.is-floated{background:rgba(0,0,0,.2);border-radius:.4rem;bottom:.5rem;color:var(--ts-white);padding:.1rem .4rem;position:absolute;right:.5rem}.ts-conversation .bubble .text{display:inline}.ts-conversation .bubble .text a{color:var(--ts-link-700)}.ts-conversation .bubble .quote{--brand-color:var(--ts-positive-600);border-left:2px solid var(--brand-color);margin:.5rem 0;padding-left:.8rem}.ts-conversation .bubble .quote .author{color:var(--brand-color);font-weight:500}.ts-conversation .bubble .preview{--brand-color:#1074c5;border-left:2px solid var(--brand-color);display:flex;flex-direction:column;gap:.25rem;margin:.5rem 0;padding-left:.8rem}.ts-conversation .bubble .site{color:var(--brand-color);font-weight:500}.ts-conversation .bubble .title{font-weight:500}.ts-conversation .bubble .embed{border-radius:.4rem;overflow:hidden}.ts-conversation .bubble .embed>*{object-fit:cover;vertical-align:top;width:100%}.ts-conversation .bubble .object{margin:.4rem -.8rem}.ts-conversation:is(.is-sent,.is-sending,.is-error,.is-read,.is-warning) .bubble .meta:after{-webkit-font-smoothing:antialiased;backface-visibility:hidden;color:var(--ts-gray-500);font-family:Icons;font-size:var(--ts-font-size-13px);font-style:normal;font-weight:400;text-align:center;text-decoration:inherit;width:1.18em}.ts-conversation.is-sent .bubble .meta:after{content:"\f00c"}.ts-conversation.is-sending .bubble .meta:after{content:"\f017"}.ts-conversation.is-read .bubble .meta:after{content:"\f560"}.ts-conversation.is-error .bubble .meta:after{color:var(--ts-negative-400);content:"\f071"}.ts-conversation.is-self{flex-direction:row-reverse}.ts-conversation.is-self .bubble{background:#e8fbd1;color:var(--ts-black)}.ts-conversation.is-self .bubble .author,.ts-conversation.is-self .bubble .meta,.ts-conversation.is-self .bubble .meta:after{color:#538e0b}.ts-conversation.is-object-only .bubble{padding:0}.ts-conversation.is-object-only .bubble .object{margin:0}.ts-conversation.is-object-only .bubble .meta{background:rgba(0,0,0,.2);border-radius:.4rem;bottom:.5rem;color:var(--ts-white);padding:.1rem .4rem;position:absolute;right:.5rem}.ts-conversation.is-object-only .bubble .meta:after{color:var(--ts-white)}.ts-modal{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:none;justify-content:center;left:0;overflow-y:auto;padding:2rem 1rem;position:fixed;right:0;top:0;z-index:102}.ts-modal>.content{background:var(--ts-gray-50);border-radius:.4rem;box-shadow:0 0 20px rgba(0,0,0,.1);margin:auto;overflow:hidden;width:380px}.ts-modal.is-visible{display:flex}.ts-modal.is-small>.content{width:280px}.ts-modal.is-large>.content{width:580px}.ts-modal.is-big>.content{width:780px}.ts-gauge{--length:0.8;--value:0;--size:5rem;--thickness:calc(var(--size)/10);--accent-color:initial;--accent-foreground-color:initial}.ts-gauge,.ts-gauge .bar{background-color:transparent;border-radius:9999px;box-sizing:content-box;display:inline-grid;height:var(--size);place-content:center;position:relative;vertical-align:middle;width:var(--size)}.ts-gauge{--value:100;transform:rotate(216deg)}.ts-gauge .bar:before,.ts-gauge:before{border-radius:9999px;content:"";position:absolute}.ts-gauge .bar:before{background:conic-gradient(var(--accent-color,currentColor) calc(var(--value)*1%*var(--length)),#0000 0);bottom:0;left:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--thickness)),rgba(0,0,0,.85) calc(100% - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(99% - var(--thickness)),rgba(0,0,0,.85) calc(100% - var(--thickness)));right:0;top:0}.ts-gauge:before{background:conic-gradient(currentColor calc(var(--value)*var(--length)*1%),#0000 0);bottom:0;left:0;-webkit-mask:radial-gradient(farthest-side,#f000 calc(99% - var(--thickness)),#0000001a calc(100% - var(--thickness)));mask:radial-gradient(farthest-side,#f000 calc(99% - var(--thickness)),#0000001a calc(100% - var(--thickness)));right:0;top:0}.ts-gauge .bar .text{transform:rotate(-216deg)}.ts-gauge.is-circular{--length:1;transform:none}.ts-gauge.is-circular .bar .text{transform:none}.ts-gauge.is-uplifted{--length:0.7;transform:rotate(180deg)}.ts-gauge.is-uplifted .bar .text{transform:rotate(-180deg)}.ts-gauge.is-centered{display:grid;margin:0 auto}.ts-gauge.is-small{--size:4rem}.ts-gauge.is-large{--size:6rem}.ts-tooltip{--ts-tooltip-x:0;background:var(--ts-gray-600);border-radius:.2rem;color:var(--ts-gray-50);font-size:var(--ts-font-size-13px);font-weight:400;margin:0 15px;max-width:calc(300px - 2rem);padding:.1rem .35rem;position:absolute;visibility:hidden;z-index:99}.ts-tooltip.is-visible{visibility:visible}.ts-tooltip .arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}.ts-tooltip[class*=is-bottom] .arrow{border-bottom-color:var(--ts-gray-600);border-width:0 5px 5px;top:-4px}.ts-tooltip[class*=is-top] .arrow{border-top-color:var(--ts-gray-600);border-width:5px 5px 0;bottom:-4px}.ts-tooltip[class$=start] .arrow{left:10px}.ts-tooltip[class$=end] .arrow{right:10px}.ts-tooltip:not([class$=start]):not([class$=end]) .arrow{left:calc(var(--ts-tooltip-x) - 17.5px)}.ts-dropdown{--object-distance:0.8rem;--ts-dropdown-min-width:initial;--ts-dropdown-position:absolute;--accent-color:initial;--accent-foreground-color:initial;background:var(--ts-gray-50);border:1px solid var(--ts-gray-300);border-radius:.4rem;box-shadow:0 0 10px 0 rgba(0,0,0,.1);color:inherit;display:none;flex-direction:column;font-size:var(--ts-font-size-14px);min-width:var(--ts-dropdown-min-width);padding:.2rem 0;position:var(--ts-dropdown-position);white-space:nowrap;z-index:100}.ts-dropdown>.item{align-items:center;appearance:none;background:transparent;border:unset;color:inherit;display:flex;font-family:inherit;font-size:inherit;gap:var(--object-distance);line-height:1;min-width:0;padding:.65rem 1rem;text-align:inherit;text-decoration:none}.ts-dropdown .item .ts-icon{font-size:1.1em}.ts-dropdown .item .ts-avatar{margin-bottom:-.4rem;margin-left:-.2rem;margin-top:-.4rem}.ts-dropdown .item .description{color:var(--ts-gray-500);float:right;font-size:var(--ts-relative-small);margin-left:auto;text-align:right}.ts-dropdown .item:hover{background:var(--ts-gray-75);cursor:pointer}.ts-dropdown .item :where(.ts-row,.ts-grid){flex:1}.ts-dropdown .item.is-active{background:var(--accent-color,var(--ts-gray-800));color:var(--accent-foreground-color,var(--ts-gray-50))}.ts-dropdown .item.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-dropdown .item.is-selected{background:var(--accent-color,var(--ts-primary-700));color:var(--accent-foreground-color,var(--ts-white))}.ts-dropdown.is-separated{gap:.25rem;padding-left:.25rem;padding-right:.25rem}.ts-dropdown.is-separated .item{border-radius:.4rem}.ts-dropdown.is-end-icon .item .ts-icon,.ts-dropdown.is-start-icon .item .ts-icon{display:inline-block;margin-top:2px;min-width:1rem;text-align:center}.ts-dropdown.is-end-icon .item .ts-icon{margin-left:auto}.ts-dropdown.is-relaxed .item{padding-bottom:.8rem;padding-top:.8rem}.ts-dropdown.is-dense .item{padding-bottom:.55rem;padding-top:.55rem}.ts-dropdown.is-small{font-size:var(--ts-font-size-13px)}.ts-dropdown.is-large{font-size:var(--ts-font-size-15px)}.ts-dropdown.is-visible{display:inline-flex}.ts-dropdown.is-scrollable{overflow:auto;overflow-x:hidden}@media screen and (max-width:766px){.ts-dropdown.is-scrollable{max-height:10rem}}@media screen and (min-width:766px){.ts-dropdown.is-scrollable{max-height:15rem}}@media screen and (min-width:993px){.ts-dropdown.is-scrollable{max-height:19rem}}.ts-dropdown.is-top-left{bottom:calc(100% + .5rem);left:0}.ts-dropdown.is-bottom-left{left:0;top:calc(100% + .5rem)}.ts-dropdown.is-bottom-center{left:50%;top:calc(100% + .5rem);transform:translateX(-50%)}.ts-dropdown.is-top-center{bottom:calc(100% + .5rem);left:50%;transform:translateX(-50%)}.ts-dropdown.is-top-right{bottom:calc(100% + .5rem);right:0}.ts-dropdown.is-bottom-right{right:0;top:calc(100% + .5rem)}.ts-dropdown.is-top{bottom:calc(100% + .5rem);left:0;min-width:min-content;right:0}.ts-dropdown.is-bottom{left:0;min-width:min-content;right:0;top:calc(100% + .5rem)}.is-light,html[data-scheme=dark] .is-inverted,html[data-scheme=light]{--ts-gray-50:var(--ts-light-gray-50);--ts-gray-75:var(--ts-light-gray-75);--ts-gray-100:var(--ts-light-gray-100);--ts-gray-200:var(--ts-light-gray-200);--ts-gray-300:var(--ts-light-gray-300);--ts-gray-400:var(--ts-light-gray-400);--ts-gray-500:var(--ts-light-gray-500);--ts-gray-600:var(--ts-light-gray-600);--ts-gray-700:var(--ts-light-gray-700);--ts-gray-800:var(--ts-light-gray-800);--ts-gray-900:var(--ts-light-gray-900);--ts-tonal-positive-400:#cdffbe;--ts-tonal-positive-800:#357016;--ts-tonal-negative-400:#ffbebe;--ts-tonal-negative-800:#701616;--ts-tonal-primary-400:#d9edff;--ts-tonal-primary-800:#005cde;--ts-tonal-warning-400:#fff7ae;--ts-tonal-warning-800:#866800;color-scheme:light}.is-dark,.is-inverted,html[data-scheme=dark],html[data-scheme=light] .is-inverted{--ts-gray-50:var(--ts-dark-gray-50);--ts-gray-75:var(--ts-dark-gray-75);--ts-gray-100:var(--ts-dark-gray-100);--ts-gray-200:var(--ts-dark-gray-200);--ts-gray-300:var(--ts-dark-gray-300);--ts-gray-400:var(--ts-dark-gray-400);--ts-gray-500:var(--ts-dark-gray-500);--ts-gray-600:var(--ts-dark-gray-600);--ts-gray-700:var(--ts-dark-gray-700);--ts-gray-800:var(--ts-dark-gray-800);--ts-gray-900:var(--ts-dark-gray-900);--ts-link-700:#8887ff;--ts-tonal-positive-400:#92d34f;--ts-tonal-positive-800:#0e4600;--ts-tonal-negative-400:#d60000;--ts-tonal-negative-800:#fff;--ts-tonal-primary-400:#0a6ffd;--ts-tonal-primary-800:#fff;--ts-tonal-warning-400:#edff00;--ts-tonal-warning-800:#463f00;color-scheme:dark}html[data-scheme=dark] .is-light-only,html[data-scheme=light] .is-dark-only{display:none}@media (prefers-color-scheme:light){html:not([data-scheme=dark]) .is-dark-only{display:none}}@media (prefers-color-scheme:dark){html:not([data-scheme=light]) .is-light-only{display:none}.is-inverted{--ts-gray-50:var(--ts-light-gray-50);--ts-gray-75:var(--ts-light-gray-75);--ts-gray-100:var(--ts-light-gray-100);--ts-gray-200:var(--ts-light-gray-200);--ts-gray-300:var(--ts-light-gray-300);--ts-gray-400:var(--ts-light-gray-400);--ts-gray-500:var(--ts-light-gray-500);--ts-gray-600:var(--ts-light-gray-600);--ts-gray-700:var(--ts-light-gray-700);--ts-gray-800:var(--ts-light-gray-800);--ts-gray-900:var(--ts-light-gray-900);--ts-tonal-positive-400:#cdffbe;--ts-tonal-positive-800:#357016;--ts-tonal-negative-400:#ffbebe;--ts-tonal-negative-800:#701616;--ts-tonal-primary-400:#d9edff;--ts-tonal-primary-800:#005cde;--ts-tonal-warning-400:#fff7ae;--ts-tonal-warning-800:#866800;color-scheme:light}}html[data-scale=small],html[data-scale=small] body{font-size:14px}html[data-scale=large],html[data-scale=large] body{font-size:16px}html[data-background=secondary],html[data-background=secondary] body{background-color:var(--ts-gray-75)}@media screen and (max-width:766px){.is-maximal-only,.is-not-minimal,.is-standard-only{display:none!important}}@media screen and (min-width:766px){.is-minimal-only{display:none!important}}@media screen and (max-width:993px){.is-maximal-only{display:none!important}}@media screen and (min-width:766px) and (max-width:993px){.is-not-standard{display:none!important}}@media screen and (min-width:993px){.is-minimal-only,.is-not-maximal,.is-standard-only{display:none!important}}.ts-grid .column.is-1-minimal{max-width:var(--ts-grid-1-wide);width:var(--ts-grid-1-wide)}.ts-grid .column.is-2-minimal{max-width:var(--ts-grid-2-wide);width:var(--ts-grid-2-wide)}.ts-grid .column.is-3-minimal{max-width:var(--ts-grid-3-wide);width:var(--ts-grid-3-wide)}.ts-grid .column.is-4-minimal{max-width:var(--ts-grid-4-wide);width:var(--ts-grid-4-wide)}.ts-grid .column.is-5-minimal{max-width:var(--ts-grid-5-wide);width:var(--ts-grid-5-wide)}.ts-grid .column.is-6-minimal{max-width:var(--ts-grid-6-wide);width:var(--ts-grid-6-wide)}.ts-grid .column.is-7-minimal{max-width:var(--ts-grid-7-wide);width:var(--ts-grid-7-wide)}.ts-grid .column.is-8-minimal{max-width:var(--ts-grid-8-wide);width:var(--ts-grid-8-wide)}.ts-grid .column.is-9-minimal{max-width:var(--ts-grid-9-wide);width:var(--ts-grid-9-wide)}.ts-grid .column.is-10-minimal{max-width:var(--ts-grid-10-wide);width:var(--ts-grid-10-wide)}.ts-grid .column.is-11-minimal{max-width:var(--ts-grid-11-wide);width:var(--ts-grid-11-wide)}.ts-grid .column.is-12-minimal{max-width:var(--ts-grid-12-wide);width:var(--ts-grid-12-wide)}.ts-grid .column.is-13-minimal{max-width:var(--ts-grid-13-wide);width:var(--ts-grid-13-wide)}.ts-grid .column.is-14-minimal{max-width:var(--ts-grid-14-wide);width:var(--ts-grid-14-wide)}.ts-grid .column.is-15-minimal{max-width:var(--ts-grid-15-wide);width:var(--ts-grid-15-wide)}.ts-grid .column.is-16-minimal{max-width:var(--ts-grid-16-wide);width:var(--ts-grid-16-wide)}.ts-grid.is-2-columns.is-doubling>.column{flex:var(--ts-grid-1-columns);max-width:var(--ts-grid-1-columns)}.ts-grid.is-10-columns.is-doubling>.column,.ts-grid.is-3-columns.is-doubling>.column,.ts-grid.is-4-columns.is-doubling>.column,.ts-grid.is-5-columns.is-doubling>.column,.ts-grid.is-6-columns.is-doubling>.column,.ts-grid.is-7-columns.is-doubling>.column,.ts-grid.is-8-columns.is-doubling>.column,.ts-grid.is-9-columns.is-doubling>.column{flex:var(--ts-grid-2-columns);max-width:var(--ts-grid-2-columns)}@media screen and (max-width:766px){.ts-grid.is-stackable .column{max-width:var(--ts-grid-16-wide);width:var(--ts-grid-16-wide)}}@media screen and (min-width:766px){.ts-grid.is-2-columns.is-doubling>.column{flex:var(--ts-grid-1-columns);max-width:var(--ts-grid-1-columns)}.ts-grid.is-3-columns.is-doubling>.column,.ts-grid.is-4-columns.is-doubling>.column{flex:var(--ts-grid-2-columns);max-width:var(--ts-grid-2-columns)}.ts-grid.is-5-columns.is-doubling>.column,.ts-grid.is-6-columns.is-doubling>.column,.ts-grid.is-7-columns.is-doubling>.column{flex:var(--ts-grid-3-columns);max-width:var(--ts-grid-3-columns)}.ts-grid.is-8-columns.is-doubling>.column,.ts-grid.is-9-columns.is-doubling>.column{flex:var(--ts-grid-4-columns);max-width:var(--ts-grid-4-columns)}.ts-grid.is-10-columns.is-doubling>.column{flex:var(--ts-grid-5-columns);max-width:var(--ts-grid-5-columns)}.ts-grid .column.is-1-standard{max-width:var(--ts-grid-1-wide);width:var(--ts-grid-1-wide)}.ts-grid .column.is-2-standard{max-width:var(--ts-grid-2-wide);width:var(--ts-grid-2-wide)}.ts-grid .column.is-3-standard{max-width:var(--ts-grid-3-wide);width:var(--ts-grid-3-wide)}.ts-grid .column.is-4-standard{max-width:var(--ts-grid-4-wide);width:var(--ts-grid-4-wide)}.ts-grid .column.is-5-standard{max-width:var(--ts-grid-5-wide);width:var(--ts-grid-5-wide)}.ts-grid .column.is-6-standard{max-width:var(--ts-grid-6-wide);width:var(--ts-grid-6-wide)}.ts-grid .column.is-7-standard{max-width:var(--ts-grid-7-wide);width:var(--ts-grid-27wide)}.ts-grid .column.is-8-standard{max-width:var(--ts-grid-8-wide);width:var(--ts-grid-8-wide)}.ts-grid .column.is-9-standard{max-width:var(--ts-grid-9-wide);width:var(--ts-grid-9-wide)}.ts-grid .column.is-10-standard{max-width:var(--ts-grid-10-wide);width:var(--ts-grid-10-wide)}.ts-grid .column.is-11-standard{max-width:var(--ts-grid-11-wide);width:var(--ts-grid-11-wide)}.ts-grid .column.is-12-standard{max-width:var(--ts-grid-12-wide);width:var(--ts-grid-12-wide)}.ts-grid .column.is-13-standard{max-width:var(--ts-grid-13-wide);width:var(--ts-grid-13-wide)}.ts-grid .column.is-14-standard{max-width:var(--ts-grid-14-wide);width:var(--ts-grid-14-wide)}.ts-grid .column.is-15-standard{max-width:var(--ts-grid-15-wide);width:var(--ts-grid-15-wide)}.ts-grid .column.is-16-standard{max-width:var(--ts-grid-16-wide);width:var(--ts-grid-16-wide)}}@media screen and (min-width:993px){.ts-grid.is-2-columns.is-doubling>.column{flex:var(--ts-grid-2-columns);max-width:var(--ts-grid-2-columns)}.ts-grid.is-3-columns.is-doubling>.column{flex:var(--ts-grid-3-columns);max-width:var(--ts-grid-3-columns)}.ts-grid.is-4-columns.is-doubling>.column{flex:var(--ts-grid-4-columns);max-width:var(--ts-grid-4-columns)}.ts-grid.is-5-columns.is-doubling>.column{flex:var(--ts-grid-5-columns);max-width:var(--ts-grid-5-columns)}.ts-grid.is-6-columns.is-doubling>.column{flex:var(--ts-grid-6-columns);max-width:var(--ts-grid-6-columns)}.ts-grid.is-7-columns.is-doubling>.column{flex:var(--ts-grid-7-columns);max-width:var(--ts-grid-7-columns)}.ts-grid.is-8-columns.is-doubling>.column{flex:var(--ts-grid-8-columns);max-width:var(--ts-grid-8-columns)}.ts-grid.is-9-columns.is-doubling>.column{flex:var(--ts-grid-9-columns);max-width:var(--ts-grid-9-columns)}.ts-grid.is-10-columns.is-doubling>.column{flex:var(--ts-grid-10-columns);max-width:var(--ts-grid-10-columns)}.ts-grid .column.is-1-maximal{max-width:var(--ts-grid-1-wide);width:var(--ts-grid-1-wide)}.ts-grid .column.is-2-maximal{max-width:var(--ts-grid-2-wide);width:var(--ts-grid-2-wide)}.ts-grid .column.is-3-maximal{max-width:var(--ts-grid-3-wide);width:var(--ts-grid-3-wide)}.ts-grid .column.is-4-maximal{max-width:var(--ts-grid-4-wide);width:var(--ts-grid-4-wide)}.ts-grid .column.is-5-maximal{max-width:var(--ts-grid-5-wide);width:var(--ts-grid-5-wide)}.ts-grid .column.is-6-maximal{max-width:var(--ts-grid-6-wide);width:var(--ts-grid-6-wide)}.ts-grid .column.is-7-maximal{max-width:var(--ts-grid-7-wide);width:var(--ts-grid-7-wide)}.ts-grid .column.is-8-maximal{max-width:var(--ts-grid-8-wide);width:var(--ts-grid-8-wide)}.ts-grid .column.is-9-maximal{max-width:var(--ts-grid-9-wide);width:var(--ts-grid-9-wide)}.ts-grid .column.is-10-maximal{max-width:var(--ts-grid-10-wide);width:var(--ts-grid-10-wide)}.ts-grid .column.is-11-maximal{max-width:var(--ts-grid-11-wide);width:var(--ts-grid-11-wide)}.ts-grid .column.is-12-maximal{max-width:var(--ts-grid-12-wide);width:var(--ts-grid-12-wide)}.ts-grid .column.is-13-maximal{max-width:var(--ts-grid-13-wide);width:var(--ts-grid-13-wide)}.ts-grid .column.is-14-maximal{max-width:var(--ts-grid-14-wide);width:var(--ts-grid-14-wide)}.ts-grid .column.is-15-maximal{max-width:var(--ts-grid-15-wide);width:var(--ts-grid-15-wide)}.ts-grid .column.is-16-maximal{max-width:var(--ts-grid-16-wide);width:var(--ts-grid-16-wide)}}:not(details).ts-accordion{box-sizing:border-box;color:inherit}:not(details).ts-accordion .title{align-items:center;cursor:pointer;display:flex;user-select:none}:not(details).ts-accordion .title:before{-webkit-font-smoothing:antialiased;backface-visibility:hidden;color:var(--ts-gray-600);content:"\f078";display:inline;display:block;font-family:Icons;font-size:14px;font-style:normal;font-weight:400;line-height:1;margin-right:.7rem;text-align:center;text-decoration:inherit;transform:rotate(270deg);width:1.18em}:not(details).ts-accordion .content{display:none;margin:1rem 0 0}:not(details).ts-accordion.is-active .content{display:block}:not(details).ts-accordion.is-active .title:before{transform:rotate(0deg)}.u-padded{padding:1rem}.u-horizontally-padded{padding-left:1rem;padding-right:1rem}.u-vertically-padded{padding-bottom:1rem;padding-top:1rem}.u-very-padded{padding:1.5rem}.u-horizontally-very-padded{padding-left:1.5rem;padding-right:1.5rem}.u-vertically-very-padded{padding-bottom:1.5rem;padding-top:1.5rem}.u-spaced{margin:1rem}.u-horizontally-spaced{margin-left:1rem;margin-right:1rem}.u-vertically-spaced{margin-bottom:1rem;margin-top:1rem}.u-very-spaced{margin:1.5rem}.u-horizontally-very-spaced{margin-left:1.5rem;margin-right:1.5rem}.u-vertically-very-spaced{margin-bottom:1.5rem;margin-top:1.5rem}.u-hidden{display:none!important}.u-invisible{visibility:hidden!important}.u-edged{border-left:0!important;border-radius:0!important;border-right:0!important}.is-accent{--accent-color:var(--ts-accent-color);--accent-foreground-color:var(--ts-accent-foreground-color)}.ts-app-topbar{--accent-color:initial;--accent-foreground-color:initial;align-items:center;background:var(--accent-color,var(--ts-static-gray-900));color:var(--accent-foreground-color,var(--ts-white));display:grid;gap:.5rem;grid-template-columns:1fr auto 1fr;line-height:1;min-height:50px;padding:.5rem 1rem}.ts-app-topbar :is(.start,.end,.center)>.item{align-items:center;border-radius:100em;display:flex;font-size:var(--ts-font-size-17px);height:38px;justify-content:center;margin-bottom:-.1rem;margin-top:-.1rem;text-decoration:none;width:38px}.ts-app-topbar :is(.start,.end,.center) .item.is-text{border-radius:0;display:block;font-size:var(--ts-font-size-16px);font-weight:500;height:auto;margin:-1px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto}.ts-app-topbar :is(.start,.end){align-items:center;display:flex;gap:.25rem}.ts-app-topbar .start{grid-column:1/2;justify-content:flex-start}.ts-app-topbar .start>.item:not(.is-text):first-child{margin-left:-.75rem}.ts-app-topbar .center{grid-column:2/3;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-app-topbar .end{grid-column:3/3;justify-content:flex-end}.ts-app-topbar .end>.item:not(.is-text):last-child{margin-right:-.75rem}.ts-app-topbar .content{grid-column:1/4}.ts-app-drawer{background:rgba(0,0,0,.5);bottom:0;display:none;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:102}.ts-app-drawer>.content{background:var(--ts-gray-50);box-shadow:0 0 20px rgba(0,0,0,.1);overflow:hidden;width:380px}.ts-app-drawer.is-visible{display:flex}.ts-app-drawer.is-bottom{align-items:flex-end;justify-content:center}.ts-app-drawer.is-bottom .content{width:100%}.ts-app-drawer.is-right{justify-content:flex-end}.ts-app-drawer.is-left{justify-content:flex-start}.ts-app-drawer.is-small>.content{width:280px}.ts-app-drawer.is-large>.content{width:580px}.ts-timeline{--ts-timeline-top-line-height:14px;--ts-timeline-top-distance:calc(var(--ts-timeline-top-line-height) + 2px);--ts-timeline-content-distance:1rem;--accent-color:initial;--accent-foreground-color:initial;display:grid;gap:0 1rem;grid-template-columns:min-content min-content auto}.ts-timeline>.item{display:contents}.ts-timeline>.item.is-secondary{--ts-timeline-top-line-height:2px;--ts-timeline-top-distance:calc(var(--ts-timeline-top-line-height) - 4px)}.ts-timeline>.item.is-break+.item,.ts-timeline>.item:first-child{--ts-timeline-top-distance:0}.ts-timeline>.item .aside{margin-bottom:.5rem;margin-top:var(--ts-timeline-top-distance);text-align:right;white-space:nowrap}.ts-timeline>.item .indicator{align-items:center;display:flex;flex-direction:column;gap:2px;grid-column:1/3}.ts-timeline>.item .aside+.indicator{grid-column:2/3}.ts-timeline>.item.is-break+.item.is-secondary .indicator,.ts-timeline>.item.is-secondary:first-child .indicator{margin-top:6px}.ts-timeline>.item .indicator:before{min-height:var(--ts-timeline-top-line-height)}.ts-timeline>.item .indicator:after,.ts-timeline>.item .indicator:before{background:var(--ts-gray-300);content:"";display:block;pointer-events:none;width:2px}.ts-timeline>.item .indicator:after{flex:1;height:100%;min-height:0}.ts-timeline>.item.is-break+.item .indicator:before,.ts-timeline>.item:first-child .indicator:before,.ts-timeline>.item:last-child .indicator:after{display:none}.ts-timeline>.item.is-break+.item .content,.ts-timeline>.item:last-child .content{margin-bottom:0}.ts-timeline>.item .content{flex:1;margin-bottom:var(--ts-timeline-content-distance);margin-top:var(--ts-timeline-top-distance)}.ts-timeline>.item.is-break{background:var(--ts-gray-300);display:flex;grid-column:1/4;height:4px}.ts-timeline>.item.is-break:not(:last-child){margin-bottom:var(--ts-timeline-content-distance)}.ts-timeline>.item .indicator .ts-icon{align-items:center;aspect-ratio:1/1;background:var(--ts-gray-100);border-radius:100rem;color:var(--ts-gray-600);display:flex;font-size:var(--ts-font-size-14px);height:30px;justify-content:center;line-height:1;width:30px}.ts-timeline>.item.is-secondary .indicator .ts-icon{aspect-ratio:1/1;background:initial;height:16px;width:16px}.ts-timeline>.item .indicator.is-icon~.content:after{left:-45px;width:3px}.ts-timeline>.item.is-negative .indicator .ts-icon{background:var(--ts-negative-500);color:var(--ts-white)}.ts-timeline>.item.is-negative.is-secondary .indicator .ts-icon{background:initial;color:var(--ts-negative-500)}.ts-timeline>.item.is-active .indicator .ts-icon{background:var(--accent-color,var(--ts-gray-800));color:var(--accent-foreground-color,var(--ts-gray-50))}.ts-timeline>.item.is-active.is-secondary .indicator .ts-icon{background:initial;color:var(--ts-gray-800)}.ts-timeline>.item.is-disabled :is(.aside,.content,.indicator){opacity:.5;pointer-events:none;user-select:none}.ts-timeline.is-compact{--ts-timeline-content-distance:0.5rem}.ts-stash{flex-wrap:nowrap;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;visibility:hidden;white-space:nowrap;width:calc(100% - var(--ts-stash-offset, 5px))}html{--ts-white:#fff;--ts-black:#333;--ts-accent-foreground-color:var(--ts-white);--ts-breakpoint-mobile-min:0px;--ts-breakpoint-mobile-max:767.98px;--ts-breakpoint-tablet-min:768px;--ts-breakpoint-tablet-max:1023.98px;--ts-breakpoint-desktop-min:1024px;--ts-breakpoint-desktop-max:1279.98px;--ts-breakpoint-widescreen-min:1280px;--ts-breakpoint-widescreen-max:9999px;--ts-light-gray-50:#fff;--ts-light-gray-75:#fafafa;--ts-light-gray-100:#f2f2f2;--ts-light-gray-200:#eee;--ts-light-gray-300:#e1e1e1;--ts-light-gray-400:#d7d7d7;--ts-light-gray-500:#767676;--ts-light-gray-600:#5a5a5a;--ts-light-gray-700:#464646;--ts-light-gray-800:#373737;--ts-light-gray-900:#303030;--ts-dark-gray-50:#1e1e1e;--ts-dark-gray-75:#232323;--ts-dark-gray-100:#2a2a2a;--ts-dark-gray-200:#2f2f2f;--ts-dark-gray-300:#3e3e3e;--ts-dark-gray-400:#505050;--ts-dark-gray-500:#b4b4b4;--ts-dark-gray-600:#dcdcdc;--ts-dark-gray-700:#f5f5f5;--ts-dark-gray-800:#fafafa;--ts-dark-gray-900:#fff;--ts-static-gray-50:var(--ts-light-gray-50);--ts-static-gray-75:var(--ts-light-gray-75);--ts-static-gray-100:var(--ts-light-gray-100);--ts-static-gray-200:var(--ts-light-gray-200);--ts-static-gray-300:var(--ts-light-gray-300);--ts-static-gray-400:var(--ts-light-gray-400);--ts-static-gray-500:var(--ts-light-gray-500);--ts-static-gray-600:var(--ts-light-gray-600);--ts-static-gray-700:var(--ts-light-gray-700);--ts-static-gray-800:var(--ts-light-gray-800);--ts-static-gray-900:var(--ts-light-gray-900);--ts-static-primary-400:#40a9ff;--ts-static-primary-500:#1890ff;--ts-static-primary-600:#096dd9;--ts-static-primary-700:#0050b3;--ts-static-primary-800:#003a8c;--ts-static-primary-900:#002766;--ts-static-warning-400:#ffec3d;--ts-static-warning-500:#fadb14;--ts-static-warning-600:#d4b106;--ts-static-warning-700:#ad8b00;--ts-static-warning-800:#876800;--ts-static-warning-900:#614700;--ts-static-positive-400:#73d13d;--ts-static-positive-500:#52c41a;--ts-static-positive-600:#389e0d;--ts-static-positive-700:#237804;--ts-static-positive-800:#135200;--ts-static-positive-900:#092b00;--ts-static-negative-400:#ff4d4f;--ts-static-negative-500:#f5222d;--ts-static-negative-600:#cf1322;--ts-static-negative-700:#a8071a;--ts-static-negative-800:#820014;--ts-static-negative-900:#5c0011;--ts-primary-400:#40a9ff;--ts-primary-500:#1890ff;--ts-primary-600:#096dd9;--ts-primary-700:#0050b3;--ts-primary-800:#003a8c;--ts-primary-900:#002766;--ts-link-700:#0050b3;--ts-warning-400:#ffec3d;--ts-warning-500:#fadb14;--ts-warning-600:#d4b106;--ts-warning-700:#ad8b00;--ts-warning-800:#876800;--ts-warning-900:#614700;--ts-positive-400:#73d13d;--ts-positive-500:#52c41a;--ts-positive-600:#389e0d;--ts-positive-700:#237804;--ts-positive-800:#135200;--ts-positive-900:#092b00;--ts-negative-400:#ff4d4f;--ts-negative-500:#f5222d;--ts-negative-600:#cf1322;--ts-negative-700:#a8071a;--ts-negative-800:#820014;--ts-negative-900:#5c0011;--ts-input-height-large:42px;--ts-input-height-large-dense:37px;--ts-input-height-medium:37px;--ts-input-height-medium-dense:32px;--ts-input-height-small:32px;--ts-input-height-small-dense:32px;--ts-font-size-mini:0.8rem;--ts-font-size-tiny:0.86667rem;--ts-font-size-small:0.93333rem;--ts-font-size-medium:1rem;--ts-font-size-large:1.2rem;--ts-font-size-big:1.33333rem;--ts-font-size-huge:1.6rem;--ts-font-size-massive:2rem;--ts-font-size-12px:0.8rem;--ts-font-size-13px:0.86667rem;--ts-font-size-14px:0.93333rem;--ts-font-size-15px:1rem;--ts-font-size-16px:1.06667rem;--ts-font-size-17px:1.13333rem;--ts-font-size-18px:1.2rem;--ts-font-size-20px:1.33333rem;--ts-font-size-24px:1.6rem;--ts-font-size-25px:1.66667rem;--ts-font-size-30px:2rem;--ts-font-size-33px:2.2rem;--ts-font-size-38px:2.53333rem;--ts-font-size-45px:3rem;--ts-font-size-75px:5rem;--ts-absolute-mini:0.8rem;--ts-absolute-tiny:0.86667rem;--ts-absolute-small:0.93333rem;--ts-absolute-medium:1rem;--ts-absolute-large:1.2rem;--ts-absolute-big:1.33333rem;--ts-absolute-huge:1.6rem;--ts-absolute-massive:2rem;--ts-relative-mini:0.8em;--ts-relative-tiny:0.86667em;--ts-relative-small:0.93333em;--ts-relative-medium:1em;--ts-relative-large:1.2em;--ts-relative-big:1.33333em;--ts-relative-huge:1.6em;--ts-relative-massive:2em}.u-light,html,html.is-dark .u-inverted,html.is-light{--ts-gray-50:var(--ts-light-gray-50);--ts-gray-75:var(--ts-light-gray-75);--ts-gray-100:var(--ts-light-gray-100);--ts-gray-200:var(--ts-light-gray-200);--ts-gray-300:var(--ts-light-gray-300);--ts-gray-400:var(--ts-light-gray-400);--ts-gray-500:var(--ts-light-gray-500);--ts-gray-600:var(--ts-light-gray-600);--ts-gray-700:var(--ts-light-gray-700);--ts-gray-800:var(--ts-light-gray-800);--ts-gray-900:var(--ts-light-gray-900);--ts-tonal-positive-400:#cdffbe;--ts-tonal-positive-800:#357016;--ts-tonal-negative-400:#ffbebe;--ts-tonal-negative-800:#701616;--ts-tonal-primary-400:#d9edff;--ts-tonal-primary-800:#005cde;--ts-tonal-warning-400:#fff7ae;--ts-tonal-warning-800:#866800;color-scheme:light}.u-dark,.u-inverted,html.is-dark,html.is-light .u-inverted{--ts-gray-50:var(--ts-dark-gray-50);--ts-gray-75:var(--ts-dark-gray-75);--ts-gray-100:var(--ts-dark-gray-100);--ts-gray-200:var(--ts-dark-gray-200);--ts-gray-300:var(--ts-dark-gray-300);--ts-gray-400:var(--ts-dark-gray-400);--ts-gray-500:var(--ts-dark-gray-500);--ts-gray-600:var(--ts-dark-gray-600);--ts-gray-700:var(--ts-dark-gray-700);--ts-gray-800:var(--ts-dark-gray-800);--ts-gray-900:var(--ts-dark-gray-900);--ts-link-700:#8887ff;--ts-tonal-positive-400:#92d34f;--ts-tonal-positive-800:#0e4600;--ts-tonal-negative-400:#d60000;--ts-tonal-negative-800:#fff;--ts-tonal-primary-400:#0a6ffd;--ts-tonal-primary-800:#fff;--ts-tonal-warning-400:#edff00;--ts-tonal-warning-800:#463f00;color-scheme:dark}html.is-dark .u-dark-hidden,html.is-light .u-light-hidden{display:none!important}@media (prefers-color-scheme:light){html:not(.is-dark) .u-light-hidden{display:none!important}}@media (prefers-color-scheme:dark){html:not(.is-light) .u-dark-hidden{display:none!important}html{--ts-gray-50:var(--ts-dark-gray-50);--ts-gray-75:var(--ts-dark-gray-75);--ts-gray-100:var(--ts-dark-gray-100);--ts-gray-200:var(--ts-dark-gray-200);--ts-gray-300:var(--ts-dark-gray-300);--ts-gray-400:var(--ts-dark-gray-400);--ts-gray-500:var(--ts-dark-gray-500);--ts-gray-600:var(--ts-dark-gray-600);--ts-gray-700:var(--ts-dark-gray-700);--ts-gray-800:var(--ts-dark-gray-800);--ts-gray-900:var(--ts-dark-gray-900);--ts-primary-400:#40a9ff;--ts-primary-500:#2492f7;--ts-primary-600:#2282e9;--ts-primary-700:#0e52a5;--ts-primary-800:#003a8c;--ts-primary-900:#002766;--ts-link-700:#8887ff;--ts-tonal-positive-400:#92d34f;--ts-tonal-positive-800:#0e4600;--ts-tonal-negative-400:#d60000;--ts-tonal-negative-800:#fff;--ts-tonal-primary-400:#0a6ffd;--ts-tonal-primary-800:#fff;--ts-tonal-warning-400:#edff00;--ts-tonal-warning-800:#463f00;color-scheme:dark}.u-inverted{--ts-gray-50:var(--ts-light-gray-50);--ts-gray-75:var(--ts-light-gray-75);--ts-gray-100:var(--ts-light-gray-100);--ts-gray-200:var(--ts-light-gray-200);--ts-gray-300:var(--ts-light-gray-300);--ts-gray-400:var(--ts-light-gray-400);--ts-gray-500:var(--ts-light-gray-500);--ts-gray-600:var(--ts-light-gray-600);--ts-gray-700:var(--ts-light-gray-700);--ts-gray-800:var(--ts-light-gray-800);--ts-gray-900:var(--ts-light-gray-900);--ts-tonal-positive-400:#cdffbe;--ts-tonal-positive-800:#357016;--ts-tonal-negative-400:#ffbebe;--ts-tonal-negative-800:#701616;--ts-tonal-primary-400:#d9edff;--ts-tonal-primary-800:#005cde;--ts-tonal-warning-400:#fff7ae;--ts-tonal-warning-800:#866800;color-scheme:light}}html.is-small,html.is-small body{font-size:14px}html.is-large,html.is-large body{font-size:16px}html.is-secondary,html.is-secondary body{background-color:var(--ts-gray-75)} \ No newline at end of file diff --git a/dist/tocas.min.js b/dist/tocas.min.js index e69de29bb..cf126850b 100644 --- a/dist/tocas.min.js +++ b/dist/tocas.min.js @@ -0,0 +1 @@ +window.tocas={config:{strict_responsive:!1,attributes:{tab:"data-tab",tab_name:"data-name",toggle:"data-toggle",toggle_name:"data-name",dropdown:"data-dropdown",dropdown_name:"data-name",dropdown_position:"data-position",tooltip:"data-tooltip",tooltip_position:"data-position",tooltip_delay:"data-delay"},scopes:{tab:"@scope",toggle:"@scope",tab:"@scope",dropdown:"@scope",container:"@container"},classes:{hidden:"u-hidden",tab_active:"is-active",tooltip_visible:"is-visible",tab:"ts-tab"}}},function(){var t,e;t=this,e=function(t){"use strict";function e(t){return t.split("-")[1]}function n(t){return"y"===t?"height":"width"}function o(t){return t.split("-")[0]}function i(t){return["top","bottom"].includes(o(t))?"x":"y"}function s(t,s,r){let{reference:a,floating:c}=t;const l=a.x+a.width/2-c.width/2,d=a.y+a.height/2-c.height/2,f=i(s),u=n(f),p=a[u]/2-c[u]/2,g="x"===f;let m;switch(o(s)){case"top":m={x:l,y:a.y-c.height};break;case"bottom":m={x:l,y:a.y+a.height};break;case"right":m={x:a.x+a.width,y:d};break;case"left":m={x:a.x-c.width,y:d};break;default:m={x:a.x,y:a.y}}switch(e(s)){case"start":m[f]-=p*(r&&g?-1:1);break;case"end":m[f]+=p*(r&&g?-1:1)}return m}function r(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function a(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function c(t,e){var n;void 0===e&&(e={});const{x:o,y:i,platform:s,rects:c,elements:l,strategy:d}=t,{boundary:f="clippingAncestors",rootBoundary:u="viewport",elementContext:p="floating",altBoundary:g=!1,padding:m=0}=e,h=r(m),b=l[g?"floating"===p?"reference":"floating":p],v=a(await s.getClippingRect({element:null==(n=await(null==s.isElement?void 0:s.isElement(b)))||n?b:b.contextElement||await(null==s.getDocumentElement?void 0:s.getDocumentElement(l.floating)),boundary:f,rootBoundary:u,strategy:d})),w="floating"===p?{...c.floating,x:o,y:i}:c.reference,y=await(null==s.getOffsetParent?void 0:s.getOffsetParent(l.floating)),x=await(null==s.isElement?void 0:s.isElement(y))&&await(null==s.getScale?void 0:s.getScale(y))||{x:1,y:1},E=a(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({rect:w,offsetParent:y,strategy:d}):w);return{top:(v.top-E.top+h.top)/x.y,bottom:(E.bottom-v.bottom+h.bottom)/x.y,left:(v.left-E.left+h.left)/x.x,right:(E.right-v.right+h.right)/x.x}}const l=Math.min,d=Math.max;function f(t,e,n){return d(t,l(e,n))}const u=["top","right","bottom","left"],p=u.reduce(((t,e)=>t.concat(e,e+"-start",e+"-end")),[]),g={left:"right",right:"left",bottom:"top",top:"bottom"};function m(t){return t.replace(/left|right|bottom|top/g,(t=>g[t]))}function h(t,o,s){void 0===s&&(s=!1);const r=e(t),a=i(t),c=n(a);let l="x"===a?r===(s?"end":"start")?"right":"left":"start"===r?"bottom":"top";return o.reference[c]>o.floating[c]&&(l=m(l)),{main:l,cross:m(l)}}const b={start:"end",end:"start"};function v(t){return t.replace(/start|end/g,(t=>b[t]))}function w(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function y(t){return u.some((e=>t[e]>=0))}function x(t){return"x"===t?"y":"x"}t.arrow=t=>({name:"arrow",options:t,async fn(o){const{element:s,padding:a=0}=t||{},{x:c,y:l,placement:d,rects:u,platform:p,elements:g}=o;if(null==s)return{};const m=r(a),h={x:c,y:l},b=i(d),v=n(b),w=await p.getDimensions(s),y="y"===b,x=y?"top":"left",E=y?"bottom":"right",L=y?"clientHeight":"clientWidth",T=u.reference[v]+u.reference[b]-h[b]-u.floating[v],A=h[b]-u.reference[b],_=await(null==p.getOffsetParent?void 0:p.getOffsetParent(s));let R=_?_[L]:0;R&&await(null==p.isElement?void 0:p.isElement(_))||(R=g.floating[L]||u.floating[v]);const P=T/2-A/2,O=m[x],M=R-w[v]-m[E],D=R/2-w[v]/2+P,k=f(O,D,M),C=null!=e(d)&&D!=k&&u.reference[v]/2-(De(n)===t)),...i.filter((n=>e(n)!==t))]:i.filter((t=>o(t)===t))).filter((o=>!t||e(o)===t||!!n&&v(o)!==o))}(m||null,w,b):b,E=await c(n,y),L=(null==(i=l.autoPlacement)?void 0:i.index)||0,T=x[L];if(null==T)return{};const{main:A,cross:_}=h(T,a,await(null==f.isRTL?void 0:f.isRTL(u.floating)));if(d!==T)return{reset:{placement:x[0]}};const R=[E[o(T)],E[A],E[_]],P=[...(null==(s=l.autoPlacement)?void 0:s.overflows)||[],{placement:T,overflows:R}],O=x[L+1];if(O)return{data:{index:L+1,overflows:P},reset:{placement:O}};const M=P.map((t=>{const n=e(t.placement);return[t.placement,n&&g?t.overflows.slice(0,2).reduce(((t,e)=>t+e),0):t.overflows[0],t.overflows]})).sort(((t,e)=>t[1]-e[1])),D=(null==(r=M.filter((t=>t[2].slice(0,e(t[0])?2:3).every((t=>t<=0))))[0])?void 0:r[0])||M[0][0];return D!==d?{data:{index:L+1,overflows:P},reset:{placement:D}}:{}}}},t.computePosition=async(t,e,n)=>{const{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:a}=n,c=r.filter(Boolean),l=await(null==a.isRTL?void 0:a.isRTL(e));let d=await a.getElementRects({reference:t,floating:e,strategy:i}),{x:f,y:u}=s(d,o,l),p=o,g={},m=0;for(let n=0;nt+"-"+r)),n&&(a=a.concat(a.map(v)))),a}(l,y,w,T));const _=[l,...A],R=await c(n,x),P=[];let O=(null==(i=r.flip)?void 0:i.overflows)||[];if(u&&P.push(R[E]),p){const{main:t,cross:e}=h(s,a,T);P.push(R[t],R[e])}if(O=[...O,{placement:s,overflows:P}],!P.every((t=>t<=0))){var M,D;const t=((null==(M=r.flip)?void 0:M.index)||0)+1,e=_[t];if(e)return{data:{index:t,overflows:O},reset:{placement:e}};let n=null==(D=O.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:D.placement;if(!n)switch(b){case"bestFit":{var k;const t=null==(k=O.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:k[0];t&&(n=t);break}case"initialPlacement":n=l}if(s!==n)return{reset:{placement:n}}}return{}}}},t.hide=function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(e){const{strategy:n="referenceHidden",...o}=t,{rects:i}=e;switch(n){case"referenceHidden":{const t=w(await c(e,{...o,elementContext:"reference"}),i.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:y(t)}}}case"escaped":{const t=w(await c(e,{...o,altBoundary:!0}),i.floating);return{data:{escapedOffsets:t,escaped:y(t)}}}default:return{}}}}},t.inline=function(t){return void 0===t&&(t={}),{name:"inline",options:t,async fn(e){const{placement:n,elements:s,rects:c,platform:f,strategy:u}=e,{padding:p=2,x:g,y:m}=t,h=a(f.convertOffsetParentRelativeRectToViewportRelativeRect?await f.convertOffsetParentRelativeRectToViewportRelativeRect({rect:c.reference,offsetParent:await(null==f.getOffsetParent?void 0:f.getOffsetParent(s.floating)),strategy:u}):c.reference),b=await(null==f.getClientRects?void 0:f.getClientRects(s.reference))||[],v=r(p),w=await f.getElementRects({reference:{getBoundingClientRect:function(){if(2===b.length&&b[0].left>b[1].right&&null!=g&&null!=m)return b.find((t=>g>t.left-v.left&&gt.top-v.top&&m=2){if("x"===i(n)){const t=b[0],e=b[b.length-1],i="top"===o(n),s=t.top,r=e.bottom,a=i?t.left:e.left,c=i?t.right:e.right;return{top:s,bottom:r,left:a,right:c,width:c-a,height:r-s,x:a,y:s}}const t="left"===o(n),e=d(...b.map((t=>t.right))),s=l(...b.map((t=>t.left))),r=b.filter((n=>t?n.left===s:n.right===e)),a=r[0].top,c=r[r.length-1].bottom;return{top:a,bottom:c,left:s,right:e,width:e-s,height:c-a,x:s,y:a}}return h}},floating:s.floating,strategy:u});return c.reference.x!==w.reference.x||c.reference.y!==w.reference.y||c.reference.width!==w.reference.width||c.reference.height!==w.reference.height?{reset:{rects:w}}:{}}}},t.limitShift=function(t){return void 0===t&&(t={}),{options:t,fn(e){const{x:n,y:s,placement:r,rects:a,middlewareData:c}=e,{offset:l=0,mainAxis:d=!0,crossAxis:f=!0}=t,u={x:n,y:s},p=i(r),g=x(p);let m=u[p],h=u[g];const b="function"==typeof l?l(e):l,v="number"==typeof b?{mainAxis:b,crossAxis:0}:{mainAxis:0,crossAxis:0,...b};if(d){const t="y"===p?"height":"width",e=a.reference[p]-a.floating[t]+v.mainAxis,n=a.reference[p]+a.reference[t]-v.mainAxis;mn&&(m=n)}if(f){var w,y;const t="y"===p?"width":"height",e=["top","left"].includes(o(r)),n=a.reference[g]-a.floating[t]+(e&&(null==(w=c.offset)?void 0:w[g])||0)+(e?0:v.crossAxis),i=a.reference[g]+a.reference[t]+(e?0:(null==(y=c.offset)?void 0:y[g])||0)-(e?v.crossAxis:0);hi&&(h=i)}return{[p]:m,[g]:h}}}},t.offset=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(n){const{x:s,y:r}=n,a=await async function(t,n){const{placement:s,platform:r,elements:a}=t,c=await(null==r.isRTL?void 0:r.isRTL(a.floating)),l=o(s),d=e(s),f="x"===i(s),u=["left","top"].includes(l)?-1:1,p=c&&f?-1:1,g="function"==typeof n?n(t):n;let{mainAxis:m,crossAxis:h,alignmentAxis:b}="number"==typeof g?{mainAxis:g,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...g};return d&&"number"==typeof b&&(h="end"===d?-1*b:b),f?{x:h*p,y:m*u}:{x:m*u,y:h*p}}(n,t);return{x:s+a.x,y:r+a.y,data:a}}}},t.rectToClientRect=a,t.shift=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:s,placement:r}=e,{mainAxis:a=!0,crossAxis:l=!1,limiter:d={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...u}=t,p={x:n,y:s},g=await c(e,u),m=i(o(r)),h=x(m);let b=p[m],v=p[h];if(a){const t="y"===m?"bottom":"right";b=f(b+g["y"===m?"top":"left"],b,b-g[t])}if(l){const t="y"===h?"bottom":"right";v=f(v+g["y"===h?"top":"left"],v,v-g[t])}const w=d.fn({...e,[m]:b,[h]:v});return{...w,data:{x:w.x-n,y:w.y-s}}}}},t.size=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(n){const{placement:s,rects:r,platform:a,elements:f}=n,{apply:u=(()=>{}),...p}=t,g=await c(n,p),m=o(s),h=e(s),b="x"===i(s),{width:v,height:w}=r.floating;let y,x;"top"===m||"bottom"===m?(y=m,x=h===(await(null==a.isRTL?void 0:a.isRTL(f.floating))?"start":"end")?"left":"right"):(x=m,y="end"===h?"top":"bottom");const E=w-g[y],L=v-g[x];let T=E,A=L;if(b?A=l(v-g.right-g.left,L):T=l(w-g.bottom-g.top,E),!n.middlewareData.shift&&!h){const t=d(g.left,0),e=d(g.right,0),n=d(g.top,0),o=d(g.bottom,0);b?A=v-2*(0!==t||0!==e?t+e:d(g.left,g.right)):T=w-2*(0!==n||0!==o?n+o:d(g.top,g.bottom))}await u({...n,availableWidth:A,availableHeight:T});const _=await a.getDimensions(f.floating);return v!==_.width||w!==_.height?{reset:{rects:!0}}:{}}}},Object.defineProperty(t,"__esModule",{value:!0})},"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).TocasFloatingUICore={}),function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@floating-ui/core")):"function"==typeof define&&define.amd?define(["exports","@floating-ui/core"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).TocasFloatingUIDOM={},t.TocasFloatingUICore)}(this,(function(t,e){"use strict";function n(t){var e;return(null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function o(t){return n(t).getComputedStyle(t)}const i=Math.min,s=Math.max,r=Math.round;function a(t){const e=o(t);let n=parseFloat(e.width),i=parseFloat(e.height);const s=t.offsetWidth,a=t.offsetHeight,c=r(n)!==s||r(i)!==a;return c&&(n=s,i=a),{width:n,height:i,fallback:c}}function c(t){return p(t)?(t.nodeName||"").toLowerCase():""}let l;function d(){if(l)return l;const t=navigator.userAgentData;return t&&Array.isArray(t.brands)?(l=t.brands.map((t=>t.brand+"/"+t.version)).join(" "),l):navigator.userAgent}function f(t){return t instanceof n(t).HTMLElement}function u(t){return t instanceof n(t).Element}function p(t){return t instanceof n(t).Node}function g(t){return"undefined"!=typeof ShadowRoot&&(t instanceof n(t).ShadowRoot||t instanceof ShadowRoot)}function m(t){const{overflow:e,overflowX:n,overflowY:i,display:s}=o(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+n)&&!["inline","contents"].includes(s)}function h(t){return["table","td","th"].includes(c(t))}function b(t){const e=/firefox/i.test(d()),n=o(t),i=n.backdropFilter||n.WebkitBackdropFilter;return"none"!==n.transform||"none"!==n.perspective||!!i&&"none"!==i||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter||["transform","perspective"].some((t=>n.willChange.includes(t)))||["paint","layout","strict","content"].some((t=>{const e=n.contain;return null!=e&&e.includes(t)}))}function v(){return/^((?!chrome|android).)*safari/i.test(d())}function w(t){return["html","body","#document"].includes(c(t))}function y(t){return u(t)?t:t.contextElement}const x={x:1,y:1};function E(t){const e=y(t);if(!f(e))return x;const n=e.getBoundingClientRect(),{width:o,height:i,fallback:s}=a(e);let c=(s?r(n.width):n.width)/o,l=(s?r(n.height):n.height)/i;return c&&Number.isFinite(c)||(c=1),l&&Number.isFinite(l)||(l=1),{x:c,y:l}}function L(t,o,i,s){var r,a;void 0===o&&(o=!1),void 0===i&&(i=!1);const c=t.getBoundingClientRect(),l=y(t);let d=x;o&&(s?u(s)&&(d=E(s)):d=E(t));const f=l?n(l):window,p=v()&&i;let g=(c.left+(p&&(null==(r=f.visualViewport)?void 0:r.offsetLeft)||0))/d.x,m=(c.top+(p&&(null==(a=f.visualViewport)?void 0:a.offsetTop)||0))/d.y,h=c.width/d.x,b=c.height/d.y;if(l){const t=n(l),e=s&&u(s)?n(s):s;let o=t.frameElement;for(;o&&s&&e!==t;){const t=E(o),e=o.getBoundingClientRect(),i=getComputedStyle(o);e.x+=(o.clientLeft+parseFloat(i.paddingLeft))*t.x,e.y+=(o.clientTop+parseFloat(i.paddingTop))*t.y,g*=t.x,m*=t.y,h*=t.x,b*=t.y,g+=e.x,m+=e.y,o=n(o).frameElement}}return e.rectToClientRect({width:h,height:b,x:g,y:m})}function T(t){return((p(t)?t.ownerDocument:t.document)||window.document).documentElement}function A(t){return u(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function _(t){return L(T(t)).left+A(t).scrollLeft}function R(t){if("html"===c(t))return t;const e=t.assignedSlot||t.parentNode||g(t)&&t.host||T(t);return g(e)?e.host:e}function P(t){const e=R(t);return w(e)?e.ownerDocument.body:f(e)&&m(e)?e:P(e)}function O(t,e){var o;void 0===e&&(e=[]);const i=P(t),s=i===(null==(o=t.ownerDocument)?void 0:o.body),r=n(i);return s?e.concat(r,r.visualViewport||[],m(i)?i:[]):e.concat(i,O(i))}function M(t,i,r){let a;if("viewport"===i)a=function(t,e){const o=n(t),i=T(t),s=o.visualViewport;let r=i.clientWidth,a=i.clientHeight,c=0,l=0;if(s){r=s.width,a=s.height;const t=v();(!t||t&&"fixed"===e)&&(c=s.offsetLeft,l=s.offsetTop)}return{width:r,height:a,x:c,y:l}}(t,r);else if("document"===i)a=function(t){const e=T(t),n=A(t),i=t.ownerDocument.body,r=s(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),a=s(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let c=-n.scrollLeft+_(t);const l=-n.scrollTop;return"rtl"===o(i).direction&&(c+=s(e.clientWidth,i.clientWidth)-r),{width:r,height:a,x:c,y:l}}(T(t));else if(u(i))a=function(t,e){const n=L(t,!0,"fixed"===e),o=n.top+t.clientTop,i=n.left+t.clientLeft,s=f(t)?E(t):{x:1,y:1};return{width:t.clientWidth*s.x,height:t.clientHeight*s.y,x:i*s.x,y:o*s.y}}(i,r);else{const e={...i};if(v()){var c,l;const o=n(t);e.x-=(null==(c=o.visualViewport)?void 0:c.offsetLeft)||0,e.y-=(null==(l=o.visualViewport)?void 0:l.offsetTop)||0}a=e}return e.rectToClientRect(a)}function D(t,e){return f(t)&&"fixed"!==o(t).position?e?e(t):t.offsetParent:null}function k(t,e){const i=n(t);let s=D(t,e);for(;s&&h(s)&&"static"===o(s).position;)s=D(s,e);return s&&("html"===c(s)||"body"===c(s)&&"static"===o(s).position&&!b(s))?i:s||function(t){let e=R(t);for(;f(e)&&!w(e);){if(b(e))return e;e=R(e)}return null}(t)||i}function C(t,e,n){const o=f(e),i=T(e),s=L(t,!0,"fixed"===n,e);let r={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if(o||!o&&"fixed"!==n)if(("body"!==c(e)||m(i))&&(r=A(e)),f(e)){const t=L(e,!0);a.x=t.x+e.clientLeft,a.y=t.y+e.clientTop}else i&&(a.x=_(i));return{x:s.left+r.scrollLeft-a.x,y:s.top+r.scrollTop-a.y,width:s.width,height:s.height}}const $={getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:r,strategy:a}=t;const l="clippingAncestors"===n?function(t,e){const n=e.get(t);if(n)return n;let i=O(t).filter((t=>u(t)&&"body"!==c(t))),s=null;const r="fixed"===o(t).position;let a=r?R(t):t;for(;u(a)&&!w(a);){const t=o(a),e=b(a);"fixed"===t.position?s=null:(r?e||s:e||"static"!==t.position||!s||!["absolute","fixed"].includes(s.position))?s=t:i=i.filter((t=>t!==a)),a=R(a)}return e.set(t,i),i}(e,this._c):[].concat(n),d=[...l,r],f=d[0],p=d.reduce(((t,n)=>{const o=M(e,n,a);return t.top=s(o.top,t.top),t.right=i(o.right,t.right),t.bottom=i(o.bottom,t.bottom),t.left=s(o.left,t.left),t}),M(e,f,a));return{width:p.right-p.left,height:p.bottom-p.top,x:p.left,y:p.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:o}=t;const i=f(n),s=T(n);if(n===s)return e;let r={scrollLeft:0,scrollTop:0},a={x:1,y:1};const l={x:0,y:0};if((i||!i&&"fixed"!==o)&&(("body"!==c(n)||m(s))&&(r=A(n)),f(n))){const t=L(n);a=E(n),l.x=t.x+n.clientLeft,l.y=t.y+n.clientTop}return{width:e.width*a.x,height:e.height*a.y,x:e.x*a.x-r.scrollLeft*a.x+l.x,y:e.y*a.y-r.scrollTop*a.y+l.y}},isElement:u,getDimensions:function(t){return f(t)?a(t):t.getBoundingClientRect()},getOffsetParent:k,getDocumentElement:T,getScale:E,async getElementRects(t){let{reference:e,floating:n,strategy:o}=t;const i=this.getOffsetParent||k,s=this.getDimensions;return{reference:C(e,await i(n),o),floating:{x:0,y:0,...await s(n)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===o(t).direction};Object.defineProperty(t,"arrow",{enumerable:!0,get:function(){return e.arrow}}),Object.defineProperty(t,"autoPlacement",{enumerable:!0,get:function(){return e.autoPlacement}}),Object.defineProperty(t,"detectOverflow",{enumerable:!0,get:function(){return e.detectOverflow}}),Object.defineProperty(t,"flip",{enumerable:!0,get:function(){return e.flip}}),Object.defineProperty(t,"hide",{enumerable:!0,get:function(){return e.hide}}),Object.defineProperty(t,"inline",{enumerable:!0,get:function(){return e.inline}}),Object.defineProperty(t,"limitShift",{enumerable:!0,get:function(){return e.limitShift}}),Object.defineProperty(t,"offset",{enumerable:!0,get:function(){return e.offset}}),Object.defineProperty(t,"shift",{enumerable:!0,get:function(){return e.shift}}),Object.defineProperty(t,"size",{enumerable:!0,get:function(){return e.size}}),t.autoUpdate=function(t,e,n,o){void 0===o&&(o={});const{ancestorScroll:i=!0,ancestorResize:s=!0,elementResize:r=!0,animationFrame:a=!1}=o,c=i&&!a,l=c||s?[...u(t)?O(t):t.contextElement?O(t.contextElement):[],...O(e)]:[];l.forEach((t=>{c&&t.addEventListener("scroll",n,{passive:!0}),s&&t.addEventListener("resize",n)}));let d,f=null;if(r){let o=!0;f=new ResizeObserver((()=>{o||n(),o=!1})),u(t)&&!a&&f.observe(t),u(t)||!t.contextElement||a||f.observe(t.contextElement),f.observe(e)}let p=a?L(t):null;return a&&function e(){const o=L(t);!p||o.x===p.x&&o.y===p.y&&o.width===p.width&&o.height===p.height||n(),p=o,d=requestAnimationFrame(e)}(),n(),()=>{var t;l.forEach((t=>{c&&t.removeEventListener("scroll",n),s&&t.removeEventListener("resize",n)})),null==(t=f)||t.disconnect(),f=null,a&&cancelAnimationFrame(d)}},t.computePosition=(t,n,o)=>{const i=new Map,s={platform:$,...o},r={...s.platform,_c:i};return e.computePosition(t,n,{...s,platform:r})},t.getOverflowAncestors=O,t.platform=$,Object.defineProperty(t,"__esModule",{value:!0})}));function n(t,e,n,o){var i=t.closest(`[class*="${n}"]`)||document,s=Array.from(i.querySelectorAll(`[${o}="${e}"]`)).filter((t=>t.closest(`[class*="${n}"]`)||document===i));return s.length>0?s:i===document?[]:this.searchScopeTargets(i.parentNode,e,n,o)}var o=new class{constructor(){this.resize_observer=new ResizeObserver((t=>{t.forEach((t=>{this.getAllContaineredElements(t.target).forEach((t=>{this.check(t)}))}))}))}attributeMutation(t){this.isContainer(t.target)?this.resize_observer.observe(t.target):this.resize_observer.unobserve(t.target)}addedNodeMutation(t){this.isResponsiveElement(t)&&this.check(t),this.isContainer(t)&&this.resize_observer.observe(t)}getAllContaineredElements(t){return t.querySelectorAll(tocas.config.strict_responsive?'[class^="@"]:is([class*=":is-"],[class*=":u-"])':'[class^="@"][class*=":"]')}getAllResponsiveElements(t){return t.querySelectorAll(tocas.config.strict_responsive?'[class*=":is-"],[class*=":u-"]':'[class*=":"]')}isContainer(t){return t.matches(`[class~="${tocas.config.scopes.container}"]`)}isResponsiveElement(t){return t.matches(tocas.config.strict_responsive?'[class*=":is-"],[class*=":u-"]':'[class*=":"]')}hasResponsiveClass(t){return tocas.config.strict_responsive?t.includes(":is-")||t.includes(":u-"):t.includes(":")}windowResize(){this.getAllResponsiveElements(document).forEach((t=>{this.check(t)}))}unit(t){return parseInt(t,10)||0}breakpointSize(t,e){var n=window.getComputedStyle(e);return{min:this.unit(n.getPropertyValue(`--ts-breakpoint-${t}-min`)),max:this.unit(n.getPropertyValue(`--ts-breakpoint-${t}-max`))}}rule(t,e){var n=t.startsWith("@"),o=t.endsWith("+"),i=t.endsWith("-"),s=t.includes("[");n&&(t=t.substring(1)),(o||i)&&(t=t.substring(0,t.length-1)),s&&(t=t.substring(1).substring(0,t.length-1));var[r,a]=t.split("-");if(s)return o?[this.unit(r),99999]:i?[0,this.unit(r)]:[this.unit(r),this.unit(a)];var c=this.breakpointSize(r,e);return void 0!==a?[c.min,this.breakpointSize(a,e).max]:o?[c.min,99999]:i?[0,c.max]:[c.min,c.max]}compile(t){return Array.from(t.classList).filter((t=>this.hasResponsiveClass(t))).map((e=>{var[n,o]=e.split(":"),[i,s]=this.rule(n,t);return{min:i,max:s,width:n.startsWith("@")?Math.round(t.closest(`[class~="${tocas.config.scopes.container}"]`).getBoundingClientRect().width):Math.round(window.innerWidth),target_class:o}}))}check(t){var e=[],n=this.compile(t);n.forEach((({width:n,min:o,max:i,target_class:s})=>{n>=o&&n<=i&&(t.classList.add(s),e=[...e,s])})),n.forEach((({width:n,min:o,max:i,target_class:s})=>{(ni)&&!e.includes(s)&&t.classList.remove(s)}))}},i=new class{constructor(){}attributeMutation(t){}addedNodeMutation(t){this.isTab(t)&&(this.bindEventListener(t),this.initialTab(t))}isTab(t){return t.matches(`[${tocas.config.attributes.tab}]`)}isActiveTab(t){return t.classList.contains(tocas.config.classes.tab_active)}initialTab(t){this.isActiveTab(t)||n(t,t.getAttribute(tocas.config.attributes.tab),tocas.config.scopes.tab,tocas.config.attributes.tab_name).forEach((t=>{t.classList.add(tocas.config.classes.hidden)}))}toggle(t){var e=t.target.closest(`[${tocas.config.attributes.tab}]`),n=e.getAttribute(tocas.config.attributes.tab),o=e.closest(`[class*="${tocas.config.scopes.tab}"]`)||document,i=e.closest(".ts-tab"),s=[];i.querySelectorAll(`[${tocas.config.attributes.tab}]`).forEach((t=>{t.getAttribute(tocas.config.attributes.tab)===n?t.classList.add(tocas.config.classes.tab_active):(s=[...s,t.getAttribute(tocas.config.attributes.tab)],t.classList.remove(tocas.config.classes.tab_active))})),o.querySelectorAll(`[${tocas.config.attributes.tab_name}]`).forEach((t=>{var e=t.closest(`[class*="${tocas.config.scopes.tab}"]`)||document;o===e&&(t.getAttribute(tocas.config.attributes.tab_name)===n?t.classList.remove(tocas.config.classes.hidden):s.includes(t.getAttribute(tocas.config.attributes.tab_name))&&t.classList.add(tocas.config.classes.hidden))}))}bindEventListener(t){t.removeEventListener("click",this.toggle),t.addEventListener("click",this.toggle)}},s=new class{attributeMutation(t){}addedNodeMutation(t){this.isToggle(t)&&this.bindEventListener(t)}isToggle(t){return t.matches(`[${tocas.config.attributes.toggle}]`)}toggle(t){var e=t.target.closest(`[${tocas.config.attributes.toggle}]`),[o,i]=e.getAttribute(tocas.config.attributes.toggle).split(":");n(e,o,tocas.config.scopes.toggle,tocas.config.attributes.toggle_name).forEach((t=>{t.classList.toggle(i)}))}bindEventListener(t){t.removeEventListener("click",this.toggle.bind(this)),t.addEventListener("click",this.toggle.bind(this))}},r=new class{attributeMutation(t){}addedNodeMutation(t){this.isDropdownTrigger(t)&&this.bindEventListener(t),this.isDropdown(t)&&this.bindItemEventListener(t)}isDropdownTrigger(t){return t.matches(`[${tocas.config.attributes.dropdown}]`)}isDropdown(t){return t.matches(`.ts-dropdown[${tocas.config.attributes.dropdown_name}]`)}position(t){return t.getAttribute(tocas.config.attributes.dropdown_position)||"bottom"}windowClick(t){var e=t.target.closest(`[${tocas.config.attributes.dropdown}]`),o=t.target.closest(`[${tocas.config.attributes.dropdown_name}]`);if(null===e&&null===o&&document.querySelectorAll(`.ts-dropdown[${tocas.config.attributes.dropdown_name}]`).forEach((t=>{this.closeDropdown(t)})),null!==e){var i=e.getAttribute(tocas.config.attributes.dropdown),s=n(e,i,tocas.config.scopes.dropdown,tocas.config.attributes.dropdown_name)[0];this.closeDropdownsExcept(s)}null!==o&&this.closeDropdownsExcept(o)}closeDropdownsExcept(t){document.querySelectorAll(`.ts-dropdown[${tocas.config.attributes.dropdown_name}]`).forEach((e=>{e!==t&&this.closeDropdown(e)}))}bindEventListener(t){t.removeEventListener("click",this.clickEventListener.bind(this)),t.addEventListener("click",this.clickEventListener.bind(this))}bindItemEventListener(t){t.removeEventListener("click",this.itemClickEventListener.bind(this)),t.addEventListener("click",this.itemClickEventListener.bind(this))}closeDropdown(t){(t.classList.contains(".ts-dropdown")||t.classList.contains("is-visible"))&&(t.classList.remove("is-visible"),void 0!==t.tocas_dropdown&&(t.tocas_dropdown(),t.tocas_dropdown=void 0,t.style.removeProperty("--ts-dropdown-min-width"),t.style.removeProperty("--ts-dropdown-position")))}itemClickEventListener(t){var e=t.target.closest(`.ts-dropdown[${tocas.config.attributes.dropdown_name}]`);null!==t.target.closest(".item")&&this.closeDropdown(e)}clickEventListener(t){var e=t.target.closest(`[${tocas.config.attributes.dropdown}]`),o=e.getAttribute(tocas.config.attributes.dropdown),i=n(e,o,tocas.config.scopes.dropdown,tocas.config.attributes.dropdown_name)[0],s=this.position(i);void 0!==i.tocas_dropdown&&(i.tocas_dropdown(),i.tocas_dropdown=void 0,i.style.removeProperty("--ts-dropdown-min-width"),i.style.removeProperty("--ts-dropdown-position")),i.classList.toggle("is-visible"),i.classList.contains("is-visible")&&(i.style.setProperty("--ts-dropdown-min-width",`${e.getBoundingClientRect().width}px`),i.style.setProperty("--ts-dropdown-position","fixed"),i.tocas_dropdown=TocasFloatingUIDOM.autoUpdate(e,i,(()=>{TocasFloatingUIDOM.computePosition(e,i,{strategy:"fixed",placement:s,middleware:[TocasFloatingUIDOM.flip({crossAxis:!1}),TocasFloatingUIDOM.offset(8),TocasFloatingUIDOM.shift()]}).then((({x:t,y:e})=>{Object.assign(i.style,{left:`${t}px`,top:`${e}px`})}))})))}},a=new class{attributeMutation(t){this.isTooltip(t.target)&&this.bindEventListener(t.target)}addedNodeMutation(t){this.isTooltip(t)&&this.bindEventListener(t)}isTooltip(t){return t.matches(`[${tocas.config.attributes.tooltip}]`)}bindEventListener(t){t.tocas_tooltip_timer=null,this.enterEventListener(t),this.leaveEventListener(t)}delay(t){var e=t.getAttribute(tocas.config.attributes.tooltip_delay);return"0"===e?0:parseInt(e,10)||200}position(t){return t.getAttribute(tocas.config.attributes.tooltip_position)||"bottom"}enterEventListener(t){t.addEventListener("mouseover",(e=>{window.matchMedia("(pointer: coarse)").matches||null===t.tocas_tooltip_timer&&void 0===t.tocas_tooltip&&(t.tocas_tooltip_timer=setTimeout((()=>{this.showTooltip(t)}),this.delay(t)+1))}))}leaveEventListener(t){t.addEventListener("mouseleave",(e=>{e.target===t&&(void 0!==t.tocas_tooltip&&(t.tocas_tooltip(),t.tocas_tooltip=void 0),null!==t.tocas_tooltip_timer&&(clearTimeout(t.tocas_tooltip_timer),t.tocas_tooltip_timer=null),document.querySelectorAll(".ts-tooltip").forEach((t=>{t.remove()})))}))}createTooltip(t,e){var n=document.createElement("div");return n.innerText=t.getAttribute(tocas.config.attributes.tooltip),n.classList.add("ts-tooltip",tocas.config.classes.tooltip_visible),n.appendChild(e),n}createArrow(){var t=document.createElement("div");return t.classList.add("arrow"),t}showTooltip(t){var e=this.position(t),n=this.createArrow(),o=this.createTooltip(t,n);document.body.appendChild(o),t.tocas_tooltip=TocasFloatingUIDOM.autoUpdate(t,o,(()=>{TocasFloatingUIDOM.computePosition(t,o,{strategy:"fixed",placement:e,middleware:[TocasFloatingUIDOM.flip({crossAxis:!1}),TocasFloatingUIDOM.offset({crossAxis:-15,mainAxis:10}),TocasFloatingUIDOM.shift(),TocasFloatingUIDOM.arrow({element:n})]}).then((({middlewareData:t,x:e,y:i,placement:s})=>{if(Object.assign(o.style,{left:`${e}px`,top:`${i}px`}),t.arrow){const{x:e}=t.arrow;n.style.setProperty("--ts-tooltip-x",null!=e?`${e}px`:"0")}s&&(o.classList.remove("is-top","is-top-start","is-top-end","is-bottom","is-bottom-start","is-bottom-end"),o.classList.add(`is-${s}`))}))}))}};new MutationObserver((function(t){t.forEach((function(t){"attributes"===t.type?(o.attributeMutation(t),i.attributeMutation(t),s.attributeMutation(t),r.attributeMutation(t),a.attributeMutation(t)):t.addedNodes&&t.addedNodes.length&&t.addedNodes.forEach((function(t){t.nodeType===Node.ELEMENT_NODE&&(o.addedNodeMutation(t),i.addedNodeMutation(t),s.addedNodeMutation(t),r.addedNodeMutation(t),a.addedNodeMutation(t))}))}))})).observe(document.documentElement,{childList:!0,subtree:!0,attributes:!0,attributeOldValue:!0,attributeFilter:["class"]}),window.addEventListener("resize",(t=>{o.windowResize(t)})),window.addEventListener("click",(t=>{r.windowClick(t)}))}(); diff --git a/docs/en-us/accordion.html b/docs/en-us/accordion.html deleted file mode 100644 index fa7e795c5..000000000 --- a/docs/en-us/accordion.html +++ /dev/null @@ -1,589 +0,0 @@ - - - - - - - - - - - - - - Accordion - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Accordion

-
Allows the user to expand and close the content.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
What are the business hours?
-
Daily from 9:00 AM to 8:00 PM.
-
-
-
- 
<div class="ts-accordion">
-    <div class="title">What are the business hours?</div>
-    <div class="content">Daily from 9:00 AM to 8:00 PM.</div>
-</div>
-
-
- - - - - - -
Introduction
-

JavaScript is required to control the activation status of the component to present the open or closed status. Dividers should be placed between if there are multiple Accordions.

-
- - - - - -
States
- - - - - - - - - -
- -
- Active - - - -
-

The content element will be displayed when an Accordion is active.

-
- - - -
-
-
Is there an SSL encrypted transport protocol provided when I am using the API?
-
No, the Bank use the traditional standard protocol of non-encrypted HTTP communication.
-
-
-
-
Do I need to sign my own key to prevent a middleman attack?
-
No need, because it is just a matter of luck.
-
-
- 
<div class="ts-accordion is-active">
-    <div class="title">Is there an SSL encrypted transport protocol provided when I am using the API?</div>
-    <div class="content">No, the Bank use the traditional standard protocol of non-encrypted HTTP communication.</div>
-</div>
-<div class="ts-divider is-section"></div>
-<div class="ts-accordion">
-    <div class="title">Do I need to sign my own key to prevent a middleman attack?</div>
-    <div class="content">No need, because it is just a matter of luck.</div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
- - - -
- -
States
-
- - - Active is-active - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/app-layout.html b/docs/en-us/app-layout.html deleted file mode 100644 index 211d866cb..000000000 --- a/docs/en-us/app-layout.html +++ /dev/null @@ -1,1307 +0,0 @@ - - - - - - - - - - - - - - App Layout - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

App Layout

-
Divides the application interface layout into several parts.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
-
-
Sidebar
-
-
-
-
Topbar
-
-
-
Content
-
-
-
-
-
-
- 
<div class="ts-box">
-    <div class="ts-app-layout is-horizontal">
-        <div class="cell">
-            <div class="ts-content">Sidebar</div>
-        </div>
-        <div class="cell is-fluid is-vertical">
-            <div class="cell">
-                <div class="ts-content">Topbar</div>
-            </div>
-            <div class="cell">
-                <div class="ts-content">Content</div>
-            </div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - -
Introduction
-

This is a component designed for applications.

- -

It’s usually be treated as a top-level element that wraps the main content.

- -

Also it is often being used along with the Sidebar and Navbar.

-
- - - - - -
Variations
- - - - - - - - - -
- -
- Horizontal - - - -
-

The cells are arranged horizontally from left to right.

-
- - - -
-
-
-
-
Left
-
-
-
Center
-
-
-
Right
-
-
-
-
- 
<div class="ts-box">
-    <div class="ts-app-layout is-horizontal">
-        <div class="cell is-fluid">
-            <div class="ts-content">Left</div>
-        </div>
-        <div class="cell is-fluid">
-            <div class="ts-content">Center</div>
-        </div>
-        <div class="cell is-fluid">
-            <div class="ts-content">Right</div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Vertical - - - -
-

The cells are arranged vertically from top to bottom.

-
- - - -
-
-
-
-
Top
-
-
-
Middle
-
-
-
Bottom
-
-
-
-
- 
<div class="ts-box">
-    <div class="ts-app-layout is-vertical">
-        <div class="cell">
-            <div class="ts-content">Top</div>
-        </div>
-        <div class="cell">
-            <div class="ts-content">Middle</div>
-        </div>
-        <div class="cell">
-            <div class="ts-content">Bottom</div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Full - - - -
-

Fits the height, width of the parent container. Usually used if you want the layout to cover the whole page.

-
- - - -
-
-
-
-
Cell
-
-
-
-
- 
<div class="ts-box">
-    <div class="ts-app-layout is-full is-horizontal">
-        <div class="cell">
-            <div class="ts-content">Cell</div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Cell Variations
- - - - - - - - - -
- -
- Fluid - - - -
-

A cell is default with a width that fits its own content. A fluid cell will take the remaining space of the layout.

-
- - - -
-
-
-
-
Default
-
-
-
Fluid
-
-
-
-
- 
<div class="ts-box">
-    <div class="ts-app-layout is-horizontal">
-        <div class="cell">
-            <div class="ts-content">Default</div>
-        </div>
-        <div class="cell is-fluid">
-            <div class="ts-content">Fluid</div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Horizontal - - - -
-

The cells are arranged horizontally from left to right.

-
- - - -
-
-
-
-
Top
-
-
-
-
Left
-
-
-
Center
-
-
-
Right
-
-
-
-
-
- 
<div class="ts-box">
-    <div class="ts-app-layout is-vertical">
-        <div class="cell">
-            <div class="ts-content">Top</div>
-        </div>
-        <div class="cell is-horizontal">
-            <div class="cell is-fluid">
-                <div class="ts-content">Left</div>
-            </div>
-            <div class="cell is-fluid">
-                <div class="ts-content">Center</div>
-            </div>
-            <div class="cell is-fluid">
-                <div class="ts-content">Right</div>
-            </div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Vertical - - - -
-

The cells are arranged vertically from top to bottom.

-
- - - -
-
-
-
-
Left
-
-
-
-
Top
-
-
-
Middle
-
-
-
Bottom
-
-
-
-
-
- 
<div class="ts-box">
-    <div class="ts-app-layout is-horizontal">
-        <div class="cell">
-            <div class="ts-content">Left</div>
-        </div>
-        <div class="cell is-vertical is-fluid">
-            <div class="cell">
-                <div class="ts-content">Top</div>
-            </div>
-            <div class="cell">
-                <div class="ts-content">Middle</div>
-            </div>
-            <div class="cell">
-                <div class="ts-content">Bottom</div>
-            </div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Scrollable - - - -
-

Allows the cell to be scrollable if the content is overflowed.

-
- - - -
-
-
-
-
Header
-
-
-
-

Fusce non enim egestas, lobortis diam et, congue felis.

-

Rhoncus est sed laoreet facilisis. Suspendisse ante odio,

-

pulvinar non nulla sed, consequat lacinia risus.

-

Aliquam mollis pulvinar lorem sed efficitur.

-
-
-
-
Footer
-
-
-
-
- 
<div class="ts-box">
-    <div class="ts-app-layout is-vertical" style="height: 260px;">
-        <div class="cell">
-            <div class="ts-content">Header</div>
-        </div>
-        <div class="cell is-scrollable is-fluid">
-            <div class="ts-content">
-                <p>Fusce non enim egestas, lobortis diam et, congue felis.</p>
-                <p>Rhoncus est sed laoreet facilisis. Suspendisse ante odio,</p>
-                <p>pulvinar non nulla sed, consequat lacinia risus.</p>
-                <p>Aliquam mollis pulvinar lorem sed efficitur.</p>
-            </div>
-        </div>
-        <div class="cell">
-            <div class="ts-content">Footer</div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Secondary - - - -
-

A secondary background tone to presents it’s not the main content section.

-
- - - -
-
-
-
-
Sidebar
-
-
-
Content
-
-
-
-
- 
<div class="ts-box">
-    <div class="ts-app-layout is-horizontal">
-        <div class="cell is-secondary">
-            <div class="ts-content">Sidebar</div>
-        </div>
-        <div class="cell is-fluid">
-            <div class="ts-content">Content</div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Tertiary - - - -
-

Background with a tertiary color stands out the main subject.

-
- - - -
-
-
-
-
Sidebar
-
-
-
-
- Hello, my friend! -
-
-
-
-
-
- 
<div class="ts-box">
-    <div class="ts-app-layout is-horizontal">
-        <div class="cell">
-            <div class="ts-content">Sidebar</div>
-        </div>
-        <div class="cell is-tertiary is-fluid">
-            <div class="ts-content">
-                <div class="ts-segment">
-                    Hello, my friend!
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Compositions
- - - - - - - - - -
- -
- Single-page Application - - - -
-

You can easily create a single-page application layout by combining with the Sidebar and Navbar.

-
- - - -
-
-
-
-
-
- TEACAT DEVELOPERS -
-
- VERSION 1.3.4 -
-
-
-
- STARTUP -
- - Home - -
- MANAGEMENT -
- - Users - - - Downloads - -
- SYSTEM -
- - Preferences - -
-
- -
-
-
-
-
-
-
- -
-
Users
- - -
-
Home
- - -
-
News
- -
-
-
-
-
-
-
- 
<div class="ts-box">
-    <div class="ts-app-layout is-horizontal">
-        <div class="cell" style="width: 245px;">
-            <div class="ts-content">
-                <div class="ts-header is-big is-heavy">
-                    TEACAT DEVELOPERS
-                </div>
-                <div class="ts-text is-description is-heavy">
-                    VERSION 1.3.4
-                </div>
-            </div>
-            <div class="ts-app-sidebar">
-                <div class="header">
-                    STARTUP
-                </div>
-                <a class="item">
-                    <span class="ts-icon is-house-icon"></span> Home
-                </a>
-                <div class="header">
-                    MANAGEMENT
-                </div>
-                <a class="item is-active">
-                    <span class="ts-icon is-user-icon"></span> Users
-                </a>
-                <a class="item">
-                    <span class="ts-icon is-download-icon"></span> Downloads
-                </a>
-                <div class="header">
-                    SYSTEM
-                </div>
-                <a class="item">
-                    <span class="ts-icon is-gears-icon"></span> Preferences
-                </a>
-            </div>
-            <div class="ts-content">
-                <button class="ts-button is-outlined is-fluid">
-                    Logout
-                </button>
-            </div>
-        </div>
-        <div class="cell is-fluid is-vertical">
-            <div class="cell is-fluid is-secondary"></div>
-            <div class="cell">
-                <div class="ts-content">
-                    <div class="ts-app-navbar is-fluid">
-                        <a class="item">
-                            <div class="ts-icon is-user-icon"></div>
-                            <div class="label">Users</div>
-                        </a>
-                        <a class="item">
-                            <div class="ts-icon is-house-icon"></div>
-                            <div class="label">Home</div>
-                        </a>
-                        <a class="item is-active">
-                            <div class="ts-icon is-newspaper-icon"></div>
-                            <div class="label">News</div>
-                        </a>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
Variations
-
- - - Horizontal is-horizontal - - - - Vertical is-vertical - - - - Full is-full - - -
- -
Cell Variations
-
- - - Fluid is-fluid - - - - Horizontal is-horizontal - - - - Vertical is-vertical - - - - Scrollable is-scrollable - - - - Secondary is-secondary - - - - Tertiary is-tertiary - - -
- -
Compositions
-
- - - Single-page Application {{ts-app-sidebar}} - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/app-navbar.html b/docs/en-us/app-navbar.html deleted file mode 100644 index fa99fc994..000000000 --- a/docs/en-us/app-navbar.html +++ /dev/null @@ -1,1109 +0,0 @@ - - - - - - - - - - - - - - App Navbar - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

App Navbar

-
A function/page navigation bar similar to Tabs.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
- -
-
Users
- - -
-
Home
- - -
-
News
- -
-
-
-
- 
<div class="ts-segment">
-    <div class="ts-app-navbar is-fluid">
-        <a class="item">
-            <div class="ts-icon is-user-icon"></div>
-            <div class="label">Users</div>
-        </a>
-        <a class="item">
-            <div class="ts-icon is-house-icon"></div>
-            <div class="label">Home</div>
-        </a>
-        <a class="item is-active">
-            <div class="ts-icon is-newspaper-icon"></div>
-            <div class="label">News</div>
-        </a>
-    </div>
-</div>
-
-
- - - - - - -
Introduction
-

This is a component designed for applications.

- -

The Navbar is usually being placed at the bottom of the page as a navigation for different functions.

- -

If there are lots of the function available, you should consider to put them into the Sidebar or a media library instead of list them all in the Navbar.

- -

To use the Navbar, there should be alteast one active item and the rest will be greyed out.

-
- - - - - -
Contents
- - - - - - - - - -
- -
- Label - - - -
-

Labels can be placed under the icons. It is recommended to shorten the text of the label, for example: “My Music” should be “Music”.

-
- - - -
-
- -
-
Search
- - -
-
Laboratory
- - -
-
Atom
- -
-
- 
<div class="ts-app-navbar">
-    <a class="item">
-        <div class="ts-icon is-magnifying-glass-icon"></div>
-        <div class="label">Search</div>
-    </a>
-    <a class="item is-active">
-        <div class="ts-icon is-vials-icon"></div>
-        <div class="label">Laboratory</div>
-    </a>
-    <a class="item">
-        <div class="ts-icon is-atom-icon"></div>
-        <div class="label">Atom</div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- - - -
States
- - - - - - - - - -
- -
- Active - - - -
-

An active item indicates the current viewing page.

-
- - - -
-
- -
-
Favorites
- - -
-
Recent
- - -
-
Contacts
- -
-
- 
<div class="ts-app-navbar">
-    <a class="item">
-        <div class="ts-icon is-star-icon"></div>
-        <div class="label">Favorites</div>
-    </a>
-    <a class="item is-active">
-        <div class="ts-icon is-clock-icon"></div>
-        <div class="label">Recent</div>
-    </a>
-    <a class="item">
-        <div class="ts-icon is-users-icon"></div>
-        <div class="label">Contacts</div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Disabled - - - -
-

Disabled an item so user cannot interact with it.

-
- - - -
-
- -
-
News
- - -
-
To-do
- - -
-
Help
- -
-
- 
<div class="ts-app-navbar is-indicated">
-    <a class="item">
-        <div class="ts-icon is-newspaper-icon"></div>
-        <div class="label">News</div>
-    </a>
-    <a class="item is-active">
-        <div class="ts-icon is-list-check-icon"></div>
-        <div class="label">To-do</div>
-    </a>
-    <a class="item is-disabled">
-        <div class="ts-icon is-handshake-angle-icon"></div>
-        <div class="label">Help</div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- - - -
Variation
- - - - - - - - - -
- -
- Indicated - - - -
-

A indicated Navbar indicates the active item and the rest unactive items will not be faded.

-
- - - -
-
- -
-
Steps
- - -
-
Activities
- - -
-
Heart Rate
- -
-
- 
<div class="ts-app-navbar is-indicated">
-    <a class="item">
-        <div class="ts-icon is-shoe-prints-icon"></div>
-        <div class="label">Steps</div>
-    </a>
-    <a class="item is-active">
-        <div class="ts-icon is-stopwatch-icon"></div>
-        <div class="label">Activities</div>
-    </a>
-    <a class="item">
-        <div class="ts-icon is-heart-icon"></div>
-        <div class="label">Heart Rate</div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Unlabeled - - - -
-

The label of unactive items will be hide. This can effectively reduce the width of the navigation bar.

-
- - - -
-
- -
-
Photos
- - -
-
Search
- - -
-
Share
- - -
-
Archives
- -
-
- 
<div class="ts-app-navbar is-unlabeled">
-    <a class="item">
-        <div class="ts-icon is-image-icon"></div>
-        <div class="label">Photos</div>
-    </a>
-    <a class="item is-active">
-        <div class="ts-icon is-magnifying-glass-icon"></div>
-        <div class="label">Search</div>
-    </a>
-    <a class="item">
-        <div class="ts-icon is-users-icon"></div>
-        <div class="label">Share</div>
-    </a>
-    <a class="item">
-        <div class="ts-icon is-box-archive-icon"></div>
-        <div class="label">Archives</div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Vertical - - - -
-

The items will be arranged vertically from top to bottom.

-
- - - -
-
- -
-
Services
- - -
-
SQL Query
- - -
-
Snippets
- -
-
- 
<div class="ts-app-navbar is-vertical is-indicated">
-    <a class="item">
-        <div class="ts-icon is-boxes-stacked-icon"></div>
-        <div class="label">Services</div>
-    </a>
-    <a class="item is-active">
-        <div class="ts-icon is-database-icon"></div>
-        <div class="label">SQL Query</div>
-    </a>
-    <a class="item">
-        <div class="ts-icon is-scroll-icon"></div>
-        <div class="label">Snippets</div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Fluid - - - -
-

The Navbar can have a fluid width that fits the parent container.

-
- - - -
-
- -
-
Home
- - -
-
Pages
- - -
-
Notifications
- -
-
- 
<div class="ts-app-navbar is-fluid">
-    <a class="item">
-        <div class="ts-icon is-house-icon"></div>
-        <div class="label">Home</div>
-    </a>
-    <a class="item is-active">
-        <div class="ts-icon is-flag-icon"></div>
-        <div class="label">Pages</div>
-    </a>
-    <a class="item">
-        <div class="ts-icon is-bell-icon"></div>
-        <div class="label">Notifications</div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Dense - - - -
-

Presents a dense Navbar by changing the padding of the items.

-
- - - -
-
- -
-
Inbox
- - -
-
Chat
- - -
-
Communities
- -
-
- 
<div class="ts-app-navbar is-dense is-indicated">
-    <a class="item">
-        <div class="ts-icon is-envelope-icon"></div>
-        <div class="label">Inbox</div>
-    </a>
-    <a class="item is-active">
-        <div class="ts-icon is-comment-icon"></div>
-        <div class="label">Chat</div>
-    </a>
-    <a class="item">
-        <div class="ts-icon is-users-icon"></div>
-        <div class="label">Communities</div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
-
    - -
  • - Tab -
    • - -
-
- -
- - - -
- -
Contents
-
- - - Label label - - -
- -
States
-
- - - Active is-active - - - - Disabled is-disabled - - -
- -
Variation
-
- - - Indicated is-indicated - - - - Unlabeled is-unlabeled - - - - Vertical is-vertical - - - - Fluid is-fluid - - - - Dense is-dense - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/app-sidebar.html b/docs/en-us/app-sidebar.html deleted file mode 100644 index dd56fea38..000000000 --- a/docs/en-us/app-sidebar.html +++ /dev/null @@ -1,856 +0,0 @@ - - - - - - - - - - - - - - App Sidebar - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

App Sidebar

-
An aside section for navigation or information.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
- STARTUP -
- - Home - -
- MANAGEMENT -
- - Users - - - Downloads - -
-
-
- 
<div class="ts-app-sidebar">
-    <div class="header">
-        STARTUP
-    </div>
-    <a class="item">
-        <span class="ts-icon is-house-icon"></span> Home
-    </a>
-    <div class="header">
-        MANAGEMENT
-    </div>
-    <a class="item is-active">
-        <span class="ts-icon is-user-icon"></span> Users
-    </a>
-    <a class="item">
-        <span class="ts-icon is-download-icon"></span> Downloads
-    </a>
-</div>
-
-
- - - - - - -
Introduction
-

This is a component designed for applications.

- -

Sidebar comes with a fluid width, It is recommended to place it to a container which has a fixed width.

-
- - - - - -
Contents
- - - - - - - - - -
- -
- Header - - - -
-

Divides the section with a header label.

-
- - - -
-
-
- COMMON -
- - Explore - - - Subscriptions - -
- MANAGEMENT -
- - Profile - -
-
- 
<div class="ts-app-sidebar">
-    <div class="header">
-        COMMON
-    </div>
-    <a class="item">
-        <span class="ts-icon is-compass-icon"></span> Explore
-    </a>
-    <a class="item">
-        <span class="ts-icon is-film-icon"></span> Subscriptions
-    </a>
-    <div class="header">
-        MANAGEMENT
-    </div>
-    <a class="item">
-        <span class="ts-icon is-user-icon"></span> Profile
-    </a>
-</div>
-
-
- - - - - - - - - - -
- - - -
States
- - - - - - - - - -
- -
- Active - - - -
-

Indicates the current page location by active an item.

-
- - - -
-
-
- MANAGEMENT -
- - Feature Clips - - - Favorites - - - Liked Videos - -
-
- 
<div class="ts-app-sidebar">
-    <div class="header">
-        MANAGEMENT
-    </div>
-    <a class="item">
-        <span class="ts-icon is-scissors-icon"></span> Feature Clips
-    </a>
-    <a class="item">
-        <span class="ts-icon is-star-icon"></span> Favorites
-    </a>
-    <a class="item is-active">
-        <span class="ts-icon is-thumbs-up-icon"></span> Liked Videos
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Disabled - - - -
-

Disables the item so users cannot interact with it.

-
- - - -
-
-
- TIMELINE -
- - Footprints - - - Limited Events - - - Favorites - -
-
- 
<div class="ts-app-sidebar">
-    <div class="header">
-        TIMELINE
-    </div>
-    <a class="item">
-        <span class="ts-icon is-shoe-prints-icon"></span> Footprints
-    </a>
-    <a class="item">
-        <span class="ts-icon is-stopwatch-icon"></span> Limited Events
-    </a>
-    <a class="item is-disabled">
-        <span class="ts-icon is-heart-icon"></span> Favorites
-    </a>
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Dense - - - -
-

Presents a dense Sidebar by changing the padding of the items.

-
- - - -
-
-
- SYSTEM -
- - User Managements - -
- MANAGEMENT -
- - File Explore - - - Upload - -
-
- 
<div class="ts-app-sidebar is-dense">
-    <div class="header">
-        SYSTEM
-    </div>
-    <a class="item">
-        <span class="ts-icon is-users-icon"></span> User Managements
-    </a>
-    <div class="header">
-        MANAGEMENT
-    </div>
-    <a class="item">
-        <span class="ts-icon is-file-icon"></span> File Explore
-    </a>
-    <a class="item is-active">
-        <span class="ts-icon is-upload-icon"></span> Upload
-    </a>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
- - - -
- -
Contents
-
- - - Header header - - -
- -
States
-
- - - Active is-active - - - - Disabled is-disabled - - -
- -
Variations
-
- - - Dense is-dense - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/app-statusbar.html b/docs/en-us/app-statusbar.html deleted file mode 100644 index dad77f24f..000000000 --- a/docs/en-us/app-statusbar.html +++ /dev/null @@ -1,1125 +0,0 @@ - - - - - - - - - - - - - - 資訊列 - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- - - -
-
-
-
資訊列
-
某個物件的相關狀態、資訊列。
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
- - 第 36 行，第 2 欄 - - -
- 拼字正確 - - -
- -
-
-
-
- 
<div class="ts-box">
-    <div class="ts-app-statusbar is-fluid">
-        <a class="item">
-            第 36 行，第 2 欄
-        </a>
-        <a class="item">
-            <div class="ts-icon is-check-icon"></div>
-            拼字正確
-        </a>
-        <a class="item is-active">
-            <div class="ts-icon is-bell-icon"></div>
-        </a>
-    </div>
-</div>
-
-
- - - - - - -
Introduction
-

這是一個專為應用程式設計的元件。

- -

通常用於擺放在輸入欄位或是某個物件下，就像 VSCode 或是一些文字編輯器那樣的狀態列。

-
- - - - - -
內容
- - - - - - - - - -
- -
- 標籤 - - - -
-

圖示下方也可以擺放標籤，但這個標籤文字必須簡化且為單行。如：「我的音樂」應該作為「音樂」。

-
- - - -
-
- -
-
搜尋
- - -
-
實驗區
- - -
-
原子測試
- -
-
- 
<div class="ts-app-navbar">
-    <a class="item">
-        <div class="ts-icon is-magnifying-glass-icon"></div>
-        <div class="label">搜尋</div>
-    </a>
-    <a class="item is-active">
-        <div class="ts-icon is-vials-icon"></div>
-        <div class="label">實驗區</div>
-    </a>
-    <a class="item">
-        <div class="ts-icon is-atom-icon"></div>
-        <div class="label">原子測試</div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- - - -
狀態
- - - - - - - - - -
- -
- 啟用的 - - - -
-

表現出目前頁面正處於的位置項目。

-
- - - -
-
- -
-
常用聯絡人
- - -
-
近期通話
- - -
-
聯絡人
- -
-
- 
<div class="ts-app-navbar">
-    <a class="item">
-        <div class="ts-icon is-star-icon"></div>
-        <div class="label">常用聯絡人</div>
-    </a>
-    <a class="item is-active">
-        <div class="ts-icon is-clock-icon"></div>
-        <div class="label">近期通話</div>
-    </a>
-    <a class="item">
-        <div class="ts-icon is-users-icon"></div>
-        <div class="label">聯絡人</div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- 停用的 - - - -
-

淡化某個項目讓使用者無法與其互動。

-
- - - -
-
- -
-
刊登啟示
- - -
-
未完成項目
- - -
-
請求協助
- -
-
- 
<div class="ts-app-navbar is-indicated">
-    <a class="item">
-        <div class="ts-icon is-newspaper-icon"></div>
-        <div class="label">刊登啟示</div>
-    </a>
-    <a class="item is-active">
-        <div class="ts-icon is-tasks-icon"></div>
-        <div class="label">未完成項目</div>
-    </a>
-    <a class="item is-disabled">
-        <div class="ts-icon is-hands-helping-icon"></div>
-        <div class="label">請求協助</div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- - - -
外觀
- - - - - - - - - -
- -
- 標記的 - - - -
-

令啟用的項目以較醒目的方式呈現，而這會讓沒被啟用的項目以正常方式呈現而不會被淡化。

-
- - - -
-
- -
-
步數
- - -
-
活動分鐘
- - -
-
心律
- -
-
- 
<div class="ts-app-navbar is-indicated">
-    <a class="item">
-        <div class="ts-icon is-shoe-prints-icon"></div>
-        <div class="label">步數</div>
-    </a>
-    <a class="item is-active">
-        <div class="ts-icon is-stopwatch-icon"></div>
-        <div class="label">活動分鐘</div>
-    </a>
-    <a class="item">
-        <div class="ts-icon is-heart-icon"></div>
-        <div class="label">心律</div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- 無標籤 - - - -
-

在這個模式下，所有沒被啟用的項目其標籤都會被隱藏。這可以有效地減短導航列的寬度。

-
- - - -
-
- -
-
相片
- - -
-
搜尋
- - -
-
共享
- - -
-
彙整
- -
-
- 
<div class="ts-app-navbar is-unlabeled">
-    <a class="item">
-        <div class="ts-icon is-image-icon"></div>
-        <div class="label">相片</div>
-    </a>
-    <a class="item is-active">
-        <div class="ts-icon is-magnifying-glass-icon"></div>
-        <div class="label">搜尋</div>
-    </a>
-    <a class="item">
-        <div class="ts-icon is-users-icon"></div>
-        <div class="label">共享</div>
-    </a>
-    <a class="item">
-        <div class="ts-icon is-archive-icon"></div>
-        <div class="label">彙整</div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- 流動 - - - -
-

導航列的寬度可以與父容器相同。

-
- - - -
-
- -
-
首頁
- - -
-
粉絲專頁
- - -
-
通知
- -
-
- 
<div class="ts-app-navbar is-fluid">
-    <a class="item">
-        <div class="ts-icon is-house-icon"></div>
-        <div class="label">首頁</div>
-    </a>
-    <a class="item is-active">
-        <div class="ts-icon is-flag-icon"></div>
-        <div class="label">粉絲專頁</div>
-    </a>
-    <a class="item">
-        <div class="ts-icon is-bell-icon"></div>
-        <div class="label">通知</div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- 較密的 - - - -
-

變更元件的內距，令元素之間看起來更密集。

-
- - - -
-
- -
-
信件
- - -
-
聊天
- - -
-
社群
- -
-
- 
<div class="ts-app-navbar is-dense is-indicated">
-    <a class="item">
-        <div class="ts-icon is-envelope-icon"></div>
-        <div class="label">信件</div>
-    </a>
-    <a class="item is-active">
-        <div class="ts-icon is-comment-icon"></div>
-        <div class="label">聊天</div>
-    </a>
-    <a class="item">
-        <div class="ts-icon is-users-icon"></div>
-        <div class="label">社群</div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- - - -
組合應用
- - - - - - - - - -
- -
- 側邊選單 - - - -
-

透過結合輸入欄位和內容區塊可以打造出一個輕便的側邊選單。

-
- - - -
-
-
-
- -
-
-
-
- - 第 36 行，第 2 欄 - - -
- 拼字正確 - - -
- -
-
-
- 
<div class="ts-box">
-    <div class="ts-content">
-        <div class="ts-input is-fluid">
-            <textarea placeholder="輸入文字…"></textarea>
-        </div>
-    </div>
-    <div class="ts-divider"></div>
-    <div class="ts-app-statusbar is-fluid">
-        <a class="item">
-            第 36 行，第 2 欄
-        </a>
-        <a class="item">
-            <div class="ts-icon is-check-icon"></div>
-            拼字正確
-        </a>
-        <a class="item is-active">
-            <div class="ts-icon is-bell-icon"></div>
-        </a>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
-
    - -
  • - Tab -
    • - -
-
- -
- - - -
- -
內容
-
- - - 標籤 label - - -
- -
狀態
-
- - - 啟用的 is-active - - - - 停用的 is-disabled - - -
- -
外觀
-
- - - 標記的 is-indicated - - - - 無標籤 is-unlabeled - - - - 流動 is-fluid - - - - 較密的 is-dense - - -
- -
組合應用
-
- - - 側邊選單 ts-app-statusbar - - -
- - -
- - -
-
-
- -
-
-
- Back to Top - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Localization translators: Yami Odymel
-
-
- -
-
-
-
- - diff --git a/docs/en-us/assets/examples.css b/docs/en-us/assets/examples.css deleted file mode 100644 index c2e0ac124..000000000 --- a/docs/en-us/assets/examples.css +++ /dev/null @@ -1,198 +0,0 @@ -.文件內容 { - display: block; - padding: 4rem 0 6rem; - flex: 1; -} - -.文件內容-未完成標語 { - border: 1px solid var(--ts-gray-300); - color: var(--ts-gray-800); - font-size: 14px; - display: flex; - gap: 0.7rem; - padding: 0.3rem 0.7rem; - align-items: center; - border-radius: 0.4rem; - margin: 0 auto; - margin-bottom: 2rem; - margin-top: -2rem; -} - -.文件內容-未完成標語-標題 { - background: var(--ts-gray-800); - color: var(--ts-gray-50); - border-radius: 0.4rem; - padding: 0.4rem 0.8rem; - line-height: 1; - font-size: 13px; - font-weight: 500; - white-space: nowrap; -} - -.文件內容-未完成標語-內容 { -} - -.文件內容-電腦版設計 { - border: 1px solid var(--ts-gray-300); - color: var(--ts-gray-800); - font-size: 14px; - display: flex; - gap: 0.7rem; - padding: 0.3rem 0.7rem; - align-items: flex-start; - border-radius: 0.4rem; - margin: 0 auto; - margin-bottom: 2rem; - margin-top: -2rem; -} - -.文件內容-電腦版設計-標題 { - background: var(--ts-gray-800); - color: var(--ts-gray-50); - border-radius: 0.4rem; - padding: 0.4rem 0.8rem; - line-height: 1; - font-size: 13px; - font-weight: 500; - white-space: nowrap; -} - -.文件內容-電腦版設計-內容 {} - -.文件內容-範例清單 { - display: block; -} - -.文件內容-範例清單-段落 { - display: block; -} - -.文件內容-範例清單-段落:not(:first-child) { - margin-top: 6rem; -} - -.文件內容-範例清單-段落-標題 { - display: block; - font-size: 1.6rem; - font-weight: 500; - color: var(--ts-gray-800); -} - -.文件內容-範例清單-段落-說明 { - display: block; - font-size: 1rem; - color: var(--ts-gray-600); -} - -.文件內容-範例清單-段落-項目清單 { - display: grid; - grid-template-columns: repeat(4, 1fr); - gap: 2rem; - margin-top: 2rem; -} - -.文件內容-範例清單-段落-項目清單-項目 { - display: block; - border-radius: 0.4rem; - box-sizing: border-box; - width: 100%; - border: 1px solid var(--ts-gray-300); - overflow: hidden; - cursor: pointer; - position: relative; - text-decoration: none; - padding-bottom: 1rem; - /*transition: box-shadow 0.1s ease, transform 0.1s ease;*/ -} - -.文件內容-範例清單-段落-項目清單-項目:hover { - /*box-shadow: 0px 1px 7px 0px #e0e0e082; - transform: translateY(-3px);*/ - border-color: var(--ts-gray-400); -} - -.文件內容-範例清單-段落-項目清單-項目_停用的 { - opacity: 0.5; - pointer-events: none; -} - -.文件內容-範例清單-段落-項目清單-項目-螢幕截圖 { - width: 100%; - border-bottom: 1px solid var(--ts-gray-300); -} - -.文件內容-範例清單-段落-項目清單-項目-標題 { - display: block; - font-size: 1.1rem; - font-weight: 500; - color: var(--ts-gray-800); - padding: 1rem 1rem 0; - line-height: 1; -} - -.文件內容-範例清單-段落-項目清單-項目:hover .文件內容-範例清單-段落-項目清單-項目-標題 { - text-decoration: underline; -} - -.文件內容-範例清單-段落-項目清單-項目-說明 { - display: block; - font-size: 1rem; - color: var(--ts-gray-800); - padding: 1rem 1rem 0; -} - -.文件內容-範例清單-段落-項目清單-項目-圖示 { - position: absolute; - font-size: 6rem; - bottom: -1rem; - right: -1rem; - color: var(--ts-black); - opacity: 0.05; - pointer-events: none; - line-height: 1; -} - -@media screen and (max-width: 960px) { - .文件內容 { - padding: 2rem 0 3rem; - } - - .文件內容-未完成標語, - .文件內容-電腦版設計 { - display: block; - margin-top: 0; - padding-top: 0.7rem; - margin-bottom: 1.5rem; - } - - .文件內容-未完成標語-標題, - .文件內容-電腦版設計-標題 { - display: inline-block; - margin-right: 0.5rem; - margin-bottom: 0.25rem; - padding: 0.35rem 0.8rem; - } - - .文件內容-未完成標語-內容, - .文件內容-電腦版設計-內容 { - display: inline; - } - - .文件內容-範例清單-段落-項目清單 { - grid-template-columns: repeat(2, 1fr); - } - - .文件內容-範例清單-段落-標題 { - font-size: 1.3rem; - } - - .文件內容-範例清單-段落:not(:first-child) { - margin-top: 2rem; - } -} - -@media screen and (max-width: 520px) { - .文件內容-範例清單-段落-項目清單 { - grid-template-columns: repeat(1, 1fr); - } -} \ No newline at end of file diff --git a/docs/en-us/assets/highlight.css b/docs/en-us/assets/highlight.css deleted file mode 100644 index 711cdd597..000000000 --- a/docs/en-us/assets/highlight.css +++ /dev/null @@ -1,116 +0,0 @@ -@import url("https://fonts.googleapis.com/css?family=Noto+Sans+HK:400,500|Noto+Sans+JP:400,500|Noto+Sans+KR:400,500|Noto+Sans+SC:400,500|Noto+Sans+TC:400,500&display=swap&subset=chinese-hongkong,chinese-simplified,chinese-traditional,cyrillic,japanese,korean,vietnamese"); -@import url("https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,bold"); - -.hljs { - background: none; - color: var(--ts-gray-600); - font-size: 0.95rem; - white-space: break-spaces; - overflow-x: scroll; - font-family: "Ubuntu Mono", "Noto Sans TC", "Noto Sans CJK TC", "SF Pro TC", "SF Pro Text", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", "Microsoft JhengHei", - wf_SegoeUI, "Segoe UI", Segoe, "Segoe WP", Tahoma, Verdana, Ubuntu, "Bitstream Vera Sans", "DejaVu Sans", 微軟正黑體, "LiHei Pro", "WenQuanYi Micro Hei", - "Droid Sans Fallback", "AR PL UMing TW", Roboto, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", Meiryo, "Droid Sans", sans-serif; - word-spacing: 2px; - letter-spacing: 0em; - - --hljs-link-color: #503efc; - --hljs-mark-background-color: #096dd9; - --hljs-semantic-color: #503efc; -} - -.hljs a { - padding: 0 0.1rem; - border-bottom: 1px dashed var(--hljs-link-color); - color: var(--hljs-link-color); - text-decoration: none; -} - -.hljs a:hover { - border-bottom-style: solid; -} - -.hljs mark a { - color: #fff; - border-bottom-color: #fff; -} - -.hljs mark { - padding: 0 0.4rem; - display: inline-block; - border-radius: 0.3rem; - line-height: 1.4; -} - -.hljs mark:not(.tag) { - background: var(--hljs-mark-background-color); - color: #fff; -} - -.hljs mark.tag { - background-color: #e9e9e9; - color: inherit; -} - -.hljs .hljs-variable, -.hljs .hljs-template-variable, -.hljs .hljs-tag, -.hljs .hljs-name, -.hljs .hljs-selector-id, -.hljs .hljs-selector-class, -.hljs .hljs-regexp, -.hljs .hljs-deletion { - color: var(--ts-gray-600); -} - -.hljs .hljs-string, -.hljs .hljs-symbol, -.hljs .hljs-bullet, -.hljs .hljs-addition { - color: var(--hljs-semantic-color); -} - -.hljs .hljs-attribute { - margin-right: 0.2em; -} - -.hljs .hljs-important-class { - background-color: var(--ts-primary-600); - padding: 1px 3px; - border-radius: 4px; - color: #fff; -} - -.hljs .hljs-important-class * { - color: #fff; -} - -code.hljs.javascript { - color: #8e8e8e; -} - -.hljs-comment { - opacity: 0.75; -} - -.hljs mark::selection, -.hljs mark a::selection { - color: #FFF; - background: #014691; -} - -@media (prefers-color-scheme: dark) { - .hljs { - --hljs-link-color: #5ca5ff; - --hljs-semantic-color: #5ca5ff; - } -} - -*[data-scheme="dark"] .hljs { - --hljs-link-color: #5ca5ff; - --hljs-semantic-color: #5ca5ff; -} - -*[data-scheme="light"] .hljs { - --hljs-link-color: #503efc; - --hljs-semantic-color: #503efc; -} diff --git a/docs/en-us/assets/images/1-1.png b/docs/en-us/assets/images/1-1.png deleted file mode 100644 index d8e22c1e9..000000000 Binary files a/docs/en-us/assets/images/1-1.png and /dev/null differ diff --git a/docs/en-us/assets/images/1-1_white.png b/docs/en-us/assets/images/1-1_white.png deleted file mode 100644 index 8686c12b0..000000000 Binary files a/docs/en-us/assets/images/1-1_white.png and /dev/null differ diff --git a/docs/en-us/assets/images/16-9.png b/docs/en-us/assets/images/16-9.png deleted file mode 100644 index 1d1491922..000000000 Binary files a/docs/en-us/assets/images/16-9.png and /dev/null differ diff --git a/docs/en-us/assets/images/16-9_white.png b/docs/en-us/assets/images/16-9_white.png deleted file mode 100644 index 1d8396209..000000000 Binary files a/docs/en-us/assets/images/16-9_white.png and /dev/null differ diff --git a/docs/en-us/assets/images/4-3.png b/docs/en-us/assets/images/4-3.png deleted file mode 100644 index 46aca8a29..000000000 Binary files a/docs/en-us/assets/images/4-3.png and /dev/null differ diff --git a/docs/en-us/assets/images/caris-events.svg b/docs/en-us/assets/images/caris-events.svg deleted file mode 100644 index f9f9bad1a..000000000 --- a/docs/en-us/assets/images/caris-events.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/docs/en-us/assets/images/donators/Bobby Ho.jpg b/docs/en-us/assets/images/donators/Bobby Ho.jpg deleted file mode 100644 index 3609cc3be..000000000 Binary files a/docs/en-us/assets/images/donators/Bobby Ho.jpg and /dev/null differ diff --git a/docs/en-us/assets/images/donators/Coin.jpg b/docs/en-us/assets/images/donators/Coin.jpg deleted file mode 100644 index 4dc59ef4d..000000000 Binary files a/docs/en-us/assets/images/donators/Coin.jpg and /dev/null differ diff --git a/docs/en-us/assets/images/donators/Fan Kangtai.jpg b/docs/en-us/assets/images/donators/Fan Kangtai.jpg deleted file mode 100644 index be39e4dac..000000000 Binary files a/docs/en-us/assets/images/donators/Fan Kangtai.jpg and /dev/null differ diff --git a/docs/en-us/assets/images/donators/Jonathan Goh.jpg b/docs/en-us/assets/images/donators/Jonathan Goh.jpg deleted file mode 100644 index 88dac7836..000000000 Binary files a/docs/en-us/assets/images/donators/Jonathan Goh.jpg and /dev/null differ diff --git a/docs/en-us/assets/images/donators/Mac Taylor.jpg b/docs/en-us/assets/images/donators/Mac Taylor.jpg deleted file mode 100644 index 99d647d7e..000000000 Binary files a/docs/en-us/assets/images/donators/Mac Taylor.jpg and /dev/null differ diff --git a/docs/en-us/assets/images/donators/Rex Tseng.jpg b/docs/en-us/assets/images/donators/Rex Tseng.jpg deleted file mode 100644 index df0f83d29..000000000 Binary files a/docs/en-us/assets/images/donators/Rex Tseng.jpg and /dev/null differ diff --git a/docs/en-us/assets/images/donators/Sciuridae Li.jpg b/docs/en-us/assets/images/donators/Sciuridae Li.jpg deleted file mode 100644 index c82fe86db..000000000 Binary files a/docs/en-us/assets/images/donators/Sciuridae Li.jpg and /dev/null differ diff --git a/docs/en-us/assets/images/donators/Sean Wei.jpg b/docs/en-us/assets/images/donators/Sean Wei.jpg deleted file mode 100644 index 2255d6f8a..000000000 Binary files a/docs/en-us/assets/images/donators/Sean Wei.jpg and /dev/null differ diff --git a/docs/en-us/assets/images/donators/SpaceTimeHalf.jpg b/docs/en-us/assets/images/donators/SpaceTimeHalf.jpg deleted file mode 100644 index 4a12d560c..000000000 Binary files a/docs/en-us/assets/images/donators/SpaceTimeHalf.jpg and /dev/null differ diff --git a/docs/en-us/assets/images/donators/Yan-K.jpg b/docs/en-us/assets/images/donators/Yan-K.jpg deleted file mode 100644 index 48b010831..000000000 Binary files a/docs/en-us/assets/images/donators/Yan-K.jpg and /dev/null differ diff --git a/docs/en-us/assets/images/donators/methratton.jpg b/docs/en-us/assets/images/donators/methratton.jpg deleted file mode 100644 index 19ae05a60..000000000 Binary files a/docs/en-us/assets/images/donators/methratton.jpg and /dev/null differ diff --git "a/docs/en-us/assets/images/donators/\346\235\216\346\224\277\347\232\207.jpg" "b/docs/en-us/assets/images/donators/\346\235\216\346\224\277\347\232\207.jpg" deleted file mode 100644 index 37be30155..000000000 Binary files "a/docs/en-us/assets/images/donators/\346\235\216\346\224\277\347\232\207.jpg" and /dev/null differ diff --git a/docs/en-us/assets/images/og.png b/docs/en-us/assets/images/og.png deleted file mode 100644 index 2f38779a2..000000000 Binary files a/docs/en-us/assets/images/og.png and /dev/null differ diff --git a/docs/en-us/assets/images/user.png b/docs/en-us/assets/images/user.png deleted file mode 100644 index e836fb334..000000000 Binary files a/docs/en-us/assets/images/user.png and /dev/null differ diff --git a/docs/en-us/assets/images/user2.png b/docs/en-us/assets/images/user2.png deleted file mode 100644 index 5f556dfe1..000000000 Binary files a/docs/en-us/assets/images/user2.png and /dev/null differ diff --git a/docs/en-us/assets/images/user3.png b/docs/en-us/assets/images/user3.png deleted file mode 100644 index aec6a0587..000000000 Binary files a/docs/en-us/assets/images/user3.png and /dev/null differ diff --git a/docs/en-us/assets/index.css b/docs/en-us/assets/index.css deleted file mode 100644 index 4411c99e0..000000000 --- a/docs/en-us/assets/index.css +++ /dev/null @@ -1,588 +0,0 @@ -.矚目看板 { - border-bottom: 1px solid #eee; - padding-bottom: 6rem; -} - -.穹頂-行動號召 { - display: flex; - flex-direction: row; - margin-top: 6rem; -} - -.穹頂-行動號召-容器 { - flex: 1; - text-align: center; -} - -.穹頂-行動號召-容器-標題 { - font-size: 3rem; - font-weight: bold; - display: block; - color: var(--ts-gray-800); - margin-top: 0; - line-height: 1; -} - -.穹頂-行動號召-容器-副標題 { - font-size: 1.25rem; - display: block; - color: var(--ts-gray-600); - margin-top: 2rem; -} - -.穹頂-行動號召-容器-動作 { - margin-top: 3rem; - display: inline-block; - border-radius: 0.4rem; - /*color: #333;*/ - font-size: 1rem; - padding: 0.6rem 1.8rem; - font-weight: 500; - text-decoration: none; - /*border: 3px solid #e0e0e0;*/ - background: var(--ts-gray-800); - color: var(--ts-gray-50); -} - -.穹頂-行動號召-容器-動作:hover { - background: var(--ts-gray-700); -} - -.穹頂-行動號召-容器-動作_次要的 { - color: var(--ts-gray-600); - background: transparent; - border: 0; - margin-left: 1rem; -} - -.穹頂-行動號召-容器-動作_次要的:hover { - text-decoration: underline; - background: transparent; -} - -.進階宣傳 { -} - -.進階宣傳-彈性格局 { - border: 3px solid var(--ts-gray-300); - color: var(--ts-gray-800); - font-size: 14px; - display: flex; - gap: 0.7rem; - padding: 0.3rem 0.7rem; - align-items: center; - border-radius: 100rem; - width: fit-content; - margin: 0 auto; - margin-top: 4rem; - - /*border-color: #6565af; - color: #6565af;*/ -} - -.進階宣傳-彈性格局-標題 { - background: var(--ts-gray-300); - color: var(--ts-gray-800); - border-radius: 100rem; - padding: 0.45rem 0.8rem; - line-height: 1; - font-size: 13px; - font-weight: 500; - white-space: nowrap; - - /*background: #6565af; - color: #fff;*/ -} - -.進階宣傳-彈性格局-內容 { -} - -.進階宣傳-彈性格局-連結 { - display: inline-block; - /* width: 1rem; */ - /* height: 1rem; */ - background: #e4e4e4; - color: #3a3a3a; - text-decoration: none; - padding: 0.5rem 0.7rem; - line-height: 1; - border-radius: 100rem; - - /*background: #6565af; - color: #fff;*/ -} - -.主要內容 { - padding: 3rem 0 0; -} - -.主要內容-內容區塊 + .主要內容-內容區塊 { - margin-top: 6rem; - padding-top: 6rem; - border-top: 1px solid var(--ts-gray-300); -} - -.主要內容-內容區塊-標題 { - font-size: 2rem; - font-weight: 500; - display: block; - padding: 0 2rem; - color: var(--ts-gray-800); - line-height: 1; -} - -.主要內容-內容區塊-說明 { - display: block; - color: var(--ts-gray-600); - font-size: 1.25rem; - padding: 0 2rem; - margin-top: 1rem; -} - -.主要內容-內容區塊-藝廊格局 { - display: grid; - grid-template-columns: 1fr 1fr 1fr; - gap: 2.5rem; - margin-top: 4rem; - grid-template-areas: - "main main main" - "secondary secondary secondary"; -} - -.主要內容-內容區塊-藝廊格局-主要 { - grid-area: main; - display: block; - grid-column: span 3; - background: transparent; - padding: 2rem; - border: 6px solid var(--ts-gray-300); - color: var(--ts-gray-800); - border-radius: 0.8rem; -} - -.主要內容-內容區塊-藝廊格局-次要 { - grid-area: secondary; - display: flex; - flex-direction: column; - grid-column: span 1; - background: var(--ts-gray-100); - padding: 2rem; - color: var(--ts-gray-800); - border-radius: 0.4rem; -} - -.主要內容-內容區塊-藝廊格局-標題 { - display: block; - line-height: 1; - color: var(--ts-gray-600); -} - -.主要內容-內容區塊-藝廊格局-說明 { - display: block; - font-size: 1.2rem; - font-weight: 500; - margin-top: 1rem; - margin-bottom: 2rem; - line-height: 1.85; -} - -.主要內容-內容區塊-藝廊格局-按鈕 { - margin-top: auto; - display: inline-block; - align-self: flex-start; - font-size: 1rem; - font-weight: 500; - color: var(--ts-gray-800); - border-radius: 0.4rem; - padding: 0.5rem 1.6rem; - text-decoration: none; - background: transparent; - border: 3px solid var(--ts-gray-300); -} - -.主要內容-內容區塊-藝廊格局-按鈕:hover { - text-decoration: underline; -} - -.主要內容-準備區塊 { - display: block; - margin-top: 6rem; - background: var(--ts-gray-800); - padding: 6rem 0; -} - -.主要內容-準備區塊-標題, -.主要內容-準備區塊-說明 { - text-align: center; - color: var(--ts-gray-50); -} - -.主要內容-準備區塊-標題 { - font-size: 2rem; - font-weight: 500; - display: block; - padding: 0 2rem; - line-height: 1; -} - -.主要內容-準備區塊-說明 { - display: block; - color: var(--ts-gray-500); - font-size: 1.25rem; - padding: 0 2rem; - margin-top: 1rem; -} - -.主要內容-準備區塊-程式碼 { - max-width: 800px; - padding: 2rem 2rem 4rem; - display: block; - border: 3px solid var(--ts-gray-600); - border-radius: 0.4rem; - color: var(--ts-gray-50); - margin: 0 auto; - margin-top: 6rem; - overflow-x: auto; - overflow-y: hidden; -} - -.主要內容-準備區塊-程式碼 pre { - margin: 0; -} - -.hljs { - color: #fff !important; - font-size: 1rem !important; -} - -.hljs-comment { - opacity: 0.5 !important; -} - -.hljs .hljs-variable, -.hljs .hljs-template-variable, -.hljs .hljs-tag, -.hljs .hljs-name, -.hljs .hljs-selector-id, -.hljs .hljs-selector-class, -.hljs .hljs-regexp, -.hljs .hljs-deletion { - color: #fff !important; -} - -.hljs .hljs-string, -.hljs .hljs-symbol, -.hljs .hljs-bullet, -.hljs .hljs-addition { - color: #71e2ff !important; -} -/* -@media (prefers-color-scheme: dark) { - .hljs { - color: #333 !important; - font-size: 1rem !important; - } - - .hljs-comment { - opacity: 0.5 !important; - } - - .hljs .hljs-variable, - .hljs .hljs-template-variable, - .hljs .hljs-tag, - .hljs .hljs-name, - .hljs .hljs-selector-id, - .hljs .hljs-selector-class, - .hljs .hljs-regexp, - .hljs .hljs-deletion { - color: #333 !important; - } - - .hljs .hljs-string, - .hljs .hljs-symbol, - .hljs .hljs-bullet, - .hljs .hljs-addition { - color: #2073db !important; - } -} -*/ -.主要內容-準備區塊-行動號召 { - text-align: center; -} - -.主要內容-準備區塊-行動號召-動作 { - margin-top: 4rem; - display: inline-block; - border-radius: 0.4rem; - color: var(--ts-gray-50); - font-size: 1rem; - padding: 0.6rem 1.8rem; - font-weight: 500; - text-decoration: none; - border: 3px solid var(--ts-gray-600); -} - -.主要內容-準備區塊-行動號召-動作:hover { - text-decoration: underline; -} - -.主要內容-特色說明 { - display: grid; - grid-template-columns: repeat(3, 1fr); -} - -.主要內容-特色說明-項目 { - grid-area: secondary; - display: block; - grid-column: span 1; - padding: 0 2rem; -} - -.主要內容-特色說明-項目-標題 { - display: block; - color: var(--ts-gray-800); - font-weight: 500; - font-size: 1.6rem; - line-height: 1.4; -} - -.主要內容-特色說明-項目-說明 { - display: block; - font-size: 1.0625rem; - color: var(--ts-gray-600); - margin-top: 1rem; - line-height: 1.85; -} - -.主要內容-贊助者-標題 { - padding: 0; - text-align: center; - font-size: 14px; - color: var(--ts-gray-600); -} - -.主要內容-贊助者-清單 { - display: flex; - align-items: center; - justify-content: center; - margin: 2rem 4rem 0; - flex-wrap: wrap; -} - -.主要內容-贊助者-清單-項目 { - display: flex; - align-items: center; - justify-content: center; - gap: 1.25rem; - margin: 1rem; -} - -.主要內容-贊助者-清單-項目-頭像 { - border-radius: 500rem; - width: 44px; - filter: grayscale(0.5); - opacity: 0.9; - border: 3px solid var(--ts-gray-300); - box-sizing: border-box; -} - -.主要內容-贊助者-清單-項目-名稱 { - color: var(--ts-gray-800); - font-weight: 500; - font-size: 15px; -} - -.主要內容-贊助者 + .主要內容-內容區塊 { - margin-top: 3rem; -} - -@media screen and (max-width: 960px) { - .穹頂 { - padding: 1.5rem 0 3rem; - } - - .進階宣傳-彈性格局 { - border-radius: 0.4rem; - margin-top: 4rem; - - display: block; - padding-top: 0.7rem; - } - - .進階宣傳-彈性格局-標題 { - display: inline-block; - margin-right: 0.5rem; - margin-bottom: 0.25rem; - padding: 0.35rem 0.8rem; - white-space: nowrap; - border-radius: 0.4rem; - } - - .進階宣傳-彈性格局-內容 { - display: inline; - } - - .穹頂-行動號召 { - margin-top: 3rem; - } - - .穹頂-行動號召-容器-標題 { - font-size: 2rem; - } - - .穹頂-行動號召-容器-副標題 { - font-size: 1.1rem; - margin-top: 1rem; - } - - .穹頂-行動號召-容器-動作 { - letter-spacing: 0; - margin-top: 3rem; - padding: 0.3rem 1.4rem; - font-size: 1rem; - } - - .主要內容 { - padding: 3rem 0 0; - } - - .主要內容-贊助者-清單 { - display: grid; - grid-template-columns: 1fr 1fr 1fr; - margin: 3rem 0rem 0; - gap: 1rem 0.5rem; - } - - .主要內容-準備區塊-標題 { - font-size: 1.3rem; - line-height: 1; - padding: 0; - } - - .主要內容-贊助者-清單-項目-頭像 { - width: 32px; - } - - .主要內容-贊助者-清單-項目-名稱 { - font-size: 0.8rem; - } - - .主要內容-贊助者-清單-項目 { - margin: 0rem; - gap: 0.5rem; - justify-content: center; - flex-direction: column; - } - - .主要內容-特色說明 { - display: flex; - flex-direction: column; - gap: 2rem; - } - - .主要內容-特色說明-項目 { - padding: 0; - } - - .主要內容-特色說明-項目-標題 { - font-size: 1.3rem; - } - - .主要內容-特色說明-項目-說明 { - font-size: 1rem; - margin-top: 0.5rem; - } - - .主要內容-內容區塊 + .主要內容-內容區塊 { - margin-top: 3rem; - padding-top: 3rem; - } - - .主要內容-內容區塊-標題 { - font-size: 1.3rem; - line-height: 1; - padding: 0; - } - - .主要內容-內容區塊-說明 { - padding: 0; - font-size: 1rem; - margin-top: 0.5rem; - line-height: 1.85; - text-align: justify; - } - - .主要內容-準備區塊-說明 { - font-size: 1rem; - margin-top: 0.5rem; - } - - .主要內容-贊助者-標題 { - font-size: 14px; - } - - .主要內容-內容區塊-藝廊格局 { - grid-template-columns: 1fr; - grid-template-areas: none; - margin-top: 2rem; - gap: 2rem; - } - - .主要內容-內容區塊-藝廊格局-主要 { - padding: 0; - border: 0; - grid-column: initial; - grid-area: initial; - } - - .主要內容-內容區塊-藝廊格局-說明 { - margin-bottom: 1rem; - font-size: 1.1rem; - } - - .主要內容-內容區塊-藝廊格局-按鈕 { - padding: 0.3rem 1.4rem; - font-size: 0.95rem; - } - - .主要內容-內容區塊-藝廊格局-次要 { - grid-column: initial; - grid-area: initial; - } - - .主要內容-內容區塊-藝廊格局-主要 .ts-grid { - grid-template-columns: 1fr !important; - } - - .主要內容-內容區塊-藝廊格局-主要 .ts-grid .column { - grid-column: auto !important; - } - - .主要內容-準備區塊 { - margin-top: 3rem; - padding: 3rem 1.5rem; - } - - .主要內容-準備區塊-程式碼 { - margin-top: 2rem; - padding: 1rem; - } - - .主要內容-準備區塊-程式碼 pre { - overflow-x: scroll; - } - - .主要內容-準備區塊-程式碼 pre .hljs { - white-space: pre; - } - - .主要內容-準備區塊-程式碼 pre .hljs * { - font-size: 14px; - } - - .主要內容-準備區塊-行動號召-動作 { - margin-top: 2rem; - padding: 0.3rem 1.4rem; - font-size: 0.95rem; - } -} diff --git a/docs/en-us/assets/script.js b/docs/en-us/assets/script.js deleted file mode 100644 index 84f8b616b..000000000 --- a/docs/en-us/assets/script.js +++ /dev/null @@ -1,96 +0,0 @@ -document.addEventListener("DOMContentLoaded", () => { - - document.querySelectorAll(".主體-格局-內容-單個範例-文字-標題-切換原始碼").forEach(v => { - v.addEventListener("click", () => { - v.closest(".主體-格局-內容-單個範例").classList.toggle("主體-格局-內容-單個範例_檢視原始碼中"); - }); - }); - - document.querySelectorAll(".頁腳-導航列-項目_回到頂部, .主體-格局-索引-回到頂部").forEach((v) => { - v.addEventListener("click", () => { - document.body.scrollTop = 0; - document.documentElement.scrollTop = 0; - }) - }); - - document.addEventListener("click", (e) => { - document.querySelectorAll(".主體-格局-內容-工具列-項目-下拉式選單").forEach((e) => { - e.querySelector(".主體-格局-內容-工具列-項目-下拉式選單-群組").classList.remove("主體-格局-內容-工具列-項目-下拉式選單-群組_開啟的") - }) - }) - - document.addEventListener("click", (e) => { - if (!e.target.classList.contains("穹頂-導航列-項目_語系的")) { - document.querySelectorAll(".穹頂-導航列-項目-語系下拉式選單").forEach((v) => { - v.classList.remove("穹頂-導航列-項目-語系下拉式選單_開啟的") - }) - } - }) - - document.querySelectorAll(".穹頂-導航列-項目_語系的").forEach((v) => { - v.addEventListener("click", (e) => { - if (e.target.classList.contains("穹頂-導航列-項目_語系的")) { - e.target.querySelector(".穹頂-導航列-項目-語系下拉式選單").classList.add("穹頂-導航列-項目-語系下拉式選單_開啟的") - } - }) - }) - - document.querySelector(".穹頂-導航列-項目_選單按鈕")?.addEventListener("click", () => { - document.querySelector(".主體-格局-導覽").classList.add("主體-格局-導覽_啟用的") - document.querySelector(".主體-格局-遮罩").classList.add("主體-格局-遮罩_啟用的") - - }) - - document.querySelector(".主體-格局-導覽-關閉按鈕")?.addEventListener("click", () => { - document.querySelector(".主體-格局-導覽").classList.remove("主體-格局-導覽_啟用的") - document.querySelector(".主體-格局-遮罩").classList.remove("主體-格局-遮罩_啟用的") - }) - - - - - - - document.querySelectorAll(".主體-格局-內容-工具列-項目-下拉式選單").forEach((e) => { - e.addEventListener("click", (e) => { - var menu = e.target.closest(".主體-格局-內容-工具列-項目-下拉式選單") - - if (e.target.classList.contains("主體-格局-內容-工具列-項目-下拉式選單-群組-項目")) { - let [key, value] = e.target.getAttribute("data-value").split(",") - document.querySelector("html").setAttribute(`data-${key}`, value) - menu.querySelectorAll(".主體-格局-內容-工具列-項目-下拉式選單-群組-項目").forEach((e) => { - e.classList.remove("主體-格局-內容-工具列-項目-下拉式選單-群組-項目_啟用的") - }) - menu.querySelector(".主體-格局-內容-工具列-項目-下拉式選單-文字-標籤").innerText = e.target.innerText - e.target.classList.add("主體-格局-內容-工具列-項目-下拉式選單-群組-項目_啟用的") - } else { - setTimeout(() => { - menu. - querySelector(".主體-格局-內容-工具列-項目-下拉式選單-群組"). - classList.add("主體-格局-內容-工具列-項目-下拉式選單-群組_開啟的") - }, 1) - } - - - }); - }) - - window.addEventListener("hashchange", rescanAnchor); - rescanAnchor() -}); - -function rescanAnchor() { - let u = document.location.hash; - if (u.length === 0) { - return; - } - document.querySelectorAll(".主體-格局-內容-單個範例-文字-標題").forEach(v => { - v.classList.remove("主體-格局-內容-單個範例-文字-標題_被提及的"); - }); - document - .querySelector(`a[id='${decodeURI(u.substring(u.indexOf("#") + 1))}']`) - ?.closest(".主體-格局-內容-單個範例") - .querySelector(".主體-格局-內容-單個範例-文字-標題") - .classList.add("主體-格局-內容-單個範例-文字-標題_被提及的"); - //window.scrollTo(window.scrollX, window.scrollY - 50); -} \ No newline at end of file diff --git a/docs/en-us/assets/style.css b/docs/en-us/assets/style.css deleted file mode 100644 index c03297b59..000000000 --- a/docs/en-us/assets/style.css +++ /dev/null @@ -1,1229 +0,0 @@ -body, -html { - padding: 0; - margin: 0; - overflow-x: hidden; - min-height: 100vh; - font-size: 15px; -} - -body { - display: flex; - flex-direction: column; - background: var(--ts-gray-50); -} - -.界限容器 { - max-width: 1240px; - margin: 0 auto; - padding: 0 2rem; -} - -.隱藏的 { - display: none; -} - -/** - * 穹頂 - */ - -.穹頂 { - background: var(--ts-gray-100); - border-bottom: 1px solid var(--ts-gray-200); - padding: 2rem 0 4rem; -} - -.穹頂-導航列 { - display: flex; -} - -.穹頂-導航列_手機的 { - display: none; -} - -.穹頂-導航列-左側 { -} - -.穹頂-導航列-右側 { - margin-left: auto; -} - -.穹頂-導航列-左側, -.穹頂-導航列-右側 { - display: flex; - gap: 2rem; - align-items: center; - justify-content: center; -} - -.穹頂-導航列-項目 { - color: var(--ts-gray-600); - text-decoration: none; -} - -.穹頂-導航列-項目_選單按鈕 { - padding: 0 1rem; - margin-right: -1rem; -} - -.穹頂-導航列-項目_語系的 { - cursor: pointer; - user-select: none; -} - -.穹頂-導航列-項目-語系下拉式選單 { - display: none; - position: absolute; - border: 1px solid var(--ts-gray-300); - padding: 0.25rem 0; - border-radius: 0.35rem; - font-size: 14px; - margin-top: 0.5rem; - box-shadow: 0px 0px 8px rgb(0 0 0 / 8%); - background: var(--ts-gray-50); - text-align: left; - width: max-content; - right: 0; - z-index: 101; -} - -.穹頂-導航列-項目-語系下拉式選單.穹頂-導航列-項目-語系下拉式選單_開啟的 { - display: block; -} - -.穹頂-導航列-項目-語系下拉式選單-項目 { - padding: 0.35rem 0.8rem; - min-width: 4rem; - display: block; - text-decoration: none; - color: var(--ts-gray-800); -} - -.穹頂-導航列-項目-語系下拉式選單-項目:hover { - cursor: pointer; - background: var(--ts-gray-100); -} - -.穹頂-導航列-項目-語系下拉式選單-項目.穹頂-導航列-項目-語系下拉式選單-項目_啟用的 { - background: var(--ts-gray-800); - color: var(--ts-gray-50); - pointer-events: none; -} - -.穹頂-導航列-項目-語系下拉式選單-項目:last-child { - border-bottom: 0; -} - -.穹頂-導航列-項目-語系下拉式選單-項目 .ts-flag { - margin-bottom: 3px; - border-radius: 3px; - margin-right: 0.25rem; -} - -.穹頂-導航列-項目 .ts-flag { - margin-bottom: 3px; - border-radius: 3px; - margin-right: 0.25rem; - pointer-events: none; -} - -.穹頂-導航列-項目 .ts-icon.is-github-icon { - font-size: 1.3rem; - margin-right: 0.25rem; - line-height: 1; -} - -.穹頂-導航列-項目_啟用 { - color: var(--ts-gray-800); -} - -.穹頂-導航列-項目_主要 { - color: var(--ts-gray-800); - font-weight: 500; -} - -.穹頂-標題 { - margin-top: 3rem; -} - -.穹頂-標題-主要 { - line-height: initial; - font-size: 2rem; - font-weight: 500; - color: var(--ts-gray-800); -} - -.穹頂-標題-說明 { - margin-top: 1rem; - color: var(--ts-gray-600); - font-size: 1.15rem; -} - -/** - * 主體 - */ - -.主體 { - flex: 1; -} - -.主體-格局 { - display: flex; - margin: 4rem 0 6rem; -} - -.主體-格局_容器範例的 { -} - -@media screen and (min-width: 769px) { - .主體-格局_容器範例的 .主體-格局-導覽 { - display: none; - } -} - -.主體-格局_容器範例的 .主體-格局-內容 { - max-width: 100%; - padding: 0; -} - -.主體-格局_容器範例的 .主體-格局-索引 { - display: none; -} - -.主體-格局_容器範例的 .主體-格局-內容-單個範例-文字-標題_段落::after { - display: none; -} - -.主體-格局-導覽 { - display: flex; - min-width: 210px; - max-width: 210px; - flex-direction: column; - gap: 1rem; - border-right: 2px solid var(--ts-gray-300); - padding-right: 1rem; - box-sizing: border-box; -} - -.主體-格局-導覽-關閉按鈕 { - color: var(--ts-gray-800); - font-size: 1.5rem; - line-height: 1; - position: absolute; - top: 1rem; - right: 1rem; - display: none; -} - -.主體-格局-導覽-標題 { - font-size: 1.15rem; - font-weight: 500; - color: var(--ts-gray-500); - margin-top: 2rem; -} - -.主體-格局-導覽-標題:first-child { - margin-top: 0; -} - -.主體-格局-導覽-空白隔間 { -} - -.主體-格局-導覽-項目 { - text-decoration: none; - color: var(--ts-gray-700); - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -.主體-格局-導覽-項目_啟用的 { - background: var(--ts-gray-800); - color: var(--ts-gray-50); - padding: 0.45rem 1rem; - border-radius: 0.4rem; - margin-right: 1rem; - margin-left: -1rem; -} - -.主體-格局-導覽-項目_啟用的 .主體-格局-導覽-項目-英文 { - color: var(--ts-gray-300); -} - -.主體-格局-導覽-項目-英文 { - color: var(--ts-gray-500); - opacity: 0.8; - font-size: 0.9rem; - margin-left: 0.5rem; -} - -.主體-格局-導覽-空白隔間 { -} - -.主體-格局-內容 { - flex: 1; - padding: 0 3rem; - max-width: calc(100% - (210px + 210px)); -} - -.主體-格局-內容 .ts-modal { - position: relative; -} - -.主體-格局-內容_網格範例的 .ts-grid { - width: 100%; - background: var(--ts-gray-50); -} - -.主體-格局-內容_網格範例的 .ts-grid .ts-grid { - margin: -2px; - border: 4px solid var(--ts-gray-300); - border-left-width: 2px; - border-right-width: 2px; -} - -.主體-格局-內容_網格範例的 .ts-grid .column { - min-height: 5rem; - background: var(--ts-gray-200); - display: flex; - align-items: center; - justify-content: center; - font-size: 24px; - color: var(--ts-gray-400); - font-weight: bold; - border: 1px solid var(--ts-gray-300); - margin: -1px -1px; -} - -/*.主體-格局-內容_網格範例的 .ts-grid[class*="-columns"] .column::after { - border-radius: 100rem; - background: var(--ts-gray-300); - width: 33px; - height: 33px; - text-align: center; - line-height: 1; - display: flex; - align-items: center; - justify-content: center; - color: var(--ts-gray-50); -} - -.主體-格局-內容_網格範例的 .ts-grid[class*="-columns"] .column:nth-child(1)::after { - content: "1"; -} -.主體-格局-內容_網格範例的 .ts-grid[class*="-columns"] .column:nth-child(2)::after { - content: "2"; -} -.主體-格局-內容_網格範例的 .ts-grid[class*="-columns"] .column:nth-child(3)::after { - content: "3"; -} -.主體-格局-內容_網格範例的 .ts-grid[class*="-columns"] .column:nth-child(4)::after { - content: "4"; -} -.主體-格局-內容_網格範例的 .ts-grid[class*="-columns"] .column:nth-child(5)::after { - content: "5"; -} -.主體-格局-內容_網格範例的 .ts-grid[class*="-columns"] .column:nth-child(6)::after { - content: "6"; -} -.主體-格局-內容_網格範例的 .ts-grid[class*="-columns"] .column:nth-child(7)::after { - content: "7"; -} -.主體-格局-內容_網格範例的 .ts-grid[class*="-columns"] .column:nth-child(8)::after { - content: "8"; -} -.主體-格局-內容_網格範例的 .ts-grid[class*="-columns"] .column:nth-child(9)::after { - content: "9"; -} -.主體-格局-內容_網格範例的 .ts-grid[class*="-columns"] .column:nth-child(10)::after { - content: "10"; -}*/ - -.主體-格局-內容_網格範例的 .ts-grid .column.is-1-wide::after { - content: "1"; -} -.主體-格局-內容_網格範例的 .ts-grid .column.is-2-wide::after { - content: "2"; -} -.主體-格局-內容_網格範例的 .ts-grid .column.is-3-wide::after { - content: "3"; -} -.主體-格局-內容_網格範例的 .ts-grid .column.is-4-wide::after { - content: "4"; -} -.主體-格局-內容_網格範例的 .ts-grid .column.is-5-wide::after { - content: "5"; -} -.主體-格局-內容_網格範例的 .ts-grid .column.is-6-wide::after { - content: "6"; -} -.主體-格局-內容_網格範例的 .ts-grid .column.is-7-wide::after { - content: "7"; -} -.主體-格局-內容_網格範例的 .ts-grid .column.is-8-wide::after { - content: "8"; -} -.主體-格局-內容_網格範例的 .ts-grid .column.is-9-wide::after { - content: "9"; -} -.主體-格局-內容_網格範例的 .ts-grid .column.is-10-wide::after { - content: "10"; -} -.主體-格局-內容_網格範例的 .ts-grid .column.is-11-wide::after { - content: "11"; -} -.主體-格局-內容_網格範例的 .ts-grid .column.is-12-wide::after { - content: "12"; -} -.主體-格局-內容_網格範例的 .ts-grid .column.is-13-wide::after { - content: "13"; -} -.主體-格局-內容_網格範例的 .ts-grid .column.is-14-wide::after { - content: "14"; -} -.主體-格局-內容_網格範例的 .ts-grid .column.is-15-wide::after { - content: "15"; -} -.主體-格局-內容_網格範例的 .ts-grid .column.is-16-wide::after { - content: "16"; -} - -.主體-格局-內容_網格範例的 .ts-grid { - position: relative; - border: 2px solid var(--ts-gray-300); -} - -.主體-格局-內容-文字 { - color: var(--ts-gray-800); - line-height: 2; -} - -.主體-格局-內容-文字 a { - color: var(--ts-gray-800); - text-decoration: underline; -} - -.主體-格局-內容-工具列 { - display: flex; - justify-content: flex-end; - color: var(--ts-gray-800); - align-items: flex-end; - margin-bottom: 2rem; - padding-bottom: 1rem; -} - -.主體-格局-內容-工具列-項目 { - margin-left: 2rem; - text-align: right; -} - -.主體-格局-內容-工具列-項目-標籤 { - font-size: 14px; - color: var(--ts-gray-600); - margin-bottom: 0.45rem; - padding-right: 18px; -} - -.主體-格局-內容-工具列-項目-下拉式選單 { - position: relative; -} - -.主體-格局-內容-工具列-項目-下拉式選單-文字 { - /*font-weight: 500;*/ - font-size: 15px; - cursor: pointer; - user-select: none; -} - -.主體-格局-內容-工具列-項目-下拉式選單-文字-圖示 { - font-size: 13px; - color: var(--ts-gray-75); - margin-left: 0.3rem; -} - -.主體-格局-內容-工具列-項目-下拉式選單-群組.主體-格局-內容-工具列-項目-下拉式選單-群組_開啟的 { - display: block; -} - -.主體-格局-內容-工具列-項目-下拉式選單-群組 { - display: none; - position: absolute; - border: 1px solid var(--ts-gray-300); - padding: 0.25rem 0; - border-radius: 0.35rem; - font-size: 14px; - margin-top: 0.5rem; - box-shadow: 0px 0px 8px rgb(0 0 0 / 8%); - background: var(--ts-gray-50); - text-align: left; - width: max-content; - right: 0; - z-index: 101; -} - -.主體-格局-內容-工具列-項目-下拉式選單-群組-項目 { - padding: 0.35rem 0.8rem; - /*border-bottom: 1px solid #e9e9e9;*/ - min-width: 4rem; -} - -.主體-格局-內容-工具列-項目-下拉式選單-群組-項目:hover { - cursor: pointer; - background: var(--ts-gray-100); -} - -.主體-格局-內容-工具列-項目-下拉式選單-群組-項目.主體-格局-內容-工具列-項目-下拉式選單-群組-項目_啟用的 { - background: var(--ts-gray-800); - color: var(--ts-gray-50); -} - -.主體-格局-內容-工具列-項目-下拉式選單-群組-項目:last-child { - border-bottom: 0; -} - -.主體-格局-內容-工具列-項目_標題 { - font-size: 1.6rem; - line-height: 1.2; - font-weight: 500; - color: var(--ts-gray-800); - margin-right: auto; - margin-left: initial; -} - -.主體-格局-內容-主要範例 { - border: 1px solid var(--ts-gray-300); - border-radius: 0.4rem; -} - -.主體-格局-內容-主要範例-實際效果 { - padding: 3.5rem; - - display: flex; - align-items: center; - justify-content: center; - border-radius: 0.4rem; - border-bottom: 1px solid var(--ts-gray-300); -} - -.主體-格局-內容-主要範例-實際效果:not(.主體-格局-內容-主要範例-實際效果_置中的) .主體-格局-內容-主要範例-實際效果-置中容器 { - width: 100%; -} - -.主體-格局-內容-主要範例-程式碼 { - padding: 1.5rem; - background: var(--ts-gray-75); -} - -.主體-格局-內容-主要範例-程式碼 pre { - margin: 0; - line-height: 1.5; -} - -.主體-格局-內容-標題 { -} - -.主體-格局-內容-標題_章節 { - font-size: 1.6rem; - line-height: 1; - padding-bottom: 1rem; - border-bottom: 2px solid var(--ts-gray-300); - margin-bottom: 2rem; - font-weight: 500; - color: var(--ts-gray-800); -} - -.主體-格局-內容-標題_範例的 { - border-bottom: 0; - margin-bottom: 2rem; - margin-top: 2rem !important; -} - -.主體-格局-內容-標題_章節:not(:first-child) { - margin-top: 8rem; -} - -.主體-格局-內容-單個範例-錨點 { -} - -.主體-格局-內容-單個範例-文字 { - color: var(--ts-gray-800); - line-height: 2; -} - -.主體-格局-內容-單個範例-文字 a { - color: var(--ts-gray-800); - text-decoration: underline; -} - -.主體-格局-內容-文字 p code, -.主體-格局-內容-單個範例-文字 p code { - padding: 0 0.4rem; - display: inline-block; - border-radius: 0.3rem; - line-height: 1.4; - background-color: var(--ts-gray-200); - color: var(--ts-gray-800); - font-family: "Ubuntu Mono", "Noto Sans TC", "Noto Sans CJK TC", "SF Pro TC", "SF Pro Text", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", "Microsoft JhengHei", - wf_SegoeUI, "Segoe UI", Segoe, "Segoe WP", Tahoma, Verdana, Ubuntu, "Bitstream Vera Sans", "DejaVu Sans", 微軟正黑體, "LiHei Pro", "WenQuanYi Micro Hei", - "Droid Sans Fallback", "AR PL UMing TW", Roboto, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", Meiryo, "Droid Sans", sans-serif; -} - -.主體-格局-內容-單個範例-文字 pre { - padding: 1.5rem; - background: var(--ts-gray-75); - border: 1px solid var(--ts-gray-300); - border-radius: 0.4rem; -} - -.主體-格局-內容-單個範例-文字 pre code { - color: var(--ts-gray-600); - font-size: 14px; - white-space: break-spaces; - overflow-x: scroll; - font-family: "Ubuntu Mono", "Noto Sans TC", "Noto Sans CJK TC", "SF Pro TC", "SF Pro Text", "PingFang TC", "Helvetica Neue", Helvetica, Arial, "Microsoft JhengHei", wf_SegoeUI, - "Segoe UI", Segoe, "Segoe WP", Tahoma, Verdana, Ubuntu, "Bitstream Vera Sans", "DejaVu Sans", 微軟正黑體, "LiHei Pro", "WenQuanYi Micro Hei", "Droid Sans Fallback", - "AR PL UMing TW", Roboto, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", Meiryo, "Droid Sans", sans-serif; - word-spacing: 2px; - letter-spacing: 0em; - background: none; -} - -.主體-格局-內容-單個範例-文字-標題 { - position: relative; -} - -.主體-格局-內容-標題 + .主體-格局-內容-單個範例 .主體-格局-內容-單個範例-文字-標題_段落 { - margin-top: 4rem; -} - -.主體-格局-內容-單個範例-文字-標題-連結 { - color: var(--ts-gray-800); - text-decoration: none; -} - -.主體-格局-內容-單個範例-文字-標題-連結:hover { - text-decoration: underline; -} - -.主體-格局-內容-單個範例-文字-標題_段落 { - margin-top: 8rem; - color: var(--ts-gray-800); - font-size: 1.26rem; - margin-bottom: 1rem; - font-weight: bold; - display: flex; -} - -.主體-格局-內容-單個範例-文字-標題_被提及的 { - color: var(--ts-primary-600); - font-weight: bold; -} - -.主體-格局-內容-單個範例-文字-標題_段落::after { - content: " "; - height: 40px; - background: var(--ts-gray-500); - border: 6px solid var(--ts-gray-50); - border-left: 0; - border-right: 0; - box-sizing: border-box; - position: absolute; - width: 2px; - left: -47px; - top: -5px; -} - -.主體-格局-內容-單個範例-文字-標題_被提及的::after { - background: var(--ts-primary-600); -} - -.主體-格局-內容-單個範例-文字-標題-切換原始碼 { - margin-left: auto; - appearance: none; - border: 0; - border-radius: 0.4rem; - /* background: var(--ts-gray-800); */ - /* color: var(--ts-gray-50); */ - color: var(--ts-gray-700); - background: transparent; - border: 2px solid var(--ts-gray-300); - padding: 0.4rem 0.9rem; - font-weight: 500; - font-family: "Noto Sans TC", "Noto Sans CJK TC"; - cursor: pointer; - font-size: var(--ts-font-size-14px); -} - -.主體-格局-內容-單個範例-文字-標題-切換原始碼:hover { - /*border-color: var(--ts-gray-400);*/ -} - -.主體-格局-內容-單個範例-文字-標題-切換原始碼 .ts-icon { - margin-right: 0.5rem; -} - -.主體-格局-內容-單個範例_檢視原始碼中 .主體-格局-內容-單個範例-文字-標題-切換原始碼 { - background: var(--ts-gray-800); - color: var(--ts-gray-50); - border-color: var(--ts-gray-800); -} - -.主體-格局-內容-單個範例-範例 { - margin-top: 2rem; -} - -.主體-格局-內容-單個範例_檢視原始碼中 .主體-格局-內容-單個範例-範例 { - border: 1px solid var(--ts-gray-300); - border-radius: 0.4rem; -} - -.主體-格局-內容-單個範例-範例-實際效果 { -} - -.主體-格局-內容-單個範例_檢視原始碼中 .主體-格局-內容-單個範例-範例-實際效果 { - padding: 1.5rem; - border-bottom: 1px solid var(--ts-gray-300); -} - -.主體-格局-內容-單個範例-範例-程式碼 { - padding: 1.5rem; - background: var(--ts-gray-75); - display: none; -} - -.主體-格局-內容-單個範例_檢視原始碼中 .主體-格局-內容-單個範例-範例-程式碼 { - display: block; -} - -.主體-格局-內容-單個範例-範例-程式碼 pre { - margin: 0; -} - -.主體-格局-內容-單個範例-附帶程式碼 { - padding: 1.5rem; - background: var(--ts-gray-75); - border-radius: 0.4rem; - margin-top: 1rem; -} - -.主體-格局-內容-單個範例-附帶程式碼 pre { - margin: 0; -} - -.主體-格局-內容-相關元件 { - padding: 2rem 2rem; - margin-top: 8rem; - background: var(--ts-gray-100); - border-radius: 0.8rem; - color: var(--ts-gray-800); -} - -.主體-格局-內容-相關元件-標題 { - color: var(--ts-gray-800); - font-weight: 500; -} - -.主體-格局-內容-相關元件-清單 { - margin: 1rem 0 0; - padding: 0 1.5rem; -} - -.主體-格局-內容-相關元件-清單-單個項目 { - padding: 0.1rem 0; -} - -.主體-格局-內容-相關元件-清單-單個項目-連結 { - color: var(--ts-gray-800); - text-decoration: underline; -} - -.主體-格局-內容-規格表格 { - border-radius: 0.4rem; - border-collapse: collapse; - border-style: hidden; - box-shadow: 0 0 0 1px var(--ts-gray-300); - width: 100%; - margin-top: 4rem; -} - -.主體-格局-內容-規格表格 thead tr th { - font-weight: normal; - padding: 0.5rem 1rem; - border: 1px solid var(--ts-gray-300); - text-align: left; - background: var(--ts-gray-100); - font-weight: 500; - color: var(--ts-gray-800); -} - -.主體-格局-內容-規格表格 thead tr th:first-child { - background: transparent; - color: var(--ts-gray-600); - font-weight: 500; - width: 1px; -} - -.主體-格局-內容-規格表格 tbody tr td { - padding: 1rem 1rem; - border: 1px solid var(--ts-gray-300); - text-align: left; - color: var(--ts-gray-800); - vertical-align: top; -} - -.主體-格局-內容-規格表格 tbody tr td:first-child { - background: var(--ts-gray-100); - color: var(--ts-gray-800); - font-weight: 500; - vertical-align: top; -} - -.主體-格局-內容-規格表格-分隔線 { - border: 0; - border-top: 1px solid var(--ts-gray-300); - margin: 1rem 0; -} - -.主體-格局-內容-規格表格-參數清單 { - font-size: 0.9rem; - color: var(--ts-gray-800); - margin: 1rem 0 0; - list-style: none; - padding: 0; -} - -.主體-格局-內容-規格表格-參數清單-項目 { - padding-left: 1rem; -} - -.主體-格局-內容-規格表格-參數清單-項目 + .主體-格局-內容-規格表格-參數清單-項目 { - margin-top: 0.5rem; -} - -.主體-格局-內容-規格表格-參數清單-項目::before { - content: "•"; - font-family: "Lato"; - color: var(--ts-gray-800); - margin-left: -1rem; - margin-right: 0.4rem; -} - -.主體-格局-內容-規格表格-參數清單-項目-說明 { - color: var(--ts-gray-600); -} - -.主體-格局-內容-規格表格-型態, -.主體-格局-內容-規格表格-參數清單-項目-型態 { - margin-left: 0.4rem; - font-size: 0.8rem; - position: relative; - top: -0.2rem; - color: var(--ts-gray-600); -} - -.主體-格局-內容-規格表格-參數清單-項目-型態_必要的 { - color: red; - margin-left: 0.2rem; -} - -.主體-格局-內容-規格表格-函式碼 { - font-size: 0.9rem; - background: var(--ts-gray-100); - color: var(--ts-gray-600); - padding: 0.2rem 0.4rem; - border-radius: 0.4rem; - font-family: "Fira Code"; -} - -.主體-格局-內容-規格表格-函式碼-參數 { - font-size: 0.85rem; -} - -.文件內容-主要欄位-元件-圖示組 { - display: flex; - flex-wrap: wrap; - margin: 0 -1rem; -} - -.文件內容-主要欄位-元件-圖示組-單個圖示 { - width: calc(100% / 6 - 2rem); - display: flex; - align-items: center; - justify-content: flex-start; - flex-direction: column; - margin: 0.8rem 1rem; - color: var(--ts-gray-800); - box-sizing: border-box; -} - -/*.文件內容-主要欄位-元件-圖示組-單個圖示:active, -.文件內容-主要欄位-元件-圖示組-單個圖示:active .文件內容-主要欄位-元件-圖示組-單個圖示-標籤 { - color: #2cd62c; -} -.文件內容-主要欄位-元件-圖示組-單個圖示:hover { - cursor: pointer; -} -.文件內容-主要欄位-元件-圖示組-單個圖示:hover .文件內容-主要欄位-元件-圖示組-單個圖示-標籤 { - color: var(--ts-header-color); -}*/ - -.文件內容-主要欄位-元件-圖示組-單個圖示-圖示 { - font-size: 2rem !important; - margin-right: 0 !important; -} - -.文件內容-主要欄位-元件-圖示組-單個圖示-標籤 { - font-size: 0.9rem; - text-align: center; - margin-top: 0.4rem; - line-height: 1.3; - color: var(--ts-gray-600); -} - -.主體-格局-索引 { - min-width: 210px; - max-width: 210px; -} - -.主體-格局-索引-標題 { - font-weight: 500; - color: var(--ts-gray-600); - margin-top: 3rem; -} - -.主體-格局-索引-標題:first-child { - margin-top: 0; -} - -.主體-格局-索引-清單 { - display: flex; - flex-direction: column; - gap: 1rem; - border-left: 1px solid var(--ts-gray-300); - padding-left: 1rem; - margin-top: 1rem; - margin-left: 0.5rem; -} - -.主體-格局-索引-清單-項目 { - text-decoration: none; - color: var(--ts-gray-700); -} - -.主體-格局-索引-清單-項目-英文 { - color: var(--ts-gray-500); - font-size: 0.9rem; - margin-left: 0.5rem; -} - -.主體-格局-索引-回到頂部 { - position: sticky; - top: 30px; - margin: 0 auto; - display: block; - appearance: none; - border: 0; - background: transparent; - border-radius: 0.4rem; - appearance: none; - border: 2px solid var(--ts-gray-300); - color: var(--ts-gray-600); - border-radius: 0.4rem; - padding: 0.4rem 1.2rem; - font-size: 14px; - font-weight: 500; - font-family: "Noto Sans TC", "Noto Sans CJK TC"; - outline: none; - cursor: pointer; - width: 80%; - margin-top: 2rem; -} - -.主體-格局-索引-回到頂部:hover { - border-color: var(--ts-gray-400); -} - -.主體-格局-索引-回到頂部 .ts-icon { - margin-right: 0.5rem; - line-height: 1; -} - -/** - * 頁腳 - */ - -.頁腳 { - background: var(--ts-gray-100); - border-top: 1px solid var(--ts-gray-200); - padding: 2rem 0px 4rem; -} - -.頁腳-格局 { - display: flex; - align-items: flex-start; -} - -.頁腳-格局-資訊 { -} - -.頁腳-導航列 { - display: flex; - align-items: center; - /* justify-content: center; */ - gap: 2rem; -} - -.頁腳-導航列-項目 { - color: var(--ts-gray-600); - text-decoration: none; -} - -.頁腳-導航列-項目_回到頂部 { - color: var(--ts-gray-500); -} - -.頁腳-導航列-項目_回到頂部 .ts-icon { - margin-right: 0.5rem; - line-height: 1; -} - -.頁腳-格局-資訊-文字 { - color: var(--ts-gray-600); - font-size: 0.95rem; - line-height: 2; - margin-top: 2rem; - max-width: 790px; -} - -.頁腳-格局-資訊-文字 .ts-flag { - margin-bottom: 3px; - border-radius: 3px; -} - -.頁腳-格局-資訊-文字 a { - color: var(--ts-gray-700); -} - -.頁腳-格局-資訊-翻譯者 { - display: block; - margin-top: 2rem; - font-size: 0.95rem; - color: var(--ts-gray-600); - line-height: 2; - max-width: 50rem; -} - -.頁腳-格局-資訊-翻譯者 a { - color: var(--ts-gray-800); /* 108ee9*/ - text-decoration: underline; -} - -.頁腳-格局-商標 { - padding-left: 2rem; - margin-left: auto; -} - -.頁腳-格局-商標-圖片 { - width: 130px; -} - -*:is([data-scheme="dark"], [data-scheme="darkest"]) .頁腳-格局-商標-圖片 { - filter: invert(1) contrast(0.8); -} - -@media (prefers-color-scheme: dark) { - html:not([data-scheme="light"]) .頁腳-格局-商標-圖片 { - filter: invert(1) contrast(0.8); - } -} - -@media screen and (max-width: 960px) { - .穹頂 { - padding: 1.5rem 0 2.5rem; - } - - .穹頂-標題 { - margin-top: 2rem; - } - - .穹頂-標題-主要 { - font-size: 1.6rem; - } - - .穹頂-標題-說明 { - margin-top: 0.5rem; - font-size: 1rem; - } - - .穹頂-導航列 { - display: none; - } - - .穹頂-導航列_手機的 { - display: flex; - } - - .穹頂-導航列_手機的 .穹頂-導航列-右側 { - gap: 0.5rem; - } - - .界限容器 { - padding: 0 1.5rem; - } - - .主體-格局 { - flex-direction: column; - gap: 2rem; - margin: 2.5rem 0; - } - - .主體-格局-導覽 { - max-width: 100%; - border-right: 0; - display: none; - position: fixed; - top: 1rem; - bottom: 1rem; - left: 1rem; - right: 1rem; - border-radius: 1rem; - z-index: 102; - background: var(--ts-gray-50); - padding: 1.5rem; - overflow-y: auto; - overflow-x: hidden; - border: 1px solid var(--ts-gray-300); - box-shadow: 0px 0px 20px #0000001a; - } - - .主體-格局-導覽_啟用的 { - display: flex; - } - - .主體-格局-導覽-關閉按鈕 { - display: block; - } - - .主體-格局-導覽-項目 { - overflow: initial; - } - - .主體-格局-遮罩 { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: var(--ts-gray-300); - backdrop-filter: blur(1px); - z-index: 101; - display: none; - } - - .主體-格局-遮罩_啟用的 { - display: block; - } - - .主體-格局-內容 { - max-width: 100%; - padding: 0; - } - - .主體-格局-內容-工具列-項目_標題 { - font-size: 1.5rem; - } - - .主體-格局-內容-主要範例-實際效果 { - padding: 1rem; - } - - .主體-格局-內容-單個範例_檢視原始碼中 .主體-格局-內容-單個範例-範例-實際效果 { - padding: 1rem; - } - - .主體-格局-內容-單個範例-範例-程式碼 { - padding: 1rem; - } - - .主體-格局-內容-單個範例-附帶程式碼 pre, - .主體-格局-內容-主要範例-程式碼 pre, - .主體-格局-內容-單個範例-範例-程式碼 pre { - overflow-x: auto; - } - - .主體-格局-內容-單個範例-附帶程式碼 .hljs, - .主體-格局-內容-主要範例-程式碼 .hljs, - .主體-格局-內容-單個範例-範例-程式碼 .hljs { - white-space: pre; - } - - .主體-格局-內容-單個範例-文字-標題_段落 { - margin-top: 4rem; - } - - .主體-格局-內容-標題_章節 { - margin-bottom: 1rem; - font-size: 1.5rem; - } - - .主體-格局-內容-標題_章節:not(:first-child) { - margin-top: 4rem; - } - - .主體-格局-內容-相關元件 { - margin-top: 3rem; - } - - .主體-格局-內容-標題 + .主體-格局-內容-單個範例 .主體-格局-內容-單個範例-文字-標題_段落 { - margin-top: 2rem; - } - - .主體-格局-內容-單個範例-附帶程式碼 { - margin-top: 2rem; - } - - .主體-格局-內容-文字 .ts-box, - .主體-格局-內容-單個範例-文字 .ts-box { - overflow-x: scroll; - } - - .主體-格局-內容-單個範例-文字 .ts-box table { - white-space: nowrap; - } - - .主體-格局-索引-回到頂部 { - width: 100%; - position: relative; - top: initial; - margin-top: 3rem; - } - - .頁腳 { - padding: 2.5rem 0; - } - - .頁腳-導航列 { - gap: 0.5rem 1rem; - flex-wrap: wrap; - font-size: 0.95rem; - } - - .頁腳-格局 { - flex-direction: column; - gap: 2.5rem; - } - - .頁腳-格局-資訊-文字 { - margin-top: 2rem; - } - - .頁腳-格局-資訊-翻譯者 { - margin-top: 2rem; - } - - .頁腳-格局-商標 { - padding-left: initial; - margin-left: initial; - align-self: center; - } -} diff --git a/docs/en-us/assets/tocas/app-navbar.css b/docs/en-us/assets/tocas/app-navbar.css deleted file mode 100644 index b3541ba46..000000000 --- a/docs/en-us/assets/tocas/app-navbar.css +++ /dev/null @@ -1,145 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-app-navbar { - display: inline-flex; - align-items: center; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-app-navbar .item { - color: var(--ts-gray-500); - text-decoration: none; - text-align: center; - display: inline-flex; - gap: 0.3rem; - align-items: center; - justify-content: center; - flex-direction: column; - border-radius: 0.4rem; - - margin: 0 0; - padding-left: 1rem; - padding-right: 1rem; - font-weight: 500; - font-size: 14px; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-tap-highlight-color: transparent; -} - -.ts-app-navbar .item .ts-icon { - line-height: 1.2; - font-size: 1.2rem; -} - -.ts-app-navbar .item .label { - line-height: 1; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Fluid - */ - -.ts-app-navbar.is-fluid { - display: flex; -} - -.ts-app-navbar.is-fluid .item { - flex: 1; -} - -/** - * Unlabeled - */ - -.ts-app-navbar.is-unlabeled .item:not(.is-active) .label { - display: none; -} - -/** - * Active - */ - -.ts-app-navbar .item.is-active { - color: var(--ts-gray-800); -} - -/** - * Disabled - */ - -.ts-app-navbar .item.is-disabled { - opacity: 0.5; - pointer-events: none; - user-select: none; -} - -/** - * Vertical - */ - -.ts-app-navbar.is-vertical { - flex-direction: column; -} - -.ts-app-navbar.is-vertical .item { - padding-top: .8rem; - padding-bottom: .8rem; - padding-left: 0; - padding-right: 0; -} - -.ts-app-navbar.is-vertical .item:first-child { - padding-top: 0; -} - -/** - * Indicated - */ - -.ts-app-navbar.is-indicated .item { - color: var(--ts-gray-800); -} - -.ts-app-navbar.is-indicated .item .ts-icon { - padding: 0.25rem 1rem; - line-height: 1.2; - font-size: 1.2rem; - display: flex; - min-height: 26px; - align-items: center; - justify-content: center; - width: auto; - border-radius: 100rem; -} - -.ts-app-navbar.is-indicated .item.is-active .ts-icon { - background: var(--ts-gray-800); - color: var(--ts-gray-50); -} - -/** - * Dense - */ - -.ts-app-navbar.is-dense .item { - gap: 0.25rem; -} - -.ts-app-navbar.is-dense.is-indicated .item .ts-icon { - padding-top: 0.15rem; - padding-bottom: 0.15rem; - min-height: 25px; -} diff --git a/docs/en-us/assets/tocas/app-statusbar.css b/docs/en-us/assets/tocas/app-statusbar.css deleted file mode 100644 index 67ef30ba3..000000000 --- a/docs/en-us/assets/tocas/app-statusbar.css +++ /dev/null @@ -1,34 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-app-statusbar { - background: var(--ts-gray-100); - display: flex; - line-height: 1; - gap: 0.5rem; -} - -.ts-app-statusbar .item { - text-decoration: none; - font-size: var(--ts-font-size-13px); - display: flex; - gap: 0.5rem; - padding: 0.5rem 0.5rem; -} - -.ts-app-statusbar .item:hover { - background: var(--ts-gray-200); -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Active - */ diff --git a/docs/en-us/assets/tocas/avatar.css b/docs/en-us/assets/tocas/avatar.css deleted file mode 100644 index 146fa6118..000000000 --- a/docs/en-us/assets/tocas/avatar.css +++ /dev/null @@ -1,92 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-avatar { - display: inline-flex; - width: 32px; - height: 32px; - border-radius: 0.4rem; - overflow: hidden; - align-items: center; - justify-content: center; - vertical-align: middle; - border: 1px solid transparent; - white-space: nowrap; - overflow: hidden; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-avatar img { - width: 100%; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Circular - */ - -.ts-avatar.is-circular, -.ts-avatar.is-circular img { - border-radius: 100rem; -} - -/** - * Text - */ - -.ts-avatar.is-text { - background: var(--ts-gray-200); - display: inline-flex; - align-items: center; - justify-content: center; - color: var(--ts-gray-600); - font-weight: 500; - font-size: 1.1rem; -} - -/** - * Bordered - */ - -.ts-avatar.is-bordered { - border-color: var(--ts-gray-300); -} - -/** - * Group - */ - -.ts-avatar.is-group { - height: initial; - width: initial; - justify-content: flex-end; - flex-direction: row-reverse; -} - -.ts-avatar.is-group .ts-avatar:not(:last-child) { - margin-inline-start: -0.6rem; -} - -/** - * Sizes - */ - -.ts-avatar.is-small { - width: 24px; - height: 24px; -} -.ts-avatar.is-large { - width: 48px; - height: 48px; -} diff --git a/docs/en-us/assets/tocas/breadcrumb.css b/docs/en-us/assets/tocas/breadcrumb.css deleted file mode 100644 index 52309d4de..000000000 --- a/docs/en-us/assets/tocas/breadcrumb.css +++ /dev/null @@ -1,127 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-breadcrumb { - display: flex; - gap: 0.7rem; - color: var(--ts-gray-800); - line-height: 1; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-breadcrumb .item { - text-decoration: none; - color: var(--ts-gray-800); - padding-right: 1.1rem; -} - -.ts-breadcrumb .item:last-child { - padding-right: 0; -} - -.ts-breadcrumb .item .ts-icon { - display: inline-block; - text-decoration: none; -} - -.ts-breadcrumb .item:hover { - text-decoration: underline; -} - -.ts-breadcrumb .item::after { - position: absolute; - user-select: none; - margin-left: 0.7rem; - display: inline-block; - pointer-events: none; - content: "/"; - color: var(--ts-gray-500); -} - -.ts-breadcrumb .item:last-child::after { - display: none; -} - -.ts-breadcrumb .divider .ts-icon { - font-size: 12px; - color: var(--ts-gray-500); -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Stepped - */ - -.ts-breadcrumb.is-stepped .item { - color: var(--ts-gray-500); -} - -/** - * Active - */ - -.ts-breadcrumb .item.is-active { - color: var(--ts-gray-800); - font-weight: 500; -} - -/** - * Customized - */ - -.ts-breadcrumb.is-customized .item::after { - content: ""; -} -.ts-breadcrumb.is-customized .item { - padding-right: 0; -} - -/** - * Chevroned - */ - -.ts-breadcrumb.is-chevroned .item::after { - content: "\f054"; - font-size: var(--ts-font-size-12px); - line-height: 1.4; -} - -/** - * Hyphenated - */ - -.ts-breadcrumb.is-hyphenated .item::after { - content: "-"; -} - -.ts-breadcrumb:is(.is-chevroned, .is-hyphenated) .item::after { - font-family: "Icons"; - font-weight: normal; - font-style: normal; - text-align: center; - -webkit-font-smoothing: antialiased; - backface-visibility: hidden; -} - -/** - * Sizes - */ - -.ts-breadcrumb.is-small { - font-size: var(--ts-font-size-14px); -} - -.ts-breadcrumb.is-large { - font-size: var(--ts-font-size-17px); -} diff --git a/docs/en-us/assets/tocas/button.css b/docs/en-us/assets/tocas/button.css deleted file mode 100644 index cce39f259..000000000 --- a/docs/en-us/assets/tocas/button.css +++ /dev/null @@ -1,324 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -@keyframes ts-button-loading { - from { - transform: translate(-50%, -50%) rotate(0deg); - } - to { - transform: translate(-50%, -50%) rotate(360deg); - } -} - -.ts-button { - --horizontal-padding: 1.25em; - --height: var(--ts-input-height-medium); -} - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-button { - margin: 0; - width: auto; - font: inherit; - outline: none; - box-sizing: border-box; - user-select: none; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - height: var(--height); - - -webkit-font-smoothing: inherit; - -moz-osx-font-smoothing: inherit; - -webkit-appearance: none; -} - -.ts-button:focus { - outline: 0; -} - -.ts-button { - border: 2px solid var(--ts-gray-800); - min-width: 75px; - font-size: var(--ts-font-size-14px); - line-height: 1.5; - font-weight: 500; - color: var(--ts-gray-50); - background: var(--ts-gray-800); - text-decoration: none; - display: inline-flex; - vertical-align: middle; - justify-content: center; - align-items: center; - text-align: center; - - padding: 0 var(--horizontal-padding); - border-radius: 0.4rem; -} - -.ts-button:hover { - cursor: pointer; - opacity: 0.98; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Secondary - */ - -.ts-button.is-secondary { - color: var(--ts-gray-800); - border-color: var(--ts-gray-100); - background: var(--ts-gray-100); -} - -/** - * Outlined - */ - -.ts-button.is-outlined { - background: transparent; - border: 2px solid var(--ts-gray-300); - color: var(--ts-gray-800); -} - -/** - * Negative - */ - -.ts-button.is-negative { - color: var(--ts-white); - border-color: var(--ts-negative-500); - background: var(--ts-negative-500); -} - -.ts-button.is-negative.is-outlined { - color: var(--ts-negative-500); - border-color: var(--ts-gray-300); - background: transparent; -} - -/** - * Ghost - */ - -.ts-button.is-ghost { - background: transparent; - color: var(--ts-gray-800); - border: 2px solid transparent; -} - -.ts-button.is-ghost:hover { - background: var(--ts-gray-100); -} - -.ts-button.is-ghost.is-negative { - color: var(--ts-negative-500); -} - -/** - * Loading - */ - -.ts-button.is-loading, -.ts-button.is-loading.is-negative { - color: transparent; - pointer-events: none; - opacity: 0.5; -} - -.ts-button.is-loading::after { - font-family: "Icons"; - font-weight: normal; - font-style: normal; - display: inline; - text-decoration: inherit; - text-align: center; - -webkit-font-smoothing: antialiased; - backface-visibility: hidden; - display: inline-block; - animation: ts-button-loading 2s linear infinite; - color: var(--ts-gray-50); - font-size: var(--ts-font-size-18px); - content: "\f110"; - position: absolute; - top: 50%; - left: 50%; -} - -.ts-button.is-loading:is(.is-outlined, .is-secondary)::after { - color: var(--ts-gray-800); -} - -/** - * Tertiary - */ - -/*.ts-button.is-tertiary:hover { - background: var(--ts-gray-100); - opacity: 1; -}*/ - -/** - * Sizes - */ - -.ts-button.is-small { - --height: var(--ts-input-height-small); - - font-size: var(--ts-font-size-13px); -} - -.ts-button.is-large { - --height: var(--ts-input-height-large); - - font-size: var(--ts-font-size-17px); -} - -/** - * Disabled - */ - -.ts-button.is-disabled { - cursor: not-allowed; - pointer-events: none; - opacity: 0.5; - user-select: none; -} - -/** - * Fluid - */ - -.ts-button.is-fluid { - width: 100%; -} - -/** - * Circular - */ - -.ts-button.is-circular { - border-radius: 100rem; -} - -/** - * Icon - */ - -.ts-button.is-icon { - padding: 0; - min-width: 0; - width: calc(var(--height) * 1.1); -} - -.ts-button.is-icon .ts-icon { - font-size: 1.2em; -} - -.ts-button.is-icon.is-small .ts-icon { - font-size: 1.15em; -} - -/** - * Side Icon - */ - -.ts-button:is(.is-start-icon, .is-end-icon) .ts-icon { - font-size: 1.2em; -} - -.ts-button:is(.is-start-icon, .is-end-icon) .ts-icon::before { - display: inline-block; - margin-top: 1px; -} - -.ts-button.is-start-icon .ts-icon { - margin-right: 0.5em; -} - -.ts-button.is-end-icon .ts-icon { - margin-left: 0.5em; -} - -/** - * Labeled Icon - */ - -.ts-button:is(.is-start-labeled-icon, .is-end-labeled-icon) .ts-icon { - position: absolute; - top: -2px; - bottom: -2px; - background: var(--ts-gray-900); - line-height: 1; - display: flex; - align-items: center; - justify-content: center; - width: calc(2.75em + 2px); -} - -.ts-button.is-start-labeled-icon { - padding-left: calc(var(--horizontal-padding) + 2.75em); -} - -.ts-button.is-start-labeled-icon .ts-icon { - left: -2px; - border-radius: 0.4rem 0 0 0.4rem; -} - -.ts-button.is-end-labeled-icon { - padding-right: calc(var(--horizontal-padding) + 2.75em); -} - -.ts-button.is-end-labeled-icon .ts-icon { - right: -2px; - border-radius: 0 0.4rem 0.4rem 0; -} - -.ts-button.is-negative:is(.is-start-labeled-icon, .is-end-labeled-icon) .ts-icon { - background: var(--ts-negative-400); -} - -.ts-button.is-outlined:is(.is-start-labeled-icon, .is-end-labeled-icon) .ts-icon { - /*background: var(--ts-gray-300);*/ - background: transparent; - border: 2px solid var(--ts-gray-300); -} - -.ts-button.is-secondary:is(.is-start-labeled-icon, .is-end-labeled-icon) .ts-icon { - background: var(--ts-gray-200); -} - -/** - * Dense - */ - -.ts-button.is-dense { - --height: var(--ts-input-height-medium-dense); -} -.ts-button.is-dense.is-small { - --height: var(--ts-input-height-small-dense); -} -.ts-button.is-dense.is-large { - --height: var(--ts-input-height-large-dense); -} - -/** - * Wide - */ - -.ts-button.is-short { - --horizontal-padding: 0.75em; - - min-width: 65px; -} -.ts-button.is-wide { - --horizontal-padding: 2em; -} \ No newline at end of file diff --git a/docs/en-us/assets/tocas/checklist.css b/docs/en-us/assets/tocas/checklist.css deleted file mode 100644 index beea6b7da..000000000 --- a/docs/en-us/assets/tocas/checklist.css +++ /dev/null @@ -1,108 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-checklist { - margin-right: 1.5rem; - display: flex; - gap: 0.5rem; - flex-direction: column; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-checklist .item { - color: var(--ts-gray-800); - text-decoration: none; - padding-left: 28px; -} - -.ts-checklist .item::before { - font-family: "Icons"; - font-weight: normal; - font-style: normal; - text-decoration: inherit; - text-align: center; - -webkit-font-smoothing: antialiased; - backface-visibility: hidden; - font-size: var(--ts-font-size-12px); - border-radius: 100rem; - line-height: 1; - height: 20px; - width: 20px; - padding: 0.25rem; - display: inline-block; - transform: scale(0.9); - padding-top: 0.3rem; - padding-bottom: 0.1rem; - vertical-align: middle; - position: absolute; - left: 0; - top: 3px; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Positive - */ - -.ts-checklist .item.is-positive { -} - -.ts-checklist .item.is-positive::before { - content: "\f00c"; - background: var(--ts-tonal-positive-400); - color: var(--ts-tonal-positive-800); -} - -/** - * Negative - */ - -.ts-checklist .item.is-negative { -} - -.ts-checklist .item.is-negative::before { - content: "\f00d"; - background: var(--ts-tonal-negative-400); - color: var(--ts-tonal-negative-800); -} - -/** - * Added - */ - -.ts-checklist .item.is-added { -} - -.ts-checklist .item.is-added::before { - content: "\f067"; - background: var(--ts-tonal-positive-400); - color: var(--ts-tonal-positive-800); -} - -/** - * Removed - */ - -.ts-checklist .item.is-removed { -} - -.ts-checklist .item.is-removed::before { - content: "\f068"; - background: var(--ts-tonal-negative-400); - color: var(--ts-tonal-negative-800); -} - -/** - * Dense - */ diff --git a/docs/en-us/assets/tocas/chip.css b/docs/en-us/assets/tocas/chip.css deleted file mode 100644 index ebbbc15d1..000000000 --- a/docs/en-us/assets/tocas/chip.css +++ /dev/null @@ -1,213 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-chip { - vertical-align: middle; - text-decoration: none; -} - -.ts-chip, -.ts-chip.is-input .content, -.ts-chip.is-toggle .content { - background: var(--ts-gray-200); - padding: 0.1rem 0.6rem; - border: 1px solid var(--ts-gray-200); - border-radius: 0.4rem; - font-size: var(--ts-font-size-14px); - display: inline-flex; - align-items: center; - justify-content: center; - gap: 0.5rem; - line-height: 1.75; - min-height: 22px; - /*min-width: 55px;*/ - color: var(--ts-gray-800); -} - -.ts-chip.is-input, -.ts-chip.is-toggle { - background: initial; - padding: initial; - border: initial; - - font-size: initial; - display: initial; - gap: initial; - line-height: initial; - min-height: initial; - min-width: initial; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-chip img { - width: 24px; - height: 24px; - border-radius: 0.4rem; - margin-left: -5px; -} - -.ts-chip input { - display: none; -} - -.ts-chip .content { -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Outlined - */ - -.ts-chip.is-outlined, -.ts-chip.is-outlined .content { - background: transparent; - border-color: var(--ts-gray-300); -} - -/** - * Circular - */ - -.ts-chip.is-circular, -.ts-chip.is-circular .content { - border-radius: 100rem; -} - -/** - * Input - */ - -.ts-chip.is-input, -.ts-chip.is-toggle { - cursor: pointer; - user-select: none; -} - -/** - * Toggle - */ - -.ts-chip.is-toggle input:checked + .content { - background: var(--ts-gray-800); - border-color: var(--ts-gray-800); - color: var(--ts-gray-50); -} - -.ts-chip.is-toggle.is-secondary input:checked + .content { - color: var(--ts-gray-800); - background: var(--ts-gray-200); - border-color: var(--ts-gray-600); -} - -/** - * Input - */ - -.ts-chip.is-input input:checked + .content { - background: var(--ts-primary-700); - border-color: var(--ts-primary-700); - color: var(--ts-white); -} - -.ts-chip.is-input.is-secondary input:checked + .content { - color: var(--ts-primary-600); - background: var(--ts-gray-100); - border-color: var(--ts-primary-600); -} - -.ts-chip.is-input input:checked + .content::before { - font-family: "Icons"; - font-weight: normal; - font-style: normal; - display: inline; - text-decoration: inherit; - text-align: center; - width: 1.18em; - -webkit-font-smoothing: antialiased; - backface-visibility: hidden; - content: "\f00c"; - font-size: 12px; -} - -.ts-chip.is-input.is-start-icon input:checked +.content::before, -.ts-chip.is-input.is-end-icon input:checked+.content::before { - display: none; -} - -.ts-chip.is-input.is-start-icon input:checked + .content .ts-icon::before, -.ts-chip.is-input.is-end-icon input:checked + .content .ts-icon::before { - content: "\f00c"; -} - -/** - * Disabled - */ - -.ts-chip.is-disabled { - pointer-events: none; - opacity: 0.5; - user-select: none; -} - -/** - * Fluid - */ - -.ts-chip.is-fluid { - display: flex; -} - -.ts-chip.is-fluid .content { - width: 100%; -} - -/** - * Sizes - */ - -.ts-chip.is-small, -.ts-chip.is-small .content { - font-size: var(--ts-font-size-12px); -} - -.ts-chip.is-large, -.ts-chip.is-large .content { - font-size: var(--ts-font-size-16px); -} - -/** - * Dense - */ - -.ts-chip.is-dense { - padding-top: 0.1rem; - padding-bottom: 0.1rem; -} - -.ts-chip.is-dense:is(.is-input, .is-toggle) .content { - min-height: 20px; - padding-top: 0.1rem; - padding-bottom: 0.1rem; -} - -/** - * Spaced - */ - -.ts-chip.is-start-spaced { - margin-left: 0.45rem; -} -.ts-chip.is-end-spaced { - margin-right: 0.45rem; -} diff --git a/docs/en-us/assets/tocas/close.css b/docs/en-us/assets/tocas/close.css deleted file mode 100644 index b7f2d2ab9..000000000 --- a/docs/en-us/assets/tocas/close.css +++ /dev/null @@ -1,108 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-close { - border: none; - margin: 0; - padding: 0; - width: auto; - overflow: visible; - background: transparent; - color: inherit; - font: inherit; - line-height: normal; - border-radius: 0; - outline: none; - box-sizing: border-box; - user-select: none; - - -webkit-font-smoothing: inherit; - -moz-osx-font-smoothing: inherit; - -webkit-appearance: none; -} - -.ts-close { - font-family: "Icons"; - font-weight: normal; - font-style: normal; - text-decoration: inherit; - text-align: center; - -webkit-font-smoothing: antialiased; - backface-visibility: hidden; - display: inline-flex; - align-items: center; - justify-content: center; - text-decoration: none; - - cursor: pointer; - - cursor: pointer; - height: 18px; - width: 18px; - font-size: var(--ts-font-size-12px); - line-height: 1; - background: var(--ts-gray-600); - color: var(--ts-gray-100); - border-radius: 100rem; -} - -.ts-close::before { - content: "\f00d"; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Secondary - */ - -.ts-close.is-secondary { - background: var(--ts-gray-300); - color: var(--ts-gray-800); -} - -/** - * Tertiary - */ - -.ts-close.is-tertiary { - background: var(--ts-gray-300); - color: var(--ts-gray-50); -} - -/** - * Sizes - */ - -.ts-close.is-small { - height: 16px; - width: 16px; -} - -.ts-close.is-large { - height: 22px; - width: 22px; - font-size: var(--ts-font-size-14px); -} - -/** - * Spaced - */ - -.ts-close.is-spaced { - margin-left: 0.45rem; - margin-right: 0.45rem; -} -.ts-close.is-start-spaced { - margin-left: 0.45rem; -} -.ts-close.is-end-spaced { - margin-right: 0.45rem; -} diff --git a/docs/en-us/assets/tocas/container.css b/docs/en-us/assets/tocas/container.css deleted file mode 100644 index b158504db..000000000 --- a/docs/en-us/assets/tocas/container.css +++ /dev/null @@ -1,40 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-container { - margin: 0 auto; - padding: 0 1.5rem; - max-width: 1180px; - width: 100%; - color: inherit; - box-sizing: border-box; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Fluid - */ - -.ts-container.is-fluid { - max-width: 100%; -} - -/** - * Narrow - */ - -.ts-container.is-narrow { - max-width: 910px; -} - -.ts-container.is-very-narrow { - max-width: 720px; -} diff --git a/docs/en-us/assets/tocas/content.css b/docs/en-us/assets/tocas/content.css deleted file mode 100644 index 1a52142fb..000000000 --- a/docs/en-us/assets/tocas/content.css +++ /dev/null @@ -1,165 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-content { - padding: 1rem 1rem; - color: inherit; - display: block; - text-decoration: none; - box-sizing: border-box; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Fitted - */ - -.ts-content.is-fitted { - padding: 0; -} - -/** - * Primary - */ - -/*.ts-content.is-primary { - background: var(--ts-gray-800); - color: var(--ts-gray-50); -}*/ - -/** - * Dark - */ - -.ts-content.is-dark { - background: var(--ts-gray-50); - color: var(--ts-gray-800); -} - -/** - * Secondary - */ - -.ts-content.is-secondary { - background: var(--ts-gray-75); -} - -/** - * Tertiary - */ - -.ts-content.is-tertiary { - background: var(--ts-gray-100); -} - -/** - * Aligns - */ - -.ts-content.is-start-aligned { - text-align: left; -} - -.ts-content.is-end-aligned { - text-align: right; -} - -.ts-content.is-center-aligned { - text-align: center; -} - -/** - * Interactive - */ - -.ts-content.is-interactive { - display: block; - text-decoration: none; -} - -.ts-content.is-interactive:hover { - cursor: pointer; -} - -.ts-content.is-interactive:hover:not(.is-active) { - background: var(--ts-gray-75); -} - -/** - * Active - */ - -.ts-content.is-active { - background: var(--ts-gray-200); -} - -/** - * Disabled - */ - -.ts-content.is-disabled { - opacity: 0.5; - pointer-events: none; - user-select: none; -} - -/** - * Rounded - */ - -.ts-content.is-rounded { - border-radius: 0.4rem; -} - -/** - * Padded - */ - -.ts-content.is-padded { - padding: 1.5rem; -} -.ts-content.is-horizontally-padded { - padding-left: 1.5rem; - padding-right: 1.5rem; -} -.ts-content.is-vertically-padded { - padding-top: 1.5rem; - padding-bottom: 1.5rem; -} - -.ts-content.is-very-padded { - padding: 3.5rem; -} -.ts-content.is-horizontally-very-padded { - padding-left: 3.5rem; - padding-right: 3.5rem; -} -.ts-content.is-vertically-very-padded { - padding-top: 3.5rem; - padding-bottom: 3.5rem; -} - -/** - * Compact - */ - -.ts-content.is-compact { - padding: 0.5rem; -} - -/** - * Dense - */ - -.ts-content.is-dense { - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} diff --git a/docs/en-us/assets/tocas/conversation.css b/docs/en-us/assets/tocas/conversation.css deleted file mode 100644 index 8b4e72f3c..000000000 --- a/docs/en-us/assets/tocas/conversation.css +++ /dev/null @@ -1,255 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-conversation { - display: flex; - gap: 1rem; - --brand-color: var(--ts-primary-600); -} - -/** - * Avatar - */ - -.ts-conversation .avatar { -} - -.ts-conversation .avatar img { - width: 40px; - border-radius: 0.4rem; -} - -/** - * Bubble - */ - -.ts-conversation .bubble { - background: var(--ts-gray-100); - border-radius: 0.4rem; - line-height: 1.5; - padding: 0.5rem 0.8rem; - font-size: var(--ts-font-size-14px); - overflow: hidden; -} - -/** Clearfix for meta */ -.ts-conversation .bubble::after { - content: ""; - display: block; - clear: both; -} - -/** - * Author - */ - -.ts-conversation .bubble .author { - font-weight: 500; - color: var(--brand-color); -} - -/** - * Meta - */ - -.ts-conversation .bubble .meta { - float: right; - line-height: 1.5; - bottom: -3px; - margin-left: 0.6rem; - display: inline-flex; - gap: 0.65rem; - align-items: center; - justify-content: flex-end; - font-size: var(--ts-font-size-14px); - color: var(--ts-gray-500); -} - -.ts-conversation .bubble .meta.is-floated { - position: absolute; - bottom: 0.5rem; - right: 0.5rem; - background: rgba(0, 0, 0, 0.2); - border-radius: 0.4rem; - padding: 0.1rem 0.4rem; - color: var(--ts-white); -} - -/** - * Text - */ - -.ts-conversation .bubble .text { - display: inline; -} - -.ts-conversation .bubble .text a { - color: var(--ts-link-700); -} - -/** - * Actions - */ - -.ts-conversation .actions { -} - -/** - * Meta - */ - -.ts-conversation .meta { -} - -/** - * Quote - */ - -.ts-conversation .bubble .quote { - --brand-color: var(--ts-positive-600); - border-left: 2px solid var(--brand-color); - margin: 0.5rem 0; - padding-left: 0.8rem; -} - -.ts-conversation .bubble .quote .author { - font-weight: 500; - color: var(--brand-color); -} - -/** - * Preview - */ - -.ts-conversation .bubble .preview { - padding-left: 0.8rem; - border-left: 2px solid var(--brand-color); - margin: 0.5rem 0; - display: flex; - flex-direction: column; - gap: 0.25rem; - - --brand-color: #1074c5; -} - -.ts-conversation .bubble .site { - font-weight: 500; - color: var(--brand-color); -} - -.ts-conversation .bubble .title { - font-weight: 500; -} - -.ts-conversation .bubble .embed { - overflow: hidden; - border-radius: 0.4rem; -} - -.ts-conversation .bubble .embed > * { - width: 100%; - object-fit: cover; - vertical-align: top; -} - -/** - * Object - */ - -.ts-conversation .bubble .object { - margin: 0.4rem -0.8rem; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * - */ - -.ts-conversation:is(.is-sent, .is-sending, .is-error, .is-read, .is-warning) .bubble .meta::after { - color: var(--ts-gray-500); - - font-family: "Icons"; - font-weight: normal; - font-style: normal; - - text-decoration: inherit; - text-align: center; - width: 1.18em; - -webkit-font-smoothing: antialiased; - backface-visibility: hidden; - - font-size: var(--ts-font-size-13px); -} - -.ts-conversation.is-sent .bubble .meta::after { - content: "\f00c"; -} - -.ts-conversation.is-sending .bubble .meta::after { - content: "\f017"; -} - -.ts-conversation.is-read .bubble .meta::after { - content: "\f560"; -} - -.ts-conversation.is-error .bubble .meta::after { - content: "\f071"; - color: var(--ts-negative-400); -} - -/** - * Self - */ - -.ts-conversation.is-self { - flex-direction: row-reverse; -} - -.ts-conversation.is-self .bubble { - background: #e8fbd1; - color: var(--ts-black); -} - -.ts-conversation.is-self .bubble .author { - color: #538e0b; -} - -.ts-conversation.is-self .bubble .meta, -.ts-conversation.is-self .bubble .meta::after { - color: #538e0b; -} - -/** - * Object Only - */ - -.ts-conversation.is-object-only .bubble { - padding: 0; -} - -.ts-conversation.is-object-only .bubble .object { - margin: 0; -} - -.ts-conversation.is-object-only .bubble .meta { - position: absolute; - bottom: 0.5rem; - right: 0.5rem; - background: rgba(0, 0, 0, 0.2); - border-radius: 0.4rem; - padding: 0.1rem 0.4rem; - color: var(--ts-white); -} - -.ts-conversation.is-object-only .bubble .meta::after { - color: var(--ts-white); -} diff --git a/docs/en-us/assets/tocas/dropdown.css b/docs/en-us/assets/tocas/dropdown.css deleted file mode 100644 index 8ecde4ce0..000000000 --- a/docs/en-us/assets/tocas/dropdown.css +++ /dev/null @@ -1,241 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -.ts-dropdown { - --object-distance: 0.8rem; -} - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-dropdown { - position: absolute; - display: none; - color: inherit; - flex-direction: column; - z-index: 100; - border: 1px solid var(--ts-gray-300); - border-radius: 0.4rem; - background: var(--ts-gray-50); - box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1); - font-size: var(--ts-font-size-14px); - padding: 0.2rem 0; - white-space: nowrap; -} - -.ts-dropdown > .item { - font-family: inherit; - appearance: none; - border: unset; - font-size: inherit; - text-align: inherit; - background: transparent; - color: inherit; - line-height: 1; - text-decoration: none; - display: flex; - align-items: center; - padding: 0.8rem 1rem; - gap: var(--object-distance); - padding-top: 0.65rem; - padding-bottom: 0.65rem; - min-width: max-content; -} - -.ts-dropdown .item .ts-icon { - font-size: 1.1em; -} - -.ts-dropdown .item .ts-avatar { - margin-top: -0.4rem; - margin-bottom: -0.4rem; -} - -.ts-dropdown .item .description { - font-size: var(--ts-relative-small); - color: var(--ts-gray-500); - - text-align: right; - margin-left: auto; - float: right; -} - -.ts-dropdown .item:hover { - cursor: pointer; - background: var(--ts-gray-75); -} - -.ts-dropdown .item :where(.ts-row, .ts-grid) { - flex: 1; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Active - */ - -.ts-dropdown .item.is-active { - background: var(--ts-gray-800); - color: var(--ts-gray-50); -} - -/** - * Disabled - */ - -.ts-dropdown .item.is-disabled { - opacity: 0.5; - pointer-events: none; - user-select: none; -} - -/** - * Selected - */ - -.ts-dropdown .item.is-selected { - background: var(--ts-primary-700); - color: var(--ts-white); -} - -/** - * Separated - */ - -.ts-dropdown.is-separated { - gap: 0.25rem; - padding-left: 0.25rem; - padding-right: 0.25rem; -} - -.ts-dropdown.is-separated .item { - border-radius: 0.4rem; -} - -/** - * Icon - */ - -.ts-dropdown.is-start-icon .item .ts-icon { - min-width: 1rem; - text-align: center; - display: inline-block; - margin-top: 2px; -} - -.ts-dropdown.is-end-icon .item .ts-icon { - margin-left: auto; - min-width: 1rem; - text-align: center; - display: inline-block; - margin-top: 2px; -} - - -/** - * Density - */ - -.ts-dropdown.is-relaxed .item { - padding-top: 0.8rem; - padding-bottom: 0.8rem; -} - -.ts-dropdown.is-dense .item { - padding-top: 0.55rem; - padding-bottom: 0.55rem; -} - -/** - * Sizes - */ - -.ts-dropdown.is-small { - font-size: var(--ts-font-size-13px); -} - -.ts-dropdown.is-large { - font-size: var(--ts-font-size-15px); -} - -/** - * Visible - */ - - -.ts-dropdown.is-visible { - display: inline-flex; -} - -/** - * Scrollable - */ - -.ts-dropdown.is-scrollable { - overflow: auto; - overflow-x: hidden; -} - -/** (Below 766px) */ -@media screen and (max-width: 766px) { - .ts-dropdown.is-scrollable { - max-height: 10rem; - } -} - -/** (Above 766px) */ -@media screen and (min-width: 766px) { - .ts-dropdown.is-scrollable { - max-height: 15rem; - } -} - -/** (Above 993px) */ -@media screen and (min-width: 993px) { - .ts-dropdown.is-scrollable { - max-height: 19rem; - } -} - -/** - * Positions - */ - -.ts-dropdown.is-top-left { - bottom: calc(100% + 0.5rem); - left: 0; -} - -.ts-dropdown.is-bottom-left { - top: calc(100% + 0.5rem); - left: 0; -} - -.ts-dropdown.is-top-right { - bottom: calc(100% + 0.5rem); - right: 0; -} - -.ts-dropdown.is-bottom-right { - top: calc(100% + 0.5rem); - right: 0; -} - -.ts-dropdown.is-top { - bottom: calc(100% + 0.5rem); - left: 0; - right: 0; - min-width: min-content; -} - -.ts-dropdown.is-bottom { - top: calc(100% + 0.5rem); - left: 0; - right: 0; - min-width: min-content; -} \ No newline at end of file diff --git a/docs/en-us/assets/tocas/fonts/icons/fa-brands-400.woff2 b/docs/en-us/assets/tocas/fonts/icons/fa-brands-400.woff2 deleted file mode 100644 index 4d904aab4..000000000 Binary files a/docs/en-us/assets/tocas/fonts/icons/fa-brands-400.woff2 and /dev/null differ diff --git a/docs/en-us/assets/tocas/fonts/icons/fa-regular-400.ttf b/docs/en-us/assets/tocas/fonts/icons/fa-regular-400.ttf deleted file mode 100644 index 23e3febe0..000000000 Binary files a/docs/en-us/assets/tocas/fonts/icons/fa-regular-400.ttf and /dev/null differ diff --git a/docs/en-us/assets/tocas/fonts/icons/fa-regular-400.woff2 b/docs/en-us/assets/tocas/fonts/icons/fa-regular-400.woff2 deleted file mode 100644 index 80e3b1247..000000000 Binary files a/docs/en-us/assets/tocas/fonts/icons/fa-regular-400.woff2 and /dev/null differ diff --git a/docs/en-us/assets/tocas/fonts/icons/fa-solid-900.ttf b/docs/en-us/assets/tocas/fonts/icons/fa-solid-900.ttf deleted file mode 100644 index da9082420..000000000 Binary files a/docs/en-us/assets/tocas/fonts/icons/fa-solid-900.ttf and /dev/null differ diff --git a/docs/en-us/assets/tocas/fonts/icons/fa-solid-900.woff2 b/docs/en-us/assets/tocas/fonts/icons/fa-solid-900.woff2 deleted file mode 100644 index 360ba1155..000000000 Binary files a/docs/en-us/assets/tocas/fonts/icons/fa-solid-900.woff2 and /dev/null differ diff --git a/docs/en-us/assets/tocas/fonts/icons/fa-v4compatibility.ttf b/docs/en-us/assets/tocas/fonts/icons/fa-v4compatibility.ttf deleted file mode 100644 index e9545ed57..000000000 Binary files a/docs/en-us/assets/tocas/fonts/icons/fa-v4compatibility.ttf and /dev/null differ diff --git a/docs/en-us/assets/tocas/fonts/icons/fa-v4compatibility.woff2 b/docs/en-us/assets/tocas/fonts/icons/fa-v4compatibility.woff2 deleted file mode 100644 index db5b0b997..000000000 Binary files a/docs/en-us/assets/tocas/fonts/icons/fa-v4compatibility.woff2 and /dev/null differ diff --git a/docs/en-us/assets/tocas/gauge.css b/docs/en-us/assets/tocas/gauge.css deleted file mode 100644 index 79ca937cd..000000000 --- a/docs/en-us/assets/tocas/gauge.css +++ /dev/null @@ -1,132 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ -.ts-gauge { - --length: 0.8; - --value: 0; - --size: 5rem; - --thickness: calc(var(--size) / 10); -} - -.ts-gauge, -.ts-gauge .bar { - position: relative; - display: inline-grid; - height: var(--size); - width: var(--size); - - place-content: center; - border-radius: 9999px; - background-color: transparent; - vertical-align: middle; - box-sizing: content-box; -} - -.ts-gauge { - --value: 100; - - transform: rotate(216deg); -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-gauge::before, -.ts-gauge .bar::before { - position: absolute; - border-radius: 9999px; - content: ""; -} - -.ts-gauge .bar::before { - top: 0; - right: 0; - bottom: 0; - left: 0; - - background: conic-gradient(currentColor calc(var(--value) * 1% * var(--length)), #0000 0); - -webkit-mask: radial-gradient(farthest-side, #0000 calc(99% - var(--thickness)), rgb(0 0 0 / 85%) calc(100% - var(--thickness))); - mask: radial-gradient(farthest-side, #0000 calc(99% - var(--thickness)), rgb(0 0 0 / 85%) calc(100% - var(--thickness))); -} - -.ts-gauge::before { - top: 0; - right: 0; - bottom: 0; - left: 0; - - -webkit-mask: radial-gradient(farthest-side, #f000 calc(99% - var(--thickness)), #0000001a calc(100% - var(--thickness))); - mask: radial-gradient(farthest-side, #f000 calc(99% - var(--thickness)), #0000001a calc(100% - var(--thickness))); - background: conic-gradient(currentColor calc(var(--value) * var(--length) * 1%), #0000 0); -} - -.ts-gauge .bar .text { - transform: rotate(-216deg); -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Circular - */ - -.ts-gauge.is-circular { - transform: initial; - --length: 1; -} - -.ts-gauge.is-circular .bar::before { - /*background: conic-gradient(currentColor calc(var(--value) * 1%), #0000 0); - -webkit-mask: radial-gradient(farthest-side, #0000 calc(99% - var(--thickness)), rgb(0 0 0 / 85%) calc(100% - var(--thickness))); - mask: radial-gradient(farthest-side, #0000 calc(99% - var(--thickness)), rgb(0 0 0 / 85%) calc(100% - var(--thickness)));*/ -} - -.ts-gauge.is-circular::before { - /*background: conic-gradient(currentColor calc(var(--value) * 1%), #0000 0); - -webkit-mask: radial-gradient(farthest-side, #f000 calc(99% - var(--thickness)), #0000001a calc(100% - var(--thickness))); - mask: radial-gradient(farthest-side, #f000 calc(99% - var(--thickness)), #0000001a calc(100% - var(--thickness)));*/ -} - -.ts-gauge.is-circular .bar .text { - transform: initial; -} - -/** - * Uplifted - */ - -.ts-gauge.is-uplifted { - transform: rotate(180deg); - --length: 0.7; -} - -.ts-gauge.is-uplifted .bar .text { - transform: rotate(-180deg); -} - -/** - * Centered - */ - -.ts-gauge.is-centered { - margin: 0 auto; - display: grid; -} - -/** - * Sizes - */ - -.ts-gauge.is-small { - --size: 4rem; -} -.ts-gauge.is-large { - --size: 6rem; -} diff --git a/docs/en-us/assets/tocas/grid.css b/docs/en-us/assets/tocas/grid.css deleted file mode 100644 index 9532c1460..000000000 --- a/docs/en-us/assets/tocas/grid.css +++ /dev/null @@ -1,445 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-grid { - display: grid; - gap: 1rem; - grid-template-columns: repeat(16, minmax(0, 1fr)); - color: inherit; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Truncated - */ - -.ts-grid .column.is-truncated { - overflow: hidden; -} - -/** - * Columns - */ - -.ts-grid.is-2-columns { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-3-columns { - grid-template-columns: repeat(3, minmax(0, 1fr)); -} -.ts-grid.is-4-columns { - grid-template-columns: repeat(4, minmax(0, 1fr)); -} -.ts-grid.is-5-columns { - grid-template-columns: repeat(5, minmax(0, 1fr)); -} -.ts-grid.is-6-columns { - grid-template-columns: repeat(6, minmax(0, 1fr)); -} -.ts-grid.is-7-columns { - grid-template-columns: repeat(7, minmax(0, 1fr)); -} -.ts-grid.is-8-columns { - grid-template-columns: repeat(8, minmax(0, 1fr)); -} -.ts-grid.is-9-columns { - grid-template-columns: repeat(9, minmax(0, 1fr)); -} -.ts-grid.is-10-columns { - grid-template-columns: repeat(10, minmax(0, 1fr)); -} - -/** - * Relaxed - */ - -.ts-grid.is-relaxed { - gap: 2rem min(2rem, 5%); /** Issue #814 */ -} -.ts-grid.is-compact { - gap: 0.5rem; -} - -/** - * Evenly Divided - */ - -.ts-grid.is-evenly-divided { - grid-auto-columns: minmax(0, 1fr); - grid-auto-flow: column; - grid-template-columns: initial; -} - -/** - * Aligns - */ - -.ts-grid.is-middle-aligned { - align-items: center; -} -.ts-grid.is-center-aligned { - text-align: center; -} - -.ts-grid .column.is-top-aligned { - align-items: flex-start; - display: flex; -} - -.ts-grid .column.is-middle-aligned { - align-items: center; - display: flex; -} - -.ts-grid .column.is-center-aligned { - text-align: center; -} - -.ts-grid .column.is-bottom-aligned { - align-items: flex-end; - display: flex; -} - -.ts-grid .column.is-start-aligned { - text-align: left; -} - -.ts-grid .column.is-end-aligned { - text-align: right; -} - -/** - * Wides - */ - -.ts-grid .column.is-1-minimal, -.ts-grid .column.is-1-wide { - grid-column: auto / span 1; -} -.ts-grid .column.is-2-minimal, -.ts-grid .column.is-2-wide { - grid-column: auto / span 2; -} -.ts-grid .column.is-3-minimal, -.ts-grid .column.is-3-wide { - grid-column: auto / span 3; -} -.ts-grid .column.is-4-minimal, -.ts-grid .column.is-4-wide { - grid-column: auto / span 4; -} -.ts-grid .column.is-5-minimal, -.ts-grid .column.is-5-wide { - grid-column: auto / span 5; -} -.ts-grid .column.is-6-minimal, -.ts-grid .column.is-6-wide { - grid-column: auto / span 6; -} -.ts-grid .column.is-7-minimal, -.ts-grid .column.is-7-wide { - grid-column: auto / span 7; -} -.ts-grid .column.is-8-minimal, -.ts-grid .column.is-8-wide { - grid-column: auto / span 8; -} -.ts-grid .column.is-9-minimal, -.ts-grid .column.is-9-wide { - grid-column: auto / span 9; -} -.ts-grid .column.is-10-minimal, -.ts-grid .column.is-10-wide { - grid-column: auto / span 10; -} -.ts-grid .column.is-11-minimal, -.ts-grid .column.is-11-wide { - grid-column: auto / span 11; -} -.ts-grid .column.is-12-minimal, -.ts-grid .column.is-12-wide { - grid-column: auto / span 12; -} -.ts-grid .column.is-13-minimal, -.ts-grid .column.is-13-wide { - grid-column: auto / span 13; -} -.ts-grid .column.is-14-minimal, -.ts-grid .column.is-14-wide { - grid-column: auto / span 14; -} -.ts-grid .column.is-15-minimal, -.ts-grid .column.is-15-wide { - grid-column: auto / span 15; -} -.ts-grid .column.is-16-minimal, -.ts-grid .column.is-16-wide { - grid-column: auto / span 16; -} - -/** - * Fluid - */ - -.ts-grid .column.is-fluid { - flex: 1; -} - -/** - * Doubling - */ - -.ts-grid.is-2-columns.is-doubling { - grid-template-columns: repeat(1, minmax(0, 1fr)); -} -.ts-grid.is-3-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-4-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-5-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-6-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-7-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-8-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-9-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-10-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} - -/* ========================================================================== - Responsive - ========================================================================== */ - -/** - * Minimal - * (Below 766px) - */ - -@media screen and (max-width: 766px) { - .ts-grid.is-stackable .column { - grid-column: auto / span 16; - } -} - -/** - * Not Minimal - * (Above 766px) - */ - -@media screen and (min-width: 766px) { - /** - * Doubling - */ - - .ts-grid.is-2-columns.is-doubling { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } - .ts-grid.is-3-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - .ts-grid.is-4-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - .ts-grid.is-5-columns.is-doubling { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - .ts-grid.is-6-columns.is-doubling { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - .ts-grid.is-7-columns.is-doubling { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - .ts-grid.is-8-columns.is-doubling { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - .ts-grid.is-9-columns.is-doubling { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - .ts-grid.is-10-columns.is-doubling { - grid-template-columns: repeat(5, minmax(0, 1fr)); - } - - /** - * Wides - */ - - .ts-grid .column.is-1-standard, - .ts-grid .column.is-1-wide { - grid-column: auto / span 1; - } - .ts-grid .column.is-2-standard, - .ts-grid .column.is-2-wide { - grid-column: auto / span 2; - } - .ts-grid .column.is-3-standard, - .ts-grid .column.is-3-wide { - grid-column: auto / span 3; - } - .ts-grid .column.is-4-standard, - .ts-grid .column.is-4-wide { - grid-column: auto / span 4; - } - .ts-grid .column.is-5-standard, - .ts-grid .column.is-5-wide { - grid-column: auto / span 5; - } - .ts-grid .column.is-6-standard, - .ts-grid .column.is-6-wide { - grid-column: auto / span 6; - } - .ts-grid .column.is-7-standard, - .ts-grid .column.is-7-wide { - grid-column: auto / span 7; - } - .ts-grid .column.is-8-standard, - .ts-grid .column.is-8-wide { - grid-column: auto / span 8; - } - .ts-grid .column.is-9-standard, - .ts-grid .column.is-9-wide { - grid-column: auto / span 9; - } - .ts-grid .column.is-10-standard, - .ts-grid .column.is-10-wide { - grid-column: auto / span 10; - } - .ts-grid .column.is-11-standard, - .ts-grid .column.is-11-wide { - grid-column: auto / span 11; - } - .ts-grid .column.is-12-standard, - .ts-grid .column.is-12-wide { - grid-column: auto / span 12; - } - .ts-grid .column.is-13-standard, - .ts-grid .column.is-13-wide { - grid-column: auto / span 13; - } - .ts-grid .column.is-14-standard, - .ts-grid .column.is-14-wide { - grid-column: auto / span 14; - } - .ts-grid .column.is-15-standard, - .ts-grid .column.is-15-wide { - grid-column: auto / span 15; - } - .ts-grid .column.is-16-standard, - .ts-grid .column.is-16-wide { - grid-column: auto / span 16; - } -} - -/** - * Maximal - * (Above 993px) - */ - -@media screen and (min-width: 993px) { - /** - * Doubling - */ - - .ts-grid.is-2-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - .ts-grid.is-3-columns.is-doubling { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - .ts-grid.is-4-columns.is-doubling { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - .ts-grid.is-5-columns.is-doubling { - grid-template-columns: repeat(5, minmax(0, 1fr)); - } - .ts-grid.is-6-columns.is-doubling { - grid-template-columns: repeat(6, minmax(0, 1fr)); - } - .ts-grid.is-7-columns.is-doubling { - grid-template-columns: repeat(7, minmax(0, 1fr)); - } - .ts-grid.is-8-columns.is-doubling { - grid-template-columns: repeat(8, minmax(0, 1fr)); - } - .ts-grid.is-9-columns.is-doubling { - grid-template-columns: repeat(9, minmax(0, 1fr)); - } - .ts-grid.is-10-columns.is-doubling { - grid-template-columns: repeat(10, minmax(0, 1fr)); - } - - /** - * Wides - */ - - .ts-grid .column.is-1-maximal { - grid-column: auto / span 1; - } - .ts-grid .column.is-2-maximal { - grid-column: auto / span 2; - } - .ts-grid .column.is-3-maximal { - grid-column: auto / span 3; - } - .ts-grid .column.is-4-maximal { - grid-column: auto / span 4; - } - .ts-grid .column.is-5-maximal { - grid-column: auto / span 5; - } - .ts-grid .column.is-6-maximal { - grid-column: auto / span 6; - } - .ts-grid .column.is-7-maximal { - grid-column: auto / span 7; - } - .ts-grid .column.is-8-maximal { - grid-column: auto / span 8; - } - .ts-grid .column.is-9-maximal { - grid-column: auto / span 9; - } - .ts-grid .column.is-10-maximal { - grid-column: auto / span 10; - } - .ts-grid .column.is-11-maximal { - grid-column: auto / span 11; - } - .ts-grid .column.is-12-maximal { - grid-column: auto / span 12; - } - .ts-grid .column.is-13-maximal { - grid-column: auto / span 13; - } - .ts-grid .column.is-14-maximal { - grid-column: auto / span 14; - } - .ts-grid .column.is-15-maximal { - grid-column: auto / span 15; - } - .ts-grid .column.is-16-maximal { - grid-column: auto / span 16; - } -} diff --git a/docs/en-us/assets/tocas/icon.css b/docs/en-us/assets/tocas/icon.css deleted file mode 100644 index 4f488a5d2..000000000 --- a/docs/en-us/assets/tocas/icon.css +++ /dev/null @@ -1,186 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -@font-face { - font-family: "Icons"; - src: url("fonts/icons/fa-solid-900.woff2") format("woff2"), url("fonts/icons/fa-solid-900.ttf") format("truetype"); - font-style: normal; - font-weight: normal; - font-variant: normal; - text-decoration: inherit; - text-transform: none; -} - -@font-face { - font-family: "IconsBrands"; - src: url("fonts/icons/fa-brands-400.woff2") format("woff2"), url("fonts/icons/fa-brands-400.ttf") format("truetype"); - font-style: normal; - font-weight: normal; - font-variant: normal; - text-decoration: inherit; - text-transform: none; -} - -@font-face { - font-family: "IconsRegular"; - src: url("fonts/icons/fa-regular-400.woff2") format("woff2"), url("fonts/icons/fa-regular-400.ttf") format("truetype"); - font-style: normal; - font-weight: normal; - font-variant: normal; - text-decoration: inherit; - text-transform: none; -} - -@keyframes ts-icon-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-icon { - font-family: "Icons"; - font-weight: normal; - font-style: normal; - display: inline; - text-decoration: none; - text-align: center; - width: 1.18em; - -webkit-font-smoothing: antialiased; - backface-visibility: hidden; - color: inherit; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Regular - */ - -.ts-icon.is-regular { - font-family: "IconsRegular"; -} - -/** - * Circular - */ - -.ts-icon.is-circular, -.ts-icon.is-rounded { - display: inline-flex; - align-items: center; - justify-content: center; - border-radius: 500em !important; - line-height: 1 !important; - box-sizing: border-box; - padding: 0.5em 0.5em !important; - box-shadow: 0em 0em 0em 0.1em var(--ts-gray-300) inset; - width: 2em !important; - height: 2em !important; -} - -.ts-icon.is-rounded { - border-radius: 0.4rem !important; -} - -/** - * Spinning - */ - -.ts-icon.is-spinning { - display: inline-block; - animation: ts-icon-spin 2s linear infinite; -} - -/** - * Negative - */ - -.ts-icon.is-negative { - color: var(--ts-negative-500); -} - -/** - * Disabled - */ - -.ts-icon.is-disabled { - opacity: 0.25; - pointer-events: none; -} - -/** - * Squared - */ - -.ts-icon.is-squared { - background: var(--ts-gray-100); - border-radius: 0.4rem; - font-size: 1.3em; - width: 3rem; - height: 3rem; - align-items: center; - justify-content: center; - display: inline-flex; -} - -/** - * Secondary - */ - -.ts-icon.is-secondary { - color: var(--ts-gray-500); -} - -/** - * Sizes - */ - -.ts-icon.is-small { - font-size: var(--ts-font-size-13px); -} - -.ts-icon.is-large { - font-size: var(--ts-font-size-18px); -} - -.ts-icon.is-big { - font-size: var(--ts-font-size-24px); -} - -.ts-icon.is-huge { - font-size: var(--ts-font-size-30px); -} - -/** - * Heading - */ - -.ts-icon.is-heading { - line-height: 1; - font-size: var(--ts-font-size-75px); -} - -/** - * Spaced - */ - -.ts-icon.is-spaced { - margin-left: 0.45rem; - margin-right: 0.45rem; -} -.ts-icon.is-start-spaced { - margin-left: 0.45rem; -} -.ts-icon.is-end-spaced { - margin-right: 0.45rem; -} diff --git a/docs/en-us/assets/tocas/icons.css b/docs/en-us/assets/tocas/icons.css deleted file mode 100644 index fb15f27fb..000000000 --- a/docs/en-us/assets/tocas/icons.css +++ /dev/null @@ -1,7872 +0,0 @@ -.ts-icon.is-bed-icon::before { - content: "\f236"; -} - -.ts-icon.is-chart-bar-icon::before { - content: "\f080"; -} - -.ts-icon.is-grunt-icon::before { - font-family: "IconsBrands"; - content: "\f3ad"; -} - -.ts-icon.is-thumbs-up-icon::before { - content: "\f164"; -} - -.ts-icon.is-wpforms-icon::before { - font-family: "IconsBrands"; - content: "\f298"; -} - -.ts-icon.is-house-chimney-crack-icon::before { - content: "\f6f1"; -} - -.ts-icon.is-pinterest-p-icon::before { - font-family: "IconsBrands"; - content: "\f231"; -} - -.ts-icon.is-arrow-up-right-from-square-icon::before { - content: "\f08e"; -} - -.ts-icon.is-baby-icon::before { - content: "\f77c"; -} - -.ts-icon.is-intercom-icon::before { - font-family: "IconsBrands"; - content: "\f7af"; -} - -.ts-icon.is-litecoin-sign-icon::before { - content: "\e1d3"; -} - -.ts-icon.is-temperature-quarter-icon::before { - content: "\f2ca"; -} - -.ts-icon.is-window-maximize-icon::before { - content: "\f2d0"; -} - -.ts-icon.is-btc-icon::before { - font-family: "IconsBrands"; - content: "\f15a"; -} - -.ts-icon.is-file-icon::before { - content: "\f15b"; -} - -.ts-icon.is-file-circle-xmark-icon::before { - content: "\e5a1"; -} - -.ts-icon.is-otter-icon::before { - content: "\f700"; -} - -.ts-icon.is-plug-circle-plus-icon::before { - content: "\e55f"; -} - -.ts-icon.is-children-icon::before { - content: "\e4e1"; -} - -.ts-icon.is-red-river-icon::before { - font-family: "IconsBrands"; - content: "\f3e3"; -} - -.ts-icon.is-hand-sparkles-icon::before { - content: "\e05d"; -} - -.ts-icon.is-money-bill-1-icon::before { - content: "\f3d1"; -} - -.ts-icon.is-pen-icon::before { - content: "\f304"; -} - -.ts-icon.is-person-military-to-person-icon::before { - content: "\e54c"; -} - -.ts-icon.is-skull-crossbones-icon::before { - content: "\f714"; -} - -.ts-icon.is-uikit-icon::before { - font-family: "IconsBrands"; - content: "\f403"; -} - -.ts-icon.is-laptop-icon::before { - content: "\f109"; -} - -.ts-icon.is-backward-fast-icon::before { - content: "\f049"; -} - -.ts-icon.is-node-icon::before { - font-family: "IconsBrands"; - content: "\f419"; -} - -.ts-icon.is-quinscape-icon::before { - font-family: "IconsBrands"; - content: "\f459"; -} - -.ts-icon.is-sitrox-icon::before { - font-family: "IconsBrands"; - content: "\e44a"; -} - -.ts-icon.is-cuttlefish-icon::before { - font-family: "IconsBrands"; - content: "\f38c"; -} - -.ts-icon.is-poo-storm-icon::before { - content: "\f75a"; -} - -.ts-icon.is-canadian-maple-leaf-icon::before { - font-family: "IconsBrands"; - content: "\f785"; -} - -.ts-icon.is-temperature-arrow-up-icon::before { - content: "\e040"; -} - -.ts-icon.is-capsules-icon::before { - content: "\f46b"; -} - -.ts-icon.is-circle-info-icon::before { - content: "\f05a"; -} - -.ts-icon.is-peso-sign-icon::before { - content: "\e222"; -} - -.ts-icon.is-quote-right-icon::before { - content: "\f10e"; -} - -.ts-icon.is-square-poll-horizontal-icon::before { - content: "\f682"; -} - -.ts-icon.is-vector-square-icon::before { - content: "\f5cb"; -} - -.ts-icon.is-truck-front-icon::before { - content: "\e2b7"; -} - -.ts-icon.is-arrow-up-a-z-icon::before { - content: "\f15e"; -} - -.ts-icon.is-car-rear-icon::before { - content: "\f5de"; -} - -.ts-icon.is-circle-xmark-icon::before { - content: "\f057"; -} - -.ts-icon.is-colon-sign-icon::before { - content: "\e140"; -} - -.ts-icon.is-face-grin-hearts-icon::before { - content: "\f584"; -} - -.ts-icon.is-square-caret-left-icon::before { - content: "\f191"; -} - -.ts-icon.is-arrow-up-from-water-pump-icon::before { - content: "\e4b6"; -} - -.ts-icon.is-stroopwafel-icon::before { - content: "\f551"; -} - -.ts-icon.is-vial-icon::before { - content: "\f492"; -} - -.ts-icon.is-whatsapp-icon::before { - font-family: "IconsBrands"; - content: "\f232"; -} - -.ts-icon.is-arrow-down-short-wide-icon::before { - content: "\f884"; -} - -.ts-icon.is-database-icon::before { - content: "\f1c0"; -} - -.ts-icon.is-industry-icon::before { - content: "\f275"; -} - -.ts-icon.is-snapchat-icon::before { - font-family: "IconsBrands"; - content: "\f2ab"; -} - -.ts-icon.is-street-view-icon::before { - content: "\f21d"; -} - -.ts-icon.is-0-icon::before { - content: "\30"; -} - -.ts-icon.is-rainbow-icon::before { - content: "\f75b"; -} - -.ts-icon.is-suitcase-medical-icon::before { - content: "\f0fa"; -} - -.ts-icon.is-tablet-button-icon::before { - content: "\f10a"; -} - -.ts-icon.is-chevron-down-icon::before { - content: "\f078"; -} - -.ts-icon.is-fish-fins-icon::before { - content: "\e4f2"; -} - -.ts-icon.is-react-icon::before { - font-family: "IconsBrands"; - content: "\f41b"; -} - -.ts-icon.is-align-justify-icon::before { - content: "\f039"; -} - -.ts-icon.is-dice-five-icon::before { - content: "\f523"; -} - -.ts-icon.is-building-circle-exclamation-icon::before { - content: "\e4d3"; -} - -.ts-icon.is-circle-play-icon::before { - content: "\f144"; -} - -.ts-icon.is-google-plus-g-icon::before { - font-family: "IconsBrands"; - content: "\f0d5"; -} - -.ts-icon.is-hot-tub-person-icon::before { - content: "\f593"; -} - -.ts-icon.is-note-sticky-icon::before { - content: "\f249"; -} - -.ts-icon.is-anchor-icon::before { - content: "\f13d"; -} - -.ts-icon.is-at-icon::before { - content: "\40"; -} - -.ts-icon.is-file-invoice-dollar-icon::before { - content: "\f571"; -} - -.ts-icon.is-medal-icon::before { - content: "\f5a2"; -} - -.ts-icon.is-person-dress-icon::before { - content: "\f182"; -} - -.ts-icon.is-cookie-icon::before { - content: "\f563"; -} - -.ts-icon.is-helicopter-icon::before { - content: "\f533"; -} - -.ts-icon.is-microphone-lines-slash-icon::before { - content: "\f539"; -} - -.ts-icon.is-paper-plane-icon::before { - content: "\f1d8"; -} - -.ts-icon.is-shop-icon::before { - content: "\f54f"; -} - -.ts-icon.is-ban-icon::before { - content: "\f05e"; -} - -.ts-icon.is-droplet-slash-icon::before { - content: "\f5c7"; -} - -.ts-icon.is-keycdn-icon::before { - font-family: "IconsBrands"; - content: "\f3ba"; -} - -.ts-icon.is-toilet-icon::before { - content: "\f7d8"; -} - -.ts-icon.is-cc-diners-club-icon::before { - font-family: "IconsBrands"; - content: "\f24c"; -} - -.ts-icon.is-ankh-icon::before { - content: "\f644"; -} - -.ts-icon.is-book-icon::before { - content: "\f02d"; -} - -.ts-icon.is-expeditedssl-icon::before { - font-family: "IconsBrands"; - content: "\f23e"; -} - -.ts-icon.is-file-arrow-up-icon::before { - content: "\f574"; -} - -.ts-icon.is-forumbee-icon::before { - font-family: "IconsBrands"; - content: "\f211"; -} - -.ts-icon.is-school-circle-exclamation-icon::before { - content: "\e56c"; -} - -.ts-icon.is-hands-icon::before { - content: "\f2a7"; -} - -.ts-icon.is-tumblr-icon::before { - font-family: "IconsBrands"; - content: "\f173"; -} - -.ts-icon.is-cloud-icon::before { - content: "\f0c2"; -} - -.ts-icon.is-magnifying-glass-minus-icon::before { - content: "\f010"; -} - -.ts-icon.is-n-icon::before { - content: "\4e"; -} - -.ts-icon.is-pagelines-icon::before { - font-family: "IconsBrands"; - content: "\f18c"; -} - -.ts-icon.is-place-of-worship-icon::before { - content: "\f67f"; -} - -.ts-icon.is-black-tie-icon::before { - font-family: "IconsBrands"; - content: "\f27e"; -} - -.ts-icon.is-bullseye-icon::before { - content: "\f140"; -} - -.ts-icon.is-blender-phone-icon::before { - content: "\f6b6"; -} - -.ts-icon.is-face-kiss-icon::before { - content: "\f596"; -} - -.ts-icon.is-google-wallet-icon::before { - font-family: "IconsBrands"; - content: "\f1ee"; -} - -.ts-icon.is-trowel-icon::before { - content: "\e589"; -} - -.ts-icon.is-toolbox-icon::before { - content: "\f552"; -} - -.ts-icon.is-palette-icon::before { - content: "\f53f"; -} - -.ts-icon.is-trash-can-icon::before { - content: "\f2ed"; -} - -.ts-icon.is-creative-commons-nc-eu-icon::before { - font-family: "IconsBrands"; - content: "\f4e9"; -} - -.ts-icon.is-delete-left-icon::before { - content: "\f55a"; -} - -.ts-icon.is-eye-slash-icon::before { - content: "\f070"; -} - -.ts-icon.is-pen-ruler-icon::before { - content: "\f5ae"; -} - -.ts-icon.is-square-steam-icon::before { - font-family: "IconsBrands"; - content: "\f1b7"; -} - -.ts-icon.is-x-icon::before { - content: "\58"; -} - -.ts-icon.is-book-bible-icon::before { - content: "\f647"; -} - -.ts-icon.is-code-compare-icon::before { - content: "\e13a"; -} - -.ts-icon.is-file-pen-icon::before { - content: "\f31c"; -} - -.ts-icon.is-masks-theater-icon::before { - content: "\f630"; -} - -.ts-icon.is-square-share-nodes-icon::before { - content: "\f1e1"; -} - -.ts-icon.is-stumbleupon-circle-icon::before { - font-family: "IconsBrands"; - content: "\f1a3"; -} - -.ts-icon.is-face-grin-squint-icon::before { - content: "\f585"; -} - -.ts-icon.is-hubspot-icon::before { - font-family: "IconsBrands"; - content: "\f3b2"; -} - -.ts-icon.is-keyboard-icon::before { - content: "\f11c"; -} - -.ts-icon.is-mosquito-net-icon::before { - content: "\e52c"; -} - -.ts-icon.is-scissors-icon::before { - content: "\f0c4"; -} - -.ts-icon.is-square-twitter-icon::before { - font-family: "IconsBrands"; - content: "\f081"; -} - -.ts-icon.is-free-code-camp-icon::before { - font-family: "IconsBrands"; - content: "\f2c5"; -} - -.ts-icon.is-gitter-icon::before { - font-family: "IconsBrands"; - content: "\f426"; -} - -.ts-icon.is-helmet-safety-icon::before { - content: "\f807"; -} - -.ts-icon.is-sellsy-icon::before { - font-family: "IconsBrands"; - content: "\f213"; -} - -.ts-icon.is-creative-commons-nd-icon::before { - font-family: "IconsBrands"; - content: "\f4eb"; -} - -.ts-icon.is-hill-rockslide-icon::before { - content: "\e508"; -} - -.ts-icon.is-magnet-icon::before { - content: "\f076"; -} - -.ts-icon.is-truck-pickup-icon::before { - content: "\f63c"; -} - -.ts-icon.is-wrench-icon::before { - content: "\f0ad"; -} - -.ts-icon.is-store-slash-icon::before { - content: "\e071"; -} - -.ts-icon.is-google-pay-icon::before { - font-family: "IconsBrands"; - content: "\e079"; -} - -.ts-icon.is-plane-lock-icon::before { - content: "\e558"; -} - -.ts-icon.is-tag-icon::before { - content: "\f02b"; -} - -.ts-icon.is-artstation-icon::before { - font-family: "IconsBrands"; - content: "\f77a"; -} - -.ts-icon.is-whmcs-icon::before { - font-family: "IconsBrands"; - content: "\f40d"; -} - -.ts-icon.is-y-icon::before { - content: "\59"; -} - -.ts-icon.is-envira-icon::before { - font-family: "IconsBrands"; - content: "\f299"; -} - -.ts-icon.is-l-icon::before { - content: "\4c"; -} - -.ts-icon.is-manat-sign-icon::before { - content: "\e1d5"; -} - -.ts-icon.is-aviato-icon::before { - font-family: "IconsBrands"; - content: "\f421"; -} - -.ts-icon.is-building-shield-icon::before { - content: "\e4d8"; -} - -.ts-icon.is-house-tsunami-icon::before { - content: "\e515"; -} - -.ts-icon.is-sticker-mule-icon::before { - font-family: "IconsBrands"; - content: "\f3f7"; -} - -.ts-icon.is-caret-left-icon::before { - content: "\f0d9"; -} - -.ts-icon.is-dice-d6-icon::before { - content: "\f6d1"; -} - -.ts-icon.is-face-grin-stars-icon::before { - content: "\f587"; -} - -.ts-icon.is-uber-icon::before { - font-family: "IconsBrands"; - content: "\f402"; -} - -.ts-icon.is-clipboard-user-icon::before { - content: "\f7f3"; -} - -.ts-icon.is-heading-icon::before { - content: "\f1dc"; -} - -.ts-icon.is-unlock-icon::before { - content: "\f09c"; -} - -.ts-icon.is-weixin-icon::before { - font-family: "IconsBrands"; - content: "\f1d7"; -} - -.ts-icon.is-code-icon::before { - content: "\f121"; -} - -.ts-icon.is-itch-io-icon::before { - font-family: "IconsBrands"; - content: "\f83a"; -} - -.ts-icon.is-won-sign-icon::before { - content: "\f159"; -} - -.ts-icon.is-down-left-and-up-right-to-center-icon::before { - content: "\f422"; -} - -.ts-icon.is-wine-glass-empty-icon::before { - content: "\f5ce"; -} - -.ts-icon.is-cotton-bureau-icon::before { - font-family: "IconsBrands"; - content: "\f89e"; -} - -.ts-icon.is-freebsd-icon::before { - font-family: "IconsBrands"; - content: "\f3a4"; -} - -.ts-icon.is-person-walking-dashed-line-arrow-right-icon::before { - content: "\e553"; -} - -.ts-icon.is-star-and-crescent-icon::before { - content: "\f699"; -} - -.ts-icon.is-uniregistry-icon::before { - font-family: "IconsBrands"; - content: "\f404"; -} - -.ts-icon.is-bandcamp-icon::before { - font-family: "IconsBrands"; - content: "\f2d5"; -} - -.ts-icon.is-book-medical-icon::before { - content: "\f7e6"; -} - -.ts-icon.is-cc-mastercard-icon::before { - font-family: "IconsBrands"; - content: "\f1f1"; -} - -.ts-icon.is-file-zipper-icon::before { - content: "\f1c6"; -} - -.ts-icon.is-franc-sign-icon::before { - content: "\e18f"; -} - -.ts-icon.is-ioxhost-icon::before { - font-family: "IconsBrands"; - content: "\f208"; -} - -.ts-icon.is-dashcube-icon::before { - font-family: "IconsBrands"; - content: "\f210"; -} - -.ts-icon.is-elementor-icon::before { - font-family: "IconsBrands"; - content: "\f430"; -} - -.ts-icon.is-igloo-icon::before { - content: "\f7ae"; -} - -.ts-icon.is-money-bill-wheat-icon::before { - content: "\e52a"; -} - -.ts-icon.is-r-icon::before { - content: "\52"; -} - -.ts-icon.is-plus-icon::before { - content: "\2b"; -} - -.ts-icon.is-power-off-icon::before { - content: "\f011"; -} - -.ts-icon.is-u-icon::before { - content: "\55"; -} - -.ts-icon.is-computer-icon::before { - content: "\e4e5"; -} - -.ts-icon.is-people-group-icon::before { - content: "\e533"; -} - -.ts-icon.is-space-awesome-icon::before { - font-family: "IconsBrands"; - content: "\e5ac"; -} - -.ts-icon.is-transgender-icon::before { - content: "\f225"; -} - -.ts-icon.is-user-icon::before { - content: "\f007"; -} - -.ts-icon.is-braille-icon::before { - content: "\f2a1"; -} - -.ts-icon.is-invision-icon::before { - font-family: "IconsBrands"; - content: "\f7b0"; -} - -.ts-icon.is-right-from-bracket-icon::before { - content: "\f2f5"; -} - -.ts-icon.is-stack-exchange-icon::before { - font-family: "IconsBrands"; - content: "\f18d"; -} - -.ts-icon.is-car-battery-icon::before { - content: "\f5df"; -} - -.ts-icon.is-prescription-icon::before { - content: "\f5b1"; -} - -.ts-icon.is-circle-dot-icon::before { - content: "\f192"; -} - -.ts-icon.is-face-frown-open-icon::before { - content: "\f57a"; -} - -.ts-icon.is-i-cursor-icon::before { - content: "\f246"; -} - -.ts-icon.is-tarp-droplet-icon::before { - content: "\e57c"; -} - -.ts-icon.is-weight-hanging-icon::before { - content: "\f5cd"; -} - -.ts-icon.is-redhat-icon::before { - font-family: "IconsBrands"; - content: "\f7bc"; -} - -.ts-icon.is-apper-icon::before { - font-family: "IconsBrands"; - content: "\f371"; -} - -.ts-icon.is-bag-shopping-icon::before { - content: "\f290"; -} - -.ts-icon.is-paw-icon::before { - content: "\f1b0"; -} - -.ts-icon.is-user-doctor-icon::before { - content: "\f0f0"; -} - -.ts-icon.is-code-merge-icon::before { - content: "\f387"; -} - -.ts-icon.is-key-icon::before { - content: "\f084"; -} - -.ts-icon.is-node-js-icon::before { - font-family: "IconsBrands"; - content: "\f3d3"; -} - -.ts-icon.is-reply-icon::before { - content: "\f3e5"; -} - -.ts-icon.is-basketball-icon::before { - content: "\f434"; -} - -.ts-icon.is-right-to-bracket-icon::before { - content: "\f2f6"; -} - -.ts-icon.is-upload-icon::before { - content: "\f093"; -} - -.ts-icon.is-user-check-icon::before { - content: "\f4fc"; -} - -.ts-icon.is-users-slash-icon::before { - content: "\e073"; -} - -.ts-icon.is-circle-chevron-up-icon::before { - content: "\f139"; -} - -.ts-icon.is-circle-half-stroke-icon::before { - content: "\f042"; -} - -.ts-icon.is-salesforce-icon::before { - font-family: "IconsBrands"; - content: "\f83b"; -} - -.ts-icon.is-bitcoin-sign-icon::before { - content: "\e0b4"; -} - -.ts-icon.is-caret-down-icon::before { - content: "\f0d7"; -} - -.ts-icon.is-chart-area-icon::before { - content: "\f1fe"; -} - -.ts-icon.is-mixcloud-icon::before { - font-family: "IconsBrands"; - content: "\f289"; -} - -.ts-icon.is-mobile-button-icon::before { - content: "\f10b"; -} - -.ts-icon.is-ribbon-icon::before { - content: "\f4d6"; -} - -.ts-icon.is-dyalog-icon::before { - font-family: "IconsBrands"; - content: "\f399"; -} - -.ts-icon.is-holly-berry-icon::before { - content: "\f7aa"; -} - -.ts-icon.is-list-ol-icon::before { - content: "\f0cb"; -} - -.ts-icon.is-gem-icon::before { - content: "\f3a5"; -} - -.ts-icon.is-itunes-icon::before { - font-family: "IconsBrands"; - content: "\f3b4"; -} - -.ts-icon.is-jet-fighter-up-icon::before { - content: "\e518"; -} - -.ts-icon.is-linkedin-in-icon::before { - font-family: "IconsBrands"; - content: "\f0e1"; -} - -.ts-icon.is-shield-virus-icon::before { - content: "\e06c"; -} - -.ts-icon.is-book-bookmark-icon::before { - content: "\e0bb"; -} - -.ts-icon.is-brain-icon::before { - content: "\f5dc"; -} - -.ts-icon.is-fan-icon::before { - content: "\f863"; -} - -.ts-icon.is-pump-soap-icon::before { - content: "\e06b"; -} - -.ts-icon.is-star-half-icon::before { - content: "\f089"; -} - -.ts-icon.is-bilibili-icon::before { - font-family: "IconsBrands"; - content: "\e3d9"; -} - -.ts-icon.is-c-icon::before { - content: "\43"; -} - -.ts-icon.is-weebly-icon::before { - font-family: "IconsBrands"; - content: "\f5cc"; -} - -.ts-icon.is-behance-icon::before { - font-family: "IconsBrands"; - content: "\f1b4"; -} - -.ts-icon.is-clipboard-check-icon::before { - content: "\f46c"; -} - -.ts-icon.is-dice-six-icon::before { - content: "\f526"; -} - -.ts-icon.is-percent-icon::before { - content: "\25"; -} - -.ts-icon.is-stack-overflow-icon::before { - font-family: "IconsBrands"; - content: "\f16c"; -} - -.ts-icon.is-flask-icon::before { - content: "\f0c3"; -} - -.ts-icon.is-greater-than-equal-icon::before { - content: "\f532"; -} - -.ts-icon.is-mosque-icon::before { - content: "\f678"; -} - -.ts-icon.is-wine-glass-icon::before { - content: "\f4e3"; -} - -.ts-icon.is-atom-icon::before { - content: "\f5d2"; -} - -.ts-icon.is-oil-well-icon::before { - content: "\e532"; -} - -.ts-icon.is-vial-circle-check-icon::before { - content: "\e596"; -} - -.ts-icon.is-lastfm-icon::before { - font-family: "IconsBrands"; - content: "\f202"; -} - -.ts-icon.is-plug-icon::before { - content: "\f1e6"; -} - -.ts-icon.is-book-tanakh-icon::before { - content: "\f827"; -} - -.ts-icon.is-guitar-icon::before { - content: "\f7a6"; -} - -.ts-icon.is-right-left-icon::before { - content: "\f362"; -} - -.ts-icon.is-viruses-icon::before { - content: "\e076"; -} - -.ts-icon.is-train-icon::before { - content: "\f238"; -} - -.ts-icon.is-turkish-lira-sign-icon::before { - content: "\e2bb"; -} - -.ts-icon.is-battle-net-icon::before { - font-family: "IconsBrands"; - content: "\f835"; -} - -.ts-icon.is-calendar-check-icon::before { - content: "\f274"; -} - -.ts-icon.is-centos-icon::before { - font-family: "IconsBrands"; - content: "\f789"; -} - -.ts-icon.is-heart-pulse-icon::before { - content: "\f21e"; -} - -.ts-icon.is-photo-film-icon::before { - content: "\f87c"; -} - -.ts-icon.is-rocketchat-icon::before { - font-family: "IconsBrands"; - content: "\f3e8"; -} - -.ts-icon.is-utensils-icon::before { - content: "\f2e7"; -} - -.ts-icon.is-person-circle-plus-icon::before { - content: "\e541"; -} - -.ts-icon.is-readme-icon::before { - font-family: "IconsBrands"; - content: "\f4d5"; -} - -.ts-icon.is-stop-icon::before { - content: "\f04d"; -} - -.ts-icon.is-user-slash-icon::before { - content: "\f506"; -} - -.ts-icon.is-usb-icon::before { - font-family: "IconsBrands"; - content: "\f287"; -} - -.ts-icon.is-bars-staggered-icon::before { - content: "\f550"; -} - -.ts-icon.is-book-atlas-icon::before { - content: "\f558"; -} - -.ts-icon.is-dhl-icon::before { - font-family: "IconsBrands"; - content: "\f790"; -} - -.ts-icon.is-diamond-turn-right-icon::before { - content: "\f5eb"; -} - -.ts-icon.is-flickr-icon::before { - font-family: "IconsBrands"; - content: "\f16e"; -} - -.ts-icon.is-themeco-icon::before { - font-family: "IconsBrands"; - content: "\f5c6"; -} - -.ts-icon.is-circle-exclamation-icon::before { - content: "\f06a"; -} - -.ts-icon.is-id-badge-icon::before { - content: "\f2c1"; -} - -.ts-icon.is-user-graduate-icon::before { - content: "\f501"; -} - -.ts-icon.is-asymmetrik-icon::before { - font-family: "IconsBrands"; - content: "\f372"; -} - -.ts-icon.is-handshake-angle-icon::before { - content: "\f4c4"; -} - -.ts-icon.is-trailer-icon::before { - content: "\e041"; -} - -.ts-icon.is-circle-icon::before { - content: "\f111"; -} - -.ts-icon.is-file-circle-plus-icon::before { - content: "\e494"; -} - -.ts-icon.is-modx-icon::before { - font-family: "IconsBrands"; - content: "\f285"; -} - -.ts-icon.is-facebook-f-icon::before { - font-family: "IconsBrands"; - content: "\f39e"; -} - -.ts-icon.is-s-icon::before { - content: "\53"; -} - -.ts-icon.is-anchor-circle-check-icon::before { - content: "\e4aa"; -} - -.ts-icon.is-bone-icon::before { - content: "\f5d7"; -} - -.ts-icon.is-building-ngo-icon::before { - content: "\e4d7"; -} - -.ts-icon.is-dribbble-icon::before { - font-family: "IconsBrands"; - content: "\f17d"; -} - -.ts-icon.is-house-medical-circle-exclamation-icon::before { - content: "\e512"; -} - -.ts-icon.is-shopware-icon::before { - font-family: "IconsBrands"; - content: "\f5b5"; -} - -.ts-icon.is-earth-oceania-icon::before { - content: "\e47b"; -} - -.ts-icon.is-joget-icon::before { - font-family: "IconsBrands"; - content: "\f3b7"; -} - -.ts-icon.is-water-icon::before { - content: "\f773"; -} - -.ts-icon.is-hips-icon::before { - font-family: "IconsBrands"; - content: "\f452"; -} - -.ts-icon.is-hurricane-icon::before { - content: "\f751"; -} - -.ts-icon.is-layer-group-icon::before { - content: "\f5fd"; -} - -.ts-icon.is-location-dot-icon::before { - content: "\f3c5"; -} - -.ts-icon.is-mountain-sun-icon::before { - content: "\e52f"; -} - -.ts-icon.is-oil-can-icon::before { - content: "\f613"; -} - -.ts-icon.is-draw-polygon-icon::before { - content: "\f5ee"; -} - -.ts-icon.is-dungeon-icon::before { - content: "\f6d9"; -} - -.ts-icon.is-earth-asia-icon::before { - content: "\f57e"; -} - -.ts-icon.is-cedi-sign-icon::before { - content: "\e0df"; -} - -.ts-icon.is-file-signature-icon::before { - content: "\f573"; -} - -.ts-icon.is-rotate-left-icon::before { - content: "\f2ea"; -} - -.ts-icon.is-wand-magic-sparkles-icon::before { - content: "\e2ca"; -} - -.ts-icon.is-credit-card-icon::before { - content: "\f09d"; -} - -.ts-icon.is-restroom-icon::before { - content: "\f7bd"; -} - -.ts-icon.is-person-biking-icon::before { - content: "\f84a"; -} - -.ts-icon.is-centercode-icon::before { - font-family: "IconsBrands"; - content: "\f380"; -} - -.ts-icon.is-confluence-icon::before { - font-family: "IconsBrands"; - content: "\f78d"; -} - -.ts-icon.is-file-pdf-icon::before { - content: "\f1c1"; -} - -.ts-icon.is-greater-than-icon::before { - content: "\3e"; -} - -.ts-icon.is-object-ungroup-icon::before { - content: "\f248"; -} - -.ts-icon.is-people-pulling-icon::before { - content: "\e535"; -} - -.ts-icon.is-crop-icon::before { - content: "\f125"; -} - -.ts-icon.is-dice-two-icon::before { - content: "\f528"; -} - -.ts-icon.is-superscript-icon::before { - content: "\f12b"; -} - -.ts-icon.is-wheelchair-move-icon::before { - content: "\e2ce"; -} - -.ts-icon.is-apple-whole-icon::before { - content: "\f5d1"; -} - -.ts-icon.is-backward-icon::before { - content: "\f04a"; -} - -.ts-icon.is-angle-left-icon::before { - content: "\f104"; -} - -.ts-icon.is-face-smile-beam-icon::before { - content: "\f5b8"; -} - -.ts-icon.is-arrows-up-down-left-right-icon::before { - content: "\f047"; -} - -.ts-icon.is-bread-slice-icon::before { - content: "\f7ec"; -} - -.ts-icon.is-ship-icon::before { - content: "\f21a"; -} - -.ts-icon.is-hand-point-up-icon::before { - content: "\f0a6"; -} - -.ts-icon.is-table-cells-icon::before { - content: "\f00a"; -} - -.ts-icon.is-table-cells-large-icon::before { - content: "\f009"; -} - -.ts-icon.is-angrycreative-icon::before { - font-family: "IconsBrands"; - content: "\f36e"; -} - -.ts-icon.is-file-medical-icon::before { - content: "\f477"; -} - -.ts-icon.is-house-lock-icon::before { - content: "\e510"; -} - -.ts-icon.is-bars-icon::before { - content: "\f0c9"; -} - -.ts-icon.is-jar-wheat-icon::before { - content: "\e517"; -} - -.ts-icon.is-hourglass-start-icon::before { - content: "\f251"; -} - -.ts-icon.is-kit-medical-icon::before { - content: "\f479"; -} - -.ts-icon.is-square-js-icon::before { - font-family: "IconsBrands"; - content: "\f3b9"; -} - -.ts-icon.is-9-icon::before { - content: "\39"; -} - -.ts-icon.is-battery-three-quarters-icon::before { - content: "\f241"; -} - -.ts-icon.is-face-grin-tongue-wink-icon::before { - content: "\f58b"; -} - -.ts-icon.is-filter-circle-xmark-icon::before { - content: "\e17b"; -} - -.ts-icon.is-seedling-icon::before { - content: "\f4d8"; -} - -.ts-icon.is-arrow-up-z-a-icon::before { - content: "\f882"; -} - -.ts-icon.is-file-contract-icon::before { - content: "\f56c"; -} - -.ts-icon.is-head-side-virus-icon::before { - content: "\e064"; -} - -.ts-icon.is-laravel-icon::before { - font-family: "IconsBrands"; - content: "\f3bd"; -} - -.ts-icon.is-spa-icon::before { - content: "\f5bb"; -} - -.ts-icon.is-up-down-left-right-icon::before { - content: "\f0b2"; -} - -.ts-icon.is-circle-h-icon::before { - content: "\f47e"; -} - -.ts-icon.is-file-waveform-icon::before { - content: "\f478"; -} - -.ts-icon.is-skype-icon::before { - font-family: "IconsBrands"; - content: "\f17e"; -} - -.ts-icon.is-camera-retro-icon::before { - content: "\f083"; -} - -.ts-icon.is-m-icon::before { - content: "\4d"; -} - -.ts-icon.is-receipt-icon::before { - content: "\f543"; -} - -.ts-icon.is-square-h-icon::before { - content: "\f0fd"; -} - -.ts-icon.is-naira-sign-icon::before { - content: "\e1f6"; -} - -.ts-icon.is-spinner-icon::before { - content: "\f110"; -} - -.ts-icon.is-affiliatetheme-icon::before { - font-family: "IconsBrands"; - content: "\f36b"; -} - -.ts-icon.is-cloud-moon-rain-icon::before { - content: "\f73c"; -} - -.ts-icon.is-crutch-icon::before { - content: "\f7f7"; -} - -.ts-icon.is-dove-icon::before { - content: "\f4ba"; -} - -.ts-icon.is-icicles-icon::before { - content: "\f7ad"; -} - -.ts-icon.is-khanda-icon::before { - content: "\f66d"; -} - -.ts-icon.is-chalkboard-icon::before { - content: "\f51b"; -} - -.ts-icon.is-earlybirds-icon::before { - font-family: "IconsBrands"; - content: "\f39a"; -} - -.ts-icon.is-tornado-icon::before { - content: "\f76f"; -} - -.ts-icon.is-chess-board-icon::before { - content: "\f43c"; -} - -.ts-icon.is-shield-icon::before { - content: "\f132"; -} - -.ts-icon.is-ubuntu-icon::before { - font-family: "IconsBrands"; - content: "\f7df"; -} - -.ts-icon.is-sistrix-icon::before { - font-family: "IconsBrands"; - content: "\f3ee"; -} - -.ts-icon.is-docker-icon::before { - font-family: "IconsBrands"; - content: "\f395"; -} - -.ts-icon.is-nfc-directional-icon::before { - font-family: "IconsBrands"; - content: "\e530"; -} - -.ts-icon.is-truck-fast-icon::before { - content: "\f48b"; -} - -.ts-icon.is-user-lock-icon::before { - content: "\f502"; -} - -.ts-icon.is-staylinked-icon::before { - font-family: "IconsBrands"; - content: "\f3f5"; -} - -.ts-icon.is-twitch-icon::before { - font-family: "IconsBrands"; - content: "\f1e8"; -} - -.ts-icon.is-cat-icon::before { - content: "\f6be"; -} - -.ts-icon.is-grip-lines-vertical-icon::before { - content: "\f7a5"; -} - -.ts-icon.is-microsoft-icon::before { - font-family: "IconsBrands"; - content: "\f3ca"; -} - -.ts-icon.is-scroll-torah-icon::before { - content: "\f6a0"; -} - -.ts-icon.is-hospital-user-icon::before { - content: "\f80d"; -} - -.ts-icon.is-nfc-symbol-icon::before { - font-family: "IconsBrands"; - content: "\e531"; -} - -.ts-icon.is-users-icon::before { - content: "\f0c0"; -} - -.ts-icon.is-futbol-icon::before { - content: "\f1e3"; -} - -.ts-icon.is-42-group-icon::before { - font-family: "IconsBrands"; - content: "\e080"; -} - -.ts-icon.is-shop-lock-icon::before { - content: "\e4a5"; -} - -.ts-icon.is-syringe-icon::before { - content: "\f48e"; -} - -.ts-icon.is-hands-holding-circle-icon::before { - content: "\e4fb"; -} - -.ts-icon.is-square-hacker-news-icon::before { - font-family: "IconsBrands"; - content: "\f3af"; -} - -.ts-icon.is-temperature-empty-icon::before { - content: "\f2cb"; -} - -.ts-icon.is-twitter-icon::before { - font-family: "IconsBrands"; - content: "\f099"; -} - -.ts-icon.is-unsplash-icon::before { - font-family: "IconsBrands"; - content: "\e07c"; -} - -.ts-icon.is-circle-arrow-down-icon::before { - content: "\f0ab"; -} - -.ts-icon.is-deploydog-icon::before { - font-family: "IconsBrands"; - content: "\f38e"; -} - -.ts-icon.is-face-kiss-wink-heart-icon::before { - content: "\f598"; -} - -.ts-icon.is-horse-head-icon::before { - content: "\f7ab"; -} - -.ts-icon.is-speaker-deck-icon::before { - font-family: "IconsBrands"; - content: "\f83c"; -} - -.ts-icon.is-spray-can-sparkles-icon::before { - content: "\f5d0"; -} - -.ts-icon.is-apple-icon::before { - font-family: "IconsBrands"; - content: "\f179"; -} - -.ts-icon.is-cloud-bolt-icon::before { - content: "\f76c"; -} - -.ts-icon.is-cpanel-icon::before { - font-family: "IconsBrands"; - content: "\f388"; -} - -.ts-icon.is-spoon-icon::before { - content: "\f2e5"; -} - -.ts-icon.is-couch-icon::before { - content: "\f4b8"; -} - -.ts-icon.is-hand-spock-icon::before { - content: "\f259"; -} - -.ts-icon.is-creative-commons-pd-alt-icon::before { - font-family: "IconsBrands"; - content: "\f4ed"; -} - -.ts-icon.is-life-ring-icon::before { - content: "\f1cd"; -} - -.ts-icon.is-file-powerpoint-icon::before { - content: "\f1c4"; -} - -.ts-icon.is-play-icon::before { - content: "\f04b"; -} - -.ts-icon.is-ranking-star-icon::before { - content: "\e561"; -} - -.ts-icon.is-think-peaks-icon::before { - font-family: "IconsBrands"; - content: "\f731"; -} - -.ts-icon.is-sack-dollar-icon::before { - content: "\f81d"; -} - -.ts-icon.is-boxes-stacked-icon::before { - content: "\f468"; -} - -.ts-icon.is-ethereum-icon::before { - font-family: "IconsBrands"; - content: "\f42e"; -} - -.ts-icon.is-face-surprise-icon::before { - content: "\f5c2"; -} - -.ts-icon.is-house-crack-icon::before { - content: "\e3b1"; -} - -.ts-icon.is-magnifying-glass-plus-icon::before { - content: "\f00e"; -} - -.ts-icon.is-microscope-icon::before { - content: "\f610"; -} - -.ts-icon.is-crow-icon::before { - content: "\f520"; -} - -.ts-icon.is-file-arrow-down-icon::before { - content: "\f56d"; -} - -.ts-icon.is-headphones-icon::before { - content: "\f025"; -} - -.ts-icon.is-leaf-icon::before { - content: "\f06c"; -} - -.ts-icon.is-q-icon::before { - content: "\51"; -} - -.ts-icon.is-envelope-icon::before { - content: "\f0e0"; -} - -.ts-icon.is-hands-holding-child-icon::before { - content: "\e4fa"; -} - -.ts-icon.is-road-icon::before { - content: "\f018"; -} - -.ts-icon.is-route-icon::before { - content: "\f4d7"; -} - -.ts-icon.is-amilia-icon::before { - font-family: "IconsBrands"; - content: "\f36d"; -} - -.ts-icon.is-martini-glass-empty-icon::before { - content: "\f000"; -} - -.ts-icon.is-page4-icon::before { - font-family: "IconsBrands"; - content: "\f3d7"; -} - -.ts-icon.is-sack-xmark-icon::before { - content: "\e56a"; -} - -.ts-icon.is-trademark-icon::before { - content: "\f25c"; -} - -.ts-icon.is-maximize-icon::before { - content: "\f31e"; -} - -.ts-icon.is-message-icon::before { - content: "\f27a"; -} - -.ts-icon.is-square-youtube-icon::before { - font-family: "IconsBrands"; - content: "\f431"; -} - -.ts-icon.is-autoprefixer-icon::before { - font-family: "IconsBrands"; - content: "\f41c"; -} - -.ts-icon.is-blogger-b-icon::before { - font-family: "IconsBrands"; - content: "\f37d"; -} - -.ts-icon.is-envelopes-bulk-icon::before { - content: "\f674"; -} - -.ts-icon.is-eye-low-vision-icon::before { - content: "\f2a8"; -} - -.ts-icon.is-folder-plus-icon::before { - content: "\f65e"; -} - -.ts-icon.is-user-astronaut-icon::before { - content: "\f4fb"; -} - -.ts-icon.is-arrow-up-9-1-icon::before { - content: "\f887"; -} - -.ts-icon.is-cloud-sun-rain-icon::before { - content: "\f743"; -} - -.ts-icon.is-connectdevelop-icon::before { - font-family: "IconsBrands"; - content: "\f20e"; -} - -.ts-icon.is-ember-icon::before { - font-family: "IconsBrands"; - content: "\f423"; -} - -.ts-icon.is-jsfiddle-icon::before { - font-family: "IconsBrands"; - content: "\f1cc"; -} - -.ts-icon.is-tent-arrow-down-to-line-icon::before { - content: "\e57e"; -} - -.ts-icon.is-dumbbell-icon::before { - content: "\f44b"; -} - -.ts-icon.is-face-grin-icon::before { - content: "\f580"; -} - -.ts-icon.is-motorcycle-icon::before { - content: "\f21c"; -} - -.ts-icon.is-person-circle-xmark-icon::before { - content: "\e543"; -} - -.ts-icon.is-camera-rotate-icon::before { - content: "\e0d8"; -} - -.ts-icon.is-ellipsis-vertical-icon::before { - content: "\f142"; -} - -.ts-icon.is-face-grin-tongue-squint-icon::before { - content: "\f58a"; -} - -.ts-icon.is-star-icon::before { - content: "\f005"; -} - -.ts-icon.is-earth-americas-icon::before { - content: "\f57d"; -} - -.ts-icon.is-fish-icon::before { - content: "\f578"; -} - -.ts-icon.is-road-lock-icon::before { - content: "\e567"; -} - -.ts-icon.is-text-width-icon::before { - content: "\f035"; -} - -.ts-icon.is-charging-station-icon::before { - content: "\f5e7"; -} - -.ts-icon.is-ethernet-icon::before { - content: "\f796"; -} - -.ts-icon.is-om-icon::before { - content: "\f679"; -} - -.ts-icon.is-road-circle-check-icon::before { - content: "\e564"; -} - -.ts-icon.is-bridge-circle-xmark-icon::before { - content: "\e4cb"; -} - -.ts-icon.is-bridge-circle-exclamation-icon::before { - content: "\e4ca"; -} - -.ts-icon.is-dice-d20-icon::before { - content: "\f6cf"; -} - -.ts-icon.is-neuter-icon::before { - content: "\f22c"; -} - -.ts-icon.is-person-arrow-up-from-line-icon::before { - content: "\e539"; -} - -.ts-icon.is-galactic-republic-icon::before { - font-family: "IconsBrands"; - content: "\f50c"; -} - -.ts-icon.is-italic-icon::before { - content: "\f033"; -} - -.ts-icon.is-turn-up-icon::before { - content: "\f3bf"; -} - -.ts-icon.is-5-icon::before { - content: "\35"; -} - -.ts-icon.is-democrat-icon::before { - content: "\f747"; -} - -.ts-icon.is-magnifying-glass-dollar-icon::before { - content: "\f688"; -} - -.ts-icon.is-mountain-icon::before { - content: "\f6fc"; -} - -.ts-icon.is-spell-check-icon::before { - content: "\f891"; -} - -.ts-icon.is-user-minus-icon::before { - content: "\f503"; -} - -.ts-icon.is-rust-icon::before { - font-family: "IconsBrands"; - content: "\e07a"; -} - -.ts-icon.is-square-rss-icon::before { - content: "\f143"; -} - -.ts-icon.is-angles-up-icon::before { - content: "\f102"; -} - -.ts-icon.is-cube-icon::before { - content: "\f1b2"; -} - -.ts-icon.is-delicious-icon::before { - font-family: "IconsBrands"; - content: "\f1a5"; -} - -.ts-icon.is-magnifying-glass-arrow-right-icon::before { - content: "\e521"; -} - -.ts-icon.is-mobile-screen-icon::before { - content: "\f3cf"; -} - -.ts-icon.is-yandex-icon::before { - font-family: "IconsBrands"; - content: "\f413"; -} - -.ts-icon.is-arrow-right-icon::before { - content: "\f061"; -} - -.ts-icon.is-clipboard-icon::before { - content: "\f328"; -} - -.ts-icon.is-d-and-d-icon::before { - font-family: "IconsBrands"; - content: "\f38d"; -} - -.ts-icon.is-guarani-sign-icon::before { - content: "\e19a"; -} - -.ts-icon.is-wordpress-icon::before { - font-family: "IconsBrands"; - content: "\f19a"; -} - -.ts-icon.is-handshake-slash-icon::before { - content: "\e060"; -} - -.ts-icon.is-get-pocket-icon::before { - font-family: "IconsBrands"; - content: "\f265"; -} - -.ts-icon.is-j-icon::before { - content: "\4a"; -} - -.ts-icon.is-pen-clip-icon::before { - content: "\f305"; -} - -.ts-icon.is-up-right-and-down-left-from-center-icon::before { - content: "\f424"; -} - -.ts-icon.is-wix-icon::before { - font-family: "IconsBrands"; - content: "\f5cf"; -} - -.ts-icon.is-circle-radiation-icon::before { - content: "\f7ba"; -} - -.ts-icon.is-file-circle-exclamation-icon::before { - content: "\e4eb"; -} - -.ts-icon.is-kaaba-icon::before { - content: "\f66b"; -} - -.ts-icon.is-ns8-icon::before { - font-family: "IconsBrands"; - content: "\f3d5"; -} - -.ts-icon.is-pizza-slice-icon::before { - content: "\f818"; -} - -.ts-icon.is-plug-circle-check-icon::before { - content: "\e55c"; -} - -.ts-icon.is-xing-icon::before { - font-family: "IconsBrands"; - content: "\f168"; -} - -.ts-icon.is-umbraco-icon::before { - font-family: "IconsBrands"; - content: "\f8e8"; -} - -.ts-icon.is-arrows-split-up-and-left-icon::before { - content: "\e4bc"; -} - -.ts-icon.is-book-quran-icon::before { - content: "\f687"; -} - -.ts-icon.is-dropbox-icon::before { - font-family: "IconsBrands"; - content: "\f16b"; -} - -.ts-icon.is-flag-checkered-icon::before { - content: "\f11e"; -} - -.ts-icon.is-right-long-icon::before { - content: "\f30b"; -} - -.ts-icon.is-socks-icon::before { - content: "\f696"; -} - -.ts-icon.is-compact-disc-icon::before { - content: "\f51f"; -} - -.ts-icon.is-server-icon::before { - content: "\f233"; -} - -.ts-icon.is-skull-icon::before { - content: "\f54c"; -} - -.ts-icon.is-circle-up-icon::before { - content: "\f35b"; -} - -.ts-icon.is-copy-icon::before { - content: "\f0c5"; -} - -.ts-icon.is-goodreads-icon::before { - font-family: "IconsBrands"; - content: "\f3a8"; -} - -.ts-icon.is-i-icon::before { - content: "\49"; -} - -.ts-icon.is-studiovinari-icon::before { - font-family: "IconsBrands"; - content: "\f3f8"; -} - -.ts-icon.is-bridge-icon::before { - content: "\e4c8"; -} - -.ts-icon.is-cart-shopping-icon::before { - content: "\f07a"; -} - -.ts-icon.is-gifts-icon::before { - content: "\f79c"; -} - -.ts-icon.is-square-caret-down-icon::before { - content: "\f150"; -} - -.ts-icon.is-viadeo-icon::before { - font-family: "IconsBrands"; - content: "\f2a9"; -} - -.ts-icon.is-baseball-bat-ball-icon::before { - content: "\f432"; -} - -.ts-icon.is-circle-left-icon::before { - content: "\f359"; -} - -.ts-icon.is-cloudsmith-icon::before { - font-family: "IconsBrands"; - content: "\f384"; -} - -.ts-icon.is-droplet-icon::before { - content: "\f043"; -} - -.ts-icon.is-eye-dropper-icon::before { - content: "\f1fb"; -} - -.ts-icon.is-paintbrush-icon::before { - content: "\f1fc"; -} - -.ts-icon.is-arrow-up-from-ground-water-icon::before { - content: "\e4b5"; -} - -.ts-icon.is-playstation-icon::before { - font-family: "IconsBrands"; - content: "\f3df"; -} - -.ts-icon.is-volume-high-icon::before { - content: "\f028"; -} - -.ts-icon.is-door-closed-icon::before { - content: "\f52a"; -} - -.ts-icon.is-lungs-virus-icon::before { - content: "\e067"; -} - -.ts-icon.is-rupiah-sign-icon::before { - content: "\e23d"; -} - -.ts-icon.is-house-flag-icon::before { - content: "\e50d"; -} - -.ts-icon.is-square-parking-icon::before { - content: "\f540"; -} - -.ts-icon.is-4-icon::before { - content: "\34"; -} - -.ts-icon.is-building-circle-check-icon::before { - content: "\e4d2"; -} - -.ts-icon.is-folder-minus-icon::before { - content: "\f65d"; -} - -.ts-icon.is-youtube-icon::before { - font-family: "IconsBrands"; - content: "\f167"; -} - -.ts-icon.is-mars-stroke-right-icon::before { - content: "\f22b"; -} - -.ts-icon.is-cloudflare-icon::before { - font-family: "IconsBrands"; - content: "\e07d"; -} - -.ts-icon.is-creative-commons-sampling-icon::before { - font-family: "IconsBrands"; - content: "\f4f0"; -} - -.ts-icon.is-fingerprint-icon::before { - content: "\f577"; -} - -.ts-icon.is-golang-icon::before { - font-family: "IconsBrands"; - content: "\e40f"; -} - -.ts-icon.is-mobile-screen-button-icon::before { - content: "\f3cd"; -} - -.ts-icon.is-file-export-icon::before { - content: "\f56e"; -} - -.ts-icon.is-headphones-simple-icon::before { - content: "\f58f"; -} - -.ts-icon.is-house-user-icon::before { - content: "\e1b0"; -} - -.ts-icon.is-arrow-pointer-icon::before { - content: "\f245"; -} - -.ts-icon.is-circle-question-icon::before { - content: "\f059"; -} - -.ts-icon.is-square-minus-icon::before { - content: "\f146"; -} - -.ts-icon.is-sun-icon::before { - content: "\f185"; -} - -.ts-icon.is-address-book-icon::before { - content: "\f2b9"; -} - -.ts-icon.is-gun-icon::before { - content: "\e19b"; -} - -.ts-icon.is-lock-icon::before { - content: "\f023"; -} - -.ts-icon.is-money-bill-wave-icon::before { - content: "\f53a"; -} - -.ts-icon.is-rupee-sign-icon::before { - content: "\f156"; -} - -.ts-icon.is-toilet-paper-slash-icon::before { - content: "\e072"; -} - -.ts-icon.is-contao-icon::before { - font-family: "IconsBrands"; - content: "\f26d"; -} - -.ts-icon.is-linkedin-icon::before { - font-family: "IconsBrands"; - content: "\f08c"; -} - -.ts-icon.is-not-equal-icon::before { - content: "\f53e"; -} - -.ts-icon.is-hashtag-icon::before { - content: "\23"; -} - -.ts-icon.is-slash-icon::before { - content: "\f715"; -} - -.ts-icon.is-mountain-city-icon::before { - content: "\e52e"; -} - -.ts-icon.is-patreon-icon::before { - font-family: "IconsBrands"; - content: "\f3d9"; -} - -.ts-icon.is-user-ninja-icon::before { - content: "\f504"; -} - -.ts-icon.is-android-icon::before { - font-family: "IconsBrands"; - content: "\f17b"; -} - -.ts-icon.is-face-meh-icon::before { - content: "\f11a"; -} - -.ts-icon.is-algolia-icon::before { - font-family: "IconsBrands"; - content: "\f36c"; -} - -.ts-icon.is-bus-icon::before { - content: "\f207"; -} - -.ts-icon.is-dumpster-fire-icon::before { - content: "\f794"; -} - -.ts-icon.is-fedora-icon::before { - font-family: "IconsBrands"; - content: "\f798"; -} - -.ts-icon.is-hanukiah-icon::before { - content: "\f6e6"; -} - -.ts-icon.is-lari-sign-icon::before { - content: "\e1c8"; -} - -.ts-icon.is-map-pin-icon::before { - content: "\f276"; -} - -.ts-icon.is-person-circle-exclamation-icon::before { - content: "\e53f"; -} - -.ts-icon.is-users-rays-icon::before { - content: "\e593"; -} - -.ts-icon.is-squarespace-icon::before { - font-family: "IconsBrands"; - content: "\f5be"; -} - -.ts-icon.is-evernote-icon::before { - font-family: "IconsBrands"; - content: "\f839"; -} - -.ts-icon.is-print-icon::before { - content: "\f02f"; -} - -.ts-icon.is-grip-lines-icon::before { - content: "\f7a4"; -} - -.ts-icon.is-lyft-icon::before { - font-family: "IconsBrands"; - content: "\f3c3"; -} - -.ts-icon.is-phabricator-icon::before { - font-family: "IconsBrands"; - content: "\f3db"; -} - -.ts-icon.is-zhihu-icon::before { - font-family: "IconsBrands"; - content: "\f63f"; -} - -.ts-icon.is-chart-line-icon::before { - content: "\f201"; -} - -.ts-icon.is-check-to-slot-icon::before { - content: "\f772"; -} - -.ts-icon.is-hire-a-helper-icon::before { - font-family: "IconsBrands"; - content: "\f3b0"; -} - -.ts-icon.is-passport-icon::before { - content: "\f5ab"; -} - -.ts-icon.is-spaghetti-monster-flying-icon::before { - content: "\f67b"; -} - -.ts-icon.is-circle-chevron-left-icon::before { - content: "\f137"; -} - -.ts-icon.is-cmplid-icon::before { - font-family: "IconsBrands"; - content: "\e360"; -} - -.ts-icon.is-imdb-icon::before { - font-family: "IconsBrands"; - content: "\f2d8"; -} - -.ts-icon.is-people-roof-icon::before { - content: "\e537"; -} - -.ts-icon.is-palfed-icon::before { - font-family: "IconsBrands"; - content: "\f3d8"; -} - -.ts-icon.is-person-burst-icon::before { - content: "\e53b"; -} - -.ts-icon.is-square-envelope-icon::before { - content: "\f199"; -} - -.ts-icon.is-ups-icon::before { - font-family: "IconsBrands"; - content: "\f7e0"; -} - -.ts-icon.is-virus-slash-icon::before { - content: "\e075"; -} - -.ts-icon.is-face-laugh-beam-icon::before { - content: "\f59a"; -} - -.ts-icon.is-snowflake-icon::before { - content: "\f2dc"; -} - -.ts-icon.is-trade-federation-icon::before { - font-family: "IconsBrands"; - content: "\f513"; -} - -.ts-icon.is-user-clock-icon::before { - content: "\f4fd"; -} - -.ts-icon.is-code-branch-icon::before { - content: "\f126"; -} - -.ts-icon.is-hourglass-icon::before { - content: "\f254"; -} - -.ts-icon.is-pager-icon::before { - content: "\f815"; -} - -.ts-icon.is-x-ray-icon::before { - content: "\f497"; -} - -.ts-icon.is-bandage-icon::before { - content: "\f462"; -} - -.ts-icon.is-microphone-slash-icon::before { - content: "\f131"; -} - -.ts-icon.is-person-breastfeeding-icon::before { - content: "\e53a"; -} - -.ts-icon.is-square-instagram-icon::before { - font-family: "IconsBrands"; - content: "\e055"; -} - -.ts-icon.is-temperature-low-icon::before { - content: "\f76b"; -} - -.ts-icon.is-user-plus-icon::before { - content: "\f234"; -} - -.ts-icon.is-face-smile-wink-icon::before { - content: "\f4da"; -} - -.ts-icon.is-phone-slash-icon::before { - content: "\f3dd"; -} - -.ts-icon.is-searchengin-icon::before { - font-family: "IconsBrands"; - content: "\f3eb"; -} - -.ts-icon.is-tractor-icon::before { - content: "\f722"; -} - -.ts-icon.is-recycle-icon::before { - content: "\f1b8"; -} - -.ts-icon.is-tooth-icon::before { - content: "\f5c9"; -} - -.ts-icon.is-vault-icon::before { - content: "\e2c5"; -} - -.ts-icon.is-angellist-icon::before { - font-family: "IconsBrands"; - content: "\f209"; -} - -.ts-icon.is-chart-gantt-icon::before { - content: "\e0e4"; -} - -.ts-icon.is-dice-one-icon::before { - content: "\f525"; -} - -.ts-icon.is-kitchen-set-icon::before { - content: "\e51a"; -} - -.ts-icon.is-bed-pulse-icon::before { - content: "\f487"; -} - -.ts-icon.is-compress-icon::before { - content: "\f066"; -} - -.ts-icon.is-pied-piper-icon::before { - font-family: "IconsBrands"; - content: "\f2ae"; -} - -.ts-icon.is-wheat-awn-circle-exclamation-icon::before { - content: "\e598"; -} - -.ts-icon.is-cross-icon::before { - content: "\f654"; -} - -.ts-icon.is-eject-icon::before { - content: "\f052"; -} - -.ts-icon.is-folder-icon::before { - content: "\f07b"; -} - -.ts-icon.is-gratipay-icon::before { - font-family: "IconsBrands"; - content: "\f184"; -} - -.ts-icon.is-markdown-icon::before { - font-family: "IconsBrands"; - content: "\f60f"; -} - -.ts-icon.is-person-walking-icon::before { - content: "\f554"; -} - -.ts-icon.is-retweet-icon::before { - content: "\f079"; -} - -.ts-icon.is-creative-commons-icon::before { - font-family: "IconsBrands"; - content: "\f25e"; -} - -.ts-icon.is-landmark-dome-icon::before { - content: "\f752"; -} - -.ts-icon.is-square-full-icon::before { - content: "\f45c"; -} - -.ts-icon.is-bacterium-icon::before { - content: "\e05a"; -} - -.ts-icon.is-digg-icon::before { - font-family: "IconsBrands"; - content: "\f1a6"; -} - -.ts-icon.is-laptop-file-icon::before { - content: "\e51d"; -} - -.ts-icon.is-scale-unbalanced-icon::before { - content: "\f515"; -} - -.ts-icon.is-broom-icon::before { - content: "\f51a"; -} - -.ts-icon.is-clock-icon::before { - content: "\f017"; -} - -.ts-icon.is-file-lines-icon::before { - content: "\f15c"; -} - -.ts-icon.is-moon-icon::before { - content: "\f186"; -} - -.ts-icon.is-paint-roller-icon::before { - content: "\f5aa"; -} - -.ts-icon.is-chevron-right-icon::before { - content: "\f054"; -} - -.ts-icon.is-door-open-icon::before { - content: "\f52b"; -} - -.ts-icon.is-arrow-down-9-1-icon::before { - content: "\f886"; -} - -.ts-icon.is-chart-simple-icon::before { - content: "\e473"; -} - -.ts-icon.is-creative-commons-remix-icon::before { - font-family: "IconsBrands"; - content: "\f4ee"; -} - -.ts-icon.is-plane-slash-icon::before { - content: "\e069"; -} - -.ts-icon.is-image-icon::before { - content: "\f03e"; -} - -.ts-icon.is-location-pin-icon::before { - content: "\f041"; -} - -.ts-icon.is-supple-icon::before { - font-family: "IconsBrands"; - content: "\f3f9"; -} - -.ts-icon.is-file-word-icon::before { - content: "\f1c2"; -} - -.ts-icon.is-first-order-icon::before { - font-family: "IconsBrands"; - content: "\f2b0"; -} - -.ts-icon.is-hand-holding-medical-icon::before { - content: "\e05c"; -} - -.ts-icon.is-shoe-prints-icon::before { - content: "\f54b"; -} - -.ts-icon.is-drum-steelpan-icon::before { - content: "\f56a"; -} - -.ts-icon.is-house-chimney-icon::before { - content: "\e3af"; -} - -.ts-icon.is-money-bill-transfer-icon::before { - content: "\e528"; -} - -.ts-icon.is-school-lock-icon::before { - content: "\e56f"; -} - -.ts-icon.is-wpressr-icon::before { - font-family: "IconsBrands"; - content: "\f3e4"; -} - -.ts-icon.is-bars-progress-icon::before { - content: "\f828"; -} - -.ts-icon.is-d-icon::before { - content: "\44"; -} - -.ts-icon.is-odnoklassniki-icon::before { - font-family: "IconsBrands"; - content: "\f263"; -} - -.ts-icon.is-hornbill-icon::before { - font-family: "IconsBrands"; - content: "\f592"; -} - -.ts-icon.is-medium-icon::before { - font-family: "IconsBrands"; - content: "\f23a"; -} - -.ts-icon.is-microphone-icon::before { - content: "\f130"; -} - -.ts-icon.is-square-phone-flip-icon::before { - content: "\f87b"; -} - -.ts-icon.is-vest-patches-icon::before { - content: "\e086"; -} - -.ts-icon.is-virus-covid-slash-icon::before { - content: "\e4a9"; -} - -.ts-icon.is-sun-plant-wilt-icon::before { - content: "\e57a"; -} - -.ts-icon.is-up-long-icon::before { - content: "\f30c"; -} - -.ts-icon.is-display-icon::before { - content: "\e163"; -} - -.ts-icon.is-phone-icon::before { - content: "\f095"; -} - -.ts-icon.is-sort-icon::before { - content: "\f0dc"; -} - -.ts-icon.is-buromobelexperte-icon::before { - font-family: "IconsBrands"; - content: "\f37f"; -} - -.ts-icon.is-computer-mouse-icon::before { - content: "\f8cc"; -} - -.ts-icon.is-archway-icon::before { - content: "\f557"; -} - -.ts-icon.is-square-tumblr-icon::before { - font-family: "IconsBrands"; - content: "\f174"; -} - -.ts-icon.is-clover-icon::before { - content: "\e139"; -} - -.ts-icon.is-comment-dots-icon::before { - content: "\f4ad"; -} - -.ts-icon.is-microphone-lines-icon::before { - content: "\f3c9"; -} - -.ts-icon.is-object-group-icon::before { - content: "\f247"; -} - -.ts-icon.is-paperclip-icon::before { - content: "\f0c6"; -} - -.ts-icon.is-person-military-rifle-icon::before { - content: "\e54b"; -} - -.ts-icon.is-bolt-lightning-icon::before { - content: "\e0b7"; -} - -.ts-icon.is-circle-arrow-up-icon::before { - content: "\f0aa"; -} - -.ts-icon.is-comment-sms-icon::before { - content: "\f7cd"; -} - -.ts-icon.is-hand-point-left-icon::before { - content: "\f0a5"; -} - -.ts-icon.is-jedi-order-icon::before { - font-family: "IconsBrands"; - content: "\f50e"; -} - -.ts-icon.is-stripe-s-icon::before { - font-family: "IconsBrands"; - content: "\f42a"; -} - -.ts-icon.is-dev-icon::before { - font-family: "IconsBrands"; - content: "\f6cc"; -} - -.ts-icon.is-hand-point-down-icon::before { - content: "\f0a7"; -} - -.ts-icon.is-mendeley-icon::before { - font-family: "IconsBrands"; - content: "\f7b3"; -} - -.ts-icon.is-window-minimize-icon::before { - content: "\f2d1"; -} - -.ts-icon.is-angular-icon::before { - font-family: "IconsBrands"; - content: "\f420"; -} - -.ts-icon.is-diagram-successor-icon::before { - content: "\e47a"; -} - -.ts-icon.is-dna-icon::before { - content: "\f471"; -} - -.ts-icon.is-font-awesome-icon::before { - content: "\f2b4"; -} - -.ts-icon.is-shirt-icon::before { - content: "\f553"; -} - -.ts-icon.is-sitemap-icon::before { - content: "\f0e8"; -} - -.ts-icon.is-timeline-icon::before { - content: "\e29c"; -} - -.ts-icon.is-arrow-down-z-a-icon::before { - content: "\f881"; -} - -.ts-icon.is-arrow-turn-up-icon::before { - content: "\f148"; -} - -.ts-icon.is-bus-simple-icon::before { - content: "\f55e"; -} - -.ts-icon.is-sink-icon::before { - content: "\e06d"; -} - -.ts-icon.is-sterling-sign-icon::before { - content: "\f154"; -} - -.ts-icon.is-6-icon::before { - content: "\36"; -} - -.ts-icon.is-caret-up-icon::before { - content: "\f0d8"; -} - -.ts-icon.is-circle-dollar-to-slot-icon::before { - content: "\f4b9"; -} - -.ts-icon.is-creative-commons-by-icon::before { - font-family: "IconsBrands"; - content: "\f4e7"; -} - -.ts-icon.is-fonticons-icon::before { - font-family: "IconsBrands"; - content: "\f280"; -} - -.ts-icon.is-indian-rupee-sign-icon::before { - content: "\e1bc"; -} - -.ts-icon.is-bug-slash-icon::before { - content: "\e490"; -} - -.ts-icon.is-medrt-icon::before { - font-family: "IconsBrands"; - content: "\f3c8"; -} - -.ts-icon.is-tent-arrows-down-icon::before { - content: "\e581"; -} - -.ts-icon.is-frog-icon::before { - content: "\f52e"; -} - -.ts-icon.is-image-portrait-icon::before { - content: "\f3e0"; -} - -.ts-icon.is-person-walking-arrow-loop-left-icon::before { - content: "\e551"; -} - -.ts-icon.is-star-of-life-icon::before { - content: "\f621"; -} - -.ts-icon.is-facebook-icon::before { - font-family: "IconsBrands"; - content: "\f09a"; -} - -.ts-icon.is-locust-icon::before { - content: "\e520"; -} - -.ts-icon.is-thermometer-icon::before { - content: "\f491"; -} - -.ts-icon.is-galactic-senate-icon::before { - font-family: "IconsBrands"; - content: "\f50d"; -} - -.ts-icon.is-shield-dog-icon::before { - content: "\e573"; -} - -.ts-icon.is-comment-medical-icon::before { - content: "\f7f5"; -} - -.ts-icon.is-plug-circle-bolt-icon::before { - content: "\e55b"; -} - -.ts-icon.is-train-subway-icon::before { - content: "\f239"; -} - -.ts-icon.is-dollar-sign-icon::before { - content: "\24"; -} - -.ts-icon.is-ellipsis-icon::before { - content: "\f141"; -} - -.ts-icon.is-spray-can-icon::before { - content: "\f5bd"; -} - -.ts-icon.is-typo3-icon::before { - font-family: "IconsBrands"; - content: "\f42b"; -} - -.ts-icon.is-8-icon::before { - content: "\38"; -} - -.ts-icon.is-feather-icon::before { - content: "\f52d"; -} - -.ts-icon.is-glide-g-icon::before { - font-family: "IconsBrands"; - content: "\f2a6"; -} - -.ts-icon.is-paste-icon::before { - content: "\f0ea"; -} - -.ts-icon.is-users-between-lines-icon::before { - content: "\e591"; -} - -.ts-icon.is-w-icon::before { - content: "\57"; -} - -.ts-icon.is-bullhorn-icon::before { - content: "\f0a1"; -} - -.ts-icon.is-face-kiss-beam-icon::before { - content: "\f597"; -} - -.ts-icon.is-fedex-icon::before { - font-family: "IconsBrands"; - content: "\f797"; -} - -.ts-icon.is-satellite-dish-icon::before { - content: "\f7c0"; -} - -.ts-icon.is-bridge-water-icon::before { - content: "\e4ce"; -} - -.ts-icon.is-code-commit-icon::before { - content: "\f386"; -} - -.ts-icon.is-file-import-icon::before { - content: "\f56f"; -} - -.ts-icon.is-qrcode-icon::before { - content: "\f029"; -} - -.ts-icon.is-road-barrier-icon::before { - content: "\e562"; -} - -.ts-icon.is-barcode-icon::before { - content: "\f02a"; -} - -.ts-icon.is-truck-medical-icon::before { - content: "\f0f9"; -} - -.ts-icon.is-users-line-icon::before { - content: "\e592"; -} - -.ts-icon.is-firefox-icon::before { - font-family: "IconsBrands"; - content: "\f269"; -} - -.ts-icon.is-hands-bound-icon::before { - content: "\e4f9"; -} - -.ts-icon.is-itunes-note-icon::before { - font-family: "IconsBrands"; - content: "\f3b5"; -} - -.ts-icon.is-marker-icon::before { - content: "\f5a1"; -} - -.ts-icon.is-mask-icon::before { - content: "\f6fa"; -} - -.ts-icon.is-pencil-icon::before { - content: "\f303"; -} - -.ts-icon.is-basket-shopping-icon::before { - content: "\f291"; -} - -.ts-icon.is-cake-candles-icon::before { - content: "\f1fd"; -} - -.ts-icon.is-pause-icon::before { - content: "\f04c"; -} - -.ts-icon.is-sign-hanging-icon::before { - content: "\f4d9"; -} - -.ts-icon.is-smoking-icon::before { - content: "\f48d"; -} - -.ts-icon.is-tv-icon::before { - content: "\f26c"; -} - -.ts-icon.is-diagram-predecessor-icon::before { - content: "\e477"; -} - -.ts-icon.is-folder-closed-icon::before { - content: "\e185"; -} - -.ts-icon.is-square-person-confined-icon::before { - content: "\e577"; -} - -.ts-icon.is-telegram-icon::before { - font-family: "IconsBrands"; - content: "\f2c6"; -} - -.ts-icon.is-v-icon::before { - content: "\56"; -} - -.ts-icon.is-wand-magic-icon::before { - content: "\f0d0"; -} - -.ts-icon.is-github-alt-icon::before { - font-family: "IconsBrands"; - content: "\f113"; -} - -.ts-icon.is-o-icon::before { - content: "\4f"; -} - -.ts-icon.is-stopwatch-icon::before { - content: "\f2f2"; -} - -.ts-icon.is-angles-right-icon::before { - content: "\f101"; -} - -.ts-icon.is-arrow-up-short-wide-icon::before { - content: "\f885"; -} - -.ts-icon.is-circle-arrow-right-icon::before { - content: "\f0a9"; -} - -.ts-icon.is-discord-icon::before { - font-family: "IconsBrands"; - content: "\f392"; -} - -.ts-icon.is-kickstarter-icon::before { - font-family: "IconsBrands"; - content: "\f3bb"; -} - -.ts-icon.is-arrow-down-up-across-line-icon::before { - content: "\e4af"; -} - -.ts-icon.is-baby-carriage-icon::before { - content: "\f77d"; -} - -.ts-icon.is-flipboard-icon::before { - font-family: "IconsBrands"; - content: "\f44d"; -} - -.ts-icon.is-user-secret-icon::before { - content: "\f21b"; -} - -.ts-icon.is-cookie-bite-icon::before { - content: "\f564"; -} - -.ts-icon.is-periscope-icon::before { - font-family: "IconsBrands"; - content: "\f3da"; -} - -.ts-icon.is-baht-sign-icon::before { - content: "\e0ac"; -} - -.ts-icon.is-guilded-icon::before { - font-family: "IconsBrands"; - content: "\e07e"; -} - -.ts-icon.is-money-bills-icon::before { - content: "\e1f3"; -} - -.ts-icon.is-bluetooth-icon::before { - font-family: "IconsBrands"; - content: "\f293"; -} - -.ts-icon.is-crop-simple-icon::before { - content: "\f565"; -} - -.ts-icon.is-file-excel-icon::before { - content: "\f1c3"; -} - -.ts-icon.is-fonticons-fi-icon::before { - font-family: "IconsBrands"; - content: "\f3a2"; -} - -.ts-icon.is-person-drowning-icon::before { - content: "\e545"; -} - -.ts-icon.is-section-icon::before { - content: "\e447"; -} - -.ts-icon.is-jenkins-icon::before { - font-family: "IconsBrands"; - content: "\f3b6"; -} - -.ts-icon.is-mix-icon::before { - font-family: "IconsBrands"; - content: "\f3cb"; -} - -.ts-icon.is-address-card-icon::before { - content: "\f2bb"; -} - -.ts-icon.is-arrows-spin-icon::before { - content: "\e4bb"; -} - -.ts-icon.is-audible-icon::before { - font-family: "IconsBrands"; - content: "\f373"; -} - -.ts-icon.is-car-icon::before { - content: "\f1b9"; -} - -.ts-icon.is-cart-flatbed-icon::before { - content: "\f474"; -} - -.ts-icon.is-florin-sign-icon::before { - content: "\e184"; -} - -.ts-icon.is-rebel-icon::before { - font-family: "IconsBrands"; - content: "\f1d0"; -} - -.ts-icon.is-square-lastfm-icon::before { - font-family: "IconsBrands"; - content: "\f203"; -} - -.ts-icon.is-person-shelter-icon::before { - content: "\e54f"; -} - -.ts-icon.is-stethoscope-icon::before { - content: "\f0f1"; -} - -.ts-icon.is-tower-observation-icon::before { - content: "\e586"; -} - -.ts-icon.is-cart-flatbed-suitcase-icon::before { - content: "\f59d"; -} - -.ts-icon.is-glasses-icon::before { - content: "\f530"; -} - -.ts-icon.is-ring-icon::before { - content: "\f70b"; -} - -.ts-icon.is-sd-card-icon::before { - content: "\f7c2"; -} - -.ts-icon.is-symfony-icon::before { - font-family: "IconsBrands"; - content: "\f83d"; -} - -.ts-icon.is-table-icon::before { - content: "\f0ce"; -} - -.ts-icon.is-calendar-day-icon::before { - content: "\f783"; -} - -.ts-icon.is-leanpub-icon::before { - font-family: "IconsBrands"; - content: "\f212"; -} - -.ts-icon.is-swift-icon::before { - font-family: "IconsBrands"; - content: "\f8e1"; -} - -.ts-icon.is-arrow-right-long-icon::before { - content: "\f178"; -} - -.ts-icon.is-circle-pause-icon::before { - content: "\f28b"; -} - -.ts-icon.is-instalod-icon::before { - font-family: "IconsBrands"; - content: "\e081"; -} - -.ts-icon.is-teeth-icon::before { - content: "\f62e"; -} - -.ts-icon.is-angles-down-icon::before { - content: "\f103"; -} - -.ts-icon.is-cc-amazon-pay-icon::before { - font-family: "IconsBrands"; - content: "\f42d"; -} - -.ts-icon.is-cc-amex-icon::before { - font-family: "IconsBrands"; - content: "\f1f3"; -} - -.ts-icon.is-dice-four-icon::before { - content: "\f524"; -} - -.ts-icon.is-person-booth-icon::before { - content: "\f756"; -} - -.ts-icon.is-qq-icon::before { - font-family: "IconsBrands"; - content: "\f1d6"; -} - -.ts-icon.is-reply-all-icon::before { - content: "\f122"; -} - -.ts-icon.is-terminal-icon::before { - content: "\f120"; -} - -.ts-icon.is-wordpress-simple-icon::before { - font-family: "IconsBrands"; - content: "\f411"; -} - -.ts-icon.is-gears-icon::before { - content: "\f085"; -} - -.ts-icon.is-horse-icon::before { - content: "\f6f0"; -} - -.ts-icon.is-person-dress-burst-icon::before { - content: "\e544"; -} - -.ts-icon.is-plane-arrival-icon::before { - content: "\f5af"; -} - -.ts-icon.is-bowling-ball-icon::before { - content: "\f436"; -} - -.ts-icon.is-drum-icon::before { - content: "\f569"; -} - -.ts-icon.is-plant-wilt-icon::before { - content: "\e5aa"; -} - -.ts-icon.is-the-red-yeti-icon::before { - font-family: "IconsBrands"; - content: "\f69d"; -} - -.ts-icon.is-tower-broadcast-icon::before { - content: "\f519"; -} - -.ts-icon.is-critical-role-icon::before { - font-family: "IconsBrands"; - content: "\f6c9"; -} - -.ts-icon.is-list-ul-icon::before { - content: "\f0ca"; -} - -.ts-icon.is-slideshare-icon::before { - font-family: "IconsBrands"; - content: "\f1e7"; -} - -.ts-icon.is-universal-access-icon::before { - content: "\f29a"; -} - -.ts-icon.is-house-chimney-medical-icon::before { - content: "\f7f2"; -} - -.ts-icon.is-jira-icon::before { - font-family: "IconsBrands"; - content: "\f7b1"; -} - -.ts-icon.is-less-than-equal-icon::before { - content: "\f537"; -} - -.ts-icon.is-square-xmark-icon::before { - content: "\f2d3"; -} - -.ts-icon.is-golf-ball-tee-icon::before { - content: "\f450"; -} - -.ts-icon.is-laptop-code-icon::before { - content: "\f5fc"; -} - -.ts-icon.is-shirtsinbulk-icon::before { - font-family: "IconsBrands"; - content: "\f214"; -} - -.ts-icon.is-fire-extinguisher-icon::before { - content: "\f134"; -} - -.ts-icon.is-hands-asl-interpreting-icon::before { - content: "\f2a3"; -} - -.ts-icon.is-school-circle-check-icon::before { - content: "\e56b"; -} - -.ts-icon.is-servicestack-icon::before { - font-family: "IconsBrands"; - content: "\f3ec"; -} - -.ts-icon.is-vest-icon::before { - content: "\e085"; -} - -.ts-icon.is-battery-half-icon::before { - content: "\f242"; -} - -.ts-icon.is-house-medical-icon::before { - content: "\e3b2"; -} - -.ts-icon.is-memory-icon::before { - content: "\f538"; -} - -.ts-icon.is-menorah-icon::before { - content: "\f676"; -} - -.ts-icon.is-mizuni-icon::before { - font-family: "IconsBrands"; - content: "\f3cc"; -} - -.ts-icon.is-rocket-icon::before { - content: "\f135"; -} - -.ts-icon.is-arrow-up-from-bracket-icon::before { - content: "\e09a"; -} - -.ts-icon.is-cloud-showers-water-icon::before { - content: "\e4e4"; -} - -.ts-icon.is-paragraph-icon::before { - content: "\f1dd"; -} - -.ts-icon.is-apple-pay-icon::before { - font-family: "IconsBrands"; - content: "\f415"; -} - -.ts-icon.is-house-circle-exclamation-icon::before { - content: "\e50a"; -} - -.ts-icon.is-person-harassing-icon::before { - content: "\e549"; -} - -.ts-icon.is-sim-card-icon::before { - content: "\f7c4"; -} - -.ts-icon.is-square-caret-right-icon::before { - content: "\f152"; -} - -.ts-icon.is-users-viewfinder-icon::before { - content: "\e595"; -} - -.ts-icon.is-cc-stripe-icon::before { - font-family: "IconsBrands"; - content: "\f1f5"; -} - -.ts-icon.is-cloud-showers-heavy-icon::before { - content: "\f740"; -} - -.ts-icon.is-road-spikes-icon::before { - content: "\e568"; -} - -.ts-icon.is-sliders-icon::before { - content: "\f1de"; -} - -.ts-icon.is-house-chimney-window-icon::before { - content: "\e00d"; -} - -.ts-icon.is-snowman-icon::before { - content: "\f7d0"; -} - -.ts-icon.is-magnifying-glass-chart-icon::before { - content: "\e522"; -} - -.ts-icon.is-pied-piper-alt-icon::before { - font-family: "IconsBrands"; - content: "\f1a8"; -} - -.ts-icon.is-tape-icon::before { - content: "\f4db"; -} - -.ts-icon.is-truck-arrow-right-icon::before { - content: "\e58b"; -} - -.ts-icon.is-certificate-icon::before { - content: "\f0a3"; -} - -.ts-icon.is-phoenix-framework-icon::before { - font-family: "IconsBrands"; - content: "\f3dc"; -} - -.ts-icon.is-plate-wheat-icon::before { - content: "\e55a"; -} - -.ts-icon.is-arrows-turn-right-icon::before { - content: "\e4c0"; -} - -.ts-icon.is-creative-commons-pd-icon::before { - font-family: "IconsBrands"; - content: "\f4ec"; -} - -.ts-icon.is-divide-icon::before { - content: "\f529"; -} - -.ts-icon.is-padlet-icon::before { - font-family: "IconsBrands"; - content: "\e4a0"; -} - -.ts-icon.is-person-hiking-icon::before { - content: "\f6ec"; -} - -.ts-icon.is-wpbeginner-icon::before { - font-family: "IconsBrands"; - content: "\f297"; -} - -.ts-icon.is-bicycle-icon::before { - content: "\f206"; -} - -.ts-icon.is-foursquare-icon::before { - font-family: "IconsBrands"; - content: "\f180"; -} - -.ts-icon.is-infinity-icon::before { - content: "\f534"; -} - -.ts-icon.is-mill-sign-icon::before { - content: "\e1ed"; -} - -.ts-icon.is-person-digging-icon::before { - content: "\f85e"; -} - -.ts-icon.is-resolving-icon::before { - font-family: "IconsBrands"; - content: "\f3e7"; -} - -.ts-icon.is-cloudversify-icon::before { - font-family: "IconsBrands"; - content: "\f385"; -} - -.ts-icon.is-podcast-icon::before { - content: "\f2ce"; -} - -.ts-icon.is-tree-icon::before { - content: "\f1bb"; -} - -.ts-icon.is-wind-icon::before { - content: "\f72e"; -} - -.ts-icon.is-grip-icon::before { - content: "\f58d"; -} - -.ts-icon.is-network-wired-icon::before { - content: "\f6ff"; -} - -.ts-icon.is-child-rifle-icon::before { - content: "\e4e0"; -} - -.ts-icon.is-drupal-icon::before { - font-family: "IconsBrands"; - content: "\f1a9"; -} - -.ts-icon.is-mask-face-icon::before { - content: "\e1d7"; -} - -.ts-icon.is-person-chalkboard-icon::before { - content: "\e53d"; -} - -.ts-icon.is-viacoin-icon::before { - font-family: "IconsBrands"; - content: "\f237"; -} - -.ts-icon.is-stripe-icon::before { - font-family: "IconsBrands"; - content: "\f429"; -} - -.ts-icon.is-face-dizzy-icon::before { - content: "\f567"; -} - -.ts-icon.is-money-bill-trend-up-icon::before { - content: "\e529"; -} - -.ts-icon.is-cc-apple-pay-icon::before { - font-family: "IconsBrands"; - content: "\f416"; -} - -.ts-icon.is-closed-captioning-icon::before { - content: "\f20a"; -} - -.ts-icon.is-school-flag-icon::before { - content: "\e56e"; -} - -.ts-icon.is-3-icon::before { - content: "\33"; -} - -.ts-icon.is-clapperboard-icon::before { - content: "\e131"; -} - -.ts-icon.is-meta-icon::before { - font-family: "IconsBrands"; - content: "\e49b"; -} - -.ts-icon.is-mug-saucer-icon::before { - content: "\f0f4"; -} - -.ts-icon.is-yandex-international-icon::before { - font-family: "IconsBrands"; - content: "\f414"; -} - -.ts-icon.is-aws-icon::before { - font-family: "IconsBrands"; - content: "\f375"; -} - -.ts-icon.is-camera-icon::before { - content: "\f030"; -} - -.ts-icon.is-erlang-icon::before { - font-family: "IconsBrands"; - content: "\f39d"; -} - -.ts-icon.is-mandalorian-icon::before { - font-family: "IconsBrands"; - content: "\f50f"; -} - -.ts-icon.is-soap-icon::before { - content: "\e06e"; -} - -.ts-icon.is-suitcase-rolling-icon::before { - content: "\f5c1"; -} - -.ts-icon.is-alipay-icon::before { - font-family: "IconsBrands"; - content: "\f642"; -} - -.ts-icon.is-cable-car-icon::before { - content: "\f7da"; -} - -.ts-icon.is-joomla-icon::before { - font-family: "IconsBrands"; - content: "\f1aa"; -} - -.ts-icon.is-wallet-icon::before { - content: "\f555"; -} - -.ts-icon.is-yin-yang-icon::before { - content: "\f6ad"; -} - -.ts-icon.is-7-icon::before { - content: "\37"; -} - -.ts-icon.is-piggy-bank-icon::before { - content: "\f4d3"; -} - -.ts-icon.is-square-xing-icon::before { - font-family: "IconsBrands"; - content: "\f169"; -} - -.ts-icon.is-optin-monster-icon::before { - font-family: "IconsBrands"; - content: "\f23c"; -} - -.ts-icon.is-mailchimp-icon::before { - font-family: "IconsBrands"; - content: "\f59e"; -} - -.ts-icon.is-phone-volume-icon::before { - content: "\f2a0"; -} - -.ts-icon.is-rectangle-xmark-icon::before { - content: "\f410"; -} - -.ts-icon.is-toilet-paper-icon::before { - content: "\f71e"; -} - -.ts-icon.is-google-plus-icon::before { - font-family: "IconsBrands"; - content: "\f2b3"; -} - -.ts-icon.is-hat-cowboy-side-icon::before { - content: "\f8c1"; -} - -.ts-icon.is-mortar-pestle-icon::before { - content: "\f5a7"; -} - -.ts-icon.is-plus-minus-icon::before { - content: "\e43c"; -} - -.ts-icon.is-spider-icon::before { - content: "\f717"; -} - -.ts-icon.is-user-large-slash-icon::before { - content: "\f4fa"; -} - -.ts-icon.is-2-icon::before { - content: "\32"; -} - -.ts-icon.is-bottle-water-icon::before { - content: "\e4c5"; -} - -.ts-icon.is-creative-commons-sampling-plus-icon::before { - font-family: "IconsBrands"; - content: "\f4f1"; -} - -.ts-icon.is-google-icon::before { - font-family: "IconsBrands"; - content: "\f1a0"; -} - -.ts-icon.is-korvue-icon::before { - font-family: "IconsBrands"; - content: "\f42f"; -} - -.ts-icon.is-square-pen-icon::before { - content: "\f14b"; -} - -.ts-icon.is-building-columns-icon::before { - content: "\f19c"; -} - -.ts-icon.is-download-icon::before { - content: "\f019"; -} - -.ts-icon.is-ebay-icon::before { - font-family: "IconsBrands"; - content: "\f4f4"; -} - -.ts-icon.is-pushed-icon::before { - font-family: "IconsBrands"; - content: "\f3e1"; -} - -.ts-icon.is-fill-icon::before { - content: "\f575"; -} - -.ts-icon.is-inbox-icon::before { - content: "\f01c"; -} - -.ts-icon.is-screwdriver-icon::before { - content: "\f54a"; -} - -.ts-icon.is-stackpath-icon::before { - font-family: "IconsBrands"; - content: "\f842"; -} - -.ts-icon.is-stairs-icon::before { - content: "\e289"; -} - -.ts-icon.is-comment-slash-icon::before { - content: "\f4b3"; -} - -.ts-icon.is-hashnode-icon::before { - font-family: "IconsBrands"; - content: "\e499"; -} - -.ts-icon.is-jar-icon::before { - content: "\e516"; -} - -.ts-icon.is-money-check-dollar-icon::before { - content: "\f53d"; -} - -.ts-icon.is-store-icon::before { - content: "\f54e"; -} - -.ts-icon.is-temperature-high-icon::before { - content: "\f769"; -} - -.ts-icon.is-car-on-icon::before { - content: "\e4dd"; -} - -.ts-icon.is-mastodon-icon::before { - font-family: "IconsBrands"; - content: "\f4f6"; -} - -.ts-icon.is-underline-icon::before { - content: "\f0cd"; -} - -.ts-icon.is-volleyball-icon::before { - content: "\f45f"; -} - -.ts-icon.is-book-skull-icon::before { - content: "\f6b7"; -} - -.ts-icon.is-z-icon::before { - content: "\5a"; -} - -.ts-icon.is-backward-step-icon::before { - content: "\f048"; -} - -.ts-icon.is-cloudscale-icon::before { - font-family: "IconsBrands"; - content: "\f383"; -} - -.ts-icon.is-hammer-icon::before { - content: "\f6e3"; -} - -.ts-icon.is-turn-down-icon::before { - content: "\f3be"; -} - -.ts-icon.is-forward-step-icon::before { - content: "\f051"; -} - -.ts-icon.is-group-arrows-rotate-icon::before { - content: "\e4f6"; -} - -.ts-icon.is-magnifying-glass-icon::before { - content: "\f002"; -} - -.ts-icon.is-skyatlas-icon::before { - font-family: "IconsBrands"; - content: "\f216"; -} - -.ts-icon.is-explosion-icon::before { - content: "\e4e9"; -} - -.ts-icon.is-pen-nib-icon::before { - content: "\f5ad"; -} - -.ts-icon.is-chess-queen-icon::before { - content: "\f445"; -} - -.ts-icon.is-user-tie-icon::before { - content: "\f508"; -} - -.ts-icon.is-bitcoin-icon::before { - font-family: "IconsBrands"; - content: "\f379"; -} - -.ts-icon.is-border-top-left-icon::before { - content: "\f853"; -} - -.ts-icon.is-glass-water-droplet-icon::before { - content: "\e4f5"; -} - -.ts-icon.is-minus-icon::before { - content: "\f068"; -} - -.ts-icon.is-tty-icon::before { - content: "\f1e4"; -} - -.ts-icon.is-person-cane-icon::before { - content: "\e53c"; -} - -.ts-icon.is-volcano-icon::before { - content: "\f770"; -} - -.ts-icon.is-atlassian-icon::before { - font-family: "IconsBrands"; - content: "\f77b"; -} - -.ts-icon.is-bell-icon::before { - content: "\f0f3"; -} - -.ts-icon.is-plane-circle-exclamation-icon::before { - content: "\e556"; -} - -.ts-icon.is-book-journal-whills-icon::before { - content: "\f66a"; -} - -.ts-icon.is-expand-icon::before { - content: "\f065"; -} - -.ts-icon.is-quora-icon::before { - font-family: "IconsBrands"; - content: "\f2c4"; -} - -.ts-icon.is-volume-off-icon::before { - content: "\f026"; -} - -.ts-icon.is-tags-icon::before { - content: "\f02c"; -} - -.ts-icon.is-unity-icon::before { - font-family: "IconsBrands"; - content: "\e049"; -} - -.ts-icon.is-user-xmark-icon::before { - content: "\f235"; -} - -.ts-icon.is-microchip-icon::before { - content: "\f2db"; -} - -.ts-icon.is-square-google-plus-icon::before { - font-family: "IconsBrands"; - content: "\f0d4"; -} - -.ts-icon.is-bacon-icon::before { - content: "\f7e5"; -} - -.ts-icon.is-bottle-droplet-icon::before { - content: "\e4c4"; -} - -.ts-icon.is-circle-right-icon::before { - content: "\f35a"; -} - -.ts-icon.is-face-grin-tears-icon::before { - content: "\f588"; -} - -.ts-icon.is-fire-icon::before { - content: "\f06d"; -} - -.ts-icon.is-gamepad-icon::before { - content: "\f11b"; -} - -.ts-icon.is-tencent-weibo-icon::before { - font-family: "IconsBrands"; - content: "\f1d5"; -} - -.ts-icon.is-lungs-icon::before { - content: "\f604"; -} - -.ts-icon.is-digital-ocean-icon::before { - font-family: "IconsBrands"; - content: "\f391"; -} - -.ts-icon.is-trash-can-arrow-up-icon::before { - content: "\f82a"; -} - -.ts-icon.is-virus-icon::before { - content: "\e074"; -} - -.ts-icon.is-chess-knight-icon::before { - content: "\f441"; -} - -.ts-icon.is-face-laugh-icon::before { - content: "\f599"; -} - -.ts-icon.is-heart-circle-exclamation-icon::before { - content: "\e4fe"; -} - -.ts-icon.is-calendar-week-icon::before { - content: "\f784"; -} - -.ts-icon.is-fantasy-flight-games-icon::before { - font-family: "IconsBrands"; - content: "\f6dc"; -} - -.ts-icon.is-id-card-icon::before { - content: "\f2c2"; -} - -.ts-icon.is-pen-fancy-icon::before { - content: "\f5ac"; -} - -.ts-icon.is-toilet-portable-icon::before { - content: "\e583"; -} - -.ts-icon.is-broom-ball-icon::before { - content: "\f458"; -} - -.ts-icon.is-shower-icon::before { - content: "\f2cc"; -} - -.ts-icon.is-gear-icon::before { - content: "\f013"; -} - -.ts-icon.is-square-virus-icon::before { - content: "\e578"; -} - -.ts-icon.is-java-icon::before { - font-family: "IconsBrands"; - content: "\f4e4"; -} - -.ts-icon.is-sketch-icon::before { - font-family: "IconsBrands"; - content: "\f7c6"; -} - -.ts-icon.is-venus-mars-icon::before { - content: "\f228"; -} - -.ts-icon.is-share-icon::before { - content: "\f064"; -} - -.ts-icon.is-square-plus-icon::before { - content: "\f0fe"; -} - -.ts-icon.is-baseball-icon::before { - content: "\f433"; -} - -.ts-icon.is-circle-chevron-down-icon::before { - content: "\f13a"; -} - -.ts-icon.is-vine-icon::before { - font-family: "IconsBrands"; - content: "\f1ca"; -} - -.ts-icon.is-eraser-icon::before { - content: "\f12d"; -} - -.ts-icon.is-ruler-vertical-icon::before { - content: "\f548"; -} - -.ts-icon.is-suse-icon::before { - font-family: "IconsBrands"; - content: "\f7d6"; -} - -.ts-icon.is-bath-icon::before { - content: "\f2cd"; -} - -.ts-icon.is-openid-icon::before { - font-family: "IconsBrands"; - content: "\f19b"; -} - -.ts-icon.is-repeat-icon::before { - content: "\f363"; -} - -.ts-icon.is-trash-arrow-up-icon::before { - content: "\f829"; -} - -.ts-icon.is-reddit-icon::before { - font-family: "IconsBrands"; - content: "\f1a1"; -} - -.ts-icon.is-signal-icon::before { - content: "\f012"; -} - -.ts-icon.is-table-tennis-paddle-ball-icon::before { - content: "\f45d"; -} - -.ts-icon.is-tent-arrow-left-right-icon::before { - content: "\e57f"; -} - -.ts-icon.is-map-location-icon::before { - content: "\f59f"; -} - -.ts-icon.is-people-robbery-icon::before { - content: "\e536"; -} - -.ts-icon.is-person-circle-question-icon::before { - content: "\e542"; -} - -.ts-icon.is-shield-cat-icon::before { - content: "\e572"; -} - -.ts-icon.is-umbrella-icon::before { - content: "\f0e9"; -} - -.ts-icon.is-wine-bottle-icon::before { - content: "\f72f"; -} - -.ts-icon.is-glass-water-icon::before { - content: "\e4f4"; -} - -.ts-icon.is-house-laptop-icon::before { - content: "\e066"; -} - -.ts-icon.is-pen-to-square-icon::before { - content: "\f044"; -} - -.ts-icon.is-square-whatsapp-icon::before { - font-family: "IconsBrands"; - content: "\f40c"; -} - -.ts-icon.is-bahai-icon::before { - content: "\f666"; -} - -.ts-icon.is-strava-icon::before { - font-family: "IconsBrands"; - content: "\f428"; -} - -.ts-icon.is-wave-square-icon::before { - content: "\f83e"; -} - -.ts-icon.is-box-open-icon::before { - content: "\f49e"; -} - -.ts-icon.is-handshake-simple-slash-icon::before { - content: "\e05f"; -} - -.ts-icon.is-person-falling-burst-icon::before { - content: "\e547"; -} - -.ts-icon.is-arrow-rotate-left-icon::before { - content: "\f0e2"; -} - -.ts-icon.is-chess-rook-icon::before { - content: "\f447"; -} - -.ts-icon.is-ear-deaf-icon::before { - content: "\f2a4"; -} - -.ts-icon.is-face-sad-tear-icon::before { - content: "\f5b4"; -} - -.ts-icon.is-vimeo-icon::before { - font-family: "IconsBrands"; - content: "\f40a"; -} - -.ts-icon.is-truck-field-icon::before { - content: "\e58d"; -} - -.ts-icon.is-arrows-up-down-icon::before { - content: "\f07d"; -} - -.ts-icon.is-chess-icon::before { - content: "\f439"; -} - -.ts-icon.is-dragon-icon::before { - content: "\f6d5"; -} - -.ts-icon.is-drumstick-bite-icon::before { - content: "\f6d7"; -} - -.ts-icon.is-tablet-screen-button-icon::before { - content: "\f3fa"; -} - -.ts-icon.is-trophy-icon::before { - content: "\f091"; -} - -.ts-icon.is-amazon-icon::before { - font-family: "IconsBrands"; - content: "\f270"; -} - -.ts-icon.is-bootstrap-icon::before { - font-family: "IconsBrands"; - content: "\f836"; -} - -.ts-icon.is-facebook-messenger-icon::before { - font-family: "IconsBrands"; - content: "\f39f"; -} - -.ts-icon.is-ticket-icon::before { - content: "\f145"; -} - -.ts-icon.is-up-down-icon::before { - content: "\f338"; -} - -.ts-icon.is-users-rectangle-icon::before { - content: "\e594"; -} - -.ts-icon.is-floppy-disk-icon::before { - content: "\f0c7"; -} - -.ts-icon.is-grip-vertical-icon::before { - content: "\f58e"; -} - -.ts-icon.is-quote-left-icon::before { - content: "\f10d"; -} - -.ts-icon.is-solar-panel-icon::before { - content: "\f5ba"; -} - -.ts-icon.is-text-slash-icon::before { - content: "\f87d"; -} - -.ts-icon.is-arrow-down-a-z-icon::before { - content: "\f15d"; -} - -.ts-icon.is-arrows-to-eye-icon::before { - content: "\e4bf"; -} - -.ts-icon.is-k-icon::before { - content: "\4b"; -} - -.ts-icon.is-person-praying-icon::before { - content: "\f683"; -} - -.ts-icon.is-poop-icon::before { - content: "\f619"; -} - -.ts-icon.is-truck-droplet-icon::before { - content: "\e58c"; -} - -.ts-icon.is-code-fork-icon::before { - content: "\e13b"; -} - -.ts-icon.is-git-icon::before { - font-family: "IconsBrands"; - content: "\f1d3"; -} - -.ts-icon.is-car-tunnel-icon::before { - content: "\e4de"; -} - -.ts-icon.is-codepen-icon::before { - font-family: "IconsBrands"; - content: "\f1cb"; -} - -.ts-icon.is-square-font-awesome-stroke-icon::before { - font-family: "IconsBrands"; - content: "\f35c"; -} - -.ts-icon.is-superpowers-icon::before { - font-family: "IconsBrands"; - content: "\f2dd"; -} - -.ts-icon.is-xmarks-lines-icon::before { - content: "\e59a"; -} - -.ts-icon.is-battery-quarter-icon::before { - content: "\f243"; -} - -.ts-icon.is-bong-icon::before { - content: "\f55c"; -} - -.ts-icon.is-mars-and-venus-icon::before { - content: "\f224"; -} - -.ts-icon.is-martini-glass-icon::before { - content: "\f57b"; -} - -.ts-icon.is-face-meh-blank-icon::before { - content: "\f5a4"; -} - -.ts-icon.is-gripfire-icon::before { - font-family: "IconsBrands"; - content: "\f3ac"; -} - -.ts-icon.is-award-icon::before { - content: "\f559"; -} - -.ts-icon.is-calendar-days-icon::before { - content: "\f073"; -} - -.ts-icon.is-arrows-left-right-to-line-icon::before { - content: "\e4ba"; -} - -.ts-icon.is-face-sad-cry-icon::before { - content: "\f5b3"; -} - -.ts-icon.is-medapps-icon::before { - font-family: "IconsBrands"; - content: "\f3c6"; -} - -.ts-icon.is-sith-icon::before { - font-family: "IconsBrands"; - content: "\f512"; -} - -.ts-icon.is-truck-plane-icon::before { - content: "\e58f"; -} - -.ts-icon.is-usps-icon::before { - font-family: "IconsBrands"; - content: "\f7e1"; -} - -.ts-icon.is-wolf-pack-battalion-icon::before { - font-family: "IconsBrands"; - content: "\f514"; -} - -.ts-icon.is-box-icon::before { - content: "\f466"; -} - -.ts-icon.is-euro-sign-icon::before { - content: "\f153"; -} - -.ts-icon.is-eye-icon::before { - content: "\f06e"; -} - -.ts-icon.is-first-order-alt-icon::before { - font-family: "IconsBrands"; - content: "\f50a"; -} - -.ts-icon.is-icons-icon::before { - content: "\f86d"; -} - -.ts-icon.is-person-running-icon::before { - content: "\f70c"; -} - -.ts-icon.is-ello-icon::before { - font-family: "IconsBrands"; - content: "\f5f1"; -} - -.ts-icon.is-themeisle-icon::before { - font-family: "IconsBrands"; - content: "\f2b2"; -} - -.ts-icon.is-person-circle-check-icon::before { - content: "\e53e"; -} - -.ts-icon.is-bomb-icon::before { - content: "\f1e2"; -} - -.ts-icon.is-monero-icon::before { - font-family: "IconsBrands"; - content: "\f3d0"; -} - -.ts-icon.is-mosquito-icon::before { - content: "\e52b"; -} - -.ts-icon.is-caravan-icon::before { - content: "\f8ff"; -} - -.ts-icon.is-hand-icon::before { - content: "\f256"; -} - -.ts-icon.is-bore-hole-icon::before { - content: "\e4c3"; -} - -.ts-icon.is-firefox-browser-icon::before { - font-family: "IconsBrands"; - content: "\e007"; -} - -.ts-icon.is-xmark-icon::before { - content: "\f00d"; -} - -.ts-icon.is-arrow-up-right-dots-icon::before { - content: "\e4b7"; -} - -.ts-icon.is-chart-pie-icon::before { - content: "\f200"; -} - -.ts-icon.is-headset-icon::before { - content: "\f590"; -} - -.ts-icon.is-hotdog-icon::before { - content: "\f80f"; -} - -.ts-icon.is-opera-icon::before { - font-family: "IconsBrands"; - content: "\f26a"; -} - -.ts-icon.is-app-store-ios-icon::before { - font-family: "IconsBrands"; - content: "\f370"; -} - -.ts-icon.is-fly-icon::before { - font-family: "IconsBrands"; - content: "\f417"; -} - -.ts-icon.is-taxi-icon::before { - content: "\f1ba"; -} - -.ts-icon.is-chrome-icon::before { - font-family: "IconsBrands"; - content: "\f268"; -} - -.ts-icon.is-reddit-alien-icon::before { - font-family: "IconsBrands"; - content: "\f281"; -} - -.ts-icon.is-windows-icon::before { - font-family: "IconsBrands"; - content: "\f17a"; -} - -.ts-icon.is-bowl-rice-icon::before { - content: "\e2eb"; -} - -.ts-icon.is-waze-icon::before { - font-family: "IconsBrands"; - content: "\f83f"; -} - -.ts-icon.is-google-play-icon::before { - font-family: "IconsBrands"; - content: "\f3ab"; -} - -.ts-icon.is-scale-balanced-icon::before { - content: "\f24e"; -} - -.ts-icon.is-square-behance-icon::before { - font-family: "IconsBrands"; - content: "\f1b5"; -} - -.ts-icon.is-steam-icon::before { - font-family: "IconsBrands"; - content: "\f1b6"; -} - -.ts-icon.is-chromecast-icon::before { - font-family: "IconsBrands"; - content: "\f838"; -} - -.ts-icon.is-dice-icon::before { - content: "\f522"; -} - -.ts-icon.is-face-grimace-icon::before { - content: "\f57f"; -} - -.ts-icon.is-lemon-icon::before { - content: "\f094"; -} - -.ts-icon.is-link-slash-icon::before { - content: "\f127"; -} - -.ts-icon.is-file-invoice-icon::before { - content: "\f570"; -} - -.ts-icon.is-panorama-icon::before { - content: "\e209"; -} - -.ts-icon.is-angles-left-icon::before { - content: "\f100"; -} - -.ts-icon.is-arrow-up-long-icon::before { - content: "\f176"; -} - -.ts-icon.is-landmark-icon::before { - content: "\f66f"; -} - -.ts-icon.is-radiation-icon::before { - content: "\f7b9"; -} - -.ts-icon.is-tablet-icon::before { - content: "\f3fb"; -} - -.ts-icon.is-cloud-arrow-down-icon::before { - content: "\f0ed"; -} - -.ts-icon.is-gift-icon::before { - content: "\f06b"; -} - -.ts-icon.is-water-ladder-icon::before { - content: "\f5c5"; -} - -.ts-icon.is-kickstarter-k-icon::before { - font-family: "IconsBrands"; - content: "\f3bc"; -} - -.ts-icon.is-weibo-icon::before { - font-family: "IconsBrands"; - content: "\f18a"; -} - -.ts-icon.is-hands-bubbles-icon::before { - content: "\e05e"; -} - -.ts-icon.is-circle-notch-icon::before { - content: "\f1ce"; -} - -.ts-icon.is-registered-icon::before { - content: "\f25d"; -} - -.ts-icon.is-tachograph-digital-icon::before { - content: "\f566"; -} - -.ts-icon.is-envelope-open-text-icon::before { - content: "\f658"; -} - -.ts-icon.is-file-image-icon::before { - content: "\f1c5"; -} - -.ts-icon.is-gauge-high-icon::before { - content: "\f625"; -} - -.ts-icon.is-vuejs-icon::before { - font-family: "IconsBrands"; - content: "\f41f"; -} - -.ts-icon.is-hryvnia-sign-icon::before { - content: "\f6f2"; -} - -.ts-icon.is-person-rifle-icon::before { - content: "\e54e"; -} - -.ts-icon.is-building-lock-icon::before { - content: "\e4d6"; -} - -.ts-icon.is-heart-circle-check-icon::before { - content: "\e4fd"; -} - -.ts-icon.is-text-height-icon::before { - content: "\f034"; -} - -.ts-icon.is-tiktok-icon::before { - font-family: "IconsBrands"; - content: "\e07b"; -} - -.ts-icon.is-untappd-icon::before { - font-family: "IconsBrands"; - content: "\f405"; -} - -.ts-icon.is-heart-circle-xmark-icon::before { - content: "\e501"; -} - -.ts-icon.is-align-right-icon::before { - content: "\f038"; -} - -.ts-icon.is-chevron-left-icon::before { - content: "\f053"; -} - -.ts-icon.is-house-circle-xmark-icon::before { - content: "\e50b"; -} - -.ts-icon.is-share-nodes-icon::before { - content: "\f1e0"; -} - -.ts-icon.is-bots-icon::before { - font-family: "IconsBrands"; - content: "\e340"; -} - -.ts-icon.is-hamsa-icon::before { - content: "\f665"; -} - -.ts-icon.is-hard-drive-icon::before { - content: "\f0a0"; -} - -.ts-icon.is-jedi-icon::before { - content: "\f669"; -} - -.ts-icon.is-table-columns-icon::before { - content: "\f0db"; -} - -.ts-icon.is-google-drive-icon::before { - font-family: "IconsBrands"; - content: "\f3aa"; -} - -.ts-icon.is-blog-icon::before { - content: "\f781"; -} - -.ts-icon.is-box-archive-icon::before { - content: "\f187"; -} - -.ts-icon.is-dong-sign-icon::before { - content: "\e169"; -} - -.ts-icon.is-volume-xmark-icon::before { - content: "\f6a9"; -} - -.ts-icon.is-uncharted-icon::before { - font-family: "IconsBrands"; - content: "\e084"; -} - -.ts-icon.is-deskpro-icon::before { - font-family: "IconsBrands"; - content: "\f38f"; -} - -.ts-icon.is-film-icon::before { - content: "\f008"; -} - -.ts-icon.is-hill-avalanche-icon::before { - content: "\e507"; -} - -.ts-icon.is-hotjar-icon::before { - font-family: "IconsBrands"; - content: "\f3b1"; -} - -.ts-icon.is-kiwi-bird-icon::before { - content: "\f535"; -} - -.ts-icon.is-square-pinterest-icon::before { - font-family: "IconsBrands"; - content: "\f0d3"; -} - -.ts-icon.is-check-double-icon::before { - content: "\f560"; -} - -.ts-icon.is-money-bill-1-wave-icon::before { - content: "\f53b"; -} - -.ts-icon.is-pepper-hot-icon::before { - content: "\f816"; -} - -.ts-icon.is-beer-mug-empty-icon::before { - content: "\f0fc"; -} - -.ts-icon.is-file-circle-check-icon::before { - content: "\e5a0"; -} - -.ts-icon.is-rss-icon::before { - content: "\f09e"; -} - -.ts-icon.is-sellcast-icon::before { - font-family: "IconsBrands"; - content: "\f2da"; -} - -.ts-icon.is-slack-icon::before { - font-family: "IconsBrands"; - content: "\f198"; -} - -.ts-icon.is-yoast-icon::before { - font-family: "IconsBrands"; - content: "\f2b1"; -} - -.ts-icon.is-mobile-retro-icon::before { - content: "\e527"; -} - -.ts-icon.is-square-root-variable-icon::before { - content: "\f698"; -} - -.ts-icon.is-avianex-icon::before { - font-family: "IconsBrands"; - content: "\f374"; -} - -.ts-icon.is-building-flag-icon::before { - content: "\e4d5"; -} - -.ts-icon.is-earth-africa-icon::before { - content: "\f57c"; -} - -.ts-icon.is-python-icon::before { - font-family: "IconsBrands"; - content: "\f3e2"; -} - -.ts-icon.is-truck-monster-icon::before { - content: "\f63b"; -} - -.ts-icon.is-square-viadeo-icon::before { - font-family: "IconsBrands"; - content: "\f2aa"; -} - -.ts-icon.is-vaadin-icon::before { - font-family: "IconsBrands"; - content: "\f408"; -} - -.ts-icon.is-weight-scale-icon::before { - content: "\f496"; -} - -.ts-icon.is-bezier-curve-icon::before { - content: "\f55b"; -} - -.ts-icon.is-gitlab-icon::before { - font-family: "IconsBrands"; - content: "\f296"; -} - -.ts-icon.is-handshake-simple-icon::before { - content: "\f4c6"; -} - -.ts-icon.is-person-walking-luggage-icon::before { - content: "\e554"; -} - -.ts-icon.is-truck-ramp-box-icon::before { - content: "\f4de"; -} - -.ts-icon.is-vnv-icon::before { - font-family: "IconsBrands"; - content: "\f40b"; -} - -.ts-icon.is-hand-holding-hand-icon::before { - content: "\e4f7"; -} - -.ts-icon.is-user-shield-icon::before { - content: "\f505"; -} - -.ts-icon.is-austral-sign-icon::before { - content: "\e0a9"; -} - -.ts-icon.is-circle-stop-icon::before { - content: "\f28d"; -} - -.ts-icon.is-cloud-arrow-up-icon::before { - content: "\f0ee"; -} - -.ts-icon.is-cc-paypal-icon::before { - font-family: "IconsBrands"; - content: "\f1f4"; -} - -.ts-icon.is-ear-listen-icon::before { - content: "\f2a2"; -} - -.ts-icon.is-forward-icon::before { - content: "\f04e"; -} - -.ts-icon.is-goodreads-g-icon::before { - font-family: "IconsBrands"; - content: "\f3a9"; -} - -.ts-icon.is-hat-wizard-icon::before { - content: "\f6e8"; -} - -.ts-icon.is-wirsindhandwerk-icon::before { - font-family: "IconsBrands"; - content: "\e2d0"; -} - -.ts-icon.is-accusoft-icon::before { - font-family: "IconsBrands"; - content: "\f369"; -} - -.ts-icon.is-ferry-icon::before { - content: "\e4ea"; -} - -.ts-icon.is-file-prescription-icon::before { - content: "\f572"; -} - -.ts-icon.is-folder-open-icon::before { - content: "\f07c"; -} - -.ts-icon.is-location-crosshairs-icon::before { - content: "\f601"; -} - -.ts-icon.is-window-restore-icon::before { - content: "\f2d2"; -} - -.ts-icon.is-hands-clapping-icon::before { - content: "\e1a8"; -} - -.ts-icon.is-scroll-icon::before { - content: "\f70e"; -} - -.ts-icon.is-arrow-left-icon::before { - content: "\f060"; -} - -.ts-icon.is-discourse-icon::before { - font-family: "IconsBrands"; - content: "\f393"; -} - -.ts-icon.is-face-rolling-eyes-icon::before { - content: "\f5a5"; -} - -.ts-icon.is-walkie-talkie-icon::before { - content: "\f8ef"; -} - -.ts-icon.is-circle-nodes-icon::before { - content: "\e4e2"; -} - -.ts-icon.is-folder-tree-icon::before { - content: "\f802"; -} - -.ts-icon.is-old-republic-icon::before { - font-family: "IconsBrands"; - content: "\f510"; -} - -.ts-icon.is-person-rays-icon::before { - content: "\e54d"; -} - -.ts-icon.is-renren-icon::before { - font-family: "IconsBrands"; - content: "\f18b"; -} - -.ts-icon.is-peace-icon::before { - content: "\f67c"; -} - -.ts-icon.is-sailboat-icon::before { - content: "\e445"; -} - -.ts-icon.is-codiepie-icon::before { - font-family: "IconsBrands"; - content: "\f284"; -} - -.ts-icon.is-minimize-icon::before { - content: "\f78c"; -} - -.ts-icon.is-arrow-trend-up-icon::before { - content: "\e098"; -} - -.ts-icon.is-border-all-icon::before { - content: "\f84c"; -} - -.ts-icon.is-shopify-icon::before { - font-family: "IconsBrands"; - content: "\e057"; -} - -.ts-icon.is-van-shuttle-icon::before { - content: "\f5b6"; -} - -.ts-icon.is-border-none-icon::before { - content: "\f850"; -} - -.ts-icon.is-desktop-icon::before { - content: "\f390"; -} - -.ts-icon.is-person-skiing-icon::before { - content: "\f7c9"; -} - -.ts-icon.is-square-github-icon::before { - font-family: "IconsBrands"; - content: "\f092"; -} - -.ts-icon.is-teeth-open-icon::before { - content: "\f62f"; -} - -.ts-icon.is-css3-icon::before { - font-family: "IconsBrands"; - content: "\f13c"; -} - -.ts-icon.is-person-skiing-nordic-icon::before { - content: "\f7ca"; -} - -.ts-icon.is-toilets-portable-icon::before { - content: "\e584"; -} - -.ts-icon.is-diamond-icon::before { - content: "\f219"; -} - -.ts-icon.is-dolly-icon::before { - content: "\f472"; -} - -.ts-icon.is-face-grin-beam-icon::before { - content: "\f582"; -} - -.ts-icon.is-glide-icon::before { - font-family: "IconsBrands"; - content: "\f2a5"; -} - -.ts-icon.is-yarn-icon::before { - font-family: "IconsBrands"; - content: "\f7e3"; -} - -.ts-icon.is-bell-concierge-icon::before { - content: "\f562"; -} - -.ts-icon.is-bolt-icon::before { - content: "\f0e7"; -} - -.ts-icon.is-tents-icon::before { - content: "\e582"; -} - -.ts-icon.is-bacteria-icon::before { - content: "\e059"; -} - -.ts-icon.is-cart-plus-icon::before { - content: "\f217"; -} - -.ts-icon.is-cubes-icon::before { - content: "\f1b3"; -} - -.ts-icon.is-outdent-icon::before { - content: "\f03b"; -} - -.ts-icon.is-temperature-full-icon::before { - content: "\f2c7"; -} - -.ts-icon.is-brush-icon::before { - content: "\f55d"; -} - -.ts-icon.is-cc-jcb-icon::before { - font-family: "IconsBrands"; - content: "\f24b"; -} - -.ts-icon.is-puzzle-piece-icon::before { - content: "\f12e"; -} - -.ts-icon.is-bold-icon::before { - content: "\f032"; -} - -.ts-icon.is-cent-sign-icon::before { - content: "\e3f5"; -} - -.ts-icon.is-gauge-icon::before { - content: "\f624"; -} - -.ts-icon.is-lightbulb-icon::before { - content: "\f0eb"; -} - -.ts-icon.is-cannabis-icon::before { - content: "\f55f"; -} - -.ts-icon.is-person-skating-icon::before { - content: "\f7c5"; -} - -.ts-icon.is-star-half-stroke-icon::before { - content: "\f5c0"; -} - -.ts-icon.is-video-slash-icon::before { - content: "\f4e2"; -} - -.ts-icon.is-gulp-icon::before { - font-family: "IconsBrands"; - content: "\f3ae"; -} - -.ts-icon.is-meetup-icon::before { - font-family: "IconsBrands"; - content: "\f2e0"; -} - -.ts-icon.is-people-arrows-icon::before { - content: "\e068"; -} - -.ts-icon.is-chalkboard-user-icon::before { - content: "\f51c"; -} - -.ts-icon.is-fill-drip-icon::before { - content: "\f576"; -} - -.ts-icon.is-gitkraken-icon::before { - font-family: "IconsBrands"; - content: "\f3a6"; -} - -.ts-icon.is-face-flushed-icon::before { - content: "\f579"; -} - -.ts-icon.is-flag-usa-icon::before { - content: "\f74d"; -} - -.ts-icon.is-napster-icon::before { - font-family: "IconsBrands"; - content: "\f3d2"; -} - -.ts-icon.is-car-side-icon::before { - content: "\f5e4"; -} - -.ts-icon.is-fire-flame-simple-icon::before { - content: "\f46a"; -} - -.ts-icon.is-app-store-icon::before { - font-family: "IconsBrands"; - content: "\f36f"; -} - -.ts-icon.is-jet-fighter-icon::before { - content: "\f0fb"; -} - -.ts-icon.is-cubes-stacked-icon::before { - content: "\e4e6"; -} - -.ts-icon.is-hand-holding-heart-icon::before { - content: "\f4be"; -} - -.ts-icon.is-hotel-icon::before { - content: "\f594"; -} - -.ts-icon.is-arrow-up-1-9-icon::before { - content: "\f163"; -} - -.ts-icon.is-person-falling-icon::before { - content: "\e546"; -} - -.ts-icon.is-staff-snake-icon::before { - content: "\e579"; -} - -.ts-icon.is-video-icon::before { - content: "\f03d"; -} - -.ts-icon.is-language-icon::before { - content: "\f1ab"; -} - -.ts-icon.is-linux-icon::before { - font-family: "IconsBrands"; - content: "\f17c"; -} - -.ts-icon.is-stumbleupon-icon::before { - font-family: "IconsBrands"; - content: "\f1a4"; -} - -.ts-icon.is-unlock-keyhole-icon::before { - content: "\f13e"; -} - -.ts-icon.is-arrow-down-1-9-icon::before { - content: "\f162"; -} - -.ts-icon.is-arrow-right-from-bracket-icon::before { - content: "\f08b"; -} - -.ts-icon.is-bug-icon::before { - content: "\f188"; -} - -.ts-icon.is-head-side-cough-icon::before { - content: "\e061"; -} - -.ts-icon.is-people-line-icon::before { - content: "\e534"; -} - -.ts-icon.is-raspberry-pi-icon::before { - font-family: "IconsBrands"; - content: "\f7bb"; -} - -.ts-icon.is-arrow-up-icon::before { - content: "\f062"; -} - -.ts-icon.is-buy-n-large-icon::before { - font-family: "IconsBrands"; - content: "\f8a6"; -} - -.ts-icon.is-earth-europe-icon::before { - content: "\f7a2"; -} - -.ts-icon.is-tree-city-icon::before { - content: "\e587"; -} - -.ts-icon.is-user-tag-icon::before { - content: "\f507"; -} - -.ts-icon.is-disease-icon::before { - content: "\f7fa"; -} - -.ts-icon.is-equals-icon::before { - content: "\3d"; -} - -.ts-icon.is-heart-circle-bolt-icon::before { - content: "\e4fc"; -} - -.ts-icon.is-location-arrow-icon::before { - content: "\f124"; -} - -.ts-icon.is-user-injured-icon::before { - content: "\f728"; -} - -.ts-icon.is-align-center-icon::before { - content: "\f037"; -} - -.ts-icon.is-html5-icon::before { - font-family: "IconsBrands"; - content: "\f13b"; -} - -.ts-icon.is-mars-stroke-up-icon::before { - content: "\f22a"; -} - -.ts-icon.is-mercury-icon::before { - content: "\f223"; -} - -.ts-icon.is-square-git-icon::before { - font-family: "IconsBrands"; - content: "\f1d2"; -} - -.ts-icon.is-teamspeak-icon::before { - font-family: "IconsBrands"; - content: "\f4f9"; -} - -.ts-icon.is-asterisk-icon::before { - content: "\2a"; -} - -.ts-icon.is-building-wheat-icon::before { - content: "\e4db"; -} - -.ts-icon.is-fire-flame-curved-icon::before { - content: "\f7e4"; -} - -.ts-icon.is-hippo-icon::before { - content: "\f6ed"; -} - -.ts-icon.is-house-flood-water-circle-arrow-right-icon::before { - content: "\e50f"; -} - -.ts-icon.is-shapes-icon::before { - content: "\f61f"; -} - -.ts-icon.is-arrows-down-to-people-icon::before { - content: "\e4b9"; -} - -.ts-icon.is-chess-king-icon::before { - content: "\f43f"; -} - -.ts-icon.is-hospital-icon::before { - content: "\f0f8"; -} - -.ts-icon.is-simplybuilt-icon::before { - font-family: "IconsBrands"; - content: "\f215"; -} - -.ts-icon.is-anchor-lock-icon::before { - content: "\e4ad"; -} - -.ts-icon.is-mug-hot-icon::before { - content: "\f7b6"; -} - -.ts-icon.is-prescription-bottle-medical-icon::before { - content: "\f486"; -} - -.ts-icon.is-envelope-open-icon::before { - content: "\f2b6"; -} - -.ts-icon.is-exclamation-icon::before { - content: "\21"; -} - -.ts-icon.is-hand-dots-icon::before { - content: "\f461"; -} - -.ts-icon.is-house-icon::before { - content: "\f015"; -} - -.ts-icon.is-temperature-arrow-down-icon::before { - content: "\e03f"; -} - -.ts-icon.is-venus-icon::before { - content: "\f221"; -} - -.ts-icon.is-elevator-icon::before { - content: "\e16d"; -} - -.ts-icon.is-gauge-simple-high-icon::before { - content: "\f62a"; -} - -.ts-icon.is-user-nurse-icon::before { - content: "\f82f"; -} - -.ts-icon.is-cart-arrow-down-icon::before { - content: "\f218"; -} - -.ts-icon.is-hooli-icon::before { - font-family: "IconsBrands"; - content: "\f427"; -} - -.ts-icon.is-creative-commons-share-icon::before { - font-family: "IconsBrands"; - content: "\f4f2"; -} - -.ts-icon.is-mask-ventilator-icon::before { - content: "\e524"; -} - -.ts-icon.is-money-check-icon::before { - content: "\f53c"; -} - -.ts-icon.is-stopwatch-20-icon::before { - content: "\e06f"; -} - -.ts-icon.is-vk-icon::before { - font-family: "IconsBrands"; - content: "\f189"; -} - -.ts-icon.is-graduation-cap-icon::before { - content: "\f19d"; -} - -.ts-icon.is-jug-detergent-icon::before { - content: "\e519"; -} - -.ts-icon.is-plane-icon::before { - content: "\f072"; -} - -.ts-icon.is-speakap-icon::before { - font-family: "IconsBrands"; - content: "\f3f3"; -} - -.ts-icon.is-genderless-icon::before { - content: "\f22d"; -} - -.ts-icon.is-newspaper-icon::before { - content: "\f1ea"; -} - -.ts-icon.is-thumbtack-icon::before { - content: "\f08d"; -} - -.ts-icon.is-vials-icon::before { - content: "\f493"; -} - -.ts-icon.is-vimeo-v-icon::before { - font-family: "IconsBrands"; - content: "\f27d"; -} - -.ts-icon.is-arrow-down-long-icon::before { - content: "\f175"; -} - -.ts-icon.is-burger-icon::before { - content: "\f805"; -} - -.ts-icon.is-clipboard-list-icon::before { - content: "\f46d"; -} - -.ts-icon.is-code-pull-request-icon::before { - content: "\e13c"; -} - -.ts-icon.is-notes-medical-icon::before { - content: "\f481"; -} - -.ts-icon.is-candy-cane-icon::before { - content: "\f786"; -} - -.ts-icon.is-file-audio-icon::before { - content: "\f1c7"; -} - -.ts-icon.is-person-arrow-down-to-line-icon::before { - content: "\e538"; -} - -.ts-icon.is-plane-departure-icon::before { - content: "\f5b0"; -} - -.ts-icon.is-boxes-packing-icon::before { - content: "\e4c7"; -} - -.ts-icon.is-globe-icon::before { - content: "\f0ac"; -} - -.ts-icon.is-r-project-icon::before { - font-family: "IconsBrands"; - content: "\f4f7"; -} - -.ts-icon.is-user-group-icon::before { - content: "\f500"; -} - -.ts-icon.is-rotate-right-icon::before { - content: "\f2f9"; -} - -.ts-icon.is-tent-icon::before { - content: "\e57d"; -} - -.ts-icon.is-box-tissue-icon::before { - content: "\e05b"; -} - -.ts-icon.is-face-angry-icon::before { - content: "\f556"; -} - -.ts-icon.is-face-grin-wink-icon::before { - content: "\f58c"; -} - -.ts-icon.is-images-icon::before { - content: "\f302"; -} - -.ts-icon.is-location-pin-lock-icon::before { - content: "\e51f"; -} - -.ts-icon.is-rectangle-ad-icon::before { - content: "\f641"; -} - -.ts-icon.is-comments-dollar-icon::before { - content: "\f653"; -} - -.ts-icon.is-plug-circle-exclamation-icon::before { - content: "\e55d"; -} - -.ts-icon.is-cloud-sun-icon::before { - content: "\f6c4"; -} - -.ts-icon.is-gauge-simple-icon::before { - content: "\f629"; -} - -.ts-icon.is-indent-icon::before { - content: "\f03c"; -} - -.ts-icon.is-wheelchair-icon::before { - content: "\f193"; -} - -.ts-icon.is-blackberry-icon::before { - font-family: "IconsBrands"; - content: "\f37b"; -} - -.ts-icon.is-briefcase-medical-icon::before { - content: "\f469"; -} - -.ts-icon.is-calendar-minus-icon::before { - content: "\f272"; -} - -.ts-icon.is-orcid-icon::before { - font-family: "IconsBrands"; - content: "\f8d2"; -} - -.ts-icon.is-safari-icon::before { - font-family: "IconsBrands"; - content: "\f267"; -} - -.ts-icon.is-swatchbook-icon::before { - content: "\f5c3"; -} - -.ts-icon.is-less-than-icon::before { - content: "\3c"; -} - -.ts-icon.is-mars-double-icon::before { - content: "\f227"; -} - -.ts-icon.is-ban-smoking-icon::before { - content: "\f54d"; -} - -.ts-icon.is-business-time-icon::before { - content: "\f64a"; -} - -.ts-icon.is-circle-plus-icon::before { - content: "\f055"; -} - -.ts-icon.is-fort-awesome-alt-icon::before { - font-family: "IconsBrands"; - content: "\f3a3"; -} - -.ts-icon.is-hands-holding-icon::before { - content: "\f4c2"; -} - -.ts-icon.is-less-icon::before { - font-family: "IconsBrands"; - content: "\f41d"; -} - -.ts-icon.is-republican-icon::before { - content: "\f75e"; -} - -.ts-icon.is-file-code-icon::before { - content: "\f1c9"; -} - -.ts-icon.is-square-check-icon::before { - content: "\f14a"; -} - -.ts-icon.is-arrows-to-circle-icon::before { - content: "\e4bd"; -} - -.ts-icon.is-dharmachakra-icon::before { - content: "\f655"; -} - -.ts-icon.is-face-smile-icon::before { - content: "\f118"; -} - -.ts-icon.is-lines-leaning-icon::before { - content: "\e51e"; -} - -.ts-icon.is-plane-circle-xmark-icon::before { - content: "\e557"; -} - -.ts-icon.is-yammer-icon::before { - font-family: "IconsBrands"; - content: "\f840"; -} - -.ts-icon.is-crown-icon::before { - content: "\f521"; -} - -.ts-icon.is-file-circle-minus-icon::before { - content: "\e4ed"; -} - -.ts-icon.is-arrow-left-long-icon::before { - content: "\f177"; -} - -.ts-icon.is-face-laugh-wink-icon::before { - content: "\f59c"; -} - -.ts-icon.is-highlighter-icon::before { - content: "\f591"; -} - -.ts-icon.is-hourglass-end-icon::before { - content: "\f253"; -} - -.ts-icon.is-sort-down-icon::before { - content: "\f0dd"; -} - -.ts-icon.is-align-left-icon::before { - content: "\f036"; -} - -.ts-icon.is-arrows-turn-to-dots-icon::before { - content: "\e4c1"; -} - -.ts-icon.is-car-burst-icon::before { - content: "\f5e1"; -} - -.ts-icon.is-draft2digital-icon::before { - font-family: "IconsBrands"; - content: "\f396"; -} - -.ts-icon.is-font-icon::before { - content: "\f031"; -} - -.ts-icon.is-handshake-icon::before { - content: "\f2b5"; -} - -.ts-icon.is-circle-arrow-left-icon::before { - content: "\f0a8"; -} - -.ts-icon.is-deviantart-icon::before { - font-family: "IconsBrands"; - content: "\f1bd"; -} - -.ts-icon.is-linode-icon::before { - font-family: "IconsBrands"; - content: "\f2b8"; -} - -.ts-icon.is-hand-holding-dollar-icon::before { - content: "\f4c0"; -} - -.ts-icon.is-microblog-icon::before { - font-family: "IconsBrands"; - content: "\e01a"; -} - -.ts-icon.is-screenpal-icon::before { - font-family: "IconsBrands"; - content: "\e570"; -} - -.ts-icon.is-blogger-icon::before { - font-family: "IconsBrands"; - content: "\f37c"; -} - -.ts-icon.is-book-open-reader-icon::before { - content: "\f5da"; -} - -.ts-icon.is-football-icon::before { - content: "\f44e"; -} - -.ts-icon.is-gopuram-icon::before { - content: "\f664"; -} - -.ts-icon.is-hand-middle-finger-icon::before { - content: "\f806"; -} - -.ts-icon.is-list-check-icon::before { - content: "\f0ae"; -} - -.ts-icon.is-star-of-david-icon::before { - content: "\f69a"; -} - -.ts-icon.is-dice-three-icon::before { - content: "\f527"; -} - -.ts-icon.is-arrows-left-right-icon::before { - content: "\f07e"; -} - -.ts-icon.is-h-icon::before { - content: "\48"; -} - -.ts-icon.is-person-walking-with-cane-icon::before { - content: "\f29d"; -} - -.ts-icon.is-ravelry-icon::before { - font-family: "IconsBrands"; - content: "\f2d9"; -} - -.ts-icon.is-internet-explorer-icon::before { - font-family: "IconsBrands"; - content: "\f26b"; -} - -.ts-icon.is-wand-sparkles-icon::before { - content: "\f72b"; -} - -.ts-icon.is-ruler-horizontal-icon::before { - content: "\f547"; -} - -.ts-icon.is-scribd-icon::before { - font-family: "IconsBrands"; - content: "\f28a"; -} - -.ts-icon.is-chair-icon::before { - content: "\f6c0"; -} - -.ts-icon.is-creative-commons-zero-icon::before { - font-family: "IconsBrands"; - content: "\f4f3"; -} - -.ts-icon.is-hackerrank-icon::before { - font-family: "IconsBrands"; - content: "\f5f7"; -} - -.ts-icon.is-house-medical-circle-xmark-icon::before { - content: "\e513"; -} - -.ts-icon.is-question-icon::before { - content: "\3f"; -} - -.ts-icon.is-rotate-icon::before { - content: "\f2f1"; -} - -.ts-icon.is-tarp-icon::before { - content: "\e57b"; -} - -.ts-icon.is-temperature-half-icon::before { - content: "\f2c9"; -} - -.ts-icon.is-buffer-icon::before { - font-family: "IconsBrands"; - content: "\f837"; -} - -.ts-icon.is-building-user-icon::before { - content: "\e4da"; -} - -.ts-icon.is-head-side-mask-icon::before { - content: "\e063"; -} - -.ts-icon.is-person-dots-from-line-icon::before { - content: "\f470"; -} - -.ts-icon.is-signs-post-icon::before { - content: "\f277"; -} - -.ts-icon.is-venus-double-icon::before { - content: "\f226"; -} - -.ts-icon.is-calculator-icon::before { - content: "\f1ec"; -} - -.ts-icon.is-maxcdn-icon::before { - font-family: "IconsBrands"; - content: "\f136"; -} - -.ts-icon.is-coins-icon::before { - content: "\f51e"; -} - -.ts-icon.is-hands-praying-icon::before { - content: "\f684"; -} - -.ts-icon.is-pinterest-icon::before { - font-family: "IconsBrands"; - content: "\f0d2"; -} - -.ts-icon.is-instagram-icon::before { - font-family: "IconsBrands"; - content: "\f16d"; -} - -.ts-icon.is-tablets-icon::before { - content: "\f490"; -} - -.ts-icon.is-fulcrum-icon::before { - font-family: "IconsBrands"; - content: "\f50b"; -} - -.ts-icon.is-phone-flip-icon::before { - content: "\f879"; -} - -.ts-icon.is-road-circle-exclamation-icon::before { - content: "\e565"; -} - -.ts-icon.is-square-icon::before { - content: "\f0c8"; -} - -.ts-icon.is-battery-full-icon::before { - content: "\f240"; -} - -.ts-icon.is-book-open-icon::before { - content: "\f518"; -} - -.ts-icon.is-comment-dollar-icon::before { - content: "\f651"; -} - -.ts-icon.is-hive-icon::before { - font-family: "IconsBrands"; - content: "\e07f"; -} - -.ts-icon.is-hourglass-half-icon::before { - content: "\f252"; -} - -.ts-icon.is-person-through-window-icon::before { - content: "\e5a9"; -} - -.ts-icon.is-users-gear-icon::before { - content: "\f509"; -} - -.ts-icon.is-xbox-icon::before { - font-family: "IconsBrands"; - content: "\f412"; -} - -.ts-icon.is-building-circle-xmark-icon::before { - content: "\e4d4"; -} - -.ts-icon.is-figma-icon::before { - font-family: "IconsBrands"; - content: "\f799"; -} - -.ts-icon.is-house-signal-icon::before { - content: "\e012"; -} - -.ts-icon.is-mitten-icon::before { - content: "\f7b5"; -} - -.ts-icon.is-square-phone-icon::before { - content: "\f098"; -} - -.ts-icon.is-1-icon::before { - content: "\31"; -} - -.ts-icon.is-creative-commons-nc-icon::before { - font-family: "IconsBrands"; - content: "\f4e8"; -} - -.ts-icon.is-mound-icon::before { - content: "\e52d"; -} - -.ts-icon.is-people-carry-box-icon::before { - content: "\f4ce"; -} - -.ts-icon.is-pix-icon::before { - font-family: "IconsBrands"; - content: "\e43a"; -} - -.ts-icon.is-ruler-icon::before { - content: "\f545"; -} - -.ts-icon.is-js-icon::before { - font-family: "IconsBrands"; - content: "\f3b8"; -} - -.ts-icon.is-monument-icon::before { - content: "\f5a6"; -} - -.ts-icon.is-arrows-to-dot-icon::before { - content: "\e4be"; -} - -.ts-icon.is-audio-description-icon::before { - content: "\f29e"; -} - -.ts-icon.is-burst-icon::before { - content: "\e4dc"; -} - -.ts-icon.is-buysellads-icon::before { - font-family: "IconsBrands"; - content: "\f20d"; -} - -.ts-icon.is-flask-vial-icon::before { - content: "\e4f3"; -} - -.ts-icon.is-grav-icon::before { - font-family: "IconsBrands"; - content: "\f2d6"; -} - -.ts-icon.is-creative-commons-nc-jp-icon::before { - font-family: "IconsBrands"; - content: "\f4ea"; -} - -.ts-icon.is-face-grin-tongue-icon::before { - content: "\f589"; -} - -.ts-icon.is-square-nfi-icon::before { - content: "\e576"; -} - -.ts-icon.is-triangle-exclamation-icon::before { - content: "\f071"; -} - -.ts-icon.is-comment-icon::before { - content: "\f075"; -} - -.ts-icon.is-mars-stroke-icon::before { - content: "\f229"; -} - -.ts-icon.is-circle-down-icon::before { - content: "\f358"; -} - -.ts-icon.is-product-hunt-icon::before { - font-family: "IconsBrands"; - content: "\f288"; -} - -.ts-icon.is-rug-icon::before { - content: "\e569"; -} - -.ts-icon.is-screwdriver-wrench-icon::before { - content: "\f7d9"; -} - -.ts-icon.is-cow-icon::before { - content: "\f6c8"; -} - -.ts-icon.is-yen-sign-icon::before { - content: "\f157"; -} - -.ts-icon.is-diagram-project-icon::before { - content: "\f542"; -} - -.ts-icon.is-ghost-icon::before { - content: "\f6e2"; -} - -.ts-icon.is-hand-peace-icon::before { - content: "\f25b"; -} - -.ts-icon.is-down-long-icon::before { - content: "\f309"; -} - -.ts-icon.is-hand-holding-droplet-icon::before { - content: "\f4c1"; -} - -.ts-icon.is-reacteurope-icon::before { - font-family: "IconsBrands"; - content: "\f75d"; -} - -.ts-icon.is-sourcetree-icon::before { - font-family: "IconsBrands"; - content: "\f7d3"; -} - -.ts-icon.is-fire-burner-icon::before { - content: "\e4f1"; -} - -.ts-icon.is-pills-icon::before { - content: "\f484"; -} - -.ts-icon.is-schlix-icon::before { - font-family: "IconsBrands"; - content: "\f3ea"; -} - -.ts-icon.is-square-pied-piper-icon::before { - font-family: "IconsBrands"; - content: "\e01e"; -} - -.ts-icon.is-truck-field-un-icon::before { - content: "\e58e"; -} - -.ts-icon.is-joint-icon::before { - content: "\f595"; -} - -.ts-icon.is-shop-slash-icon::before { - content: "\e070"; -} - -.ts-icon.is-child-icon::before { - content: "\f1ae"; -} - -.ts-icon.is-square-up-right-icon::before { - content: "\f360"; -} - -.ts-icon.is-house-flood-water-icon::before { - content: "\e50e"; -} - -.ts-icon.is-link-icon::before { - content: "\f0c1"; -} - -.ts-icon.is-umbrella-beach-icon::before { - content: "\f5ca"; -} - -.ts-icon.is-500px-icon::before { - font-family: "IconsBrands"; - content: "\f26e"; -} - -.ts-icon.is-arrow-turn-down-icon::before { - content: "\f149"; -} - -.ts-icon.is-bluetooth-b-icon::before { - font-family: "IconsBrands"; - content: "\f294"; -} - -.ts-icon.is-faucet-drip-icon::before { - content: "\e006"; -} - -.ts-icon.is-square-arrow-up-right-icon::before { - content: "\f14c"; -} - -.ts-icon.is-toggle-on-icon::before { - content: "\f205"; -} - -.ts-icon.is-wizards-of-the-coast-icon::before { - font-family: "IconsBrands"; - content: "\f730"; -} - -.ts-icon.is-anchor-circle-exclamation-icon::before { - content: "\e4ab"; -} - -.ts-icon.is-arrow-down-up-lock-icon::before { - content: "\e4b0"; -} - -.ts-icon.is-bridge-circle-check-icon::before { - content: "\e4c9"; -} - -.ts-icon.is-nimblr-icon::before { - font-family: "IconsBrands"; - content: "\f5a8"; -} - -.ts-icon.is-school-circle-xmark-icon::before { - content: "\e56d"; -} - -.ts-icon.is-strikethrough-icon::before { - content: "\f0cc"; -} - -.ts-icon.is-left-right-icon::before { - content: "\f337"; -} - -.ts-icon.is-bugs-icon::before { - content: "\e4d0"; -} - -.ts-icon.is-plane-circle-check-icon::before { - content: "\e555"; -} - -.ts-icon.is-whiskey-glass-icon::before { - content: "\f7a0"; -} - -.ts-icon.is-traffic-light-icon::before { - content: "\f637"; -} - -.ts-icon.is-adversal-icon::before { - font-family: "IconsBrands"; - content: "\f36a"; -} - -.ts-icon.is-building-icon::before { - content: "\f1ad"; -} - -.ts-icon.is-dailymotion-icon::before { - font-family: "IconsBrands"; - content: "\e052"; -} - -.ts-icon.is-git-alt-icon::before { - font-family: "IconsBrands"; - content: "\f841"; -} - -.ts-icon.is-kaggle-icon::before { - font-family: "IconsBrands"; - content: "\f5fa"; -} - -.ts-icon.is-radio-icon::before { - content: "\f8d7"; -} - -.ts-icon.is-bimobject-icon::before { - font-family: "IconsBrands"; - content: "\f378"; -} - -.ts-icon.is-arrow-trend-down-icon::before { - content: "\e097"; -} - -.ts-icon.is-feather-pointed-icon::before { - content: "\f56b"; -} - -.ts-icon.is-filter-circle-dollar-icon::before { - content: "\f662"; -} - -.ts-icon.is-music-icon::before { - content: "\f001"; -} - -.ts-icon.is-road-bridge-icon::before { - content: "\e563"; -} - -.ts-icon.is-shuffle-icon::before { - content: "\f074"; -} - -.ts-icon.is-dochub-icon::before { - font-family: "IconsBrands"; - content: "\f394"; -} - -.ts-icon.is-gg-icon::before { - font-family: "IconsBrands"; - content: "\f260"; -} - -.ts-icon.is-map-icon::before { - content: "\f279"; -} - -.ts-icon.is-hand-point-right-icon::before { - content: "\f0a4"; -} - -.ts-icon.is-mdb-icon::before { - font-family: "IconsBrands"; - content: "\f8ca"; -} - -.ts-icon.is-pied-piper-pp-icon::before { - font-family: "IconsBrands"; - content: "\f1a7"; -} - -.ts-icon.is-map-location-dot-icon::before { - content: "\f5a0"; -} - -.ts-icon.is-person-circle-minus-icon::before { - content: "\e540"; -} - -.ts-icon.is-spotify-icon::before { - font-family: "IconsBrands"; - content: "\f1bc"; -} - -.ts-icon.is-hand-holding-icon::before { - content: "\f4bd"; -} - -.ts-icon.is-hockey-puck-icon::before { - content: "\f453"; -} - -.ts-icon.is-person-icon::before { - content: "\f183"; -} - -.ts-icon.is-anchor-circle-xmark-icon::before { - content: "\e4ac"; -} - -.ts-icon.is-binoculars-icon::before { - content: "\f1e5"; -} - -.ts-icon.is-carrot-icon::before { - content: "\f787"; -} - -.ts-icon.is-css3-alt-icon::before { - font-family: "IconsBrands"; - content: "\f38b"; -} - -.ts-icon.is-envelope-circle-check-icon::before { - content: "\e4e8"; -} - -.ts-icon.is-angle-right-icon::before { - content: "\f105"; -} - -.ts-icon.is-check-icon::before { - content: "\f00c"; -} - -.ts-icon.is-rev-icon::before { - font-family: "IconsBrands"; - content: "\f5b2"; -} - -.ts-icon.is-soundcloud-icon::before { - font-family: "IconsBrands"; - content: "\f1be"; -} - -.ts-icon.is-square-dribbble-icon::before { - font-family: "IconsBrands"; - content: "\f397"; -} - -.ts-icon.is-chess-bishop-icon::before { - content: "\f43a"; -} - -.ts-icon.is-cloud-moon-icon::before { - content: "\f6c3"; -} - -.ts-icon.is-faucet-icon::before { - content: "\e005"; -} - -.ts-icon.is-head-side-cough-slash-icon::before { - content: "\e062"; -} - -.ts-icon.is-nutritionix-icon::before { - font-family: "IconsBrands"; - content: "\f3d6"; -} - -.ts-icon.is-pied-piper-hat-icon::before { - font-family: "IconsBrands"; - content: "\f4e5"; -} - -.ts-icon.is-church-icon::before { - content: "\f51d"; -} - -.ts-icon.is-circle-minus-icon::before { - content: "\f056"; -} - -.ts-icon.is-f-icon::before { - content: "\46"; -} - -.ts-icon.is-person-swimming-icon::before { - content: "\f5c4"; -} - -.ts-icon.is-comments-icon::before { - content: "\f086"; -} - -.ts-icon.is-hand-back-fist-icon::before { - content: "\f255"; -} - -.ts-icon.is-calendar-plus-icon::before { - content: "\f271"; -} - -.ts-icon.is-dog-icon::before { - content: "\f6d3"; -} - -.ts-icon.is-lock-open-icon::before { - content: "\f3c1"; -} - -.ts-icon.is-arrows-up-to-line-icon::before { - content: "\e4c2"; -} - -.ts-icon.is-mobile-icon::before { - content: "\f3ce"; -} - -.ts-icon.is-perbyte-icon::before { - font-family: "IconsBrands"; - content: "\e083"; -} - -.ts-icon.is-vr-cardboard-icon::before { - content: "\f729"; -} - -.ts-icon.is-yahoo-icon::before { - font-family: "IconsBrands"; - content: "\f19e"; -} - -.ts-icon.is-filter-icon::before { - content: "\f0b0"; -} - -.ts-icon.is-hand-fist-icon::before { - content: "\f6de"; -} - -.ts-icon.is-house-medical-circle-check-icon::before { - content: "\e511"; -} - -.ts-icon.is-megaport-icon::before { - font-family: "IconsBrands"; - content: "\f5a3"; -} - -.ts-icon.is-shrimp-icon::before { - content: "\e448"; -} - -.ts-icon.is-suitcase-icon::before { - content: "\f0f2"; -} - -.ts-icon.is-plane-up-icon::before { - content: "\e22d"; -} - -.ts-icon.is-sleigh-icon::before { - content: "\f7cc"; -} - -.ts-icon.is-a-icon::before { - content: "\41"; -} - -.ts-icon.is-airbnb-icon::before { - font-family: "IconsBrands"; - content: "\f834"; -} - -.ts-icon.is-child-dress-icon::before { - content: "\e59c"; -} - -.ts-icon.is-npm-icon::before { - font-family: "IconsBrands"; - content: "\f3d4"; -} - -.ts-icon.is-bookmark-icon::before { - content: "\f02e"; -} - -.ts-icon.is-calendar-icon::before { - content: "\f133"; -} - -.ts-icon.is-child-reaching-icon::before { - content: "\e59d"; -} - -.ts-icon.is-cloud-rain-icon::before { - content: "\f73d"; -} - -.ts-icon.is-creative-commons-sa-icon::before { - font-family: "IconsBrands"; - content: "\f4ef"; -} - -.ts-icon.is-school-icon::before { - content: "\f549"; -} - -.ts-icon.is-trash-icon::before { - content: "\f1f8"; -} - -.ts-icon.is-parachute-box-icon::before { - content: "\f4cd"; -} - -.ts-icon.is-snowplow-icon::before { - content: "\f7d2"; -} - -.ts-icon.is-wikipedia-w-icon::before { - font-family: "IconsBrands"; - content: "\f266"; -} - -.ts-icon.is-face-laugh-squint-icon::before { - content: "\f59b"; -} - -.ts-icon.is-face-tired-icon::before { - content: "\f5c8"; -} - -.ts-icon.is-firstdraft-icon::before { - font-family: "IconsBrands"; - content: "\f3a1"; -} - -.ts-icon.is-land-mine-on-icon::before { - content: "\e51b"; -} - -.ts-icon.is-arrow-right-to-city-icon::before { - content: "\e4b3"; -} - -.ts-icon.is-cc-discover-icon::before { - font-family: "IconsBrands"; - content: "\f1f2"; -} - -.ts-icon.is-mars-and-venus-burst-icon::before { - content: "\e523"; -} - -.ts-icon.is-worm-icon::before { - content: "\e599"; -} - -.ts-icon.is-chess-pawn-icon::before { - content: "\f443"; -} - -.ts-icon.is-g-icon::before { - content: "\47"; -} - -.ts-icon.is-lira-sign-icon::before { - content: "\f195"; -} - -.ts-icon.is-person-snowboarding-icon::before { - content: "\f7ce"; -} - -.ts-icon.is-poo-icon::before { - content: "\f2fe"; -} - -.ts-icon.is-arrow-down-icon::before { - content: "\f063"; -} - -.ts-icon.is-peseta-sign-icon::before { - content: "\e221"; -} - -.ts-icon.is-replyd-icon::before { - font-family: "IconsBrands"; - content: "\f3e6"; -} - -.ts-icon.is-vial-virus-icon::before { - content: "\e597"; -} - -.ts-icon.is-blender-icon::before { - content: "\f517"; -} - -.ts-icon.is-briefcase-icon::before { - content: "\f0b1"; -} - -.ts-icon.is-cloud-meatball-icon::before { - content: "\f73b"; -} - -.ts-icon.is-d-and-d-beyond-icon::before { - font-family: "IconsBrands"; - content: "\f6ca"; -} - -.ts-icon.is-ussunnah-icon::before { - font-family: "IconsBrands"; - content: "\f407"; -} - -.ts-icon.is-face-grin-wide-icon::before { - content: "\f581"; -} - -.ts-icon.is-helmet-un-icon::before { - content: "\e503"; -} - -.ts-icon.is-ice-cream-icon::before { - content: "\f810"; -} - -.ts-icon.is-square-vimeo-icon::before { - font-family: "IconsBrands"; - content: "\f194"; -} - -.ts-icon.is-deezer-icon::before { - font-family: "IconsBrands"; - content: "\e077"; -} - -.ts-icon.is-hand-scissors-icon::before { - content: "\f257"; -} - -.ts-icon.is-crosshairs-icon::before { - content: "\f05b"; -} - -.ts-icon.is-prescription-bottle-icon::before { - content: "\f485"; -} - -.ts-icon.is-shield-halved-icon::before { - content: "\f3ed"; -} - -.ts-icon.is-smog-icon::before { - content: "\f75f"; -} - -.ts-icon.is-truck-moving-icon::before { - content: "\f4df"; -} - -.ts-icon.is-campground-icon::before { - content: "\f6bb"; -} - -.ts-icon.is-caret-right-icon::before { - content: "\f0da"; -} - -.ts-icon.is-diaspora-icon::before { - font-family: "IconsBrands"; - content: "\f791"; -} - -.ts-icon.is-opencart-icon::before { - font-family: "IconsBrands"; - content: "\f23d"; -} - -.ts-icon.is-chart-column-icon::before { - content: "\e0e3"; -} - -.ts-icon.is-satellite-icon::before { - content: "\f7bf"; -} - -.ts-icon.is-stamp-icon::before { - content: "\f5bf"; -} - -.ts-icon.is-file-circle-question-icon::before { - content: "\e4ef"; -} - -.ts-icon.is-record-vinyl-icon::before { - content: "\f8d9"; -} - -.ts-icon.is-square-reddit-icon::before { - font-family: "IconsBrands"; - content: "\f1a2"; -} - -.ts-icon.is-warehouse-icon::before { - content: "\f494"; -} - -.ts-icon.is-rockrms-icon::before { - font-family: "IconsBrands"; - content: "\f3e9"; -} - -.ts-icon.is-yelp-icon::before { - font-family: "IconsBrands"; - content: "\f1e9"; -} - -.ts-icon.is-diagram-next-icon::before { - content: "\e476"; -} - -.ts-icon.is-left-long-icon::before { - content: "\f30a"; -} - -.ts-icon.is-voicemail-icon::before { - content: "\f897"; -} - -.ts-icon.is-clock-rotate-left-icon::before { - content: "\f1da"; -} - -.ts-icon.is-gofore-icon::before { - font-family: "IconsBrands"; - content: "\f3a7"; -} - -.ts-icon.is-arrow-right-arrow-left-icon::before { - content: "\f0ec"; -} - -.ts-icon.is-heart-circle-plus-icon::before { - content: "\e500"; -} - -.ts-icon.is-mars-icon::before { - content: "\f222"; -} - -.ts-icon.is-flag-icon::before { - content: "\f024"; -} - -.ts-icon.is-heart-icon::before { - content: "\f004"; -} - -.ts-icon.is-gavel-icon::before { - content: "\f0e3"; -} - -.ts-icon.is-y-combinator-icon::before { - font-family: "IconsBrands"; - content: "\f23b"; -} - -.ts-icon.is-bowl-food-icon::before { - content: "\e4c6"; -} - -.ts-icon.is-circle-chevron-right-icon::before { - content: "\f138"; -} - -.ts-icon.is-compass-drafting-icon::before { - content: "\f568"; -} - -.ts-icon.is-face-frown-icon::before { - content: "\f119"; -} - -.ts-icon.is-vihara-icon::before { - content: "\f6a7"; -} - -.ts-icon.is-biohazard-icon::before { - content: "\f780"; -} - -.ts-icon.is-house-fire-icon::before { - content: "\e50c"; -} - -.ts-icon.is-magento-icon::before { - font-family: "IconsBrands"; - content: "\f3c4"; -} - -.ts-icon.is-octopus-deploy-icon::before { - font-family: "IconsBrands"; - content: "\e082"; -} - -.ts-icon.is-square-snapchat-icon::before { - font-family: "IconsBrands"; - content: "\f2ad"; -} - -.ts-icon.is-wifi-icon::before { - content: "\f1eb"; -} - -.ts-icon.is-square-font-awesome-icon::before { - font-family: "IconsBrands"; - content: "\e5ad"; -} - -.ts-icon.is-arrow-right-to-bracket-icon::before { - content: "\f090"; -} - -.ts-icon.is-bity-icon::before { - font-family: "IconsBrands"; - content: "\f37a"; -} - -.ts-icon.is-kip-sign-icon::before { - content: "\e1c4"; -} - -.ts-icon.is-pallet-icon::before { - content: "\f482"; -} - -.ts-icon.is-ruler-combined-icon::before { - content: "\f546"; -} - -.ts-icon.is-sass-icon::before { - font-family: "IconsBrands"; - content: "\f41e"; -} - -.ts-icon.is-temperature-three-quarters-icon::before { - content: "\f2c8"; -} - -.ts-icon.is-angle-down-icon::before { - content: "\f107"; -} - -.ts-icon.is-arrow-down-wide-short-icon::before { - content: "\f160"; -} - -.ts-icon.is-file-shield-icon::before { - content: "\e4f0"; -} - -.ts-icon.is-hand-pointer-icon::before { - content: "\f25a"; -} - -.ts-icon.is-ruble-sign-icon::before { - content: "\f158"; -} - -.ts-icon.is-square-poll-vertical-icon::before { - content: "\f681"; -} - -.ts-icon.is-bitbucket-icon::before { - font-family: "IconsBrands"; - content: "\f171"; -} - -.ts-icon.is-torii-gate-icon::before { - content: "\f6a1"; -} - -.ts-icon.is-watchman-monitoring-icon::before { - font-family: "IconsBrands"; - content: "\e087"; -} - -.ts-icon.is-bucket-icon::before { - content: "\e4cf"; -} - -.ts-icon.is-person-military-pointing-icon::before { - content: "\e54a"; -} - -.ts-icon.is-share-from-square-icon::before { - content: "\f14d"; -} - -.ts-icon.is-arrows-down-to-line-icon::before { - content: "\e4b8"; -} - -.ts-icon.is-cash-register-icon::before { - content: "\f788"; -} - -.ts-icon.is-cheese-icon::before { - content: "\f7ef"; -} - -.ts-icon.is-square-facebook-icon::before { - font-family: "IconsBrands"; - content: "\f082"; -} - -.ts-icon.is-ticket-simple-icon::before { - content: "\f3ff"; -} - -.ts-icon.is-wpexplorer-icon::before { - font-family: "IconsBrands"; - content: "\f2de"; -} - -.ts-icon.is-wodu-icon::before { - font-family: "IconsBrands"; - content: "\e088"; -} - -.ts-icon.is-angle-up-icon::before { - content: "\f106"; -} - -.ts-icon.is-face-grin-beam-sweat-icon::before { - content: "\f583"; -} - -.ts-icon.is-github-icon::before { - font-family: "IconsBrands"; - content: "\f09b"; -} - -.ts-icon.is-neos-icon::before { - font-family: "IconsBrands"; - content: "\f612"; -} - -.ts-icon.is-shuttle-space-icon::before { - content: "\f197"; -} - -.ts-icon.is-truck-icon::before { - content: "\f0d1"; -} - -.ts-icon.is-landmark-flag-icon::before { - content: "\e51c"; -} - -.ts-icon.is-magnifying-glass-location-icon::before { - content: "\f689"; -} - -.ts-icon.is-volume-low-icon::before { - content: "\f027"; -} - -.ts-icon.is-gas-pump-icon::before { - content: "\f52f"; -} - -.ts-icon.is-gg-circle-icon::before { - font-family: "IconsBrands"; - content: "\f261"; -} - -.ts-icon.is-laptop-medical-icon::before { - content: "\f812"; -} - -.ts-icon.is-rectangle-list-icon::before { - content: "\f022"; -} - -.ts-icon.is-steam-symbol-icon::before { - font-family: "IconsBrands"; - content: "\f3f6"; -} - -.ts-icon.is-arrows-rotate-icon::before { - content: "\f021"; -} - -.ts-icon.is-phoenix-squadron-icon::before { - font-family: "IconsBrands"; - content: "\f511"; -} - -.ts-icon.is-tent-arrow-turn-left-icon::before { - content: "\e580"; -} - -.ts-icon.is-trowel-bricks-icon::before { - content: "\e58a"; -} - -.ts-icon.is-accessible-icon-icon::before { - font-family: "IconsBrands"; - content: "\f368"; -} - -.ts-icon.is-building-circle-arrow-right-icon::before { - content: "\e4d1"; -} - -.ts-icon.is-city-icon::before { - content: "\f64f"; -} - -.ts-icon.is-fax-icon::before { - content: "\f1ac"; -} - -.ts-icon.is-shield-heart-icon::before { - content: "\e574"; -} - -.ts-icon.is-square-gitlab-icon::before { - font-family: "IconsBrands"; - content: "\e5ae"; -} - -.ts-icon.is-chevron-up-icon::before { - content: "\f077"; -} - -.ts-icon.is-mattress-pillow-icon::before { - content: "\e525"; -} - -.ts-icon.is-shekel-sign-icon::before { - content: "\f20b"; -} - -.ts-icon.is-user-large-icon::before { - content: "\f406"; -} - -.ts-icon.is-adn-icon::before { - font-family: "IconsBrands"; - content: "\f170"; -} - -.ts-icon.is-house-circle-check-icon::before { - content: "\e509"; -} - -.ts-icon.is-tower-cell-icon::before { - content: "\e585"; -} - -.ts-icon.is-cruzeiro-sign-icon::before { - content: "\e152"; -} - -.ts-icon.is-empire-icon::before { - font-family: "IconsBrands"; - content: "\f1d1"; -} - -.ts-icon.is-ideal-icon::before { - font-family: "IconsBrands"; - content: "\e013"; -} - -.ts-icon.is-osi-icon::before { - font-family: "IconsBrands"; - content: "\f41a"; -} - -.ts-icon.is-pump-medical-icon::before { - content: "\e06a"; -} - -.ts-icon.is-synagogue-icon::before { - content: "\f69b"; -} - -.ts-icon.is-egg-icon::before { - content: "\f7fb"; -} - -.ts-icon.is-etsy-icon::before { - font-family: "IconsBrands"; - content: "\f2d7"; -} - -.ts-icon.is-helicopter-symbol-icon::before { - content: "\e502"; -} - -.ts-icon.is-house-medical-flag-icon::before { - content: "\e514"; -} - -.ts-icon.is-e-icon::before { - content: "\45"; -} - -.ts-icon.is-hat-cowboy-icon::before { - content: "\f8c0"; -} - -.ts-icon.is-list-icon::before { - content: "\f03a"; -} - -.ts-icon.is-mixer-icon::before { - font-family: "IconsBrands"; - content: "\e056"; -} - -.ts-icon.is-calendar-xmark-icon::before { - content: "\f273"; -} - -.ts-icon.is-person-pregnant-icon::before { - content: "\e31e"; -} - -.ts-icon.is-train-tram-icon::before { - content: "\e5b4"; -} - -.ts-icon.is-brazilian-real-sign-icon::before { - content: "\e46c"; -} - -.ts-icon.is-tenge-sign-icon::before { - content: "\f7d7"; -} - -.ts-icon.is-user-gear-icon::before { - content: "\f4fe"; -} - -.ts-icon.is-heart-crack-icon::before { - content: "\f7a9"; -} - -.ts-icon.is-houzz-icon::before { - font-family: "IconsBrands"; - content: "\f27c"; -} - -.ts-icon.is-road-circle-xmark-icon::before { - content: "\e566"; -} - -.ts-icon.is-meteor-icon::before { - content: "\f753"; -} - -.ts-icon.is-person-walking-arrow-right-icon::before { - content: "\e552"; -} - -.ts-icon.is-bell-slash-icon::before { - content: "\f1f6"; -} - -.ts-icon.is-building-un-icon::before { - content: "\e4d9"; -} - -.ts-icon.is-champagne-glasses-icon::before { - content: "\f79f"; -} - -.ts-icon.is-compass-icon::before { - content: "\f14e"; -} - -.ts-icon.is-forward-fast-icon::before { - content: "\f050"; -} - -.ts-icon.is-keybase-icon::before { - font-family: "IconsBrands"; - content: "\f4f5"; -} - -.ts-icon.is-plug-circle-minus-icon::before { - content: "\e55e"; -} - -.ts-icon.is-trello-icon::before { - font-family: "IconsBrands"; - content: "\f181"; -} - -.ts-icon.is-arrow-rotate-right-icon::before { - content: "\f01e"; -} - -.ts-icon.is-bridge-lock-icon::before { - content: "\e4cc"; -} - -.ts-icon.is-clone-icon::before { - content: "\f24d"; -} - -.ts-icon.is-money-bill-icon::before { - content: "\f0d6"; -} - -.ts-icon.is-signature-icon::before { - content: "\f5b7"; -} - -.ts-icon.is-b-icon::before { - content: "\42"; -} - -.ts-icon.is-copyright-icon::before { - content: "\f1f9"; -} - -.ts-icon.is-edge-legacy-icon::before { - font-family: "IconsBrands"; - content: "\e078"; -} - -.ts-icon.is-php-icon::before { - font-family: "IconsBrands"; - content: "\f457"; -} - -.ts-icon.is-virus-covid-icon::before { - content: "\e4a8"; -} - -.ts-icon.is-handcuffs-icon::before { - content: "\e4f8"; -} - -.ts-icon.is-p-icon::before { - content: "\50"; -} - -.ts-icon.is-square-odnoklassniki-icon::before { - font-family: "IconsBrands"; - content: "\f264"; -} - -.ts-icon.is-cc-visa-icon::before { - font-family: "IconsBrands"; - content: "\f1f0"; -} - -.ts-icon.is-thumbs-down-icon::before { - content: "\f165"; -} - -.ts-icon.is-sort-up-icon::before { - content: "\f0de"; -} - -.ts-icon.is-square-caret-up-icon::before { - content: "\f151"; -} - -.ts-icon.is-user-pen-icon::before { - content: "\f4ff"; -} - -.ts-icon.is-hand-lizard-icon::before { - content: "\f258"; -} - -.ts-icon.is-person-half-dress-icon::before { - content: "\e548"; -} - -.ts-icon.is-plug-circle-xmark-icon::before { - content: "\e560"; -} - -.ts-icon.is-toggle-off-icon::before { - content: "\f204"; -} - -.ts-icon.is-circle-user-icon::before { - content: "\f2bd"; -} - -.ts-icon.is-line-icon::before { - font-family: "IconsBrands"; - content: "\f3c0"; -} - -.ts-icon.is-heart-circle-minus-icon::before { - content: "\e4ff"; -} - -.ts-icon.is-paypal-icon::before { - font-family: "IconsBrands"; - content: "\f1ed"; -} - -.ts-icon.is-stapler-icon::before { - content: "\e5af"; -} - -.ts-icon.is-table-list-icon::before { - content: "\f00b"; -} - -.ts-icon.is-t-icon::before { - content: "\54"; -} - -.ts-icon.is-edge-icon::before { - font-family: "IconsBrands"; - content: "\f282"; -} - -.ts-icon.is-file-video-icon::before { - content: "\f1c8"; -} - -.ts-icon.is-wheat-awn-icon::before { - content: "\e2cd"; -} - -.ts-icon.is-fort-awesome-icon::before { - font-family: "IconsBrands"; - content: "\f286"; -} - -.ts-icon.is-circle-check-icon::before { - content: "\f058"; -} - -.ts-icon.is-face-grin-squint-tears-icon::before { - content: "\f586"; -} - -.ts-icon.is-robot-icon::before { - content: "\f544"; -} - -.ts-icon.is-scale-unbalanced-flip-icon::before { - content: "\f516"; -} - -.ts-icon.is-arrow-up-wide-short-icon::before { - content: "\f161"; -} - -.ts-icon.is-dumpster-icon::before { - content: "\f793"; -} - -.ts-icon.is-viber-icon::before { - font-family: "IconsBrands"; - content: "\f409"; -} - -.ts-icon.is-battery-empty-icon::before { - content: "\f244"; -} - -.ts-icon.is-house-chimney-user-icon::before { - content: "\e065"; -} - -.ts-icon.is-id-card-clip-icon::before { - content: "\f47f"; -} - -.ts-icon.is-martini-glass-citrus-icon::before { - content: "\f561"; -} - -.ts-icon.is-splotch-icon::before { - content: "\f5bc"; -} - -.ts-icon.is-subscript-icon::before { - content: "\f12c"; -} - -.ts-icon.is-info-icon::before { - content: "\f129"; -} - -.ts-icon.is-up-right-from-square-icon::before { - content: "\f35d"; -} - -.ts-icon.is-amazon-pay-icon::before { - font-family: "IconsBrands"; - content: "\f42c"; -} - -.ts-icon.is-hacker-news-icon::before { - font-family: "IconsBrands"; - content: "\f1d4"; -} - -.ts-icon.is-researchgate-icon::before { - font-family: "IconsBrands"; - content: "\f4f8"; -} - -.ts-icon.is-sheet-plastic-icon::before { - content: "\e571"; -} - -.ts-icon.is-clipboard-question-icon::before { - content: "\e4e3"; -} - -.ts-icon.is-file-csv-icon::before { - content: "\f6dd"; -} - diff --git a/docs/en-us/assets/tocas/iconset.css b/docs/en-us/assets/tocas/iconset.css deleted file mode 100644 index d84379051..000000000 --- a/docs/en-us/assets/tocas/iconset.css +++ /dev/null @@ -1,62 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-iconset { - display: flex; - gap: 1rem; - line-height: 1.7; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-iconset .item { -} - -.ts-iconset .ts-icon { - width: 3rem; - min-width: 3rem; - height: 3rem; - background: var(--ts-gray-100); - justify-content: center; - align-items: center; - font-size: 1.4rem; - display: flex; - border-radius: 0.4rem; -} - -.ts-iconset .content { -} - -.ts-iconset .content .title { - font-weight: 500; - line-height: 1.4; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Circular - */ - -.ts-iconset.is-circular .ts-icon { - border-radius: 100rem; -} - -/** - * Outlined - */ - -.ts-iconset.is-outlined .ts-icon { - background: transparent; - border: 2px solid var(--ts-gray-300); - box-sizing: border-box; -} diff --git a/docs/en-us/assets/tocas/loading.css b/docs/en-us/assets/tocas/loading.css deleted file mode 100644 index 0fd7792a6..000000000 --- a/docs/en-us/assets/tocas/loading.css +++ /dev/null @@ -1,64 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -@keyframes ts-loading-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-loading { - font-family: "Icons"; - font-weight: normal; - font-style: normal; - display: inline; - text-decoration: inherit; - text-align: center; - -webkit-font-smoothing: antialiased; - backface-visibility: hidden; - display: inline-block; - animation: ts-loading-spin 2s linear infinite; - - color: var(--ts-gray-600); - font-size: 2rem; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-loading::after { - content: "\f110"; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Notched - */ - -.ts-loading.is-notched::after { - content: "\f1ce"; -} - -/** - * Sizes - */ - -.ts-loading.is-small { - font-size: 1rem; -} - -.ts-loading.is-large { - font-size: 2.8rem; -} diff --git a/docs/en-us/assets/tocas/menu.css b/docs/en-us/assets/tocas/menu.css deleted file mode 100644 index 45c1855f6..000000000 --- a/docs/en-us/assets/tocas/menu.css +++ /dev/null @@ -1,161 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -.ts-menu { - --object-distance: 0.8rem; -} - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-menu { - color: inherit; - display: flex; - flex-direction: column; -} - -.ts-menu .item { - font-family: inherit; - appearance: none; - border: unset; - font-size: inherit; - text-align: inherit; - background: transparent; - color: inherit; - line-height: 1; - text-decoration: none; - display: flex; - align-items: center; - padding: 0.8rem 1rem; - gap: var(--object-distance); -} - -.ts-menu .item .ts-icon { - font-size: 1.1em; -} - -.ts-menu .item .ts-badge { - margin-left: auto; - margin-top: -1px; -} - -.ts-menu .item .ts-avatar { - margin-top: -0.4rem; - margin-bottom: -0.4rem; -} - -.ts-menu .item .description { - font-size: var(--ts-relative-small); - color: var(--ts-gray-500); - - text-align: right; - margin-left: auto; - float: right; -} - -.ts-menu .item:hover { - cursor: pointer; - background: var(--ts-gray-75); -} - -.ts-menu .item :where(.ts-row, .ts-grid) { - flex: 1; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Active - */ - -.ts-menu .item.is-active { - background: var(--ts-gray-800); - color: var(--ts-gray-50); -} - -/** - * Disabled - */ - -.ts-menu .item.is-disabled { - opacity: 0.5; - pointer-events: none; - user-select: none; -} - -/** - * Selected - */ - -.ts-menu .item.is-selected { - background: var(--ts-primary-700); - color: var(--ts-white); -} - -/** - * Separated - */ - -.ts-menu.is-separated { - gap: 0.25rem; -} - -.ts-menu.is-separated .item { - border-radius: 0.4rem; -} - -/** - * Icon - */ - -.ts-menu.is-start-icon .item .ts-icon { - min-width: 1rem; - text-align: center; - display: inline-block; - margin-top: 2px; -} - -.ts-menu.is-end-icon .item .ts-icon { - margin-left: auto; - min-width: 1rem; - text-align: center; - display: inline-block; - margin-top: 2px; -} - -/** - * Collapsed - */ - -.ts-menu.is-collapsed { - width: fit-content; -} - -/** - * Density - */ - -.ts-menu.is-relaxed .item { - padding-top: 1.1rem; - padding-bottom: 1.1rem; -} - -.ts-menu.is-dense .item { - padding-top: 0.65rem; - padding-bottom: 0.65rem; -} - -/** - * Sizes - */ - -.ts-menu.is-small { - font-size: var(--ts-font-size-14px); -} -.ts-menu.is-large { - font-size: var(--ts-font-size-16px); -} diff --git a/docs/en-us/assets/tocas/notification.css b/docs/en-us/assets/tocas/notification.css deleted file mode 100644 index e1a1d8b4e..000000000 --- a/docs/en-us/assets/tocas/notification.css +++ /dev/null @@ -1,99 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-notification { - display: flex; - gap: 1rem; - align-items: flex-start; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-notification .aside .ts-icon { - padding: 0.9rem; - background: var(--ts-gray-200); - border-radius: 0.4rem; - font-size: 1.3rem; - color: var(--ts-gray-600); - display: block; - width: auto; - line-height: 1; -} - -.ts-notification .aside .ts-image { - object-fit: cover; - aspect-ratio: 1/1; - max-height: 44px; - border-radius: 0.4rem; -} - -.ts-notification .content .actions { - border-top: 1px solid var(--ts-gray-300); - margin-top: 0.5rem; - padding-top: 0.5rem; - display: flex; - gap: 1rem; -} - -.ts-notification .content .actions .item { - border: none; - margin: 0; - padding: 0; - width: auto; - overflow: visible; - background: transparent; - color: inherit; - font: inherit; - line-height: normal; - border-radius: 0; - outline: none; - box-sizing: border-box; - user-select: none; - - -webkit-font-smoothing: inherit; - -moz-osx-font-smoothing: inherit; - -webkit-appearance: none; - - cursor: pointer; -} - -.ts-notification .content { - font-size: 14px; - color: var(--ts-gray-800); - flex: 1; -} - -.ts-notification .content .text { - min-height: 42px; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Emphasises - */ - -.ts-notification .content .actions .item.is-primary { - color: var(--ts-primary-700); -} - -.ts-notification .content .actions .item.is-negative { - color: var(--ts-negative-600); -} - -/** - * Secondary - */ - -.ts-notification .content .actions .item.is-secondary { - color: var(--ts-gray-500); -} diff --git a/docs/en-us/assets/tocas/pagination.css b/docs/en-us/assets/tocas/pagination.css deleted file mode 100644 index 461edc29b..000000000 --- a/docs/en-us/assets/tocas/pagination.css +++ /dev/null @@ -1,140 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-pagination { - background: var(--ts-gray-200); - display: inline-flex; - padding: 0.25rem 0.5rem; - border-radius: 100rem; - color: var(--ts-gray-800); - border: 1px solid var(--ts-gray-200); -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-pagination .item { - border-radius: 100rem; - padding: 0.5rem 0.8rem; - line-height: 1; - margin: 0 0.15rem; - color: var(--ts-gray-800); - cursor: pointer; - text-decoration: none; - display: flex; - align-items: center; - justify-content: center; - gap: 0.5rem; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Active - */ - -.ts-pagination .item.is-active { - background: var(--ts-gray-800); - color: var(--ts-gray-50); -} - -/** - * Fluid - */ - -.ts-pagination.is-fluid { - display: flex; -} - -/** - * Disabled - */ - -.ts-pagination .item.is-disabled { - opacity: 0.5; - pointer-events: none; - user-select: none; -} - -/** - * Aligns - */ - -/*.ts-pagination.is-end-aligned { - margin-left: auto; -}*/ - -/** - * Next & Back - */ - -.ts-pagination .item.is-back, -.ts-pagination .item.is-next { - font-family: "Icons"; - font-weight: normal; - font-style: normal; - text-decoration: inherit; - text-align: center; - -webkit-font-smoothing: antialiased; - backface-visibility: hidden; - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - -.ts-pagination .item.is-back::before { - content: "\f053"; - font-size: 13px; -} - -.ts-pagination .item.is-next { - margin-left: auto; -} - -.ts-pagination .item.is-next::after { - content: "\f054"; - font-size: 13px; -} - -/** - * Secondary - */ - -.ts-pagination.is-secondary { - padding: 0; - background: transparent; - border-color: transparent; -} - -/** - * Sizes - */ - -.ts-pagination.is-small { - font-size: var(--ts-font-size-13px); -} - -.ts-pagination.is-large { - font-size: var(--ts-font-size-17px); -} - -/** - * Dense - */ - -.ts-pagination.is-dense { - padding-top: 0.15rem; - padding-bottom: 0.15rem; -} - -.ts-pagination.is-dense .item { - padding-top: 0.3rem; - padding-bottom: 0.3rem; -} diff --git a/docs/en-us/assets/tocas/placeholder.css b/docs/en-us/assets/tocas/placeholder.css deleted file mode 100644 index bd0cfaaa0..000000000 --- a/docs/en-us/assets/tocas/placeholder.css +++ /dev/null @@ -1,216 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -@keyframes ts-placeholder-shimmer { - 0% { - background-position: -1000px 0; - } - 100% { - background-position: 1000px 0; - } -} - -@keyframes ts-placeholder-blink { - 30% { - opacity: 0; - } -} - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-placeholder { -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-placeholder .text, -.ts-placeholder .image.is-header::after, -.ts-placeholder .image.is-header::before, -.ts-placeholder .image { - background: var(--ts-gray-200); - height: 0.8em; - width: 45%; - margin: 0.8em 0; -} - -.ts-placeholder:first-child > *:first-child { - margin-top: 0; -} - -.ts-placeholder:last-child > *:last-child { - margin-bottom: 0; -} - -.ts-placeholder .image { - height: 150px; - width: 100%; -} - -.ts-placeholder .text:nth-child(1) { - width: 43%; -} -.ts-placeholder .text:nth-child(2) { - width: 78%; -} -.ts-placeholder .text:nth-child(3) { - width: 70%; -} -.ts-placeholder .text:nth-child(4) { - width: 80%; -} -.ts-placeholder .text:nth-child(5) { - width: 60%; -} -.ts-placeholder .text:nth-child(6) { - width: 44%; -} -.ts-placeholder .text:nth-child(7) { - width: 63%; -} -.ts-placeholder .text:nth-child(8) { - width: 49%; -} -.ts-placeholder .text:nth-child(9) { - width: 72%; -} -.ts-placeholder .text:nth-child(10) { - width: 61%; -} -.ts-placeholder .text:nth-child(11) { - width: 45%; -} -.ts-placeholder .text:nth-child(12) { - width: 55%; -} -.ts-placeholder .text:nth-child(13) { - width: 56%; -} -.ts-placeholder .text:nth-child(14) { - width: 57%; -} -.ts-placeholder .text:nth-child(15) { - width: 73%; -} -.ts-placeholder .text:nth-child(16) { - width: 59%; -} -.ts-placeholder .text:nth-child(17) { - width: 47%; -} -.ts-placeholder .text:nth-child(18) { - width: 77%; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Header - */ - -.ts-placeholder .text.is-header { - background: var(--ts-gray-300); -} - -.ts-placeholder .image.is-header { - width: 36px; - height: 36px; - position: static; -} - -.ts-placeholder .image.is-header::after, -.ts-placeholder .image.is-header::before { - position: absolute; - content: ""; - margin: 0; -} - -.ts-placeholder .image.is-header::after { - top: 0; - left: calc(36px + 1rem); - width: 65%; - background: var(--ts-gray-300); -} - -.ts-placeholder .image.is-header::before { - top: 25px; - left: calc(36px + 1rem); - width: 55%; -} - -/** - * Preparing - */ - -.ts-placeholder.is-preparing .text, -.ts-placeholder.is-preparing .text.is-header, -.ts-placeholder.is-preparing .image.is-header::after, -.ts-placeholder.is-preparing .image.is-header::before, -.ts-placeholder.is-preparing .image { - animation-duration: 1.8s; - animation-fill-mode: alternate; - animation-iteration-count: infinite; - animation-name: ts-placeholder-blink; - animation-timing-function: linear; -} - -/** - * Loading - */ - -.ts-placeholder.is-loading .text, -.ts-placeholder.is-loading .text.is-header, -.ts-placeholder.is-loading .image.is-header::after, -.ts-placeholder.is-loading .image.is-header::before, -.ts-placeholder.is-loading .image { - animation-duration: 1.2s; - animation-fill-mode: forwards; - animation-iteration-count: infinite; - animation-name: ts-placeholder-shimmer; - animation-timing-function: linear; - - background: linear-gradient(to right, var(--ts-gray-200) 8%, var(--ts-gray-300) 18%, var(--ts-gray-200) 33%); - background-size: 1000px 200px; -} - -.ts-placeholder.is-loading .text.is-header { - background: linear-gradient(to right, var(--ts-gray-300) 8%, var(--ts-gray-400) 18%, var(--ts-gray-300) 33%); - background-size: 1000px 200px; -} - -/** - * Rounded - */ - -.ts-placeholder.is-rounded * { - border-radius: 0.4rem; -} - -/** - * Widthes - */ - -.ts-placeholder .text.is-short { - width: 30%; -} -.ts-placeholder .text.is-very-short { - width: 30%; -} -.ts-placeholder .text.is-extra-short { - width: 20%; -} -.ts-placeholder .text.is-long { - width: 70%; -} -.ts-placeholder .text.is-very-long { - width: 80%; -} -.ts-placeholder .text.is-extra-long { - width: 90%; -} diff --git a/docs/en-us/assets/tocas/progress.css b/docs/en-us/assets/tocas/progress.css deleted file mode 100644 index e5890b180..000000000 --- a/docs/en-us/assets/tocas/progress.css +++ /dev/null @@ -1,176 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -@keyframes ts-progress-active { - from { - opacity: 0.8; - width: 0%; - } - to { - opacity: 0; - width: 100%; - } -} - -@keyframes ts-progress-animation { - from { - background-position: 0px; - } - to { - background-position: 40px; - } -} - -@keyframes ts-progress-indeterminate { - 0% { - margin-left: -10%; - margin-right: 100%; - } - 40% { - margin-left: 25%; - margin-right: 0%; - } - 100% { - margin-left: 100%; - margin-right: 0; - } -} - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-progress { - display: flex; - border-radius: 0.4rem; - background: var(--ts-gray-300); - overflow: hidden; - min-height: 1.6rem; - line-height: 1; -} - -.ts-progress .bar { - --value: 0; - - display: inline-flex; - align-items: center; - justify-content: flex-end; - background: var(--ts-gray-800); - color: var(--ts-gray-50); - padding: 0rem 0.5rem; - font-size: var(--ts-font-size-14px); - border-radius: 0.4rem; - min-width: fit-content; - text-align: right; - transition: width 1s ease-out; - width: calc(var(--value) * 1%); - z-index: 1; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Active - */ - -.ts-progress.is-active .bar { -} - -.ts-progress.is-active .bar::after { - position: absolute; - top: 0; - bottom: 0; - left: 0; - content: ""; - background: #5a5a5a; - border-radius: 0.4rem; - animation: ts-progress-active 2s cubic-bezier(0.4, 0, 0.2, 1) infinite; -} - -/** - * Empty - */ - -.ts-progress.is-empty .bar { - background: transparent; - color: var(--ts-gray-800); -} - -/** - * Processing - */ - -.ts-progress.is-processing { - background-size: 40px 40px; - background-image: linear-gradient(135deg, #9e9e9e 25%, #949494 25%, #949494 50%, #9e9e9e 50%, #9e9e9e 75%, #949494 75%, #949494 100%); - animation: ts-progress-animation 2s linear 0s infinite; -} - -/** - * Indeterminate - */ - -.ts-progress.is-indeterminate .bar { - animation: ts-progress-indeterminate 2s cubic-bezier(0.4, 0, 0.2, 1) 0s infinite; - width: 100% !important; - min-width: 0; -} - -.ts-progress.is-indeterminate .bar .text { - visibility: hidden; -} - -/** - * Queried - */ - -.ts-progress.is-queried .bar { - animation: ts-progress-indeterminate 2s cubic-bezier(0.4, 0, 0.2, 1) 0s infinite; - animation-direction: reverse; - width: 100% !important; - min-width: 0; -} - -.ts-progress.is-queried .bar .text { - visibility: hidden; -} - -/** - * Secondary - */ - -.ts-progress .bar.is-secondary { - position: absolute; - top: 0; - bottom: 0; - z-index: 0; - background: var(--ts-gray-400); - color: var(--ts-gray-800); -} - -/** - * Sizes - */ - -.ts-progress.is-tiny { - min-height: 0.7rem; -} - -.ts-progress.is-tiny .bar .text { - font-size: 0.8em; -} - -.ts-progress.is-small { - min-height: 1.2rem; -} - -.ts-progress.is-small .bar .text { - font-size: 0.85em; -} - -.ts-progress.is-large .bar { - min-height: calc(1.75rem + 1.75rem / 4); -} diff --git a/docs/en-us/assets/tocas/quote.css b/docs/en-us/assets/tocas/quote.css deleted file mode 100644 index 30b11ce08..000000000 --- a/docs/en-us/assets/tocas/quote.css +++ /dev/null @@ -1,97 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-quote { - padding-left: 3rem; - padding-top: 1rem; - color: inherit; -} - -.ts-quote::before { - content: "“"; - position: absolute; - top: 0em; - left: 0px; - font-size: 5rem; - font-family: Georgia, "Times New Roman", Times; - color: var(--ts-gray-300); - line-height: 1; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-quote .cite { - font-style: normal; - color: var(--ts-gray-600); - margin-top: 1rem; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Heading - */ - -.ts-quote.is-heading { - font-size: var(--ts-font-size-20px); - font-weight: 500; - color: var(--ts-gray-800); - padding: 0; - text-align: center; -} - -.ts-quote.is-heading::before { - background: var(--ts-gray-100); - color: var(--ts-gray-800); - border-radius: 50%; - content: "”"; - display: block; - font-size: 3.3rem; - font-weight: bold; - line-height: 1.2; - margin: 0 auto .5rem auto; - text-align: center; - height: 2.6rem; - width: 2.6rem; - position: relative; -} - -.ts-quote.is-heading .cite { - font-size: 15px; - font-weight: normal; - margin-top: 0; -} - -/** - * Secondary - */ - -.ts-quote.is-secondary { - border-left: 5px solid var(--ts-gray-300); - padding: 0 0 0 2rem; -} - -.ts-quote.is-secondary::before { - display: none; -} - -/** - * Sizes - */ - -.ts-quote.is-small { - font-size: var(--ts-font-size-14px); -} - -.ts-quote.is-large { - font-size: var(--ts-font-size-17px); -} diff --git a/docs/en-us/assets/tocas/reboot.css b/docs/en-us/assets/tocas/reboot.css deleted file mode 100644 index 38cd8531e..000000000 --- a/docs/en-us/assets/tocas/reboot.css +++ /dev/null @@ -1,114 +0,0 @@ -/* ========================================================================== - Reset - ========================================================================== */ - -/** - * Document - * - * 1. 讓所有的元素不會因為內距而更改其 `width` 寬度。 - * 2. 讓元素預設都以相對位置呈現，這樣裡面的 `absolute` 元素才能有父依據。 - */ - -*, -*::before, -*::after { - box-sizing: border-box; /** 1. */ - position: relative; /** 2. */ -} - -/** - * HTML - * - * 1. 指定預設的動態背景與文字顏色，這樣才可以支援亮與暗色主題。 - * 2. 預設要讓網頁能夠填滿整個螢幕才能讓某些元素運用整個高度。 - */ - -html { - background: var(--ts-gray-50); /** 1. */ - color: var(--ts-gray-800); /** 1. */ - - font-size: 15px; - line-height: 1.75; -} - -html, -body { - height: 100%; /** 2. */ -} - -/** - * Body - * - * 1. 移除所有瀏覽器上的外距。 - * 2. 避免元素過寬而出現不好捲動的水平捲軸。 - * 3. 避免 iOS 在轉向之後變更字體縮放大小。 - * 4. 改為透明來移除 Webkit 瀏覽器上的點擊高光。 - */ -body { - margin: 0; /** 1. */ - overflow-x: hidden; /** 2. */ - -webkit-text-size-adjust: 100%; /** 3. */ - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /** 4. */ - - font-family: "Noto Sans TC", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", "Microsoft JhengHei", wf_SegoeUI, "Segoe UI", - Segoe, "Segoe WP", Tahoma, Verdana, Ubuntu, "Bitstream Vera Sans", "DejaVu Sans", 微軟正黑體, "LiHei Pro", "WenQuanYi Micro Hei", "Droid Sans Fallback", - "AR PL UMing TW", Roboto, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", Meiryo, "Droid Sans", sans-serif; -} - -/** - * Input for iOS date input - * - * https://github.com/teacat/tocas/issues/804 - * https://github.com/twbs/bootstrap/pull/31993 - * https://github.com/twbs/bootstrap/blob/80621d6431acd964690f89352b4f1bf8be9cfaf3/scss/forms/_form-control.scss#L47 - */ - -input::-webkit-date-and-time-value { - min-height: calc(1rem * 1.5); -} - -/** - * Button - */ - -button { - border: none; - margin: 0; - padding: 0; - width: auto; - overflow: visible; - background: transparent; - color: inherit; - font: inherit; - line-height: normal; - -webkit-font-smoothing: inherit; - -moz-osx-font-smoothing: inherit; - -webkit-appearance: none; - cursor: pointer; - user-select: none; -} - -/** - * Paragraphy - */ - -[class*="ts-"] :where(p) { - margin-block-start: 1em; - margin-block-end: 1em; -} - -[class*="ts-"] :where(:first-child) { - margin-block-start: 0; -} - -[class*="ts-"] .ts-header + p { - margin-block-start: 0.5em; -} - -[class*="ts-"] :where(:last-child) { - margin-block-end: 0; -} - -[class*=ts-] :where(a) { - color: inherit; -} diff --git a/docs/en-us/assets/tocas/row.css b/docs/en-us/assets/tocas/row.css deleted file mode 100644 index f731b2365..000000000 --- a/docs/en-us/assets/tocas/row.css +++ /dev/null @@ -1,114 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-row { - display: flex; - gap: 1rem; - color: inherit; -} - -.ts-row .column { - /*flex-shrink: 0;*/ -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Aligns - */ - -.ts-row.is-start-aligned { - justify-content: flex-start; -} - -.ts-row.is-center-aligned { - justify-content: center; -} - -.ts-row.is-end-aligned { - justify-content: flex-end; -} - -.ts-row.is-top-aligned { - align-items: flex-start; -} - -.ts-row.is-middle-aligned { - align-items: center; -} - -.ts-row.is-bottom-aligned { - align-items: flex-end; -} - -.ts-row .column.is-middle-aligned { - align-items: center; - display: flex; -} - -.ts-row .column.is-center-aligned { - justify-content: center; - display: flex; -} - -.ts-row .column.is-bottom-aligned { - align-items: flex-end; - display: flex; -} - -.ts-row .column.is-start-aligned { - text-align: left; -} - -.ts-row .column.is-end-aligned { - text-align: right; -} - -/** - * Truncated - */ - -.ts-row .column.is-truncated, -.ts-row .column.is-truncated * { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -/** - * Evenly Divided - */ - -.ts-row.is-evenly-divided .column { - flex: 1; -} - -/** - * Fluid - */ - -.ts-row .column.is-fluid { - flex: 1; - min-width: 0; - flex-grow: 1; - /*flex-shrink: 1;*/ -} - -/** - * Gapless - */ - -.ts-row.is-compact { - gap: 0.5rem; -} - -.ts-row.is-relaxed { - gap: 2rem; -} diff --git a/docs/en-us/assets/tocas/select.css b/docs/en-us/assets/tocas/select.css deleted file mode 100644 index 27db45506..000000000 --- a/docs/en-us/assets/tocas/select.css +++ /dev/null @@ -1,267 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -.ts-select { - --object-distance-vertical: 0.4rem; - --object-distance-horizontal: 0.8rem; - --height: var(--ts-input-height-medium); -} - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-select { - display: inline-flex; - background: var(--ts-gray-50); - border: 1px solid var(--ts-gray-300); - border-radius: 0.4rem; - cursor: pointer; - height: var(--height); -} - - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-select select { - border: none; - margin: 0; - background: inherit; - font: inherit; - outline: none; - box-sizing: border-box; - user-select: none; - border-radius: 0.4rem; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - - -webkit-font-smoothing: inherit; - -moz-osx-font-smoothing: inherit; - -webkit-appearance: none; -} - -.ts-select select:focus { - outline: 0; -} - -.ts-select select, -.ts-select .content { - line-height: 1.5; - font-size: var(--ts-font-size-14px); - color: var(--ts-gray-800); - - padding: 0 1rem; - padding-right: 2.5rem; - - width: 100%; - cursor: pointer; -} - -.ts-select .content { - user-select: none; - display: flex; - gap: var(--object-distance-vertical) var(--object-distance-horizontal); - align-items: center; - width: calc(100% - 2.5rem); - overflow: hidden; -} - -.ts-select .content, -.ts-select .content * { - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - flex-shrink: 0; -} - -.ts-select select option { - background: inherit; -} - -.ts-select::after { - pointer-events: none; - position: absolute; - top: 0; - right: 1rem; - bottom: 0; - display: flex; - align-items: center; - justify-content: center; - color: var(--ts-gray-700); - - font-family: "Icons"; - font-weight: normal; - font-style: normal; - - text-decoration: inherit; - text-align: center; - width: 1.18em; - -webkit-font-smoothing: antialiased; - backface-visibility: hidden; - content: "\f078"; - font-size: 13px; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Active - */ - -.ts-select.is-active { - border-color: var(--ts-primary-600); -} - -/** If select is-active then open child .ts-dropdown also */ -.ts-select.is-active .ts-dropdown { - display: inline-flex; -} - -/** - * Solid - */ - -.ts-select.is-solid { - background: var(--ts-gray-100); - border-color: transparent; -} - -/** Focus */ -.ts-select:focus-within { - border-color: var(--ts-primary-600); -} - -/** - * Underlined - */ - -.ts-select.is-underlined { - border-radius: 0.4rem 0.4rem 0 0; - border: 2px solid transparent; - background: var(--ts-gray-100); - border-bottom: 2px solid var(--ts-gray-400); -} - -.ts-select.is-underlined select option { - background: var(--ts-gray-50); -} - -.ts-select.is-underlined:focus-within { - border-bottom-color: var(--ts-primary-600); -} - -/** - * Basic - */ - -.ts-select.is-basic { - padding: 0; - background: transparent; - border-color: transparent; - min-height: initial; -} - -.ts-select.is-basic select { - line-height: 1; - padding: 0 1.4rem 0 0; -} - -.ts-select.is-basic::after { - right: 0; - font-size: 12px; - padding-top: 2px; -} - -/** - * Disabled - */ - -.ts-select.is-disabled { - pointer-events: none; - opacity: 0.5; - user-select: none; -} - -/** - * Fluid - */ - -.ts-select.is-fluid { - width: 100%; -} - -/** - * Negative - */ - -.ts-select.is-negative { - border-color: var(--ts-negative-400); -} - -.ts-select.is-negative select { - color: var(--ts-negative-600); - font-weight: 500; -} - -.ts-select.is-negative.is-underlined { - border-color: transparent; - border-bottom-color: var(--ts-negative-400); -} - -/** - * Sizes - */ - -.ts-select.is-small { - --height: var(--ts-input-height-small); -} -.ts-select.is-large { - --height: var(--ts-input-height-large); -} - -.ts-select.is-small select { - font-size: var(--ts-font-size-13px); -} -.ts-select.is-large select { - font-size: var(--ts-font-size-17px); -} - -/** - * Dense - */ - -.ts-select.is-dense { - --height: var(--ts-input-height-medium-dense); -} - -.ts-select.is-dense.is-small { - --height: var(--ts-input-height-small-dense); -} -.ts-select.is-dense.is-large { - --height: var(--ts-input-height-large-dense); -} - -/** - * Wrappable - */ - -.ts-select.is-wrappable { - min-height: var(--height); - height: auto; - padding: 0.184em 0; -} - -.ts-select.is-wrappable .content { - flex-wrap: wrap; -} - -.ts-select.is-wrappable::after { - top: 0.5em; - bottom: initial; -} \ No newline at end of file diff --git a/docs/en-us/assets/tocas/selection.css b/docs/en-us/assets/tocas/selection.css deleted file mode 100644 index 8bb882ced..000000000 --- a/docs/en-us/assets/tocas/selection.css +++ /dev/null @@ -1,140 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -.ts-selection { - --height: var(--ts-input-height-medium); -} - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-selection { - border: 1px solid var(--ts-gray-100); - border-radius: 0.4rem; - padding: 0 0.35rem; - display: inline-flex; - background: var(--ts-gray-100); - box-sizing: border-box; - height: var(--height); - align-items: center; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-selection .item { - display: flex; -} - -.ts-selection .item .text { - display: inline-flex; - padding: 0.25rem 1rem; - border-radius: 0.3rem; - font-size: var(--ts-absolute-small); - color: var(--ts-gray-800); - border-color: var(--ts-gray-100); - user-select: none; - cursor: pointer; - align-items: center; - justify-content: center; - text-align: center; - line-height: 1.5; -} - -.ts-selection .item input { - display: none; -} - -.ts-selection input:checked + .text { - background: var(--ts-primary-700); - border-color: var(--ts-primary-700); - color: var(--ts-white); -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Disabled - */ - -.ts-selection.is-disabled { - pointer-events: none; - opacity: 0.5; - user-select: none; -} - -.ts-selection .item.is-disabled { - pointer-events: none; - opacity: 0.5; - user-select: none; -} - -/** - * Circular - */ - -.ts-selection.is-circular { - border-radius: 100rem; -} - -.ts-selection.is-circular .item .text { - border-radius: 100rem; -} - -/** - * Fluid - */ - -.ts-selection.is-fluid { - width: 100%; -} -.ts-selection.is-fluid .item { - flex: 1; -} -.ts-selection.is-fluid .item .text { - width: 100%; -} - -/** - * Sizes - */ - -.ts-selection.is-small { - --height: var(--ts-input-height-small); -} - -.ts-selection.is-small .item .text { - font-size: var(--ts-font-size-13px); -} - -.ts-selection.is-large { - --height: var(--ts-input-height-large); -} - -.ts-selection.is-large .item .text { - font-size: var(--ts-font-size-17px); -} - -/** - * Dense - */ - -.ts-selection.is-dense { - --height: var(--ts-input-height-medium-dense); -} -.ts-selection.is-dense.is-small { - --height: var(--ts-input-height-small-dense); -} -.ts-selection.is-dense.is-small { - --height: var(--ts-input-height-large-dense); -} - -.ts-selection.is-dense .item .text { - padding-top: 0.1rem; - padding-bottom: 0.1rem; -} diff --git a/docs/en-us/assets/tocas/snackbar.css b/docs/en-us/assets/tocas/snackbar.css deleted file mode 100644 index 7da7c81b2..000000000 --- a/docs/en-us/assets/tocas/snackbar.css +++ /dev/null @@ -1,70 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-snackbar { - background: var(--ts-static-gray-800); - color: var(--ts-white); - display: inline-flex; - padding: 0.35rem 1rem; - border-radius: 0.4rem; - font-size: var(--ts-absolute-small); -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-snackbar .content { - margin: 0.25rem 0; -} - -.ts-snackbar .action { - border: none; - margin: 0; - padding: 0; - width: auto; - overflow: visible; - background: transparent; - color: inherit; - font: inherit; - line-height: normal; - border-radius: 0; - outline: none; - box-sizing: border-box; - user-select: none; - - margin-right: -0.5rem; - - -webkit-font-smoothing: inherit; - -moz-osx-font-smoothing: inherit; - -webkit-appearance: none; - - margin-left: 2rem; - - align-self: flex-start; - padding: 0.65em 1em; - font-weight: 500; - line-height: 1; - white-space: nowrap; - color: var(--ts-primary-400); - border-radius: 0.4rem; - font-size: var(--ts-absolute-small); - cursor: pointer; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Negative - */ - -.ts-snackbar .action.is-negative { - color: var(--ts-negative-500); -} diff --git a/docs/en-us/assets/tocas/statistic.css b/docs/en-us/assets/tocas/statistic.css deleted file mode 100644 index 119055287..000000000 --- a/docs/en-us/assets/tocas/statistic.css +++ /dev/null @@ -1,152 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-statistic { - display: flex; - color: inherit; - gap: 0.5rem; - align-items: center; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-statistic .value { - display: inline-flex; - font-size: var(--ts-relative-massive); - font-weight: 500; - line-height: 1.4; - align-items: center; -} - -.ts-statistic .unit { - font-size: var(--ts-relative-medium); - color: var(--ts-gray-600); -} - -.ts-statistic .comparison { - font-size: var(--ts-relative-medium); - display: flex; - align-items: center; - justify-content: center; - color: var(--ts-gray-600); -} - -.ts-statistic .comparison::before { - font-family: "Icons"; - margin-right: 0.35rem; - margin-top: 2px; - font-size: 1rem; -} - -.ts-statistic .ts-icon { - font-size: var(--ts-relative-massive); - margin-right: 0.5rem; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Aligns - */ - -.ts-statistic.is-start-aligned > .value { - justify-content: flex-start; -} - -.ts-statistic.is-center-aligned > .value { - justify-content: center; -} - -/** - * Centered - */ - -.ts-statistic.is-centered { - display: flex; - align-items: center; - justify-content: center; -} - -/** - * Text - */ - -.ts-statistic > .value.is-text { - font-size: 1em; - min-height: calc(2.125rem + 0.3rem); -} - -/** - * Comparisons - */ - -.ts-statistic .comparison.is-increased::before { - content: "\f0d8"; -} - -.ts-statistic .comparison.is-decreased::before { - content: "\f0d7"; -} - -.ts-statistic.is-increased .value::before, -.ts-statistic.is-decreased .value::before { - font-family: "Icons"; - margin-right: 0.5rem; -} - -.ts-statistic.is-increased .value::before { - content: "\f0d8"; -} - -.ts-statistic.is-decreased .value::before { - content: "\f0d7"; -} - -/** - * Fluid - */ - -.ts-statistic.is-fluid { - width: 100%; -} - -/** - * Sizes - */ - -.ts-statistic.is-mini.is-mini.is-mini { - font-size: 0.8125rem; -} - -.ts-statistic.is-tiny.is-tiny.is-tiny { - font-size: 0.875rem; -} - -.ts-statistic.is-small.is-small.is-small { - font-size: 0.9375rem; -} - -.ts-statistic.is-large.is-large.is-large { - font-size: 1.125rem; -} - -.ts-statistic.is-big.is-big.is-big { - font-size: 1.375rem; -} - -.ts-statistic.is-huge.is-huge.is-huge { - font-size: 1.75rem; -} - -.ts-statistic.is-massive.is-massive.is-massive { - font-size: 2rem; -} diff --git a/docs/en-us/assets/tocas/switch.css b/docs/en-us/assets/tocas/switch.css deleted file mode 100644 index f97337d07..000000000 --- a/docs/en-us/assets/tocas/switch.css +++ /dev/null @@ -1,118 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-switch { - display: inline-flex; - align-items: flex-start; - cursor: pointer; - user-select: none; - color: inherit; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-switch input { - appearance: none; - -webkit-appearance: none; - cursor: pointer; - margin: 0; - margin-right: 0.5rem; - margin-top: 3px; -} - -.ts-switch input::after { - display: block; - content: ""; - height: 22px; - width: 38px; - border-radius: 100rem; - background: var(--ts-gray-300); - transition: background 0.1s ease; -} - -.ts-switch input::before { - position: absolute; - display: block; - content: ""; - height: 15px; - width: 15px; - border-radius: 100rem; - top: 3.5px; - left: 4px; - background: var(--ts-white); - transition: left 0.1s ease; - z-index: 1; -} - -.ts-switch input:checked::after { - background: var(--ts-primary-700); -} - -.ts-switch input:checked::before { - left: 19px; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Disabled - */ - -.ts-switch.is-disabled { - opacity: 0.5; - pointer-events: none; - user-select: none; -} - -/** - * Negative - */ - -.ts-switch.is-negative input { - border-radius: 100rem; - border: 2px solid var(--ts-negative-600); -} - -/** - * Sizes - */ -.ts-switch.is-small { - font-size: var(--ts-font-size-14px); -} -.ts-switch.is-small input::after { - height: 19px; - width: 31px; -} -.ts-switch.is-small input::before { - height: 12px; - width: 12px; - top: 3.5px; -} -.ts-switch.is-small input:checked::before { - left: 15px; -} - -.ts-switch.is-large { - font-size: var(--ts-font-size-17px); -} -.ts-switch.is-large input::after { - height: 25px; - width: 46px; -} -.ts-switch.is-large input::before { - height: 18px; - width: 18px; - top: 3.5px; -} -.ts-switch.is-large input:checked::before { - left: 24px; -} diff --git a/docs/en-us/assets/tocas/tooltip.css b/docs/en-us/assets/tocas/tooltip.css deleted file mode 100644 index 0c29cfba0..000000000 --- a/docs/en-us/assets/tocas/tooltip.css +++ /dev/null @@ -1,80 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -@keyframes tooltip-appear { - from { - opacity: 0 - } - to { - opacity: 1 - } -} - -/* ========================================================================== - Base - ========================================================================== */ - -[data-tooltip] { - overflow: visible; -} - -[data-tooltip]::after { - position: absolute; - left: 50%; - transform: translateX(-50%); - white-space: nowrap; - top: calc(100% + .5rem); - background: var(--ts-gray-600); - padding: 0.1rem 0.35rem; - font-size: var(--ts-font-size-13px); - border-radius: 0.2rem; - color: var(--ts-gray-50); - visibility: hidden; - opacity: 0; - content: attr(data-tooltip); - font-weight: normal; - z-index: 99; -} - -[data-tooltip]:hover::after { - visibility: visible; - animation: tooltip-appear 0s ease-in .5s; - animation-fill-mode: forwards -} - -@media (pointer:coarse) { - [data-tooltip]:hover { - visibility: hidden; - } -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Positions - */ - -[data-tooltip][data-position="top"]::after { - top: initial; - bottom: calc(100% + .5rem); -} - -[data-tooltip][data-position="bottom"]::after { - top: calc(100% + .5rem); -} - -[data-tooltip][data-position="left"]::after { - right: calc(100% + .5rem); - left: initial; - top: 50%; - transform: translateY(-50%); -} - -[data-tooltip][data-position="right"]::after { - left: calc(100% + .5rem); - top: 50%; - transform: translateY(-50%); -} \ No newline at end of file diff --git a/docs/en-us/badge.html b/docs/en-us/badge.html deleted file mode 100644 index a73f8478f..000000000 --- a/docs/en-us/badge.html +++ /dev/null @@ -1,934 +0,0 @@ - - - - - - - - - - - - - - Badge - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Badge

-
Basic label for presenting the numbers or text.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
689 -
-
- 
<span class="ts-badge">689</span>
-
-
- - - - - - -
Introduction
-

This component is very basic and designed for displaying basic texts, numbers only (e.g. numbers of downloads, level). Use the Chip if you need a close button or avatars.

-
- - - - - -
Variations
- - - - - - - - - -
- -
- Secondary - - - -
-

Presents a Badge with a less important background tone.

-
- - - -
-
16,226 -
- 
<span class="ts-badge is-secondary">16,226</span>
-
-
- - - - - - - - - - -
- -
- -
- Outlined - - - -
-

Only draws the border of the Badge.

-
- - - -
-
1,386 -
- 
<span class="ts-badge is-outlined">1,386</span>
-
-
- - - - - - - - - - -
- -
- -
- Negative - - - -
-

A negative or dangerous value.

-
- - - -
-
320 -
- 
<span class="ts-badge is-negative">320</span>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

Presents in a different size.

-
- - - -
-
Small -Default -Large -
- 
<span class="ts-badge is-small">Small</span>
-<span class="ts-badge">Default</span>
-<span class="ts-badge is-large">Large</span>
-
-
- - - - - - - - - - -
- -
- -
- Dense - - - -
-

Presents a dense Badge by changing the padding of it.

-
- - - -
-
Latest -
- 
<span class="ts-badge is-dense">Latest</span>
-
-
- - - - - - - - - - -
- -
- -
- Spaced - - - -
-

Adds the space before or after the Badge to keep a distance to the other components.

-
- - - -
-
Yami Odymel Admin -
-New delicious candy -
-The chair SALE It is currently receiving great reviews. -
- 
Yami Odymel <span class="ts-badge is-start-spaced">Admin</span>
-<span class="ts-badge is-end-spaced">New</span> delicious candy
-The chair <span class="ts-badge is-spaced">SALE</span> It is currently receiving great reviews.
-
-
- - - - - - - - - - -
- - - -
Compositions
- - - - - - - - - -
- -
- Table - - - -
-

It is possible to add a Badge to the rows for the relevant information.

-
- - - -
-
- - - - - - - - - - - - - - - - - - - - - - - - - -
Host NameStatusLabels
Main ServerNormal - Taiwan - Backup Enabled -
User DatabaseNormal - America - Backup Enabled -
Video Encoding ServerNormal - America -
-
-
- 
<div class="ts-box">
-    <table class="ts-table">
-        <thead>
-            <tr>
-                <th>Host Name</th>
-                <th>Status</th>
-                <th>Labels</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>Main Server</td>
-                <td>Normal</td>
-                <td>
-                    <span class="ts-badge">Taiwan</span>
-                    <span class="ts-badge is-secondary">Backup Enabled</span>
-                </td>
-            </tr>
-            <tr>
-                <td>User Database</td>
-                <td>Normal</td>
-                <td>
-                    <span class="ts-badge">America</span>
-                    <span class="ts-badge is-secondary">Backup Enabled</span>
-                </td>
-            </tr>
-            <tr>
-                <td>Video Encoding Server</td>
-                <td>Normal</td>
-                <td>
-                    <span class="ts-badge">America</span>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Header - - - -
-

Compositing the Badge with a Header to emphasize it.

-
- - - -
-
-
- Interstellar - NEW -
-

Interstellar is a 2014 epic science fiction film co-written, directed and produced by Christopher Nolan.

-
- Wikipedia
-
-
- 
<div class="ts-segment">
-    <div class="ts-header">
-        Interstellar
-        <span class="ts-badge is-start-spaced">NEW</span>
-    </div>
-    <p>Interstellar is a 2014 epic science fiction film co-written, directed and produced by Christopher Nolan.</p>
-    <div class="ts-text is-secondary">- Wikipedia</div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
Variations
-
- - - Secondary is-secondary - - - - Outlined is-outlined - - - - Negative is-negative - - - - Sizes is-small - - - - Dense is-dense - - - - Spaced is-start-spaced - - -
- -
Compositions
-
- - - Table ts-badge - - - - Header ts-badge - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/box.html b/docs/en-us/box.html deleted file mode 100644 index 34ecdf946..000000000 --- a/docs/en-us/box.html +++ /dev/null @@ -1,1139 +0,0 @@ - - - - - - - - - - - - - - Box - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Box

-
A base container with a border that's able to compose with the other components.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
- An unimportant image placeholder for demonstration -
-
-
Delicious thousand-layer cake!
-

You will receive a limited free eco bag if you order online before May.

-
-
-
-
- 
<div class="ts-box">
-    <div class="ts-image">
-        <img src="image.png">
-    </div>
-    <div class="ts-content">
-        <div class="ts-header is-heavy">Delicious thousand-layer cake!</div>
-        <p>You will receive a limited free eco bag if you order online before May.</p>
-    </div>
-</div>
-
-
- - - - - - -
Introduction
-

A Box is like a card without padding. Since the Box has no padding, it is easily to presents something as a card or individual object by composing it with the other components like Content, Table and Image.

- -

Use Segment instead if you are trying to present with the paragraphs only.

-
- - - - - -
Contents
- - - - - - - - - -
- -
- Symbol - - - -
-

It is possible to place a symbol icon of the Box right of it’s corner. The symbol icon will be cropped if the Box doesn’t have an enough height.

-
- - - -
-
-
-

No published or planned products or services may be used to deliberately bias public opinion, preferences, or even to confuse, and such products and services must not be self-identified.

-
-
- -
-
-
- 
<div class="ts-box">
-    <div class="ts-content">
-        <p>No published or planned products or services may be used to deliberately bias public opinion, preferences, or even to confuse, and such products and services must not be self-identified.</p>
-    </div>
-    <div class="symbol">
-        <span class="ts-icon is-circle-exclamation-icon"></span>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Horizontal - - - -
-

The child elements of the Box are arranged vertically up and down by default, but it can be changed to horizontally left and right.

-
- - - -
-
-
- An unimportant image placeholder for demonstration -
-
-
- Zedd - Papercut (Audio) ft. Troye Sivan -
-

Get "True Colors" on iTunes: http://smarturl.it/ZeddTrueColors

-
-
-
- 
<div class="ts-box is-horizontal">
-    <div class="ts-image is-covered">
-        <img style="width: 90px; height: 100%;" src="image.png">
-    </div>
-    <div class="ts-content">
-        <div class="ts-header">
-            Zedd - Papercut (Audio) ft. Troye Sivan
-        </div>
-        <p>Get "True Colors" on iTunes: http://smarturl.it/ZeddTrueColors</p>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Collapsed - - - -
-

Fits the width to it’s content instead of the fluid width by default.

-
- - - -
-
-
- 
<div class="ts-box is-collapsed">
-    <div class="ts-content">
-        <p>It's a social website from Taiwan which has no "Likes" and "Read" indicator for chats.</p>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Indicated - - - -
-

Draws a specify color on one side of the border.

-
- - - -
-
-
Top Indicated
-
-
-
-
Bottom Indicated
-
-
-
-
Left Indicated
-
-
-
-
Right Indicated
-
-
- 
<div class="ts-box is-top-indicated">
-    <div class="ts-content">Top Indicated</div>
-</div>
-<div class="ts-box is-bottom-indicated">
-    <div class="ts-content">Bottom Indicated</div>
-</div>
-<div class="ts-box is-left-indicated">
-    <div class="ts-content">Left Indicated</div>
-</div>
-<div class="ts-box is-right-indicated">
-    <div class="ts-content">Right Indicated</div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Emphasises - - - -
-

Expresses a positive, negative meaning by emphasizing the indicated border.

-
- - - -
-
-
Negative
-
-
-
-
Positive
-
-
-
-
Warning
-
-
- 
<div class="ts-box is-negative is-top-indicated">
-    <div class="ts-content">Negative</div>
-</div>
-<div class="ts-box is-positive is-top-indicated">
-    <div class="ts-content">Positive</div>
-</div>
-<div class="ts-box is-warning is-top-indicated">
-    <div class="ts-content">Warning</div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Elevated - - - -
-

The shadow gives the Box a floating appearance, which is a good choice if there is a central element that needs attention (e.g., a login form).

-
- - - -
-
-
Elevated
-
-
-
-
Very Elevated
-
-
- 
<div class="ts-box is-elevated">
-    <div class="ts-content">Elevated</div>
-</div>
-<div class="ts-box is-very-elevated">
-    <div class="ts-content">Very Elevated</div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Squared - - - -
-

The corners will be appeared in right angles and not rounded.

-
- - - -
-
-
Squared Box
-
-
- 
<div class="ts-box is-squared">
-    <div class="ts-content">Squared Box</div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Dashed - - - -
-

Presents an empty block by drawing the border with a dashed line.

-
- - - -
-
-
-
-
Upload Pictures
-
Drag and drop images here to upload
-
-
-
-
- 
<div class="ts-box is-hollowed">
-    <div class="ts-content is-vertically-padded">
-        <div class="ts-center">
-            <div class="ts-header is-heavy">Upload Pictures</div>
-            <div class="ts-text is-secondary">Drag and drop images here to upload</div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Compositions
- - - - - - - - - -
- -
- Information - - - -
-

The Grid and symbol icons can be used to create the statistical summary information that is often found at the top of the system dashboard.

-
- - - -
-
-
-
-
-
-
42,689
-
32
-
- Number of visits -
-
- -
-
-
-
-
-
-
-
8,652
-
351
-
- Total members -
-
- -
-
-
-
-
- 
<div class="ts-grid is-2-columns">
-    <div class="column">
-        <div class="ts-box">
-            <div class="ts-content">
-                <div class="ts-statistic">
-                    <div class="value">42,689</div>
-                    <div class="comparison is-increased">32</div>
-                </div>
-                Number of visits
-            </div>
-            <div class="symbol">
-                <span class="ts-icon is-eye-icon"></span>
-            </div>
-        </div>
-    </div>
-    <div class="column">
-        <div class="ts-box">
-            <div class="ts-content">
-                <div class="ts-statistic">
-                    <div class="value">8,652</div>
-                    <div class="comparison is-increased">351</div>
-                </div>
-                Total members
-            </div>
-            <div class="symbol">
-                <span class="ts-icon is-users-icon"></span>
-            </div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Link Preview - - - -
-

You can achieve a link preview card like Facebook or Twitter by placing the image and text in a Box.

-
- - - -
-
-
- An unimportant image placeholder for demonstration -
-
-
yami.io/rog-and-hololive/
-
ASUS calls itself a "Chinese company" and stops the cooperation with Japan companies
-
The editor of ROG on Weibo posted that they swear to stop the commercial cooperation between ASUS and Hololive in Japan. The majority of Chinese netizens agree and yelling "ASUS better make the right decision this time".
-
-
-
- 
<div class="ts-box" style="max-width: 360px">
-    <div class="ts-image">
-        <img src="image.png">
-    </div>
-    <div class="ts-content is-secondary">
-        <div class="ts-text is-description">yami.io/rog-and-hololive/</div>
-        <div class="ts-header is-truncated is-heavy">ASUS calls itself a "Chinese company" and stops the cooperation with Japan companies</div>
-        <div class="ts-text is-2-lines is-description">The editor of ROG on Weibo posted that they swear to stop the commercial cooperation between ASUS and Hololive in Japan. The majority of Chinese netizens agree and yelling "ASUS better make the right decision this time".</div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
Contents
-
- - - Symbol symbol - - -
- -
Variations
-
- - - Horizontal is-horizontal - - - - Collapsed is-collapsed - - - - Indicated is-top-indicated - - - - Emphasises is-negative - - - - Elevated is-elevated - - - - Squared is-squared - - - - Dashed is-hollowed - - -
- -
Compositions
-
- - - Information ts-box - - - - Link Preview ts-box - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/breadcrumb.html b/docs/en-us/breadcrumb.html deleted file mode 100644 index 6ba6577f2..000000000 --- a/docs/en-us/breadcrumb.html +++ /dev/null @@ -1,921 +0,0 @@ - - - - - - - - - - - - - - Breadcrumb - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Breadcrumb

-
Indicates the hierarchy of the current page.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
- Movie - Awarded - Koe no Katachi -
-
-
- 
<div class="ts-breadcrumb">
-    <a class="item">Movie</a>
-    <a class="item">Awarded</a>
-    <a class="item is-active">Koe no Katachi</a>
-</div>
-
-
- - - - - - - - - - -
States
- - - - - - - - - -
- -
- Active - - - -
-

表示目前正處於的位置。

-
- - - -
-
- - - - - User Management - - - Create User - -
-
- 
<div class="ts-breadcrumb is-divided">
-    <a class="item">
-        <span class="ts-icon is-house-icon"></span>
-    </a>
-    <a class="item">
-        <span class="ts-icon is-users-icon is-end-spaced"></span> User Management
-    </a>
-    <a class="item is-active">
-        Create User
-    </a>
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Customized - - - -
-

預設的導覽標記會以斜線分隔，透過自訂圖示可以透過 divider 元素客製化分隔圖示。

-
- - - -
-
- Website -
- -
- Registration -
- -
- Profile -
-
- 
<div class="ts-breadcrumb is-customized">
-    <a class="item">Website</a>
-    <div class="divider">
-        <span class="ts-icon is-caret-right-icon"></span>
-    </div>
-    <a class="item">Registration</a>
-    <div class="divider">
-        <span class="ts-icon is-caret-right-icon"></span>
-    </div>
-    <a class="item">Profile</a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Stepped - - - -
-

讓導覽標記有階段性的感覺，這會讓非啟用的項目全部淡化呈現。

-
- - - -
-
- Contact Us - Technical Issues - Form -
-
- 
<div class="ts-breadcrumb is-stepped is-chevroned">
-    <a class="item">Contact Us</a>
-    <a class="item">Technical Issues</a>
-    <a class="item is-active">Form</a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Chevroned - - - -
-

以箭頭分隔項目。

-
- - - -
-
- Online Shopping - 24H Delivery - Smartphone -
-
- 
<div class="ts-breadcrumb is-chevroned">
-    <a class="item">Online Shopping</a>
-    <a class="item">24H Delivery</a>
-    <a class="item">Smartphone</a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Hyphenated - - - -
-

以基本的連字符號分隔項目。

-
- - - -
-
- Wireless Mouse - Low Response Time - Special Sale -
-
- 
<div class="ts-breadcrumb is-hyphenated">
-    <a class="item">Wireless Mouse</a>
-    <a class="item">Low Response Time</a>
-    <a class="item">Special Sale</a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

更改導覽標記的大小。

-
- - - -
-
- Documentations - Programming - Golang -
-
-
- Documentations - Programming - Golang -
-
-
- Documentations - Programming - Golang -
-
- 
<div class="ts-breadcrumb is-small">
-    <a class="item">Documentations</a>
-    <a class="item">Programming</a>
-    <a class="item">Golang</a>
-</div>
-<div class="ts-breadcrumb">
-    <a class="item">Documentations</a>
-    <a class="item">Programming</a>
-    <a class="item">Golang</a>
-</div>
-<div class="ts-breadcrumb is-large">
-    <a class="item">Documentations</a>
-    <a class="item">Programming</a>
-    <a class="item">Golang</a>
-</div>
-
-
- - - - - - - - - - -
- - - -
Compositions
- - - - - - - - - -
- -
- Navigation Block - - - -
-

如果希望導覽標記以一個區塊呈現，別忘記能夠搭配敘述卡片或內容區塊使用。

-
- - - -
-
-
- Movie - Sci-Fi - Interstellar -
-
-
- 
<div class="ts-segment is-secondary">
-    <div class="ts-breadcrumb is-chevroned">
-        <a class="item">Movie</a>
-        <a class="item">Sci-Fi</a>
-        <a class="item">Interstellar</a>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
- - - -
- -
States
-
- - - Active is-active - - -
- -
Variations
-
- - - Customized is-customized - - - - Stepped is-stepped - - - - Chevroned is-chevroned - - - - Hyphenated is-hyphenated - - - - Sizes is-small - - -
- -
Compositions
-
- - - Navigation Block {{ts-segment}} - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/button.html b/docs/en-us/button.html deleted file mode 100644 index f44d8de60..000000000 --- a/docs/en-us/button.html +++ /dev/null @@ -1,1164 +0,0 @@ - - - - - - - - - - - - - - Button - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Button

-
An interactive element to trigger the actions.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
-
- 
<button class="ts-button">Submit</button>
-
-
- - - - - - - - - - -
States
- - - - - - - - - -
- -
- Disabled - - - -
-

Makes the Button appear uninteractive. Remember to a disabled attribute to the input if you want to actually disable the Button behaviour.

-
- - - -
-
-
- 
<button class="ts-button is-disabled">Disabled</button>
-
-
- - - - - - - - - - -
- -
- -
- Loading - - - -
-

Display a loading icon and makes it uninteractive. Remember to a disabled attribute to the input if you want to actually disable the Button behaviour.

-
- - - -
-
-
- 
<button class="ts-button is-loading">Loading</button>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Secondary - - - -
-

The less important action Buttons are usually used as a backup solution.

-
- - - -
-
-
- 
<button class="ts-button is-secondary">Cancel</button>
-
-
- - - - - - - - - - -
- -
- -
- Outlined - - - -
-

A Button that has a basic structure only.

-
- - - -
-
-
- 
<button class="ts-button is-outlined">See More</button>
-
-
- - - - - - - - - - -
- -
- -
- Negative - - - -
-

Warn users that this behavior may be dangerous.

-
- - - -
-
- -
- 
<button class="ts-button is-negative">Destroy Data</button>
-<button class="ts-button is-negative is-outlined">Abandon Draft</button>
-
-
- - - - - - - - - - -
- -
- -
- Ghost - - - -
-

Actions that are not considered or are rarely performed.

-
- - - -
-
-
- 
<button class="ts-button is-ghost">Forget Password</button>
-
-
- - - - - - - - - - -
- -
- -
- Circular - - - -
-

A Button with rounded corners can present a call-to-action button.

-
- - - -
-
- -
- 
<button class="ts-button is-circular">Buy Now</button>
-<button class="ts-button is-circular is-outlined">Download</button>
-
-
- - - - - - - - - - -
- -
- -
- Icon - - - -
-

The Button with the icon only.

-
- - - -
-
- -
- 
<button class="ts-button is-icon">
-    <span class="ts-icon is-magnifying-glass-icon"></span>
-</button>
-<button class="ts-button is-icon is-negative is-outlined">
-    <span class="ts-icon is-trash-icon"></span>
-</button>
-
-
- - - - - - - - - - -
- -
- -
- Side Icon - - - -
-

The Button can have an icon next to the text, and the icon will be centered alongside the text.

-
- - - -
-
- -
- 
<button class="ts-button is-start-icon">
-    <span class="ts-icon is-cart-plus-icon"></span>
-    Add To Cart
-</button>
-<button class="ts-button is-end-icon is-secondary">
-    Submit
-    <span class="ts-icon is-check-icon"></span>
-</button>
-
-
- - - - - - - - - - -
- -
- -
- Labeled Icon - - - -
-

The labeled icons are always presented at the beginning or end of the Button, which provides a better visual balance for Buttons that are arranged vertically up and down.

-
- - - -
-
-
- -
- -
- 
<button class="ts-button is-start-labeled-icon">
-    <span class="ts-icon is-heart-icon"></span>
-    Favorite
-</button>
-<button class="ts-button is-start-labeled-icon is-outlined">
-    <span class="ts-icon is-paper-plane-icon"></span>
-    Submit
-</button>
-<button class="ts-button is-end-labeled-icon is-secondary">
-    Star
-    <span class="ts-icon is-star-icon"></span>
-</button>
-
-
- - - - - - - - - - -
- -
- -
- Fluid - - - -
-

The width of the Button can fill the entire parent container.

-
- - - -
-
-
- 
<button class="ts-button is-fluid">Login</button>
-
-
- - - - - - - - - - -
- -
- -
- Width - - - -
-

Change the horizontal padding of the Button. If the text inside the button is too short, you can try to make it wider, vice versa.

-
- - - -
-
- - -
- 
<button class="ts-button is-short is-outlined">Short</button>
-<button class="ts-button is-outlined">Default</button>
-<button class="ts-button is-wide is-outlined">Wide</button>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

Change the size of the button.

-
- - - -
-
- - -
- 
<button class="ts-button is-small">Small</button>
-<button class="ts-button">Default</button>
-<button class="ts-button is-large">Large</button>
-
-
- - - - - - - - - - -
- -
- -
- Dense - - - -
-

Presents a dense Button by changing the padding of the items.

-
- - - -
-
-
- 
<button class="ts-button is-dense">Follow</button>
-
-
- - - - - - - - - - -
- - - -
Compositions
- - - - - - - - - -
- -
- Buttons - - - -
-

Use Wrap if there is another Button next to each other, it automatically adds the spaces between the elements.

-
- - - -
-
- - -
-
- 
<div class="ts-wrap">
-    <button class="ts-button">Publish</button>
-    <button class="ts-button is-negative is-outlined">Abandon Draft</button>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
States
-
- - - Disabled is-disabled - - - - Loading is-loading - - -
- -
Variations
-
- - - Secondary is-secondary - - - - Outlined is-outlined - - - - Negative is-negative - - - - Ghost is-ghost - - - - Circular is-circular - - - - Icon is-icon - - - - Side Icon is-start-icon - - - - Labeled Icon is-start-labeled-icon - - - - Fluid is-fluid - - - - Width is-short - - - - Sizes is-small - - - - Dense is-dense - - -
- -
Compositions
-
- - - Buttons {{ts-wrap}} - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/center.html b/docs/en-us/center.html deleted file mode 100644 index cf3651f75..000000000 --- a/docs/en-us/center.html +++ /dev/null @@ -1,603 +0,0 @@ - - - - - - - - - - - - - - Center - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Center

-
Vertically and horizontally centered an element.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
- You see, this text definitely be centered! -
-
-
- 
<div class="ts-center">
-    You see, this text definitely be centered!
-</div>
-
-
- - - - - - -
Introduction
-

This component centers the elements by display: flex. It will cause the alignment of child elements to change. To solve this problem, wrap the real content with an additional layer of elements like <div>.

-
- - - - - -
Compositions
- - - - - - - - - -
- -
- Form - - - -
-

The login page often has an absolutely centered form.

-
- - - -
-
-
-
-
Username
-
- - -
-
Password
-
- - -
- -
-
-
-
- 
<div class="ts-center">
-    <div class="ts-segment" style="width: 220px">
-        <div class="ts-wrap is-vertical">
-            <div class="ts-text is-label">Username</div>
-            <div class="ts-input is-start-icon is-fluid">
-                <span class="ts-icon is-user-icon"></span>
-                <input type="text" />
-            </div>
-            <div class="ts-text is-label">Password</div>
-            <div class="ts-input is-start-icon is-fluid">
-                <span class="ts-icon is-lock-icon"></span>
-                <input type="password" />
-            </div>
-            <button class="ts-button is-fluid">Sign In</button>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
- - - -
- -
Compositions
-
- - - Form ts-center - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/checkbox.html b/docs/en-us/checkbox.html deleted file mode 100644 index 912fc14df..000000000 --- a/docs/en-us/checkbox.html +++ /dev/null @@ -1,898 +0,0 @@ - - - - - - - - - - - - - - Checkbox - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Checkbox

-
Allows users to select a value from set of options, often binary.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
-
- 
<label class="ts-checkbox">
-    <input type="checkbox" checked />
-    蘋果
-</label>
-
-
- - - - - - -
Introduction
-

若用於狀態之間的切換（如：是、否）應使用單選方塊元件。核取方塊的重點在於支援多選，甚至是勾選後可以取消勾選。

-
- - - - - -
States
- - - - - - - - - -
- -
- Disabled - - - -
-

使核取方塊呈現無法互動、點擊的模樣。若你希望真正地停用核取行為，請在該核取方塊增加 disabled 標籤以符合 HTML 規範。

-
- - - -
-
-
- 
<label class="ts-checkbox is-disabled">
-    <input type="checkbox" />
-    記住我的密碼
-</label>
-
-
- - - - - - - - - - -
- -
- -
- Indeterminate - - - -
-

不定狀態會令其勾選狀態表現地模稜兩可。例如：一個父核取方塊能表示要全選所有項目，但其中有些項目也可能沒有被勾選。

-
- - - -
-
-
-
- - - -
-
-
- 
<label class="ts-checkbox is-indeterminate">
-    <input type="checkbox" checked />
-    所有檔案
-</label>
-<div class="ts-content is-dense">
-    <div class="ts-wrap is-vertical is-compact">
-        <label class="ts-checkbox">
-            <input type="checkbox" checked />
-            影片
-        </label>
-        <label class="ts-checkbox">
-            <input type="checkbox" />
-            文件
-        </label>
-        <label class="ts-checkbox">
-            <input type="checkbox" checked />
-            音樂
-        </label>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Negative - - - -
-

表示一個核取方塊可能沒有被勾選。

-
- - - -
-
-
- 
<label class="ts-checkbox is-negative">
-    <input type="checkbox" />
-    我同意使用者規範。
-</label>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

更改核取方塊的大小。

-
- - - -
-
-
- -
- -
- 
<label class="ts-checkbox is-small">
-    <input type="checkbox" checked />
-    小型選項
-</label>
-<label class="ts-checkbox">
-    <input type="checkbox" />
-    預設選項
-</label>
-<label class="ts-checkbox is-large">
-    <input type="checkbox" />
-    大型選項
-</label>
-
-
- - - - - - - - - - -
- - - -
Compositions
- - - - - - - - - -
- -
- Checkboxes - - - -
-

透過間隔容器元件能讓核取方塊以左右、上下排列並保持一定的間距。

-
- - - -
-
-
持有狀態
-
- - - -
-
寵物屬性
-
- - - -
-
-
- 
<div class="ts-wrap is-vertical">
-    <div class="ts-text is-label">持有狀態</div>
-    <div class="ts-wrap">
-        <label class="ts-checkbox">
-            <input type="checkbox" checked />
-            已售出
-        </label>
-        <label class="ts-checkbox">
-            <input type="checkbox" />
-            未販售
-        </label>
-        <label class="ts-checkbox">
-            <input type="checkbox" />
-            空投限定
-        </label>
-    </div>
-    <div class="ts-text is-label">寵物屬性</div>
-    <div class="ts-wrap is-vertical is-compact">
-        <label class="ts-checkbox">
-            <input type="checkbox" checked />
-            火
-        </label>
-        <label class="ts-checkbox">
-            <input type="checkbox" />
-            水
-        </label>
-        <label class="ts-checkbox">
-            <input type="checkbox" />
-            土
-        </label>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
States
-
- - - Disabled is-disabled - - - - Indeterminate is-indeterminate - - -
- -
Variations
-
- - - Negative is-negative - - - - Sizes is-small - - -
- -
Compositions
-
- - - Checkboxes {{ts-wrap}} - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/checklist.html b/docs/en-us/checklist.html deleted file mode 100644 index 5eb543727..000000000 --- a/docs/en-us/checklist.html +++ /dev/null @@ -1,711 +0,0 @@ - - - - - - - - - - - - - - Checklist - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Checklist

-
Lists the conditions to achieve the goal.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
This computer meets the requirements for Windows 2077 installation.
-
You will receive a free cat when you upgrade the system.
-
There is no upgrade available.
-
-
-
- 
<div class="ts-checklist">
-    <div class="item is-positive">This computer meets the requirements for Windows 2077 installation.</div>
-    <div class="item is-positive">You will receive a free cat when you upgrade the system.</div>
-    <div class="item is-negative">There is no upgrade available.</div>
-</div>
-
-
- - - - - - - - - - -
Item Variations
- - - - - - - - - -
- -
- Positive - - - -
-

Indicates that this condition is met or a positive content.

-
- - - -
-
-
This update is available for your device.
-
The required TPM version matches.
-
-
- 
<div class="ts-checklist">
-    <div class="item is-positive">This update is available for your device.</div>
-    <div class="item is-positive">The required TPM version matches.</div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Positive - - - -
-

Indicates an inconsistent condition or a negative narrative.

-
- - - -
-
-
Your graphics card is too old.
-
Advanced features are not available in this version.
-
-
- 
<div class="ts-checklist">
-    <div class="item is-negative">Your graphics card is too old.</div>
-    <div class="item is-negative">Advanced features are not available in this version.</div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Added - - - -
-

New items added since last time.

-
- - - -
-
-
We have improved system stability.
-
Increased the speed of character movement.
-
-
- 
<div class="ts-checklist">
-    <div class="item is-added">We have improved system stability.</div>
-    <div class="item is-added">Increased the speed of character movement.</div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Removed - - - -
-

The items that have been removed.

-
- - - -
-
-
Due to the overuse of the Devotion, we have removed it.
-
The maximum level for engineers has been reduced from 3 to 2 because Valve can't count to 3.
-
-
- 
<div class="ts-checklist">
-    <div class="item is-removed">Due to the overuse of the Devotion, we have removed it.</div>
-    <div class="item is-removed">The maximum level for engineers has been reduced from 3 to 2 because Valve can't count to 3.</div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
Item Variations
-
- - - Positive is-positive - - - - Positive is-negative - - - - Added is-added - - - - Removed is-removed - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/chip.html b/docs/en-us/chip.html deleted file mode 100644 index bbe6c5698..000000000 --- a/docs/en-us/chip.html +++ /dev/null @@ -1,1582 +0,0 @@ - - - - - - - - - - - - - - Chip - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Chip

-
Advanced labels for content classification or persons and side actions.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
- An unimportant image placeholder for demonstration -
- Yami Odymel - -
-
-
- 
<div class="ts-chip">
-    <div class="ts-image">
-        <img src="user.png" />
-    </div>
-    Yami Odymel
-    <button class="ts-close"></button>
-</div>
-
-
- - - - - - -
Introduction
-

這個元件會根據不同情境其用途而有所變化，例如：用在輸入欄位裡標記好友的人名、卡片底部時的推薦關鍵字，甚至是針對某個訊息的表情反應，就像 Slack 或 Discord 那樣。

- -

你可以查看底部的組合應用章節來看看可以用在哪裡。

-
- - - - - -
Types
- - - - - - - - - -
- -
- Input - - - -
-

當關聯選項成為一個輸入項目的時候，可以將其當作核取方塊或是單選方塊使用。被核取的項目會有勾選圖示作為視覺輔助。

-
- - - -
-
- - -
- 
<label class="ts-chip is-input">
-    <input type="checkbox" checked />
-    <div class="content">健身</div>
-</label>
-<label class="ts-chip is-input">
-    <input type="checkbox" />
-    <div class="content">遊戲</div>
-</label>
-<label class="ts-chip is-input">
-    <input type="checkbox" />
-    <div class="content">閱讀新聞</div>
-</label>
-
-
- - - - - - - - - - -
- -
- -
- Toggle - - - -
-

這和輸入項目有點雷同，但在視覺上更像是切換了某個狀態的開、關。

-
- - - -
-
- -
- 
<label class="ts-chip is-toggle is-circular">
-    <input type="checkbox" />
-    <div class="content">最近熱門</div>
-</label>
-<label class="ts-chip is-toggle is-circular">
-    <input type="checkbox" checked />
-    <div class="content">沒去過的地點</div>
-</label>
-
-
- - - - - - - - - - -
- - - -
Contents
- - - - - - - - - -
- -
- Close - - - -
-

擺放一個關閉按鈕可以讓使用者刪除這個選項。

-
- - - -
-
- 對空音商事 - -
-
- 動態思想 - -
-
- 
<div class="ts-chip is-circular">
-    對空音商事
-    <button class="ts-close"></button>
-</div>
-<div class="ts-chip is-circular is-outlined">
-    動態思想
-    <button class="ts-close is-secondary"></button>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Image - - - -
-

以圖片呈現這個選項想要表達的主體。

-
- - - -
-
-
- An unimportant image placeholder for demonstration -
- Yami Odymel -
-
- 
<div class="ts-chip is-circular">
-    <div class="ts-image is-circular">
-        <img src="user.png" />
-    </div>
-    Yami Odymel
-</div>
-
-
- - - - - - - - - - -
- - - -
States
- - - - - - - - - -
- -
- 停用的 - - - -
-

使選項呈現無法互動、點擊的模樣。若你希望真正地停用核取行為，請在該核取方塊增加 disabled 標籤以符合 HTML 規範。

-
- - - -
-
- 24 小時營業 -
-
- 
<div class="ts-chip is-disabled">
-    24 小時營業
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Outlined - - - -
-

以簡單的框線結構呈現出一個項目。

-
- - - -
-
- - 台灣 -
-
- - 美國 -
-
- - 香港 -
-
- 
<div class="ts-chip is-outlined">
-    <span class="ts-flag is-taiwan-flag is-rounded"></span>
-    台灣
-</div>
-<div class="ts-chip is-outlined">
-    <span class="ts-flag is-america-flag is-rounded"></span>
-    美國
-</div>
-<div class="ts-chip is-outlined">
-    <span class="ts-flag is-hong-kong-flag is-rounded"></span>
-    香港
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Secondary - - - -
-

當關聯選項是個次要的輸入或可切換項目時，其核取狀態會較為不明顯，適合用於比較不醒目的地方。

-
- - - -
-
- -
- 
<label class="ts-chip is-toggle is-outlined is-secondary">
-    <input type="checkbox" checked />
-    <div class="content">👀 8</div>
-</label>
-<label class="ts-chip is-input is-outlined is-secondary">
-    <input type="checkbox" checked />
-    <div class="content">免費 WiFi</div>
-</label>
-
-
- - - - - - - - - - -
- -
- -
- Circular - - - -
-

使元件的角落以圓角呈現。

-
- - - -
-
影片
-
音樂
-
- 
<div class="ts-chip is-circular">影片</div>
-<div class="ts-chip is-circular">音樂</div>
-
-
- - - - - - - - - - -
- -
- -
- Fluid - - - -
-

選項的寬度可以跟父容器相同。

-
- - - -
-
-
- -
-
- -
-
- -
-
-
- 
<div class="ts-grid is-3-columns">
-    <div class="column">
-        <label class="ts-chip is-fluid is-input is-outlined">
-            <input type="checkbox" checked />
-            <div class="content">小尺碼</div>
-        </label>
-    </div>
-    <div class="column">
-        <label class="ts-chip is-fluid is-input is-outlined">
-            <input type="checkbox" />
-            <div class="content">中等尺寸</div>
-        </label>
-    </div>
-    <div class="column">
-        <label class="ts-chip is-fluid is-input is-outlined">
-            <input type="checkbox" />
-            <div class="content">最大</div>
-        </label>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Side Icon - - - -
-

在兩側放置圖示以輔助這個選項。

-
- - - -
-
- - 影片 -
-
- 自行車活動 - -
-
- 
<div class="ts-chip is-start-icon">
-    <span class="ts-icon is-video-icon"></span>
-    影片
-</div>
-<div class="ts-chip is-end-icon">
-    自行車活動
-    <span class="ts-icon is-person-biking-icon"></span>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

更改關聯標籤的大小。

-
- - - -
-
- - 小型標籤 -
-
- - 預設標籤 -
-
- - 大型標籤 -
-
- 
<div class="ts-chip is-small">
-    <span class="ts-icon is-heart-icon"></span>
-    小型標籤
-</div>
-<div class="ts-chip">
-    <span class="ts-icon is-heart-icon"></span>
-    預設標籤
-</div>
-<div class="ts-chip is-large">
-    <span class="ts-icon is-heart-icon"></span>
-    大型標籤
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Dense - - - -
-

變更元件的內距，令元素之間看起來更密集。

-
- - - -
-
- Caris Events -
-
- 
<div class="ts-chip is-dense is-outlined">
-    Caris Events
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Spaced - - - -
-

在前或後新增間隔以避免與其他元件相鄰太近。

-
- - - -
-
文章發表者為 - An unimportant image placeholder for demonstration - Mac Taylor - -
- - An unimportant image placeholder for demonstration - Sciuridae Li - 是這個社團的管理員。 -
-記得向 - An unimportant image placeholder for demonstration - Sean Wei - 說聲早安！ -
- 
文章發表者為 <span class="ts-chip is-start-spaced">
-    <img src="user.png" />
-    Mac Taylor
-</span>
-<span class="ts-chip is-end-spaced">
-    <img src="user.png" />
-    Sciuridae Li
-</span> 是這個社團的管理員。
-記得向 <span class="ts-chip is-spaced">
-    <img src="user.png" />
-    Sean Wei
-</span> 說聲早安！
-
-
- - - - - - - - - - -
- - - -
Compositions
- - - - - - - - - -
- -
- Reactions - - - -
-

在某些內容底下能夠擺放關聯選項作為對該訊息的反應。

-
- - - -
-
-

如果你有去釣魚大賽，你可能會被禁止進入：「我們不歡迎職業選手」

-
- - -
- -
-
-
-
- 
<div class="ts-segment">
-    <p>如果你有去釣魚大賽，你可能會被禁止進入：「我們不歡迎職業選手」</p>
-    <div class="ts-wrap is-compact">
-        <label class="ts-chip is-toggle is-secondary is-circular is-outlined">
-            <input type="checkbox" checked />
-            <div class="content">👌 21</div>
-        </label>
-        <label class="ts-chip is-toggle is-secondary is-circular is-outlined">
-            <input type="checkbox" />
-            <div class="content">👀 8</div>
-        </label>
-        <div class="ts-chip is-outlined is-circular">
-            <span class="ts-icon is-plus-icon"></span>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Header - - - -
-

標題下方可以擺放輔助功能讓使用者有更多選擇。

-
- - - -
-
- 歡迎回家 -
-
- 溫度 32°C、濕度 48% -
-
-
- - -
-
- 
<div class="ts-header is-center-aligned is-large">
-    歡迎回家
-</div>
-<div class="ts-text is-center-aligned is-description">
-    溫度 32°C、濕度 48%
-</div>
-<div class="ts-space"></div>
-<div class="ts-wrap is-center-aligned is-compact">
-    <button class="ts-chip is-outlined">
-        <span class="ts-icon is-sun-icon"></span>
-        打開所有燈光
-    </button>
-    <button class="ts-chip is-outlined">
-        <span class="ts-icon is-stopwatch-icon"></span>
-        設定鬧鐘
-    </button>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Actions - - - -
-

有時候在卡片裡擺放按鈕會顯得太顯眼，此時就可以使用關聯選項。

-
- - - -
-
- An unimportant image placeholder for demonstration -
-
爭鮮 PLUS
-
- 迴轉壽司餐廳 - $$ - 4.5 -
-
-
- - -
-
-
-
- 
<div class="ts-box" style="max-width: 360px">
-    <img class="ts-image" src="image.png">
-    <div class="ts-content">
-        <div class="ts-header">爭鮮 PLUS</div>
-        <div class="ts-meta is-secondary is-small">
-            <span class="item">迴轉壽司餐廳</span>
-            <span class="item">$$</span>
-            <span class="item">4.5 <span class="ts-icon is-star-icon"></span></span>
-        </div>
-        <div class="ts-divider is-section"></div>
-        <div class="ts-wrap is-compact">
-            <button class="ts-chip is-circular">
-                <span class="ts-icon is-utensils-icon"></span>
-                預訂桌位
-            </button>
-            <button class="ts-chip is-circular">
-                <span class="ts-icon is-motorcycle-icon"></span>
-                透過外送訂餐
-            </button>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Smart Replies - - - -
-

類似 Google 應用程式會在回覆訊息時提出的文字自動完成建議。

-
- - - -
-
-
-
- An unimportant image placeholder for demonstration -
-
-
-
- -
-
-
-
-
- - -
-
-
- -
-
-
-
-
- 
<div class="ts-row">
-    <div class="column" style="width: 46px;">
-        <div class="ts-image is-rounded">
-            <img src="user.png">
-        </div>
-    </div>
-    <div class="column is-fluid">
-        <div class="ts-input is-fluid">
-            <textarea placeholder="回覆這封電子郵件…"></textarea>
-        </div>
-        <div class="ts-space"></div>
-        <div class="ts-row is-compact">
-            <div class="column">
-                <div class="ts-wrap is-compact">
-                    <button class="ts-chip is-circular">
-                        沒問題！
-                    </button>
-                    <button class="ts-chip is-circular">
-                        抱歉，我那天有事。
-                    </button>
-                </div>
-            </div>
-            <div class="column is-fluid is-end-aligned">
-                <button class="ts-button">送出</button>
-            </div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
Types
-
- - - Input is-input - - - - Toggle is-toggle - - -
- -
Contents
-
- - - Close {{ts-close}} - - - - Image {{ts-image}} - - -
- -
States
-
- - - 停用的 is-disabled - - -
- -
Variations
-
- - - Outlined is-outlined - - - - Secondary is-secondary - - - - Circular is-circular - - - - Fluid is-fluid - - - - Side Icon is-start-icon - - - - Sizes is-small - - - - Dense is-dense - - - - Spaced is-start-spaced - - -
- -
Compositions
-
- - - Reactions ts-chip - - - - Header ts-chip - - - - Actions ts-chip - - - - Smart Replies ts-chip - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/close.html b/docs/en-us/close.html deleted file mode 100644 index 9803f2443..000000000 --- a/docs/en-us/close.html +++ /dev/null @@ -1,848 +0,0 @@ - - - - - - - - - - - - - - Close - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Close

-
A button that closes or deletes the object.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
-
- 
<span class="ts-close"></span>
-
-
- - - - - - - - - - -
Variations
- - - - - - - - - -
- -
- Secondary - - - -
-

較不顯眼的樣式。

-
- - - -
-
-
- 
<span class="ts-close is-secondary"></span>
-
-
- - - - - - - - - - -
- -
- -
- Tertiary - - - -
-

可有可無的樣式。

-
- - - -
-
-
- 
<span class="ts-close is-tertiary"></span>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

更改關閉按鈕的大小。

-
- - - -
-
- - -
- 
<span class="ts-close is-small"></span>
-<span class="ts-close"></span>
-<span class="ts-close is-large"></span>
-
-
- - - - - - - - - - -
- -
- -
- Spaced - - - -
-

在前或後新增間隔以避免與其他元件相鄰太近。

-
- - - -
-
解決 Docker Alpine 與 Puppeteer 的 Error -
- 讓 NextCloud 支援影片縮圖預覽 -
-羅技電競滑鼠 G603 和 G304 的心得 -
- 
解決 Docker Alpine 與 Puppeteer 的 Error <span class="ts-close is-start-spaced"></span>
-<span class="ts-close is-end-spaced"></span> 讓 NextCloud 支援影片縮圖預覽
-羅技電競滑鼠 G603 <span class="ts-close is-spaced"></span> 和 G304 的心得
-
-
- - - - - - - - - - -
- - - -
Compositions
- - - - - - - - - -
- -
- Chips - - - -
-

在關聯選項裡可以擺放關閉按鈕，看起來就像是一個能被刪除的選項。

-
- - - -
-
- 卡莉絲伊繁星 - -
-
- 雷莉雅 - -
-
- 
<div class="ts-chip is-circular">
-    卡莉絲伊繁星
-    <button class="ts-close"></button>
-</div>
-<div class="ts-chip is-circular is-outlined">
-    雷莉雅
-    <button class="ts-close is-secondary"></button>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Table - - - -
-

放置在表格裡面可以讓使用者逐行刪除。

-
- - - -
-
- - - - - - - - - - - - - - - - - - - - - -
說明項目
- - 多國語元支援的函式庫，協助網站跨國交際。
- - 協助圖像處理的類別，必須要安裝 Imagick。
- - 一個基於 HTML5 的遊戲引擎。
-
-
- 
<div class="ts-box">
-    <table class="ts-table">
-        <thead>
-            <tr>
-                <th class="is-collapsed"></th>
-                <th>說明項目</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>
-                    <button class="ts-close is-secondary"></button>
-                </td>
-                <td>多國語元支援的函式庫，協助網站跨國交際。</td>
-            </tr>
-            <tr>
-                <td>
-                    <button class="ts-close is-secondary"></button>
-                </td>
-                <td>協助圖像處理的類別，必須要安裝 Imagick。</td>
-            </tr>
-            <tr>
-                <td>
-                    <button class="ts-close is-secondary"></button>
-                </td>
-                <td>一個基於 HTML5 的遊戲引擎。</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
Variations
-
- - - Secondary is-secondary - - - - Tertiary is-tertiary - - - - Sizes is-small - - - - Spaced is-start-spaced - - -
- -
Compositions
-
- - - Chips ts-close - - - - Table ts-close - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/colors.html b/docs/en-us/colors.html deleted file mode 100644 index 28c377745..000000000 --- a/docs/en-us/colors.html +++ /dev/null @@ -1,1041 +0,0 @@ - - - - - - - - - - - - - - 主題色系 - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

主題色系

-
善用動態顏色與全域色調設計介面。
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - - - - - - - - - -
說明
- - -

透過 CSS 的 prefers-color-scheme 功能，我們現在可以依照使用者裝置的明暗設定（如：黑暗色系）來變更元件的樣式。當使用者啟用夜間黑暗模式時，除了系統會採用暗色主題外，Tocas UI 也會反轉整個色調令背景以暗色為主。

- -

設計者亦能在頁面直接指定 Tocas UI 的預設明暗色系而不須特別依照使用者的裝置設定。這個色系共有兩個階段：Light（亮色）、Dark（暗色）。

-
- - - - - - - - -
- -
- 可用色系 - -
-

預設情況下的 Tocas UI 會依照使用者系統的色系為主來決定該使用亮色（Light）還是暗色（Dark）。但也能在 <html> 標籤中指定 [data-scheme="dark"] 來強制覆寫這個規則。

- -
- - - - - - - - - - - - - - - - - - - - -
說明
標準亮色，適用於一般網頁閱讀或設計。
標準暗色，適用於夜間閱讀且對比不會過於明顯。
-
-
- - - - - - - - 
<html data-scheme="dark">
-
- - - - - - -
- -
- -
- 動態顏色 - -
-

整個 Tocas UI 都是基於動態色調打造的，這也是為什麼在切換亮暗色系時能夠這麼容易。這些是 CSS 變數，你也能使用這些顏色讓整體設計符合 Tocas UI 規範並且在色調變更時自動切換。

- -

設計時須注意這是動態顏色，這意味著目前看起來為白色時可能會在另一個色系變為黑色，而所謂的反色是指目前系統色系相反時所呈現的顏色。

- -

若不希望顏色動態呈現，請使用下方的靜態顏色。

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-
-
-
-
-
-
-
-
-
- 		-
- 		-
- 		-
- 		-
-
-
- 		-
- 		-
- 		-
- 		-
-
-
- 		-
- 		-
- 		-
- 		-
-
-
- 		-
- 		-
- 		-
- 		-
-
-
- 		-
- 		-
- 		-
- 		-
-
-
- 		-
- 		-
- 		-
- 		-
-
-
-
- - - - - - - - 
<div style="color: var(--ts-gray-300);">這樣套用 CSS 變數作為顏色</div>
-
- - - - - - -
- -
- -
- 靜態顏色 - -
-

靜態顏色不會在系統色系變更時而有所變化，適合用於已知的情境。

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
- 		-
- 		-
- 		-
-
-
- 		-
- 		-
- 		-
-
-
- 		-
- 		-
- 		-
-
-
- 		-
- 		-
- 		-
-
-
- 		-
- 		-
- 		-
-
-
- 		-
- 		-
- 		-
-
-
-
- - - - - - - - - - - - -
- -
- -
- 指定反色 - - - -
-

將 is-inverted 套用在任何元素上，就能使該元素的色調與目前全域色系完全相反，這可以在亮色主題中呈現出暗色元素。需要注意的是：反色是相對詞，會基於系統的設置而動態更改。例如在亮色主題中的反色會是暗色，反之亦然。如果需要設計一個絕對黑色的元素，則需要參考下方的強制色域用法。

-
- - - -
-
-
- 在亮色主題中，這個元素會是黑色的；在暗色主題中，這個元素會是白色的。 -
-
-
- 
<div class="ts-box is-inverted" style="color: var(--ts-gray-800)">
-    <div class="ts-content">
-        在亮色主題中，這個元素會是黑色的；在暗色主題中，這個元素會是白色的。
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- 強制色域 - - - -
-

透過 is-dark 或 is-light 強制指定某個元素的色域，可以讓該元素固定色系。例如說：正在打造一個黑色的側邊欄，那麼就可以將該元素指定為 is-dark，這樣不論是在亮色或暗色系統中，這個元素都一定是基於暗色調顯示。

-
- - - -
-
-
- 這個元素不論是在什麼環境，都一定是黑色的。 -
-
-
-
-
- 這個元素不論是在什麼環境，都一定是白色的。 -
-
-
- 
<div class="ts-box is-dark" style="color: var(--ts-gray-800)">
-    <div class="ts-content">
-        這個元素不論是在什麼環境，都一定是黑色的。
-    </div>
-</div>
-<div class="ts-box is-light" style="color: var(--ts-gray-800)">
-    <div class="ts-content">
-        這個元素不論是在什麼環境，都一定是白色的。
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
- - - - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/container.html b/docs/en-us/container.html deleted file mode 100644 index 8b94a6a54..000000000 --- a/docs/en-us/container.html +++ /dev/null @@ -1,692 +0,0 @@ - - - - - - - - - - - - - - Container - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Container

-
Limits content to a maximum width.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - - - - - - - - - -
Description
- - -

容器能讓內容保持最大寬度而不會被過度延展，如此一來就不會因為螢幕太寬而導致內容格局過寬。裡面亦能放置網格系統，這樣就可以讓內容集中在螢幕中間。這裡是不同容器之間的寬度資訊。

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- - - - - - - - - - -
Contents
- - - - - - - - - -
- -
- Container - - - -
-

一個最基本且常用的界限容器是 1180px 為寬度上限，這可以讓文字與內容在螢幕上置中而不會過寬。

-
- - - -
-
-
- 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點， 原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。 版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容， 即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 -
-
-
- 
<div class="ts-container">
-    <div class="ts-segment">
-        保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點， 原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。 版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容， 即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Fluid - - - -
-

界限容器也能以 100% 的寬度貼齊其父容器。

-
- - - -
-
-
- 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點， 原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。 版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容， 即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 -
-
-
- 
<div class="ts-container is-fluid">
-    <div class="ts-segment">
-        保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點， 原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。 版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容， 即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Narrow - - - -
-

縮限容器最大的寬度，讓內容與格局以更窄的方式呈現。

-
- - - -
-
-
- 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點， 原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。 版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容， 即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 -
-
-
-
-
- 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點， 原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。 版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容， 即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 -
-
-
- 
<div class="ts-container is-narrow">
-    <div class="ts-segment">
-        保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點， 原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。 版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容， 即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。
-    </div>
-</div>
-<div class="ts-container is-very-narrow">
-    <div class="ts-segment">
-        保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點， 原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。 版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容， 即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
- - - -
- -
Description
-
- -
- -
Contents
-
- - - Container ts-container - - -
- -
Variations
-
- - - Fluid is-fluid - - - - Narrow is-narrow - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/content.html b/docs/en-us/content.html deleted file mode 100644 index 665cb40a8..000000000 --- a/docs/en-us/content.html +++ /dev/null @@ -1,1288 +0,0 @@ - - - - - - - - - - - - - - Content - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Content

-
Wraps the content with paddings.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
- 透過 CSS Variable 取代 Sass 並設計一個臻至完美的動態色彩主題系統 -
-
- 色彩佈景系統在前端實作時常常都是個不小的問題，直到 Sass、Less 這種預先處理器的出現才解決了不少的麻煩，因為你能夠透過短短幾行程式碼就讓程式幫你自動處理顏色的部份，而這方面的教學在國外網站中也不是少數。 -
-
-
-
- 
<div class="ts-box">
-    <div class="ts-content is-dark is-dense">
-        透過 CSS Variable 取代 Sass 並設計一個臻至完美的動態色彩主題系統
-    </div>
-    <div class="ts-content">
-        色彩佈景系統在前端實作時常常都是個不小的問題，直到 Sass、Less 這種預先處理器的出現才解決了不少的麻煩，因為你能夠透過短短幾行程式碼就讓程式幫你自動處理顏色的部份，而這方面的教學在國外網站中也不是少數。
-    </div>
-</div>
-
-
- - - - - - -
Introduction
-

這個元件應該會被大量地重複使用，只要希望內容有內距，通常就會使用此元素。這個元件也很常會和箱型容器一同使用，如果沒有太大的要求則可以直接使用片段元件。

-
- - - - - -
States
- - - - - - - - - -
- -
- Active - - - -
-

表示某個內容區塊被選中。

-
- - - -
-
-
蘋果
-
菠羅
-
拔鳳梨
-
-
- 
<div class="ts-box">
-    <div class="ts-content is-dense">蘋果</div>
-    <div class="ts-content is-active is-dense">菠羅</div>
-    <div class="ts-content is-dense">拔鳳梨</div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Disabled - - - -
-

表示目前已不再提供可用的功能。

-
- - - -
-
-
卡莉絲
-
雷莉亞
-
依可諾爾
-
-
- 
<div class="ts-box">
-    <div class="ts-content is-dense">卡莉絲</div>
-    <div class="ts-content is-disabled is-dense">雷莉亞</div>
-    <div class="ts-content is-dense">依可諾爾</div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Secondary - - - -
-

淡化的內容區塊會以較不顯眼的方式出現，通常用以呈現某個資訊概要或頁腳。

-
- - - -
-
-
- Event Store 是一個基於 CQRS 與 Event Sourcing 理念所衍生出來的新概念並由 C Sharp 撰寫。這是一個微服務事件儲藏中心，這可能很難懂，但別緊張，這些都會在本文中得到答案。 -
-
-
- 6,439,852 觀看次數 -
-
-
- 
<div class="ts-box">
-    <div class="ts-content">
-        Event Store 是一個基於 CQRS 與 Event Sourcing 理念所衍生出來的新概念並由 C Sharp 撰寫。這是一個微服務事件儲藏中心，這可能很難懂，但別緊張，這些都會在本文中得到答案。
-    </div>
-    <div class="ts-divider"></div>
-    <div class="ts-content is-secondary is-dense">
-        <span class="ts-icon is-end-spaced is-eye-icon"></span> 6,439,852 觀看次數
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Tertiary - - - -
-

更沈重的語氣讓使用者知道這不是內容主體，但可以作為概要矚目看板。

-
- - - -
-
-
-
這個故事結束了
-
所有人不是死亡就是離開了，也許有一天會有人替這個遺跡找到新的用處。
-
-
-
- 
<div class="ts-content is-tertiary is-vertically-very-padded">
-    <div class="ts-center">
-        <div class="ts-header is-large">這個故事結束了</div>
-        <div class="ts-text is-secondary">所有人不是死亡就是離開了，也許有一天會有人替這個遺跡找到新的用處。</div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Aligns - - - -
-

更改文字的對齊方式。

-
- - - -
-
-
- 置起始位置 -
-
- 我置中 -
-
- 置結束位置 -
-
-
- 
<div class="ts-box">
-    <div class="ts-content is-start-aligned">
-        置起始位置
-    </div>
-    <div class="ts-content is-center-aligned">
-        我置中
-    </div>
-    <div class="ts-content is-end-aligned">
-        置結束位置
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Interactive - - - -
-

增加視覺效果令使用者能夠透過滑鼠、觸控得知這個區塊可以被點擊或是互動。

-
- - - -
-
-
- 下載 -
-
- 最愛 -
-
- 彙整 -
-
-
- 
<div class="ts-box">
-    <div class="ts-content is-interactive is-dense">
-        <span class="ts-icon is-end-spaced is-download-icon"></span> 下載
-    </div>
-    <div class="ts-content is-interactive is-active is-dense">
-        <span class="ts-icon is-end-spaced is-heart-icon"></span> 最愛
-    </div>
-    <div class="ts-content is-interactive is-dense">
-        <span class="ts-icon is-end-spaced is-box-archive-icon"></span> 彙整
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Padded - - - -
-

加大內容區塊的內距，適合用於排版。

-
- - - -
-
-
- 這個區塊的內距是原本的 3 倍。 -
-
-
-
-
- 這個區塊的內距是原本的 1.5 倍。 -
-
-
-
-
- 僅有增加左右水平內距。 -
-
-
-
-
- 僅有增加上下垂直內距。 -
-
-
- 
<div class="ts-box">
-    <div class="ts-content is-very-padded">
-        這個區塊的內距是原本的 3 倍。
-    </div>
-</div>
-<div class="ts-box">
-    <div class="ts-content is-padded">
-        這個區塊的內距是原本的 1.5 倍。
-    </div>
-</div>
-<div class="ts-box">
-    <div class="ts-content is-horizontally-padded">
-        僅有增加左右水平內距。
-    </div>
-</div>
-<div class="ts-box">
-    <div class="ts-content is-vertically-padded">
-        僅有增加上下垂直內距。
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Rounded - - - -
-

使區塊本身的四個角落以圓角呈現，避免太過尖銳。

-
- - - -
-
- 透過網路改變現實生活中的事件。比起創新我們更喜歡革新並找出大家真正所需。 -
-
- 
<div class="ts-content is-rounded is-tertiary">
-    透過網路改變現實生活中的事件。比起創新我們更喜歡革新並找出大家真正所需。
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Fitted - - - -
-

移除區塊的內距。

-
- - - -
-
-
- 在同個屋簷下，做著那一成不變的事情。就算沒有外星人來襲擊，偶爾也會發生一些意想之外的事情。 -
-
-
- 
<div class="ts-box">
-    <div class="ts-content is-fitted">
-        在同個屋簷下，做著那一成不變的事情。就算沒有外星人來襲擊，偶爾也會發生一些意想之外的事情。
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Dense - - - -
-

變更元件的內距，令元素之間看起來更密集。

-
- - - -
-
-
-
圖像複用、反轉、鏡射：怎麼將遊戲壓縮在 40 KB 以下還同時保持關卡獨特性？
- Micro Mages 為了保持關卡的獨特性，開發者還特別精心設計了一個「偏移索引」系統，而遊戲中的種種設計都值得令人仔細觀察一番，而這就成為 Micro Mages 對這款遊戲最直接的廣告賣點。 -
-
-
- 
<div class="ts-box">
-    <div class="ts-content is-dense">
-        <div class="ts-header">圖像複用、反轉、鏡射：怎麼將遊戲壓縮在 40 KB 以下還同時保持關卡獨特性？</div>
-        Micro Mages 為了保持關卡的獨特性，開發者還特別精心設計了一個「偏移索引」系統，而遊戲中的種種設計都值得令人仔細觀察一番，而這就成為 Micro Mages 對這款遊戲最直接的廣告賣點。
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Compositions
- - - - - - - - - -
- -
- Dark - - - -
-

以暗色主題呈現某個特定區塊，這與主題色系有關。

-
- - - -
-
-
- けものフレンズ -
-
- Welcome to ようこそジャパリパーク！
- 今日もドッタンバッタン大騒ぎ -
-
-
- 
<div class="ts-box">
-    <div class="ts-content is-dark is-dense">
-        けものフレンズ
-    </div>
-    <div class="ts-content">
-        Welcome to ようこそジャパリパーク！<br>
-        今日もドッタンバッタン大騒ぎ
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Empty State - - - -
-

在沒有資料的情況下提供預設訊息或建議行為。

-
- - - -
-
-
-
-
-
購物車是空的
-
請購買些商品之後再回來查看
-
- -
-
-
- 
<div class="ts-content is-tertiary is-vertically-very-padded is-rounded">
-    <div class="ts-center">
-        <div class="ts-icon is-disabled is-heading is-cart-shopping-icon"></div>
-        <div class="ts-space"></div>
-        <div class="ts-header is-secondary">購物車是空的</div>
-        <div class="ts-text is-secondary">請購買些商品之後再回來查看</div>
-        <div class="ts-space is-large"></div>
-        <button class="ts-button">瀏覽商品</button>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Slate - - - -
-

在某些頁面的開頭上方可以擺放概要看板用來指示使用者目前頁面的用途。

-
- - - -
-
-
建立使用者
-
初始化一個使用者資料並授予登入權限。
-
-
- 
<div class="ts-content is-tertiary is-vertically-very-padded">
-    <div class="ts-header is-large">建立使用者</div>
-    <div class="ts-text is-secondary">初始化一個使用者資料並授予登入權限。</div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Upload Zone - - - -
-

透過結合箱型容器呈現出一個能夠讓使用者拖曳檔案上傳的空虛區塊。

-
- - - -
-
-
-
-
-
-
上傳圖片或影音
-
將圖片拖拉至此處進行上傳
-
-
-
-
- 
<div class="ts-box is-hollowed">
-    <div class="ts-content is-vertically-very-padded">
-        <div class="ts-center">
-            <div class="ts-icon is-disabled is-heading is-upload-icon"></div>
-            <div class="ts-space"></div>
-            <div class="ts-header is-secondary">上傳圖片或影音</div>
-            <div class="ts-text is-secondary">將圖片拖拉至此處進行上傳</div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
States
-
- - - Active is-active - - - - Disabled is-disabled - - -
- -
Variations
-
- - - Secondary is-secondary - - - - Tertiary is-tertiary - - - - Aligns is-start-aligned - - - - Interactive is-interactive - - - - Padded is-very-padded - - - - Rounded is-rounded - - - - Fitted is-fitted - - - - Dense is-dense - - -
- -
Compositions
-
- - - Dark is-dark - - - - Empty State ts-content - - - - Slate ts-content - - - - Upload Zone {{ts-box}} - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/control.html b/docs/en-us/control.html deleted file mode 100644 index 4afb78bf6..000000000 --- a/docs/en-us/control.html +++ /dev/null @@ -1,969 +0,0 @@ - - - - - - - - - - - - - - Control - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Control

-
A specific layout for form fields.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
使用者名稱
-
-
- -
-
-
-
-
- 
<div class="ts-control">
-    <div class="label">使用者名稱</div>
-    <div class="content">
-        <div class="ts-input is-fluid">
-            <input type="text">
-        </div>
-    </div>
-</div>
-
-
- - - - - - -
Introduction
-

這個通常用在表單輸入欄位上，這會單純地將欄位區分為標籤、內容，可以說是帶有固定寬度的網格系統。這個元件並不太適合應用於響應式設計的網頁，因為其要求父容器要有一定的寬度。此時建議使用網格系統來建立一個更彈性的表單會較為合適。

-
- - - - - -
Variations
- - - - - - - - - -
- -
- Label Aligns - - - -
-

標籤可以置起始位置，但這樣可能會讓標籤距離內容欄位太遠而不好辨識。

-
- - - -
-
-
年齡
-
-
- -
-
-
-
- 
<div class="ts-control">
-    <div class="label is-start-aligned">年齡</div>
-    <div class="content">
-        <div class="ts-input is-fluid">
-            <input type="number">
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Padded - - - -
-

如果在內容欄位裡擺放純文字或是某些較矮的元素則需要特別增高內距以避免其高度無法與標籤對齊。

-
- - - -
-
-
電子信箱地址
-
- yamiodymel@example.com -
-
-
-
封鎖廣告內容
-
- -
-
-
- 
<div class="ts-control">
-    <div class="label">電子信箱地址</div>
-    <div class="content is-padded">
-        yamiodymel@example.com
-    </div>
-</div>
-<div class="ts-control">
-    <div class="label">封鎖廣告內容</div>
-    <div class="content is-padded">
-        <label class="ts-switch">
-            <input type="checkbox" checked />
-            啟用
-        </label>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Fluid - - - -
-

內容欄位預設的寬度不是全寬，如果希望填滿父容器寬度則可以使用此樣式。

-
- - - -
-
-
暱稱
-
-
- -
-
-
-
- 
<div class="ts-control">
-    <div class="label">暱稱</div>
-    <div class="content is-fluid">
-        <div class="ts-input is-fluid">
-            <input type="text">
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Wide - - - -
-

使整個控制項運用更多的空白，適合較窄的容器。

-
- - - -
-
-
標籤
-
-
- -
-
-
-
-
-
標籤
-
-
- -
-
-
-
- 
<div class="ts-control">
-    <div class="label">標籤</div>
-    <div class="content">
-        <div class="ts-input is-fluid">
-            <input type="text">
-        </div>
-    </div>
-</div>
-<div class="ts-control is-wide">
-    <div class="label">標籤</div>
-    <div class="content">
-        <div class="ts-input is-fluid">
-            <input type="text">
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Compositions
- - - - - - - - - -
- -
- Divider - - - -
-

如果有兩個控制項欄位互不相關，可以考慮透過區段分隔線將其分開。

-
- - - -
-
-
-
使用者名稱
-
-
- -
-
-
-
-
密碼
-
-
- -
-
-
-
-
-
行銷通知
-
- -
-
-
-
- 
<div class="ts-wrap is-vertical">
-    <div class="ts-control">
-        <div class="label">使用者名稱</div>
-        <div class="content">
-            <div class="ts-input is-fluid">
-                <input type="text">
-            </div>
-        </div>
-    </div>
-    <div class="ts-control">
-        <div class="label">密碼</div>
-        <div class="content">
-            <div class="ts-input is-fluid">
-                <input type="password">
-            </div>
-        </div>
-    </div>
-    <div class="ts-divider"></div>
-    <div class="ts-control">
-        <div class="label">行銷通知</div>
-        <div class="content is-padded">
-            <label class="ts-switch">
-                <input type="checkbox" checked />
-                我想接收到更多的電子信箱通知。
-            </label>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Section Block - - - -
-

透過內容區塊點綴也能讓某個控制項看起來像一個獨立的邏輯區塊。

-
- - - -
-
-
-
真實姓名
-
-
- -
-
-
-
-
-
危險地區
-
-
- -
-
注意，你將無法復原這項行為。
-
-
-
-
-
- 
<div class="ts-wrap is-vertical">
-    <div class="ts-control">
-        <div class="label">真實姓名</div>
-        <div class="content">
-            <div class="ts-input is-fluid">
-                <input type="text">
-            </div>
-        </div>
-    </div>
-    <div class="ts-divider"></div>
-    <div class="ts-control">
-        <div class="label">危險地區</div>
-        <div class="content">
-            <div class="ts-content is-rounded is-secondary is-padded">
-                <button class="ts-button is-outlined is-negative">移除使用者</button>
-                <div class="ts-space is-small"></div>
-                <div class="ts-text is-description">注意，你將無法復原這項行為。</div>
-            </div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
Variations
-
- - - Label Aligns is-start-aligned - - - - Padded is-padded - - - - Fluid is-fluid - - - - Wide is-wide - - -
- -
Compositions
-
- - - Divider {{ts-divider}} - - - - Section Block {{ts-content}} - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/conversation.html b/docs/en-us/conversation.html deleted file mode 100644 index 3e5a73324..000000000 --- a/docs/en-us/conversation.html +++ /dev/null @@ -1,1566 +0,0 @@ - - - - - - - - - - - - - - Conversation - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Conversation

-
Content of the messages between one or multiple people.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
- An unimportant image placeholder for demonstration -
-
-
-
星乃菖蒲
-
- 你看著這個人，有點可笑，
- 現在的他好像和以前的他不是一個人。 -
-
-
下午 11:58
-
-
-
-
-
-
- 
<div class="ts-conversation is-sent">
-    <div class="avatar">
-        <img src="user.png">
-    </div>
-    <div class="content">
-        <div class="bubble">
-            <div class="author">星乃菖蒲</div>
-            <div class="text">
-                你看著這個人，有點可笑，<br>
-                現在的他好像和以前的他不是一個人。
-            </div>
-            <div class="meta">
-                <div class="item">下午 11:58</div>
-            </div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - -
Introduction
-

這個元件適合用於聊天室或是留言中的交談訊息，只要是多人之間的對話就可以使用此元件。

-
- - - - - -
Message States
- - - - - - - - - -
- -
- Sent - - - -
-

表示這個訊息已經送至伺服器但對方並沒有讀取。

-
- - - -
-
-
- An unimportant image placeholder for demonstration -
-
-
-
君島翔
-
- 你以為這些年你已經習慣了。
- 但那句話你始終說不出口。 -
-
-
下午 10:04
-
-
-
-
-
- 
<div class="ts-conversation is-sent">
-    <div class="avatar">
-        <img src="user.png">
-    </div>
-    <div class="content">
-        <div class="bubble">
-            <div class="author">君島翔</div>
-            <div class="text">
-                你以為這些年你已經習慣了。<br>
-                但那句話你始終說不出口。
-            </div>
-            <div class="meta">
-                <div class="item">下午 10:04</div>
-            </div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Sending - - - -
-

訊息還正在發送至伺服器，可能是網際網路速度過慢而尚未發送完畢。

-
- - - -
-
-
- An unimportant image placeholder for demonstration -
-
-
-
夏杞文實
-
- 你們還是存在分歧，還是在爭吵，
- 某個瞬間，你覺得這樣可能也挺好。 -
-
-
上午 12:04
-
-
-
-
-
- 
<div class="ts-conversation is-sending">
-    <div class="avatar">
-        <img src="user.png">
-    </div>
-    <div class="content">
-        <div class="bubble">
-            <div class="author">夏杞文實</div>
-            <div class="text">
-                你們還是存在分歧，還是在爭吵，<br>
-                某個瞬間，你覺得這樣可能也挺好。
-            </div>
-            <div class="meta">
-                <div class="item">上午 12:04</div>
-            </div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Read - - - -
-

對方已經接收到訊息且閱讀過了。

-
- - - -
-
-
- An unimportant image placeholder for demonstration -
-
-
-
河居織鶴
-
- 你說著那些曾經你最討厭的話，你們從交流變成了爭吵。 -
-
-
下午 05:26
-
-
-
-
-
- 
<div class="ts-conversation is-read">
-    <div class="avatar">
-        <img src="user.png">
-    </div>
-    <div class="content">
-        <div class="bubble">
-            <div class="author">河居織鶴</div>
-            <div class="text">
-                你說著那些曾經你最討厭的話，你們從交流變成了爭吵。
-            </div>
-            <div class="meta">
-                <div class="item">下午 05:26</div>
-            </div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Error - - - -
-

發送訊息時發生錯誤。

-
- - - -
-
-
- An unimportant image placeholder for demonstration -
-
-
-
喜羽正明
-
- 幾年後你卻反了過來，你說不要妥協。 -
-
-
下午 08:14
-
-
-
-
-
- 
<div class="ts-conversation is-error">
-    <div class="avatar">
-        <img src="user.png">
-    </div>
-    <div class="content">
-        <div class="bubble">
-            <div class="author">喜羽正明</div>
-            <div class="text">
-                幾年後你卻反了過來，你說不要妥協。
-            </div>
-            <div class="meta">
-                <div class="item">下午 08:14</div>
-            </div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Message Contents
- - - - - - - - - -
- -
- Quote - - - -
-

提及另一個訊息的內容。

-
- - - -
-
-
- An unimportant image placeholder for demonstration -
-
-
-
八馬奏
-
-
天草月乃
-
- 要有偉大的夢想，
- 我老是這麼說，對吧？ -
-
-
- 我一直都有機會，
- 只是從來沒膽做正確的選擇。 -
-
-
下午 04:58
-
-
-
-
-
- 
<div class="ts-conversation">
-    <div class="avatar">
-        <img src="user.png">
-    </div>
-    <div class="content">
-        <div class="bubble">
-            <div class="author">八馬奏</div>
-            <div class="quote">
-                <div class="author">天草月乃</div>
-                <div class="text">
-                    要有偉大的夢想，<br>
-                    我老是這麼說，對吧？
-                </div>
-            </div>
-            <div class="text">
-                我一直都有機會，<br>
-                只是從來沒膽做正確的選擇。
-            </div>
-            <div class="meta">
-                <div class="item">下午 04:58</div>
-            </div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Link Preview - - - -
-

訊息裡如果包含超連結的話，則可以帶有連結預覽區塊。

-
- - - -
-
-
- An unimportant image placeholder for demonstration -
-
-
-
影山星一
-
- 五月的北京 4 點就天亮了，
- 而我就像個寄居動物般已經三天沒回家。 -
-
-
電腦玩瞎咪
-
華碩自稱「中國公司」，中國分部發言誓死阻撓日本工商
-
在微博上的《ROG玩家国度》小編便發文了，誓死也會阻止這次日本華碩與 Hololive 的工商互動。多數中國網友表示期待且「買不買華碩就看這次了」。「難道不知道華碩是中國的品牌嗎？」而說出這句話的也不僅網友，連華碩小編本身也如此說道。
-
- An unimportant image placeholder for demonstration -
-
-
-
下午 03:04
-
-
-
-
-
- 
<div class="ts-conversation" style="max-width: 400px;">
-    <div class="avatar">
-        <img src="user.png">
-    </div>
-    <div class="content">
-        <div class="bubble">
-            <div class="author">影山星一</div>
-            <div class="text">
-                五月的北京 4 點就天亮了，<br>
-                而我就像個寄居動物般已經三天沒回家。
-            </div>
-            <div class="preview">
-                <div class="site">電腦玩瞎咪</div>
-                <div class="title">華碩自稱「中國公司」，中國分部發言誓死阻撓日本工商</div>
-                <div class="content">在微博上的《ROG玩家国度》小編便發文了，誓死也會阻止這次日本華碩與 Hololive 的工商互動。多數中國網友表示期待且「買不買華碩就看這次了」。「難道不知道華碩是中國的品牌嗎？」而說出這句話的也不僅網友，連華碩小編本身也如此說道。</div>
-                <div class="embed">
-                    <img src="image.png">
-                </div>
-            </div>
-            <div class="meta">
-                <div class="item">下午 03:04</div>
-            </div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Object - - - -
-

能夠擺放其他元件，例如：多媒體照片、圖片組合。

-
- - - -
-
-
- An unimportant image placeholder for demonstration -
-
-
-
東雲鈴音
-
-
- An unimportant image placeholder for demonstration -
-
-
- 我不忍也不敢告訴他們，今天的差評又多了一些。 -
-
-
-
-
-
-
- An unimportant image placeholder for demonstration -
-
-
-
山崎颯太
-
-
-
- An unimportant image placeholder for demonstration -
-
- An unimportant image placeholder for demonstration -
-
- An unimportant image placeholder for demonstration -
-
-
-
- 現在是凌晨 2:55 分，
- 對於我來說，今天才過了一半。 -
-
-
-
-
- 
<div class="ts-conversation" style="max-width: 400px;">
-    <div class="avatar">
-        <img src="user.png">
-    </div>
-    <div class="content">
-        <div class="bubble">
-            <div class="author">東雲鈴音</div>
-            <div class="object">
-                <div class="ts-image">
-                    <img src="image.png">
-                </div>
-            </div>
-            <div class="text">
-                我不忍也不敢告訴他們，今天的差評又多了一些。
-            </div>
-        </div>
-    </div>
-</div>
-<div class="ts-conversation" style="max-width: 400px;">
-    <div class="avatar">
-        <img src="user.png">
-    </div>
-    <div class="content">
-        <div class="bubble">
-            <div class="author">山崎颯太</div>
-            <div class="object">
-                <div class="ts-imageset is-compact is-3-images">
-                    <div class="item">
-                        <img src="image.png">
-                    </div>
-                    <div class="item">
-                        <img src="image.png">
-                    </div>
-                    <div class="item">
-                        <img src="image.png">
-                    </div>
-                </div>
-            </div>
-            <div class="text">
-                現在是凌晨 2:55 分，<br>
-                對於我來說，今天才過了一半。
-            </div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Self - - - -
-

讓訊息置右並更改其語意，使用者便能一眼看出這是自己所發送的訊息。

-
- - - -
-
-
- An unimportant image placeholder for demonstration -
-
-
-
新田司
-
- 原因應該先於結果發生，
- 但這取決於你怎麼看待時間。 -
-
-
下午 05:18
-
-
-
-
-
- 
<div class="ts-conversation is-self">
-    <div class="avatar">
-        <img src="user.png">
-    </div>
-    <div class="content">
-        <div class="bubble">
-            <div class="author">新田司</div>
-            <div class="text">
-                原因應該先於結果發生，<br>
-                但這取決於你怎麼看待時間。
-            </div>
-            <div class="meta">
-                <div class="item">下午 05:18</div>
-            </div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Object Only - - - -
-

如果訊息裡只有外置物件而沒有其他內容，則可以讓訊息看起來更緊緻並移除多餘空白。

-
- - - -
-
-
- An unimportant image placeholder for demonstration -
-
-
-
-
- An unimportant image placeholder for demonstration -
-
-
-
上午 06:37
-
-
-
-
-
- 
<div class="ts-conversation is-object-only is-sent">
-    <div class="avatar">
-        <img src="user.png">
-    </div>
-    <div class="content">
-        <div class="bubble">
-            <div class="object">
-                <div class="ts-image">
-                    <img src="image.png">
-                </div>
-            </div>
-            <div class="meta">
-                <div class="item">上午 06:37</div>
-            </div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Compositions
- - - - - - - - - -
- -
- Reactions - - - -
-

在訊息底下擺放關聯標籤能夠營造出一個讓使用者表態對該訊息的反應。

-
- - - -
-
-
- An unimportant image placeholder for demonstration -
-
-
-
佐藤理人
-
- 大家也要生存，也要生活，
- 不是每個人都有孤注一擲的勇氣。 -
-
-
-
- - -
- -
-
-
-
-
- 
<div class="ts-conversation">
-    <div class="avatar">
-        <img src="user.png">
-    </div>
-    <div class="content">
-        <div class="bubble">
-            <div class="author">佐藤理人</div>
-            <div class="text">
-                大家也要生存，也要生活，<br>
-                不是每個人都有孤注一擲的勇氣。
-            </div>
-        </div>
-        <div class="ts-space is-small"></div>
-        <div class="ts-wrap is-compact">
-            <label class="ts-chip is-toggle is-small is-dense is-secondary is-circular is-outlined">
-                <input type="checkbox" checked="">
-                <div class="content">👌 21</div>
-            </label>
-            <label class="ts-chip is-toggle is-small is-dense is-secondary is-circular is-outlined">
-                <input type="checkbox">
-                <div class="content">👀 8</div>
-            </label>
-            <div class="ts-chip is-outlined is-small is-dense is-circular" style="padding: 0.1rem 0.5rem">
-                <span class="ts-icon is-regular is-face-smile-icon"></span>
-            </div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Meta - - - -
-

透過中繼資料元件可以呈現和訊息有關的詳細資訊或是部份動作行為。

-
- - - -
-
-
- An unimportant image placeholder for demonstration -
-
-
-
米莉亞
-
- 你突然問自己，我到底是什麼時候死掉的呢？
- 最後一秒你努力的回憶著，你終於想起了一個畫面。 -
-
-
- 讚 - 回覆 - 3 分前 -
-
-
-
- 
<div class="ts-conversation">
-    <div class="avatar">
-        <img src="user.png">
-    </div>
-    <div class="content">
-        <div class="bubble">
-            <div class="author">米莉亞</div>
-            <div class="text">
-                你突然問自己，我到底是什麼時候死掉的呢？<br>
-                最後一秒你努力的回憶著，你終於想起了一個畫面。
-            </div>
-        </div>
-        <div class="ts-meta is-small is-secondary">
-            <a class="item">讚</a>
-            <a class="item">回覆</a>
-            <a class="item">3 分前</a>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Callbacks - - - -
-

搭配按鈕和網格系統，可以製造出對該訊息的動作按鈕。適合應用在聊天機器人的情境上。

-
- - - -
-
-
- An unimportant image placeholder for demonstration -
-
-
-
文字冒險 RPG 遊戲機器人
-
- 你目前在：特雅蘭 提斯市
- 這裡有 11 位玩家，
- 前方不遠的地方看起來像是這個城鎮的出口。 -
-
-
下午 01:02
-
-
-
-
-
- -
-
- -
-
- -
-
-
-
-
- 
<div class="ts-conversation">
-    <div class="avatar">
-        <img src="user.png">
-    </div>
-    <div class="content">
-        <div class="bubble">
-            <div class="author">文字冒險 RPG 遊戲機器人</div>
-            <div class="text">
-                你目前在：<b>特雅蘭 提斯市</b><br>
-                這裡有 11 位玩家，<br>
-                前方不遠的地方看起來像是這個城鎮的出口。
-            </div>
-            <div class="meta">
-                <div class="item">下午 01:02</div>
-            </div>
-        </div>
-        <div class="ts-space is-small"></div>
-        <div class="ts-row is-compact is-evenly-divided">
-            <div class="column">
-                <button class="ts-button is-small is-secondary is-dense is-fluid">
-                    ⬆️ 往前
-                </button>
-            </div>
-            <div class="column">
-                <button class="ts-button is-small is-secondary is-dense is-fluid">
-                    ↩️ 返回巷弄
-                </button>
-            </div>
-            <div class="column">
-                <button class="ts-button is-small is-secondary is-dense is-fluid">
-                    👁️‍🗨️ 調查
-                </button>
-            </div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
- - - -
- -
Message States
-
- - - Sent is-sent - - - - Sending is-sending - - - - Read is-read - - - - Error is-error - - -
- -
Message Contents
-
- - - Quote quote - - - - Link Preview preview - - - - Object object - - -
- -
Variations
-
- - - Self is-self - - - - Object Only is-object-only - - -
- -
Compositions
-
- - - Reactions {{ts-chip}} - - - - Meta {{ts-meta}} - - - - Callbacks {{ts-button}} - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/divider.html b/docs/en-us/divider.html deleted file mode 100644 index 0cd14b944..000000000 --- a/docs/en-us/divider.html +++ /dev/null @@ -1,751 +0,0 @@ - - - - - - - - - - - - - - Divider - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Divider

-
Separates the topics, paragraphs or sections.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
-
- 
<div class="ts-divider"></div>
-
-
- - - - - - -
Introduction
-

Divider was designed to be just a line so it has no margins. It is used to separate the paragraph or content blocks, for more example check the Compositions section below.

-
- - - - - -
Variations
- - - - - - - - - -
- -
- Section - - - -
-

Section Dividers has a top and bottom margin used to separates the content.

-
- - - -
-

Welcome to the little anon website.

-
-

Here you will see the daily life of a wizard. Yes, you can become a wizard like me if you can be single for 30 years.

-
- 
<p>Welcome to the little anon website.</p>
-<div class="ts-divider is-section"></div>
-<p>Here you will see the daily life of a wizard. Yes, you can become a wizard like me if you can be single for 30 years.</p>
-
-
- - - - - - - - - - -
- -
- -
- Vertical - - - -
-

Placing a vertical Divider in a horizontal Box to divde the Box into two parts.

-
- - - -
-
-
Beep, beep.
-
-
It's the international exchange line.
-
-
- 
<div class="ts-box is-horizontal" style="height: 100px;">
-    <div class="ts-content">Beep, beep.</div>
-    <div class="ts-divider is-vertical"></div>
-    <div class="ts-content">It's the international exchange line.</div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Text - - - -
-

Text can be inserted in the middle of the divider.

-
- - - -
-
01/04/2022
-
-
You may also like these
-
-
Product Description
-
- 
<div class="ts-divider is-start-text">01/04/2022</div>
-<div class="ts-divider is-center-text">You may also like these</div>
-<div class="ts-divider is-end-text">Product Description</div>
-
-
- - - - - - - - - - -
- - - -
Compositions
- - - - - - - - - -
- -
- Form - - - -
-

Usually there is a third-party login support at the bottom of the login or registration form, which you can clearly tells the user that there is an additional way to login through a Divider.

-
- - - -
-
-
-
-
Email Address
-
- - -
-
Password
-
- - -
- -
-
Or you can log in via
-
- -
-
-
-
- 
<div class="ts-center">
-    <div class="ts-segment" style="width: 280px">
-        <div class="ts-wrap is-vertical">
-            <div class="ts-text is-label">Email Address</div>
-            <div class="ts-input is-start-icon is-fluid">
-                <span class="ts-icon is-envelope-icon"></span>
-                <input type="text" />
-            </div>
-            <div class="ts-text is-label">Password</div>
-            <div class="ts-input is-start-icon is-fluid">
-                <span class="ts-icon is-lock-icon"></span>
-                <input type="password" />
-            </div>
-            <button class="ts-button is-fluid">Register</button>
-            <div class="ts-divider is-center-text">
-                <div class="ts-text is-description">Or you can log in via</div>
-            </div>
-            <button class="ts-button is-fluid is-start-icon is-outlined">
-                <span class="ts-icon is-google-icon"></span> Google
-            </button>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
- - - -
- -
Variations
-
- - - Section ts-divider - - - - Vertical is-vertical - - - - Text is-start-text - - -
- -
Compositions
-
- - - Form ts-divider - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/dropdown.html b/docs/en-us/dropdown.html deleted file mode 100644 index fbac32717..000000000 --- a/docs/en-us/dropdown.html +++ /dev/null @@ -1,1640 +0,0 @@ - - - - - - - - - - - - - - Dropdown - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Dropdown

-
A floating togglable menu that attached to an element.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
- -
- - - -
-
-
-
-
-
- 
<div>
-    <button class="ts-button is-secondary is-icon">
-        <span class="ts-icon is-ellipsis-icon"></span>
-    </button>
-    <div class="ts-dropdown is-visible is-bottom-right">
-        <button class="item">下載</button>
-        <button class="item">重新命名</button>
-        <button class="item">刪除</button>
-    </div>
-</div>
-
-
- - - - - - -
Introduction
-

這個元件和選單非常相似，適合用於需要展開一個功能選單的時候（例如：更多選項）。這個元素會浮動貼齊其父容器，通常需要再包覆一層 <div> 作為對齊依據。

- -

使用時需自行搭配 JavaScript 操控元件的可見度狀態。

-
- - - - - -
States
- - - - - - - - - -
- -
- Visible - - - -
-

下拉式選單型態預設是隱藏的，必須指定為「可見的」才會顯示在頁面上。這個設計是為了讓 JavaScript 能夠切換其可見度。

-
- - - -
-
- -
- - - -
-
-
-
-
- 
<div>
-    <button class="ts-button is-secondary">選擇表情</button>
-    <div class="ts-dropdown is-visible is-start-icon is-bottom-left">
-        <button class="item">
-            <span class="ts-icon is-face-laugh-icon"></span> 非常滿意
-        </button>
-        <button class="item">
-            <span class="ts-icon is-face-meh-icon"></span> 一般
-        </button>
-        <button class="item">
-            <span class="ts-icon is-face-angry-icon"></span> 糟透了
-        </button>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Active - - - -
-

表示目前已經被啟用或是正在呈現的相關功能。

-
- - - -
-
- 個人資料 - 位置分享 - 設定 -
-
-
-
- 
<div class="ts-dropdown is-visible">
-    <a class="item">個人資料</a>
-    <a class="item is-active">位置分享</a>
-    <a class="item">設定</a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Disabled - - - -
-

使項目呈現無法互動、點擊的模樣。

-
- - - -
-
- 無線通訊 - 地圖紀錄 - 導航設定 -
-
-
-
- 
<div class="ts-dropdown is-visible">
-    <a class="item">無線通訊</a>
-    <a class="item is-disabled">地圖紀錄</a>
-    <a class="item">導航設定</a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Selected - - - -
-

可用於下拉式選單用來表示某個項目被選中，可能是某個欄位目前的內容值。

-
- - - -
-
- 5 分鐘後提醒我 - 1 小時候提醒我 - 永不提醒 -
-
-
-
- 
<div class="ts-dropdown is-visible">
-    <a class="item">5 分鐘後提醒我</a>
-    <a class="item is-selected">1 小時候提醒我</a>
-    <a class="item">永不提醒</a>
-</div>
-
-
- - - - - - - - - - -
- - - -
Contents
- - - - - - - - - -
- -
- Description - - - -
-

以較淺的文字說明特定項目。

-
- - - -
-
- - 下載 - Ctrl + D - - - 儲存圖片 - Ctrl + S - - - 全選 - Ctrl + A - -
-
-
-
- 
<div class="ts-dropdown is-visible">
-    <a class="item">
-        下載
-        <span class="description">Ctrl + D</span>
-    </a>
-    <a class="item">
-        儲存圖片
-        <span class="description">Ctrl + S</span>
-    </a>
-    <a class="item">
-        全選
-        <span class="description">Ctrl + A</span>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Avatar - - - -
-

項目前面可以放置大頭貼作為輔助人名使用。

-
- - - -
-
- - - An unimportant image placeholder for demonstration - - Yami Odymel - - - - An unimportant image placeholder for demonstration - - Xiaoan - - - - An unimportant image placeholder for demonstration - - Kitsune - -
-
-
-
- 
<div class="ts-dropdown is-visible">
-    <a class="item">
-        <span class="ts-avatar is-circular">
-            <img src="user.png">
-        </span>
-        Yami Odymel
-    </a>
-    <a class="item">
-        <span class="ts-avatar is-circular">
-            <img src="user.png">
-        </span>
-        Xiaoan
-    </a>
-    <a class="item">
-        <span class="ts-avatar is-circular">
-            <img src="user.png">
-        </span>
-        Kitsune
-    </a>
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Separated - - - -
-

使項目之間有空白間隔區分而不會相黏。

-
- - - -
-
- - 使用者 - - - 首頁 - - - 新聞 - -
-
-
-
- 
<div class="ts-dropdown is-separated is-visible">
-    <a class="item">
-        <span class="ts-icon is-user-icon"></span> 使用者
-    </a>
-    <a class="item is-active">
-        <span class="ts-icon is-house-icon"></span> 首頁
-    </a>
-    <a class="item">
-        <span class="ts-icon is-newspaper-icon"></span> 新聞
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Icon - - - -
-

選單項目的起始或結束位置可以帶有圖示輔助。

-
- - - -
-
- - 搜尋 - - - 實驗區 - - - 原子測試 - -
-
- - 我的最愛 - - - 已讚好內容 - - - 封存項目 - -
-
-
-
- 
<div class="ts-dropdown is-start-icon is-visible">
-    <a class="item">
-        <span class="ts-icon is-magnifying-glass-icon"></span> 搜尋
-    </a>
-    <a class="item">
-        <span class="ts-icon is-vials-icon"></span> 實驗區
-    </a>
-    <a class="item">
-        <span class="ts-icon is-atom-icon"></span> 原子測試
-    </a>
-</div>
-<div class="ts-dropdown is-end-icon is-visible" style="margin-left: 9rem;">
-    <a class="item">
-        我的最愛 <span class="ts-icon is-heart-icon"></span>
-    </a>
-    <a class="item">
-        已讚好內容 <span class="ts-icon is-thumbs-up-icon"></span>
-    </a>
-    <a class="item">
-        封存項目 <span class="ts-icon is-box-archive-icon"></span>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Scrollable - - - -
-

若選單項目過多，可以試著將其指定為可捲動的，選單便不會過長。在不同螢幕大小上可供捲動的長度也不同。

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
高度
10rem（≈190px）
15rem（≈285px）
19rem（≈361px）
-
-
- - - -
-
-
- Taiwan -
-
- - - - - - - - - - -
-
-
-
-
-
-
-
- 
<div class="ts-select is-active">
-    <div class="content">
-        <span class="ts-flag is-tw-flag"></span> Taiwan
-    </div>
-    <div class="ts-dropdown is-scrollable is-visible is-bottom">
-        <button class="item">
-            <span class="ts-flag is-us-flag"></span> United States
-        </button>
-        <button class="item is-selected">
-            <span class="ts-flag is-tw-flag"></span> Taiwan
-        </button>
-        <button class="item">
-            <span class="ts-flag is-my-flag"></span> Malaysia
-        </button>
-        <button class="item">
-            <span class="ts-flag is-cn-flag"></span> China
-        </button>
-        <button class="item">
-            <span class="ts-flag is-hk-flag"></span> Hong Kong
-        </button>
-        <button class="item">
-            <span class="ts-flag is-jp-flag"></span> Japan
-        </button>
-        <button class="item">
-            <span class="ts-flag is-gb-flag"></span> United Kingdom
-        </button>
-        <button class="item">
-            <span class="ts-flag is-br-flag"></span> Brazil
-        </button>
-        <button class="item">
-            <span class="ts-flag is-vn-flag"></span> Vietnam
-        </button>
-        <button class="item">
-            <span class="ts-flag is-gr-flag"></span> Greece
-        </button>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Align Directions - - - -
-

下拉式選單可以透過 is-top（上面）和 is-bottom（下面）選擇要貼齊父容器的哪邊，這同時會讓選單以流動的方式填滿左右寬度。如果父容器的寬度小於選單裡的項目，則會以項目寬度為主。

-
- - - -
-
- -
- - -
- -
-
-
-
-
- 
<div style="display: inline-block;">
-    <button class="ts-button is-start-labeled-icon is-secondary">
-        <span class="ts-icon is-ellipsis-icon"></span>
-        更多功能
-    </button>
-    <div class="ts-dropdown is-bottom is-visible">
-        <button class="item">新增檔案</button>
-        <button class="item">資訊</button>
-        <div class="ts-divider"></div>
-        <button class="item">刪除檔案</button>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Corner Aligned - - - -
-

下拉式選單可以選擇要貼齊父容器的哪個角落，透過 is-top-left（左上）、is-top-right（右上）　和 is-bottom-left（左下）、is-bottom-right（右下）指定。

-
- - - -
-
-
-
- -
- - -
- -
-
-
- 
<div>
-    <button class="ts-button is-secondary is-start-icon">
-        <span class="ts-icon is-wand-magic-sparkles-icon"></span>
-        施展神秘魔法
-    </button>
-    <div class="ts-dropdown is-top-left is-visible">
-        <button class="item">隕石術</button>
-        <button class="item">火焰術</button>
-        <div class="ts-divider"></div>
-        <button class="item">回復術</button>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

更改下拉式選單項目的大小。

-
- - - -
-
- 大型項目 - 大型項目 -
-
- 預設項目 - 預設項目 -
-
- 小型項目 - 小型項目 -
-
-
-
- 
<div class="ts-dropdown is-large is-visible">
-    <a class="item">大型項目</a>
-    <a class="item">大型項目</a>
-</div>
-<div class="ts-dropdown is-visible" style="margin-left: 7rem;">
-    <a class="item">預設項目</a>
-    <a class="item">預設項目</a>
-</div>
-<div class="ts-dropdown is-small is-visible" style="margin-left: 14rem;">
-    <a class="item">小型項目</a>
-    <a class="item">小型項目</a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Density - - - -
-

下拉式選單裡項目的間距可以更密或是更寬鬆。

-
- - - -
-
- 寬鬆項目 - 寬鬆項目 - 寬鬆項目 -
-
- 預設項目 - 預設項目 - 預設項目 -
-
- 緊密項目 - 緊密項目 - 緊密項目 -
-
-
-
-
- 
<div class="ts-dropdown is-relaxed is-visible">
-    <a class="item">寬鬆項目</a>
-    <a class="item is-active">寬鬆項目</a>
-    <a class="item">寬鬆項目</a>
-</div>
-<div class="ts-dropdown is-visible" style="margin-left: 7rem;">
-    <a class="item">預設項目</a>
-    <a class="item is-active">預設項目</a>
-    <a class="item">預設項目</a>
-</div>
-<div class="ts-dropdown is-dense is-visible" style="margin-left: 14rem;">
-    <a class="item">緊密項目</a>
-    <a class="item is-active">緊密項目</a>
-    <a class="item">緊密項目</a>
-</div>
-
-
- - - - - - - - - - -
- - - -
Compositions
- - - - - - - - - -
- -
- Search Dropdown - - - -
-

透過結合輸入欄位可以打造出一個能讓使用者搜尋且選擇項目的下拉欄位。

-
- - - -
-
-
- -
-
- - - -
-
-
-
-
- 
<div>
-    <div class="ts-input is-fluid">
-        <input type="text" placeholder="輸入使用者名稱…" />
-    </div>
-    <div class="ts-dropdown is-bottom is-visible">
-        <button class="item">Yami Odymel</button>
-        <button class="item is-active">Caris Events</button>
-        <button class="item">Tunalog</button>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- User Tagging - - - -
-

透過與下拉式選擇搭配使用，打造一個用於在電子信箱或標註人名時，可供新增更多使用者的下拉式選擇欄位。

-
- - - -
-
-
-
-
- An unimportant image placeholder for demonstration -
- 蓋歐露易絲 - -
-
-
- An unimportant image placeholder for demonstration -
- 古伊奈 - -
-
-
- - - An unimportant image placeholder for demonstration - - 斯提亞拉 - - - - An unimportant image placeholder for demonstration - - 五月雨 - -
-
-
-
-
- 
<div class="ts-select is-fluid is-active">
-    <div class="content">
-        <div class="ts-chip">
-            <div class="ts-image">
-                <img src="user.png" />
-            </div>
-            蓋歐露易絲
-            <button class="ts-close is-small"></button>
-        </div>
-        <div class="ts-chip">
-            <div class="ts-image">
-                <img src="user.png" />
-            </div>
-            古伊奈
-            <button class="ts-close is-small"></button>
-        </div>
-    </div>
-    <div class="ts-dropdown is-bottom">
-        <a class="item">
-            <span class="ts-avatar is-circular">
-                <img src="user.png">
-            </span>
-            斯提亞拉
-        </a>
-        <a class="item">
-            <span class="ts-avatar is-circular">
-                <img src="user.png">
-            </span>
-            五月雨
-        </a>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
States
-
- - - Visible is-visible - - - - Active is-active - - - - Disabled is-disabled - - - - Selected is-selected - - -
- -
Contents
-
- - - Description description - - - - Avatar {{ts-avatar}} - - -
- -
Variations
-
- - - Separated is-separated - - - - Icon is-start-icon - - - - Scrollable is-scrollable - - - - Align Directions is-bottom - - - - Corner Aligned is-top-left - - - - Sizes is-large - - - - Density is-relaxed - - -
- -
Compositions
-
- - - Search Dropdown {{ts-input}} - - - - User Tagging {{ts-select}} - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/examples.html b/docs/en-us/examples.html deleted file mode 100644 index 7616c6203..000000000 --- a/docs/en-us/examples.html +++ /dev/null @@ -1,457 +0,0 @@ - - - - - - - - - - - - - - - Examples - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Examples

-
Example pages built with Tocas UI and you can view or download the source code.
-
-
-
- -
-
- - -
-
NOTICE
-
The examples are made for desktops, the layout might be deformed or cropped if viewed on a mobile device.
-
- -
- -
-
Web Applications
-
Designs for most Single-page Applications or Progressive Web Applications.
-
- - - - -
Chatroom
-
A basic chat room implemented through dialogue bubbles and basic layout.
- - - - - - -
Dashboard
-
Administration backend with a sidebar.
- - - - - - -
Feed
-
A timeline that contains the posts and side information.
- - - - - - -
Inbox
-
Online mail inbox with several file attachments.
- - - - - - -
Network Drive
-
Cloud drive that organizes files by card.
- - - - - - -
Blog Editor
-
A personal blog editor that works with Simple Markdown Editor.
- - - -
-
- -
-
Websites
-
Examples of commercial or personal websites.
-
- - - - -
Blog
-
A personal blog site composed of text elements and some featuring cards.
- - - - - - -
CMS
-
Small business website front page for group and corporate announcements.
- - - - - - -
Crowdfunding
-
Platform made with Grid system and Images for crowdfunding.
- - - - - - -
Gallery
-
A static website presenting travel photos.
- - - - - - -
News
-
An information aggregation site with featuring news and multiple posts.
- - - - - - -
Shopping
-
Shopping site with information and reviews of many products.
- - - -
-
- -
-
Generals
-
Accessibility tools and other single pages.
-
- - - - -
Checkout Form
-
A form page that displays details such as shopping cart items and checkout addresses.
- - - - - - -
Stock Management
-
Table with span columns that act like an expandable detail to edit the stock information.
- - - - - - -
File List
-
A simpler example of network hard drive directory and file information, similar to FTP.
- - - - - - -
Invoice
-
It is used for e-invoices or invoices issued between companies.
- - - - - - -
Login Form
-
The basic account and password login page.
- - - - - - -
Preferences
-
System settings form for the website or service backend.
- - - - - - -
Mail Template
-
Promotional emails sent to members of the website.
- - - - - - -
Payment Form
-
Credit card information form for product checkout.
- - - - - - -
Pricing Plans
-
Several different price plans for customers.
- - - - - - -
Registration
-
A basic user registration page with information such as gender, birthday, nickname, etc.
- - - -
-
- -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/examples/blog-editor.html b/docs/en-us/examples/blog-editor.html deleted file mode 100644 index 38e5fed3a..000000000 --- a/docs/en-us/examples/blog-editor.html +++ /dev/null @@ -1,190 +0,0 @@ - - - - - - - - - - 發文後台 - Tocas UI - - - -
-
-
-
我的超級
神奇部落格
-
目前身份為 YAMI ODYMEL
-
-
-
帳號
- 使用者 -
內容
- 文章 - 分類 - 多媒體 -
系統
- 偏好設定 - 主題與外觀 -
-
- -
-
-
- -
-
-
-
文章資訊
-
-
標題
-
-
- -
-
-
發佈時間
-
-
- - -
-
-
- - -
-
-
標籤
-
-
- -
-
-
前言
-
-
- -
-
-
摘要
-
-
- -
-
-
作者
-
-
- -
-
- -
-
-
- - - diff --git a/docs/en-us/examples/blog.html b/docs/en-us/examples/blog.html deleted file mode 100644 index 1c88d52e6..000000000 --- a/docs/en-us/examples/blog.html +++ /dev/null @@ -1,219 +0,0 @@ - - - - - - - - 部落格 - Tocas UI - - -
-
-
-
- 訂閱電子報 -
-
-
部落格
-
-
- -
-
-
-
-
- 世界 -
-
- 台灣 -
-
- 科技 -
-
- 設計 -
-
- 文化 -
-
- 商業 -
-
- 政治 -
-
- 觀點 -
-
- 科學 -
-
- 健康 -
-
- 時尚 -
-
- 旅遊 -
-
-
-
-
-
數十年前被魚群圍毆的天才小釣手
-

你能夠想像一個試圖釣魚卻又被魚群圍毆的天才小釣手嗎？32 年前一個驚為天人的祕密，這史書尚未記載的故事將在此完全揭露。

- 繼續閱讀 -
-
-
-
-
-
-
-
超炫砲的文章
-
3 天前
-

這是一張側邊帶有圖片的卡片，而且還可以放下一些說明文字，感覺蒸棒！你還可以像這樣塞下更多廢話。

- 繼續閱讀 -
-
- -
-
-
-
-
-
-
超奇異故事
-
1 個星期前
-

這張卡片和左邊那個基本上是一樣啦，差異只在於這章卡片的文字有所不同。不過廢話當然也不能少。

- 繼續閱讀 -
-
- -
-
-
-
-
-
-
-
最新消息
-
-
-
-
範例文章第一篇
-
- 2022 年 7 月 13 日 - 3 篇留言 - Yami Odymel -
-

這是一個由 Tocas UI 框架所製成的簡易部落格，只要有基本的觀念就可以在幾分鐘內快速建置一個部落格型態的網站，並且支援多個元件與多種語義。

-
-

- 臺灣西與西北臨臺灣海峽，距歐亞大陸（主要距福建）海岸平均距離約200公里，臺灣海峽最窄之處為臺灣新竹縣到中國福建省平潭島，直線距離約130公里；北邊隔東海與朝鮮半島相望；東北隔海與琉球群島相望；西南邊為南海，距中國廣東省海岸直線距離約300公里；東邊為太平洋，和日本沖繩縣與那國島相鄰約 - 110 - 公里；南邊則隔巴士海峽與菲律賓群島相鄰。在西太平洋由千島群島、日本、琉球群島、臺灣、菲律賓等眾多島嶼所形成的島弧花綵列島中，臺灣位於中樞位置。由地緣政治理論上來看，臺灣正好位於東亞島弧中央區域，居東北亞與東南亞交會處，為亞太經貿運輸重要樞紐及重要戰略要地，北迴歸線橫跨中南部。 -

-
段落標題
-

- 臺灣南北縱長約 395 公里，東西寬度最大約 144 公里，環島海岸線長約 1139 公里，含屬島面積約 35882.6258 - 平方公里，四面環海，島嶼整體形狀似長條蕃薯狀。臺灣四面環海，孕育了各種海岸地形。 -

-
引用範例
-
- 臺灣是由歐亞大陸板塊、沖繩板塊和菲律賓海板塊擠壓而隆起的島嶼。臺灣主要是由兩個板塊的聚合作用產生，分別歸屬於歐亞板塊以及菲律賓海板塊。 -
維基百科
-
-

- 由於最大分水嶺中央山脈分布位置偏東，使得主要的河川大多分布在西半部，包括長度最長位居中部地區的濁水溪，流域最廣位居南部地區的高屏溪，以及長度與流域面積均為第三而位居北部地區的淡水河。其他尚有頭前溪、後龍溪、大安溪、大甲溪、烏溪、曾文溪等；而東半部主要河川則有蘭陽溪、立霧溪、花蓮溪、秀姑巒溪、卑南溪等。臺灣的天然湖泊稀少，最大的是日月潭，可能經由隕石撞擊形成的嘉明湖等，其餘多是人工修築的埤塘、水庫居多。 -

-
-
-
-
早安，世界！
-
- 2022 年 5 月 16 日 - 1 篇留言 - Yami Odymel -
-

- 臺灣可分為兩個氣候區，大致以通過中南部嘉義縣及花蓮縣的北回歸線為界，中部及北部屬亞熱帶季風氣候，嘉義以南屬熱帶季風氣候。5 月到 9 - 月為臺灣的夏季，天氣炎熱，其中大臺北地區是盆地地形，以致熱能無法快速消散，又加上都市熱島效應影響，因此夏季最高氣溫經常可達 35℃ 及以上，7 - 月的平均氣溫可接近 30℃。 -

-
清單範例
-

臺灣目前總人口約 23,248,953（2016 年 3 月統計），可分為 5 大族群：閩南人（河洛人）、客家人、外省人、原住民族、新住民。

-
-
臺灣位於亞熱帶與熱帶，以及歐亞大陸與太平洋的交界處。
-
另外高山對季風的阻擋能使島內環境變化較大，例如降雨量的差異。
-
- 臺灣的海岸線與鄰近海岸地區，過去擁有廣大的紅樹林與沼澤，並因此孕育許多生活在潮間帶的動物。 - -
-
但現今大多已經消失，只保留在例如臺南的七股濕地與臺北的淡水河河口等少數區域。
-
大型野生動物大多僅能分布在山區或較稀少的低海拔森林中。
-
由於棲地破壞和外來種引入，造成臺灣部分原生物種負面影響，有些甚至瀕臨滅絕或已滅絕。
-
-
-
為保護自然風景及野生動植物，中華民國內政部營建署自 1982 年起已公告成立 9 座國家公園。
-
-

- 在日治時期前期，臺灣在日本經濟上的地位是糧食生產與資源出口基地，僅有少數的食物儲藏加工業和輕工業[95]，在太平洋戰爭爆發後，臺灣因戰略地位被日本政府重新定位為南進基地，因此在臺灣南部的高雄一帶發展軍事工業。國民政府遷臺後，將臺灣視為武力反攻大陸的基地，奉行軍事優先和穩定農業的經濟政策。 -

-
-
-
- 上一頁 - 1 - 2 - 3 - 下一頁 -
-
-
-
-
-
-
關於
-

一個已加入魔法師預備軍的人類，傳說只要再過數十年，就能夠獲得魔法師的力量。

-
- -
-
其他連結
-
- Facebook - Twitter - GitHub -
-
-
-
-
-
-
-
-
-
-
-
Tocas UI 部落格範例
-
由 @YamiOdymel 製作，文章內容摘錄自維基百科
-
-
-
- - diff --git a/docs/en-us/examples/chatroom.html b/docs/en-us/examples/chatroom.html deleted file mode 100644 index 7ec8d2016..000000000 --- a/docs/en-us/examples/chatroom.html +++ /dev/null @@ -1,220 +0,0 @@ - - - - - - - - 聊天室 - Tocas UI - - -
-
-
-
-
-
- -
-
-
-
聊天室
-
-
-
- - - -
-
-
-
-
- - -
-
-
-
-
-
- -
-
-
-
東雲鈴音
-
我不忍也不敢告訴他們，今天…
-
-
-
-
-
-
-
- -
-
-
-
山崎颯太
-
現在是凌晨 2:55 分…
-
-
-
-
-
-
-
- -
-
-
-
Yami Odymel
-
早安我的朋友，好久沒…
-
-
-
-
-
-
-
- -
-
-
-
佐藤理人
-
大家也要生存，也要生…
-
-
-
-
-
-
-
- -
-
-
-
喜羽正明
-
幾年後你卻反了過來，你說…
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
星乃菖蒲
-
-
- - - -
-
-
-
-
-
-
-
- -
-
-
-
- 你看著這個人，有點可笑，
- 現在的他好像和以前的他不是一個人。 -
-
-
下午 11:58
-
-
-
-
-
-
-
- -
-
-
-
- 你以為這些年你已經習慣了。
- 但那句話你始終說不出口。 -
-
-
下午 11:59
-
-
-
-
-
-
-
- -
-
-
-
- 你們還是存在分歧，還是在爭吵，
- 某個瞬間，你覺得這樣可能也挺好。 -
-
-
上午 12:04
-
-
-
-
-
-
-
-
-
-
- - - -
-
-
- -
-
-
- -
-
-
-
-
-
- - diff --git a/docs/en-us/examples/checkout.html b/docs/en-us/examples/checkout.html deleted file mode 100644 index eec7a39d1..000000000 --- a/docs/en-us/examples/checkout.html +++ /dev/null @@ -1,275 +0,0 @@ - - - - - - - - 結帳表單 - Tocas UI - - -
-
-
-
- 結帳表單 -
-
-
- 下方是個使用 Tocas UI - 所打造的結帳表單範例。如果你想要設計一個購物網站的話這也許會對你來說很有用。不過別忘記啦，你是在讓顧客買東西而不是做身家調查，太過繁雜的要求資訊可是會趕跑人的。 -
-
-
-
-
-
帳單地址
-
-
-
-
姓氏
-
-
- -
-
-
-
名稱
-
-
- -
-
-
-
使用者帳號
-
-
- @ - -
-
-
-
電子郵件地址
-
-
- -
-
-
-
收貨地址
-
-
- -
-
-
-
次要收貨地址（非必要）
-
-
- -
-
-
-
-
-
國家
-
-
- -
-
-
-
縣市
-
-
- -
-
-
-
郵遞區號
-
-
- -
-
-
-
-
-
-
- - -
-
付款方式
-
- - - -
-
-
-
-
-
-
持卡人姓名
-
-
- -
-
-
此為信用卡上的英文名稱。
-
-
-
信用卡號碼
-
-
- -
-
-
-
-
-
-
-
到期日
-
-
- -
-
-
-
安全碼
-
-
- -
-
-
-
-
-
-
-
- -
-
-
-
-
-
-
購物項目
-
-
-
3
-
-
-
-
-
-
-
- 神秘筆記本 -
-
- $15 -
-
-
這是一個充滿神秘力量的筆記本。
-
-
-
-
-
- 橡皮擦 -
-
- $5 -
-
-
能夠抹去一切存在的神奇小擦擦。
-
-
-
-
-
- 紅茶 -
-
- $10 -
-
-
雖然我覺得咖啡也不錯。
-
-
-
-
-
- 折價代碼 -
-
-$5
-
-
ILOVETOCAS
-
-
-
-
-
總計（新台幣）
-
- $25 -
-
-
-
-
-
-
-
-
-
- -
-
-
- -
-
-
-
-
-
-
-
-
© 2021-2022 鮪魚罐頭有限公司
-
- 隱私權政策 - 使用協議 - 顧客支援 -
-
-
-
- - diff --git a/docs/en-us/examples/cms.html b/docs/en-us/examples/cms.html deleted file mode 100644 index 5ebaf2dda..000000000 --- a/docs/en-us/examples/cms.html +++ /dev/null @@ -1,103 +0,0 @@ - - - - - - - - 內容管理 - Tocas UI - - -
-
-
- CMS 網站 - 首頁 - 新聞 - RSS -
-
-
-
-
-
-
-
-
-
-
早安，世界！
-
歡迎來到我的 CMS 網站！這裡是我們網站的內容！
-
-
-
-
讓 NextCloud 支援影片縮圖預覽
-

- NextCloud 預設的環境下是不支援影片縮圖預覽的，像下圖一樣會看到影片完全都沒有預覽。 而解決這個問題多少算是簡單，首先安裝 ffmpeg - 影片處理套件。 -

-
- 檢視更多 » -
-
-
華碩自稱「中國公司」發言誓死阻撓日本工商
-

在微博上的《ROG玩家国度》小編便發文了，誓死也會阻止這次日本華碩與 Hololive 的工商互動。多數中國網友表示期待且「買不買華碩就看這次了」。

-
- 檢視更多 » -
-
-
羅技電競滑鼠 G603 和 G304 的心得與 Mx Master 3 擦身錯過
-

- 就在使用 G603 大概已經一年以上的時間，它開始出現了問題：「反向捲動」。當你捲動的時候有一定機率會突然回彈（往反方向捲動）。這個問題困擾我很久 -

-
- 檢視更多 » -
-
-
輿論不斷的虛擬偶像「Projekt Melody」在成人直播平台上成為熱門第一
-

- 除了在 YouTube 上放送自己的影片，Projekt Melody 也會在 Chaturbate - 成人直播平台線上放送自己的限制級內容。看到這樣的內容，想必不少人也會覺得新奇 -

-
- 檢視更多 » -
-
-
透過 CSS Variable 取代 Sass 並設計一個臻至完美的動態色彩主題系統
-

- 色彩佈景系統在前端實作時常常都是個不小的問題，直到 Sass、Less - 這種預先處理器的出現才解決了不少的麻煩，因為你能夠透過短短幾行程式碼就讓程式幫你自動處理顏色的部份 -

-
- 檢視更多 » -
-
-
圖像複用、反轉、鏡射：怎麼將遊戲壓縮在 40 KB 以下還同時保持關卡獨特性？
-

- Micro Mages 最令人感到驚訝的是什麼呢？為了將這款遊戲壓縮在 40 KB 容量以內，開發者重複使用了大量的圖像資源，但你卻不會因此而感到重複性過高。 -

-
- 檢視更多 » -
-
-
-
© 公司名稱 2017
-
-
-
-
-
- 友站連結 -
- 我們的願景 -
- 相關文件 -
- 企業社會責任 -
-
-
-
-
-
- - diff --git a/docs/en-us/examples/crowdfunding.html b/docs/en-us/examples/crowdfunding.html deleted file mode 100644 index 047b7b7ce..000000000 --- a/docs/en-us/examples/crowdfunding.html +++ /dev/null @@ -1,239 +0,0 @@ - - - - - - - - 募資平台 - Tocas UI - - -
-
-
- 神奇募資網站 - 瀏覽 - 熱門 - 我參與的 -
-
-
-
-
-
-
-
Code Liquid
-
一款由 Code Liquid Studio 出品的款成人向（R-18 限制級）遊戲。
-
-
-
-
- -
-
-
-
-
-
-
-
-
-
-
NT$ 830,110
-
-
83%
-
-
總目標 NT$ 1,000,000
-
-
194
-
贊助者
-
-
163
-
剩餘天數
-
- -
-
- - - - -
-
-
2022/12/31 23:59 截止
-
-
-
-
-
-
-
-
-
-
-
-
-
- 專案內容 - 留言32 - 常見問題 - 更新資訊 -
-
-
-
-
-
-
-
-
-
- 簡介 - 關於我們 - 為何贊助 - 相關連結 -
-
-
-

Code Liquid is a 3D RPG Hentai Game that combines Sci-Fi and Fantasy elements.

-

- At the time of the village's destruction, the player will take on the role of a hero who will save it from the crisis. In addition to the most basic way to - make money like completing the quests or killing monsters to get level up, you can also summon slaves from different worlds to help you to make money as the - basic income in the late game. -

-

- In addition to helping to earn money, slaves can also provide assistance in combat. The interaction between you and the slaves will also be changed based on - the affinity level; Upgrade the furniture and purchase venue passes to unlock more H animations. -

-

Code Liquid 是一款結合科幻和奇幻世界觀的 3D RPG H Game。

-

- 在村莊面臨毀滅之際，玩家將身負重任地扮演著英雄的角色將其從危機中解救。除了最基本的接取任務賺錢、打怪升級之外，亦能從異世界中召喚奴隸幫助玩家賺錢成為後期的收入來源。 -

-

奴隸除了能幫忙打工賺錢，還能提供戰鬥上的協助，透過好感度系統與奴隸的互動也會有所變化；升級房屋的家具擺設、購買場地通行證來解鎖更多的 H 動畫。

-
- ▌ About Us / 關於我們 -

Code Liquid Studio is a small indie game development team from Taiwan.

-

- The orignal plan was to make a H Game as a Side Project, but we got more and more ideas while the days were going by; In the end of 2018, we decided to - rewrite the game to implement our new and best ideas, and trying to make it as a large-scale game. -

-

Code Liquid Studio 是由一位程式和一位美術所組成的小型團隊。

-

原先打算在工作之餘做 H Game 當 Side Project，但隨著製作的推進，想法也日益增多；在 2018 年底開始重寫並試圖實現這些想法，製作出規模更大且更加完整的遊戲。

-
- ▌ Why Donation ? / 為何贊助 -

Donation helps us a lot since we don't have to earn money from the other places for surviving while we are developing the game.

-

- Develop a game takes plenty of time. We have took 3 months to completed the very first Demo. We can focus on the game development and create more content - updates If we got enough donations. -

-

- With Donation, you can also tell us about your thoughts and ideas directly by commenting in the posts below. We'll also post the latest development and game - updates via Donation. -

-

贊助可以讓我們少接一點案子，並更專注地在遊戲開發上。

-

遊戲開發是一件非常花時間的事情，最初的 Demo 就耗費了至少三個月的時間。如果有足夠的贊助金額，我們就能夠更專心地在開發遊戲上、加快遊戲內容的更新。

-

透過 Donation 也能夠直接在留言中聽見玩家對遊戲的反應並加以改進，同時也會透過 Donation 發表更詳細的內容更新與開發日誌。

-
- ▌ Website / 官方網站：
- https://code-liquid.io/

- - ▌ Dev Blog / 開發日誌：
- https://dev.code-liquid.io/
- -
-
-
對這個專案有興趣嗎？
現在就訂閱我們的電子報！
-
-
-
-
- -
-
-
- -
-
-
-
-
- 使用者條約 - 隱私政策 - 聯繫我們 -
-
-
-
-
- -
-
-
NT$380
-
數位遊戲版
-
-
包含：
-
-
Steam 數位下載序號一組
-
動態桌布
-
限定官方 Discord 贊助者身份組
-
-
-
153 位贊助者
-
- -
-
-
-
- -
-
-
NT$520
-
數位原聲帶同梱包
-
-
包含：
-
-
Steam 數位下載序號一組
-
動態桌布
-
FLAC 高音質原聲帶
-
限定官方 Discord 贊助者身份組
-
-
-
137 位贊助者
-
- -
-
-
-
- -
-
-
NT$990
-
實體典藏版
-
-
包含：
-
-
實體雷雕 USB 隨身碟
-
動態桌布
-
1:1000 主角模型
-
FLAC 高音質原聲帶
-
限定官方 Discord 贊助者身份組
-
-
-
15 位贊助者
-
- -
-
-
-
-
- - diff --git a/docs/en-us/examples/dashboard.html b/docs/en-us/examples/dashboard.html deleted file mode 100644 index 660b8b7e9..000000000 --- a/docs/en-us/examples/dashboard.html +++ /dev/null @@ -1,309 +0,0 @@ - - - - - - - - 資訊儀表板 - Tocas UI - - -
-
-
-
-
- -
-
Yami Odymel
-
-
-
-
-
-
-
使用者管理
-
-
- -
-
-
-
- 搜尋 - 新增 - 移除 -
-
-
-
-
-
-
網站管理
-
-
- -
-
-
-
- 偏好設定 - 系統最佳化 - 安全防護 -
-
-
- -
-
-
管理文章
-
-
- -
-
- -
- -
-
-
回報處理
-
-
- -
-
- -
-
-
-
-
儀表板
-
從這裡快速檢視您的網站狀態。
-
-
-
-
-
-
-
42,689
-
32
-
- 本月拜訪次數 -
-
- -
-
-
-
-
-
-
-
8,652
-
351
-
- 總會員數 -
-
- -
-
-
-
-
-
-
-
3
-
14
-
- 平均在線分鐘數 -
-
- -
-
-
-
-
-
-
-
-
-
-
-
會員清單
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - -
使用者名稱電子郵件信箱啟用日期
yamiodymelyamiodymel@example.com2013/09/14
karisusuperkari007@example.com2020/11/03
shiroteacatshiroteacat@example.com2009/07/15
-
-
-
- - 1 - 2 - 3 - 4 - -
-
-
-
-
-
-
留言板
-
-
-
-
-
- -
-
-
-
- 不要到處亂刪使用者的留言，
- 你是組刻薄嗎 🥲 -
-
-
下午 11:58
-
-
-
-
-
-
- -
-
-
-
好喔 👀👌
-
-
下午 11:59
-
-
-
-
-
-
-
-
- -
-
-
-
-
-
早安！
-
知道了。
-
-
-
- -
-
-
-
-
-
-
-
-
系統概況
-
-
-
-
剩餘空間
-
-
-
-
64 GB
-
-
-
-
可用記憶體
-
-
-
-
4 GB
-
-
-
-
系統負載
-
-
-
-
30%
-
-
-
-
-
- -
-
-
-
-
- - diff --git a/docs/en-us/examples/feed.html b/docs/en-us/examples/feed.html deleted file mode 100644 index 215b65c1b..000000000 --- a/docs/en-us/examples/feed.html +++ /dev/null @@ -1,289 +0,0 @@ - - - - - - - - 動態時軸 - Tocas UI - - - -
-
-
-
- - - - - - - - - - - - -
-
-
-
-
-
-
-
-
-
-
-
- -
-
Yami Odymel
-
-
-
- 朋友 - 收藏內容 - 市集 - 粉絲專頁 - 投票 -
- 設定 -
-
-
-
-
-
-
-
- -
-
-
-
- -
-
-
-
-
-
- -
-
- -
-
- -
-
-
-
-
-
-
-
- -
-
-
-
-
Yami Odymel
-
-
-
- 公開 -
- 3 分鐘前 -
-
-
- 敬告所有尤米爾的子民，
- 我的名字是艾連葉卡。
- 正透過始祖巨人的力量與所有尤米爾的子民對話。 -
-
-
-
-
-
- -
-
- -
-
- -
-
-
-
-
-
-
-
- -
-
-
-
-
Yami Odymel
-
-
-
- 公開 -
- 3 分鐘前 -
-
-
- Ken Wong 沒事推什麼 King Exit 的坑，
- 要是我 TeaMeow 今年寫不出來，
- 就是你給我的精神攻擊害的 -
-
- -
-
-
-
-
-
- -
-
- -
-
- -
-
-
-
-
-
-
限時動態
-
-
-
- -
-
- -
-
- -
-
-
-
-
-
最近看過的商品
-
-
-
-
- -
-
-
NT$ 2,500
-
-
-
-
-
-
- -
-
-
NT$ 5,500
-
-
-
-
-
-
- -
-
-
NT$ 100
-
-
-
-
-
-
- -
-
-
NT$ 320
-
-
-
-
-
-
-
-
-
宣傳廣告
-
-
- -
-
-
神奇麵包屋
-
這會是你史上吃過最好吃的麵包，比米奇妙妙屋還要神奇！
-
-
-
- 服務條款 - 隱私政策 - 協助工具 - 廣告資訊 -
-
-
-
-
-
-
- - diff --git a/docs/en-us/examples/files.html b/docs/en-us/examples/files.html deleted file mode 100644 index d09ba785e..000000000 --- a/docs/en-us/examples/files.html +++ /dev/null @@ -1,124 +0,0 @@ - - - - - - - - 檔案列表 - Tocas UI - - -
-
-
- 我的雲端 - 文件 - 備份 -
-
-
-
-
-
- - - card.html - -
- - - 18423989_1701707643203568_1308196091257630021_n.jpg - -
- - - 螢幕快照 2017-05-13 下午12.42.27.png - -
- - - 螢幕快照 2017-05-13 下午12.35.11.png - -
- - - 測試檔案.txt - -
- - - Windows 10.pvm - -
- - - Windows 10.pvm - -
- - - system_backup.zip - -
- - - 12-May-2017_20-06-57.bmp - -
- .. -
-
-
-
-
-
- -
-
-
-
螢幕快照 2017-05-13 下午12.35.11.png
-
-
-
-
-
- -
-
-
最後開啟時間
-
2017-06-13 12:36PM
-
-
-
-
-
- -
-
-
檔案擁有者
-
Yami Odymel
-
-
-
-
-
- -
-
-
檔案驗證碼
-
20838a8df7cc0babd745c7af4b7d94e2
-
-
-
-
-
-
- 關於 - 登入 - 網路硬碟 -
-
-
-
- - diff --git a/docs/en-us/examples/gallery.html b/docs/en-us/examples/gallery.html deleted file mode 100644 index df5a95b5c..000000000 --- a/docs/en-us/examples/gallery.html +++ /dev/null @@ -1,118 +0,0 @@ - - - - - - - - 藝廊 - Tocas UI - - -
-
-
- 相簿 - 年度彙整 - 最愛 -
-
-
-
-
-
-
-
相簿
-
這裡是洨安私人收藏網站。
-
-
檢視更多
-
-
-
-
-
-
-
-
-
-
- -
-
早晨來一杯 Nespresso 的膠囊咖啡。噢，雖然開銷有點不太小，但至少不用像自己磨咖啡豆那樣需要特別保存風味了。
-
-
-
-
-
- -
-
透過 Golang 撰寫的驅動程式，讓我這個神奇的電力控制盒動起來了！等等，我那兩條直流電線是不是接反了——
-
-
-
-
-
- -
-
台灣南投的好山好水，在往前走一點就是濁水溪了。太好了！現在我只需要知道怎麼從這邊划船划回高雄。
-
-
-
-
-
- -
-
在 2016 那年體會到了很多事情，例如這張照片螢幕中我用三個螢幕看——共同開發一個名叫 TeaMeow 的社群網站。
-
-
-
-
-
- -
-
媽，快看！我在 Porter Robinson 的演唱會！真希望改天能再來一次。結束之後我還去吃了個麥當勞。
-
-
-
-
-
- -
-
其實《艾爾登法環》也沒什麼難的，像我才爬 8 個小時就上來這個懸崖了。怎麼感覺背後好像有聲音，噢——！
-
-
-
-
-
- -
-
杉林溪真的有夠冷，還需要再往前走 3 公里才能到達最深處。現在已經是晚上 8 點，我已經準備好夜宿在裡面了。
-
-
-
-
-
- -
-
這是隻有皮革背蓋的 LG G4 手機，當初用來拍微距在適合不過了。還有適合夜景的大光圈，只可惜有主機板變磚的災情。
-
-
-
-
-
- -
-
這天是 Hololive 的 3 週年紀念日線下見面會，這個時候我還在秋葉原慢慢的挑選要買哪隻傳統折疊手機。
-
-
-
-
-
-
-
-
-
Tocas UI 相簿範例
-
由 Yami Odymel 製作
-
-
- - diff --git a/docs/en-us/examples/inbox.html b/docs/en-us/examples/inbox.html deleted file mode 100644 index aeeb6e50e..000000000 --- a/docs/en-us/examples/inbox.html +++ /dev/null @@ -1,205 +0,0 @@ - - - - - - - - 信箱 - Tocas UI - - - -
-
-
-
-
-
我的信箱
-
-
- - - 收件匣 -
3
- - 重要郵件 - 所有郵件 - - - 垃圾郵件 -
64
- -
- 社交網路 - 最新快訊 - 論壇 - 促銷內容 -
- 已加星號 - 已延後 -
- 設定 -
-
-
-
-
-
-
- - -
-
-
-
-
-
- - - - - -
-
-
- -
-
-
-
-
-
-
-
-
-
-
Gogoro Network
-
-
-
8:54 AM
-
-
-
Gogoro Network 電子發票開立通知
-
感謝您使用 Gogoro Network 服務。您的發票已開立…
-
-
-
-
-
-
GoDaddy
-
-
-
4:03 AM
-
-
-
更新隱私權設定及個人資訊。
-
請花一分鐘的時間確認資訊正確無誤…
-
-
-
-
-
-
Yami Odymel
-
-
-
6:15 PM
-
-
-
野心更大的虛擬 YouTuber 團體邁向偶像化，而…
-
「虛擬 YouTuber」是在 2016 年後期所出現的詞彙，拜絆愛（Kizuna Ai）所賜，這股潮流就這樣掀起了。
-
-
-
-
野心更大的虛擬 YouTuber 團體邁向偶像化，而距離感也與日俱增
-
Yami Odymel & 我
-
-
-
-
-
我
-
-
-
6:15 PM
-
-
- 當にじさんじ正在成長的時候，另一個名為 Hololive Production 的團體則是出了點小問題。因為這個團體原本並不是打算在 YouTube - 上進行放送。而是希望能夠像網紅一樣透過類似 17 Media 直播來讓大家喜歡自己。而刻意造弄網紅的壞處顯而易見地就是「距離感」。 -
-
-
-
-
-
Yami Odymel
-
-
-
3:25 PM
-
-
-
- 為了解決這個問題，Hololive Production 決定推出兩個不同面向的團體，分別是偶像系與遊戲系（Hololive - GAMERs）。偶像系能夠持續朝著谷鄉元昭（社長）本人願景前進，而遊戲系又可以往大眾所喜好的方向邁進。這個舉動可以說是一舉兩得。 -
-
-
附件檔案
-
-
-
- -
- -
-
-
-
- - 草稿文案.docx -
-
- -
-
- -
- -
-
-
-
- - 螢幕截圖.png -
-
- -
-
-
-
-
-
-
-
- - diff --git a/docs/en-us/examples/invoice.html b/docs/en-us/examples/invoice.html deleted file mode 100644 index a42f71e5c..000000000 --- a/docs/en-us/examples/invoice.html +++ /dev/null @@ -1,139 +0,0 @@ - - - - - - - - 發票與收據 - Tocas UI - - -
-
-
- - Nekocan, Inc. -
-
-
-
- 寄件人

- Nekocan, Inc.
- 795 特雅蘭 提斯市, 600 巷
- 堤亦坤區, 郵遞區號 94107
- 市話：(804) 123-5432
- 電子郵件：shop@nekocan.com -
-
- 收件人

- 卡莉斯
- 795 玹立市, 600 巷
- 可露區, 郵遞區號 94107
- 市話：(555) 539-1037
- 電子郵件：karisu@ibento.com -
-
- 發票 #007612

- 訂單編號：4F3S8J
- 付款日期：2/22/2014
- 帳戶：968-34567
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
數量商品名稱序號 #說明總計
3iPhone 7455-981-221學術研究用途。$128,204
1iMac924-248-394提供學生良好且穩定的教學環境。$63,149
1Surface Studio492-831-532培養專業繪圖師所需之工具。$169,302
2Surface Book528-364-184供教師使用。$149,129
-
-
-
-
付款方式
- -
-
-
開立時間：2/22/2014
-
- - - - - - - - - - - - - - - - - - - -
總計：340,953
稅收（9.3%）：31,708
運費：4,102
總計：376,763
-
-
-
-
-
- -
-
- -
-
- -
-
-
-
- - diff --git a/docs/en-us/examples/login.html b/docs/en-us/examples/login.html deleted file mode 100644 index 729681d34..000000000 --- a/docs/en-us/examples/login.html +++ /dev/null @@ -1,34 +0,0 @@ - - - - - - - - 登入頁面 - Tocas UI - - -
-
-
- 我的神秘網站 -
-
-
-
-
使用者帳號
-
- - -
-
密碼
-
- - -
- -
-
-
- - diff --git a/docs/en-us/examples/mail.html b/docs/en-us/examples/mail.html deleted file mode 100644 index b47cb60f2..000000000 --- a/docs/en-us/examples/mail.html +++ /dev/null @@ -1,74 +0,0 @@ - - - - - - - - 郵件版型 - Tocas UI - - -
-
-
-
-
快來試試 Tocas UI 郵件模板
- 這是一個 CSS 樣式庫，透過 Tocas UI 你能快速地製作一個電子郵件模板！ -
-
- -
-
- 全世界不到 0.01% 的人都在使用最好用的 Tocas UI！
如果 IE 都有勇氣問你是否要成為預設瀏覽器了，你又何嘗沒有勇氣嘗試 Tocas UI 呢？ -
- -
-
-
-
-
-
- -
-
-
-
豐富的元件
- 在 Tocas UI - 中有超過二十種元件可供使用，而且不同元件還能夠組合搭配並且重複使用，基於這點能夠拼湊出上百種有趣的頁面組合，且能在一分鐘內就建立出供企業使用的網頁版型。 -
-
-
-
-
-
- -
-
-
-
明亮的配色
- 透過明亮且不暗淡、又不會過於鮮明的 Tocas UI 配色系統你能夠確保頁面上的元件看起來是有關聯的，而不過有的元件太過顯眼令網頁切分成兩個部分，看起來互不相干。 -
-
-
-
-
-
有什麼問題嗎？在這聯繫我們！
- support@example.com -
-
-
-
-
- - - - -
-
-
- 這封電子郵件由系統自動發送，請不要直接回覆。由於你先前曾訂閱此類的電子郵件，如果你不希望持續收到這種消息，請按下此處取消訂閱這類的電子郵件。 -
-
-
- - diff --git a/docs/en-us/examples/network-disk.html b/docs/en-us/examples/network-disk.html deleted file mode 100644 index 955b73c3e..000000000 --- a/docs/en-us/examples/network-disk.html +++ /dev/null @@ -1,331 +0,0 @@ - - - - - - - - 雲端硬碟 - Tocas UI - - - -
-
-
-
我的雲端硬碟
儲存空間
-
VERSION 1.3.4
-
-
-
捷徑
- 首頁 - 已標記 -
管理
- 檔案瀏覽 - 下載檔案 -
系統
- 儲存空間 -
-
-
-
-
-
88%
-
-
-
-
- 目前使用量：14.98 GB
- 儲存空間配額：17 GB -
-
-
-
-
-
-
-
-
- - -
-
-
- - -
-
-
- -
-
-
-
-
-
-
-
-
-
- -
-
-
- - - - - -
-
-
-
-
-
-
-
-
-
空間用盡
-
你的儲存空間用量已達 88%。儲存空間用盡後，你將無法上傳新檔案。
-
-
-
-
資料夾
-
-
-
-
- -
- -
UpdraftPlus
-
- -
-
- -
- -
Tasker
-
- -
-
- -
- -
Struct Crystal
-
- -
-
- -
- -
對空音商事有限公司
-
- -
-
-
-
-
檔案
-
-
-
-
- -
- -
-
-
-
- -
myPassword.kbdx
-
-
- -
-
- -
- -
-
-
-
- -
sshot-3395.png
-
-
- -
-
- -
- -
-
-
-
- -
sshot-2117.png
-
-
- -
-
- -
- -
-
-
-
- -
IMG_20210815.jpg
-
-
- -
-
- -
- -
-
-
-
- -
繪圖委託單(公版) .pdf
-
-
- -
-
- -
- -
-
-
-
- -
backup.xml
-
-
- -
-
- -
- -
-
-
-
- -
2022-02-12.xml
-
-
- -
-
-
-
-
-
-
-
- -
IMG_20210815.jpg
-
-
-
- 詳細資訊 - 活動 -
-
-
- -
-
-
擁有存取權的使用者
-
-
-
- -
-
Yami Odymel
-
-
-
系統屬性
-
-
-
類型
-
圖片
-
大小
-
76 KB
-
儲存空間使用量
-
76 KB
-
擁有者
-
我
-
上次修改日期
-
我於 2021年3月6日修改過
-
建立日期
-
2021年3月6日
-
-
-
-
-
-
- - diff --git a/docs/en-us/examples/news.html b/docs/en-us/examples/news.html deleted file mode 100644 index 78f82398a..000000000 --- a/docs/en-us/examples/news.html +++ /dev/null @@ -1,239 +0,0 @@ - - - - - - - - 新聞 - Tocas UI - - -
-
-
新聞網站
-
-
- - -
-
-
- 熱門話題： - 轉型正義 - 比特幣 - 空汙法 - 公投法 - 勞基法 - 修法 -
-
-
-
-
- 首頁 - 政治 - 財經 - 娛樂 - 運動 - 社會 - 地方 - 國際 - 生活 - 健康 - 科技 - 旅遊 - 氣象 - 新奇 - 論壇 - 影音 -
-
-
-
-
-
-
-
-
-
- -
-
-
李怡專文：沒有民主制度，自由與法治都不能保證
- 李怡 -
-
-
-
-
-
- 政治素人川普贏得美國總統大選 - 英國公投決定脫歐 震驚全球 - 全球紛傳恐怖襲擊 聯軍共同打擊恐怖組織 - 全球地震頻發 涵蓋五大洲 - 韓國朴槿惠總統遭國會彈劾暫停職務 - 泰王去世 舉國哀悼 - 歐盟難民問題更為嚴重 逾5千難民葬身地中海 - 朝鮮進行二次核試驗 聯合國推出最嚴厲制裁 -
-
-
-
-
新聞論壇
-
-
-
- -
- -
-
- 汪志雄觀點：當司法成了論文門的打手 -
- -
-
- -
- 汪志雄 -
-
-
- -
- -
-
- 烏軍藏鏡人模式不適用台海？共軍電戰能力震驚美國　專家：國軍沒時間了 -
- -
-
- -
- 晏明強 -
-
-
- -
- -
-
- 幕後》接連停電、大火事有蹊蹺？蔡英文下令山上神秘單位出動調查 -
- -
-
- -
- 楊舒媚 -
-
-
- -
- -
-
- 幕後》共機闖東引，為何我方飛彈已鎖定卻不開火？蔡英文說不出口的理由曝光 -
- -
-
- -
- 楊舒媚 -
-
-
- -
- -
-
- 超低調特戰部隊行軍畫面流出　操作罕見武器國軍僅2單位使用 -
- -
-
- -
- 蘇仲泓 -
-
-
- -
- -
-
- 「台北靠350個蛙兵根本不夠！」前空軍副司令曝共軍「斬首」馬上攻下 -
- -
-
- -
- 鍾秉哲 -
-
-
- -
- -
-
- 拜習通話恐影響台灣利益？游盈隆4點解析：習近平不是省油的燈 -
- -
-
- -
- 郭怜妤 -
-
-
- -
- -
-
- 烏克蘭戰報：普京宣誓繼續「拯救」烏克蘭，《紐時》警告基輔恐爆發「二戰後最大城市戰」 -
- -
-
- -
- 李忠謙 -
-
-
-
-
-
新聞快報
-
-
- 巴西奧運風風雨雨中開幕 中國金牌數不敵英國 - 古巴狂人卡斯楚羅去世 美古關係未來發展受矚目 - 希臘債務危機 - 國際足聯腐敗醜聞 震驚全球 - 歐洲空前難民危機 - 緬甸大選 昂山素季領導的民盟獲勝 - 美國等12國達成TPP 將涵蓋全球40%經濟量 - 巴黎氣候峰會達成歷史性協議 -
-
-
- 關於我們 - 合作須知 - 隱私政策 -
-
-
-
-
- - diff --git a/docs/en-us/examples/payment.html b/docs/en-us/examples/payment.html deleted file mode 100644 index 5d43af629..000000000 --- a/docs/en-us/examples/payment.html +++ /dev/null @@ -1,116 +0,0 @@ - - - - - - - - 信用卡付款 - Tocas UI - - - -
-
-
-
-
-
-
-
付款資料
-
- - - - -
-
-
-
-
-
信用卡號碼
-
-
- - - - -
-
-
-
-
到期日
-
-
- -
-
-
-
安全碼
-
-
- -
-
-
-
-
折價碼
-
-
- -
-
- -
-
-
-
- 使用者條約 - 隱私政策 - 聯繫我們 -
-
-
-
購買項目
-
-
-
-
- -
-
-
-
Apple iPhone 5S (A1530/32G) + 送軟式保護套、相機把手
-
- Touch ID，全新指紋識別感應。將你的手指放在主畫面按鈕上，就這樣，便解鎖你的 iPhone。你的指紋，同時也能作為 iTunes 或 App Store 上的購買確認之用。 -
-
-
-
-
-
-
- -
-
-
-
HTC U11 (128G) 寶鑽藍 (月付 999 元電信門號綁約)
-
- 採用最新版的HTC U Sonic耳機，結合主動降噪功能。主相機規格為 1,200 萬畫素 UltraPixel 3，像素大小為 1.40 μm，支援 F/1.7 大光圈、OIS（五軸防手震）與 - EIS。 -
-
-
-
-
- 你的信用卡資料將會經過 HTTPS 協定加密，避免在傳遞資訊時遭由中間人攔截或破解。當你成功下訂時我們會在 24 小時內立即出貨，收到貨的 7 - 天享有完整試用期，若對產品不滿意可立即完整退費（註：商品一但連線上網、開機即會自動註冊並啟用保固，此情況視同為商品已破損，將無法退費）。 -
-
-
-
- - diff --git a/docs/en-us/examples/plans.html b/docs/en-us/examples/plans.html deleted file mode 100644 index 1c3c77790..000000000 --- a/docs/en-us/examples/plans.html +++ /dev/null @@ -1,133 +0,0 @@ - - - - - - - - 定價方案 - Tocas UI - - -
-
-
- 貓咪罐頭 - 定價 - 安全防護 - 下載 -
-
-
-
-
-
-
選擇最適合您的定價方案
-
-
- 在這裡擺放一些能夠吸引客戶選擇高價方案的話術，就像是如果選擇進階方案的話我們就送你一隻貓咪之類的事情。如果這還不夠，就告訴他們在 24 - 小時之內做出選擇就再額外送他一隻好棒棒鯊魚布偶。 -
-
-
-
-
-
-
免費
-
-
-
-
-
$0
-
/ 月
-
-
- 10 次可用授權
- 32 GB 雲端儲存空間
- Email 客服中心優先支援
- 教學影片免費觀賞 -
- -
-
-
-
-
-
-
專業
-
-
-
-
-
$150
-
/ 月
-
-
- 20 次可用授權
- 64 GB 雲端儲存空間
- 24 小時客服支援
- 教學影片免費觀賞 -
- -
-
-
-
-
-
-
企業
-
-
-
-
-
$750
-
/ 月
-
-
- 批量可用授權
- 1 TB 企業獨立儲存空間
- 即時性電話與郵件支援
- 教學影片免費觀賞 -
- -
-
-
-
-
-
-
-
-
-
- -
-
© 2021-2022
-
-
-
特色
-
- 視覺化編輯器
- 豐富元件
- 自動完成
- 快速啟動 -
-
-
資源
-
- 舊版手冊
- 教學影片
- 可擴充 API -
-
-
關於
-
- 團隊
- 工作地點
- 隱私權政策
- 使用者規範 -
-
-
-
- - diff --git a/docs/en-us/examples/registration.html b/docs/en-us/examples/registration.html deleted file mode 100644 index cbddee1b7..000000000 --- a/docs/en-us/examples/registration.html +++ /dev/null @@ -1,122 +0,0 @@ - - - - - - - - 註冊 - Tocas UI - - -
-
-
- 貓咪罐頭 - 探索 - 熱門話題 -
-
-
-
-
-
-
-
註冊會員
-
初次見面，歡迎加入貓咪罐頭股份有限公司！
-
-
-
-
-
-
-
-
-
使用者帳號
-
-
- -
-
-
必須是英文字母或混搭數字，且最少 6 字，最多 24 字。
-
-
-
暱稱
-
-
- -
-
-
替自己取一個獨一無二的暱稱，你可以在事後更改。
-
-
-
-
電子郵件地址
-
-
- -
-
-
密碼
-
-
- -
-
-
僅能是英文字母和數字，且最少 8 字，最多 80 字。
-
-
-
-
生日
-
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
-
-
-
我們會依照你的年齡決定你是否能看見敏感性內容。
-
-
-
性別
-
-
- - - -
-
-
-
- -
-
按下「下一步」表示您也接受「伊繁星最高協議」、「個人隱私政策」、「使用者規範」。
-
- - diff --git a/docs/en-us/examples/screenshots/README.md b/docs/en-us/examples/screenshots/README.md deleted file mode 100644 index eb253c722..000000000 --- a/docs/en-us/examples/screenshots/README.md +++ /dev/null @@ -1,13 +0,0 @@ -# README - -降低圖片大小 #805 - -https://github.com/teacat/tocas/issues/805 - -## GUI - -[ImageOptim](https://imageoptim.com/mac) — macOS GUI for pngquant and other tools -[SuperPNG Photoshop plug-in](http://www.fnordware.com/superpng/) — Mac and Windows. Comparison with "Save for Web" -[Pngyu](https://nukesaq88.github.io/Pngyu/) — macOS and Windows GUI with batch processing option -[PNGoo](https://pngquant.org/PNGoo.0.1.1.zip) — Windows GUI for batch conversion -[ImageOptim API](https://imageoptim.com/api) — image compression web service that automatically uses pngquant. diff --git a/docs/en-us/examples/screenshots/blog-editor_dark.png b/docs/en-us/examples/screenshots/blog-editor_dark.png deleted file mode 100644 index e76833444..000000000 Binary files a/docs/en-us/examples/screenshots/blog-editor_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/blog-editor_light.png b/docs/en-us/examples/screenshots/blog-editor_light.png deleted file mode 100644 index 3513c5dba..000000000 Binary files a/docs/en-us/examples/screenshots/blog-editor_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/blog_dark.png b/docs/en-us/examples/screenshots/blog_dark.png deleted file mode 100644 index 3fa2dfed1..000000000 Binary files a/docs/en-us/examples/screenshots/blog_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/blog_light.png b/docs/en-us/examples/screenshots/blog_light.png deleted file mode 100644 index 777ce7748..000000000 Binary files a/docs/en-us/examples/screenshots/blog_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/chatroom_dark.png b/docs/en-us/examples/screenshots/chatroom_dark.png deleted file mode 100644 index 798a8f375..000000000 Binary files a/docs/en-us/examples/screenshots/chatroom_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/chatroom_light.png b/docs/en-us/examples/screenshots/chatroom_light.png deleted file mode 100644 index d5b8c441d..000000000 Binary files a/docs/en-us/examples/screenshots/chatroom_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/checkout_dark.png b/docs/en-us/examples/screenshots/checkout_dark.png deleted file mode 100644 index db3639743..000000000 Binary files a/docs/en-us/examples/screenshots/checkout_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/checkout_light.png b/docs/en-us/examples/screenshots/checkout_light.png deleted file mode 100644 index a7973e892..000000000 Binary files a/docs/en-us/examples/screenshots/checkout_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/cms_dark.png b/docs/en-us/examples/screenshots/cms_dark.png deleted file mode 100644 index ae5a2ef61..000000000 Binary files a/docs/en-us/examples/screenshots/cms_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/cms_light.png b/docs/en-us/examples/screenshots/cms_light.png deleted file mode 100644 index c966bf7b0..000000000 Binary files a/docs/en-us/examples/screenshots/cms_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/crowdfunding_dark.png b/docs/en-us/examples/screenshots/crowdfunding_dark.png deleted file mode 100644 index 52fdd0b1b..000000000 Binary files a/docs/en-us/examples/screenshots/crowdfunding_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/crowdfunding_light.png b/docs/en-us/examples/screenshots/crowdfunding_light.png deleted file mode 100644 index dda460afc..000000000 Binary files a/docs/en-us/examples/screenshots/crowdfunding_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/dashboard_dark.png b/docs/en-us/examples/screenshots/dashboard_dark.png deleted file mode 100644 index 42e7ee7fd..000000000 Binary files a/docs/en-us/examples/screenshots/dashboard_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/dashboard_light.png b/docs/en-us/examples/screenshots/dashboard_light.png deleted file mode 100644 index 65c736487..000000000 Binary files a/docs/en-us/examples/screenshots/dashboard_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/feed_dark.png b/docs/en-us/examples/screenshots/feed_dark.png deleted file mode 100644 index cbe085ffb..000000000 Binary files a/docs/en-us/examples/screenshots/feed_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/feed_light.png b/docs/en-us/examples/screenshots/feed_light.png deleted file mode 100644 index 631bafcfa..000000000 Binary files a/docs/en-us/examples/screenshots/feed_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/files_dark.png b/docs/en-us/examples/screenshots/files_dark.png deleted file mode 100644 index 7ee986d95..000000000 Binary files a/docs/en-us/examples/screenshots/files_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/files_light.png b/docs/en-us/examples/screenshots/files_light.png deleted file mode 100644 index 4c17dc01e..000000000 Binary files a/docs/en-us/examples/screenshots/files_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/gallery_dark.png b/docs/en-us/examples/screenshots/gallery_dark.png deleted file mode 100644 index a95355271..000000000 Binary files a/docs/en-us/examples/screenshots/gallery_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/gallery_light.png b/docs/en-us/examples/screenshots/gallery_light.png deleted file mode 100644 index 680bebed8..000000000 Binary files a/docs/en-us/examples/screenshots/gallery_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/inbox_dark.png b/docs/en-us/examples/screenshots/inbox_dark.png deleted file mode 100644 index 19666c2c4..000000000 Binary files a/docs/en-us/examples/screenshots/inbox_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/inbox_light.png b/docs/en-us/examples/screenshots/inbox_light.png deleted file mode 100644 index 78374ac38..000000000 Binary files a/docs/en-us/examples/screenshots/inbox_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/invoice_dark.png b/docs/en-us/examples/screenshots/invoice_dark.png deleted file mode 100644 index b8c82686f..000000000 Binary files a/docs/en-us/examples/screenshots/invoice_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/invoice_light.png b/docs/en-us/examples/screenshots/invoice_light.png deleted file mode 100644 index 9decf01d4..000000000 Binary files a/docs/en-us/examples/screenshots/invoice_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/login_dark.png b/docs/en-us/examples/screenshots/login_dark.png deleted file mode 100644 index 4a170ab81..000000000 Binary files a/docs/en-us/examples/screenshots/login_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/login_light.png b/docs/en-us/examples/screenshots/login_light.png deleted file mode 100644 index 01fe3fbc6..000000000 Binary files a/docs/en-us/examples/screenshots/login_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/mail_dark.png b/docs/en-us/examples/screenshots/mail_dark.png deleted file mode 100644 index 68a3a58b1..000000000 Binary files a/docs/en-us/examples/screenshots/mail_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/mail_light.png b/docs/en-us/examples/screenshots/mail_light.png deleted file mode 100644 index 7b0bb44d0..000000000 Binary files a/docs/en-us/examples/screenshots/mail_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/network-disk_dark.png b/docs/en-us/examples/screenshots/network-disk_dark.png deleted file mode 100644 index 50c502163..000000000 Binary files a/docs/en-us/examples/screenshots/network-disk_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/network-disk_light.png b/docs/en-us/examples/screenshots/network-disk_light.png deleted file mode 100644 index ebf6a5918..000000000 Binary files a/docs/en-us/examples/screenshots/network-disk_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/news_dark.png b/docs/en-us/examples/screenshots/news_dark.png deleted file mode 100644 index 8c1ab5a52..000000000 Binary files a/docs/en-us/examples/screenshots/news_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/news_light.png b/docs/en-us/examples/screenshots/news_light.png deleted file mode 100644 index c0d79d6aa..000000000 Binary files a/docs/en-us/examples/screenshots/news_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/payment_dark.png b/docs/en-us/examples/screenshots/payment_dark.png deleted file mode 100644 index 2b090d614..000000000 Binary files a/docs/en-us/examples/screenshots/payment_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/payment_light.png b/docs/en-us/examples/screenshots/payment_light.png deleted file mode 100644 index 206854583..000000000 Binary files a/docs/en-us/examples/screenshots/payment_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/plans_dark.png b/docs/en-us/examples/screenshots/plans_dark.png deleted file mode 100644 index 362f6c051..000000000 Binary files a/docs/en-us/examples/screenshots/plans_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/plans_light.png b/docs/en-us/examples/screenshots/plans_light.png deleted file mode 100644 index 550d7a536..000000000 Binary files a/docs/en-us/examples/screenshots/plans_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/registration_dark.png b/docs/en-us/examples/screenshots/registration_dark.png deleted file mode 100644 index b6a9c1259..000000000 Binary files a/docs/en-us/examples/screenshots/registration_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/registration_light.png b/docs/en-us/examples/screenshots/registration_light.png deleted file mode 100644 index 246a71de2..000000000 Binary files a/docs/en-us/examples/screenshots/registration_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/settings_dark.png b/docs/en-us/examples/screenshots/settings_dark.png deleted file mode 100644 index b5b9799ef..000000000 Binary files a/docs/en-us/examples/screenshots/settings_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/settings_light.png b/docs/en-us/examples/screenshots/settings_light.png deleted file mode 100644 index 0b6d9e735..000000000 Binary files a/docs/en-us/examples/screenshots/settings_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/shopping_dark.png b/docs/en-us/examples/screenshots/shopping_dark.png deleted file mode 100644 index 30b85027c..000000000 Binary files a/docs/en-us/examples/screenshots/shopping_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/shopping_light.png b/docs/en-us/examples/screenshots/shopping_light.png deleted file mode 100644 index b4c21f576..000000000 Binary files a/docs/en-us/examples/screenshots/shopping_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/blog-editor_dark.png b/docs/en-us/examples/screenshots/small/blog-editor_dark.png deleted file mode 100644 index 15f387072..000000000 Binary files a/docs/en-us/examples/screenshots/small/blog-editor_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/blog-editor_light.png b/docs/en-us/examples/screenshots/small/blog-editor_light.png deleted file mode 100644 index 5fb3f53ea..000000000 Binary files a/docs/en-us/examples/screenshots/small/blog-editor_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/blog_dark.png b/docs/en-us/examples/screenshots/small/blog_dark.png deleted file mode 100644 index 21ee253f6..000000000 Binary files a/docs/en-us/examples/screenshots/small/blog_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/blog_light.png b/docs/en-us/examples/screenshots/small/blog_light.png deleted file mode 100644 index 92c8ce65a..000000000 Binary files a/docs/en-us/examples/screenshots/small/blog_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/chatroom_dark.png b/docs/en-us/examples/screenshots/small/chatroom_dark.png deleted file mode 100644 index c1b80e9dc..000000000 Binary files a/docs/en-us/examples/screenshots/small/chatroom_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/chatroom_light.png b/docs/en-us/examples/screenshots/small/chatroom_light.png deleted file mode 100644 index c74ec5164..000000000 Binary files a/docs/en-us/examples/screenshots/small/chatroom_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/checkout_dark.png b/docs/en-us/examples/screenshots/small/checkout_dark.png deleted file mode 100644 index cda972a07..000000000 Binary files a/docs/en-us/examples/screenshots/small/checkout_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/checkout_light.png b/docs/en-us/examples/screenshots/small/checkout_light.png deleted file mode 100644 index 6887f432a..000000000 Binary files a/docs/en-us/examples/screenshots/small/checkout_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/cms_dark.png b/docs/en-us/examples/screenshots/small/cms_dark.png deleted file mode 100644 index c520ee80c..000000000 Binary files a/docs/en-us/examples/screenshots/small/cms_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/cms_light.png b/docs/en-us/examples/screenshots/small/cms_light.png deleted file mode 100644 index 5c38ea7cf..000000000 Binary files a/docs/en-us/examples/screenshots/small/cms_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/crowdfunding_dark.png b/docs/en-us/examples/screenshots/small/crowdfunding_dark.png deleted file mode 100644 index 6d83bfd73..000000000 Binary files a/docs/en-us/examples/screenshots/small/crowdfunding_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/crowdfunding_light.png b/docs/en-us/examples/screenshots/small/crowdfunding_light.png deleted file mode 100644 index 0788d1b0a..000000000 Binary files a/docs/en-us/examples/screenshots/small/crowdfunding_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/dashboard_dark.png b/docs/en-us/examples/screenshots/small/dashboard_dark.png deleted file mode 100644 index 165b19f12..000000000 Binary files a/docs/en-us/examples/screenshots/small/dashboard_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/dashboard_light.png b/docs/en-us/examples/screenshots/small/dashboard_light.png deleted file mode 100644 index b114306a7..000000000 Binary files a/docs/en-us/examples/screenshots/small/dashboard_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/feed_dark.png b/docs/en-us/examples/screenshots/small/feed_dark.png deleted file mode 100644 index 796574de5..000000000 Binary files a/docs/en-us/examples/screenshots/small/feed_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/feed_light.png b/docs/en-us/examples/screenshots/small/feed_light.png deleted file mode 100644 index cdfe86c2d..000000000 Binary files a/docs/en-us/examples/screenshots/small/feed_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/files_dark.png b/docs/en-us/examples/screenshots/small/files_dark.png deleted file mode 100644 index a64a463a1..000000000 Binary files a/docs/en-us/examples/screenshots/small/files_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/files_light.png b/docs/en-us/examples/screenshots/small/files_light.png deleted file mode 100644 index f195af2b9..000000000 Binary files a/docs/en-us/examples/screenshots/small/files_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/gallery_dark.png b/docs/en-us/examples/screenshots/small/gallery_dark.png deleted file mode 100644 index a39f4d630..000000000 Binary files a/docs/en-us/examples/screenshots/small/gallery_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/gallery_light.png b/docs/en-us/examples/screenshots/small/gallery_light.png deleted file mode 100644 index 148adebcc..000000000 Binary files a/docs/en-us/examples/screenshots/small/gallery_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/inbox_dark.png b/docs/en-us/examples/screenshots/small/inbox_dark.png deleted file mode 100644 index 60ef17986..000000000 Binary files a/docs/en-us/examples/screenshots/small/inbox_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/inbox_light.png b/docs/en-us/examples/screenshots/small/inbox_light.png deleted file mode 100644 index e1883f6e1..000000000 Binary files a/docs/en-us/examples/screenshots/small/inbox_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/invoice_dark.png b/docs/en-us/examples/screenshots/small/invoice_dark.png deleted file mode 100644 index 1f36f58e7..000000000 Binary files a/docs/en-us/examples/screenshots/small/invoice_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/invoice_light.png b/docs/en-us/examples/screenshots/small/invoice_light.png deleted file mode 100644 index 5d9e3cc92..000000000 Binary files a/docs/en-us/examples/screenshots/small/invoice_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/login_dark.png b/docs/en-us/examples/screenshots/small/login_dark.png deleted file mode 100644 index af12f9047..000000000 Binary files a/docs/en-us/examples/screenshots/small/login_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/login_light.png b/docs/en-us/examples/screenshots/small/login_light.png deleted file mode 100644 index 4b5d74ced..000000000 Binary files a/docs/en-us/examples/screenshots/small/login_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/mail_dark.png b/docs/en-us/examples/screenshots/small/mail_dark.png deleted file mode 100644 index e41467016..000000000 Binary files a/docs/en-us/examples/screenshots/small/mail_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/mail_light.png b/docs/en-us/examples/screenshots/small/mail_light.png deleted file mode 100644 index 93995dcd7..000000000 Binary files a/docs/en-us/examples/screenshots/small/mail_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/network-disk_dark.png b/docs/en-us/examples/screenshots/small/network-disk_dark.png deleted file mode 100644 index 00ef9fb27..000000000 Binary files a/docs/en-us/examples/screenshots/small/network-disk_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/network-disk_light.png b/docs/en-us/examples/screenshots/small/network-disk_light.png deleted file mode 100644 index 7b0f5b543..000000000 Binary files a/docs/en-us/examples/screenshots/small/network-disk_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/news_dark.png b/docs/en-us/examples/screenshots/small/news_dark.png deleted file mode 100644 index 37f7cb22a..000000000 Binary files a/docs/en-us/examples/screenshots/small/news_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/news_light.png b/docs/en-us/examples/screenshots/small/news_light.png deleted file mode 100644 index b33bcf28a..000000000 Binary files a/docs/en-us/examples/screenshots/small/news_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/payment_dark.png b/docs/en-us/examples/screenshots/small/payment_dark.png deleted file mode 100644 index d2a5444fe..000000000 Binary files a/docs/en-us/examples/screenshots/small/payment_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/payment_light.png b/docs/en-us/examples/screenshots/small/payment_light.png deleted file mode 100644 index 8959c344b..000000000 Binary files a/docs/en-us/examples/screenshots/small/payment_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/plans_dark.png b/docs/en-us/examples/screenshots/small/plans_dark.png deleted file mode 100644 index 62e92a3ec..000000000 Binary files a/docs/en-us/examples/screenshots/small/plans_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/plans_light.png b/docs/en-us/examples/screenshots/small/plans_light.png deleted file mode 100644 index dc799eaaa..000000000 Binary files a/docs/en-us/examples/screenshots/small/plans_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/registration_dark.png b/docs/en-us/examples/screenshots/small/registration_dark.png deleted file mode 100644 index 1ed8c01c0..000000000 Binary files a/docs/en-us/examples/screenshots/small/registration_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/registration_light.png b/docs/en-us/examples/screenshots/small/registration_light.png deleted file mode 100644 index 06d68806c..000000000 Binary files a/docs/en-us/examples/screenshots/small/registration_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/settings_dark.png b/docs/en-us/examples/screenshots/small/settings_dark.png deleted file mode 100644 index 99da2306e..000000000 Binary files a/docs/en-us/examples/screenshots/small/settings_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/settings_light.png b/docs/en-us/examples/screenshots/small/settings_light.png deleted file mode 100644 index 772cd5f54..000000000 Binary files a/docs/en-us/examples/screenshots/small/settings_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/shopping_dark.png b/docs/en-us/examples/screenshots/small/shopping_dark.png deleted file mode 100644 index ad4999b52..000000000 Binary files a/docs/en-us/examples/screenshots/small/shopping_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/shopping_light.png b/docs/en-us/examples/screenshots/small/shopping_light.png deleted file mode 100644 index baa13b968..000000000 Binary files a/docs/en-us/examples/screenshots/small/shopping_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/stock_management_dark.png b/docs/en-us/examples/screenshots/small/stock_management_dark.png deleted file mode 100644 index e05d62971..000000000 Binary files a/docs/en-us/examples/screenshots/small/stock_management_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/small/stock_management_light.png b/docs/en-us/examples/screenshots/small/stock_management_light.png deleted file mode 100644 index 131e827d7..000000000 Binary files a/docs/en-us/examples/screenshots/small/stock_management_light.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/stock_management_dark.png b/docs/en-us/examples/screenshots/stock_management_dark.png deleted file mode 100644 index 0ea47ebea..000000000 Binary files a/docs/en-us/examples/screenshots/stock_management_dark.png and /dev/null differ diff --git a/docs/en-us/examples/screenshots/stock_management_light.png b/docs/en-us/examples/screenshots/stock_management_light.png deleted file mode 100644 index 18b768162..000000000 Binary files a/docs/en-us/examples/screenshots/stock_management_light.png and /dev/null differ diff --git a/docs/en-us/examples/settings.html b/docs/en-us/examples/settings.html deleted file mode 100644 index 594db7da5..000000000 --- a/docs/en-us/examples/settings.html +++ /dev/null @@ -1,155 +0,0 @@ - - - - - - - - 系統設定 - Tocas UI - - -
-
-
-
-
我的管理系統
-
-
-
- 首頁 -
- 儀表板 -
- 會員管理 -
- 網站設定 -
-
-
-
儲存變更
-
-
-
-
-
網站標題
-
-
-
- -
-
這個標題會出現在 SEO 搜尋引擎中。
-
-
-
-
-
-
公開模式
-
- -
-
-
-
-
-
-
頁腳動力提供者
-
-
- - -
你可以在頁腳選擇要不要顯示這個部落格程式的名稱，好讓更多人知道這個神奇蹦蹦超棒異域部落格！拜託啦。
-
-
-
-
-
-
內文左右對齊
-
-
- - - -
- 文章的內容可以左右對齊達到最佳的排版視覺效果，但在字數較少的行數上會有較為明顯的字體間距反而有可能適得其反。 -
-
-
-
-
-
-
強制圖片長寬比
-
-
- - - -
強制將文章裡的所有圖片裁切並以 16:9 的長寬比呈現。
-
-
-
-
-
-
字體大小
-
-
- - -
- 網站的字體可以偏大令人更容易閱讀，同時搭配「全域寬度屬性」還有自己的撰寫習慣，可以讓整個網站的版面不再那麼空白。 -
-
-
-
-
-
-
-
-
危險地區
-
-
- -
-
注意，你將需要自行重啟程式才能恢復到目前的狀態。
-
-
-
-
-
-
-
-
- - diff --git a/docs/en-us/examples/shopping.html b/docs/en-us/examples/shopping.html deleted file mode 100644 index c82b5618d..000000000 --- a/docs/en-us/examples/shopping.html +++ /dev/null @@ -1,574 +0,0 @@ - - - - - - - - 購物商城 - Tocas UI - - -
-
-
-
-
- 賣家中心 - 下載 - 追蹤我們 -
-
-
-
- 註冊 - 登入 -
-
-
-
-
-
-
購物商城
-
-
-
- -
-
-
- 熱門關鍵字： - 口罩 - 洋裝 - 短褲 - 襪子 - 手機殼 -
-
-
- -
-
-
-
-
-
-
-
-
熱門商品
-
-
-
-
-
- -
-
-
BLACKWIDOW V3 PRO 黑寡婦蜘幻彩版V3 Pro 電競鍵盤
- $7,290 $5,488 -
-
-
-
-
- - 32 -
-
-
-
-
-
-
-
-
-
-
(32)
-
-
-
-
-
-
-
-
-
- -
-
-
HP 惠普 超品 14s 極地白 14吋 IPS面板 N6000 4GB 256GB W11 筆電
- $16,900 $12,900 -
-
-
-
-
- - 184 -
-
-
-
-
-
-
-
-
-
-
(14)
-
-
-
-
-
-
-
-
-
- -
-
-
Acer 宏碁 Swift 3 SF314-511-513K 銀 SF314 511 513K
- $34,900 $27,900 -
-
-
-
-
- - 81 -
-
-
-
-
-
-
-
-
-
-
(73)
-
-
-
-
-
-
-
-
-
- -
-
-
透明滿版保護貼 玻璃貼 背貼適用 iPhone 13 12 11 Pro Max SE2 XR XS X i11 i12
- $100 $39 -
-
-
-
-
- - 152 -
-
-
-
-
-
-
-
-
-
-
(18)
-
-
-
-
-
-
-
-
-
分類
-
-
-
-
-
- -
-
-
女生衣著
-
-
-
- -
-
-
男生衣著
-
-
-
- -
-
-
運動/健身
-
-
-
- -
-
-
男女鞋
-
-
-
- -
-
-
女生配件/黃金
-
-
-
- -
-
-
美妝保健
-
-
-
- -
-
-
嬰幼童與母親
-
-
-
-
-
-
- -
-
-
女生包包/精品
-
-
-
- -
-
-
男生包包與配件
-
-
-
- -
-
-
戶外/旅行
-
-
-
- -
-
-
3C與筆電
-
-
-
- -
-
-
手機平板與周邊
-
-
-
- -
-
-
家電影音
-
-
-
- -
-
-
汽機車零件百貨
-
-
-
-
-
每日新發現
-
-
-
-
-
- -
-
-
Nespresso Essenza Mini 膠囊咖啡機 純潔白
-
- $2,500 -
-
-
-
-
-
- -
-
-
Switch 主機 台灣公司貨 電力加強版 電量加強版 紅藍 灰黑 主機 動物森友會 主機
-
-
-
- $7,980 -
-
-
已售出 2,163
-
-
-
-
-
-
-
-
- -
-
-
Switch 副廠 JoyCon OLED 通用手把 搖桿 Joy Con 2021
-
-
-
- $650 -
-
-
已售出 17
-
-
-
-
-
-
-
-
- -
-
-
- 雨刷精 雨刷錠 超濃縮 雨刷錠清潔片【附電子發票 快購 批發】 發泡片 雨刷精發泡錠 玻璃清洗劑 泡騰片 清潔 雨刷精 -
-
-
-
- $1 -
-
-
已售出 19
-
-
-
-
-
-
-
-
- -
-
-
NCC認證 八位堂 8bit-do 8位堂 USB 藍芽接收器 支援PS4 PS5手把，搖桿SWITCH OLED PC
-
- $375 -
-
-
-
-
-
- -
-
-
NS Switch 原廠 JoyCon 左右手控制器 joy con 手把 綠粉 紫橘 藍黃 台灣公司貨一年保固
-
-
-
- $1,150 -
-
-
已售出 6
-
-
-
-
-
-
-
-
- -
-
-
車用垃圾袋 垃圾袋 封口垃圾袋 自黏垃圾袋 粘貼式 便攜 汽車垃圾桶 清潔袋 汽車清潔袋 汽車垃圾袋
-
-
-
- $2 -
-
-
已售出 1,632
-
-
-
-
-
-
-
-
- -
-
-
薩爾達傳說 禦天之劍 薩爾達＆洛夫特鳥 Zelda
-
-
-
- $550 -
-
-
已售出 62
-
-
-
-
-
-
-
-
- -
-
-
✨燃油靈丹 汽油精 50CC 汽車汽油精 機車汽油精 噴油嘴清潔 汽油添加劑 除積碳 辛烷值提升 拔水劑
-
- $35 -
-
-
-
-
-
- -
-
-
- 台灣品牌 背帶加強款 全新升級雙顆十號拉頭 大中小三尺寸超大隔層 上班日台中發貨 側背包男/斜背包/肩背包【3680】 -
-
-
-
- $480 -
-
-
已售出 4
-
-
-
-
-
-
-
-
- -
-
-
筆電後背包 撞色電腦包 減壓設計 超大空間 USB充電插孔 多層夾層 可適用 13吋 14吋 15.6吋 筆電
-
-
-
- $165 -
-
-
已售出 3
-
-
-
-
-
-
-
-
- -
-
-
2032 CR2032電池 ~ 3V 鈕扣 水銀 鋰電池/ 單車碼表 馬錶 手錶電池 【黃小鴨生活百貨】
-
-
-
- $2 -
-
-
已售出 3
-
-
-
-
-
-
-
-
- -
-
-
神奇購物網站必定會成為未來世界的新標準！
-
-
- 不要先入為主覺得神奇購物網站很複雜，實際上，神奇購物網站可能比你想的還要更複雜。總而言之，加里寧在過去曾經講過，決不要把他們教育成悶悶不樂，過早就想變為成年的人。這句話改變了我的人生。做好神奇購物網站這件事，可以說已經成為了全民運動。要想清楚，神奇購物網站，到底是一種怎麼樣的存在。我們普遍認為，若能理解透徹核心原理，對其就有了一定的了解程度。其實，若思緒夠清晰，那麼神奇購物網站也就不那麼複雜了。謹慎地來說，我們必須考慮到所有可能。 -
-
-
如果仔細思考神奇購物網站，會發現其中蘊含的深遠意義。
-
-
- 神奇購物網站的出現仍然代表了一定的意義。透過逆向歸納，得以用最佳的策略去分析神奇購物網站。神奇購物網站對我來說，已經成為了我生活的一部分。伏契克說過一句很有意思的話，忠實於理想——這是崇高而又有力的一種感情，這種感情和最殘酷的壓迫相對抗，這種感情甚至在危急萬分的時刻也仍存於人的心中。這句話讓我們得到了一個全新的觀點去思考這個問題。 -
-
-
神奇購物網站的出現仍然代表了一定的意義。
-
-
- 若無法徹底理解神奇購物網站，恐怕會是人類的一大遺憾。一般來講，我們都必須務必慎重的考慮考慮。愛德華茲曾經認為，小罪導致大罪，一個罪導致無數的罪。這句話讓我們得到了一個全新的觀點去思考這個問題。總結來說，神奇購物網站絕對是史無前例的。這樣看來，老舊的想法已經過時了。若能夠欣賞到神奇購物網站的美，相信我們一定會對神奇購物網站改觀。在這種不可避免的衝突下，我們必須解決這個問題。不難發現，問題在於該用什麼標準來做決定呢？ -
-
-
-
-
-
-
- -
-
© 2021-2022
-
-
-
客服中心
-
- 幫助中心
- 付款方式
- 運費補助
- 延長訂單撥款 -
-
-
資源
-
- 舊版手冊
- 教學影片
- 可擴充 API -
-
-
關於
-
- 團隊
- 工作地點
- 隱私權政策
- 使用者規範 -
-
-
-
- - diff --git a/docs/en-us/examples/stock-management.html b/docs/en-us/examples/stock-management.html deleted file mode 100644 index 8fc8ae5df..000000000 --- a/docs/en-us/examples/stock-management.html +++ /dev/null @@ -1,295 +0,0 @@ - - - - - - - - 庫存管理 - Tocas UI - - -
-
-
- 購物平台 - 管理 - 訂單 - 通知 -
-
-
-
-
-
-
-
庫存管理
-
編輯商品的相關金額與剩餘數量。
-
-
-
-
-
-
-
-
-
-
-
-
-
商品貨物
-
-
- -
-
-
-
- 管理商品 - 庫存管理 - 編輯分類 -
-
-
-
-
-
-
訂單與出貨
-
-
- -
-
-
-
- 管理訂單 - 設定物流 - 月結統計 -
-
-
-
-
-
-
會員與網站
-
-
- -
-
-
-
- 網站設定 - 付款方式 - 會員管理 - 機器人配置 -
-
-
-
- -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
商品名稱
蘋果
西瓜
-
-
-
-
商品名稱
-
-
- -
-
-
-
-
-
-
成本
-
-
- $ - -
-
-
-
售價
-
-
- $ - -
-
-
-
重量
-
-
- - 克 -
-
-
-
庫存量
-
-
- - 個 -
-
-
-
-
-
- -
-
-
批發折扣
-
-
- -
-
-
-
- - - - - - - - - - - - - - - - - -
數量則售價改為...
-
- ≥ - -
- 		-
- - $ -
-
-
-
-
-
-
鳳梨
-
-
-
-
- 單頁筆數： -
- -
-
-
-
- - 1 - ... - 4 - 5 - 6 - ... - 10 - -
-
-
-
-
-
-
-
-
-
- - diff --git a/docs/en-us/fieldset.html b/docs/en-us/fieldset.html deleted file mode 100644 index 195df83be..000000000 --- a/docs/en-us/fieldset.html +++ /dev/null @@ -1,719 +0,0 @@ - - - - - - - - - - - - - - Fieldset - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Fieldset

-
Groups the form fields or content with a special block.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
- Additional Notes -
-
The world is just an illusion, all the things visible are not real.
-
There is an irreversible firewall at the end of time.
-
This is your first time here. If you feel familiar, immediately alert an nearby employee.
-
-
-
-
- 
<fieldset class="ts-fieldset">
-    <legend>Additional Notes</legend>
-    <div class="ts-list is-unordered">
-        <div class="item">The world is just an illusion, all the things visible are not real.</div>
-        <div class="item">There is an irreversible firewall at the end of time.</div>
-        <div class="item">This is your first time here. If you feel familiar, immediately alert an nearby employee.</div>
-    </div>
-</fieldset>
-
-
- - - - - - - - - - -
Variations
- - - - - - - - - -
- -
- Dense - - - -
-

Presents a dense Fieldset by changing the padding of the it.

-
- - - -
-
- Events Supreme Agreement - The rules that all developers of products that have been released or are in the process under the Caris Events are required to follow. -
-
- 
<fieldset class="ts-fieldset is-dense">
-    <legend>Events Supreme Agreement</legend>
-    The rules that all developers of products that have been released or are in the process under the Caris Events are required to follow.
-</fieldset>
-
-
- - - - - - - - - - -
- - - -
Compositions
- - - - - - - - - -
- -
- Field Group - - - -
-

Some input fields can be grouped into a separate group in the form with Fieldset.

-
- - - -
-
-
-
Name of Applicant
-
-
- -
-
-
-
Name of Guardian
-
-
- -
-
-
-
-
- Confidential Information -
-
-
Card Number
-
-
- -
-
-
-
Expiration Date
-
-
- -
-
-
-
CVV
-
-
- -
-
-
-
-
- 
<div class="ts-grid is-2-columns">
-    <div class="column">
-        <div class="ts-text is-label">Name of Applicant</div>
-        <div class="ts-space is-small"></div>
-        <div class="ts-input is-fluid">
-            <input type="text">
-        </div>
-    </div>
-    <div class="column">
-        <div class="ts-text is-label">Name of Guardian</div>
-        <div class="ts-space is-small"></div>
-        <div class="ts-input is-fluid">
-            <input type="text">
-        </div>
-    </div>
-</div>
-<div class="ts-space"></div>
-<fieldset class="ts-fieldset">
-    <legend>Confidential Information</legend>
-    <div class="ts-grid is-3-columns">
-        <div class="column">
-            <div class="ts-text is-label">Card Number</div>
-            <div class="ts-space is-small"></div>
-            <div class="ts-input is-fluid">
-                <input type="text">
-            </div>
-        </div>
-        <div class="column">
-            <div class="ts-text is-label">Expiration Date</div>
-            <div class="ts-space is-small"></div>
-            <div class="ts-input is-fluid">
-                <input type="text">
-            </div>
-        </div>
-        <div class="column">
-            <div class="ts-text is-label">CVV</div>
-            <div class="ts-space is-small"></div>
-            <div class="ts-input is-fluid">
-                <input type="text">
-            </div>
-        </div>
-    </div>
-</fieldset>
-
-
- - - - - - - - - - -
- - - - - - -
- - - -
- -
Variations
-
- - - Dense is-dense - - -
- -
Compositions
-
- - - Field Group ts-fieldset - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/file.html b/docs/en-us/file.html deleted file mode 100644 index b164baca2..000000000 --- a/docs/en-us/file.html +++ /dev/null @@ -1,836 +0,0 @@ - - - - - - - - - - - - - - File - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

File

-
The input for user to select the files from file system.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
- -
-
-
- 
<div class="ts-file">
-    <input type="file" />
-</div>
-
-
- - - - - - - - - - -
States
- - - - - - - - - -
- -
- Disabled - - - -
-

使檔案欄位呈現無法互動、點擊的模樣。若你希望真正地停用互動行為，請在該檔案欄位增加 disabled 標籤以符合 HTML 規範。

-
- - - -
-
- -
-
- 
<div class="ts-file is-disabled">
-    <input type="file" />
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Solid - - - -
-

帶有實心背景的欄位能更明確地呈現這是可供互動的元素。

-
- - - -
-
- -
-
- 
<div class="ts-file is-solid">
-    <input type="file" />
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Underlined - - - -
-

以實心背景和底線明顯呈現一個欄位，讓使用者如填寫表單一樣。

-
- - - -
-
- -
-
- 
<div class="ts-file is-underlined">
-    <input type="file" />
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Negative - - - -
-

令一個欄位看起來帶有負面或危險的狀態，通常可能是指這個欄位沒有選擇檔案。

-
- - - -
-
- -
-
- 
<div class="ts-file is-negative">
-    <input type="file" />
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Fluid - - - -
-

寬度可以是符合父容器的。

-
- - - -
-
- -
-
- 
<div class="ts-file is-fluid">
-    <input type="file" />
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

更改檔案上傳的大小。

-
- - - -
-
- -
-
-
- -
-
-
- -
-
- 
<div class="ts-file is-small">
-    <input type="file" />
-</div>
-<div class="ts-file">
-    <input type="file" />
-</div>
-<div class="ts-file is-large">
-    <input type="file" />
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Dense - - - -
-

變更元件的內距，令元素之間看起來更密集。

-
- - - -
-
- -
-
- 
<div class="ts-file is-dense">
-    <input type="file" />
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
- - - -
- -
States
-
- - - Disabled is-disabled - - -
- -
Variations
-
- - - Solid is-solid - - - - Underlined is-underlined - - - - Negative is-negative - - - - Fluid is-fluid - - - - Sizes is-small - - - - Dense is-dense - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/flag.html b/docs/en-us/flag.html deleted file mode 100644 index 97d3e4492..000000000 --- a/docs/en-us/flag.html +++ /dev/null @@ -1,2381 +0,0 @@ - - - - - - - - - - - - - - Flag - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Flag

-
National and country flags from around the world.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
- - -
-
- 
<span class="ts-flag is-taiwan-flag"></span>
-<span class="ts-flag is-america-flag"></span>
-<span class="ts-flag is-hong-kong-flag"></span>
-
-
- - - - - - - - - - -
States
- - - - - - - - - -
- -
- Disabled - - - -
-

Makes a flag look faded and no longer usable.

-
- - - -
-
- -
- 
<span class="ts-flag is-disabled is-south-korea-flag"></span>
-<span class="ts-flag is-disabled is-malaysia-flag"></span>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Rounded - - - -
-

Makes the corners slightly rounded instead of right-angled.

-
- - - -
-
- -
- 
<span class="ts-flag is-rounded is-india-flag"></span>
-<span class="ts-flag is-rounded is-canada-flag"></span>
-
-
- - - - - - - - - - -
- -
- -
- Squared - - - -
-

Presents in a square.

-
- - - -
-
- -
- 
<span class="ts-flag is-squared is-nigeria-flag"></span>
-<span class="ts-flag is-squared is-china-flag"></span>
-
-
- - - - - - - - - - -
- -
- -
- Circular - - - -
-

Presents in a circular shape.

-
- - - -
-
- -
- 
<span class="ts-flag is-circular is-united-kingdom-flag"></span>
-<span class="ts-flag is-circular is-malaysia-flag"></span>
-
-
- - - - - - - - - - -
- -
- -
- Bordered - - - -
-

Draws a border for the flag which is suitable for the flag which has a white background.

-
- - - -
-
-
- 
<span class="ts-flag is-bordered is-japan-flag"></span>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

Change the size of the flag.

-
- - - -
-
- - -
- 
<span class="ts-flag is-small is-taiwan-flag"></span>
-<span class="ts-flag is-taiwan-flag"></span>
-<span class="ts-flag is-large is-taiwan-flag"></span>
-
-
- - - - - - - - - - -
- -
- -
- Spaced - - - -
-

Adds the space before or after the Flag to keep a distance to the other components.

-
- - - -
-
This is France -
- is Brazil -
-And is Vietnam -
- 
This is France <span class="ts-flag is-start-spaced is-france-flag"></span>
-<span class="ts-flag is-end-spaced is-brazil-flag"></span> is Brazil
-And <span class="ts-flag is-spaced is-vietnam-flag"></span> is Vietnam
-
-
- - - - - - - - - - -
- - - -
Countries and Regions
- - -

Use the ISO 3166-2 standard code or an alias for the flags.

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
ISO 3166-2Alias
adandorra
aeuae, united-arab-emirates
afafghanistan
agantigua
aianguilla
alalbania
amarmenia
aoangola
aqantarctica
arargentina
asamerican-samoa
ataustria
auaustralia
awaruba
axaland-islands
azazerbaijan
babosnia
bbbarbados
bdbangladesh
bebelgium
bfburkina-faso
bgbulgaria
bhbahrain
biburundi
bjbenin
blsaint-barthélemy, saint-barthelemy
bmbermuda
bnbrunei
bobolivia
bqcaribbean-netherlands
brbrazil
bsbahamas
btbhutan
bvbouvet-island
bwbotswana
bybelarus
bzbelize
cacanada
cccocos-islands
cdcongo
cfcentral-african-republic
cgcongo-brazzaville
chswitzerland
cicote-divoire
ckcook-islands
clchile
cmcameroon
cnchina, peoples-republic-of-china
cocolombia
crcosta-rica
cucuba
cvcape-verde
cwcuraçao, curacao
cxchristmas-island
cycyprus
czczech-republic
degermany
djdjibouti
dkdenmark
dmdominica
dodominican-republic
dzalgeria
ececuador
eeestonia
egegypt
ehwestern-sahara
ereritrea
esspain
es-ctscotland
etethiopia
eueuropean-union
fifinland
fjfiji
fkfalkland-islands
fmmicronesia
fofaroe-islands
frfrance
gagabon
gbunited-kingdom
gb-engengland
gb-nirnorthern-ireland
gb-sctscotland
gb-wlswales
gdgrenada
gegeorgia
gffrench-guiana
ggguernsey
ghghana
gigibraltar
glgreenland
gmgambia
gnguinea
gpguadeloupe
gqequatorial-guinea
grgreece
gssandwich-islands
gtguatemala
guguam
gwguinea-bissau
gyguyana
hkhong-kong
hmheard-island
hnhonduras
hrcroatia
hthaiti
huhungary
idindonesia
ieireland
ilisrael
imisle-of-man
inindia
ioindian-ocean-territory
iqiraq
iriran
isiceland
ititaly
jejersey
jmjamaica
jojordan
jpjapan
kekenya
kgkyrgyzstan
khcambodia
kikiribati
kmcomoros
knsaint-kitts-and-nevis, saint-kitts, nevis
kpnorth-korea
krsouth-korea, korea
kwkuwait
kycayman-islands
kzkazakhstan
lalaos
lblebanon
lcsaint-lucia
liliechtenstein
lksri-lanka
lrliberia
lslesotho
ltlithuania
luluxembourg
lvlatvia
lylibya
mamorocco
mcmonaco
mdmoldova
memontenegro
mfsaint-martin
mgmadagascar
mhmarshall-islands
mkmacedonia
mlmali
mmburma, myanmar
mnmongolia
momacau
mpnorthern-mariana-islands
mqmartinique
mrmauritania
msmontserrat
mtmalta
mumauritius
mvmaldives
mwmalawi
mxmexico
mymalaysia
mzmozambique
nanamibia
ncnew-caledonia
neniger
nfnorfolk-island
ngnigeria
ninicaragua
nlnetherlands
nonorway
npnepal
nrnauru
nuniue
nznew-zealand
omoman
papanama
peperu
pffrench-polynesia
pgnew-guinea
phphilippines
pkpakistan
plpoland
pmsaint-pierre
pnpitcairn-islands
prpuerto-rico
pspalestine
ptportugal
pwpalau
pyparaguay
qaqatar
rereunion
roromania
rsserbia
rurussia
rwrwanda
sasaudi-arabia
sbsolomon-islands
scseychelles
sdsudan
sesweden
sgsingapore
shsaint-helena
sislovenia
sjjan-mayen-and-svalbard, svalbard, jan-mayen
skslovakia
slsierra-leone
smsan-marino
snsenegal
sosomalia
srsuriname
sssouth-sudan
stsao-tome
svel-salvador
sxsint-maarten
sysyria
szswaziland
tccaicos-islands
tdchad
tffrench-territories
tgtogo
ththailand
tjtajikistan
tktokelau
tltimorleste
tmturkmenistan
tntunisia
totonga
trturkey
tttrinidad
tvtuvalu
twtaiwan, republic-of-china, formosa
tztanzania
uaukraine
uguganda
umus-minor-islands
ununited-nations
usunited-states, america, usa
uyuruguay
uzuzbekistan
vavatican-city
vcsaint-vincent
vevenezuela
vgbritish-virgin-islands
vius-virgin-islands
vnvietnam
vuvanuatu
wfwallis-and-futuna, wallis, futuna
wssamoa
yeyemen
ytmayotte
zasouth-africa
zmzambia
zwzimbabwe
- - - - - - - - - - -
- - - -
- -
States
-
- - - Disabled is-disabled - - -
- -
Variations
-
- - - Rounded is-rounded - - - - Squared is-squared - - - - Circular is-circular - - - - Bordered is-bordered - - - - Sizes is-small - - - - Spaced is-start-spaced - - -
- -
Countries and Regions
-
- -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/gauge.html b/docs/en-us/gauge.html deleted file mode 100644 index e8e8d7b83..000000000 --- a/docs/en-us/gauge.html +++ /dev/null @@ -1,920 +0,0 @@ - - - - - - - - - - - - - - Gauge - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Gauge

-
A circular indicator that presents the progress or usage.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
-
40%
-
-
-
-
- 
<div class="ts-gauge">
-    <div class="bar" style="--value: 40;">
-        <div class="text">40%</div>
-    </div>
-</div>
-
-
- - - - - - -
Introduction
-

這個元件需要自行透過 CSS 變數 --value 來控制進度列的百分比進度。

- -

這通常用以指示某個數值，如果需要呈現某個行為正在載入、或是下載百分比，請使用進度條。

-
- - - - - -
Variations
- - - - - - - - - -
- -
- Circular - - - -
-

以全圓形無缺口的方式呈現整個量測計。

-
- - - -
-
-
-
70%
-
-
-
- 
<div class="ts-gauge is-circular">
-    <div class="bar" style="--value: 70;">
-        <div class="text">70%</div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Uplifted - - - -
-

呈現出類似上升數值的計數器，如：劑量、溫度、濕度。

-
- - - -
-
-
-
50%
-
-
-
- 
<div class="ts-gauge is-uplifted">
-    <div class="bar" style="--value: 50;">
-        <div class="text">50%</div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Centered - - - -
-

使其置中顯示。

-
- - - -
-
-
-
40%
-
-
-
- 
<div class="ts-gauge is-centered">
-    <div class="bar" style="--value: 40;">
-        <div class="text">40%</div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

更改圓形量測計的大小。

-
- - - -
-
-
-
30%
-
-
-
-
-
30%
-
-
-
-
-
30%
-
-
-
- 
<div class="ts-gauge is-small">
-    <div class="bar" style="--value: 30;">
-        <div class="text">30%</div>
-    </div>
-</div>
-<div class="ts-gauge">
-    <div class="bar" style="--value: 30;">
-        <div class="text">30%</div>
-    </div>
-</div>
-<div class="ts-gauge is-large">
-    <div class="bar" style="--value: 30;">
-        <div class="text">30%</div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Compositions
- - - - - - - - - -
- -
- Usage - - - -
-

雲端檔案傳輸空間通常會有一個顯示目前剩餘額度與流量的相關計數器。

-
- - - -
-
-
-
-
-
-
38%
-
-
-
-
空間
- 19.12 GB / 50 GB -
-
-
-
-
-
-
-
---
-
-
-
-
傳輸
- 0 B 已使用 -
-
-
-
-
- 
<div class="ts-grid is-evenly-divided">
-    <div class="column">
-        <div class="ts-wrap is-middle-aligned">
-            <div class="ts-gauge is-small is-circular">
-                <div class="bar" style="--value: 38;">
-                    <div class="text">38%</div>
-                </div>
-            </div>
-            <div>
-                <div class="ts-text is-bold">空間</div>
-                19.12 GB / 50 GB
-            </div>
-        </div>
-    </div>
-    <div class="column">
-        <div class="ts-wrap is-middle-aligned">
-            <div class="ts-gauge is-small is-circular">
-                <div class="bar" style="--value: 100;">
-                    <div class="text">---</div>
-                </div>
-            </div>
-            <div>
-                <div class="ts-text is-bold">傳輸</div>
-                0 B 已使用
-            </div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Temperature - - - -
-

用以指示目前溫度、濕度的測量計。

-
- - - -
-
-
-
-
- -
-
-
-
-
-
32 °C
-
2 °C
-
- 房間溫度 -
-
-
- 
<div class="ts-wrap is-middle-aligned">
-    <div class="ts-gauge is-uplifted">
-        <div class="bar" style="--value: 80;">
-            <div class="text">
-                <span class="ts-icon is-big is-temperature-full-icon"></span>
-            </div>
-        </div>
-    </div>
-    <div>
-        <div class="ts-statistic">
-            <div class="value">32 °C</div>
-            <div class="comparison is-increased">2 °C</div>
-        </div>
-        房間溫度
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
Variations
-
- - - Circular is-circular - - - - Uplifted is-uplifted - - - - Centered is-centered - - - - Sizes is-small - - -
- -
Compositions
-
- - - Usage ts-gauge - - - - Temperature ts-gauge - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/getting-started.html b/docs/en-us/getting-started.html deleted file mode 100644 index 7540e2750..000000000 --- a/docs/en-us/getting-started.html +++ /dev/null @@ -1,831 +0,0 @@ - - - - - - - - - - - - - - 開始使用 - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

開始使用

-
人生已經很無聊了，別讓你的網頁也再無聊下去。
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - - - - - - - - - -
安裝與使用
- - -

引用 Tocas UI 的檔案才能夠開始使用，你可以直接複製貼上或是下載原始碼供離線、自行使用。

-
- - - - - - - - -
- -
- 立即使用的免安裝線上 CDN 來源 - -
-

這是由一家知名 CDN 公司 CloudFlare 所提供的免費服務並且提供夠快的服務速度，這使你不需要下載 Tocas UI，只需要將下列標籤放置於 HTML 中的 <head> .. </head> 處即可，該公司提供可靠的上線時間令你毋須擔心。

-
- - - - - - - - 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tocas/4.1.0/tocas.min.css">
-<script src="https://cdnjs.cloudflare.com/ajax/libs/tocas/4.1.0/tocas.min.js"></script>
-
- - - - - - -
- -
- -
- 自行下載 Tocas UI - -
-

你也可以到 Tocas UI 的官方 GitHub 下載樣式然後取出其中的 /dist 資料夾並像下面這樣引用 Tocas UI 檔案。使用此安裝方式的好處是可以確保樣式不會因為遠端的伺服器離線而遺失。

-
- - - - - - - - 
<link rel="stylesheet" href="./tocas/dist/tocas.min.css">
-<script src="./tocas/dist/tocas.min.js"></script>
-
- - - - - - -
- -
- -
- 以 NPM 安裝 - -
-

Tocas UI 也能夠從 NPM 中直接安裝，執行下列指令後引用最重要的 @tocas/dist/tocas.min.css 和 @tocas/dist/tocas.min.js 檔案即可。

-
- - - - - - - - 
npm i tocas
-
- - - - - - -
- - - -
使用須知
- - -

需要注意 HTML 和設計上是否有達到這些要求。

-
- - - - - - - - -
- -
- 網頁字型 - -
-

目前 Tocas UI 使用下列字型在各個系統（如：Ubuntu、macOS、Windows）。

- -
"Noto Sans TC", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", "Microsoft JhengHei", wf_SegoeUI, "Segoe UI", Segoe, "Segoe WP", Tahoma, Verdana, Ubuntu, "Bitstream Vera Sans", "DejaVu Sans", 微軟正黑體, "LiHei Pro", "WenQuanYi Micro Hei", "Droid Sans Fallback", "AR PL UMing TW", Roboto, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", Meiryo, "Droid Sans", sans-serif
-
- -

由於每個系統的字型仍有差異，我們建議你直接在 HTML 中的 <head> .. </head> 引用 Google Fonts 的 Noto Sans TC 思源黑體字型，這樣便能在不同裝置與系統統一呈現效果而沒有誤差。

-
- - - - - - - - 
<link rel="preconnect" href="https://fonts.googleapis.com" />
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap" rel="stylesheet" />
-
- - - - - - -
- -
- -
- HTML5 與響應式設計 - -
-

請確定有透過 <!DOCTYPE HTML> 將網頁宣告成 HTML5。Tocas UI 支援響應式設計，相關內容請參閱響應式設計頁面。

-
- - - - - - - - - - - - -
- - - -
與其他框架比較
- - -

當我們在打造 Tocas UI 時，我們參考了許多現有框架的設計，同時我們也依據以往的經驗而避免了不少的問題。這裡簡略分析 Tocas UI 與其他現今的元件框架的不同之處。

-
- - - - - - - - -
- -
- Bootstrap - -
-

Bootstrap 是個常見但使用率已經逐漸降低的框架，過多雜亂的樣式名稱（如：m-l-1、p-x-2、m-x-auto）並不能夠一眼就看出這些樣式所具備的意義、過於鬆散的元件使得無法適用於一個更緊緻的視覺設計需求（如：行動版網站）。

- -

相較之下 Tocas UI 的元件命名（如：is-large、is-spaced）更有意義。針對不同的設計情境時，Tocas UI 元件亦提供了密度樣式可減少元件多餘的空白與間隙。

- -

在 HTML 結構與命名部分，Bootstrap 常為了要補足某些缺陷、排列而新增過多不必要的結構（如：carousel-inner、navbar-nav）這些過度仰賴特定元件的子元素令使用者在開發時不利於記憶。

- -

Bootstrap 所提供的元件數量過少已不符合現今設計的需求，其排版、格局多數情況下並沒有辦法湊合使用，導致設計時須不斷地覆蓋其樣式才能達成目的。在 Bootstrap 推出可供使用者自訂 SASS 變數後，其建置過程也變得更加煩躁令專案在剛入手時有一定的困難。

- -

Tocas UI 的使用方式十分簡單，僅須複製貼上其 CSS 引用網址便能直接使用；元件數量也眾多，較能符合在設計現代應用程式與網頁的需求。

- -
    -
  • 元件間隙過大而不適合用於設計行動裝置介面。
    • -
  • 樣式命名過於簡化而難以辨識，結構過於複雜。
    • -
  • 缺少符合現代設計應用情境的元件。
    • -
  • 網格與排版系統較不像 Tocas UI 那樣地彈性。
    • -
-
- - - - - - - - - - - - -
- -
- -
- Semantic UI / Fomantic UI - -
-

Semantic UI 的維護已不再活躍且多數的問題無法得到修正。鑑於此事，開源社群自行衍生了名為 Fomantic UI 的第三方框架，但仍受到 Semantic UI 早期架構而在後期更新有所限制。

- -

為了迎合不同大眾的設計需求，Semantic UI 擁有自訂主題的功能，但後續的更新破壞了這些樣式且無人修繕。相反地，Tocas UI 起初就假設框架無法適用於所有人，我們便能在設計時省略過多不必要的功能並著重在真正重要的部份。

- -

Semantic UI 的樣式命名是最大的特色但問題也隨之而來，例如一個 large button 大型按鈕套用響應式設計時的 large device only 其 large 樣式便會導致樣式衝突而發生預期以外的問題。

- -

Semantic UI 基於 jQuery 的 JavaScript 模組在設計時能近乎涵蓋所有需求，但隨著現今 JavaScript 的框架崛起（如：Svelte、Vue、React）這些功能在結合上則衍生了不小問題，如：資料雙向綁定、事件監聽。

- -

舉例來說，Vue 的資料變更時並沒有辦法直接映射到 Semantic UI 的元件內容值上，必須重新呼叫 Semantic UI 的重新渲染機制才能讓整個頁面的資料同步。相反地，使用者在 Semantic UI 做出的資料變更（如：下拉式選單）也沒有辦法觸發在 Vue 裡已經寫好的函式。

- -

為了解決這個問題，Tocas UI 決定最小化 JavaScript 的干涉並盡量地沿用系統原生元素而不是自己另外打造出一個狀態管理系統。

- -
    -
  • 社群已經不再提供維護。
    • -
  • 命名方式導致樣式衝突且無法修正。
    • -
  • 無法移除的 jQuery 相依性。
    • -
  • JavaScript 模組無法與現今的前端框架妥善搭配。
    • -
-
- - - - - - - - - - - - -
- -
- -
- Foundation - -
-

Foundation 在設計上較為生硬且缺少了許多可供點綴的樣式（如：圓角按鈕），其部份帶有陰影的設計趨近於以往的 Bootstrap 版本，這可能給予使用者一種沈重感。相較之下，Tocas UI 提供許多個性化的樣式並移除了多數的陰影設計，讓使用者在瀏覽時不會感到壓力。

- -
    -
  • 可供點綴的裝飾樣式過少。
    • -
  • 沈重的陰影設計可能帶給使用者壓力感。
    • -
  • 設計採用直角且略帶生硬。
    • -
-
- - - - - - - - - - - - -
- -
- -
- Tailwind CSS / Tachyons - -
-

雖然不能相互比較，但 Tailwind CSS 是近幾年來前端開發容易被採用的設計方式，比起框架這更像是設計的輔助工具。Tailwind CSS 與 Tachyons 的理念相近，這兩個框架並沒有元件觀念。這意味著你將需要透過 Tailwind CSS 內建的輔助樣式自行建立需要的元件。

- -

通常使用 Tailwind CSS 會搭配 Node.js 預處理器（Preprocessor）來輔助（如：移除無用的多餘樣式），這令使用 Tailwind CSS 的專案都無法避免使用 Node.js 和其龐大且沈重的 npm 相依性套件。

- -

無論是 Tailwind CSS 還是 Tachyons 在樣式命名上有著與 Bootstrap 一樣厭垢並且更難以令人捉摸的問題，如：mr4 其實是 margin-right: 1rem;。在設計時，元素上會有過多的樣式如：fw6 f3 f2-ns lh-title mt0 mb3，這些都將導致未來整合有所困難。重複使用元件時須不斷地複製貼上其樣式而導致專案原始碼大小急劇增加。

- -

為了解決這個問題，Tailwind CSS 通常僅用於已經有 Vue、React 或 Svelte 這樣的 JavaScript 框架的專案。

- -

Tailwind CSS 像是讓開發者能夠自行設計一套元件庫而提供的輔助樣式；Tocas UI 則是已經為網頁、應用程式所設計數個可立即應用的元件且不須額外安裝任何 Node.js 相依性套件，更適用於非設計師專職的一般開發者、初心者。

- -
    -
  • 開發者須自行從頭打造，沒有現成元件可供使用。
    • -
  • 無法避免的 Node.js 相依性使專案需要大量前置作業。
    • -
  • 樣式名稱眾多且不直覺，開發時須翻閱說明文件。
    • -
  • 開發者須具備進階的 CSS 知識。
    • -
-
- - - - - - - - - - - - -
- - - -
雜談
- - -

一些和 Tocas UI 相關的開發歷程，還有其中瑣碎的事物。

-
- - - - - - - - -
- -
- 勇敢地使用行內樣式 - -
-

Tocas UI 並不是萬靈丹，這更像是一個元件庫。設計應用程式介面時十分地方便，但作為自由發揮的設計而言，一定沒有辦法從頭到尾都只使用 Tocas UI。

- -

在這種情況下我們鼓勵你直接透過 HTML 的 style 標籤，直接對該容器、元素進行樣式的修改。就像 Tailwind UI 那樣，不需要特別花費時間整理出一個 my-style.css 來好好地規劃樣式，直接在 HTML 中修改樣式令其影響一目了然。

-
- - - - - - - - - - - - -
- -
- -
- 減少 JavaScript 模組的干涉 - -
-

現今的應用程式或是網頁都有許多輔助框架可以選擇，例如：Vue、React、Svelte…甚至是 Web Components。

- -

我們曾在 Tocas UI 花費數年的時間替不同輔助框架打造對應的元件，但最終的維護過於繁雜而作罷。每個框架對於 Web Components 的支援度和實作方式都有所不同，令資料綁定（Data Binding）上有非常大的困難。

- -

這些問題到目前都還沒能被解決，而我們也決定不再這個地方花費過多的時間琢磨，最終 Tocas UI 的設計不再以 JavaScript 為主。

- -

猶如 Tailwind UI 那樣，Tocas UI 未來僅會單純提供基本的 JavaScript 輔助函式用來協助使用者更快速地將自己正在使用的框架能夠與 Tocas UI 結合，而不是呼叫 Tocas UI 的 JavaScript 模組來達成資料綁定、元件功能，因為這些事情都應該交由框架執行。

-
- - - - - - - - - - - - -
- - - - - - -
- - - - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/grid.html b/docs/en-us/grid.html deleted file mode 100644 index 98576270b..000000000 --- a/docs/en-us/grid.html +++ /dev/null @@ -1,1132 +0,0 @@ - - - - - - - - - - - - - - Grid - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Grid

-
Layout system designed for content and components.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
-
-
-
-
-
-
- 
<div class="ts-grid">
-    <div class="column is-4-wide"></div>
-    <div class="column is-4-wide"></div>
-    <div class="column is-4-wide"></div>
-    <div class="column is-4-wide"></div>
-</div>
-
-
- - - - - - -
Introduction
-

在 Tocas UI 裡，網格系統的每行都被劃分為 16 格寬度。為了方便展示網格系統，我們將背景加上了灰色與輔助數字，在實際應用中這些都並不會出現。

- -

如果你希望有個欄位可以填滿剩餘空間，請參閱水平排列元件。

-
- - - - - -
Concepts
- - - - - - - - - -
- -
- Column Wides - - - -
-

我們稱被劃分開來的區塊為「欄位」，每個欄位的寬度都是可以自己決定的。

- -

正如前言所述：「每行有 16 格寬」，而這個範例的第一行正好有四個 4 格寬的欄位，所以 4 x 4 = 16 剛好是 16 格。

- -

另一行是則是由 2 格、8 格還有 6 格寬的欄位所組成，這意味著 2 + 8 + 6 = 16 也剛好達到了一行的最大格數。

-
- - - -
-
-
-
-
-
-
-
-
-
-
- 
<div class="ts-grid">
-    <div class="column is-4-wide"></div>
-    <div class="column is-4-wide"></div>
-    <div class="column is-4-wide"></div>
-    <div class="column is-4-wide"></div>
-    <div class="column is-2-wide"></div>
-    <div class="column is-8-wide"></div>
-    <div class="column is-6-wide"></div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Column Wrapping - - - -
-

如果單行欄位的寬度加起來超過 16 格寬，溢出來的欄位會自動換行。

-
- - - -
-
-
-
-
-
-
- 
<div class="ts-grid">
-    <div class="column is-5-wide"></div>
-    <div class="column is-6-wide"></div>
-    <div class="column is-8-wide"></div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Column Amounts - - - -
-

若希望單行裡面有三個欄位，你可能會發現…噢不！16 格並沒有辦法整除 3！這個時候可以直接指定網格系統的單行要有幾個欄位。

-
- - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 
<div class="ts-grid is-3-columns">
-    <div class="column"></div>
-    <div class="column"></div>
-    <div class="column"></div>
-</div>
-<div class="ts-grid is-6-columns">
-    <div class="column"></div>
-    <div class="column"></div>
-    <div class="column"></div>
-    <div class="column"></div>
-    <div class="column"></div>
-    <div class="column"></div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Evenly Divided - - - -
-

若希望每個欄位都能有相同的寬度，就可以使用均分。舉例來說：如果有 2 個欄位那麼就會各佔一半的寬度，若有 3 個欄位則是每個都三分之一…以此類推。

-
- - - -
-
-
-
-
-
-
- 
<div class="ts-grid is-evenly-divided">
-    <div class="column"></div>
-    <div class="column"></div>
-    <div class="column"></div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Sub Grid - - - -
-

網格系統內可以還可以再有另一個網格系統。這樣你便能在單個欄位裡再進行寬度細分。

-
- - - -
-
-
-
-
-
-
-
-
-
-
-
-
- 
<div class="ts-grid is-2-columns">
-    <div class="column">
-        <div class="ts-grid is-4-columns">
-            <div class="column"></div>
-            <div class="column"></div>
-            <div class="column"></div>
-            <div class="column"></div>
-        </div>
-    </div>
-    <div class="column"></div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Density - - - -
-

網格系統裡欄位的間距可以更密或是更寬鬆。

-
- - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 
<div class="ts-grid is-relaxed is-3-columns">
-    <div class="column"></div>
-    <div class="column"></div>
-    <div class="column"></div>
-</div>
-<div class="ts-grid is-3-columns">
-    <div class="column"></div>
-    <div class="column"></div>
-    <div class="column"></div>
-</div>
-<div class="ts-grid is-compact is-3-columns">
-    <div class="column"></div>
-    <div class="column"></div>
-    <div class="column"></div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Responsive
- - - - - - - - - -
- -
- Stackable - - - -
-

這會不論原訂的欄位寬度，在最小化介面時會自動令所有欄位各自獨立成為一行（便是將所有欄位設置為 16 格寬）。

-
- - - -
-
-
-
-
-
-
-
- 
<div class="ts-grid is-stackable">
-    <div class="column is-4-wide"></div>
-    <div class="column is-4-wide"></div>
-    <div class="column is-4-wide"></div>
-    <div class="column is-4-wide"></div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Doubling - - - -
-

這會讓你的欄位在最小化和標準介面上以雙倍的寬度增加，例如：8 個欄位的網格系統會在標準介面上變成 4 個欄位，然後最小化介面上則會變成 2 個欄位。

-
- - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 
<div class="ts-grid is-doubling is-8-columns">
-    <div class="column"></div>
-    <div class="column"></div>
-    <div class="column"></div>
-    <div class="column"></div>
-    <div class="column"></div>
-    <div class="column"></div>
-    <div class="column"></div>
-    <div class="column"></div>
-</div>
-<div class="ts-grid is-doubling is-6-columns">
-    <div class="column"></div>
-    <div class="column"></div>
-    <div class="column"></div>
-    <div class="column"></div>
-    <div class="column"></div>
-    <div class="column"></div>
-</div>
-<div class="ts-grid is-doubling is-4-columns">
-    <div class="column"></div>
-    <div class="column"></div>
-    <div class="column"></div>
-    <div class="column"></div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Device Wides - - - -
-

欄位所佔的格數寬度可以依據介面狀態而有所不同，相關介面尺寸請參閱響應式設計頁面。舉例來說：is-8-minimal 會在最小化介面上以 8 格寬的方式呈現。

-
- - - -
-
-
-
-
-
-
-
- 
<div class="ts-grid">
-    <div class="column is-16-minimal is-8-standard is-4-maximal"></div>
-    <div class="column is-16-minimal is-8-standard is-4-maximal"></div>
-    <div class="column is-16-minimal is-8-standard is-4-maximal"></div>
-    <div class="column is-16-minimal is-8-standard is-4-maximal"></div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Visibility - - - -
-

某些欄位可以只在指定介面尺寸上呈現、隱藏，相關使用方式請參閱響應式設計頁面。

-
- - - -
-
-
-
-
-
-
-
- 
<div class="ts-grid">
-    <div class="column is-not-minimal is-4-wide"></div>
-    <div class="column is-minimal-only is-4-wide"></div>
-    <div class="column is-standard-only is-4-wide"></div>
-    <div class="column is-maximal-only is-4-wide"></div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
Concepts
-
- - - Column Wides is-4-wide - - - - Column Wrapping is-5-wide - - - - Column Amounts is-3-columns - - - - Evenly Divided is-evenly-divided - - - - Sub Grid ts-grid - - -
- -
Variations
-
- - - Density is-relaxed - - -
- -
Responsive
-
- - - Stackable is-stackable - - - - Doubling is-doubling - - - - Device Wides is-16-minimal - - - - Visibility is-not-minimal - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/header.html b/docs/en-us/header.html deleted file mode 100644 index 1de08e532..000000000 --- a/docs/en-us/header.html +++ /dev/null @@ -1,847 +0,0 @@ - - - - - - - - - - - - - - Header - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Header

-
Provides a short summary of content.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
"You can only die once, so make sure it's worth it"
-
-
- 
<div class="ts-header">"You can only die once, so make sure it's worth it"</div>
-
-
- - - - - - -
Introduction
-

This component is very similar to Text, by default it is presented in a larger font size and can have icons.

-
- - - - - -
Variations
- - - - - - - - - -
- -
- Icon - - - -
-

Symbolic icon in header is default centered.

-
- - - -
-
- - User Groups -
-
- 
<div class="ts-header is-icon">
-    <span class="ts-icon is-users-icon"></span>
-    User Groups
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Side Icon - - - -
-

A symbolic icon can also be placed on the side.

-
- - - -
-
- - 99.9% Uptime Guarantee -
-
- 
<div class="ts-header is-start-icon">
-    <span class="ts-icon is-plug-icon"></span>
-    99.9% Uptime Guarantee
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Heavy - - - -
-

The text is presented with the boldest font weight. It will look the same as default if the font does not support the boldness.

-
- - - -
-
Today is Wasabi Day!
-
- 
<div class="ts-header is-heavy">Today is Wasabi Day!</div>
-
-
- - - - - - - - - - -
- -
- -
- Negative - - - -
-

Contains dangerous and negative emphasis.

-
- - - -
-
File deleting procedure
-
- 
<div class="ts-header is-negative">File deleting procedure</div>
-
-
- - - - - - - - - - -
- -
- -
- Secondary - - - -
-

Used to present less important headings, e.g., subheadings.

-
- - - -
-
Create a new user from the database.
-
- 
<div class="ts-header is-secondary">Create a new user from the database.</div>
-
-
- - - - - - - - - - -
- -
- -
- Truncated - - - -
-

Text exceeding a certain width will be truncated without line breaks or overflow. The parent container needs a fixed width.

-
- - - -
-
The sun is shining brightly, and I can't see anything on the road ahead. I don't know what's ahead of me, but I feel like I'm moving towards a new world.
-
- 
<div class="ts-header is-truncated">The sun is shining brightly, and I can't see anything on the road ahead. I don't know what's ahead of me, but I feel like I'm moving towards a new world.</div>
-
-
- - - - - - - - - - -
- -
- -
- Aligns - - - -
-

Change the alignment of the text.

-
- - - -
-
Start Aligned
-
Center Aligned
-
End Aligned
-
- 
<div class="ts-header is-start-aligned">Start Aligned</div>
-<div class="ts-header is-center-aligned">Center Aligned</div>
-<div class="ts-header is-end-aligned">End Aligned</div>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

Compared to other components, Headers are available in more sizes.

-
- - - -
-
(Default) Tocas UI from Taiwan.
-
(Large) Tocas UI from Taiwan.
-
(Big) Tocas UI from Taiwan.
-
(Huge) Tocas UI from Taiwan.
-
(Massive) Tocas UI from Taiwan.
-
- 
<div class="ts-header">(Default) Tocas UI from Taiwan.</div>
-<div class="ts-header is-large">(Large) Tocas UI from Taiwan.</div>
-<div class="ts-header is-big">(Big) Tocas UI from Taiwan.</div>
-<div class="ts-header is-huge">(Huge) Tocas UI from Taiwan.</div>
-<div class="ts-header is-massive">(Massive) Tocas UI from Taiwan.</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
Variations
-
- - - Icon is-icon - - - - Side Icon is-start-icon - - - - Heavy is-heavy - - - - Negative is-negative - - - - Secondary is-secondary - - - - Truncated is-truncated - - - - Aligns is-start-aligned - - - - Sizes is-large - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/icon.html b/docs/en-us/icon.html deleted file mode 100644 index 54e160e61..000000000 --- a/docs/en-us/icon.html +++ /dev/null @@ -1,17153 +0,0 @@ - - - - - - - - - - - - - - Icon - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Icon

-
A glyph used to represent something else.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
- - -
-
- 
<span class="ts-icon is-user-icon"></span>
-<span class="ts-icon is-video-icon"></span>
-<span class="ts-icon is-camera-icon"></span>
-
-
- - - - - - -
Introduction
-

Tocas UI 的圖示來自 Font Awesome 6.x，其名稱可以直接沿用至元件中（用法為：is-名稱-icon）。

-
- - - - - -
States
- - - - - - - - - -
- -
- Disabled - - - -
-

以淡化的方式表示某個圖示並不是主體。

-
- - - -
-
-
- 
<span class="ts-icon is-disabled is-users-icon"></span>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Regular - - - -
-

在 Font Awesome 裡某些圖示會有另一個版本，這個版本偏向非實心的。

-
- - - -
-
- - - -
- 
<span class="ts-icon is-regular is-heart-icon"></span>
-<span class="ts-icon is-heart-icon"></span>
-<span class="ts-icon is-regular is-user-icon"></span>
-<span class="ts-icon is-user-icon"></span>
-
-
- - - - - - - - - - -
- -
- -
- Negative - - - -
-

告訴使用者這個圖示可能帶有錯誤或負面意味。

-
- - - -
-
-
- 
<span class="ts-icon is-negative is-trash-icon"></span>
-
-
- - - - - - - - - - -
- -
- -
- Secondary - - - -
-

較不重要的圖示會以更淡的顏色呈現。

-
- - - -
-
-
- 
<span class="ts-icon is-secondary is-star-icon"></span>
-
-
- - - - - - - - - - -
- -
- -
- Spinning - - - -
-

使一個圖示不停地旋轉。

-
- - - -
-
- -
- 
<span class="ts-icon is-spinning is-circle-notch-icon"></span>
-<span class="ts-icon is-spinning is-spinner-icon"></span>
-
-
- - - - - - - - - - -
- -
- -
- Heading - - - -
-

圖示可能會作為某個段落的領頭象徵，這個圖示會特別大，適合用於與標題一起置中顯示。

-
- - - -
-
-
- 
<span class="ts-icon is-heading is-gift-icon"></span>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

更改圖示的大小。

-
- - - -
-
- - - - -
- 
<span class="ts-icon is-small is-house-icon"></span>
-<span class="ts-icon is-house-icon"></span>
-<span class="ts-icon is-large is-house-icon"></span>
-<span class="ts-icon is-big is-house-icon"></span>
-<span class="ts-icon is-huge is-house-icon"></span>
-
-
- - - - - - - - - - -
- -
- -
- Circular - - - -
-

圖示可以是圓形外框描繪的。

-
- - - -
-
- - -
- 
<span class="ts-icon is-circular is-house-icon"></span>
-<span class="ts-icon is-circular is-twitter-icon"></span>
-<span class="ts-icon is-circular is-facebook-icon"></span>
-
-
- - - - - - - - - - -
- -
- -
- Rounded - - - -
-

圖示可以由一個圓角外框描繪。

-
- - - -
-
- - -
- 
<span class="ts-icon is-rounded is-users-icon"></span>
-<span class="ts-icon is-rounded is-heart-icon"></span>
-<span class="ts-icon is-rounded is-star-icon"></span>
-
-
- - - - - - - - - - -
- -
- -
- Spaced - - - -
-

在前或後新增間隔以避免與其他元件相鄰太近。

-
- - - -
-
準備起飛 -
- Tesla -
-透過搜尋 功能可以找到你要的事物。 -
- 
準備起飛 <span class="ts-icon is-start-spaced is-plane-departure-icon"></span>
-<span class="ts-icon is-end-spaced is-car-icon"></span> Tesla
-透過搜尋 <span class="ts-icon is-spaced is-magnifying-glass-icon"></span> 功能可以找到你要的事物。
-
-
- - - - - - - - - - -
- - - -
Icons
- - - - - - - - - -
- -
- logistics - -
-
- - - - - - - - - - - -
- -
- - anchor -
- -
- - anchor-circle-check -
- -
- - anchor-circle-exclamation -
- -
- - anchor-circle-xmark -
- -
- - anchor-lock -
- -
- - box -
- -
- - boxes-packing -
- -
- - boxes-stacked -
- -
- - bridge -
- -
- - bridge-circle-check -
- -
- - bridge-circle-exclamation -
- -
- - bridge-circle-xmark -
- -
- - bridge-lock -
- -
- - bridge-water -
- -
- - bus -
- -
- - bus-simple -
- -
- - car -
- -
- - car-tunnel -
- -
- - cart-flatbed -
- -
- - chart-simple -
- -
- - clipboard-check -
- -
- - clipboard-list -
- -
- - clipboard-question -
- -
- - dolly -
- -
- - ferry -
- -
- - gas-pump -
- -
- - gears -
- -
- - helicopter -
- -
- - helicopter-symbol -
- -
- - helmet-safety -
- -
- - jet-fighter-up -
- -
- - pallet -
- -
- - plane-circle-check -
- -
- - plane-circle-exclamation -
- -
- - plane-circle-xmark -
- -
- - plane-lock -
- -
- - road -
- -
- - road-barrier -
- -
- - road-bridge -
- -
- - road-circle-check -
- -
- - road-circle-exclamation -
- -
- - road-circle-xmark -
- -
- - road-lock -
- -
- - sailboat -
- -
- - square-nfi -
- -
- - train -
- -
- - train-subway -
- -
- - truck -
- -
- - truck-arrow-right -
- -
- - truck-fast -
- -
- - truck-field -
- -
- - truck-field-un -
- -
- - truck-front -
- -
- - truck-plane -
- -
- - warehouse -
- -
- - xmarks-lines -
- -
- - -
- -
- -
- film-video - -
-
- - - - - - - - - - - -
- -
- - audio-description -
- -
- - circle -
- -
- - clapperboard -
- -
- - closed-captioning -
- -
- - compact-disc -
- -
- - file-audio -
- -
- - file-video -
- -
- - film -
- -
- - headphones -
- -
- - microphone -
- -
- - microphone-lines -
- -
- - microphone-lines-slash -
- -
- - microphone-slash -
- -
- - photo-film -
- -
- - podcast -
- -
- - square-rss -
- -
- - ticket -
- -
- - tower-broadcast -
- -
- - tower-cell -
- -
- - tv -
- -
- - video -
- -
- - video-slash -
- -
- - youtube -
- -
- - -
- -
- -
- files - -
-
- - - - - - - - - - - -
- -
- - box-archive -
- -
- - clone -
- -
- - copy -
- -
- - file -
- -
- - file-arrow-down -
- -
- - file-arrow-up -
- -
- - file-audio -
- -
- - file-circle-check -
- -
- - file-circle-exclamation -
- -
- - file-circle-minus -
- -
- - file-circle-plus -
- -
- - file-circle-question -
- -
- - file-circle-xmark -
- -
- - file-code -
- -
- - file-csv -
- -
- - file-excel -
- -
- - file-export -
- -
- - file-image -
- -
- - file-import -
- -
- - file-lines -
- -
- - file-pdf -
- -
- - file-pen -
- -
- - file-powerpoint -
- -
- - file-shield -
- -
- - file-video -
- -
- - file-word -
- -
- - file-zipper -
- -
- - floppy-disk -
- -
- - folder -
- -
- - folder-closed -
- -
- - folder-open -
- -
- - note-sticky -
- -
- - paste -
- -
- - photo-film -
- -
- - scissors -
- -
- - -
- -
- -
- fruits-vegetables - -
-
- - - - - - - - - - - -
- -
- - apple-whole -
- -
- - carrot -
- -
- - leaf -
- -
- - lemon -
- -
- - pepper-hot -
- -
- - seedling -
- -
- - -
- -
- -
- religion - -
-
- - - - - - - - - - - -
- -
- - ankh -
- -
- - atom -
- -
- - bahai -
- -
- - book-bible -
- -
- - book-journal-whills -
- -
- - book-quran -
- -
- - book-tanakh -
- -
- - church -
- -
- - cross -
- -
- - dharmachakra -
- -
- - dove -
- -
- - gopuram -
- -
- - hamsa -
- -
- - hands-praying -
- -
- - hanukiah -
- -
- - jedi -
- -
- - kaaba -
- -
- - khanda -
- -
- - menorah -
- -
- - mosque -
- -
- - om -
- -
- - peace -
- -
- - person-praying -
- -
- - place-of-worship -
- -
- - scroll-torah -
- -
- - spaghetti-monster-flying -
- -
- - star-and-crescent -
- -
- - star-of-david -
- -
- - synagogue -
- -
- - torii-gate -
- -
- - vihara -
- -
- - yin-yang -
- -
- - -
- -
- -
- spinners - -
-
- - - - - - - - - - - -
- -
- - arrows-spin -
- -
- - asterisk -
- -
- - atom -
- -
- - bahai -
- -
- - certificate -
- -
- - circle-notch -
- -
- - compact-disc -
- -
- - compass -
- -
- - crosshairs -
- -
- - dharmachakra -
- -
- - fan -
- -
- - gear -
- -
- - hurricane -
- -
- - life-ring -
- -
- - palette -
- -
- - ring -
- -
- - rotate -
- -
- - slash -
- -
- - snowflake -
- -
- - spinner -
- -
- - stroopwafel -
- -
- - sun -
- -
- - yin-yang -
- -
- - -
- -
- -
- arrows - -
-
- - - - - - - - - - - -
- -
- - angle-down -
- -
- - angle-left -
- -
- - angle-right -
- -
- - angle-up -
- -
- - angles-down -
- -
- - angles-left -
- -
- - angles-right -
- -
- - angles-up -
- -
- - arrow-down -
- -
- - arrow-down-1-9 -
- -
- - arrow-down-9-1 -
- -
- - arrow-down-a-z -
- -
- - arrow-down-long -
- -
- - arrow-down-short-wide -
- -
- - arrow-down-up-across-line -
- -
- - arrow-down-up-lock -
- -
- - arrow-down-wide-short -
- -
- - arrow-down-z-a -
- -
- - arrow-left -
- -
- - arrow-left-long -
- -
- - arrow-pointer -
- -
- - arrow-right -
- -
- - arrow-right-arrow-left -
- -
- - arrow-right-from-bracket -
- -
- - arrow-right-long -
- -
- - arrow-right-to-bracket -
- -
- - arrow-rotate-left -
- -
- - arrow-rotate-right -
- -
- - arrow-trend-down -
- -
- - arrow-trend-up -
- -
- - arrow-turn-down -
- -
- - arrow-turn-up -
- -
- - arrow-up -
- -
- - arrow-up-1-9 -
- -
- - arrow-up-9-1 -
- -
- - arrow-up-a-z -
- -
- - arrow-up-from-bracket -
- -
- - arrow-up-long -
- -
- - arrow-up-right-dots -
- -
- - arrow-up-right-from-square -
- -
- - arrow-up-short-wide -
- -
- - arrow-up-wide-short -
- -
- - arrow-up-z-a -
- -
- - arrows-down-to-line -
- -
- - arrows-left-right -
- -
- - arrows-left-right-to-line -
- -
- - arrows-rotate -
- -
- - arrows-spin -
- -
- - arrows-split-up-and-left -
- -
- - arrows-to-circle -
- -
- - arrows-to-dot -
- -
- - arrows-to-eye -
- -
- - arrows-turn-right -
- -
- - arrows-turn-to-dots -
- -
- - arrows-up-down -
- -
- - arrows-up-down-left-right -
- -
- - arrows-up-to-line -
- -
- - caret-down -
- -
- - caret-left -
- -
- - caret-right -
- -
- - caret-up -
- -
- - chevron-down -
- -
- - chevron-left -
- -
- - chevron-right -
- -
- - chevron-up -
- -
- - circle-arrow-down -
- -
- - circle-arrow-left -
- -
- - circle-arrow-right -
- -
- - circle-arrow-up -
- -
- - circle-chevron-down -
- -
- - circle-chevron-left -
- -
- - circle-chevron-right -
- -
- - circle-chevron-up -
- -
- - circle-down -
- -
- - circle-left -
- -
- - circle-right -
- -
- - circle-up -
- -
- - clock-rotate-left -
- -
- - cloud-arrow-down -
- -
- - cloud-arrow-up -
- -
- - down-left-and-up-right-to-center -
- -
- - down-long -
- -
- - download -
- -
- - left-long -
- -
- - left-right -
- -
- - location-arrow -
- -
- - maximize -
- -
- - recycle -
- -
- - repeat -
- -
- - reply -
- -
- - reply-all -
- -
- - retweet -
- -
- - right-from-bracket -
- -
- - right-left -
- -
- - right-long -
- -
- - right-to-bracket -
- -
- - rotate -
- -
- - rotate-left -
- -
- - rotate-right -
- -
- - share -
- -
- - share-from-square -
- -
- - shuffle -
- -
- - sort -
- -
- - sort-down -
- -
- - sort-up -
- -
- - square-arrow-up-right -
- -
- - square-caret-down -
- -
- - square-caret-left -
- -
- - square-caret-right -
- -
- - square-caret-up -
- -
- - square-up-right -
- -
- - turn-down -
- -
- - turn-up -
- -
- - up-down -
- -
- - up-down-left-right -
- -
- - up-long -
- -
- - up-right-and-down-left-from-center -
- -
- - up-right-from-square -
- -
- - upload -
- -
- - -
- -
- -
- construction - -
-
- - - - - - - - - - - -
- -
- - arrow-up-from-ground-water -
- -
- - bore-hole -
- -
- - brush -
- -
- - bucket -
- -
- - compass-drafting -
- -
- - dumpster -
- -
- - dumpster-fire -
- -
- - hammer -
- -
- - helmet-safety -
- -
- - mound -
- -
- - paint-roller -
- -
- - pen-ruler -
- -
- - pencil -
- -
- - person-digging -
- -
- - ruler -
- -
- - ruler-combined -
- -
- - ruler-horizontal -
- -
- - ruler-vertical -
- -
- - screwdriver -
- -
- - screwdriver-wrench -
- -
- - sheet-plastic -
- -
- - tarp -
- -
- - tarp-droplet -
- -
- - toilet-portable -
- -
- - toilets-portable -
- -
- - toolbox -
- -
- - trowel -
- -
- - trowel-bricks -
- -
- - truck-pickup -
- -
- - wrench -
- -
- - -
- -
- -
- design - -
-
- - - - - - - - - - - -
- -
- - bezier-curve -
- -
- - brush -
- -
- - circle-half-stroke -
- -
- - circle-nodes -
- -
- - clone -
- -
- - compass-drafting -
- -
- - copy -
- -
- - crop -
- -
- - crop-simple -
- -
- - crosshairs -
- -
- - cube -
- -
- - cubes -
- -
- - draw-polygon -
- -
- - droplet -
- -
- - droplet-slash -
- -
- - eraser -
- -
- - eye -
- -
- - eye-dropper -
- -
- - eye-slash -
- -
- - fill -
- -
- - fill-drip -
- -
- - floppy-disk -
- -
- - font-awesome -
- -
- - highlighter -
- -
- - icons -
- -
- - layer-group -
- -
- - lines-leaning -
- -
- - marker -
- -
- - object-group -
- -
- - object-ungroup -
- -
- - paint-roller -
- -
- - paintbrush -
- -
- - palette -
- -
- - paste -
- -
- - pen -
- -
- - pen-clip -
- -
- - pen-fancy -
- -
- - pen-nib -
- -
- - pen-ruler -
- -
- - pen-to-square -
- -
- - pencil -
- -
- - ruler-combined -
- -
- - ruler-horizontal -
- -
- - ruler-vertical -
- -
- - scissors -
- -
- - splotch -
- -
- - spray-can -
- -
- - stamp -
- -
- - stapler -
- -
- - swatchbook -
- -
- - vector-square -
- -
- - wand-magic -
- -
- - wand-magic-sparkles -
- -
- - -
- -
- -
- emoji - -
-
- - - - - - - - - - - -
- -
- - face-angry -
- -
- - face-dizzy -
- -
- - face-flushed -
- -
- - face-frown -
- -
- - face-frown-open -
- -
- - face-grimace -
- -
- - face-grin -
- -
- - face-grin-beam -
- -
- - face-grin-beam-sweat -
- -
- - face-grin-hearts -
- -
- - face-grin-squint -
- -
- - face-grin-squint-tears -
- -
- - face-grin-stars -
- -
- - face-grin-tears -
- -
- - face-grin-tongue -
- -
- - face-grin-tongue-squint -
- -
- - face-grin-tongue-wink -
- -
- - face-grin-wide -
- -
- - face-grin-wink -
- -
- - face-kiss -
- -
- - face-kiss-beam -
- -
- - face-kiss-wink-heart -
- -
- - face-laugh -
- -
- - face-laugh-beam -
- -
- - face-laugh-squint -
- -
- - face-laugh-wink -
- -
- - face-meh -
- -
- - face-meh-blank -
- -
- - face-rolling-eyes -
- -
- - face-sad-cry -
- -
- - face-sad-tear -
- -
- - face-smile -
- -
- - face-smile-beam -
- -
- - face-smile-wink -
- -
- - face-surprise -
- -
- - face-tired -
- -
- - -
- -
- -
- music-audio - -
-
- - - - - - - - - - - -
- -
- - compact-disc -
- -
- - drum -
- -
- - drum-steelpan -
- -
- - file-audio -
- -
- - guitar -
- -
- - headphones -
- -
- - headphones-simple -
- -
- - microphone -
- -
- - microphone-lines -
- -
- - microphone-lines-slash -
- -
- - microphone-slash -
- -
- - music -
- -
- - napster -
- -
- - radio -
- -
- - record-vinyl -
- -
- - sliders -
- -
- - soundcloud -
- -
- - spotify -
- -
- - volume-high -
- -
- - volume-low -
- -
- - volume-off -
- -
- - volume-xmark -
- -
- - -
- -
- -
- alphabet - -
-
- - - - - - - - - - - -
- -
- - a -
- -
- - b -
- -
- - c -
- -
- - circle-h -
- -
- - d -
- -
- - e -
- -
- - f -
- -
- - g -
- -
- - h -
- -
- - i -
- -
- - j -
- -
- - k -
- -
- - l -
- -
- - m -
- -
- - n -
- -
- - o -
- -
- - p -
- -
- - q -
- -
- - r -
- -
- - s -
- -
- - square-h -
- -
- - t -
- -
- - u -
- -
- - v -
- -
- - w -
- -
- - x -
- -
- - y -
- -
- - z -
- -
- - -
- -
- -
- gaming - -
-
- - - - - - - - - - - -
- -
- - book-skull -
- -
- - chess -
- -
- - chess-bishop -
- -
- - chess-board -
- -
- - chess-king -
- -
- - chess-knight -
- -
- - chess-pawn -
- -
- - chess-queen -
- -
- - chess-rook -
- -
- - critical-role -
- -
- - d-and-d -
- -
- - d-and-d-beyond -
- -
- - diamond -
- -
- - dice -
- -
- - dice-d20 -
- -
- - dice-d6 -
- -
- - dice-five -
- -
- - dice-four -
- -
- - dice-one -
- -
- - dice-six -
- -
- - dice-three -
- -
- - dice-two -
- -
- - dragon -
- -
- - dungeon -
- -
- - fantasy-flight-games -
- -
- - gamepad -
- -
- - ghost -
- -
- - hand-fist -
- -
- - hat-wizard -
- -
- - headset -
- -
- - heart -
- -
- - playstation -
- -
- - puzzle-piece -
- -
- - ring -
- -
- - scroll -
- -
- - shield-halved -
- -
- - skull-crossbones -
- -
- - square-full -
- -
- - square-steam -
- -
- - steam -
- -
- - steam-symbol -
- -
- - twitch -
- -
- - vr-cardboard -
- -
- - wand-sparkles -
- -
- - wizards-of-the-coast -
- -
- - xbox -
- -
- - -
- -
- -
- mathematics - -
-
- - - - - - - - - - - -
- -
- - calculator -
- -
- - circle-minus -
- -
- - circle-plus -
- -
- - circle-xmark -
- -
- - divide -
- -
- - equals -
- -
- - greater-than -
- -
- - greater-than-equal -
- -
- - infinity -
- -
- - less-than -
- -
- - less-than-equal -
- -
- - minus -
- -
- - not-equal -
- -
- - percent -
- -
- - plus -
- -
- - plus-minus -
- -
- - square-minus -
- -
- - square-root-variable -
- -
- - square-xmark -
- -
- - subscript -
- -
- - superscript -
- -
- - wave-square -
- -
- - xmark -
- -
- - -
- -
- -
- charts-diagrams - -
-
- - - - - - - - - - - -
- -
- - bars-progress -
- -
- - chart-area -
- -
- - chart-bar -
- -
- - chart-column -
- -
- - chart-gantt -
- -
- - chart-line -
- -
- - chart-pie -
- -
- - chart-simple -
- -
- - diagram-next -
- -
- - diagram-predecessor -
- -
- - diagram-project -
- -
- - diagram-successor -
- -
- - square-poll-horizontal -
- -
- - square-poll-vertical -
- -
- - -
- -
- -
- editing - -
-
- - - - - - - - - - - -
- -
- - arrows-rotate -
- -
- - bandage -
- -
- - bars -
- -
- - brush -
- -
- - chart-simple -
- -
- - check -
- -
- - check-double -
- -
- - circle-check -
- -
- - circle-half-stroke -
- -
- - crop -
- -
- - crop-simple -
- -
- - cube -
- -
- - delete-left -
- -
- - ellipsis -
- -
- - ellipsis-vertical -
- -
- - eye-dropper -
- -
- - eye-slash -
- -
- - grip -
- -
- - grip-lines -
- -
- - grip-lines-vertical -
- -
- - grip-vertical -
- -
- - link -
- -
- - link-slash -
- -
- - minus -
- -
- - paintbrush -
- -
- - pen -
- -
- - pen-clip -
- -
- - pen-fancy -
- -
- - pen-nib -
- -
- - pen-ruler -
- -
- - pen-to-square -
- -
- - pencil -
- -
- - plus -
- -
- - rotate -
- -
- - scissors -
- -
- - signature -
- -
- - sliders -
- -
- - square-check -
- -
- - square-pen -
- -
- - trash -
- -
- - trash-arrow-up -
- -
- - trash-can -
- -
- - trash-can-arrow-up -
- -
- - wand-magic -
- -
- - wand-magic-sparkles -
- -
- - xmark -
- -
- - -
- -
- -
- media-playback - -
-
- - - - - - - - - - - -
- -
- - arrow-rotate-left -
- -
- - arrow-rotate-right -
- -
- - arrows-rotate -
- -
- - backward -
- -
- - backward-fast -
- -
- - backward-step -
- -
- - circle-pause -
- -
- - circle-play -
- -
- - circle-stop -
- -
- - compress -
- -
- - down-left-and-up-right-to-center -
- -
- - eject -
- -
- - expand -
- -
- - forward -
- -
- - forward-fast -
- -
- - forward-step -
- -
- - hand -
- -
- - maximize -
- -
- - minimize -
- -
- - music -
- -
- - pause -
- -
- - phone-volume -
- -
- - play -
- -
- - plus-minus -
- -
- - repeat -
- -
- - rotate -
- -
- - rotate-left -
- -
- - rotate-right -
- -
- - rss -
- -
- - shuffle -
- -
- - sliders -
- -
- - stop -
- -
- - up-right-and-down-left-from-center -
- -
- - volume-high -
- -
- - volume-low -
- -
- - volume-off -
- -
- - volume-xmark -
- -
- - -
- -
- -
- medical-health - -
-
- - - - - - - - - - - -
- -
- - accessible-icon -
- -
- - bacteria -
- -
- - bacterium -
- -
- - ban-smoking -
- -
- - bandage -
- -
- - bed-pulse -
- -
- - biohazard -
- -
- - bone -
- -
- - bong -
- -
- - book-medical -
- -
- - brain -
- -
- - briefcase-medical -
- -
- - cannabis -
- -
- - capsules -
- -
- - circle-h -
- -
- - circle-radiation -
- -
- - clipboard-user -
- -
- - clock-rotate-left -
- -
- - comment-medical -
- -
- - crutch -
- -
- - disease -
- -
- - dna -
- -
- - eye -
- -
- - eye-dropper -
- -
- - file-medical -
- -
- - file-prescription -
- -
- - file-waveform -
- -
- - fire-flame-simple -
- -
- - flask -
- -
- - flask-vial -
- -
- - hand-dots -
- -
- - hand-holding-medical -
- -
- - head-side-cough -
- -
- - head-side-cough-slash -
- -
- - head-side-mask -
- -
- - head-side-virus -
- -
- - heart -
- -
- - heart-circle-bolt -
- -
- - heart-circle-check -
- -
- - heart-circle-exclamation -
- -
- - heart-circle-minus -
- -
- - heart-circle-plus -
- -
- - heart-circle-xmark -
- -
- - heart-pulse -
- -
- - hospital -
- -
- - hospital-user -
- -
- - house-chimney-medical -
- -
- - house-medical -
- -
- - house-medical-circle-check -
- -
- - house-medical-circle-exclamation -
- -
- - house-medical-circle-xmark -
- -
- - house-medical-flag -
- -
- - id-card-clip -
- -
- - joint -
- -
- - kit-medical -
- -
- - laptop-medical -
- -
- - lungs -
- -
- - lungs-virus -
- -
- - mask-face -
- -
- - mask-ventilator -
- -
- - microscope -
- -
- - mortar-pestle -
- -
- - notes-medical -
- -
- - pager -
- -
- - person-breastfeeding -
- -
- - person-cane -
- -
- - person-dots-from-line -
- -
- - person-half-dress -
- -
- - pills -
- -
- - plus -
- -
- - poop -
- -
- - prescription -
- -
- - prescription-bottle -
- -
- - prescription-bottle-medical -
- -
- - pump-medical -
- -
- - radiation -
- -
- - receipt -
- -
- - shield-virus -
- -
- - skull -
- -
- - skull-crossbones -
- -
- - smoking -
- -
- - square-h -
- -
- - square-plus -
- -
- - square-virus -
- -
- - staff-snake -
- -
- - star-of-life -
- -
- - stethoscope -
- -
- - suitcase-medical -
- -
- - syringe -
- -
- - tablets -
- -
- - teeth -
- -
- - teeth-open -
- -
- - thermometer -
- -
- - tooth -
- -
- - truck-medical -
- -
- - user-doctor -
- -
- - user-nurse -
- -
- - vial -
- -
- - vial-circle-check -
- -
- - vial-virus -
- -
- - vials -
- -
- - virus -
- -
- - virus-covid -
- -
- - virus-covid-slash -
- -
- - virus-slash -
- -
- - viruses -
- -
- - weight-scale -
- -
- - wheelchair -
- -
- - wheelchair-move -
- -
- - x-ray -
- -
- - -
- -
- -
- shapes - -
-
- - - - - - - - - - - -
- -
- - bookmark -
- -
- - burst -
- -
- - calendar -
- -
- - certificate -
- -
- - circle -
- -
- - cloud -
- -
- - clover -
- -
- - comment -
- -
- - crown -
- -
- - cubes-stacked -
- -
- - diamond -
- -
- - file -
- -
- - folder -
- -
- - heart -
- -
- - heart-crack -
- -
- - lines-leaning -
- -
- - location-pin -
- -
- - play -
- -
- - shapes -
- -
- - shield -
- -
- - square -
- -
- - star -
- -
- - ticket-simple -
- -
- - -
- -
- -
- shopping - -
-
- - - - - - - - - - - -
- -
- - alipay -
- -
- - amazon-pay -
- -
- - apple-pay -
- -
- - bag-shopping -
- -
- - barcode -
- -
- - basket-shopping -
- -
- - bell -
- -
- - bitcoin -
- -
- - bookmark -
- -
- - btc -
- -
- - bullhorn -
- -
- - camera -
- -
- - camera-retro -
- -
- - cart-arrow-down -
- -
- - cart-plus -
- -
- - cart-shopping -
- -
- - cash-register -
- -
- - cc-amazon-pay -
- -
- - cc-amex -
- -
- - cc-apple-pay -
- -
- - cc-diners-club -
- -
- - cc-discover -
- -
- - cc-jcb -
- -
- - cc-mastercard -
- -
- - cc-paypal -
- -
- - cc-stripe -
- -
- - cc-visa -
- -
- - certificate -
- -
- - credit-card -
- -
- - ethereum -
- -
- - gem -
- -
- - gift -
- -
- - gifts -
- -
- - google-pay -
- -
- - google-wallet -
- -
- - handshake -
- -
- - heart -
- -
- - key -
- -
- - money-check -
- -
- - money-check-dollar -
- -
- - nfc-directional -
- -
- - nfc-symbol -
- -
- - paypal -
- -
- - person-booth -
- -
- - receipt -
- -
- - shirt -
- -
- - shop -
- -
- - shop-lock -
- -
- - shop-slash -
- -
- - star -
- -
- - store -
- -
- - store-slash -
- -
- - stripe -
- -
- - stripe-s -
- -
- - tag -
- -
- - tags -
- -
- - thumbs-down -
- -
- - thumbs-up -
- -
- - trophy -
- -
- - truck -
- -
- - truck-fast -
- -
- - -
- -
- -
- devices-hardware - -
-
- - - - - - - - - - - -
- -
- - blender-phone -
- -
- - camera -
- -
- - camera-retro -
- -
- - car-battery -
- -
- - compact-disc -
- -
- - computer -
- -
- - computer-mouse -
- -
- - database -
- -
- - desktop -
- -
- - display -
- -
- - download -
- -
- - ethernet -
- -
- - fax -
- -
- - floppy-disk -
- -
- - gamepad -
- -
- - hard-drive -
- -
- - headphones -
- -
- - house-laptop -
- -
- - keyboard -
- -
- - laptop -
- -
- - laptop-file -
- -
- - memory -
- -
- - microchip -
- -
- - mobile -
- -
- - mobile-button -
- -
- - mobile-retro -
- -
- - mobile-screen -
- -
- - mobile-screen-button -
- -
- - plug -
- -
- - power-off -
- -
- - print -
- -
- - satellite -
- -
- - satellite-dish -
- -
- - sd-card -
- -
- - server -
- -
- - sim-card -
- -
- - tablet -
- -
- - tablet-button -
- -
- - tablet-screen-button -
- -
- - tachograph-digital -
- -
- - tv -
- -
- - upload -
- -
- - walkie-talkie -
- -
- - -
- -
- -
- connectivity - -
-
- - - - - - - - - - - -
- -
- - bluetooth -
- -
- - circle-nodes -
- -
- - cloud -
- -
- - cloud-arrow-down -
- -
- - cloud-arrow-up -
- -
- - globe -
- -
- - house-signal -
- -
- - rss -
- -
- - satellite-dish -
- -
- - signal -
- -
- - tower-broadcast -
- -
- - tower-cell -
- -
- - wifi -
- -
- - -
- -
- -
- holidays - -
-
- - - - - - - - - - - -
- -
- - candy-cane -
- -
- - carrot -
- -
- - champagne-glasses -
- -
- - cookie-bite -
- -
- - face-grin-hearts -
- -
- - face-kiss-wink-heart -
- -
- - gift -
- -
- - gifts -
- -
- - heart -
- -
- - holly-berry -
- -
- - menorah -
- -
- - mug-hot -
- -
- - sleigh -
- -
- - snowman -
- -
- - -
- -
- -
- household - -
-
- - - - - - - - - - - -
- -
- - arrow-up-from-water-pump -
- -
- - bath -
- -
- - bed -
- -
- - bell -
- -
- - blender -
- -
- - box-tissue -
- -
- - chair -
- -
- - computer -
- -
- - couch -
- -
- - door-closed -
- -
- - door-open -
- -
- - dungeon -
- -
- - fan -
- -
- - faucet -
- -
- - faucet-drip -
- -
- - fire-burner -
- -
- - house-chimney-user -
- -
- - house-chimney-window -
- -
- - house-fire -
- -
- - house-laptop -
- -
- - house-lock -
- -
- - house-signal -
- -
- - house-user -
- -
- - jar -
- -
- - jar-wheat -
- -
- - jug-detergent -
- -
- - kitchen-set -
- -
- - lightbulb -
- -
- - mattress-pillow -
- -
- - mug-saucer -
- -
- - people-roof -
- -
- - plug -
- -
- - pump-soap -
- -
- - rug -
- -
- - sheet-plastic -
- -
- - shower -
- -
- - sink -
- -
- - snowflake -
- -
- - soap -
- -
- - spoon -
- -
- - stairs -
- -
- - temperature-arrow-down -
- -
- - temperature-arrow-up -
- -
- - toilet -
- -
- - toilet-paper -
- -
- - toilet-paper-slash -
- -
- - tv -
- -
- - utensils -
- -
- - -
- -
- -
- travel-hotel - -
-
- - - - - - - - - - - -
- -
- - archway -
- -
- - baby-carriage -
- -
- - ban-smoking -
- -
- - bath -
- -
- - bed -
- -
- - bell-concierge -
- -
- - book-atlas -
- -
- - briefcase -
- -
- - bus -
- -
- - bus-simple -
- -
- - cable-car -
- -
- - car -
- -
- - caravan -
- -
- - cart-flatbed-suitcase -
- -
- - dice -
- -
- - dice-five -
- -
- - door-closed -
- -
- - door-open -
- -
- - dumbbell -
- -
- - earth-africa -
- -
- - earth-americas -
- -
- - earth-asia -
- -
- - earth-europe -
- -
- - earth-oceania -
- -
- - elevator -
- -
- - hot-tub-person -
- -
- - hotel -
- -
- - infinity -
- -
- - key -
- -
- - kitchen-set -
- -
- - map -
- -
- - map-location -
- -
- - map-location-dot -
- -
- - martini-glass -
- -
- - martini-glass-citrus -
- -
- - martini-glass-empty -
- -
- - monument -
- -
- - mountain-city -
- -
- - mug-saucer -
- -
- - passport -
- -
- - person-swimming -
- -
- - person-walking-luggage -
- -
- - plane -
- -
- - plane-arrival -
- -
- - plane-circle-check -
- -
- - plane-circle-exclamation -
- -
- - plane-circle-xmark -
- -
- - plane-departure -
- -
- - plane-lock -
- -
- - plane-slash -
- -
- - plane-up -
- -
- - shower -
- -
- - smoking -
- -
- - snowflake -
- -
- - spa -
- -
- - stairs -
- -
- - suitcase -
- -
- - suitcase-rolling -
- -
- - taxi -
- -
- - toilet -
- -
- - toilet-paper -
- -
- - train-tram -
- -
- - tree-city -
- -
- - tv -
- -
- - umbrella-beach -
- -
- - utensils -
- -
- - van-shuttle -
- -
- - water-ladder -
- -
- - wheelchair -
- -
- - wheelchair-move -
- -
- - wifi -
- -
- - wine-glass -
- -
- - wine-glass-empty -
- -
- - -
- -
- -
- weather - -
-
- - - - - - - - - - - -
- -
- - bolt -
- -
- - bolt-lightning -
- -
- - cloud -
- -
- - cloud-bolt -
- -
- - cloud-meatball -
- -
- - cloud-moon -
- -
- - cloud-moon-rain -
- -
- - cloud-rain -
- -
- - cloud-showers-heavy -
- -
- - cloud-showers-water -
- -
- - cloud-sun -
- -
- - cloud-sun-rain -
- -
- - house-tsunami -
- -
- - hurricane -
- -
- - icicles -
- -
- - meteor -
- -
- - moon -
- -
- - poo-storm -
- -
- - rainbow -
- -
- - smog -
- -
- - snowflake -
- -
- - sun -
- -
- - sun-plant-wilt -
- -
- - temperature-arrow-down -
- -
- - temperature-arrow-up -
- -
- - temperature-empty -
- -
- - temperature-full -
- -
- - temperature-half -
- -
- - temperature-high -
- -
- - temperature-low -
- -
- - temperature-quarter -
- -
- - temperature-three-quarters -
- -
- - tornado -
- -
- - umbrella -
- -
- - volcano -
- -
- - water -
- -
- - wind -
- -
- - -
- -
- -
- writing - -
-
- - - - - - - - - - - -
- -
- - blog -
- -
- - book -
- -
- - book-bookmark -
- -
- - bookmark -
- -
- - box-archive -
- -
- - envelope -
- -
- - envelope-open -
- -
- - eraser -
- -
- - file -
- -
- - file-lines -
- -
- - folder -
- -
- - folder-open -
- -
- - keyboard -
- -
- - newspaper -
- -
- - note-sticky -
- -
- - paper-plane -
- -
- - paperclip -
- -
- - paragraph -
- -
- - pen -
- -
- - pen-clip -
- -
- - pen-to-square -
- -
- - pencil -
- -
- - quote-left -
- -
- - quote-right -
- -
- - signature -
- -
- - square-pen -
- -
- - thumbtack -
- -
- - -
- -
- -
- animals - -
-
- - - - - - - - - - - -
- -
- - bugs -
- -
- - cat -
- -
- - cow -
- -
- - crow -
- -
- - dog -
- -
- - dove -
- -
- - dragon -
- -
- - feather -
- -
- - feather-pointed -
- -
- - fish -
- -
- - fish-fins -
- -
- - frog -
- -
- - hippo -
- -
- - horse -
- -
- - horse-head -
- -
- - kiwi-bird -
- -
- - locust -
- -
- - mosquito -
- -
- - otter -
- -
- - paw -
- -
- - shield-cat -
- -
- - shield-dog -
- -
- - shrimp -
- -
- - spider -
- -
- - worm -
- -
- - -
- -
- -
- nature - -
-
- - - - - - - - - - - -
- -
- - binoculars -
- -
- - bug -
- -
- - bugs -
- -
- - cannabis -
- -
- - cloud-sun -
- -
- - clover -
- -
- - feather -
- -
- - feather-pointed -
- -
- - fire -
- -
- - frog -
- -
- - icicles -
- -
- - leaf -
- -
- - locust -
- -
- - mosquito -
- -
- - mound -
- -
- - mountain -
- -
- - mountain-city -
- -
- - mountain-sun -
- -
- - person-hiking -
- -
- - plant-wilt -
- -
- - seedling -
- -
- - signs-post -
- -
- - spider -
- -
- - tree -
- -
- - volcano -
- -
- - water -
- -
- - wind -
- -
- - worm -
- -
- - -
- -
- -
- maps - -
-
- - - - - - - - - - - -
- -
- - anchor -
- -
- - bag-shopping -
- -
- - basket-shopping -
- -
- - bath -
- -
- - bed -
- -
- - beer-mug-empty -
- -
- - bell -
- -
- - bell-slash -
- -
- - bicycle -
- -
- - binoculars -
- -
- - bomb -
- -
- - book -
- -
- - book-atlas -
- -
- - bookmark -
- -
- - bridge -
- -
- - bridge-water -
- -
- - briefcase -
- -
- - building -
- -
- - building-columns -
- -
- - cake-candles -
- -
- - car -
- -
- - cart-shopping -
- -
- - circle-info -
- -
- - crosshairs -
- -
- - diamond-turn-right -
- -
- - dollar-sign -
- -
- - draw-polygon -
- -
- - droplet -
- -
- - eye -
- -
- - eye-low-vision -
- -
- - eye-slash -
- -
- - fire -
- -
- - fire-extinguisher -
- -
- - fire-flame-curved -
- -
- - flag -
- -
- - flag-checkered -
- -
- - flask -
- -
- - gamepad -
- -
- - gavel -
- -
- - gift -
- -
- - globe -
- -
- - graduation-cap -
- -
- - heart -
- -
- - heart-pulse -
- -
- - helicopter -
- -
- - helicopter-symbol -
- -
- - hospital -
- -
- - house -
- -
- - image -
- -
- - images -
- -
- - industry -
- -
- - info -
- -
- - jet-fighter -
- -
- - key -
- -
- - landmark -
- -
- - landmark-flag -
- -
- - layer-group -
- -
- - leaf -
- -
- - lemon -
- -
- - life-ring -
- -
- - lightbulb -
- -
- - location-arrow -
- -
- - location-crosshairs -
- -
- - location-dot -
- -
- - location-pin -
- -
- - location-pin-lock -
- -
- - magnet -
- -
- - magnifying-glass -
- -
- - magnifying-glass-minus -
- -
- - magnifying-glass-plus -
- -
- - map -
- -
- - map-pin -
- -
- - martini-glass-empty -
- -
- - money-bill -
- -
- - money-bill-1 -
- -
- - motorcycle -
- -
- - mountain-sun -
- -
- - mug-saucer -
- -
- - music -
- -
- - newspaper -
- -
- - paw -
- -
- - person -
- -
- - person-walking-with-cane -
- -
- - phone -
- -
- - phone-flip -
- -
- - phone-volume -
- -
- - plane -
- -
- - plug -
- -
- - plus -
- -
- - print -
- -
- - recycle -
- -
- - restroom -
- -
- - road -
- -
- - rocket -
- -
- - route -
- -
- - scale-balanced -
- -
- - scale-unbalanced -
- -
- - scale-unbalanced-flip -
- -
- - ship -
- -
- - shoe-prints -
- -
- - shower -
- -
- - signs-post -
- -
- - snowplow -
- -
- - spoon -
- -
- - square-h -
- -
- - square-parking -
- -
- - square-phone -
- -
- - square-phone-flip -
- -
- - square-plus -
- -
- - street-view -
- -
- - suitcase -
- -
- - suitcase-medical -
- -
- - tag -
- -
- - tags -
- -
- - taxi -
- -
- - thumbtack -
- -
- - ticket -
- -
- - ticket-simple -
- -
- - traffic-light -
- -
- - train -
- -
- - train-subway -
- -
- - train-tram -
- -
- - tree -
- -
- - trophy -
- -
- - truck -
- -
- - truck-medical -
- -
- - tty -
- -
- - umbrella -
- -
- - utensils -
- -
- - vest -
- -
- - vest-patches -
- -
- - wheelchair -
- -
- - wheelchair-move -
- -
- - wifi -
- -
- - wine-glass -
- -
- - wrench -
- -
- - -
- -
- -
- communication - -
-
- - - - - - - - - - - -
- -
- - address-book -
- -
- - address-card -
- -
- - at -
- -
- - blender-phone -
- -
- - bluetooth-b -
- -
- - bullhorn -
- -
- - comment -
- -
- - comment-dots -
- -
- - comment-medical -
- -
- - comment-slash -
- -
- - comment-sms -
- -
- - comments -
- -
- - ear-listen -
- -
- - envelope -
- -
- - envelope-circle-check -
- -
- - envelope-open -
- -
- - face-frown -
- -
- - face-meh -
- -
- - face-smile -
- -
- - fax -
- -
- - hands-asl-interpreting -
- -
- - icons -
- -
- - inbox -
- -
- - language -
- -
- - message -
- -
- - microphone -
- -
- - microphone-lines -
- -
- - microphone-lines-slash -
- -
- - microphone-slash -
- -
- - mobile -
- -
- - mobile-button -
- -
- - mobile-retro -
- -
- - mobile-screen -
- -
- - mobile-screen-button -
- -
- - paper-plane -
- -
- - phone -
- -
- - phone-flip -
- -
- - phone-slash -
- -
- - phone-volume -
- -
- - poo -
- -
- - quote-left -
- -
- - quote-right -
- -
- - square-envelope -
- -
- - square-phone -
- -
- - square-phone-flip -
- -
- - square-rss -
- -
- - tower-cell -
- -
- - tty -
- -
- - video -
- -
- - video-slash -
- -
- - voicemail -
- -
- - walkie-talkie -
- -
- - -
- -
- -
- science - -
-
- - - - - - - - - - - -
- -
- - atom -
- -
- - biohazard -
- -
- - brain -
- -
- - capsules -
- -
- - circle-radiation -
- -
- - clipboard-check -
- -
- - disease -
- -
- - dna -
- -
- - eye-dropper -
- -
- - filter -
- -
- - fire -
- -
- - fire-flame-curved -
- -
- - fire-flame-simple -
- -
- - flask -
- -
- - flask-vial -
- -
- - frog -
- -
- - magnet -
- -
- - microscope -
- -
- - mortar-pestle -
- -
- - pills -
- -
- - prescription-bottle -
- -
- - radiation -
- -
- - seedling -
- -
- - skull-crossbones -
- -
- - square-virus -
- -
- - syringe -
- -
- - tablets -
- -
- - temperature-high -
- -
- - temperature-low -
- -
- - vial -
- -
- - vial-circle-check -
- -
- - vial-virus -
- -
- - vials -
- -
- - -
- -
- -
- security - -
-
- - - - - - - - - - - -
- -
- - ban -
- -
- - bug -
- -
- - bug-slash -
- -
- - building-lock -
- -
- - building-shield -
- -
- - burst -
- -
- - car-on -
- -
- - door-closed -
- -
- - door-open -
- -
- - dungeon -
- -
- - explosion -
- -
- - eye -
- -
- - eye-slash -
- -
- - file-contract -
- -
- - file-shield -
- -
- - file-signature -
- -
- - fingerprint -
- -
- - gun -
- -
- - handcuffs -
- -
- - hands-bound -
- -
- - hands-holding-child -
- -
- - hands-holding-circle -
- -
- - house-fire -
- -
- - house-lock -
- -
- - id-badge -
- -
- - id-card -
- -
- - id-card-clip -
- -
- - key -
- -
- - land-mine-on -
- -
- - lock -
- -
- - lock-open -
- -
- - mars-and-venus-burst -
- -
- - mask -
- -
- - passport -
- -
- - people-pulling -
- -
- - people-robbery -
- -
- - person-burst -
- -
- - person-dress-burst -
- -
- - person-falling-burst -
- -
- - person-harassing -
- -
- - person-military-pointing -
- -
- - person-military-rifle -
- -
- - person-military-to-person -
- -
- - person-rifle -
- -
- - person-shelter -
- -
- - person-through-window -
- -
- - road-spikes -
- -
- - shield -
- -
- - shield-cat -
- -
- - shield-dog -
- -
- - shield-halved -
- -
- - shield-heart -
- -
- - skull-crossbones -
- -
- - square-person-confined -
- -
- - tower-observation -
- -
- - unlock -
- -
- - unlock-keyhole -
- -
- - user-lock -
- -
- - user-secret -
- -
- - user-shield -
- -
- - vault -
- -
- - -
- -
- -
- childhood - -
-
- - - - - - - - - - - -
- -
- - apple-whole -
- -
- - baby -
- -
- - baby-carriage -
- -
- - baseball-bat-ball -
- -
- - bath -
- -
- - bucket -
- -
- - cake-candles -
- -
- - child -
- -
- - child-dress -
- -
- - child-reaching -
- -
- - children -
- -
- - cookie -
- -
- - cookie-bite -
- -
- - cubes-stacked -
- -
- - gamepad -
- -
- - hands-holding-child -
- -
- - ice-cream -
- -
- - mitten -
- -
- - person-biking -
- -
- - person-breastfeeding -
- -
- - puzzle-piece -
- -
- - robot -
- -
- - school -
- -
- - shapes -
- -
- - snowman -
- -
- - -
- -
- -
- photos-images - -
-
- - - - - - - - - - - -
- -
- - bolt -
- -
- - bolt-lightning -
- -
- - camera -
- -
- - camera-retro -
- -
- - camera-rotate -
- -
- - chalkboard -
- -
- - circle-half-stroke -
- -
- - clone -
- -
- - droplet -
- -
- - eye -
- -
- - eye-dropper -
- -
- - eye-slash -
- -
- - file-image -
- -
- - film -
- -
- - id-badge -
- -
- - id-card -
- -
- - image -
- -
- - image-portrait -
- -
- - images -
- -
- - minimize -
- -
- - panorama -
- -
- - photo-film -
- -
- - sliders -
- -
- - unsplash -
- -
- - -
- -
- -
- maritime - -
-
- - - - - - - - - - - -
- -
- - anchor -
- -
- - anchor-circle-check -
- -
- - anchor-circle-exclamation -
- -
- - anchor-circle-xmark -
- -
- - anchor-lock -
- -
- - ferry -
- -
- - fish -
- -
- - fish-fins -
- -
- - otter -
- -
- - person-swimming -
- -
- - sailboat -
- -
- - ship -
- -
- - shrimp -
- -
- - water -
- -
- - -
- -
- -
- marketing - -
-
- - - - - - - - - - - -
- -
- - arrows-spin -
- -
- - arrows-to-dot -
- -
- - arrows-to-eye -
- -
- - bullhorn -
- -
- - bullseye -
- -
- - chart-simple -
- -
- - comment-dollar -
- -
- - comments-dollar -
- -
- - envelope-open-text -
- -
- - envelopes-bulk -
- -
- - filter-circle-dollar -
- -
- - group-arrows-rotate -
- -
- - lightbulb -
- -
- - magnifying-glass-arrow-right -
- -
- - magnifying-glass-chart -
- -
- - magnifying-glass-dollar -
- -
- - magnifying-glass-location -
- -
- - people-group -
- -
- - person-rays -
- -
- - ranking-star -
- -
- - rectangle-ad -
- -
- - square-poll-horizontal -
- -
- - square-poll-vertical -
- -
- - timeline -
- -
- - -
- -
- -
- numbers - -
-
- - - - - - - - - - - -
- -
- - 0 -
- -
- - 1 -
- -
- - 2 -
- -
- - 3 -
- -
- - 4 -
- -
- - 5 -
- -
- - 6 -
- -
- - 7 -
- -
- - 8 -
- -
- - 9 -
- -
- - -
- -
- -
- camping - -
-
- - - - - - - - - - - -
- -
- - binoculars -
- -
- - bottle-water -
- -
- - bucket -
- -
- - campground -
- -
- - caravan -
- -
- - compass -
- -
- - faucet -
- -
- - faucet-drip -
- -
- - fire -
- -
- - fire-burner -
- -
- - fire-flame-curved -
- -
- - frog -
- -
- - kit-medical -
- -
- - map -
- -
- - map-location -
- -
- - map-location-dot -
- -
- - mattress-pillow -
- -
- - mosquito -
- -
- - mosquito-net -
- -
- - mountain -
- -
- - mountain-sun -
- -
- - people-roof -
- -
- - person-hiking -
- -
- - person-shelter -
- -
- - route -
- -
- - signs-post -
- -
- - tarp -
- -
- - tarp-droplet -
- -
- - tent -
- -
- - tent-arrow-down-to-line -
- -
- - tent-arrow-left-right -
- -
- - tent-arrow-turn-left -
- -
- - tent-arrows-down -
- -
- - tents -
- -
- - toilet-paper -
- -
- - trailer -
- -
- - tree -
- -
- - -
- -
- -
- automotive - -
-
- - - - - - - - - - - -
- -
- - bus -
- -
- - bus-simple -
- -
- - car -
- -
- - car-battery -
- -
- - car-burst -
- -
- - car-on -
- -
- - car-rear -
- -
- - car-side -
- -
- - car-tunnel -
- -
- - caravan -
- -
- - charging-station -
- -
- - gas-pump -
- -
- - gauge -
- -
- - gauge-high -
- -
- - gauge-simple -
- -
- - gauge-simple-high -
- -
- - motorcycle -
- -
- - oil-can -
- -
- - spray-can-sparkles -
- -
- - taxi -
- -
- - trailer -
- -
- - truck -
- -
- - truck-field -
- -
- - truck-field-un -
- -
- - truck-medical -
- -
- - truck-monster -
- -
- - truck-pickup -
- -
- - van-shuttle -
- -
- - -
- -
- -
- food-beverage - -
-
- - - - - - - - - - - -
- -
- - apple-whole -
- -
- - bacon -
- -
- - beer-mug-empty -
- -
- - blender -
- -
- - bone -
- -
- - bottle-droplet -
- -
- - bottle-water -
- -
- - bowl-food -
- -
- - bowl-rice -
- -
- - bread-slice -
- -
- - burger -
- -
- - cake-candles -
- -
- - candy-cane -
- -
- - carrot -
- -
- - champagne-glasses -
- -
- - cheese -
- -
- - cloud-meatball -
- -
- - cookie -
- -
- - cubes-stacked -
- -
- - drumstick-bite -
- -
- - egg -
- -
- - fish -
- -
- - fish-fins -
- -
- - flask -
- -
- - glass-water -
- -
- - glass-water-droplet -
- -
- - hotdog -
- -
- - ice-cream -
- -
- - jar -
- -
- - jar-wheat -
- -
- - lemon -
- -
- - martini-glass -
- -
- - martini-glass-citrus -
- -
- - martini-glass-empty -
- -
- - mug-hot -
- -
- - mug-saucer -
- -
- - pepper-hot -
- -
- - pizza-slice -
- -
- - plate-wheat -
- -
- - seedling -
- -
- - shrimp -
- -
- - stroopwafel -
- -
- - wheat-awn -
- -
- - wheat-awn-circle-exclamation -
- -
- - whiskey-glass -
- -
- - wine-bottle -
- -
- - wine-glass -
- -
- - wine-glass-empty -
- -
- - -
- -
- -
- humanitarian - -
-
- - - - - - - - - - - -
- -
- - anchor -
- -
- - anchor-circle-check -
- -
- - anchor-circle-exclamation -
- -
- - anchor-circle-xmark -
- -
- - anchor-lock -
- -
- - arrow-down-up-across-line -
- -
- - arrow-down-up-lock -
- -
- - arrow-right-to-city -
- -
- - arrow-up-from-ground-water -
- -
- - arrow-up-from-water-pump -
- -
- - arrow-up-right-dots -
- -
- - arrow-up-right-from-square -
- -
- - arrows-down-to-line -
- -
- - arrows-down-to-people -
- -
- - arrows-left-right-to-line -
- -
- - arrows-spin -
- -
- - arrows-split-up-and-left -
- -
- - arrows-to-circle -
- -
- - arrows-to-dot -
- -
- - arrows-to-eye -
- -
- - arrows-turn-right -
- -
- - arrows-turn-to-dots -
- -
- - arrows-up-to-line -
- -
- - baby -
- -
- - bacterium -
- -
- - ban -
- -
- - bed -
- -
- - biohazard -
- -
- - book-bookmark -
- -
- - bore-hole -
- -
- - bottle-droplet -
- -
- - bottle-water -
- -
- - bowl-food -
- -
- - bowl-rice -
- -
- - boxes-packing -
- -
- - bridge -
- -
- - bridge-circle-check -
- -
- - bridge-circle-exclamation -
- -
- - bridge-circle-xmark -
- -
- - bridge-lock -
- -
- - bridge-water -
- -
- - bucket -
- -
- - bugs -
- -
- - building -
- -
- - building-circle-arrow-right -
- -
- - building-circle-check -
- -
- - building-circle-exclamation -
- -
- - building-circle-xmark -
- -
- - building-columns -
- -
- - building-flag -
- -
- - building-lock -
- -
- - building-ngo -
- -
- - building-shield -
- -
- - building-un -
- -
- - building-user -
- -
- - building-wheat -
- -
- - burst -
- -
- - bus -
- -
- - car -
- -
- - car-on -
- -
- - car-tunnel -
- -
- - child-rifle -
- -
- - children -
- -
- - church -
- -
- - circle-h -
- -
- - circle-nodes -
- -
- - clipboard-question -
- -
- - clipboard-user -
- -
- - cloud-bolt -
- -
- - cloud-showers-heavy -
- -
- - cloud-showers-water -
- -
- - computer -
- -
- - cow -
- -
- - cubes-stacked -
- -
- - display -
- -
- - droplet -
- -
- - envelope -
- -
- - envelope-circle-check -
- -
- - explosion -
- -
- - faucet-drip -
- -
- - fax -
- -
- - ferry -
- -
- - file -
- -
- - file-circle-check -
- -
- - file-circle-exclamation -
- -
- - file-circle-minus -
- -
- - file-circle-plus -
- -
- - file-circle-question -
- -
- - file-circle-xmark -
- -
- - file-csv -
- -
- - file-pdf -
- -
- - file-pen -
- -
- - file-shield -
- -
- - fire-burner -
- -
- - fire-flame-simple -
- -
- - fish-fins -
- -
- - flag -
- -
- - flask-vial -
- -
- - gas-pump -
- -
- - glass-water -
- -
- - glass-water-droplet -
- -
- - gopuram -
- -
- - group-arrows-rotate -
- -
- - hammer -
- -
- - hand-holding-hand -
- -
- - handcuffs -
- -
- - hands-bound -
- -
- - hands-bubbles -
- -
- - hands-holding-child -
- -
- - hands-holding-circle -
- -
- - handshake-simple -
- -
- - headset -
- -
- - heart-circle-bolt -
- -
- - heart-circle-check -
- -
- - heart-circle-exclamation -
- -
- - heart-circle-minus -
- -
- - heart-circle-plus -
- -
- - heart-circle-xmark -
- -
- - helicopter -
- -
- - helicopter-symbol -
- -
- - helmet-un -
- -
- - hill-avalanche -
- -
- - hill-rockslide -
- -
- - hospital -
- -
- - hotel -
- -
- - house-chimney -
- -
- - house-chimney-crack -
- -
- - house-circle-check -
- -
- - house-circle-exclamation -
- -
- - house-circle-xmark -
- -
- - house-fire -
- -
- - house-flag -
- -
- - house-flood-water -
- -
- - house-flood-water-circle-arrow-right -
- -
- - house-lock -
- -
- - house-medical -
- -
- - house-medical-circle-check -
- -
- - house-medical-circle-exclamation -
- -
- - house-medical-circle-xmark -
- -
- - house-medical-flag -
- -
- - house-signal -
- -
- - house-tsunami -
- -
- - hurricane -
- -
- - id-card -
- -
- - jar -
- -
- - jar-wheat -
- -
- - jet-fighter-up -
- -
- - jug-detergent -
- -
- - kitchen-set -
- -
- - land-mine-on -
- -
- - landmark -
- -
- - landmark-dome -
- -
- - landmark-flag -
- -
- - laptop -
- -
- - laptop-file -
- -
- - life-ring -
- -
- - lines-leaning -
- -
- - location-pin-lock -
- -
- - locust -
- -
- - lungs -
- -
- - magnifying-glass-arrow-right -
- -
- - magnifying-glass-chart -
- -
- - mars-and-venus -
- -
- - mars-and-venus-burst -
- -
- - mask-face -
- -
- - mask-ventilator -
- -
- - mattress-pillow -
- -
- - microscope -
- -
- - mobile-retro -
- -
- - mobile-screen -
- -
- - money-bill-transfer -
- -
- - money-bill-trend-up -
- -
- - money-bill-wheat -
- -
- - money-bills -
- -
- - mosque -
- -
- - mosquito -
- -
- - mosquito-net -
- -
- - mound -
- -
- - mountain-city -
- -
- - mountain-sun -
- -
- - oil-well -
- -
- - parachute-box -
- -
- - people-arrows -
- -
- - people-group -
- -
- - people-line -
- -
- - people-pulling -
- -
- - people-robbery -
- -
- - people-roof -
- -
- - person -
- -
- - person-arrow-down-to-line -
- -
- - person-arrow-up-from-line -
- -
- - person-breastfeeding -
- -
- - person-burst -
- -
- - person-cane -
- -
- - person-chalkboard -
- -
- - person-circle-check -
- -
- - person-circle-exclamation -
- -
- - person-circle-minus -
- -
- - person-circle-plus -
- -
- - person-circle-question -
- -
- - person-circle-xmark -
- -
- - person-digging -
- -
- - person-dress -
- -
- - person-dress-burst -
- -
- - person-drowning -
- -
- - person-falling -
- -
- - person-falling-burst -
- -
- - person-half-dress -
- -
- - person-harassing -
- -
- - person-military-pointing -
- -
- - person-military-rifle -
- -
- - person-military-to-person -
- -
- - person-pregnant -
- -
- - person-rays -
- -
- - person-rifle -
- -
- - person-shelter -
- -
- - person-through-window -
- -
- - person-walking -
- -
- - person-walking-arrow-loop-left -
- -
- - person-walking-arrow-right -
- -
- - person-walking-dashed-line-arrow-right -
- -
- - person-walking-luggage -
- -
- - pills -
- -
- - plane-circle-check -
- -
- - plane-circle-exclamation -
- -
- - plane-circle-xmark -
- -
- - plane-lock -
- -
- - plane-up -
- -
- - plant-wilt -
- -
- - plate-wheat -
- -
- - plug -
- -
- - plug-circle-bolt -
- -
- - plug-circle-check -
- -
- - plug-circle-exclamation -
- -
- - plug-circle-minus -
- -
- - plug-circle-plus -
- -
- - plug-circle-xmark -
- -
- - pump-soap -
- -
- - radiation -
- -
- - radio -
- -
- - ranking-star -
- -
- - road -
- -
- - road-barrier -
- -
- - road-bridge -
- -
- - road-circle-check -
- -
- - road-circle-exclamation -
- -
- - road-circle-xmark -
- -
- - road-lock -
- -
- - road-spikes -
- -
- - rug -
- -
- - sack-dollar -
- -
- - sack-xmark -
- -
- - sailboat -
- -
- - satellite-dish -
- -
- - scale-balanced -
- -
- - school -
- -
- - school-circle-check -
- -
- - school-circle-exclamation -
- -
- - school-circle-xmark -
- -
- - school-flag -
- -
- - school-lock -
- -
- - seedling -
- -
- - sheet-plastic -
- -
- - shield-cat -
- -
- - shield-dog -
- -
- - shield-heart -
- -
- - ship -
- -
- - shirt -
- -
- - shop -
- -
- - shop-lock -
- -
- - shower -
- -
- - skull-crossbones -
- -
- - snowflake -
- -
- - soap -
- -
- - square-nfi -
- -
- - square-person-confined -
- -
- - square-virus -
- -
- - staff-snake -
- -
- - stethoscope -
- -
- - suitcase-medical -
- -
- - sun-plant-wilt -
- -
- - syringe -
- -
- - tarp -
- -
- - tarp-droplet -
- -
- - temperature-arrow-down -
- -
- - temperature-arrow-up -
- -
- - tent -
- -
- - tent-arrow-down-to-line -
- -
- - tent-arrow-left-right -
- -
- - tent-arrow-turn-left -
- -
- - tent-arrows-down -
- -
- - tents -
- -
- - toilet -
- -
- - toilet-portable -
- -
- - toilets-portable -
- -
- - tornado -
- -
- - tower-broadcast -
- -
- - tower-cell -
- -
- - tower-observation -
- -
- - train-subway -
- -
- - trash-can -
- -
- - tree-city -
- -
- - trowel -
- -
- - trowel-bricks -
- -
- - truck -
- -
- - truck-arrow-right -
- -
- - truck-droplet -
- -
- - truck-field -
- -
- - truck-field-un -
- -
- - truck-front -
- -
- - truck-medical -
- -
- - truck-plane -
- -
- - user-doctor -
- -
- - user-injured -
- -
- - users-between-lines -
- -
- - users-line -
- -
- - users-rays -
- -
- - users-rectangle -
- -
- - users-viewfinder -
- -
- - vial-circle-check -
- -
- - vial-virus -
- -
- - vihara -
- -
- - virus -
- -
- - virus-covid -
- -
- - volcano -
- -
- - walkie-talkie -
- -
- - wheat-awn -
- -
- - wheat-awn-circle-exclamation -
- -
- - wheelchair-move -
- -
- - wifi -
- -
- - wind -
- -
- - worm -
- -
- - xmarks-lines -
- -
- - -
- -
- -
- astronomy - -
-
- - - - - - - - - - - -
- -
- - globe -
- -
- - meteor -
- -
- - moon -
- -
- - satellite -
- -
- - satellite-dish -
- -
- - shuttle-space -
- -
- - user-astronaut -
- -
- - -
- -
- -
- charity - -
-
- - - - - - - - - - - -
- -
- - circle-dollar-to-slot -
- -
- - dollar-sign -
- -
- - dove -
- -
- - gift -
- -
- - globe -
- -
- - hand-holding-dollar -
- -
- - hand-holding-droplet -
- -
- - hand-holding-hand -
- -
- - hand-holding-heart -
- -
- - hands-holding-child -
- -
- - hands-holding-circle -
- -
- - handshake -
- -
- - handshake-angle -
- -
- - handshake-simple -
- -
- - heart -
- -
- - leaf -
- -
- - parachute-box -
- -
- - piggy-bank -
- -
- - ribbon -
- -
- - seedling -
- -
- - -
- -
- -
- gender - -
-
- - - - - - - - - - - -
- -
- - genderless -
- -
- - mars -
- -
- - mars-and-venus -
- -
- - mars-double -
- -
- - mars-stroke -
- -
- - mars-stroke-right -
- -
- - mars-stroke-up -
- -
- - mercury -
- -
- - neuter -
- -
- - person-half-dress -
- -
- - transgender -
- -
- - venus -
- -
- - venus-double -
- -
- - venus-mars -
- -
- - -
- -
- -
- time - -
-
- - - - - - - - - - - -
- -
- - bell -
- -
- - bell-slash -
- -
- - calendar -
- -
- - calendar-check -
- -
- - calendar-day -
- -
- - calendar-days -
- -
- - calendar-minus -
- -
- - calendar-plus -
- -
- - calendar-week -
- -
- - calendar-xmark -
- -
- - clock -
- -
- - hourglass -
- -
- - hourglass-end -
- -
- - hourglass-half -
- -
- - hourglass-start -
- -
- - stopwatch -
- -
- - stopwatch-20 -
- -
- - -
- -
- -
- buildings - -
-
- - - - - - - - - - - -
- -
- - archway -
- -
- - arrow-right-to-city -
- -
- - building -
- -
- - building-circle-arrow-right -
- -
- - building-circle-check -
- -
- - building-circle-exclamation -
- -
- - building-circle-xmark -
- -
- - building-columns -
- -
- - building-flag -
- -
- - building-lock -
- -
- - building-ngo -
- -
- - building-shield -
- -
- - building-un -
- -
- - building-user -
- -
- - building-wheat -
- -
- - campground -
- -
- - church -
- -
- - city -
- -
- - dungeon -
- -
- - gopuram -
- -
- - hospital -
- -
- - hospital-user -
- -
- - hotel -
- -
- - house -
- -
- - house-chimney -
- -
- - house-chimney-crack -
- -
- - house-chimney-medical -
- -
- - house-chimney-window -
- -
- - house-circle-check -
- -
- - house-circle-exclamation -
- -
- - house-circle-xmark -
- -
- - house-crack -
- -
- - house-fire -
- -
- - house-flag -
- -
- - house-lock -
- -
- - house-medical -
- -
- - house-medical-circle-check -
- -
- - house-medical-circle-exclamation -
- -
- - house-medical-circle-xmark -
- -
- - house-medical-flag -
- -
- - igloo -
- -
- - industry -
- -
- - kaaba -
- -
- - landmark -
- -
- - landmark-dome -
- -
- - landmark-flag -
- -
- - monument -
- -
- - mosque -
- -
- - mountain-city -
- -
- - oil-well -
- -
- - place-of-worship -
- -
- - school -
- -
- - school-circle-check -
- -
- - school-circle-exclamation -
- -
- - school-circle-xmark -
- -
- - school-flag -
- -
- - school-lock -
- -
- - shop -
- -
- - shop-lock -
- -
- - store -
- -
- - synagogue -
- -
- - tent -
- -
- - tent-arrow-down-to-line -
- -
- - tent-arrow-left-right -
- -
- - tent-arrow-turn-left -
- -
- - tent-arrows-down -
- -
- - tents -
- -
- - toilet-portable -
- -
- - toilets-portable -
- -
- - torii-gate -
- -
- - tower-observation -
- -
- - tree-city -
- -
- - vihara -
- -
- - warehouse -
- -
- - -
- -
- -
- moving - -
-
- - - - - - - - - - - -
- -
- - box-archive -
- -
- - box-open -
- -
- - boxes-packing -
- -
- - caravan -
- -
- - couch -
- -
- - dolly -
- -
- - house-chimney -
- -
- - people-carry-box -
- -
- - route -
- -
- - sign-hanging -
- -
- - suitcase -
- -
- - tape -
- -
- - trailer -
- -
- - truck-moving -
- -
- - truck-ramp-box -
- -
- - wine-glass -
- -
- - -
- -
- -
- political - -
-
- - - - - - - - - - - -
- -
- - award -
- -
- - building-flag -
- -
- - bullhorn -
- -
- - check-double -
- -
- - check-to-slot -
- -
- - circle-dollar-to-slot -
- -
- - democrat -
- -
- - dove -
- -
- - dumpster-fire -
- -
- - flag-usa -
- -
- - hand-fist -
- -
- - handshake -
- -
- - landmark-dome -
- -
- - landmark-flag -
- -
- - person-booth -
- -
- - piggy-bank -
- -
- - republican -
- -
- - scale-balanced -
- -
- - scale-unbalanced -
- -
- - scale-unbalanced-flip -
- -
- - -
- -
- -
- science-fiction - -
-
- - - - - - - - - - - -
- -
- - atom -
- -
- - book-journal-whills -
- -
- - explosion -
- -
- - galactic-republic -
- -
- - galactic-senate -
- -
- - hand-spock -
- -
- - jedi -
- -
- - jedi-order -
- -
- - old-republic -
- -
- - robot -
- -
- - rocket -
- -
- - space-awesome -
- -
- - user-astronaut -
- -
- - -
- -
- -
- alert - -
-
- - - - - - - - - - - -
- -
- - bell -
- -
- - bell-slash -
- -
- - circle-exclamation -
- -
- - circle-radiation -
- -
- - exclamation -
- -
- - question -
- -
- - radiation -
- -
- - skull-crossbones -
- -
- - triangle-exclamation -
- -
- - -
- -
- -
- toggle - -
-
- - - - - - - - - - - -
- -
- - bullseye -
- -
- - circle -
- -
- - circle-check -
- -
- - circle-dot -
- -
- - location-crosshairs -
- -
- - microphone -
- -
- - microphone-slash -
- -
- - plane-up -
- -
- - signal -
- -
- - star -
- -
- - star-half -
- -
- - star-half-stroke -
- -
- - toggle-off -
- -
- - toggle-on -
- -
- - wifi -
- -
- - -
- -
- -
- users-people - -
-
- - - - - - - - - - - -
- -
- - accessible-icon -
- -
- - address-book -
- -
- - address-card -
- -
- - arrows-down-to-people -
- -
- - baby -
- -
- - bed -
- -
- - chalkboard-user -
- -
- - child -
- -
- - child-dress -
- -
- - child-reaching -
- -
- - children -
- -
- - circle-user -
- -
- - clipboard-user -
- -
- - elevator -
- -
- - face-frown -
- -
- - face-meh -
- -
- - face-smile -
- -
- - head-side-cough -
- -
- - head-side-cough-slash -
- -
- - head-side-mask -
- -
- - head-side-virus -
- -
- - hospital-user -
- -
- - hot-tub-person -
- -
- - house-chimney-user -
- -
- - house-user -
- -
- - id-badge -
- -
- - id-card -
- -
- - id-card-clip -
- -
- - image-portrait -
- -
- - mars-and-venus-burst -
- -
- - people-arrows -
- -
- - people-carry-box -
- -
- - people-group -
- -
- - people-line -
- -
- - people-pulling -
- -
- - people-robbery -
- -
- - people-roof -
- -
- - person -
- -
- - person-arrow-down-to-line -
- -
- - person-arrow-up-from-line -
- -
- - person-biking -
- -
- - person-booth -
- -
- - person-breastfeeding -
- -
- - person-burst -
- -
- - person-cane -
- -
- - person-chalkboard -
- -
- - person-circle-check -
- -
- - person-circle-exclamation -
- -
- - person-circle-minus -
- -
- - person-circle-plus -
- -
- - person-circle-question -
- -
- - person-circle-xmark -
- -
- - person-digging -
- -
- - person-dots-from-line -
- -
- - person-dress -
- -
- - person-dress-burst -
- -
- - person-drowning -
- -
- - person-falling -
- -
- - person-falling-burst -
- -
- - person-half-dress -
- -
- - person-harassing -
- -
- - person-hiking -
- -
- - person-military-pointing -
- -
- - person-military-rifle -
- -
- - person-military-to-person -
- -
- - person-praying -
- -
- - person-pregnant -
- -
- - person-rays -
- -
- - person-rifle -
- -
- - person-running -
- -
- - person-shelter -
- -
- - person-skating -
- -
- - person-skiing -
- -
- - person-skiing-nordic -
- -
- - person-snowboarding -
- -
- - person-swimming -
- -
- - person-through-window -
- -
- - person-walking -
- -
- - person-walking-arrow-loop-left -
- -
- - person-walking-arrow-right -
- -
- - person-walking-dashed-line-arrow-right -
- -
- - person-walking-luggage -
- -
- - person-walking-with-cane -
- -
- - poo -
- -
- - restroom -
- -
- - skull -
- -
- - square-person-confined -
- -
- - street-view -
- -
- - user -
- -
- - user-astronaut -
- -
- - user-check -
- -
- - user-clock -
- -
- - user-doctor -
- -
- - user-gear -
- -
- - user-graduate -
- -
- - user-group -
- -
- - user-injured -
- -
- - user-large -
- -
- - user-large-slash -
- -
- - user-lock -
- -
- - user-minus -
- -
- - user-ninja -
- -
- - user-nurse -
- -
- - user-pen -
- -
- - user-plus -
- -
- - user-secret -
- -
- - user-shield -
- -
- - user-slash -
- -
- - user-tag -
- -
- - user-tie -
- -
- - user-xmark -
- -
- - users -
- -
- - users-between-lines -
- -
- - users-gear -
- -
- - users-line -
- -
- - users-rays -
- -
- - users-rectangle -
- -
- - users-slash -
- -
- - users-viewfinder -
- -
- - wheelchair -
- -
- - wheelchair-move -
- -
- - -
- -
- -
- business - -
-
- - - - - - - - - - - -
- -
- - address-book -
- -
- - address-card -
- -
- - arrows-spin -
- -
- - arrows-to-dot -
- -
- - arrows-to-eye -
- -
- - bars-progress -
- -
- - bars-staggered -
- -
- - book -
- -
- - box-archive -
- -
- - boxes-packing -
- -
- - briefcase -
- -
- - building -
- -
- - bullhorn -
- -
- - bullseye -
- -
- - business-time -
- -
- - cake-candles -
- -
- - calculator -
- -
- - calendar -
- -
- - calendar-days -
- -
- - certificate -
- -
- - chart-line -
- -
- - chart-pie -
- -
- - chart-simple -
- -
- - city -
- -
- - clipboard -
- -
- - clipboard-question -
- -
- - compass -
- -
- - copy -
- -
- - copyright -
- -
- - envelope -
- -
- - envelope-circle-check -
- -
- - envelope-open -
- -
- - eraser -
- -
- - fax -
- -
- - file -
- -
- - file-circle-plus -
- -
- - file-lines -
- -
- - floppy-disk -
- -
- - folder -
- -
- - folder-minus -
- -
- - folder-open -
- -
- - folder-plus -
- -
- - folder-tree -
- -
- - glasses -
- -
- - globe -
- -
- - highlighter -
- -
- - house-laptop -
- -
- - industry -
- -
- - landmark -
- -
- - laptop-file -
- -
- - list-check -
- -
- - magnifying-glass-arrow-right -
- -
- - magnifying-glass-chart -
- -
- - marker -
- -
- - mug-saucer -
- -
- - network-wired -
- -
- - note-sticky -
- -
- - paperclip -
- -
- - paste -
- -
- - pen -
- -
- - pen-clip -
- -
- - pen-fancy -
- -
- - pen-nib -
- -
- - pen-to-square -
- -
- - pencil -
- -
- - percent -
- -
- - person-chalkboard -
- -
- - phone -
- -
- - phone-flip -
- -
- - phone-slash -
- -
- - phone-volume -
- -
- - print -
- -
- - registered -
- -
- - scale-balanced -
- -
- - scale-unbalanced -
- -
- - scale-unbalanced-flip -
- -
- - scissors -
- -
- - signature -
- -
- - sitemap -
- -
- - socks -
- -
- - square-envelope -
- -
- - square-pen -
- -
- - square-phone -
- -
- - square-phone-flip -
- -
- - square-poll-horizontal -
- -
- - square-poll-vertical -
- -
- - stapler -
- -
- - table -
- -
- - table-columns -
- -
- - tag -
- -
- - tags -
- -
- - thumbtack -
- -
- - timeline -
- -
- - trademark -
- -
- - vault -
- -
- - wallet -
- -
- - -
- -
- -
- clothing-fashion - -
-
- - - - - - - - - - - -
- -
- - glasses -
- -
- - graduation-cap -
- -
- - hat-cowboy -
- -
- - hat-cowboy-side -
- -
- - hat-wizard -
- -
- - mitten -
- -
- - shirt -
- -
- - shoe-prints -
- -
- - socks -
- -
- - user-tie -
- -
- - vest -
- -
- - vest-patches -
- -
- - -
- -
- -
- disaster - -
-
- - - - - - - - - - - -
- -
- - biohazard -
- -
- - bugs -
- -
- - burst -
- -
- - child-rifle -
- -
- - circle-radiation -
- -
- - cloud-bolt -
- -
- - cloud-showers-heavy -
- -
- - cloud-showers-water -
- -
- - helmet-un -
- -
- - hill-avalanche -
- -
- - hill-rockslide -
- -
- - house-chimney-crack -
- -
- - house-crack -
- -
- - house-fire -
- -
- - house-flood-water -
- -
- - house-flood-water-circle-arrow-right -
- -
- - house-tsunami -
- -
- - hurricane -
- -
- - locust -
- -
- - mosquito -
- -
- - person-drowning -
- -
- - person-rifle -
- -
- - person-walking-arrow-loop-left -
- -
- - person-walking-arrow-right -
- -
- - person-walking-dashed-line-arrow-right -
- -
- - plant-wilt -
- -
- - radiation -
- -
- - snowflake -
- -
- - sun-plant-wilt -
- -
- - temperature-arrow-down -
- -
- - temperature-arrow-up -
- -
- - tornado -
- -
- - volcano -
- -
- - wheat-awn-circle-exclamation -
- -
- - wind -
- -
- - worm -
- -
- - xmarks-lines -
- -
- - -
- -
- -
- education - -
-
- - - - - - - - - - - -
- -
- - apple-whole -
- -
- - atom -
- -
- - award -
- -
- - bell -
- -
- - bell-slash -
- -
- - book-open -
- -
- - book-open-reader -
- -
- - chalkboard -
- -
- - chalkboard-user -
- -
- - graduation-cap -
- -
- - laptop-code -
- -
- - laptop-file -
- -
- - masks-theater -
- -
- - microscope -
- -
- - music -
- -
- - person-chalkboard -
- -
- - school -
- -
- - school-circle-check -
- -
- - school-circle-exclamation -
- -
- - school-circle-xmark -
- -
- - school-flag -
- -
- - school-lock -
- -
- - shapes -
- -
- - user-graduate -
- -
- - -
- -
- -
- energy - -
-
- - - - - - - - - - - -
- -
- - arrow-up-from-ground-water -
- -
- - atom -
- -
- - battery-empty -
- -
- - battery-full -
- -
- - battery-half -
- -
- - battery-quarter -
- -
- - battery-three-quarters -
- -
- - bolt -
- -
- - car-battery -
- -
- - charging-station -
- -
- - circle-radiation -
- -
- - explosion -
- -
- - fan -
- -
- - fire -
- -
- - fire-flame-curved -
- -
- - fire-flame-simple -
- -
- - gas-pump -
- -
- - industry -
- -
- - leaf -
- -
- - lightbulb -
- -
- - oil-well -
- -
- - plug -
- -
- - plug-circle-bolt -
- -
- - plug-circle-check -
- -
- - plug-circle-exclamation -
- -
- - plug-circle-minus -
- -
- - plug-circle-plus -
- -
- - plug-circle-xmark -
- -
- - poop -
- -
- - power-off -
- -
- - radiation -
- -
- - seedling -
- -
- - solar-panel -
- -
- - sun -
- -
- - tower-broadcast -
- -
- - water -
- -
- - wind -
- -
- - -
- -
- -
- halloween - -
-
- - - - - - - - - - - -
- -
- - book-skull -
- -
- - broom -
- -
- - cat -
- -
- - cloud-moon -
- -
- - crow -
- -
- - ghost -
- -
- - hat-wizard -
- -
- - mask -
- -
- - skull -
- -
- - skull-crossbones -
- -
- - spider -
- -
- - toilet-paper -
- -
- - wand-sparkles -
- -
- - -
- -
- -
- money - -
-
- - - - - - - - - - - -
- -
- - austral-sign -
- -
- - baht-sign -
- -
- - bitcoin -
- -
- - bitcoin-sign -
- -
- - brazilian-real-sign -
- -
- - btc -
- -
- - cash-register -
- -
- - cedi-sign -
- -
- - cent-sign -
- -
- - chart-line -
- -
- - chart-pie -
- -
- - circle-dollar-to-slot -
- -
- - coins -
- -
- - colon-sign -
- -
- - comment-dollar -
- -
- - comments-dollar -
- -
- - credit-card -
- -
- - cruzeiro-sign -
- -
- - dollar-sign -
- -
- - dong-sign -
- -
- - ethereum -
- -
- - euro-sign -
- -
- - file-invoice -
- -
- - file-invoice-dollar -
- -
- - florin-sign -
- -
- - franc-sign -
- -
- - gg -
- -
- - gg-circle -
- -
- - guarani-sign -
- -
- - hand-holding-dollar -
- -
- - hryvnia-sign -
- -
- - indian-rupee-sign -
- -
- - kip-sign -
- -
- - landmark -
- -
- - lari-sign -
- -
- - lira-sign -
- -
- - litecoin-sign -
- -
- - manat-sign -
- -
- - mill-sign -
- -
- - money-bill -
- -
- - money-bill-1 -
- -
- - money-bill-1-wave -
- -
- - money-bill-transfer -
- -
- - money-bill-trend-up -
- -
- - money-bill-wave -
- -
- - money-bill-wheat -
- -
- - money-bills -
- -
- - money-check -
- -
- - money-check-dollar -
- -
- - naira-sign -
- -
- - percent -
- -
- - peseta-sign -
- -
- - peso-sign -
- -
- - piggy-bank -
- -
- - receipt -
- -
- - ruble-sign -
- -
- - rupee-sign -
- -
- - rupiah-sign -
- -
- - sack-dollar -
- -
- - sack-xmark -
- -
- - scale-balanced -
- -
- - scale-unbalanced -
- -
- - scale-unbalanced-flip -
- -
- - shekel-sign -
- -
- - stamp -
- -
- - sterling-sign -
- -
- - tenge-sign -
- -
- - turkish-lira-sign -
- -
- - vault -
- -
- - wallet -
- -
- - won-sign -
- -
- - yen-sign -
- -
- - -
- -
- -
- punctuation-symbols - -
-
- - - - - - - - - - - -
- -
- - asterisk -
- -
- - at -
- -
- - check -
- -
- - check-double -
- -
- - circle-exclamation -
- -
- - circle-question -
- -
- - equals -
- -
- - exclamation -
- -
- - greater-than -
- -
- - hashtag -
- -
- - less-than -
- -
- - minus -
- -
- - percent -
- -
- - plus -
- -
- - question -
- -
- - quote-left -
- -
- - quote-right -
- -
- - section -
- -
- - -
- -
- -
- accessibility - -
-
- - - - - - - - - - - -
- -
- - accessible-icon -
- -
- - audio-description -
- -
- - braille -
- -
- - circle-info -
- -
- - circle-question -
- -
- - closed-captioning -
- -
- - ear-deaf -
- -
- - ear-listen -
- -
- - eye -
- -
- - eye-low-vision -
- -
- - fingerprint -
- -
- - hands -
- -
- - hands-asl-interpreting -
- -
- - handshake-angle -
- -
- - person-cane -
- -
- - person-walking-with-cane -
- -
- - phone-volume -
- -
- - question -
- -
- - tty -
- -
- - universal-access -
- -
- - wheelchair -
- -
- - wheelchair-move -
- -
- - -
- -
- -
- social - -
-
- - - - - - - - - - - -
- -
- - bell -
- -
- - cake-candles -
- -
- - camera -
- -
- - circle-user -
- -
- - comment -
- -
- - envelope -
- -
- - hashtag -
- -
- - heart -
- -
- - icons -
- -
- - image -
- -
- - images -
- -
- - location-dot -
- -
- - location-pin -
- -
- - message -
- -
- - photo-film -
- -
- - retweet -
- -
- - share -
- -
- - share-from-square -
- -
- - share-nodes -
- -
- - square-poll-horizontal -
- -
- - square-poll-vertical -
- -
- - square-share-nodes -
- -
- - star -
- -
- - thumbs-down -
- -
- - thumbs-up -
- -
- - thumbtack -
- -
- - user -
- -
- - user-group -
- -
- - user-plus -
- -
- - users -
- -
- - video -
- -
- - -
- -
- -
- hands - -
-
- - - - - - - - - - - -
- -
- - hand -
- -
- - hand-back-fist -
- -
- - hand-dots -
- -
- - hand-fist -
- -
- - hand-holding -
- -
- - hand-holding-dollar -
- -
- - hand-holding-droplet -
- -
- - hand-holding-hand -
- -
- - hand-holding-heart -
- -
- - hand-holding-medical -
- -
- - hand-lizard -
- -
- - hand-middle-finger -
- -
- - hand-peace -
- -
- - hand-point-down -
- -
- - hand-point-left -
- -
- - hand-point-right -
- -
- - hand-point-up -
- -
- - hand-pointer -
- -
- - hand-scissors -
- -
- - hand-sparkles -
- -
- - hand-spock -
- -
- - hands-bound -
- -
- - hands-bubbles -
- -
- - hands-clapping -
- -
- - hands-holding -
- -
- - hands-holding-child -
- -
- - hands-holding-circle -
- -
- - hands-praying -
- -
- - handshake -
- -
- - handshake-angle -
- -
- - handshake-simple -
- -
- - handshake-simple-slash -
- -
- - handshake-slash -
- -
- - thumbs-down -
- -
- - thumbs-up -
- -
- - -
- -
- -
- sports-fitness - -
-
- - - - - - - - - - - -
- -
- - baseball -
- -
- - baseball-bat-ball -
- -
- - basketball -
- -
- - bicycle -
- -
- - bowling-ball -
- -
- - broom-ball -
- -
- - dumbbell -
- -
- - fire-flame-curved -
- -
- - fire-flame-simple -
- -
- - football -
- -
- - futbol -
- -
- - golf-ball-tee -
- -
- - heart -
- -
- - heart-pulse -
- -
- - hockey-puck -
- -
- - medal -
- -
- - mound -
- -
- - person-biking -
- -
- - person-hiking -
- -
- - person-running -
- -
- - person-skating -
- -
- - person-skiing -
- -
- - person-skiing-nordic -
- -
- - person-snowboarding -
- -
- - person-swimming -
- -
- - person-walking -
- -
- - ranking-star -
- -
- - shoe-prints -
- -
- - spa -
- -
- - stopwatch-20 -
- -
- - table-tennis-paddle-ball -
- -
- - volleyball -
- -
- - weight-hanging -
- -
- - -
- -
- -
- text-formatting - -
-
- - - - - - - - - - - -
- -
- - align-center -
- -
- - align-justify -
- -
- - align-left -
- -
- - align-right -
- -
- - bold -
- -
- - border-all -
- -
- - border-none -
- -
- - border-top-left -
- -
- - check -
- -
- - check-double -
- -
- - circle-check -
- -
- - filter-circle-xmark -
- -
- - font -
- -
- - heading -
- -
- - highlighter -
- -
- - i-cursor -
- -
- - icons -
- -
- - indent -
- -
- - italic -
- -
- - list -
- -
- - list-check -
- -
- - list-ol -
- -
- - list-ul -
- -
- - outdent -
- -
- - paragraph -
- -
- - rectangle-list -
- -
- - spell-check -
- -
- - square-check -
- -
- - strikethrough -
- -
- - subscript -
- -
- - superscript -
- -
- - table -
- -
- - table-cells -
- -
- - table-cells-large -
- -
- - table-columns -
- -
- - table-list -
- -
- - text-height -
- -
- - text-slash -
- -
- - text-width -
- -
- - underline -
- -
- - -
- -
- -
- transportation - -
-
- - - - - - - - - - - -
- -
- - accessible-icon -
- -
- - baby-carriage -
- -
- - bicycle -
- -
- - bus -
- -
- - bus-simple -
- -
- - cable-car -
- -
- - car -
- -
- - car-burst -
- -
- - car-rear -
- -
- - car-side -
- -
- - car-tunnel -
- -
- - cart-shopping -
- -
- - ferry -
- -
- - helicopter -
- -
- - horse -
- -
- - jet-fighter -
- -
- - jet-fighter-up -
- -
- - motorcycle -
- -
- - mound -
- -
- - paper-plane -
- -
- - plane -
- -
- - plane-slash -
- -
- - plane-up -
- -
- - road -
- -
- - road-barrier -
- -
- - road-spikes -
- -
- - rocket -
- -
- - sailboat -
- -
- - ship -
- -
- - shuttle-space -
- -
- - sleigh -
- -
- - snowplow -
- -
- - taxi -
- -
- - tractor -
- -
- - train -
- -
- - train-subway -
- -
- - train-tram -
- -
- - truck -
- -
- - truck-arrow-right -
- -
- - truck-droplet -
- -
- - truck-field -
- -
- - truck-field-un -
- -
- - truck-front -
- -
- - truck-medical -
- -
- - truck-monster -
- -
- - truck-pickup -
- -
- - truck-plane -
- -
- - van-shuttle -
- -
- - wheelchair -
- -
- - wheelchair-move -
- -
- - -
- -
- -
- coding - -
-
- - - - - - - - - - - -
- -
- - barcode -
- -
- - bars -
- -
- - bars-staggered -
- -
- - bath -
- -
- - box-archive -
- -
- - bug -
- -
- - bug-slash -
- -
- - circle-nodes -
- -
- - code -
- -
- - code-branch -
- -
- - code-commit -
- -
- - code-compare -
- -
- - code-fork -
- -
- - code-merge -
- -
- - code-pull-request -
- -
- - cube -
- -
- - cubes -
- -
- - diagram-project -
- -
- - file -
- -
- - file-code -
- -
- - file-lines -
- -
- - filter -
- -
- - fire-extinguisher -
- -
- - folder -
- -
- - folder-open -
- -
- - font-awesome -
- -
- - gears -
- -
- - keyboard -
- -
- - laptop-code -
- -
- - microchip -
- -
- - mug-saucer -
- -
- - network-wired -
- -
- - qrcode -
- -
- - rectangle-xmark -
- -
- - shield -
- -
- - shield-halved -
- -
- - sitemap -
- -
- - terminal -
- -
- - user-secret -
- -
- - window-maximize -
- -
- - window-minimize -
- -
- - window-restore -
- -
- - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
States
-
- - - Disabled is-disabled - - -
- -
Variations
-
- - - Regular is-regular - - - - Negative is-negative - - - - Secondary is-secondary - - - - Spinning is-spinning - - - - Heading is-heading - - - - Sizes is-small - - - - Circular is-circular - - - - Rounded is-rounded - - - - Spaced is-start-spaced - - -
- -
Icons
-
- - - logistics - - - - film-video - - - - files - - - - fruits-vegetables - - - - religion - - - - spinners - - - - arrows - - - - construction - - - - design - - - - emoji - - - - music-audio - - - - alphabet - - - - gaming - - - - mathematics - - - - charts-diagrams - - - - editing - - - - media-playback - - - - medical-health - - - - shapes - - - - shopping - - - - devices-hardware - - - - connectivity - - - - holidays - - - - household - - - - travel-hotel - - - - weather - - - - writing - - - - animals - - - - nature - - - - maps - - - - communication - - - - science - - - - security - - - - childhood - - - - photos-images - - - - maritime - - - - marketing - - - - numbers - - - - camping - - - - automotive - - - - food-beverage - - - - humanitarian - - - - astronomy - - - - charity - - - - gender - - - - time - - - - buildings - - - - moving - - - - political - - - - science-fiction - - - - alert - - - - toggle - - - - users-people - - - - business - - - - clothing-fashion - - - - disaster - - - - education - - - - energy - - - - halloween - - - - money - - - - punctuation-symbols - - - - accessibility - - - - social - - - - hands - - - - sports-fitness - - - - text-formatting - - - - transportation - - - - coding - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/iconset.html b/docs/en-us/iconset.html deleted file mode 100644 index 4e5df9154..000000000 --- a/docs/en-us/iconset.html +++ /dev/null @@ -1,660 +0,0 @@ - - - - - - - - - - - - - - Iconset - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Iconset

-
Groups the title, content with a main icon.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
- -
-
My Favorites
-
Items that have been collected and are available for watch later.
-
-
-
-
- 
<div class="ts-iconset">
-    <span class="ts-icon is-heart-icon"></span>
-    <div class="content">
-        <div class="title">My Favorites</div>
-        <div class="text">Items that have been collected and are available for watch later.</div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
Variations
- - - - - - - - - -
- -
- Circular - - - -
-

Makes the icon appear in a circle.

-
- - - -
-
- -
-
Promotions
-
Check out our latest promotional items!
-
-
-
- 
<div class="ts-iconset is-circular">
-    <span class="ts-icon is-bullhorn-icon"></span>
-    <div class="content">
-        <div class="title">Promotions</div>
-        <div class="text">Check out our latest promotional items!</div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Outlined - - - -
-

Draws a border for the icon.

-
- - - -
-
- -
-
Coupons
-
Take a look at the coupons we sell.
-
-
-
-
- -
-
Refund
-
Not satisfied with an item? Check out our return mechanism.
-
-
-
- 
<div class="ts-iconset is-outlined">
-    <span class="ts-icon is-ticket-simple-icon"></span>
-    <div class="content">
-        <div class="title">Coupons</div>
-        <div class="text">Take a look at the coupons we sell.</div>
-    </div>
-</div>
-<div class="ts-iconset is-outlined is-circular">
-    <span class="ts-icon is-truck-icon"></span>
-    <div class="content">
-        <div class="title">Refund</div>
-        <div class="text">Not satisfied with an item? Check out our return mechanism.</div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
Variations
-
- - - Circular is-circular - - - - Outlined is-outlined - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/image.html b/docs/en-us/image.html deleted file mode 100644 index c52bc67f0..000000000 --- a/docs/en-us/image.html +++ /dev/null @@ -1,1011 +0,0 @@ - - - - - - - - - - - - - - Image - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Image

-
A graphic representation of something.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
- An unimportant image placeholder for demonstration -
-
-
- 
<div class="ts-image is-small">
-    <img src="image.png">
-</div>
-
-
- - - - - - -
Introduction
-

在沒有指定寬度的情況下，圖片預設會以最寬填滿其父容器為優先。

-
- - - - - -
States
- - - - - - - - - -
- -
- Disabled - - - -
-

表示這個圖片已經無法互動、不再可用了。

-
- - - -
-
- An unimportant image placeholder for demonstration -
-
- 
<div class="ts-image is-disabled is-small">
-    <img src="image.png">
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Rounded - - - -
-

使四個角落都變得稍微有點圓角修飾。

-
- - - -
-
- An unimportant image placeholder for demonstration -
-
- 
<div class="ts-image is-rounded is-small">
-    <img src="image.png">
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Circular - - - -
-

將整張圖片變為圓形，只有在圖片是正方形的情況下才會生效。

-
- - - -
-
- An unimportant image placeholder for demonstration -
-
- 
<div class="ts-image is-circular is-small">
-    <img src="image.png">
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Bordered - - - -
-

使圖片帶有邊框，適合用於白底圖片讓使用者知道其邊界在哪。

-
- - - -
-
- An unimportant image placeholder for demonstration -
-
- 
<div class="ts-image is-bordered is-small">
-    <img src="image.png">
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Centered - - - -
-

水平左右置中一張圖片。

-
- - - -
-
- An unimportant image placeholder for demonstration -
-
- 
<div class="ts-image is-centered is-small">
-    <img src="image.png">
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Covered - - - -
-

不論是什麼長寬比都不會變形而會自動裁切其內容。

-
- - - -
-
- An unimportant image placeholder for demonstration -
-
- 
<div class="ts-image is-covered">
-    <img src="image.png" style="height: 100px; width: 110px;">
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Aspect Ratios - - - -
-

將圖片以 1:1、4:3、16:9 的方式呈現，通常建議與「裁切的」樣式一同使用以避免圖片拉伸。

-
- - - -
-
- An unimportant image placeholder for demonstration -
-
-
- An unimportant image placeholder for demonstration -
-
-
- An unimportant image placeholder for demonstration -
-
- 
<div class="ts-image is-1-by-1 is-covered">
-    <img src="image.png" style="max-width: 200px;">
-</div>
-<div class="ts-image is-4-by-3 is-covered">
-    <img src="image.png" style="max-width: 200px;">
-</div>
-<div class="ts-image is-16-by-9 is-covered">
-    <img src="image.png" style="max-width: 200px;">
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Spaced - - - -
-

在前或後新增間隔以避免與其他元件相鄰太近。

-
- - - -
-
相較於稱呼自己是間「科技公司」，我們 -
- An unimportant image placeholder for demonstration -
-的運作模式更像是所「學校」。雖然卡莉絲伊繁星提供網際網路服務與電子科技產業的相關產品，但我們更注重人們是否能在開發的過程 -
- An unimportant image placeholder for demonstration -
-中有所收穫並學以致用，而我們也十分地重視一項產品是否能夠達成社會的期許並希望能藉此改變某些人的生活，協助大眾 -
- An unimportant image placeholder for demonstration -
-更向自己的目標邁進；這也正是伊繁星最高協議被創造的原因。 -
- 
相較於稱呼自己是間「科技公司」，我們
-<div class="ts-image is-start-spaced is-mini">
-    <img src="image.png">
-</div>
-的運作模式更像是所「學校」。雖然卡莉絲伊繁星提供網際網路服務與電子科技產業的相關產品，但我們更注重人們是否能在開發的過程
-<div class="ts-image is-end-spaced is-mini">
-    <img src="image.png">
-</div>
-中有所收穫並學以致用，而我們也十分地重視一項產品是否能夠達成社會的期許並希望能藉此改變某些人的生活，協助大眾
-<div class="ts-image is-spaced is-mini">
-    <img src="image.png">
-</div>
-更向自己的目標邁進；這也正是伊繁星最高協議被創造的原因。
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

圖片比起其他元件有更多的尺寸可供使用，但因為在設計上這些大小並不會剛好符合所有人的需求，若真遇上尺寸不符預期的情況時，請別拘謹地直接手動覆寫其大小吧。 -

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
尺寸
35px
80px
150px
300px
450px
600px
800px
960px
-

-
- - - -
-
- An unimportant image placeholder for demonstration -
-
-
- An unimportant image placeholder for demonstration -
-
-
- An unimportant image placeholder for demonstration -
-
- 
<div class="ts-image is-tiny">
-    <img src="image.png">
-</div>
-<div class="ts-image is-small">
-    <img src="image.png">
-</div>
-<div class="ts-image is-medium">
-    <img src="image.png">
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
States
-
- - - Disabled is-disabled - - -
- -
Variations
-
- - - Rounded is-rounded - - - - Circular is-circular - - - - Bordered is-bordered - - - - Centered is-centered - - - - Covered is-covered - - - - Aspect Ratios is-1-by-1 - - - - Spaced is-start-spaced - - - - Sizes is-tiny - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/imageset.html b/docs/en-us/imageset.html deleted file mode 100644 index 23df59855..000000000 --- a/docs/en-us/imageset.html +++ /dev/null @@ -1,837 +0,0 @@ - - - - - - - - - - - - - - Imageset - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Imageset

-
A collection of the images.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
- An unimportant image placeholder for demonstration -
-
- An unimportant image placeholder for demonstration -
-
- An unimportant image placeholder for demonstration -
-
-
-
- 
<div class="ts-imageset is-3-images">
-    <div class="item">
-        <img src="image.png">
-    </div>
-    <div class="item">
-        <img src="image.png">
-    </div>
-    <div class="item">
-        <img src="image.png">
-    </div>
-</div>
-
-
- - - - - - - - - - -
Variations
- - - - - - - - - -
- -
- Images - - - -
-

指定一個組合裡面有幾張圖片，這是必要的樣式。可用的數量從 is-2-images 到 is-4-images，若僅有一張則不需指定。

-
- - - -
-
-
- An unimportant image placeholder for demonstration -
-
- An unimportant image placeholder for demonstration -
-
- An unimportant image placeholder for demonstration -
-
- An unimportant image placeholder for demonstration -
-
-
- 
<div class="ts-imageset is-4-images">
-    <div class="item">
-        <img src="image.png">
-    </div>
-    <div class="item">
-        <img src="image.png">
-    </div>
-    <div class="item">
-        <img src="image.png">
-    </div>
-    <div class="item">
-        <img src="image.png">
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Portrait - - - -
-

使格局排列以左右呈現，適合用以展示垂直人像的照片。

-
- - - -
-
-
- An unimportant image placeholder for demonstration -
-
- An unimportant image placeholder for demonstration -
-
- An unimportant image placeholder for demonstration -
-
- An unimportant image placeholder for demonstration -
-
-
- 
<div class="ts-imageset is-portrait is-4-images">
-    <div class="item">
-        <img src="image.png">
-    </div>
-    <div class="item">
-        <img src="image.png">
-    </div>
-    <div class="item">
-        <img src="image.png">
-    </div>
-    <div class="item">
-        <img src="image.png">
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Rounded - - - -
-

使四個角落都變得稍微有點圓角修飾。

-
- - - -
-
-
- An unimportant image placeholder for demonstration -
-
- An unimportant image placeholder for demonstration -
-
- An unimportant image placeholder for demonstration -
-
-
- 
<div class="ts-imageset is-rounded is-3-images">
-    <div class="item">
-        <img src="image.png">
-    </div>
-    <div class="item">
-        <img src="image.png">
-    </div>
-    <div class="item">
-        <img src="image.png">
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Density - - - -
-

圖片的間距可以更密或是更寬鬆。

-
- - - -
-
-
- An unimportant image placeholder for demonstration -
-
- An unimportant image placeholder for demonstration -
-
- An unimportant image placeholder for demonstration -
-
-
-
-
- An unimportant image placeholder for demonstration -
-
- An unimportant image placeholder for demonstration -
-
- An unimportant image placeholder for demonstration -
-
-
-
-
- An unimportant image placeholder for demonstration -
-
- An unimportant image placeholder for demonstration -
-
- An unimportant image placeholder for demonstration -
-
-
- 
<div class="ts-imageset is-relaxed is-portrait is-3-images" style="max-width: 300px">
-    <div class="item">
-        <img src="image.png">
-    </div>
-    <div class="item">
-        <img src="image.png">
-    </div>
-    <div class="item">
-        <img src="image.png">
-    </div>
-</div>
-<div class="ts-imageset is-portrait is-3-images" style="max-width: 300px">
-    <div class="item">
-        <img src="image.png">
-    </div>
-    <div class="item">
-        <img src="image.png">
-    </div>
-    <div class="item">
-        <img src="image.png">
-    </div>
-</div>
-<div class="ts-imageset is-compact is-portrait is-3-images" style="max-width: 300px">
-    <div class="item">
-        <img src="image.png">
-    </div>
-    <div class="item">
-        <img src="image.png">
-    </div>
-    <div class="item">
-        <img src="image.png">
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
Variations
-
- - - Images is-4-images - - - - Portrait is-portrait - - - - Rounded is-rounded - - - - Density is-relaxed - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/index.html b/docs/en-us/index.html deleted file mode 100644 index 1bc159d93..000000000 --- a/docs/en-us/index.html +++ /dev/null @@ -1,506 +0,0 @@ - - - - - - - - - - - - - - Tocas UI - - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
-
-
- -
-
-
Tocas UI
-
The fastest and most intuitive way to build diverse websites and progressive web application interfaces.
- Getting Started - See Examples -
-
- -
-
Coming Soon
-
Building applications, commercial and shopping sites in just a moment with Tocas Templates.
- -
-
-
- -
-
-
-
The project is sponsored by
-
-
- -
Mac Taylor
-
-
- -
Sciuridae Li
-
-
- -
Yan-K
-
-
- -
李政皇
-
-
- -
乾太₍₍ ◝(･◡･)◟ ⁾⁾
-
-
- -
Leko
-
-
- -
Bobby Ho
-
-
- -
Coin
-
-
- -
SpaceTimeHalf
-
-
- -
methratton
-
-
- -
Sean Wei
-
-
- -
Jonathan Goh
-
-
-
- -
-
-
No jQuery dependency.
-
- In addition to consuming excess network bandwidth; jQuery is also no longer the best choice for modern websites. Tocas UI works well with all front-end frameworks. -
-
-
-
No npm or Webpack.
-
- You don't have to install a bunch of packages via npm nor setting up a bunch of loaders in Webpack. Just copy the HTML tags we provided and...tada! It's that easy. - -
-
-
-
A full documentation.
-
- You will understand the whole interface system and how responsive design works even if you don't have experience with Bootstrap or Bulma, Semantic UI, etc. -
-
-
- -
-
Design in a whole new generation.
-
The components and styles are all available and ready for you.
-
-
-
- -
- -
Cards
-
-
- -
-
Delicious cake!
-

You will receive a limited free eco bag if you order online before May.

-
-
- -
- -
Button
-
-
-
- -
-
- -
-
- -
-
- -
- -
Label
-
-
- -
- -
- Minato - - -
- -
- Kazari - -
-
-
- 8,964 - 16,226 - 320 -
- -
- - - -
- -
Statistic
-
-
-
-
-
-
-
42,689
-
32
-
- Number of visits -
-
- -
-
-
-
-
-
-
-
8,652
-
351
-
- Total members -
-
- -
-
-
-
- -
- -
Navbar
-
-
-
- -
-
Users
- - -
-
Home
- - -
-
News
- -
-
- -
- -
Table
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#Taiwanese NameEnglish Name
1半音商業銀行Flat Bank
2對空音商事有限公司Sorae & Co., Ltd.
3卡莉絲伊繁星Caris Events
Items: 3 -
-
- -
- - - -
- -
Breadcrumb
-
-
-
- Movie - Sci-Fi - Interstellar -
-
- -
- -
Placeholder
-
-
-
-
-
-
-
-
- -
- -
Country Flags
-
- - - - - - - - - - -
- -
Rating
-
-
-
-
-
-
-
-
-
-
-
- -
- -
Selection
-
-
- - - -
- -
- -
-
-
-
Responsive and Themes
-
Supports dark mode and density style designed for mobile devices.
- See More -
-
-
Loose Coupling
-
Tocas UI components are designed atomically so that they can be used in combination with each other.
- View Components -
-
-
Polymorphism
-
An e-commerce site? Sure. A management panel? Sure. A social platform? Sure.
- See Examples -
-
-
-
- -
-
Ready to rock?
-
Copy the following HTML tags to your page and have a blast.
- 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tocas/4.1.0/tocas.min.css">
-<script src="https://cdnjs.cloudflare.com/ajax/libs/tocas/4.1.0/tocas.min.js"></script>
-
-
- Getting Started -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/input.html b/docs/en-us/input.html deleted file mode 100644 index 92cd321ad..000000000 --- a/docs/en-us/input.html +++ /dev/null @@ -1,1161 +0,0 @@ - - - - - - - - - - - - - - Input - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Input

-
A field used to elicit a response from a user.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
- -
-
-
- 
<div class="ts-input">
-    <input type="text" placeholder="搜尋關鍵字…">
-</div>
-
-
- - - - - - - - - - -
States
- - - - - - - - - -
- -
- Disabled - - - -
-

使輸入欄位呈現無法互動、點擊的模樣。若你希望真正地停用輸入行為，請在該輸入欄位增加 disabled 標籤以符合 HTML 規範。

-
- - - -
-
- -
-
- 
<div class="ts-input is-disabled">
-    <input type="text" placeholder="使用者帳號">
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Solid - - - -
-

帶有實心背景的輸入欄位能更明確地呈現這是可供互動的元素。

-
- - - -
-
- -
-
- 
<div class="ts-input is-solid">
-    <input type="text" placeholder="傳送訊息…">
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Underlined - - - -
-

以實心背景和底線明顯呈現一個輸入欄位，讓使用者如填寫表單一樣。

-
- - - -
-
- -
-
- 
<div class="ts-input is-underlined">
-    <input type="text" placeholder="搜尋">
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Basic - - - -
-

僅帶有基本結構而沒有框線或是內距。

-
- - - -
-
- - -
-
- 
<div class="ts-input is-basic is-start-icon">
-    <span class="ts-icon is-magnifying-glass-icon"></span>
-    <input type="text" placeholder="輸入關鍵字…">
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Circular - - - -
-

使角落以圓形呈現。

-
- - - -
-
- -
-
- 
<div class="ts-input is-circular">
-    <input type="text" placeholder="搜尋 1,382 位使用者…">
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Resizable - - - -
-

用於多行輸入欄位可以讓使用者拖曳角落邊緣重新調整輸入欄位的高度。

-
- - - -
-
- -
-
- 
<div class="ts-input is-resizable">
-    <textarea placeholder="回覆此訊息…"></textarea>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Labeled - - - -
-

輸入欄位的開頭或結束位置可以擺放文字標籤，作為前輟或後輟提示。

-
- - - -
-
- $ - -
-
-
- https:// - - .co -
-
-
- - .00 -
-
- 
<div class="ts-input is-start-labeled">
-    <span class="label">$</span>
-    <input type="text">
-</div>
-<div class="ts-input is-labeled">
-    <span class="label">https://</span>
-    <input type="text">
-    <span class="label">.co</span>
-</div>
-<div class="ts-input is-end-labeled">
-    <input type="text">
-    <span class="label">.00</span>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Negative - - - -
-

表示輸入欄位出錯可能不符合表單驗證規則。

-
- - - -
-
- -
-
- 
<div class="ts-input is-negative">
-    <input type="text" placeholder="電子信箱地址">
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Side Icon - - - -
-

欄位的左右兩側可以擺放輔助圖示令使用者更加一目瞭然其用途。

-
- - - -
-
- - -
-
-
- - - -
-
-
- - -
-
- 
<div class="ts-input is-start-icon">
-    <span class="ts-icon is-phone-icon"></span>
-    <input type="text" placeholder="電話號碼">
-</div>
-<div class="ts-input is-icon">
-    <span class="ts-icon is-phone-icon"></span>
-    <input type="text" placeholder="電話號碼">
-    <span class="ts-icon is-triangle-exclamation-icon"></span>
-</div>
-<div class="ts-input is-end-icon">
-    <input type="text" placeholder="密碼">
-    <span class="ts-icon is-lock-icon"></span>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

更改輸入欄位的大小。

-
- - - -
-
- -
-
-
- -
-
-
- -
-
- 
<div class="ts-input is-small">
-    <input type="text" placeholder="小型輸入欄位">
-</div>
-<div class="ts-input">
-    <input type="text" placeholder="預設輸入欄位">
-</div>
-<div class="ts-input is-large">
-    <input type="text" placeholder="大型輸入欄位">
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Dense - - - -
-

變更元件的內距，令元素之間看起來更密集。

-
- - - -
-
- -
-
- 
<div class="ts-input is-dense">
-    <input type="text" placeholder="使用者名稱">
-</div>
-
-
- - - - - - - - - - -
- - - -
Types
- - - - - - - - - -
- -
- Color - - - -
-

透過原生的輸入欄位選擇指定的顏色。

-
- - - -
-
- -
-
- 
<div class="ts-input">
-    <input type="color">
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Date And Time - - - -
-

HTML 有提供數種用於時間、日期與週期的輸入欄位。

-
- - - -
-
- -
-
-
- -
-
-
- -
-
-
- -
-
-
- -
-
- 
<div class="ts-input">
-    <input type="datetime-local">
-</div>
-<div class="ts-input">
-    <input type="date">
-</div>
-<div class="ts-input">
-    <input type="time">
-</div>
-<div class="ts-input">
-    <input type="month">
-</div>
-<div class="ts-input">
-    <input type="week">
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
- - - -
- -
States
-
- - - Disabled is-disabled - - -
- -
Variations
-
- - - Solid is-solid - - - - Underlined is-underlined - - - - Basic is-basic - - - - Circular is-circular - - - - Resizable is-resizable - - - - Labeled is-start-labeled - - - - Negative is-negative - - - - Side Icon is-start-icon - - - - Sizes is-small - - - - Dense is-dense - - -
- -
Types
-
- - - Color color - - - - Date And Time datetime-local - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/list.html b/docs/en-us/list.html deleted file mode 100644 index 359a6e98b..000000000 --- a/docs/en-us/list.html +++ /dev/null @@ -1,768 +0,0 @@ - - - - - - - - - - - - - - List - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

List

-
Groups the related content or lists the items.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
Orenji
-
Caris
-
Shirone
-
-
-
- 
<div class="ts-list is-unordered">
-    <div class="item">Orenji</div>
-    <div class="item">Caris</div>
-    <div class="item">Shirone</div>
-</div>
-
-
- - - - - - - - - - -
Contents
- - - - - - - - - -
- -
- Sublist - - - -
-

A nested List structure can be achieved by placing another List inside an item.

-
- - - -
-
-
- Alternative Girls -
-
Yuki Miyaka
-
Hiiragi Tsumugi
-
Asahina Nono
-
-
-
-
- 
<div class="ts-list is-unordered">
-    <div class="item">
-        Alternative Girls
-        <div class="ts-list is-unordered">
-            <div class="item">Yuki Miyaka</div>
-            <div class="item">Hiiragi Tsumugi</div>
-            <div class="item">Asahina Nono</div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Unordered - - - -
-

Each item will have a black dot in front of it.

-
- - - -
-
-
Nananami Shirone
-
Miyakaze Yuuri
-
Tsumugi Sara
-
-
- 
<div class="ts-list is-unordered">
-    <div class="item">Nananami Shirone</div>
-    <div class="item">Miyakaze Yuuri</div>
-    <div class="item">Tsumugi Sara</div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Ordered - - - -
-

The items will be given a number in order.

-
- - - -
-
-
Inami Saki
-
Kurimiya Nozomi
-
Utaha
-
-
- 
<div class="ts-list is-ordered">
-    <div class="item">Inami Saki</div>
-    <div class="item">Kurimiya Nozomi</div>
-    <div class="item">Utaha</div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

Change the size of the list.

-
- - - -
-
-
Hinako Hahakigi
-
Ruka Otate
-
Momo Kaizo
-
-
-
-
Hinako Hahakigi
-
Ruka Otate
-
Momo Kaizo
-
-
-
-
Hinako Hahakigi
-
Ruka Otate
-
Momo Kaizo
-
-
- 
<div class="ts-list is-small is-unordered">
-    <div class="item">Hinako Hahakigi</div>
-    <div class="item">Ruka Otate</div>
-    <div class="item">Momo Kaizo</div>
-</div>
-<div class="ts-list is-unordered">
-    <div class="item">Hinako Hahakigi</div>
-    <div class="item">Ruka Otate</div>
-    <div class="item">Momo Kaizo</div>
-</div>
-<div class="ts-list is-large is-unordered">
-    <div class="item">Hinako Hahakigi</div>
-    <div class="item">Ruka Otate</div>
-    <div class="item">Momo Kaizo</div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
Contents
-
- - - Sublist ts-list - - -
- -
Variations
-
- - - Unordered is-unordered - - - - Ordered is-ordered - - - - Sizes is-small - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/loading.html b/docs/en-us/loading.html deleted file mode 100644 index 64630a2c0..000000000 --- a/docs/en-us/loading.html +++ /dev/null @@ -1,615 +0,0 @@ - - - - - - - - - - - - - - Loading - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Loading

-
Alerts a user to wait for an activity to complete with a spinning icon.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
-
- 
<div class="ts-loading"></div>
-
-
- - - - - - - - - - -
Variations
- - - - - - - - - -
- -
- Notched - - - -
-

A notched circle as loading indicator.

-
- - - -
-
-
- 
<div class="ts-loading is-notched"></div>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

Change the size of the loader.

-
- - - -
-
-
-
-
-
-
- 
<div class="ts-loading is-small"></div>
-<div class="ts-loading"></div>
-<div class="ts-loading is-large"></div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
Variations
-
- - - Notched is-notched - - - - Sizes is-small - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/mask.html b/docs/en-us/mask.html deleted file mode 100644 index 995fe5ec3..000000000 --- a/docs/en-us/mask.html +++ /dev/null @@ -1,912 +0,0 @@ - - - - - - - - - - - - - - Dimmer - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Dimmer

-
Hides distractions to focus attention on particular content.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
- An unimportant image placeholder for demonstration -
-
-
-
-
-
-
-
- 
<div class="ts-image" style="max-width: 450px;">
-    <img src="image.png">
-    <div class="ts-mask">
-        <div class="ts-center">
-            <div class="ts-loading is-large" style="color: #FFF"></div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - -
Introduction
-

遮罩預設會是覆蓋整個父容器的大小，但也可以指定只遮蔽某半部份。妥善地與內容區塊搭配可以更改內容文字的對齊位置。

-
- - - - - -
Variations
- - - - - - - - - -
- -
- Partially - - - -
-

遮罩可以處於父容器的上、中、下部份。

-
- - - -
-
- An unimportant image placeholder for demonstration -
-
-
置上遮罩
- 然後這裡會放一段文字。 -
-
-
-
-
- An unimportant image placeholder for demonstration -
-
-
置中遮罩
- 然後這裡會放一段文字。 -
-
-
-
-
- An unimportant image placeholder for demonstration -
-
-
置底遮罩
- 然後這裡會放一段文字。 -
-
-
-
- 
<div class="ts-image" style="max-width: 450px;">
-    <img src="image.png">
-    <div class="ts-mask is-top">
-        <div class="ts-content" style="color: #FFF;">
-            <div class="ts-header">置上遮罩</div>
-            然後這裡會放一段文字。
-        </div>
-    </div>
-</div>
-<div class="ts-image" style="max-width: 450px;">
-    <img src="image.png">
-    <div class="ts-mask is-middle">
-        <div class="ts-content" style="color: #FFF;">
-            <div class="ts-header">置中遮罩</div>
-            然後這裡會放一段文字。
-        </div>
-    </div>
-</div>
-<div class="ts-image" style="max-width: 450px;">
-    <img src="image.png">
-    <div class="ts-mask is-bottom">
-        <div class="ts-content" style="color: #FFF;">
-            <div class="ts-header">置底遮罩</div>
-            然後這裡會放一段文字。
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Faded - - - -
-

遮罩可以處於父容器的上、中、下部份。

-
- - - -
-
- An unimportant image placeholder for demonstration -
-
-
置上遮罩
- 然後這裡會放一段文字。 -
-
-
-
-
- An unimportant image placeholder for demonstration -
-
-
置底遮罩
- 然後這裡會放一段文字。 -
-
-
-
- 
<div class="ts-image" style="max-width: 450px;">
-    <img src="image.png">
-    <div class="ts-mask is-faded is-top">
-        <div class="ts-content" style="color: #FFF;">
-            <div class="ts-header">置上遮罩</div>
-            然後這裡會放一段文字。
-        </div>
-    </div>
-</div>
-<div class="ts-image" style="max-width: 450px;">
-    <img src="image.png">
-    <div class="ts-mask is-faded is-bottom">
-        <div class="ts-content" style="color: #FFF;">
-            <div class="ts-header">置底遮罩</div>
-            然後這裡會放一段文字。
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Secondary - - - -
-

沒有背景的遮罩會顯得不重要，但可以用來呈現內容在某些物件上。

-
- - - -
-
- An unimportant image placeholder for demonstration -
-
-
限時特價
- 現在購買這個蛋糕只需要新台幣 3,000 元！ -
-
-
-
- 
<div class="ts-image" style="max-width: 450px;">
-    <img src="image.png">
-    <div class="ts-mask is-secondary is-bottom">
-        <div class="ts-content" style="color: #333;">
-            <div class="ts-header">限時特價</div>
-            現在購買這個蛋糕只需要新台幣 3,000 元！
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Blurring - - - -
-

被遮蔽的內容能夠以模糊化處理。

-
- - - -
-
- An unimportant image placeholder for demonstration -
-
-
- 
<div class="ts-image" style="max-width: 450px;">
-    <img src="image.png">
-    <div class="ts-mask is-blurring"></div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Compositions
- - - - - - - - - -
- -
- Close Button - - - -
-

透過搭配遮罩與關閉按鈕可以讓圖片的右上角有個常見的移除、關閉動作。

-
- - - -
-
- An unimportant image placeholder for demonstration -
-
- -
-
-
-
- 
<div class="ts-image is-small is-rounded">
-    <img src="image.png">
-    <div class="ts-mask is-secondary is-top">
-        <div class="ts-content is-compact is-end-aligned" style="line-height: 1;">
-            <button class="ts-close"></button>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Additional Information - - - -
-

圖片的右下角可以擺放時間或是檔案大小。

-
- - - -
-
- An unimportant image placeholder for demonstration -
-
-
32 KB
-
-
-
-
- 
<div class="ts-image is-small is-rounded">
-    <img src="image.png">
-    <div class="ts-mask is-secondary is-bottom">
-        <div class="ts-content is-compact is-end-aligned">
-            <div class="ts-badge">32 KB</div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
- - - -
- -
Variations
-
- - - Partially is-top - - - - Faded is-faded - - - - Secondary is-secondary - - - - Blurring is-blurring - - -
- -
Compositions
-
- - - Close Button {{ts-close}} - - - - Additional Information {{ts-badge}} - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/menu.html b/docs/en-us/menu.html deleted file mode 100644 index 0faee76ff..000000000 --- a/docs/en-us/menu.html +++ /dev/null @@ -1,1479 +0,0 @@ - - - - - - - - - - - - - - Menu - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Menu

-
Provides list of actions or navigation for users to interact with.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
- - 首頁 - - - 儀表板 - - - 訂單 - -
- - 設定 - -
-
-
-
- 
<div class="ts-segment is-dense" style="width: 250px;">
-    <div class="ts-menu is-start-icon is-separated">
-        <a class="item">
-            <span class="ts-icon is-house-icon"></span> 首頁
-        </a>
-        <a class="item is-active">
-            <span class="ts-icon is-gauge-high-icon"></span> 儀表板
-        </a>
-        <a class="item">
-            <span class="ts-icon is-table-icon"></span> 訂單
-        </a>
-        <div class="ts-divider"></div>
-        <a class="item">
-            <span class="ts-icon is-gears-icon"></span> 設定
-        </a>
-    </div>
-</div>
-
-
- - - - - - -
Introduction
-

選單是一個提供垂直可選項目清單的元件，如果希望建立一個左右水平的導覽選單則可以考慮使用分頁籤。

-
- - - - - -
States
- - - - - - - - - -
- -
- Active - - - -
-

表示目前已經被啟用或是正在呈現的相關功能。

-
- - - -
-
- 個人資料 - 位置分享 - 設定 -
-
- 
<div class="ts-menu">
-    <a class="item">個人資料</a>
-    <a class="item is-active">位置分享</a>
-    <a class="item">設定</a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Disabled - - - -
-

使項目呈現無法互動、點擊的模樣。

-
- - - -
-
- 無線通訊 - 地圖紀錄 - 導航設定 -
-
- 
<div class="ts-menu">
-    <a class="item">無線通訊</a>
-    <a class="item is-disabled">地圖紀錄</a>
-    <a class="item">導航設定</a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Selected - - - -
-

可用於下拉式選單用來表示某個項目被選中，可能是某個欄位目前的內容值。

-
- - - -
-
- 蘋果 - 鳳梨 - 西瓜 -
-
- 
<div class="ts-menu">
-    <a class="item">蘋果</a>
-    <a class="item is-selected">鳳梨</a>
-    <a class="item">西瓜</a>
-</div>
-
-
- - - - - - - - - - -
- - - -
Contents
- - - - - - - - - -
- -
- Avatar - - - -
-

項目前面可以放置大頭貼作為輔助人名使用。

-
- - - -
-
-
- 
<div class="ts-box is-collapsed">
-    <div class="ts-menu is-collapsed">
-        <a class="item">
-            <span class="ts-avatar is-circular">
-                <img src="user.png">
-            </span>
-            Yami Odymel
-        </a>
-        <a class="item">
-            <span class="ts-avatar is-circular">
-                <img src="user.png">
-            </span>
-            Xiaoan
-        </a>
-        <a class="item">
-            <span class="ts-avatar is-circular">
-                <img src="user.png">
-            </span>
-            Kitsune
-        </a>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Badge - - - -
-

在項目裡擺放計數徽章會自動移至最尾端。

-
- - - -
-
-
- 
<div class="ts-box is-collapsed">
-    <div class="ts-menu is-collapsed is-start-icon">
-        <a class="item is-active">
-            <span class="ts-icon is-inbox-icon"></span>
-            收件匣
-            <div class="ts-badge is-inverted is-small is-dense">3</div>
-        </a>
-        <a class="item">
-            <span class="ts-icon is-bookmark-icon"></span>
-            重要郵件
-        </a>
-        <a class="item">
-            <span class="ts-icon is-circle-exclamation-icon"></span>
-            垃圾郵件
-            <div class="ts-badge is-small is-dense">64</div>
-        </a>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Separated - - - -
-

使項目之間有空白間隔區分而不會相黏。

-
- - - -
-
- - 使用者 - - - 首頁 - - - 新聞 - -
-
- 
<div class="ts-menu is-separated is-start-icon">
-    <a class="item">
-        <span class="ts-icon is-user-icon"></span> 使用者
-    </a>
-    <a class="item is-active">
-        <span class="ts-icon is-house-icon"></span> 首頁
-    </a>
-    <a class="item">
-        <span class="ts-icon is-newspaper-icon"></span> 新聞
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Collapsed - - - -
-

由於此元件預設為流動寬度，若希望寬度以內容為主，則可以將其設為最小寬度。

-
- - - -
-
-
- 
<div class="ts-menu is-collapsed is-separated is-start-icon">
-    <a class="item">
-        <span class="ts-icon is-envelope-icon"></span> 信件
-    </a>
-    <a class="item is-active">
-        <span class="ts-icon is-comment-icon"></span> 聊天
-    </a>
-    <a class="item">
-        <span class="ts-icon is-users-icon"></span> 社群
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Icon - - - -
-

選單項目的起始或結束位置可以帶有圖示輔助。

-
- - - -
-
-
- - 搜尋 - - - 實驗區 - - - 原子測試 - -
-
-
-
-
- - 我的最愛 - - - 已讚好內容 - - - 封存項目 - -
-
-
- 
<div class="ts-box">
-    <div class="ts-menu is-start-icon">
-        <a class="item">
-            <span class="ts-icon is-magnifying-glass-icon"></span> 搜尋
-        </a>
-        <a class="item">
-            <span class="ts-icon is-vials-icon"></span> 實驗區
-        </a>
-        <a class="item">
-            <span class="ts-icon is-atom-icon"></span> 原子測試
-        </a>
-    </div>
-</div>
-<div class="ts-box">
-    <div class="ts-menu is-end-icon">
-        <a class="item">
-            我的最愛 <span class="ts-icon is-heart-icon"></span>
-        </a>
-        <a class="item">
-            已讚好內容 <span class="ts-icon is-thumbs-up-icon"></span>
-        </a>
-        <a class="item">
-            封存項目 <span class="ts-icon is-box-archive-icon"></span>
-        </a>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

更改選單項目的大小。

-
- - - -
-
-
- - 常用聯絡人 - - - 聯絡人 - -
-
-
-
-
- - 常用聯絡人 - - - 聯絡人 - -
-
-
-
-
- - 常用聯絡人 - - - 聯絡人 - -
-
-
- 
<div class="ts-box">
-    <div class="ts-menu is-large is-start-icon">
-        <a class="item">
-            <span class="ts-icon is-star-icon"></span> 常用聯絡人
-        </a>
-        <a class="item">
-            <span class="ts-icon is-users-icon"></span> 聯絡人
-        </a>
-    </div>
-</div>
-<div class="ts-box">
-    <div class="ts-menu is-start-icon">
-        <a class="item">
-            <span class="ts-icon is-star-icon"></span> 常用聯絡人
-        </a>
-        <a class="item">
-            <span class="ts-icon is-users-icon"></span> 聯絡人
-        </a>
-    </div>
-</div>
-<div class="ts-box">
-    <div class="ts-menu is-small is-start-icon">
-        <a class="item">
-            <span class="ts-icon is-star-icon"></span> 常用聯絡人
-        </a>
-        <a class="item">
-            <span class="ts-icon is-users-icon"></span> 聯絡人
-        </a>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Density - - - -
-

選單裡項目的間距可以更密或是更寬鬆。

-
- - - -
-
- - 首頁 - - - 儀表板 - - - 訂單 - -
-
-
- - 首頁 - - - 儀表板 - - - 訂單 - -
-
-
- - 首頁 - - - 儀表板 - - - 訂單 - -
-
- 
<div class="ts-menu is-relaxed is-start-icon is-separated">
-    <a class="item">
-        <span class="ts-icon is-house-icon"></span> 首頁
-    </a>
-    <a class="item is-active">
-        <span class="ts-icon is-gauge-high-icon"></span> 儀表板
-    </a>
-    <a class="item">
-        <span class="ts-icon is-table-icon"></span> 訂單
-    </a>
-</div>
-<div class="ts-menu is-start-icon is-separated">
-    <a class="item">
-        <span class="ts-icon is-house-icon"></span> 首頁
-    </a>
-    <a class="item is-active">
-        <span class="ts-icon is-gauge-high-icon"></span> 儀表板
-    </a>
-    <a class="item">
-        <span class="ts-icon is-table-icon"></span> 訂單
-    </a>
-</div>
-<div class="ts-menu is-dense is-start-icon is-separated">
-    <a class="item">
-        <span class="ts-icon is-house-icon"></span> 首頁
-    </a>
-    <a class="item is-active">
-        <span class="ts-icon is-gauge-high-icon"></span> 儀表板
-    </a>
-    <a class="item">
-        <span class="ts-icon is-table-icon"></span> 訂單
-    </a>
-</div>
-
-
- - - - - - - - - - -
- - - -
Compositions
- - - - - - - - - -
- -
- Sidebar - - - -
-

透過結合輸入欄位和內容區塊可以打造出一個輕便的側邊選單。

-
- - - -
-
-
-
- -
-
-
-
- - 首頁 - - - 儀表板 - - - 訂單 - -
- - 設定 - -
-
-
- 
<div class="ts-box" style="width: 250px;">
-    <div class="ts-content">
-        <div class="ts-input is-fluid">
-            <input type="text" placeholder="搜尋…">
-        </div>
-    </div>
-    <div class="ts-divider"></div>
-    <div class="ts-menu is-start-icon">
-        <a class="item">
-            <span class="ts-icon is-house-icon"></span> 首頁
-        </a>
-        <a class="item is-active">
-            <span class="ts-icon is-gauge-high-icon"></span> 儀表板
-        </a>
-        <a class="item">
-            <span class="ts-icon is-table-icon"></span> 訂單
-        </a>
-        <div class="ts-divider"></div>
-        <a class="item">
-            <span class="ts-icon is-gears-icon"></span> 設定
-        </a>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Function Navigation - - - -
-

選單的項目設計可以容納其他元件，因此可以擺入標題、網格系統或是圖示。

-
- - - -
-
-
- 
<div class="ts-box is-collapsed">
-    <div class="ts-menu is-collapsed">
-        <a class="item">
-            <div class="ts-iconset is-outlined">
-                <span class="ts-icon is-bullhorn-icon"></span>
-                <div class="content">
-                    <div class="title">促銷活動</div>
-                    <div class="text">查看我們最新的促銷商品！</div>
-                </div>
-            </div>
-        </a>
-        <div class="ts-divider"></div>
-        <a class="item">
-            <div class="ts-iconset is-outlined">
-                <span class="ts-icon is-ticket-simple-icon"></span>
-                <div class="content">
-                    <div class="title">優惠券</div>
-                    <div class="text">看看我們所販售的優惠券。</div>
-                </div>
-            </div>
-        </a>
-        <div class="ts-divider"></div>
-        <a class="item">
-            <div class="ts-iconset is-outlined">
-                <span class="ts-icon is-truck-icon"></span>
-                <div class="content">
-                    <div class="title">退貨</div>
-                    <div class="text">
-                        不滿意商品？查看我們的無條件退貨機制。
-                    </div>
-                </div>
-            </div>
-        </a>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
States
-
- - - Active is-active - - - - Disabled is-disabled - - - - Selected is-selected - - -
- -
Contents
-
- - - Avatar {{ts-avatar}} - - - - Badge {{ts-badge}} - - -
- -
Variations
-
- - - Separated is-separated - - - - Collapsed is-collapsed - - - - Icon is-start-icon - - - - Sizes is-large - - - - Density is-relaxed - - -
- -
Compositions
-
- - - Sidebar {{ts-content}} - - - - Function Navigation {{ts-iconset}} - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/meta.html b/docs/en-us/meta.html deleted file mode 100644 index cac4ecda2..000000000 --- a/docs/en-us/meta.html +++ /dev/null @@ -1,786 +0,0 @@ - - - - - - - - - - - - - - Meta - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Meta

-
Displays the author, time, sub-data or secondary actions of an object.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
- 使用者條約 - 隱私政策 - 聯繫我們 -
-
-
- 
<div class="ts-meta">
-    <a class="item">使用者條約</a>
-    <a class="item">隱私政策</a>
-    <a class="item">聯繫我們</a>
-</div>
-
-
- - - - - - - - - - -
Variations
- - - - - - - - - -
- -
- Secondary - - - -
-

使其文字顏色變得更不顯眼。

-
- - - -
-
- 天野望 - 火井向百合 - 成海遙香 -
-
- 
<div class="ts-meta is-secondary">
-    <a class="item">天野望</a>
-    <a class="item">火井向百合</a>
-    <a class="item">成海遙香</a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Aligns - - - -
-

更改文字的對齊方式。

-
- - - -
-
- 置起始位置 - 置起始位置 -
-
-
- 我置中 - 我置中 -
-
-
- 置結束位置 - 置結束位置 -
-
- 
<div class="ts-meta is-start-aligned">
-    <a class="item">置起始位置</a>
-    <a class="item">置起始位置</a>
-</div>
-<div class="ts-meta is-center-aligned">
-    <a class="item">我置中</a>
-    <a class="item">我置中</a>
-</div>
-<div class="ts-meta is-end-aligned">
-    <a class="item">置結束位置</a>
-    <a class="item">置結束位置</a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

更改中繼資料的大小。

-
- - - -
-
- 朝武芳乃 - 常陸茉子 - ムラサメ -
-
-
- 朝武芳乃 - 常陸茉子 - ムラサメ -
-
-
- 朝武芳乃 - 常陸茉子 - ムラサメ -
-
- 
<div class="ts-meta is-small">
-    <a class="item">朝武芳乃</a>
-    <a class="item">常陸茉子</a>
-    <a class="item">ムラサメ</a>
-</div>
-<div class="ts-meta">
-    <a class="item">朝武芳乃</a>
-    <a class="item">常陸茉子</a>
-    <a class="item">ムラサメ</a>
-</div>
-<div class="ts-meta is-large">
-    <a class="item">朝武芳乃</a>
-    <a class="item">常陸茉子</a>
-    <a class="item">ムラサメ</a>
-</div>
-
-
- - - - - - - - - - -
- - - -
Compositions
- - - - - - - - - -
- -
- Header - - - -
-

在部落格或是一些文章列表中，經常能看到其標題底下會有一個中繼資料的區塊。

-
- - - -
-
野心更大的虛擬 YouTuber 團體邁向偶像化，而距離感也與日俱增
-
- Yami Odymel - 2020 年 02 月 14 日 -
-
-
圖像複用、反轉、鏡射：怎麼將遊戲壓縮在 40 KB 以下還同時保持關卡獨特性？
-
- Yami Odymel - 2020 年 01 月 18 日 -
-
- 
<div class="ts-header">野心更大的虛擬 YouTuber 團體邁向偶像化，而距離感也與日俱增</div>
-<div class="ts-meta is-secondary">
-    <a class="item">Yami Odymel</a>
-    <a class="item">2020 年 02 月 14 日</a>
-</div>
-<div class="ts-divider is-section"></div>
-<div class="ts-header">圖像複用、反轉、鏡射：怎麼將遊戲壓縮在 40 KB 以下還同時保持關卡獨特性？</div>
-<div class="ts-meta is-secondary">
-    <a class="item">Yami Odymel</a>
-    <a class="item">2020 年 01 月 18 日</a>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
Variations
-
- - - Secondary is-secondary - - - - Aligns is-start-aligned - - - - Sizes is-small - - -
- -
Compositions
-
- - - Header ts-meta - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/notice.html b/docs/en-us/notice.html deleted file mode 100644 index beb88b597..000000000 --- a/docs/en-us/notice.html +++ /dev/null @@ -1,735 +0,0 @@ - - - - - - - - - - - - - - Notice - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Notice

-
Displays information or an alert that explains nearby content.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
Look Here
-
Hold down the brake lever and lightly press the "GO" button
-
-
-
- 
<div class="ts-notice">
-    <div class="title">Look Here</div>
-    <div class="content">Hold down the brake lever and lightly press the "GO" button</div>
-</div>
-
-
- - - - - - -
Introduction
-

This component is usually used for the message that appears after the user has performed an action (e.g., form successfully sent, delete failed).

-
- - - - - -
Variations
- - - - - - - - - -
- -
- Outlined - - - -
-

Draws only the border for a Notice to keep me simple and less conspicuous.

-
- - - -
-
-
Test Phase
-
- The site is currently being tested, please wait a few minutes and it will be back to normal. -
-
-
- 
<div class="ts-notice is-outlined">
-    <div class="title">Test Phase</div>
-    <div class="content">
-        The site is currently being tested, please wait a few minutes and it will be back to normal.
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Negative - - - -
-

With dangerous implications.

-
- - - -
-
-
Failed
-
To delete this folder, empty the files first.
-
-
- 
<div class="ts-notice is-negative">
-    <div class="title">Failed</div>
-    <div class="content">To delete this folder, empty the files first.</div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

Change the size of the Notice.

-
- - - -
-
-
Small
-
Here is a text message.
-
-
-
-
Default
-
Here is a text message.
-
-
-
-
Large
-
Here is a text message.
-
-
- 
<div class="ts-notice is-small">
-    <div class="title">Small</div>
-    <div class="content">Here is a text message.</div>
-</div>
-<div class="ts-notice">
-    <div class="title">Default</div>
-    <div class="content">Here is a text message.</div>
-</div>
-<div class="ts-notice is-large">
-    <div class="title">Large</div>
-    <div class="content">Here is a text message.</div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Dense - - - -
-

Presents a dense Notice by changing the padding of it.

-
- - - -
-
-
Request Sent
-
You will be able to see their online status once your friend request is accepted.
-
-
- 
<div class="ts-notice is-dense">
-    <div class="title">Request Sent</div>
-    <div class="content">You will be able to see their online status once your friend request is accepted.</div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
Variations
-
- - - Outlined is-outlined - - - - Negative is-negative - - - - Sizes is-small - - - - Dense is-dense - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/notification.html b/docs/en-us/notification.html deleted file mode 100644 index 3e7528ed8..000000000 --- a/docs/en-us/notification.html +++ /dev/null @@ -1,936 +0,0 @@ - - - - - - - - - - - - - - 通知 - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- - - -
-
-
-
通知
-
帶有圖示、圖片與可互動選項的通知訊息。
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
-
-
-
-
-
-
已將你的貼文移動至回收桶。
-
- - -
-
- -
-
-
-
-
- 
<div class="ts-box">
-    <div class="ts-content">
-        <div class="ts-notification">
-            <div class="aside">
-                <div class="ts-icon is-trash-icon"></div>
-            </div>
-            <div class="content">
-                <div class="text">已將你的貼文移動至回收桶。</div>
-                <div class="actions">
-                    <button class="item">還原</button>
-                    <button class="item is-secondary">下次提醒我</button>
-                </div>
-            </div>
-            <button class="ts-close"></button>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
內容
- - - - - - - - - -
- -
- 圖示 - - - -
-
- - - -
-
-
-
-
-
-
你的檔案「YamiOdymel.jpg」已經成功上傳了。
-
-
-
- 
<div class="ts-notification">
-    <div class="aside">
-        <div class="ts-icon is-upload-icon"></div>
-    </div>
-    <div class="content">
-        <div class="text">你的檔案「YamiOdymel.jpg」已經成功上傳了。</div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- 圖片 - - - -
-
- - - -
-
-
- -
-
-
Haneda Shirone 在你的貼文上留言。
-
- -
-
- 
<div class="ts-notification">
-    <div class="aside">
-        <img class="ts-image" src="user.png">
-    </div>
-    <div class="content">
-        <div class="text">Haneda Shirone 在你的貼文上留言。</div>
-    </div>
-    <button class="ts-close"></button>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- 文字 - - - -
-
- - - -
-
-
-
早安！自從你上次登入之後，我們已經新增了五篇文章。
-
- -
-
- -
-
- 
<div class="ts-notification">
-    <div class="content">
-        <div class="text">早安！自從你上次登入之後，我們已經新增了五篇文章。</div>
-        <div class="actions">
-            <button class="item">知道了</button>
-        </div>
-    </div>
-    <button class="ts-close"></button>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- 動作 - - - -
-
- - - -
-
-
-
-
-
-
你的貼文已經收到了 32 個收藏。
-
- -
-
-
-
- 
<div class="ts-notification">
-    <div class="aside">
-        <div class="ts-icon is-heart-icon"></div>
-    </div>
-    <div class="content">
-        <div class="text">你的貼文已經收到了 32 個收藏。</div>
-        <div class="actions">
-            <button class="item">不要再通知我</button>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- 關閉按鈕 - - - -
-
- - - -
-
-
-
已將項目加入至購物車，你的購物車現在有 5 項產品。
-
- -
-
- -
-
- 
<div class="ts-notification">
-    <div class="content">
-        <div class="text">已將項目加入至購物車，你的購物車現在有 5 項產品。</div>
-        <div class="actions">
-            <button class="item">結帳</button>
-        </div>
-    </div>
-    <button class="ts-close"></button>
-</div>
-
-
- - - - - - - - - - -
- - - -
外觀
- - - - - - - - - -
- -
- 動作語意 - - - -
-
- - - -
-
-
-
-
-
-
你已啟用飛航模式，你將不再能夠連上網際網路。
-
- - -
-
-
-
- 
<div class="ts-notification">
-    <div class="aside">
-        <div class="ts-icon is-plane-icon"></div>
-    </div>
-    <div class="content">
-        <div class="text">你已啟用飛航模式，你將不再能夠連上網際網路。</div>
-        <div class="actions">
-            <button class="item is-primary">關閉功能</button>
-            <button class="item is-negative">不要再提醒我</button>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- 次要的動作 - - - -
-
- - - -
-
-
-
-
-
-
已將你的貼文移動至回收桶。
-
- - -
-
-
-
- 
<div class="ts-notification">
-    <div class="aside">
-        <div class="ts-icon is-trash-icon"></div>
-    </div>
-    <div class="content">
-        <div class="text">已將你的貼文移動至回收桶。</div>
-        <div class="actions">
-            <button class="item">還原</button>
-            <button class="item is-secondary">知道了</button>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
- - - -
- -
內容
-
- - - 圖示 {{ts-icon}} - - - - 圖片 {{ts-image}} - - - - 文字 text - - - - 動作 actions - - - - 關閉按鈕 {{ts-close}} - - -
- -
外觀
-
- - - 動作語意 actions - - - - 次要的動作 is-secondary - - -
- - -
- - -
-
-
- -
-
-
- Back to Top - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Localization translators: Yami Odymel
-
-
- -
-
-
-
- - diff --git a/docs/en-us/pagination.html b/docs/en-us/pagination.html deleted file mode 100644 index 5abd5acc1..000000000 --- a/docs/en-us/pagination.html +++ /dev/null @@ -1,1074 +0,0 @@ - - - - - - - - - - - - - - Pagination - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Pagination

-
A navigation allows a user to jump to a specify page number or borwsing forward/backward.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
- - 1 - 2 - 3 - 4 - -
-
-
- 
<div class="ts-pagination">
-    <a class="item is-back"></a>
-    <a class="item">1</a>
-    <a class="item is-active">2</a>
-    <a class="item">3</a>
-    <a class="item">4</a>
-    <a class="item is-next"></a>
-</div>
-
-
- - - - - - - - - - -
項目
- - - - - - - - - -
- -
- Previous And Next - - - -
-

帶有前、後圖示的項目，能夠同時在裡面擺放文字。

-
- - - -
-
- 上一頁 - 1 - 2 - 3 - 下一頁 -
-
- 
<div class="ts-pagination">
-    <a class="item is-back">上一頁</a>
-    <a class="item">1</a>
-    <a class="item">2</a>
-    <a class="item">3</a>
-    <a class="item is-next">下一頁</a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Active - - - -
-

表示目前檢視的頁數。

-
- - - -
-
- 1 - 2 - 3 -
-
- 
<div class="ts-pagination">
-    <a class="item">1</a>
-    <a class="item is-active">2</a>
-    <a class="item">3</a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Disabled - - - -
-

表示某個頁數或是功能已經不再可用，例如：已經達到第一頁而無法繼續往回。

-
- - - -
-
- 上一頁 - 1 - 2 - 3 - 下一頁 -
-
- 
<div class="ts-pagination">
-    <a class="item is-back is-disabled">上一頁</a>
-    <a class="item is-active">1</a>
-    <a class="item">2</a>
-    <a class="item">3</a>
-    <a class="item is-next">下一頁</a>
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Secondary - - - -
-

讓整個導覽列沒那麼顯眼。

-
- - - -
-
- - 1 - ... - 4 - 5 - 6 - ... - 10 - -
-
- 
<div class="ts-pagination is-secondary">
-    <a class="item is-back"></a>
-    <a class="item">1</a>
-    <a class="item">...</a>
-    <a class="item">4</a>
-    <a class="item is-active">5</a>
-    <a class="item">6</a>
-    <a class="item">...</a>
-    <a class="item">10</a>
-    <a class="item is-next"></a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Fluid - - - -
-

令整個頁數導覽列和父容器有相同的寬度。

-
- - - -
-
- - 1 - 2 - 3 - -
-
- 
<div class="ts-pagination is-fluid">
-    <a class="item is-back"></a>
-    <a class="item">1</a>
-    <a class="item">2</a>
-    <a class="item">3</a>
-    <a class="item is-next"></a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

更改頁數導覽列的大小。

-
- - - -
-
- - 1 - 2 - 3 - -
-
-
- - 1 - 2 - 3 - -
-
-
- - 1 - 2 - 3 - -
-
- 
<div class="ts-pagination is-small">
-    <a class="item is-back"></a>
-    <a class="item">1</a>
-    <a class="item is-active">2</a>
-    <a class="item">3</a>
-    <a class="item is-next"></a>
-</div>
-<div class="ts-pagination">
-    <a class="item is-back"></a>
-    <a class="item">1</a>
-    <a class="item is-active">2</a>
-    <a class="item">3</a>
-    <a class="item is-next"></a>
-</div>
-<div class="ts-pagination is-large">
-    <a class="item is-back"></a>
-    <a class="item">1</a>
-    <a class="item is-active">2</a>
-    <a class="item">3</a>
-    <a class="item is-next"></a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Dense - - - -
-

變更元件的內距，令元素之間看起來更密集。

-
- - - -
-
- - 1 - 2 - 3 - -
-
- 
<div class="ts-pagination is-dense">
-    <a class="item is-back"></a>
-    <a class="item">1</a>
-    <a class="item is-active">2</a>
-    <a class="item">3</a>
-    <a class="item is-next"></a>
-</div>
-
-
- - - - - - - - - - -
- - - -
Compositions
- - - - - - - - - -
- -
- Detail - - - -
-

在資料的上、下方通常會有一個換頁用的導覽列，有時會包含筆數資訊。

-
- - - -
-
- - - - - - - - - - - - - - - - - - - - -
醫院種類名稱
醫學藥品2021/08/01
常規心電圖2021/08/01
-
-
-
-
- 單頁筆數： -
- -
-
-
-
- - 1 - ... - 4 - 5 - 6 - ... - 10 - -
-
-
-
-
-
- 
<div class="ts-box">
-    <table class="ts-table is-basic">
-        <thead>
-            <tr>
-                <th>醫院種類</th>
-                <th>名稱</th>
-                <th class="is-collapsed">建立於</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td class="is-collapsed">東京 AH 綜合醫院</td>
-                <td>醫學藥品</td>
-                <td>2021/08/01</td>
-            </tr>
-            <tr>
-                <td class="is-collapsed">東京 AH 綜合醫院</td>
-                <td>常規心電圖</td>
-                <td>2021/08/01</td>
-            </tr>
-        </tbody>
-    </table>
-    <div class="ts-divider"></div>
-    <div class="ts-content is-dense is-secondary">
-        <div class="ts-row is-compact is-middle-aligned">
-            <div class="column is-fluid">
-                單頁筆數：
-                <div class="ts-select is-basic">
-                    <select>
-                        <option>10</option>
-                        <option>20</option>
-                        <option selected>30</option>
-                    </select>
-                </div>
-            </div>
-            <div class="column">
-                <div class="ts-pagination is-secondary">
-                    <a class="item is-back"></a>
-                    <a class="item">1</a>
-                    <a class="item">...</a>
-                    <a class="item">4</a>
-                    <a class="item is-active">5</a>
-                    <a class="item">6</a>
-                    <a class="item">...</a>
-                    <a class="item">10</a>
-                    <a class="item is-next"></a>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
- - - -
- -
項目
-
- - - Previous And Next is-back - - - - Active is-active - - - - Disabled is-disabled - - -
- -
Variations
-
- - - Secondary is-secondary - - - - Fluid is-fluid - - - - Sizes is-small - - - - Dense is-dense - - -
- -
Compositions
-
- - - Detail ts-pagination - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/placeholder.html b/docs/en-us/placeholder.html deleted file mode 100644 index f36f02874..000000000 --- a/docs/en-us/placeholder.html +++ /dev/null @@ -1,909 +0,0 @@ - - - - - - - - - - - - - - Placeholder - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Placeholder

-
An element used to reserve place for content that soon will appear in a layout.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
-
-
-
-
-
-
- 
<div class="ts-placeholder">
-    <div class="text"></div>
-    <div class="text"></div>
-    <div class="text"></div>
-    <div class="text"></div>
-</div>
-
-
- - - - - - - - - - -
Contents
- - - - - - - - - -
- -
- Text - - - -
-

The text in the component is a line of text, and each line has a different width to make the simulation look more realistic.

-
- - - -
-
-
-
-
-
-
-
- 
<div class="ts-placeholder">
-    <div class="text"></div>
-    <div class="text"></div>
-    <div class="text"></div>
-    <div class="text"></div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Image - - - -
-

A Placeholder can also simulate the look of the image. By default the width of it matches the parent container width, which is usually recommended to specify the width manually.

-
- - - -
-
-
-
-
- 
<div class="ts-placeholder">
-    <div class="image"></div>
-</div>
-
-
- - - - - - - - - - -
- - - -
States
- - - - - - - - - -
- -
- Preparing - - - -
-

The flashing animation makes the user aware that the content is being prepared.

-
- - - -
-
-
-
-
-
-
- 
<div class="ts-placeholder is-preparing">
-    <div class="text"></div>
-    <div class="text"></div>
-    <div class="text"></div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Loading - - - -
-

Content has been loaded but is still being processed and has no estimated finish time.

-
- - - -
-
-
-
-
-
-
- 
<div class="ts-placeholder is-loading">
-    <div class="text"></div>
-    <div class="text"></div>
-    <div class="text"></div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Text
- - - - - - - - - -
- -
- Header - - - -
-

The darker blocks can simulate a title text.

-
- - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
- 
<div class="ts-placeholder">
-    <div class="text is-header"></div>
-    <div class="text"></div>
-    <div class="text"></div>
-    <div class="text"></div>
-</div>
-<div class="ts-placeholder">
-    <div class="image is-header"></div>
-    <div class="text"></div>
-    <div class="text"></div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Widths - - - -
-

Manually specify the length and width of the text block.

-
- - - -
-
-
-
-
-
-
-
-
-
-
- 
<div class="ts-placeholder">
-    <div class="text is-extra-short"></div>
-    <div class="text is-very-short"></div>
-    <div class="text is-short"></div>
-    <div class="text"></div>
-    <div class="text is-long"></div>
-    <div class="text is-very-long"></div>
-    <div class="text is-extra-long"></div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Rounded - - - -
-

Smooth the corners of the block by rounding it.

-
- - - -
-
-
-
-
-
-
- 
<div class="ts-placeholder is-rounded">
-    <div class="text"></div>
-    <div class="text"></div>
-    <div class="text"></div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
- - - -
- -
Contents
-
- - - Text text - - - - Image image - - -
- -
States
-
- - - Preparing is-preparing - - - - Loading is-loading - - -
- -
Text
-
- - - Header is-header - - - - Widths is-extra-short - - -
- -
Variations
-
- - - Rounded is-rounded - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/procedure.html b/docs/en-us/procedure.html deleted file mode 100644 index ddeee3dfc..000000000 --- a/docs/en-us/procedure.html +++ /dev/null @@ -1,1725 +0,0 @@ - - - - - - - - - - - - - - Procedure - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Procedure

-
Shows the completion status of an activity in a series of activities.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
-
-
-
帳單對象
-
-
-
-
-
-
-
購物車
-
-
-
-
-
-
-
付款
-
-
-
-
-
-
- 
<div class="ts-procedure">
-    <div class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">帳單對象</div>
-        </div>
-        <div class="line"></div>
-    </div>
-    <div class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">購物車</div>
-        </div>
-        <div class="line"></div>
-    </div>
-    <div class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">付款</div>
-        </div>
-        <div class="line"></div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
Contents
- - - - - - - - - -
- -
- Icon - - - -
-

每個步驟都可以帶有象徵圖示。

-
- - - -
-
- -
-
- -
-
帳號建立
-
-
- - -
-
- -
-
身份驗證
-
-
- - -
-
- -
-
等待審核
-
-
- -
-
- 
<div class="ts-procedure">
-    <a class="item is-completed">
-        <div class="content">
-            <div class="indicator">
-                <span class="ts-icon is-user-icon icon"></span>
-            </div>
-            <div class="label">帳號建立</div>
-        </div>
-        <div class="line"></div>
-    </a>
-    <a class="item is-active">
-        <div class="content">
-            <div class="indicator">
-                <span class="ts-icon is-id-card-icon icon"></span>
-            </div>
-            <div class="label">身份驗證</div>
-        </div>
-        <div class="line"></div>
-    </a>
-    <a class="item">
-        <div class="content">
-            <div class="indicator">
-                <span class="ts-icon is-eye-icon icon"></span>
-            </div>
-            <div class="label">等待審核</div>
-        </div>
-        <div class="line"></div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Description - - - -
-

以註釋大略解釋某個步驟的行為。

-
- - - -
-
- -
-
-
- 下標 -
決定此標的物價格。
-
-
-
- - -
-
-
- 付款 -
支付相關費用。
-
-
-
- - -
-
-
- 領回 -
取得已得標商品。
-
-
-
- -
-
- 
<div class="ts-procedure">
-    <a class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">
-                下標
-                <div class="description">決定此標的物價格。</div>
-            </div>
-        </div>
-        <div class="line"></div>
-    </a>
-    <a class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">
-                付款
-                <div class="description">支付相關費用。</div>
-            </div>
-        </div>
-        <div class="line"></div>
-    </a>
-    <a class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">
-                領回
-                <div class="description">取得已得標商品。</div>
-            </div>
-        </div>
-        <div class="line"></div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- - - -
States
- - - - - - - - - -
- -
- Completed - - - -
-

表示某個步驟已經完成。

-
- - - -
-
- -
-
-
連接電源
-
-
- - -
-
-
啟用 WiFi
-
-
- - -
-
-
掃描 QR Code
-
-
- -
-
- 
<div class="ts-procedure">
-    <a class="item is-completed">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">連接電源</div>
-        </div>
-        <div class="line"></div>
-    </a>
-    <a class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">啟用 WiFi</div>
-        </div>
-        <div class="line"></div>
-    </a>
-    <a class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">掃描 QR Code</div>
-        </div>
-        <div class="line"></div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Active - - - -
-

標明目前正處於的步驟狀態。

-
- - - -
-
- -
-
-
建立訂單
-
-
- - -
-
-
配送貨物
-
-
- - -
-
-
完成訂單
-
-
- -
-
- 
<div class="ts-procedure">
-    <a class="item is-completed">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">建立訂單</div>
-        </div>
-        <div class="line"></div>
-    </a>
-    <a class="item is-active">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">配送貨物</div>
-        </div>
-        <div class="line"></div>
-    </a>
-    <a class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">完成訂單</div>
-        </div>
-        <div class="line"></div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Processing - - - -
-

表示這個資源正在指定的步驟處理中。與「啟用中」不同的是這更像表明現在的背景進度已經執行到哪一步。

-
- - - -
-
- -
-
-
提出修正
-
-
- - -
-
-
等待通知
-
-
- - -
-
-
獲得獎勵
-
-
- -
-
- 
<div class="ts-procedure">
-    <a class="item is-completed">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">提出修正</div>
-        </div>
-        <div class="line"></div>
-    </a>
-    <a class="item is-processing">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">等待通知</div>
-        </div>
-        <div class="line"></div>
-    </a>
-    <a class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">獲得獎勵</div>
-        </div>
-        <div class="line"></div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Disabled - - - -
-

淡化某個步驟令使用者無法回頭或是表示尚未有能夠到達該步驟的條件。

-
- - - -
-
- -
-
-
建立 PIN 碼
-
-
- - -
-
-
初始化指紋辨識
-
-
- - -
-
-
配置重設密碼
-
-
- -
-
- 
<div class="ts-procedure">
-    <a class="item is-completed">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">建立 PIN 碼</div>
-        </div>
-        <div class="line"></div>
-    </a>
-    <a class="item is-processing">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">初始化指紋辨識</div>
-        </div>
-        <div class="line"></div>
-    </a>
-    <a class="item is-disabled">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">配置重設密碼</div>
-        </div>
-        <div class="line"></div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Compact - - - -
-

以更小化的方式呈現步驟指示。

-
- - - -
-
- -
-
-
上傳檔案
-
-
- - -
-
-
設定密碼
-
-
- - -
-
-
分享給朋友
-
-
- -
-
- 
<div class="ts-procedure is-compact">
-    <a class="item is-completed">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">上傳檔案</div>
-        </div>
-        <div class="line"></div>
-    </a>
-    <a class="item is-processing">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">設定密碼</div>
-        </div>
-        <div class="line"></div>
-    </a>
-    <a class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">分享給朋友</div>
-        </div>
-        <div class="line"></div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Stacked - - - -
-

文字可以與指示器層疊，這樣就不會使用過多的寬度空間。

-
- - - -
-
- -
-
-
建立伺服器
-
-
- - -
-
-
設定 IP 位址
-
-
- - -
-
-
封鎖來源
-
-
- -
-
- 
<div class="ts-procedure is-stacked">
-    <a class="item is-completed">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">建立伺服器</div>
-        </div>
-        <div class="line"></div>
-    </a>
-    <a class="item is-processing">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">設定 IP 位址</div>
-        </div>
-        <div class="line"></div>
-    </a>
-    <a class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">封鎖來源</div>
-        </div>
-        <div class="line"></div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Negative - - - -
-

表示某個環節出錯了。

-
- - - -
-
- -
-
-
建立帳號
-
-
- - -
-
-
驗證信箱
-
-
- - -
-
-
歡迎使用
-
-
- -
-
- 
<div class="ts-procedure">
-    <a class="item is-negative">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">建立帳號</div>
-        </div>
-        <div class="line"></div>
-    </a>
-    <a class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">驗證信箱</div>
-        </div>
-        <div class="line"></div>
-    </a>
-    <a class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">歡迎使用</div>
-        </div>
-        <div class="line"></div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Unordered - - - -
-

讓使用者知道能夠在任意步驟來回穿越而不須按照順序，在這個狀況下完成的步驟不會有線條指示。

-
- - - -
-
- -
-
-
影片資訊
-
-
- - -
-
-
廣告營利
-
-
- - -
-
-
隱私設定
-
-
- -
-
-
- -
-
-
影片資訊
-
-
- - -
-
-
廣告營利
-
-
- - -
-
-
隱私設定
-
-
- -
-
- 
<div class="ts-procedure is-unordered">
-    <a class="item is-completed">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">影片資訊</div>
-        </div>
-        <div class="line"></div>
-    </a>
-    <a class="item is-active">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">廣告營利</div>
-        </div>
-        <div class="line"></div>
-    </a>
-    <a class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">隱私設定</div>
-        </div>
-        <div class="line"></div>
-    </a>
-</div>
-<div class="ts-procedure is-unordered is-compact">
-    <a class="item is-completed">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">影片資訊</div>
-        </div>
-        <div class="line"></div>
-    </a>
-    <a class="item is-active">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">廣告營利</div>
-        </div>
-        <div class="line"></div>
-    </a>
-    <a class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">隱私設定</div>
-        </div>
-        <div class="line"></div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Vertical - - - -
-

以上下垂直的方式展示每個步驟，適合放於側邊給予指示。

-
- - - -
-
- -
-
-
分割磁碟
-
-
- - -
-
-
安裝系統
-
-
- - -
-
-
初始化環境
-
-
- -
-
- 
<div class="ts-procedure is-vertical">
-    <a class="item is-completed">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">分割磁碟</div>
-        </div>
-        <div class="line"></div>
-    </a>
-    <a class="item is-active">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">安裝系統</div>
-        </div>
-        <div class="line"></div>
-    </a>
-    <a class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">初始化環境</div>
-        </div>
-        <div class="line"></div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

更改步驟指示器的大小。

-
- - - -
-
-
-
-
-
確認資訊
-
-
-
-
-
-
-
選擇上車地點
-
-
-
-
-
-
-
付款
-
-
-
-
-
-
-
-
-
-
確認資訊
-
-
-
-
-
-
-
選擇上車地點
-
-
-
-
-
-
-
付款
-
-
-
-
-
-
-
-
-
-
確認資訊
-
-
-
-
-
-
-
選擇上車地點
-
-
-
-
-
-
-
付款
-
-
-
-
-
- 
<div class="ts-procedure is-small">
-    <div class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">確認資訊</div>
-        </div>
-        <div class="line"></div>
-    </div>
-    <div class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">選擇上車地點</div>
-        </div>
-        <div class="line"></div>
-    </div>
-    <div class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">付款</div>
-        </div>
-        <div class="line"></div>
-    </div>
-</div>
-<div class="ts-procedure">
-    <div class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">確認資訊</div>
-        </div>
-        <div class="line"></div>
-    </div>
-    <div class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">選擇上車地點</div>
-        </div>
-        <div class="line"></div>
-    </div>
-    <div class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">付款</div>
-        </div>
-        <div class="line"></div>
-    </div>
-</div>
-<div class="ts-procedure is-large">
-    <div class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">確認資訊</div>
-        </div>
-        <div class="line"></div>
-    </div>
-    <div class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">選擇上車地點</div>
-        </div>
-        <div class="line"></div>
-    </div>
-    <div class="item">
-        <div class="content">
-            <div class="indicator"></div>
-            <div class="label">付款</div>
-        </div>
-        <div class="line"></div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
- - - -
- -
Contents
-
- - - Icon {{ts-icon}} - - - - Description description - - -
- -
States
-
- - - Completed is-completed - - - - Active is-active - - - - Processing is-processing - - - - Disabled is-disabled - - -
- -
Variations
-
- - - Compact is-compact - - - - Stacked is-stacked - - - - Negative - - - - Unordered is-unordered - - - - Vertical is-vertical - - - - Sizes is-small - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/progress.html b/docs/en-us/progress.html deleted file mode 100644 index b1c59c1b0..000000000 --- a/docs/en-us/progress.html +++ /dev/null @@ -1,1082 +0,0 @@ - - - - - - - - - - - - - - Progress - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Progress

-
A bar shows the progression of a task and the ready status.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
-
50%
-
-
-
-
- 
<div class="ts-progress">
-    <div class="bar" style="--value: 50;">
-        <div class="text">50%</div>
-    </div>
-</div>
-
-
- - - - - - -
Introduction
-

這個元件需要自行透過 CSS 變數 --value 來控制進度列的百分比進度。

- -

這通常用來指示某項行為的進度，如果想要呈現剩餘額度或是計量則可以參考圓形量測計。

-
- - - - - -
Contents
- - - - - - - - - -
- -
- Text - - - -
-

進度列裡可以擺放一個文字作為百分比標籤。

-
- - - -
-
-
-
80%
-
-
-
- 
<div class="ts-progress">
-    <div class="bar" style="--value: 80;">
-        <div class="text">80%</div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - -
States
- - - - - - - - - -
- -
- Active - - - -
-

讓進度列表現出正在活動的效果。

-
- - - -
-
-
-
-
- 
<div class="ts-progress is-active">
-    <div class="bar" style="--value: 70;"></div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Processing - - - -
-

明確地讓使用者知道目前的進度正在被妥善處理中。

-
- - - -
-
-
-
-
- 
<div class="ts-progress is-processing">
-    <div class="bar" style="--value: 40;"></div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Indeterminate - - - -
-

請求正在傳送且等待伺服器接收。

-
- - - -
-
-
-
-
- 
<div class="ts-progress is-indeterminate">
-    <div class="bar" style="--value: 50;"></div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Queried - - - -
-

正在等待伺服器回傳結果。

-
- - - -
-
-
-
-
- 
<div class="ts-progress is-queried">
-    <div class="bar" style="--value: 30;"></div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Empty - - - -
-

當進度為零時，可以指定其狀態為空並隱藏進度條的背景。

-
- - - -
-
-
-
0%
-
-
-
- 
<div class="ts-progress is-empty">
-    <div class="bar" style="--value: 0;">
-        <div class="text">0%</div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Secondary - - - -
-

次要的進度列可以作為緩衝值或是輔助使用。

-
- - - -
-
-
-
40%
-
-
-
60%
-
-
-
- 
<div class="ts-progress">
-    <div class="bar" style="--value: 40;">
-        <div class="text">40%</div>
-    </div>
-    <div class="bar is-secondary" style="--value: 60;">
-        <div class="text">60%</div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

以不同的大小尺寸呈現進度條。

-
- - - -
-
-
-
50%
-
-
-
-
-
-
50%
-
-
-
-
-
-
50%
-
-
-
-
-
-
50%
-
-
-
- 
<div class="ts-progress is-tiny">
-    <div class="bar" style="--value: 50;">
-        <div class="text">50%</div>
-    </div>
-</div>
-<div class="ts-progress is-small">
-    <div class="bar" style="--value: 50;">
-        <div class="text">50%</div>
-    </div>
-</div>
-<div class="ts-progress">
-    <div class="bar" style="--value: 50;">
-        <div class="text">50%</div>
-    </div>
-</div>
-<div class="ts-progress is-large">
-    <div class="bar" style="--value: 50;">
-        <div class="text">50%</div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Compositions
- - - - - - - - - -
- -
- Upload Queue - - - -
-

上傳相簿照片時，通常會有一個上傳進度列和輔助文字。

-
- - - -
-
-
-
-
-
70%
-
-
-
-
共 4 張照片，3 張正在處理中。
-
-
-
-
-
- An unimportant image placeholder for demonstration -
-
-
-
-
- -
-
-
- -
-
-
-
- -
-
-
-
-
-
- 
<div class="ts-box">
-    <div class="ts-content is-secondary">
-        <div class="ts-progress is-processing">
-            <div class="bar" style="--value: 70;">
-                <div class="text">70%</div>
-            </div>
-        </div>
-        <div class="ts-space is-small"></div>
-        <div class="ts-text is-description">共 4 張照片，3 張正在處理中。</div>
-    </div>
-    <div class="ts-divider"></div>
-    <div class="ts-content">
-        <div class="ts-row">
-            <div class="column">
-                <img src="image.png" style="width: 148px">
-            </div>
-            <div class="column is-fluid">
-                <div class="ts-row">
-                    <div class="column is-fluid">
-                        <div class="ts-input is-fluid">
-                            <input type="text" placeholder="照片標題">
-                        </div>
-                    </div>
-                    <div class="column">
-                        <button class="ts-button is-icon is-outlined">
-                            <span class="ts-icon is-trash-icon"></span>
-                        </button>
-                    </div>
-                </div>
-                <div class="ts-space"></div>
-                <div class="ts-input is-fluid">
-                    <textarea placeholder="描述一下這張照片…"></textarea>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
Contents
-
- - - Text text - - -
- -
States
-
- - - Active is-active - - - - Processing is-processing - - - - Indeterminate is-indeterminate - - - - Queried is-queried - - -
- -
Variations
-
- - - Empty is-empty - - - - Secondary is-secondary - - - - Sizes is-tiny - - -
- -
Compositions
-
- - - Upload Queue ts-progress - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/quote.html b/docs/en-us/quote.html deleted file mode 100644 index 94fc202a1..000000000 --- a/docs/en-us/quote.html +++ /dev/null @@ -1,758 +0,0 @@ - - - - - - - - - - - - - - Quote - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Quote

-
Embed a paragraph from somewhere else into current content.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-

臺灣是位於亞洲東部、太平洋西北側的島嶼，地處琉球群島與菲律賓群島之間，西隔臺灣海峽與歐亞大陸相望；面積約3.6萬平方公里， 為世界第38大島嶼，其中7成為山地與丘陵，平原則主要集中於西部沿海，地形海拔變化大。由於地處熱帶及亞熱帶氣候區之交界，自然景觀與生態系資源相當豐富而多元。

-
維基百科
-
-
-
- 
<div class="ts-quote">
-    <p>臺灣是位於亞洲東部、太平洋西北側的島嶼，地處琉球群島與菲律賓群島之間，西隔臺灣海峽與歐亞大陸相望；面積約3.6萬平方公里， 為世界第38大島嶼，其中7成為山地與丘陵，平原則主要集中於西部沿海，地形海拔變化大。由於地處熱帶及亞熱帶氣候區之交界，自然景觀與生態系資源相當豐富而多元。</p>
-    <div class="cite">維基百科</div>
-</div>
-
-
- - - - - - - - - - -
Contents
- - - - - - - - - -
- -
- Cite - - - -
-

表明引言的來源。

-
- - - -
-
-

選擇 Nijisanji 是因為 Hololive 更像是一間偶像公司，而妳替他們工作。但 Nijisanji 是娛樂性質取向的直播，他們會和你一起工作。

-
擷取自 ニュイ・ソシエール
-
-
- 
<div class="ts-quote">
-    <p>選擇 Nijisanji 是因為 Hololive 更像是一間偶像公司，而妳替他們工作。但 Nijisanji 是娛樂性質取向的直播，他們會和你一起工作。</p>
-    <div class="cite">擷取自 ニュイ・ソシエール</div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Heading - - - -
-

使一個引言作為前導標題那樣令人矚目。

-
- - - -
-
- 「還能推 （支持） 的時候就儘管去推，不要留下任何的遺憾」。 -
- 去年有人因為自己喜愛的虛擬 YouTuber 因為畢業（停止簽約）而如此說道。 -
-
-
- 
<div class="ts-quote is-heading">
-    「還能推 （支持） 的時候就儘管去推，不要留下任何的遺憾」。
-    <div class="cite">
-        去年有人因為自己喜愛的虛擬 YouTuber 因為畢業（停止簽約）而如此說道。
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Secondary - - - -
-

以另一種方式敘述引言。

-
- - - -
-
-

最近感覺自己對虛擬 Youtuber 一絲絲退燒的感覺…原本跟其他人推坑的時候都說：「Vtuber 跟聲優啊動畫人物不一樣他們會『回應粉絲』所以你會覺得很有親切感 」。

-

不過想想每個紅了之後也都一模一樣了，都遠到沒有足夠貢獻就接近不了的存在…實在有點心灰意冷，至少現在還有愛的時候繼續支持下去…

-
- 一位匿名網友在 /virtuelles/ 發表，由於太經典後續被作為複製文使用。 -
-
-
- 
<div class="ts-quote is-secondary">
-    <p>最近感覺自己對虛擬 Youtuber 一絲絲退燒的感覺…原本跟其他人推坑的時候都說：「Vtuber 跟聲優啊動畫人物不一樣他們會『回應粉絲』所以你會覺得很有親切感 」。</p>
-    <p>不過想想每個紅了之後也都一模一樣了，都遠到沒有足夠貢獻就接近不了的存在…實在有點心灰意冷，至少現在還有愛的時候繼續支持下去…</p>
-    <div class="cite">
-        一位匿名網友在 /virtuelles/ 發表，由於太經典後續被作為複製文使用。
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

更改引言的文字大小。

-
- - - -
-
-

我不是想把這塑造成創世之舉，但你不清楚這有多麼地困難。她的出生是針對那些喜愛動漫、網路文化的人。而不是特別針對你或是你的觀眾。如果妳還有什麼問題那可能在妳自己。

-
DigitrevX 在某則推文上如此表示。
-
-
-
-

我不是想把這塑造成創世之舉，但你不清楚這有多麼地困難。她的出生是針對那些喜愛動漫、網路文化的人。而不是特別針對你或是你的觀眾。如果妳還有什麼問題那可能在妳自己。

-
DigitrevX 在某則推文上如此表示。
-
-
-
-

我不是想把這塑造成創世之舉，但你不清楚這有多麼地困難。她的出生是針對那些喜愛動漫、網路文化的人。而不是特別針對你或是你的觀眾。如果妳還有什麼問題那可能在妳自己。

-
DigitrevX 在某則推文上如此表示。
-
-
- 
<div class="ts-quote is-small">
-    <p>我不是想把這塑造成創世之舉，但你不清楚這有多麼地困難。她的出生是針對那些喜愛動漫、網路文化的人。而不是特別針對你或是你的觀眾。如果妳還有什麼問題那可能在妳自己。</p>
-    <div class="cite">DigitrevX 在某則推文上如此表示。</div>
-</div>
-<div class="ts-quote">
-    <p>我不是想把這塑造成創世之舉，但你不清楚這有多麼地困難。她的出生是針對那些喜愛動漫、網路文化的人。而不是特別針對你或是你的觀眾。如果妳還有什麼問題那可能在妳自己。</p>
-    <div class="cite">DigitrevX 在某則推文上如此表示。</div>
-</div>
-<div class="ts-quote is-large">
-    <p>我不是想把這塑造成創世之舉，但你不清楚這有多麼地困難。她的出生是針對那些喜愛動漫、網路文化的人。而不是特別針對你或是你的觀眾。如果妳還有什麼問題那可能在妳自己。</p>
-    <div class="cite">DigitrevX 在某則推文上如此表示。</div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
Contents
-
- - - Cite cite - - -
- -
Variations
-
- - - Heading is-heading - - - - Secondary is-secondary - - - - Sizes is-small - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/radio.html b/docs/en-us/radio.html deleted file mode 100644 index 949e7f274..000000000 --- a/docs/en-us/radio.html +++ /dev/null @@ -1,821 +0,0 @@ - - - - - - - - - - - - - - Radio - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Radio

-
Allows users to select an exclusive value from set of options.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
-
- 
<label class="ts-radio">
-    <input name="eat" type="radio" checked />
-    早餐
-</label>
-
-
- - - - - - - - - - -
States
- - - - - - - - - -
- -
- Disabled - - - -
-

使單選方塊呈現無法互動、點擊的模樣。若你希望真正地停用單選行為，請在該單選方塊增加 disabled 標籤以符合 HTML 規範。

-
- - - -
-
-
- 
<label class="ts-radio is-disabled">
-    <input name="linux" type="radio" />
-    Arch Linux
-</label>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Negative - - - -
-

表示一個單選方塊可能沒有被選取。

-
- - - -
-
-
- 
<label class="ts-radio is-negative">
-    <input name="love" type="radio" />
-    愛情摩天輪
-</label>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

更改選項按鈕的大小。

-
- - - -
-
-
- -
- -
- 
<label class="ts-radio is-small">
-    <input name="size" type="radio" checked />
-    小型選項
-</label>
-<label class="ts-radio">
-    <input name="size" type="radio" />
-    預設選項
-</label>
-<label class="ts-radio is-large">
-    <input name="size" type="radio" />
-    大型選項
-</label>
-
-
- - - - - - - - - - -
- - - -
Compositions
- - - - - - - - - -
- -
- Radios - - - -
-

透過間隔容器元件能讓核取方塊以左右、上下排列並保持一定的間距。

-
- - - -
-
-
性別
-
- - - -
-
來電狀態
-
- - - -
-
-
- 
<div class="ts-wrap is-vertical">
-    <div class="ts-text is-label">性別</div>
-    <div class="ts-wrap">
-        <label class="ts-radio">
-            <input name="gender" type="radio" checked />
-            男性
-        </label>
-        <label class="ts-radio">
-            <input name="gender" type="radio" />
-            女性
-        </label>
-        <label class="ts-radio">
-            <input name="gender" type="radio" />
-            其它
-        </label>
-    </div>
-    <div class="ts-text is-label">來電狀態</div>
-    <div class="ts-wrap is-vertical is-compact">
-        <label class="ts-radio">
-            <input name="ring" type="radio" checked />
-            響鈴
-        </label>
-        <label class="ts-radio">
-            <input name="ring" type="radio" />
-            震動
-        </label>
-        <label class="ts-radio">
-            <input name="ring" type="radio" />
-            靜音
-        </label>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
States
-
- - - Disabled is-disabled - - -
- -
Variations
-
- - - Negative is-negative - - - - Sizes is-small - - -
- -
Compositions
-
- - - Radios {{ts-wrap}} - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/rating.html b/docs/en-us/rating.html deleted file mode 100644 index 6942cd3f2..000000000 --- a/docs/en-us/rating.html +++ /dev/null @@ -1,861 +0,0 @@ - - - - - - - - - - - - - - Rating - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Rating

-
Indicates user interest in content.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
-
-
-
-
-
- 
<div class="ts-rating is-yellow">
-    <div class="star is-active"></div>
-    <div class="star is-active"></div>
-    <div class="star"></div>
-</div>
-
-
- - - - - - - - - - -
Contents
- - - - - - - - - -
- -
- Star - - - -
-

以星星的方式呈現評分。

-
- - - -
-
-
-
-
-
-
- 
<div class="ts-rating">
-    <div class="star is-active"></div>
-    <div class="star"></div>
-    <div class="star"></div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Heart - - - -
-

以愛心的方式呈現評分。

-
- - - -
-
-
-
-
-
-
- 
<div class="ts-rating">
-    <div class="heart is-active"></div>
-    <div class="heart"></div>
-    <div class="heart"></div>
-</div>
-
-
- - - - - - - - - - -
- - - -
States
- - - - - - - - - -
- -
- Active - - - -
-

啟用指定的項目讓使用者得知目前評分為何。

-
- - - -
-
-
-
-
-
-
- 
<div class="ts-rating">
-    <div class="star is-active"></div>
-    <div class="star is-active"></div>
-    <div class="star"></div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Half - - - -
-

使某個啟用的星號項目以一半呈現，通常用於帶有小數點的評分。

-
- - - -
-
-
-
-
-
-
- 
<div class="ts-rating">
-    <div class="star is-active"></div>
-    <div class="star is-half is-active"></div>
-    <div class="star"></div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Colors - - - -
-

評分的星星通常會是黃色，愛心則是紅色。

-
- - - -
-
-
-
-
-
-
-
-
-
-
-
-
- 
<div class="ts-rating is-yellow">
-    <div class="star is-active"></div>
-    <div class="star is-active"></div>
-    <div class="star"></div>
-</div>
-<div class="ts-rating is-red">
-    <div class="heart is-active"></div>
-    <div class="heart"></div>
-    <div class="heart"></div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

更改評分的大小。

-
- - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 
<div class="ts-rating is-small is-yellow">
-    <div class="star is-active"></div>
-    <div class="star is-active"></div>
-    <div class="star"></div>
-</div>
-<div class="ts-rating is-yellow">
-    <div class="star is-active"></div>
-    <div class="star is-active"></div>
-    <div class="star"></div>
-</div>
-<div class="ts-rating is-large is-yellow">
-    <div class="star is-active"></div>
-    <div class="star is-active"></div>
-    <div class="star"></div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
- - - -
- -
Contents
-
- - - Star star - - - - Heart heart - - -
- -
States
-
- - - Active is-active - - - - Half is-half - - -
- -
Variations
-
- - - Colors is-yellow - - - - Sizes is-small - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/responsive.html b/docs/en-us/responsive.html deleted file mode 100644 index 8fd0c97f5..000000000 --- a/docs/en-us/responsive.html +++ /dev/null @@ -1,742 +0,0 @@ - - - - - - - - - - - - - - 響應式設計 - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

響應式設計

-
協助你能夠在不同裝置上更加地得心應手。
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - - - - - - - - - -
說明
- - -

Tocas UI 內建數個響應式輔助樣式，這可以協助你在指定裝置上顯示或是隱藏一些元素。

- -

現今的瀏覽裝置尺寸變得十分多樣，以往像 Semantic UI 那樣以平板、手機、桌機…等稱呼都已經不合時宜。好比 iPad Pro 的螢幕尺寸已經近似於筆記型電腦，那麼我們就不能再以「平板」來稱呼這個裝置。

- -

Tocas UI 將響應式設計的輔助樣式命名為三個最重要的尺寸規模：最小化（Minimal）、預設（Standard）、最大化（Maximal）。

- -
    -
  • 最小化介面：通常僅會有最基礎的功能。
    • -
  • 標準化介面：呈現所有基本功能。
    • -
  • 最大化介面：除了基本功能外還會帶有進階功能介面。
    • -
-
- - - - - - - - -
- -
- 響應式設計標籤 - -
-

Tocas UI 支援響應式設計，為此需要新增下列一段的標籤在 HTML 來告訴行動裝置此網頁支援響應式設計。利用這個標籤還可以降低並解決行動裝置對於網頁的點擊延遲，請將這段放置於 HTML 中的 <head> .. </head> 處。

-
- - - - - - - - 
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
- - - - - - -
- -
- -
- 動態字體縮放 - -
-

Tocas UI 的所有元件字體大小是依賴著網頁基底而定。當網頁字型太小時，不需要變更每個元件的字型，可以直接變更 <html> 中的 font-size 大小設定，但 Tocas UI 也內建了 [data-scale] 屬性標籤能夠更改縮放級距。

- -
- - - - - - - - - - - - - - - - - - - - - - - - - -
手機或是行動裝置應用程式。
基本的網頁和桌上型電腦的軟體介面。
專注在文字的部落格、商業推廣情境。
-
-
- - - - - - - - 
<html data-scale="large">
-
- - - - - - -
- -
- -
- 尺寸與目前狀態 - -
-

在一般情況下，介面會以標準化規模呈現。當使用者的螢幕尺寸過小，僅會顯示最小化、最基礎的功能；當使用者的螢幕尺寸過大，那些多餘的輔助功能便可以出現在螢幕上。

- -

將應用程式、網頁以這三個規模設計，便能更加簡單地清楚地描述頁面的功能。

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
說明
最小化介面，常出現於手機…等行動裝置。
標準化介面，通常是平板電腦或較小筆記型電腦…等。
最大化介面，適用於大部分的桌上型電腦與大型筆記型電腦的使用者。
-
-
- - - - - - - - - - - - -
- -
- -
- 只有在 .. 時 - -
-

透過 is-x-only 的輔助樣式可以讓某個元素在特定的介面尺寸下出現，如果不符合這個尺寸則永遠隱藏。

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
說明
只在最小化時出現。
只在標準化時出現。
只在最大化時出現。
-
-
- - - - - - - - 
<div class="is-standard-only">把響應式標籤這樣套用在任何元素上！</div>
-
- - - - - - -
- -
- -
- 不是 .. 時 - -
-

透過 is-not-x 的輔助樣式讓某個元素在不是某個介面尺寸時才出現，與 is-x-only 是相反的設計。

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
說明
不是最小化的時候才出現。
不是標準化的時候才出現。
不是最大化的時候才出現。
-
-
- - - - - - - - 
<div class="is-not-minimal">這個元素只會在手機以外的裝置顯示。</div>
-
- - - - - - -
- - - - - - -
- - - - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/row.html b/docs/en-us/row.html deleted file mode 100644 index 4957c4907..000000000 --- a/docs/en-us/row.html +++ /dev/null @@ -1,1084 +0,0 @@ - - - - - - - - - - - - - - Row - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Row

-
Arrange elements horizontally from left to right with a flexible layout.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
-
- -
-
-
- -
-
-
-
- 
<div class="ts-row">
-    <div class="column is-fluid">
-        <div class="ts-input is-fluid">
-            <input type="text" class="input" placeholder="搜尋文章…" />
-        </div>
-    </div>
-    <div class="column">
-        <button class="ts-button">送出</button>
-    </div>
-</div>
-
-
- - - - - - -
Introduction
-

這個元素有點近似於網格系統，但水平排列可以特別令某個欄位填滿剩餘空間。

- -

和間隔容器不同的是：水平排列的項目絕對不會換行。

-
- - - - - -
Contents
- - - - - - - - - -
- -
- Column - - - -
-

排列裡的每個元素都必須要以欄位包覆。

-
- - - -
-
-
-
項目
-
-
-
項目
-
-
-
- 
<div class="ts-row">
-    <div class="column">
-        <div class="ts-segment">項目</div>
-    </div>
-    <div class="column">
-        <div class="ts-segment">項目</div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - -
欄位外觀
- - - - - - - - - -
- -
- Fluid - - - -
-

使某個欄位的寬度填滿剩餘空白位置，這會令其他欄位空間被壓縮到最小。

-
- - - -
-
-
-
- -
-
-
- -
-
-
- 
<div class="ts-row">
-    <div class="column is-fluid">
-        <div class="ts-input is-fluid">
-            <input type="text" class="input" placeholder="搜尋文章…" />
-        </div>
-    </div>
-    <div class="column">
-        <button class="ts-button">送出</button>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Evenly Divided - - - -
-

每個項目的寬度可以被平均分配，若有兩個則是 50%，三個則為 100% ÷ 3…等以此類推。

-
- - - -
-
-
-
這個項目 50% 寬度
-
-
-
這個項目 50% 寬度
-
-
-
-
-
-
這個項目 33% 寬度
-
-
-
這個項目 33% 寬度
-
-
-
這個項目 33% 寬度
-
-
-
- 
<div class="ts-row is-evenly-divided">
-    <div class="column">
-        <div class="ts-segment">這個項目 50% 寬度</div>
-    </div>
-    <div class="column">
-        <div class="ts-segment">這個項目 50% 寬度</div>
-    </div>
-</div>
-<div class="ts-row is-evenly-divided">
-    <div class="column">
-        <div class="ts-segment">這個項目 33% 寬度</div>
-    </div>
-    <div class="column">
-        <div class="ts-segment">這個項目 33% 寬度</div>
-    </div>
-    <div class="column">
-        <div class="ts-segment">這個項目 33% 寬度</div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Horizontal Aligns - - - -
-

項目可以選擇靠左、中或右對齊。

-
- - - -
-
-
-
- 置左對齊 -
-
-
-
-
-
-
- 置中對齊 -
-
-
-
-
-
-
- 置右對齊 -
-
-
-
- 
<div class="ts-row is-start-aligned">
-    <div class="column">
-        <div class="ts-segment" style="width: 160px;">
-            置左對齊
-        </div>
-    </div>
-</div>
-<div class="ts-row is-center-aligned">
-    <div class="column">
-        <div class="ts-segment" style="width: 160px;">
-            置中對齊
-        </div>
-    </div>
-</div>
-<div class="ts-row is-end-aligned">
-    <div class="column">
-        <div class="ts-segment" style="width: 160px;">
-            置右對齊
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Vertical Aligns - - - -
-

根據項目之間的高度，可以更改其上、中或下對齊方式。

-
- - - -
-
-
-
- Consectetur adipiscing elit.
- In fermentum metus dolor. -
-
-
-
- 置上對齊 -
-
-
-
- Consectetur adipiscing elit.
- In fermentum metus dolor. -
-
-
-
-
-
-
- Consectetur adipiscing elit.
- In fermentum metus dolor. -
-
-
-
- 置中對齊 -
-
-
-
- Consectetur adipiscing elit.
- In fermentum metus dolor. -
-
-
-
-
-
-
- Consectetur adipiscing elit.
- In fermentum metus dolor. -
-
-
-
- 置下對齊 -
-
-
-
- Consectetur adipiscing elit.
- In fermentum metus dolor. -
-
-
-
- 
<div class="ts-row is-top-aligned">
-    <div class="column">
-        <div class="ts-segment">
-            Consectetur adipiscing elit.<br>
-            In fermentum metus dolor.
-        </div>
-    </div>
-    <div class="column">
-        <div class="ts-segment">
-            置上對齊
-        </div>
-    </div>
-    <div class="column">
-        <div class="ts-segment">
-            Consectetur adipiscing elit.<br>
-            In fermentum metus dolor.
-        </div>
-    </div>
-</div>
-<div class="ts-row is-middle-aligned">
-    <div class="column">
-        <div class="ts-segment">
-            Consectetur adipiscing elit.<br>
-            In fermentum metus dolor.
-        </div>
-    </div>
-    <div class="column">
-        <div class="ts-segment">
-            置中對齊
-        </div>
-    </div>
-    <div class="column">
-        <div class="ts-segment">
-            Consectetur adipiscing elit.<br>
-            In fermentum metus dolor.
-        </div>
-    </div>
-</div>
-<div class="ts-row is-bottom-aligned">
-    <div class="column">
-        <div class="ts-segment">
-            Consectetur adipiscing elit.<br>
-            In fermentum metus dolor.
-        </div>
-    </div>
-    <div class="column">
-        <div class="ts-segment">
-            置下對齊
-        </div>
-    </div>
-    <div class="column">
-        <div class="ts-segment">
-            Consectetur adipiscing elit.<br>
-            In fermentum metus dolor.
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Density - - - -
-

欄位的間距可以更密或是更寬鬆。

-
- - - -
-
-
-
項目
-
-
-
項目
-
-
-
-
-
-
項目
-
-
-
項目
-
-
-
-
-
-
項目
-
-
-
項目
-
-
-
- 
<div class="ts-row is-relaxed is-evenly-divided">
-    <div class="column">
-        <div class="ts-segment">項目</div>
-    </div>
-    <div class="column">
-        <div class="ts-segment">項目</div>
-    </div>
-</div>
-<div class="ts-row is-evenly-divided">
-    <div class="column">
-        <div class="ts-segment">項目</div>
-    </div>
-    <div class="column">
-        <div class="ts-segment">項目</div>
-    </div>
-</div>
-<div class="ts-row is-compact is-evenly-divided">
-    <div class="column">
-        <div class="ts-segment">項目</div>
-    </div>
-    <div class="column">
-        <div class="ts-segment">項目</div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
Contents
-
- - - Column column - - -
- -
欄位外觀
-
- - - Fluid is-fluid - - -
- -
Variations
-
- - - Evenly Divided is-evenly-divided - - - - Horizontal Aligns is-start-aligned - - - - Vertical Aligns is-top-aligned - - - - Density is-relaxed - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/segment.html b/docs/en-us/segment.html deleted file mode 100644 index ba4443e3a..000000000 --- a/docs/en-us/segment.html +++ /dev/null @@ -1,968 +0,0 @@ - - - - - - - - - - - - - - Segment - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Segment

-
Used to create a grouping of related content or paragraph.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
- 現實生活應該像二次元那樣充滿新鮮的挑戰卻又十分地美好，而計畫這樣的未來正在我們的目標之一。我們正試著找尋多個不同的方式實現這樣的夢想，即便現在不可行，我們也永不放棄。 -
-
-
- 
<div class="ts-segment">
-    現實生活應該像二次元那樣充滿新鮮的挑戰卻又十分地美好，而計畫這樣的未來正在我們的目標之一。我們正試著找尋多個不同的方式實現這樣的夢想，即便現在不可行，我們也永不放棄。
-</div>
-
-
- - - - - - - - - - -
Variations
- - - - - - - - - -
- -
- Secondary - - - -
-

淡化的片段會以較不顯眼的方式出現，通常用以呈現某個資訊概要或頁腳。

-
- - - -
-
- TeaCat 是一個針對現代事物所特別設計的社群網站，其特色以具有隱私且沒有任何按讚功能為主。 -
-
- 
<div class="ts-segment is-secondary">
-    TeaCat 是一個針對現代事物所特別設計的社群網站，其特色以具有隱私且沒有任何按讚功能為主。
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Tertiary - - - -
-

更沈重的語氣讓使用者知道這不是內容主體。

-
- - - -
-
- Tocas UI 是卡莉絲伊繁星的設計語言，而卡莉絲伊繁星屬對空音商事有限公司。 -
-
- 
<div class="ts-segment is-tertiary">
-    Tocas UI 是卡莉絲伊繁星的設計語言，而卡莉絲伊繁星屬對空音商事有限公司。
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Text Aligns - - - -
-

更改文字的對齊方式。

-
- - - -
-
- 置起始位置 -
-
-
- 我置中 -
-
-
- 置結束位置 -
-
- 
<div class="ts-segment is-start-aligned">
-    置起始位置
-</div>
-<div class="ts-segment is-center-aligned">
-    我置中
-</div>
-<div class="ts-segment is-end-aligned">
-    置結束位置
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Padded - - - -
-

加大片段的內距，適合用於排版。

-
- - - -
-
- 這個區塊的內距是原本的 3 倍。 -
-
-
- 僅有增加左右水平內距。 -
-
-
- 僅有增加上下垂直內距。 -
-
- 
<div class="ts-segment is-padded">
-    這個區塊的內距是原本的 3 倍。
-</div>
-<div class="ts-segment is-horizontally-padded">
-    僅有增加左右水平內距。
-</div>
-<div class="ts-segment is-vertically-padded">
-    僅有增加上下垂直內距。
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Collapsed - - - -
-

片段的寬度預設會填滿父容器，但也能指定只符合內容寬度。

-
- - - -
-
-
- 
<div class="ts-segment is-collapsed">
-    這是一個來自台灣的社群網站，在這裡我們並沒有「讚」或是「已讀」。
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Indicated - - - -
-

讓片段的某個邊緣有特別標記的樣式。

-
- - - -
-
- 上部標記 -
-
-
- 下部標記 -
-
-
- 左邊標記 -
-
-
- 右部標記 -
-
- 
<div class="ts-segment is-top-indicated">
-    上部標記
-</div>
-<div class="ts-segment is-bottom-indicated">
-    下部標記
-</div>
-<div class="ts-segment is-left-indicated">
-    左邊標記
-</div>
-<div class="ts-segment is-right-indicated">
-    右部標記
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Emphasises - - - -
-

讓片段擁有邊緣標記的同時，更改其標記顏色語意。這可以用來強調這個片段呈現的內容是否危險、安全或是需讓人注意的。

-
- - - -
-
- 負面的 -
-
-
- 正面的 -
-
-
- 警告的 -
-
- 
<div class="ts-segment is-negative is-top-indicated">
-    負面的
-</div>
-<div class="ts-segment is-positive is-top-indicated">
-    正面的
-</div>
-<div class="ts-segment is-warning is-top-indicated">
-    警告的
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Elevated - - - -
-

透過陰影讓片段看起來有浮起的感覺，如果有一個需要備受矚目的中心內容（如：登入表單）這會是個好選擇。

-
- - - -
-
-
抬升的
-
-
-
-
非常抬升的
-
-
- 
<div class="ts-segment is-elevated">
-    <div class="ts-content">抬升的</div>
-</div>
-<div class="ts-segment is-very-elevated">
-    <div class="ts-content">非常抬升的</div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Dense - - - -
-

變更元件的內距，令元素之間看起來更密集。

-
- - - -
-
- 建立人與人之間的聯繫並提供一個良好的內容創作環境是我們的首要目標。任何人都應該有不受拘束的創作自由，這也是我們最致力發展的目標。 -
-
- 
<div class="ts-segment is-dense">
-    建立人與人之間的聯繫並提供一個良好的內容創作環境是我們的首要目標。任何人都應該有不受拘束的創作自由，這也是我們最致力發展的目標。
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
Variations
-
- - - Secondary is-secondary - - - - Tertiary is-tertiary - - - - Text Aligns is-start-aligned - - - - Padded is-padded - - - - Collapsed is-collapsed - - - - Indicated is-top-indicated - - - - Emphasises is-negative - - - - Elevated is-elevated - - - - Dense is-dense - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/select.html b/docs/en-us/select.html deleted file mode 100644 index a26fadeda..000000000 --- a/docs/en-us/select.html +++ /dev/null @@ -1,1218 +0,0 @@ - - - - - - - - - - - - - - Select - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Select

-
Allows a user to select a value from a series of options.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
- -
-
-
- 
<div class="ts-select">
-    <select>
-        <option>蘋果</option>
-        <option>西瓜</option>
-        <option>香蕉</option>
-    </select>
-</div>
-
-
- - - - - - - - - - -
States
- - - - - - - - - -
- -
- Disabled - - - -
-

使下拉選擇欄位呈現無法互動、點擊的模樣。若你希望真正地停用選取行為，請在該下拉選擇欄位增加 disabled 標籤以符合 HTML 規範。

-
- - - -
-
- -
-
- 
<div class="ts-select is-disabled">
-    <select>
-        <option>MySpace</option>
-        <option>Facebook</option>
-        <option>Twitter</option>
-    </select>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Active - - - -
-

表示選擇欄位目前正在被選取或是展開的樣子。若子元素裡包含彈出式選單則會一同連帶開啟。

-
- - - -
-
- -
-
- 
<div class="ts-select is-active">
-    <select>
-        <option>TeaMeow</option>
-        <option>Tunalog</option>
-        <option>EnekoCore</option>
-    </select>
-</div>
-
-
- - - - - - - - - - -
- - - -
Content
- - - - - - - - - -
- -
- Content - - - -
-

在下拉選擇欄位中擺放更豐富的內容，如：圖示、旗幟或是大頭貼。

- -

使用此樣式的時候原生 HTML 選擇元素將無法使用，須搭配彈出式選單或是以 JavaScript 觸發其他元素。查看底部的組合應用章節來檢視如何使用。

-
- - - -
-
-
- Taiwan -
-
-
- 
<div class="ts-select">
-    <div class="content">
-        <span class="ts-flag is-tw-flag"></span> Taiwan
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Solid - - - -
-

帶有實心背景的欄位能更明確地呈現這是可供互動的元素。

-
- - - -
-
- -
-
- 
<div class="ts-select is-solid">
-    <select>
-        <option>Golang</option>
-        <option>PHP</option>
-        <option>Node.js</option>
-    </select>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Underlined - - - -
-

以實心背景和底線明顯呈現一個欄位，讓使用者如填寫表單一樣。

-
- - - -
-
- -
-
- 
<div class="ts-select is-underlined">
-    <select>
-        <option>台東</option>
-        <option>高雄</option>
-        <option>台南</option>
-    </select>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Basic - - - -
-

移除所有多餘的結構，僅呈現下拉文字與輔助圖示。

-
- - - -
-
- -
-
- 
<div class="ts-select is-basic">
-    <select>
-        <option>AMD</option>
-        <option>Intel</option>
-    </select>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Negative - - - -
-

令一個欄位看起來帶有負面或危險的狀態，通常可能是指這個欄位沒有被選擇。

-
- - - -
-
- -
-
- 
<div class="ts-select is-negative">
-    <select>
-        <option>Yami Odymel</option>
-        <option>Mac Taylor</option>
-        <option>Val Pyen</option>
-    </select>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Fluid - - - -
-

使欄位的寬度符合父容器的寬度。

-
- - - -
-
- -
-
- 
<div class="ts-select is-fluid">
-    <select>
-        <option>千導院楓</option>
-        <option>粒櫻杏子</option>
-        <option>若葉昴</option>
-    </select>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

更改下拉式選擇的大小。

-
- - - -
-
- -
-
-
- -
-
-
- -
-
- 
<div class="ts-select is-small">
-    <select>
-        <option>小型欄位</option>
-    </select>
-</div>
-<div class="ts-select">
-    <select>
-        <option>預設欄位</option>
-    </select>
-</div>
-<div class="ts-select is-large">
-    <select>
-        <option>大型欄位</option>
-    </select>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Dense - - - -
-

變更元件的內距，令元素之間看起來更密集。

-
- - - -
-
- -
-
- 
<div class="ts-select is-dense">
-    <select>
-        <option>Tensorflow</option>
-    </select>
-</div>
-
-
- - - - - - - - - - -
- - - -
Compositions
- - - - - - - - - -
- -
- Dropdown - - - -
-

下拉式選擇欄位能夠與彈出式選單一同使用。像 Facebook 貼文發表那樣，一個帶有圖示輔助的內容隱私設定欄位。

-
- - - -
-
-
- 所有人 -
-
- - - -
-
-
-
-
- 
<div class="ts-select is-active">
-    <div class="content">
-        <span class="ts-icon is-users-icon"></span> 所有人
-    </div>
-    <div class="ts-dropdown is-bottom">
-        <button class="item">
-            <span class="ts-icon is-users-icon"></span> 所有人
-        </button>
-        <button class="item is-selected">
-            <span class="ts-icon is-user-group-icon"></span> 僅有朋友
-        </button>
-        <button class="item">
-            <span class="ts-icon is-lock-icon"></span> 只限自己
-        </button>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Chips - - - -
-

在電子信箱或是標註人名時，常常會有一個可供新增更多使用者的下拉式選擇欄位。

-
- - - -
-
-
-
-
- An unimportant image placeholder for demonstration -
- ゲオルイース - -
-
-
- An unimportant image placeholder for demonstration -
- グイーネ - -
-
-
-
- 
<div class="ts-select is-fluid">
-    <div class="content">
-        <div class="ts-chip">
-            <div class="ts-image">
-                <img src="user.png" />
-            </div>
-            ゲオルイース
-            <button class="ts-close is-small"></button>
-        </div>
-        <div class="ts-chip">
-            <div class="ts-image">
-                <img src="user.png" />
-            </div>
-            グイーネ
-            <button class="ts-close is-small"></button>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
States
-
- - - Disabled is-disabled - - - - Active is-active - - -
- -
Content
-
- - - Content content - - -
- -
Variations
-
- - - Solid is-solid - - - - Underlined is-underlined - - - - Basic is-basic - - - - Negative is-negative - - - - Fluid is-fluid - - - - Sizes is-small - - - - Dense is-dense - - -
- -
Compositions
-
- - - Dropdown {{ts-dropdown}} - - - - Chips {{ts-chip}} - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/selection.html b/docs/en-us/selection.html deleted file mode 100644 index 589c7fd11..000000000 --- a/docs/en-us/selection.html +++ /dev/null @@ -1,939 +0,0 @@ - - - - - - - - - - - - - - Selection - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Selection

-
A toggle-like input allows user to select a value from a set of options.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
- - - -
-
-
- 
<div class="ts-selection">
-    <label class="item">
-        <input type="radio" name="aircon" checked />
-        <div class="text">冷氣</div>
-    </label>
-    <label class="item">
-        <input type="radio" name="aircon" />
-        <div class="text">暖氣</div>
-    </label>
-    <label class="item">
-        <input type="radio" name="aircon" />
-        <div class="text">送風</div>
-    </label>
-</div>
-
-
- - - - - - -
Introduction
-

在使用這個元件的時候，我們建議至少預設要有一個被啟用的項目以避免使用者不知道這是一個可供互動的表單控制元件。

- -

這個元件是用來在不同模式或選項中來回切換，如果希望以此來切換內容請使用分頁籤。

-
- - - - - -
States
- - - - - - - - - -
- -
- Disabled - - - -
-

使項目選擇呈現無法互動、點擊的模樣。若你希望真正地停用核取行為，請在該項目選擇增加 disabled 標籤以符合 HTML 規範。

-
- - - -
-
- - - -
-
- 
<div class="ts-selection">
-    <label class="item is-disabled">
-        <input type="radio" name="version" />
-        <div class="text">標準</div>
-    </label>
-    <label class="item">
-        <input type="radio" name="version" checked />
-        <div class="text">進階</div>
-    </label>
-    <label class="item">
-        <input type="radio" name="version" />
-        <div class="text">測試</div>
-    </label>
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Circular - - - -
-

將邊緣角落以圓角處理。

-
- - - -
-
- - - -
-
- 
<div class="ts-selection is-circular">
-    <label class="item">
-        <input type="radio" name="audio" checked />
-        <div class="text">低音</div>
-    </label>
-    <label class="item">
-        <input type="radio" name="audio" />
-        <div class="text">中音</div>
-    </label>
-    <label class="item">
-        <input type="radio" name="audio" />
-        <div class="text">高音</div>
-    </label>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Fluid - - - -
-

項目切換的寬度可以是最大的直至與父容器相等。

-
- - - -
-
- - - -
-
- 
<div class="ts-selection is-fluid">
-    <label class="item">
-        <input type="radio" name="language" />
-        <div class="text">台灣正體</div>
-    </label>
-    <label class="item">
-        <input type="radio" name="language" checked />
-        <div class="text">英文</div>
-    </label>
-    <label class="item">
-        <input type="radio" name="language" />
-        <div class="text">日本語</div>
-    </label>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

更改項目切換的大小。

-
- - - -
-
- - -
-
-
- - -
-
-
- - -
-
- 
<div class="ts-selection is-small">
-    <label class="item">
-        <input type="radio" name="size-1" checked />
-        <div class="text">小型項目</div>
-    </label>
-    <label class="item">
-        <input type="radio" name="size-1" />
-        <div class="text">小型項目</div>
-    </label>
-</div>
-<div class="ts-selection">
-    <label class="item">
-        <input type="radio" name="size-2" checked />
-        <div class="text">預設項目</div>
-    </label>
-    <label class="item">
-        <input type="radio" name="size-2" />
-        <div class="text">預設項目</div>
-    </label>
-</div>
-<div class="ts-selection is-large">
-    <label class="item">
-        <input type="radio" name="size-3" checked />
-        <div class="text">大型項目</div>
-    </label>
-    <label class="item">
-        <input type="radio" name="size-3" />
-        <div class="text">大型項目</div>
-    </label>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Dense - - - -
-

變更元件的內距，令元素之間看起來更密集。

-
- - - -
-
- - - -
-
- 
<div class="ts-selection is-dense">
-    <label class="item">
-        <input type="radio" name="performance" checked />
-        <div class="text">靜音</div>
-    </label>
-    <label class="item">
-        <input type="radio" name="performance" />
-        <div class="text">普通</div>
-    </label>
-    <label class="item">
-        <input type="radio" name="performance" />
-        <div class="text">效能</div>
-    </label>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
States
-
- - - Disabled is-disabled - - -
- -
Variations
-
- - - Circular is-circular - - - - Fluid is-fluid - - - - Sizes is-small - - - - Dense is-dense - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/space.html b/docs/en-us/space.html deleted file mode 100644 index 8a8d1c265..000000000 --- a/docs/en-us/space.html +++ /dev/null @@ -1,594 +0,0 @@ - - - - - - - - - - - - - - Space - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Space

-
Separates the content and components with an invisible space.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
我是微笑小安安，歡迎來到小安網站。
-
-
你將會在這裡看見一個魔法師的日常生活。
-
-
- 
<div class="ts-segment">我是微笑小安安，歡迎來到小安網站。</div>
-<div class="ts-space"></div>
-<div class="ts-segment">你將會在這裡看見一個魔法師的日常生活。</div>
-
-
- - - - - - -
Introduction
-

通常空白間距可以被間隔容器自動解決，但如果需要特別指定某些間隙大小則可以使用此元件。

-
- - - - - -
Variations
- - - - - - - - - -
- -
- Sizes - - - -
-

透過變更尺寸大小，可以增加或減少空白間距。為了更加清楚地看見其變化，我們在這個範例替間距加上了背景顏色，在實際應用中並不會看到這個背景色。

-
- - - -
-
-
-
-
-
-
-
-
-
-
- 
<div class="ts-space is-small" style="background: var(--ts-gray-300);"></div>
-<div class="ts-space" style="background: var(--ts-gray-300);"></div>
-<div class="ts-space is-large" style="background: var(--ts-gray-300);"></div>
-<div class="ts-space is-big" style="background: var(--ts-gray-300);"></div>
-<div class="ts-space is-huge" style="background: var(--ts-gray-300);"></div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
Variations
-
- - - Sizes is-small - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/statistic.html b/docs/en-us/statistic.html deleted file mode 100644 index 91d58aa32..000000000 --- a/docs/en-us/statistic.html +++ /dev/null @@ -1,765 +0,0 @@ - - - - - - - - - - - - - - Statistic - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Statistic

-
Emphasizes the current value of an attribute.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
8,964
-
32
-
-
-
- 
<div class="ts-statistic">
-    <div class="value">8,964</div>
-    <div class="comparison is-increased">32</div>
-</div>
-
-
- - - - - - - - - - -
Contents
- - - - - - - - - -
- -
- Value - - - -
-

The values are presented in larger size.

-
- - - -
-
-
19,293
-
-
- 
<div class="ts-statistic">
-    <div class="value">19,293</div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Comparison - - - -
-

Indicates the difference in this data since the last time.

-
- - - -
-
-
42,689
-
195
-
-
-
-
1,998
-
13
-
-
- 
<div class="ts-statistic">
-    <div class="value">42,689</div>
-    <div class="comparison is-increased">195</div>
-</div>
-<div class="ts-statistic">
-    <div class="value">1,998</div>
-    <div class="comparison is-decreased">13</div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Unit - - - -
-

Indicate the units of this data.

-
- - - -
-
-
10,000
-
Times
-
-
- 
<div class="ts-statistic">
-    <div class="value">10,000</div>
-    <div class="unit">Times</div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Icon - - - -
-

Representative icon of the value.

-
- - - -
-
- -
30,000
-
-
- 
<div class="ts-statistic">
-    <span class="ts-icon is-eye-icon"></span>
-    <div class="value">30,000</div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Compositions
- - - - - - - - - -
- -
- Label - - - -
-

It is recommended to place a label above or below the Statistic to indicate what the data is.

-
- - - -
-
Downloads
-
-
10,000
-
Times
-
-
- 
<div class="ts-text is-label">Downloads</div>
-<div class="ts-statistic">
-    <div class="value">10,000</div>
-    <div class="unit">Times</div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
- - - -
- -
Contents
-
- - - Value value - - - - Comparison is-increased - - - - Unit unit - - - - Icon {{ts-icon}} - - -
- -
Compositions
-
- - - Label {{ts-text}} - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/switch.html b/docs/en-us/switch.html deleted file mode 100644 index 549531878..000000000 --- a/docs/en-us/switch.html +++ /dev/null @@ -1,703 +0,0 @@ - - - - - - - - - - - - - - Switch - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Switch

-
Provides an option for on and off status only.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
-
- 
<label class="ts-switch">
-    <input type="checkbox" checked />
-    Circuit Breaker
-</label>
-
-
- - - - - - - - - - -
States
- - - - - - - - - -
- -
- Disabled - - - -
-

Makes the Switch appear uninteractive. Remember to a disabled attribute to the input if you want to actually disable the Switch behaviour.

-
- - - -
-
-
- 
<label class="ts-switch is-disabled">
-    <input type="checkbox" />
-    Advanced Mode
-</label>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Negative - - - -
-

Indicates that the Switch may not meet the specified conditions.

-
- - - -
-
-
- 
<label class="ts-switch is-negative">
-    <input type="checkbox" />
-    Anti-spam
-</label>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

Change the size of the Switch.

-
- - - -
-
-
- -
- -
- 
<label class="ts-switch is-small">
-    <input type="checkbox" checked />
-    Small
-</label>
-<label class="ts-switch">
-    <input type="checkbox" checked />
-    Default
-</label>
-<label class="ts-switch is-large">
-    <input type="checkbox" checked />
-    Large
-</label>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
States
-
- - - Disabled is-disabled - - -
- -
Variations
-
- - - Negative is-negative - - - - Sizes is-small - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/tab.html b/docs/en-us/tab.html deleted file mode 100644 index f6e681f56..000000000 --- a/docs/en-us/tab.html +++ /dev/null @@ -1,1312 +0,0 @@ - - - - - - - - - - - - - - Tab - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Tab

-
Allows user to switch between contents.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
- - - 項目 - - - - 活動 - - - - 合約 - -
-
-
- 
<div class="ts-tab">
-    <a class="item">
-        <span class="ts-icon is-list-icon"></span>
-        項目
-    </a>
-    <a class="item is-active">
-        <span class="ts-icon is-chart-line-icon"></span>
-        活動
-    </a>
-    <a class="item">
-        <span class="ts-icon is-scroll-icon"></span>
-        合約
-    </a>
-</div>
-
-
- - - - - - - - - - -
Items
- - - - - - - - - -
- -
- Active - - - -
-

指示目前所在的位置項目。

-
- - - -
-
- 通話紀錄 - 簡訊 - 安全防護 - 聯絡人 -
-
- 
<div class="ts-tab">
-    <a class="item">通話紀錄</a>
-    <a class="item is-active">簡訊</a>
-    <a class="item">安全防護</a>
-    <a class="item">聯絡人</a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Disabled - - - -
-

讓使用者無法與指定項目或分頁互動。

-
- - - -
-
- - - 探索 - - - - 出發 - - - - 最新動態 - -
-
- 
<div class="ts-tab">
-    <a class="item">
-        <span class="ts-icon is-compass-icon"></span>
-        探索
-    </a>
-    <a class="item">
-        <span class="ts-icon is-car-icon"></span>
-        出發
-    </a>
-    <a class="item is-disabled">
-        <span class="ts-icon is-bell-icon"></span>
-        最新動態
-    </a>
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Pilled - - - -
-

讓分頁項目帶有圓角使其看起來像藥丸。

-
- - - -
-
- 詳細資訊 - 擁有者 - 區塊鏈資訊 - 屬性 -
-
- 
<div class="ts-tab is-pilled">
-    <a class="item">詳細資訊</a>
-    <a class="item is-active">擁有者</a>
-    <a class="item">區塊鏈資訊</a>
-    <a class="item">屬性</a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Secondary - - - -
-

使啟用項目的語氣不會那麼沈重。

-
- - - -
-
- - - 交易紀錄 - - - - 內部轉移 - - - - 事件 - - - - 分析 - -
-
- 
<div class="ts-tab is-secondary is-pilled">
-    <a class="item">
-        <span class="ts-icon is-list-icon"></span>
-        交易紀錄
-    </a>
-    <a class="item">
-        <span class="ts-icon is-money-check-dollar-icon"></span>
-        內部轉移
-    </a>
-    <a class="item is-active">
-        <span class="ts-icon is-calendar-day-icon"></span>
-        事件
-    </a>
-    <a class="item">
-        <span class="ts-icon is-chart-bar-icon"></span>
-        分析
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Segmented - - - -
-

以區段的方式呈現出一個切換器的效果。

-
- - - -
-
- 項目 - 群組 - 資訊 -
-
- 
<div class="ts-tab is-segmented">
-    <a class="item">項目</a>
-    <a class="item is-active">群組</a>
-    <a class="item">資訊</a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Fluid - - - -
-

使整個分頁籤符合父容器的寬度。

-
- - - -
-
- 個人檔案 - 裝備 - 道具 - 技能 -
-
- 
<div class="ts-tab is-fluid">
-    <a class="item">個人檔案</a>
-    <a class="item is-active">裝備</a>
-    <a class="item">道具</a>
-    <a class="item">技能</a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Aligns - - - -
-

更改項目的起始位置。

-
- - - -
-
- 相片 - 搜尋 - 共享 -
-
- 相片 - 搜尋 - 共享 -
-
- 相片 - 搜尋 - 共享 -
-
- 
<div class="ts-tab is-start-aligned">
-    <a class="item">相片</a>
-    <a class="item is-active">搜尋</a>
-    <a class="item">共享</a>
-</div>
-<div class="ts-tab is-center-aligned">
-    <a class="item">相片</a>
-    <a class="item is-active">搜尋</a>
-    <a class="item">共享</a>
-</div>
-<div class="ts-tab is-end-aligned">
-    <a class="item">相片</a>
-    <a class="item is-active">搜尋</a>
-    <a class="item">共享</a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

更改分頁籤的大小。

-
- - - -
-
- 詳細資訊 - 擁有者 - 區塊鏈資訊 -
-
-
- 詳細資訊 - 擁有者 - 區塊鏈資訊 -
-
-
- 詳細資訊 - 擁有者 - 區塊鏈資訊 -
-
- 
<div class="ts-tab is-small is-pilled">
-    <a class="item">詳細資訊</a>
-    <a class="item is-active">擁有者</a>
-    <a class="item">區塊鏈資訊</a>
-</div>
-<div class="ts-tab is-pilled">
-    <a class="item">詳細資訊</a>
-    <a class="item is-active">擁有者</a>
-    <a class="item">區塊鏈資訊</a>
-</div>
-<div class="ts-tab is-large is-pilled">
-    <a class="item">詳細資訊</a>
-    <a class="item is-active">擁有者</a>
-    <a class="item">區塊鏈資訊</a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Relaxed - - - -
-

使項目之間看起來更寬鬆不擁擠。

-
- - - -
-
- 未讀 - 全部通知 - 封存 -
-
-
- 未讀 - 全部通知 - 封存 -
-
- 
<div class="ts-tab">
-    <a class="item is-active">未讀</a>
-    <a class="item">全部通知</a>
-    <a class="item">封存</a>
-</div>
-<div class="ts-tab is-relaxed">
-    <a class="item is-active">未讀</a>
-    <a class="item">全部通知</a>
-    <a class="item">封存</a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Dense - - - -
-

變更元件的內距，令元素之間看起來更密集。

-
- - - -
-
- 實際效果 - 預覽 -
-
- 
<div class="ts-tab is-dense is-segmented">
-    <a class="item">實際效果</a>
-    <a class="item is-active">預覽</a>
-</div>
-
-
- - - - - - - - - - -
- - - -
Compositions
- - - - - - - - - -
- -
- Navigation Tab - - - -
-

擺放在某些區塊的上方，可以就像真的在進行分頁切換一樣。

-
- - - -
-
-
-
- 音樂 - 貼文 - 影片 -
-
-
-
- 早安，我的朋友！ -
-
-
- 
<div class="ts-box">
-    <div class="ts-content is-fitted is-secondary">
-        <div class="ts-tab">
-            <a class="item">音樂</a>
-            <a class="item is-active">貼文</a>
-            <a class="item">影片</a>
-        </div>
-    </div>
-    <div class="ts-divider"></div>
-    <div class="ts-content">
-        早安，我的朋友！
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Panel Toggle - - - -
-

片段分頁籤和表格放置在一起，可以用來切換項目的檢視狀態。

-
- - - -
-
-
-
-
-
- 項目 - 分類 -
-
-
- -
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - -
名稱數量金額
磁力共振掃描1$ 40,222
電腦斷層掃描1$ 20,000
正電子發射斷層掃描1$ 31,000
-
-
- 
<div class="ts-box">
-    <div class="ts-content is-dense">
-        <div class="ts-row">
-            <div class="column is-fluid">
-                <div class="ts-tab is-segmented">
-                    <a class="item">項目</a>
-                    <a class="item is-active">分類</a>
-                </div>
-            </div>
-            <div class="column">
-                <button class="ts-button is-outlined is-short is-end-icon">
-                    編輯
-                    <span class="ts-icon is-pen-to-square-icon"></span>
-                </button>
-            </div>
-        </div>
-    </div>
-    <div class="ts-divider"></div>
-    <table class="ts-table">
-        <thead>
-            <tr>
-                <th>名稱</th>
-                <th class="is-end-aligned">數量</th>
-                <th class="is-end-aligned">金額</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>磁力共振掃描</td>
-                <td class="is-end-aligned">1</td>
-                <td class="is-end-aligned">$ 40,222</td>
-            </tr>
-            <tr>
-                <td>電腦斷層掃描</td>
-                <td class="is-end-aligned">1</td>
-                <td class="is-end-aligned">$ 20,000</td>
-            </tr>
-            <tr>
-                <td>正電子發射斷層掃描</td>
-                <td class="is-end-aligned">1</td>
-                <td class="is-end-aligned">$ 31,000</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
Items
-
- - - Active is-active - - - - Disabled is-disabled - - -
- -
Variations
-
- - - Pilled is-pilled - - - - Secondary is-secondary - - - - Segmented is-segmented - - - - Fluid is-fluid - - - - Aligns is-start-aligned - - - - Sizes is-small - - - - Relaxed is-relaxed - - - - Dense is-dense - - -
- -
Compositions
-
- - - Navigation Tab ts-tab - - - - Panel Toggle ts-tab - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/table.html b/docs/en-us/table.html deleted file mode 100644 index cd3e03d21..000000000 --- a/docs/en-us/table.html +++ /dev/null @@ -1,2788 +0,0 @@ - - - - - - - - - - - - - - Table - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Table

-
Displays a collections of data grouped into rows.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#名稱英文名稱
1半音商業銀行Flat Bank
2對空音商事有限公司Sorae & Co., Ltd.
3卡莉絲伊繁星Caris Events
統計筆數：3
-
-
-
- 
<div class="ts-box">
-    <table class="ts-table">
-        <thead>
-            <tr>
-                <th>#</th>
-                <th>名稱</th>
-                <th>英文名稱</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>1</td>
-                <td>半音商業銀行</td>
-                <td>Flat Bank</td>
-            </tr>
-            <tr>
-                <td>2</td>
-                <td>對空音商事有限公司</td>
-                <td>Sorae & Co., Ltd.</td>
-            </tr>
-            <tr>
-                <td>3</td>
-                <td>卡莉絲伊繁星</td>
-                <td>Caris Events</td>
-            </tr>
-        </tbody>
-        <tfoot>
-            <tr>
-                <th colspan="3">統計筆數：3</th>
-            </tr>
-        </tfoot>
-    </table>
-</div>
-
-
- - - - - - -
Introduction
-

表格預設是一個沒有外距且會貼齊父容器的元件，如果希望表格能有一個外框線就像自己是個獨立的卡片那樣，請同時使用箱型容器包覆其元件。

-
- - - - - -
Types
- - - - - - - - - -
- -
- Definition - - - -
-

表格中的第一個欄位都是該行的標題。

-
- - - -
-
- - - - - - - - - - - - - - - - - - - - -
參數說明
header()title[string]輸出網頁標頭。
footer()path[string], name[string[optional]]於網頁最底部輸出內容，可同時儲存內容至一個檔案。
-
-
- 
<div class="ts-box">
-    <table class="ts-table is-definition">
-        <thead>
-            <tr>
-                <th></th>
-                <th>參數</th>
-                <th>說明</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>header()</td>
-                <td>title[<em>string</em>]</td>
-                <td>輸出網頁標頭。</td>
-            </tr>
-            <tr>
-                <td>footer()</td>
-                <td>path[<em>string</em>], name[<em>string</em>[<em>optional</em>]]</td>
-                <td>於網頁最底部輸出內容，可同時儲存內容至一個檔案。</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Celled - - - -
-

無論是否為同行的欄位都會被分隔線區隔，令整個表格看起來像是網狀的一樣。

-
- - - -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Git 倉庫
第一次 Commit！
- - test - 第一次 Commit！
- - build - 第一次 Commit！
- - package.json - 第一次 Commit！
- - Gruntfile.js - 第一次 Commit！
-
-
- 
<div class="ts-box">
-    <table class="ts-table is-celled is-striped">
-        <thead>
-            <tr>
-                <th colspan="3">Git 倉庫</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td class="is-collapsed">
-                    <span class="ts-icon is-folder-icon is-end-spaced"></span>
-                    node_modules
-                </td>
-                <td>第一次 Commit！</td>
-                <td class="is-collapsed">10 小時前</td>
-            </tr>
-            <tr>
-                <td>
-                    <span class="ts-icon is-folder-icon is-end-spaced"></span>
-                    test
-                </td>
-                <td>第一次 Commit！</td>
-                <td class="is-collapsed">10 小時前</td>
-            </tr>
-            <tr>
-                <td>
-                    <span class="ts-icon is-folder-icon is-end-spaced"></span>
-                    build
-                </td>
-                <td>第一次 Commit！</td>
-                <td class="is-collapsed">10 小時前</td>
-            </tr>
-            <tr>
-                <td>
-                    <span class="ts-icon is-file-icon is-regular is-end-spaced"></span>
-                    package.json
-                </td>
-                <td>第一次 Commit！</td>
-                <td class="is-collapsed">10 小時前</td>
-            </tr>
-            <tr>
-                <td>
-                    <span class="ts-icon is-file-icon is-regular is-end-spaced"></span>
-                    Gruntfile.js
-                </td>
-                <td>第一次 Commit！</td>
-                <td class="is-collapsed">10 小時前</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Basic - - - -
-

基本的表格會沒有標頭、頁腳的深色背景，而一個更加基本的表格會連項目之間的分隔線都沒有。

-
- - - -
-
- - - - - - - - - - - - - - - - - - - - - - - - - -
檔案名稱分類說明
file.phpController用來處理檔案相關程式。
star.phpController處理星號程式。
favorite.phpModel處理最愛的項目。
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - -
檔案名稱分類說明
file.phpController用來處理檔案相關程式。
star.phpController處理星號程式。
favorite.phpModel處理最愛的項目。
-
-
- 
<div class="ts-box">
-    <table class="ts-table is-basic">
-        <thead>
-            <tr>
-                <th>檔案名稱</th>
-                <th>分類</th>
-                <th>說明</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>file.php</td>
-                <td>Controller</td>
-                <td>用來處理檔案相關程式。</td>
-            </tr>
-            <tr>
-                <td>star.php</td>
-                <td>Controller</td>
-                <td>處理星號程式。</td>
-            </tr>
-            <tr>
-                <td>favorite.php</td>
-                <td>Model</td>
-                <td>處理最愛的項目。</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-<div class="ts-box">
-    <table class="ts-table is-very-basic">
-        <thead>
-            <tr>
-                <th>檔案名稱</th>
-                <th>分類</th>
-                <th>說明</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>file.php</td>
-                <td>Controller</td>
-                <td>用來處理檔案相關程式。</td>
-            </tr>
-            <tr>
-                <td>star.php</td>
-                <td>Controller</td>
-                <td>處理星號程式。</td>
-            </tr>
-            <tr>
-                <td>favorite.php</td>
-                <td>Model</td>
-                <td>處理最愛的項目。</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Striped - - - -
-

在不同行之間以不同的背景色調營造出條紋感，讓使用者更能區分不同行列。

-
- - - -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
IP 位置協議註釋
164.17.183.5HTTPYami 的虛擬機。
186.173.16.34HTTP台北客戶的部落格網站。
204.57.189.23HTTP測試伺服器，預計每日自動重新啟動。
183.46.31.8HTTP香港醫療業務專用。
89.42.6.1HTTP提供給日本保險公司的備援伺服器。
-
-
- 
<div class="ts-box">
-    <table class="ts-table is-striped">
-        <thead>
-            <tr>
-                <th>IP 位置</th>
-                <th>協議</th>
-                <th>註釋</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>164.17.183.5</td>
-                <td>HTTP</td>
-                <td>Yami 的虛擬機。</td>
-            </tr>
-            <tr>
-                <td>186.173.16.34</td>
-                <td>HTTP</td>
-                <td>台北客戶的部落格網站。</td>
-            </tr>
-            <tr>
-                <td>204.57.189.23</td>
-                <td>HTTP</td>
-                <td>測試伺服器，預計每日自動重新啟動。</td>
-            </tr>
-            <tr>
-                <td>183.46.31.8</td>
-                <td>HTTP</td>
-                <td>香港醫療業務專用。</td>
-            </tr>
-            <tr>
-                <td>89.42.6.1</td>
-                <td>HTTP</td>
-                <td>提供給日本保險公司的備援伺服器。</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Collapsed Table - - - -
-

閉合的表格會讓其寬度符合內容，而不會呈現全寬。

-
- - - -
-
-
- 
<div class="ts-box is-collapsed">
-    <table class="ts-table is-collapsed">
-        <thead>
-            <tr>
-                <th>#</th>
-                <th>姓名</th>
-                <th>英文暱稱</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>1</td>
-                <td>卡莉絲</td>
-                <td>Caris</td>
-            </tr>
-            <tr>
-                <td>2</td>
-                <td>橙希</td>
-                <td>Orenji</td>
-            </tr>
-            <tr>
-                <td>3</td>
-                <td>白音</td>
-                <td>Shirone</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Single Line - - - -
-

表格裡的文字絕對不換行，若文字太長則會超出其範圍。通常用於避免會被意外換行的欄位或標頭。

-
- - - -
-
- - - - - - - - - - - - - - - - - - - - - - - - -
文章名稱註釋狀態
BibendumEt venenatis orci placerat vitae. Sed posuere auctor.核准
PretiumDonec rutrum accumsan augue vitae pretium.核准
FeugiatAliquam varius, mi ut convallis rhoncus, nunc dolor feugiat mi.拒絕
-
- 
<table class="ts-table is-single-line">
-    <thead>
-        <tr>
-            <th>文章名稱</th>
-            <th>註釋</th>
-            <th>狀態</th>
-        </tr>
-    </thead>
-    <tbody>
-        <tr>
-            <td>Bibendum</td>
-            <td>Et venenatis orci placerat vitae. Sed posuere auctor.</td>
-            <td>核准</td>
-        </tr>
-        <tr>
-            <td>Pretium</td>
-            <td>Donec rutrum accumsan augue vitae pretium.</td>
-            <td>核准</td>
-        </tr>
-        <tr>
-            <td>Feugiat</td>
-            <td>Aliquam varius, mi ut convallis rhoncus, nunc dolor feugiat mi.</td>
-            <td>拒絕</td>
-        </tr>
-    </tbody>
-</table>
-
-
- - - - - - - - - - -
- -
- -
- Truncated - - - -
-

表格內所有欲換行的文字會直接被截斷。

-
- - - -
-
- - - - - - - - - - - - - - - - - - - - - - - - -
文章名稱狀態註釋
Lorem Ipsum核准Etiam aliquet pulvinar sapien, et venenatis orci placerat vitae. Sed posuere bibendum ante et porttitor. Fusce auctor.
Etiam aliquet核准Nulla sed ex eget ligula gravida condimentum non id dui. Donec rutrum accumsan augue vitae pretium.
Aliquam拒絕Curabitur volutpat tristique erat ut pulvinar. Aliquam varius, mi ut convallis rhoncus, nunc dolor feugiat mi.
-
- 
<table class="ts-table is-truncated is-basic">
-    <thead>
-        <tr>
-            <th>文章名稱</th>
-            <th>狀態</th>
-            <th>註釋</th>
-        </tr>
-    </thead>
-    <tbody>
-        <tr>
-            <td>Lorem Ipsum</td>
-            <td>核准</td>
-            <td>Etiam aliquet pulvinar sapien, et venenatis orci placerat vitae. Sed posuere bibendum ante et porttitor. Fusce auctor.</td>
-        </tr>
-        <tr>
-            <td>Etiam aliquet</td>
-            <td>核准</td>
-            <td>Nulla sed ex eget ligula gravida condimentum non id dui. Donec rutrum accumsan augue vitae pretium.</td>
-        </tr>
-        <tr>
-            <td>Aliquam</td>
-            <td>拒絕</td>
-            <td>Curabitur volutpat tristique erat ut pulvinar. Aliquam varius, mi ut convallis rhoncus, nunc dolor feugiat mi.</td>
-        </tr>
-    </tbody>
-</table>
-
-
- - - - - - - - - - -
- -
- -
- Sticked - - - -
-

使文字左右靠齊邊緣而不會有內距。

-
- - - -
-
- - - - - - - - - - - - - - - - - - -
總計：340,953
稅收（9.3%）：31,708
運費：4,102
總計：376,763
-
- 
<table class="ts-table is-sticked is-basic">
-    <tbody>
-        <tr>
-            <td><strong>總計：</strong></td>
-            <td>340,953</td>
-        </tr>
-        <tr>
-            <td><strong>稅收（9.3%）：</strong></td>
-            <td>31,708</td>
-        </tr>
-        <tr>
-            <td><strong>運費：</strong></td>
-            <td>4,102</td>
-        </tr>
-        <tr>
-            <td><strong>總計：</strong></td>
-            <td>376,763</td>
-        </tr>
-    </tbody>
-</table>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

更改表格的大小。

-
- - - -
-
- - - - - - - - - - - - - - - -
#名稱英文名稱
1對空音商事有限公司Sorae & Co., Ltd.
-
-
-
- - - - - - - - - - - - - - - -
#名稱英文名稱
1對空音商事有限公司Sorae & Co., Ltd.
-
-
-
- - - - - - - - - - - - - - - -
#名稱英文名稱
1對空音商事有限公司Sorae & Co., Ltd.
-
-
- 
<div class="ts-box">
-    <table class="ts-table is-small">
-        <thead>
-            <tr>
-                <th>#</th>
-                <th>名稱</th>
-                <th>英文名稱</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>1</td>
-                <td>對空音商事有限公司</td>
-                <td>Sorae & Co., Ltd.</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-<div class="ts-box">
-    <table class="ts-table">
-        <thead>
-            <tr>
-                <th>#</th>
-                <th>名稱</th>
-                <th>英文名稱</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>1</td>
-                <td>對空音商事有限公司</td>
-                <td>Sorae & Co., Ltd.</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-<div class="ts-box">
-    <table class="ts-table is-large">
-        <thead>
-            <tr>
-                <th>#</th>
-                <th>名稱</th>
-                <th>英文名稱</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>1</td>
-                <td>對空音商事有限公司</td>
-                <td>Sorae & Co., Ltd.</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Padded - - - -
-

加大片段的內距使欄位內容不那麼擁擠。

-
- - - -
-
- - - - - - - - - - - - - - - -
#名稱英文名稱
1卡莉絲伊繁星Caris Events
-
-
-
- - - - - - - - - - - - - - - -
#名稱英文名稱
1卡莉絲伊繁星Caris Events
-
-
-
- - - - - - - - - - - - - - - -
#名稱英文名稱
1卡莉絲伊繁星Caris Events
-
-
- 
<div class="ts-box">
-    <table class="ts-table">
-        <thead>
-            <tr>
-                <th>#</th>
-                <th>名稱</th>
-                <th>英文名稱</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>1</td>
-                <td>卡莉絲伊繁星</td>
-                <td>Caris Events</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-<div class="ts-box">
-    <table class="ts-table is-padded">
-        <thead>
-            <tr>
-                <th>#</th>
-                <th>名稱</th>
-                <th>英文名稱</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>1</td>
-                <td>卡莉絲伊繁星</td>
-                <td>Caris Events</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-<div class="ts-box">
-    <table class="ts-table is-horizontally-padded">
-        <thead>
-            <tr>
-                <th>#</th>
-                <th>名稱</th>
-                <th>英文名稱</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>1</td>
-                <td>卡莉絲伊繁星</td>
-                <td>Caris Events</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Density - - - -
-

變更元件的內距，令元素之間看起來更密集。

-
- - - -
-
- - - - - - - - - - - - - - - - - - - - -
#名稱英文名稱
1半音商業銀行Flat Bank
2對空音商事有限公司Sorae & Co., Ltd.
-
-
-
- - - - - - - - - - - - - - - - - - - - -
#名稱英文名稱
1半音商業銀行Flat Bank
2對空音商事有限公司Sorae & Co., Ltd.
-
-
-
- - - - - - - - - - - - - - - - - - - - -
#名稱英文名稱
1半音商業銀行Flat Bank
2對空音商事有限公司Sorae & Co., Ltd.
-
-
- 
<div class="ts-box">
-    <table class="ts-table is-relaxed">
-        <thead>
-            <tr>
-                <th>#</th>
-                <th>名稱</th>
-                <th>英文名稱</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>1</td>
-                <td>半音商業銀行</td>
-                <td>Flat Bank</td>
-            </tr>
-            <tr>
-                <td>2</td>
-                <td>對空音商事有限公司</td>
-                <td>Sorae & Co., Ltd.</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-<div class="ts-box">
-    <table class="ts-table">
-        <thead>
-            <tr>
-                <th>#</th>
-                <th>名稱</th>
-                <th>英文名稱</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>1</td>
-                <td>半音商業銀行</td>
-                <td>Flat Bank</td>
-            </tr>
-            <tr>
-                <td>2</td>
-                <td>對空音商事有限公司</td>
-                <td>Sorae & Co., Ltd.</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-<div class="ts-box">
-    <table class="ts-table is-dense">
-        <thead>
-            <tr>
-                <th>#</th>
-                <th>名稱</th>
-                <th>英文名稱</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>1</td>
-                <td>半音商業銀行</td>
-                <td>Flat Bank</td>
-            </tr>
-            <tr>
-                <td>2</td>
-                <td>對空音商事有限公司</td>
-                <td>Sorae & Co., Ltd.</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-
-
- - - - - - - - - - -
- - - -
Column States
- - - - - - - - - -
- -
- Active - - - -
-

呈現像是被選取的模樣。

-
- - - -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
名稱狀態註解
- - Yan-K照會中需要檢查年齡。
- - Tsundere Chen照會中階級身份 32 等。
- - Hiram Huang已通過無
-
-
- 
<div class="ts-box">
-    <table class="ts-table">
-        <thead>
-            <tr>
-                <th class="is-collapsed"></th>
-                <th>名稱</th>
-                <th>狀態</th>
-                <th>註解</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>
-                    <label class="ts-checkbox">
-                        <input type="checkbox" />
-                    </label>
-                </td>
-                <td>Yan-K</td>
-                <td>照會中</td>
-                <td>需要檢查年齡。</td>
-            </tr>
-            <tr class="is-active">
-                <td>
-                    <label class="ts-checkbox">
-                        <input type="checkbox" checked />
-                    </label>
-                </td>
-                <td>Tsundere Chen</td>
-                <td>照會中</td>
-                <td>階級身份 32 等。</td>
-            </tr>
-            <tr>
-                <td>
-                    <label class="ts-checkbox">
-                        <input type="checkbox" />
-                    </label>
-                </td>
-                <td>Hiram Huang</td>
-                <td>已通過</td>
-                <td>無</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Secondary - - - -
-

使某個欄位或是行列的背景淡化呈現。

-
- - - -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
名稱狀態註解
Yan-K照會中需要檢查年齡。
Fan Kangtai已通過無
Tsundere Chen照會中階級身份 32 等。
Hiram Huang已通過無
-
-
- 
<div class="ts-box">
-    <table class="ts-table is-celled">
-        <thead>
-            <tr>
-                <th>名稱</th>
-                <th>狀態</th>
-                <th>註解</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>Yan-K</td>
-                <td class="is-secondary">照會中</td>
-                <td>需要檢查年齡。</td>
-            </tr>
-            <tr>
-                <td>Fan Kangtai</td>
-                <td>已通過</td>
-                <td>無</td>
-            </tr>
-            <tr class="is-secondary">
-                <td>Tsundere Chen</td>
-                <td>照會中</td>
-                <td>階級身份 32 等。</td>
-            </tr>
-            <tr>
-                <td>Hiram Huang</td>
-                <td>已通過</td>
-                <td>無</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Tertiary - - - -
-

使某個欄位或是行列的背景以更深沈、不重要的顏色呈現。

-
- - - -
-
- - - - - - - - - - - - - - - - - - - - - - - - - -
起始日期應用程式名稱上架手續費
2021/01/03半音商業銀行TWD $80
2021/02/15Google PlayTWD $4,500
2021/03/19App StoreTWD $1,200
-
-
- 
<div class="ts-box">
-    <table class="ts-table">
-        <thead>
-            <tr>
-                <th>起始日期</th>
-                <th>應用程式名稱</th>
-                <th>上架手續費</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>2021/01/03</td>
-                <td class="is-tertiary">半音商業銀行</td>
-                <td>TWD $80</td>
-            </tr>
-            <tr class="is-tertiary">
-                <td>2021/02/15</td>
-                <td>Google Play</td>
-                <td>TWD $4,500</td>
-            </tr>
-            <tr>
-                <td>2021/03/19</td>
-                <td>App Store</td>
-                <td>TWD $1,200</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Indicated - - - -
-

用特殊方式凸顯表格中的行列或欄位。

-
- - - -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
動畫名稱放映起始日期
WorldEnd: What do you do at the end of the world? Are you busy? Will you save us?Apr 11, 2017
Eromanga SenseiApr 09, 2017
Armed Girl's MachiavellismApr 05, 2017
Grimoire of ZeroApr 10, 2017
Attack on Titan Season 2Apr 01, 2017
Akashic Records of Bastard Magic Instructor;Apr 04, 2017
-
-
- 
<div class="ts-box">
-    <table class="ts-table is-celled is-single-line">
-        <thead>
-            <tr>
-                <th>動畫名稱</th>
-                <th>放映起始日期</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>WorldEnd: What do you do at the end of the world? Are you busy? Will you save us?</td>
-                <td>Apr 11, 2017</td>
-            </tr>
-            <tr class="is-indicated">
-                <td>Eromanga Sensei</td>
-                <td>Apr 09, 2017</td>
-            </tr>
-            <tr class="is-negative is-indicated">
-                <td>Armed Girl's Machiavellism</td>
-                <td>Apr 05, 2017</td>
-            </tr>
-            <tr>
-                <td>Grimoire of Zero</td>
-                <td class="is-positive is-indicated">Apr 10, 2017</td>
-            </tr>
-            <tr>
-                <td>Attack on Titan Season 2</td>
-                <td>Apr 01, 2017</td>
-            </tr>
-            <tr class="is-warning is-indicated">
-                <td>Akashic Records of Bastard Magic Instructor;</td>
-                <td>Apr 04, 2017</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Disabled - - - -
-

淡化和禁止與某個行列、欄位互動。

-
- - - -
-
- - - - - - - - - - - - - - - - - - - - - - - - - -
使用者名稱電子郵件信箱啟用日期
yamiodymelyamiodymel@example.com2013/09/14
karisusuperkari007@example.com2020/11/03
shiroteacatshiroteacat@example.com2009/07/15
-
-
- 
<div class="ts-box">
-    <table class="ts-table">
-        <thead>
-            <tr>
-                <th>使用者名稱</th>
-                <th>電子郵件信箱</th>
-                <th>啟用日期</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr class="is-disabled">
-                <td>yamiodymel</td>
-                <td>yamiodymel@example.com</td>
-                <td>2013/09/14</td>
-            </tr>
-            <tr>
-                <td>karisu</td>
-                <td>superkari007@example.com</td>
-                <td>2020/11/03</td>
-            </tr>
-            <tr>
-                <td class="is-disabled">shiroteacat</td>
-                <td>shiroteacat@example.com</td>
-                <td>2009/07/15</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-
-
- - - - - - - - - - -
- - - -
Column Variations
- - - - - - - - - -
- -
- Collapsed - - - -
-

閉合欄位會依照內容而最小化其寬度。

-
- - - -
-
- - - - - - - - - - - - - - - - - - - - - - - - - -
醫院種類名稱
醫學藥品2021/08/01
常規心電圖2021/08/01
放射性治療2021/06/13
-
-
- 
<div class="ts-box">
-    <table class="ts-table">
-        <thead>
-            <tr>
-                <th>醫院種類</th>
-                <th>名稱</th>
-                <th class="is-collapsed">建立於</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td class="is-collapsed">東京 AH 綜合醫院</td>
-                <td>醫學藥品</td>
-                <td>2021/08/01</td>
-            </tr>
-            <tr>
-                <td class="is-collapsed">東京 AH 綜合醫院</td>
-                <td>常規心電圖</td>
-                <td>2021/08/01</td>
-            </tr>
-            <tr>
-                <td class="is-collapsed">己律知能研究院</td>
-                <td>放射性治療</td>
-                <td>2021/06/13</td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Insetted - - - -
-

讓某個欄位有內部陰影看起來就像是向內部凹陷一樣，很適合用來作為展開欄位呈現某個資料的詳細情形。

-
- - - -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - -
交易日期項目名稱實際金額
2021/02/03煤果交換所TWD $80 - -
- 此筆訂單的下次付款日期：2022/01/02（每月） -
2021/05/18台灣推進委員會TWD $40 - -
-
-
- 
<div class="ts-box">
-    <table class="ts-table">
-        <thead>
-            <tr>
-                <th>交易日期</th>
-                <th>項目名稱</th>
-                <th>實際金額</th>
-                <th class="is-collapsed"></th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>2021/02/03</td>
-                <td>煤果交換所</td>
-                <td>TWD $80</td>
-                <td>
-                    <button class="ts-button is-outlined">檢視</button>
-                </td>
-            </tr>
-            <tr>
-                <td class="is-secondary is-padded is-insetted" colspan="4">
-                    此筆訂單的下次付款日期：2022/01/02（每月）
-                </td>
-            </tr>
-            <tr>
-                <td>2021/05/18</td>
-                <td>台灣推進委員會</td>
-                <td>TWD $40</td>
-                <td>
-                    <button class="ts-button is-outlined">檢視</button>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Empty - - - -
-

欄位可以被標註為無內容的，令使用者知道這個欄位是沒有記載內容但又不至於留空。

-
- - - -
-
- - - - - - - - - - - - - - - - - - - - - -
使用者帳號最後一次登入
yamiodymel2022/01/30
haneda_shirone
karisu-events
-
-
- 
<div class="ts-box">
-    <table class="ts-table">
-        <thead>
-            <tr>
-                <th>使用者帳號</th>
-                <th>最後一次登入</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>yamiodymel</td>
-                <td>2022/01/30</td>
-            </tr>
-            <tr>
-                <td>haneda_shirone</td>
-                <td class="is-empty"></td>
-            </tr>
-            <tr>
-                <td>karisu-events</td>
-                <td class="is-empty"></td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Aligns - - - -
-

欄位裡的內容可以置上、下和左右。

-
- - - -
-
- - - - - - - - - - - - - - - - - - - - -
欄位 #1欄位 #2欄位 #3
-

置上

-

 

- 		-

置中

- 		-

置下

-
-

置起始

- 		-

置中間

- 		-

置結束

-
-
-
- 
<div class="ts-box">
-    <table class="ts-table is-celled">
-        <thead>
-            <tr>
-                <th>欄位 #1</th>
-                <th>欄位 #2</th>
-                <th>欄位 #3</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td class="is-top-aligned">
-                    <p>置上</p>
-                    <p>&nbsp;</p>
-                </td>
-                <td class="is-middle-aligned">
-                    <p>置中</p>
-                </td>
-                <td class="is-bottom-aligned">
-                    <p>置下</p>
-                </td>
-            </tr>
-            <tr>
-                <td class="is-start-aligned">
-                    <p>置起始</p>
-                </td>
-                <td class="is-center-aligned">
-                    <p>置中間</p>
-                </td>
-                <td class="is-end-aligned">
-                    <p>置結束</p>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
- - - -
- -
Types
-
- - - Definition is-definition - - - - Celled is-celled - - - - Basic is-basic - - - - Striped is-striped - - -
- -
Variations
-
- - - Collapsed Table is-collapsed - - - - Single Line is-single-line - - - - Truncated is-truncated - - - - Sticked is-sticked - - - - Sizes is-small - - - - Padded is-padded - - - - Density is-relaxed - - -
- -
Column States
-
- - - Active is-active - - - - Secondary is-secondary - - - - Tertiary is-tertiary - - - - Indicated is-indicated - - - - Disabled is-disabled - - -
- -
Column Variations
-
- - - Collapsed is-collapsed - - - - Insetted is-insetted - - - - Empty is-empty - - - - Aligns is-top-aligned - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/text.html b/docs/en-us/text.html deleted file mode 100644 index efffc71b6..000000000 --- a/docs/en-us/text.html +++ /dev/null @@ -1,1422 +0,0 @@ - - - - - - - - - - - - - - Text - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Text

-
Change the presentation of text in a different tone or manner.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
Hello, world! -
-
- 
<span class="ts-text">Hello, world!</span>
-
-
- - - - - - - - - - -
Types
- - - - - - - - - -
- -
- Link - - - -
-

基本的連結樣式可套用在一般文字上，這能讓使用者一目瞭然這是個超連結。

-
- - - -
-
Hello, world! -
- 
<a class="ts-text is-link">Hello, world!</a>
-
-
- - - - - - - - - - -
- -
- -
- External Link - - - -
-

以圖示輔助告訴使用者點擊這個連結將會另開視窗。

-
- - - -
-
關於更多消息，請參閱區塊鏈白皮書。 -
- 
關於更多消息，請參閱<a class="ts-text is-external-link">區塊鏈白皮書</a>。
-
-
- - - - - - - - - - -
- -
- -
- Undecorated - - - -
-

透過移除連結裝飾，可以移除連結常態時的底線。

-
- - - -
-
這個連結只有滑過時才有底線。 -
- 
<a class="ts-text is-undecorated">這個連結</a>只有滑過時才有底線。
-
-
- - - - - - - - - - -
- -
- -
- Code - - - -
-

展示一個程式碼片段。

-
- - - -
-
透過 ts-button 能夠讓你的按鈕看起來特別像按鈕，蒸蚌！ -
- 
透過 <span class="ts-text is-code">ts-button</span> 能夠讓你的按鈕看起來特別像按鈕，蒸蚌！
-
-
- - - - - - - - - - -
- -
- -
- Label - - - -
-

作為某個物體的標籤，例如：輸入欄位、數據。

-
- - - -
-
使用者帳號 -
-
- -
-
- 
<span class="ts-text is-label">使用者帳號</span>
-<div class="ts-space is-small"></div>
-<div class="ts-input">
-    <input type="text">
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Description - - - -
-

用來說明某些行為的小型不起眼文字。

-
- - - -
-
-
-由於系統快取的緣故，你所造成的變更會在 24 小時之後才生效。 -
- 
<button class="ts-button">儲存變更</button>
-<div class="ts-space is-small"></div>
-<span class="ts-text is-description">由於系統快取的緣故，你所造成的變更會在 24 小時之後才生效。</span>
-
-
- - - - - - - - - - -
- -
- -
- Sup And Sub - - - -
-

將指定文字偏上或偏下。

-
- - - -
-

朋友買了一件衣料，綠色的底子帶白色方格，當她拿給我們看時[8]：

-

「關我屁事？」我說。

-

我們不禁哄堂大笑，同樣的一件衣料[9]到底關其他人屁事。

-
- 
<p>朋友買了一件衣料，綠色的底子帶白色方格，當她拿給我們看時<span class="ts-text is-sup">[8]</span>：</p>
-<p>「關我屁事？」我說。</p>
-<p>我們不禁哄堂大笑，同樣的一件衣料<span class="ts-text is-sub">[9]</span>到底關其他人屁事。</p>
-
-
- - - - - - - - - - -
- -
- -
- Key - - - -
-

類似鍵盤快捷鍵的提示文字。

-
- - - -
-
按下 shift + H 以開始。 -
- 
按下 <span class="ts-text is-key">shift</span> + <span class="ts-text is-key">H</span> 以開始。
-
-
- - - - - - - - - - -
- -
- -
- Mark - - - -
-

讓文字看起來就像被螢光筆標記一樣。

-
- - - -
-
當我閉上眼，我，什麼都看不見 -
- 
當我閉上眼，我，什麼都<span class="ts-text is-mark">看不見</span>
-
-
- - - - - - - - - - -
- - - -
States
- - - - - - - - - -
- -
- Disabled - - - -
-

已經不再作為可參考的文字敘述。

-
- - - -
-
我們從不懷疑自己是不是沒殺人的殺人犯。 -
- 
<span class="ts-text is-disabled">我們從不懷疑自己是不是沒殺人的殺人犯。</span>
-
-
- - - - - - - - - - -
- -
- -
- Required - - - -
-

以紅色的星號在文字尾端作為必填提示，通常會和標籤一起搭配表示某個輸入欄位不得留空。

-
- - - -
-
-
- 
<label class="ts-checkbox">
-    <input type="checkbox" checked />
-    <span class="ts-text is-required">我已年滿 18 歲</span>
-</label>
-
-
- - - - - - - - - - -
- - - -
Variations
- - - - - - - - - -
- -
- Editable - - - -
-

以虛線和游標提示使用者點擊這段文字也許可以即時編輯。

-
- - - -
-
金額為：$ 3,600 -
- 
金額為：<span class="ts-text is-editable">$ 3,600</span>
-
-
- - - - - - - - - - -
- -
- -
- Secondary - - - -
-

以較不重要的顏色使文字淡化呈現。

-
- - - -
-
程式正在執行中… -
- 
<span class="ts-text is-secondary">程式正在執行中…</span>
-
-
- - - - - - - - - - -
- -
- -
- Bold - - - -
-

以粗體的方式標註某個文字讓使用者知道重點為何。

-
- - - -
-
是時候按下前面的按鈕來揭曉這一切了！ -
- 
是時候按下前面的<span class="ts-text is-bold">按鈕</span>來揭曉這一切了！
-
-
- - - - - - - - - - -
- -
- -
- Heavy - - - -
-

以最粗的方式標註某段文字，如果字體不支援這個粗度，那麼這會與「粗體的」有相同外觀。

-
- - - -
-
噢不！今天是芥末日！ -
- 
<span class="ts-text is-heavy">噢不</span>！今天是芥末日！
-
-
- - - - - - - - - - -
- -
- -
- Italic - - - -
-

令文字傾斜，通常用於特別標註某個代名詞或是該注意的事物。

-
- - - -
-
我不建議你打開後面的那扇門，在那裡面有一個他親自打造的世界。 -
- 
我不建議你打開後面的那扇門，在那裡面有一個他親自打造的<span class="ts-text is-italic">世界</span>。
-
-
- - - - - - - - - - -
- -
- -
- Deleted - - - -
-

在中間劃條刪除線表示以不再提供參考。

-
- - - -
-
這段文字已經不再具有參考價值。 -
- 
<span class="ts-text is-deleted">這段文字已經不再具有參考價值。</span>
-
-
- - - - - - - - - - -
- -
- -
- Underlined - - - -
-

在底部下劃一條線，通常用以標註特別名稱。

-
- - - -
-
在卡萊迪亞的中央重生區有著一個巨大的水晶。 -
- 
在<span class="ts-text is-underlined">卡萊迪亞</span>的中央重生區有著一個巨大的水晶。
-
-
- - - - - - - - - - -
- -
- -
- Truncated - - - -
-

文字超過一定寬度之後就會被截斷而不會換行或溢出，通常父容器需要有個固定寬度。

-
- - - -
-
- 豔陽高照，前方的道路什麼都看不見。明明不清楚前方的事物，卻感覺自己正在邁向的是一個新世界。 -
-
- 
<div class="ts-text is-truncated" style="max-width: 300px;">
-    豔陽高照，前方的道路什麼都看不見。明明不清楚前方的事物，卻感覺自己正在邁向的是一個新世界。
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Negative - - - -
-

表達這個文字帶有危險、負面的意味，可以用來敘述某個物體的狀態或是顯示錯誤訊息。

-
- - - -
-
伺服器已經損毀！ -
- 
<span class="ts-text is-negative">伺服器已經損毀！</span>
-
-
- - - - - - - - - - -
- -
- -
- Uppercased And Lowercased - - - -
-

強制使某段文字大小寫，僅能用於英文。

-
- - - -
-
Here comes another world.
-
Here comes another world.
-
- 
<div class="ts-text is-uppercased">Here comes another world.</div>
-<div class="ts-text is-lowercased">Here comes another world.</div>
-
-
- - - - - - - - - - -
- -
- -
- Aligns - - - -
-

更改文字的對齊方式。

-
- - - -
-
置起始位置
-
置中對齊
-
置結束位置
-
- 
<div class="ts-text is-start-aligned">置起始位置</div>
-<div class="ts-text is-center-aligned">置中對齊</div>
-<div class="ts-text is-end-aligned">置結束位置</div>
-
-
- - - - - - - - - - -
- -
- -
- Sizes - - - -
-

更改文字的大小。

-
- - - -
-
(微小) Tocas UI 來自台灣。
-
(小的) Tocas UI 來自台灣。
-
(預設) Tocas UI 來自台灣。
-
(大的) Tocas UI 來自台灣。
-
(更大) Tocas UI 來自台灣。
-
(巨大) Tocas UI 來自台灣。
-
(重量級) Tocas UI 來自台灣。
-
- 
<div class="ts-text is-tiny">(微小) Tocas UI 來自台灣。</div>
-<div class="ts-text is-small">(小的) Tocas UI 來自台灣。</div>
-<div class="ts-text is-medium">(預設) Tocas UI 來自台灣。</div>
-<div class="ts-text is-large">(大的) Tocas UI 來自台灣。</div>
-<div class="ts-text is-big">(更大) Tocas UI 來自台灣。</div>
-<div class="ts-text is-huge">(巨大) Tocas UI 來自台灣。</div>
-<div class="ts-text is-massive">(重量級) Tocas UI 來自台灣。</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
Types
-
- - - Link is-link - - - - External Link is-external-link - - - - Undecorated is-undecorated - - - - Code is-code - - - - Label is-label - - - - Description is-description - - - - Sup And Sub - - - - Key is-key - - - - Mark is-mark - - -
- -
States
-
- - - Disabled is-disabled - - - - Required is-required - - -
- -
Variations
-
- - - Editable is-editable - - - - Secondary is-secondary - - - - Bold is-bold - - - - Heavy is-heavy - - - - Italic is-italic - - - - Deleted is-deleted - - - - Underlined is-underlined - - - - Truncated is-truncated - - - - Negative is-negative - - - - Uppercased And Lowercased is-uppercased - - - - Aligns is-start-aligned - - - - Sizes is-tiny - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/tooltip.html b/docs/en-us/tooltip.html deleted file mode 100644 index e78f76977..000000000 --- a/docs/en-us/tooltip.html +++ /dev/null @@ -1,605 +0,0 @@ - - - - - - - - - - - - - - Tooltip - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Tooltip

-
A short narrative popup for the current cursor is hovering.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
-
-
- 
<button data-tooltip="搜尋" class="ts-button is-outlined is-start-icon">
-    <span class="ts-icon is-arrow-pointer-icon"></span> 將游標移至此
-</button>
-
-
- - - - - - -
Introduction
-

這個 data-tooltip 輔助標籤可以應用在多數的元素上，當使用者的游標移動至該元素上方並停留後會呈現基本文字訊息。在行動裝置上，這個標籤會沒有任何作用。

- -

這並不能取代進階的應用情境，如果需要更多的自訂化功能則必須仰賴像是 Popper.js 那樣的 JavaScript 套件。

- -

工具提示是用來輔助某些圖示的行為而不是用來呈現詳細的 HTML 內容（如：不該用來顯示某人的個人檔案與照片）。

-
- - - - - -
Variations
- - - - - - - - - -
- -
- Positions - - - -
-

工具提示並不會自動依據螢幕的剩餘空間而變換其呈現位置，需要透過 data-position 手動指定。預設情況下工具提示會出現在元素的下方。

-
- - - -
-
- - - -
- 
<button data-position="top" data-tooltip="哈囉！" class="ts-button is-outlined is-start-icon">
-    <span class="ts-icon is-arrow-up-icon"></span>
-    上方
-</button>
-<button data-position="bottom" data-tooltip="哈囉！" class="ts-button is-outlined is-start-icon">
-    <span class="ts-icon is-arrow-down-icon"></span>
-    下方
-</button>
-<button data-position="left" data-tooltip="哈囉！" class="ts-button is-outlined is-start-icon">
-    <span class="ts-icon is-arrow-left-icon"></span>
-    左邊
-</button>
-<button data-position="right" data-tooltip="哈囉！" class="ts-button is-outlined is-start-icon">
-    <span class="ts-icon is-arrow-right-icon"></span>
-    右邊
-</button>
-
-
- - - - - - - - - - -
- - - - - - -
- - - -
- -
Variations
-
- - - Positions data-position - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/en-us/wrap.html b/docs/en-us/wrap.html deleted file mode 100644 index ccf904a59..000000000 --- a/docs/en-us/wrap.html +++ /dev/null @@ -1,992 +0,0 @@ - - - - - - - - - - - - - - Wrap - Tocas UI - - - - - - - - - - - - - - - -
-
-
-
- Tocas UI - Getting Started - Components - Examples -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- GitHub -
-
-
-
- Tocas UI -
-
-
- English (US) -
- - English (US) - - 台灣正體 - -
-
- -
-
-
-

Wrap

-
Automatically separates the elements with blanks.
-
-
-
- -
-
-
- -
- -
Introduction
- - - Getting Started - - - - Colors - - - - Responsive - - -
Layout
- - - Box - - - - Center - - - - Container - - - - Content - - - - Control - - - - Grid - - - - Space - - - - Row - - - - Wrap - - -
Forms
- - - Button - - - - Checkbox - - - - Fieldset - - - - File - - - - Input - - - - Radio - - - - Select - - - - Selection - - - - Switch - - -
Typography
- - - Divider - - - - Header - - - - Mask - - - - Quote - - - - Segment - - - - Text - - -
Feedback
- - - Gauge - - - - Loading - - - - Modal - - - - Notice - - - - Placeholder - - - - Procedure - - - - Progress - - - - Snackbar - - -
Media
- - - Avatar - - - - Flag - - - - Icon - - - - Iconset - - - - Image - - - - Imageset - - -
Data
- - - Accordion - - - - Badge - - - - Checklist - - - - Chip - - - - Close - - - - Conversation - - - - List - - - - Meta - - - - Rating - - - - Statistic - - - - Table - - -
Navigation
- - - Breadcrumb - - - - Dropdown - - - - Menu - - - - Pagination - - - - Tab - - -
Application
- - - App Layout - - - - App Navbar - - - - App Sidebar - - -
- -
-
- - - -
- - -
- - -
-
Example
- - -
-
Theme
-
-
- Default - -
-
-
- Default -
-
Light
-
Dark
-
-
-
- - - -
-
Scale
-
-
- Medium - -
-
-
Large
-
- Medium -
-
Small
-
-
-
- -
- - -
-
-
- - - -
-
-
- 
<div class="ts-wrap">
-    <button class="ts-button">按鈕</button>
-    <button class="ts-button">按鈕</button>
-    <button class="ts-button">按鈕</button>
-</div>
-
-
- - - - - - -
Introduction
-

被擺置在這個元件裡的所有項目都會自動以空白區隔，可以說是一個非常無腦的元件。

- -

項目會在過寬的時候自動換行，如果希望有個項目可以填滿剩餘空間，請使用水平排列。

-
- - - - - -
Variations
- - - - - - - - - -
- -
- Vertical - - - -
-

將排列的方向改為上下垂直。

-
- - - -
-
-
片段
-
片段
-
片段
-
-
- 
<div class="ts-wrap is-vertical">
-    <div class="ts-segment">片段</div>
-    <div class="ts-segment">片段</div>
-    <div class="ts-segment">片段</div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Horizontal Aligns - - - -
-

項目可以選擇靠左、中或右對齊。

-
- - - -
-
-
- 置左對齊 -
-
-
-
-
- 置中對齊 -
-
-
-
-
- 置右對齊 -
-
-
- 
<div class="ts-wrap is-start-aligned">
-    <div class="ts-segment" style="width: 160px;">
-        置左對齊
-    </div>
-</div>
-<div class="ts-wrap is-center-aligned">
-    <div class="ts-segment" style="width: 160px;">
-        置中對齊
-    </div>
-</div>
-<div class="ts-wrap is-end-aligned">
-    <div class="ts-segment" style="width: 160px;">
-        置右對齊
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Vertical Aligns - - - -
-

根據項目之間的高度，可以更改其上、中或下對齊方式。

-
- - - -
-
-
- Consectetur adipiscing elit. In fermentum metus dolor. -
-
- 置上對齊 -
-
- Consectetur adipiscing elit. In fermentum metus dolor. -
-
-
-
-
- Consectetur adipiscing elit. In fermentum metus dolor. -
-
- 置中對齊 -
-
- Consectetur adipiscing elit. In fermentum metus dolor. -
-
-
-
-
- Consectetur adipiscing elit. In fermentum metus dolor. -
-
- 置下對齊 -
-
- Consectetur adipiscing elit. In fermentum metus dolor. -
-
-
- 
<div class="ts-wrap is-top-aligned">
-    <div class="ts-segment" style="width: 25%;">
-        Consectetur adipiscing elit. In fermentum metus dolor.
-    </div>
-    <div class="ts-segment" style="width: 25%;">
-        置上對齊
-    </div>
-    <div class="ts-segment" style="width: 25%;">
-        Consectetur adipiscing elit. In fermentum metus dolor.
-    </div>
-</div>
-<div class="ts-wrap is-middle-aligned">
-    <div class="ts-segment" style="width: 25%;">
-        Consectetur adipiscing elit. In fermentum metus dolor.
-    </div>
-    <div class="ts-segment" style="width: 25%;">
-        置中對齊
-    </div>
-    <div class="ts-segment" style="width: 25%;">
-        Consectetur adipiscing elit. In fermentum metus dolor.
-    </div>
-</div>
-<div class="ts-wrap is-bottom-aligned">
-    <div class="ts-segment" style="width: 25%;">
-        Consectetur adipiscing elit. In fermentum metus dolor.
-    </div>
-    <div class="ts-segment" style="width: 25%;">
-        置下對齊
-    </div>
-    <div class="ts-segment" style="width: 25%;">
-        Consectetur adipiscing elit. In fermentum metus dolor.
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Density - - - -
-

欄位的間距可以更密或是更寬鬆。

-
- - - -
-
-
項目
-
項目
-
-
-
-
項目
-
項目
-
-
-
-
項目
-
項目
-
-
- 
<div class="ts-wrap is-relaxed">
-    <div class="ts-segment">項目</div>
-    <div class="ts-segment">項目</div>
-</div>
-<div class="ts-wrap">
-    <div class="ts-segment">項目</div>
-    <div class="ts-segment">項目</div>
-</div>
-<div class="ts-wrap is-compact">
-    <div class="ts-segment">項目</div>
-    <div class="ts-segment">項目</div>
-</div>
-
-
- - - - - - - - - - -
- - - -
Compositions
- - - - - - - - - -
- -
- Chips - - - -
-

擺放一些可能會換行的元件（如：關聯標籤）可以讓他們仍然保持完美的空白間隙。

-
- - - -
-
-
- An unimportant image placeholder for demonstration - Yami Odymel -
-
- An unimportant image placeholder for demonstration - Jasper Yu -
-
- An unimportant image placeholder for demonstration - Henry Wu -
-
- An unimportant image placeholder for demonstration - Sean -
-
- An unimportant image placeholder for demonstration - Choukai -
-
- An unimportant image placeholder for demonstration - Tsundere Chen -
-
- An unimportant image placeholder for demonstration - Hiram Huang -
-
-
- 
<div class="ts-wrap is-compact">
-    <div class="ts-chip">
-        <img src="user.png" />
-        Yami Odymel
-    </div>
-    <div class="ts-chip">
-        <img src="user.png" />
-        Jasper Yu
-    </div>
-    <div class="ts-chip">
-        <img src="user.png" />
-        Henry Wu
-    </div>
-    <div class="ts-chip">
-        <img src="user.png" />
-        Sean
-    </div>
-    <div class="ts-chip">
-        <img src="user.png" />
-        Choukai
-    </div>
-    <div class="ts-chip">
-        <img src="user.png" />
-        Tsundere Chen
-    </div>
-    <div class="ts-chip">
-        <img src="user.png" />
-        Hiram Huang
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- Form Fields - - - -
-

表單的欄位通常會是垂直排列，若希望每個欄位之間都能有空白則間隔容器就會是最佳首選。

-
- - - -
-
-
使用者帳號
-
- - -
-
密碼
-
- - -
-
-
- 
<div class="ts-wrap is-vertical">
-    <div class="ts-text is-label">使用者帳號</div>
-    <div class="ts-input is-start-icon">
-        <span class="ts-icon is-user-icon"></span>
-        <input type="text" />
-    </div>
-    <div class="ts-text is-label">密碼</div>
-    <div class="ts-input is-start-icon">
-        <span class="ts-icon is-lock-icon"></span>
-        <input type="password" />
-    </div>
-</div>
-
-
- - - - - - - - - - -
- - - - - - -
-
Looking for similar components?
- -
- -
- - - -
- -
Variations
-
- - - Vertical is-vertical - - - - Horizontal Aligns is-start-aligned - - - - Vertical Aligns is-top-aligned - - - - Density is-relaxed - - -
- -
Compositions
-
- - - Chips {{ts-chip}} - - - - Form Fields {{ts-wrap}} - - -
- - -
- - -
-
-
- -
-
-
- - GitHub - Getting Started - Components - Examples -
-
-
-
Designed by Yami Odymel from Taiwan with the love of the contributors ❤️. The source code is licensed under MIT and the documents are CC 0 public domain. Tocas UI is a design language of Caris Events, which is owned by Sorae & Co.
-
Translators: Yami Odymel -
-
-
- An organization brand logo that owns Tocas UI -
-
-
-
- - diff --git a/docs/zh-tw/accordion.html b/docs/zh-tw/accordion.html index 92114a338..89d0cd1df 100644 --- a/docs/zh-tw/accordion.html +++ b/docs/zh-tw/accordion.html @@ -6,7 +6,9 @@ - + + + @@ -73,12 +75,6 @@ 台灣正體
- English (US) - 台灣正體
- English (US) - 可折疊內容 >Responsive + + + 輔助樣式 Utilities +
格局設計
@@ -456,6 +452,12 @@

可折疊內容

>Table + + + 時間軸 Timeline +
導覽
@@ -491,6 +493,12 @@

可折疊內容

應用程式
+ + 邊緣抽屜 App Drawer + + 格局劃分 App Layout可折疊內容 >App Sidebar + + + 頂部列 App Topbar + + +
JavaScript 模組
+ + + 選單模組 Module Dropdown + + + + 工具提示 Module Tooltip + + + + 分頁模組 Module Tab + + + + 樣式切換 Module Toggle +
@@ -523,7 +563,12 @@

可折疊內容

-
範例
+
+ 範例 + +
@@ -587,7 +632,7 @@

可折疊內容

- + @@ -660,11 +705,18 @@

可折疊內容

+ + + + + + + + -
狀態
@@ -678,7 +730,6 @@

可折疊內容

-
diff --git a/docs/zh-tw/app-statusbar.html b/docs/zh-tw/app-drawer.html similarity index 60% rename from docs/zh-tw/app-statusbar.html rename to docs/zh-tw/app-drawer.html index 3aa2c02e8..1fa10ebaf 100644 --- a/docs/zh-tw/app-statusbar.html +++ b/docs/zh-tw/app-drawer.html @@ -1,17 +1,19 @@ - + - + + + - 資訊列 - Tocas UI + 邊緣抽屜 - Tocas UI - + - - + + - + - + - +
@@ -73,15 +75,9 @@ 台灣正體
- English (US) - 台灣正體 @@ -99,28 +95,22 @@ 台灣正體
- English (US) - 台灣正體
- +
-
資訊列
-
某個物件的相關狀態、資訊列。
+

邊緣抽屜

+
從側邊或底部彈出的延伸內容空間。
@@ -150,6 +140,12 @@ >Responsive + + + 輔助樣式 Utilities +
格局設計
@@ -316,7 +312,7 @@ - 彈出視窗 Modal @@ -456,6 +452,12 @@ >Table + + + 時間軸 Timeline +
導覽
@@ -465,6 +467,12 @@ > + + 彈出式選單 Dropdown + + 選單 Menu應用程式
+ + 邊緣抽屜 App Drawer + + 格局劃分 App LayoutApp Sidebar + + + 頂部列 App Topbar + + +
JavaScript 模組
+ + + 選單模組 Module Dropdown + + + + 工具提示 Module Tooltip + + + + 分頁模組 Module Tab + + + + 樣式切換 Module Toggle +
@@ -513,11 +559,16 @@
-
+
-
範例
+
+ 範例 + +
@@ -567,55 +618,55 @@
-
-
- - 第 36 行，第 2 欄 - - -
- 拼字正確 - - -
- +
+
+
+
詳細資料
+
+

我不想失去這份心情，我什麼都想嘗試。當我找到了這份熱情的時候，整個世界瞬間變得亮麗無比。

+

但你卻嘆了氣並說道：「正因為我愛你，所以我不得不告訴你；你也差不多該長大了吧？」

+
+ +
- 
<div class="ts-box">
-    <div class="ts-app-statusbar is-fluid">
-        <a class="item">
-            第 36 行，第 2 欄
-        </a>
-        <a class="item">
-            <div class="ts-icon is-check-icon"></div>
-            拼字正確
-        </a>
-        <a class="item is-active">
-            <div class="ts-icon is-bell-icon"></div>
-        </a>
+                            
<div class="ts-app-drawer is-visible is-right is-small">
+    <div class="content">
+        <div class="ts-content">
+            <div class="ts-header is-large">詳細資料</div>
+            <div class="ts-space"></div>
+            <p>我不想失去這份心情，我什麼都想嘗試。當我找到了這份熱情的時候，整個世界瞬間變得亮麗無比。</p>
+            <p>但你卻嘆了氣並說道：「正因為我愛你，所以我不得不告訴你；你也差不多該長大了吧？」</p>
+            <div class="ts-space"></div>
+            <button class="ts-button is-fluid is-outlined">確定</button>
+        </div>
     </div>
 </div>
- +
概要

這是一個專為應用程式設計的元件。

-

通常用於擺放在輸入欄位或是某個物件下，就像 VSCode 或是一些文字編輯器那樣的狀態列。

+

使用時需自行搭配 JavaScript 操控元件的可見狀態，你可以考慮使用 Tocas UI 的樣式切換模組。

+ +

邊緣抽屜會呈現在畫面上的某個邊緣（如：右側或底部）並蓋過整個畫面。適合用來擺放側邊購物車、行動裝置用的底部選單。

+ +

這個元件是一個雛型框架，如果希望在其中建立標題、頁腳跟動作按鈕，則需自行搭配其他元件，可以參考底部的組合應用章節。

-
內容
+
外觀
@@ -626,47 +677,50 @@
- +
- 標籤 + 可見的
-

圖示下方也可以擺放標籤，但這個標籤文字必須簡化且為單行。如：「我的音樂」應該作為「音樂」。

+

邊緣抽屜預設是隱藏的，必須指定為「可見的」才會顯示在頁面上。這個設計是為了讓 JavaScript 能夠切換其可見度。

-
- -
-
搜尋
- - -
-
實驗區
- - -
-
原子測試
- +
+
+
+
+
+
我們的初衷
+
+
+ +
+
+

這個網站初衷就是希望這些事情不再繼續發生，而那一天會讓這個網站變得不再有用。就目前如此，我們沒有足夠的力量改變這一切，但仍希望能以觀測者的角度讓你明瞭世界上發生了什麼事。

+
+
+
- 
<div class="ts-app-navbar">
-    <a class="item">
-        <div class="ts-icon is-magnifying-glass-icon"></div>
-        <div class="label">搜尋</div>
-    </a>
-    <a class="item is-active">
-        <div class="ts-icon is-vials-icon"></div>
-        <div class="label">實驗區</div>
-    </a>
-    <a class="item">
-        <div class="ts-icon is-atom-icon"></div>
-        <div class="label">原子測試</div>
-    </a>
+                                
<div class="ts-app-drawer is-visible is-left is-small">
+    <div class="content">
+        <div class="ts-content">
+            <div class="ts-row">
+                <div class="column is-fluid">
+                    <div class="ts-header is-large">我們的初衷</div>
+                </div>
+                <div class="column">
+                    <button class="ts-close is-large is-secondary"></button>
+                </div>
+            </div>
+            <p>這個網站初衷就是希望這些事情不再繼續發生，而那一天會讓這個網站變得不再有用。就目前如此，我們沒有足夠的力量改變這一切，但仍希望能以觀測者的角度讓你明瞭世界上發生了什麼事。</p>
+        </div>
+    </div>
 </div>
@@ -682,60 +736,54 @@
- - -
狀態
- - - - - - - - -
- +
- 啟用的 + 位置
-

表現出目前頁面正處於的位置項目。

+

使用邊緣抽屜時必須指定位置，可用的位置有：is-right（右側）、is-left（左側）和 is-bottom（底部）。

-
- -
-
常用聯絡人
- - -
-
近期通話
- - -
-
聯絡人
- +
+
+
+
最新消息
+
+
+ +
+
新的魔法已可供學習
+
現在前往交誼廳就可以打聽相關情報。
+
+
+
+ +
+
- 
<div class="ts-app-navbar">
-    <a class="item">
-        <div class="ts-icon is-star-icon"></div>
-        <div class="label">常用聯絡人</div>
-    </a>
-    <a class="item is-active">
-        <div class="ts-icon is-clock-icon"></div>
-        <div class="label">近期通話</div>
-    </a>
-    <a class="item">
-        <div class="ts-icon is-users-icon"></div>
-        <div class="label">聯絡人</div>
-    </a>
+                                
<div class="ts-app-drawer is-bottom is-visible">
+    <div class="content">
+        <div class="ts-content">
+            <div class="ts-header is-large">最新消息</div>
+            <div class="ts-space"></div>
+            <div class="ts-iconset">
+                <span class="ts-icon is-wand-magic-sparkles-icon"></span>
+                <div class="content">
+                    <div class="title">新的魔法已可供學習</div>
+                    <div class="text">現在前往交誼廳就可以打聽相關情報。</div>
+                </div>
+            </div>
+            <div class="ts-space is-large"></div>
+            <button class="ts-button is-fluid is-outlined">關閉</button>
+        </div>
+    </div>
 </div>
@@ -752,47 +800,89 @@
- +
- 停用的 + 尺寸
-

淡化某個項目讓使用者無法與其互動。

+

更改邊緣抽屜的寬度大小，這個樣式只在使用左右側有效。 +

+ + + + + + + + + + + + + + + + + +
+

-
- -
-
刊登啟示
- - -
-
未完成項目
- - -
-
請求協助
- +
+
+
+ 小型抽屜 +
+
+
+
+
+
+
+ 預設抽屜 +
+
+
+
+
+
+ 大型抽屜 +
+
- 
<div class="ts-app-navbar is-indicated">
-    <a class="item">
-        <div class="ts-icon is-newspaper-icon"></div>
-        <div class="label">刊登啟示</div>
-    </a>
-    <a class="item is-active">
-        <div class="ts-icon is-tasks-icon"></div>
-        <div class="label">未完成項目</div>
-    </a>
-    <a class="item is-disabled">
-        <div class="ts-icon is-hands-helping-icon"></div>
-        <div class="label">請求協助</div>
-    </a>
+
+ 
<div class="ts-app-drawer is-small is-visible is-right">
+    <div class="content">
+        <div class="ts-content is-center-aligned">
+            小型抽屜
+        </div>
+    </div>
+</div>
+<div class="ts-app-drawer is-visible is-right">
+    <div class="content">
+        <div class="ts-content is-center-aligned">
+            預設抽屜
+        </div>
+    </div>
+</div>
+<div class="ts-app-drawer is-large is-visible is-right">
+    <div class="content">
+        <div class="ts-content is-center-aligned">
+            大型抽屜
+        </div>
+    </div>
 </div>
@@ -810,7 +900,7 @@ -
外觀
+
組合應用
@@ -821,169 +911,60 @@
- +
- 標記的 + 關閉按鈕
-

令啟用的項目以較醒目的方式呈現，而這會讓沒被啟用的項目以正常方式呈現而不會被淡化。

+

使用邊緣抽屜時，通常建議結合關閉按鈕來讓使用者有更明確的方式可以關閉抽屜。

-
- -
-
步數
- - -
-
活動分鐘
- - -
-
心律
- -
-
- 
<div class="ts-app-navbar is-indicated">
-    <a class="item">
-        <div class="ts-icon is-shoe-prints-icon"></div>
-        <div class="label">步數</div>
-    </a>
-    <a class="item is-active">
-        <div class="ts-icon is-stopwatch-icon"></div>
-        <div class="label">活動分鐘</div>
-    </a>
-    <a class="item">
-        <div class="ts-icon is-heart-icon"></div>
-        <div class="label">心律</div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- 無標籤 - - - -
-

在這個模式下，所有沒被啟用的項目其標籤都會被隱藏。這可以有效地減短導航列的寬度。

-
- - - -
-
- -
-
相片
- - -
-
搜尋
- - -
-
共享
- - -
-
彙整
- -
-
- 
<div class="ts-app-navbar is-unlabeled">
-    <a class="item">
-        <div class="ts-icon is-image-icon"></div>
-        <div class="label">相片</div>
-    </a>
-    <a class="item is-active">
-        <div class="ts-icon is-magnifying-glass-icon"></div>
-        <div class="label">搜尋</div>
-    </a>
-    <a class="item">
-        <div class="ts-icon is-users-icon"></div>
-        <div class="label">共享</div>
-    </a>
-    <a class="item">
-        <div class="ts-icon is-archive-icon"></div>
-        <div class="label">彙整</div>
-    </a>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- 流動 - - - -
-

導航列的寬度可以與父容器相同。

-
- - - -
-
- -
-
首頁
- - -
-
粉絲專頁
- - -
-
通知
- +
+
+
+
+
+
備註事項
+
+
+ +
+
+
+
+
蘆森詩音
+
天野悟美
+
佐藤綾
+
+
+
+
- 
<div class="ts-app-navbar is-fluid">
-    <a class="item">
-        <div class="ts-icon is-house-icon"></div>
-        <div class="label">首頁</div>
-    </a>
-    <a class="item is-active">
-        <div class="ts-icon is-flag-icon"></div>
-        <div class="label">粉絲專頁</div>
-    </a>
-    <a class="item">
-        <div class="ts-icon is-bell-icon"></div>
-        <div class="label">通知</div>
-    </a>
+                                
<div class="ts-app-drawer is-visible is-right is-small">
+    <div class="content">
+        <div class="ts-content">
+            <div class="ts-row">
+                <div class="column is-fluid">
+                    <div class="ts-header is-large">備註事項</div>
+                </div>
+                <div class="column">
+                    <button class="ts-close is-large is-secondary"></button>
+                </div>
+            </div>
+            <div class="ts-space"></div>
+            <div class="ts-list is-unordered">
+                <div class="item">蘆森詩音</div>
+                <div class="item">天野悟美</div>
+                <div class="item">佐藤綾</div>
+            </div>
+        </div>
+    </div>
 </div>
@@ -1000,47 +981,73 @@
- +
- 較密的 + 篩選條件
-

變更元件的內距，令元素之間看起來更密集。

+

側邊的邊緣抽屜裡面可以擺放部份表單元件，例如：輸入欄位。

-
- -
-
信件
- - -
-
聊天
- - -
-
社群
- +
+
+
+
篩選條件
+
+
標題
+
+
+ +
+
+
時間範圍
+
+
+ + +
+
+
+ + +
+
+ +
+
- 
<div class="ts-app-navbar is-dense is-indicated">
-    <a class="item">
-        <div class="ts-icon is-envelope-icon"></div>
-        <div class="label">信件</div>
-    </a>
-    <a class="item is-active">
-        <div class="ts-icon is-comment-icon"></div>
-        <div class="label">聊天</div>
-    </a>
-    <a class="item">
-        <div class="ts-icon is-users-icon"></div>
-        <div class="label">社群</div>
-    </a>
+                                
<div class="ts-app-drawer is-left is-visible is-small">
+    <div class="content">
+        <div class="ts-content">
+            <div class="ts-header is-large">篩選條件</div>
+            <div class="ts-space is-large"></div>
+            <div class="ts-text is-secondary">標題</div>
+            <div class="ts-space is-small"></div>
+            <div class="ts-input is-underlined is-fluid">
+                <input type="text" placeholder="標題包含…">
+            </div>
+            <div class="ts-space is-large"></div>
+            <div class="ts-text is-secondary">時間範圍</div>
+            <div class="ts-space is-small"></div>
+            <div class="ts-input is-underlined is-start-icon is-fluid">
+                <span class="ts-icon is-calendar-icon"></span>
+                <input type="date" value="2018-01-29">
+            </div>
+            <div class="ts-space is-small"></div>
+            <div class="ts-input is-underlined is-start-icon is-fluid">
+                <span class="ts-icon is-clock-icon"></span>
+                <input type="time" value="12:00">
+            </div>
+            <div class="ts-space is-big"></div>
+            <button class="ts-button is-fluid">套用</button>
+        </div>
+    </div>
 </div>
@@ -1056,73 +1063,57 @@
- - -
組合應用
- - - - - - - - -
- +
- 側邊選單 + 底部選單
-

透過結合輸入欄位和內容區塊可以打造出一個輕便的側邊選單。

+

貼齊底部的邊緣抽屜再搭配一個選單就可以達成像行動裝置那樣的 Bottom Sheet 元件。為了讓使用者更方便關閉抽屜，我們建議你再額外加上一個按鈕可供手動關閉。

-
-
-
- +
+
+
+
+ + + 複製檔案 + + + + 移至回收桶 + +
+
+
-
-
-
- - 第 36 行，第 2 欄 - - -
- 拼字正確 - - -
-
- 
<div class="ts-box">
-    <div class="ts-content">
-        <div class="ts-input is-fluid">
-            <textarea placeholder="輸入文字…"></textarea>
-        </div>
-    </div>
-    <div class="ts-divider"></div>
-    <div class="ts-app-statusbar is-fluid">
-        <a class="item">
-            第 36 行，第 2 欄
-        </a>
-        <a class="item">
-            <div class="ts-icon is-check-icon"></div>
-            拼字正確
-        </a>
-        <a class="item is-active">
-            <div class="ts-icon is-bell-icon"></div>
-        </a>
-    </div>
-</div>
+ 
<div class="ts-app-drawer is-bottom is-visible">
+    <div class="content">
+        <div class="ts-space"></div>
+        <div class="ts-menu is-start-icon">
+            <a class="item">
+                <span class="ts-icon is-copy-icon"></span>
+                複製檔案
+            </a>
+            <a class="item">
+                <span class="ts-icon is-trash-can-icon"></span>
+                移至回收桶
+            </a>
+        </div>
+        <div class="ts-content">
+            <button class="ts-button is-fluid is-outlined">關閉</button>
+        </div>
+    </div>
+</div>
@@ -1141,79 +1132,56 @@ + -
-
在尋找相似的元件嗎？
- -
+ + + -
+ + + +
-
-
內容
+
外觀
- - 標籤 label + + 可見的 is-visible -
- -
狀態
-
- - - 啟用的 is-active + + 位置 is-bottom - - 停用的 is-disabled + + 尺寸 is-small
-
外觀
+
組合應用
- - 標記的 is-indicated - - - - 無標籤 is-unlabeled - - - - 流動 is-fluid + + 關閉按鈕 {{ts-close}} - - 較密的 is-dense + + 篩選條件 {{ts-input}} -
- -
組合應用
-
- - - 側邊選單 ts-app-statusbar + + 底部選單 {{ts-menu}}
-
@@ -1222,7 +1190,7 @@
- 回到頂部 + GitHub 開始使用 元件樣式 @@ -1234,7 +1202,7 @@
台灣正體語系協作者：Yami Odymel、coin3x、Sea-n
- + 擁有 Tocas UI 的所屬組織商標
diff --git a/docs/zh-tw/app-layout.html b/docs/zh-tw/app-layout.html index c77934468..ab0132802 100644 --- a/docs/zh-tw/app-layout.html +++ b/docs/zh-tw/app-layout.html @@ -6,7 +6,9 @@ - + + + @@ -73,12 +75,6 @@ 台灣正體
- English (US) - 台灣正體
- English (US) - 格局劃分 >Responsive + + + 輔助樣式 Utilities +
格局設計
@@ -456,6 +452,12 @@

格局劃分

>Table + + + 時間軸 Timeline +
導覽
@@ -491,6 +493,12 @@

格局劃分

應用程式
+ + 邊緣抽屜 App Drawer + + 格局劃分 App Layout格局劃分 >App Sidebar + + + 頂部列 App Topbar + + +
JavaScript 模組
+ + + 選單模組 Module Dropdown + + + + 工具提示 Module Tooltip + + + + 分頁模組 Module Tab + + + + 樣式切換 Module Toggle +
@@ -523,7 +563,12 @@

格局劃分

-
範例
+
+ 範例 + +
@@ -609,7 +654,7 @@

格局劃分

- + @@ -1321,6 +1366,14 @@

格局劃分

+ + + + + + + +
在尋找相似的元件嗎？
@@ -1336,7 +1389,6 @@

格局劃分

-
外觀
@@ -1396,7 +1448,6 @@

格局劃分

-
diff --git a/docs/zh-tw/app-navbar.html b/docs/zh-tw/app-navbar.html index 78bf199bb..82b067989 100644 --- a/docs/zh-tw/app-navbar.html +++ b/docs/zh-tw/app-navbar.html @@ -6,7 +6,9 @@ - + + + @@ -73,12 +75,6 @@ 台灣正體
- English (US) - 台灣正體
- English (US) - 導航列 >Responsive + + + 輔助樣式 Utilities +
格局設計
@@ -456,6 +452,12 @@

導航列

>Table + + + 時間軸 Timeline +
導覽
@@ -491,6 +493,12 @@

導航列

應用程式
+ + 邊緣抽屜 App Drawer + + 格局劃分 App Layout導航列 >App Sidebar + + + 頂部列 App Topbar + + +
JavaScript 模組
+ + + 選單模組 Module Dropdown + + + + 工具提示 Module Tooltip + + + + 分頁模組 Module Tab + + + + 樣式切換 Module Toggle +
@@ -523,7 +563,12 @@

導航列

-
範例
+
+ 範例 + +
@@ -611,7 +656,7 @@

導航列

- + @@ -1129,6 +1174,14 @@

導航列

+ + + + + + + +
在尋找相似的元件嗎？
@@ -1144,7 +1197,6 @@

導航列

-
內容
@@ -1196,7 +1248,6 @@

導航列

-
diff --git a/docs/zh-tw/app-sidebar.html b/docs/zh-tw/app-sidebar.html index 4cc6e215e..69c701f36 100644 --- a/docs/zh-tw/app-sidebar.html +++ b/docs/zh-tw/app-sidebar.html @@ -6,7 +6,9 @@ - + + + @@ -73,12 +75,6 @@ 台灣正體
- English (US) - 台灣正體
- English (US) - 側邊欄 >Responsive + + + 輔助樣式 Utilities +
格局設計
@@ -456,6 +452,12 @@

側邊欄

>Table + + + 時間軸 Timeline +
導覽
@@ -491,6 +493,12 @@

側邊欄

應用程式
+ + 邊緣抽屜 App Drawer + + 格局劃分 App Layout側邊欄 >App Sidebar + + + 頂部列 App Topbar + + +
JavaScript 模組
+ + + 選單模組 Module Dropdown + + + + 工具提示 Module Tooltip + + + + 分頁模組 Module Tab + + + + 樣式切換 Module Toggle +
@@ -523,7 +563,12 @@

側邊欄

-
範例
+
+ 範例 + +
@@ -613,7 +658,7 @@

側邊欄

- + @@ -905,11 +950,18 @@

側邊欄

+ + + + + + + + -
內容
@@ -945,7 +997,6 @@

側邊欄

-
diff --git a/docs/zh-tw/notification.html b/docs/zh-tw/app-topbar.html similarity index 64% rename from docs/zh-tw/notification.html rename to docs/zh-tw/app-topbar.html index 9ea9ecd58..8c5f40029 100644 --- a/docs/zh-tw/notification.html +++ b/docs/zh-tw/app-topbar.html @@ -1,17 +1,19 @@ - + - + + + - 通知 - Tocas UI + 頂部列 - Tocas UI - + - - + + - + - + - +
@@ -73,15 +75,9 @@ 台灣正體
- English (US) - 台灣正體 @@ -99,28 +95,22 @@ 台灣正體
- English (US) - 台灣正體
- +
-
通知
-
帶有圖示、圖片與可互動選項的通知訊息。
+

頂部列

+
應用程式最上方的功能列。
@@ -150,6 +140,12 @@ >Responsive + + + 輔助樣式 Utilities +
格局設計
@@ -316,7 +312,7 @@ - 彈出視窗 Modal @@ -456,6 +452,12 @@ >Table + + + 時間軸 Timeline +
導覽
@@ -465,6 +467,12 @@ > + + 彈出式選單 Dropdown + + 選單 Menu應用程式
+ + 邊緣抽屜 App Drawer + + 格局劃分 App LayoutApp Sidebar + + + 頂部列 App Topbar + + +
JavaScript 模組
+ + + 選單模組 Module Dropdown + + + + 工具提示 Module Tooltip + + + + 分頁模組 Module Tab + + + + 樣式切換 Module Toggle +
@@ -513,11 +559,16 @@
-
+
-
範例
+
+ 範例 + +
@@ -567,50 +618,48 @@
-
-
-
-
-
-
-
-
已將你的貼文移動至回收桶。
-
- - -
-
- -
+
+
+
應用程式
+
+
+ + + + + +
- 
<div class="ts-box">
-    <div class="ts-content">
-        <div class="ts-notification">
-            <div class="aside">
-                <div class="ts-icon is-trash-icon"></div>
-            </div>
-            <div class="content">
-                <div class="text">已將你的貼文移動至回收桶。</div>
-                <div class="actions">
-                    <button class="item">還原</button>
-                    <button class="item is-secondary">下次提醒我</button>
-                </div>
-            </div>
-            <button class="ts-close"></button>
-        </div>
+                            
<div class="ts-app-topbar">
+    <div class="start">
+        <div class="item is-text">應用程式</div>
+    </div>
+    <div class="end">
+        <a class="item">
+            <span class="ts-icon is-magnifying-glass-icon"></span>
+        </a>
+        <a class="item">
+            <span class="ts-icon is-ellipsis-vertical-icon"></span>
+        </a>
     </div>
 </div>
- + +
概要
+

這是一個專為應用程式設計的元件。

+ +

通常被擺放在應用程式的最上方且僅會有標題文字或是功能按鈕。

+
+ @@ -626,35 +675,56 @@
- +
- 圖示 + 位置
-
+

頂部列被劃分為 start（起始）、center（中間）和 end（尾端）三個區塊，可以用來擺放不同內容。

+
-
-
-
+
+
+ + +
-
-
你的檔案「YamiOdymel.jpg」已經成功上傳了。
+
+
我的相簿
+
+
+ + + + + +
- 
<div class="ts-notification">
-    <div class="aside">
-        <div class="ts-icon is-upload-icon"></div>
-    </div>
-    <div class="content">
-        <div class="text">你的檔案「YamiOdymel.jpg」已經成功上傳了。</div>
-    </div>
-</div>
+ 
<div class="ts-app-topbar">
+    <div class="start">
+        <a class="item">
+            <span class="ts-icon is-chevron-left-icon"></span>
+        </a>
+    </div>
+    <div class="center">
+        <div class="item is-text">我的相簿</div>
+    </div>
+    <div class="end">
+        <a class="item">
+            <span class="ts-icon is-magnifying-glass-icon"></span>
+        </a>
+        <a class="item">
+            <span class="ts-icon is-ellipsis-vertical-icon"></span>
+        </a>
+    </div>
+</div>
@@ -670,36 +740,39 @@
- +
- 圖片 + 文字項目
-
+

專門呈現文字的項目，通常用以擺放應用程式的標題名稱。

+
-
-
- +
+
+
檢視 PDF 文件
-
-
Haneda Shirone 在你的貼文上留言。
+
+ + +
-
- 
<div class="ts-notification">
-    <div class="aside">
-        <img class="ts-image" src="user.png">
+                                
<div class="ts-app-topbar">
+    <div class="start">
+        <div class="item is-text">檢視 PDF 文件</div>
     </div>
-    <div class="content">
-        <div class="text">Haneda Shirone 在你的貼文上留言。</div>
+    <div class="end">
+        <a class="item">
+            <span class="ts-icon is-circle-question-icon"></span>
+        </a>
     </div>
-    <button class="ts-close"></button>
 </div>
@@ -716,133 +789,56 @@
- +
- 文字 + 內容
-
- - - -
-
-
-
早安！自從你上次登入之後，我們已經新增了五篇文章。
-
- -
-
- -
-
- 
<div class="ts-notification">
-    <div class="content">
-        <div class="text">早安！自從你上次登入之後，我們已經新增了五篇文章。</div>
-        <div class="actions">
-            <button class="item">知道了</button>
-        </div>
-    </div>
-    <button class="ts-close"></button>
-</div>
+

頂部列可以擺放額外的內容或選單。

-
- - - - - - - - - - -
- -
- -
- 動作 - - - -
-
-
-
-
+
+
+ + +
-
-
你的貼文已經收到了 32 個收藏。
-
- -
+
+ + + + + +
-
-
- 
<div class="ts-notification">
-    <div class="aside">
-        <div class="ts-icon is-heart-icon"></div>
-    </div>
-    <div class="content">
-        <div class="text">你的貼文已經收到了 32 個收藏。</div>
-        <div class="actions">
-            <button class="item">不要再通知我</button>
-        </div>
-    </div>
-</div>
-
-
- - - - - - - - - - -
- -
- -
- 關閉按鈕 - - - -
-
- - - -
-
-
已將項目加入至購物車，你的購物車現在有 5 項產品。
-
- -
+
我的檔案
-
- 
<div class="ts-notification">
-    <div class="content">
-        <div class="text">已將項目加入至購物車，你的購物車現在有 5 項產品。</div>
-        <div class="actions">
-            <button class="item">結帳</button>
-        </div>
-    </div>
-    <button class="ts-close"></button>
-</div>
+ 
<div class="ts-app-topbar">
+    <div class="start">
+        <a class="item">
+            <span class="ts-icon is-arrow-left-icon"></span>
+        </a>
+    </div>
+    <div class="end">
+        <a class="item">
+            <span class="ts-icon is-magnifying-glass-icon"></span>
+        </a>
+        <a class="item">
+            <span class="ts-icon is-ellipsis-vertical-icon"></span>
+        </a>
+    </div>
+    <div class="content">
+        <div class="ts-header is-large">我的檔案</div>
+    </div>
+</div>
@@ -859,7 +855,7 @@ -
外觀
+
組合應用
@@ -870,43 +866,78 @@
- +
- 動作語意 + 展開選單
-
+

搭配樣式切換模組與選單可以在行動裝置上提供一個可展開的額外選單。

+
-
-
-
+
+
+ + + +
電子信箱
-
-
你已啟用飛航模式，你將不再能夠連上網際網路。
-
- - +
+
+ + +
+
+
+ + + 收件匣 + + + + 重要郵件 + + + + 垃圾郵件 +
- 
<div class="ts-notification">
-    <div class="aside">
-        <div class="ts-icon is-plane-icon"></div>
-    </div>
-    <div class="content">
-        <div class="text">你已啟用飛航模式，你將不再能夠連上網際網路。</div>
-        <div class="actions">
-            <button class="item is-primary">關閉功能</button>
-            <button class="item is-negative">不要再提醒我</button>
-        </div>
-    </div>
-</div>
+ 
<div class="ts-app-topbar">
+    <div class="start">
+        <a class="item" data-toggle="menu:u-hidden">
+            <span class="ts-icon is-bars-icon"></span>
+        </a>
+        <div class="item is-text">電子信箱</div>
+    </div>
+    <div class="content" data-name="menu">
+        <div class="ts-input is-start-icon u-dark">
+            <span class="ts-icon is-magnifying-glass-icon"></span>
+            <input type="text" placeholder="搜尋信件…">
+        </div>
+        <div class="ts-space is-small"></div>
+        <div class="ts-menu is-separated is-start-icon u-dark">
+            <a class="item">
+                <span class="ts-icon is-inbox-icon"></span>
+                收件匣
+            </a>
+            <a class="item">
+                <span class="ts-icon is-bookmark-icon"></span>
+                重要郵件
+            </a>
+            <a class="item">
+                <span class="ts-icon is-circle-exclamation-icon"></span>
+                垃圾郵件
+            </a>
+        </div>
+    </div>
+</div>
@@ -922,43 +953,49 @@
- +
- 次要的動作 + 功能選單
-
+

搭配選單模組與彈出式選單讓尾端的額外功能選單起作用。

+
-
-
-
+
+
+
遊戲存檔修改器
-
-
已將你的貼文移動至回收桶。
-
- - -
+
+
-
- 
<div class="ts-notification">
-    <div class="aside">
-        <div class="ts-icon is-trash-icon"></div>
-    </div>
-    <div class="content">
-        <div class="text">已將你的貼文移動至回收桶。</div>
-        <div class="actions">
-            <button class="item">還原</button>
-            <button class="item is-secondary">知道了</button>
-        </div>
-    </div>
-</div>
+
+ + + +
+ 
<div class="ts-app-topbar">
+    <div class="start">
+        <div class="item is-text">遊戲存檔修改器</div>
+    </div>
+    <div class="end">
+        <button class="item" data-dropdown="dropdown">
+            <span class="ts-icon is-ellipsis-vertical-icon"></span>
+        </button>
+    </div>
+</div>
+<div class="ts-dropdown" data-name="dropdown" data-position="bottom-end">
+    <button class="item">檢查最新版本</button>
+    <button class="item">使用說明</button>
+    <button class="item">關於版本</button>
+</div>
@@ -977,54 +1014,52 @@ + -
+ + + + + + + +
-
內容
- - 圖示 {{ts-icon}} - - - - 圖片 {{ts-image}} - - - - 文字 text + + 位置 start - - 動作 actions + + 文字項目 is-text - - 關閉按鈕 {{ts-close}} + + 內容 content
-
外觀
+
組合應用
- - 動作語意 actions + + 展開選單 data-toggle - - 次要的動作 is-secondary + + 功能選單 data-dropdown
-
@@ -1033,7 +1068,7 @@
- 回到頂部 + GitHub 開始使用 元件樣式 @@ -1045,7 +1080,7 @@
台灣正體語系協作者：Yami Odymel、coin3x、Sea-n
- + 擁有 Tocas UI 的所屬組織商標
diff --git a/docs/zh-tw/assets/highlight.css b/docs/zh-tw/assets/highlight.css index 711cdd597..89332f105 100644 --- a/docs/zh-tw/assets/highlight.css +++ b/docs/zh-tw/assets/highlight.css @@ -47,8 +47,12 @@ } .hljs mark.tag { + /*background-color: #e9e9e9; + color: inherit;*/ background-color: #e9e9e9; - color: inherit; + color: #4a4a4a; + line-height: 1.3; + padding: 0 0.25rem; } .hljs .hljs-variable, @@ -89,7 +93,7 @@ code.hljs.javascript { } .hljs-comment { - opacity: 0.75; + opacity: 0.9; } .hljs mark::selection, diff --git a/docs/zh-tw/assets/index.css b/docs/zh-tw/assets/index.css index 4411c99e0..86aad1f50 100644 --- a/docs/zh-tw/assets/index.css +++ b/docs/zh-tw/assets/index.css @@ -550,12 +550,9 @@ grid-area: initial; } - .主要內容-內容區塊-藝廊格局-主要 .ts-grid { - grid-template-columns: 1fr !important; - } - .主要內容-內容區塊-藝廊格局-主要 .ts-grid .column { - grid-column: auto !important; + width: var(--ts-grid-16-wide) !important; + max-width: var(--ts-grid-16-wide) !important; } .主要內容-準備區塊 { diff --git a/docs/zh-tw/assets/script.js b/docs/zh-tw/assets/script.js index 84f8b616b..725788ac6 100644 --- a/docs/zh-tw/assets/script.js +++ b/docs/zh-tw/assets/script.js @@ -1,82 +1,73 @@ document.addEventListener("DOMContentLoaded", () => { - document.querySelectorAll(".主體-格局-內容-單個範例-文字-標題-切換原始碼").forEach(v => { v.addEventListener("click", () => { v.closest(".主體-格局-內容-單個範例").classList.toggle("主體-格局-內容-單個範例_檢視原始碼中"); }); }); - document.querySelectorAll(".頁腳-導航列-項目_回到頂部, .主體-格局-索引-回到頂部").forEach((v) => { + document.querySelectorAll(".頁腳-導航列-項目_回到頂部, .主體-格局-索引-回到頂部").forEach(v => { v.addEventListener("click", () => { document.body.scrollTop = 0; document.documentElement.scrollTop = 0; - }) + // 移除 Hash。 + history.pushState("", document.title, window.location.pathname + window.location.search); + }); }); - document.addEventListener("click", (e) => { - document.querySelectorAll(".主體-格局-內容-工具列-項目-下拉式選單").forEach((e) => { - e.querySelector(".主體-格局-內容-工具列-項目-下拉式選單-群組").classList.remove("主體-格局-內容-工具列-項目-下拉式選單-群組_開啟的") - }) - }) + document.addEventListener("click", e => { + document.querySelectorAll(".主體-格局-內容-工具列-項目-下拉式選單").forEach(e => { + e.querySelector(".主體-格局-內容-工具列-項目-下拉式選單-群組").classList.remove("主體-格局-內容-工具列-項目-下拉式選單-群組_開啟的"); + }); + }); - document.addEventListener("click", (e) => { + document.addEventListener("click", e => { if (!e.target.classList.contains("穹頂-導航列-項目_語系的")) { - document.querySelectorAll(".穹頂-導航列-項目-語系下拉式選單").forEach((v) => { - v.classList.remove("穹頂-導航列-項目-語系下拉式選單_開啟的") - }) + document.querySelectorAll(".穹頂-導航列-項目-語系下拉式選單").forEach(v => { + v.classList.remove("穹頂-導航列-項目-語系下拉式選單_開啟的"); + }); } - }) + }); - document.querySelectorAll(".穹頂-導航列-項目_語系的").forEach((v) => { - v.addEventListener("click", (e) => { + document.querySelectorAll(".穹頂-導航列-項目_語系的").forEach(v => { + v.addEventListener("click", e => { if (e.target.classList.contains("穹頂-導航列-項目_語系的")) { - e.target.querySelector(".穹頂-導航列-項目-語系下拉式選單").classList.add("穹頂-導航列-項目-語系下拉式選單_開啟的") + e.target.querySelector(".穹頂-導航列-項目-語系下拉式選單").classList.add("穹頂-導航列-項目-語系下拉式選單_開啟的"); } - }) - }) + }); + }); document.querySelector(".穹頂-導航列-項目_選單按鈕")?.addEventListener("click", () => { - document.querySelector(".主體-格局-導覽").classList.add("主體-格局-導覽_啟用的") - document.querySelector(".主體-格局-遮罩").classList.add("主體-格局-遮罩_啟用的") - - }) + document.querySelector(".主體-格局-導覽").classList.add("主體-格局-導覽_啟用的"); + document.querySelector(".主體-格局-遮罩").classList.add("主體-格局-遮罩_啟用的"); + }); document.querySelector(".主體-格局-導覽-關閉按鈕")?.addEventListener("click", () => { - document.querySelector(".主體-格局-導覽").classList.remove("主體-格局-導覽_啟用的") - document.querySelector(".主體-格局-遮罩").classList.remove("主體-格局-遮罩_啟用的") - }) - - - - - + document.querySelector(".主體-格局-導覽").classList.remove("主體-格局-導覽_啟用的"); + document.querySelector(".主體-格局-遮罩").classList.remove("主體-格局-遮罩_啟用的"); + }); - document.querySelectorAll(".主體-格局-內容-工具列-項目-下拉式選單").forEach((e) => { - e.addEventListener("click", (e) => { - var menu = e.target.closest(".主體-格局-內容-工具列-項目-下拉式選單") + document.querySelectorAll(".主體-格局-內容-工具列-項目-下拉式選單").forEach(e => { + e.addEventListener("click", e => { + var menu = e.target.closest(".主體-格局-內容-工具列-項目-下拉式選單"); if (e.target.classList.contains("主體-格局-內容-工具列-項目-下拉式選單-群組-項目")) { - let [key, value] = e.target.getAttribute("data-value").split(",") - document.querySelector("html").setAttribute(`data-${key}`, value) - menu.querySelectorAll(".主體-格局-內容-工具列-項目-下拉式選單-群組-項目").forEach((e) => { - e.classList.remove("主體-格局-內容-工具列-項目-下拉式選單-群組-項目_啟用的") - }) - menu.querySelector(".主體-格局-內容-工具列-項目-下拉式選單-文字-標籤").innerText = e.target.innerText - e.target.classList.add("主體-格局-內容-工具列-項目-下拉式選單-群組-項目_啟用的") + let [key, value] = e.target.getAttribute("data-value").split(","); + document.querySelector("html").setAttribute(`data-${key}`, value); + menu.querySelectorAll(".主體-格局-內容-工具列-項目-下拉式選單-群組-項目").forEach(e => { + e.classList.remove("主體-格局-內容-工具列-項目-下拉式選單-群組-項目_啟用的"); + }); + menu.querySelector(".主體-格局-內容-工具列-項目-下拉式選單-文字-標籤").innerText = e.target.innerText; + e.target.classList.add("主體-格局-內容-工具列-項目-下拉式選單-群組-項目_啟用的"); } else { setTimeout(() => { - menu. - querySelector(".主體-格局-內容-工具列-項目-下拉式選單-群組"). - classList.add("主體-格局-內容-工具列-項目-下拉式選單-群組_開啟的") - }, 1) + menu.querySelector(".主體-格局-內容-工具列-項目-下拉式選單-群組").classList.add("主體-格局-內容-工具列-項目-下拉式選單-群組_開啟的"); + }, 1); } - - }); - }) + }); window.addEventListener("hashchange", rescanAnchor); - rescanAnchor() + rescanAnchor(); }); function rescanAnchor() { @@ -87,10 +78,21 @@ function rescanAnchor() { document.querySelectorAll(".主體-格局-內容-單個範例-文字-標題").forEach(v => { v.classList.remove("主體-格局-內容-單個範例-文字-標題_被提及的"); }); + document .querySelector(`a[id='${decodeURI(u.substring(u.indexOf("#") + 1))}']`) ?.closest(".主體-格局-內容-單個範例") .querySelector(".主體-格局-內容-單個範例-文字-標題") .classList.add("主體-格局-內容-單個範例-文字-標題_被提及的"); - //window.scrollTo(window.scrollX, window.scrollY - 50); -} \ No newline at end of file + + document.querySelector(`a[id='${decodeURI(u.substring(u.indexOf("#") + 1))}']`)?.scrollIntoView(); +} + +function download(event) { + const link = document.createElement("a"); + const file = new Blob([event.target.closest(".主體-格局-內容-單個範例-附帶程式碼_可下載的").querySelector("pre").innerText], { type: "text/plain" }); + link.href = URL.createObjectURL(file); + link.download = "source-code.txt"; + link.click(); + URL.revokeObjectURL(link.href); +} diff --git a/docs/zh-tw/assets/style.css b/docs/zh-tw/assets/style.css index c03297b59..d92cb4b8a 100644 --- a/docs/zh-tw/assets/style.css +++ b/docs/zh-tw/assets/style.css @@ -84,7 +84,7 @@ body { text-align: left; width: max-content; right: 0; - z-index: 101; + z-index: 1001; } .穹頂-導航列-項目-語系下拉式選單.穹頂-導航列-項目-語系下拉式選單_開啟的 { @@ -266,10 +266,20 @@ body { max-width: calc(100% - (210px + 210px)); } -.主體-格局-內容 .ts-modal { +.主體-格局-內容 .ts-modal:not([data-name="modal"]) { position: relative; } +.主體-格局-內容 .ts-app-drawer:not([data-name="drawer"]) { + position: relative; + border: 1px solid var(--ts-gray-300); + min-height: 120px; +} + +.主體-格局-內容 .ts-app-drawer.is-bottom { + min-height: 320px !important; +} + .主體-格局-內容_網格範例的 .ts-grid { width: 100%; background: var(--ts-gray-50); @@ -292,7 +302,14 @@ body { color: var(--ts-gray-400); font-weight: bold; border: 1px solid var(--ts-gray-300); - margin: -1px -1px; + margin: -1px 0px; +} + +.主體-格局-內容_網格範例的 .ts-grid:is(.is-top-aligned, .is-middle-aligned, .is-bottom-aligned) .column:not(:nth-child(2)) { + min-height: 8rem; +} +.主體-格局-內容_網格範例的 .ts-grid:is(.is-top-aligned, .is-middle-aligned, .is-bottom-aligned) .column:nth-child(2) { + min-height: 3rem; } /*.主體-格局-內容_網格範例的 .ts-grid[class*="-columns"] .column::after { @@ -387,6 +404,53 @@ body { .主體-格局-內容_網格範例的 .ts-grid .column.is-16-wide::after { content: "16"; } +.主體-格局-內容_網格範例的 .ts-grid .column.is-fluid::after { + content: "Fluid"; +} +.主體-格局-內容_網格範例的 .ts-grid.is-top-aligned .column:nth-child(2)::after { + content: "Top"; +} +.主體-格局-內容_網格範例的 .ts-grid.is-middle-aligned .column:nth-child(2)::after { + content: "Middle"; +} +.主體-格局-內容_網格範例的 .ts-grid.is-bottom-aligned .column:nth-child(2)::after { + content: "Bottom"; +} +/*.主體-格局-內容_網格範例的 .ts-grid .column.is-first::after { + content: "First"; +} +.主體-格局-內容_網格範例的 .ts-grid .column.is-last::after { + content: "Last"; +} + +.主體-格局-內容_網格範例的 .ts-grid .column[class*="is-order-"]::after, +.主體-格局-內容_網格範例的 .ts-grid.is-reversed .column::after { + border-radius: 100rem; + background: var(--ts-gray-300); + width: 33px; + height: 33px; + text-align: center; + line-height: 1; + display: flex; + align-items: center; + justify-content: center; + color: var(--ts-gray-50); +} +.主體-格局-內容_網格範例的 .ts-grid .column.is-order-1::after, +.主體-格局-內容_網格範例的 .ts-grid.is-reversed .column:nth-child(1):after { + content: "1"; +} +.主體-格局-內容_網格範例的 .ts-grid .column.is-order-2::after, +.主體-格局-內容_網格範例的 .ts-grid.is-reversed .column:nth-child(2):after { + content: "2"; +} +.主體-格局-內容_網格範例的 .ts-grid .column.is-order-3::after, +.主體-格局-內容_網格範例的 .ts-grid.is-reversed .column:nth-child(3):after { + content: "3"; +} +.主體-格局-內容_網格範例的 .ts-grid .column.is-order-4::after { + content: "4"; +}*/ .主體-格局-內容_網格範例的 .ts-grid { position: relative; @@ -399,7 +463,7 @@ body { } .主體-格局-內容-文字 a { - color: var(--ts-gray-800); + color: var(--ts-primary-800); text-decoration: underline; } @@ -458,7 +522,7 @@ body { text-align: left; width: max-content; right: 0; - z-index: 101; + z-index: 1001; } .主體-格局-內容-工具列-項目-下拉式選單-群組-項目 { @@ -488,11 +552,41 @@ body { color: var(--ts-gray-800); margin-right: auto; margin-left: initial; + text-align: left; +} + +.主體-格局-內容-工具列-項目-連結標籤 { + display: flex; + gap: .8rem; + margin-top: 13px; +} + +.主體-格局-內容-工具列-項目-連結標籤-項目 { + border: 1px solid var(--ts-gray-300); + border-radius: 4px; + font-size: 14px; + padding: 0.4rem 0.7rem; + display: flex; + white-space: nowrap; + gap: 0.5rem; + font-weight: normal; + line-height: 1; + color: var(--ts-gray-800); +} + +.主體-格局-內容-工具列-項目-連結標籤-項目-文字 { + +} + +.主體-格局-內容-工具列-項目-連結標籤-項目 .ts-icon { + font-size: 13px; + margin-top: 1px; } .主體-格局-內容-主要範例 { border: 1px solid var(--ts-gray-300); border-radius: 0.4rem; + overflow: hidden; } .主體-格局-內容-主要範例-實際效果 { @@ -502,6 +596,8 @@ body { align-items: center; justify-content: center; border-radius: 0.4rem; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; border-bottom: 1px solid var(--ts-gray-300); } @@ -509,6 +605,11 @@ body { width: 100%; } +.主體-格局-內容-主要範例-實際效果-置中容器 > .ts-email { + padding: 0; + margin: -45px 0; +} + .主體-格局-內容-主要範例-程式碼 { padding: 1.5rem; background: var(--ts-gray-75); @@ -516,7 +617,7 @@ body { .主體-格局-內容-主要範例-程式碼 pre { margin: 0; - line-height: 1.5; + /*line-height: 1.5;*/ } .主體-格局-內容-標題 { @@ -551,12 +652,102 @@ body { } .主體-格局-內容-單個範例-文字 a { - color: var(--ts-gray-800); + color: var(--ts-primary-800); text-decoration: underline; } +.主體-格局-內容-變數屬性 { + margin-top: 1.5rem; +} + +.主體-格局-內容-額外連結 { + display: flex; + gap: 1rem; + margin-top: 8rem; +} + +.主體-格局-內容-額外連結-項目 { + display: flex; + flex-direction: column; + gap: 0.5rem; + border: 1px solid var(--ts-gray-300); + padding: 0.8rem 0.8rem; + border-radius: 6px; + width: 40%; +} + +.主體-格局-內容-額外連結-項目-主體 { + display: flex; + align-items: flex-start; + gap: 1rem; + flex: 1; +} + +.主體-格局-內容-額外連結-項目-主體-圖示容器 { +} + +.主體-格局-內容-額外連結-項目-主體-圖示容器 .ts-icon { + background: var(--ts-gray-200); + height: 40px; + width: 40px; + font-size: 16px; + display: flex; + align-items: center; + justify-content: center; + color: var(--ts-gray-800); + border-radius: 100em; +} + +.主體-格局-內容-額外連結-項目-主體-文字容器 { + display: flex; + flex-direction: column; + gap: 0.3rem; +} + +.主體-格局-內容-額外連結-項目-主體-文字容器-標題 { + font-weight: bold; + font-size: 14px; + color: var(--ts-gray-800); + line-height: 1.2; +} + +.主體-格局-內容-額外連結-項目-主體-文字容器-說明 { + font-size: 14px; + color: var(--ts-gray-600); + line-height: 1.6; + display: -webkit-box; + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: 2; +} + +.主體-格局-內容-額外連結-項目-連結文字 { + display: flex; + align-items: center; + gap: 1rem; + padding: 0.7rem 0.35rem 0; + margin-top: 0.2rem; + line-height: 1; + border-top: 1px solid var(--ts-gray-300); +} + +.主體-格局-內容-額外連結-項目-連結文字-文字 { + flex: 1; + color: var(--ts-gray-600); +} + +.主體-格局-內容-額外連結-項目-連結文字-圖示容器 { + color: var(--ts-gray-600); + font-size: var(--ts-font-size-17px); +} + .主體-格局-內容-文字 p code, -.主體-格局-內容-單個範例-文字 p code { +.主體-格局-內容-單個範例-文字 p code, +.主體-格局-內容-單個範例-文字 .ts-list code, +.主體-格局-內容-單個範例-文字 .ts-table code, +.主體-格局-內容-文字 .ts-table code, +.主體-格局-內容-變數屬性 .ts-table code { padding: 0 0.4rem; display: inline-block; border-radius: 0.3rem; @@ -680,6 +871,26 @@ body { .主體-格局-內容-單個範例-範例-實際效果 { } +.主體-格局-內容-單個範例-範例-實際效果 + :is( + .u-padded, + .u-horizontally-padded, + .u-vertically-padded, + .u-very-padded, + .u-horizontally-very-padded, + .u-vertically-very-padded, + .u-spaced, + .u-horizontally-spaced, + .u-vertically-spaced, + .u-very-spaced, + .u-horizontally-very-spaced, + .u-vertically-very-spaced + ) { + background-image: linear-gradient(to bottom, var(--ts-gray-50) 0%, var(--ts-gray-50) 100%), linear-gradient(to bottom, var(--ts-gray-300) 0%, var(--ts-gray-300) 100%); + background-clip: content-box, padding-box; + border: 1px solid var(--ts-gray-300); +} + .主體-格局-內容-單個範例_檢視原始碼中 .主體-格局-內容-單個範例-範例-實際效果 { padding: 1.5rem; border-bottom: 1px solid var(--ts-gray-300); @@ -710,6 +921,45 @@ body { margin: 0; } +.主體-格局-內容-單個範例-附帶程式碼_可下載的 { + max-height: 270px; + overflow: hidden; +} + +.主體-格局-內容-單個範例-附帶程式碼_可下載的 pre { + position: static; + overflow: hidden; +} + +.主體-格局-內容-單個範例-附帶程式碼_可下載的 pre::after { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + content: ''; + background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%,rgb(255 255 255 / 80%) 100%); +} + +.主體-格局-內容-單個範例-附帶程式碼-下載按鈕 { + appearance: none; + border: 0; + border-radius: 0.4rem; + border-radius: 100em; + background: var(--ts-gray-800); + color: var(--ts-gray-50); + padding: 0.6rem 1.2rem; + font-weight: 500; + font-family: "Noto Sans TC", "Noto Sans CJK TC"; + cursor: pointer; + font-size: var(--ts-font-size-14px); + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + z-index: 1; +} + .主體-格局-內容-相關元件 { padding: 2rem 2rem; margin-top: 8rem; @@ -718,6 +968,10 @@ body { color: var(--ts-gray-800); } +.主體-格局-內容-額外連結 + .主體-格局-內容-相關元件 { + margin-top: 1.5rem; +} + .主體-格局-內容-相關元件-標題 { color: var(--ts-gray-800); font-weight: 500; @@ -1087,7 +1341,7 @@ body { left: 1rem; right: 1rem; border-radius: 1rem; - z-index: 102; + z-index: 1002; background: var(--ts-gray-50); padding: 1.5rem; overflow-y: auto; @@ -1116,7 +1370,7 @@ body { bottom: 0; background: var(--ts-gray-300); backdrop-filter: blur(1px); - z-index: 101; + z-index: 1001; display: none; } @@ -1137,6 +1391,11 @@ body { padding: 1rem; } + .主體-格局-內容-主要範例-實際效果-置中容器 > .ts-email { + padding: 0; + margin: -15px 0; + } + .主體-格局-內容-單個範例_檢視原始碼中 .主體-格局-內容-單個範例-範例-實際效果 { padding: 1rem; } @@ -1145,13 +1404,13 @@ body { padding: 1rem; } - .主體-格局-內容-單個範例-附帶程式碼 pre, + .主體-格局-內容-單個範例-附帶程式碼:not(.主體-格局-內容-單個範例-附帶程式碼_可下載的) pre, .主體-格局-內容-主要範例-程式碼 pre, .主體-格局-內容-單個範例-範例-程式碼 pre { overflow-x: auto; } - .主體-格局-內容-單個範例-附帶程式碼 .hljs, + .主體-格局-內容-單個範例-附帶程式碼:not(.主體-格局-內容-單個範例-附帶程式碼_可下載的) .hljs, .主體-格局-內容-主要範例-程式碼 .hljs, .主體-格局-內容-單個範例-範例-程式碼 .hljs { white-space: pre; diff --git a/docs/zh-tw/assets/tocas/accordion.css b/docs/zh-tw/assets/tocas/accordion.css deleted file mode 100644 index 61abad13c..000000000 --- a/docs/zh-tw/assets/tocas/accordion.css +++ /dev/null @@ -1,63 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-accordion { - color: inherit; - box-sizing: border-box; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-accordion .title { - display: flex; - align-items: center; - user-select: none; - cursor: pointer; -} - -.ts-accordion .title::before { - font-family: "Icons"; - font-weight: normal; - font-style: normal; - display: inline; - text-decoration: inherit; - text-align: center; - width: 1.18em; - -webkit-font-smoothing: antialiased; - backface-visibility: hidden; - display: block; - margin-right: 0.7rem; - color: var(--ts-gray-600); - transform: rotate(270deg); - content: "\f078"; - line-height: 1; - font-size: 14px; -} - -.ts-accordion .content { - display: none; - margin: 1rem 0 0; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Active - */ - -.ts-accordion.is-active .content { - display: block; -} - -.ts-accordion.is-active .title::before { - transform: rotate(0deg); -} diff --git a/docs/zh-tw/assets/tocas/app-layout.css b/docs/zh-tw/assets/tocas/app-layout.css deleted file mode 100644 index 84331e7b8..000000000 --- a/docs/zh-tw/assets/tocas/app-layout.css +++ /dev/null @@ -1,113 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-app-layout { - display: flex; - flex-direction: row; - color: inherit; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-app-layout .cell { - - flex-shrink: 0; - background: var(--ts-gray-50); -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Full - */ - -.ts-app-layout.is-full { - height: 100%; - width: 100%; -} - -/** - * Horizontal - */ - -.ts-app-layout.is-horizontal { - display: flex; - flex-direction: row; -} - -.ts-app-layout.is-horizontal > .cell:not(:last-child) { - border-right: 1px solid var(--ts-gray-300); -} - -.ts-app-layout .cell.is-horizontal { - display: flex; - flex-direction: row; -} - -.ts-app-layout .cell.is-horizontal > .cell:not(:last-child) { - border-right: 1px solid var(--ts-gray-300); -} - -/** - * Vertical - */ - -.ts-app-layout.is-vertical { - display: flex; - flex-direction: column; -} - -.ts-app-layout.is-vertical > .cell:not(:last-child) { - border-bottom: 1px solid var(--ts-gray-300); -} - -.ts-app-layout .cell.is-vertical { - display: flex; - flex-direction: column; -} - -.ts-app-layout .cell.is-vertical > .cell:not(:last-child) { - border-bottom: 1px solid var(--ts-gray-300); -} - -/** - * Scrollable - */ - -.ts-app-layout .cell.is-scrollable { - overflow-y: auto; -} - -/** - * Fluid - */ - -.ts-app-layout .cell.is-fluid { - flex: 1; - flex-shrink: 1; -} - -/** - * Secondary - */ - -.ts-app-layout .cell.is-secondary { - background: var(--ts-gray-75); -} - -/** - * Tertiary - */ - -.ts-app-layout .cell.is-tertiary { - background: var(--ts-gray-100); -} \ No newline at end of file diff --git a/docs/zh-tw/assets/tocas/app-sidebar.css b/docs/zh-tw/assets/tocas/app-sidebar.css deleted file mode 100644 index 69c9c28a6..000000000 --- a/docs/zh-tw/assets/tocas/app-sidebar.css +++ /dev/null @@ -1,81 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-app-sidebar { - margin-right: 1.5rem; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-app-sidebar .item { - padding: 0.7rem 1.5rem; - display: flex; - font-weight: 500; - color: var(--ts-gray-800); - text-decoration: none; -} - -.ts-app-sidebar .header { - font-weight: bold; - padding: 0.75rem 1.5rem; - font-size: var(--ts-font-size-15px); - color: var(--ts-gray-500); -} - -.ts-app-sidebar .item + .header { - margin-top: 1.5rem; -} - -.ts-app-sidebar .item .ts-icon { - margin-right: 1rem; - font-size: 1.1em; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Active - */ - -.ts-app-sidebar .item.is-active { - background: var(--ts-gray-800); - color: var(--ts-gray-50); - border-radius: 0px 100rem 100rem 0; -} - -/** - * Disabled - */ - -.ts-app-sidebar .item.is-disabled { - opacity: 0.5; - pointer-events: none; - user-select: none; -} - -/** - * Dense - */ - -.ts-app-sidebar.is-dense .item { - padding-top: 0.4rem; - padding-bottom: 0.4rem; -} - -.ts-app-sidebar.is-dense .item + .header { - margin-top: 0.5rem; -} - -.ts-app-sidebar.is-dense .header { - padding-top: 0.45rem; - padding-bottom: 0.45rem; -} diff --git a/docs/zh-tw/assets/tocas/app-statusbar.css b/docs/zh-tw/assets/tocas/app-statusbar.css deleted file mode 100644 index 67ef30ba3..000000000 --- a/docs/zh-tw/assets/tocas/app-statusbar.css +++ /dev/null @@ -1,34 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-app-statusbar { - background: var(--ts-gray-100); - display: flex; - line-height: 1; - gap: 0.5rem; -} - -.ts-app-statusbar .item { - text-decoration: none; - font-size: var(--ts-font-size-13px); - display: flex; - gap: 0.5rem; - padding: 0.5rem 0.5rem; -} - -.ts-app-statusbar .item:hover { - background: var(--ts-gray-200); -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Active - */ diff --git a/docs/zh-tw/assets/tocas/badge.css b/docs/zh-tw/assets/tocas/badge.css deleted file mode 100644 index 1425f2d1d..000000000 --- a/docs/zh-tw/assets/tocas/badge.css +++ /dev/null @@ -1,96 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-badge { - font-size: var(--ts-font-size-14px); - border-radius: 100rem; - padding: 0.225rem 0.5rem; - line-height: 1; - border: 1px solid transparent; - background: var(--ts-gray-800); - color: var(--ts-gray-50); - font-weight: 400; - display: inline-block; - white-space: nowrap; - text-decoration: none; - vertical-align: middle; - align-self: center; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Secondary - */ - -.ts-badge.is-secondary { - background: var(--ts-gray-200); - color: var(--ts-gray-800); -} - -/** - * Outlined - */ - -.ts-badge.is-outlined { - background: transparent; - border-color: var(--ts-gray-300); - color: var(--ts-gray-800); -} - -/** - * Negative - */ - -.ts-badge.is-negative { - background: var(--ts-negative-500); - color: var(--ts-white); -} - -.ts-badge.is-negative.is-outlined { - background: transparent; - border-color: var(--ts-negative-500); - color: var(--ts-negative-700); -} - -/** - * Sizes - */ - -.ts-badge.is-small { - font-size: var(--ts-font-size-12px); -} -.ts-badge.is-large { - font-size: var(--ts-font-size-16px); -} - -/** - * Dense - */ - -.ts-badge.is-dense { - padding-top: 0.125rem; - padding-bottom: 0.125rem; -} - -/** - * Spaced - */ - -.ts-badge.is-spaced { - margin-left: 0.45rem; - margin-right: 0.45rem; -} -.ts-badge.is-start-spaced { - margin-left: 0.45rem; -} -.ts-badge.is-end-spaced { - margin-right: 0.45rem; -} diff --git a/docs/zh-tw/assets/tocas/box.css b/docs/zh-tw/assets/tocas/box.css deleted file mode 100644 index 1f2f89776..000000000 --- a/docs/zh-tw/assets/tocas/box.css +++ /dev/null @@ -1,128 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-box { - display: block; - text-decoration: none; - color: inherit; - border: 1px solid var(--ts-gray-300); - border-radius: 0.4rem; - overflow: hidden; - background: var(--ts-gray-50); - - --ts-indicator-color: var(--ts-gray-900); -} - -a.ts-box:hover { - border-color: var(--ts-gray-400); -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-box .symbol { -} - -.ts-box .symbol .ts-icon { - position: absolute; - right: 0; - bottom: 0; - overflow: hidden; - width: 0.8em; - height: 0.8em; - margin-left: 0; - margin-right: 0; - pointer-events: none; - font-size: 8em; - line-height: 1.1em; - opacity: 0.1; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Horizontal - */ - -.ts-box.is-horizontal { - display: flex; - flex-direction: row; -} - -/** - * Collapsed - */ - -.ts-box.is-collapsed { - width: fit-content; -} - -/** - * Indicated - */ - -.ts-box.is-top-indicated { - border-top: 3px solid var(--ts-indicator-color); -} -.ts-box.is-bottom-indicated { - border-bottom: 3px solid var(--ts-indicator-color); -} -.ts-box.is-left-indicated { - border-left: 3px solid var(--ts-indicator-color); -} -.ts-box.is-right-indicated { - border-right: 3px solid var(--ts-indicator-color); -} - -/** - * Emphasises - */ - -.ts-box[class*="-indicated"].is-negative { - --ts-indicator-color: var(--ts-negative-500); -} - -.ts-box[class*="-indicated"].is-positive { - --ts-indicator-color: var(--ts-positive-500); -} - -.ts-box[class*="-indicated"].is-warning { - --ts-indicator-color: var(--ts-warning-500); -} - -/** - * Elevated - */ - -.ts-box.is-elevated { - box-shadow: 0px 1px 5px 0 #00000024; -} - -.ts-box.is-very-elevated { - box-shadow: rgb(0 0 0 / 20%) 0px 3px 3px -2px, rgb(0 0 0 / 14%) 0px 3px 4px 0px, rgb(0 0 0 / 12%) 0px 1px 8px 0px; -} - -/** - * Squared - */ - -.ts-box.is-squared { - border-radius: 0; -} - -/** - * Hollowed - */ - -.ts-box.is-hollowed { - border: 4px dashed var(--ts-gray-300); - background: transparent; -} diff --git a/docs/zh-tw/assets/tocas/checkbox.css b/docs/zh-tw/assets/tocas/checkbox.css deleted file mode 100644 index 258b6fb95..000000000 --- a/docs/zh-tw/assets/tocas/checkbox.css +++ /dev/null @@ -1,156 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-checkbox { - display: inline-flex; - align-items: flex-start; - cursor: pointer; - user-select: none; - color: inherit; - vertical-align: middle; - margin-top: -3px; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-checkbox input { - border: none; - margin: 0; - padding: 0; - width: auto; - overflow: visible; - background: transparent; - color: inherit; - font: inherit; - line-height: normal; - border-radius: 0; - outline: none; - box-sizing: border-box; - user-select: none; - - -webkit-font-smoothing: inherit; - -moz-osx-font-smoothing: inherit; - -webkit-appearance: none; -} - -.ts-checkbox input { - min-height: 1.15rem; - min-width: 1.15rem; - margin-top: 5px; - border-radius: 0.2rem; - border: 1px solid var(--ts-gray-200); - background: var(--ts-gray-200); - margin-right: 0.5rem; - cursor: pointer; -} - -.ts-checkbox input:checked { - background: var(--ts-primary-700); - border-color: var(--ts-primary-700); -} - -.ts-checkbox input:focus { - outline: 0; -} - -.ts-checkbox input::after { - position: absolute; - display: none; - content: "\f00c"; - font-family: "Icons"; - font-weight: normal; - font-style: normal; - text-decoration: inherit; - text-align: center; - left: 0; - right: 0; - bottom: 0; - top: 0; - transform: scale(0.8); - z-index: 1; - - align-items: center; - justify-content: center; - -webkit-font-smoothing: antialiased; - backface-visibility: hidden; - font-size: 1rem; - color: var(--ts-white); -} - -.ts-checkbox input:checked::after { - display: flex; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Disabled - */ - -.ts-checkbox.is-disabled { - cursor: not-allowed; - pointer-events: none; - opacity: 0.5; - user-select: none; -} - -.ts-checkbox.is-disabled input { - background: var(--ts-gray-200); - border-color: var(--ts-gray-200); -} - -/** - * Negative - */ - -.ts-checkbox.is-negative input { - border-color: var(--ts-negative-600); - border-width: 2px; -} - -/** - * Indeterminate - */ - -.ts-checkbox.is-indeterminate input::after { - content: "\f068"; -} - -/** - * Sizes - */ - -.ts-checkbox.is-small input { - min-height: 0.95rem; - min-width: 0.95rem; -} - -.ts-checkbox.is-small input::after { - font-size: var(--ts-font-size-12px); -} - -.ts-checkbox.is-small { - font-size: var(--ts-font-size-14px); -} - -.ts-checkbox.is-large input { - min-height: 1.3rem; - min-width: 1.3rem; -} - -.ts-checkbox.is-large { - font-size: var(--ts-font-size-17px); -} - -.ts-checkbox.is-large input::after { - font-size: var(--ts-font-size-16px); -} diff --git a/docs/zh-tw/assets/tocas/control.css b/docs/zh-tw/assets/tocas/control.css deleted file mode 100644 index 2f4a64595..000000000 --- a/docs/zh-tw/assets/tocas/control.css +++ /dev/null @@ -1,88 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-control { - color: inherit; - display: grid; - grid-template-columns: 220px 1fr; - gap: 2rem; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-control .label { - word-break: break-all; - color: var(--ts-gray-800); - font-weight: 500; - text-align: right; - line-height: 2.4; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; -} - -.ts-control .content { - max-width: 75%; -} - -/*@container (max-width: 660px) { - .ts-control { - grid-template-columns: 1fr; - gap: 0.5rem; - } - .ts-control .label { - text-align: left; - line-height: 1; - } - .ts-control .content { - width: 100%; - max-width: 100%; - } -}*/ - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Padded - */ - -.ts-control .content.is-padded { - padding-top: 0.45rem; -} - -/** - * Fluid - */ - -.ts-control .content.is-fluid { - max-width: initial; -} - -/** - * Aligns - */ - -.ts-control .label.is-start-aligned { - text-align: left; -} - -/** - * Wide - */ - -.ts-control.is-wide { - grid-template-columns: 150px 1fr; -} - -.ts-control.is-wide .content { - max-width: 90%; -} diff --git a/docs/zh-tw/assets/tocas/divider.css b/docs/zh-tw/assets/tocas/divider.css deleted file mode 100644 index 3f750ec86..000000000 --- a/docs/zh-tw/assets/tocas/divider.css +++ /dev/null @@ -1,61 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-divider { - border-top: 1px solid var(--ts-gray-300); -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Vertical - */ - -.ts-divider.is-vertical { - height: 100%; - border-top: 0; - border-left: 1px solid var(--ts-gray-300); -} - -/** - * Section - */ - -.ts-divider.is-section { - margin: 1rem 0; -} - -/** - * Text - */ - -.ts-divider:is(.is-center-text, .is-start-text, .is-end-text) { - display: flex; - align-items: center; - border-top: 0; - gap: 1rem; - color: var(--ts-gray-800); -} - -.ts-divider:is(.is-center-text, .is-start-text, .is-end-text)::before, -.ts-divider:is(.is-center-text, .is-start-text, .is-end-text)::after { - content: ""; - height: 1px; - background-color: var(--ts-gray-300); - flex-grow: 1; -} - -.ts-divider.is-start-text::before { - display: none; -} - -.ts-divider.is-end-text::after { - display: none; -} diff --git a/docs/zh-tw/assets/tocas/fieldset.css b/docs/zh-tw/assets/tocas/fieldset.css deleted file mode 100644 index 5adb7932f..000000000 --- a/docs/zh-tw/assets/tocas/fieldset.css +++ /dev/null @@ -1,37 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-fieldset { - border: 1px solid var(--ts-gray-300); - border-radius: 0.4rem; - padding: 1rem; - padding-top: 0.5rem; - color: inherit; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-fieldset legend { - color: var(--ts-gray-600); - padding: 0 0.7em; - margin-left: -0.7em; - font-weight: normal; - pointer-events: none; - user-select: none; -} - -/** - * Dense - */ - -.ts-fieldset.is-dense { - padding-bottom: 0.5rem; - padding-top: 0.25rem; -} diff --git a/docs/zh-tw/assets/tocas/file.css b/docs/zh-tw/assets/tocas/file.css deleted file mode 100644 index 948efea28..000000000 --- a/docs/zh-tw/assets/tocas/file.css +++ /dev/null @@ -1,165 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -.ts-file { - --height: var(--ts-input-height-medium); -} - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-file { - display: inline-flex; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-file input { - height: var(--height); - line-height: calc(var(--height) - 1px); - font-size: var(--ts-font-size-14px); - color: var(--ts-gray-800); - padding: 0 1rem; - padding-left: 0.6rem; - background: var(--ts-gray-50); - border: 1px solid var(--ts-gray-300); - border-radius: 0.4rem; -} - -.ts-file input::file-selector-button, -.ts-file input::-webkit-file-upload-button { - border: 0; - min-width: 75px; - /** Firefox */ - font-family: "Noto Sans TC", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", "Microsoft JhengHei", wf_SegoeUI, "Segoe UI", - Segoe, "Segoe WP", Tahoma, Verdana, Ubuntu, "Bitstream Vera Sans", "DejaVu Sans", 微軟正黑體, "LiHei Pro", "WenQuanYi Micro Hei", "Droid Sans Fallback", - "AR PL UMing TW", Roboto, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", Meiryo, "Droid Sans", sans-serif; - font-size: var(--ts-relative-small); - line-height: 1.5; - font-weight: 500; - text-decoration: none; - display: inline-block; - text-align: center; - - padding: 0.2em 0.5rem; - border-radius: 0.4rem; - margin-right: 0.5rem; - - color: var(--ts-gray-800); - background: var(--ts-gray-200); -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Underlined - */ - -.ts-file.is-underlined input { - border-radius: 0.4rem 0.4rem 0 0; - border: 2px solid transparent; - background: var(--ts-gray-100); - border-bottom: 2px solid var(--ts-gray-400); -} - -/** - * Solid - */ - -.ts-file.is-solid input { - background: var(--ts-gray-100); - border-color: transparent; -} - -.ts-file:is(.is-solid, .is-underlined) input::file-selector-button, -.ts-file:is(.is-solid, .is-underlined) input::-webkit-file-upload-button { - background: var(--ts-gray-300); -} - -/** - * Disabled - */ - -.ts-file.is-disabled { - cursor: not-allowed; - pointer-events: none; - opacity: 0.5; - user-select: none; -} - -/** - * Negative - */ - -.ts-file.is-negative input { - border-color: var(--ts-negative-400); - color: var(--ts-negative-600); - font-weight: 500; -} - -.ts-file.is-negative.is-underlined input { - border-color: transparent; - border-bottom-color: var(--ts-negative-400); -} - -/** - * Fluid - */ - -.ts-file.is-fluid { - display: flex; - width: 100%; -} - -.ts-file.is-fluid input, -.ts-file.is-fluid textarea { - width: 100%; -} - -/** - * Sizes - */ - -.ts-file.is-small input { - --height: var(--ts-input-height-small); -} - -.ts-file.is-large input { - --height: var(--ts-input-height-large); -} - -.ts-file.is-small :is(input, input::file-selector-button, input::-webkit-file-upload-button) { - font-size: var(--ts-font-size-13px); -} - -.ts-file.is-large :is(input, input::file-selector-button, input::-webkit-file-upload-button) { - font-size: var(--ts-font-size-17px); -} - -/** - * Dense - */ - -.ts-file.is-dense input { - --height: var(--ts-input-height-medium-dense); -} - -.ts-file.is-dense input::file-selector-button, -.ts-file.is-dense input::-webkit-file-upload-button { - padding-top: 0.15rem; - padding-bottom: 0.15rem; -} - -.ts-file.is-small.is-dense input { - --height: var(--ts-input-height-small-dense); -} - -.ts-file.is-large.is-dense input { - --height: var(--ts-input-height-large-dense); -} \ No newline at end of file diff --git a/docs/zh-tw/assets/tocas/flag.css b/docs/zh-tw/assets/tocas/flag.css deleted file mode 100644 index f48006c29..000000000 --- a/docs/zh-tw/assets/tocas/flag.css +++ /dev/null @@ -1,1660 +0,0 @@ -/* ========================================================================== - https://flagicons.lipis.dev/ - ========================================================================== */ - -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-flag { - display: inline-block; - - background-size: contain; - background-position: 50%; - background-repeat: no-repeat; - - vertical-align: middle; - text-decoration: inherit; - backface-visibility: hidden; - text-decoration: none; - - background-size: cover; - box-sizing: border-box; - - width: calc(4 / 3 * 1.05rem); - height: 1.05rem; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -/** - * Section header - */ - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Sizes - */ - -.ts-flag.is-small { - width: calc(4 / 3 * 0.95rem); - height: 0.95rem; -} - -.ts-flag.is-large { - width: calc(4 / 3 * 1.2rem); - height: 1.2rem; -} - -.ts-flag.is-small:is(.is-squared, .is-circular) { - width: 0.95rem; - height: 0.95rem; -} - -.ts-flag:is(.is-squared, .is-circular) { - width: 1.05rem; - height: 1.05rem; -} - -.ts-flag.is-large:is(.is-squared, .is-circular) { - width: 1.2rem; - height: 1.2rem; -} - -/** - * Rounded - */ - -.ts-flag.is-rounded { - border-radius: 0.2rem; -} - -/** - * Bordered - */ - -.ts-flag.is-bordered { - box-shadow: 0 0 0 1px var(--ts-gray-300); -} - -/** - * Circular - */ - -.ts-flag.is-circular { - border-radius: 100rem; -} - -/** - * Disabled - */ - -.ts-flag.is-disabled { - opacity: 0.5; - user-select: none; -} - -/** - * Spaced - */ - -.ts-flag.is-spaced { - margin-left: 0.45rem; - margin-right: 0.45rem; -} -.ts-flag.is-start-spaced { - margin-left: 0.45rem; -} -.ts-flag.is-end-spaced { - margin-right: 0.45rem; -} - -/* ========================================================================== - Countires - ========================================================================== */ - -.ts-flag:is(.is-ad-flag, .is-andorra-flag) { - background-image: url("./flags/4x3/ad.svg"); -} -.ts-flag:is(.is-ad-flag, .is-andorra-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ad.svg"); -} -.ts-flag:is(.is-ae-flag, .is-uae-flag, .is-united-arab-emirates-flag) { - background-image: url("./flags/4x3/ae.svg"); -} -.ts-flag:is(.is-ae-flag, .is-uae-flag, .is-united-arab-emirates-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ae.svg"); -} -.ts-flag:is(.is-af-flag, .is-afghanistan-flag) { - background-image: url("./flags/4x3/af.svg"); -} -.ts-flag:is(.is-af-flag, .is-afghanistan-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/af.svg"); -} -.ts-flag:is(.is-ag-flag, .is-antigua-flag) { - background-image: url("./flags/4x3/ag.svg"); -} -.ts-flag:is(.is-ag-flag, .is-antigua-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ag.svg"); -} -.ts-flag:is(.is-ai-flag, .is-anguilla-flag) { - background-image: url("./flags/4x3/ai.svg"); -} -.ts-flag:is(.is-ai-flag, .is-anguilla-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ai.svg"); -} -.ts-flag:is(.is-al-flag, .is-albania-flag) { - background-image: url("./flags/4x3/al.svg"); -} -.ts-flag:is(.is-al-flag, .is-albania-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/al.svg"); -} -.ts-flag:is(.is-am-flag, .is-armenia-flag) { - background-image: url("./flags/4x3/am.svg"); -} -.ts-flag:is(.is-am-flag, .is-armenia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/am.svg"); -} -.ts-flag:is(.is-ao-flag, .is-angola-flag) { - background-image: url("./flags/4x3/ao.svg"); -} -.ts-flag:is(.is-ao-flag, .is-angola-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ao.svg"); -} -.ts-flag:is(.is-aq-flag, .is-antarctica-flag) { - background-image: url("./flags/4x3/aq.svg"); -} -.ts-flag:is(.is-aq-flag, .is-antarctica-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/aq.svg"); -} -.ts-flag:is(.is-ar-flag, .is-argentina-flag) { - background-image: url("./flags/4x3/ar.svg"); -} -.ts-flag:is(.is-ar-flag, .is-argentina-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ar.svg"); -} -.ts-flag:is(.is-as-flag, .is-american-samoa-flag) { - background-image: url("./flags/4x3/as.svg"); -} -.ts-flag:is(.is-as-flag, .is-american-samoa-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/as.svg"); -} -.ts-flag:is(.is-at-flag, .is-austria-flag) { - background-image: url("./flags/4x3/at.svg"); -} -.ts-flag:is(.is-at-flag, .is-austria-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/at.svg"); -} -.ts-flag:is(.is-au-flag, .is-australia-flag) { - background-image: url("./flags/4x3/au.svg"); -} -.ts-flag:is(.is-au-flag, .is-australia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/au.svg"); -} -.ts-flag:is(.is-aw-flag, .is-aruba-flag) { - background-image: url("./flags/4x3/aw.svg"); -} -.ts-flag:is(.is-aw-flag, .is-aruba-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/aw.svg"); -} -.ts-flag:is(.is-ax-flag, .is-aland-islands-flag) { - background-image: url("./flags/4x3/ax.svg"); -} -.ts-flag:is(.is-ax-flag, .is-aland-islands-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ax.svg"); -} -.ts-flag:is(.is-az-flag, .is-azerbaijan-flag) { - background-image: url("./flags/4x3/az.svg"); -} -.ts-flag:is(.is-az-flag, .is-azerbaijan-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/az.svg"); -} -.ts-flag:is(.is-ba-flag, .is-bosnia-flag) { - background-image: url("./flags/4x3/ba.svg"); -} -.ts-flag:is(.is-ba-flag, .is-bosnia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ba.svg"); -} -.ts-flag:is(.is-bb-flag, .is-barbados-flag) { - background-image: url("./flags/4x3/bb.svg"); -} -.ts-flag:is(.is-bb-flag, .is-barbados-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/bb.svg"); -} -.ts-flag:is(.is-bd-flag, .is-bangladesh-flag) { - background-image: url("./flags/4x3/bd.svg"); -} -.ts-flag:is(.is-bd-flag, .is-bangladesh-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/bd.svg"); -} -.ts-flag:is(.is-be-flag, .is-belgium-flag) { - background-image: url("./flags/4x3/be.svg"); -} -.ts-flag:is(.is-be-flag, .is-belgium-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/be.svg"); -} -.ts-flag:is(.is-bf-flag, .is-burkina-faso-flag) { - background-image: url("./flags/4x3/bf.svg"); -} -.ts-flag:is(.is-bf-flag, .is-burkina-faso-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/bf.svg"); -} -.ts-flag:is(.is-bg-flag, .is-bulgaria-flag) { - background-image: url("./flags/4x3/bg.svg"); -} -.ts-flag:is(.is-bg-flag, .is-bulgaria-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/bg.svg"); -} -.ts-flag:is(.is-bh-flag, .is-bahrain-flag) { - background-image: url("./flags/4x3/bh.svg"); -} -.ts-flag:is(.is-bh-flag, .is-bahrain-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/bh.svg"); -} -.ts-flag:is(.is-bi-flag, .is-burundi-flag) { - background-image: url("./flags/4x3/bi.svg"); -} -.ts-flag:is(.is-bi-flag, .is-burundi-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/bi.svg"); -} -.ts-flag:is(.is-bj-flag, .is-benin-flag) { - background-image: url("./flags/4x3/bj.svg"); -} -.ts-flag:is(.is-bj-flag, .is-benin-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/bj.svg"); -} -.ts-flag:is(.is-bl-flag, .is-saint-barthélemy-flag, .is-saint-barthelemy-flag) { - background-image: url("./flags/4x3/bl.svg"); -} -.ts-flag:is(.is-bl-flag, .is-saint-barthélemy-flag, .is-saint-barthelemy-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/bl.svg"); -} -.ts-flag:is(.is-bm-flag, .is-bermuda-flag) { - background-image: url("./flags/4x3/bm.svg"); -} -.ts-flag:is(.is-bm-flag, .is-bermuda-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/bm.svg"); -} -.ts-flag:is(.is-bn-flag, .is-brunei-flag) { - background-image: url("./flags/4x3/bn.svg"); -} -.ts-flag:is(.is-bn-flag, .is-brunei-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/bn.svg"); -} -.ts-flag:is(.is-bo-flag, .is-bolivia-flag) { - background-image: url("./flags/4x3/bo.svg"); -} -.ts-flag:is(.is-bo-flag, .is-bolivia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/bo.svg"); -} -.ts-flag:is(.is-bq-flag, .is-caribbean-netherlands-flag) { - background-image: url("./flags/4x3/bq.svg"); -} -.ts-flag:is(.is-bq-flag, .is-caribbean-netherlands-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/bq.svg"); -} -.ts-flag:is(.is-br-flag, .is-brazil-flag) { - background-image: url("./flags/4x3/br.svg"); -} -.ts-flag:is(.is-br-flag, .is-brazil-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/br.svg"); -} -.ts-flag:is(.is-bs-flag, .is-bahamas-flag) { - background-image: url("./flags/4x3/bs.svg"); -} -.ts-flag:is(.is-bs-flag, .is-bahamas-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/bs.svg"); -} -.ts-flag:is(.is-bt-flag, .is-bhutan-flag) { - background-image: url("./flags/4x3/bt.svg"); -} -.ts-flag:is(.is-bt-flag, .is-bhutan-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/bt.svg"); -} -.ts-flag:is(.is-bv-flag, .is-bouvet-island-flag) { - background-image: url("./flags/4x3/bv.svg"); -} -.ts-flag:is(.is-bv-flag, .is-bouvet-island-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/bv.svg"); -} -.ts-flag:is(.is-bw-flag, .is-botswana-flag) { - background-image: url("./flags/4x3/bw.svg"); -} -.ts-flag:is(.is-bw-flag, .is-botswana-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/bw.svg"); -} -.ts-flag:is(.is-by-flag, .is-belarus-flag) { - background-image: url("./flags/4x3/by.svg"); -} -.ts-flag:is(.is-by-flag, .is-belarus-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/by.svg"); -} -.ts-flag:is(.is-bz-flag, .is-belize-flag) { - background-image: url("./flags/4x3/bz.svg"); -} -.ts-flag:is(.is-bz-flag, .is-belize-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/bz.svg"); -} -.ts-flag:is(.is-ca-flag, .is-canada-flag) { - background-image: url("./flags/4x3/ca.svg"); -} -.ts-flag:is(.is-ca-flag, .is-canada-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ca.svg"); -} -.ts-flag:is(.is-cc-flag, .is-cocos-islands-flag) { - background-image: url("./flags/4x3/cc.svg"); -} -.ts-flag:is(.is-cc-flag, .is-cocos-islands-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/cc.svg"); -} -.ts-flag:is(.is-cd-flag, .is-congo-flag) { - background-image: url("./flags/4x3/cd.svg"); -} -.ts-flag:is(.is-cd-flag, .is-congo-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/cd.svg"); -} -.ts-flag:is(.is-cf-flag, .is-central-african-republic-flag) { - background-image: url("./flags/4x3/cf.svg"); -} -.ts-flag:is(.is-cf-flag, .is-central-african-republic-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/cf.svg"); -} -.ts-flag:is(.is-cg-flag, .is-congo-brazzaville-flag) { - background-image: url("./flags/4x3/cg.svg"); -} -.ts-flag:is(.is-cg-flag, .is-congo-brazzaville-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/cg.svg"); -} -.ts-flag:is(.is-ch-flag, .is-switzerland-flag) { - background-image: url("./flags/4x3/ch.svg"); -} -.ts-flag:is(.is-ch-flag, .is-switzerland-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ch.svg"); -} -.ts-flag:is(.is-ci-flag, .is-cote-divoire-flag) { - background-image: url("./flags/4x3/ci.svg"); -} -.ts-flag:is(.is-ci-flag, .is-cote-divoire-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ci.svg"); -} -.ts-flag:is(.is-ck-flag, .is-cook-islands-flag) { - background-image: url("./flags/4x3/ck.svg"); -} -.ts-flag:is(.is-ck-flag, .is-cook-islands-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ck.svg"); -} -.ts-flag:is(.is-cl-flag, .is-chile-flag) { - background-image: url("./flags/4x3/cl.svg"); -} -.ts-flag:is(.is-cl-flag, .is-chile-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/cl.svg"); -} -.ts-flag:is(.is-cm-flag, .is-cameroon-flag) { - background-image: url("./flags/4x3/cm.svg"); -} -.ts-flag:is(.is-cm-flag, .is-cameroon-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/cm.svg"); -} -.ts-flag:is(.is-cn-flag, .is-china-flag, .is-peoples-republic-of-china-flag) { - background-image: url("./flags/4x3/cn.svg"); -} -.ts-flag:is(.is-cn-flag, .is-china-flag, .is-peoples-republic-of-china-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/cn.svg"); -} -.ts-flag:is(.is-co-flag, .is-colombia-flag) { - background-image: url("./flags/4x3/co.svg"); -} -.ts-flag:is(.is-co-flag, .is-colombia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/co.svg"); -} -.ts-flag:is(.is-cr-flag, .is-costa-rica-flag) { - background-image: url("./flags/4x3/cr.svg"); -} -.ts-flag:is(.is-cr-flag, .is-costa-rica-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/cr.svg"); -} -.ts-flag:is(.is-cu-flag, .is-cuba-flag) { - background-image: url("./flags/4x3/cu.svg"); -} -.ts-flag:is(.is-cu-flag, .is-cuba-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/cu.svg"); -} -.ts-flag:is(.is-cv-flag, .is-cape-verde-flag) { - background-image: url("./flags/4x3/cv.svg"); -} -.ts-flag:is(.is-cv-flag, .is-cape-verde-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/cv.svg"); -} -.ts-flag:is(.is-cw-flag, .is-curaçao-flag, .is-curacao-flag) { - background-image: url("./flags/4x3/cw.svg"); -} -.ts-flag:is(.is-cw-flag, .is-curaçao-flag, .is-curacao-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/cw.svg"); -} -.ts-flag:is(.is-cx-flag, .is-christmas-island-flag) { - background-image: url("./flags/4x3/cx.svg"); -} -.ts-flag:is(.is-cx-flag, .is-christmas-island-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/cx.svg"); -} -.ts-flag:is(.is-cy-flag, .is-cyprus-flag) { - background-image: url("./flags/4x3/cy.svg"); -} -.ts-flag:is(.is-cy-flag, .is-cyprus-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/cy.svg"); -} -.ts-flag:is(.is-cz-flag, .is-czech-republic-flag) { - background-image: url("./flags/4x3/cz.svg"); -} -.ts-flag:is(.is-cz-flag, .is-czech-republic-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/cz.svg"); -} -.ts-flag:is(.is-de-flag, .is-germany-flag) { - background-image: url("./flags/4x3/de.svg"); -} -.ts-flag:is(.is-de-flag, .is-germany-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/de.svg"); -} -.ts-flag:is(.is-dj-flag, .is-djibouti-flag) { - background-image: url("./flags/4x3/dj.svg"); -} -.ts-flag:is(.is-dj-flag, .is-djibouti-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/dj.svg"); -} -.ts-flag:is(.is-dk-flag, .is-denmark-flag) { - background-image: url("./flags/4x3/dk.svg"); -} -.ts-flag:is(.is-dk-flag, .is-denmark-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/dk.svg"); -} -.ts-flag:is(.is-dm-flag, .is-dominica-flag) { - background-image: url("./flags/4x3/dm.svg"); -} -.ts-flag:is(.is-dm-flag, .is-dominica-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/dm.svg"); -} -.ts-flag:is(.is-do-flag, .is-dominican-republic-flag) { - background-image: url("./flags/4x3/do.svg"); -} -.ts-flag:is(.is-do-flag, .is-dominican-republic-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/do.svg"); -} -.ts-flag:is(.is-dz-flag, .is-algeria-flag) { - background-image: url("./flags/4x3/dz.svg"); -} -.ts-flag:is(.is-dz-flag, .is-algeria-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/dz.svg"); -} -.ts-flag:is(.is-ec-flag, .is-ecuador-flag) { - background-image: url("./flags/4x3/ec.svg"); -} -.ts-flag:is(.is-ec-flag, .is-ecuador-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ec.svg"); -} -.ts-flag:is(.is-ee-flag, .is-estonia-flag) { - background-image: url("./flags/4x3/ee.svg"); -} -.ts-flag:is(.is-ee-flag, .is-estonia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ee.svg"); -} -.ts-flag:is(.is-eg-flag, .is-egypt-flag) { - background-image: url("./flags/4x3/eg.svg"); -} -.ts-flag:is(.is-eg-flag, .is-egypt-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/eg.svg"); -} -.ts-flag:is(.is-eh-flag, .is-western-sahara-flag) { - background-image: url("./flags/4x3/eh.svg"); -} -.ts-flag:is(.is-eh-flag, .is-western-sahara-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/eh.svg"); -} -.ts-flag:is(.is-er-flag, .is-eritrea-flag) { - background-image: url("./flags/4x3/er.svg"); -} -.ts-flag:is(.is-er-flag, .is-eritrea-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/er.svg"); -} -.ts-flag:is(.is-es-flag, .is-spain-flag) { - background-image: url("./flags/4x3/es.svg"); -} -.ts-flag:is(.is-es-flag, .is-spain-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/es.svg"); -} -.ts-flag:is(.is-es-ct-flag, .is-scotland-flag) { - background-image: url("./flags/4x3/es-ct.svg"); -} -.ts-flag:is(.is-es-ct-flag, .is-scotland-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/es-ct.svg"); -} -.ts-flag:is(.is-et-flag, .is-ethiopia-flag) { - background-image: url("./flags/4x3/et.svg"); -} -.ts-flag:is(.is-et-flag, .is-ethiopia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/et.svg"); -} -.ts-flag:is(.is-eu-flag, .is-european-union-flag) { - background-image: url("./flags/4x3/eu.svg"); -} -.ts-flag:is(.is-eu-flag, .is-european-union-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/eu.svg"); -} -.ts-flag:is(.is-fi-flag, .is-finland-flag) { - background-image: url("./flags/4x3/fi.svg"); -} -.ts-flag:is(.is-fi-flag, .is-finland-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/fi.svg"); -} -.ts-flag:is(.is-fj-flag, .is-fiji-flag) { - background-image: url("./flags/4x3/fj.svg"); -} -.ts-flag:is(.is-fj-flag, .is-fiji-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/fj.svg"); -} -.ts-flag:is(.is-fk-flag, .is-falkland-islands-flag) { - background-image: url("./flags/4x3/fk.svg"); -} -.ts-flag:is(.is-fk-flag, .is-falkland-islands-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/fk.svg"); -} -.ts-flag:is(.is-fm-flag, .is-micronesia-flag) { - background-image: url("./flags/4x3/fm.svg"); -} -.ts-flag:is(.is-fm-flag, .is-micronesia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/fm.svg"); -} -.ts-flag:is(.is-fo-flag, .is-faroe-islands-flag) { - background-image: url("./flags/4x3/fo.svg"); -} -.ts-flag:is(.is-fo-flag, .is-faroe-islands-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/fo.svg"); -} -.ts-flag:is(.is-fr-flag, .is-france-flag) { - background-image: url("./flags/4x3/fr.svg"); -} -.ts-flag:is(.is-fr-flag, .is-france-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/fr.svg"); -} -.ts-flag:is(.is-ga-flag, .is-gabon-flag) { - background-image: url("./flags/4x3/ga.svg"); -} -.ts-flag:is(.is-ga-flag, .is-gabon-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ga.svg"); -} -.ts-flag:is(.is-gb-flag, .is-united-kingdom-flag) { - background-image: url("./flags/4x3/gb.svg"); -} -.ts-flag:is(.is-gb-flag, .is-united-kingdom-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/gb.svg"); -} -.ts-flag:is(.is-gb-eng-flag, .is-england-flag) { - background-image: url("./flags/4x3/gb-eng.svg"); -} -.ts-flag:is(.is-gb-eng-flag, .is-england-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/gb-eng.svg"); -} -.ts-flag:is(.is-gb-nir-flag, .is-northern-ireland-flag) { - background-image: url("./flags/4x3/gb-nir.svg"); -} -.ts-flag:is(.is-gb-nir-flag, .is-northern-ireland-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/gb-nir.svg"); -} -.ts-flag:is(.is-gb-sct-flag, .is-scotland-flag) { - background-image: url("./flags/4x3/gb-sct.svg"); -} -.ts-flag:is(.is-gb-sct-flag, .is-scotland-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/gb-sct.svg"); -} -.ts-flag:is(.is-gb-wls-flag, .is-wales-flag) { - background-image: url("./flags/4x3/gb-wls.svg"); -} -.ts-flag:is(.is-gb-wls-flag, .is-wales-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/gb-wls.svg"); -} -.ts-flag:is(.is-gd-flag, .is-grenada-flag) { - background-image: url("./flags/4x3/gd.svg"); -} -.ts-flag:is(.is-gd-flag, .is-grenada-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/gd.svg"); -} -.ts-flag:is(.is-ge-flag, .is-georgia-flag) { - background-image: url("./flags/4x3/ge.svg"); -} -.ts-flag:is(.is-ge-flag, .is-georgia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ge.svg"); -} -.ts-flag:is(.is-gf-flag, .is-french-guiana-flag) { - background-image: url("./flags/4x3/gf.svg"); -} -.ts-flag:is(.is-gf-flag, .is-french-guiana-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/gf.svg"); -} -.ts-flag:is(.is-gg-flag, .is-guernsey-flag) { - background-image: url("./flags/4x3/gg.svg"); -} -.ts-flag:is(.is-gg-flag, .is-guernsey-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/gg.svg"); -} -.ts-flag:is(.is-gh-flag, .is-ghana-flag) { - background-image: url("./flags/4x3/gh.svg"); -} -.ts-flag:is(.is-gh-flag, .is-ghana-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/gh.svg"); -} -.ts-flag:is(.is-gi-flag, .is-gibraltar-flag) { - background-image: url("./flags/4x3/gi.svg"); -} -.ts-flag:is(.is-gi-flag, .is-gibraltar-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/gi.svg"); -} -.ts-flag:is(.is-gl-flag, .is-greenland-flag) { - background-image: url("./flags/4x3/gl.svg"); -} -.ts-flag:is(.is-gl-flag, .is-greenland-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/gl.svg"); -} -.ts-flag:is(.is-gm-flag, .is-gambia-flag) { - background-image: url("./flags/4x3/gm.svg"); -} -.ts-flag:is(.is-gm-flag, .is-gambia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/gm.svg"); -} -.ts-flag:is(.is-gn-flag, .is-guinea-flag) { - background-image: url("./flags/4x3/gn.svg"); -} -.ts-flag:is(.is-gn-flag, .is-guinea-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/gn.svg"); -} -.ts-flag:is(.is-gp-flag, .is-guadeloupe-flag) { - background-image: url("./flags/4x3/gp.svg"); -} -.ts-flag:is(.is-gp-flag, .is-guadeloupe-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/gp.svg"); -} -.ts-flag:is(.is-gq-flag, .is-equatorial-guinea-flag) { - background-image: url("./flags/4x3/gq.svg"); -} -.ts-flag:is(.is-gq-flag, .is-equatorial-guinea-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/gq.svg"); -} -.ts-flag:is(.is-gr-flag, .is-greece-flag) { - background-image: url("./flags/4x3/gr.svg"); -} -.ts-flag:is(.is-gr-flag, .is-greece-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/gr.svg"); -} -.ts-flag:is(.is-gs-flag, .is-sandwich-islands-flag) { - background-image: url("./flags/4x3/gs.svg"); -} -.ts-flag:is(.is-gs-flag, .is-sandwich-islands-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/gs.svg"); -} -.ts-flag:is(.is-gt-flag, .is-guatemala-flag) { - background-image: url("./flags/4x3/gt.svg"); -} -.ts-flag:is(.is-gt-flag, .is-guatemala-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/gt.svg"); -} -.ts-flag:is(.is-gu-flag, .is-guam-flag) { - background-image: url("./flags/4x3/gu.svg"); -} -.ts-flag:is(.is-gu-flag, .is-guam-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/gu.svg"); -} -.ts-flag:is(.is-gw-flag, .is-guinea-bissau-flag) { - background-image: url("./flags/4x3/gw.svg"); -} -.ts-flag:is(.is-gw-flag, .is-guinea-bissau-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/gw.svg"); -} -.ts-flag:is(.is-gy-flag, .is-guyana-flag) { - background-image: url("./flags/4x3/gy.svg"); -} -.ts-flag:is(.is-gy-flag, .is-guyana-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/gy.svg"); -} -.ts-flag:is(.is-hk-flag, .is-hong-kong-flag) { - background-image: url("./flags/4x3/hk.svg"); -} -.ts-flag:is(.is-hk-flag, .is-hong-kong-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/hk.svg"); -} -.ts-flag:is(.is-hm-flag, .is-heard-island-flag) { - background-image: url("./flags/4x3/hm.svg"); -} -.ts-flag:is(.is-hm-flag, .is-heard-island-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/hm.svg"); -} -.ts-flag:is(.is-hn-flag, .is-honduras-flag) { - background-image: url("./flags/4x3/hn.svg"); -} -.ts-flag:is(.is-hn-flag, .is-honduras-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/hn.svg"); -} -.ts-flag:is(.is-hr-flag, .is-croatia-flag) { - background-image: url("./flags/4x3/hr.svg"); -} -.ts-flag:is(.is-hr-flag, .is-croatia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/hr.svg"); -} -.ts-flag:is(.is-ht-flag, .is-haiti-flag) { - background-image: url("./flags/4x3/ht.svg"); -} -.ts-flag:is(.is-ht-flag, .is-haiti-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ht.svg"); -} -.ts-flag:is(.is-hu-flag, .is-hungary-flag) { - background-image: url("./flags/4x3/hu.svg"); -} -.ts-flag:is(.is-hu-flag, .is-hungary-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/hu.svg"); -} -.ts-flag:is(.is-id-flag, .is-indonesia-flag) { - background-image: url("./flags/4x3/id.svg"); -} -.ts-flag:is(.is-id-flag, .is-indonesia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/id.svg"); -} -.ts-flag:is(.is-ie-flag, .is-ireland-flag) { - background-image: url("./flags/4x3/ie.svg"); -} -.ts-flag:is(.is-ie-flag, .is-ireland-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ie.svg"); -} -.ts-flag:is(.is-il-flag, .is-israel-flag) { - background-image: url("./flags/4x3/il.svg"); -} -.ts-flag:is(.is-il-flag, .is-israel-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/il.svg"); -} -.ts-flag:is(.is-im-flag, .is-isle-of-man-flag) { - background-image: url("./flags/4x3/im.svg"); -} -.ts-flag:is(.is-im-flag, .is-isle-of-man-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/im.svg"); -} -.ts-flag:is(.is-in-flag, .is-india-flag) { - background-image: url("./flags/4x3/in.svg"); -} -.ts-flag:is(.is-in-flag, .is-india-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/in.svg"); -} -.ts-flag:is(.is-io-flag, .is-indian-ocean-territory-flag) { - background-image: url("./flags/4x3/io.svg"); -} -.ts-flag:is(.is-io-flag, .is-indian-ocean-territory-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/io.svg"); -} -.ts-flag:is(.is-iq-flag, .is-iraq-flag) { - background-image: url("./flags/4x3/iq.svg"); -} -.ts-flag:is(.is-iq-flag, .is-iraq-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/iq.svg"); -} -.ts-flag:is(.is-ir-flag, .is-iran-flag) { - background-image: url("./flags/4x3/ir.svg"); -} -.ts-flag:is(.is-ir-flag, .is-iran-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ir.svg"); -} -.ts-flag:is(.is-is-flag, .is-iceland-flag) { - background-image: url("./flags/4x3/is.svg"); -} -.ts-flag:is(.is-is-flag, .is-iceland-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/is.svg"); -} -.ts-flag:is(.is-it-flag, .is-italy-flag) { - background-image: url("./flags/4x3/it.svg"); -} -.ts-flag:is(.is-it-flag, .is-italy-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/it.svg"); -} -.ts-flag:is(.is-je-flag, .is-jersey-flag) { - background-image: url("./flags/4x3/je.svg"); -} -.ts-flag:is(.is-je-flag, .is-jersey-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/je.svg"); -} -.ts-flag:is(.is-jm-flag, .is-jamaica-flag) { - background-image: url("./flags/4x3/jm.svg"); -} -.ts-flag:is(.is-jm-flag, .is-jamaica-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/jm.svg"); -} -.ts-flag:is(.is-jo-flag, .is-jordan-flag) { - background-image: url("./flags/4x3/jo.svg"); -} -.ts-flag:is(.is-jo-flag, .is-jordan-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/jo.svg"); -} -.ts-flag:is(.is-jp-flag, .is-japan-flag) { - background-image: url("./flags/4x3/jp.svg"); -} -.ts-flag:is(.is-jp-flag, .is-japan-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/jp.svg"); -} -.ts-flag:is(.is-ke-flag, .is-kenya-flag) { - background-image: url("./flags/4x3/ke.svg"); -} -.ts-flag:is(.is-ke-flag, .is-kenya-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ke.svg"); -} -.ts-flag:is(.is-kg-flag, .is-kyrgyzstan-flag) { - background-image: url("./flags/4x3/kg.svg"); -} -.ts-flag:is(.is-kg-flag, .is-kyrgyzstan-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/kg.svg"); -} -.ts-flag:is(.is-kh-flag, .is-cambodia-flag) { - background-image: url("./flags/4x3/kh.svg"); -} -.ts-flag:is(.is-kh-flag, .is-cambodia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/kh.svg"); -} -.ts-flag:is(.is-ki-flag, .is-kiribati-flag) { - background-image: url("./flags/4x3/ki.svg"); -} -.ts-flag:is(.is-ki-flag, .is-kiribati-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ki.svg"); -} -.ts-flag:is(.is-km-flag, .is-comoros-flag) { - background-image: url("./flags/4x3/km.svg"); -} -.ts-flag:is(.is-km-flag, .is-comoros-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/km.svg"); -} -.ts-flag:is(.is-kn-flag, .is-saint-kitts-and-nevis-flag, .is-saint-kitts-flag, .is-nevis-flag) { - background-image: url("./flags/4x3/kn.svg"); -} -.ts-flag:is(.is-kn-flag, .is-saint-kitts-and-nevis-flag, .is-saint-kitts-flag, .is-nevis-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/kn.svg"); -} -.ts-flag:is(.is-kp-flag, .is-north-korea-flag) { - background-image: url("./flags/4x3/kp.svg"); -} -.ts-flag:is(.is-kp-flag, .is-north-korea-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/kp.svg"); -} -.ts-flag:is(.is-kr-flag, .is-south-korea-flag, .is-korea-flag) { - background-image: url("./flags/4x3/kr.svg"); -} -.ts-flag:is(.is-kr-flag, .is-south-korea-flag, .is-korea-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/kr.svg"); -} -.ts-flag:is(.is-kw-flag, .is-kuwait-flag) { - background-image: url("./flags/4x3/kw.svg"); -} -.ts-flag:is(.is-kw-flag, .is-kuwait-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/kw.svg"); -} -.ts-flag:is(.is-ky-flag, .is-cayman-islands-flag) { - background-image: url("./flags/4x3/ky.svg"); -} -.ts-flag:is(.is-ky-flag, .is-cayman-islands-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ky.svg"); -} -.ts-flag:is(.is-kz-flag, .is-kazakhstan-flag) { - background-image: url("./flags/4x3/kz.svg"); -} -.ts-flag:is(.is-kz-flag, .is-kazakhstan-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/kz.svg"); -} -.ts-flag:is(.is-la-flag, .is-laos-flag) { - background-image: url("./flags/4x3/la.svg"); -} -.ts-flag:is(.is-la-flag, .is-laos-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/la.svg"); -} -.ts-flag:is(.is-lb-flag, .is-lebanon-flag) { - background-image: url("./flags/4x3/lb.svg"); -} -.ts-flag:is(.is-lb-flag, .is-lebanon-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/lb.svg"); -} -.ts-flag:is(.is-lc-flag, .is-saint-lucia-flag) { - background-image: url("./flags/4x3/lc.svg"); -} -.ts-flag:is(.is-lc-flag, .is-saint-lucia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/lc.svg"); -} -.ts-flag:is(.is-li-flag, .is-liechtenstein-flag) { - background-image: url("./flags/4x3/li.svg"); -} -.ts-flag:is(.is-li-flag, .is-liechtenstein-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/li.svg"); -} -.ts-flag:is(.is-lk-flag, .is-sri-lanka-flag) { - background-image: url("./flags/4x3/lk.svg"); -} -.ts-flag:is(.is-lk-flag, .is-sri-lanka-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/lk.svg"); -} -.ts-flag:is(.is-lr-flag, .is-liberia-flag) { - background-image: url("./flags/4x3/lr.svg"); -} -.ts-flag:is(.is-lr-flag, .is-liberia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/lr.svg"); -} -.ts-flag:is(.is-ls-flag, .is-lesotho-flag) { - background-image: url("./flags/4x3/ls.svg"); -} -.ts-flag:is(.is-ls-flag, .is-lesotho-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ls.svg"); -} -.ts-flag:is(.is-lt-flag, .is-lithuania-flag) { - background-image: url("./flags/4x3/lt.svg"); -} -.ts-flag:is(.is-lt-flag, .is-lithuania-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/lt.svg"); -} -.ts-flag:is(.is-lu-flag, .is-luxembourg-flag) { - background-image: url("./flags/4x3/lu.svg"); -} -.ts-flag:is(.is-lu-flag, .is-luxembourg-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/lu.svg"); -} -.ts-flag:is(.is-lv-flag, .is-latvia-flag) { - background-image: url("./flags/4x3/lv.svg"); -} -.ts-flag:is(.is-lv-flag, .is-latvia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/lv.svg"); -} -.ts-flag:is(.is-ly-flag, .is-libya-flag) { - background-image: url("./flags/4x3/ly.svg"); -} -.ts-flag:is(.is-ly-flag, .is-libya-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ly.svg"); -} -.ts-flag:is(.is-ma-flag, .is-morocco-flag) { - background-image: url("./flags/4x3/ma.svg"); -} -.ts-flag:is(.is-ma-flag, .is-morocco-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ma.svg"); -} -.ts-flag:is(.is-mc-flag, .is-monaco-flag) { - background-image: url("./flags/4x3/mc.svg"); -} -.ts-flag:is(.is-mc-flag, .is-monaco-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/mc.svg"); -} -.ts-flag:is(.is-md-flag, .is-moldova-flag) { - background-image: url("./flags/4x3/md.svg"); -} -.ts-flag:is(.is-md-flag, .is-moldova-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/md.svg"); -} -.ts-flag:is(.is-me-flag, .is-montenegro-flag) { - background-image: url("./flags/4x3/me.svg"); -} -.ts-flag:is(.is-me-flag, .is-montenegro-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/me.svg"); -} -.ts-flag:is(.is-mf-flag, .is-saint-martin-flag) { - background-image: url("./flags/4x3/mf.svg"); -} -.ts-flag:is(.is-mf-flag, .is-saint-martin-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/mf.svg"); -} -.ts-flag:is(.is-mg-flag, .is-madagascar-flag) { - background-image: url("./flags/4x3/mg.svg"); -} -.ts-flag:is(.is-mg-flag, .is-madagascar-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/mg.svg"); -} -.ts-flag:is(.is-mh-flag, .is-marshall-islands-flag) { - background-image: url("./flags/4x3/mh.svg"); -} -.ts-flag:is(.is-mh-flag, .is-marshall-islands-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/mh.svg"); -} -.ts-flag:is(.is-mk-flag, .is-macedonia-flag) { - background-image: url("./flags/4x3/mk.svg"); -} -.ts-flag:is(.is-mk-flag, .is-macedonia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/mk.svg"); -} -.ts-flag:is(.is-ml-flag, .is-mali-flag) { - background-image: url("./flags/4x3/ml.svg"); -} -.ts-flag:is(.is-ml-flag, .is-mali-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ml.svg"); -} -.ts-flag:is(.is-mm-flag, .is-burma-flag, .is-myanmar-flag) { - background-image: url("./flags/4x3/mm.svg"); -} -.ts-flag:is(.is-mm-flag, .is-burma-flag, .is-myanmar-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/mm.svg"); -} -.ts-flag:is(.is-mn-flag, .is-mongolia-flag) { - background-image: url("./flags/4x3/mn.svg"); -} -.ts-flag:is(.is-mn-flag, .is-mongolia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/mn.svg"); -} -.ts-flag:is(.is-mo-flag, .is-macau-flag) { - background-image: url("./flags/4x3/mo.svg"); -} -.ts-flag:is(.is-mo-flag, .is-macau-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/mo.svg"); -} -.ts-flag:is(.is-mp-flag, .is-northern-mariana-islands-flag) { - background-image: url("./flags/4x3/mp.svg"); -} -.ts-flag:is(.is-mp-flag, .is-northern-mariana-islands-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/mp.svg"); -} -.ts-flag:is(.is-mq-flag, .is-martinique-flag) { - background-image: url("./flags/4x3/mq.svg"); -} -.ts-flag:is(.is-mq-flag, .is-martinique-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/mq.svg"); -} -.ts-flag:is(.is-mr-flag, .is-mauritania-flag) { - background-image: url("./flags/4x3/mr.svg"); -} -.ts-flag:is(.is-mr-flag, .is-mauritania-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/mr.svg"); -} -.ts-flag:is(.is-ms-flag, .is-montserrat-flag) { - background-image: url("./flags/4x3/ms.svg"); -} -.ts-flag:is(.is-ms-flag, .is-montserrat-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ms.svg"); -} -.ts-flag:is(.is-mt-flag, .is-malta-flag) { - background-image: url("./flags/4x3/mt.svg"); -} -.ts-flag:is(.is-mt-flag, .is-malta-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/mt.svg"); -} -.ts-flag:is(.is-mu-flag, .is-mauritius-flag) { - background-image: url("./flags/4x3/mu.svg"); -} -.ts-flag:is(.is-mu-flag, .is-mauritius-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/mu.svg"); -} -.ts-flag:is(.is-mv-flag, .is-maldives-flag) { - background-image: url("./flags/4x3/mv.svg"); -} -.ts-flag:is(.is-mv-flag, .is-maldives-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/mv.svg"); -} -.ts-flag:is(.is-mw-flag, .is-malawi-flag) { - background-image: url("./flags/4x3/mw.svg"); -} -.ts-flag:is(.is-mw-flag, .is-malawi-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/mw.svg"); -} -.ts-flag:is(.is-mx-flag, .is-mexico-flag) { - background-image: url("./flags/4x3/mx.svg"); -} -.ts-flag:is(.is-mx-flag, .is-mexico-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/mx.svg"); -} -.ts-flag:is(.is-my-flag, .is-malaysia-flag) { - background-image: url("./flags/4x3/my.svg"); -} -.ts-flag:is(.is-my-flag, .is-malaysia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/my.svg"); -} -.ts-flag:is(.is-mz-flag, .is-mozambique-flag) { - background-image: url("./flags/4x3/mz.svg"); -} -.ts-flag:is(.is-mz-flag, .is-mozambique-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/mz.svg"); -} -.ts-flag:is(.is-na-flag, .is-namibia-flag) { - background-image: url("./flags/4x3/na.svg"); -} -.ts-flag:is(.is-na-flag, .is-namibia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/na.svg"); -} -.ts-flag:is(.is-nc-flag, .is-new-caledonia-flag) { - background-image: url("./flags/4x3/nc.svg"); -} -.ts-flag:is(.is-nc-flag, .is-new-caledonia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/nc.svg"); -} -.ts-flag:is(.is-ne-flag, .is-niger-flag) { - background-image: url("./flags/4x3/ne.svg"); -} -.ts-flag:is(.is-ne-flag, .is-niger-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ne.svg"); -} -.ts-flag:is(.is-nf-flag, .is-norfolk-island-flag) { - background-image: url("./flags/4x3/nf.svg"); -} -.ts-flag:is(.is-nf-flag, .is-norfolk-island-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/nf.svg"); -} -.ts-flag:is(.is-ng-flag, .is-nigeria-flag) { - background-image: url("./flags/4x3/ng.svg"); -} -.ts-flag:is(.is-ng-flag, .is-nigeria-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ng.svg"); -} -.ts-flag:is(.is-ni-flag, .is-nicaragua-flag) { - background-image: url("./flags/4x3/ni.svg"); -} -.ts-flag:is(.is-ni-flag, .is-nicaragua-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ni.svg"); -} -.ts-flag:is(.is-nl-flag, .is-netherlands-flag) { - background-image: url("./flags/4x3/nl.svg"); -} -.ts-flag:is(.is-nl-flag, .is-netherlands-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/nl.svg"); -} -.ts-flag:is(.is-no-flag, .is-norway-flag) { - background-image: url("./flags/4x3/no.svg"); -} -.ts-flag:is(.is-no-flag, .is-norway-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/no.svg"); -} -.ts-flag:is(.is-np-flag, .is-nepal-flag) { - background-image: url("./flags/4x3/np.svg"); -} -.ts-flag:is(.is-np-flag, .is-nepal-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/np.svg"); -} -.ts-flag:is(.is-nr-flag, .is-nauru-flag) { - background-image: url("./flags/4x3/nr.svg"); -} -.ts-flag:is(.is-nr-flag, .is-nauru-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/nr.svg"); -} -.ts-flag:is(.is-nu-flag, .is-niue-flag) { - background-image: url("./flags/4x3/nu.svg"); -} -.ts-flag:is(.is-nu-flag, .is-niue-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/nu.svg"); -} -.ts-flag:is(.is-nz-flag, .is-new-zealand-flag) { - background-image: url("./flags/4x3/nz.svg"); -} -.ts-flag:is(.is-nz-flag, .is-new-zealand-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/nz.svg"); -} -.ts-flag:is(.is-om-flag, .is-oman-flag) { - background-image: url("./flags/4x3/om.svg"); -} -.ts-flag:is(.is-om-flag, .is-oman-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/om.svg"); -} -.ts-flag:is(.is-pa-flag, .is-panama-flag) { - background-image: url("./flags/4x3/pa.svg"); -} -.ts-flag:is(.is-pa-flag, .is-panama-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/pa.svg"); -} -.ts-flag:is(.is-pe-flag, .is-peru-flag) { - background-image: url("./flags/4x3/pe.svg"); -} -.ts-flag:is(.is-pe-flag, .is-peru-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/pe.svg"); -} -.ts-flag:is(.is-pf-flag, .is-french-polynesia-flag) { - background-image: url("./flags/4x3/pf.svg"); -} -.ts-flag:is(.is-pf-flag, .is-french-polynesia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/pf.svg"); -} -.ts-flag:is(.is-pg-flag, .is-new-guinea-flag) { - background-image: url("./flags/4x3/pg.svg"); -} -.ts-flag:is(.is-pg-flag, .is-new-guinea-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/pg.svg"); -} -.ts-flag:is(.is-ph-flag, .is-philippines-flag) { - background-image: url("./flags/4x3/ph.svg"); -} -.ts-flag:is(.is-ph-flag, .is-philippines-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ph.svg"); -} -.ts-flag:is(.is-pk-flag, .is-pakistan-flag) { - background-image: url("./flags/4x3/pk.svg"); -} -.ts-flag:is(.is-pk-flag, .is-pakistan-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/pk.svg"); -} -.ts-flag:is(.is-pl-flag, .is-poland-flag) { - background-image: url("./flags/4x3/pl.svg"); -} -.ts-flag:is(.is-pl-flag, .is-poland-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/pl.svg"); -} -.ts-flag:is(.is-pm-flag, .is-saint-pierre-flag) { - background-image: url("./flags/4x3/pm.svg"); -} -.ts-flag:is(.is-pm-flag, .is-saint-pierre-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/pm.svg"); -} -.ts-flag:is(.is-pn-flag, .is-pitcairn-islands-flag) { - background-image: url("./flags/4x3/pn.svg"); -} -.ts-flag:is(.is-pn-flag, .is-pitcairn-islands-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/pn.svg"); -} -.ts-flag:is(.is-pr-flag, .is-puerto-rico-flag) { - background-image: url("./flags/4x3/pr.svg"); -} -.ts-flag:is(.is-pr-flag, .is-puerto-rico-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/pr.svg"); -} -.ts-flag:is(.is-ps-flag, .is-palestine-flag) { - background-image: url("./flags/4x3/ps.svg"); -} -.ts-flag:is(.is-ps-flag, .is-palestine-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ps.svg"); -} -.ts-flag:is(.is-pt-flag, .is-portugal-flag) { - background-image: url("./flags/4x3/pt.svg"); -} -.ts-flag:is(.is-pt-flag, .is-portugal-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/pt.svg"); -} -.ts-flag:is(.is-pw-flag, .is-palau-flag) { - background-image: url("./flags/4x3/pw.svg"); -} -.ts-flag:is(.is-pw-flag, .is-palau-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/pw.svg"); -} -.ts-flag:is(.is-py-flag, .is-paraguay-flag) { - background-image: url("./flags/4x3/py.svg"); -} -.ts-flag:is(.is-py-flag, .is-paraguay-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/py.svg"); -} -.ts-flag:is(.is-qa-flag, .is-qatar-flag) { - background-image: url("./flags/4x3/qa.svg"); -} -.ts-flag:is(.is-qa-flag, .is-qatar-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/qa.svg"); -} -.ts-flag:is(.is-re-flag, .is-reunion-flag) { - background-image: url("./flags/4x3/re.svg"); -} -.ts-flag:is(.is-re-flag, .is-reunion-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/re.svg"); -} -.ts-flag:is(.is-ro-flag, .is-romania-flag) { - background-image: url("./flags/4x3/ro.svg"); -} -.ts-flag:is(.is-ro-flag, .is-romania-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ro.svg"); -} -.ts-flag:is(.is-rs-flag, .is-serbia-flag) { - background-image: url("./flags/4x3/rs.svg"); -} -.ts-flag:is(.is-rs-flag, .is-serbia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/rs.svg"); -} -.ts-flag:is(.is-ru-flag, .is-russia-flag) { - background-image: url("./flags/4x3/ru.svg"); -} -.ts-flag:is(.is-ru-flag, .is-russia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ru.svg"); -} -.ts-flag:is(.is-rw-flag, .is-rwanda-flag) { - background-image: url("./flags/4x3/rw.svg"); -} -.ts-flag:is(.is-rw-flag, .is-rwanda-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/rw.svg"); -} -.ts-flag:is(.is-sa-flag, .is-saudi-arabia-flag) { - background-image: url("./flags/4x3/sa.svg"); -} -.ts-flag:is(.is-sa-flag, .is-saudi-arabia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/sa.svg"); -} -.ts-flag:is(.is-sb-flag, .is-solomon-islands-flag) { - background-image: url("./flags/4x3/sb.svg"); -} -.ts-flag:is(.is-sb-flag, .is-solomon-islands-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/sb.svg"); -} -.ts-flag:is(.is-sc-flag, .is-seychelles-flag) { - background-image: url("./flags/4x3/sc.svg"); -} -.ts-flag:is(.is-sc-flag, .is-seychelles-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/sc.svg"); -} -.ts-flag:is(.is-sd-flag, .is-sudan-flag) { - background-image: url("./flags/4x3/sd.svg"); -} -.ts-flag:is(.is-sd-flag, .is-sudan-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/sd.svg"); -} -.ts-flag:is(.is-se-flag, .is-sweden-flag) { - background-image: url("./flags/4x3/se.svg"); -} -.ts-flag:is(.is-se-flag, .is-sweden-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/se.svg"); -} -.ts-flag:is(.is-sg-flag, .is-singapore-flag) { - background-image: url("./flags/4x3/sg.svg"); -} -.ts-flag:is(.is-sg-flag, .is-singapore-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/sg.svg"); -} -.ts-flag:is(.is-sh-flag, .is-saint-helena-flag) { - background-image: url("./flags/4x3/sh.svg"); -} -.ts-flag:is(.is-sh-flag, .is-saint-helena-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/sh.svg"); -} -.ts-flag:is(.is-si-flag, .is-slovenia-flag) { - background-image: url("./flags/4x3/si.svg"); -} -.ts-flag:is(.is-si-flag, .is-slovenia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/si.svg"); -} -.ts-flag:is(.is-sj-flag, .is-jan-mayen-and-svalbard-flag, .is-svalbard-flag, .is-jan-mayen-flag) { - background-image: url("./flags/4x3/sj.svg"); -} -.ts-flag:is(.is-sj-flag, .is-jan-mayen-and-svalbard-flag, .is-svalbard-flag, .is-jan-mayen-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/sj.svg"); -} -.ts-flag:is(.is-sk-flag, .is-slovakia-flag) { - background-image: url("./flags/4x3/sk.svg"); -} -.ts-flag:is(.is-sk-flag, .is-slovakia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/sk.svg"); -} -.ts-flag:is(.is-sl-flag, .is-sierra-leone-flag) { - background-image: url("./flags/4x3/sl.svg"); -} -.ts-flag:is(.is-sl-flag, .is-sierra-leone-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/sl.svg"); -} -.ts-flag:is(.is-sm-flag, .is-san-marino-flag) { - background-image: url("./flags/4x3/sm.svg"); -} -.ts-flag:is(.is-sm-flag, .is-san-marino-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/sm.svg"); -} -.ts-flag:is(.is-sn-flag, .is-senegal-flag) { - background-image: url("./flags/4x3/sn.svg"); -} -.ts-flag:is(.is-sn-flag, .is-senegal-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/sn.svg"); -} -.ts-flag:is(.is-so-flag, .is-somalia-flag) { - background-image: url("./flags/4x3/so.svg"); -} -.ts-flag:is(.is-so-flag, .is-somalia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/so.svg"); -} -.ts-flag:is(.is-sr-flag, .is-suriname-flag) { - background-image: url("./flags/4x3/sr.svg"); -} -.ts-flag:is(.is-sr-flag, .is-suriname-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/sr.svg"); -} -.ts-flag:is(.is-ss-flag, .is-south-sudan-flag) { - background-image: url("./flags/4x3/ss.svg"); -} -.ts-flag:is(.is-ss-flag, .is-south-sudan-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ss.svg"); -} -.ts-flag:is(.is-st-flag, .is-sao-tome-flag) { - background-image: url("./flags/4x3/st.svg"); -} -.ts-flag:is(.is-st-flag, .is-sao-tome-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/st.svg"); -} -.ts-flag:is(.is-sv-flag, .is-el-salvador-flag) { - background-image: url("./flags/4x3/sv.svg"); -} -.ts-flag:is(.is-sv-flag, .is-el-salvador-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/sv.svg"); -} -.ts-flag:is(.is-sx-flag, .is-sint-maarten-flag) { - background-image: url("./flags/4x3/sx.svg"); -} -.ts-flag:is(.is-sx-flag, .is-sint-maarten-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/sx.svg"); -} -.ts-flag:is(.is-sy-flag, .is-syria-flag) { - background-image: url("./flags/4x3/sy.svg"); -} -.ts-flag:is(.is-sy-flag, .is-syria-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/sy.svg"); -} -.ts-flag:is(.is-sz-flag, .is-swaziland-flag) { - background-image: url("./flags/4x3/sz.svg"); -} -.ts-flag:is(.is-sz-flag, .is-swaziland-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/sz.svg"); -} -.ts-flag:is(.is-tc-flag, .is-caicos-islands-flag) { - background-image: url("./flags/4x3/tc.svg"); -} -.ts-flag:is(.is-tc-flag, .is-caicos-islands-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/tc.svg"); -} -.ts-flag:is(.is-td-flag, .is-chad-flag) { - background-image: url("./flags/4x3/td.svg"); -} -.ts-flag:is(.is-td-flag, .is-chad-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/td.svg"); -} -.ts-flag:is(.is-tf-flag, .is-french-territories-flag) { - background-image: url("./flags/4x3/tf.svg"); -} -.ts-flag:is(.is-tf-flag, .is-french-territories-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/tf.svg"); -} -.ts-flag:is(.is-tg-flag, .is-togo-flag) { - background-image: url("./flags/4x3/tg.svg"); -} -.ts-flag:is(.is-tg-flag, .is-togo-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/tg.svg"); -} -.ts-flag:is(.is-th-flag, .is-thailand-flag) { - background-image: url("./flags/4x3/th.svg"); -} -.ts-flag:is(.is-th-flag, .is-thailand-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/th.svg"); -} -.ts-flag:is(.is-tj-flag, .is-tajikistan-flag) { - background-image: url("./flags/4x3/tj.svg"); -} -.ts-flag:is(.is-tj-flag, .is-tajikistan-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/tj.svg"); -} -.ts-flag:is(.is-tk-flag, .is-tokelau-flag) { - background-image: url("./flags/4x3/tk.svg"); -} -.ts-flag:is(.is-tk-flag, .is-tokelau-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/tk.svg"); -} -.ts-flag:is(.is-tl-flag, .is-timorleste-flag) { - background-image: url("./flags/4x3/tl.svg"); -} -.ts-flag:is(.is-tl-flag, .is-timorleste-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/tl.svg"); -} -.ts-flag:is(.is-tm-flag, .is-turkmenistan-flag) { - background-image: url("./flags/4x3/tm.svg"); -} -.ts-flag:is(.is-tm-flag, .is-turkmenistan-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/tm.svg"); -} -.ts-flag:is(.is-tn-flag, .is-tunisia-flag) { - background-image: url("./flags/4x3/tn.svg"); -} -.ts-flag:is(.is-tn-flag, .is-tunisia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/tn.svg"); -} -.ts-flag:is(.is-to-flag, .is-tonga-flag) { - background-image: url("./flags/4x3/to.svg"); -} -.ts-flag:is(.is-to-flag, .is-tonga-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/to.svg"); -} -.ts-flag:is(.is-tr-flag, .is-turkey-flag) { - background-image: url("./flags/4x3/tr.svg"); -} -.ts-flag:is(.is-tr-flag, .is-turkey-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/tr.svg"); -} -.ts-flag:is(.is-tt-flag, .is-trinidad-flag) { - background-image: url("./flags/4x3/tt.svg"); -} -.ts-flag:is(.is-tt-flag, .is-trinidad-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/tt.svg"); -} -.ts-flag:is(.is-tv-flag, .is-tuvalu-flag) { - background-image: url("./flags/4x3/tv.svg"); -} -.ts-flag:is(.is-tv-flag, .is-tuvalu-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/tv.svg"); -} -.ts-flag:is(.is-tw-flag, .is-taiwan-flag, .is-republic-of-china-flag, .is-formosa-flag) { - background-image: url("./flags/4x3/tw.svg"); -} -.ts-flag:is(.is-tw-flag, .is-taiwan-flag, .is-republic-of-china-flag, .is-formosa-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/tw.svg"); -} -.ts-flag:is(.is-tz-flag, .is-tanzania-flag) { - background-image: url("./flags/4x3/tz.svg"); -} -.ts-flag:is(.is-tz-flag, .is-tanzania-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/tz.svg"); -} -.ts-flag:is(.is-ua-flag, .is-ukraine-flag) { - background-image: url("./flags/4x3/ua.svg"); -} -.ts-flag:is(.is-ua-flag, .is-ukraine-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ua.svg"); -} -.ts-flag:is(.is-ug-flag, .is-uganda-flag) { - background-image: url("./flags/4x3/ug.svg"); -} -.ts-flag:is(.is-ug-flag, .is-uganda-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ug.svg"); -} -.ts-flag:is(.is-um-flag, .is-us-minor-islands-flag) { - background-image: url("./flags/4x3/um.svg"); -} -.ts-flag:is(.is-um-flag, .is-us-minor-islands-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/um.svg"); -} -.ts-flag:is(.is-un-flag, .is-united-nations-flag) { - background-image: url("./flags/4x3/un.svg"); -} -.ts-flag:is(.is-un-flag, .is-united-nations-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/un.svg"); -} -.ts-flag:is(.is-us-flag, .is-united-states-flag, .is-america-flag, .is-usa-flag) { - background-image: url("./flags/4x3/us.svg"); -} -.ts-flag:is(.is-us-flag, .is-united-states-flag, .is-america-flag, .is-usa-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/us.svg"); -} -.ts-flag:is(.is-uy-flag, .is-uruguay-flag) { - background-image: url("./flags/4x3/uy.svg"); -} -.ts-flag:is(.is-uy-flag, .is-uruguay-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/uy.svg"); -} -.ts-flag:is(.is-uz-flag, .is-uzbekistan-flag) { - background-image: url("./flags/4x3/uz.svg"); -} -.ts-flag:is(.is-uz-flag, .is-uzbekistan-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/uz.svg"); -} -.ts-flag:is(.is-va-flag, .is-vatican-city-flag) { - background-image: url("./flags/4x3/va.svg"); -} -.ts-flag:is(.is-va-flag, .is-vatican-city-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/va.svg"); -} -.ts-flag:is(.is-vc-flag, .is-saint-vincent-flag) { - background-image: url("./flags/4x3/vc.svg"); -} -.ts-flag:is(.is-vc-flag, .is-saint-vincent-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/vc.svg"); -} -.ts-flag:is(.is-ve-flag, .is-venezuela-flag) { - background-image: url("./flags/4x3/ve.svg"); -} -.ts-flag:is(.is-ve-flag, .is-venezuela-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ve.svg"); -} -.ts-flag:is(.is-vg-flag, .is-british-virgin-islands-flag) { - background-image: url("./flags/4x3/vg.svg"); -} -.ts-flag:is(.is-vg-flag, .is-british-virgin-islands-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/vg.svg"); -} -.ts-flag:is(.is-vi-flag, .is-us-virgin-islands-flag) { - background-image: url("./flags/4x3/vi.svg"); -} -.ts-flag:is(.is-vi-flag, .is-us-virgin-islands-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/vi.svg"); -} -.ts-flag:is(.is-vn-flag, .is-vietnam-flag) { - background-image: url("./flags/4x3/vn.svg"); -} -.ts-flag:is(.is-vn-flag, .is-vietnam-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/vn.svg"); -} -.ts-flag:is(.is-vu-flag, .is-vanuatu-flag) { - background-image: url("./flags/4x3/vu.svg"); -} -.ts-flag:is(.is-vu-flag, .is-vanuatu-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/vu.svg"); -} -.ts-flag:is(.is-wf-flag, .is-wallis-and-futuna-flag, .is-wallis-flag, .is-futuna-flag) { - background-image: url("./flags/4x3/wf.svg"); -} -.ts-flag:is(.is-wf-flag, .is-wallis-and-futuna-flag, .is-wallis-flag, .is-futuna-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/wf.svg"); -} -.ts-flag:is(.is-ws-flag, .is-samoa-flag) { - background-image: url("./flags/4x3/ws.svg"); -} -.ts-flag:is(.is-ws-flag, .is-samoa-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ws.svg"); -} -.ts-flag:is(.is-ye-flag, .is-yemen-flag) { - background-image: url("./flags/4x3/ye.svg"); -} -.ts-flag:is(.is-ye-flag, .is-yemen-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/ye.svg"); -} -.ts-flag:is(.is-yt-flag, .is-mayotte-flag) { - background-image: url("./flags/4x3/yt.svg"); -} -.ts-flag:is(.is-yt-flag, .is-mayotte-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/yt.svg"); -} -.ts-flag:is(.is-za-flag, .is-south-africa-flag) { - background-image: url("./flags/4x3/za.svg"); -} -.ts-flag:is(.is-za-flag, .is-south-africa-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/za.svg"); -} -.ts-flag:is(.is-zm-flag, .is-zambia-flag) { - background-image: url("./flags/4x3/zm.svg"); -} -.ts-flag:is(.is-zm-flag, .is-zambia-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/zm.svg"); -} -.ts-flag:is(.is-zw-flag, .is-zimbabwe-flag) { - background-image: url("./flags/4x3/zw.svg"); -} -.ts-flag:is(.is-zw-flag, .is-zimbabwe-flag):is(.is-squared, .is-circular) { - background-image: url("./flags/1x1/zw.svg"); -} diff --git a/docs/zh-tw/assets/tocas/fonts/icons/fa-brands-400.ttf b/docs/zh-tw/assets/tocas/fonts/icons/fa-brands-400.ttf index 430a02edc..641a48933 100644 Binary files a/docs/zh-tw/assets/tocas/fonts/icons/fa-brands-400.ttf and b/docs/zh-tw/assets/tocas/fonts/icons/fa-brands-400.ttf differ diff --git a/docs/zh-tw/assets/tocas/fonts/icons/fa-brands-400.woff2 b/docs/zh-tw/assets/tocas/fonts/icons/fa-brands-400.woff2 index 4d904aab4..592910129 100644 Binary files a/docs/zh-tw/assets/tocas/fonts/icons/fa-brands-400.woff2 and b/docs/zh-tw/assets/tocas/fonts/icons/fa-brands-400.woff2 differ diff --git a/docs/zh-tw/assets/tocas/fonts/icons/fa-regular-400.ttf b/docs/zh-tw/assets/tocas/fonts/icons/fa-regular-400.ttf index 23e3febe0..7d634a2ba 100644 Binary files a/docs/zh-tw/assets/tocas/fonts/icons/fa-regular-400.ttf and b/docs/zh-tw/assets/tocas/fonts/icons/fa-regular-400.ttf differ diff --git a/docs/zh-tw/assets/tocas/fonts/icons/fa-regular-400.woff2 b/docs/zh-tw/assets/tocas/fonts/icons/fa-regular-400.woff2 index 80e3b1247..953d5540b 100644 Binary files a/docs/zh-tw/assets/tocas/fonts/icons/fa-regular-400.woff2 and b/docs/zh-tw/assets/tocas/fonts/icons/fa-regular-400.woff2 differ diff --git a/docs/zh-tw/assets/tocas/fonts/icons/fa-solid-900.ttf b/docs/zh-tw/assets/tocas/fonts/icons/fa-solid-900.ttf index da9082420..b3a2b6410 100644 Binary files a/docs/zh-tw/assets/tocas/fonts/icons/fa-solid-900.ttf and b/docs/zh-tw/assets/tocas/fonts/icons/fa-solid-900.ttf differ diff --git a/docs/zh-tw/assets/tocas/fonts/icons/fa-solid-900.woff2 b/docs/zh-tw/assets/tocas/fonts/icons/fa-solid-900.woff2 index 360ba1155..83433f445 100644 Binary files a/docs/zh-tw/assets/tocas/fonts/icons/fa-solid-900.woff2 and b/docs/zh-tw/assets/tocas/fonts/icons/fa-solid-900.woff2 differ diff --git a/docs/zh-tw/assets/tocas/fonts/icons/fa-v4compatibility.ttf b/docs/zh-tw/assets/tocas/fonts/icons/fa-v4compatibility.ttf index e9545ed57..e4eea68d0 100644 Binary files a/docs/zh-tw/assets/tocas/fonts/icons/fa-v4compatibility.ttf and b/docs/zh-tw/assets/tocas/fonts/icons/fa-v4compatibility.ttf differ diff --git a/docs/zh-tw/assets/tocas/fonts/icons/fa-v4compatibility.woff2 b/docs/zh-tw/assets/tocas/fonts/icons/fa-v4compatibility.woff2 index db5b0b997..e804f1860 100644 Binary files a/docs/zh-tw/assets/tocas/fonts/icons/fa-v4compatibility.woff2 and b/docs/zh-tw/assets/tocas/fonts/icons/fa-v4compatibility.woff2 differ diff --git a/docs/zh-tw/assets/tocas/grid.css b/docs/zh-tw/assets/tocas/grid.css deleted file mode 100644 index 9532c1460..000000000 --- a/docs/zh-tw/assets/tocas/grid.css +++ /dev/null @@ -1,445 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-grid { - display: grid; - gap: 1rem; - grid-template-columns: repeat(16, minmax(0, 1fr)); - color: inherit; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Truncated - */ - -.ts-grid .column.is-truncated { - overflow: hidden; -} - -/** - * Columns - */ - -.ts-grid.is-2-columns { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-3-columns { - grid-template-columns: repeat(3, minmax(0, 1fr)); -} -.ts-grid.is-4-columns { - grid-template-columns: repeat(4, minmax(0, 1fr)); -} -.ts-grid.is-5-columns { - grid-template-columns: repeat(5, minmax(0, 1fr)); -} -.ts-grid.is-6-columns { - grid-template-columns: repeat(6, minmax(0, 1fr)); -} -.ts-grid.is-7-columns { - grid-template-columns: repeat(7, minmax(0, 1fr)); -} -.ts-grid.is-8-columns { - grid-template-columns: repeat(8, minmax(0, 1fr)); -} -.ts-grid.is-9-columns { - grid-template-columns: repeat(9, minmax(0, 1fr)); -} -.ts-grid.is-10-columns { - grid-template-columns: repeat(10, minmax(0, 1fr)); -} - -/** - * Relaxed - */ - -.ts-grid.is-relaxed { - gap: 2rem min(2rem, 5%); /** Issue #814 */ -} -.ts-grid.is-compact { - gap: 0.5rem; -} - -/** - * Evenly Divided - */ - -.ts-grid.is-evenly-divided { - grid-auto-columns: minmax(0, 1fr); - grid-auto-flow: column; - grid-template-columns: initial; -} - -/** - * Aligns - */ - -.ts-grid.is-middle-aligned { - align-items: center; -} -.ts-grid.is-center-aligned { - text-align: center; -} - -.ts-grid .column.is-top-aligned { - align-items: flex-start; - display: flex; -} - -.ts-grid .column.is-middle-aligned { - align-items: center; - display: flex; -} - -.ts-grid .column.is-center-aligned { - text-align: center; -} - -.ts-grid .column.is-bottom-aligned { - align-items: flex-end; - display: flex; -} - -.ts-grid .column.is-start-aligned { - text-align: left; -} - -.ts-grid .column.is-end-aligned { - text-align: right; -} - -/** - * Wides - */ - -.ts-grid .column.is-1-minimal, -.ts-grid .column.is-1-wide { - grid-column: auto / span 1; -} -.ts-grid .column.is-2-minimal, -.ts-grid .column.is-2-wide { - grid-column: auto / span 2; -} -.ts-grid .column.is-3-minimal, -.ts-grid .column.is-3-wide { - grid-column: auto / span 3; -} -.ts-grid .column.is-4-minimal, -.ts-grid .column.is-4-wide { - grid-column: auto / span 4; -} -.ts-grid .column.is-5-minimal, -.ts-grid .column.is-5-wide { - grid-column: auto / span 5; -} -.ts-grid .column.is-6-minimal, -.ts-grid .column.is-6-wide { - grid-column: auto / span 6; -} -.ts-grid .column.is-7-minimal, -.ts-grid .column.is-7-wide { - grid-column: auto / span 7; -} -.ts-grid .column.is-8-minimal, -.ts-grid .column.is-8-wide { - grid-column: auto / span 8; -} -.ts-grid .column.is-9-minimal, -.ts-grid .column.is-9-wide { - grid-column: auto / span 9; -} -.ts-grid .column.is-10-minimal, -.ts-grid .column.is-10-wide { - grid-column: auto / span 10; -} -.ts-grid .column.is-11-minimal, -.ts-grid .column.is-11-wide { - grid-column: auto / span 11; -} -.ts-grid .column.is-12-minimal, -.ts-grid .column.is-12-wide { - grid-column: auto / span 12; -} -.ts-grid .column.is-13-minimal, -.ts-grid .column.is-13-wide { - grid-column: auto / span 13; -} -.ts-grid .column.is-14-minimal, -.ts-grid .column.is-14-wide { - grid-column: auto / span 14; -} -.ts-grid .column.is-15-minimal, -.ts-grid .column.is-15-wide { - grid-column: auto / span 15; -} -.ts-grid .column.is-16-minimal, -.ts-grid .column.is-16-wide { - grid-column: auto / span 16; -} - -/** - * Fluid - */ - -.ts-grid .column.is-fluid { - flex: 1; -} - -/** - * Doubling - */ - -.ts-grid.is-2-columns.is-doubling { - grid-template-columns: repeat(1, minmax(0, 1fr)); -} -.ts-grid.is-3-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-4-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-5-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-6-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-7-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-8-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-9-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-10-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} - -/* ========================================================================== - Responsive - ========================================================================== */ - -/** - * Minimal - * (Below 766px) - */ - -@media screen and (max-width: 766px) { - .ts-grid.is-stackable .column { - grid-column: auto / span 16; - } -} - -/** - * Not Minimal - * (Above 766px) - */ - -@media screen and (min-width: 766px) { - /** - * Doubling - */ - - .ts-grid.is-2-columns.is-doubling { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } - .ts-grid.is-3-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - .ts-grid.is-4-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - .ts-grid.is-5-columns.is-doubling { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - .ts-grid.is-6-columns.is-doubling { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - .ts-grid.is-7-columns.is-doubling { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - .ts-grid.is-8-columns.is-doubling { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - .ts-grid.is-9-columns.is-doubling { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - .ts-grid.is-10-columns.is-doubling { - grid-template-columns: repeat(5, minmax(0, 1fr)); - } - - /** - * Wides - */ - - .ts-grid .column.is-1-standard, - .ts-grid .column.is-1-wide { - grid-column: auto / span 1; - } - .ts-grid .column.is-2-standard, - .ts-grid .column.is-2-wide { - grid-column: auto / span 2; - } - .ts-grid .column.is-3-standard, - .ts-grid .column.is-3-wide { - grid-column: auto / span 3; - } - .ts-grid .column.is-4-standard, - .ts-grid .column.is-4-wide { - grid-column: auto / span 4; - } - .ts-grid .column.is-5-standard, - .ts-grid .column.is-5-wide { - grid-column: auto / span 5; - } - .ts-grid .column.is-6-standard, - .ts-grid .column.is-6-wide { - grid-column: auto / span 6; - } - .ts-grid .column.is-7-standard, - .ts-grid .column.is-7-wide { - grid-column: auto / span 7; - } - .ts-grid .column.is-8-standard, - .ts-grid .column.is-8-wide { - grid-column: auto / span 8; - } - .ts-grid .column.is-9-standard, - .ts-grid .column.is-9-wide { - grid-column: auto / span 9; - } - .ts-grid .column.is-10-standard, - .ts-grid .column.is-10-wide { - grid-column: auto / span 10; - } - .ts-grid .column.is-11-standard, - .ts-grid .column.is-11-wide { - grid-column: auto / span 11; - } - .ts-grid .column.is-12-standard, - .ts-grid .column.is-12-wide { - grid-column: auto / span 12; - } - .ts-grid .column.is-13-standard, - .ts-grid .column.is-13-wide { - grid-column: auto / span 13; - } - .ts-grid .column.is-14-standard, - .ts-grid .column.is-14-wide { - grid-column: auto / span 14; - } - .ts-grid .column.is-15-standard, - .ts-grid .column.is-15-wide { - grid-column: auto / span 15; - } - .ts-grid .column.is-16-standard, - .ts-grid .column.is-16-wide { - grid-column: auto / span 16; - } -} - -/** - * Maximal - * (Above 993px) - */ - -@media screen and (min-width: 993px) { - /** - * Doubling - */ - - .ts-grid.is-2-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - .ts-grid.is-3-columns.is-doubling { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - .ts-grid.is-4-columns.is-doubling { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - .ts-grid.is-5-columns.is-doubling { - grid-template-columns: repeat(5, minmax(0, 1fr)); - } - .ts-grid.is-6-columns.is-doubling { - grid-template-columns: repeat(6, minmax(0, 1fr)); - } - .ts-grid.is-7-columns.is-doubling { - grid-template-columns: repeat(7, minmax(0, 1fr)); - } - .ts-grid.is-8-columns.is-doubling { - grid-template-columns: repeat(8, minmax(0, 1fr)); - } - .ts-grid.is-9-columns.is-doubling { - grid-template-columns: repeat(9, minmax(0, 1fr)); - } - .ts-grid.is-10-columns.is-doubling { - grid-template-columns: repeat(10, minmax(0, 1fr)); - } - - /** - * Wides - */ - - .ts-grid .column.is-1-maximal { - grid-column: auto / span 1; - } - .ts-grid .column.is-2-maximal { - grid-column: auto / span 2; - } - .ts-grid .column.is-3-maximal { - grid-column: auto / span 3; - } - .ts-grid .column.is-4-maximal { - grid-column: auto / span 4; - } - .ts-grid .column.is-5-maximal { - grid-column: auto / span 5; - } - .ts-grid .column.is-6-maximal { - grid-column: auto / span 6; - } - .ts-grid .column.is-7-maximal { - grid-column: auto / span 7; - } - .ts-grid .column.is-8-maximal { - grid-column: auto / span 8; - } - .ts-grid .column.is-9-maximal { - grid-column: auto / span 9; - } - .ts-grid .column.is-10-maximal { - grid-column: auto / span 10; - } - .ts-grid .column.is-11-maximal { - grid-column: auto / span 11; - } - .ts-grid .column.is-12-maximal { - grid-column: auto / span 12; - } - .ts-grid .column.is-13-maximal { - grid-column: auto / span 13; - } - .ts-grid .column.is-14-maximal { - grid-column: auto / span 14; - } - .ts-grid .column.is-15-maximal { - grid-column: auto / span 15; - } - .ts-grid .column.is-16-maximal { - grid-column: auto / span 16; - } -} diff --git a/docs/zh-tw/assets/tocas/header.css b/docs/zh-tw/assets/tocas/header.css deleted file mode 100644 index f1fb218e8..000000000 --- a/docs/zh-tw/assets/tocas/header.css +++ /dev/null @@ -1,139 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-header { - font-weight: 500; - font-size: var(--ts-font-size-17px); - color: inherit; - line-height: 1.6; - display: flex; - align-items: center; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-header .ts-icon { -} - -a.ts-header { - text-decoration: none; -} - -a.ts-header:hover { - text-decoration: underline; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Truncated - */ - -.ts-header.is-truncated { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - display: block; -} - -/** - * Negative - */ - -.ts-header.is-negative { - color: var(--ts-negative-600); -} - -/** - * Heavy - */ - -.ts-header.is-heavy { - font-weight: bold !important; -} - -/** - * Aligns - */ - -.ts-header.is-center-aligned { - text-align: center; - justify-content: center; -} -.ts-header.is-start-aligned { - text-align: left; - justify-content: flex-start; -} -.ts-header.is-end-aligned { - text-align: right; - justify-content: flex-end; -} - -/** - * Icon - */ - -.ts-header.is-icon { - text-align: center; - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; -} - -.ts-header.is-icon .ts-icon { - font-size: 3em; - width: auto; - line-height: 1; - margin-bottom: 0.5rem; -} - -/** - * Side Icon - */ - -.ts-header:is(.is-start-icon, .is-end-icon) .ts-icon { - font-size: 1.5em; -} - -.ts-header.is-start-icon .ts-icon { - margin-right: 0.5rem; -} - -.ts-header.is-end-icon .ts-icon { - margin-left: 0.5rem; -} - -/** - * Secondary - */ - -.ts-header.is-secondary { - color: var(--ts-gray-500); -} - -/** - * Sizes - */ - -.ts-header.is-large { - font-size: var(--ts-font-size-20px); -} -.ts-header.is-big { - font-size: var(--ts-font-size-24px); -} -.ts-header.is-huge { - font-size: var(--ts-font-size-30px); -} -.ts-header.is-massive { - font-size: var(--ts-font-size-33px); -} diff --git a/docs/zh-tw/assets/tocas/image.css b/docs/zh-tw/assets/tocas/image.css deleted file mode 100644 index c3fdc68cc..000000000 --- a/docs/zh-tw/assets/tocas/image.css +++ /dev/null @@ -1,156 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-image { - display: inline-block; - max-width: 100%; - vertical-align: top; - text-decoration: none; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-image img { - width: 100%; - vertical-align: top; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Circular - */ - -.ts-image.is-circular img { - border-radius: 100rem !important; -} - -/** - * Disabled - */ - -.ts-image.is-disabled img { - opacity: 0.5; - pointer-events: none; -} - -/** - * Rounded - */ - -.ts-image.is-rounded img { - border-radius: 0.4rem !important; -} - -/** - * Bordered - */ - -.ts-image.is-bordered img { - border: 1px solid var(--ts-gray-300); -} - -/** - * Covered - */ - -.ts-image.is-covered img { - object-fit: cover; -} - -/** - * Full - */ - -.ts-image.is-full-width, -.ts-image.is-full-width img { - width: 100%; -} - -.ts-image.is-full-height, -.ts-image.is-full-height img { - height: 100%; -} - -/** - * Centered - */ - -.ts-image.is-centered { - display: block; -} -.ts-image.is-centered img { - display: block; - margin-left: auto; - margin-right: auto; -} - -/** - * Sizes - */ - -.ts-image.is-mini img { - width: 35px; -} -.ts-image.is-tiny img { - width: 80px; -} -.ts-image.is-small img { - width: 150px; -} -.ts-image.is-medium img { - width: 300px; -} -.ts-image.is-large img { - width: 450px; -} -.ts-image.is-big img { - width: 600px; -} -.ts-image.is-huge img { - width: 800px; -} -.ts-image.is-massive img { - width: 960px; -} - -/** - * Spaced - */ - -.ts-image:is(.is-spaced, .is-start-spaced, .is-end-spaced) { -} - -.ts-image.is-spaced { - margin-left: 0.45rem; - margin-right: 0.45rem; -} -.ts-image.is-start-spaced { - margin-left: 0.45rem; -} -.ts-image.is-end-spaced { - margin-right: 0.45rem; -} - -/** - * Aspect Ratio - */ - -.ts-image.is-1-by-1 img { - aspect-ratio: 1 / 1; -} -.ts-image.is-4-by-3 img { - aspect-ratio: 4 / 3; -} -.ts-image.is-16-by-9 img { - aspect-ratio: 16 / 9; -} diff --git a/docs/zh-tw/assets/tocas/imageset.css b/docs/zh-tw/assets/tocas/imageset.css deleted file mode 100644 index 596ac988a..000000000 --- a/docs/zh-tw/assets/tocas/imageset.css +++ /dev/null @@ -1,130 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-imageset { - display: grid; - gap: 1rem; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-imageset .item { -} - -.ts-imageset .item img { - width: 100%; - height: 100%; - vertical-align: top; - object-fit: cover; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Images - */ - -.ts-imageset.is-2-images { - grid-template-columns: repeat(1, 1fr); -} - -.ts-imageset.is-3-images { - grid-template-columns: repeat(2, 1fr); -} - -.ts-imageset.ts-imageset.is-3-images .item:first-child { - grid-column: 1 / 3; -} - -.ts-imageset.is-4-images { - grid-template-columns: repeat(3, 1fr); -} - -.ts-imageset.ts-imageset.is-4-images .item:first-child { - grid-column: 1 / 4; -} - -/** - * Portrait - */ - -.ts-imageset.is-portrait.is-3-images { - grid-template-columns: repeat(2, 1fr); -} - -.ts-imageset.is-portrait.is-3-images .item:first-child { - grid-row: 1 / 3; - grid-column: initial; -} - -.ts-imageset.is-portrait.is-4-images { - grid-template-columns: repeat(2, 1fr); -} - -.ts-imageset.is-portrait.is-4-images .item:first-child { - grid-row: 1 / 4; - grid-column: initial; -} - -/** - * Rounded - */ - -.ts-imageset.is-rounded .item img { - border-radius: 0.4rem; -} - -/** - * Circular - */ - -.ts-imageset.is-circular.is-portrait .item:first-child img { - border-top-left-radius: 0.4rem; - border-bottom-left-radius: 0.4rem; -} - -.ts-imageset.is-circular.is-portrait .item:nth-child(2) img { - border-top-right-radius: 0.4rem; -} - -.ts-imageset.is-circular.is-portrait .item:last-child img { - border-bottom-right-radius: 0.4rem; -} - -.ts-imageset.is-circular:not(.is-portrait) .item:first-child img { - border-top-right-radius: 0.4rem; - border-top-left-radius: 0.4rem; -} - -.ts-imageset.is-circular:not(.is-portrait) .item:nth-child(2) img { - border-bottom-left-radius: 0.4rem; -} - -.ts-imageset.is-circular:not(.is-portrait) .item:last-child img { - border-bottom-right-radius: 0.4rem; -} - -/** - * Relaxed - */ - -.ts-imageset.is-relaxed { - gap: 1.5rem; -} - -/** - * Compact - */ - -.ts-imageset.is-compact { - gap: 0.5rem; -} diff --git a/docs/zh-tw/assets/tocas/input.css b/docs/zh-tw/assets/tocas/input.css deleted file mode 100644 index b9c8651b4..000000000 --- a/docs/zh-tw/assets/tocas/input.css +++ /dev/null @@ -1,404 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -.ts-input { - --border-radius: .4rem; - --height: var(--ts-input-height-medium); -} - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-input { - display: flex; - width: 100%; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-input input { - padding: 0 1rem; - height: var(--height); -} - -.ts-input input, -.ts-input textarea { - margin: 0; - width: 100%; - overflow: visible; - font: inherit; - outline: none; - box-sizing: border-box; - resize: none; - font-size: var(--ts-font-size-14px); - line-height: 1.5; - color: var(--ts-gray-800); - background: var(--ts-gray-50); - - -webkit-font-smoothing: inherit; - -moz-osx-font-smoothing: inherit; - -webkit-appearance: none; -} - -.ts-input textarea { - padding: 0.467rem 1rem; -} - -.ts-input input:focus, -.ts-input textarea:focus { - outline: 0; -} - -/** - * Input - */ - -.ts-input input, -.ts-input textarea { - border-radius: var(--border-radius); - border: 1px solid var(--ts-gray-300); -} - -.ts-input input:focus, -.ts-input textarea:focus { - border-color: var(--ts-primary-600); -} - -.ts-input input::-webkit-inner-spin-button, -.ts-input input::-webkit-calendar-picker-indicator { - opacity: 0.4; - line-height: 1; -} - -/** - * Color - */ - -.ts-input input[type="color"] { - padding: 0; - aspect-ratio: 1 / 1; - overflow: hidden; - cursor: pointer; - width: auto; -} - -.ts-input input[type="color"]::-webkit-color-swatch { - padding: 0; - position: absolute; - top: 4px; - left: 4px; - right: 4px; - bottom: 4px; - border: 0; - border-radius: 0.4rem; - width: auto; - height: auto; -} - -.ts-input input[type="color"]::-moz-color-swatch { - padding: 0; - position: absolute; - top: 4px; - left: 4px; - right: 4px; - bottom: 4px; - border: 0; - border-radius: 0.4rem; - width: auto; - height: auto; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Solid - */ - -.ts-input.is-solid input, -.ts-input.is-solid textarea { - border-radius: var(--border-radius); - border: 1px solid transparent; - background: var(--ts-gray-100); -} - -.ts-input.is-solid input:focus, -.ts-input.is-solid textarea:focus { - background: var(--ts-gray-50); - border: 1px solid var(--ts-gray-300); -} - -/** - * Underlined - */ - -.ts-input.is-underlined input, -.ts-input.is-underlined textarea { - border-radius: var(--border-radius) var(--border-radius) 0 0; - border: 2px solid transparent; - background: var(--ts-gray-100); - border-bottom: 2px solid var(--ts-gray-400); -} - -.ts-input.is-underlined input:focus, -.ts-input.is-underlined textarea:focus { - border-bottom-color: var(--ts-primary-600); -} - -/** - * Resizable - */ - -.ts-input.is-resizable input, -.ts-input.is-resizable textarea { - min-height: 5rem; - resize: vertical; -} - -/** - * Circular - */ - -.ts-input.is-circular { - --border-radius: 100rem; -} - -/** - * Basic - */ - -.ts-input.is-basic input { - padding: 0; - border: 0; - background: transparent; -} - -/** - * Labeled - */ - -.ts-input.is-start-labeled, -.ts-input.is-end-labeled, -.ts-input.is-labeled { - /*display: flex;*/ -} - -.ts-input:is(.is-start-labeled, .is-end-labeled, .is-labeled) :is(.input, .label) { - border-radius: var(--border-radius); -} - -.ts-input:is(.is-start-labeled, .is-end-labeled, .is-labeled) .label { - line-height: 1; - display: flex; - align-items: center; - justify-content: center; - background: var(--ts-gray-100); - padding: 0 0.6rem; - font-size: var(--ts-font-size-14px); - color: var(--ts-gray-700); - border: 1px solid var(--ts-gray-300); -} - -.ts-input:is(.is-start-labeled, .is-labeled) .label { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-right-width: 0; -} - -.ts-input:is(.is-start-labeled, .is-labeled) input { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.ts-input:is(.is-end-labeled, .is-labeled) .label { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-left-width: 0; -} - -.ts-input:is(.is-end-labeled, .is-labeled) input { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.ts-input.is-labeled .label:first-child { - border-left-width: 1px; - border-top-left-radius: var(--border-radius); - border-bottom-left-radius: var(--border-radius); -} - -.ts-input.is-labeled .label:last-child { - border-right-width: 1px; - border-top-right-radius: var(--border-radius); - border-bottom-right-radius: var(--border-radius); -} - -/** Underlined */ -.ts-input:is(.is-start-labeled, .is-labeled, .is-end-labeled).is-underlined .label { - border: 0; - border-bottom: 2px solid var(--ts-gray-400); - background: var(--ts-gray-200); -} - -.ts-input:is(.is-start-labeled, .is-labeled).is-underlined .label { - border-bottom-left-radius: 0; -} - -.ts-input:is(.is-end-labeled, .is-labeled).is-underlined .label { - border-bottom-right-radius: 0; -} - -.ts-input:is(.is-start-labeled, .is-labeled).is-underlined input { - border-left: 0; -} - -.ts-input:is(.is-end-labeled, .is-labeled).is-underlined input { - border-right: 0; -} - -/** Solid */ -.ts-input:is(.is-start-labeled, .is-labeled, .is-end-labeled).is-solid .label { - border-color: transparent; - background: var(--ts-gray-200); -} - -.ts-input:is(.is-start-labeled, .is-labeled, .is-end-labeled).is-solid:focus-within .label { - border-color: var(--ts-gray-300); -} - -/** - * Icon - */ - -.ts-input.is-start-icon .ts-icon, -.ts-input.is-end-icon .ts-icon, -.ts-input.is-icon .ts-icon { - position: absolute; - top: 0; - bottom: 0; - display: flex !important; - align-items: center; - justify-content: center; - color: var(--ts-gray-700); - z-index: 1; -} - -.ts-input.is-start-icon .ts-icon, -.ts-input.is-icon .ts-icon:first-child { - left: 1rem; -} - -.ts-input.is-start-icon input, -.ts-input.is-icon input { - padding-left: 2.8rem; - box-sizing: border-box; -} - -.ts-input.is-end-icon .ts-icon, -.ts-input.is-icon .ts-icon:last-child { - right: 1rem; -} - -.ts-input.is-end-icon input, -.ts-input.is-icon input { - padding-right: 2.8rem; - box-sizing: border-box; -} - -/** - * Negative - */ - -.ts-input.is-negative :is(input, textarea) { - color: var(--ts-negative-600); - border-color: var(--ts-negative-400); - font-weight: 500; -} - -.ts-input.is-negative .label { - border-color: var(--ts-negative-400); -} - -/** Solid */ -.ts-input.is-negative.is-solid:is(.is-start-labeled, .is-labeled, .is-end-labeled) .label { - border-color: var(--ts-negative-400); -} - -.ts-input.is-negative.is-solid input:focus, -.ts-input.is-negative.is-solid textarea:focus { - background: var(--ts-gray-100); - border: 1px solid var(--ts-negative-400); -} - -/** Underlined */ -.ts-input.is-negative.is-underlined :is(.label, input, textarea) { - border-color: transparent; - border-bottom-color: var(--ts-negative-400); -} - -/** - * Disabled - */ - -.ts-input.is-disabled input, -.ts-input.is-disabled textarea { - cursor: not-allowed; - pointer-events: none; - opacity: 0.5; -} - -.ts-input.is-disabled.is-underlined { - border-bottom-color: var(--ts-gray-300); -} - -/** - * Fluid - */ - -.ts-input.is-fluid { - display: flex; - width: 100%; -} - -.ts-input.is-fluid input, -.ts-input.is-fluid textarea { - width: 100%; -} - -/** - * Dense - */ - -.ts-input.is-dense input { - --height: var(--ts-input-height-medium-dense); -} -.ts-input.is-dense.is-small input { - --height: var(--ts-input-height-small-dense); -} -.ts-input.is-dense.is-large input { - --height: var(--ts-input-height-large-dense); -} - -/** - * Sizes - */ - -.ts-input.is-small input { - --height: var(--ts-input-height-small); -} -.ts-input.is-large input { - --height: var(--ts-input-height-large); -} - -.ts-input.is-small :is(input, textarea, .ts-icon) { - font-size: var(--ts-font-size-13px); -} - -.ts-input.is-large :is(input, textarea, .ts-icon) { - font-size: var(--ts-font-size-17px); -} diff --git a/docs/zh-tw/assets/tocas/list.css b/docs/zh-tw/assets/tocas/list.css deleted file mode 100644 index 25e7c65a6..000000000 --- a/docs/zh-tw/assets/tocas/list.css +++ /dev/null @@ -1,63 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-list { - color: inherit; - display: flex; - flex-direction: column; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-list .item { - display: inline-block; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -.ts-list:is(.is-ordered, .is-unordered) { - margin-left: 1.2rem; -} - -.ts-list:is(.is-unordered, .is-ordered) .item { - display: list-item; -} - -/** - * Unordered - */ - -.ts-list.is-unordered > .item, -.ts-list.is-unordered > *:not(.ts-list) > .item { - list-style-type: disc; -} - -/** - * Ordered - */ - -.ts-list.is-ordered > .item, -.ts-list.is-ordered > *:not(.ts-list) > .item { - list-style-type: decimal; -} - -/** - * Sizes - */ - -.ts-list.is-small { - font-size: var(--ts-font-size-14px); -} - -.ts-list.is-large { - font-size: var(--ts-font-size-17px); -} diff --git a/docs/zh-tw/assets/tocas/meta.css b/docs/zh-tw/assets/tocas/meta.css deleted file mode 100644 index 76f60c9bf..000000000 --- a/docs/zh-tw/assets/tocas/meta.css +++ /dev/null @@ -1,79 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-meta { - display: inline-flex; - flex-wrap: wrap; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-meta .item { - color: inherit; - text-decoration: none; -} - -.ts-meta .item:not(:last-child)::after { - margin: 0 0; - content: "．"; - color: var(--ts-gray-500); - text-decoration: none; - pointer-events: none; - user-select: none; - display: inline-block; -} - -.ts-meta a.item:hover { - text-decoration: underline; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Aligns - */ - -.ts-meta:is(.is-start-aligned, .is-center-aligned, .is-end-aligned) { - display: flex; -} - -.ts-meta.is-start-aligned { - justify-content: flex-start; -} - -.ts-meta.is-center-aligned { - justify-content: center; -} - -.ts-meta.is-end-aligned { - justify-content: flex-end; -} - -/** - * Secondary - */ - -.ts-meta.is-secondary .item { - color: var(--ts-gray-500); -} - -/** - * Sizes - */ - -.ts-meta.is-small { - font-size: var(--ts-font-size-14px); -} - -.ts-meta.is-large { - font-size: var(--ts-font-size-17px); -} diff --git a/docs/zh-tw/assets/tocas/notice.css b/docs/zh-tw/assets/tocas/notice.css deleted file mode 100644 index 3c9be9b27..000000000 --- a/docs/zh-tw/assets/tocas/notice.css +++ /dev/null @@ -1,109 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-notice { - background: var(--ts-gray-800); - border: 1px solid transparent; - color: var(--ts-gray-50); - display: block; - padding: 0.45rem 1rem; - font-size: var(--ts-font-size-14px); - border-radius: 0.4rem; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-notice .title { - background: var(--ts-gray-50); - color: var(--ts-gray-800); - border-radius: 0.4rem; - padding: 0.3rem 0.5rem; - margin-right: 0.6rem; - margin-top: 0.05rem; - font-size: var(--ts-font-size-14px); - text-align: justify; - line-height: 1; - white-space: nowrap; - display: inline-block; -} - -.ts-notice .content { - display: inline; -} - -.ts-notice a { - text-decoration: underline; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Negative - */ - -.ts-notice.is-negative { - background: var(--ts-negative-500); - color: var(--ts-white); -} - -.ts-notice.is-negative .title { - background: var(--ts-white); - color: var(--ts-negative-600); -} - -/** - * Outlined - */ - -.ts-notice.is-outlined { - background: transparent; - border-color: var(--ts-gray-300); - color: var(--ts-gray-800); -} - -.ts-notice.is-outlined .title { - background: var(--ts-gray-800); - color: var(--ts-gray-50); -} - -.ts-notice.is-outlined.is-negative .title { - background: var(--ts-negative-500); - color: var(--ts-gray-50); -} - -/** - * Sizes - */ - -.ts-notice.is-small, -.ts-notice.is-small .title { - font-size: var(--ts-font-size-13px); -} - -.ts-notice.is-large, -.ts-notice.is-large .title { - font-size: var(--ts-font-size-17px); -} - -/** - * Dense - */ - -.ts-notice.is-dense { - padding-top: 0.25rem; - padding-bottom: 0.25rem; -} - -.ts-notice.is-dense .title { - padding-top: 0.25rem; - padding-bottom: 0.25rem; -} diff --git a/docs/zh-tw/assets/tocas/notification.css b/docs/zh-tw/assets/tocas/notification.css deleted file mode 100644 index e1a1d8b4e..000000000 --- a/docs/zh-tw/assets/tocas/notification.css +++ /dev/null @@ -1,99 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-notification { - display: flex; - gap: 1rem; - align-items: flex-start; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-notification .aside .ts-icon { - padding: 0.9rem; - background: var(--ts-gray-200); - border-radius: 0.4rem; - font-size: 1.3rem; - color: var(--ts-gray-600); - display: block; - width: auto; - line-height: 1; -} - -.ts-notification .aside .ts-image { - object-fit: cover; - aspect-ratio: 1/1; - max-height: 44px; - border-radius: 0.4rem; -} - -.ts-notification .content .actions { - border-top: 1px solid var(--ts-gray-300); - margin-top: 0.5rem; - padding-top: 0.5rem; - display: flex; - gap: 1rem; -} - -.ts-notification .content .actions .item { - border: none; - margin: 0; - padding: 0; - width: auto; - overflow: visible; - background: transparent; - color: inherit; - font: inherit; - line-height: normal; - border-radius: 0; - outline: none; - box-sizing: border-box; - user-select: none; - - -webkit-font-smoothing: inherit; - -moz-osx-font-smoothing: inherit; - -webkit-appearance: none; - - cursor: pointer; -} - -.ts-notification .content { - font-size: 14px; - color: var(--ts-gray-800); - flex: 1; -} - -.ts-notification .content .text { - min-height: 42px; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Emphasises - */ - -.ts-notification .content .actions .item.is-primary { - color: var(--ts-primary-700); -} - -.ts-notification .content .actions .item.is-negative { - color: var(--ts-negative-600); -} - -/** - * Secondary - */ - -.ts-notification .content .actions .item.is-secondary { - color: var(--ts-gray-500); -} diff --git a/docs/zh-tw/assets/tocas/procedure.css b/docs/zh-tw/assets/tocas/procedure.css deleted file mode 100644 index 3dd4c88fe..000000000 --- a/docs/zh-tw/assets/tocas/procedure.css +++ /dev/null @@ -1,302 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-procedure { - display: flex; - align-items: center; - justify-content: center; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-procedure .item { - text-decoration: none; - display: flex; - align-items: center; - flex: 1 0 auto; - color: var(--ts-gray-800); - counter-increment: ordered; -} - -.ts-procedure .item:last-child { - flex: 0 0 auto; -} - -.ts-procedure .item .indicator { - border-radius: 100rem; - - border: 2px solid var(--ts-gray-300); - color: var(--ts-gray-800); - height: 2rem; - width: 2rem; - display: inline-flex; - line-height: 1; - align-items: center; - justify-content: center; - font-weight: bold; - margin-right: 0.5rem; - - background: transparent; -} - -.ts-procedure:not(.is-compact) .item .indicator:empty::after { - content: counter(ordered, decimal); -} - -.ts-procedure .item .content { - display: flex; - align-items: center; -} - -.ts-procedure .item .label { - color: var(--ts-gray-800); - font-weight: 500; -} - -.ts-procedure .item .label .description { - color: var(--ts-gray-600); - font-size: var(--ts-font-size-14px); - font-weight: normal; -} - -.ts-procedure .item .line { - height: 2px; - flex: 1 1 0%; - background: var(--ts-gray-300); - margin: 0 1rem; - pointer-events: none; -} - -.ts-procedure .item:last-child .line { - display: none; -} - -.ts-procedure .item .indicator .ts-icon { - font-size: var(--ts-font-size-14px); -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Active - */ - -.ts-procedure .item.is-active .indicator { - background: var(--ts-gray-800); - border-color: var(--ts-gray-800); - color: var(--ts-gray-50); -} - -/** - * Stacked - */ - -.ts-procedure.is-stacked .item .content { - flex-direction: column; - justify-content: center; - gap: 0.25rem; -} - -.ts-procedure.is-stacked .item .indicator { - margin-right: 0; -} - -.ts-procedure.is-stacked .item .line { - margin-bottom: 2rem; -} - -/** - * Processing - */ - -.ts-procedure .item.is-processing .indicator { - background: transparent; - border-color: var(--ts-gray-800); - color: var(--ts-gray-800); -} - -/** - * Completed - */ - -.ts-procedure .item.is-completed .line { - background: var(--ts-gray-800); -} - -.ts-procedure .item.is-completed .indicator { - font-family: "Icons"; - font-weight: normal; - font-style: normal; - text-decoration: inherit; - text-align: center; - -webkit-font-smoothing: antialiased; - backface-visibility: hidden; - background: var(--ts-gray-800); - border-color: var(--ts-gray-800); - color: var(--ts-gray-50); -} -.ts-procedure .item.is-completed .indicator::after, -.ts-procedure .item.is-completed .indicator * { - display: none; -} -.ts-procedure .item.is-completed .indicator::before { - content: "\f00c"; -} - -/** - * Completed Half Line - */ - -.ts-procedure .item.is-completed .line.is-half::before { - content: ' '; - position: absolute; - top: 0; - right: 0; - bottom: 0; - width: 50%; - background: var(--ts-gray-300); -} - -/** - * Disabled - */ - -.ts-procedure .item.is-disabled { - pointer-events: none; - opacity: 0.5; - user-select: none; -} - -.ts-procedure .item.is-disabled .indicator { - background: transparent; - border-color: var(--ts-gray-300); -} - -/** - * Negative - */ - -.ts-procedure .item.is-negative .indicator { - background: var(--ts-negative-500); - color: var(--ts-white); - border-color: var(--ts-negative-500); -} - -.ts-procedure .item.is-negative .label { - color: var(--ts-negative-500); -} - -/** - * Compact - */ - -.ts-procedure.is-compact .item .indicator { - height: 1rem; - width: 1rem; - padding: 0; -} - -.ts-procedure.is-compact .item.is-completed .indicator::after, -.ts-procedure.is-compact .item.is-completed .indicator::before, -.ts-procedure.is-compact .item.is-completed .indicator * { - display: none; -} - -/** - * Unordered - */ - -.ts-procedure.is-unordered .item .indicator { - background: var(--ts-gray-200); - border-color: var(--ts-gray-200); -} - -.ts-procedure.is-unordered .item.is-completed .line { - background: var(--ts-gray-300); -} - -.ts-procedure.is-unordered .item.is-active .indicator { - background: var(--ts-gray-800); - border-color: var(--ts-gray-800); -} - -.ts-procedure.is-unordered .item.is-completed .indicator { - background: var(--ts-gray-200); - border-color: var(--ts-gray-200); - color: var(--ts-gray-800); -} - -/** - * Compact - */ - -.ts-procedure.is-compact .item.is-completed .indicator { - background: var(--ts-gray-800); - border-color: var(--ts-gray-800); -} - -.ts-procedure.is-compact .item.is-active .indicator { - background: transparent; - border-color: var(--ts-gray-800); -} - -.ts-procedure.is-compact .item.is-active .indicator::after { - content: ""; - background: var(--ts-gray-800); - position: absolute; - top: 2px; - left: 2px; - right: 2px; - bottom: 2px; - border-radius: 100rem; - display: block; -} - -/** - * Vertical - */ - -.ts-procedure.is-vertical { - flex-direction: column; -} - -.ts-procedure.is-vertical .item { - flex-direction: column; - align-items: flex-start; - flex: 1 0 auto; - -webkit-box-pack: start; - justify-content: flex-start; - display: flex; - width: 100%; -} - -.ts-procedure.is-vertical .item .line { - height: auto; - min-height: 1.5rem; - width: 2px; - margin: 0.5rem 0 0.5rem 0.9rem; -} - -.ts-procedure.is-vertical.is-compact .item .line { - margin: 0rem 0 0rem 0.4rem; -} - -/** - * Sizes - */ - -.ts-procedure.is-small { - font-size: var(--ts-font-size-14px); -} -.ts-procedure.is-large { - font-size: var(--ts-font-size-17px); -} diff --git a/docs/zh-tw/assets/tocas/radio.css b/docs/zh-tw/assets/tocas/radio.css deleted file mode 100644 index 02c257cc6..000000000 --- a/docs/zh-tw/assets/tocas/radio.css +++ /dev/null @@ -1,148 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-radio { - display: inline-flex; - align-items: flex-start; - cursor: pointer; - user-select: none; - color: inherit; - vertical-align: middle; - margin-top: -3px; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-radio input { - border: none; - margin: 0; - padding: 0; - width: auto; - overflow: visible; - background: transparent; - color: inherit; - font: inherit; - line-height: normal; - border-radius: 0; - outline: none; - box-sizing: border-box; - user-select: none; - - -webkit-font-smoothing: inherit; - -moz-osx-font-smoothing: inherit; - -webkit-appearance: none; -} - -.ts-radio input { - min-height: 1.15rem; - min-width: 1.15rem; - margin-top: 5px; - border-radius: 100rem; - border: 1px solid var(--ts-gray-200); - background: var(--ts-gray-200); - margin-right: 0.5rem; - cursor: pointer; -} - -.ts-radio input:checked { - background: var(--ts-primary-700); - border-color: var(--ts-primary-700); -} - -.ts-radio input:focus { - outline: 0; -} - -.ts-radio input::after { - position: absolute; - display: none; - content: "\f111"; - font-family: "Icons"; - font-weight: normal; - font-style: normal; - text-decoration: inherit; - text-align: center; - left: 0; - right: 0; - bottom: 0; - top: 0; - transform: scale(0.5); - z-index: 1; - - align-items: center; - justify-content: center; - -webkit-font-smoothing: antialiased; - backface-visibility: hidden; - font-size: 1rem; - color: var(--ts-white); -} - -.ts-radio input:checked::after { - display: flex; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Disabled - */ - -.ts-radio.is-disabled { - cursor: not-allowed; - pointer-events: none; - opacity: 0.5; - user-select: none; -} - -.ts-radio.is-disabled input { - background: var(--ts-gray-200); - border-color: var(--ts-gray-200); -} - -/** - * Negative - */ - -.ts-radio.is-negative input { - border-color: var(--ts-negative-600); - border-width: 2px; -} - -/** - * Sizes - */ - -.ts-radio.is-small input { - min-height: 0.95rem; - min-width: 0.95rem; -} - -.ts-radio.is-small input::after { - font-size: var(--ts-font-size-14px); -} - -.ts-radio.is-small { - font-size: var(--ts-font-size-14px); -} - -.ts-radio.is-large input { - min-height: 1.3rem; - min-width: 1.3rem; -} - -.ts-radio.is-large { - font-size: var(--ts-font-size-17px); -} - -.ts-radio.is-large input::after { - font-size: var(--ts-font-size-18px); -} diff --git a/docs/zh-tw/assets/tocas/rating.css b/docs/zh-tw/assets/tocas/rating.css deleted file mode 100644 index 79fb83276..000000000 --- a/docs/zh-tw/assets/tocas/rating.css +++ /dev/null @@ -1,136 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-rating { - display: inline-flex; - gap: 0.2rem; - user-select: none; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-rating :is(.star, .heart) { - color: var(--ts-gray-200); - text-decoration: none; -} - -.ts-rating :is(.star, .heart).is-active, -.ts-rating.is-input :is(.star, .heart):checked, -.ts-rating.is-input :is(.star, .heart):hover, -.ts-rating.is-input :is(.star, .heart):hover ~ :is(.star, .heart), -.ts-rating.is-input :is(.star, .heart):checked ~ :is(.star, .heart) { - color: inherit; -} - -.ts-rating.is-yellow :is(.star, .heart).is-active, -.ts-rating.is-yellow.is-input :is(.star, .heart):checked, -.ts-rating.is-yellow.is-input :is(.star, .heart):hover, -.ts-rating.is-yellow.is-input :is(.star, .heart):hover ~ :is(.star, .heart), -.ts-rating.is-yellow.is-input :is(.star, .heart):checked ~ :is(.star, .heart) { - color: #e3c81b; -} - -.ts-rating.is-red :is(.star, .heart).is-active, -.ts-rating.is-red.is-input :is(.star, .heart):checked, -.ts-rating.is-red.is-input :is(.star, .heart):hover, -.ts-rating.is-red.is-input :is(.star, .heart):hover ~ :is(.star, .heart), -.ts-rating.is-red.is-input :is(.star, .heart):checked ~ :is(.star, .heart) { - color: #ff1100; -} - -.ts-rating :is(.star, .heart)::after, -.ts-rating :is(.star, .heart)::before { - font-family: "Icons"; - font-weight: normal; - font-style: normal; - display: inline; - text-decoration: inherit; - text-align: center; - -webkit-font-smoothing: antialiased; - backface-visibility: hidden; -} - -.ts-rating .star::after { - content: "\f005"; - z-index: 0; -} - -.ts-rating .heart::after { - content: "\f004"; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Half - */ - -.ts-rating .star.is-active.is-half::after { - color: var(--ts-gray-200); -} - -.ts-rating .star.is-active.is-half::before { - color: var(--ts-gray-800); -} - -.ts-rating.is-yellow .star.is-active.is-half::before { - color: #e3c81b; -} - -.ts-rating.is-red .star.is-active.is-half::before { - color: #ff1100; -} - -.ts-rating .star.is-active.is-half::before { - content: "\f089"; - - position: absolute; - left: 0; - top: 0; - z-index: 1; -} - -/** - * Input - */ - -.ts-rating.is-input { - flex-direction: row-reverse; -} - -.ts-rating.is-input input { - appearance: none; - margin: 0; - cursor: pointer; - font-size: 1rem; - transition: color 0.1s ease, opacity 0.1s ease; -} - -.ts-rating.is-input input:hover:not(:focus) ~ input { - opacity: 0.8; -} - -.ts-rating.is-input input:hover:not(:focus) { - transform: scale(1.1); -} - -/** - * Sizes - */ - -.ts-rating.is-small { - font-size: var(--ts-font-size-13px); -} - -.ts-rating.is-large { - font-size: var(--ts-font-size-18px); -} diff --git a/docs/zh-tw/assets/tocas/segment.css b/docs/zh-tw/assets/tocas/segment.css deleted file mode 100644 index b10c2bf26..000000000 --- a/docs/zh-tw/assets/tocas/segment.css +++ /dev/null @@ -1,151 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-segment { - display: block; - text-decoration: none; - color: inherit; - border: 1px solid var(--ts-gray-300); - border-radius: 0.4rem; - overflow: hidden; - padding: 1rem; - box-sizing: border-box; - background: var(--ts-gray-50); - - --ts-indicator-color: var(--ts-gray-900); -} - -a.ts-segment:hover { - border-color: var(--ts-gray-400); -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Collapsed - */ - -.ts-segment.is-collapsed { - width: fit-content; -} - -/** - * Indicated - */ - -.ts-segment.is-top-indicated { - border-top: 3px solid var(--ts-indicator-color); -} -.ts-segment.is-bottom-indicated { - border-bottom: 3px solid var(--ts-indicator-color); -} -.ts-segment.is-left-indicated { - border-left: 3px solid var(--ts-indicator-color); -} -.ts-segment.is-right-indicated { - border-right: 3px solid var(--ts-indicator-color); -} - -/** - * Secondary - */ - -.ts-segment.is-secondary { - background: var(--ts-gray-75); -} - -/** - * Tertiary - */ - -.ts-segment.is-tertiary { - background: var(--ts-gray-100); -} - -/** - * Aligns - */ - -.ts-segment.is-start-aligned { - text-align: left; -} - -.ts-segment.is-end-aligned { - text-align: right; -} - -.ts-segment.is-center-aligned { - text-align: center; -} - -/** - * Emphasises - */ - -.ts-segment[class*="-indicated"].is-negative { - --ts-indicator-color: var(--ts-negative-500); -} - -.ts-segment[class*="-indicated"].is-positive { - --ts-indicator-color: var(--ts-positive-500); -} - -.ts-segment[class*="-indicated"].is-warning { - --ts-indicator-color: var(--ts-warning-500); -} - -/** - * Elevated - */ - -.ts-segment.is-elevated { - box-shadow: 0px 1px 5px 0 #00000024; -} - -.ts-segment.is-very-elevated { - box-shadow: rgb(0 0 0 / 20%) 0px 3px 3px -2px, rgb(0 0 0 / 14%) 0px 3px 4px 0px, rgb(0 0 0 / 12%) 0px 1px 8px 0px; -} - -/** - * Padded - */ - -.ts-segment.is-padded { - padding: 1.5rem; -} -.ts-segment.is-horizontally-padded { - padding-left: 1.5rem; - padding-right: 1.5rem; -} -.ts-segment.is-vertically-padded { - padding-top: 1.5rem; - padding-bottom: 1.5rem; -} - -.ts-segment.is-very-padded { - padding: 3.5rem; -} -.ts-segment.is-horizontally-very-padded { - padding-left: 3.5rem; - padding-right: 3.5rem; -} -.ts-segment.is-vertically-very-padded { - padding-top: 3.5rem; - padding-bottom: 3.5rem; -} - -/** - * Dense - */ - -.ts-segment.is-dense { - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} diff --git a/docs/zh-tw/assets/tocas/space.css b/docs/zh-tw/assets/tocas/space.css deleted file mode 100644 index 7781cb5ba..000000000 --- a/docs/zh-tw/assets/tocas/space.css +++ /dev/null @@ -1,45 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-space { - --ts-gap: 1rem; - - height: var(--ts-gap); -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-space::before { - content: " "; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Sizes - */ - -.ts-space.is-small { - --ts-gap: 0.5rem; -} - -.ts-space.is-large { - --ts-gap: 1.5rem; -} - -.ts-space.is-big { - --ts-gap: 3rem; -} - -.ts-space.is-huge { - --ts-gap: 4.5rem; -} diff --git a/docs/en-us/assets/tocas/accordion.css b/docs/zh-tw/assets/tocas/src/accordion.css similarity index 77% rename from docs/en-us/assets/tocas/accordion.css rename to docs/zh-tw/assets/tocas/src/accordion.css index 61abad13c..14ed28458 100644 --- a/docs/en-us/assets/tocas/accordion.css +++ b/docs/zh-tw/assets/tocas/src/accordion.css @@ -6,7 +6,7 @@ Base ========================================================================== */ -.ts-accordion { +details.ts-accordion { color: inherit; box-sizing: border-box; } @@ -15,14 +15,26 @@ Structure ========================================================================== */ -.ts-accordion .title { +details.ts-accordion summary { + list-style-type: none; +} + +details.ts-accordion summary::-webkit-details-marker { + display: none; +} + +details.ts-accordion summary::marker { + display: none; +} + +details.ts-accordion summary { display: flex; align-items: center; user-select: none; cursor: pointer; } -.ts-accordion .title::before { +details.ts-accordion summary::before { font-family: "Icons"; font-weight: normal; font-style: normal; @@ -41,23 +53,18 @@ font-size: 14px; } -.ts-accordion .content { - display: none; - margin: 1rem 0 0; -} - /* ========================================================================== Variations ========================================================================== */ /** - * Active + * Open */ -.ts-accordion.is-active .content { - display: block; +details.ts-accordion[open] summary::before { + transform: rotate(0deg); } -.ts-accordion.is-active .title::before { - transform: rotate(0deg); +details.ts-accordion[open] summary { + margin-bottom: 0.5rem; } diff --git a/docs/zh-tw/assets/tocas/modal.css b/docs/zh-tw/assets/tocas/src/app-drawer.css similarity index 71% rename from docs/zh-tw/assets/tocas/modal.css rename to docs/zh-tw/assets/tocas/src/app-drawer.css index c7e223a15..018b38822 100644 --- a/docs/zh-tw/assets/tocas/modal.css +++ b/docs/zh-tw/assets/tocas/src/app-drawer.css @@ -2,11 +2,7 @@ Variables ========================================================================== */ -/* ========================================================================== - Base - ========================================================================== */ - -.ts-modal { +.ts-app-drawer { position: fixed; top: 0; left: 0; @@ -14,23 +10,22 @@ bottom: 0; background: rgb(0 0 0 / 50%); display: none; - align-items: center; - justify-content: center; overflow-y: auto; - padding: 2rem 1rem; - z-index: 100; + z-index: 102; } +/* ========================================================================== + Base + ========================================================================== */ + /* ========================================================================== Structure ========================================================================== */ -.ts-modal > .content { +.ts-app-drawer > .content { background: var(--ts-gray-50); - border-radius: 0.4rem; box-shadow: 0 0 20px rgb(0 0 0 / 10%); width: 380px; - margin: auto; overflow: hidden; } @@ -39,25 +34,42 @@ ========================================================================== */ /** - * Active + * Visible */ -.ts-modal.is-visible { +.ts-app-drawer.is-visible { display: flex; } +/** + * Positions + */ + +.ts-app-drawer.is-bottom { + align-items: flex-end; + justify-content: center; +} + +.ts-app-drawer.is-bottom .content { + width: 100%; +} + +.ts-app-drawer.is-right { + justify-content: flex-end; +} + +.ts-app-drawer.is-left { + justify-content: flex-start; +} + /** * Sizes */ -.ts-modal.is-small > .content { +.ts-app-drawer.is-small > .content { width: 280px; } -.ts-modal.is-large > .content { +.ts-app-drawer.is-large > .content { width: 580px; } - -.ts-modal.is-big > .content { - width: 780px; -} diff --git a/docs/en-us/assets/tocas/app-layout.css b/docs/zh-tw/assets/tocas/src/app-layout.css similarity index 99% rename from docs/en-us/assets/tocas/app-layout.css rename to docs/zh-tw/assets/tocas/src/app-layout.css index 84331e7b8..362b7c97b 100644 --- a/docs/en-us/assets/tocas/app-layout.css +++ b/docs/zh-tw/assets/tocas/src/app-layout.css @@ -17,7 +17,7 @@ ========================================================================== */ .ts-app-layout .cell { - + overflow: auto; flex-shrink: 0; background: var(--ts-gray-50); } diff --git a/docs/zh-tw/assets/tocas/app-navbar.css b/docs/zh-tw/assets/tocas/src/app-navbar.css similarity index 85% rename from docs/zh-tw/assets/tocas/app-navbar.css rename to docs/zh-tw/assets/tocas/src/app-navbar.css index b3541ba46..3173d34f5 100644 --- a/docs/zh-tw/assets/tocas/app-navbar.css +++ b/docs/zh-tw/assets/tocas/src/app-navbar.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-app-navbar { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -73,7 +78,12 @@ */ .ts-app-navbar .item.is-active { - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); +} + +.ts-app-navbar .item.is-active .ts-icon { + --accent-color: inherit; + --accent-foreground-color: inherit; } /** @@ -95,8 +105,8 @@ } .ts-app-navbar.is-vertical .item { - padding-top: .8rem; - padding-bottom: .8rem; + padding-top: 0.8rem; + padding-bottom: 0.8rem; padding-left: 0; padding-right: 0; } @@ -126,8 +136,8 @@ } .ts-app-navbar.is-indicated .item.is-active .ts-icon { - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } /** diff --git a/docs/en-us/assets/tocas/app-sidebar.css b/docs/zh-tw/assets/tocas/src/app-sidebar.css similarity index 88% rename from docs/en-us/assets/tocas/app-sidebar.css rename to docs/zh-tw/assets/tocas/src/app-sidebar.css index 69c9c28a6..b1516f6b4 100644 --- a/docs/en-us/assets/tocas/app-sidebar.css +++ b/docs/zh-tw/assets/tocas/src/app-sidebar.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-app-sidebar { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -47,8 +52,8 @@ */ .ts-app-sidebar .item.is-active { - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); border-radius: 0px 100rem 100rem 0; } diff --git a/docs/zh-tw/assets/tocas/src/app-topbar.css b/docs/zh-tw/assets/tocas/src/app-topbar.css new file mode 100644 index 000000000..d83d619f9 --- /dev/null +++ b/docs/zh-tw/assets/tocas/src/app-topbar.css @@ -0,0 +1,91 @@ +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-app-topbar { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-app-topbar { + display: grid; + grid-template-columns: 1fr auto 1fr; + padding: 0.5rem 1rem; + line-height: 1; + background: var(--accent-color, var(--ts-static-gray-900)); + color: var(--accent-foreground-color, var(--ts-white)); + min-height: 50px; + align-items: center; + gap: 0.5rem; +} + +.ts-app-topbar :is(.start, .end, .center) > .item { + border-radius: 100em; + text-decoration: none; + width: 38px; + height: 38px; + display: flex; + font-size: var(--ts-font-size-17px); + align-items: center; + justify-content: center; + margin-top: -0.1rem; + margin-bottom: -0.1rem; +} + +.ts-app-topbar :is(.start, .end, .center) .item.is-text { + font-size: var(--ts-font-size-16px); + font-weight: 500; + width: auto; + height: auto; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + border-radius: 0; + margin: 0; + display: block; + margin-top: -1px; +} + +.ts-app-topbar :is(.start, .end) { + display: flex; + align-items: center; + gap: 0.25rem; +} + +.ts-app-topbar .start { + justify-content: flex-start; + grid-column: 1 / 2; +} + +.ts-app-topbar .start > .item:not(.is-text):first-child { + margin-left: -0.75rem; +} + +.ts-app-topbar .center { + justify-content: center; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + grid-column: 2 / 3; +} + +.ts-app-topbar .end { + justify-content: flex-end; + grid-column: 3 / 3; +} + +.ts-app-topbar .end > .item:not(.is-text):last-child { + margin-right: -0.75rem; +} + +.ts-app-topbar .content { + grid-column: 1 / 4; +} + +/* ========================================================================== + Variations + ========================================================================== */ diff --git a/docs/zh-tw/assets/tocas/avatar.css b/docs/zh-tw/assets/tocas/src/avatar.css similarity index 89% rename from docs/zh-tw/assets/tocas/avatar.css rename to docs/zh-tw/assets/tocas/src/avatar.css index 146fa6118..cc5dce114 100644 --- a/docs/zh-tw/assets/tocas/avatar.css +++ b/docs/zh-tw/assets/tocas/src/avatar.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-avatar { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -46,11 +51,11 @@ */ .ts-avatar.is-text { - background: var(--ts-gray-200); + background: var(--accent-color, var(--ts-gray-200)); display: inline-flex; align-items: center; justify-content: center; - color: var(--ts-gray-600); + color: var(--accent-foreground-color, var(--ts-gray-600)); font-weight: 500; font-size: 1.1rem; } diff --git a/docs/en-us/assets/tocas/badge.css b/docs/zh-tw/assets/tocas/src/badge.css similarity index 85% rename from docs/en-us/assets/tocas/badge.css rename to docs/zh-tw/assets/tocas/src/badge.css index 1425f2d1d..53a1a031e 100644 --- a/docs/en-us/assets/tocas/badge.css +++ b/docs/zh-tw/assets/tocas/src/badge.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-badge { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -12,8 +17,8 @@ padding: 0.225rem 0.5rem; line-height: 1; border: 1px solid transparent; - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); font-weight: 400; display: inline-block; white-space: nowrap; @@ -32,7 +37,7 @@ .ts-badge.is-secondary { background: var(--ts-gray-200); - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); } /** @@ -42,7 +47,7 @@ .ts-badge.is-outlined { background: transparent; border-color: var(--ts-gray-300); - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); } /** diff --git a/docs/en-us/assets/tocas/box.css b/docs/zh-tw/assets/tocas/src/box.css similarity index 94% rename from docs/en-us/assets/tocas/box.css rename to docs/zh-tw/assets/tocas/src/box.css index 1f2f89776..b0083a76e 100644 --- a/docs/en-us/assets/tocas/box.css +++ b/docs/zh-tw/assets/tocas/src/box.css @@ -2,6 +2,12 @@ Variables ========================================================================== */ +.ts-box { + --accent-color: initial; + --accent-foreground-color: initial; + --ts-indicator-color: var(--accent-color, var(--ts-gray-900)); +} + /* ========================================================================== Base ========================================================================== */ @@ -14,8 +20,6 @@ border-radius: 0.4rem; overflow: hidden; background: var(--ts-gray-50); - - --ts-indicator-color: var(--ts-gray-900); } a.ts-box:hover { @@ -26,9 +30,6 @@ a.ts-box:hover { Structure ========================================================================== */ -.ts-box .symbol { -} - .ts-box .symbol .ts-icon { position: absolute; right: 0; diff --git a/docs/zh-tw/assets/tocas/breadcrumb.css b/docs/zh-tw/assets/tocas/src/breadcrumb.css similarity index 94% rename from docs/zh-tw/assets/tocas/breadcrumb.css rename to docs/zh-tw/assets/tocas/src/breadcrumb.css index 52309d4de..91bedf228 100644 --- a/docs/zh-tw/assets/tocas/breadcrumb.css +++ b/docs/zh-tw/assets/tocas/src/breadcrumb.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-breadcrumb { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -72,7 +77,7 @@ */ .ts-breadcrumb .item.is-active { - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); font-weight: 500; } diff --git a/docs/zh-tw/assets/tocas/button.css b/docs/zh-tw/assets/tocas/src/button.css similarity index 71% rename from docs/zh-tw/assets/tocas/button.css rename to docs/zh-tw/assets/tocas/src/button.css index cce39f259..296a671ca 100644 --- a/docs/zh-tw/assets/tocas/button.css +++ b/docs/zh-tw/assets/tocas/src/button.css @@ -14,6 +14,9 @@ .ts-button { --horizontal-padding: 1.25em; --height: var(--ts-input-height-medium); + + --accent-color: initial; + --accent-foreground-color: initial; } /* ========================================================================== @@ -34,6 +37,7 @@ -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; + appearance: none; -webkit-appearance: none; } @@ -42,13 +46,13 @@ } .ts-button { - border: 2px solid var(--ts-gray-800); + border: 2px solid var(--accent-color, var(--ts-gray-800)); min-width: 75px; font-size: var(--ts-font-size-14px); line-height: 1.5; font-weight: 500; - color: var(--ts-gray-50); - background: var(--ts-gray-800); + color: var(--accent-foreground-color, var(--ts-gray-50)); + background: var(--accent-color, var(--ts-gray-800)); text-decoration: none; display: inline-flex; vertical-align: middle; @@ -74,11 +78,21 @@ */ .ts-button.is-secondary { - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); border-color: var(--ts-gray-100); background: var(--ts-gray-100); } +/** + * Tertiary + */ + +.ts-button.is-tertiary { + color: var(--ts-gray-800); + background: var(--ts-gray-300); + border-color: var(--ts-gray-300); +} + /** * Outlined */ @@ -86,7 +100,7 @@ .ts-button.is-outlined { background: transparent; border: 2px solid var(--ts-gray-300); - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); } /** @@ -134,6 +148,10 @@ opacity: 0.5; } +.ts-button.is-loading .ts-icon { + visibility: hidden; +} + .ts-button.is-loading::after { font-family: "Icons"; font-weight: normal; @@ -153,7 +171,7 @@ left: 50%; } -.ts-button.is-loading:is(.is-outlined, .is-secondary)::after { +.ts-button.is-loading:is(.is-outlined, .is-secondary, .is-tertiary, .is-ghost)::after { color: var(--ts-gray-800); } @@ -231,7 +249,7 @@ * Side Icon */ -.ts-button:is(.is-start-icon, .is-end-icon) .ts-icon { +.ts-button:where(.is-start-icon, .is-end-icon) .ts-icon { font-size: 1.2em; } @@ -261,7 +279,11 @@ display: flex; align-items: center; justify-content: center; - width: calc(2.75em + 2px); + width: calc(2.75rem + 2px); +} + +.ts-button:where(.is-start-labeled-icon, .is-end-labeled-icon) .ts-icon { + font-size: 1.2em; } .ts-button.is-start-labeled-icon { @@ -296,6 +318,10 @@ background: var(--ts-gray-200); } +.ts-button.is-tertiary:is(.is-start-labeled-icon, .is-end-labeled-icon) .ts-icon { + background: var(--ts-gray-400); +} + /** * Dense */ @@ -321,4 +347,73 @@ } .ts-button.is-wide { --horizontal-padding: 2em; -} \ No newline at end of file +} + +/** + * Start & End + */ + +.ts-addon { + display: flex; + gap: 2px; +} + +.ts-addon > *:first-child, +.ts-addon > .ts-input:first-child :where(input, textarea) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ts-addon > *:last-child, +.ts-addon > .ts-input:last-child :where(input, textarea) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +/** + * Buttons + */ + +.ts-buttons { + display: flex; +} + +.ts-buttons .ts-button:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.ts-buttons .ts-button:not(:first-child):not(:last-child) { + border-radius: 0; +} + +.ts-buttons .ts-button:not(:first-child)::before { + position: absolute; + content: ""; + top: 50%; + transform: translateY(-50%); + left: 0; + height: 70%; + background: var(--ts-gray-600); + width: 1px; +} + +.ts-buttons .ts-button.is-outlined::before { + display: none; +} + +.ts-buttons .ts-button.is-negative::before { + background: var(--ts-negative-400); +} + +.ts-buttons .ts-button.is-secondary::before { + background: var(--ts-gray-400); +} + +.ts-buttons .ts-button:last-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.ts-buttons .ts-button.is-outlined + .ts-button.is-outlined { + border-left-color: transparent; +} diff --git a/docs/en-us/assets/tocas/center.css b/docs/zh-tw/assets/tocas/src/center.css similarity index 100% rename from docs/en-us/assets/tocas/center.css rename to docs/zh-tw/assets/tocas/src/center.css diff --git a/docs/en-us/assets/tocas/checkbox.css b/docs/zh-tw/assets/tocas/src/checkbox.css similarity index 91% rename from docs/en-us/assets/tocas/checkbox.css rename to docs/zh-tw/assets/tocas/src/checkbox.css index 258b6fb95..1355af83b 100644 --- a/docs/en-us/assets/tocas/checkbox.css +++ b/docs/zh-tw/assets/tocas/src/checkbox.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-checkbox { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -37,6 +42,7 @@ -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; + appearance: none; -webkit-appearance: none; } @@ -52,8 +58,8 @@ } .ts-checkbox input:checked { - background: var(--ts-primary-700); - border-color: var(--ts-primary-700); + background: var(--accent-color, var(--ts-primary-700)); + border-color: var(--accent-color, var(--ts-primary-700)); } .ts-checkbox input:focus { @@ -81,7 +87,7 @@ -webkit-font-smoothing: antialiased; backface-visibility: hidden; font-size: 1rem; - color: var(--ts-white); + color: var(--accent-foreground-color, var(--ts-white)); } .ts-checkbox input:checked::after { diff --git a/docs/zh-tw/assets/tocas/checklist.css b/docs/zh-tw/assets/tocas/src/checklist.css similarity index 87% rename from docs/zh-tw/assets/tocas/checklist.css rename to docs/zh-tw/assets/tocas/src/checklist.css index beea6b7da..f29a7c7bf 100644 --- a/docs/zh-tw/assets/tocas/checklist.css +++ b/docs/zh-tw/assets/tocas/src/checklist.css @@ -55,9 +55,6 @@ * Positive */ -.ts-checklist .item.is-positive { -} - .ts-checklist .item.is-positive::before { content: "\f00c"; background: var(--ts-tonal-positive-400); @@ -68,9 +65,6 @@ * Negative */ -.ts-checklist .item.is-negative { -} - .ts-checklist .item.is-negative::before { content: "\f00d"; background: var(--ts-tonal-negative-400); @@ -81,9 +75,6 @@ * Added */ -.ts-checklist .item.is-added { -} - .ts-checklist .item.is-added::before { content: "\f067"; background: var(--ts-tonal-positive-400); @@ -94,9 +85,6 @@ * Removed */ -.ts-checklist .item.is-removed { -} - .ts-checklist .item.is-removed::before { content: "\f068"; background: var(--ts-tonal-negative-400); @@ -104,5 +92,21 @@ } /** - * Dense + * Info */ + +.ts-checklist .item.is-info::before { + content: "\f129"; + background: var(--ts-tonal-primary-400); + color: var(--ts-tonal-primary-800); +} + +/** + * Info + */ + +.ts-checklist .item.is-warning::before { + content: "\21"; + background: var(--ts-tonal-warning-400); + color: var(--ts-tonal-warning-800); +} diff --git a/docs/zh-tw/assets/tocas/chip.css b/docs/zh-tw/assets/tocas/src/chip.css similarity index 80% rename from docs/zh-tw/assets/tocas/chip.css rename to docs/zh-tw/assets/tocas/src/chip.css index ebbbc15d1..816158eae 100644 --- a/docs/zh-tw/assets/tocas/chip.css +++ b/docs/zh-tw/assets/tocas/src/chip.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-chip { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -26,7 +31,7 @@ line-height: 1.75; min-height: 22px; /*min-width: 55px;*/ - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); } .ts-chip.is-input, @@ -58,9 +63,6 @@ display: none; } -.ts-chip .content { -} - /* ========================================================================== Variations ========================================================================== */ @@ -99,15 +101,15 @@ */ .ts-chip.is-toggle input:checked + .content { - background: var(--ts-gray-800); - border-color: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + border-color: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } .ts-chip.is-toggle.is-secondary input:checked + .content { - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); background: var(--ts-gray-200); - border-color: var(--ts-gray-600); + border-color: var(--accent-color, var(--ts-gray-600)); } /** @@ -115,15 +117,15 @@ */ .ts-chip.is-input input:checked + .content { - background: var(--ts-primary-700); - border-color: var(--ts-primary-700); - color: var(--ts-white); + background: var(--accent-color, var(--ts-primary-700)); + border-color: var(--accent-color, var(--ts-primary-700)); + color: var(--accent-foreground-color, var(--ts-white)); } .ts-chip.is-input.is-secondary input:checked + .content { - color: var(--ts-primary-600); + color: var(--accent-color, var(--ts-primary-600)); background: var(--ts-gray-100); - border-color: var(--ts-primary-600); + border-color: var(--accent-color, var(--ts-primary-600)); } .ts-chip.is-input input:checked + .content::before { @@ -140,8 +142,8 @@ font-size: 12px; } -.ts-chip.is-input.is-start-icon input:checked +.content::before, -.ts-chip.is-input.is-end-icon input:checked+.content::before { +.ts-chip.is-input.is-start-icon input:checked + .content::before, +.ts-chip.is-input.is-end-icon input:checked + .content::before { display: none; } diff --git a/docs/zh-tw/assets/tocas/close.css b/docs/zh-tw/assets/tocas/src/close.css similarity index 90% rename from docs/zh-tw/assets/tocas/close.css rename to docs/zh-tw/assets/tocas/src/close.css index b7f2d2ab9..86d6534ed 100644 --- a/docs/zh-tw/assets/tocas/close.css +++ b/docs/zh-tw/assets/tocas/src/close.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-close { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -23,6 +28,7 @@ -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; + appearance: none; -webkit-appearance: none; } @@ -46,8 +52,8 @@ width: 18px; font-size: var(--ts-font-size-12px); line-height: 1; - background: var(--ts-gray-600); - color: var(--ts-gray-100); + background: var(--accent-color, var(--ts-gray-600)); + color: var(--accent-foreground-color, var(--ts-gray-100)); border-radius: 100rem; } diff --git a/docs/zh-tw/assets/tocas/container.css b/docs/zh-tw/assets/tocas/src/container.css similarity index 79% rename from docs/zh-tw/assets/tocas/container.css rename to docs/zh-tw/assets/tocas/src/container.css index b158504db..36b7b9a9b 100644 --- a/docs/zh-tw/assets/tocas/container.css +++ b/docs/zh-tw/assets/tocas/src/container.css @@ -2,13 +2,17 @@ Variables ========================================================================== */ +.ts-container { + --ts-container-gap: 1rem; +} + /* ========================================================================== Base ========================================================================== */ .ts-container { margin: 0 auto; - padding: 0 1.5rem; + padding: 0 var(--ts-container-gap); max-width: 1180px; width: 100%; color: inherit; @@ -23,8 +27,11 @@ * Fluid */ -.ts-container.is-fluid { - max-width: 100%; +.ts-container.is-padded { + --ts-container-gap: 2rem; +} +.ts-container.is-fitted { + --ts-container-gap: 0; } /** @@ -34,7 +41,14 @@ .ts-container.is-narrow { max-width: 910px; } - .ts-container.is-very-narrow { max-width: 720px; } + +/** + * Fluid + */ + +.ts-container.is-fluid { + max-width: 100%; +} diff --git a/docs/zh-tw/assets/tocas/content.css b/docs/zh-tw/assets/tocas/src/content.css similarity index 92% rename from docs/zh-tw/assets/tocas/content.css rename to docs/zh-tw/assets/tocas/src/content.css index 1a52142fb..d55bf69b4 100644 --- a/docs/zh-tw/assets/tocas/content.css +++ b/docs/zh-tw/assets/tocas/src/content.css @@ -25,21 +25,20 @@ .ts-content.is-fitted { padding: 0; } - -/** - * Primary - */ - -/*.ts-content.is-primary { - background: var(--ts-gray-800); - color: var(--ts-gray-50); -}*/ +.ts-content.is-vertically-fitted { + padding-top: 0; + padding-bottom: 0; +} +.ts-content.is-horizontally-fitted { + padding-left: 0; + padding-right: 0; +} /** * Dark */ -.ts-content.is-dark { +.ts-content.u-dark { background: var(--ts-gray-50); color: var(--ts-gray-800); } diff --git a/docs/en-us/assets/tocas/control.css b/docs/zh-tw/assets/tocas/src/control.css similarity index 83% rename from docs/en-us/assets/tocas/control.css rename to docs/zh-tw/assets/tocas/src/control.css index 2f4a64595..f187811a9 100644 --- a/docs/en-us/assets/tocas/control.css +++ b/docs/zh-tw/assets/tocas/src/control.css @@ -32,21 +32,6 @@ max-width: 75%; } -/*@container (max-width: 660px) { - .ts-control { - grid-template-columns: 1fr; - gap: 0.5rem; - } - .ts-control .label { - text-align: left; - line-height: 1; - } - .ts-control .content { - width: 100%; - max-width: 100%; - } -}*/ - /* ========================================================================== Variations ========================================================================== */ @@ -59,6 +44,25 @@ padding-top: 0.45rem; } +/** + * Padded + */ + +.ts-control.is-stacked { + grid-template-columns: 1fr; + gap: 1rem; +} + +.ts-control.is-stacked .label { + text-align: left; + line-height: 1; +} + +.ts-control.is-stacked .content { + width: 100%; + max-width: 100%; +} + /** * Fluid */ diff --git a/docs/zh-tw/assets/tocas/conversation.css b/docs/zh-tw/assets/tocas/src/conversation.css similarity index 98% rename from docs/zh-tw/assets/tocas/conversation.css rename to docs/zh-tw/assets/tocas/src/conversation.css index 8b4e72f3c..9fe3b8ec6 100644 --- a/docs/zh-tw/assets/tocas/conversation.css +++ b/docs/zh-tw/assets/tocas/src/conversation.css @@ -16,9 +16,6 @@ * Avatar */ -.ts-conversation .avatar { -} - .ts-conversation .avatar img { width: 40px; border-radius: 0.4rem; @@ -96,16 +93,10 @@ * Actions */ -.ts-conversation .actions { -} - /** * Meta */ -.ts-conversation .meta { -} - /** * Quote */ diff --git a/docs/zh-tw/assets/tocas/src/deprecated_420.css b/docs/zh-tw/assets/tocas/src/deprecated_420.css new file mode 100644 index 000000000..14c77b235 --- /dev/null +++ b/docs/zh-tw/assets/tocas/src/deprecated_420.css @@ -0,0 +1,614 @@ +/* ========================================================================== + Color Schemes + ========================================================================== */ + +html[data-scheme="light"], +.is-light, +html[data-scheme="dark"] .is-inverted { + color-scheme: light; + + --ts-gray-50: var(--ts-light-gray-50); + --ts-gray-75: var(--ts-light-gray-75); + --ts-gray-100: var(--ts-light-gray-100); + --ts-gray-200: var(--ts-light-gray-200); + --ts-gray-300: var(--ts-light-gray-300); + --ts-gray-400: var(--ts-light-gray-400); + --ts-gray-500: var(--ts-light-gray-500); + --ts-gray-600: var(--ts-light-gray-600); + --ts-gray-700: var(--ts-light-gray-700); + --ts-gray-800: var(--ts-light-gray-800); + --ts-gray-900: var(--ts-light-gray-900); + + --ts-tonal-positive-400: #cdffbe; + --ts-tonal-positive-800: #357016; + + --ts-tonal-negative-400: #ffbebe; + --ts-tonal-negative-800: #701616; + + --ts-tonal-primary-400: #d9edff; + --ts-tonal-primary-800: #005cde; + + --ts-tonal-warning-400: #fff7ae; + --ts-tonal-warning-800: #866800; +} + +html[data-scheme="light"] .is-inverted, +.is-inverted, +html[data-scheme="dark"], +.is-dark { + color-scheme: dark; + + --ts-gray-50: var(--ts-dark-gray-50); + --ts-gray-75: var(--ts-dark-gray-75); + --ts-gray-100: var(--ts-dark-gray-100); + --ts-gray-200: var(--ts-dark-gray-200); + --ts-gray-300: var(--ts-dark-gray-300); + --ts-gray-400: var(--ts-dark-gray-400); + --ts-gray-500: var(--ts-dark-gray-500); + --ts-gray-600: var(--ts-dark-gray-600); + --ts-gray-700: var(--ts-dark-gray-700); + --ts-gray-800: var(--ts-dark-gray-800); + --ts-gray-900: var(--ts-dark-gray-900); + + --ts-link-700: #8887ff; + + --ts-tonal-positive-400: #92d34f; + --ts-tonal-positive-800: #0e4600; + + --ts-tonal-negative-400: #d60000; + --ts-tonal-negative-800: #fff; + + --ts-tonal-primary-400: #0a6ffd; + --ts-tonal-primary-800: #ffffff; + + --ts-tonal-warning-400: #edff00; + --ts-tonal-warning-800: #463f00; +} + +html[data-scheme="light"] .is-dark-only, +html[data-scheme="dark"] .is-light-only { + display: none; +} + +@media (prefers-color-scheme: light) { + html:not([data-scheme="dark"]) .is-dark-only { + display: none; + } +} + +/** + * Dark + */ + +@media (prefers-color-scheme: dark) { + html:not([data-scheme="light"]) .is-light-only { + display: none; + } + .is-inverted { + color-scheme: light; + + --ts-gray-50: var(--ts-light-gray-50); + --ts-gray-75: var(--ts-light-gray-75); + --ts-gray-100: var(--ts-light-gray-100); + --ts-gray-200: var(--ts-light-gray-200); + --ts-gray-300: var(--ts-light-gray-300); + --ts-gray-400: var(--ts-light-gray-400); + --ts-gray-500: var(--ts-light-gray-500); + --ts-gray-600: var(--ts-light-gray-600); + --ts-gray-700: var(--ts-light-gray-700); + --ts-gray-800: var(--ts-light-gray-800); + --ts-gray-900: var(--ts-light-gray-900); + + --ts-tonal-positive-400: #cdffbe; + --ts-tonal-positive-800: #357016; + + --ts-tonal-negative-400: #ffbebe; + --ts-tonal-negative-800: #701616; + + --ts-tonal-primary-400: #d9edff; + --ts-tonal-primary-800: #005cde; + + --ts-tonal-warning-400: #fff7ae; + --ts-tonal-warning-800: #866800; + } +} + +/* ========================================================================== + Scales + ========================================================================== */ + +html[data-scale="small"], +html[data-scale="small"] body { + font-size: 14px; +} + +html[data-scale="large"], +html[data-scale="large"] body { + font-size: 16px; +} + +/* ========================================================================== + Background Color + ========================================================================== */ + +html[data-background="secondary"], +html[data-background="secondary"] body { + background-color: var(--ts-gray-75); +} + +/* ========================================================================== + Responsive + ========================================================================== */ + +/** + * Minimal + * (Below 766px) + */ + +@media screen and (max-width: 766px) { + .is-standard-only, + .is-maximal-only { + display: none !important; + } + + .is-not-minimal { + display: none !important; + } +} + +/** + * Not Minimal + * (Above 766px) + */ + +@media screen and (min-width: 766px) { + .is-minimal-only { + display: none !important; + } +} + +/** + * Minimal & Standard + * (Below 993px) + */ + +@media screen and (max-width: 993px) { + .is-maximal-only { + display: none !important; + } +} + +/** + * Standard + * (Above 766px & Below 993px) + */ + +@media screen and (min-width: 766px) and (max-width: 993px) { + .is-not-standard { + display: none !important; + } +} + +/** + * Maximal + * (Above 993px) + */ + +@media screen and (min-width: 993px) { + .is-minimal-only, + .is-standard-only { + display: none !important; + } + + .is-not-maximal { + display: none !important; + } +} + +/* ========================================================================== + Grid + ========================================================================== */ + +/** + * Wides + */ + +.ts-grid .column.is-1-minimal { + width: var(--ts-grid-1-wide); + max-width: var(--ts-grid-1-wide); +} +.ts-grid .column.is-2-minimal { + width: var(--ts-grid-2-wide); + max-width: var(--ts-grid-2-wide); +} +.ts-grid .column.is-3-minimal { + width: var(--ts-grid-3-wide); + max-width: var(--ts-grid-3-wide); +} +.ts-grid .column.is-4-minimal { + width: var(--ts-grid-4-wide); + max-width: var(--ts-grid-4-wide); +} +.ts-grid .column.is-5-minimal { + width: var(--ts-grid-5-wide); + max-width: var(--ts-grid-5-wide); +} +.ts-grid .column.is-6-minimal { + width: var(--ts-grid-6-wide); + max-width: var(--ts-grid-6-wide); +} +.ts-grid .column.is-7-minimal { + width: var(--ts-grid-7-wide); + max-width: var(--ts-grid-7-wide); +} +.ts-grid .column.is-8-minimal { + width: var(--ts-grid-8-wide); + max-width: var(--ts-grid-8-wide); +} +.ts-grid .column.is-9-minimal { + width: var(--ts-grid-9-wide); + max-width: var(--ts-grid-9-wide); +} +.ts-grid .column.is-10-minimal { + width: var(--ts-grid-10-wide); + max-width: var(--ts-grid-10-wide); +} +.ts-grid .column.is-11-minimal { + width: var(--ts-grid-11-wide); + max-width: var(--ts-grid-11-wide); +} +.ts-grid .column.is-12-minimal { + width: var(--ts-grid-12-wide); + max-width: var(--ts-grid-12-wide); +} +.ts-grid .column.is-13-minimal { + width: var(--ts-grid-13-wide); + max-width: var(--ts-grid-13-wide); +} +.ts-grid .column.is-14-minimal { + width: var(--ts-grid-14-wide); + max-width: var(--ts-grid-14-wide); +} +.ts-grid .column.is-15-minimal { + width: var(--ts-grid-15-wide); + max-width: var(--ts-grid-15-wide); +} +.ts-grid .column.is-16-minimal { + width: var(--ts-grid-16-wide); + max-width: var(--ts-grid-16-wide); +} + +/** + * Doubling + */ + +.ts-grid.is-2-columns.is-doubling > .column { + flex: var(--ts-grid-1-columns); + max-width: var(--ts-grid-1-columns); +} +.ts-grid.is-3-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-4-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-5-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-6-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-7-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-8-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-9-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-10-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} + +/** + * Minimal + * (Below 766px) + */ + +@media screen and (max-width: 766px) { + .ts-grid.is-stackable .column { + width: var(--ts-grid-16-wide); + max-width: var(--ts-grid-16-wide); + } +} + +/** + * Not Minimal + * (Above 766px) + */ + +@media screen and (min-width: 766px) { + /** + * Doubling + */ + + .ts-grid.is-2-columns.is-doubling > .column { + flex: var(--ts-grid-1-columns); + max-width: var(--ts-grid-1-columns); + } + .ts-grid.is-3-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); + } + .ts-grid.is-4-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); + } + .ts-grid.is-5-columns.is-doubling > .column { + flex: var(--ts-grid-3-columns); + max-width: var(--ts-grid-3-columns); + } + .ts-grid.is-6-columns.is-doubling > .column { + flex: var(--ts-grid-3-columns); + max-width: var(--ts-grid-3-columns); + } + .ts-grid.is-7-columns.is-doubling > .column { + flex: var(--ts-grid-3-columns); + max-width: var(--ts-grid-3-columns); + } + .ts-grid.is-8-columns.is-doubling > .column { + flex: var(--ts-grid-4-columns); + max-width: var(--ts-grid-4-columns); + } + .ts-grid.is-9-columns.is-doubling > .column { + flex: var(--ts-grid-4-columns); + max-width: var(--ts-grid-4-columns); + } + .ts-grid.is-10-columns.is-doubling > .column { + flex: var(--ts-grid-5-columns); + max-width: var(--ts-grid-5-columns); + } + + /** + * Wides + */ + + .ts-grid .column.is-1-standard { + width: var(--ts-grid-1-wide); + max-width: var(--ts-grid-1-wide); + } + .ts-grid .column.is-2-standard { + width: var(--ts-grid-2-wide); + max-width: var(--ts-grid-2-wide); + } + .ts-grid .column.is-3-standard { + width: var(--ts-grid-3-wide); + max-width: var(--ts-grid-3-wide); + } + .ts-grid .column.is-4-standard { + width: var(--ts-grid-4-wide); + max-width: var(--ts-grid-4-wide); + } + .ts-grid .column.is-5-standard { + width: var(--ts-grid-5-wide); + max-width: var(--ts-grid-5-wide); + } + .ts-grid .column.is-6-standard { + width: var(--ts-grid-6-wide); + max-width: var(--ts-grid-6-wide); + } + .ts-grid .column.is-7-standard { + width: var(--ts-grid-27wide); + max-width: var(--ts-grid-7-wide); + } + .ts-grid .column.is-8-standard { + width: var(--ts-grid-8-wide); + max-width: var(--ts-grid-8-wide); + } + .ts-grid .column.is-9-standard { + width: var(--ts-grid-9-wide); + max-width: var(--ts-grid-9-wide); + } + .ts-grid .column.is-10-standard { + width: var(--ts-grid-10-wide); + max-width: var(--ts-grid-10-wide); + } + .ts-grid .column.is-11-standard { + width: var(--ts-grid-11-wide); + max-width: var(--ts-grid-11-wide); + } + .ts-grid .column.is-12-standard { + width: var(--ts-grid-12-wide); + max-width: var(--ts-grid-12-wide); + } + .ts-grid .column.is-13-standard { + width: var(--ts-grid-13-wide); + max-width: var(--ts-grid-13-wide); + } + .ts-grid .column.is-14-standard { + width: var(--ts-grid-14-wide); + max-width: var(--ts-grid-14-wide); + } + .ts-grid .column.is-15-standard { + width: var(--ts-grid-15-wide); + max-width: var(--ts-grid-15-wide); + } + .ts-grid .column.is-16-standard { + width: var(--ts-grid-16-wide); + max-width: var(--ts-grid-16-wide); + } +} + +/** + * Maximal + * (Above 993px) + */ + +@media screen and (min-width: 993px) { + /** + * Doubling + */ + + .ts-grid.is-2-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); + } + .ts-grid.is-3-columns.is-doubling > .column { + flex: var(--ts-grid-3-columns); + max-width: var(--ts-grid-3-columns); + } + .ts-grid.is-4-columns.is-doubling > .column { + flex: var(--ts-grid-4-columns); + max-width: var(--ts-grid-4-columns); + } + .ts-grid.is-5-columns.is-doubling > .column { + flex: var(--ts-grid-5-columns); + max-width: var(--ts-grid-5-columns); + } + .ts-grid.is-6-columns.is-doubling > .column { + flex: var(--ts-grid-6-columns); + max-width: var(--ts-grid-6-columns); + } + .ts-grid.is-7-columns.is-doubling > .column { + flex: var(--ts-grid-7-columns); + max-width: var(--ts-grid-7-columns); + } + .ts-grid.is-8-columns.is-doubling > .column { + flex: var(--ts-grid-8-columns); + max-width: var(--ts-grid-8-columns); + } + .ts-grid.is-9-columns.is-doubling > .column { + flex: var(--ts-grid-9-columns); + max-width: var(--ts-grid-9-columns); + } + .ts-grid.is-10-columns.is-doubling > .column { + flex: var(--ts-grid-10-columns); + max-width: var(--ts-grid-10-columns); + } + + /** + * Wides + */ + + .ts-grid .column.is-1-maximal { + width: var(--ts-grid-1-wide); + max-width: var(--ts-grid-1-wide); + } + .ts-grid .column.is-2-maximal { + width: var(--ts-grid-2-wide); + max-width: var(--ts-grid-2-wide); + } + .ts-grid .column.is-3-maximal { + width: var(--ts-grid-3-wide); + max-width: var(--ts-grid-3-wide); + } + .ts-grid .column.is-4-maximal { + width: var(--ts-grid-4-wide); + max-width: var(--ts-grid-4-wide); + } + .ts-grid .column.is-5-maximal { + width: var(--ts-grid-5-wide); + max-width: var(--ts-grid-5-wide); + } + .ts-grid .column.is-6-maximal { + width: var(--ts-grid-6-wide); + max-width: var(--ts-grid-6-wide); + } + .ts-grid .column.is-7-maximal { + width: var(--ts-grid-7-wide); + max-width: var(--ts-grid-7-wide); + } + .ts-grid .column.is-8-maximal { + width: var(--ts-grid-8-wide); + max-width: var(--ts-grid-8-wide); + } + .ts-grid .column.is-9-maximal { + width: var(--ts-grid-9-wide); + max-width: var(--ts-grid-9-wide); + } + .ts-grid .column.is-10-maximal { + width: var(--ts-grid-10-wide); + max-width: var(--ts-grid-10-wide); + } + .ts-grid .column.is-11-maximal { + width: var(--ts-grid-11-wide); + max-width: var(--ts-grid-11-wide); + } + .ts-grid .column.is-12-maximal { + width: var(--ts-grid-12-wide); + max-width: var(--ts-grid-12-wide); + } + .ts-grid .column.is-13-maximal { + width: var(--ts-grid-13-wide); + max-width: var(--ts-grid-13-wide); + } + .ts-grid .column.is-14-maximal { + width: var(--ts-grid-14-wide); + max-width: var(--ts-grid-14-wide); + } + .ts-grid .column.is-15-maximal { + width: var(--ts-grid-15-wide); + max-width: var(--ts-grid-15-wide); + } + .ts-grid .column.is-16-maximal { + width: var(--ts-grid-16-wide); + max-width: var(--ts-grid-16-wide); + } +} + +/* ========================================================================== + Accordion + ========================================================================== */ + +*:not(details).ts-accordion { + color: inherit; + box-sizing: border-box; +} + +*:not(details).ts-accordion .title { + display: flex; + align-items: center; + user-select: none; + cursor: pointer; +} + +*:not(details).ts-accordion .title::before { + font-family: "Icons"; + font-weight: normal; + font-style: normal; + display: inline; + text-decoration: inherit; + text-align: center; + width: 1.18em; + -webkit-font-smoothing: antialiased; + backface-visibility: hidden; + display: block; + margin-right: 0.7rem; + color: var(--ts-gray-600); + transform: rotate(270deg); + content: "\f078"; + line-height: 1; + font-size: 14px; +} + +*:not(details).ts-accordion .content { + display: none; + margin: 1rem 0 0; +} + +*:not(details).ts-accordion.is-active .content { + display: block; +} + +*:not(details).ts-accordion.is-active .title::before { + transform: rotate(0deg); +} \ No newline at end of file diff --git a/docs/en-us/assets/tocas/divider.css b/docs/zh-tw/assets/tocas/src/divider.css similarity index 100% rename from docs/en-us/assets/tocas/divider.css rename to docs/zh-tw/assets/tocas/src/divider.css diff --git a/docs/zh-tw/assets/tocas/dropdown.css b/docs/zh-tw/assets/tocas/src/dropdown.css similarity index 89% rename from docs/zh-tw/assets/tocas/dropdown.css rename to docs/zh-tw/assets/tocas/src/dropdown.css index 8ecde4ce0..c17613285 100644 --- a/docs/zh-tw/assets/tocas/dropdown.css +++ b/docs/zh-tw/assets/tocas/src/dropdown.css @@ -4,6 +4,10 @@ .ts-dropdown { --object-distance: 0.8rem; + --ts-dropdown-min-width: initial; + --ts-dropdown-position: absolute; + --accent-color: initial; + --accent-foreground-color: initial; } /* ========================================================================== @@ -11,7 +15,7 @@ ========================================================================== */ .ts-dropdown { - position: absolute; + position: var(--ts-dropdown-position); display: none; color: inherit; flex-direction: column; @@ -23,6 +27,7 @@ font-size: var(--ts-font-size-14px); padding: 0.2rem 0; white-space: nowrap; + min-width: var(--ts-dropdown-min-width); } .ts-dropdown > .item { @@ -80,8 +85,8 @@ */ .ts-dropdown .item.is-active { - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } /** @@ -99,8 +104,8 @@ */ .ts-dropdown .item.is-selected { - background: var(--ts-primary-700); - color: var(--ts-white); + background: var(--accent-color, var(--ts-primary-700)); + color: var(--accent-foreground-color, var(--ts-white)); } /** @@ -136,7 +141,6 @@ margin-top: 2px; } - /** * Density */ @@ -167,7 +171,6 @@ * Visible */ - .ts-dropdown.is-visible { display: inline-flex; } @@ -238,4 +241,4 @@ left: 0; right: 0; min-width: min-content; -} \ No newline at end of file +} diff --git a/docs/zh-tw/assets/tocas/src/email.css b/docs/zh-tw/assets/tocas/src/email.css new file mode 100644 index 000000000..d4850f8f8 --- /dev/null +++ b/docs/zh-tw/assets/tocas/src/email.css @@ -0,0 +1,689 @@ +/* ========================================================================== + Reset + ========================================================================== */ + +.ts-email table, +.ts-email tbody, +.ts-email tfoot, +.ts-email thead, +.ts-email tr, +.ts-email th, +.ts-email td { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + color: inherit; + border-collapse: collapse; + border-spacing: 0; + text-align: left; + font-weight: inherit; + vertical-align: baseline; +} + +.ts-email table { + border-collapse: collapse; + border-spacing: 0; +} + +.ts-email a { + color: #0050b3; +} + +/* ========================================================================== + Email + ========================================================================== */ + +.ts-email { + color: #373737; + font-size: 15px; + padding: 15px 0; + line-height: 1.9; + + font-family: "Noto Sans TC", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", "Microsoft JhengHei", wf_SegoeUI, "Segoe UI", + Segoe, "Segoe WP", Tahoma, Verdana, Ubuntu, "Bitstream Vera Sans", "DejaVu Sans", 微軟正黑體, "LiHei Pro", "WenQuanYi Micro Hei", "Droid Sans Fallback", "AR PL UMing TW", + Roboto, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", Meiryo, "Droid Sans", sans-serif; +} + +.ts-email.is-secondary { + background-color: #f2f2f2; +} + +/* ========================================================================== + Shared + ========================================================================== */ + +.ts-email .is-center-aligned { + text-align: center; +} +.ts-email .is-start-aligned { + text-align: left; +} +.ts-email .is-end-aligned { + text-align: right; +} + +.ts-email .is-first { + border-left: none; + margin-left: 0; + padding-left: 0; +} + +.ts-email .is-last { + border-right: none; + margin-right: 0; + padding-right: 0; +} + +/* ========================================================================== + Button + ========================================================================== */ + +.ts-email a.button { + border: 2px solid #373737; + min-width: 115px; + font-size: 16px; + line-height: 1.5; + font-weight: 500; + color: #ffffff; + background: #373737; + text-decoration: none; + display: inline-block; + text-align: center; + padding: 7px 16px; + border-radius: 6px; +} + +.ts-email a.button.is-outlined { + background: transparent; + border: 2px solid #e1e1e1; + color: #373737; +} + +.ts-email a.button.is-negative { + color: #fff; + border-color: #f5222d; + background: #f5222d; +} + +.ts-email a.button.is-negative.is-outlined { + color: #f5222d; + border-color: #e1e1e1; + background: none; +} + +.ts-email a.button.is-circular { + border-radius: 100em; +} + +.ts-email a.button.is-fluid { + display: block; + width: 100%; + box-sizing: border-box; +} + +.ts-email a.button.is-cta { + font-size: 20px; + min-width: 130px; +} + +/* ========================================================================== + Wrap + ========================================================================== */ + +.ts-email .wrap .item { + display: inline-block; + margin-right: 15px; +} + +.ts-email .wrap .item.is-last { + margin-right: 0; +} + +/* ========================================================================== + Text + ========================================================================== */ + +.ts-email .text.is-label { + color: #333; + font-weight: bold; + font-size: 14px; + line-height: 1.3; +} + +.ts-email .text.is-undecorated { + text-decoration: none; +} +.ts-email .text.is-undecorated:hover { + text-decoration: underline; +} + +.ts-email .text.is-bold { + font-weight: bold; +} + +.ts-email .text.is-italic { + font-style: italic; +} + +.ts-email .text.is-deleted { + text-decoration: line-through; +} + +.ts-email .text.is-underlined { + text-decoration: underline; +} + +.ts-email .text.is-code { + border-radius: 6px; + background: #eee; + padding: 0 0.2rem; + font-size: 14px; + color: #373737; +} + +.ts-email .text.is-mark { + border-radius: 6px; + background: #fadb14; + padding: 0 4px; + color: #333; + font-size: 14px; +} + +.ts-email .text.is-sub, +.ts-email .text.is-sup { + font-size: 12px; + color: #767676; +} + +.ts-email .text.is-sub { + vertical-align: bottom; +} + +.ts-email .text.is-sup { + vertical-align: top; +} + +.ts-email .text.is-secondary, +.ts-email .text.is-description { + color: #767676; +} + +.ts-email .text.is-small, +.ts-email .text.is-description { + font-size: 14px; +} + +.ts-email .text.is-large { + font-size: 17px; +} + +.ts-email .text.is-start-aligned { + text-align: left; +} +.ts-email .text.is-center-aligned { + text-align: center; +} +.ts-email .text.is-end-aligned { + text-align: right; +} + +/* ========================================================================== + Content + ========================================================================== */ + +.ts-email .content { + padding: 22px; + color: inherit; + display: block; + text-decoration: none; + box-sizing: border-box; +} + +.ts-email .content.is-dense { + padding-top: 15px; + padding-bottom: 15px; +} + +.ts-email .content.is-rounded { + border-radius: 6px; +} + +.ts-email .content.is-secondary { + background: #fafafa; +} + +.ts-email .content.is-tertiary { + background: #f2f2f2; +} + +.ts-email .content.is-start-aligned { + text-align: left; +} + +.ts-email .content.is-center-aligned { + text-align: center; +} + +.ts-email .content.is-end-aligned { + text-align: right; +} + +/* ========================================================================== + Container + ========================================================================== */ + +.ts-email .container { + max-width: 580px; + margin: 0 auto; + padding: 0 16px; +} + +/* ========================================================================== + Grid + ========================================================================== */ + +.ts-email .grid { + border-collapse: collapse; + border-spacing: 0; + width: 100%; +} + +.ts-email .grid.is-top-aligned .column { + vertical-align: top; +} + +.ts-email .grid.is-middle-aligned .column { + vertical-align: middle; +} + +.ts-email .grid.is-bottom-aligned .column { + vertical-align: bottom; +} + +.ts-email .grid .column { + border: 16px solid transparent; + border-top-width: 0; + border-bottom-width: 0; +} + +.ts-email .grid .column.is-first { + border-left: none; +} + +.ts-email .grid .column.is-last { + border-right: none; +} + +.ts-email .grid .column.is-collapsed { + white-space: nowrap; + width: 0; +} + +.ts-email .grid .column.is-16-wide { + width: 100%; +} +.ts-email .grid .column.is-15-wide { + width: 93.75%; +} +.ts-email .grid .column.is-14-wide { + width: 87.5%; +} +.ts-email .grid .column.is-13-wide { + width: 81.25%; +} +.ts-email .grid .column.is-12-wide { + width: 75%; +} +.ts-email .grid .column.is-11-wide { + width: 68.75%; +} +.ts-email .grid .column.is-10-wide { + width: 62.5%; +} +.ts-email .grid .column.is-9-wide { + width: 56.25%; +} +.ts-email .grid .column.is-8-wide { + width: 50%; +} +.ts-email .grid .column.is-7-wide { + width: 43.75%; +} +.ts-email .grid .column.is-6-wide { + width: 37.5%; +} +.ts-email .grid .column.is-5-wide { + width: 31.25%; +} +.ts-email .grid .column.is-4-wide { + width: 25%; +} +.ts-email .grid .column.is-3-wide { + width: 18.75%; +} +.ts-email .grid .column.is-2-wide { + width: 12.5%; +} +.ts-email .grid .column.is-1-wide { + width: 6.25%; +} + +/* ========================================================================== + Space + ========================================================================== */ + +.ts-email .space { + height: 15px; +} + +.ts-email .space.is-small { + height: 7px; +} + +.ts-email .space.is-large { + height: 22px; +} + +.ts-email .space.is-big { + height: 45px; +} + +.ts-email .space.is-huge { + height: 67px; +} + +/* ========================================================================== + Image + ========================================================================== */ + +.ts-email .image img { + height: auto; + width: 100%; + vertical-align: top; +} + +.ts-email .image.is-centered { + text-align: center; +} + +.ts-email .image.is-rounded img { + border-radius: 6px; +} + +.ts-email .image.is-circular img { + border-radius: 100rem; +} + +.ts-email .image.is-mini img { + width: 64px; +} + +.ts-email .image.is-tiny img { + width: 86px; +} + +.ts-email .image.is-small img { + width: 125px; +} + +.ts-email .image.is-medium img { + width: 180px; +} + +.ts-email .image.is-large img { + width: 240px; +} + +/* ========================================================================== + Box + ========================================================================== */ + +.ts-email .box { + display: block; + text-decoration: none; + color: inherit; + border: 1px solid #e1e1e1; + border-radius: 6px; + overflow: hidden; + background: #ffffff; +} + +/** Indicated */ +.ts-email .box.is-top-indicated { + border-top: 6px solid #303030; +} + +.ts-email .box.is-bottom-indicated { + border-bottom: 6px solid #303030; +} + +/** Negative Indicated */ +.ts-email .box.is-top-indicated.is-negative { + border-top: 6px solid #f5222d; +} + +.ts-email .box.is-bottom-indicated.is-negative { + border-bottom: 6px solid #f5222d; +} + +/* ========================================================================== + Divider + ========================================================================== */ + +.ts-email .divider { + display: block; + border-top: 1px solid #e1e1e1; +} + +.ts-email .divider.is-section { + margin: 15px 0; +} + +/* ========================================================================== + Blockquote + ========================================================================== */ + +.ts-email .quote { + border-left: 5px solid #e1e1e1; + padding: 0 0 0 2rem; +} + +/* ========================================================================== + List + ========================================================================== */ + +.ts-email .list { + padding: 0; + margin-left: 36px; +} + +.ts-email .list .item { + display: list-item; +} + +.ts-email .list.is-unordered .item { + list-style-type: disc; +} + +.ts-email .list.is-ordered .item { + list-style-type: decimal; +} + +/* ========================================================================== + Header + ========================================================================== */ + +.ts-email .header { + color: #333; + font-weight: bold; + line-height: 1.6; +} + +.ts-email .header { + font-size: 17px; +} + +.ts-email .header.is-large { + font-size: 20px; +} + +.ts-email .header.is-big { + font-size: 24px; +} + +.ts-email .header.is-negative { + color: #f5222d; +} + +/* ========================================================================== + Pin + ========================================================================== */ + +.ts-email .pincode span { + border: 3px solid #e1e1e1; + padding: 8px 13px; + vertical-align: middle; + text-align: center; + border-radius: 6px; + font-size: 25px; + line-height: 1; + font-weight: bold; + margin-right: 8px; + display: inline-block; +} + +/* ========================================================================== + Table + ========================================================================== */ + +.ts-email .table { + width: 100%; + height: auto; + font-size: 14px; +} + +.ts-email .table tr th { + background: #f2f2f2; +} + +.ts-email .table thead tr { + border-bottom: 1px solid #e1e1e1; +} + +.ts-email .table thead tr th, +.ts-email .table tfoot tr th { + padding: 6px 22px; + color: #5a5a5a; + font-weight: 500; +} + +.ts-email .table tbody tr td { + padding: 6px 22px; + word-break: break-all; +} + +.ts-email .table tbody tr { + border-top: 1px solid #e1e1e1; +} + +.ts-email .table.is-small, +.ts-email .table.is-small thead, +.ts-email .table.is-small tbody, +.ts-email .table.is-small tfoot, +.ts-email .table.is-small tr, +.ts-email .table.is-small th, +.ts-email .table.is-small td { + font-size: 0.93em; +} + +.ts-email .table.is-large, +.ts-email .table.is-large thead, +.ts-email .table.is-large tbody, +.ts-email .table.is-large tfoot, +.ts-email .table.is-large tr, +.ts-email .table.is-large th, +.ts-email .table.is-large td { + font-size: 1.06em; +} + +/** + * Collapsed + */ + +.ts-email .table.is-collapsed { + width: auto; +} + +.ts-email .table th.is-collapsed, +.ts-email .table td.is-collapsed { + width: 1px; + white-space: nowrap; +} + +.ts-email .table.is-basic tr th, +.ts-email .table.is-very-basic tr th { + background: transparent; +} + +.ts-email .table.is-very-basic tbody th, +.ts-email .table.is-very-basic tbody td, +.ts-email .table.is-very-basic tbody tr { + border-color: transparent; +} + +.ts-email .table.is-dense thead tr th, +.ts-email .table.is-dense tfoot tr th { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + +.ts-email .table.is-dense tbody tr td { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + +/** + * Aligns + */ + +.ts-email .table tr.is-start-aligned, +.ts-email .table th.is-start-aligned, +.ts-email .table td.is-start-aligned { + text-align: left; +} + +.ts-email .table th.is-center-aligned, +.ts-email .table td.is-center-aligned { + text-align: center; +} + +.ts-email .table th.is-end-aligned, +.ts-email .table td.is-end-aligned { + text-align: right; +} + +.ts-email .table.is-top-aligned th, +.ts-email .table.is-top-aligned td { + vertical-align: top; +} + +.ts-email .table th.is-top-aligned, +.ts-email .table td.is-top-aligned { + vertical-align: top; +} + +.ts-email .table th.is-middle-aligned, +.ts-email .table td.is-middle-aligned { + vertical-align: middle; +} + +.ts-email .table tr.is-middle-aligned td { + vertical-align: middle; +} + +.ts-email .table th.is-bottom-aligned, +.ts-email .table td.is-bottom-aligned { + vertical-align: bottom; +} diff --git a/docs/en-us/assets/tocas/fieldset.css b/docs/zh-tw/assets/tocas/src/fieldset.css similarity index 81% rename from docs/en-us/assets/tocas/fieldset.css rename to docs/zh-tw/assets/tocas/src/fieldset.css index 5adb7932f..616a49a23 100644 --- a/docs/en-us/assets/tocas/fieldset.css +++ b/docs/zh-tw/assets/tocas/src/fieldset.css @@ -2,12 +2,17 @@ Variables ========================================================================== */ +.ts-fieldset { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ .ts-fieldset { - border: 1px solid var(--ts-gray-300); + border: 1px solid var(--accent-color, var(--ts-gray-300)); border-radius: 0.4rem; padding: 1rem; padding-top: 0.5rem; @@ -19,7 +24,7 @@ ========================================================================== */ .ts-fieldset legend { - color: var(--ts-gray-600); + color: var(--accent-color, var(--ts-gray-600)); padding: 0 0.7em; margin-left: -0.7em; font-weight: normal; diff --git a/docs/en-us/assets/tocas/file.css b/docs/zh-tw/assets/tocas/src/file.css similarity index 94% rename from docs/en-us/assets/tocas/file.css rename to docs/zh-tw/assets/tocas/src/file.css index 948efea28..d9a0e61b6 100644 --- a/docs/en-us/assets/tocas/file.css +++ b/docs/zh-tw/assets/tocas/src/file.css @@ -4,6 +4,8 @@ .ts-file { --height: var(--ts-input-height-medium); + --accent-color: initial; + --accent-foreground-color: initial; } /* ========================================================================== @@ -49,8 +51,8 @@ border-radius: 0.4rem; margin-right: 0.5rem; - color: var(--ts-gray-800); - background: var(--ts-gray-200); + color: var(--accent-foreground-color, var(--ts-gray-800)); + background: var(--accent-color, var(--ts-gray-200)); } /* ========================================================================== @@ -79,7 +81,7 @@ .ts-file:is(.is-solid, .is-underlined) input::file-selector-button, .ts-file:is(.is-solid, .is-underlined) input::-webkit-file-upload-button { - background: var(--ts-gray-300); + background: var(--accent-color, var(--ts-gray-300)); } /** diff --git a/docs/en-us/assets/tocas/flag.css b/docs/zh-tw/assets/tocas/src/flag.css similarity index 100% rename from docs/en-us/assets/tocas/flag.css rename to docs/zh-tw/assets/tocas/src/flag.css diff --git a/docs/en-us/assets/tocas/flags/1x1/ad.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ad.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ad.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ad.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ae.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ae.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ae.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ae.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/af.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/af.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/af.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/af.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ag.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ag.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ag.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ag.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ai.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ai.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ai.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ai.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/al.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/al.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/al.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/al.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/am.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/am.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/am.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/am.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ao.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ao.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ao.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ao.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/aq.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/aq.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/aq.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/aq.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ar.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ar.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ar.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ar.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/as.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/as.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/as.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/as.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/at.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/at.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/at.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/at.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/au.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/au.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/au.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/au.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/aw.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/aw.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/aw.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/aw.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ax.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ax.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ax.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ax.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/az.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/az.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/az.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/az.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ba.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ba.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ba.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ba.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/bb.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/bb.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/bb.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/bb.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/bd.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/bd.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/bd.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/bd.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/be.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/be.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/be.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/be.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/bf.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/bf.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/bf.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/bf.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/bg.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/bg.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/bg.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/bg.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/bh.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/bh.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/bh.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/bh.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/bi.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/bi.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/bi.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/bi.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/bj.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/bj.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/bj.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/bj.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/bl.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/bl.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/bl.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/bl.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/bm.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/bm.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/bm.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/bm.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/bn.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/bn.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/bn.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/bn.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/bo.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/bo.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/bo.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/bo.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/bq.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/bq.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/bq.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/bq.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/br.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/br.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/br.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/br.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/bs.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/bs.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/bs.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/bs.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/bt.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/bt.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/bt.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/bt.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/bv.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/bv.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/bv.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/bv.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/bw.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/bw.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/bw.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/bw.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/by.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/by.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/by.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/by.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/bz.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/bz.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/bz.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/bz.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ca.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ca.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ca.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ca.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/cc.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/cc.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/cc.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/cc.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/cd.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/cd.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/cd.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/cd.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/cf.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/cf.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/cf.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/cf.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/cg.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/cg.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/cg.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/cg.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ch.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ch.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ch.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ch.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ci.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ci.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ci.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ci.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ck.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ck.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ck.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ck.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/cl.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/cl.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/cl.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/cl.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/cm.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/cm.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/cm.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/cm.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/cn.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/cn.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/cn.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/cn.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/co.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/co.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/co.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/co.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/cr.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/cr.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/cr.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/cr.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/cu.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/cu.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/cu.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/cu.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/cv.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/cv.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/cv.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/cv.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/cw.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/cw.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/cw.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/cw.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/cx.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/cx.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/cx.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/cx.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/cy.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/cy.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/cy.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/cy.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/cz.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/cz.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/cz.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/cz.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/de.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/de.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/de.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/de.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/dj.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/dj.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/dj.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/dj.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/dk.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/dk.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/dk.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/dk.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/dm.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/dm.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/dm.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/dm.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/do.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/do.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/do.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/do.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/dz.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/dz.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/dz.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/dz.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ec.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ec.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ec.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ec.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ee.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ee.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ee.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ee.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/eg.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/eg.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/eg.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/eg.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/eh.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/eh.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/eh.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/eh.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/er.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/er.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/er.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/er.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/es-ct.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/es-ct.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/es-ct.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/es-ct.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/es.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/es.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/es.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/es.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/et.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/et.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/et.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/et.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/eu.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/eu.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/eu.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/eu.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/fi.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/fi.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/fi.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/fi.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/fj.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/fj.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/fj.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/fj.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/fk.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/fk.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/fk.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/fk.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/fm.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/fm.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/fm.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/fm.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/fo.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/fo.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/fo.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/fo.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/fr.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/fr.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/fr.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/fr.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ga.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ga.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ga.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ga.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/gb-eng.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/gb-eng.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/gb-eng.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/gb-eng.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/gb-nir.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/gb-nir.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/gb-nir.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/gb-nir.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/gb-sct.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/gb-sct.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/gb-sct.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/gb-sct.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/gb-wls.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/gb-wls.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/gb-wls.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/gb-wls.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/gb.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/gb.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/gb.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/gb.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/gd.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/gd.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/gd.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/gd.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ge.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ge.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ge.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ge.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/gf.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/gf.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/gf.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/gf.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/gg.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/gg.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/gg.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/gg.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/gh.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/gh.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/gh.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/gh.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/gi.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/gi.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/gi.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/gi.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/gl.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/gl.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/gl.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/gl.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/gm.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/gm.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/gm.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/gm.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/gn.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/gn.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/gn.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/gn.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/gp.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/gp.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/gp.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/gp.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/gq.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/gq.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/gq.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/gq.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/gr.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/gr.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/gr.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/gr.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/gs.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/gs.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/gs.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/gs.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/gt.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/gt.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/gt.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/gt.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/gu.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/gu.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/gu.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/gu.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/gw.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/gw.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/gw.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/gw.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/gy.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/gy.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/gy.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/gy.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/hk.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/hk.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/hk.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/hk.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/hm.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/hm.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/hm.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/hm.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/hn.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/hn.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/hn.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/hn.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/hr.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/hr.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/hr.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/hr.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ht.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ht.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ht.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ht.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/hu.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/hu.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/hu.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/hu.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/id.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/id.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/id.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/id.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ie.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ie.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ie.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ie.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/il.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/il.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/il.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/il.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/im.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/im.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/im.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/im.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/in.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/in.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/in.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/in.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/io.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/io.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/io.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/io.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/iq.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/iq.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/iq.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/iq.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ir.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ir.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ir.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ir.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/is.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/is.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/is.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/is.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/it.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/it.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/it.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/it.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/je.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/je.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/je.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/je.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/jm.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/jm.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/jm.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/jm.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/jo.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/jo.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/jo.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/jo.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/jp.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/jp.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/jp.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/jp.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ke.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ke.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ke.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ke.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/kg.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/kg.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/kg.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/kg.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/kh.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/kh.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/kh.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/kh.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ki.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ki.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ki.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ki.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/km.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/km.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/km.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/km.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/kn.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/kn.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/kn.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/kn.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/kp.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/kp.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/kp.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/kp.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/kr.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/kr.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/kr.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/kr.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/kw.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/kw.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/kw.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/kw.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ky.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ky.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ky.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ky.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/kz.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/kz.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/kz.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/kz.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/la.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/la.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/la.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/la.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/lb.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/lb.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/lb.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/lb.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/lc.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/lc.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/lc.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/lc.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/li.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/li.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/li.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/li.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/lk.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/lk.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/lk.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/lk.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/lr.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/lr.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/lr.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/lr.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ls.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ls.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ls.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ls.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/lt.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/lt.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/lt.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/lt.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/lu.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/lu.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/lu.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/lu.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/lv.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/lv.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/lv.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/lv.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ly.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ly.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ly.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ly.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ma.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ma.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ma.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ma.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/mc.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/mc.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/mc.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/mc.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/md.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/md.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/md.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/md.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/me.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/me.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/me.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/me.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/mf.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/mf.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/mf.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/mf.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/mg.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/mg.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/mg.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/mg.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/mh.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/mh.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/mh.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/mh.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/mk.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/mk.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/mk.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/mk.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ml.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ml.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ml.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ml.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/mm.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/mm.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/mm.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/mm.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/mn.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/mn.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/mn.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/mn.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/mo.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/mo.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/mo.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/mo.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/mp.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/mp.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/mp.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/mp.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/mq.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/mq.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/mq.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/mq.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/mr.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/mr.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/mr.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/mr.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ms.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ms.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ms.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ms.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/mt.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/mt.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/mt.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/mt.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/mu.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/mu.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/mu.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/mu.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/mv.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/mv.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/mv.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/mv.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/mw.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/mw.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/mw.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/mw.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/mx.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/mx.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/mx.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/mx.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/my.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/my.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/my.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/my.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/mz.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/mz.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/mz.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/mz.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/na.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/na.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/na.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/na.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/nc.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/nc.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/nc.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/nc.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ne.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ne.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ne.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ne.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/nf.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/nf.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/nf.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/nf.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ng.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ng.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ng.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ng.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ni.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ni.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ni.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ni.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/nl.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/nl.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/nl.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/nl.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/no.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/no.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/no.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/no.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/np.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/np.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/np.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/np.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/nr.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/nr.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/nr.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/nr.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/nu.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/nu.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/nu.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/nu.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/nz.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/nz.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/nz.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/nz.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/om.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/om.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/om.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/om.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/pa.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/pa.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/pa.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/pa.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/pe.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/pe.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/pe.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/pe.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/pf.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/pf.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/pf.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/pf.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/pg.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/pg.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/pg.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/pg.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ph.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ph.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ph.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ph.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/pk.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/pk.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/pk.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/pk.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/pl.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/pl.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/pl.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/pl.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/pm.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/pm.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/pm.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/pm.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/pn.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/pn.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/pn.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/pn.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/pr.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/pr.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/pr.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/pr.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ps.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ps.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ps.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ps.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/pt.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/pt.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/pt.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/pt.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/pw.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/pw.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/pw.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/pw.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/py.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/py.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/py.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/py.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/qa.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/qa.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/qa.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/qa.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/re.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/re.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/re.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/re.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ro.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ro.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ro.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ro.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/rs.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/rs.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/rs.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/rs.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ru.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ru.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ru.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ru.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/rw.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/rw.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/rw.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/rw.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/sa.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/sa.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/sa.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/sa.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/sb.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/sb.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/sb.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/sb.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/sc.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/sc.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/sc.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/sc.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/sd.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/sd.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/sd.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/sd.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/se.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/se.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/se.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/se.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/sg.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/sg.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/sg.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/sg.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/sh.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/sh.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/sh.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/sh.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/si.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/si.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/si.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/si.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/sj.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/sj.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/sj.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/sj.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/sk.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/sk.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/sk.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/sk.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/sl.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/sl.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/sl.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/sl.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/sm.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/sm.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/sm.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/sm.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/sn.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/sn.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/sn.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/sn.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/so.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/so.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/so.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/so.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/sr.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/sr.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/sr.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/sr.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ss.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ss.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ss.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ss.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/st.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/st.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/st.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/st.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/sv.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/sv.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/sv.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/sv.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/sx.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/sx.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/sx.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/sx.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/sy.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/sy.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/sy.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/sy.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/sz.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/sz.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/sz.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/sz.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/tc.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/tc.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/tc.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/tc.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/td.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/td.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/td.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/td.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/tf.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/tf.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/tf.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/tf.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/tg.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/tg.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/tg.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/tg.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/th.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/th.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/th.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/th.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/tj.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/tj.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/tj.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/tj.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/tk.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/tk.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/tk.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/tk.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/tl.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/tl.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/tl.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/tl.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/tm.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/tm.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/tm.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/tm.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/tn.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/tn.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/tn.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/tn.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/to.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/to.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/to.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/to.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/tr.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/tr.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/tr.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/tr.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/tt.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/tt.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/tt.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/tt.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/tv.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/tv.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/tv.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/tv.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/tw.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/tw.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/tw.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/tw.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/tz.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/tz.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/tz.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/tz.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ua.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ua.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ua.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ua.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ug.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ug.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ug.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ug.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/um.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/um.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/um.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/um.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/un.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/un.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/un.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/un.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/us.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/us.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/us.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/us.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/uy.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/uy.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/uy.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/uy.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/uz.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/uz.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/uz.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/uz.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/va.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/va.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/va.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/va.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/vc.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/vc.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/vc.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/vc.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ve.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ve.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ve.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ve.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/vg.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/vg.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/vg.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/vg.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/vi.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/vi.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/vi.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/vi.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/vn.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/vn.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/vn.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/vn.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/vu.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/vu.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/vu.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/vu.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/wf.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/wf.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/wf.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/wf.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ws.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ws.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ws.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ws.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/ye.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/ye.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/ye.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/ye.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/yt.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/yt.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/yt.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/yt.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/za.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/za.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/za.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/za.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/zm.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/zm.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/zm.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/zm.svg diff --git a/docs/en-us/assets/tocas/flags/1x1/zw.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/zw.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/1x1/zw.svg rename to docs/zh-tw/assets/tocas/src/flags/1x1/zw.svg diff --git a/docs/zh-tw/assets/tocas/src/flags/1x1/zz.svg b/docs/zh-tw/assets/tocas/src/flags/1x1/zz.svg new file mode 100644 index 000000000..e1d0bd42d --- /dev/null +++ b/docs/zh-tw/assets/tocas/src/flags/1x1/zz.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/en-us/assets/tocas/flags/4x3/ad.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ad.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ad.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ad.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ae.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ae.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ae.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ae.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/af.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/af.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/af.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/af.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ag.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ag.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ag.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ag.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ai.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ai.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ai.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ai.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/al.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/al.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/al.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/al.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/am.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/am.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/am.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/am.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ao.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ao.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ao.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ao.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/aq.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/aq.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/aq.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/aq.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ar.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ar.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ar.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ar.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/as.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/as.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/as.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/as.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/at.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/at.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/at.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/at.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/au.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/au.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/au.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/au.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/aw.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/aw.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/aw.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/aw.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ax.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ax.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ax.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ax.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/az.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/az.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/az.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/az.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ba.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ba.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ba.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ba.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/bb.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/bb.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/bb.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/bb.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/bd.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/bd.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/bd.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/bd.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/be.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/be.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/be.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/be.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/bf.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/bf.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/bf.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/bf.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/bg.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/bg.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/bg.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/bg.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/bh.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/bh.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/bh.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/bh.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/bi.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/bi.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/bi.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/bi.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/bj.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/bj.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/bj.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/bj.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/bl.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/bl.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/bl.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/bl.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/bm.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/bm.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/bm.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/bm.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/bn.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/bn.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/bn.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/bn.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/bo.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/bo.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/bo.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/bo.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/bq.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/bq.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/bq.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/bq.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/br.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/br.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/br.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/br.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/bs.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/bs.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/bs.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/bs.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/bt.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/bt.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/bt.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/bt.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/bv.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/bv.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/bv.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/bv.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/bw.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/bw.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/bw.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/bw.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/by.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/by.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/by.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/by.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/bz.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/bz.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/bz.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/bz.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ca.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ca.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ca.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ca.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/cc.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/cc.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/cc.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/cc.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/cd.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/cd.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/cd.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/cd.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/cf.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/cf.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/cf.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/cf.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/cg.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/cg.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/cg.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/cg.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ch.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ch.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ch.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ch.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ci.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ci.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ci.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ci.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ck.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ck.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ck.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ck.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/cl.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/cl.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/cl.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/cl.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/cm.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/cm.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/cm.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/cm.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/cn.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/cn.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/cn.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/cn.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/co.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/co.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/co.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/co.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/cr.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/cr.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/cr.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/cr.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/cu.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/cu.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/cu.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/cu.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/cv.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/cv.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/cv.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/cv.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/cw.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/cw.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/cw.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/cw.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/cx.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/cx.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/cx.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/cx.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/cy.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/cy.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/cy.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/cy.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/cz.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/cz.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/cz.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/cz.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/de.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/de.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/de.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/de.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/dj.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/dj.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/dj.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/dj.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/dk.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/dk.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/dk.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/dk.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/dm.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/dm.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/dm.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/dm.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/do.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/do.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/do.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/do.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/dz.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/dz.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/dz.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/dz.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ec.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ec.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ec.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ec.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ee.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ee.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ee.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ee.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/eg.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/eg.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/eg.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/eg.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/eh.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/eh.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/eh.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/eh.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/er.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/er.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/er.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/er.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/es-ct.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/es-ct.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/es-ct.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/es-ct.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/es.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/es.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/es.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/es.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/et.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/et.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/et.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/et.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/eu.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/eu.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/eu.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/eu.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/fi.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/fi.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/fi.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/fi.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/fj.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/fj.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/fj.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/fj.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/fk.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/fk.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/fk.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/fk.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/fm.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/fm.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/fm.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/fm.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/fo.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/fo.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/fo.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/fo.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/fr.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/fr.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/fr.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/fr.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ga.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ga.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ga.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ga.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/gb-eng.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/gb-eng.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/gb-eng.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/gb-eng.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/gb-nir.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/gb-nir.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/gb-nir.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/gb-nir.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/gb-sct.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/gb-sct.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/gb-sct.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/gb-sct.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/gb-wls.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/gb-wls.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/gb-wls.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/gb-wls.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/gb.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/gb.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/gb.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/gb.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/gd.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/gd.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/gd.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/gd.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ge.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ge.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ge.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ge.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/gf.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/gf.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/gf.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/gf.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/gg.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/gg.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/gg.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/gg.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/gh.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/gh.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/gh.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/gh.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/gi.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/gi.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/gi.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/gi.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/gl.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/gl.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/gl.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/gl.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/gm.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/gm.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/gm.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/gm.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/gn.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/gn.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/gn.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/gn.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/gp.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/gp.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/gp.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/gp.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/gq.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/gq.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/gq.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/gq.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/gr.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/gr.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/gr.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/gr.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/gs.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/gs.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/gs.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/gs.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/gt.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/gt.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/gt.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/gt.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/gu.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/gu.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/gu.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/gu.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/gw.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/gw.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/gw.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/gw.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/gy.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/gy.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/gy.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/gy.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/hk.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/hk.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/hk.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/hk.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/hm.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/hm.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/hm.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/hm.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/hn.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/hn.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/hn.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/hn.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/hr.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/hr.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/hr.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/hr.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ht.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ht.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ht.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ht.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/hu.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/hu.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/hu.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/hu.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/id.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/id.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/id.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/id.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ie.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ie.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ie.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ie.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/il.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/il.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/il.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/il.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/im.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/im.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/im.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/im.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/in.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/in.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/in.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/in.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/io.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/io.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/io.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/io.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/iq.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/iq.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/iq.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/iq.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ir.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ir.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ir.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ir.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/is.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/is.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/is.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/is.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/it.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/it.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/it.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/it.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/je.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/je.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/je.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/je.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/jm.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/jm.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/jm.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/jm.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/jo.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/jo.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/jo.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/jo.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/jp.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/jp.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/jp.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/jp.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ke.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ke.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ke.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ke.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/kg.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/kg.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/kg.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/kg.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/kh.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/kh.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/kh.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/kh.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ki.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ki.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ki.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ki.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/km.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/km.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/km.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/km.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/kn.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/kn.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/kn.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/kn.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/kp.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/kp.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/kp.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/kp.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/kr.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/kr.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/kr.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/kr.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/kw.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/kw.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/kw.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/kw.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ky.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ky.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ky.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ky.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/kz.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/kz.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/kz.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/kz.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/la.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/la.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/la.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/la.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/lb.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/lb.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/lb.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/lb.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/lc.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/lc.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/lc.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/lc.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/li.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/li.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/li.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/li.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/lk.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/lk.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/lk.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/lk.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/lr.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/lr.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/lr.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/lr.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ls.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ls.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ls.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ls.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/lt.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/lt.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/lt.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/lt.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/lu.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/lu.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/lu.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/lu.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/lv.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/lv.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/lv.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/lv.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ly.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ly.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ly.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ly.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ma.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ma.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ma.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ma.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/mc.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/mc.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/mc.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/mc.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/md.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/md.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/md.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/md.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/me.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/me.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/me.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/me.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/mf.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/mf.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/mf.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/mf.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/mg.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/mg.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/mg.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/mg.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/mh.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/mh.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/mh.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/mh.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/mk.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/mk.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/mk.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/mk.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ml.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ml.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ml.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ml.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/mm.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/mm.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/mm.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/mm.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/mn.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/mn.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/mn.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/mn.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/mo.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/mo.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/mo.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/mo.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/mp.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/mp.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/mp.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/mp.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/mq.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/mq.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/mq.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/mq.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/mr.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/mr.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/mr.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/mr.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ms.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ms.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ms.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ms.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/mt.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/mt.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/mt.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/mt.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/mu.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/mu.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/mu.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/mu.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/mv.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/mv.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/mv.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/mv.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/mw.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/mw.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/mw.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/mw.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/mx.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/mx.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/mx.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/mx.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/my.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/my.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/my.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/my.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/mz.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/mz.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/mz.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/mz.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/na.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/na.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/na.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/na.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/nc.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/nc.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/nc.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/nc.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ne.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ne.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ne.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ne.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/nf.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/nf.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/nf.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/nf.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ng.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ng.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ng.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ng.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ni.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ni.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ni.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ni.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/nl.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/nl.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/nl.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/nl.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/no.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/no.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/no.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/no.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/np.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/np.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/np.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/np.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/nr.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/nr.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/nr.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/nr.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/nu.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/nu.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/nu.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/nu.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/nz.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/nz.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/nz.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/nz.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/om.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/om.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/om.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/om.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/pa.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/pa.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/pa.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/pa.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/pe.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/pe.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/pe.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/pe.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/pf.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/pf.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/pf.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/pf.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/pg.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/pg.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/pg.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/pg.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ph.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ph.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ph.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ph.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/pk.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/pk.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/pk.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/pk.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/pl.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/pl.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/pl.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/pl.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/pm.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/pm.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/pm.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/pm.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/pn.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/pn.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/pn.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/pn.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/pr.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/pr.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/pr.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/pr.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ps.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ps.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ps.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ps.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/pt.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/pt.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/pt.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/pt.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/pw.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/pw.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/pw.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/pw.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/py.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/py.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/py.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/py.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/qa.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/qa.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/qa.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/qa.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/re.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/re.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/re.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/re.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ro.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ro.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ro.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ro.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/rs.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/rs.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/rs.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/rs.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ru.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ru.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ru.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ru.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/rw.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/rw.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/rw.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/rw.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/sa.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/sa.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/sa.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/sa.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/sb.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/sb.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/sb.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/sb.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/sc.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/sc.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/sc.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/sc.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/sd.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/sd.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/sd.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/sd.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/se.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/se.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/se.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/se.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/sg.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/sg.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/sg.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/sg.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/sh.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/sh.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/sh.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/sh.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/si.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/si.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/si.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/si.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/sj.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/sj.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/sj.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/sj.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/sk.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/sk.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/sk.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/sk.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/sl.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/sl.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/sl.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/sl.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/sm.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/sm.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/sm.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/sm.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/sn.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/sn.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/sn.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/sn.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/so.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/so.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/so.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/so.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/sr.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/sr.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/sr.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/sr.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ss.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ss.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ss.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ss.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/st.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/st.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/st.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/st.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/sv.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/sv.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/sv.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/sv.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/sx.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/sx.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/sx.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/sx.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/sy.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/sy.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/sy.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/sy.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/sz.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/sz.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/sz.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/sz.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/tc.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/tc.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/tc.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/tc.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/td.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/td.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/td.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/td.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/tf.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/tf.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/tf.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/tf.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/tg.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/tg.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/tg.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/tg.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/th.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/th.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/th.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/th.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/tj.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/tj.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/tj.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/tj.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/tk.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/tk.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/tk.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/tk.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/tl.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/tl.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/tl.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/tl.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/tm.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/tm.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/tm.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/tm.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/tn.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/tn.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/tn.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/tn.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/to.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/to.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/to.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/to.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/tr.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/tr.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/tr.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/tr.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/tt.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/tt.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/tt.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/tt.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/tv.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/tv.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/tv.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/tv.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/tw.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/tw.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/tw.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/tw.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/tz.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/tz.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/tz.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/tz.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ua.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ua.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ua.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ua.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ug.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ug.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ug.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ug.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/um.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/um.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/um.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/um.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/un.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/un.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/un.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/un.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/us.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/us.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/us.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/us.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/uy.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/uy.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/uy.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/uy.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/uz.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/uz.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/uz.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/uz.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/va.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/va.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/va.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/va.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/vc.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/vc.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/vc.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/vc.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ve.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ve.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ve.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ve.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/vg.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/vg.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/vg.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/vg.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/vi.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/vi.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/vi.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/vi.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/vn.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/vn.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/vn.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/vn.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/vu.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/vu.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/vu.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/vu.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/wf.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/wf.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/wf.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/wf.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ws.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ws.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ws.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ws.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/ye.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/ye.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/ye.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/ye.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/yt.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/yt.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/yt.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/yt.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/za.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/za.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/za.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/za.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/zm.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/zm.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/zm.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/zm.svg diff --git a/docs/en-us/assets/tocas/flags/4x3/zw.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/zw.svg similarity index 100% rename from docs/en-us/assets/tocas/flags/4x3/zw.svg rename to docs/zh-tw/assets/tocas/src/flags/4x3/zw.svg diff --git a/docs/zh-tw/assets/tocas/src/flags/4x3/zz.svg b/docs/zh-tw/assets/tocas/src/flags/4x3/zz.svg new file mode 100644 index 000000000..29c8d1434 --- /dev/null +++ b/docs/zh-tw/assets/tocas/src/flags/4x3/zz.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/en-us/assets/tocas/fonts/icons/fa-brands-400.ttf b/docs/zh-tw/assets/tocas/src/fonts/icons/fa-brands-400.ttf similarity index 72% rename from docs/en-us/assets/tocas/fonts/icons/fa-brands-400.ttf rename to docs/zh-tw/assets/tocas/src/fonts/icons/fa-brands-400.ttf index 430a02edc..641a48933 100644 Binary files a/docs/en-us/assets/tocas/fonts/icons/fa-brands-400.ttf and b/docs/zh-tw/assets/tocas/src/fonts/icons/fa-brands-400.ttf differ diff --git a/docs/zh-tw/assets/tocas/src/fonts/icons/fa-brands-400.woff2 b/docs/zh-tw/assets/tocas/src/fonts/icons/fa-brands-400.woff2 new file mode 100644 index 000000000..592910129 Binary files /dev/null and b/docs/zh-tw/assets/tocas/src/fonts/icons/fa-brands-400.woff2 differ diff --git a/docs/zh-tw/assets/tocas/src/fonts/icons/fa-regular-400.ttf b/docs/zh-tw/assets/tocas/src/fonts/icons/fa-regular-400.ttf new file mode 100644 index 000000000..7d634a2ba Binary files /dev/null and b/docs/zh-tw/assets/tocas/src/fonts/icons/fa-regular-400.ttf differ diff --git a/docs/zh-tw/assets/tocas/src/fonts/icons/fa-regular-400.woff2 b/docs/zh-tw/assets/tocas/src/fonts/icons/fa-regular-400.woff2 new file mode 100644 index 000000000..953d5540b Binary files /dev/null and b/docs/zh-tw/assets/tocas/src/fonts/icons/fa-regular-400.woff2 differ diff --git a/docs/zh-tw/assets/tocas/src/fonts/icons/fa-solid-900.ttf b/docs/zh-tw/assets/tocas/src/fonts/icons/fa-solid-900.ttf new file mode 100644 index 000000000..b3a2b6410 Binary files /dev/null and b/docs/zh-tw/assets/tocas/src/fonts/icons/fa-solid-900.ttf differ diff --git a/docs/zh-tw/assets/tocas/src/fonts/icons/fa-solid-900.woff2 b/docs/zh-tw/assets/tocas/src/fonts/icons/fa-solid-900.woff2 new file mode 100644 index 000000000..83433f445 Binary files /dev/null and b/docs/zh-tw/assets/tocas/src/fonts/icons/fa-solid-900.woff2 differ diff --git a/docs/zh-tw/assets/tocas/src/fonts/icons/fa-v4compatibility.ttf b/docs/zh-tw/assets/tocas/src/fonts/icons/fa-v4compatibility.ttf new file mode 100644 index 000000000..e4eea68d0 Binary files /dev/null and b/docs/zh-tw/assets/tocas/src/fonts/icons/fa-v4compatibility.ttf differ diff --git a/docs/zh-tw/assets/tocas/src/fonts/icons/fa-v4compatibility.woff2 b/docs/zh-tw/assets/tocas/src/fonts/icons/fa-v4compatibility.woff2 new file mode 100644 index 000000000..e804f1860 Binary files /dev/null and b/docs/zh-tw/assets/tocas/src/fonts/icons/fa-v4compatibility.woff2 differ diff --git a/docs/zh-tw/assets/tocas/gauge.css b/docs/zh-tw/assets/tocas/src/gauge.css similarity index 75% rename from docs/zh-tw/assets/tocas/gauge.css rename to docs/zh-tw/assets/tocas/src/gauge.css index 79ca937cd..e8fd8e0bf 100644 --- a/docs/zh-tw/assets/tocas/gauge.css +++ b/docs/zh-tw/assets/tocas/src/gauge.css @@ -2,16 +2,19 @@ Variables ========================================================================== */ -/* ========================================================================== - Base - ========================================================================== */ .ts-gauge { --length: 0.8; --value: 0; --size: 5rem; --thickness: calc(var(--size) / 10); + --accent-color: initial; + --accent-foreground-color: initial; } +/* ========================================================================== + Base + ========================================================================== */ + .ts-gauge, .ts-gauge .bar { position: relative; @@ -49,7 +52,7 @@ bottom: 0; left: 0; - background: conic-gradient(currentColor calc(var(--value) * 1% * var(--length)), #0000 0); + background: conic-gradient(var(--accent-color, currentColor) calc(var(--value) * 1% * var(--length)), #0000 0); -webkit-mask: radial-gradient(farthest-side, #0000 calc(99% - var(--thickness)), rgb(0 0 0 / 85%) calc(100% - var(--thickness))); mask: radial-gradient(farthest-side, #0000 calc(99% - var(--thickness)), rgb(0 0 0 / 85%) calc(100% - var(--thickness))); } @@ -82,18 +85,6 @@ --length: 1; } -.ts-gauge.is-circular .bar::before { - /*background: conic-gradient(currentColor calc(var(--value) * 1%), #0000 0); - -webkit-mask: radial-gradient(farthest-side, #0000 calc(99% - var(--thickness)), rgb(0 0 0 / 85%) calc(100% - var(--thickness))); - mask: radial-gradient(farthest-side, #0000 calc(99% - var(--thickness)), rgb(0 0 0 / 85%) calc(100% - var(--thickness)));*/ -} - -.ts-gauge.is-circular::before { - /*background: conic-gradient(currentColor calc(var(--value) * 1%), #0000 0); - -webkit-mask: radial-gradient(farthest-side, #f000 calc(99% - var(--thickness)), #0000001a calc(100% - var(--thickness))); - mask: radial-gradient(farthest-side, #f000 calc(99% - var(--thickness)), #0000001a calc(100% - var(--thickness)));*/ -} - .ts-gauge.is-circular .bar .text { transform: initial; } diff --git a/docs/zh-tw/assets/tocas/src/grid.css b/docs/zh-tw/assets/tocas/src/grid.css new file mode 100644 index 000000000..fc6db5bc8 --- /dev/null +++ b/docs/zh-tw/assets/tocas/src/grid.css @@ -0,0 +1,303 @@ +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-grid { + --ts-grid-gap: 1rem; + + --ts-grid-1-wide: calc((100% / (16 / 1)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 1))); + --ts-grid-2-wide: calc((100% / (16 / 2)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 2))); + --ts-grid-3-wide: calc((100% / (16 / 3)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 3))); + --ts-grid-4-wide: calc((100% / (16 / 4)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 4))); + --ts-grid-5-wide: calc((100% / (16 / 5)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 5))); + --ts-grid-6-wide: calc((100% / (16 / 6)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 6))); + --ts-grid-7-wide: calc((100% / (16 / 7)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 7))); + --ts-grid-8-wide: calc((100% / (16 / 8)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 8))); + --ts-grid-9-wide: calc((100% / (16 / 9)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 9))); + --ts-grid-10-wide: calc((100% / (16 / 10)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 10))); + --ts-grid-11-wide: calc((100% / (16 / 11)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 11))); + --ts-grid-12-wide: calc((100% / (16 / 12)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 12))); + --ts-grid-13-wide: calc((100% / (16 / 13)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 13))); + --ts-grid-14-wide: calc((100% / (16 / 14)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 14))); + --ts-grid-15-wide: calc((100% / (16 / 15)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 15))); + --ts-grid-16-wide: calc((100% / (16 / 16)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 16))); + + --ts-grid-1-columns: calc((100% / 1) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 1)); + --ts-grid-2-columns: calc((100% / 2) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 2)); + --ts-grid-3-columns: calc((100% / 3) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 3)); + --ts-grid-4-columns: calc((100% / 4) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 4)); + --ts-grid-5-columns: calc((100% / 5) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 5)); + --ts-grid-6-columns: calc((100% / 6) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 6)); + --ts-grid-7-columns: calc((100% / 7) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 7)); + --ts-grid-8-columns: calc((100% / 8) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 8)); + --ts-grid-9-columns: calc((100% / 9) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 9)); + --ts-grid-10-columns: calc((100% / 10) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 10)); +} + +/* ========================================================================== + Base + ========================================================================== */ + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-grid { + display: flex; + flex-wrap: wrap; + color: inherit; + gap: var(--ts-grid-gap); +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Columns + */ + +.ts-grid.is-1-columns > .column { + flex: var(--ts-grid-1-columns); + max-width: var(--ts-grid-1-columns); +} +.ts-grid.is-2-columns > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-3-columns > .column { + flex: var(--ts-grid-3-columns); + max-width: var(--ts-grid-3-columns); +} +.ts-grid.is-4-columns > .column { + flex: var(--ts-grid-4-columns); + max-width: var(--ts-grid-4-columns); +} +.ts-grid.is-5-columns > .column { + flex: var(--ts-grid-5-columns); + max-width: var(--ts-grid-5-columns); +} +.ts-grid.is-6-columns > .column { + flex: var(--ts-grid-6-columns); + max-width: var(--ts-grid-6-columns); +} +.ts-grid.is-7-columns > .column { + flex: var(--ts-grid-7-columns); + max-width: var(--ts-grid-7-columns); +} +.ts-grid.is-8-columns > .column { + flex: var(--ts-grid-8-columns); + max-width: var(--ts-grid-8-columns); +} +.ts-grid.is-9-columns > .column { + flex: var(--ts-grid-9-columns); + max-width: var(--ts-grid-9-columns); +} +.ts-grid.is-10-columns > .column { + flex: var(--ts-grid-10-columns); + max-width: var(--ts-grid-10-columns); +} + +/** + * Relaxed + */ + +.ts-grid.is-relaxed { + --ts-grid-gap: 2rem; +} +.ts-grid.is-compact { + --ts-grid-gap: 0.5rem; +} + +/** + * Evenly Divided + */ + +.ts-grid.is-evenly-divided > .column { + flex: var(--ts-grid-1-wide); + width: var(--ts-grid-1-wide); +} + +/** + * Truncated + */ + +.ts-grid .column.is-truncated { + overflow: hidden; +} + +/** + * Space Around + */ + +.ts-grid.is-spaced-between { + justify-content: space-between; +} +.ts-grid.is-spaced-around { + justify-content: space-around; +} + +/** + * Reverse + */ + +.ts-grid.is-reversed { + flex-direction: row-reverse; +} + +/** + * Aligns + */ + +.ts-grid.is-start-aligned { + justify-content: flex-start; +} +.ts-grid.is-center-aligned { + justify-content: center; +} +.ts-grid.is-end-aligned { + justify-content: flex-end; +} + +.ts-grid.is-top-aligned { + align-items: flex-start; +} +.ts-grid.is-middle-aligned { + align-items: center; +} +.ts-grid.is-bottom-aligned { + align-items: flex-end; +} + +/** + * Ordering + */ + +.ts-grid .column.is-first { + order: -1; +} +.ts-grid .column.is-last { + order: 1; +} + +.ts-grid .column.is-order-1 { + order: 1; +} +.ts-grid .column.is-order-2 { + order: 2; +} +.ts-grid .column.is-order-3 { + order: 3; +} +.ts-grid .column.is-order-4 { + order: 4; +} +.ts-grid .column.is-order-5 { + order: 5; +} +.ts-grid .column.is-order-6 { + order: 6; +} +.ts-grid .column.is-order-7 { + order: 7; +} +.ts-grid .column.is-order-8 { + order: 8; +} +.ts-grid .column.is-order-9 { + order: 9; +} +.ts-grid .column.is-order-10 { + order: 10; +} + +/** + * Wides + */ + +/*.ts-grid .column { + +}*/ +.ts-grid .column.is-1-wide { + width: var(--ts-grid-1-wide); + max-width: var(--ts-grid-1-wide); +} +.ts-grid .column.is-2-wide { + width: var(--ts-grid-2-wide); + max-width: var(--ts-grid-2-wide); +} +.ts-grid .column.is-3-wide { + width: var(--ts-grid-3-wide); + max-width: var(--ts-grid-3-wide); +} +.ts-grid .column.is-4-wide { + width: var(--ts-grid-4-wide); + max-width: var(--ts-grid-4-wide); +} +.ts-grid .column.is-5-wide { + width: var(--ts-grid-5-wide); + max-width: var(--ts-grid-5-wide); +} +.ts-grid .column.is-6-wide { + width: var(--ts-grid-6-wide); + max-width: var(--ts-grid-6-wide); +} +.ts-grid .column.is-7-wide { + width: var(--ts-grid-7-wide); + max-width: var(--ts-grid-7-wide); +} +.ts-grid .column.is-8-wide { + width: var(--ts-grid-8-wide); + max-width: var(--ts-grid-8-wide); +} +.ts-grid .column.is-9-wide { + width: var(--ts-grid-9-wide); + max-width: var(--ts-grid-9-wide); +} +.ts-grid .column.is-10-wide { + width: var(--ts-grid-10-wide); + max-width: var(--ts-grid-10-wide); +} +.ts-grid .column.is-11-wide { + width: var(--ts-grid-11-wide); + max-width: var(--ts-grid-11-wide); +} +.ts-grid .column.is-12-wide { + width: var(--ts-grid-12-wide); + max-width: var(--ts-grid-12-wide); +} +.ts-grid .column.is-13-wide { + width: var(--ts-grid-13-wide); + max-width: var(--ts-grid-13-wide); +} +.ts-grid .column.is-14-wide { + width: var(--ts-grid-14-wide); + max-width: var(--ts-grid-14-wide); +} +.ts-grid .column.is-15-wide { + width: var(--ts-grid-15-wide); + max-width: var(--ts-grid-15-wide); +} +.ts-grid .column.is-16-wide { + width: var(--ts-grid-16-wide); + max-width: var(--ts-grid-16-wide); +} + +/** + * Fluid + */ + +.ts-grid .column.is-fluid { + flex: 1; + min-width: 0; + flex-grow: 1; +} + +/** + * Stacked + */ + +.ts-grid.is-stacked .column { + flex: var(--ts-grid-16-wide); + max-width: var(--ts-grid-16-wide); +} diff --git a/docs/en-us/assets/tocas/header.css b/docs/zh-tw/assets/tocas/src/header.css similarity index 95% rename from docs/en-us/assets/tocas/header.css rename to docs/zh-tw/assets/tocas/src/header.css index f1fb218e8..0c3e84056 100644 --- a/docs/en-us/assets/tocas/header.css +++ b/docs/zh-tw/assets/tocas/src/header.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-header { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -9,7 +14,7 @@ .ts-header { font-weight: 500; font-size: var(--ts-font-size-17px); - color: inherit; + color: var(--accent-color, inherit); line-height: 1.6; display: flex; align-items: center; @@ -19,9 +24,6 @@ Structure ========================================================================== */ -.ts-header .ts-icon { -} - a.ts-header { text-decoration: none; } diff --git a/docs/zh-tw/assets/tocas/icon.css b/docs/zh-tw/assets/tocas/src/icon.css similarity index 96% rename from docs/zh-tw/assets/tocas/icon.css rename to docs/zh-tw/assets/tocas/src/icon.css index 4f488a5d2..cce2b352a 100644 --- a/docs/zh-tw/assets/tocas/icon.css +++ b/docs/zh-tw/assets/tocas/src/icon.css @@ -41,6 +41,11 @@ } } +.ts-icon { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -55,7 +60,7 @@ width: 1.18em; -webkit-font-smoothing: antialiased; backface-visibility: hidden; - color: inherit; + color: var(--accent-color, inherit); } /* ========================================================================== diff --git a/docs/zh-tw/assets/tocas/icons.css b/docs/zh-tw/assets/tocas/src/icons.css similarity index 99% rename from docs/zh-tw/assets/tocas/icons.css rename to docs/zh-tw/assets/tocas/src/icons.css index fb15f27fb..407c45366 100644 --- a/docs/zh-tw/assets/tocas/icons.css +++ b/docs/zh-tw/assets/tocas/src/icons.css @@ -1,7872 +1,7890 @@ -.ts-icon.is-bed-icon::before { - content: "\f236"; +.ts-icon.is-arrow-up-right-from-square-icon::before { + content: "\f08e"; } -.ts-icon.is-chart-bar-icon::before { - content: "\f080"; +.ts-icon.is-broom-ball-icon::before { + content: "\f458"; } -.ts-icon.is-grunt-icon::before { - font-family: "IconsBrands"; - content: "\f3ad"; +.ts-icon.is-medal-icon::before { + content: "\f5a2"; } -.ts-icon.is-thumbs-up-icon::before { - content: "\f164"; +.ts-icon.is-mixer-icon::before { + font-family: "IconsBrands"; + content: "\e056"; } -.ts-icon.is-wpforms-icon::before { +.ts-icon.is-vaadin-icon::before { font-family: "IconsBrands"; - content: "\f298"; + content: "\f408"; } -.ts-icon.is-house-chimney-crack-icon::before { - content: "\f6f1"; +.ts-icon.is-flag-usa-icon::before { + content: "\f74d"; } -.ts-icon.is-pinterest-p-icon::before { - font-family: "IconsBrands"; - content: "\f231"; +.ts-icon.is-lungs-icon::before { + content: "\f604"; } -.ts-icon.is-arrow-up-right-from-square-icon::before { - content: "\f08e"; +.ts-icon.is-face-frown-icon::before { + content: "\f119"; } -.ts-icon.is-baby-icon::before { - content: "\f77c"; +.ts-icon.is-person-digging-icon::before { + content: "\f85e"; } -.ts-icon.is-intercom-icon::before { - font-family: "IconsBrands"; - content: "\f7af"; +.ts-icon.is-street-view-icon::before { + content: "\f21d"; } -.ts-icon.is-litecoin-sign-icon::before { - content: "\e1d3"; +.ts-icon.is-car-icon::before { + content: "\f1b9"; } -.ts-icon.is-temperature-quarter-icon::before { - content: "\f2ca"; +.ts-icon.is-etsy-icon::before { + font-family: "IconsBrands"; + content: "\f2d7"; } -.ts-icon.is-window-maximize-icon::before { - content: "\f2d0"; +.ts-icon.is-blogger-b-icon::before { + font-family: "IconsBrands"; + content: "\f37d"; } -.ts-icon.is-btc-icon::before { +.ts-icon.is-window-restore-icon::before { + content: "\f2d2"; +} + +.ts-icon.is-internet-explorer-icon::before { font-family: "IconsBrands"; - content: "\f15a"; + content: "\f26b"; } -.ts-icon.is-file-icon::before { - content: "\f15b"; +.ts-icon.is-users-slash-icon::before { + content: "\e073"; } -.ts-icon.is-file-circle-xmark-icon::before { - content: "\e5a1"; +.ts-icon.is-file-video-icon::before { + content: "\f1c8"; } -.ts-icon.is-otter-icon::before { - content: "\f700"; +.ts-icon.is-school-circle-exclamation-icon::before { + content: "\e56c"; } -.ts-icon.is-plug-circle-plus-icon::before { - content: "\e55f"; +.ts-icon.is-guilded-icon::before { + font-family: "IconsBrands"; + content: "\e07e"; } -.ts-icon.is-children-icon::before { - content: "\e4e1"; +.ts-icon.is-landmark-flag-icon::before { + content: "\e51c"; } -.ts-icon.is-red-river-icon::before { - font-family: "IconsBrands"; - content: "\f3e3"; +.ts-icon.is-martini-glass-icon::before { + content: "\f57b"; } -.ts-icon.is-hand-sparkles-icon::before { - content: "\e05d"; +.ts-icon.is-table-cells-icon::before { + content: "\f00a"; } -.ts-icon.is-money-bill-1-icon::before { - content: "\f3d1"; +.ts-icon.is-video-icon::before { + content: "\f03d"; } -.ts-icon.is-pen-icon::before { - content: "\f304"; +.ts-icon.is-cloudversify-icon::before { + font-family: "IconsBrands"; + content: "\f385"; +} + +.ts-icon.is-ellipsis-icon::before { + content: "\f141"; +} + +.ts-icon.is-neos-icon::before { + font-family: "IconsBrands"; + content: "\f612"; } .ts-icon.is-person-military-to-person-icon::before { content: "\e54c"; } -.ts-icon.is-skull-crossbones-icon::before { - content: "\f714"; +.ts-icon.is-road-icon::before { + content: "\f018"; } -.ts-icon.is-uikit-icon::before { +.ts-icon.is-shopify-icon::before { font-family: "IconsBrands"; - content: "\f403"; + content: "\e057"; } -.ts-icon.is-laptop-icon::before { - content: "\f109"; +.ts-icon.is-bars-progress-icon::before { + content: "\f828"; } -.ts-icon.is-backward-fast-icon::before { - content: "\f049"; +.ts-icon.is-hand-holding-hand-icon::before { + content: "\e4f7"; } -.ts-icon.is-node-icon::before { - font-family: "IconsBrands"; - content: "\f419"; +.ts-icon.is-caravan-icon::before { + content: "\f8ff"; } -.ts-icon.is-quinscape-icon::before { +.ts-icon.is-houzz-icon::before { font-family: "IconsBrands"; - content: "\f459"; + content: "\f27c"; } -.ts-icon.is-sitrox-icon::before { - font-family: "IconsBrands"; - content: "\e44a"; +.ts-icon.is-rupiah-sign-icon::before { + content: "\e23d"; } -.ts-icon.is-cuttlefish-icon::before { - font-family: "IconsBrands"; - content: "\f38c"; +.ts-icon.is-temperature-high-icon::before { + content: "\f769"; } -.ts-icon.is-poo-storm-icon::before { - content: "\f75a"; +.ts-icon.is-airbnb-icon::before { + font-family: "IconsBrands"; + content: "\f834"; } -.ts-icon.is-canadian-maple-leaf-icon::before { +.ts-icon.is-apper-icon::before { font-family: "IconsBrands"; - content: "\f785"; + content: "\f371"; } -.ts-icon.is-temperature-arrow-up-icon::before { - content: "\e040"; +.ts-icon.is-volcano-icon::before { + content: "\f770"; } -.ts-icon.is-capsules-icon::before { - content: "\f46b"; +.ts-icon.is-microsoft-icon::before { + font-family: "IconsBrands"; + content: "\f3ca"; } -.ts-icon.is-circle-info-icon::before { - content: "\f05a"; +.ts-icon.is-people-pulling-icon::before { + content: "\e535"; } -.ts-icon.is-peso-sign-icon::before { - content: "\e222"; +.ts-icon.is-stubber-icon::before { + font-family: "IconsBrands"; + content: "\e5c7"; } -.ts-icon.is-quote-right-icon::before { - content: "\f10e"; +.ts-icon.is-train-subway-icon::before { + content: "\f239"; } -.ts-icon.is-square-poll-horizontal-icon::before { - content: "\f682"; +.ts-icon.is-window-minimize-icon::before { + content: "\f2d1"; } -.ts-icon.is-vector-square-icon::before { - content: "\f5cb"; +.ts-icon.is-orcid-icon::before { + font-family: "IconsBrands"; + content: "\f8d2"; } -.ts-icon.is-truck-front-icon::before { - content: "\e2b7"; +.ts-icon.is-pager-icon::before { + content: "\f815"; } -.ts-icon.is-arrow-up-a-z-icon::before { - content: "\f15e"; +.ts-icon.is-store-icon::before { + content: "\f54e"; } -.ts-icon.is-car-rear-icon::before { - content: "\f5de"; +.ts-icon.is-utensils-icon::before { + content: "\f2e7"; } -.ts-icon.is-circle-xmark-icon::before { - content: "\f057"; +.ts-icon.is-blender-phone-icon::before { + content: "\f6b6"; } -.ts-icon.is-colon-sign-icon::before { - content: "\e140"; +.ts-icon.is-canadian-maple-leaf-icon::before { + font-family: "IconsBrands"; + content: "\f785"; } -.ts-icon.is-face-grin-hearts-icon::before { - content: "\f584"; +.ts-icon.is-cloud-bolt-icon::before { + content: "\f76c"; } -.ts-icon.is-square-caret-left-icon::before { - content: "\f191"; +.ts-icon.is-list-check-icon::before { + content: "\f0ae"; } -.ts-icon.is-arrow-up-from-water-pump-icon::before { - content: "\e4b6"; +.ts-icon.is-square-poll-horizontal-icon::before { + content: "\f682"; } -.ts-icon.is-stroopwafel-icon::before { - content: "\f551"; +.ts-icon.is-arrow-up-z-a-icon::before { + content: "\f882"; } -.ts-icon.is-vial-icon::before { - content: "\f492"; +.ts-icon.is-building-flag-icon::before { + content: "\e4d5"; } -.ts-icon.is-whatsapp-icon::before { - font-family: "IconsBrands"; - content: "\f232"; +.ts-icon.is-mars-and-venus-burst-icon::before { + content: "\e523"; } -.ts-icon.is-arrow-down-short-wide-icon::before { - content: "\f884"; +.ts-icon.is-arrows-spin-icon::before { + content: "\e4bb"; } -.ts-icon.is-database-icon::before { - content: "\f1c0"; +.ts-icon.is-charging-station-icon::before { + content: "\f5e7"; } -.ts-icon.is-industry-icon::before { - content: "\f275"; +.ts-icon.is-handshake-angle-icon::before { + content: "\f4c4"; } -.ts-icon.is-snapchat-icon::before { +.ts-icon.is-periscope-icon::before { font-family: "IconsBrands"; - content: "\f2ab"; + content: "\f3da"; } -.ts-icon.is-street-view-icon::before { - content: "\f21d"; +.ts-icon.is-rotate-icon::before { + content: "\f2f1"; } -.ts-icon.is-0-icon::before { - content: "\30"; -} - -.ts-icon.is-rainbow-icon::before { - content: "\f75b"; +.ts-icon.is-clock-rotate-left-icon::before { + content: "\f1da"; } -.ts-icon.is-suitcase-medical-icon::before { - content: "\f0fa"; +.ts-icon.is-face-grin-squint-tears-icon::before { + content: "\f586"; } -.ts-icon.is-tablet-button-icon::before { - content: "\f10a"; +.ts-icon.is-person-icon::before { + content: "\f183"; } -.ts-icon.is-chevron-down-icon::before { - content: "\f078"; +.ts-icon.is-person-snowboarding-icon::before { + content: "\f7ce"; } -.ts-icon.is-fish-fins-icon::before { - content: "\e4f2"; +.ts-icon.is-gg-icon::before { + font-family: "IconsBrands"; + content: "\f260"; } -.ts-icon.is-react-icon::before { +.ts-icon.is-hashnode-icon::before { font-family: "IconsBrands"; - content: "\f41b"; + content: "\e499"; } -.ts-icon.is-align-justify-icon::before { - content: "\f039"; +.ts-icon.is-hospital-user-icon::before { + content: "\f80d"; } -.ts-icon.is-dice-five-icon::before { - content: "\f523"; +.ts-icon.is-reacteurope-icon::before { + font-family: "IconsBrands"; + content: "\f75d"; } -.ts-icon.is-building-circle-exclamation-icon::before { - content: "\e4d3"; +.ts-icon.is-arrow-up-from-ground-water-icon::before { + content: "\e4b5"; } -.ts-icon.is-circle-play-icon::before { - content: "\f144"; +.ts-icon.is-horse-icon::before { + content: "\f6f0"; } -.ts-icon.is-google-plus-g-icon::before { - font-family: "IconsBrands"; - content: "\f0d5"; +.ts-icon.is-spinner-icon::before { + content: "\f110"; } -.ts-icon.is-hot-tub-person-icon::before { - content: "\f593"; +.ts-icon.is-motorcycle-icon::before { + content: "\f21c"; } -.ts-icon.is-note-sticky-icon::before { - content: "\f249"; +.ts-icon.is-print-icon::before { + content: "\f02f"; } -.ts-icon.is-anchor-icon::before { - content: "\f13d"; +.ts-icon.is-swatchbook-icon::before { + content: "\f5c3"; } -.ts-icon.is-at-icon::before { - content: "\40"; +.ts-icon.is-water-ladder-icon::before { + content: "\f5c5"; } -.ts-icon.is-file-invoice-dollar-icon::before { - content: "\f571"; +.ts-icon.is-ravelry-icon::before { + font-family: "IconsBrands"; + content: "\f2d9"; } -.ts-icon.is-medal-icon::before { - content: "\f5a2"; +.ts-icon.is-angle-up-icon::before { + content: "\f106"; } -.ts-icon.is-person-dress-icon::before { - content: "\f182"; +.ts-icon.is-glide-icon::before { + font-family: "IconsBrands"; + content: "\f2a5"; } -.ts-icon.is-cookie-icon::before { - content: "\f563"; +.ts-icon.is-cubes-stacked-icon::before { + content: "\e4e6"; } -.ts-icon.is-helicopter-icon::before { - content: "\f533"; +.ts-icon.is-fort-awesome-alt-icon::before { + font-family: "IconsBrands"; + content: "\f3a3"; } -.ts-icon.is-microphone-lines-slash-icon::before { - content: "\f539"; +.ts-icon.is-hands-holding-icon::before { + content: "\f4c2"; } -.ts-icon.is-paper-plane-icon::before { - content: "\f1d8"; +.ts-icon.is-land-mine-on-icon::before { + content: "\e51b"; } -.ts-icon.is-shop-icon::before { - content: "\f54f"; +.ts-icon.is-money-check-dollar-icon::before { + content: "\f53d"; } -.ts-icon.is-ban-icon::before { - content: "\f05e"; +.ts-icon.is-affiliatetheme-icon::before { + font-family: "IconsBrands"; + content: "\f36b"; } -.ts-icon.is-droplet-slash-icon::before { - content: "\f5c7"; +.ts-icon.is-cpanel-icon::before { + font-family: "IconsBrands"; + content: "\f388"; } -.ts-icon.is-keycdn-icon::before { - font-family: "IconsBrands"; - content: "\f3ba"; +.ts-icon.is-sack-dollar-icon::before { + content: "\f81d"; } -.ts-icon.is-toilet-icon::before { - content: "\f7d8"; +.ts-icon.is-wine-glass-empty-icon::before { + content: "\f5ce"; } -.ts-icon.is-cc-diners-club-icon::before { - font-family: "IconsBrands"; - content: "\f24c"; +.ts-icon.is-drum-icon::before { + content: "\f569"; } -.ts-icon.is-ankh-icon::before { - content: "\f644"; +.ts-icon.is-ranking-star-icon::before { + content: "\e561"; } -.ts-icon.is-book-icon::before { - content: "\f02d"; +.ts-icon.is-arrows-to-eye-icon::before { + content: "\e4bf"; } -.ts-icon.is-expeditedssl-icon::before { - font-family: "IconsBrands"; - content: "\f23e"; +.ts-icon.is-file-circle-exclamation-icon::before { + content: "\e4eb"; } -.ts-icon.is-file-arrow-up-icon::before { - content: "\f574"; +.ts-icon.is-circle-h-icon::before { + content: "\f47e"; } -.ts-icon.is-forumbee-icon::before { - font-family: "IconsBrands"; - content: "\f211"; +.ts-icon.is-envelope-open-text-icon::before { + content: "\f658"; } -.ts-icon.is-school-circle-exclamation-icon::before { - content: "\e56c"; +.ts-icon.is-bong-icon::before { + content: "\f55c"; } -.ts-icon.is-hands-icon::before { - content: "\f2a7"; +.ts-icon.is-chess-pawn-icon::before { + content: "\f443"; } -.ts-icon.is-tumblr-icon::before { +.ts-icon.is-retweet-icon::before { + content: "\f079"; +} + +.ts-icon.is-unsplash-icon::before { font-family: "IconsBrands"; - content: "\f173"; + content: "\e07c"; } -.ts-icon.is-cloud-icon::before { - content: "\f0c2"; +.ts-icon.is-square-caret-left-icon::before { + content: "\f191"; } -.ts-icon.is-magnifying-glass-minus-icon::before { - content: "\f010"; +.ts-icon.is-chalkboard-icon::before { + content: "\f51b"; } -.ts-icon.is-n-icon::before { - content: "\4e"; +.ts-icon.is-music-icon::before { + content: "\f001"; } -.ts-icon.is-pagelines-icon::before { +.ts-icon.is-linux-icon::before { font-family: "IconsBrands"; - content: "\f18c"; + content: "\f17c"; } -.ts-icon.is-place-of-worship-icon::before { - content: "\f67f"; +.ts-icon.is-percent-icon::before { + content: "\25"; } -.ts-icon.is-black-tie-icon::before { - font-family: "IconsBrands"; - content: "\f27e"; +.ts-icon.is-chess-knight-icon::before { + content: "\f441"; } -.ts-icon.is-bullseye-icon::before { - content: "\f140"; +.ts-icon.is-code-pull-request-icon::before { + content: "\e13c"; } -.ts-icon.is-blender-phone-icon::before { - content: "\f6b6"; +.ts-icon.is-shop-icon::before { + content: "\f54f"; } -.ts-icon.is-face-kiss-icon::before { - content: "\f596"; +.ts-icon.is-mountain-sun-icon::before { + content: "\e52f"; } -.ts-icon.is-google-wallet-icon::before { +.ts-icon.is-pinterest-p-icon::before { font-family: "IconsBrands"; - content: "\f1ee"; + content: "\f231"; } -.ts-icon.is-trowel-icon::before { - content: "\e589"; +.ts-icon.is-republican-icon::before { + content: "\f75e"; } -.ts-icon.is-toolbox-icon::before { - content: "\f552"; +.ts-icon.is-brain-icon::before { + content: "\f5dc"; } -.ts-icon.is-palette-icon::before { - content: "\f53f"; +.ts-icon.is-circle-exclamation-icon::before { + content: "\f06a"; } -.ts-icon.is-trash-can-icon::before { - content: "\f2ed"; +.ts-icon.is-greater-than-equal-icon::before { + content: "\f532"; } -.ts-icon.is-creative-commons-nc-eu-icon::before { - font-family: "IconsBrands"; - content: "\f4e9"; +.ts-icon.is-a-icon::before { + content: "\41"; } -.ts-icon.is-delete-left-icon::before { - content: "\f55a"; +.ts-icon.is-disease-icon::before { + content: "\f7fa"; } -.ts-icon.is-eye-slash-icon::before { - content: "\f070"; +.ts-icon.is-vial-virus-icon::before { + content: "\e597"; } -.ts-icon.is-pen-ruler-icon::before { - content: "\f5ae"; +.ts-icon.is-whiskey-glass-icon::before { + content: "\f7a0"; } -.ts-icon.is-square-steam-icon::before { - font-family: "IconsBrands"; - content: "\f1b7"; +.ts-icon.is-cube-icon::before { + content: "\f1b2"; } -.ts-icon.is-x-icon::before { - content: "\58"; +.ts-icon.is-stamp-icon::before { + content: "\f5bf"; } -.ts-icon.is-book-bible-icon::before { - content: "\f647"; +.ts-icon.is-repeat-icon::before { + content: "\f363"; } -.ts-icon.is-code-compare-icon::before { - content: "\e13a"; +.ts-icon.is-handshake-simple-icon::before { + content: "\f4c6"; } -.ts-icon.is-file-pen-icon::before { - content: "\f31c"; +.ts-icon.is-person-circle-check-icon::before { + content: "\e53e"; } -.ts-icon.is-masks-theater-icon::before { - content: "\f630"; +.ts-icon.is-untappd-icon::before { + font-family: "IconsBrands"; + content: "\f405"; } -.ts-icon.is-square-share-nodes-icon::before { - content: "\f1e1"; +.ts-icon.is-whmcs-icon::before { + font-family: "IconsBrands"; + content: "\f40d"; } -.ts-icon.is-stumbleupon-circle-icon::before { - font-family: "IconsBrands"; - content: "\f1a3"; +.ts-icon.is-bell-slash-icon::before { + content: "\f1f6"; } -.ts-icon.is-face-grin-squint-icon::before { - content: "\f585"; +.ts-icon.is-calendar-day-icon::before { + content: "\f783"; } -.ts-icon.is-hubspot-icon::before { +.ts-icon.is-creative-commons-nd-icon::before { font-family: "IconsBrands"; - content: "\f3b2"; + content: "\f4eb"; } -.ts-icon.is-keyboard-icon::before { - content: "\f11c"; +.ts-icon.is-gopuram-icon::before { + content: "\f664"; } -.ts-icon.is-mosquito-net-icon::before { - content: "\e52c"; +.ts-icon.is-restroom-icon::before { + content: "\f7bd"; } -.ts-icon.is-scissors-icon::before { - content: "\f0c4"; +.ts-icon.is-ribbon-icon::before { + content: "\f4d6"; } -.ts-icon.is-square-twitter-icon::before { - font-family: "IconsBrands"; - content: "\f081"; +.ts-icon.is-car-on-icon::before { + content: "\e4dd"; } -.ts-icon.is-free-code-camp-icon::before { - font-family: "IconsBrands"; - content: "\f2c5"; +.ts-icon.is-chevron-up-icon::before { + content: "\f077"; } -.ts-icon.is-gitter-icon::before { - font-family: "IconsBrands"; - content: "\f426"; +.ts-icon.is-book-tanakh-icon::before { + content: "\f827"; } -.ts-icon.is-helmet-safety-icon::before { - content: "\f807"; +.ts-icon.is-broom-icon::before { + content: "\f51a"; } -.ts-icon.is-sellsy-icon::before { +.ts-icon.is-buromobelexperte-icon::before { font-family: "IconsBrands"; - content: "\f213"; + content: "\f37f"; } -.ts-icon.is-creative-commons-nd-icon::before { - font-family: "IconsBrands"; - content: "\f4eb"; +.ts-icon.is-d-icon::before { + content: "\44"; } -.ts-icon.is-hill-rockslide-icon::before { - content: "\e508"; +.ts-icon.is-gamepad-icon::before { + content: "\f11b"; } -.ts-icon.is-magnet-icon::before { - content: "\f076"; +.ts-icon.is-house-lock-icon::before { + content: "\e510"; } -.ts-icon.is-truck-pickup-icon::before { - content: "\f63c"; +.ts-icon.is-people-arrows-icon::before { + content: "\e068"; } -.ts-icon.is-wrench-icon::before { - content: "\f0ad"; +.ts-icon.is-asymmetrik-icon::before { + font-family: "IconsBrands"; + content: "\f372"; } -.ts-icon.is-store-slash-icon::before { - content: "\e071"; +.ts-icon.is-ban-icon::before { + content: "\f05e"; } -.ts-icon.is-google-pay-icon::before { +.ts-icon.is-user-graduate-icon::before { + content: "\f501"; +} + +.ts-icon.is-yandex-icon::before { font-family: "IconsBrands"; - content: "\e079"; + content: "\f413"; } -.ts-icon.is-plane-lock-icon::before { - content: "\e558"; +.ts-icon.is-plug-circle-plus-icon::before { + content: "\e55f"; } -.ts-icon.is-tag-icon::before { - content: "\f02b"; +.ts-icon.is-tree-icon::before { + content: "\f1bb"; } -.ts-icon.is-artstation-icon::before { - font-family: "IconsBrands"; - content: "\f77a"; +.ts-icon.is-square-virus-icon::before { + content: "\e578"; } -.ts-icon.is-whmcs-icon::before { +.ts-icon.is-section-icon::before { + content: "\e447"; +} + +.ts-icon.is-strava-icon::before { font-family: "IconsBrands"; - content: "\f40d"; + content: "\f428"; } -.ts-icon.is-y-icon::before { - content: "\59"; +.ts-icon.is-turn-down-icon::before { + content: "\f3be"; } -.ts-icon.is-envira-icon::before { +.ts-icon.is-creative-commons-nc-eu-icon::before { font-family: "IconsBrands"; - content: "\f299"; + content: "\f4e9"; } -.ts-icon.is-l-icon::before { - content: "\4c"; +.ts-icon.is-phone-icon::before { + content: "\f095"; } -.ts-icon.is-manat-sign-icon::before { - content: "\e1d5"; +.ts-icon.is-discourse-icon::before { + font-family: "IconsBrands"; + content: "\f393"; } -.ts-icon.is-aviato-icon::before { +.ts-icon.is-shirtsinbulk-icon::before { font-family: "IconsBrands"; - content: "\f421"; + content: "\f214"; } -.ts-icon.is-building-shield-icon::before { - content: "\e4d8"; +.ts-icon.is-square-nfi-icon::before { + content: "\e576"; } -.ts-icon.is-house-tsunami-icon::before { - content: "\e515"; +.ts-icon.is-arrow-down-9-1-icon::before { + content: "\f886"; } -.ts-icon.is-sticker-mule-icon::before { - font-family: "IconsBrands"; - content: "\f3f7"; +.ts-icon.is-arrow-up-right-dots-icon::before { + content: "\e4b7"; } -.ts-icon.is-caret-left-icon::before { - content: "\f0d9"; +.ts-icon.is-upload-icon::before { + content: "\f093"; } -.ts-icon.is-dice-d6-icon::before { - content: "\f6d1"; +.ts-icon.is-naira-sign-icon::before { + content: "\e1f6"; } -.ts-icon.is-face-grin-stars-icon::before { - content: "\f587"; +.ts-icon.is-pen-icon::before { + content: "\f304"; } -.ts-icon.is-uber-icon::before { - font-family: "IconsBrands"; - content: "\f402"; +.ts-icon.is-circle-chevron-down-icon::before { + content: "\f13a"; } -.ts-icon.is-clipboard-user-icon::before { - content: "\f7f3"; +.ts-icon.is-eraser-icon::before { + content: "\f12d"; } -.ts-icon.is-heading-icon::before { - content: "\f1dc"; +.ts-icon.is-money-bills-icon::before { + content: "\e1f3"; } -.ts-icon.is-unlock-icon::before { - content: "\f09c"; +.ts-icon.is-ruble-sign-icon::before { + content: "\f158"; } -.ts-icon.is-weixin-icon::before { - font-family: "IconsBrands"; - content: "\f1d7"; +.ts-icon.is-square-full-icon::before { + content: "\f45c"; } -.ts-icon.is-code-icon::before { - content: "\f121"; +.ts-icon.is-adversal-icon::before { + font-family: "IconsBrands"; + content: "\f36a"; } -.ts-icon.is-itch-io-icon::before { +.ts-icon.is-angular-icon::before { font-family: "IconsBrands"; - content: "\f83a"; + content: "\f420"; } -.ts-icon.is-won-sign-icon::before { - content: "\f159"; +.ts-icon.is-font-icon::before { + content: "\f031"; } -.ts-icon.is-down-left-and-up-right-to-center-icon::before { - content: "\f422"; +.ts-icon.is-shield-cat-icon::before { + content: "\e572"; } -.ts-icon.is-wine-glass-empty-icon::before { - content: "\f5ce"; +.ts-icon.is-bowl-rice-icon::before { + content: "\e2eb"; } -.ts-icon.is-cotton-bureau-icon::before { - font-family: "IconsBrands"; - content: "\f89e"; +.ts-icon.is-flask-vial-icon::before { + content: "\e4f3"; } -.ts-icon.is-freebsd-icon::before { +.ts-icon.is-pushed-icon::before { font-family: "IconsBrands"; - content: "\f3a4"; + content: "\f3e1"; } -.ts-icon.is-person-walking-dashed-line-arrow-right-icon::before { - content: "\e553"; +.ts-icon.is-tent-arrow-down-to-line-icon::before { + content: "\e57e"; } -.ts-icon.is-star-and-crescent-icon::before { - content: "\f699"; +.ts-icon.is-gofore-icon::before { + font-family: "IconsBrands"; + content: "\f3a7"; } -.ts-icon.is-uniregistry-icon::before { +.ts-icon.is-magnifying-glass-plus-icon::before { + content: "\f00e"; +} + +.ts-icon.is-korvue-icon::before { font-family: "IconsBrands"; - content: "\f404"; + content: "\f42f"; } -.ts-icon.is-bandcamp-icon::before { +.ts-icon.is-square-font-awesome-stroke-icon::before { font-family: "IconsBrands"; - content: "\f2d5"; + content: "\f35c"; } -.ts-icon.is-book-medical-icon::before { - content: "\f7e6"; +.ts-icon.is-dove-icon::before { + content: "\f4ba"; } -.ts-icon.is-cc-mastercard-icon::before { - font-family: "IconsBrands"; - content: "\f1f1"; +.ts-icon.is-square-plus-icon::before { + content: "\f0fe"; } -.ts-icon.is-file-zipper-icon::before { - content: "\f1c6"; +.ts-icon.is-plug-circle-check-icon::before { + content: "\e55c"; } -.ts-icon.is-franc-sign-icon::before { - content: "\e18f"; +.ts-icon.is-school-flag-icon::before { + content: "\e56e"; } -.ts-icon.is-ioxhost-icon::before { - font-family: "IconsBrands"; - content: "\f208"; +.ts-icon.is-circle-info-icon::before { + content: "\f05a"; } -.ts-icon.is-dashcube-icon::before { +.ts-icon.is-hotjar-icon::before { font-family: "IconsBrands"; - content: "\f210"; + content: "\f3b1"; } -.ts-icon.is-elementor-icon::before { +.ts-icon.is-figma-icon::before { font-family: "IconsBrands"; - content: "\f430"; + content: "\f799"; } -.ts-icon.is-igloo-icon::before { - content: "\f7ae"; +.ts-icon.is-9-icon::before { + content: "\39"; } -.ts-icon.is-money-bill-wheat-icon::before { - content: "\e52a"; +.ts-icon.is-face-kiss-icon::before { + content: "\f596"; } -.ts-icon.is-r-icon::before { - content: "\52"; +.ts-icon.is-paste-icon::before { + content: "\f0ea"; } -.ts-icon.is-plus-icon::before { - content: "\2b"; +.ts-icon.is-trowel-icon::before { + content: "\e589"; } -.ts-icon.is-power-off-icon::before { - content: "\f011"; +.ts-icon.is-caret-up-icon::before { + content: "\f0d8"; } -.ts-icon.is-u-icon::before { - content: "\55"; +.ts-icon.is-helmet-un-icon::before { + content: "\e503"; } -.ts-icon.is-computer-icon::before { - content: "\e4e5"; +.ts-icon.is-eye-dropper-icon::before { + content: "\f1fb"; } -.ts-icon.is-people-group-icon::before { - content: "\e533"; +.ts-icon.is-hanukiah-icon::before { + content: "\f6e6"; } -.ts-icon.is-space-awesome-icon::before { +.ts-icon.is-stackpath-icon::before { font-family: "IconsBrands"; - content: "\e5ac"; -} - -.ts-icon.is-transgender-icon::before { - content: "\f225"; -} - -.ts-icon.is-user-icon::before { - content: "\f007"; -} - -.ts-icon.is-braille-icon::before { - content: "\f2a1"; + content: "\f842"; } -.ts-icon.is-invision-icon::before { - font-family: "IconsBrands"; - content: "\f7b0"; +.ts-icon.is-toolbox-icon::before { + content: "\f552"; } -.ts-icon.is-right-from-bracket-icon::before { - content: "\f2f5"; +.ts-icon.is-cannabis-icon::before { + content: "\f55f"; } -.ts-icon.is-stack-exchange-icon::before { +.ts-icon.is-creative-commons-sampling-plus-icon::before { font-family: "IconsBrands"; - content: "\f18d"; + content: "\f4f1"; } -.ts-icon.is-car-battery-icon::before { - content: "\f5df"; +.ts-icon.is-helmet-safety-icon::before { + content: "\f807"; } -.ts-icon.is-prescription-icon::before { - content: "\f5b1"; +.ts-icon.is-magnifying-glass-dollar-icon::before { + content: "\f688"; } -.ts-icon.is-circle-dot-icon::before { - content: "\f192"; +.ts-icon.is-quote-left-icon::before { + content: "\f10d"; } -.ts-icon.is-face-frown-open-icon::before { - content: "\f57a"; +.ts-icon.is-arrow-right-from-bracket-icon::before { + content: "\f08b"; } -.ts-icon.is-i-cursor-icon::before { - content: "\f246"; +.ts-icon.is-book-atlas-icon::before { + content: "\f558"; } -.ts-icon.is-tarp-droplet-icon::before { - content: "\e57c"; +.ts-icon.is-diamond-turn-right-icon::before { + content: "\f5eb"; } -.ts-icon.is-weight-hanging-icon::before { - content: "\f5cd"; +.ts-icon.is-g-icon::before { + content: "\47"; } -.ts-icon.is-redhat-icon::before { +.ts-icon.is-hive-icon::before { font-family: "IconsBrands"; - content: "\f7bc"; + content: "\e07f"; } -.ts-icon.is-apper-icon::before { +.ts-icon.is-js-icon::before { font-family: "IconsBrands"; - content: "\f371"; -} - -.ts-icon.is-bag-shopping-icon::before { - content: "\f290"; + content: "\f3b8"; } -.ts-icon.is-paw-icon::before { - content: "\f1b0"; +.ts-icon.is-list-ol-icon::before { + content: "\f0cb"; } -.ts-icon.is-user-doctor-icon::before { - content: "\f0f0"; +.ts-icon.is-location-arrow-icon::before { + content: "\f124"; } -.ts-icon.is-code-merge-icon::before { - content: "\f387"; +.ts-icon.is-cc-amazon-pay-icon::before { + font-family: "IconsBrands"; + content: "\f42d"; } -.ts-icon.is-key-icon::before { - content: "\f084"; +.ts-icon.is-comments-icon::before { + content: "\f086"; } -.ts-icon.is-node-js-icon::before { +.ts-icon.is-slack-icon::before { font-family: "IconsBrands"; - content: "\f3d3"; + content: "\f198"; } -.ts-icon.is-reply-icon::before { - content: "\f3e5"; +.ts-icon.is-teeth-icon::before { + content: "\f62e"; } -.ts-icon.is-basketball-icon::before { - content: "\f434"; +.ts-icon.is-mars-and-venus-icon::before { + content: "\f224"; } -.ts-icon.is-right-to-bracket-icon::before { - content: "\f2f6"; +.ts-icon.is-i-icon::before { + content: "\49"; } -.ts-icon.is-upload-icon::before { - content: "\f093"; +.ts-icon.is-face-surprise-icon::before { + content: "\f5c2"; } -.ts-icon.is-user-check-icon::before { - content: "\f4fc"; +.ts-icon.is-hacker-news-icon::before { + font-family: "IconsBrands"; + content: "\f1d4"; } -.ts-icon.is-users-slash-icon::before { - content: "\e073"; +.ts-icon.is-ethernet-icon::before { + content: "\f796"; } -.ts-icon.is-circle-chevron-up-icon::before { - content: "\f139"; +.ts-icon.is-helicopter-icon::before { + content: "\f533"; } -.ts-icon.is-circle-half-stroke-icon::before { - content: "\f042"; +.ts-icon.is-house-chimney-user-icon::before { + content: "\e065"; } -.ts-icon.is-salesforce-icon::before { +.ts-icon.is-linkedin-in-icon::before { font-family: "IconsBrands"; - content: "\f83b"; + content: "\f0e1"; } -.ts-icon.is-bitcoin-sign-icon::before { - content: "\e0b4"; +.ts-icon.is-magnifying-glass-location-icon::before { + content: "\f689"; } -.ts-icon.is-caret-down-icon::before { - content: "\f0d7"; +.ts-icon.is-stripe-icon::before { + font-family: "IconsBrands"; + content: "\f429"; } -.ts-icon.is-chart-area-icon::before { - content: "\f1fe"; +.ts-icon.is-cloud-sun-icon::before { + content: "\f6c4"; } -.ts-icon.is-mixcloud-icon::before { +.ts-icon.is-d-and-d-beyond-icon::before { font-family: "IconsBrands"; - content: "\f289"; + content: "\f6ca"; } -.ts-icon.is-mobile-button-icon::before { - content: "\f10b"; +.ts-icon.is-file-code-icon::before { + content: "\f1c9"; } -.ts-icon.is-ribbon-icon::before { - content: "\f4d6"; +.ts-icon.is-invision-icon::before { + font-family: "IconsBrands"; + content: "\f7b0"; } -.ts-icon.is-dyalog-icon::before { +.ts-icon.is-line-icon::before { font-family: "IconsBrands"; - content: "\f399"; + content: "\f3c0"; } -.ts-icon.is-holly-berry-icon::before { - content: "\f7aa"; +.ts-icon.is-p-icon::before { + content: "\50"; } -.ts-icon.is-list-ol-icon::before { - content: "\f0cb"; +.ts-icon.is-bars-staggered-icon::before { + content: "\f550"; } -.ts-icon.is-gem-icon::before { - content: "\f3a5"; +.ts-icon.is-circle-question-icon::before { + content: "\f059"; } -.ts-icon.is-itunes-icon::before { +.ts-icon.is-rockrms-icon::before { font-family: "IconsBrands"; - content: "\f3b4"; -} - -.ts-icon.is-jet-fighter-up-icon::before { - content: "\e518"; + content: "\f3e9"; } -.ts-icon.is-linkedin-in-icon::before { +.ts-icon.is-trello-icon::before { font-family: "IconsBrands"; - content: "\f0e1"; + content: "\f181"; } -.ts-icon.is-shield-virus-icon::before { - content: "\e06c"; +.ts-icon.is-flag-icon::before { + content: "\f024"; } -.ts-icon.is-book-bookmark-icon::before { - content: "\e0bb"; +.ts-icon.is-house-circle-exclamation-icon::before { + content: "\e50a"; } -.ts-icon.is-brain-icon::before { - content: "\f5dc"; +.ts-icon.is-indent-icon::before { + content: "\f03c"; } -.ts-icon.is-fan-icon::before { - content: "\f863"; +.ts-icon.is-the-red-yeti-icon::before { + font-family: "IconsBrands"; + content: "\f69d"; } -.ts-icon.is-pump-soap-icon::before { - content: "\e06b"; +.ts-icon.is-bacon-icon::before { + content: "\f7e5"; } -.ts-icon.is-star-half-icon::before { - content: "\f089"; +.ts-icon.is-cc-paypal-icon::before { + font-family: "IconsBrands"; + content: "\f1f4"; } -.ts-icon.is-bilibili-icon::before { +.ts-icon.is-sith-icon::before { font-family: "IconsBrands"; - content: "\e3d9"; + content: "\f512"; } -.ts-icon.is-c-icon::before { - content: "\43"; +.ts-icon.is-spotify-icon::before { + font-family: "IconsBrands"; + content: "\f1bc"; } -.ts-icon.is-weebly-icon::before { +.ts-icon.is-btc-icon::before { font-family: "IconsBrands"; - content: "\f5cc"; + content: "\f15a"; } -.ts-icon.is-behance-icon::before { - font-family: "IconsBrands"; - content: "\f1b4"; +.ts-icon.is-calendar-week-icon::before { + content: "\f784"; } -.ts-icon.is-clipboard-check-icon::before { - content: "\f46c"; +.ts-icon.is-square-poll-vertical-icon::before { + content: "\f681"; } -.ts-icon.is-dice-six-icon::before { - content: "\f526"; +.ts-icon.is-book-bookmark-icon::before { + content: "\e0bb"; } -.ts-icon.is-percent-icon::before { - content: "\25"; +.ts-icon.is-pump-soap-icon::before { + content: "\e06b"; } -.ts-icon.is-stack-overflow-icon::before { - font-family: "IconsBrands"; - content: "\f16c"; +.ts-icon.is-n-icon::before { + content: "\4e"; } -.ts-icon.is-flask-icon::before { - content: "\f0c3"; +.ts-icon.is-reply-all-icon::before { + content: "\f122"; } -.ts-icon.is-greater-than-equal-icon::before { - content: "\f532"; +.ts-icon.is-suitcase-icon::before { + content: "\f0f2"; } -.ts-icon.is-mosque-icon::before { - content: "\f678"; +.ts-icon.is-truck-pickup-icon::before { + content: "\f63c"; } -.ts-icon.is-wine-glass-icon::before { - content: "\f4e3"; +.ts-icon.is-volume-off-icon::before { + content: "\f026"; } -.ts-icon.is-atom-icon::before { - content: "\f5d2"; +.ts-icon.is-cloudscale-icon::before { + font-family: "IconsBrands"; + content: "\f383"; } -.ts-icon.is-oil-well-icon::before { - content: "\e532"; +.ts-icon.is-creative-commons-share-icon::before { + font-family: "IconsBrands"; + content: "\f4f2"; } -.ts-icon.is-vial-circle-check-icon::before { - content: "\e596"; +.ts-icon.is-jedi-order-icon::before { + font-family: "IconsBrands"; + content: "\f50e"; } -.ts-icon.is-lastfm-icon::before { +.ts-icon.is-viadeo-icon::before { font-family: "IconsBrands"; - content: "\f202"; + content: "\f2a9"; } -.ts-icon.is-plug-icon::before { - content: "\f1e6"; +.ts-icon.is-newspaper-icon::before { + content: "\f1ea"; } -.ts-icon.is-book-tanakh-icon::before { - content: "\f827"; +.ts-icon.is-clipboard-check-icon::before { + content: "\f46c"; } -.ts-icon.is-guitar-icon::before { - content: "\f7a6"; +.ts-icon.is-glass-water-icon::before { + content: "\e4f4"; } -.ts-icon.is-right-left-icon::before { - content: "\f362"; +.ts-icon.is-poo-storm-icon::before { + content: "\f75a"; } -.ts-icon.is-viruses-icon::before { - content: "\e076"; +.ts-icon.is-alipay-icon::before { + font-family: "IconsBrands"; + content: "\f642"; } -.ts-icon.is-train-icon::before { - content: "\f238"; +.ts-icon.is-grunt-icon::before { + font-family: "IconsBrands"; + content: "\f3ad"; } -.ts-icon.is-turkish-lira-sign-icon::before { - content: "\e2bb"; +.ts-icon.is-cheese-icon::before { + content: "\f7ef"; } -.ts-icon.is-battle-net-icon::before { - font-family: "IconsBrands"; - content: "\f835"; +.ts-icon.is-face-kiss-wink-heart-icon::before { + content: "\f598"; } -.ts-icon.is-calendar-check-icon::before { - content: "\f274"; +.ts-icon.is-window-maximize-icon::before { + content: "\f2d0"; } -.ts-icon.is-centos-icon::before { - font-family: "IconsBrands"; - content: "\f789"; +.ts-icon.is-align-center-icon::before { + content: "\f037"; } -.ts-icon.is-heart-pulse-icon::before { - content: "\f21e"; +.ts-icon.is-chart-simple-icon::before { + content: "\e473"; } -.ts-icon.is-photo-film-icon::before { - content: "\f87c"; +.ts-icon.is-person-walking-dashed-line-arrow-right-icon::before { + content: "\e553"; } -.ts-icon.is-rocketchat-icon::before { - font-family: "IconsBrands"; - content: "\f3e8"; +.ts-icon.is-rectangle-list-icon::before { + content: "\f022"; } -.ts-icon.is-utensils-icon::before { - content: "\f2e7"; +.ts-icon.is-mug-hot-icon::before { + content: "\f7b6"; } -.ts-icon.is-person-circle-plus-icon::before { - content: "\e541"; +.ts-icon.is-person-swimming-icon::before { + content: "\f5c4"; } -.ts-icon.is-readme-icon::before { +.ts-icon.is-teamspeak-icon::before { font-family: "IconsBrands"; - content: "\f4d5"; + content: "\f4f9"; } -.ts-icon.is-stop-icon::before { - content: "\f04d"; +.ts-icon.is-user-pen-icon::before { + content: "\f4ff"; } -.ts-icon.is-user-slash-icon::before { - content: "\f506"; +.ts-icon.is-arrows-down-to-people-icon::before { + content: "\e4b9"; } -.ts-icon.is-usb-icon::before { +.ts-icon.is-cc-visa-icon::before { font-family: "IconsBrands"; - content: "\f287"; + content: "\f1f0"; } -.ts-icon.is-bars-staggered-icon::before { - content: "\f550"; +.ts-icon.is-lightbulb-icon::before { + content: "\f0eb"; } -.ts-icon.is-book-atlas-icon::before { - content: "\f558"; +.ts-icon.is-cloudflare-icon::before { + font-family: "IconsBrands"; + content: "\e07d"; } -.ts-icon.is-dhl-icon::before { +.ts-icon.is-creative-commons-by-icon::before { font-family: "IconsBrands"; - content: "\f790"; + content: "\f4e7"; } -.ts-icon.is-diamond-turn-right-icon::before { - content: "\f5eb"; +.ts-icon.is-neuter-icon::before { + content: "\f22c"; } -.ts-icon.is-flickr-icon::before { +.ts-icon.is-ethereum-icon::before { font-family: "IconsBrands"; - content: "\f16e"; + content: "\f42e"; } -.ts-icon.is-themeco-icon::before { - font-family: "IconsBrands"; - content: "\f5c6"; +.ts-icon.is-hat-wizard-icon::before { + content: "\f6e8"; } -.ts-icon.is-circle-exclamation-icon::before { - content: "\f06a"; +.ts-icon.is-hands-icon::before { + content: "\f2a7"; } -.ts-icon.is-id-badge-icon::before { - content: "\f2c1"; +.ts-icon.is-truck-fast-icon::before { + content: "\f48b"; } -.ts-icon.is-user-graduate-icon::before { - content: "\f501"; +.ts-icon.is-arrow-turn-down-icon::before { + content: "\f149"; } -.ts-icon.is-asymmetrik-icon::before { - font-family: "IconsBrands"; - content: "\f372"; +.ts-icon.is-file-signature-icon::before { + content: "\f573"; } -.ts-icon.is-handshake-angle-icon::before { - content: "\f4c4"; +.ts-icon.is-magnifying-glass-chart-icon::before { + content: "\e522"; } -.ts-icon.is-trailer-icon::before { - content: "\e041"; +.ts-icon.is-mobile-retro-icon::before { + content: "\e527"; } -.ts-icon.is-circle-icon::before { - content: "\f111"; +.ts-icon.is-pump-medical-icon::before { + content: "\e06a"; } -.ts-icon.is-file-circle-plus-icon::before { - content: "\e494"; +.ts-icon.is-square-youtube-icon::before { + font-family: "IconsBrands"; + content: "\f431"; } -.ts-icon.is-modx-icon::before { +.ts-icon.is-blogger-icon::before { font-family: "IconsBrands"; - content: "\f285"; + content: "\f37c"; } -.ts-icon.is-facebook-f-icon::before { - font-family: "IconsBrands"; - content: "\f39e"; +.ts-icon.is-chair-icon::before { + content: "\f6c0"; } -.ts-icon.is-s-icon::before { - content: "\53"; +.ts-icon.is-calendar-check-icon::before { + content: "\f274"; } -.ts-icon.is-anchor-circle-check-icon::before { - content: "\e4aa"; +.ts-icon.is-nfc-directional-icon::before { + font-family: "IconsBrands"; + content: "\e530"; } -.ts-icon.is-bone-icon::before { - content: "\f5d7"; +.ts-icon.is-notes-medical-icon::before { + content: "\f481"; } -.ts-icon.is-building-ngo-icon::before { - content: "\e4d7"; +.ts-icon.is-tarp-icon::before { + content: "\e57b"; } -.ts-icon.is-dribbble-icon::before { +.ts-icon.is-ubuntu-icon::before { font-family: "IconsBrands"; - content: "\f17d"; + content: "\f7df"; } -.ts-icon.is-house-medical-circle-exclamation-icon::before { - content: "\e512"; +.ts-icon.is-user-xmark-icon::before { + content: "\f235"; } -.ts-icon.is-shopware-icon::before { - font-family: "IconsBrands"; - content: "\f5b5"; +.ts-icon.is-vihara-icon::before { + content: "\f6a7"; } -.ts-icon.is-earth-oceania-icon::before { - content: "\e47b"; +.ts-icon.is-hospital-icon::before { + content: "\f0f8"; } -.ts-icon.is-joget-icon::before { - font-family: "IconsBrands"; - content: "\f3b7"; +.ts-icon.is-lock-icon::before { + content: "\f023"; } -.ts-icon.is-water-icon::before { - content: "\f773"; +.ts-icon.is-square-pen-icon::before { + content: "\f14b"; } -.ts-icon.is-hips-icon::before { - font-family: "IconsBrands"; - content: "\f452"; -} +.ts-icon.is-pizza-slice-icon::before { + content: "\f818"; +} -.ts-icon.is-hurricane-icon::before { - content: "\f751"; +.ts-icon.is-strikethrough-icon::before { + content: "\f0cc"; } -.ts-icon.is-layer-group-icon::before { - content: "\f5fd"; +.ts-icon.is-trowel-bricks-icon::before { + content: "\e58a"; } -.ts-icon.is-location-dot-icon::before { - content: "\f3c5"; +.ts-icon.is-bity-icon::before { + font-family: "IconsBrands"; + content: "\f37a"; } -.ts-icon.is-mountain-sun-icon::before { - content: "\e52f"; +.ts-icon.is-openid-icon::before { + font-family: "IconsBrands"; + content: "\f19b"; } -.ts-icon.is-oil-can-icon::before { - content: "\f613"; +.ts-icon.is-hockey-puck-icon::before { + content: "\f453"; } -.ts-icon.is-draw-polygon-icon::before { - content: "\f5ee"; +.ts-icon.is-manat-sign-icon::before { + content: "\e1d5"; } -.ts-icon.is-dungeon-icon::before { - content: "\f6d9"; +.ts-icon.is-qq-icon::before { + font-family: "IconsBrands"; + content: "\f1d6"; } -.ts-icon.is-earth-asia-icon::before { - content: "\f57e"; +.ts-icon.is-ship-icon::before { + content: "\f21a"; } -.ts-icon.is-cedi-sign-icon::before { - content: "\e0df"; +.ts-icon.is-chevron-left-icon::before { + content: "\f053"; } -.ts-icon.is-file-signature-icon::before { - content: "\f573"; +.ts-icon.is-headphones-simple-icon::before { + content: "\f58f"; } -.ts-icon.is-rotate-left-icon::before { - content: "\f2ea"; +.ts-icon.is-square-minus-icon::before { + content: "\f146"; } -.ts-icon.is-wand-magic-sparkles-icon::before { - content: "\e2ca"; +.ts-icon.is-tent-arrows-down-icon::before { + content: "\e581"; } -.ts-icon.is-credit-card-icon::before { - content: "\f09d"; +.ts-icon.is-up-down-icon::before { + content: "\f338"; } -.ts-icon.is-restroom-icon::before { - content: "\f7bd"; +.ts-icon.is-wallet-icon::before { + content: "\f555"; } -.ts-icon.is-person-biking-icon::before { - content: "\f84a"; +.ts-icon.is-bread-slice-icon::before { + content: "\f7ec"; } -.ts-icon.is-centercode-icon::before { - font-family: "IconsBrands"; - content: "\f380"; +.ts-icon.is-hand-point-up-icon::before { + content: "\f0a6"; } -.ts-icon.is-confluence-icon::before { +.ts-icon.is-table-icon::before { + content: "\f0ce"; +} + +.ts-icon.is-cross-icon::before { + content: "\f654"; +} + +.ts-icon.is-square-snapchat-icon::before { font-family: "IconsBrands"; - content: "\f78d"; + content: "\f2ad"; } -.ts-icon.is-file-pdf-icon::before { - content: "\f1c1"; +.ts-icon.is-fire-icon::before { + content: "\f06d"; +} + +.ts-icon.is-gem-icon::before { + content: "\f3a5"; } .ts-icon.is-greater-than-icon::before { content: "\3e"; } -.ts-icon.is-object-ungroup-icon::before { - content: "\f248"; +.ts-icon.is-person-harassing-icon::before { + content: "\e549"; } -.ts-icon.is-people-pulling-icon::before { - content: "\e535"; +.ts-icon.is-share-icon::before { + content: "\f064"; } -.ts-icon.is-crop-icon::before { - content: "\f125"; +.ts-icon.is-vk-icon::before { + font-family: "IconsBrands"; + content: "\f189"; } -.ts-icon.is-dice-two-icon::before { - content: "\f528"; +.ts-icon.is-baby-carriage-icon::before { + content: "\f77d"; } -.ts-icon.is-superscript-icon::before { - content: "\f12b"; +.ts-icon.is-dice-one-icon::before { + content: "\f525"; } -.ts-icon.is-wheelchair-move-icon::before { - content: "\e2ce"; +.ts-icon.is-piggy-bank-icon::before { + content: "\f4d3"; } -.ts-icon.is-apple-whole-icon::before { - content: "\f5d1"; +.ts-icon.is-ruler-horizontal-icon::before { + content: "\f547"; } -.ts-icon.is-backward-icon::before { - content: "\f04a"; +.ts-icon.is-tooth-icon::before { + content: "\f5c9"; } -.ts-icon.is-angle-left-icon::before { - content: "\f104"; +.ts-icon.is-cow-icon::before { + content: "\f6c8"; } -.ts-icon.is-face-smile-beam-icon::before { - content: "\f5b8"; +.ts-icon.is-ello-icon::before { + font-family: "IconsBrands"; + content: "\f5f1"; } -.ts-icon.is-arrows-up-down-left-right-icon::before { - content: "\f047"; +.ts-icon.is-wordpress-simple-icon::before { + font-family: "IconsBrands"; + content: "\f411"; } -.ts-icon.is-bread-slice-icon::before { - content: "\f7ec"; +.ts-icon.is-ellipsis-vertical-icon::before { + content: "\f142"; } -.ts-icon.is-ship-icon::before { - content: "\f21a"; +.ts-icon.is-stopwatch-icon::before { + content: "\f2f2"; } -.ts-icon.is-hand-point-up-icon::before { - content: "\f0a6"; +.ts-icon.is-file-circle-minus-icon::before { + content: "\e4ed"; } -.ts-icon.is-table-cells-icon::before { - content: "\f00a"; +.ts-icon.is-brazilian-real-sign-icon::before { + content: "\e46c"; } -.ts-icon.is-table-cells-large-icon::before { - content: "\f009"; +.ts-icon.is-colon-sign-icon::before { + content: "\e140"; } -.ts-icon.is-angrycreative-icon::before { +.ts-icon.is-pix-icon::before { font-family: "IconsBrands"; - content: "\f36e"; -} - -.ts-icon.is-file-medical-icon::before { - content: "\f477"; + content: "\e43a"; } -.ts-icon.is-house-lock-icon::before { - content: "\e510"; +.ts-icon.is-lungs-virus-icon::before { + content: "\e067"; } -.ts-icon.is-bars-icon::before { - content: "\f0c9"; +.ts-icon.is-m-icon::before { + content: "\4d"; } -.ts-icon.is-jar-wheat-icon::before { - content: "\e517"; +.ts-icon.is-arrows-left-right-icon::before { + content: "\f07e"; } -.ts-icon.is-hourglass-start-icon::before { - content: "\f251"; +.ts-icon.is-award-icon::before { + content: "\f559"; } -.ts-icon.is-kit-medical-icon::before { - content: "\f479"; +.ts-icon.is-cc-discover-icon::before { + font-family: "IconsBrands"; + content: "\f1f2"; } -.ts-icon.is-square-js-icon::before { +.ts-icon.is-hooli-icon::before { font-family: "IconsBrands"; - content: "\f3b9"; + content: "\f427"; } -.ts-icon.is-9-icon::before { - content: "\39"; +.ts-icon.is-book-open-reader-icon::before { + content: "\f5da"; } -.ts-icon.is-battery-three-quarters-icon::before { - content: "\f241"; +.ts-icon.is-spray-can-sparkles-icon::before { + content: "\f5d0"; } -.ts-icon.is-face-grin-tongue-wink-icon::before { - content: "\f58b"; +.ts-icon.is-syringe-icon::before { + content: "\f48e"; } -.ts-icon.is-filter-circle-xmark-icon::before { - content: "\e17b"; +.ts-icon.is-comment-sms-icon::before { + content: "\f7cd"; } -.ts-icon.is-seedling-icon::before { - content: "\f4d8"; +.ts-icon.is-file-pen-icon::before { + content: "\f31c"; } -.ts-icon.is-arrow-up-z-a-icon::before { - content: "\f882"; +.ts-icon.is-rainbow-icon::before { + content: "\f75b"; } -.ts-icon.is-file-contract-icon::before { - content: "\f56c"; +.ts-icon.is-trash-can-icon::before { + content: "\f2ed"; } -.ts-icon.is-head-side-virus-icon::before { - content: "\e064"; +.ts-icon.is-list-icon::before { + content: "\f03a"; } -.ts-icon.is-laravel-icon::before { +.ts-icon.is-servicestack-icon::before { font-family: "IconsBrands"; - content: "\f3bd"; + content: "\f3ec"; } .ts-icon.is-spa-icon::before { content: "\f5bb"; } -.ts-icon.is-up-down-left-right-icon::before { - content: "\f0b2"; +.ts-icon.is-aviato-icon::before { + font-family: "IconsBrands"; + content: "\f421"; } -.ts-icon.is-circle-h-icon::before { - content: "\f47e"; +.ts-icon.is-centercode-icon::before { + font-family: "IconsBrands"; + content: "\f380"; } -.ts-icon.is-file-waveform-icon::before { - content: "\f478"; +.ts-icon.is-face-grin-hearts-icon::before { + content: "\f584"; } -.ts-icon.is-skype-icon::before { - font-family: "IconsBrands"; - content: "\f17e"; +.ts-icon.is-franc-sign-icon::before { + content: "\e18f"; } -.ts-icon.is-camera-retro-icon::before { - content: "\f083"; +.ts-icon.is-house-chimney-medical-icon::before { + content: "\f7f2"; } -.ts-icon.is-m-icon::before { - content: "\4d"; +.ts-icon.is-hands-bubbles-icon::before { + content: "\e05e"; } -.ts-icon.is-receipt-icon::before { - content: "\f543"; +.ts-icon.is-circle-half-stroke-icon::before { + content: "\f042"; } -.ts-icon.is-square-h-icon::before { - content: "\f0fd"; +.ts-icon.is-flipboard-icon::before { + font-family: "IconsBrands"; + content: "\f44d"; } -.ts-icon.is-naira-sign-icon::before { - content: "\e1f6"; +.ts-icon.is-digital-ocean-icon::before { + font-family: "IconsBrands"; + content: "\f391"; } -.ts-icon.is-spinner-icon::before { - content: "\f110"; +.ts-icon.is-school-icon::before { + content: "\f549"; } -.ts-icon.is-affiliatetheme-icon::before { - font-family: "IconsBrands"; - content: "\f36b"; +.ts-icon.is-mask-face-icon::before { + content: "\e1d7"; } -.ts-icon.is-cloud-moon-rain-icon::before { - content: "\f73c"; +.ts-icon.is-message-icon::before { + content: "\f27a"; } -.ts-icon.is-crutch-icon::before { - content: "\f7f7"; +.ts-icon.is-mobile-screen-icon::before { + content: "\f3cf"; } -.ts-icon.is-dove-icon::before { - content: "\f4ba"; +.ts-icon.is-paragraph-icon::before { + content: "\f1dd"; } -.ts-icon.is-icicles-icon::before { - content: "\f7ad"; +.ts-icon.is-signature-icon::before { + content: "\f5b7"; } -.ts-icon.is-khanda-icon::before { - content: "\f66d"; +.ts-icon.is-cedi-sign-icon::before { + content: "\e0df"; } -.ts-icon.is-chalkboard-icon::before { - content: "\f51b"; +.ts-icon.is-dice-six-icon::before { + content: "\f526"; } -.ts-icon.is-earlybirds-icon::before { - font-family: "IconsBrands"; - content: "\f39a"; +.ts-icon.is-flask-icon::before { + content: "\f0c3"; } -.ts-icon.is-tornado-icon::before { - content: "\f76f"; +.ts-icon.is-child-combatant-icon::before { + content: "\e4e0"; } -.ts-icon.is-chess-board-icon::before { - content: "\f43c"; +.ts-icon.is-snowplow-icon::before { + content: "\f7d2"; } -.ts-icon.is-shield-icon::before { - content: "\f132"; +.ts-icon.is-wand-sparkles-icon::before { + content: "\f72b"; } -.ts-icon.is-ubuntu-icon::before { - font-family: "IconsBrands"; - content: "\f7df"; +.ts-icon.is-bars-icon::before { + content: "\f0c9"; } -.ts-icon.is-sistrix-icon::before { - font-family: "IconsBrands"; - content: "\f3ee"; +.ts-icon.is-carrot-icon::before { + content: "\f787"; } -.ts-icon.is-docker-icon::before { - font-family: "IconsBrands"; - content: "\f395"; +.ts-icon.is-circle-pause-icon::before { + content: "\f28b"; } -.ts-icon.is-nfc-directional-icon::before { +.ts-icon.is-earlybirds-icon::before { font-family: "IconsBrands"; - content: "\e530"; + content: "\f39a"; } -.ts-icon.is-truck-fast-icon::before { - content: "\f48b"; +.ts-icon.is-left-right-icon::before { + content: "\f337"; } -.ts-icon.is-user-lock-icon::before { - content: "\f502"; +.ts-icon.is-3-icon::before { + content: "\33"; } -.ts-icon.is-staylinked-icon::before { +.ts-icon.is-bluetooth-b-icon::before { font-family: "IconsBrands"; - content: "\f3f5"; + content: "\f294"; } -.ts-icon.is-twitch-icon::before { - font-family: "IconsBrands"; - content: "\f1e8"; +.ts-icon.is-meteor-icon::before { + content: "\f753"; } -.ts-icon.is-cat-icon::before { - content: "\f6be"; +.ts-icon.is-code-fork-icon::before { + content: "\e13b"; } -.ts-icon.is-grip-lines-vertical-icon::before { - content: "\f7a5"; +.ts-icon.is-holly-berry-icon::before { + content: "\f7aa"; } -.ts-icon.is-microsoft-icon::before { - font-family: "IconsBrands"; - content: "\f3ca"; +.ts-icon.is-rotate-right-icon::before { + content: "\f2f9"; } -.ts-icon.is-scroll-torah-icon::before { - content: "\f6a0"; +.ts-icon.is-building-circle-check-icon::before { + content: "\e4d2"; } -.ts-icon.is-hospital-user-icon::before { - content: "\f80d"; +.ts-icon.is-id-card-icon::before { + content: "\f2c2"; } -.ts-icon.is-nfc-symbol-icon::before { +.ts-icon.is-rocketchat-icon::before { font-family: "IconsBrands"; - content: "\e531"; -} - -.ts-icon.is-users-icon::before { - content: "\f0c0"; + content: "\f3e8"; } -.ts-icon.is-futbol-icon::before { - content: "\f1e3"; +.ts-icon.is-torii-gate-icon::before { + content: "\f6a1"; } -.ts-icon.is-42-group-icon::before { +.ts-icon.is-app-store-icon::before { font-family: "IconsBrands"; - content: "\e080"; -} - -.ts-icon.is-shop-lock-icon::before { - content: "\e4a5"; -} - -.ts-icon.is-syringe-icon::before { - content: "\f48e"; + content: "\f36f"; } -.ts-icon.is-hands-holding-circle-icon::before { - content: "\e4fb"; +.ts-icon.is-react-icon::before { + font-family: "IconsBrands"; + content: "\f41b"; } -.ts-icon.is-square-hacker-news-icon::before { +.ts-icon.is-kickstarter-icon::before { font-family: "IconsBrands"; - content: "\f3af"; + content: "\f3bb"; } -.ts-icon.is-temperature-empty-icon::before { - content: "\f2cb"; +.ts-icon.is-place-of-worship-icon::before { + content: "\f67f"; } -.ts-icon.is-twitter-icon::before { - font-family: "IconsBrands"; - content: "\f099"; +.ts-icon.is-chalkboard-user-icon::before { + content: "\f51c"; } -.ts-icon.is-unsplash-icon::before { +.ts-icon.is-cotton-bureau-icon::before { font-family: "IconsBrands"; - content: "\e07c"; + content: "\f89e"; } -.ts-icon.is-circle-arrow-down-icon::before { - content: "\f0ab"; +.ts-icon.is-plane-lock-icon::before { + content: "\e558"; } -.ts-icon.is-deploydog-icon::before { +.ts-icon.is-rust-icon::before { font-family: "IconsBrands"; - content: "\f38e"; + content: "\e07a"; } -.ts-icon.is-face-kiss-wink-heart-icon::before { - content: "\f598"; +.ts-icon.is-grip-icon::before { + content: "\f58d"; } -.ts-icon.is-horse-head-icon::before { - content: "\f7ab"; +.ts-icon.is-person-booth-icon::before { + content: "\f756"; } -.ts-icon.is-speaker-deck-icon::before { - font-family: "IconsBrands"; - content: "\f83c"; +.ts-icon.is-genderless-icon::before { + content: "\f22d"; } -.ts-icon.is-spray-can-sparkles-icon::before { - content: "\f5d0"; +.ts-icon.is-jet-fighter-up-icon::before { + content: "\e518"; } -.ts-icon.is-apple-icon::before { - font-family: "IconsBrands"; - content: "\f179"; +.ts-icon.is-terminal-icon::before { + content: "\f120"; } -.ts-icon.is-cloud-bolt-icon::before { - content: "\f76c"; +.ts-icon.is-trash-can-arrow-up-icon::before { + content: "\f82a"; } -.ts-icon.is-cpanel-icon::before { +.ts-icon.is-amilia-icon::before { font-family: "IconsBrands"; - content: "\f388"; + content: "\f36d"; } -.ts-icon.is-spoon-icon::before { - content: "\f2e5"; +.ts-icon.is-arrows-rotate-icon::before { + content: "\f021"; } -.ts-icon.is-couch-icon::before { - content: "\f4b8"; +.ts-icon.is-star-half-stroke-icon::before { + content: "\f5c0"; } -.ts-icon.is-hand-spock-icon::before { - content: "\f259"; +.ts-icon.is-location-pin-lock-icon::before { + content: "\e51f"; } -.ts-icon.is-creative-commons-pd-alt-icon::before { - font-family: "IconsBrands"; - content: "\f4ed"; +.ts-icon.is-magnifying-glass-icon::before { + content: "\f002"; } -.ts-icon.is-life-ring-icon::before { - content: "\f1cd"; +.ts-icon.is-square-pinterest-icon::before { + font-family: "IconsBrands"; + content: "\f0d3"; } -.ts-icon.is-file-powerpoint-icon::before { - content: "\f1c4"; +.ts-icon.is-heart-icon::before { + content: "\f004"; } -.ts-icon.is-play-icon::before { - content: "\f04b"; +.ts-icon.is-money-bill-wave-icon::before { + content: "\f53a"; } -.ts-icon.is-ranking-star-icon::before { - content: "\e561"; +.ts-icon.is-parachute-box-icon::before { + content: "\f4cd"; } -.ts-icon.is-think-peaks-icon::before { +.ts-icon.is-square-hacker-news-icon::before { font-family: "IconsBrands"; - content: "\f731"; + content: "\f3af"; } -.ts-icon.is-sack-dollar-icon::before { - content: "\f81d"; +.ts-icon.is-up-right-from-square-icon::before { + content: "\f35d"; } -.ts-icon.is-boxes-stacked-icon::before { - content: "\f468"; +.ts-icon.is-bold-icon::before { + content: "\f032"; } -.ts-icon.is-ethereum-icon::before { +.ts-icon.is-discord-icon::before { font-family: "IconsBrands"; - content: "\f42e"; + content: "\f392"; } -.ts-icon.is-face-surprise-icon::before { - content: "\f5c2"; +.ts-icon.is-user-clock-icon::before { + content: "\f4fd"; } -.ts-icon.is-house-crack-icon::before { - content: "\e3b1"; +.ts-icon.is-virus-slash-icon::before { + content: "\e075"; } -.ts-icon.is-magnifying-glass-plus-icon::before { - content: "\f00e"; +.ts-icon.is-vuejs-icon::before { + font-family: "IconsBrands"; + content: "\f41f"; } -.ts-icon.is-microscope-icon::before { - content: "\f610"; +.ts-icon.is-arrows-to-dot-icon::before { + content: "\e4be"; } -.ts-icon.is-crow-icon::before { - content: "\f520"; +.ts-icon.is-face-sad-cry-icon::before { + content: "\f5b3"; } -.ts-icon.is-file-arrow-down-icon::before { - content: "\f56d"; +.ts-icon.is-dog-icon::before { + content: "\f6d3"; } -.ts-icon.is-headphones-icon::before { - content: "\f025"; +.ts-icon.is-jar-icon::before { + content: "\e516"; } -.ts-icon.is-leaf-icon::before { - content: "\f06c"; +.ts-icon.is-first-order-alt-icon::before { + font-family: "IconsBrands"; + content: "\f50a"; } -.ts-icon.is-q-icon::before { - content: "\51"; +.ts-icon.is-turn-up-icon::before { + content: "\f3bf"; } -.ts-icon.is-envelope-icon::before { - content: "\f0e0"; +.ts-icon.is-s-icon::before { + content: "\53"; } -.ts-icon.is-hands-holding-child-icon::before { - content: "\e4fa"; +.ts-icon.is-user-plus-icon::before { + content: "\f234"; } -.ts-icon.is-road-icon::before { - content: "\f018"; +.ts-icon.is-building-lock-icon::before { + content: "\e4d6"; } -.ts-icon.is-route-icon::before { - content: "\f4d7"; +.ts-icon.is-network-wired-icon::before { + content: "\f6ff"; } -.ts-icon.is-amilia-icon::before { +.ts-icon.is-skyatlas-icon::before { font-family: "IconsBrands"; - content: "\f36d"; -} - -.ts-icon.is-martini-glass-empty-icon::before { - content: "\f000"; + content: "\f216"; } -.ts-icon.is-page4-icon::before { +.ts-icon.is-square-font-awesome-icon::before { font-family: "IconsBrands"; - content: "\f3d7"; + content: "\e5ad"; } -.ts-icon.is-sack-xmark-icon::before { - content: "\e56a"; +.ts-icon.is-xmarks-lines-icon::before { + content: "\e59a"; } -.ts-icon.is-trademark-icon::before { - content: "\f25c"; +.ts-icon.is-angle-left-icon::before { + content: "\f104"; } -.ts-icon.is-maximize-icon::before { - content: "\f31e"; +.ts-icon.is-down-long-icon::before { + content: "\f309"; } -.ts-icon.is-message-icon::before { - content: "\f27a"; +.ts-icon.is-sailboat-icon::before { + content: "\e445"; } -.ts-icon.is-square-youtube-icon::before { - font-family: "IconsBrands"; - content: "\f431"; +.ts-icon.is-school-circle-check-icon::before { + content: "\e56b"; } -.ts-icon.is-autoprefixer-icon::before { - font-family: "IconsBrands"; - content: "\f41c"; +.ts-icon.is-user-large-slash-icon::before { + content: "\f4fa"; } -.ts-icon.is-blogger-b-icon::before { +.ts-icon.is-xing-icon::before { font-family: "IconsBrands"; - content: "\f37d"; + content: "\f168"; } -.ts-icon.is-envelopes-bulk-icon::before { - content: "\f674"; +.ts-icon.is-language-icon::before { + content: "\f1ab"; } -.ts-icon.is-eye-low-vision-icon::before { - content: "\f2a8"; +.ts-icon.is-rev-icon::before { + font-family: "IconsBrands"; + content: "\f5b2"; } -.ts-icon.is-folder-plus-icon::before { - content: "\f65e"; +.ts-icon.is-seedling-icon::before { + content: "\f4d8"; } -.ts-icon.is-user-astronaut-icon::before { - content: "\f4fb"; +.ts-icon.is-circle-xmark-icon::before { + content: "\f057"; } -.ts-icon.is-arrow-up-9-1-icon::before { - content: "\f887"; +.ts-icon.is-plane-up-icon::before { + content: "\e22d"; } -.ts-icon.is-cloud-sun-rain-icon::before { - content: "\f743"; +.ts-icon.is-hat-cowboy-side-icon::before { + content: "\f8c1"; } -.ts-icon.is-connectdevelop-icon::before { - font-family: "IconsBrands"; - content: "\f20e"; +.ts-icon.is-hotdog-icon::before { + content: "\f80f"; } -.ts-icon.is-ember-icon::before { +.ts-icon.is-nfc-symbol-icon::before { font-family: "IconsBrands"; - content: "\f423"; + content: "\e531"; } -.ts-icon.is-jsfiddle-icon::before { - font-family: "IconsBrands"; - content: "\f1cc"; +.ts-icon.is-arrow-left-icon::before { + content: "\f060"; } -.ts-icon.is-tent-arrow-down-to-line-icon::before { - content: "\e57e"; +.ts-icon.is-clock-icon::before { + content: "\f017"; } -.ts-icon.is-dumbbell-icon::before { - content: "\f44b"; +.ts-icon.is-futbol-icon::before { + content: "\f1e3"; } -.ts-icon.is-face-grin-icon::before { - content: "\f580"; +.ts-icon.is-trademark-icon::before { + content: "\f25c"; } -.ts-icon.is-motorcycle-icon::before { - content: "\f21c"; +.ts-icon.is-square-xmark-icon::before { + content: "\f2d3"; } -.ts-icon.is-person-circle-xmark-icon::before { - content: "\e543"; +.ts-icon.is-clapperboard-icon::before { + content: "\e131"; } -.ts-icon.is-camera-rotate-icon::before { - content: "\e0d8"; +.ts-icon.is-file-arrow-up-icon::before { + content: "\f574"; } -.ts-icon.is-ellipsis-vertical-icon::before { - content: "\f142"; +.ts-icon.is-scissors-icon::before { + content: "\f0c4"; } -.ts-icon.is-face-grin-tongue-squint-icon::before { - content: "\f58a"; +.ts-icon.is-wordpress-icon::before { + font-family: "IconsBrands"; + content: "\f19a"; } -.ts-icon.is-star-icon::before { - content: "\f005"; +.ts-icon.is-ear-listen-icon::before { + content: "\f2a2"; } -.ts-icon.is-earth-americas-icon::before { - content: "\f57d"; +.ts-icon.is-plane-slash-icon::before { + content: "\e069"; } -.ts-icon.is-fish-icon::before { - content: "\f578"; +.ts-icon.is-desktop-icon::before { + content: "\f390"; } -.ts-icon.is-road-lock-icon::before { - content: "\e567"; +.ts-icon.is-dice-two-icon::before { + content: "\f528"; } -.ts-icon.is-text-width-icon::before { - content: "\f035"; +.ts-icon.is-fedex-icon::before { + font-family: "IconsBrands"; + content: "\f797"; } -.ts-icon.is-charging-station-icon::before { - content: "\f5e7"; +.ts-icon.is-tencent-weibo-icon::before { + font-family: "IconsBrands"; + content: "\f1d5"; } -.ts-icon.is-ethernet-icon::before { - content: "\f796"; +.ts-icon.is-binoculars-icon::before { + content: "\f1e5"; } -.ts-icon.is-om-icon::before { - content: "\f679"; +.ts-icon.is-blackberry-icon::before { + font-family: "IconsBrands"; + content: "\f37b"; } -.ts-icon.is-road-circle-check-icon::before { - content: "\e564"; +.ts-icon.is-faucet-icon::before { + content: "\e005"; } -.ts-icon.is-bridge-circle-xmark-icon::before { - content: "\e4cb"; +.ts-icon.is-circle-arrow-up-icon::before { + content: "\f0aa"; } -.ts-icon.is-bridge-circle-exclamation-icon::before { - content: "\e4ca"; +.ts-icon.is-face-grin-tongue-icon::before { + content: "\f589"; } -.ts-icon.is-dice-d20-icon::before { - content: "\f6cf"; +.ts-icon.is-bitcoin-icon::before { + font-family: "IconsBrands"; + content: "\f379"; } -.ts-icon.is-neuter-icon::before { - content: "\f22c"; +.ts-icon.is-car-tunnel-icon::before { + content: "\e4de"; } -.ts-icon.is-person-arrow-up-from-line-icon::before { - content: "\e539"; +.ts-icon.is-raspberry-pi-icon::before { + font-family: "IconsBrands"; + content: "\f7bb"; } -.ts-icon.is-galactic-republic-icon::before { - font-family: "IconsBrands"; - content: "\f50c"; +.ts-icon.is-table-columns-icon::before { + content: "\f0db"; } -.ts-icon.is-italic-icon::before { - content: "\f033"; +.ts-icon.is-house-fire-icon::before { + content: "\e50c"; } -.ts-icon.is-turn-up-icon::before { - content: "\f3bf"; +.ts-icon.is-skype-icon::before { + font-family: "IconsBrands"; + content: "\f17e"; } -.ts-icon.is-5-icon::before { - content: "\35"; +.ts-icon.is-blog-icon::before { + content: "\f781"; } -.ts-icon.is-democrat-icon::before { - content: "\f747"; +.ts-icon.is-hackerrank-icon::before { + font-family: "IconsBrands"; + content: "\f5f7"; } -.ts-icon.is-magnifying-glass-dollar-icon::before { - content: "\f688"; +.ts-icon.is-down-left-and-up-right-to-center-icon::before { + content: "\f422"; } -.ts-icon.is-mountain-icon::before { - content: "\f6fc"; +.ts-icon.is-hand-middle-finger-icon::before { + content: "\f806"; } -.ts-icon.is-spell-check-icon::before { - content: "\f891"; +.ts-icon.is-mars-stroke-right-icon::before { + content: "\f22b"; } -.ts-icon.is-user-minus-icon::before { - content: "\f503"; +.ts-icon.is-synagogue-icon::before { + content: "\f69b"; } -.ts-icon.is-rust-icon::before { - font-family: "IconsBrands"; - content: "\e07a"; +.ts-icon.is-tachograph-digital-icon::before { + content: "\f566"; } -.ts-icon.is-square-rss-icon::before { - content: "\f143"; +.ts-icon.is-atlassian-icon::before { + font-family: "IconsBrands"; + content: "\f77b"; } -.ts-icon.is-angles-up-icon::before { - content: "\f102"; +.ts-icon.is-backward-fast-icon::before { + content: "\f049"; } -.ts-icon.is-cube-icon::before { - content: "\f1b2"; +.ts-icon.is-fire-flame-simple-icon::before { + content: "\f46a"; } -.ts-icon.is-delicious-icon::before { +.ts-icon.is-optin-monster-icon::before { font-family: "IconsBrands"; - content: "\f1a5"; + content: "\f23c"; } -.ts-icon.is-magnifying-glass-arrow-right-icon::before { - content: "\e521"; +.ts-icon.is-temperature-arrow-up-icon::before { + content: "\e040"; } -.ts-icon.is-mobile-screen-icon::before { - content: "\f3cf"; +.ts-icon.is-camera-retro-icon::before { + content: "\f083"; } -.ts-icon.is-yandex-icon::before { +.ts-icon.is-creative-commons-remix-icon::before { font-family: "IconsBrands"; - content: "\f413"; -} - -.ts-icon.is-arrow-right-icon::before { - content: "\f061"; + content: "\f4ee"; } -.ts-icon.is-clipboard-icon::before { - content: "\f328"; +.ts-icon.is-check-double-icon::before { + content: "\f560"; } -.ts-icon.is-d-and-d-icon::before { +.ts-icon.is-confluence-icon::before { font-family: "IconsBrands"; - content: "\f38d"; -} - -.ts-icon.is-guarani-sign-icon::before { - content: "\e19a"; + content: "\f78d"; } -.ts-icon.is-wordpress-icon::before { - font-family: "IconsBrands"; - content: "\f19a"; +.ts-icon.is-quote-right-icon::before { + content: "\f10e"; } -.ts-icon.is-handshake-slash-icon::before { - content: "\e060"; +.ts-icon.is-trash-icon::before { + content: "\f1f8"; } -.ts-icon.is-get-pocket-icon::before { +.ts-icon.is-algolia-icon::before { font-family: "IconsBrands"; - content: "\f265"; + content: "\f36c"; } -.ts-icon.is-j-icon::before { - content: "\4a"; +.ts-icon.is-angle-right-icon::before { + content: "\f105"; } -.ts-icon.is-pen-clip-icon::before { - content: "\f305"; +.ts-icon.is-folder-plus-icon::before { + content: "\f65e"; } -.ts-icon.is-up-right-and-down-left-from-center-icon::before { - content: "\f424"; +.ts-icon.is-arrows-turn-to-dots-icon::before { + content: "\e4c1"; } -.ts-icon.is-wix-icon::before { - font-family: "IconsBrands"; - content: "\f5cf"; +.ts-icon.is-bolt-lightning-icon::before { + content: "\e0b7"; } -.ts-icon.is-circle-radiation-icon::before { - content: "\f7ba"; +.ts-icon.is-toilet-paper-icon::before { + content: "\f71e"; } -.ts-icon.is-file-circle-exclamation-icon::before { - content: "\e4eb"; +.ts-icon.is-calendar-minus-icon::before { + content: "\f272"; } -.ts-icon.is-kaaba-icon::before { - content: "\f66b"; +.ts-icon.is-sistrix-icon::before { + font-family: "IconsBrands"; + content: "\f3ee"; } -.ts-icon.is-ns8-icon::before { - font-family: "IconsBrands"; - content: "\f3d5"; +.ts-icon.is-thumbtack-icon::before { + content: "\f08d"; } -.ts-icon.is-pizza-slice-icon::before { - content: "\f818"; +.ts-icon.is-shop-lock-icon::before { + content: "\e4a5"; } -.ts-icon.is-plug-circle-check-icon::before { - content: "\e55c"; +.ts-icon.is-snowflake-icon::before { + content: "\f2dc"; } -.ts-icon.is-xing-icon::before { +.ts-icon.is-screenpal-icon::before { font-family: "IconsBrands"; - content: "\f168"; + content: "\e570"; } -.ts-icon.is-umbraco-icon::before { - font-family: "IconsBrands"; - content: "\f8e8"; +.ts-icon.is-text-height-icon::before { + content: "\f034"; } -.ts-icon.is-arrows-split-up-and-left-icon::before { - content: "\e4bc"; +.ts-icon.is-building-circle-exclamation-icon::before { + content: "\e4d3"; } -.ts-icon.is-book-quran-icon::before { - content: "\f687"; +.ts-icon.is-person-breastfeeding-icon::before { + content: "\e53a"; } -.ts-icon.is-dropbox-icon::before { +.ts-icon.is-person-shelter-icon::before { + content: "\e54f"; +} + +.ts-icon.is-500px-icon::before { font-family: "IconsBrands"; - content: "\f16b"; + content: "\f26e"; } -.ts-icon.is-flag-checkered-icon::before { - content: "\f11e"; +.ts-icon.is-suitcase-medical-icon::before { + content: "\f0fa"; } -.ts-icon.is-right-long-icon::before { - content: "\f30b"; +.ts-icon.is-caret-left-icon::before { + content: "\f0d9"; } -.ts-icon.is-socks-icon::before { - content: "\f696"; +.ts-icon.is-mosquito-net-icon::before { + content: "\e52c"; } -.ts-icon.is-compact-disc-icon::before { - content: "\f51f"; +.ts-icon.is-shuffle-icon::before { + content: "\f074"; } -.ts-icon.is-server-icon::before { - content: "\f233"; +.ts-icon.is-store-slash-icon::before { + content: "\e071"; } -.ts-icon.is-skull-icon::before { - content: "\f54c"; +.ts-icon.is-apple-whole-icon::before { + content: "\f5d1"; } -.ts-icon.is-circle-up-icon::before { - content: "\f35b"; +.ts-icon.is-bottle-water-icon::before { + content: "\e4c5"; } -.ts-icon.is-copy-icon::before { - content: "\f0c5"; +.ts-icon.is-cubes-icon::before { + content: "\f1b3"; } -.ts-icon.is-goodreads-icon::before { +.ts-icon.is-themeco-icon::before { font-family: "IconsBrands"; - content: "\f3a8"; + content: "\f5c6"; } -.ts-icon.is-i-icon::before { - content: "\49"; +.ts-icon.is-angellist-icon::before { + font-family: "IconsBrands"; + content: "\f209"; } -.ts-icon.is-studiovinari-icon::before { +.ts-icon.is-forumbee-icon::before { font-family: "IconsBrands"; - content: "\f3f8"; + content: "\f211"; } -.ts-icon.is-bridge-icon::before { - content: "\e4c8"; +.ts-icon.is-hand-icon::before { + content: "\f256"; } -.ts-icon.is-cart-shopping-icon::before { - content: "\f07a"; +.ts-icon.is-person-walking-arrow-loop-left-icon::before { + content: "\e551"; } -.ts-icon.is-gifts-icon::before { - content: "\f79c"; +.ts-icon.is-pied-piper-pp-icon::before { + font-family: "IconsBrands"; + content: "\f1a7"; } -.ts-icon.is-square-caret-down-icon::before { - content: "\f150"; +.ts-icon.is-bootstrap-icon::before { + font-family: "IconsBrands"; + content: "\f836"; } -.ts-icon.is-viadeo-icon::before { - font-family: "IconsBrands"; - content: "\f2a9"; +.ts-icon.is-envelope-icon::before { + content: "\f0e0"; } -.ts-icon.is-baseball-bat-ball-icon::before { - content: "\f432"; +.ts-icon.is-mobile-screen-button-icon::before { + content: "\f3cd"; } -.ts-icon.is-circle-left-icon::before { - content: "\f359"; +.ts-icon.is-teeth-open-icon::before { + content: "\f62f"; } -.ts-icon.is-cloudsmith-icon::before { +.ts-icon.is-typo3-icon::before { font-family: "IconsBrands"; - content: "\f384"; + content: "\f42b"; } -.ts-icon.is-droplet-icon::before { - content: "\f043"; +.ts-icon.is-biohazard-icon::before { + content: "\f780"; } -.ts-icon.is-eye-dropper-icon::before { - content: "\f1fb"; +.ts-icon.is-box-icon::before { + content: "\f466"; } -.ts-icon.is-paintbrush-icon::before { - content: "\f1fc"; +.ts-icon.is-users-rectangle-icon::before { + content: "\e594"; } -.ts-icon.is-arrow-up-from-ground-water-icon::before { - content: "\e4b5"; +.ts-icon.is-bangladeshi-taka-sign-icon::before { + content: "\e2e6"; } -.ts-icon.is-playstation-icon::before { - font-family: "IconsBrands"; - content: "\f3df"; +.ts-icon.is-earth-asia-icon::before { + content: "\f57e"; } -.ts-icon.is-volume-high-icon::before { - content: "\f028"; +.ts-icon.is-comment-dollar-icon::before { + content: "\f651"; } -.ts-icon.is-door-closed-icon::before { - content: "\f52a"; +.ts-icon.is-css3-alt-icon::before { + font-family: "IconsBrands"; + content: "\f38b"; } -.ts-icon.is-lungs-virus-icon::before { - content: "\e067"; +.ts-icon.is-person-arrow-up-from-line-icon::before { + content: "\e539"; } -.ts-icon.is-rupiah-sign-icon::before { - content: "\e23d"; +.ts-icon.is-timeline-icon::before { + content: "\e29c"; } -.ts-icon.is-house-flag-icon::before { - content: "\e50d"; +.ts-icon.is-unity-icon::before { + font-family: "IconsBrands"; + content: "\e049"; } -.ts-icon.is-square-parking-icon::before { - content: "\f540"; +.ts-icon.is-42-group-icon::before { + font-family: "IconsBrands"; + content: "\e080"; } -.ts-icon.is-4-icon::before { - content: "\34"; +.ts-icon.is-avianex-icon::before { + font-family: "IconsBrands"; + content: "\f374"; } -.ts-icon.is-building-circle-check-icon::before { - content: "\e4d2"; +.ts-icon.is-wikipedia-w-icon::before { + font-family: "IconsBrands"; + content: "\f266"; } -.ts-icon.is-folder-minus-icon::before { - content: "\f65d"; +.ts-icon.is-node-js-icon::before { + font-family: "IconsBrands"; + content: "\f3d3"; } -.ts-icon.is-youtube-icon::before { +.ts-icon.is-redhat-icon::before { font-family: "IconsBrands"; - content: "\f167"; + content: "\f7bc"; } -.ts-icon.is-mars-stroke-right-icon::before { - content: "\f22b"; +.ts-icon.is-magento-icon::before { + font-family: "IconsBrands"; + content: "\f3c4"; } -.ts-icon.is-cloudflare-icon::before { +.ts-icon.is-mailchimp-icon::before { font-family: "IconsBrands"; - content: "\e07d"; + content: "\f59e"; } -.ts-icon.is-creative-commons-sampling-icon::before { +.ts-icon.is-supple-icon::before { font-family: "IconsBrands"; - content: "\f4f0"; + content: "\f3f9"; } -.ts-icon.is-fingerprint-icon::before { - content: "\f577"; +.ts-icon.is-table-cells-large-icon::before { + content: "\f009"; } -.ts-icon.is-golang-icon::before { +.ts-icon.is-free-code-camp-icon::before { font-family: "IconsBrands"; - content: "\e40f"; + content: "\f2c5"; } -.ts-icon.is-mobile-screen-button-icon::before { - content: "\f3cd"; +.ts-icon.is-hourglass-end-icon::before { + content: "\f253"; } -.ts-icon.is-file-export-icon::before { - content: "\f56e"; +.ts-icon.is-code-merge-icon::before { + content: "\f387"; } -.ts-icon.is-headphones-simple-icon::before { - content: "\f58f"; +.ts-icon.is-house-flood-water-circle-arrow-right-icon::before { + content: "\e50f"; } -.ts-icon.is-house-user-icon::before { - content: "\e1b0"; +.ts-icon.is-plane-circle-xmark-icon::before { + content: "\e557"; } -.ts-icon.is-arrow-pointer-icon::before { - content: "\f245"; +.ts-icon.is-yarn-icon::before { + font-family: "IconsBrands"; + content: "\f7e3"; } -.ts-icon.is-circle-question-icon::before { - content: "\f059"; +.ts-icon.is-circle-user-icon::before { + content: "\f2bd"; } -.ts-icon.is-square-minus-icon::before { - content: "\f146"; +.ts-icon.is-cloud-showers-heavy-icon::before { + content: "\f740"; } -.ts-icon.is-sun-icon::before { - content: "\f185"; +.ts-icon.is-face-dizzy-icon::before { + content: "\f567"; } -.ts-icon.is-address-book-icon::before { - content: "\f2b9"; +.ts-icon.is-file-csv-icon::before { + content: "\f6dd"; } -.ts-icon.is-gun-icon::before { - content: "\e19b"; +.ts-icon.is-house-icon::before { + content: "\f015"; } -.ts-icon.is-lock-icon::before { - content: "\f023"; +.ts-icon.is-arrows-up-to-line-icon::before { + content: "\e4c2"; } -.ts-icon.is-money-bill-wave-icon::before { - content: "\f53a"; +.ts-icon.is-cat-icon::before { + content: "\f6be"; } -.ts-icon.is-rupee-sign-icon::before { - content: "\f156"; +.ts-icon.is-face-smile-wink-icon::before { + content: "\f4da"; } -.ts-icon.is-toilet-paper-slash-icon::before { - content: "\e072"; +.ts-icon.is-faucet-drip-icon::before { + content: "\e006"; } -.ts-icon.is-contao-icon::before { - font-family: "IconsBrands"; - content: "\f26d"; +.ts-icon.is-record-vinyl-icon::before { + content: "\f8d9"; } -.ts-icon.is-linkedin-icon::before { - font-family: "IconsBrands"; - content: "\f08c"; +.ts-icon.is-tty-icon::before { + content: "\f1e4"; } -.ts-icon.is-not-equal-icon::before { - content: "\f53e"; +.ts-icon.is-accusoft-icon::before { + font-family: "IconsBrands"; + content: "\f369"; } -.ts-icon.is-hashtag-icon::before { - content: "\23"; +.ts-icon.is-circle-arrow-down-icon::before { + content: "\f0ab"; } -.ts-icon.is-slash-icon::before { - content: "\f715"; +.ts-icon.is-meetup-icon::before { + font-family: "IconsBrands"; + content: "\f2e0"; } -.ts-icon.is-mountain-city-icon::before { - content: "\e52e"; +.ts-icon.is-plane-arrival-icon::before { + content: "\f5af"; } -.ts-icon.is-patreon-icon::before { - font-family: "IconsBrands"; - content: "\f3d9"; +.ts-icon.is-wrench-icon::before { + content: "\f0ad"; } -.ts-icon.is-user-ninja-icon::before { - content: "\f504"; +.ts-icon.is-arrow-down-long-icon::before { + content: "\f175"; } -.ts-icon.is-android-icon::before { - font-family: "IconsBrands"; - content: "\f17b"; +.ts-icon.is-droplet-icon::before { + content: "\f043"; } -.ts-icon.is-face-meh-icon::before { - content: "\f11a"; +.ts-icon.is-comment-icon::before { + content: "\f075"; } -.ts-icon.is-algolia-icon::before { +.ts-icon.is-bandcamp-icon::before { font-family: "IconsBrands"; - content: "\f36c"; -} - -.ts-icon.is-bus-icon::before { - content: "\f207"; + content: "\f2d5"; } -.ts-icon.is-dumpster-fire-icon::before { - content: "\f794"; +.ts-icon.is-box-open-icon::before { + content: "\f49e"; } -.ts-icon.is-fedora-icon::before { - font-family: "IconsBrands"; - content: "\f798"; +.ts-icon.is-money-check-icon::before { + content: "\f53c"; } -.ts-icon.is-hanukiah-icon::before { - content: "\f6e6"; +.ts-icon.is-arrow-right-icon::before { + content: "\f061"; } -.ts-icon.is-lari-sign-icon::before { - content: "\e1c8"; +.ts-icon.is-face-grin-beam-sweat-icon::before { + content: "\f583"; } -.ts-icon.is-map-pin-icon::before { - content: "\f276"; +.ts-icon.is-mars-stroke-up-icon::before { + content: "\f22a"; } -.ts-icon.is-person-circle-exclamation-icon::before { - content: "\e53f"; +.ts-icon.is-v-icon::before { + content: "\56"; } -.ts-icon.is-users-rays-icon::before { - content: "\e593"; +.ts-icon.is-child-reaching-icon::before { + content: "\e59d"; } -.ts-icon.is-squarespace-icon::before { +.ts-icon.is-hornbill-icon::before { font-family: "IconsBrands"; - content: "\f5be"; + content: "\f592"; } -.ts-icon.is-evernote-icon::before { +.ts-icon.is-goodreads-g-icon::before { font-family: "IconsBrands"; - content: "\f839"; + content: "\f3a9"; } -.ts-icon.is-print-icon::before { - content: "\f02f"; +.ts-icon.is-truck-monster-icon::before { + content: "\f63b"; } -.ts-icon.is-grip-lines-icon::before { - content: "\f7a4"; +.ts-icon.is-circle-arrow-left-icon::before { + content: "\f0a8"; } -.ts-icon.is-lyft-icon::before { +.ts-icon.is-kaggle-icon::before { font-family: "IconsBrands"; - content: "\f3c3"; + content: "\f5fa"; } -.ts-icon.is-phabricator-icon::before { - font-family: "IconsBrands"; - content: "\f3db"; +.ts-icon.is-file-invoice-dollar-icon::before { + content: "\f571"; } -.ts-icon.is-zhihu-icon::before { +.ts-icon.is-leanpub-icon::before { font-family: "IconsBrands"; - content: "\f63f"; + content: "\f212"; } -.ts-icon.is-chart-line-icon::before { - content: "\f201"; +.ts-icon.is-rocket-icon::before { + content: "\f135"; } -.ts-icon.is-check-to-slot-icon::before { - content: "\f772"; +.ts-icon.is-c-icon::before { + content: "\43"; } -.ts-icon.is-hire-a-helper-icon::before { - font-family: "IconsBrands"; - content: "\f3b0"; +.ts-icon.is-file-circle-plus-icon::before { + content: "\e494"; } -.ts-icon.is-passport-icon::before { - content: "\f5ab"; +.ts-icon.is-group-arrows-rotate-icon::before { + content: "\e4f6"; } -.ts-icon.is-spaghetti-monster-flying-icon::before { - content: "\f67b"; +.ts-icon.is-shield-virus-icon::before { + content: "\e06c"; } -.ts-icon.is-circle-chevron-left-icon::before { - content: "\f137"; +.ts-icon.is-calendar-plus-icon::before { + content: "\f271"; } -.ts-icon.is-cmplid-icon::before { +.ts-icon.is-dhl-icon::before { font-family: "IconsBrands"; - content: "\e360"; + content: "\f790"; } -.ts-icon.is-imdb-icon::before { +.ts-icon.is-link-slash-icon::before { + content: "\f127"; +} + +.ts-icon.is-quora-icon::before { font-family: "IconsBrands"; - content: "\f2d8"; + content: "\f2c4"; } -.ts-icon.is-people-roof-icon::before { - content: "\e537"; +.ts-icon.is-rug-icon::before { + content: "\e569"; } -.ts-icon.is-palfed-icon::before { - font-family: "IconsBrands"; - content: "\f3d8"; +.ts-icon.is-toggle-on-icon::before { + content: "\f205"; } -.ts-icon.is-person-burst-icon::before { - content: "\e53b"; +.ts-icon.is-5-icon::before { + content: "\35"; } -.ts-icon.is-square-envelope-icon::before { - content: "\f199"; +.ts-icon.is-arrow-down-icon::before { + content: "\f063"; } -.ts-icon.is-ups-icon::before { +.ts-icon.is-salesforce-icon::before { font-family: "IconsBrands"; - content: "\f7e0"; + content: "\f83b"; } -.ts-icon.is-virus-slash-icon::before { - content: "\e075"; +.ts-icon.is-dumpster-icon::before { + content: "\f793"; } -.ts-icon.is-face-laugh-beam-icon::before { - content: "\f59a"; +.ts-icon.is-om-icon::before { + content: "\f679"; } -.ts-icon.is-snowflake-icon::before { - content: "\f2dc"; +.ts-icon.is-tablet-icon::before { + content: "\f3fb"; } -.ts-icon.is-trade-federation-icon::before { +.ts-icon.is-git-alt-icon::before { font-family: "IconsBrands"; - content: "\f513"; -} - -.ts-icon.is-user-clock-icon::before { - content: "\f4fd"; + content: "\f841"; } -.ts-icon.is-code-branch-icon::before { - content: "\f126"; +.ts-icon.is-spider-icon::before { + content: "\f717"; } -.ts-icon.is-hourglass-icon::before { - content: "\f254"; +.ts-icon.is-walkie-talkie-icon::before { + content: "\f8ef"; } -.ts-icon.is-pager-icon::before { - content: "\f815"; +.ts-icon.is-wind-icon::before { + content: "\f72e"; } -.ts-icon.is-x-ray-icon::before { - content: "\f497"; +.ts-icon.is-audible-icon::before { + font-family: "IconsBrands"; + content: "\f373"; } -.ts-icon.is-bandage-icon::before { - content: "\f462"; +.ts-icon.is-l-icon::before { + content: "\4c"; } -.ts-icon.is-microphone-slash-icon::before { - content: "\f131"; +.ts-icon.is-person-cane-icon::before { + content: "\e53c"; } -.ts-icon.is-person-breastfeeding-icon::before { - content: "\e53a"; +.ts-icon.is-sign-hanging-icon::before { + content: "\f4d9"; } -.ts-icon.is-square-instagram-icon::before { - font-family: "IconsBrands"; - content: "\e055"; +.ts-icon.is-building-circle-arrow-right-icon::before { + content: "\e4d1"; } -.ts-icon.is-temperature-low-icon::before { - content: "\f76b"; +.ts-icon.is-cloud-rain-icon::before { + content: "\f73d"; } -.ts-icon.is-user-plus-icon::before { - content: "\f234"; +.ts-icon.is-old-republic-icon::before { + font-family: "IconsBrands"; + content: "\f510"; } -.ts-icon.is-face-smile-wink-icon::before { - content: "\f4da"; +.ts-icon.is-face-grin-squint-icon::before { + content: "\f585"; } -.ts-icon.is-phone-slash-icon::before { - content: "\f3dd"; +.ts-icon.is-less-than-equal-icon::before { + content: "\f537"; } -.ts-icon.is-searchengin-icon::before { - font-family: "IconsBrands"; - content: "\f3eb"; +.ts-icon.is-mill-sign-icon::before { + content: "\e1ed"; } -.ts-icon.is-tractor-icon::before { - content: "\f722"; +.ts-icon.is-x-icon::before { + content: "\58"; } -.ts-icon.is-recycle-icon::before { - content: "\f1b8"; +.ts-icon.is-arrow-rotate-left-icon::before { + content: "\f0e2"; } -.ts-icon.is-tooth-icon::before { - content: "\f5c9"; +.ts-icon.is-book-quran-icon::before { + content: "\f687"; } -.ts-icon.is-vault-icon::before { - content: "\e2c5"; +.ts-icon.is-jedi-icon::before { + content: "\f669"; } -.ts-icon.is-angellist-icon::before { +.ts-icon.is-apple-pay-icon::before { font-family: "IconsBrands"; - content: "\f209"; + content: "\f415"; } -.ts-icon.is-chart-gantt-icon::before { - content: "\e0e4"; +.ts-icon.is-computer-mouse-icon::before { + content: "\f8cc"; } -.ts-icon.is-dice-one-icon::before { - content: "\f525"; +.ts-icon.is-staylinked-icon::before { + font-family: "IconsBrands"; + content: "\f3f5"; } -.ts-icon.is-kitchen-set-icon::before { - content: "\e51a"; +.ts-icon.is-face-meh-blank-icon::before { + content: "\f5a4"; } -.ts-icon.is-bed-pulse-icon::before { - content: "\f487"; +.ts-icon.is-square-behance-icon::before { + font-family: "IconsBrands"; + content: "\f1b5"; } -.ts-icon.is-compress-icon::before { - content: "\f066"; +.ts-icon.is-table-list-icon::before { + content: "\f00b"; } -.ts-icon.is-pied-piper-icon::before { - font-family: "IconsBrands"; - content: "\f2ae"; +.ts-icon.is-wand-magic-icon::before { + content: "\f0d0"; } -.ts-icon.is-wheat-awn-circle-exclamation-icon::before { - content: "\e598"; +.ts-icon.is-cart-flatbed-icon::before { + content: "\f474"; } -.ts-icon.is-cross-icon::before { - content: "\f654"; +.ts-icon.is-hips-icon::before { + font-family: "IconsBrands"; + content: "\f452"; } -.ts-icon.is-eject-icon::before { - content: "\f052"; +.ts-icon.is-radio-icon::before { + content: "\f8d7"; } -.ts-icon.is-folder-icon::before { - content: "\f07b"; +.ts-icon.is-fire-burner-icon::before { + content: "\e4f1"; } -.ts-icon.is-gratipay-icon::before { +.ts-icon.is-galactic-senate-icon::before { font-family: "IconsBrands"; - content: "\f184"; + content: "\f50d"; } -.ts-icon.is-markdown-icon::before { +.ts-icon.is-gulp-icon::before { font-family: "IconsBrands"; - content: "\f60f"; + content: "\f3ae"; } -.ts-icon.is-person-walking-icon::before { - content: "\f554"; +.ts-icon.is-registered-icon::before { + content: "\f25d"; } -.ts-icon.is-retweet-icon::before { - content: "\f079"; +.ts-icon.is-fonticons-fi-icon::before { + font-family: "IconsBrands"; + content: "\f3a2"; } -.ts-icon.is-creative-commons-icon::before { - font-family: "IconsBrands"; - content: "\f25e"; +.ts-icon.is-globe-icon::before { + content: "\f0ac"; } -.ts-icon.is-landmark-dome-icon::before { - content: "\f752"; +.ts-icon.is-house-circle-xmark-icon::before { + content: "\e50b"; } -.ts-icon.is-square-full-icon::before { - content: "\f45c"; +.ts-icon.is-wheat-awn-icon::before { + content: "\e2cd"; } -.ts-icon.is-bacterium-icon::before { - content: "\e05a"; +.ts-icon.is-google-plus-icon::before { + font-family: "IconsBrands"; + content: "\f2b3"; } -.ts-icon.is-digg-icon::before { +.ts-icon.is-google-wallet-icon::before { font-family: "IconsBrands"; - content: "\f1a6"; + content: "\f1ee"; } -.ts-icon.is-laptop-file-icon::before { - content: "\e51d"; +.ts-icon.is-location-crosshairs-icon::before { + content: "\f601"; } -.ts-icon.is-scale-unbalanced-icon::before { - content: "\f515"; +.ts-icon.is-thumbs-down-icon::before { + content: "\f165"; } -.ts-icon.is-broom-icon::before { - content: "\f51a"; +.ts-icon.is-wifi-icon::before { + content: "\f1eb"; } -.ts-icon.is-clock-icon::before { - content: "\f017"; +.ts-icon.is-buysellads-icon::before { + font-family: "IconsBrands"; + content: "\f20d"; } -.ts-icon.is-file-lines-icon::before { - content: "\f15c"; +.ts-icon.is-filter-icon::before { + content: "\f0b0"; } -.ts-icon.is-moon-icon::before { - content: "\f186"; +.ts-icon.is-florin-sign-icon::before { + content: "\e184"; } -.ts-icon.is-paint-roller-icon::before { - content: "\f5aa"; +.ts-icon.is-handcuffs-icon::before { + content: "\e4f8"; } -.ts-icon.is-chevron-right-icon::before { - content: "\f054"; +.ts-icon.is-square-up-right-icon::before { + content: "\f360"; } -.ts-icon.is-door-open-icon::before { - content: "\f52b"; +.ts-icon.is-tree-city-icon::before { + content: "\e587"; } -.ts-icon.is-arrow-down-9-1-icon::before { - content: "\f886"; +.ts-icon.is-autoprefixer-icon::before { + font-family: "IconsBrands"; + content: "\f41c"; } -.ts-icon.is-chart-simple-icon::before { - content: "\e473"; +.ts-icon.is-right-from-bracket-icon::before { + content: "\f2f5"; } -.ts-icon.is-creative-commons-remix-icon::before { +.ts-icon.is-critical-role-icon::before { font-family: "IconsBrands"; - content: "\f4ee"; + content: "\f6c9"; } -.ts-icon.is-plane-slash-icon::before { - content: "\e069"; +.ts-icon.is-road-spikes-icon::before { + content: "\e568"; } -.ts-icon.is-image-icon::before { - content: "\f03e"; -} +.ts-icon.is-truck-ramp-box-icon::before { + content: "\f4de"; +} -.ts-icon.is-location-pin-icon::before { - content: "\f041"; +.ts-icon.is-arrow-right-to-bracket-icon::before { + content: "\f090"; } -.ts-icon.is-supple-icon::before { +.ts-icon.is-clipboard-icon::before { + content: "\f328"; +} + +.ts-icon.is-tv-icon::before { + content: "\f26c"; +} + +.ts-icon.is-patreon-icon::before { font-family: "IconsBrands"; - content: "\f3f9"; + content: "\f3d9"; } -.ts-icon.is-file-word-icon::before { - content: "\f1c2"; +.ts-icon.is-z-icon::before { + content: "\5a"; } -.ts-icon.is-first-order-icon::before { +.ts-icon.is-weixin-icon::before { font-family: "IconsBrands"; - content: "\f2b0"; + content: "\f1d7"; } -.ts-icon.is-hand-holding-medical-icon::before { - content: "\e05c"; +.ts-icon.is-moon-icon::before { + content: "\f186"; } -.ts-icon.is-shoe-prints-icon::before { - content: "\f54b"; +.ts-icon.is-star-and-crescent-icon::before { + content: "\f699"; } -.ts-icon.is-drum-steelpan-icon::before { - content: "\f56a"; +.ts-icon.is-hand-point-right-icon::before { + content: "\f0a4"; } -.ts-icon.is-house-chimney-icon::before { - content: "\e3af"; +.ts-icon.is-hand-spock-icon::before { + content: "\f259"; } -.ts-icon.is-money-bill-transfer-icon::before { - content: "\e528"; +.ts-icon.is-code-branch-icon::before { + content: "\f126"; } -.ts-icon.is-school-lock-icon::before { - content: "\e56f"; +.ts-icon.is-credit-card-icon::before { + content: "\f09d"; } -.ts-icon.is-wpressr-icon::before { +.ts-icon.is-elementor-icon::before { font-family: "IconsBrands"; - content: "\f3e4"; + content: "\f430"; } -.ts-icon.is-bars-progress-icon::before { - content: "\f828"; +.ts-icon.is-mosquito-icon::before { + content: "\e52b"; } -.ts-icon.is-d-icon::before { - content: "\44"; +.ts-icon.is-mountain-city-icon::before { + content: "\e52e"; } -.ts-icon.is-odnoklassniki-icon::before { - font-family: "IconsBrands"; - content: "\f263"; +.ts-icon.is-snowman-icon::before { + content: "\f7d0"; } -.ts-icon.is-hornbill-icon::before { - font-family: "IconsBrands"; - content: "\f592"; +.ts-icon.is-ban-smoking-icon::before { + content: "\f54d"; } -.ts-icon.is-medium-icon::before { +.ts-icon.is-cmplid-icon::before { font-family: "IconsBrands"; - content: "\f23a"; + content: "\e360"; } -.ts-icon.is-microphone-icon::before { - content: "\f130"; +.ts-icon.is-school-lock-icon::before { + content: "\e56f"; } -.ts-icon.is-square-phone-flip-icon::before { - content: "\f87b"; +.ts-icon.is-expand-icon::before { + content: "\f065"; } -.ts-icon.is-vest-patches-icon::before { - content: "\e086"; +.ts-icon.is-hubspot-icon::before { + font-family: "IconsBrands"; + content: "\f3b2"; } -.ts-icon.is-virus-covid-slash-icon::before { - content: "\e4a9"; +.ts-icon.is-bridge-lock-icon::before { + content: "\e4cc"; } -.ts-icon.is-sun-plant-wilt-icon::before { - content: "\e57a"; +.ts-icon.is-circle-dollar-to-slot-icon::before { + content: "\f4b9"; } -.ts-icon.is-up-long-icon::before { - content: "\f30c"; +.ts-icon.is-pied-piper-icon::before { + font-family: "IconsBrands"; + content: "\f2ae"; } -.ts-icon.is-display-icon::before { - content: "\e163"; +.ts-icon.is-splotch-icon::before { + content: "\f5bc"; } -.ts-icon.is-phone-icon::before { - content: "\f095"; +.ts-icon.is-user-shield-icon::before { + content: "\f505"; } -.ts-icon.is-sort-icon::before { - content: "\f0dc"; +.ts-icon.is-circle-check-icon::before { + content: "\f058"; } -.ts-icon.is-buromobelexperte-icon::before { - font-family: "IconsBrands"; - content: "\f37f"; +.ts-icon.is-heart-circle-bolt-icon::before { + content: "\e4fc"; } -.ts-icon.is-computer-mouse-icon::before { - content: "\f8cc"; +.ts-icon.is-bus-simple-icon::before { + content: "\f55e"; } -.ts-icon.is-archway-icon::before { - content: "\f557"; +.ts-icon.is-leaf-icon::before { + content: "\f06c"; } -.ts-icon.is-square-tumblr-icon::before { +.ts-icon.is-ioxhost-icon::before { font-family: "IconsBrands"; - content: "\f174"; + content: "\f208"; } -.ts-icon.is-clover-icon::before { - content: "\e139"; +.ts-icon.is-palfed-icon::before { + font-family: "IconsBrands"; + content: "\f3d8"; } -.ts-icon.is-comment-dots-icon::before { - content: "\f4ad"; +.ts-icon.is-download-icon::before { + content: "\f019"; } -.ts-icon.is-microphone-lines-icon::before { - content: "\f3c9"; +.ts-icon.is-house-signal-icon::before { + content: "\e012"; } -.ts-icon.is-object-group-icon::before { - content: "\f247"; +.ts-icon.is-xmark-icon::before { + content: "\f00d"; } -.ts-icon.is-paperclip-icon::before { - content: "\f0c6"; +.ts-icon.is-codiepie-icon::before { + font-family: "IconsBrands"; + content: "\f284"; } -.ts-icon.is-person-military-rifle-icon::before { - content: "\e54b"; +.ts-icon.is-wodu-icon::before { + font-family: "IconsBrands"; + content: "\e088"; } -.ts-icon.is-bolt-lightning-icon::before { - content: "\e0b7"; +.ts-icon.is-ebay-icon::before { + font-family: "IconsBrands"; + content: "\f4f4"; } -.ts-icon.is-circle-arrow-up-icon::before { - content: "\f0aa"; +.ts-icon.is-litecoin-sign-icon::before { + content: "\e1d3"; } -.ts-icon.is-comment-sms-icon::before { - content: "\f7cd"; +.ts-icon.is-wheelchair-icon::before { + content: "\f193"; } -.ts-icon.is-hand-point-left-icon::before { - content: "\f0a5"; +.ts-icon.is-heading-icon::before { + content: "\f1dc"; } -.ts-icon.is-jedi-order-icon::before { - font-family: "IconsBrands"; - content: "\f50e"; +.ts-icon.is-person-walking-icon::before { + content: "\f554"; } -.ts-icon.is-stripe-s-icon::before { - font-family: "IconsBrands"; - content: "\f42a"; +.ts-icon.is-circle-plus-icon::before { + content: "\f055"; } -.ts-icon.is-dev-icon::before { +.ts-icon.is-pinterest-icon::before { font-family: "IconsBrands"; - content: "\f6cc"; + content: "\f0d2"; } -.ts-icon.is-hand-point-down-icon::before { - content: "\f0a7"; +.ts-icon.is-comment-dots-icon::before { + content: "\f4ad"; } -.ts-icon.is-mendeley-icon::before { - font-family: "IconsBrands"; - content: "\f7b3"; +.ts-icon.is-ruler-icon::before { + content: "\f545"; } -.ts-icon.is-window-minimize-icon::before { - content: "\f2d1"; +.ts-icon.is-pied-piper-hat-icon::before { + font-family: "IconsBrands"; + content: "\f4e5"; } -.ts-icon.is-angular-icon::before { - font-family: "IconsBrands"; - content: "\f420"; +.ts-icon.is-hands-praying-icon::before { + content: "\f684"; } -.ts-icon.is-diagram-successor-icon::before { - content: "\e47a"; +.ts-icon.is-object-ungroup-icon::before { + content: "\f248"; } -.ts-icon.is-dna-icon::before { - content: "\f471"; +.ts-icon.is-play-icon::before { + content: "\f04b"; } -.ts-icon.is-font-awesome-icon::before { - content: "\f2b4"; +.ts-icon.is-rupee-sign-icon::before { + content: "\f156"; } -.ts-icon.is-shirt-icon::before { - content: "\f553"; +.ts-icon.is-space-awesome-icon::before { + font-family: "IconsBrands"; + content: "\e5ac"; } -.ts-icon.is-sitemap-icon::before { - content: "\f0e8"; +.ts-icon.is-grip-vertical-icon::before { + content: "\f58e"; } -.ts-icon.is-timeline-icon::before { - content: "\e29c"; +.ts-icon.is-martini-glass-citrus-icon::before { + content: "\f561"; } -.ts-icon.is-arrow-down-z-a-icon::before { - content: "\f881"; +.ts-icon.is-circle-stop-icon::before { + content: "\f28d"; } -.ts-icon.is-arrow-turn-up-icon::before { - content: "\f148"; +.ts-icon.is-display-icon::before { + content: "\e163"; } -.ts-icon.is-bus-simple-icon::before { - content: "\f55e"; +.ts-icon.is-graduation-cap-icon::before { + content: "\f19d"; } -.ts-icon.is-sink-icon::before { - content: "\e06d"; +.ts-icon.is-truck-field-un-icon::before { + content: "\e58e"; } -.ts-icon.is-sterling-sign-icon::before { - content: "\f154"; +.ts-icon.is-youtube-icon::before { + font-family: "IconsBrands"; + content: "\f167"; } -.ts-icon.is-6-icon::before { - content: "\36"; +.ts-icon.is-backward-icon::before { + content: "\f04a"; } -.ts-icon.is-caret-up-icon::before { - content: "\f0d8"; +.ts-icon.is-circle-minus-icon::before { + content: "\f056"; } -.ts-icon.is-circle-dollar-to-slot-icon::before { - content: "\f4b9"; +.ts-icon.is-route-icon::before { + content: "\f4d7"; } -.ts-icon.is-creative-commons-by-icon::before { - font-family: "IconsBrands"; - content: "\f4e7"; +.ts-icon.is-shield-halved-icon::before { + content: "\f3ed"; } -.ts-icon.is-fonticons-icon::before { - font-family: "IconsBrands"; - content: "\f280"; +.ts-icon.is-hand-fist-icon::before { + content: "\f6de"; } -.ts-icon.is-indian-rupee-sign-icon::before { - content: "\e1bc"; +.ts-icon.is-plus-minus-icon::before { + content: "\e43c"; } -.ts-icon.is-bug-slash-icon::before { - content: "\e490"; +.ts-icon.is-replyd-icon::before { + font-family: "IconsBrands"; + content: "\f3e6"; } -.ts-icon.is-medrt-icon::before { - font-family: "IconsBrands"; - content: "\f3c8"; +.ts-icon.is-money-bill-icon::before { + content: "\f0d6"; } -.ts-icon.is-tent-arrows-down-icon::before { - content: "\e581"; +.ts-icon.is-up-long-icon::before { + content: "\f30c"; } -.ts-icon.is-frog-icon::before { - content: "\f52e"; +.ts-icon.is-staff-snake-icon::before { + content: "\e579"; } -.ts-icon.is-image-portrait-icon::before { - content: "\f3e0"; +.ts-icon.is-yelp-icon::before { + font-family: "IconsBrands"; + content: "\f1e9"; } -.ts-icon.is-person-walking-arrow-loop-left-icon::before { - content: "\e551"; +.ts-icon.is-chrome-icon::before { + font-family: "IconsBrands"; + content: "\f268"; } -.ts-icon.is-star-of-life-icon::before { - content: "\f621"; +.ts-icon.is-drupal-icon::before { + font-family: "IconsBrands"; + content: "\f1a9"; } -.ts-icon.is-facebook-icon::before { +.ts-icon.is-erlang-icon::before { font-family: "IconsBrands"; - content: "\f09a"; + content: "\f39d"; } -.ts-icon.is-locust-icon::before { - content: "\e520"; +.ts-icon.is-up-down-left-right-icon::before { + content: "\f0b2"; } -.ts-icon.is-thermometer-icon::before { - content: "\f491"; +.ts-icon.is-weight-hanging-icon::before { + content: "\f5cd"; } -.ts-icon.is-galactic-senate-icon::before { - font-family: "IconsBrands"; - content: "\f50d"; +.ts-icon.is-anchor-lock-icon::before { + content: "\e4ad"; } -.ts-icon.is-shield-dog-icon::before { - content: "\e573"; +.ts-icon.is-envelope-circle-check-icon::before { + content: "\e4e8"; } -.ts-icon.is-comment-medical-icon::before { - content: "\f7f5"; +.ts-icon.is-otter-icon::before { + content: "\f700"; } -.ts-icon.is-plug-circle-bolt-icon::before { - content: "\e55b"; +.ts-icon.is-calendar-icon::before { + content: "\f133"; } -.ts-icon.is-train-subway-icon::before { - content: "\f239"; +.ts-icon.is-dice-five-icon::before { + content: "\f523"; } -.ts-icon.is-dollar-sign-icon::before { - content: "\24"; +.ts-icon.is-laptop-code-icon::before { + content: "\f5fc"; } -.ts-icon.is-ellipsis-icon::before { - content: "\f141"; +.ts-icon.is-mountain-icon::before { + content: "\f6fc"; } -.ts-icon.is-spray-can-icon::before { - content: "\f5bd"; +.ts-icon.is-highlighter-icon::before { + content: "\f591"; } -.ts-icon.is-typo3-icon::before { - font-family: "IconsBrands"; - content: "\f42b"; +.ts-icon.is-landmark-dome-icon::before { + content: "\f752"; } -.ts-icon.is-8-icon::before { - content: "\38"; +.ts-icon.is-square-root-variable-icon::before { + content: "\f698"; } -.ts-icon.is-feather-icon::before { - content: "\f52d"; +.ts-icon.is-lari-sign-icon::before { + content: "\e1c8"; } -.ts-icon.is-glide-g-icon::before { - font-family: "IconsBrands"; - content: "\f2a6"; +.ts-icon.is-plane-circle-exclamation-icon::before { + content: "\e556"; } -.ts-icon.is-paste-icon::before { - content: "\f0ea"; +.ts-icon.is-scale-balanced-icon::before { + content: "\f24e"; } -.ts-icon.is-users-between-lines-icon::before { - content: "\e591"; +.ts-icon.is-zhihu-icon::before { + font-family: "IconsBrands"; + content: "\f63f"; } -.ts-icon.is-w-icon::before { - content: "\57"; +.ts-icon.is-handshake-icon::before { + content: "\f2b5"; } -.ts-icon.is-bullhorn-icon::before { - content: "\f0a1"; +.ts-icon.is-microphone-lines-slash-icon::before { + content: "\f539"; } -.ts-icon.is-face-kiss-beam-icon::before { - content: "\f597"; +.ts-icon.is-taxi-icon::before { + content: "\f1ba"; } -.ts-icon.is-fedex-icon::before { +.ts-icon.is-usb-icon::before { font-family: "IconsBrands"; - content: "\f797"; + content: "\f287"; } -.ts-icon.is-satellite-dish-icon::before { - content: "\f7c0"; +.ts-icon.is-x-ray-icon::before { + content: "\f497"; } -.ts-icon.is-bridge-water-icon::before { - content: "\e4ce"; +.ts-icon.is-head-side-cough-icon::before { + content: "\e061"; } -.ts-icon.is-code-commit-icon::before { - content: "\f386"; +.ts-icon.is-map-pin-icon::before { + content: "\f276"; } -.ts-icon.is-file-import-icon::before { - content: "\f56f"; +.ts-icon.is-facebook-icon::before { + font-family: "IconsBrands"; + content: "\f09a"; } -.ts-icon.is-qrcode-icon::before { - content: "\f029"; +.ts-icon.is-file-circle-xmark-icon::before { + content: "\e5a1"; } -.ts-icon.is-road-barrier-icon::before { - content: "\e562"; +.ts-icon.is-dragon-icon::before { + content: "\f6d5"; } -.ts-icon.is-barcode-icon::before { - content: "\f02a"; +.ts-icon.is-reddit-alien-icon::before { + font-family: "IconsBrands"; + content: "\f281"; } -.ts-icon.is-truck-medical-icon::before { - content: "\f0f9"; +.ts-icon.is-right-long-icon::before { + content: "\f30b"; +} + +.ts-icon.is-signal-icon::before { + content: "\f012"; } .ts-icon.is-users-line-icon::before { content: "\e592"; } -.ts-icon.is-firefox-icon::before { - font-family: "IconsBrands"; - content: "\f269"; +.ts-icon.is-virus-covid-icon::before { + content: "\e4a8"; } -.ts-icon.is-hands-bound-icon::before { - content: "\e4f9"; +.ts-icon.is-angles-up-icon::before { + content: "\f102"; } -.ts-icon.is-itunes-note-icon::before { - font-family: "IconsBrands"; - content: "\f3b5"; +.ts-icon.is-arrow-down-wide-short-icon::before { + content: "\f160"; } -.ts-icon.is-marker-icon::before { - content: "\f5a1"; +.ts-icon.is-money-bill-1-wave-icon::before { + content: "\f53b"; } -.ts-icon.is-mask-icon::before { - content: "\f6fa"; +.ts-icon.is-clipboard-list-icon::before { + content: "\f46d"; } -.ts-icon.is-pencil-icon::before { - content: "\f303"; +.ts-icon.is-get-pocket-icon::before { + font-family: "IconsBrands"; + content: "\f265"; } -.ts-icon.is-basket-shopping-icon::before { - content: "\f291"; +.ts-icon.is-centos-icon::before { + font-family: "IconsBrands"; + content: "\f789"; } -.ts-icon.is-cake-candles-icon::before { - content: "\f1fd"; +.ts-icon.is-crosshairs-icon::before { + content: "\f05b"; } -.ts-icon.is-pause-icon::before { - content: "\f04c"; +.ts-icon.is-earth-africa-icon::before { + content: "\f57c"; } -.ts-icon.is-sign-hanging-icon::before { - content: "\f4d9"; +.ts-icon.is-house-chimney-crack-icon::before { + content: "\f6f1"; } -.ts-icon.is-smoking-icon::before { - content: "\f48d"; +.ts-icon.is-smog-icon::before { + content: "\f75f"; } -.ts-icon.is-tv-icon::before { - content: "\f26c"; +.ts-icon.is-arrow-up-from-bracket-icon::before { + content: "\e09a"; } -.ts-icon.is-diagram-predecessor-icon::before { - content: "\e477"; +.ts-icon.is-cc-amex-icon::before { + font-family: "IconsBrands"; + content: "\f1f3"; } -.ts-icon.is-folder-closed-icon::before { - content: "\e185"; +.ts-icon.is-linkedin-icon::before { + font-family: "IconsBrands"; + content: "\f08c"; } -.ts-icon.is-square-person-confined-icon::before { - content: "\e577"; +.ts-icon.is-outdent-icon::before { + content: "\f03b"; } -.ts-icon.is-telegram-icon::before { - font-family: "IconsBrands"; - content: "\f2c6"; +.ts-icon.is-football-icon::before { + content: "\f44e"; } -.ts-icon.is-v-icon::before { - content: "\56"; +.ts-icon.is-house-medical-icon::before { + content: "\e3b2"; } -.ts-icon.is-wand-magic-icon::before { - content: "\f0d0"; +.ts-icon.is-person-drowning-icon::before { + content: "\e545"; } -.ts-icon.is-github-alt-icon::before { - font-family: "IconsBrands"; - content: "\f113"; +.ts-icon.is-stapler-icon::before { + content: "\e5af"; } -.ts-icon.is-o-icon::before { - content: "\4f"; +.ts-icon.is-contao-icon::before { + font-family: "IconsBrands"; + content: "\f26d"; } -.ts-icon.is-stopwatch-icon::before { - content: "\f2f2"; +.ts-icon.is-firstdraft-icon::before { + font-family: "IconsBrands"; + content: "\f3a1"; } -.ts-icon.is-angles-right-icon::before { - content: "\f101"; +.ts-icon.is-person-running-icon::before { + content: "\f70c"; } -.ts-icon.is-arrow-up-short-wide-icon::before { - content: "\f885"; +.ts-icon.is-tents-icon::before { + content: "\e582"; } -.ts-icon.is-circle-arrow-right-icon::before { - content: "\f0a9"; +.ts-icon.is-train-icon::before { + content: "\f238"; } -.ts-icon.is-discord-icon::before { - font-family: "IconsBrands"; - content: "\f392"; +.ts-icon.is-van-shuttle-icon::before { + content: "\f5b6"; } -.ts-icon.is-kickstarter-icon::before { - font-family: "IconsBrands"; - content: "\f3bb"; +.ts-icon.is-chess-rook-icon::before { + content: "\f447"; } -.ts-icon.is-arrow-down-up-across-line-icon::before { - content: "\e4af"; +.ts-icon.is-glass-water-droplet-icon::before { + content: "\e4f5"; } -.ts-icon.is-baby-carriage-icon::before { - content: "\f77d"; +.ts-icon.is-fill-icon::before { + content: "\f575"; } -.ts-icon.is-flipboard-icon::before { - font-family: "IconsBrands"; - content: "\f44d"; +.ts-icon.is-fish-fins-icon::before { + content: "\e4f2"; } -.ts-icon.is-user-secret-icon::before { - content: "\f21b"; +.ts-icon.is-users-viewfinder-icon::before { + content: "\e595"; } -.ts-icon.is-cookie-bite-icon::before { - content: "\f564"; +.ts-icon.is-vr-cardboard-icon::before { + content: "\f729"; } -.ts-icon.is-periscope-icon::before { +.ts-icon.is-facebook-f-icon::before { font-family: "IconsBrands"; - content: "\f3da"; + content: "\f39e"; } -.ts-icon.is-baht-sign-icon::before { - content: "\e0ac"; +.ts-icon.is-file-waveform-icon::before { + content: "\f478"; } -.ts-icon.is-guilded-icon::before { - font-family: "IconsBrands"; - content: "\e07e"; +.ts-icon.is-person-burst-icon::before { + content: "\e53b"; } -.ts-icon.is-money-bills-icon::before { - content: "\e1f3"; +.ts-icon.is-person-skating-icon::before { + content: "\f7c5"; } -.ts-icon.is-bluetooth-icon::before { - font-family: "IconsBrands"; - content: "\f293"; +.ts-icon.is-spray-can-icon::before { + content: "\f5bd"; } -.ts-icon.is-crop-simple-icon::before { - content: "\f565"; +.ts-icon.is-circle-dot-icon::before { + content: "\f192"; } -.ts-icon.is-file-excel-icon::before { - content: "\f1c3"; +.ts-icon.is-microscope-icon::before { + content: "\f610"; } -.ts-icon.is-fonticons-fi-icon::before { +.ts-icon.is-square-whatsapp-icon::before { font-family: "IconsBrands"; - content: "\f3a2"; + content: "\f40c"; } -.ts-icon.is-person-drowning-icon::before { - content: "\e545"; +.ts-icon.is-user-tie-icon::before { + content: "\f508"; } -.ts-icon.is-section-icon::before { - content: "\e447"; +.ts-icon.is-yahoo-icon::before { + font-family: "IconsBrands"; + content: "\f19e"; } -.ts-icon.is-jenkins-icon::before { - font-family: "IconsBrands"; - content: "\f3b6"; +.ts-icon.is-person-hiking-icon::before { + content: "\f6ec"; } -.ts-icon.is-mix-icon::before { - font-family: "IconsBrands"; - content: "\f3cb"; +.ts-icon.is-podcast-icon::before { + content: "\f2ce"; } -.ts-icon.is-address-card-icon::before { - content: "\f2bb"; +.ts-icon.is-elevator-icon::before { + content: "\e16d"; } -.ts-icon.is-arrows-spin-icon::before { - content: "\e4bb"; +.ts-icon.is-ticket-icon::before { + content: "\f145"; } -.ts-icon.is-audible-icon::before { - font-family: "IconsBrands"; - content: "\f373"; +.ts-icon.is-not-equal-icon::before { + content: "\f53e"; } -.ts-icon.is-car-icon::before { - content: "\f1b9"; +.ts-icon.is-droplet-slash-icon::before { + content: "\f5c7"; } -.ts-icon.is-cart-flatbed-icon::before { - content: "\f474"; +.ts-icon.is-file-export-icon::before { + content: "\f56e"; } -.ts-icon.is-florin-sign-icon::before { - content: "\e184"; +.ts-icon.is-floppy-disk-icon::before { + content: "\f0c7"; } -.ts-icon.is-rebel-icon::before { - font-family: "IconsBrands"; - content: "\f1d0"; +.ts-icon.is-people-line-icon::before { + content: "\e534"; } -.ts-icon.is-square-lastfm-icon::before { - font-family: "IconsBrands"; - content: "\f203"; +.ts-icon.is-arrow-right-long-icon::before { + content: "\f178"; } -.ts-icon.is-person-shelter-icon::before { - content: "\e54f"; +.ts-icon.is-church-icon::before { + content: "\f51d"; } -.ts-icon.is-stethoscope-icon::before { - content: "\f0f1"; +.ts-icon.is-gas-pump-icon::before { + content: "\f52f"; } -.ts-icon.is-tower-observation-icon::before { - content: "\e586"; +.ts-icon.is-tenge-sign-icon::before { + content: "\f7d7"; } -.ts-icon.is-cart-flatbed-suitcase-icon::before { - content: "\f59d"; +.ts-icon.is-compact-disc-icon::before { + content: "\f51f"; } -.ts-icon.is-glasses-icon::before { - content: "\f530"; +.ts-icon.is-angles-left-icon::before { + content: "\f100"; } -.ts-icon.is-ring-icon::before { - content: "\f70b"; +.ts-icon.is-arrow-down-a-z-icon::before { + content: "\f15d"; } -.ts-icon.is-sd-card-icon::before { - content: "\f7c2"; +.ts-icon.is-map-location-icon::before { + content: "\f59f"; } -.ts-icon.is-symfony-icon::before { - font-family: "IconsBrands"; - content: "\f83d"; +.ts-icon.is-pen-ruler-icon::before { + content: "\f5ae"; } -.ts-icon.is-table-icon::before { - content: "\f0ce"; +.ts-icon.is-unlock-icon::before { + content: "\f09c"; } -.ts-icon.is-calendar-day-icon::before { - content: "\f783"; +.ts-icon.is-file-zipper-icon::before { + content: "\f1c6"; } -.ts-icon.is-leanpub-icon::before { - font-family: "IconsBrands"; - content: "\f212"; +.ts-icon.is-fish-icon::before { + content: "\f578"; } -.ts-icon.is-swift-icon::before { +.ts-icon.is-markdown-icon::before { font-family: "IconsBrands"; - content: "\f8e1"; + content: "\f60f"; } -.ts-icon.is-arrow-right-long-icon::before { - content: "\f178"; +.ts-icon.is-battery-empty-icon::before { + content: "\f244"; } -.ts-icon.is-circle-pause-icon::before { - content: "\f28b"; +.ts-icon.is-file-circle-question-icon::before { + content: "\e4ef"; } -.ts-icon.is-instalod-icon::before { +.ts-icon.is-cc-stripe-icon::before { font-family: "IconsBrands"; - content: "\e081"; -} - -.ts-icon.is-teeth-icon::before { - content: "\f62e"; + content: "\f1f5"; } -.ts-icon.is-angles-down-icon::before { - content: "\f103"; +.ts-icon.is-dungeon-icon::before { + content: "\f6d9"; } -.ts-icon.is-cc-amazon-pay-icon::before { +.ts-icon.is-sketch-icon::before { font-family: "IconsBrands"; - content: "\f42d"; + content: "\f7c6"; } -.ts-icon.is-cc-amex-icon::before { - font-family: "IconsBrands"; - content: "\f1f3"; +.ts-icon.is-underline-icon::before { + content: "\f0cd"; } -.ts-icon.is-dice-four-icon::before { - content: "\f524"; +.ts-icon.is-barcode-icon::before { + content: "\f02a"; } -.ts-icon.is-person-booth-icon::before { - content: "\f756"; +.ts-icon.is-bugs-icon::before { + content: "\e4d0"; } -.ts-icon.is-qq-icon::before { - font-family: "IconsBrands"; - content: "\f1d6"; +.ts-icon.is-vest-icon::before { + content: "\e085"; } -.ts-icon.is-reply-all-icon::before { - content: "\f122"; +.ts-icon.is-bore-hole-icon::before { + content: "\e4c3"; } -.ts-icon.is-terminal-icon::before { - content: "\f120"; +.ts-icon.is-face-grin-icon::before { + content: "\f580"; } -.ts-icon.is-wordpress-simple-icon::before { +.ts-icon.is-watchman-monitoring-icon::before { font-family: "IconsBrands"; - content: "\f411"; + content: "\e087"; } -.ts-icon.is-gears-icon::before { - content: "\f085"; +.ts-icon.is-arrows-down-to-line-icon::before { + content: "\e4b8"; } -.ts-icon.is-horse-icon::before { - content: "\f6f0"; +.ts-icon.is-house-chimney-icon::before { + content: "\e3af"; } -.ts-icon.is-person-dress-burst-icon::before { - content: "\e544"; +.ts-icon.is-mobile-button-icon::before { + content: "\f10b"; } -.ts-icon.is-plane-arrival-icon::before { - content: "\f5af"; +.ts-icon.is-pen-fancy-icon::before { + content: "\f5ac"; } -.ts-icon.is-bowling-ball-icon::before { - content: "\f436"; +.ts-icon.is-poop-icon::before { + content: "\f619"; } -.ts-icon.is-drum-icon::before { - content: "\f569"; +.ts-icon.is-life-ring-icon::before { + content: "\f1cd"; } -.ts-icon.is-plant-wilt-icon::before { - content: "\e5aa"; +.ts-icon.is-arrow-turn-up-icon::before { + content: "\f148"; } -.ts-icon.is-the-red-yeti-icon::before { - font-family: "IconsBrands"; - content: "\f69d"; +.ts-icon.is-comments-dollar-icon::before { + content: "\f653"; } -.ts-icon.is-tower-broadcast-icon::before { - content: "\f519"; +.ts-icon.is-o-icon::before { + content: "\4f"; } -.ts-icon.is-critical-role-icon::before { - font-family: "IconsBrands"; - content: "\f6c9"; +.ts-icon.is-building-shield-icon::before { + content: "\e4d8"; } -.ts-icon.is-list-ul-icon::before { - content: "\f0ca"; +.ts-icon.is-paperclip-icon::before { + content: "\f0c6"; } -.ts-icon.is-slideshare-icon::before { - font-family: "IconsBrands"; - content: "\f1e7"; +.ts-icon.is-mound-icon::before { + content: "\e52d"; } -.ts-icon.is-universal-access-icon::before { - content: "\f29a"; +.ts-icon.is-guarani-sign-icon::before { + content: "\e19a"; } -.ts-icon.is-house-chimney-medical-icon::before { - content: "\f7f2"; +.ts-icon.is-f-icon::before { + content: "\46"; } -.ts-icon.is-jira-icon::before { +.ts-icon.is-gripfire-icon::before { font-family: "IconsBrands"; - content: "\f7b1"; -} - -.ts-icon.is-less-than-equal-icon::before { - content: "\f537"; + content: "\f3ac"; } -.ts-icon.is-square-xmark-icon::before { - content: "\f2d3"; +.ts-icon.is-laptop-medical-icon::before { + content: "\f812"; } -.ts-icon.is-golf-ball-tee-icon::before { - content: "\f450"; +.ts-icon.is-puzzle-piece-icon::before { + content: "\f12e"; } -.ts-icon.is-laptop-code-icon::before { - content: "\f5fc"; +.ts-icon.is-square-github-icon::before { + font-family: "IconsBrands"; + content: "\f092"; } -.ts-icon.is-shirtsinbulk-icon::before { - font-family: "IconsBrands"; - content: "\f214"; +.ts-icon.is-turkish-lira-sign-icon::before { + content: "\e2bb"; } -.ts-icon.is-fire-extinguisher-icon::before { - content: "\f134"; +.ts-icon.is-file-icon::before { + content: "\f15b"; } -.ts-icon.is-hands-asl-interpreting-icon::before { - content: "\f2a3"; +.ts-icon.is-hand-point-left-icon::before { + content: "\f0a5"; } -.ts-icon.is-school-circle-check-icon::before { - content: "\e56b"; +.ts-icon.is-less-than-icon::before { + content: "\3c"; } -.ts-icon.is-servicestack-icon::before { +.ts-icon.is-octopus-deploy-icon::before { font-family: "IconsBrands"; - content: "\f3ec"; + content: "\e082"; } -.ts-icon.is-vest-icon::before { - content: "\e085"; +.ts-icon.is-arrow-rotate-right-icon::before { + content: "\f01e"; } -.ts-icon.is-battery-half-icon::before { - content: "\f242"; +.ts-icon.is-camera-rotate-icon::before { + content: "\e0d8"; } -.ts-icon.is-house-medical-icon::before { - content: "\e3b2"; +.ts-icon.is-ear-deaf-icon::before { + content: "\f2a4"; } -.ts-icon.is-memory-icon::before { - content: "\f538"; +.ts-icon.is-gear-icon::before { + content: "\f013"; } -.ts-icon.is-menorah-icon::before { - content: "\f676"; +.ts-icon.is-instagram-icon::before { + font-family: "IconsBrands"; + content: "\f16d"; } -.ts-icon.is-mizuni-icon::before { +.ts-icon.is-kickstarter-k-icon::before { font-family: "IconsBrands"; - content: "\f3cc"; + content: "\f3bc"; } -.ts-icon.is-rocket-icon::before { - content: "\f135"; +.ts-icon.is-modx-icon::before { + font-family: "IconsBrands"; + content: "\f285"; } -.ts-icon.is-arrow-up-from-bracket-icon::before { - content: "\e09a"; +.ts-icon.is-r-project-icon::before { + font-family: "IconsBrands"; + content: "\f4f7"; } -.ts-icon.is-cloud-showers-water-icon::before { - content: "\e4e4"; +.ts-icon.is-cart-plus-icon::before { + content: "\f217"; } -.ts-icon.is-paragraph-icon::before { - content: "\f1dd"; +.ts-icon.is-file-contract-icon::before { + content: "\f56c"; } -.ts-icon.is-apple-pay-icon::before { +.ts-icon.is-joget-icon::before { font-family: "IconsBrands"; - content: "\f415"; + content: "\f3b7"; } -.ts-icon.is-house-circle-exclamation-icon::before { - content: "\e50a"; +.ts-icon.is-beer-mug-empty-icon::before { + content: "\f0fc"; } -.ts-icon.is-person-harassing-icon::before { - content: "\e549"; +.ts-icon.is-handshake-slash-icon::before { + content: "\e060"; } -.ts-icon.is-sim-card-icon::before { - content: "\f7c4"; +.ts-icon.is-foursquare-icon::before { + font-family: "IconsBrands"; + content: "\f180"; } -.ts-icon.is-square-caret-right-icon::before { - content: "\f152"; +.ts-icon.is-passport-icon::before { + content: "\f5ab"; } -.ts-icon.is-users-viewfinder-icon::before { - content: "\e595"; +.ts-icon.is-people-carry-box-icon::before { + content: "\f4ce"; } -.ts-icon.is-cc-stripe-icon::before { - font-family: "IconsBrands"; - content: "\f1f5"; +.ts-icon.is-plug-circle-exclamation-icon::before { + content: "\e55d"; } -.ts-icon.is-cloud-showers-heavy-icon::before { - content: "\f740"; +.ts-icon.is-ring-icon::before { + content: "\f70b"; } -.ts-icon.is-road-spikes-icon::before { - content: "\e568"; +.ts-icon.is-bridge-circle-check-icon::before { + content: "\e4c9"; } -.ts-icon.is-sliders-icon::before { - content: "\f1de"; +.ts-icon.is-folder-icon::before { + content: "\f07b"; } -.ts-icon.is-house-chimney-window-icon::before { - content: "\e00d"; +.ts-icon.is-shuttle-space-icon::before { + content: "\f197"; } -.ts-icon.is-snowman-icon::before { - content: "\f7d0"; +.ts-icon.is-sun-icon::before { + content: "\f185"; } -.ts-icon.is-magnifying-glass-chart-icon::before { - content: "\e522"; +.ts-icon.is-fax-icon::before { + content: "\f1ac"; } -.ts-icon.is-pied-piper-alt-icon::before { - font-family: "IconsBrands"; - content: "\f1a8"; +.ts-icon.is-truck-icon::before { + content: "\f0d1"; } -.ts-icon.is-tape-icon::before { - content: "\f4db"; +.ts-icon.is-facebook-messenger-icon::before { + font-family: "IconsBrands"; + content: "\f39f"; } -.ts-icon.is-truck-arrow-right-icon::before { - content: "\e58b"; +.ts-icon.is-rotate-left-icon::before { + content: "\f2ea"; } -.ts-icon.is-certificate-icon::before { - content: "\f0a3"; +.ts-icon.is-anchor-circle-check-icon::before { + content: "\e4aa"; } -.ts-icon.is-phoenix-framework-icon::before { - font-family: "IconsBrands"; - content: "\f3dc"; +.ts-icon.is-face-grin-wide-icon::before { + content: "\f581"; } -.ts-icon.is-plate-wheat-icon::before { - content: "\e55a"; +.ts-icon.is-peseta-sign-icon::before { + content: "\e221"; } -.ts-icon.is-arrows-turn-right-icon::before { - content: "\e4c0"; +.ts-icon.is-scale-unbalanced-flip-icon::before { + content: "\f516"; } -.ts-icon.is-creative-commons-pd-icon::before { - font-family: "IconsBrands"; - content: "\f4ec"; +.ts-icon.is-smoking-icon::before { + content: "\f48d"; } -.ts-icon.is-divide-icon::before { - content: "\f529"; +.ts-icon.is-user-tag-icon::before { + content: "\f507"; } -.ts-icon.is-padlet-icon::before { +.ts-icon.is-evernote-icon::before { font-family: "IconsBrands"; - content: "\e4a0"; + content: "\f839"; } -.ts-icon.is-person-hiking-icon::before { - content: "\f6ec"; +.ts-icon.is-oil-can-icon::before { + content: "\f613"; } -.ts-icon.is-wpbeginner-icon::before { +.ts-icon.is-share-nodes-icon::before { + content: "\f1e0"; +} + +.ts-icon.is-ussunnah-icon::before { font-family: "IconsBrands"; - content: "\f297"; + content: "\f407"; } -.ts-icon.is-bicycle-icon::before { - content: "\f206"; +.ts-icon.is-face-frown-open-icon::before { + content: "\f57a"; } -.ts-icon.is-foursquare-icon::before { - font-family: "IconsBrands"; - content: "\f180"; +.ts-icon.is-file-image-icon::before { + content: "\f1c5"; } -.ts-icon.is-infinity-icon::before { - content: "\f534"; +.ts-icon.is-democrat-icon::before { + content: "\f747"; } -.ts-icon.is-mill-sign-icon::before { - content: "\e1ed"; +.ts-icon.is-location-pin-icon::before { + content: "\f041"; } -.ts-icon.is-person-digging-icon::before { - content: "\f85e"; +.ts-icon.is-briefcase-medical-icon::before { + content: "\f469"; } -.ts-icon.is-resolving-icon::before { - font-family: "IconsBrands"; - content: "\f3e7"; +.ts-icon.is-camera-icon::before { + content: "\f030"; } -.ts-icon.is-cloudversify-icon::before { - font-family: "IconsBrands"; - content: "\f385"; +.ts-icon.is-face-laugh-wink-icon::before { + content: "\f59c"; } -.ts-icon.is-podcast-icon::before { - content: "\f2ce"; +.ts-icon.is-id-card-clip-icon::before { + content: "\f47f"; } -.ts-icon.is-tree-icon::before { - content: "\f1bb"; +.ts-icon.is-hurricane-icon::before { + content: "\f751"; } -.ts-icon.is-wind-icon::before { - content: "\f72e"; +.ts-icon.is-searchengin-icon::before { + font-family: "IconsBrands"; + content: "\f3eb"; } -.ts-icon.is-grip-icon::before { - content: "\f58d"; +.ts-icon.is-champagne-glasses-icon::before { + content: "\f79f"; } -.ts-icon.is-network-wired-icon::before { - content: "\f6ff"; +.ts-icon.is-deviantart-icon::before { + font-family: "IconsBrands"; + content: "\f1bd"; } -.ts-icon.is-child-rifle-icon::before { - content: "\e4e0"; +.ts-icon.is-fill-drip-icon::before { + content: "\f576"; } -.ts-icon.is-drupal-icon::before { - font-family: "IconsBrands"; - content: "\f1a9"; +.ts-icon.is-forward-fast-icon::before { + content: "\f050"; } -.ts-icon.is-mask-face-icon::before { - content: "\e1d7"; +.ts-icon.is-grip-lines-icon::before { + content: "\f7a4"; } -.ts-icon.is-person-chalkboard-icon::before { - content: "\e53d"; +.ts-icon.is-microphone-lines-icon::before { + content: "\f3c9"; } -.ts-icon.is-viacoin-icon::before { +.ts-icon.is-osi-icon::before { font-family: "IconsBrands"; - content: "\f237"; + content: "\f41a"; } -.ts-icon.is-stripe-icon::before { +.ts-icon.is-twitch-icon::before { font-family: "IconsBrands"; - content: "\f429"; + content: "\f1e8"; } -.ts-icon.is-face-dizzy-icon::before { - content: "\f567"; +.ts-icon.is-atom-icon::before { + content: "\f5d2"; } -.ts-icon.is-money-bill-trend-up-icon::before { - content: "\e529"; +.ts-icon.is-face-sad-tear-icon::before { + content: "\f5b4"; } -.ts-icon.is-cc-apple-pay-icon::before { - font-family: "IconsBrands"; - content: "\f416"; +.ts-icon.is-hands-holding-child-icon::before { + content: "\e4fa"; } -.ts-icon.is-closed-captioning-icon::before { - content: "\f20a"; +.ts-icon.is-person-dress-icon::before { + content: "\f182"; } -.ts-icon.is-school-flag-icon::before { - content: "\e56e"; +.ts-icon.is-resolving-icon::before { + font-family: "IconsBrands"; + content: "\f3e7"; } -.ts-icon.is-3-icon::before { - content: "\33"; +.ts-icon.is-sticker-mule-icon::before { + font-family: "IconsBrands"; + content: "\f3f7"; } -.ts-icon.is-clapperboard-icon::before { - content: "\e131"; +.ts-icon.is-tablet-button-icon::before { + content: "\f10a"; } -.ts-icon.is-meta-icon::before { +.ts-icon.is-dribbble-icon::before { font-family: "IconsBrands"; - content: "\e49b"; + content: "\f17d"; } -.ts-icon.is-mug-saucer-icon::before { - content: "\f0f4"; +.ts-icon.is-eye-icon::before { + content: "\f06e"; } -.ts-icon.is-yandex-international-icon::before { +.ts-icon.is-dailymotion-icon::before { font-family: "IconsBrands"; - content: "\f414"; + content: "\e052"; } -.ts-icon.is-aws-icon::before { +.ts-icon.is-goodreads-icon::before { font-family: "IconsBrands"; - content: "\f375"; + content: "\f3a8"; } -.ts-icon.is-camera-icon::before { - content: "\f030"; +.ts-icon.is-bell-concierge-icon::before { + content: "\f562"; } -.ts-icon.is-erlang-icon::before { +.ts-icon.is-cc-jcb-icon::before { font-family: "IconsBrands"; - content: "\f39d"; + content: "\f24b"; } -.ts-icon.is-mandalorian-icon::before { - font-family: "IconsBrands"; - content: "\f50f"; +.ts-icon.is-menorah-icon::before { + content: "\f676"; } -.ts-icon.is-soap-icon::before { - content: "\e06e"; +.ts-icon.is-person-biking-icon::before { + content: "\f84a"; } -.ts-icon.is-suitcase-rolling-icon::before { - content: "\f5c1"; +.ts-icon.is-shop-slash-icon::before { + content: "\e070"; } -.ts-icon.is-alipay-icon::before { +.ts-icon.is-square-tumblr-icon::before { font-family: "IconsBrands"; - content: "\f642"; + content: "\f174"; } -.ts-icon.is-cable-car-icon::before { - content: "\f7da"; +.ts-icon.is-stopwatch-20-icon::before { + content: "\e06f"; } -.ts-icon.is-joomla-icon::before { - font-family: "IconsBrands"; - content: "\f1aa"; +.ts-icon.is-folder-open-icon::before { + content: "\f07c"; } -.ts-icon.is-wallet-icon::before { - content: "\f555"; +.ts-icon.is-kit-medical-icon::before { + content: "\f479"; } -.ts-icon.is-yin-yang-icon::before { - content: "\f6ad"; +.ts-icon.is-brush-icon::before { + content: "\f55d"; } -.ts-icon.is-7-icon::before { - content: "\37"; +.ts-icon.is-user-large-icon::before { + content: "\f406"; } -.ts-icon.is-piggy-bank-icon::before { - content: "\f4d3"; +.ts-icon.is-arrow-up-long-icon::before { + content: "\f176"; } -.ts-icon.is-square-xing-icon::before { - font-family: "IconsBrands"; - content: "\f169"; +.ts-icon.is-bahai-icon::before { + content: "\f666"; } -.ts-icon.is-optin-monster-icon::before { - font-family: "IconsBrands"; - content: "\f23c"; +.ts-icon.is-person-chalkboard-icon::before { + content: "\e53d"; } -.ts-icon.is-mailchimp-icon::before { - font-family: "IconsBrands"; - content: "\f59e"; +.ts-icon.is-sim-card-icon::before { + content: "\f7c4"; } -.ts-icon.is-phone-volume-icon::before { - content: "\f2a0"; +.ts-icon.is-suse-icon::before { + font-family: "IconsBrands"; + content: "\f7d6"; } -.ts-icon.is-rectangle-xmark-icon::before { - content: "\f410"; +.ts-icon.is-y-combinator-icon::before { + font-family: "IconsBrands"; + content: "\f23b"; } -.ts-icon.is-toilet-paper-icon::before { - content: "\f71e"; +.ts-icon.is-book-journal-whills-icon::before { + content: "\f66a"; } -.ts-icon.is-google-plus-icon::before { - font-family: "IconsBrands"; - content: "\f2b3"; +.ts-icon.is-paper-plane-icon::before { + content: "\f1d8"; } -.ts-icon.is-hat-cowboy-side-icon::before { - content: "\f8c1"; +.ts-icon.is-pen-clip-icon::before { + content: "\f305"; } -.ts-icon.is-mortar-pestle-icon::before { - content: "\f5a7"; +.ts-icon.is-square-odnoklassniki-icon::before { + font-family: "IconsBrands"; + content: "\f264"; } -.ts-icon.is-plus-minus-icon::before { - content: "\e43c"; +.ts-icon.is-themeisle-icon::before { + font-family: "IconsBrands"; + content: "\f2b2"; } -.ts-icon.is-spider-icon::before { - content: "\f717"; +.ts-icon.is-car-side-icon::before { + content: "\f5e4"; } -.ts-icon.is-user-large-slash-icon::before { - content: "\f4fa"; +.ts-icon.is-face-flushed-icon::before { + content: "\f579"; } -.ts-icon.is-2-icon::before { - content: "\32"; +.ts-icon.is-crutch-icon::before { + content: "\f7f7"; } -.ts-icon.is-bottle-water-icon::before { - content: "\e4c5"; +.ts-icon.is-door-open-icon::before { + content: "\f52b"; } -.ts-icon.is-creative-commons-sampling-plus-icon::before { +.ts-icon.is-firefox-browser-icon::before { font-family: "IconsBrands"; - content: "\f4f1"; + content: "\e007"; } -.ts-icon.is-google-icon::before { - font-family: "IconsBrands"; - content: "\f1a0"; +.ts-icon.is-shower-icon::before { + content: "\f2cc"; } -.ts-icon.is-korvue-icon::before { - font-family: "IconsBrands"; - content: "\f42f"; +.ts-icon.is-children-icon::before { + content: "\e4e1"; } -.ts-icon.is-square-pen-icon::before { - content: "\f14b"; +.ts-icon.is-cloud-moon-rain-icon::before { + content: "\f73c"; } -.ts-icon.is-building-columns-icon::before { - content: "\f19c"; +.ts-icon.is-microchip-icon::before { + content: "\f2db"; } -.ts-icon.is-download-icon::before { - content: "\f019"; +.ts-icon.is-skull-icon::before { + content: "\f54c"; } -.ts-icon.is-ebay-icon::before { +.ts-icon.is-square-js-icon::before { font-family: "IconsBrands"; - content: "\f4f4"; + content: "\f3b9"; } -.ts-icon.is-pushed-icon::before { - font-family: "IconsBrands"; - content: "\f3e1"; +.ts-icon.is-bezier-curve-icon::before { + content: "\f55b"; } -.ts-icon.is-fill-icon::before { - content: "\f575"; +.ts-icon.is-cloud-moon-icon::before { + content: "\f6c3"; } -.ts-icon.is-inbox-icon::before { - content: "\f01c"; +.ts-icon.is-freebsd-icon::before { + font-family: "IconsBrands"; + content: "\f3a4"; } -.ts-icon.is-screwdriver-icon::before { - content: "\f54a"; +.ts-icon.is-frog-icon::before { + content: "\f52e"; } -.ts-icon.is-stackpath-icon::before { +.ts-icon.is-app-store-ios-icon::before { font-family: "IconsBrands"; - content: "\f842"; + content: "\f370"; } -.ts-icon.is-stairs-icon::before { - content: "\e289"; +.ts-icon.is-clipboard-user-icon::before { + content: "\f7f3"; } -.ts-icon.is-comment-slash-icon::before { - content: "\f4b3"; +.ts-icon.is-grav-icon::before { + font-family: "IconsBrands"; + content: "\f2d6"; } -.ts-icon.is-hashnode-icon::before { +.ts-icon.is-jug-detergent-icon::before { + content: "\e519"; +} + +.ts-icon.is-wirsindhandwerk-icon::before { font-family: "IconsBrands"; - content: "\e499"; + content: "\e2d0"; } -.ts-icon.is-jar-icon::before { - content: "\e516"; +.ts-icon.is-cloud-icon::before { + content: "\f0c2"; } -.ts-icon.is-money-check-dollar-icon::before { - content: "\f53d"; +.ts-icon.is-heart-crack-icon::before { + content: "\f7a9"; } -.ts-icon.is-store-icon::before { - content: "\f54e"; +.ts-icon.is-rectangle-ad-icon::before { + content: "\f641"; } -.ts-icon.is-temperature-high-icon::before { - content: "\f769"; +.ts-icon.is-speakap-icon::before { + font-family: "IconsBrands"; + content: "\f3f3"; } -.ts-icon.is-car-on-icon::before { - content: "\e4dd"; +.ts-icon.is-hands-holding-circle-icon::before { + content: "\e4fb"; } -.ts-icon.is-mastodon-icon::before { - font-family: "IconsBrands"; - content: "\f4f6"; +.ts-icon.is-masks-theater-icon::before { + content: "\f630"; } -.ts-icon.is-underline-icon::before { - content: "\f0cd"; +.ts-icon.is-bomb-icon::before { + content: "\f1e2"; } -.ts-icon.is-volleyball-icon::before { - content: "\f45f"; +.ts-icon.is-robot-icon::before { + content: "\f544"; } -.ts-icon.is-book-skull-icon::before { - content: "\f6b7"; +.ts-icon.is-square-envelope-icon::before { + content: "\f199"; } -.ts-icon.is-z-icon::before { - content: "\5a"; +.ts-icon.is-square-lastfm-icon::before { + font-family: "IconsBrands"; + content: "\f203"; } -.ts-icon.is-backward-step-icon::before { - content: "\f048"; +.ts-icon.is-bottle-droplet-icon::before { + content: "\e4c4"; } -.ts-icon.is-cloudscale-icon::before { +.ts-icon.is-people-robbery-icon::before { + content: "\e536"; +} + +.ts-icon.is-wolf-pack-battalion-icon::before { font-family: "IconsBrands"; - content: "\f383"; + content: "\f514"; } -.ts-icon.is-hammer-icon::before { - content: "\f6e3"; +.ts-icon.is-google-icon::before { + font-family: "IconsBrands"; + content: "\f1a0"; } -.ts-icon.is-turn-down-icon::before { - content: "\f3be"; +.ts-icon.is-train-tram-icon::before { + content: "\e5b4"; } -.ts-icon.is-forward-step-icon::before { - content: "\f051"; +.ts-icon.is-tent-icon::before { + content: "\e57d"; } -.ts-icon.is-group-arrows-rotate-icon::before { - content: "\e4f6"; +.ts-icon.is-temperature-quarter-icon::before { + content: "\f2ca"; } -.ts-icon.is-magnifying-glass-icon::before { - content: "\f002"; +.ts-icon.is-lira-sign-icon::before { + content: "\f195"; } -.ts-icon.is-skyatlas-icon::before { +.ts-icon.is-steam-symbol-icon::before { font-family: "IconsBrands"; - content: "\f216"; + content: "\f3f6"; } -.ts-icon.is-explosion-icon::before { - content: "\e4e9"; +.ts-icon.is-plug-icon::before { + content: "\f1e6"; } -.ts-icon.is-pen-nib-icon::before { - content: "\f5ad"; +.ts-icon.is-slash-icon::before { + content: "\f715"; } -.ts-icon.is-chess-queen-icon::before { - content: "\f445"; +.ts-icon.is-tornado-icon::before { + content: "\f76f"; } -.ts-icon.is-user-tie-icon::before { - content: "\f508"; +.ts-icon.is-wpressr-icon::before { + font-family: "IconsBrands"; + content: "\f3e4"; } -.ts-icon.is-bitcoin-icon::before { +.ts-icon.is-amazon-pay-icon::before { font-family: "IconsBrands"; - content: "\f379"; + content: "\f42c"; } -.ts-icon.is-border-top-left-icon::before { - content: "\f853"; +.ts-icon.is-landmark-icon::before { + content: "\f66f"; } -.ts-icon.is-glass-water-droplet-icon::before { - content: "\e4f5"; +.ts-icon.is-socks-icon::before { + content: "\f696"; } -.ts-icon.is-minus-icon::before { - content: "\f068"; +.ts-icon.is-cloudsmith-icon::before { + font-family: "IconsBrands"; + content: "\f384"; } -.ts-icon.is-tty-icon::before { - content: "\f1e4"; +.ts-icon.is-radiation-icon::before { + content: "\f7b9"; } -.ts-icon.is-person-cane-icon::before { - content: "\e53c"; +.ts-icon.is-microblog-icon::before { + font-family: "IconsBrands"; + content: "\e01a"; } -.ts-icon.is-volcano-icon::before { - content: "\f770"; +.ts-icon.is-mortar-pestle-icon::before { + content: "\f5a7"; } -.ts-icon.is-atlassian-icon::before { +.ts-icon.is-yandex-international-icon::before { font-family: "IconsBrands"; - content: "\f77b"; + content: "\f414"; } -.ts-icon.is-bell-icon::before { - content: "\f0f3"; +.ts-icon.is-car-burst-icon::before { + content: "\f5e1"; } -.ts-icon.is-plane-circle-exclamation-icon::before { - content: "\e556"; +.ts-icon.is-hand-point-down-icon::before { + content: "\f0a7"; } -.ts-icon.is-book-journal-whills-icon::before { - content: "\f66a"; +.ts-icon.is-house-user-icon::before { + content: "\e1b0"; } -.ts-icon.is-expand-icon::before { - content: "\f065"; +.ts-icon.is-ideal-icon::before { + font-family: "IconsBrands"; + content: "\e013"; } -.ts-icon.is-quora-icon::before { +.ts-icon.is-sellcast-icon::before { font-family: "IconsBrands"; - content: "\f2c4"; + content: "\f2da"; } -.ts-icon.is-volume-off-icon::before { - content: "\f026"; +.ts-icon.is-behance-icon::before { + font-family: "IconsBrands"; + content: "\f1b4"; } -.ts-icon.is-tags-icon::before { - content: "\f02c"; +.ts-icon.is-hands-asl-interpreting-icon::before { + content: "\f2a3"; } -.ts-icon.is-unity-icon::before { - font-family: "IconsBrands"; - content: "\e049"; +.ts-icon.is-child-icon::before { + content: "\f1ae"; } -.ts-icon.is-user-xmark-icon::before { - content: "\f235"; +.ts-icon.is-eject-icon::before { + content: "\f052"; } -.ts-icon.is-microchip-icon::before { - content: "\f2db"; +.ts-icon.is-fingerprint-icon::before { + content: "\f577"; } -.ts-icon.is-square-google-plus-icon::before { - font-family: "IconsBrands"; - content: "\f0d4"; +.ts-icon.is-font-awesome-icon::before { + content: "\f2b4"; } -.ts-icon.is-bacon-icon::before { - content: "\f7e5"; +.ts-icon.is-anchor-icon::before { + content: "\f13d"; } -.ts-icon.is-bottle-droplet-icon::before { - content: "\e4c4"; +.ts-icon.is-asterisk-icon::before { + content: "\2a"; } -.ts-icon.is-circle-right-icon::before { - content: "\f35a"; +.ts-icon.is-phone-flip-icon::before { + content: "\f879"; } -.ts-icon.is-face-grin-tears-icon::before { - content: "\f588"; +.ts-icon.is-square-phone-icon::before { + content: "\f098"; } -.ts-icon.is-fire-icon::before { - content: "\f06d"; +.ts-icon.is-ticket-simple-icon::before { + content: "\f3ff"; } -.ts-icon.is-gamepad-icon::before { - content: "\f11b"; +.ts-icon.is-hand-holding-droplet-icon::before { + content: "\f4c1"; } -.ts-icon.is-tencent-weibo-icon::before { - font-family: "IconsBrands"; - content: "\f1d5"; +.ts-icon.is-hryvnia-sign-icon::before { + content: "\f6f2"; } -.ts-icon.is-lungs-icon::before { - content: "\f604"; +.ts-icon.is-envira-icon::before { + font-family: "IconsBrands"; + content: "\f299"; } -.ts-icon.is-digital-ocean-icon::before { - font-family: "IconsBrands"; - content: "\f391"; +.ts-icon.is-file-audio-icon::before { + content: "\f1c7"; } -.ts-icon.is-trash-can-arrow-up-icon::before { - content: "\f82a"; +.ts-icon.is-swift-icon::before { + font-family: "IconsBrands"; + content: "\f8e1"; } -.ts-icon.is-virus-icon::before { - content: "\e074"; +.ts-icon.is-8-icon::before { + content: "\38"; } -.ts-icon.is-chess-knight-icon::before { - content: "\f441"; +.ts-icon.is-creative-commons-zero-icon::before { + font-family: "IconsBrands"; + content: "\f4f3"; } -.ts-icon.is-face-laugh-icon::before { - content: "\f599"; +.ts-icon.is-sink-icon::before { + content: "\e06d"; } -.ts-icon.is-heart-circle-exclamation-icon::before { - content: "\e4fe"; +.ts-icon.is-volleyball-icon::before { + content: "\f45f"; } -.ts-icon.is-calendar-week-icon::before { - content: "\f784"; +.ts-icon.is-html5-icon::before { + font-family: "IconsBrands"; + content: "\f13b"; } -.ts-icon.is-fantasy-flight-games-icon::before { +.ts-icon.is-medium-icon::before { font-family: "IconsBrands"; - content: "\f6dc"; + content: "\f23a"; } -.ts-icon.is-id-card-icon::before { - content: "\f2c2"; +.ts-icon.is-diagram-project-icon::before { + content: "\f542"; } -.ts-icon.is-pen-fancy-icon::before { - content: "\f5ac"; +.ts-icon.is-steam-icon::before { + font-family: "IconsBrands"; + content: "\f1b6"; } -.ts-icon.is-toilet-portable-icon::before { - content: "\e583"; +.ts-icon.is-arrow-up-icon::before { + content: "\f062"; } -.ts-icon.is-broom-ball-icon::before { - content: "\f458"; +.ts-icon.is-bimobject-icon::before { + font-family: "IconsBrands"; + content: "\f378"; } -.ts-icon.is-shower-icon::before { - content: "\f2cc"; +.ts-icon.is-spoon-icon::before { + content: "\f2e5"; } -.ts-icon.is-gear-icon::before { - content: "\f013"; +.ts-icon.is-creative-commons-icon::before { + font-family: "IconsBrands"; + content: "\f25e"; } -.ts-icon.is-square-virus-icon::before { - content: "\e578"; +.ts-icon.is-shrimp-icon::before { + content: "\e448"; } -.ts-icon.is-java-icon::before { - font-family: "IconsBrands"; - content: "\f4e4"; +.ts-icon.is-hands-clapping-icon::before { + content: "\e1a8"; } -.ts-icon.is-sketch-icon::before { +.ts-icon.is-scribd-icon::before { font-family: "IconsBrands"; - content: "\f7c6"; + content: "\f28a"; } -.ts-icon.is-venus-mars-icon::before { - content: "\f228"; +.ts-icon.is-file-medical-icon::before { + content: "\f477"; } -.ts-icon.is-share-icon::before { - content: "\f064"; +.ts-icon.is-folder-tree-icon::before { + content: "\f802"; } -.ts-icon.is-square-plus-icon::before { - content: "\f0fe"; +.ts-icon.is-heart-circle-exclamation-icon::before { + content: "\e4fe"; } -.ts-icon.is-baseball-icon::before { - content: "\f433"; +.ts-icon.is-heart-pulse-icon::before { + content: "\f21e"; } -.ts-icon.is-circle-chevron-down-icon::before { - content: "\f13a"; +.ts-icon.is-virus-icon::before { + content: "\e074"; } -.ts-icon.is-vine-icon::before { - font-family: "IconsBrands"; - content: "\f1ca"; +.ts-icon.is-1-icon::before { + content: "\31"; } -.ts-icon.is-eraser-icon::before { - content: "\f12d"; +.ts-icon.is-box-archive-icon::before { + content: "\f187"; } -.ts-icon.is-ruler-vertical-icon::before { - content: "\f548"; +.ts-icon.is-pencil-icon::before { + content: "\f303"; } -.ts-icon.is-suse-icon::before { - font-family: "IconsBrands"; - content: "\f7d6"; +.ts-icon.is-flag-checkered-icon::before { + content: "\f11e"; } -.ts-icon.is-bath-icon::before { - content: "\f2cd"; +.ts-icon.is-house-laptop-icon::before { + content: "\e066"; } -.ts-icon.is-openid-icon::before { +.ts-icon.is-yoast-icon::before { font-family: "IconsBrands"; - content: "\f19b"; + content: "\f2b1"; } -.ts-icon.is-repeat-icon::before { - content: "\f363"; +.ts-icon.is-house-medical-flag-icon::before { + content: "\e514"; } -.ts-icon.is-trash-arrow-up-icon::before { - content: "\f829"; +.ts-icon.is-trailer-icon::before { + content: "\e041"; } -.ts-icon.is-reddit-icon::before { - font-family: "IconsBrands"; - content: "\f1a1"; +.ts-icon.is-shield-dog-icon::before { + content: "\e573"; } -.ts-icon.is-signal-icon::before { - content: "\f012"; +.ts-icon.is-square-share-nodes-icon::before { + content: "\f1e1"; } -.ts-icon.is-table-tennis-paddle-ball-icon::before { - content: "\f45d"; +.ts-icon.is-folder-minus-icon::before { + content: "\f65d"; } -.ts-icon.is-tent-arrow-left-right-icon::before { - content: "\e57f"; +.ts-icon.is-money-bill-1-icon::before { + content: "\f3d1"; } -.ts-icon.is-map-location-icon::before { - content: "\f59f"; +.ts-icon.is-border-top-left-icon::before { + content: "\f853"; } -.ts-icon.is-people-robbery-icon::before { - content: "\e536"; +.ts-icon.is-forward-icon::before { + content: "\f04e"; } -.ts-icon.is-person-circle-question-icon::before { - content: "\e542"; +.ts-icon.is-java-icon::before { + font-family: "IconsBrands"; + content: "\f4e4"; } -.ts-icon.is-shield-cat-icon::before { - content: "\e572"; +.ts-icon.is-mitten-icon::before { + content: "\f7b5"; } -.ts-icon.is-umbrella-icon::before { - content: "\f0e9"; +.ts-icon.is-sun-plant-wilt-icon::before { + content: "\e57a"; } -.ts-icon.is-wine-bottle-icon::before { - content: "\f72f"; +.ts-icon.is-bridge-circle-exclamation-icon::before { + content: "\e4ca"; } -.ts-icon.is-glass-water-icon::before { - content: "\e4f4"; +.ts-icon.is-circle-chevron-right-icon::before { + content: "\f138"; } -.ts-icon.is-house-laptop-icon::before { - content: "\e066"; +.ts-icon.is-joint-icon::before { + content: "\f595"; } -.ts-icon.is-pen-to-square-icon::before { - content: "\f044"; +.ts-icon.is-transgender-icon::before { + content: "\f225"; } -.ts-icon.is-square-whatsapp-icon::before { +.ts-icon.is-fort-awesome-icon::before { font-family: "IconsBrands"; - content: "\f40c"; + content: "\f286"; } -.ts-icon.is-bahai-icon::before { - content: "\f666"; +.ts-icon.is-apple-icon::before { + font-family: "IconsBrands"; + content: "\f179"; } -.ts-icon.is-strava-icon::before { +.ts-icon.is-eye-slash-icon::before { + content: "\f070"; +} + +.ts-icon.is-deskpro-icon::before { font-family: "IconsBrands"; - content: "\f428"; + content: "\f38f"; } -.ts-icon.is-wave-square-icon::before { - content: "\f83e"; +.ts-icon.is-face-grin-beam-icon::before { + content: "\f582"; } -.ts-icon.is-box-open-icon::before { - content: "\f49e"; +.ts-icon.is-file-circle-check-icon::before { + content: "\e5a0"; } -.ts-icon.is-handshake-simple-slash-icon::before { - content: "\e05f"; +.ts-icon.is-red-river-icon::before { + font-family: "IconsBrands"; + content: "\f3e3"; } -.ts-icon.is-person-falling-burst-icon::before { - content: "\e547"; +.ts-icon.is-yen-sign-icon::before { + content: "\f157"; } -.ts-icon.is-arrow-rotate-left-icon::before { - content: "\f0e2"; +.ts-icon.is-address-card-icon::before { + content: "\f2bb"; } -.ts-icon.is-chess-rook-icon::before { - content: "\f447"; +.ts-icon.is-burger-icon::before { + content: "\f805"; } -.ts-icon.is-ear-deaf-icon::before { - content: "\f2a4"; +.ts-icon.is-arrows-to-circle-icon::before { + content: "\e4bd"; } -.ts-icon.is-face-sad-tear-icon::before { - content: "\f5b4"; +.ts-icon.is-square-check-icon::before { + content: "\f14a"; } -.ts-icon.is-vimeo-icon::before { +.ts-icon.is-keybase-icon::before { font-family: "IconsBrands"; - content: "\f40a"; + content: "\f4f5"; } -.ts-icon.is-truck-field-icon::before { - content: "\e58d"; +.ts-icon.is-money-bill-wheat-icon::before { + content: "\e52a"; } -.ts-icon.is-arrows-up-down-icon::before { - content: "\f07d"; +.ts-icon.is-person-circle-exclamation-icon::before { + content: "\e53f"; } -.ts-icon.is-chess-icon::before { - content: "\f439"; -} +.ts-icon.is-star-icon::before { + content: "\f005"; +} -.ts-icon.is-dragon-icon::before { - content: "\f6d5"; +.ts-icon.is-fan-icon::before { + content: "\f863"; } -.ts-icon.is-drumstick-bite-icon::before { - content: "\f6d7"; +.ts-icon.is-hand-sparkles-icon::before { + content: "\e05d"; } -.ts-icon.is-tablet-screen-button-icon::before { - content: "\f3fa"; +.ts-icon.is-face-smile-icon::before { + content: "\f118"; } -.ts-icon.is-trophy-icon::before { - content: "\f091"; +.ts-icon.is-q-icon::before { + content: "\51"; } -.ts-icon.is-amazon-icon::before { +.ts-icon.is-product-hunt-icon::before { font-family: "IconsBrands"; - content: "\f270"; + content: "\f288"; } -.ts-icon.is-bootstrap-icon::before { - font-family: "IconsBrands"; - content: "\f836"; +.ts-icon.is-cent-sign-icon::before { + content: "\e3f5"; } -.ts-icon.is-facebook-messenger-icon::before { - font-family: "IconsBrands"; - content: "\f39f"; +.ts-icon.is-person-walking-luggage-icon::before { + content: "\e554"; } -.ts-icon.is-ticket-icon::before { - content: "\f145"; +.ts-icon.is-star-half-icon::before { + content: "\f089"; } -.ts-icon.is-up-down-icon::before { - content: "\f338"; +.ts-icon.is-truck-droplet-icon::before { + content: "\e58c"; } -.ts-icon.is-users-rectangle-icon::before { - content: "\e594"; +.ts-icon.is-campground-icon::before { + content: "\f6bb"; } -.ts-icon.is-floppy-disk-icon::before { - content: "\f0c7"; +.ts-icon.is-napster-icon::before { + font-family: "IconsBrands"; + content: "\f3d2"; } -.ts-icon.is-grip-vertical-icon::before { - content: "\f58e"; +.ts-icon.is-cruzeiro-sign-icon::before { + content: "\e152"; } -.ts-icon.is-quote-left-icon::before { - content: "\f10d"; +.ts-icon.is-hand-holding-medical-icon::before { + content: "\e05c"; } -.ts-icon.is-solar-panel-icon::before { - content: "\f5ba"; +.ts-icon.is-heart-circle-check-icon::before { + content: "\e4fd"; } -.ts-icon.is-text-slash-icon::before { - content: "\f87d"; +.ts-icon.is-k-icon::before { + content: "\4b"; } -.ts-icon.is-arrow-down-a-z-icon::before { - content: "\f15d"; +.ts-icon.is-person-circle-question-icon::before { + content: "\e542"; } -.ts-icon.is-arrows-to-eye-icon::before { - content: "\e4bf"; +.ts-icon.is-car-rear-icon::before { + content: "\f5de"; } -.ts-icon.is-k-icon::before { - content: "\4b"; +.ts-icon.is-cookie-bite-icon::before { + content: "\f564"; } -.ts-icon.is-person-praying-icon::before { - content: "\f683"; +.ts-icon.is-grip-lines-vertical-icon::before { + content: "\f7a5"; } -.ts-icon.is-poop-icon::before { - content: "\f619"; +.ts-icon.is-circle-icon::before { + content: "\f111"; } -.ts-icon.is-truck-droplet-icon::before { - content: "\e58c"; +.ts-icon.is-file-excel-icon::before { + content: "\f1c3"; } -.ts-icon.is-code-fork-icon::before { - content: "\e13b"; +.ts-icon.is-hotel-icon::before { + content: "\f594"; } -.ts-icon.is-git-icon::before { - font-family: "IconsBrands"; - content: "\f1d3"; +.ts-icon.is-angles-right-icon::before { + content: "\f101"; } -.ts-icon.is-car-tunnel-icon::before { - content: "\e4de"; +.ts-icon.is-clover-icon::before { + content: "\e139"; } -.ts-icon.is-codepen-icon::before { - font-family: "IconsBrands"; - content: "\f1cb"; +.ts-icon.is-tags-icon::before { + content: "\f02c"; } -.ts-icon.is-square-font-awesome-stroke-icon::before { - font-family: "IconsBrands"; - content: "\f35c"; +.ts-icon.is-bowling-ball-icon::before { + content: "\f436"; } -.ts-icon.is-superpowers-icon::before { - font-family: "IconsBrands"; - content: "\f2dd"; +.ts-icon.is-box-tissue-icon::before { + content: "\e05b"; } -.ts-icon.is-xmarks-lines-icon::before { - content: "\e59a"; +.ts-icon.is-intercom-icon::before { + font-family: "IconsBrands"; + content: "\f7af"; } -.ts-icon.is-battery-quarter-icon::before { - content: "\f243"; +.ts-icon.is-umbrella-icon::before { + content: "\f0e9"; } -.ts-icon.is-bong-icon::before { - content: "\f55c"; +.ts-icon.is-chess-icon::before { + content: "\f439"; } -.ts-icon.is-mars-and-venus-icon::before { - content: "\f224"; +.ts-icon.is-dumpster-fire-icon::before { + content: "\f794"; } -.ts-icon.is-martini-glass-icon::before { - content: "\f57b"; +.ts-icon.is-house-tsunami-icon::before { + content: "\e515"; } -.ts-icon.is-face-meh-blank-icon::before { - content: "\f5a4"; +.ts-icon.is-id-badge-icon::before { + content: "\f2c1"; } -.ts-icon.is-gripfire-icon::before { +.ts-icon.is-deploydog-icon::before { font-family: "IconsBrands"; - content: "\f3ac"; + content: "\f38e"; } -.ts-icon.is-award-icon::before { - content: "\f559"; +.ts-icon.is-dice-three-icon::before { + content: "\f527"; } -.ts-icon.is-calendar-days-icon::before { - content: "\f073"; +.ts-icon.is-toilet-portable-icon::before { + content: "\e583"; } -.ts-icon.is-arrows-left-right-to-line-icon::before { - content: "\e4ba"; +.ts-icon.is-infinity-icon::before { + content: "\f534"; } -.ts-icon.is-face-sad-cry-icon::before { - content: "\f5b3"; +.ts-icon.is-shekel-sign-icon::before { + content: "\f20b"; } -.ts-icon.is-medapps-icon::before { +.ts-icon.is-yammer-icon::before { font-family: "IconsBrands"; - content: "\f3c6"; + content: "\f840"; } -.ts-icon.is-sith-icon::before { - font-family: "IconsBrands"; - content: "\f512"; +.ts-icon.is-peso-sign-icon::before { + content: "\e222"; } -.ts-icon.is-truck-plane-icon::before { - content: "\e58f"; +.ts-icon.is-plane-circle-check-icon::before { + content: "\e555"; } -.ts-icon.is-usps-icon::before { - font-family: "IconsBrands"; - content: "\f7e1"; +.ts-icon.is-ruler-combined-icon::before { + content: "\f546"; } -.ts-icon.is-wolf-pack-battalion-icon::before { - font-family: "IconsBrands"; - content: "\f514"; +.ts-icon.is-scroll-icon::before { + content: "\f70e"; } -.ts-icon.is-box-icon::before { - content: "\f466"; +.ts-icon.is-skull-crossbones-icon::before { + content: "\f714"; } -.ts-icon.is-euro-sign-icon::before { - content: "\f153"; +.ts-icon.is-uikit-icon::before { + font-family: "IconsBrands"; + content: "\f403"; } -.ts-icon.is-eye-icon::before { - content: "\f06e"; +.ts-icon.is-ankh-icon::before { + content: "\f644"; } -.ts-icon.is-first-order-alt-icon::before { - font-family: "IconsBrands"; - content: "\f50a"; +.ts-icon.is-boxes-packing-icon::before { + content: "\e4c7"; } -.ts-icon.is-icons-icon::before { - content: "\f86d"; +.ts-icon.is-gitlab-icon::before { + font-family: "IconsBrands"; + content: "\f296"; } -.ts-icon.is-person-running-icon::before { - content: "\f70c"; +.ts-icon.is-boxes-stacked-icon::before { + content: "\f468"; } -.ts-icon.is-ello-icon::before { +.ts-icon.is-quinscape-icon::before { font-family: "IconsBrands"; - content: "\f5f1"; + content: "\f459"; } -.ts-icon.is-themeisle-icon::before { +.ts-icon.is-researchgate-icon::before { font-family: "IconsBrands"; - content: "\f2b2"; + content: "\f4f8"; } -.ts-icon.is-person-circle-check-icon::before { - content: "\e53e"; +.ts-icon.is-truck-moving-icon::before { + content: "\f4df"; } -.ts-icon.is-bomb-icon::before { - content: "\f1e2"; +.ts-icon.is-dna-icon::before { + content: "\f471"; } -.ts-icon.is-monero-icon::before { - font-family: "IconsBrands"; - content: "\f3d0"; +.ts-icon.is-magnet-icon::before { + content: "\f076"; } -.ts-icon.is-mosquito-icon::before { - content: "\e52b"; +.ts-icon.is-trade-federation-icon::before { + font-family: "IconsBrands"; + content: "\f513"; } -.ts-icon.is-caravan-icon::before { - content: "\f8ff"; +.ts-icon.is-jenkins-icon::before { + font-family: "IconsBrands"; + content: "\f3b6"; } -.ts-icon.is-hand-icon::before { - content: "\f256"; +.ts-icon.is-monument-icon::before { + content: "\f5a6"; } -.ts-icon.is-bore-hole-icon::before { - content: "\e4c3"; +.ts-icon.is-bacteria-icon::before { + content: "\e059"; } -.ts-icon.is-firefox-browser-icon::before { +.ts-icon.is-itch-io-icon::before { font-family: "IconsBrands"; - content: "\e007"; + content: "\f83a"; } -.ts-icon.is-xmark-icon::before { - content: "\f00d"; -} - -.ts-icon.is-arrow-up-right-dots-icon::before { - content: "\e4b7"; +.ts-icon.is-microphone-slash-icon::before { + content: "\f131"; } -.ts-icon.is-chart-pie-icon::before { - content: "\f200"; +.ts-icon.is-road-lock-icon::before { + content: "\e567"; } -.ts-icon.is-headset-icon::before { - content: "\f590"; +.ts-icon.is-glide-g-icon::before { + font-family: "IconsBrands"; + content: "\f2a6"; } -.ts-icon.is-hotdog-icon::before { - content: "\f80f"; +.ts-icon.is-hashtag-icon::before { + content: "\23"; } -.ts-icon.is-opera-icon::before { - font-family: "IconsBrands"; - content: "\f26a"; +.ts-icon.is-warehouse-icon::before { + content: "\f494"; } -.ts-icon.is-app-store-ios-icon::before { +.ts-icon.is-opencart-icon::before { font-family: "IconsBrands"; - content: "\f370"; + content: "\f23d"; } -.ts-icon.is-fly-icon::before { +.ts-icon.is-ups-icon::before { font-family: "IconsBrands"; - content: "\f417"; -} - -.ts-icon.is-taxi-icon::before { - content: "\f1ba"; + content: "\f7e0"; } -.ts-icon.is-chrome-icon::before { +.ts-icon.is-playstation-icon::before { font-family: "IconsBrands"; - content: "\f268"; + content: "\f3df"; } -.ts-icon.is-reddit-alien-icon::before { +.ts-icon.is-sellsy-icon::before { font-family: "IconsBrands"; - content: "\f281"; + content: "\f213"; } -.ts-icon.is-windows-icon::before { +.ts-icon.is-github-alt-icon::before { font-family: "IconsBrands"; - content: "\f17a"; + content: "\f113"; } -.ts-icon.is-bowl-rice-icon::before { - content: "\e2eb"; +.ts-icon.is-oil-well-icon::before { + content: "\e532"; } -.ts-icon.is-waze-icon::before { +.ts-icon.is-perbyte-icon::before { font-family: "IconsBrands"; - content: "\f83f"; + content: "\e083"; } -.ts-icon.is-google-play-icon::before { - font-family: "IconsBrands"; - content: "\f3ab"; +.ts-icon.is-square-caret-right-icon::before { + content: "\f152"; } -.ts-icon.is-scale-balanced-icon::before { - content: "\f24e"; +.ts-icon.is-buffer-icon::before { + font-family: "IconsBrands"; + content: "\f837"; } -.ts-icon.is-square-behance-icon::before { - font-family: "IconsBrands"; - content: "\f1b5"; +.ts-icon.is-face-laugh-icon::before { + content: "\f599"; } -.ts-icon.is-steam-icon::before { - font-family: "IconsBrands"; - content: "\f1b6"; +.ts-icon.is-helicopter-symbol-icon::before { + content: "\e502"; } -.ts-icon.is-chromecast-icon::before { +.ts-icon.is-aws-icon::before { font-family: "IconsBrands"; - content: "\f838"; + content: "\f375"; } -.ts-icon.is-dice-icon::before { - content: "\f522"; +.ts-icon.is-book-medical-icon::before { + content: "\f7e6"; } -.ts-icon.is-face-grimace-icon::before { - content: "\f57f"; +.ts-icon.is-inbox-icon::before { + content: "\f01c"; } -.ts-icon.is-lemon-icon::before { - content: "\f094"; +.ts-icon.is-superscript-icon::before { + content: "\f12b"; } -.ts-icon.is-link-slash-icon::before { - content: "\f127"; +.ts-icon.is-cookie-icon::before { + content: "\f563"; } -.ts-icon.is-file-invoice-icon::before { - content: "\f570"; +.ts-icon.is-fire-flame-curved-icon::before { + content: "\f7e4"; } -.ts-icon.is-panorama-icon::before { - content: "\e209"; +.ts-icon.is-sd-card-icon::before { + content: "\f7c2"; } -.ts-icon.is-angles-left-icon::before { - content: "\f100"; +.ts-icon.is-user-slash-icon::before { + content: "\f506"; } -.ts-icon.is-arrow-up-long-icon::before { - content: "\f176"; +.ts-icon.is-bacterium-icon::before { + content: "\e05a"; } -.ts-icon.is-landmark-icon::before { - content: "\f66f"; +.ts-icon.is-maximize-icon::before { + content: "\f31e"; } -.ts-icon.is-radiation-icon::before { - content: "\f7b9"; +.ts-icon.is-trophy-icon::before { + content: "\f091"; } -.ts-icon.is-tablet-icon::before { - content: "\f3fb"; +.ts-icon.is-anchor-circle-xmark-icon::before { + content: "\e4ac"; } -.ts-icon.is-cloud-arrow-down-icon::before { - content: "\f0ed"; +.ts-icon.is-keyboard-icon::before { + content: "\f11c"; } -.ts-icon.is-gift-icon::before { - content: "\f06b"; +.ts-icon.is-phone-volume-icon::before { + content: "\f2a0"; } -.ts-icon.is-water-ladder-icon::before { - content: "\f5c5"; +.ts-icon.is-pills-icon::before { + content: "\f484"; } -.ts-icon.is-kickstarter-k-icon::before { +.ts-icon.is-square-reddit-icon::before { font-family: "IconsBrands"; - content: "\f3bc"; + content: "\f1a2"; } -.ts-icon.is-weibo-icon::before { +.ts-icon.is-buy-n-large-icon::before { font-family: "IconsBrands"; - content: "\f18a"; + content: "\f8a6"; } -.ts-icon.is-hands-bubbles-icon::before { - content: "\e05e"; +.ts-icon.is-face-grin-wink-icon::before { + content: "\f58c"; } -.ts-icon.is-circle-notch-icon::before { - content: "\f1ce"; +.ts-icon.is-6-icon::before { + content: "\36"; } -.ts-icon.is-registered-icon::before { - content: "\f25d"; +.ts-icon.is-stop-icon::before { + content: "\f04d"; } -.ts-icon.is-tachograph-digital-icon::before { - content: "\f566"; +.ts-icon.is-hand-holding-icon::before { + content: "\f4bd"; } -.ts-icon.is-envelope-open-text-icon::before { - content: "\f658"; +.ts-icon.is-person-circle-minus-icon::before { + content: "\e540"; } -.ts-icon.is-file-image-icon::before { - content: "\f1c5"; +.ts-icon.is-shoe-prints-icon::before { + content: "\f54b"; } -.ts-icon.is-gauge-high-icon::before { - content: "\f625"; +.ts-icon.is-bug-icon::before { + content: "\f188"; } -.ts-icon.is-vuejs-icon::before { +.ts-icon.is-creative-commons-nc-jp-icon::before { font-family: "IconsBrands"; - content: "\f41f"; + content: "\f4ea"; } -.ts-icon.is-hryvnia-sign-icon::before { - content: "\f6f2"; +.ts-icon.is-house-crack-icon::before { + content: "\e3b1"; } -.ts-icon.is-person-rifle-icon::before { - content: "\e54e"; +.ts-icon.is-node-icon::before { + font-family: "IconsBrands"; + content: "\f419"; } -.ts-icon.is-building-lock-icon::before { - content: "\e4d6"; +.ts-icon.is-arrow-left-long-icon::before { + content: "\f177"; } -.ts-icon.is-heart-circle-check-icon::before { - content: "\e4fd"; +.ts-icon.is-face-laugh-squint-icon::before { + content: "\f59b"; } -.ts-icon.is-text-height-icon::before { - content: "\f034"; +.ts-icon.is-head-side-cough-slash-icon::before { + content: "\e062"; } -.ts-icon.is-tiktok-icon::before { +.ts-icon.is-connectdevelop-icon::before { font-family: "IconsBrands"; - content: "\e07b"; + content: "\f20e"; } -.ts-icon.is-untappd-icon::before { +.ts-icon.is-galactic-republic-icon::before { font-family: "IconsBrands"; - content: "\f405"; + content: "\f50c"; } -.ts-icon.is-heart-circle-xmark-icon::before { - content: "\e501"; +.ts-icon.is-square-dribbble-icon::before { + font-family: "IconsBrands"; + content: "\f397"; } -.ts-icon.is-align-right-icon::before { - content: "\f038"; +.ts-icon.is-volume-high-icon::before { + content: "\f028"; } -.ts-icon.is-chevron-left-icon::before { - content: "\f053"; +.ts-icon.is-arrow-right-arrow-left-icon::before { + content: "\f0ec"; } -.ts-icon.is-house-circle-xmark-icon::before { - content: "\e50b"; +.ts-icon.is-codepen-icon::before { + font-family: "IconsBrands"; + content: "\f1cb"; } -.ts-icon.is-share-nodes-icon::before { - content: "\f1e0"; +.ts-icon.is-plug-circle-xmark-icon::before { + content: "\e560"; } -.ts-icon.is-bots-icon::before { +.ts-icon.is-align-left-icon::before { + content: "\f036"; +} + +.ts-icon.is-ember-icon::before { font-family: "IconsBrands"; - content: "\e340"; + content: "\f423"; } -.ts-icon.is-hamsa-icon::before { - content: "\f665"; +.ts-icon.is-spell-check-icon::before { + content: "\f891"; } -.ts-icon.is-hard-drive-icon::before { - content: "\f0a0"; +.ts-icon.is-think-peaks-icon::before { + font-family: "IconsBrands"; + content: "\f731"; } -.ts-icon.is-jedi-icon::before { - content: "\f669"; +.ts-icon.is-arrow-trend-up-icon::before { + content: "\e098"; } -.ts-icon.is-table-columns-icon::before { - content: "\f0db"; +.ts-icon.is-person-walking-arrow-right-icon::before { + content: "\e552"; } -.ts-icon.is-google-drive-icon::before { - font-family: "IconsBrands"; - content: "\f3aa"; -} - -.ts-icon.is-blog-icon::before { - content: "\f781"; -} - -.ts-icon.is-box-archive-icon::before { - content: "\f187"; -} - -.ts-icon.is-dong-sign-icon::before { - content: "\e169"; +.ts-icon.is-satellite-icon::before { + content: "\f7bf"; } -.ts-icon.is-volume-xmark-icon::before { - content: "\f6a9"; +.ts-icon.is-square-xing-icon::before { + font-family: "IconsBrands"; + content: "\f169"; } -.ts-icon.is-uncharted-icon::before { +.ts-icon.is-wix-icon::before { font-family: "IconsBrands"; - content: "\e084"; + content: "\f5cf"; } -.ts-icon.is-deskpro-icon::before { +.ts-icon.is-flickr-icon::before { font-family: "IconsBrands"; - content: "\f38f"; + content: "\f16e"; } -.ts-icon.is-film-icon::before { - content: "\f008"; +.ts-icon.is-pagelines-icon::before { + font-family: "IconsBrands"; + content: "\f18c"; } -.ts-icon.is-hill-avalanche-icon::before { - content: "\e507"; +.ts-icon.is-hamsa-icon::before { + content: "\f665"; } -.ts-icon.is-hotjar-icon::before { +.ts-icon.is-stack-exchange-icon::before { font-family: "IconsBrands"; - content: "\f3b1"; + content: "\f18d"; } -.ts-icon.is-kiwi-bird-icon::before { - content: "\f535"; +.ts-icon.is-forward-step-icon::before { + content: "\f051"; } -.ts-icon.is-square-pinterest-icon::before { - font-family: "IconsBrands"; - content: "\f0d3"; +.ts-icon.is-prescription-bottle-medical-icon::before { + content: "\f486"; } -.ts-icon.is-check-double-icon::before { - content: "\f560"; +.ts-icon.is-address-book-icon::before { + content: "\f2b9"; } -.ts-icon.is-money-bill-1-wave-icon::before { - content: "\f53b"; +.ts-icon.is-face-grin-tongue-wink-icon::before { + content: "\f58b"; } -.ts-icon.is-pepper-hot-icon::before { - content: "\f816"; +.ts-icon.is-map-icon::before { + content: "\f279"; } -.ts-icon.is-beer-mug-empty-icon::before { - content: "\f0fc"; +.ts-icon.is-readme-icon::before { + font-family: "IconsBrands"; + content: "\f4d5"; } -.ts-icon.is-file-circle-check-icon::before { - content: "\e5a0"; +.ts-icon.is-dice-d20-icon::before { + content: "\f6cf"; } -.ts-icon.is-rss-icon::before { - content: "\f09e"; +.ts-icon.is-gauge-icon::before { + content: "\f624"; } -.ts-icon.is-sellcast-icon::before { - font-family: "IconsBrands"; - content: "\f2da"; +.ts-icon.is-mars-stroke-icon::before { + content: "\f229"; } -.ts-icon.is-slack-icon::before { +.ts-icon.is-viacoin-icon::before { font-family: "IconsBrands"; - content: "\f198"; + content: "\f237"; } -.ts-icon.is-yoast-icon::before { - font-family: "IconsBrands"; - content: "\f2b1"; +.ts-icon.is-code-icon::before { + content: "\f121"; } -.ts-icon.is-mobile-retro-icon::before { - content: "\e527"; +.ts-icon.is-egg-icon::before { + content: "\f7fb"; } -.ts-icon.is-square-root-variable-icon::before { - content: "\f698"; +.ts-icon.is-earth-europe-icon::before { + content: "\f7a2"; } -.ts-icon.is-avianex-icon::before { - font-family: "IconsBrands"; - content: "\f374"; +.ts-icon.is-person-arrow-down-to-line-icon::before { + content: "\e538"; } -.ts-icon.is-building-flag-icon::before { - content: "\e4d5"; +.ts-icon.is-dolly-icon::before { + content: "\f472"; } -.ts-icon.is-earth-africa-icon::before { - content: "\f57c"; +.ts-icon.is-circle-play-icon::before { + content: "\f144"; } -.ts-icon.is-python-icon::before { - font-family: "IconsBrands"; - content: "\f3e2"; +.ts-icon.is-closed-captioning-icon::before { + content: "\f20a"; } -.ts-icon.is-truck-monster-icon::before { - content: "\f63b"; +.ts-icon.is-circle-down-icon::before { + content: "\f358"; } -.ts-icon.is-square-viadeo-icon::before { - font-family: "IconsBrands"; - content: "\f2aa"; +.ts-icon.is-sort-up-icon::before { + content: "\f0de"; } -.ts-icon.is-vaadin-icon::before { - font-family: "IconsBrands"; - content: "\f408"; +.ts-icon.is-code-compare-icon::before { + content: "\e13a"; } -.ts-icon.is-weight-scale-icon::before { - content: "\f496"; +.ts-icon.is-envelopes-bulk-icon::before { + content: "\f674"; } -.ts-icon.is-bezier-curve-icon::before { - content: "\f55b"; +.ts-icon.is-user-secret-icon::before { + content: "\f21b"; } -.ts-icon.is-gitlab-icon::before { +.ts-icon.is-wpforms-icon::before { font-family: "IconsBrands"; - content: "\f296"; + content: "\f298"; } -.ts-icon.is-handshake-simple-icon::before { - content: "\f4c6"; +.ts-icon.is-arrow-trend-down-icon::before { + content: "\e097"; } -.ts-icon.is-person-walking-luggage-icon::before { - content: "\e554"; +.ts-icon.is-arrows-split-up-and-left-icon::before { + content: "\e4bc"; } -.ts-icon.is-truck-ramp-box-icon::before { - content: "\f4de"; +.ts-icon.is-person-walking-with-cane-icon::before { + content: "\f29d"; } -.ts-icon.is-vnv-icon::before { - font-family: "IconsBrands"; - content: "\f40b"; +.ts-icon.is-bowl-food-icon::before { + content: "\e4c6"; } -.ts-icon.is-hand-holding-hand-icon::before { - content: "\e4f7"; +.ts-icon.is-horse-head-icon::before { + content: "\f7ab"; } -.ts-icon.is-user-shield-icon::before { - content: "\f505"; +.ts-icon.is-chart-gantt-icon::before { + content: "\e0e4"; } -.ts-icon.is-austral-sign-icon::before { - content: "\e0a9"; +.ts-icon.is-calculator-icon::before { + content: "\f1ec"; } -.ts-icon.is-circle-stop-icon::before { - content: "\f28d"; +.ts-icon.is-meta-icon::before { + font-family: "IconsBrands"; + content: "\e49b"; } -.ts-icon.is-cloud-arrow-up-icon::before { - content: "\f0ee"; +.ts-icon.is-person-praying-icon::before { + content: "\f683"; } -.ts-icon.is-cc-paypal-icon::before { +.ts-icon.is-stripe-s-icon::before { font-family: "IconsBrands"; - content: "\f1f4"; + content: "\f42a"; } -.ts-icon.is-ear-listen-icon::before { - content: "\f2a2"; +.ts-icon.is-anchor-circle-exclamation-icon::before { + content: "\e4ab"; } -.ts-icon.is-forward-icon::before { - content: "\f04e"; +.ts-icon.is-book-bible-icon::before { + content: "\f647"; } -.ts-icon.is-goodreads-g-icon::before { +.ts-icon.is-stumbleupon-circle-icon::before { font-family: "IconsBrands"; - content: "\f3a9"; + content: "\f1a3"; } -.ts-icon.is-hat-wizard-icon::before { - content: "\f6e8"; +.ts-icon.is-house-medical-circle-exclamation-icon::before { + content: "\e512"; } -.ts-icon.is-wirsindhandwerk-icon::before { +.ts-icon.is-ns8-icon::before { font-family: "IconsBrands"; - content: "\e2d0"; + content: "\f3d5"; } -.ts-icon.is-accusoft-icon::before { - font-family: "IconsBrands"; - content: "\f369"; +.ts-icon.is-cloud-arrow-down-icon::before { + content: "\f0ed"; } -.ts-icon.is-ferry-icon::before { - content: "\e4ea"; +.ts-icon.is-handshake-simple-slash-icon::before { + content: "\e05f"; } -.ts-icon.is-file-prescription-icon::before { - content: "\f572"; +.ts-icon.is-ruler-vertical-icon::before { + content: "\f548"; } -.ts-icon.is-folder-open-icon::before { - content: "\f07c"; +.ts-icon.is-sheet-plastic-icon::before { + content: "\e571"; } -.ts-icon.is-location-crosshairs-icon::before { - content: "\f601"; +.ts-icon.is-usps-icon::before { + font-family: "IconsBrands"; + content: "\f7e1"; } -.ts-icon.is-window-restore-icon::before { - content: "\f2d2"; +.ts-icon.is-compass-drafting-icon::before { + content: "\f568"; } -.ts-icon.is-hands-clapping-icon::before { - content: "\e1a8"; +.ts-icon.is-face-kiss-beam-icon::before { + content: "\f597"; } -.ts-icon.is-scroll-icon::before { - content: "\f70e"; +.ts-icon.is-panorama-icon::before { + content: "\e209"; } -.ts-icon.is-arrow-left-icon::before { - content: "\f060"; +.ts-icon.is-arrow-down-up-lock-icon::before { + content: "\e4b0"; } -.ts-icon.is-discourse-icon::before { - font-family: "IconsBrands"; - content: "\f393"; +.ts-icon.is-file-invoice-icon::before { + content: "\f570"; } -.ts-icon.is-face-rolling-eyes-icon::before { - content: "\f5a5"; +.ts-icon.is-envelope-open-icon::before { + content: "\f2b6"; } -.ts-icon.is-walkie-talkie-icon::before { - content: "\f8ef"; +.ts-icon.is-star-of-david-icon::before { + content: "\f69a"; } -.ts-icon.is-circle-nodes-icon::before { - content: "\e4e2"; +.ts-icon.is-arrow-pointer-icon::before { + content: "\f245"; } -.ts-icon.is-folder-tree-icon::before { - content: "\f802"; +.ts-icon.is-computer-icon::before { + content: "\e4e5"; } -.ts-icon.is-old-republic-icon::before { - font-family: "IconsBrands"; - content: "\f510"; +.ts-icon.is-recycle-icon::before { + content: "\f1b8"; } -.ts-icon.is-person-rays-icon::before { - content: "\e54d"; +.ts-icon.is-symfony-icon::before { + font-family: "IconsBrands"; + content: "\f83d"; } -.ts-icon.is-renren-icon::before { - font-family: "IconsBrands"; - content: "\f18b"; +.ts-icon.is-house-flood-water-icon::before { + content: "\e50e"; } -.ts-icon.is-peace-icon::before { - content: "\f67c"; +.ts-icon.is-igloo-icon::before { + content: "\f7ae"; } -.ts-icon.is-sailboat-icon::before { - content: "\e445"; +.ts-icon.is-lines-leaning-icon::before { + content: "\e51e"; } -.ts-icon.is-codiepie-icon::before { +.ts-icon.is-gitter-icon::before { font-family: "IconsBrands"; - content: "\f284"; + content: "\f426"; } -.ts-icon.is-minimize-icon::before { - content: "\f78c"; +.ts-icon.is-hand-back-fist-icon::before { + content: "\f255"; } -.ts-icon.is-arrow-trend-up-icon::before { - content: "\e098"; +.ts-icon.is-square-vimeo-icon::before { + font-family: "IconsBrands"; + content: "\f194"; } -.ts-icon.is-border-all-icon::before { - content: "\f84c"; +.ts-icon.is-kip-sign-icon::before { + content: "\e1c4"; } -.ts-icon.is-shopify-icon::before { +.ts-icon.is-tower-cell-icon::before { + content: "\e585"; +} + +.ts-icon.is-cc-mastercard-icon::before { font-family: "IconsBrands"; - content: "\e057"; + content: "\f1f1"; } -.ts-icon.is-van-shuttle-icon::before { - content: "\f5b6"; +.ts-icon.is-hourglass-half-icon::before { + content: "\f252"; } -.ts-icon.is-border-none-icon::before { - content: "\f850"; +.ts-icon.is-face-laugh-beam-icon::before { + content: "\f59a"; } -.ts-icon.is-desktop-icon::before { - content: "\f390"; +.ts-icon.is-nutritionix-icon::before { + font-family: "IconsBrands"; + content: "\f3d6"; } -.ts-icon.is-person-skiing-icon::before { - content: "\f7c9"; +.ts-icon.is-triangle-exclamation-icon::before { + content: "\f071"; } -.ts-icon.is-square-github-icon::before { +.ts-icon.is-vimeo-icon::before { font-family: "IconsBrands"; - content: "\f092"; + content: "\f40a"; } -.ts-icon.is-teeth-open-icon::before { - content: "\f62f"; +.ts-icon.is-artstation-icon::before { + font-family: "IconsBrands"; + content: "\f77a"; } -.ts-icon.is-css3-icon::before { - font-family: "IconsBrands"; - content: "\f13c"; +.ts-icon.is-b-icon::before { + content: "\42"; } -.ts-icon.is-person-skiing-nordic-icon::before { - content: "\f7ca"; +.ts-icon.is-snapchat-icon::before { + font-family: "IconsBrands"; + content: "\f2ab"; } -.ts-icon.is-toilets-portable-icon::before { - content: "\e584"; +.ts-icon.is-square-google-plus-icon::before { + font-family: "IconsBrands"; + content: "\f0d4"; } -.ts-icon.is-diamond-icon::before { - content: "\f219"; +.ts-icon.is-amazon-icon::before { + font-family: "IconsBrands"; + content: "\f270"; } -.ts-icon.is-dolly-icon::before { - content: "\f472"; +.ts-icon.is-magnifying-glass-minus-icon::before { + content: "\f010"; } -.ts-icon.is-face-grin-beam-icon::before { - content: "\f582"; +.ts-icon.is-circle-right-icon::before { + content: "\f35a"; } -.ts-icon.is-glide-icon::before { - font-family: "IconsBrands"; - content: "\f2a5"; +.ts-icon.is-e-icon::before { + content: "\45"; } -.ts-icon.is-yarn-icon::before { - font-family: "IconsBrands"; - content: "\f7e3"; +.ts-icon.is-mars-icon::before { + content: "\f222"; } -.ts-icon.is-bell-concierge-icon::before { - content: "\f562"; +.ts-icon.is-chart-pie-icon::before { + content: "\f200"; } -.ts-icon.is-bolt-icon::before { - content: "\f0e7"; +.ts-icon.is-lock-open-icon::before { + content: "\f3c1"; } -.ts-icon.is-tents-icon::before { - content: "\e582"; +.ts-icon.is-npm-icon::before { + font-family: "IconsBrands"; + content: "\f3d4"; } -.ts-icon.is-bacteria-icon::before { - content: "\e059"; +.ts-icon.is-weibo-icon::before { + font-family: "IconsBrands"; + content: "\f18a"; } -.ts-icon.is-cart-plus-icon::before { - content: "\f217"; +.ts-icon.is-dropbox-icon::before { + font-family: "IconsBrands"; + content: "\f16b"; } -.ts-icon.is-cubes-icon::before { - content: "\f1b3"; +.ts-icon.is-file-arrow-down-icon::before { + content: "\f56d"; } -.ts-icon.is-outdent-icon::before { - content: "\f03b"; +.ts-icon.is-bridge-circle-xmark-icon::before { + content: "\e4cb"; } -.ts-icon.is-temperature-full-icon::before { - content: "\f2c7"; +.ts-icon.is-vials-icon::before { + content: "\f493"; } -.ts-icon.is-brush-icon::before { - content: "\f55d"; +.ts-icon.is-mug-saucer-icon::before { + content: "\f0f4"; } -.ts-icon.is-cc-jcb-icon::before { +.ts-icon.is-hire-a-helper-icon::before { font-family: "IconsBrands"; - content: "\f24b"; + content: "\f3b0"; } -.ts-icon.is-puzzle-piece-icon::before { - content: "\f12e"; +.ts-icon.is-prescription-icon::before { + content: "\f5b1"; } -.ts-icon.is-bold-icon::before { - content: "\f032"; +.ts-icon.is-suitcase-rolling-icon::before { + content: "\f5c1"; } -.ts-icon.is-cent-sign-icon::before { - content: "\e3f5"; +.ts-icon.is-user-gear-icon::before { + content: "\f4fe"; } -.ts-icon.is-gauge-icon::before { - content: "\f624"; +.ts-icon.is-diagram-successor-icon::before { + content: "\e47a"; } -.ts-icon.is-lightbulb-icon::before { - content: "\f0eb"; +.ts-icon.is-edge-icon::before { + font-family: "IconsBrands"; + content: "\f282"; } -.ts-icon.is-cannabis-icon::before { - content: "\f55f"; +.ts-icon.is-text-slash-icon::before { + content: "\f87d"; } -.ts-icon.is-person-skating-icon::before { - content: "\f7c5"; +.ts-icon.is-arrow-down-up-across-line-icon::before { + content: "\e4af"; } -.ts-icon.is-star-half-stroke-icon::before { - content: "\f5c0"; +.ts-icon.is-circle-nodes-icon::before { + content: "\e4e2"; } -.ts-icon.is-video-slash-icon::before { - content: "\f4e2"; +.ts-icon.is-capsules-icon::before { + content: "\f46b"; } -.ts-icon.is-gulp-icon::before { +.ts-icon.is-slideshare-icon::before { font-family: "IconsBrands"; - content: "\f3ae"; + content: "\f1e7"; } -.ts-icon.is-meetup-icon::before { - font-family: "IconsBrands"; - content: "\f2e0"; +.ts-icon.is-hand-lizard-icon::before { + content: "\f258"; } -.ts-icon.is-people-arrows-icon::before { - content: "\e068"; +.ts-icon.is-map-location-dot-icon::before { + content: "\f5a0"; } -.ts-icon.is-chalkboard-user-icon::before { - content: "\f51c"; +.ts-icon.is-person-dots-from-line-icon::before { + content: "\f470"; } -.ts-icon.is-fill-drip-icon::before { - content: "\f576"; +.ts-icon.is-person-pregnant-icon::before { + content: "\e31e"; } -.ts-icon.is-gitkraken-icon::before { - font-family: "IconsBrands"; - content: "\f3a6"; +.ts-icon.is-shirt-icon::before { + content: "\f553"; } -.ts-icon.is-face-flushed-icon::before { - content: "\f579"; +.ts-icon.is-comment-slash-icon::before { + content: "\f4b3"; } -.ts-icon.is-flag-usa-icon::before { - content: "\f74d"; +.ts-icon.is-edge-legacy-icon::before { + font-family: "IconsBrands"; + content: "\e078"; } -.ts-icon.is-napster-icon::before { - font-family: "IconsBrands"; - content: "\f3d2"; +.ts-icon.is-road-barrier-icon::before { + content: "\e562"; } -.ts-icon.is-car-side-icon::before { - content: "\f5e4"; +.ts-icon.is-crop-icon::before { + content: "\f125"; } -.ts-icon.is-fire-flame-simple-icon::before { - content: "\f46a"; +.ts-icon.is-jar-wheat-icon::before { + content: "\e517"; } -.ts-icon.is-app-store-icon::before { +.ts-icon.is-imdb-icon::before { font-family: "IconsBrands"; - content: "\f36f"; + content: "\f2d8"; } -.ts-icon.is-jet-fighter-icon::before { - content: "\f0fb"; +.ts-icon.is-renren-icon::before { + font-family: "IconsBrands"; + content: "\f18b"; } -.ts-icon.is-cubes-stacked-icon::before { - content: "\e4e6"; +.ts-icon.is-square-facebook-icon::before { + font-family: "IconsBrands"; + content: "\f082"; } -.ts-icon.is-hand-holding-heart-icon::before { - content: "\f4be"; +.ts-icon.is-tent-arrow-left-right-icon::before { + content: "\e57f"; } -.ts-icon.is-hotel-icon::before { - content: "\f594"; +.ts-icon.is-truck-arrow-right-icon::before { + content: "\e58b"; } -.ts-icon.is-arrow-up-1-9-icon::before { - content: "\f163"; +.ts-icon.is-bell-icon::before { + content: "\f0f3"; } -.ts-icon.is-person-falling-icon::before { - content: "\e546"; +.ts-icon.is-child-dress-icon::before { + content: "\e59c"; } -.ts-icon.is-staff-snake-icon::before { - content: "\e579"; +.ts-icon.is-left-long-icon::before { + content: "\f30a"; } -.ts-icon.is-video-icon::before { - content: "\f03d"; +.ts-icon.is-paw-icon::before { + content: "\f1b0"; } -.ts-icon.is-language-icon::before { - content: "\f1ab"; +.ts-icon.is-reddit-icon::before { + font-family: "IconsBrands"; + content: "\f1a1"; } -.ts-icon.is-linux-icon::before { - font-family: "IconsBrands"; - content: "\f17c"; +.ts-icon.is-thermometer-icon::before { + content: "\f491"; } -.ts-icon.is-stumbleupon-icon::before { +.ts-icon.is-blender-icon::before { + content: "\f517"; +} + +.ts-icon.is-euro-sign-icon::before { + content: "\f153"; +} + +.ts-icon.is-laravel-icon::before { font-family: "IconsBrands"; - content: "\f1a4"; + content: "\f3bd"; } -.ts-icon.is-unlock-keyhole-icon::before { - content: "\f13e"; +.ts-icon.is-plane-icon::before { + content: "\f072"; } -.ts-icon.is-arrow-down-1-9-icon::before { - content: "\f162"; +.ts-icon.is-hand-scissors-icon::before { + content: "\f257"; } -.ts-icon.is-arrow-right-from-bracket-icon::before { - content: "\f08b"; +.ts-icon.is-person-falling-icon::before { + content: "\e546"; } -.ts-icon.is-bug-icon::before { - content: "\f188"; +.ts-icon.is-caret-right-icon::before { + content: "\f0da"; } -.ts-icon.is-head-side-cough-icon::before { - content: "\e061"; +.ts-icon.is-clone-icon::before { + content: "\f24d"; } -.ts-icon.is-people-line-icon::before { - content: "\e534"; +.ts-icon.is-face-grin-tongue-squint-icon::before { + content: "\f58a"; } -.ts-icon.is-raspberry-pi-icon::before { +.ts-icon.is-fly-icon::before { font-family: "IconsBrands"; - content: "\f7bb"; + content: "\f417"; } -.ts-icon.is-arrow-up-icon::before { - content: "\f062"; +.ts-icon.is-solar-panel-icon::before { + content: "\f5ba"; } -.ts-icon.is-buy-n-large-icon::before { +.ts-icon.is-umbraco-icon::before { font-family: "IconsBrands"; - content: "\f8a6"; + content: "\f8e8"; } -.ts-icon.is-earth-europe-icon::before { - content: "\f7a2"; +.ts-icon.is-couch-icon::before { + content: "\f4b8"; } -.ts-icon.is-tree-city-icon::before { - content: "\e587"; +.ts-icon.is-face-grin-tears-icon::before { + content: "\f588"; } -.ts-icon.is-user-tag-icon::before { - content: "\f507"; +.ts-icon.is-head-side-virus-icon::before { + content: "\e064"; } -.ts-icon.is-disease-icon::before { - content: "\f7fa"; +.ts-icon.is-lemon-icon::before { + content: "\f094"; } -.ts-icon.is-equals-icon::before { - content: "\3d"; +.ts-icon.is-wizards-of-the-coast-icon::before { + font-family: "IconsBrands"; + content: "\f730"; } -.ts-icon.is-heart-circle-bolt-icon::before { - content: "\e4fc"; +.ts-icon.is-angle-down-icon::before { + content: "\f107"; } -.ts-icon.is-location-arrow-icon::before { - content: "\f124"; +.ts-icon.is-database-icon::before { + content: "\f1c0"; } -.ts-icon.is-user-injured-icon::before { - content: "\f728"; +.ts-icon.is-angrycreative-icon::before { + font-family: "IconsBrands"; + content: "\f36e"; } -.ts-icon.is-align-center-icon::before { - content: "\f037"; +.ts-icon.is-empire-icon::before { + font-family: "IconsBrands"; + content: "\f1d1"; } -.ts-icon.is-html5-icon::before { +.ts-icon.is-php-icon::before { font-family: "IconsBrands"; - content: "\f13b"; + content: "\f457"; } -.ts-icon.is-mars-stroke-up-icon::before { - content: "\f22a"; +.ts-icon.is-right-left-icon::before { + content: "\f362"; } -.ts-icon.is-mercury-icon::before { - content: "\f223"; +.ts-icon.is-satellite-dish-icon::before { + content: "\f7c0"; } -.ts-icon.is-square-git-icon::before { +.ts-icon.is-thumbs-up-icon::before { + content: "\f164"; +} + +.ts-icon.is-divide-icon::before { + content: "\f529"; +} + +.ts-icon.is-person-dress-burst-icon::before { + content: "\e544"; +} + +.ts-icon.is-bilibili-icon::before { font-family: "IconsBrands"; - content: "\f1d2"; + content: "\e3d9"; } -.ts-icon.is-teamspeak-icon::before { +.ts-icon.is-cc-diners-club-icon::before { font-family: "IconsBrands"; - content: "\f4f9"; + content: "\f24c"; } -.ts-icon.is-asterisk-icon::before { - content: "\2a"; +.ts-icon.is-tiktok-icon::before { + font-family: "IconsBrands"; + content: "\e07b"; } -.ts-icon.is-building-wheat-icon::before { - content: "\e4db"; +.ts-icon.is-arrow-up-a-z-icon::before { + content: "\f15e"; } -.ts-icon.is-fire-flame-curved-icon::before { - content: "\f7e4"; +.ts-icon.is-baht-sign-icon::before { + content: "\e0ac"; } -.ts-icon.is-hippo-icon::before { - content: "\f6ed"; +.ts-icon.is-person-skiing-nordic-icon::before { + content: "\f7ca"; } -.ts-icon.is-house-flood-water-circle-arrow-right-icon::before { - content: "\e50f"; +.ts-icon.is-universal-access-icon::before { + content: "\f29a"; } -.ts-icon.is-shapes-icon::before { - content: "\f61f"; +.ts-icon.is-digg-icon::before { + font-family: "IconsBrands"; + content: "\f1a6"; } -.ts-icon.is-arrows-down-to-people-icon::before { - content: "\e4b9"; +.ts-icon.is-object-group-icon::before { + content: "\f247"; } -.ts-icon.is-chess-king-icon::before { - content: "\f43f"; +.ts-icon.is-dochub-icon::before { + font-family: "IconsBrands"; + content: "\f394"; } -.ts-icon.is-hospital-icon::before { - content: "\f0f8"; +.ts-icon.is-truck-medical-icon::before { + content: "\f0f9"; } -.ts-icon.is-simplybuilt-icon::before { +.ts-icon.is-user-icon::before { + content: "\f007"; +} + +.ts-icon.is-cloud-meatball-icon::before { + content: "\f73b"; +} + +.ts-icon.is-maxcdn-icon::before { font-family: "IconsBrands"; - content: "\f215"; + content: "\f136"; } -.ts-icon.is-anchor-lock-icon::before { - content: "\e4ad"; +.ts-icon.is-phabricator-icon::before { + font-family: "IconsBrands"; + content: "\f3db"; } -.ts-icon.is-mug-hot-icon::before { - content: "\f7b6"; +.ts-icon.is-eye-low-vision-icon::before { + content: "\f2a8"; } -.ts-icon.is-prescription-bottle-medical-icon::before { - content: "\f486"; +.ts-icon.is-face-rolling-eyes-icon::before { + content: "\f5a5"; } -.ts-icon.is-envelope-open-icon::before { - content: "\f2b6"; +.ts-icon.is-square-steam-icon::before { + font-family: "IconsBrands"; + content: "\f1b7"; } -.ts-icon.is-exclamation-icon::before { - content: "\21"; +.ts-icon.is-house-flag-icon::before { + content: "\e50d"; } -.ts-icon.is-hand-dots-icon::before { - content: "\f461"; +.ts-icon.is-paint-roller-icon::before { + content: "\f5aa"; } -.ts-icon.is-house-icon::before { - content: "\f015"; +.ts-icon.is-person-falling-burst-icon::before { + content: "\e547"; } -.ts-icon.is-temperature-arrow-down-icon::before { - content: "\e03f"; +.ts-icon.is-simplybuilt-icon::before { + font-family: "IconsBrands"; + content: "\f215"; } -.ts-icon.is-venus-icon::before { - content: "\f221"; +.ts-icon.is-users-icon::before { + content: "\f0c0"; } -.ts-icon.is-elevator-icon::before { - content: "\e16d"; +.ts-icon.is-arrow-down-short-wide-icon::before { + content: "\f884"; } -.ts-icon.is-gauge-simple-high-icon::before { - content: "\f62a"; +.ts-icon.is-khanda-icon::before { + content: "\f66d"; } -.ts-icon.is-user-nurse-icon::before { - content: "\f82f"; +.ts-icon.is-traffic-light-icon::before { + content: "\f637"; } -.ts-icon.is-cart-arrow-down-icon::before { - content: "\f218"; +.ts-icon.is-baseball-icon::before { + content: "\f433"; } -.ts-icon.is-hooli-icon::before { +.ts-icon.is-scroll-torah-icon::before { + content: "\f6a0"; +} + +.ts-icon.is-mandalorian-icon::before { font-family: "IconsBrands"; - content: "\f427"; + content: "\f50f"; } -.ts-icon.is-creative-commons-share-icon::before { +.ts-icon.is-nimblr-icon::before { font-family: "IconsBrands"; - content: "\f4f2"; + content: "\f5a8"; } -.ts-icon.is-mask-ventilator-icon::before { - content: "\e524"; +.ts-icon.is-candy-cane-icon::before { + content: "\f786"; } -.ts-icon.is-money-check-icon::before { - content: "\f53c"; +.ts-icon.is-house-medical-circle-check-icon::before { + content: "\e511"; } -.ts-icon.is-stopwatch-20-icon::before { - content: "\e06f"; +.ts-icon.is-dumbbell-icon::before { + content: "\f44b"; } -.ts-icon.is-vk-icon::before { +.ts-icon.is-film-icon::before { + content: "\f008"; +} + +.ts-icon.is-gratipay-icon::before { font-family: "IconsBrands"; - content: "\f189"; + content: "\f184"; } -.ts-icon.is-graduation-cap-icon::before { - content: "\f19d"; +.ts-icon.is-laptop-icon::before { + content: "\f109"; } -.ts-icon.is-jug-detergent-icon::before { - content: "\e519"; +.ts-icon.is-cloud-showers-water-icon::before { + content: "\e4e4"; } -.ts-icon.is-plane-icon::before { - content: "\f072"; +.ts-icon.is-compress-icon::before { + content: "\f066"; } -.ts-icon.is-speakap-icon::before { +.ts-icon.is-square-instagram-icon::before { font-family: "IconsBrands"; - content: "\f3f3"; + content: "\e055"; } -.ts-icon.is-genderless-icon::before { - content: "\f22d"; +.ts-icon.is-square-twitter-icon::before { + font-family: "IconsBrands"; + content: "\f081"; } -.ts-icon.is-newspaper-icon::before { - content: "\f1ea"; +.ts-icon.is-git-icon::before { + font-family: "IconsBrands"; + content: "\f1d3"; } -.ts-icon.is-thumbtack-icon::before { - content: "\f08d"; +.ts-icon.is-plate-wheat-icon::before { + content: "\e55a"; +} + +.ts-icon.is-building-circle-xmark-icon::before { + content: "\e4d4"; +} + +.ts-icon.is-t-icon::before { + content: "\54"; } -.ts-icon.is-vials-icon::before { - content: "\f493"; +.ts-icon.is-fantasy-flight-games-icon::before { + font-family: "IconsBrands"; + content: "\f6dc"; } -.ts-icon.is-vimeo-v-icon::before { - font-family: "IconsBrands"; - content: "\f27d"; +.ts-icon.is-fire-extinguisher-icon::before { + content: "\f134"; } -.ts-icon.is-arrow-down-long-icon::before { - content: "\f175"; +.ts-icon.is-square-caret-down-icon::before { + content: "\f150"; } -.ts-icon.is-burger-icon::before { - content: "\f805"; +.ts-icon.is-arrow-up-1-9-icon::before { + content: "\f163"; } -.ts-icon.is-clipboard-list-icon::before { - content: "\f46d"; +.ts-icon.is-face-meh-icon::before { + content: "\f11a"; } -.ts-icon.is-code-pull-request-icon::before { - content: "\e13c"; +.ts-icon.is-screwdriver-wrench-icon::before { + content: "\f7d9"; } -.ts-icon.is-notes-medical-icon::before { - content: "\f481"; +.ts-icon.is-dashcube-icon::before { + font-family: "IconsBrands"; + content: "\f210"; } -.ts-icon.is-candy-cane-icon::before { - content: "\f786"; +.ts-icon.is-indian-rupee-sign-icon::before { + content: "\e1bc"; } -.ts-icon.is-file-audio-icon::before { - content: "\f1c7"; +.ts-icon.is-power-off-icon::before { + content: "\f011"; } -.ts-icon.is-person-arrow-down-to-line-icon::before { - content: "\e538"; +.ts-icon.is-sitemap-icon::before { + content: "\f0e8"; } -.ts-icon.is-plane-departure-icon::before { - content: "\f5b0"; +.ts-icon.is-voicemail-icon::before { + content: "\f897"; } -.ts-icon.is-boxes-packing-icon::before { - content: "\e4c7"; +.ts-icon.is-temperature-arrow-down-icon::before { + content: "\e03f"; } -.ts-icon.is-globe-icon::before { - content: "\f0ac"; +.ts-icon.is-dev-icon::before { + font-family: "IconsBrands"; + content: "\f6cc"; } -.ts-icon.is-r-project-icon::before { +.ts-icon.is-itunes-note-icon::before { font-family: "IconsBrands"; - content: "\f4f7"; + content: "\f3b5"; } -.ts-icon.is-user-group-icon::before { - content: "\f500"; +.ts-icon.is-mask-icon::before { + content: "\f6fa"; } -.ts-icon.is-rotate-right-icon::before { - content: "\f2f9"; +.ts-icon.is-users-between-lines-icon::before { + content: "\e591"; } -.ts-icon.is-tent-icon::before { - content: "\e57d"; +.ts-icon.is-arrows-up-down-icon::before { + content: "\f07d"; } -.ts-icon.is-box-tissue-icon::before { - content: "\e05b"; +.ts-icon.is-bookmark-icon::before { + content: "\f02e"; } -.ts-icon.is-face-angry-icon::before { - content: "\f556"; +.ts-icon.is-location-dot-icon::before { + content: "\f3c5"; } -.ts-icon.is-face-grin-wink-icon::before { - content: "\f58c"; +.ts-icon.is-poo-icon::before { + content: "\f2fe"; } -.ts-icon.is-images-icon::before { - content: "\f302"; +.ts-icon.is-sack-xmark-icon::before { + content: "\e56a"; } -.ts-icon.is-location-pin-lock-icon::before { - content: "\e51f"; +.ts-icon.is-arrow-up-short-wide-icon::before { + content: "\f885"; } -.ts-icon.is-rectangle-ad-icon::before { - content: "\f641"; +.ts-icon.is-chess-board-icon::before { + content: "\f43c"; } -.ts-icon.is-comments-dollar-icon::before { - content: "\f653"; +.ts-icon.is-user-nurse-icon::before { + content: "\f82f"; } -.ts-icon.is-plug-circle-exclamation-icon::before { - content: "\e55d"; +.ts-icon.is-feather-pointed-icon::before { + content: "\f56b"; } -.ts-icon.is-cloud-sun-icon::before { - content: "\f6c4"; +.ts-icon.is-pen-to-square-icon::before { + content: "\f044"; } -.ts-icon.is-gauge-simple-icon::before { - content: "\f629"; +.ts-icon.is-drum-steelpan-icon::before { + content: "\f56a"; } -.ts-icon.is-indent-icon::before { - content: "\f03c"; +.ts-icon.is-gauge-simple-high-icon::before { + content: "\f62a"; } -.ts-icon.is-wheelchair-icon::before { - content: "\f193"; +.ts-icon.is-angles-down-icon::before { + content: "\f103"; } -.ts-icon.is-blackberry-icon::before { - font-family: "IconsBrands"; - content: "\f37b"; +.ts-icon.is-car-battery-icon::before { + content: "\f5df"; } -.ts-icon.is-briefcase-medical-icon::before { - content: "\f469"; +.ts-icon.is-toilets-portable-icon::before { + content: "\e584"; } -.ts-icon.is-calendar-minus-icon::before { - content: "\f272"; +.ts-icon.is-weight-scale-icon::before { + content: "\f496"; } -.ts-icon.is-orcid-icon::before { - font-family: "IconsBrands"; - content: "\f8d2"; +.ts-icon.is-square-h-icon::before { + content: "\f0fd"; } -.ts-icon.is-safari-icon::before { +.ts-icon.is-creative-commons-sa-icon::before { font-family: "IconsBrands"; - content: "\f267"; + content: "\f4ef"; } -.ts-icon.is-swatchbook-icon::before { - content: "\f5c3"; +.ts-icon.is-filter-circle-dollar-icon::before { + content: "\f662"; } -.ts-icon.is-less-than-icon::before { - content: "\3c"; +.ts-icon.is-square-gitlab-icon::before { + font-family: "IconsBrands"; + content: "\e5ae"; } -.ts-icon.is-mars-double-icon::before { - content: "\f227"; +.ts-icon.is-text-width-icon::before { + content: "\f035"; } -.ts-icon.is-ban-smoking-icon::before { - content: "\f54d"; +.ts-icon.is-dong-sign-icon::before { + content: "\e169"; } -.ts-icon.is-business-time-icon::before { - content: "\f64a"; +.ts-icon.is-signs-post-icon::before { + content: "\f277"; } -.ts-icon.is-circle-plus-icon::before { - content: "\f055"; +.ts-icon.is-laptop-file-icon::before { + content: "\e51d"; } -.ts-icon.is-fort-awesome-alt-icon::before { +.ts-icon.is-monero-icon::before { font-family: "IconsBrands"; - content: "\f3a3"; + content: "\f3d0"; } -.ts-icon.is-hands-holding-icon::before { - content: "\f4c2"; +.ts-icon.is-note-sticky-icon::before { + content: "\f249"; } -.ts-icon.is-less-icon::before { - font-family: "IconsBrands"; - content: "\f41d"; +.ts-icon.is-person-rays-icon::before { + content: "\e54d"; } -.ts-icon.is-republican-icon::before { - content: "\f75e"; +.ts-icon.is-cart-flatbed-suitcase-icon::before { + content: "\f59d"; } -.ts-icon.is-file-code-icon::before { - content: "\f1c9"; +.ts-icon.is-hard-drive-icon::before { + content: "\f0a0"; } -.ts-icon.is-square-check-icon::before { - content: "\f14a"; +.ts-icon.is-key-icon::before { + content: "\f084"; } -.ts-icon.is-arrows-to-circle-icon::before { - content: "\e4bd"; +.ts-icon.is-padlet-icon::before { + font-family: "IconsBrands"; + content: "\e4a0"; } -.ts-icon.is-dharmachakra-icon::before { - content: "\f655"; +.ts-icon.is-sitrox-icon::before { + font-family: "IconsBrands"; + content: "\e44a"; } -.ts-icon.is-face-smile-icon::before { - content: "\f118"; +.ts-icon.is-truck-front-icon::before { + content: "\e2b7"; } -.ts-icon.is-lines-leaning-icon::before { - content: "\e51e"; +.ts-icon.is-up-right-and-down-left-from-center-icon::before { + content: "\f424"; } -.ts-icon.is-plane-circle-xmark-icon::before { - content: "\e557"; +.ts-icon.is-whatsapp-icon::before { + font-family: "IconsBrands"; + content: "\f232"; } -.ts-icon.is-yammer-icon::before { - font-family: "IconsBrands"; - content: "\f840"; +.ts-icon.is-caret-down-icon::before { + content: "\f0d7"; } -.ts-icon.is-crown-icon::before { - content: "\f521"; +.ts-icon.is-list-ul-icon::before { + content: "\f0ca"; } -.ts-icon.is-file-circle-minus-icon::before { - content: "\e4ed"; +.ts-icon.is-first-order-icon::before { + font-family: "IconsBrands"; + content: "\f2b0"; } -.ts-icon.is-arrow-left-long-icon::before { - content: "\f177"; +.ts-icon.is-jira-icon::before { + font-family: "IconsBrands"; + content: "\f7b1"; } -.ts-icon.is-face-laugh-wink-icon::before { - content: "\f59c"; +.ts-icon.is-tag-icon::before { + content: "\f02b"; } -.ts-icon.is-highlighter-icon::before { - content: "\f591"; +.ts-icon.is-tumblr-icon::before { + font-family: "IconsBrands"; + content: "\f173"; } -.ts-icon.is-hourglass-end-icon::before { - content: "\f253"; +.ts-icon.is-audio-description-icon::before { + content: "\f29e"; } -.ts-icon.is-sort-down-icon::before { - content: "\f0dd"; +.ts-icon.is-gun-icon::before { + content: "\e19b"; +} + +.ts-icon.is-circle-radiation-icon::before { + content: "\f7ba"; } -.ts-icon.is-align-left-icon::before { - content: "\f036"; +.ts-icon.is-dollar-sign-icon::before { + content: "\24"; } -.ts-icon.is-arrows-turn-to-dots-icon::before { - content: "\e4c1"; +.ts-icon.is-person-circle-xmark-icon::before { + content: "\e543"; } -.ts-icon.is-car-burst-icon::before { - content: "\f5e1"; +.ts-icon.is-hand-peace-icon::before { + content: "\f25b"; } -.ts-icon.is-draft2digital-icon::before { - font-family: "IconsBrands"; - content: "\f396"; +.ts-icon.is-house-circle-check-icon::before { + content: "\e509"; } -.ts-icon.is-font-icon::before { - content: "\f031"; +.ts-icon.is-tablet-screen-button-icon::before { + content: "\f3fa"; } -.ts-icon.is-handshake-icon::before { - content: "\f2b5"; +.ts-icon.is-business-time-icon::before { + content: "\f64a"; } -.ts-icon.is-circle-arrow-left-icon::before { - content: "\f0a8"; +.ts-icon.is-ghost-icon::before { + content: "\f6e2"; } -.ts-icon.is-deviantart-icon::before { - font-family: "IconsBrands"; - content: "\f1bd"; +.ts-icon.is-crown-icon::before { + content: "\f521"; } -.ts-icon.is-linode-icon::before { - font-family: "IconsBrands"; - content: "\f2b8"; +.ts-icon.is-magnifying-glass-arrow-right-icon::before { + content: "\e521"; } -.ts-icon.is-hand-holding-dollar-icon::before { - content: "\f4c0"; +.ts-icon.is-water-icon::before { + content: "\f773"; } -.ts-icon.is-microblog-icon::before { - font-family: "IconsBrands"; - content: "\e01a"; +.ts-icon.is-bucket-icon::before { + content: "\e4cf"; } -.ts-icon.is-screenpal-icon::before { - font-family: "IconsBrands"; - content: "\e570"; +.ts-icon.is-user-lock-icon::before { + content: "\f502"; } -.ts-icon.is-blogger-icon::before { +.ts-icon.is-android-icon::before { font-family: "IconsBrands"; - content: "\f37c"; + content: "\f17b"; } -.ts-icon.is-book-open-reader-icon::before { - content: "\f5da"; +.ts-icon.is-share-from-square-icon::before { + content: "\f14d"; } -.ts-icon.is-football-icon::before { - content: "\f44e"; +.ts-icon.is-square-pied-piper-icon::before { + font-family: "IconsBrands"; + content: "\e01e"; } -.ts-icon.is-gopuram-icon::before { - content: "\f664"; +.ts-icon.is-weebly-icon::before { + font-family: "IconsBrands"; + content: "\f5cc"; } -.ts-icon.is-hand-middle-finger-icon::before { - content: "\f806"; +.ts-icon.is-xbox-icon::before { + font-family: "IconsBrands"; + content: "\f412"; } -.ts-icon.is-list-check-icon::before { - content: "\f0ae"; +.ts-icon.is-heart-circle-xmark-icon::before { + content: "\e501"; } -.ts-icon.is-star-of-david-icon::before { - content: "\f69a"; +.ts-icon.is-mixcloud-icon::before { + font-family: "IconsBrands"; + content: "\f289"; } -.ts-icon.is-dice-three-icon::before { - content: "\f527"; +.ts-icon.is-road-circle-xmark-icon::before { + content: "\e566"; } -.ts-icon.is-arrows-left-right-icon::before { - content: "\f07e"; +.ts-icon.is-tape-icon::before { + content: "\f4db"; } -.ts-icon.is-h-icon::before { - content: "\48"; +.ts-icon.is-odnoklassniki-icon::before { + font-family: "IconsBrands"; + content: "\f263"; } -.ts-icon.is-person-walking-with-cane-icon::before { - content: "\f29d"; +.ts-icon.is-stairs-icon::before { + content: "\e289"; } -.ts-icon.is-ravelry-icon::before { +.ts-icon.is-windows-icon::before { font-family: "IconsBrands"; - content: "\f2d9"; + content: "\f17a"; } -.ts-icon.is-internet-explorer-icon::before { - font-family: "IconsBrands"; - content: "\f26b"; +.ts-icon.is-drumstick-bite-icon::before { + content: "\f6d7"; } -.ts-icon.is-wand-sparkles-icon::before { - content: "\f72b"; +.ts-icon.is-exclamation-icon::before { + content: "\21"; } -.ts-icon.is-ruler-horizontal-icon::before { - content: "\f547"; +.ts-icon.is-lastfm-icon::before { + font-family: "IconsBrands"; + content: "\f202"; } -.ts-icon.is-scribd-icon::before { +.ts-icon.is-page4-icon::before { font-family: "IconsBrands"; - content: "\f28a"; + content: "\f3d7"; } -.ts-icon.is-chair-icon::before { - content: "\f6c0"; +.ts-icon.is-user-doctor-icon::before { + content: "\f0f0"; } -.ts-icon.is-creative-commons-zero-icon::before { - font-family: "IconsBrands"; - content: "\f4f3"; +.ts-icon.is-gift-icon::before { + content: "\f06b"; } -.ts-icon.is-hackerrank-icon::before { +.ts-icon.is-itunes-icon::before { font-family: "IconsBrands"; - content: "\f5f7"; + content: "\f3b4"; } -.ts-icon.is-house-medical-circle-xmark-icon::before { - content: "\e513"; +.ts-icon.is-mask-ventilator-icon::before { + content: "\e524"; } -.ts-icon.is-question-icon::before { - content: "\3f"; +.ts-icon.is-wine-bottle-icon::before { + content: "\f72f"; } -.ts-icon.is-rotate-icon::before { - content: "\f2f1"; +.ts-icon.is-arrow-up-from-water-pump-icon::before { + content: "\e4b6"; } -.ts-icon.is-tarp-icon::before { - content: "\e57b"; +.ts-icon.is-keycdn-icon::before { + font-family: "IconsBrands"; + content: "\f3ba"; } -.ts-icon.is-temperature-half-icon::before { - content: "\f2c9"; +.ts-icon.is-stack-overflow-icon::before { + font-family: "IconsBrands"; + content: "\f16c"; } -.ts-icon.is-buffer-icon::before { +.ts-icon.is-pied-piper-alt-icon::before { font-family: "IconsBrands"; - content: "\f837"; + content: "\f1a8"; } -.ts-icon.is-building-user-icon::before { - content: "\e4da"; +.ts-icon.is-calendar-days-icon::before { + content: "\f073"; } -.ts-icon.is-head-side-mask-icon::before { - content: "\e063"; +.ts-icon.is-chart-bar-icon::before { + content: "\f080"; } -.ts-icon.is-person-dots-from-line-icon::before { - content: "\f470"; +.ts-icon.is-draw-polygon-icon::before { + content: "\f5ee"; } -.ts-icon.is-signs-post-icon::before { - content: "\f277"; +.ts-icon.is-gifts-icon::before { + content: "\f79c"; } -.ts-icon.is-venus-double-icon::before { - content: "\f226"; +.ts-icon.is-bandage-icon::before { + content: "\f462"; } -.ts-icon.is-calculator-icon::before { - content: "\f1ec"; +.ts-icon.is-building-icon::before { + content: "\f1ad"; } -.ts-icon.is-maxcdn-icon::before { - font-family: "IconsBrands"; - content: "\f136"; +.ts-icon.is-school-circle-xmark-icon::before { + content: "\e56d"; } -.ts-icon.is-coins-icon::before { - content: "\f51e"; +.ts-icon.is-4-icon::before { + content: "\34"; } -.ts-icon.is-hands-praying-icon::before { - content: "\f684"; +.ts-icon.is-chess-king-icon::before { + content: "\f43f"; } -.ts-icon.is-pinterest-icon::before { - font-family: "IconsBrands"; - content: "\f0d2"; +.ts-icon.is-sort-icon::before { + content: "\f0dc"; } -.ts-icon.is-instagram-icon::before { +.ts-icon.is-squarespace-icon::before { font-family: "IconsBrands"; - content: "\f16d"; + content: "\f5be"; } -.ts-icon.is-tablets-icon::before { - content: "\f490"; +.ts-icon.is-users-rays-icon::before { + content: "\e593"; } -.ts-icon.is-fulcrum-icon::before { +.ts-icon.is-creative-commons-pd-alt-icon::before { font-family: "IconsBrands"; - content: "\f50b"; -} - -.ts-icon.is-phone-flip-icon::before { - content: "\f879"; + content: "\f4ed"; } -.ts-icon.is-road-circle-exclamation-icon::before { - content: "\e565"; +.ts-icon.is-pallet-icon::before { + content: "\f482"; } -.ts-icon.is-square-icon::before { - content: "\f0c8"; +.ts-icon.is-bus-icon::before { + content: "\f207"; } -.ts-icon.is-battery-full-icon::before { - content: "\f240"; +.ts-icon.is-city-icon::before { + content: "\f64f"; } -.ts-icon.is-book-open-icon::before { - content: "\f518"; +.ts-icon.is-google-drive-icon::before { + font-family: "IconsBrands"; + content: "\f3aa"; } -.ts-icon.is-comment-dollar-icon::before { - content: "\f651"; +.ts-icon.is-mosque-icon::before { + content: "\f678"; } -.ts-icon.is-hive-icon::before { +.ts-icon.is-phoenix-squadron-icon::before { font-family: "IconsBrands"; - content: "\e07f"; -} - -.ts-icon.is-hourglass-half-icon::before { - content: "\f252"; + content: "\f511"; } -.ts-icon.is-person-through-window-icon::before { - content: "\e5a9"; +.ts-icon.is-road-bridge-icon::before { + content: "\e563"; } -.ts-icon.is-users-gear-icon::before { - content: "\f509"; +.ts-icon.is-0-icon::before { + content: "\30"; } -.ts-icon.is-xbox-icon::before { - font-family: "IconsBrands"; - content: "\f412"; +.ts-icon.is-bitcoin-sign-icon::before { + content: "\e0b4"; } -.ts-icon.is-building-circle-xmark-icon::before { - content: "\e4d4"; +.ts-icon.is-hand-pointer-icon::before { + content: "\f25a"; } -.ts-icon.is-figma-icon::before { +.ts-icon.is-viber-icon::before { font-family: "IconsBrands"; - content: "\f799"; + content: "\f409"; } -.ts-icon.is-house-signal-icon::before { - content: "\e012"; +.ts-icon.is-backward-step-icon::before { + content: "\f048"; } -.ts-icon.is-mitten-icon::before { - content: "\f7b5"; +.ts-icon.is-bots-icon::before { + font-family: "IconsBrands"; + content: "\e340"; } -.ts-icon.is-square-phone-icon::before { - content: "\f098"; +.ts-icon.is-mastodon-icon::before { + font-family: "IconsBrands"; + content: "\f4f6"; } -.ts-icon.is-1-icon::before { - content: "\31"; +.ts-icon.is-microphone-icon::before { + content: "\f130"; } -.ts-icon.is-creative-commons-nc-icon::before { +.ts-icon.is-paypal-icon::before { font-family: "IconsBrands"; - content: "\f4e8"; + content: "\f1ed"; } -.ts-icon.is-mound-icon::before { - content: "\e52d"; +.ts-icon.is-temperature-full-icon::before { + content: "\f2c7"; } -.ts-icon.is-people-carry-box-icon::before { - content: "\f4ce"; +.ts-icon.is-bone-icon::before { + content: "\f5d7"; } -.ts-icon.is-pix-icon::before { - font-family: "IconsBrands"; - content: "\e43a"; +.ts-icon.is-industry-icon::before { + content: "\f275"; } -.ts-icon.is-ruler-icon::before { - content: "\f545"; +.ts-icon.is-chart-line-icon::before { + content: "\f201"; } -.ts-icon.is-js-icon::before { - font-family: "IconsBrands"; - content: "\f3b8"; +.ts-icon.is-notdef-icon::before { + content: "\e1fe"; } -.ts-icon.is-monument-icon::before { - content: "\f5a6"; +.ts-icon.is-wheat-awn-circle-exclamation-icon::before { + content: "\e598"; } -.ts-icon.is-arrows-to-dot-icon::before { - content: "\e4be"; +.ts-icon.is-arrow-down-1-9-icon::before { + content: "\f162"; } -.ts-icon.is-audio-description-icon::before { - content: "\f29e"; +.ts-icon.is-bolt-icon::before { + content: "\f0e7"; } -.ts-icon.is-burst-icon::before { - content: "\e4dc"; +.ts-icon.is-golang-icon::before { + font-family: "IconsBrands"; + content: "\e40f"; } -.ts-icon.is-buysellads-icon::before { +.ts-icon.is-deezer-icon::before { font-family: "IconsBrands"; - content: "\f20d"; + content: "\e077"; } -.ts-icon.is-flask-vial-icon::before { - content: "\e4f3"; +.ts-icon.is-earth-americas-icon::before { + content: "\f57d"; } -.ts-icon.is-grav-icon::before { - font-family: "IconsBrands"; - content: "\f2d6"; +.ts-icon.is-user-check-icon::before { + content: "\f4fc"; } -.ts-icon.is-creative-commons-nc-jp-icon::before { - font-family: "IconsBrands"; - content: "\f4ea"; +.ts-icon.is-video-slash-icon::before { + content: "\f4e2"; } -.ts-icon.is-face-grin-tongue-icon::before { - content: "\f589"; +.ts-icon.is-wheelchair-move-icon::before { + content: "\e2ce"; } -.ts-icon.is-square-nfi-icon::before { - content: "\e576"; +.ts-icon.is-check-to-slot-icon::before { + content: "\f772"; } -.ts-icon.is-triangle-exclamation-icon::before { - content: "\f071"; +.ts-icon.is-hat-cowboy-icon::before { + content: "\f8c0"; } -.ts-icon.is-comment-icon::before { - content: "\f075"; +.ts-icon.is-uncharted-icon::before { + font-family: "IconsBrands"; + content: "\e084"; } -.ts-icon.is-mars-stroke-icon::before { - content: "\f229"; +.ts-icon.is-venus-double-icon::before { + content: "\f226"; } -.ts-icon.is-circle-down-icon::before { - content: "\f358"; +.ts-icon.is-memory-icon::before { + content: "\f538"; } -.ts-icon.is-product-hunt-icon::before { +.ts-icon.is-mix-icon::before { font-family: "IconsBrands"; - content: "\f288"; + content: "\f3cb"; } -.ts-icon.is-rug-icon::before { - content: "\e569"; +.ts-icon.is-diagram-predecessor-icon::before { + content: "\e477"; } -.ts-icon.is-screwdriver-wrench-icon::before { - content: "\f7d9"; +.ts-icon.is-kitchen-set-icon::before { + content: "\e51a"; } -.ts-icon.is-cow-icon::before { - content: "\f6c8"; +.ts-icon.is-tractor-icon::before { + content: "\f722"; } -.ts-icon.is-yen-sign-icon::before { - content: "\f157"; +.ts-icon.is-bug-slash-icon::before { + content: "\e490"; } -.ts-icon.is-diagram-project-icon::before { - content: "\f542"; +.ts-icon.is-comment-medical-icon::before { + content: "\f7f5"; } -.ts-icon.is-ghost-icon::before { - content: "\f6e2"; +.ts-icon.is-square-phone-flip-icon::before { + content: "\f87b"; } -.ts-icon.is-hand-peace-icon::before { - content: "\f25b"; +.ts-icon.is-arrows-left-right-to-line-icon::before { + content: "\e4ba"; } -.ts-icon.is-down-long-icon::before { - content: "\f309"; +.ts-icon.is-at-icon::before { + content: "\40"; } -.ts-icon.is-hand-holding-droplet-icon::before { - content: "\f4c1"; +.ts-icon.is-bed-pulse-icon::before { + content: "\f487"; } -.ts-icon.is-reacteurope-icon::before { +.ts-icon.is-linode-icon::before { font-family: "IconsBrands"; - content: "\f75d"; + content: "\f2b8"; } -.ts-icon.is-sourcetree-icon::before { - font-family: "IconsBrands"; - content: "\f7d3"; +.ts-icon.is-phone-slash-icon::before { + content: "\f3dd"; } -.ts-icon.is-fire-burner-icon::before { - content: "\e4f1"; +.ts-icon.is-road-circle-exclamation-icon::before { + content: "\e565"; } -.ts-icon.is-pills-icon::before { - content: "\f484"; +.ts-icon.is-arrow-up-9-1-icon::before { + content: "\f887"; } -.ts-icon.is-schlix-icon::before { - font-family: "IconsBrands"; - content: "\f3ea"; +.ts-icon.is-battery-quarter-icon::before { + content: "\f243"; } -.ts-icon.is-square-pied-piper-icon::before { - font-family: "IconsBrands"; - content: "\e01e"; +.ts-icon.is-peace-icon::before { + content: "\f67c"; } -.ts-icon.is-truck-field-un-icon::before { - content: "\e58e"; +.ts-icon.is-toilet-paper-slash-icon::before { + content: "\e072"; } -.ts-icon.is-joint-icon::before { - content: "\f595"; +.ts-icon.is-folder-closed-icon::before { + content: "\e185"; } -.ts-icon.is-shop-slash-icon::before { - content: "\e070"; +.ts-icon.is-hands-bound-icon::before { + content: "\e4f9"; } -.ts-icon.is-child-icon::before { - content: "\f1ae"; +.ts-icon.is-cc-apple-pay-icon::before { + font-family: "IconsBrands"; + content: "\f416"; } -.ts-icon.is-square-up-right-icon::before { - content: "\f360"; +.ts-icon.is-paintbrush-icon::before { + content: "\f1fc"; } -.ts-icon.is-house-flood-water-icon::before { - content: "\e50e"; +.ts-icon.is-briefcase-icon::before { + content: "\f0b1"; } -.ts-icon.is-link-icon::before { - content: "\f0c1"; +.ts-icon.is-calendar-xmark-icon::before { + content: "\f273"; } -.ts-icon.is-umbrella-beach-icon::before { - content: "\f5ca"; +.ts-icon.is-speaker-deck-icon::before { + font-family: "IconsBrands"; + content: "\f83c"; } -.ts-icon.is-500px-icon::before { +.ts-icon.is-twitter-icon::before { font-family: "IconsBrands"; - content: "\f26e"; + content: "\f099"; } -.ts-icon.is-arrow-turn-down-icon::before { - content: "\f149"; +.ts-icon.is-dharmachakra-icon::before { + content: "\f655"; } -.ts-icon.is-bluetooth-b-icon::before { - font-family: "IconsBrands"; - content: "\f294"; +.ts-icon.is-door-closed-icon::before { + content: "\f52a"; } -.ts-icon.is-faucet-drip-icon::before { - content: "\e006"; +.ts-icon.is-stumbleupon-icon::before { + font-family: "IconsBrands"; + content: "\f1a4"; } -.ts-icon.is-square-arrow-up-right-icon::before { - content: "\f14c"; +.ts-icon.is-tarp-droplet-icon::before { + content: "\e57c"; } -.ts-icon.is-toggle-on-icon::before { - content: "\f205"; +.ts-icon.is-circle-up-icon::before { + content: "\f35b"; } -.ts-icon.is-wizards-of-the-coast-icon::before { - font-family: "IconsBrands"; - content: "\f730"; +.ts-icon.is-file-lines-icon::before { + content: "\f15c"; } -.ts-icon.is-anchor-circle-exclamation-icon::before { - content: "\e4ab"; +.ts-icon.is-ferry-icon::before { + content: "\e4ea"; } - -.ts-icon.is-arrow-down-up-lock-icon::before { - content: "\e4b0"; + +.ts-icon.is-sort-down-icon::before { + content: "\f0dd"; } -.ts-icon.is-bridge-circle-check-icon::before { - content: "\e4c9"; +.ts-icon.is-check-icon::before { + content: "\f00c"; } -.ts-icon.is-nimblr-icon::before { +.ts-icon.is-diaspora-icon::before { font-family: "IconsBrands"; - content: "\f5a8"; + content: "\f791"; } -.ts-icon.is-school-circle-xmark-icon::before { - content: "\e56d"; +.ts-icon.is-kaaba-icon::before { + content: "\f66b"; } -.ts-icon.is-strikethrough-icon::before { - content: "\f0cc"; +.ts-icon.is-building-columns-icon::before { + content: "\f19c"; } -.ts-icon.is-left-right-icon::before { - content: "\f337"; +.ts-icon.is-gauge-simple-icon::before { + content: "\f629"; } -.ts-icon.is-bugs-icon::before { - content: "\e4d0"; +.ts-icon.is-earth-oceania-icon::before { + content: "\e47b"; } -.ts-icon.is-plane-circle-check-icon::before { - content: "\e555"; +.ts-icon.is-mattress-pillow-icon::before { + content: "\e525"; } -.ts-icon.is-whiskey-glass-icon::before { - content: "\f7a0"; +.ts-icon.is-ice-cream-icon::before { + content: "\f810"; } -.ts-icon.is-traffic-light-icon::before { - content: "\f637"; +.ts-icon.is-image-icon::before { + content: "\f03e"; } -.ts-icon.is-adversal-icon::before { +.ts-icon.is-mdb-icon::before { font-family: "IconsBrands"; - content: "\f36a"; + content: "\f8ca"; } -.ts-icon.is-building-icon::before { - content: "\f1ad"; +.ts-icon.is-minimize-icon::before { + content: "\f78c"; } -.ts-icon.is-dailymotion-icon::before { +.ts-icon.is-odysee-icon::before { font-family: "IconsBrands"; - content: "\e052"; + content: "\e5c6"; } -.ts-icon.is-git-alt-icon::before { +.ts-icon.is-opera-icon::before { font-family: "IconsBrands"; - content: "\f841"; + content: "\f26a"; } -.ts-icon.is-kaggle-icon::before { - font-family: "IconsBrands"; - content: "\f5fa"; +.ts-icon.is-crop-simple-icon::before { + content: "\f565"; } -.ts-icon.is-radio-icon::before { - content: "\f8d7"; +.ts-icon.is-hot-tub-person-icon::before { + content: "\f593"; } -.ts-icon.is-bimobject-icon::before { - font-family: "IconsBrands"; - content: "\f378"; +.ts-icon.is-wand-magic-sparkles-icon::before { + content: "\e2ca"; } -.ts-icon.is-arrow-trend-down-icon::before { - content: "\e097"; +.ts-icon.is-spaghetti-monster-flying-icon::before { + content: "\f67b"; } -.ts-icon.is-feather-pointed-icon::before { - content: "\f56b"; +.ts-icon.is-bridge-icon::before { + content: "\e4c8"; } -.ts-icon.is-filter-circle-dollar-icon::before { - content: "\f662"; +.ts-icon.is-file-shield-icon::before { + content: "\e4f0"; } -.ts-icon.is-music-icon::before { - content: "\f001"; +.ts-icon.is-chart-column-icon::before { + content: "\e0e3"; } -.ts-icon.is-road-bridge-icon::before { - content: "\e563"; +.ts-icon.is-css3-icon::before { + font-family: "IconsBrands"; + content: "\f13c"; } -.ts-icon.is-shuffle-icon::before { - content: "\f074"; +.ts-icon.is-shield-heart-icon::before { + content: "\e574"; } -.ts-icon.is-dochub-icon::before { - font-family: "IconsBrands"; - content: "\f394"; +.ts-icon.is-temperature-empty-icon::before { + content: "\f2cb"; } -.ts-icon.is-gg-icon::before { +.ts-icon.is-adn-icon::before { font-family: "IconsBrands"; - content: "\f260"; -} - -.ts-icon.is-map-icon::before { - content: "\f279"; + content: "\f170"; } -.ts-icon.is-hand-point-right-icon::before { - content: "\f0a4"; +.ts-icon.is-book-icon::before { + content: "\f02d"; } -.ts-icon.is-mdb-icon::before { +.ts-icon.is-telegram-icon::before { font-family: "IconsBrands"; - content: "\f8ca"; + content: "\f2c6"; } -.ts-icon.is-pied-piper-pp-icon::before { +.ts-icon.is-vnv-icon::before { font-family: "IconsBrands"; - content: "\f1a7"; + content: "\f40b"; } -.ts-icon.is-map-location-dot-icon::before { - content: "\f5a0"; +.ts-icon.is-head-side-mask-icon::before { + content: "\e063"; } -.ts-icon.is-person-circle-minus-icon::before { - content: "\e540"; +.ts-icon.is-j-icon::before { + content: "\4a"; } -.ts-icon.is-spotify-icon::before { - font-family: "IconsBrands"; - content: "\f1bc"; +.ts-icon.is-hourglass-start-icon::before { + content: "\f251"; } -.ts-icon.is-hand-holding-icon::before { - content: "\f4bd"; +.ts-icon.is-file-import-icon::before { + content: "\f56f"; } -.ts-icon.is-hockey-puck-icon::before { - content: "\f453"; +.ts-icon.is-file-prescription-icon::before { + content: "\f572"; } -.ts-icon.is-person-icon::before { - content: "\f183"; +.ts-icon.is-person-rifle-icon::before { + content: "\e54e"; } -.ts-icon.is-anchor-circle-xmark-icon::before { - content: "\e4ac"; +.ts-icon.is-dice-four-icon::before { + content: "\f524"; } -.ts-icon.is-binoculars-icon::before { - content: "\f1e5"; +.ts-icon.is-equals-icon::before { + content: "\3d"; } -.ts-icon.is-carrot-icon::before { - content: "\f787"; +.ts-icon.is-road-circle-check-icon::before { + content: "\e564"; } -.ts-icon.is-css3-alt-icon::before { - font-family: "IconsBrands"; - content: "\f38b"; +.ts-icon.is-building-user-icon::before { + content: "\e4da"; } -.ts-icon.is-envelope-circle-check-icon::before { - content: "\e4e8"; +.ts-icon.is-plane-departure-icon::before { + content: "\f5b0"; } -.ts-icon.is-angle-right-icon::before { - content: "\f105"; +.ts-icon.is-temperature-three-quarters-icon::before { + content: "\f2c8"; } -.ts-icon.is-check-icon::before { - content: "\f00c"; +.ts-icon.is-chess-queen-icon::before { + content: "\f445"; } -.ts-icon.is-rev-icon::before { +.ts-icon.is-mendeley-icon::before { font-family: "IconsBrands"; - content: "\f5b2"; + content: "\f7b3"; } -.ts-icon.is-soundcloud-icon::before { +.ts-icon.is-wpbeginner-icon::before { font-family: "IconsBrands"; - content: "\f1be"; + content: "\f297"; } -.ts-icon.is-square-dribbble-icon::before { - font-family: "IconsBrands"; - content: "\f397"; +.ts-icon.is-rectangle-xmark-icon::before { + content: "\f410"; } -.ts-icon.is-chess-bishop-icon::before { - content: "\f43a"; +.ts-icon.is-shopware-icon::before { + font-family: "IconsBrands"; + content: "\f5b5"; } -.ts-icon.is-cloud-moon-icon::before { - content: "\f6c3"; +.ts-icon.is-square-viadeo-icon::before { + font-family: "IconsBrands"; + content: "\f2aa"; } -.ts-icon.is-faucet-icon::before { - content: "\e005"; +.ts-icon.is-person-military-pointing-icon::before { + content: "\e54a"; } -.ts-icon.is-head-side-cough-slash-icon::before { - content: "\e062"; +.ts-icon.is-right-to-bracket-icon::before { + content: "\f2f6"; } -.ts-icon.is-nutritionix-icon::before { +.ts-icon.is-instalod-icon::before { font-family: "IconsBrands"; - content: "\f3d6"; + content: "\e081"; } -.ts-icon.is-pied-piper-hat-icon::before { +.ts-icon.is-less-icon::before { font-family: "IconsBrands"; - content: "\f4e5"; + content: "\f41d"; } -.ts-icon.is-church-icon::before { - content: "\f51d"; +.ts-icon.is-volume-low-icon::before { + content: "\f027"; } -.ts-icon.is-circle-minus-icon::before { - content: "\f056"; +.ts-icon.is-7-icon::before { + content: "\37"; } -.ts-icon.is-f-icon::before { - content: "\46"; +.ts-icon.is-explosion-icon::before { + content: "\e4e9"; } -.ts-icon.is-person-swimming-icon::before { - content: "\f5c4"; +.ts-icon.is-w-icon::before { + content: "\57"; } -.ts-icon.is-comments-icon::before { - content: "\f086"; +.ts-icon.is-bed-icon::before { + content: "\f236"; } -.ts-icon.is-hand-back-fist-icon::before { - content: "\f255"; +.ts-icon.is-tower-observation-icon::before { + content: "\e586"; } -.ts-icon.is-calendar-plus-icon::before { - content: "\f271"; +.ts-icon.is-martini-glass-empty-icon::before { + content: "\f000"; } -.ts-icon.is-dog-icon::before { - content: "\f6d3"; +.ts-icon.is-battery-half-icon::before { + content: "\f242"; } -.ts-icon.is-lock-open-icon::before { - content: "\f3c1"; +.ts-icon.is-gg-circle-icon::before { + font-family: "IconsBrands"; + content: "\f261"; } -.ts-icon.is-arrows-up-to-line-icon::before { - content: "\e4c2"; +.ts-icon.is-square-arrow-up-right-icon::before { + content: "\f14c"; } -.ts-icon.is-mobile-icon::before { - content: "\f3ce"; +.ts-icon.is-fonticons-icon::before { + font-family: "IconsBrands"; + content: "\f280"; } -.ts-icon.is-perbyte-icon::before { - font-family: "IconsBrands"; - content: "\e083"; +.ts-icon.is-icicles-icon::before { + content: "\f7ad"; } -.ts-icon.is-vr-cardboard-icon::before { - content: "\f729"; +.ts-icon.is-palette-icon::before { + content: "\f53f"; } -.ts-icon.is-yahoo-icon::before { - font-family: "IconsBrands"; - content: "\f19e"; +.ts-icon.is-soap-icon::before { + content: "\e06e"; } -.ts-icon.is-filter-icon::before { - content: "\f0b0"; +.ts-icon.is-arrow-right-to-city-icon::before { + content: "\e4b3"; } -.ts-icon.is-hand-fist-icon::before { - content: "\f6de"; +.ts-icon.is-draft2digital-icon::before { + font-family: "IconsBrands"; + content: "\f396"; } -.ts-icon.is-house-medical-circle-check-icon::before { - content: "\e511"; +.ts-icon.is-question-icon::before { + content: "\3f"; } -.ts-icon.is-megaport-icon::before { +.ts-icon.is-rebel-icon::before { font-family: "IconsBrands"; - content: "\f5a3"; + content: "\f1d0"; } -.ts-icon.is-shrimp-icon::before { - content: "\e448"; +.ts-icon.is-2-icon::before { + content: "\32"; } -.ts-icon.is-suitcase-icon::before { - content: "\f0f2"; +.ts-icon.is-minus-icon::before { + content: "\f068"; } -.ts-icon.is-plane-up-icon::before { - content: "\e22d"; +.ts-icon.is-temperature-low-icon::before { + content: "\f76b"; } -.ts-icon.is-sleigh-icon::before { - content: "\f7cc"; +.ts-icon.is-building-ngo-icon::before { + content: "\e4d7"; } -.ts-icon.is-a-icon::before { - content: "\41"; +.ts-icon.is-heart-circle-plus-icon::before { + content: "\e500"; } -.ts-icon.is-airbnb-icon::before { +.ts-icon.is-uber-icon::before { font-family: "IconsBrands"; - content: "\f834"; + content: "\f402"; } -.ts-icon.is-child-dress-icon::before { - content: "\e59c"; +.ts-icon.is-burst-icon::before { + content: "\e4dc"; } -.ts-icon.is-npm-icon::before { +.ts-icon.is-python-icon::before { font-family: "IconsBrands"; - content: "\f3d4"; + content: "\f3e2"; } -.ts-icon.is-bookmark-icon::before { - content: "\f02e"; +.ts-icon.is-table-tennis-paddle-ball-icon::before { + content: "\f45d"; } -.ts-icon.is-calendar-icon::before { - content: "\f133"; +.ts-icon.is-wine-glass-icon::before { + content: "\f4e3"; } -.ts-icon.is-child-reaching-icon::before { - content: "\e59d"; +.ts-icon.is-face-grimace-icon::before { + content: "\f57f"; } -.ts-icon.is-cloud-rain-icon::before { - content: "\f73d"; +.ts-icon.is-fulcrum-icon::before { + font-family: "IconsBrands"; + content: "\f50b"; } -.ts-icon.is-creative-commons-sa-icon::before { - font-family: "IconsBrands"; - content: "\f4ef"; +.ts-icon.is-cart-arrow-down-icon::before { + content: "\f218"; } -.ts-icon.is-school-icon::before { - content: "\f549"; +.ts-icon.is-trash-arrow-up-icon::before { + content: "\f829"; } -.ts-icon.is-trash-icon::before { - content: "\f1f8"; +.ts-icon.is-gauge-high-icon::before { + content: "\f625"; } -.ts-icon.is-parachute-box-icon::before { - content: "\f4cd"; +.ts-icon.is-headset-icon::before { + content: "\f590"; } -.ts-icon.is-snowplow-icon::before { - content: "\f7d2"; +.ts-icon.is-temperature-half-icon::before { + content: "\f2c9"; } -.ts-icon.is-wikipedia-w-icon::before { - font-family: "IconsBrands"; - content: "\f266"; +.ts-icon.is-bicycle-icon::before { + content: "\f206"; } -.ts-icon.is-face-laugh-squint-icon::before { - content: "\f59b"; +.ts-icon.is-file-powerpoint-icon::before { + content: "\f1c4"; } -.ts-icon.is-face-tired-icon::before { - content: "\f5c8"; +.ts-icon.is-link-icon::before { + content: "\f0c1"; } -.ts-icon.is-firstdraft-icon::before { +.ts-icon.is-megaport-icon::before { font-family: "IconsBrands"; - content: "\f3a1"; + content: "\f5a3"; } -.ts-icon.is-land-mine-on-icon::before { - content: "\e51b"; +.ts-icon.is-plug-circle-minus-icon::before { + content: "\e55e"; } -.ts-icon.is-arrow-right-to-city-icon::before { - content: "\e4b3"; +.ts-icon.is-receipt-icon::before { + content: "\f543"; } -.ts-icon.is-cc-discover-icon::before { - font-family: "IconsBrands"; - content: "\f1f2"; +.ts-icon.is-cloud-arrow-up-icon::before { + content: "\f0ee"; } -.ts-icon.is-mars-and-venus-burst-icon::before { - content: "\e523"; +.ts-icon.is-delicious-icon::before { + font-family: "IconsBrands"; + content: "\f1a5"; } -.ts-icon.is-worm-icon::before { - content: "\e599"; +.ts-icon.is-cloud-sun-rain-icon::before { + content: "\f743"; } -.ts-icon.is-chess-pawn-icon::before { - content: "\f443"; +.ts-icon.is-golf-ball-tee-icon::before { + content: "\f450"; } -.ts-icon.is-g-icon::before { - content: "\47"; +.ts-icon.is-sliders-icon::before { + content: "\f1de"; } -.ts-icon.is-lira-sign-icon::before { - content: "\f195"; +.ts-icon.is-vial-circle-check-icon::before { + content: "\e596"; } -.ts-icon.is-person-snowboarding-icon::before { - content: "\f7ce"; +.ts-icon.is-align-justify-icon::before { + content: "\f039"; } -.ts-icon.is-poo-icon::before { - content: "\f2fe"; +.ts-icon.is-gitkraken-icon::before { + font-family: "IconsBrands"; + content: "\f3a6"; } -.ts-icon.is-arrow-down-icon::before { - content: "\f063"; +.ts-icon.is-house-chimney-window-icon::before { + content: "\e00d"; } -.ts-icon.is-peseta-sign-icon::before { - content: "\e221"; +.ts-icon.is-y-icon::before { + content: "\59"; } -.ts-icon.is-replyd-icon::before { - font-family: "IconsBrands"; - content: "\f3e6"; +.ts-icon.is-cable-car-icon::before { + content: "\f7da"; } -.ts-icon.is-vial-virus-icon::before { - content: "\e597"; +.ts-icon.is-circle-arrow-right-icon::before { + content: "\f0a9"; } -.ts-icon.is-blender-icon::before { - content: "\f517"; +.ts-icon.is-pause-icon::before { + content: "\f04c"; } -.ts-icon.is-briefcase-icon::before { - content: "\f0b1"; +.ts-icon.is-person-circle-plus-icon::before { + content: "\e541"; } -.ts-icon.is-cloud-meatball-icon::before { - content: "\f73b"; +.ts-icon.is-person-skiing-icon::before { + content: "\f7c9"; } -.ts-icon.is-d-and-d-beyond-icon::before { - font-family: "IconsBrands"; - content: "\f6ca"; +.ts-icon.is-qrcode-icon::before { + content: "\f029"; } -.ts-icon.is-ussunnah-icon::before { +.ts-icon.is-schlix-icon::before { font-family: "IconsBrands"; - content: "\f407"; -} - -.ts-icon.is-face-grin-wide-icon::before { - content: "\f581"; + content: "\f3ea"; } -.ts-icon.is-helmet-un-icon::before { - content: "\e503"; +.ts-icon.is-basketball-icon::before { + content: "\f434"; } -.ts-icon.is-ice-cream-icon::before { - content: "\f810"; +.ts-icon.is-cash-register-icon::before { + content: "\f788"; } -.ts-icon.is-square-vimeo-icon::before { - font-family: "IconsBrands"; - content: "\f194"; +.ts-icon.is-circle-left-icon::before { + content: "\f359"; } -.ts-icon.is-deezer-icon::before { +.ts-icon.is-superpowers-icon::before { font-family: "IconsBrands"; - content: "\e077"; + content: "\f2dd"; } -.ts-icon.is-hand-scissors-icon::before { - content: "\f257"; +.ts-icon.is-square-caret-up-icon::before { + content: "\f151"; } -.ts-icon.is-crosshairs-icon::before { - content: "\f05b"; +.ts-icon.is-glasses-icon::before { + content: "\f530"; } -.ts-icon.is-prescription-bottle-icon::before { - content: "\f485"; +.ts-icon.is-hammer-icon::before { + content: "\f6e3"; } -.ts-icon.is-shield-halved-icon::before { - content: "\f3ed"; +.ts-icon.is-mars-double-icon::before { + content: "\f227"; } -.ts-icon.is-smog-icon::before { - content: "\f75f"; +.ts-icon.is-mobile-icon::before { + content: "\f3ce"; } -.ts-icon.is-truck-moving-icon::before { - content: "\f4df"; +.ts-icon.is-book-skull-icon::before { + content: "\f6b7"; } -.ts-icon.is-campground-icon::before { - content: "\f6bb"; +.ts-icon.is-chart-area-icon::before { + content: "\f1fe"; } -.ts-icon.is-caret-right-icon::before { - content: "\f0da"; +.ts-icon.is-screwdriver-icon::before { + content: "\f54a"; } - -.ts-icon.is-diaspora-icon::before { - font-family: "IconsBrands"; - content: "\f791"; + +.ts-icon.is-square-parking-icon::before { + content: "\f540"; } -.ts-icon.is-opencart-icon::before { - font-family: "IconsBrands"; - content: "\f23d"; +.ts-icon.is-u-icon::before { + content: "\55"; } -.ts-icon.is-chart-column-icon::before { - content: "\e0e3"; +.ts-icon.is-venus-mars-icon::before { + content: "\f228"; } -.ts-icon.is-satellite-icon::before { - content: "\f7bf"; +.ts-icon.is-vine-icon::before { + font-family: "IconsBrands"; + content: "\f1ca"; } -.ts-icon.is-stamp-icon::before { - content: "\f5bf"; +.ts-icon.is-clipboard-question-icon::before { + content: "\e4e3"; } -.ts-icon.is-file-circle-question-icon::before { - content: "\e4ef"; +.ts-icon.is-heart-circle-minus-icon::before { + content: "\e4ff"; } -.ts-icon.is-record-vinyl-icon::before { - content: "\f8d9"; +.ts-icon.is-person-military-rifle-icon::before { + content: "\e54b"; } -.ts-icon.is-square-reddit-icon::before { +.ts-icon.is-google-play-icon::before { font-family: "IconsBrands"; - content: "\f1a2"; + content: "\f3ab"; } -.ts-icon.is-warehouse-icon::before { - content: "\f494"; +.ts-icon.is-mercury-icon::before { + content: "\f223"; } -.ts-icon.is-rockrms-icon::before { +.ts-icon.is-firefox-icon::before { font-family: "IconsBrands"; - content: "\f3e9"; + content: "\f269"; } -.ts-icon.is-yelp-icon::before { - font-family: "IconsBrands"; - content: "\f1e9"; +.ts-icon.is-photo-film-icon::before { + content: "\f87c"; } -.ts-icon.is-diagram-next-icon::before { - content: "\e476"; +.ts-icon.is-battle-net-icon::before { + font-family: "IconsBrands"; + content: "\f835"; } -.ts-icon.is-left-long-icon::before { - content: "\f30a"; +.ts-icon.is-building-wheat-icon::before { + content: "\e4db"; } -.ts-icon.is-voicemail-icon::before { - content: "\f897"; +.ts-icon.is-rss-icon::before { + content: "\f09e"; } -.ts-icon.is-clock-rotate-left-icon::before { - content: "\f1da"; +.ts-icon.is-shapes-icon::before { + content: "\f61f"; } -.ts-icon.is-gofore-icon::before { +.ts-icon.is-expeditedssl-icon::before { font-family: "IconsBrands"; - content: "\f3a7"; -} - -.ts-icon.is-arrow-right-arrow-left-icon::before { - content: "\f0ec"; + content: "\f23e"; } -.ts-icon.is-heart-circle-plus-icon::before { - content: "\e500"; +.ts-icon.is-guitar-icon::before { + content: "\f7a6"; } -.ts-icon.is-mars-icon::before { - content: "\f222"; +.ts-icon.is-person-through-window-icon::before { + content: "\e5a9"; } -.ts-icon.is-flag-icon::before { - content: "\f024"; +.ts-icon.is-virus-covid-slash-icon::before { + content: "\e4a9"; } -.ts-icon.is-heart-icon::before { - content: "\f004"; +.ts-icon.is-bullhorn-icon::before { + content: "\f0a1"; } -.ts-icon.is-gavel-icon::before { - content: "\f0e3"; +.ts-icon.is-delete-left-icon::before { + content: "\f55a"; } -.ts-icon.is-y-combinator-icon::before { - font-family: "IconsBrands"; - content: "\f23b"; +.ts-icon.is-dice-icon::before { + content: "\f522"; } -.ts-icon.is-bowl-food-icon::before { - content: "\e4c6"; +.ts-icon.is-face-smile-beam-icon::before { + content: "\f5b8"; } -.ts-icon.is-circle-chevron-right-icon::before { - content: "\f138"; +.ts-icon.is-r-icon::before { + content: "\52"; } -.ts-icon.is-compass-drafting-icon::before { - content: "\f568"; +.ts-icon.is-tablets-icon::before { + content: "\f490"; } -.ts-icon.is-face-frown-icon::before { - content: "\f119"; +.ts-icon.is-vest-patches-icon::before { + content: "\e086"; } -.ts-icon.is-vihara-icon::before { - content: "\f6a7"; +.ts-icon.is-battery-full-icon::before { + content: "\f240"; } -.ts-icon.is-biohazard-icon::before { - content: "\f780"; +.ts-icon.is-building-un-icon::before { + content: "\e4d9"; } -.ts-icon.is-house-fire-icon::before { - content: "\e50c"; +.ts-icon.is-vimeo-v-icon::before { + font-family: "IconsBrands"; + content: "\f27d"; } -.ts-icon.is-magento-icon::before { - font-family: "IconsBrands"; - content: "\f3c4"; +.ts-icon.is-worm-icon::before { + content: "\e599"; } -.ts-icon.is-octopus-deploy-icon::before { - font-family: "IconsBrands"; - content: "\e082"; +.ts-icon.is-book-open-icon::before { + content: "\f518"; } -.ts-icon.is-square-snapchat-icon::before { - font-family: "IconsBrands"; - content: "\f2ad"; +.ts-icon.is-diamond-icon::before { + content: "\f219"; } -.ts-icon.is-wifi-icon::before { - content: "\f1eb"; +.ts-icon.is-toilet-icon::before { + content: "\f7d8"; } -.ts-icon.is-square-font-awesome-icon::before { - font-family: "IconsBrands"; - content: "\e5ad"; +.ts-icon.is-vector-square-icon::before { + content: "\f5cb"; } -.ts-icon.is-arrow-right-to-bracket-icon::before { - content: "\f090"; +.ts-icon.is-chess-bishop-icon::before { + content: "\f43a"; } -.ts-icon.is-bity-icon::before { +.ts-icon.is-google-pay-icon::before { font-family: "IconsBrands"; - content: "\f37a"; + content: "\e079"; } -.ts-icon.is-kip-sign-icon::before { - content: "\e1c4"; +.ts-icon.is-square-icon::before { + content: "\f0c8"; } -.ts-icon.is-pallet-icon::before { - content: "\f482"; +.ts-icon.is-square-person-confined-icon::before { + content: "\e577"; } -.ts-icon.is-ruler-combined-icon::before { - content: "\f546"; +.ts-icon.is-square-rss-icon::before { + content: "\f143"; } -.ts-icon.is-sass-icon::before { - font-family: "IconsBrands"; - content: "\f41e"; +.ts-icon.is-vault-icon::before { + content: "\e2c5"; } -.ts-icon.is-temperature-three-quarters-icon::before { - content: "\f2c8"; +.ts-icon.is-bullseye-icon::before { + content: "\f140"; } -.ts-icon.is-angle-down-icon::before { - content: "\f107"; +.ts-icon.is-pepper-hot-icon::before { + content: "\f816"; } -.ts-icon.is-arrow-down-wide-short-icon::before { - content: "\f160"; +.ts-icon.is-certificate-icon::before { + content: "\f0a3"; } -.ts-icon.is-file-shield-icon::before { - content: "\e4f0"; +.ts-icon.is-vial-icon::before { + content: "\f492"; } -.ts-icon.is-hand-pointer-icon::before { - content: "\f25a"; +.ts-icon.is-tent-arrow-turn-left-icon::before { + content: "\e580"; } -.ts-icon.is-ruble-sign-icon::before { - content: "\f158"; +.ts-icon.is-yin-yang-icon::before { + content: "\f6ad"; } -.ts-icon.is-square-poll-vertical-icon::before { - content: "\f681"; +.ts-icon.is-bluetooth-icon::before { + font-family: "IconsBrands"; + content: "\f293"; } -.ts-icon.is-bitbucket-icon::before { +.ts-icon.is-safari-icon::before { font-family: "IconsBrands"; - content: "\f171"; + content: "\f267"; } -.ts-icon.is-torii-gate-icon::before { - content: "\f6a1"; +.ts-icon.is-money-bill-trend-up-icon::before { + content: "\e529"; } -.ts-icon.is-watchman-monitoring-icon::before { - font-family: "IconsBrands"; - content: "\e087"; +.ts-icon.is-server-icon::before { + content: "\f233"; } -.ts-icon.is-bucket-icon::before { - content: "\e4cf"; +.ts-icon.is-basket-shopping-icon::before { + content: "\f291"; } -.ts-icon.is-person-military-pointing-icon::before { - content: "\e54a"; +.ts-icon.is-circle-chevron-left-icon::before { + content: "\f137"; } -.ts-icon.is-share-from-square-icon::before { - content: "\f14d"; +.ts-icon.is-user-ninja-icon::before { + content: "\f504"; } -.ts-icon.is-arrows-down-to-line-icon::before { - content: "\e4b8"; +.ts-icon.is-users-gear-icon::before { + content: "\f509"; } -.ts-icon.is-cash-register-icon::before { - content: "\f788"; +.ts-icon.is-bridge-water-icon::before { + content: "\e4ce"; } -.ts-icon.is-cheese-icon::before { - content: "\f7ef"; +.ts-icon.is-feather-icon::before { + content: "\f52d"; } -.ts-icon.is-square-facebook-icon::before { - font-family: "IconsBrands"; - content: "\f082"; +.ts-icon.is-border-all-icon::before { + content: "\f84c"; } -.ts-icon.is-ticket-simple-icon::before { - content: "\f3ff"; +.ts-icon.is-copy-icon::before { + content: "\f0c5"; } -.ts-icon.is-wpexplorer-icon::before { +.ts-icon.is-cuttlefish-icon::before { font-family: "IconsBrands"; - content: "\f2de"; + content: "\f38c"; +} + +.ts-icon.is-plant-wilt-icon::before { + content: "\e5aa"; } -.ts-icon.is-wodu-icon::before { - font-family: "IconsBrands"; - content: "\e088"; +.ts-icon.is-scale-unbalanced-icon::before { + content: "\f515"; } -.ts-icon.is-angle-up-icon::before { - content: "\f106"; +.ts-icon.is-baby-icon::before { + content: "\f77c"; } -.ts-icon.is-face-grin-beam-sweat-icon::before { - content: "\f583"; +.ts-icon.is-battery-three-quarters-icon::before { + content: "\f241"; } -.ts-icon.is-github-icon::before { - font-family: "IconsBrands"; - content: "\f09b"; +.ts-icon.is-cake-candles-icon::before { + content: "\f1fd"; } -.ts-icon.is-neos-icon::before { - font-family: "IconsBrands"; - content: "\f612"; +.ts-icon.is-chevron-right-icon::before { + content: "\f054"; } -.ts-icon.is-shuttle-space-icon::before { - content: "\f197"; +.ts-icon.is-icons-icon::before { + content: "\f86d"; } -.ts-icon.is-truck-icon::before { - content: "\f0d1"; +.ts-icon.is-money-bill-transfer-icon::before { + content: "\e528"; } -.ts-icon.is-landmark-flag-icon::before { - content: "\e51c"; +.ts-icon.is-sterling-sign-icon::before { + content: "\f154"; } -.ts-icon.is-magnifying-glass-location-icon::before { - content: "\f689"; +.ts-icon.is-border-none-icon::before { + content: "\f850"; } -.ts-icon.is-volume-low-icon::before { - content: "\f027"; +.ts-icon.is-braille-icon::before { + content: "\f2a1"; } -.ts-icon.is-gas-pump-icon::before { - content: "\f52f"; +.ts-icon.is-toggle-off-icon::before { + content: "\f204"; } -.ts-icon.is-gg-circle-icon::before { +.ts-icon.is-phoenix-framework-icon::before { font-family: "IconsBrands"; - content: "\f261"; -} - -.ts-icon.is-laptop-medical-icon::before { - content: "\f812"; + content: "\f3dc"; } -.ts-icon.is-rectangle-list-icon::before { - content: "\f022"; +.ts-icon.is-shield-icon::before { + content: "\f132"; } -.ts-icon.is-steam-symbol-icon::before { - font-family: "IconsBrands"; - content: "\f3f6"; +.ts-icon.is-plus-icon::before { + content: "\2b"; } -.ts-icon.is-arrows-rotate-icon::before { - content: "\f021"; +.ts-icon.is-arrow-up-wide-short-icon::before { + content: "\f161"; } -.ts-icon.is-phoenix-squadron-icon::before { - font-family: "IconsBrands"; - content: "\f511"; +.ts-icon.is-dice-d6-icon::before { + content: "\f6d1"; } -.ts-icon.is-tent-arrow-turn-left-icon::before { - content: "\e580"; +.ts-icon.is-prescription-bottle-icon::before { + content: "\f485"; } -.ts-icon.is-trowel-bricks-icon::before { - content: "\e58a"; +.ts-icon.is-creative-commons-sampling-icon::before { + font-family: "IconsBrands"; + content: "\f4f0"; } -.ts-icon.is-accessible-icon-icon::before { +.ts-icon.is-joomla-icon::before { font-family: "IconsBrands"; - content: "\f368"; + content: "\f1aa"; } -.ts-icon.is-building-circle-arrow-right-icon::before { - content: "\e4d1"; +.ts-icon.is-coins-icon::before { + content: "\f51e"; } -.ts-icon.is-city-icon::before { - content: "\f64f"; +.ts-icon.is-docker-icon::before { + font-family: "IconsBrands"; + content: "\f395"; } -.ts-icon.is-fax-icon::before { - content: "\f1ac"; +.ts-icon.is-sleigh-icon::before { + content: "\f7cc"; } -.ts-icon.is-shield-heart-icon::before { - content: "\e574"; +.ts-icon.is-soundcloud-icon::before { + font-family: "IconsBrands"; + content: "\f1be"; } -.ts-icon.is-square-gitlab-icon::before { +.ts-icon.is-square-git-icon::before { font-family: "IconsBrands"; - content: "\e5ae"; + content: "\f1d2"; } -.ts-icon.is-chevron-up-icon::before { - content: "\f077"; +.ts-icon.is-truck-plane-icon::before { + content: "\e58f"; } -.ts-icon.is-mattress-pillow-icon::before { - content: "\e525"; +.ts-icon.is-arrow-down-z-a-icon::before { + content: "\f881"; } -.ts-icon.is-shekel-sign-icon::before { - content: "\f20b"; +.ts-icon.is-cart-shopping-icon::before { + content: "\f07a"; } -.ts-icon.is-user-large-icon::before { - content: "\f406"; +.ts-icon.is-layer-group-icon::before { + content: "\f5fd"; } -.ts-icon.is-adn-icon::before { +.ts-icon.is-d-and-d-icon::before { font-family: "IconsBrands"; - content: "\f170"; + content: "\f38d"; } -.ts-icon.is-house-circle-check-icon::before { - content: "\e509"; +.ts-icon.is-italic-icon::before { + content: "\f033"; } -.ts-icon.is-tower-cell-icon::before { - content: "\e585"; +.ts-icon.is-arrows-turn-right-icon::before { + content: "\e4c0"; } -.ts-icon.is-cruzeiro-sign-icon::before { - content: "\e152"; +.ts-icon.is-wave-square-icon::before { + content: "\f83e"; } -.ts-icon.is-empire-icon::before { +.ts-icon.is-medrt-icon::before { font-family: "IconsBrands"; - content: "\f1d1"; + content: "\f3c8"; } -.ts-icon.is-ideal-icon::before { +.ts-icon.is-bitbucket-icon::before { font-family: "IconsBrands"; - content: "\e013"; + content: "\f171"; } -.ts-icon.is-osi-icon::before { - font-family: "IconsBrands"; - content: "\f41a"; +.ts-icon.is-i-cursor-icon::before { + content: "\f246"; } -.ts-icon.is-pump-medical-icon::before { - content: "\e06a"; +.ts-icon.is-file-word-icon::before { + content: "\f1c2"; } -.ts-icon.is-synagogue-icon::before { - content: "\f69b"; +.ts-icon.is-google-plus-g-icon::before { + font-family: "IconsBrands"; + content: "\f0d5"; } -.ts-icon.is-egg-icon::before { - content: "\f7fb"; +.ts-icon.is-hippo-icon::before { + content: "\f6ed"; } -.ts-icon.is-etsy-icon::before { - font-family: "IconsBrands"; - content: "\f2d7"; +.ts-icon.is-image-portrait-icon::before { + content: "\f3e0"; } -.ts-icon.is-helicopter-symbol-icon::before { - content: "\e502"; +.ts-icon.is-kiwi-bird-icon::before { + content: "\f535"; } -.ts-icon.is-house-medical-flag-icon::before { - content: "\e514"; +.ts-icon.is-locust-icon::before { + content: "\e520"; } -.ts-icon.is-e-icon::before { - content: "\45"; +.ts-icon.is-black-tie-icon::before { + font-family: "IconsBrands"; + content: "\f27e"; } -.ts-icon.is-hat-cowboy-icon::before { - content: "\f8c0"; +.ts-icon.is-circle-chevron-up-icon::before { + content: "\f139"; } -.ts-icon.is-list-icon::before { - content: "\f03a"; +.ts-icon.is-star-of-life-icon::before { + content: "\f621"; } -.ts-icon.is-mixer-icon::before { +.ts-icon.is-studiovinari-icon::before { font-family: "IconsBrands"; - content: "\e056"; -} - -.ts-icon.is-calendar-xmark-icon::before { - content: "\f273"; + content: "\f3f8"; } -.ts-icon.is-person-pregnant-icon::before { - content: "\e31e"; +.ts-icon.is-user-injured-icon::before { + content: "\f728"; } -.ts-icon.is-train-tram-icon::before { - content: "\e5b4"; +.ts-icon.is-viruses-icon::before { + content: "\e076"; } -.ts-icon.is-brazilian-real-sign-icon::before { - content: "\e46c"; +.ts-icon.is-bath-icon::before { + content: "\f2cd"; } -.ts-icon.is-tenge-sign-icon::before { - content: "\f7d7"; +.ts-icon.is-circle-notch-icon::before { + content: "\f1ce"; } -.ts-icon.is-user-gear-icon::before { - content: "\f4fe"; +.ts-icon.is-truck-field-icon::before { + content: "\e58d"; } -.ts-icon.is-heart-crack-icon::before { - content: "\f7a9"; +.ts-icon.is-crow-icon::before { + content: "\f520"; } -.ts-icon.is-houzz-icon::before { - font-family: "IconsBrands"; - content: "\f27c"; +.ts-icon.is-h-icon::before { + content: "\48"; } -.ts-icon.is-road-circle-xmark-icon::before { - content: "\e566"; +.ts-icon.is-info-icon::before { + content: "\f129"; } -.ts-icon.is-meteor-icon::before { - content: "\f753"; +.ts-icon.is-medapps-icon::before { + font-family: "IconsBrands"; + content: "\f3c6"; } -.ts-icon.is-person-walking-arrow-right-icon::before { - content: "\e552"; +.ts-icon.is-plug-circle-bolt-icon::before { + content: "\e55b"; } -.ts-icon.is-bell-slash-icon::before { - content: "\f1f6"; +.ts-icon.is-user-group-icon::before { + content: "\f500"; } -.ts-icon.is-building-un-icon::before { - content: "\e4d9"; +.ts-icon.is-won-sign-icon::before { + content: "\f159"; } -.ts-icon.is-champagne-glasses-icon::before { - content: "\f79f"; +.ts-icon.is-fedora-icon::before { + font-family: "IconsBrands"; + content: "\f798"; } -.ts-icon.is-compass-icon::before { - content: "\f14e"; +.ts-icon.is-github-icon::before { + font-family: "IconsBrands"; + content: "\f09b"; } -.ts-icon.is-forward-fast-icon::before { - content: "\f050"; +.ts-icon.is-hill-rockslide-icon::before { + content: "\e508"; } -.ts-icon.is-keybase-icon::before { - font-family: "IconsBrands"; - content: "\f4f5"; +.ts-icon.is-people-group-icon::before { + content: "\e533"; } -.ts-icon.is-plug-circle-minus-icon::before { - content: "\e55e"; +.ts-icon.is-tower-broadcast-icon::before { + content: "\f519"; } -.ts-icon.is-trello-icon::before { - font-family: "IconsBrands"; - content: "\f181"; +.ts-icon.is-bag-shopping-icon::before { + content: "\f290"; } -.ts-icon.is-arrow-rotate-right-icon::before { - content: "\f01e"; +.ts-icon.is-hand-holding-heart-icon::before { + content: "\f4be"; } -.ts-icon.is-bridge-lock-icon::before { - content: "\e4cc"; +.ts-icon.is-filter-circle-xmark-icon::before { + content: "\e17b"; } -.ts-icon.is-clone-icon::before { - content: "\f24d"; +.ts-icon.is-hand-holding-dollar-icon::before { + content: "\f4c0"; } -.ts-icon.is-money-bill-icon::before { - content: "\f0d6"; +.ts-icon.is-sass-icon::before { + font-family: "IconsBrands"; + content: "\f41e"; } -.ts-icon.is-signature-icon::before { - content: "\f5b7"; +.ts-icon.is-user-minus-icon::before { + content: "\f503"; } -.ts-icon.is-b-icon::before { - content: "\42"; +.ts-icon.is-wpexplorer-icon::before { + font-family: "IconsBrands"; + content: "\f2de"; } -.ts-icon.is-copyright-icon::before { - content: "\f1f9"; +.ts-icon.is-archway-icon::before { + content: "\f557"; } -.ts-icon.is-edge-legacy-icon::before { - font-family: "IconsBrands"; - content: "\e078"; +.ts-icon.is-diagram-next-icon::before { + content: "\e476"; } -.ts-icon.is-php-icon::before { - font-family: "IconsBrands"; - content: "\f457"; +.ts-icon.is-images-icon::before { + content: "\f302"; } -.ts-icon.is-virus-covid-icon::before { - content: "\e4a8"; +.ts-icon.is-unlock-keyhole-icon::before { + content: "\f13e"; } -.ts-icon.is-handcuffs-icon::before { - content: "\e4f8"; +.ts-icon.is-arrows-up-down-left-right-icon::before { + content: "\f047"; } -.ts-icon.is-p-icon::before { - content: "\50"; +.ts-icon.is-chevron-down-icon::before { + content: "\f078"; } -.ts-icon.is-square-odnoklassniki-icon::before { - font-family: "IconsBrands"; - content: "\f264"; +.ts-icon.is-stroopwafel-icon::before { + content: "\f551"; } -.ts-icon.is-cc-visa-icon::before { - font-family: "IconsBrands"; - content: "\f1f0"; +.ts-icon.is-file-pdf-icon::before { + content: "\f1c1"; } -.ts-icon.is-thumbs-down-icon::before { - content: "\f165"; +.ts-icon.is-sourcetree-icon::before { + font-family: "IconsBrands"; + content: "\f7d3"; } -.ts-icon.is-sort-up-icon::before { - content: "\f0de"; +.ts-icon.is-gears-icon::before { + content: "\f085"; } -.ts-icon.is-square-caret-up-icon::before { - content: "\f151"; +.ts-icon.is-hourglass-icon::before { + content: "\f254"; } -.ts-icon.is-user-pen-icon::before { - content: "\f4ff"; +.ts-icon.is-house-medical-circle-xmark-icon::before { + content: "\e513"; } -.ts-icon.is-hand-lizard-icon::before { - content: "\f258"; +.ts-icon.is-people-roof-icon::before { + content: "\e537"; } -.ts-icon.is-person-half-dress-icon::before { - content: "\e548"; +.ts-icon.is-uniregistry-icon::before { + font-family: "IconsBrands"; + content: "\f404"; } -.ts-icon.is-plug-circle-xmark-icon::before { - content: "\e560"; +.ts-icon.is-baseball-bat-ball-icon::before { + content: "\f432"; } -.ts-icon.is-toggle-off-icon::before { - content: "\f204"; +.ts-icon.is-face-angry-icon::before { + content: "\f556"; } -.ts-icon.is-circle-user-icon::before { - content: "\f2bd"; +.ts-icon.is-hand-dots-icon::before { + content: "\f461"; } -.ts-icon.is-line-icon::before { - font-family: "IconsBrands"; - content: "\f3c0"; +.ts-icon.is-reply-icon::before { + content: "\f3e5"; } -.ts-icon.is-heart-circle-minus-icon::before { - content: "\e4ff"; +.ts-icon.is-subscript-icon::before { + content: "\f12c"; } -.ts-icon.is-paypal-icon::before { - font-family: "IconsBrands"; - content: "\f1ed"; +.ts-icon.is-umbrella-beach-icon::before { + content: "\f5ca"; } -.ts-icon.is-stapler-icon::before { - content: "\e5af"; +.ts-icon.is-venus-icon::before { + content: "\f221"; } -.ts-icon.is-table-list-icon::before { - content: "\f00b"; +.ts-icon.is-align-right-icon::before { + content: "\f038"; } -.ts-icon.is-t-icon::before { - content: "\54"; +.ts-icon.is-face-tired-icon::before { + content: "\f5c8"; } -.ts-icon.is-edge-icon::before { +.ts-icon.is-mizuni-icon::before { font-family: "IconsBrands"; - content: "\f282"; + content: "\f3cc"; } -.ts-icon.is-file-video-icon::before { - content: "\f1c8"; +.ts-icon.is-person-half-dress-icon::before { + content: "\e548"; } -.ts-icon.is-wheat-awn-icon::before { - content: "\e2cd"; +.ts-icon.is-volume-xmark-icon::before { + content: "\f6a9"; } -.ts-icon.is-fort-awesome-icon::before { +.ts-icon.is-waze-icon::before { font-family: "IconsBrands"; - content: "\f286"; -} - -.ts-icon.is-circle-check-icon::before { - content: "\f058"; + content: "\f83f"; } -.ts-icon.is-face-grin-squint-tears-icon::before { - content: "\f586"; +.ts-icon.is-austral-sign-icon::before { + content: "\e0a9"; } -.ts-icon.is-robot-icon::before { - content: "\f544"; +.ts-icon.is-headphones-icon::before { + content: "\f025"; } -.ts-icon.is-scale-unbalanced-flip-icon::before { - content: "\f516"; +.ts-icon.is-code-commit-icon::before { + content: "\f386"; } -.ts-icon.is-arrow-up-wide-short-icon::before { - content: "\f161"; +.ts-icon.is-pen-nib-icon::before { + content: "\f5ad"; } -.ts-icon.is-dumpster-icon::before { - content: "\f793"; +.ts-icon.is-creative-commons-pd-icon::before { + font-family: "IconsBrands"; + content: "\f4ec"; } -.ts-icon.is-viber-icon::before { +.ts-icon.is-dyalog-icon::before { font-family: "IconsBrands"; - content: "\f409"; + content: "\f399"; } -.ts-icon.is-battery-empty-icon::before { - content: "\f244"; +.ts-icon.is-user-astronaut-icon::before { + content: "\f4fb"; } -.ts-icon.is-house-chimney-user-icon::before { - content: "\e065"; +.ts-icon.is-compass-icon::before { + content: "\f14e"; } -.ts-icon.is-id-card-clip-icon::before { - content: "\f47f"; +.ts-icon.is-creative-commons-nc-icon::before { + font-family: "IconsBrands"; + content: "\f4e8"; } -.ts-icon.is-martini-glass-citrus-icon::before { - content: "\f561"; +.ts-icon.is-gavel-icon::before { + content: "\f0e3"; } -.ts-icon.is-splotch-icon::before { - content: "\f5bc"; +.ts-icon.is-hill-avalanche-icon::before { + content: "\e507"; } -.ts-icon.is-subscript-icon::before { - content: "\f12c"; +.ts-icon.is-jet-fighter-icon::before { + content: "\f0fb"; } -.ts-icon.is-info-icon::before { - content: "\f129"; +.ts-icon.is-jsfiddle-icon::before { + font-family: "IconsBrands"; + content: "\f1cc"; } -.ts-icon.is-up-right-from-square-icon::before { - content: "\f35d"; +.ts-icon.is-marker-icon::before { + content: "\f5a1"; } -.ts-icon.is-amazon-pay-icon::before { - font-family: "IconsBrands"; - content: "\f42c"; +.ts-icon.is-stethoscope-icon::before { + content: "\f0f1"; } -.ts-icon.is-hacker-news-icon::before { +.ts-icon.is-chromecast-icon::before { font-family: "IconsBrands"; - content: "\f1d4"; + content: "\f838"; } -.ts-icon.is-researchgate-icon::before { - font-family: "IconsBrands"; - content: "\f4f8"; +.ts-icon.is-face-grin-stars-icon::before { + content: "\f587"; } -.ts-icon.is-sheet-plastic-icon::before { - content: "\e571"; +.ts-icon.is-accessible-icon-icon::before { + font-family: "IconsBrands"; + content: "\f368"; } -.ts-icon.is-clipboard-question-icon::before { - content: "\e4e3"; +.ts-icon.is-lyft-icon::before { + font-family: "IconsBrands"; + content: "\f3c3"; } -.ts-icon.is-file-csv-icon::before { - content: "\f6dd"; +.ts-icon.is-copyright-icon::before { + content: "\f1f9"; } diff --git a/docs/zh-tw/assets/tocas/iconset.css b/docs/zh-tw/assets/tocas/src/iconset.css similarity index 84% rename from docs/zh-tw/assets/tocas/iconset.css rename to docs/zh-tw/assets/tocas/src/iconset.css index d84379051..0f48a13e3 100644 --- a/docs/zh-tw/assets/tocas/iconset.css +++ b/docs/zh-tw/assets/tocas/src/iconset.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-iconset { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -16,14 +21,12 @@ Structure ========================================================================== */ -.ts-iconset .item { -} - .ts-iconset .ts-icon { width: 3rem; min-width: 3rem; height: 3rem; - background: var(--ts-gray-100); + background: var(--accent-color, var(--ts-gray-100)); + color: var(--accent-foreground-color, inherit); justify-content: center; align-items: center; font-size: 1.4rem; @@ -31,9 +34,6 @@ border-radius: 0.4rem; } -.ts-iconset .content { -} - .ts-iconset .content .title { font-weight: 500; line-height: 1.4; @@ -57,6 +57,7 @@ .ts-iconset.is-outlined .ts-icon { background: transparent; + color: var(--accent-color, inherit); border: 2px solid var(--ts-gray-300); box-sizing: border-box; } diff --git a/docs/en-us/assets/tocas/image.css b/docs/zh-tw/assets/tocas/src/image.css similarity index 97% rename from docs/en-us/assets/tocas/image.css rename to docs/zh-tw/assets/tocas/src/image.css index c3fdc68cc..6bbe4e65e 100644 --- a/docs/en-us/assets/tocas/image.css +++ b/docs/zh-tw/assets/tocas/src/image.css @@ -127,9 +127,6 @@ * Spaced */ -.ts-image:is(.is-spaced, .is-start-spaced, .is-end-spaced) { -} - .ts-image.is-spaced { margin-left: 0.45rem; margin-right: 0.45rem; diff --git a/docs/en-us/assets/tocas/imageset.css b/docs/zh-tw/assets/tocas/src/imageset.css similarity index 100% rename from docs/en-us/assets/tocas/imageset.css rename to docs/zh-tw/assets/tocas/src/imageset.css diff --git a/docs/en-us/assets/tocas/input.css b/docs/zh-tw/assets/tocas/src/input.css similarity index 98% rename from docs/en-us/assets/tocas/input.css rename to docs/zh-tw/assets/tocas/src/input.css index b9c8651b4..280b93a91 100644 --- a/docs/en-us/assets/tocas/input.css +++ b/docs/zh-tw/assets/tocas/src/input.css @@ -3,7 +3,7 @@ ========================================================================== */ .ts-input { - --border-radius: .4rem; + --border-radius: 0.4rem; --height: var(--ts-input-height-medium); } @@ -41,6 +41,7 @@ -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; + appearance: none; -webkit-appearance: none; } @@ -182,12 +183,6 @@ * Labeled */ -.ts-input.is-start-labeled, -.ts-input.is-end-labeled, -.ts-input.is-labeled { - /*display: flex;*/ -} - .ts-input:is(.is-start-labeled, .is-end-labeled, .is-labeled) :is(.input, .label) { border-radius: var(--border-radius); } diff --git a/docs/en-us/assets/tocas/list.css b/docs/zh-tw/assets/tocas/src/list.css similarity index 100% rename from docs/en-us/assets/tocas/list.css rename to docs/zh-tw/assets/tocas/src/list.css diff --git a/docs/zh-tw/assets/tocas/loading.css b/docs/zh-tw/assets/tocas/src/loading.css similarity index 84% rename from docs/zh-tw/assets/tocas/loading.css rename to docs/zh-tw/assets/tocas/src/loading.css index 8e9358b24..cf4e7c576 100644 --- a/docs/zh-tw/assets/tocas/loading.css +++ b/docs/zh-tw/assets/tocas/src/loading.css @@ -11,23 +11,30 @@ } } +.ts-loading { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ .ts-loading { + display: inline-block; + text-align: center; + color: var(--accent-color, var(--ts-gray-600)); +} + +.ts-loading::after { font-family: "Icons"; font-weight: normal; font-style: normal; - display: inline; text-decoration: inherit; - text-align: center; + display: inline-block; -webkit-font-smoothing: antialiased; backface-visibility: hidden; - display: inline-block; animation: ts-loading-spin 2s linear infinite; - - color: var(--ts-gray-600); font-size: 2rem; } @@ -51,23 +58,14 @@ content: "\f1ce"; } -/** - * Centered - */ - -.ts-loading.is-centered { - display: flex; - justify-content: center; -} - /** * Sizes */ -.ts-loading.is-small { +.ts-loading.is-small::after { font-size: 1rem; } -.ts-loading.is-large { +.ts-loading.is-large::after { font-size: 2.8rem; } diff --git a/docs/en-us/assets/tocas/mask.css b/docs/zh-tw/assets/tocas/src/mask.css similarity index 99% rename from docs/en-us/assets/tocas/mask.css rename to docs/zh-tw/assets/tocas/src/mask.css index 0a2671af9..61cdab58d 100644 --- a/docs/en-us/assets/tocas/mask.css +++ b/docs/zh-tw/assets/tocas/src/mask.css @@ -6,9 +6,6 @@ Base ========================================================================== */ -.ts-mask { -} - /* ========================================================================== Structure ========================================================================== */ diff --git a/docs/zh-tw/assets/tocas/menu.css b/docs/zh-tw/assets/tocas/src/menu.css similarity index 89% rename from docs/zh-tw/assets/tocas/menu.css rename to docs/zh-tw/assets/tocas/src/menu.css index 45c1855f6..fe666a1df 100644 --- a/docs/zh-tw/assets/tocas/menu.css +++ b/docs/zh-tw/assets/tocas/src/menu.css @@ -4,6 +4,8 @@ .ts-menu { --object-distance: 0.8rem; + --accent-color: initial; + --accent-foreground-color: initial; } /* ========================================================================== @@ -73,8 +75,8 @@ */ .ts-menu .item.is-active { - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } /** @@ -92,8 +94,8 @@ */ .ts-menu .item.is-selected { - background: var(--ts-primary-700); - color: var(--ts-white); + background: var(--accent-color, var(--ts-primary-700)); + color: var(--accent-foreground-color, var(--ts-white)); } /** diff --git a/docs/en-us/assets/tocas/meta.css b/docs/zh-tw/assets/tocas/src/meta.css similarity index 100% rename from docs/en-us/assets/tocas/meta.css rename to docs/zh-tw/assets/tocas/src/meta.css diff --git a/docs/en-us/assets/tocas/modal.css b/docs/zh-tw/assets/tocas/src/modal.css similarity index 100% rename from docs/en-us/assets/tocas/modal.css rename to docs/zh-tw/assets/tocas/src/modal.css diff --git a/docs/en-us/assets/tocas/notice.css b/docs/zh-tw/assets/tocas/src/notice.css similarity index 80% rename from docs/en-us/assets/tocas/notice.css rename to docs/zh-tw/assets/tocas/src/notice.css index 3c9be9b27..977fe5cec 100644 --- a/docs/en-us/assets/tocas/notice.css +++ b/docs/zh-tw/assets/tocas/src/notice.css @@ -2,14 +2,19 @@ Variables ========================================================================== */ +.ts-notice { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ .ts-notice { - background: var(--ts-gray-800); + background: var(--accent-color, var(--ts-gray-800)); border: 1px solid transparent; - color: var(--ts-gray-50); + color: var(--accent-foreground-color, var(--ts-gray-50)); display: block; padding: 0.45rem 1rem; font-size: var(--ts-font-size-14px); @@ -21,8 +26,8 @@ ========================================================================== */ .ts-notice .title { - background: var(--ts-gray-50); - color: var(--ts-gray-800); + background: var(--accent-foreground-color, var(--ts-gray-50)); + color: var(--accent-color, var(--ts-gray-800)); border-radius: 0.4rem; padding: 0.3rem 0.5rem; margin-right: 0.6rem; @@ -67,12 +72,12 @@ .ts-notice.is-outlined { background: transparent; border-color: var(--ts-gray-300); - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); } .ts-notice.is-outlined .title { - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } .ts-notice.is-outlined.is-negative .title { diff --git a/docs/zh-tw/assets/tocas/pagination.css b/docs/zh-tw/assets/tocas/src/pagination.css similarity index 92% rename from docs/zh-tw/assets/tocas/pagination.css rename to docs/zh-tw/assets/tocas/src/pagination.css index 461edc29b..b6e1c589b 100644 --- a/docs/zh-tw/assets/tocas/pagination.css +++ b/docs/zh-tw/assets/tocas/src/pagination.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-pagination { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -42,8 +47,8 @@ */ .ts-pagination .item.is-active { - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } /** diff --git a/docs/zh-tw/assets/tocas/placeholder.css b/docs/zh-tw/assets/tocas/src/placeholder.css similarity index 99% rename from docs/zh-tw/assets/tocas/placeholder.css rename to docs/zh-tw/assets/tocas/src/placeholder.css index bd0cfaaa0..b3a2e7881 100644 --- a/docs/zh-tw/assets/tocas/placeholder.css +++ b/docs/zh-tw/assets/tocas/src/placeholder.css @@ -21,9 +21,6 @@ Base ========================================================================== */ -.ts-placeholder { -} - /* ========================================================================== Structure ========================================================================== */ diff --git a/docs/en-us/assets/tocas/procedure.css b/docs/zh-tw/assets/tocas/src/procedure.css similarity index 80% rename from docs/en-us/assets/tocas/procedure.css rename to docs/zh-tw/assets/tocas/src/procedure.css index 3dd4c88fe..e9f04e518 100644 --- a/docs/en-us/assets/tocas/procedure.css +++ b/docs/zh-tw/assets/tocas/src/procedure.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-procedure { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -41,8 +46,7 @@ align-items: center; justify-content: center; font-weight: bold; - margin-right: 0.5rem; - + margin-right: 1rem; background: transparent; } @@ -66,15 +70,16 @@ font-weight: normal; } -.ts-procedure .item .line { +.ts-procedure .item::after { height: 2px; + content: ""; flex: 1 1 0%; background: var(--ts-gray-300); margin: 0 1rem; pointer-events: none; } -.ts-procedure .item:last-child .line { +.ts-procedure .item:last-child::after { display: none; } @@ -91,9 +96,9 @@ */ .ts-procedure .item.is-active .indicator { - background: var(--ts-gray-800); - border-color: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + border-color: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } /** @@ -110,7 +115,7 @@ margin-right: 0; } -.ts-procedure.is-stacked .item .line { +.ts-procedure.is-stacked .item::after { margin-bottom: 2rem; } @@ -120,7 +125,7 @@ .ts-procedure .item.is-processing .indicator { background: transparent; - border-color: var(--ts-gray-800); + border-color: var(--accent-color, var(--ts-gray-800)); color: var(--ts-gray-800); } @@ -128,8 +133,8 @@ * Completed */ -.ts-procedure .item.is-completed .line { - background: var(--ts-gray-800); +.ts-procedure .item.is-completed::after { + background: var(--accent-color, var(--ts-gray-800)); } .ts-procedure .item.is-completed .indicator { @@ -140,9 +145,9 @@ text-align: center; -webkit-font-smoothing: antialiased; backface-visibility: hidden; - background: var(--ts-gray-800); - border-color: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + border-color: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } .ts-procedure .item.is-completed .indicator::after, .ts-procedure .item.is-completed .indicator * { @@ -220,13 +225,13 @@ border-color: var(--ts-gray-200); } -.ts-procedure.is-unordered .item.is-completed .line { +.ts-procedure.is-unordered .item.is-completed::after { background: var(--ts-gray-300); } .ts-procedure.is-unordered .item.is-active .indicator { - background: var(--ts-gray-800); - border-color: var(--ts-gray-800); + background: var(--accent-color, var(--ts-gray-800)); + border-color: var(--accent-color, var(--ts-gray-800)); } .ts-procedure.is-unordered .item.is-completed .indicator { @@ -240,18 +245,18 @@ */ .ts-procedure.is-compact .item.is-completed .indicator { - background: var(--ts-gray-800); - border-color: var(--ts-gray-800); + background: var(--accent-color, var(--ts-gray-800)); + border-color: var(--accent-color, var(--ts-gray-800)); } .ts-procedure.is-compact .item.is-active .indicator { background: transparent; - border-color: var(--ts-gray-800); + border-color: var(--accent-color, var(--ts-gray-800)); } .ts-procedure.is-compact .item.is-active .indicator::after { content: ""; - background: var(--ts-gray-800); + background: var(--accent-color, var(--ts-gray-800)); position: absolute; top: 2px; left: 2px; @@ -279,14 +284,14 @@ width: 100%; } -.ts-procedure.is-vertical .item .line { +.ts-procedure.is-vertical .item::after { height: auto; min-height: 1.5rem; width: 2px; margin: 0.5rem 0 0.5rem 0.9rem; } -.ts-procedure.is-vertical.is-compact .item .line { +.ts-procedure.is-vertical.is-compact .item::after { margin: 0rem 0 0rem 0.4rem; } diff --git a/docs/zh-tw/assets/tocas/progress.css b/docs/zh-tw/assets/tocas/src/progress.css similarity index 94% rename from docs/zh-tw/assets/tocas/progress.css rename to docs/zh-tw/assets/tocas/src/progress.css index e5890b180..b01957b5a 100644 --- a/docs/zh-tw/assets/tocas/progress.css +++ b/docs/zh-tw/assets/tocas/src/progress.css @@ -37,6 +37,11 @@ } } +.ts-progress { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -56,8 +61,8 @@ display: inline-flex; align-items: center; justify-content: flex-end; - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); padding: 0rem 0.5rem; font-size: var(--ts-font-size-14px); border-radius: 0.4rem; @@ -76,9 +81,6 @@ * Active */ -.ts-progress.is-active .bar { -} - .ts-progress.is-active .bar::after { position: absolute; top: 0; diff --git a/docs/zh-tw/assets/tocas/quote.css b/docs/zh-tw/assets/tocas/src/quote.css similarity index 85% rename from docs/zh-tw/assets/tocas/quote.css rename to docs/zh-tw/assets/tocas/src/quote.css index 30b11ce08..89dc8c8fc 100644 --- a/docs/zh-tw/assets/tocas/quote.css +++ b/docs/zh-tw/assets/tocas/src/quote.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-quote { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -19,7 +24,7 @@ left: 0px; font-size: 5rem; font-family: Georgia, "Times New Roman", Times; - color: var(--ts-gray-300); + color: var(--accent-color, var(--ts-gray-300)); line-height: 1; } @@ -50,8 +55,8 @@ } .ts-quote.is-heading::before { - background: var(--ts-gray-100); - color: var(--ts-gray-800); + background: var(--accent-color, var(--ts-gray-100)); + color: var(--accent-foreground-color, var(--ts-gray-800)); border-radius: 50%; content: "”"; display: block; @@ -76,7 +81,7 @@ */ .ts-quote.is-secondary { - border-left: 5px solid var(--ts-gray-300); + border-left: 5px solid var(--accent-color, var(--ts-gray-300)); padding: 0 0 0 2rem; } diff --git a/docs/en-us/assets/tocas/radio.css b/docs/zh-tw/assets/tocas/src/radio.css similarity index 91% rename from docs/en-us/assets/tocas/radio.css rename to docs/zh-tw/assets/tocas/src/radio.css index 02c257cc6..f39de1af0 100644 --- a/docs/en-us/assets/tocas/radio.css +++ b/docs/zh-tw/assets/tocas/src/radio.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-radio { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -37,6 +42,7 @@ -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; + appearance: none; -webkit-appearance: none; } @@ -52,8 +58,8 @@ } .ts-radio input:checked { - background: var(--ts-primary-700); - border-color: var(--ts-primary-700); + background: var(--accent-color, var(--ts-primary-700)); + background: var(--accent-color, var(--ts-primary-700)); } .ts-radio input:focus { @@ -81,7 +87,7 @@ -webkit-font-smoothing: antialiased; backface-visibility: hidden; font-size: 1rem; - color: var(--ts-white); + color:var(--accent-foreground-color, var(--ts-white)); } .ts-radio input:checked::after { diff --git a/docs/en-us/assets/tocas/rating.css b/docs/zh-tw/assets/tocas/src/rating.css similarity index 65% rename from docs/en-us/assets/tocas/rating.css rename to docs/zh-tw/assets/tocas/src/rating.css index 79fb83276..240502fff 100644 --- a/docs/en-us/assets/tocas/rating.css +++ b/docs/zh-tw/assets/tocas/src/rating.css @@ -2,6 +2,12 @@ Variables ========================================================================== */ +.ts-rating { + --accent-color: initial; + --accent-foreground-color: initial; + --color: var(--accent-color, inherit); +} + /* ========================================================================== Base ========================================================================== */ @@ -24,25 +30,17 @@ .ts-rating :is(.star, .heart).is-active, .ts-rating.is-input :is(.star, .heart):checked, .ts-rating.is-input :is(.star, .heart):hover, -.ts-rating.is-input :is(.star, .heart):hover ~ :is(.star, .heart), -.ts-rating.is-input :is(.star, .heart):checked ~ :is(.star, .heart) { - color: inherit; +.ts-rating.is-input :is(.star, .heart):has(~ :is(.star, .heart):hover), +.ts-rating.is-input :is(.star, .heart):has(~ :is(.star, .heart):checked) { + color: var(--color); } -.ts-rating.is-yellow :is(.star, .heart).is-active, -.ts-rating.is-yellow.is-input :is(.star, .heart):checked, -.ts-rating.is-yellow.is-input :is(.star, .heart):hover, -.ts-rating.is-yellow.is-input :is(.star, .heart):hover ~ :is(.star, .heart), -.ts-rating.is-yellow.is-input :is(.star, .heart):checked ~ :is(.star, .heart) { - color: #e3c81b; +.ts-rating.is-yellow { + --color: #e3c81b; } -.ts-rating.is-red :is(.star, .heart).is-active, -.ts-rating.is-red.is-input :is(.star, .heart):checked, -.ts-rating.is-red.is-input :is(.star, .heart):hover, -.ts-rating.is-red.is-input :is(.star, .heart):hover ~ :is(.star, .heart), -.ts-rating.is-red.is-input :is(.star, .heart):checked ~ :is(.star, .heart) { - color: #ff1100; +.ts-rating.is-red { + --color: #ff1100; } .ts-rating :is(.star, .heart)::after, @@ -79,15 +77,7 @@ } .ts-rating .star.is-active.is-half::before { - color: var(--ts-gray-800); -} - -.ts-rating.is-yellow .star.is-active.is-half::before { - color: #e3c81b; -} - -.ts-rating.is-red .star.is-active.is-half::before { - color: #ff1100; + color: var(--color); } .ts-rating .star.is-active.is-half::before { @@ -100,13 +90,17 @@ } /** - * Input + * Disabled */ -.ts-rating.is-input { - flex-direction: row-reverse; +.ts-rating.is-disabled { + pointer-events: none; } +/** + * Input + */ + .ts-rating.is-input input { appearance: none; margin: 0; @@ -115,8 +109,9 @@ transition: color 0.1s ease, opacity 0.1s ease; } -.ts-rating.is-input input:hover:not(:focus) ~ input { - opacity: 0.8; +.ts-rating.is-input input:hover:not(:focus) ~ input, +.ts-rating.is-input input:hover:focus~input { + opacity: 0.7; } .ts-rating.is-input input:hover:not(:focus) { diff --git a/docs/zh-tw/assets/tocas/reboot.css b/docs/zh-tw/assets/tocas/src/reboot.css similarity index 91% rename from docs/zh-tw/assets/tocas/reboot.css rename to docs/zh-tw/assets/tocas/src/reboot.css index 38cd8531e..d0562b671 100644 --- a/docs/zh-tw/assets/tocas/reboot.css +++ b/docs/zh-tw/assets/tocas/src/reboot.css @@ -51,8 +51,8 @@ body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /** 4. */ font-family: "Noto Sans TC", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", "Microsoft JhengHei", wf_SegoeUI, "Segoe UI", - Segoe, "Segoe WP", Tahoma, Verdana, Ubuntu, "Bitstream Vera Sans", "DejaVu Sans", 微軟正黑體, "LiHei Pro", "WenQuanYi Micro Hei", "Droid Sans Fallback", - "AR PL UMing TW", Roboto, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", Meiryo, "Droid Sans", sans-serif; + Segoe, "Segoe WP", Tahoma, Verdana, Ubuntu, "Bitstream Vera Sans", "DejaVu Sans", 微軟正黑體, "LiHei Pro", "WenQuanYi Micro Hei", "Droid Sans Fallback", "AR PL UMing TW", + Roboto, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", Meiryo, "Droid Sans", sans-serif; } /** @@ -83,6 +83,7 @@ button { line-height: normal; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; + appearance: none; -webkit-appearance: none; cursor: pointer; user-select: none; @@ -109,6 +110,6 @@ button { margin-block-end: 0; } -[class*=ts-] :where(a) { +[class*="ts-"] :where(a) { color: inherit; } diff --git a/docs/zh-tw/assets/tocas/row.css b/docs/zh-tw/assets/tocas/src/row.css similarity index 97% rename from docs/zh-tw/assets/tocas/row.css rename to docs/zh-tw/assets/tocas/src/row.css index f731b2365..83cf9fadf 100644 --- a/docs/zh-tw/assets/tocas/row.css +++ b/docs/zh-tw/assets/tocas/src/row.css @@ -12,10 +12,6 @@ color: inherit; } -.ts-row .column { - /*flex-shrink: 0;*/ -} - /* ========================================================================== Variations ========================================================================== */ diff --git a/docs/zh-tw/assets/tocas/src/scripts/.prettierignore b/docs/zh-tw/assets/tocas/src/scripts/.prettierignore new file mode 100644 index 000000000..10948611f --- /dev/null +++ b/docs/zh-tw/assets/tocas/src/scripts/.prettierignore @@ -0,0 +1 @@ +*.min.* \ No newline at end of file diff --git a/docs/zh-tw/assets/tocas/src/scripts/floating-ui.min.js b/docs/zh-tw/assets/tocas/src/scripts/floating-ui.min.js new file mode 100644 index 000000000..9ca49a168 --- /dev/null +++ b/docs/zh-tw/assets/tocas/src/scripts/floating-ui.min.js @@ -0,0 +1,5 @@ +// 1.2.2 + +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).TocasFloatingUICore={})}(this,(function(t){"use strict";function e(t){return t.split("-")[1]}function n(t){return"y"===t?"height":"width"}function i(t){return t.split("-")[0]}function o(t){return["top","bottom"].includes(i(t))?"x":"y"}function r(t,r,a){let{reference:l,floating:s}=t;const f=l.x+l.width/2-s.width/2,c=l.y+l.height/2-s.height/2,u=o(r),m=n(u),d=l[m]/2-s[m]/2,g="x"===u;let p;switch(i(r)){case"top":p={x:f,y:l.y-s.height};break;case"bottom":p={x:f,y:l.y+l.height};break;case"right":p={x:l.x+l.width,y:c};break;case"left":p={x:l.x-s.width,y:c};break;default:p={x:l.x,y:l.y}}switch(e(r)){case"start":p[u]-=d*(a&&g?-1:1);break;case"end":p[u]+=d*(a&&g?-1:1)}return p}function a(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function l(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function s(t,e){var n;void 0===e&&(e={});const{x:i,y:o,platform:r,rects:s,elements:f,strategy:c}=t,{boundary:u="clippingAncestors",rootBoundary:m="viewport",elementContext:d="floating",altBoundary:g=!1,padding:p=0}=e,h=a(p),y=f[g?"floating"===d?"reference":"floating":d],x=l(await r.getClippingRect({element:null==(n=await(null==r.isElement?void 0:r.isElement(y)))||n?y:y.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(f.floating)),boundary:u,rootBoundary:m,strategy:c})),w="floating"===d?{...s.floating,x:i,y:o}:s.reference,v=await(null==r.getOffsetParent?void 0:r.getOffsetParent(f.floating)),b=await(null==r.isElement?void 0:r.isElement(v))&&await(null==r.getScale?void 0:r.getScale(v))||{x:1,y:1},R=l(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:w,offsetParent:v,strategy:c}):w);return{top:(x.top-R.top+h.top)/b.y,bottom:(R.bottom-x.bottom+h.bottom)/b.y,left:(x.left-R.left+h.left)/b.x,right:(R.right-x.right+h.right)/b.x}}const f=Math.min,c=Math.max;function u(t,e,n){return c(t,f(e,n))}const m=["top","right","bottom","left"],d=m.reduce(((t,e)=>t.concat(e,e+"-start",e+"-end")),[]),g={left:"right",right:"left",bottom:"top",top:"bottom"};function p(t){return t.replace(/left|right|bottom|top/g,(t=>g[t]))}function h(t,i,r){void 0===r&&(r=!1);const a=e(t),l=o(t),s=n(l);let f="x"===l?a===(r?"end":"start")?"right":"left":"start"===a?"bottom":"top";return i.reference[s]>i.floating[s]&&(f=p(f)),{main:f,cross:p(f)}}const y={start:"end",end:"start"};function x(t){return t.replace(/start|end/g,(t=>y[t]))}function w(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function v(t){return m.some((e=>t[e]>=0))}function b(t){return"x"===t?"y":"x"}t.arrow=t=>({name:"arrow",options:t,async fn(i){const{element:r,padding:l=0}=t||{},{x:s,y:f,placement:c,rects:m,platform:d,elements:g}=i;if(null==r)return{};const p=a(l),h={x:s,y:f},y=o(c),x=n(y),w=await d.getDimensions(r),v="y"===y,b=v?"top":"left",R=v?"bottom":"right",A=v?"clientHeight":"clientWidth",P=m.reference[x]+m.reference[y]-h[y]-m.floating[x],T=h[y]-m.reference[y],O=await(null==d.getOffsetParent?void 0:d.getOffsetParent(r));let E=O?O[A]:0;E&&await(null==d.isElement?void 0:d.isElement(O))||(E=g.floating[A]||m.floating[x]);const D=P/2-T/2,L=p[b],k=E-w[x]-p[R],C=E/2-w[x]/2+D,B=u(L,C,k),H=null!=e(c)&&C!=B&&m.reference[x]/2-(Ce(n)===t)),...o.filter((n=>e(n)!==t))]:o.filter((t=>i(t)===t))).filter((i=>!t||e(i)===t||!!n&&x(i)!==i))}(p||null,w,y):y,R=await s(n,v),A=(null==(o=f.autoPlacement)?void 0:o.index)||0,P=b[A];if(null==P)return{};const{main:T,cross:O}=h(P,l,await(null==u.isRTL?void 0:u.isRTL(m.floating)));if(c!==P)return{reset:{placement:b[0]}};const E=[R[i(P)],R[T],R[O]],D=[...(null==(r=f.autoPlacement)?void 0:r.overflows)||[],{placement:P,overflows:E}],L=b[A+1];if(L)return{data:{index:A+1,overflows:D},reset:{placement:L}};const k=D.map((t=>{const n=e(t.placement);return[t.placement,n&&g?t.overflows.slice(0,2).reduce(((t,e)=>t+e),0):t.overflows[0],t.overflows]})).sort(((t,e)=>t[1]-e[1])),C=(null==(a=k.filter((t=>t[2].slice(0,e(t[0])?2:3).every((t=>t<=0))))[0])?void 0:a[0])||k[0][0];return C!==c?{data:{index:A+1,overflows:D},reset:{placement:C}}:{}}}},t.computePosition=async(t,e,n)=>{const{placement:i="bottom",strategy:o="absolute",middleware:a=[],platform:l}=n,s=a.filter(Boolean),f=await(null==l.isRTL?void 0:l.isRTL(e));let c=await l.getElementRects({reference:t,floating:e,strategy:o}),{x:u,y:m}=r(c,i,f),d=i,g={},p=0;for(let n=0;nt+"-"+a)),n&&(l=l.concat(l.map(x)))),l}(f,v,w,P));const O=[f,...T],E=await s(n,b),D=[];let L=(null==(o=a.flip)?void 0:o.overflows)||[];if(m&&D.push(E[R]),d){const{main:t,cross:e}=h(r,l,P);D.push(E[t],E[e])}if(L=[...L,{placement:r,overflows:D}],!D.every((t=>t<=0))){var k,C;const t=((null==(k=a.flip)?void 0:k.index)||0)+1,e=O[t];if(e)return{data:{index:t,overflows:L},reset:{placement:e}};let n=null==(C=L.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:C.placement;if(!n)switch(y){case"bestFit":{var B;const t=null==(B=L.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:B[0];t&&(n=t);break}case"initialPlacement":n=f}if(r!==n)return{reset:{placement:n}}}return{}}}},t.hide=function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(e){const{strategy:n="referenceHidden",...i}=t,{rects:o}=e;switch(n){case"referenceHidden":{const t=w(await s(e,{...i,elementContext:"reference"}),o.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:v(t)}}}case"escaped":{const t=w(await s(e,{...i,altBoundary:!0}),o.floating);return{data:{escapedOffsets:t,escaped:v(t)}}}default:return{}}}}},t.inline=function(t){return void 0===t&&(t={}),{name:"inline",options:t,async fn(e){const{placement:n,elements:r,rects:s,platform:u,strategy:m}=e,{padding:d=2,x:g,y:p}=t,h=l(u.convertOffsetParentRelativeRectToViewportRelativeRect?await u.convertOffsetParentRelativeRectToViewportRelativeRect({rect:s.reference,offsetParent:await(null==u.getOffsetParent?void 0:u.getOffsetParent(r.floating)),strategy:m}):s.reference),y=await(null==u.getClientRects?void 0:u.getClientRects(r.reference))||[],x=a(d);const w=await u.getElementRects({reference:{getBoundingClientRect:function(){if(2===y.length&&y[0].left>y[1].right&&null!=g&&null!=p)return y.find((t=>g>t.left-x.left&&gt.top-x.top&&p=2){if("x"===o(n)){const t=y[0],e=y[y.length-1],o="top"===i(n),r=t.top,a=e.bottom,l=o?t.left:e.left,s=o?t.right:e.right;return{top:r,bottom:a,left:l,right:s,width:s-l,height:a-r,x:l,y:r}}const t="left"===i(n),e=c(...y.map((t=>t.right))),r=f(...y.map((t=>t.left))),a=y.filter((n=>t?n.left===r:n.right===e)),l=a[0].top,s=a[a.length-1].bottom;return{top:l,bottom:s,left:r,right:e,width:e-r,height:s-l,x:r,y:l}}return h}},floating:r.floating,strategy:m});return s.reference.x!==w.reference.x||s.reference.y!==w.reference.y||s.reference.width!==w.reference.width||s.reference.height!==w.reference.height?{reset:{rects:w}}:{}}}},t.limitShift=function(t){return void 0===t&&(t={}),{options:t,fn(e){const{x:n,y:r,placement:a,rects:l,middlewareData:s}=e,{offset:f=0,mainAxis:c=!0,crossAxis:u=!0}=t,m={x:n,y:r},d=o(a),g=b(d);let p=m[d],h=m[g];const y="function"==typeof f?f(e):f,x="number"==typeof y?{mainAxis:y,crossAxis:0}:{mainAxis:0,crossAxis:0,...y};if(c){const t="y"===d?"height":"width",e=l.reference[d]-l.floating[t]+x.mainAxis,n=l.reference[d]+l.reference[t]-x.mainAxis;pn&&(p=n)}if(u){var w,v;const t="y"===d?"width":"height",e=["top","left"].includes(i(a)),n=l.reference[g]-l.floating[t]+(e&&(null==(w=s.offset)?void 0:w[g])||0)+(e?0:x.crossAxis),o=l.reference[g]+l.reference[t]+(e?0:(null==(v=s.offset)?void 0:v[g])||0)-(e?x.crossAxis:0);ho&&(h=o)}return{[d]:p,[g]:h}}}},t.offset=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(n){const{x:r,y:a}=n,l=await async function(t,n){const{placement:r,platform:a,elements:l}=t,s=await(null==a.isRTL?void 0:a.isRTL(l.floating)),f=i(r),c=e(r),u="x"===o(r),m=["left","top"].includes(f)?-1:1,d=s&&u?-1:1,g="function"==typeof n?n(t):n;let{mainAxis:p,crossAxis:h,alignmentAxis:y}="number"==typeof g?{mainAxis:g,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...g};return c&&"number"==typeof y&&(h="end"===c?-1*y:y),u?{x:h*d,y:p*m}:{x:p*m,y:h*d}}(n,t);return{x:r+l.x,y:a+l.y,data:l}}}},t.rectToClientRect=l,t.shift=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:r,placement:a}=e,{mainAxis:l=!0,crossAxis:f=!1,limiter:c={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...m}=t,d={x:n,y:r},g=await s(e,m),p=o(i(a)),h=b(p);let y=d[p],x=d[h];if(l){const t="y"===p?"bottom":"right";y=u(y+g["y"===p?"top":"left"],y,y-g[t])}if(f){const t="y"===h?"bottom":"right";x=u(x+g["y"===h?"top":"left"],x,x-g[t])}const w=c.fn({...e,[p]:y,[h]:x});return{...w,data:{x:w.x-n,y:w.y-r}}}}},t.size=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(n){const{placement:r,rects:a,platform:l,elements:u}=n,{apply:m=(()=>{}),...d}=t,g=await s(n,d),p=i(r),h=e(r),y="x"===o(r),{width:x,height:w}=a.floating;let v,b;"top"===p||"bottom"===p?(v=p,b=h===(await(null==l.isRTL?void 0:l.isRTL(u.floating))?"start":"end")?"left":"right"):(b=p,v="end"===h?"top":"bottom");const R=w-g[v],A=x-g[b];let P=R,T=A;if(y?T=f(x-g.right-g.left,A):P=f(w-g.bottom-g.top,R),!n.middlewareData.shift&&!h){const t=c(g.left,0),e=c(g.right,0),n=c(g.top,0),i=c(g.bottom,0);y?T=x-2*(0!==t||0!==e?t+e:c(g.left,g.right)):P=w-2*(0!==n||0!==i?n+i:c(g.top,g.bottom))}await m({...n,availableWidth:T,availableHeight:P});const O=await l.getDimensions(u.floating);return x!==O.width||w!==O.height?{reset:{rects:!0}}:{}}}},Object.defineProperty(t,"__esModule",{value:!0})})); + +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@floating-ui/core")):"function"==typeof define&&define.amd?define(["exports","@floating-ui/core"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).TocasFloatingUIDOM={},t.TocasFloatingUICore)}(this,(function(t,e){"use strict";function n(t){var e;return(null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function o(t){return n(t).getComputedStyle(t)}const i=Math.min,r=Math.max,l=Math.round;function c(t){const e=o(t);let n=parseFloat(e.width),i=parseFloat(e.height);const r=t.offsetWidth,c=t.offsetHeight,f=l(n)!==r||l(i)!==c;return f&&(n=r,i=c),{width:n,height:i,fallback:f}}function f(t){return h(t)?(t.nodeName||"").toLowerCase():""}let s;function u(){if(s)return s;const t=navigator.userAgentData;return t&&Array.isArray(t.brands)?(s=t.brands.map((t=>t.brand+"/"+t.version)).join(" "),s):navigator.userAgent}function a(t){return t instanceof n(t).HTMLElement}function d(t){return t instanceof n(t).Element}function h(t){return t instanceof n(t).Node}function p(t){if("undefined"==typeof ShadowRoot)return!1;return t instanceof n(t).ShadowRoot||t instanceof ShadowRoot}function g(t){const{overflow:e,overflowX:n,overflowY:i,display:r}=o(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+n)&&!["inline","contents"].includes(r)}function m(t){return["table","td","th"].includes(f(t))}function y(t){const e=/firefox/i.test(u()),n=o(t),i=n.backdropFilter||n.WebkitBackdropFilter;return"none"!==n.transform||"none"!==n.perspective||!!i&&"none"!==i||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter||["transform","perspective"].some((t=>n.willChange.includes(t)))||["paint","layout","strict","content"].some((t=>{const e=n.contain;return null!=e&&e.includes(t)}))}function w(){return/^((?!chrome|android).)*safari/i.test(u())}function x(t){return["html","body","#document"].includes(f(t))}function b(t){return d(t)?t:t.contextElement}const v={x:1,y:1};function L(t){const e=b(t);if(!a(e))return v;const n=e.getBoundingClientRect(),{width:o,height:i,fallback:r}=c(e);let f=(r?l(n.width):n.width)/o,s=(r?l(n.height):n.height)/i;return f&&Number.isFinite(f)||(f=1),s&&Number.isFinite(s)||(s=1),{x:f,y:s}}function T(t,o,i,r){var l,c;void 0===o&&(o=!1),void 0===i&&(i=!1);const f=t.getBoundingClientRect(),s=b(t);let u=v;o&&(r?d(r)&&(u=L(r)):u=L(t));const a=s?n(s):window,h=w()&&i;let p=(f.left+(h&&(null==(l=a.visualViewport)?void 0:l.offsetLeft)||0))/u.x,g=(f.top+(h&&(null==(c=a.visualViewport)?void 0:c.offsetTop)||0))/u.y,m=f.width/u.x,y=f.height/u.y;if(s){const t=n(s),e=r&&d(r)?n(r):r;let o=t.frameElement;for(;o&&r&&e!==t;){const t=L(o),e=o.getBoundingClientRect(),i=getComputedStyle(o);e.x+=(o.clientLeft+parseFloat(i.paddingLeft))*t.x,e.y+=(o.clientTop+parseFloat(i.paddingTop))*t.y,p*=t.x,g*=t.y,m*=t.x,y*=t.y,p+=e.x,g+=e.y,o=n(o).frameElement}}return e.rectToClientRect({width:m,height:y,x:p,y:g})}function O(t){return((h(t)?t.ownerDocument:t.document)||window.document).documentElement}function R(t){return d(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function P(t){return T(O(t)).left+R(t).scrollLeft}function E(t){if("html"===f(t))return t;const e=t.assignedSlot||t.parentNode||p(t)&&t.host||O(t);return p(e)?e.host:e}function C(t){const e=E(t);return x(e)?e.ownerDocument.body:a(e)&&g(e)?e:C(e)}function j(t,e){var o;void 0===e&&(e=[]);const i=C(t),r=i===(null==(o=t.ownerDocument)?void 0:o.body),l=n(i);return r?e.concat(l,l.visualViewport||[],g(i)?i:[]):e.concat(i,j(i))}function F(t,i,l){let c;if("viewport"===i)c=function(t,e){const o=n(t),i=O(t),r=o.visualViewport;let l=i.clientWidth,c=i.clientHeight,f=0,s=0;if(r){l=r.width,c=r.height;const t=w();(!t||t&&"fixed"===e)&&(f=r.offsetLeft,s=r.offsetTop)}return{width:l,height:c,x:f,y:s}}(t,l);else if("document"===i)c=function(t){const e=O(t),n=R(t),i=t.ownerDocument.body,l=r(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),c=r(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let f=-n.scrollLeft+P(t);const s=-n.scrollTop;return"rtl"===o(i).direction&&(f+=r(e.clientWidth,i.clientWidth)-l),{width:l,height:c,x:f,y:s}}(O(t));else if(d(i))c=function(t,e){const n=T(t,!0,"fixed"===e),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=a(t)?L(t):{x:1,y:1};return{width:t.clientWidth*r.x,height:t.clientHeight*r.y,x:i*r.x,y:o*r.y}}(i,l);else{const e={...i};if(w()){var f,s;const o=n(t);e.x-=(null==(f=o.visualViewport)?void 0:f.offsetLeft)||0,e.y-=(null==(s=o.visualViewport)?void 0:s.offsetTop)||0}c=e}return e.rectToClientRect(c)}function D(t,e){return a(t)&&"fixed"!==o(t).position?e?e(t):t.offsetParent:null}function S(t,e){const i=n(t);let r=D(t,e);for(;r&&m(r)&&"static"===o(r).position;)r=D(r,e);return r&&("html"===f(r)||"body"===f(r)&&"static"===o(r).position&&!y(r))?i:r||function(t){let e=E(t);for(;a(e)&&!x(e);){if(y(e))return e;e=E(e)}return null}(t)||i}function W(t,e,n){const o=a(e),i=O(e),r=T(t,!0,"fixed"===n,e);let l={scrollLeft:0,scrollTop:0};const c={x:0,y:0};if(o||!o&&"fixed"!==n)if(("body"!==f(e)||g(i))&&(l=R(e)),a(e)){const t=T(e,!0);c.x=t.x+e.clientLeft,c.y=t.y+e.clientTop}else i&&(c.x=P(i));return{x:r.left+l.scrollLeft-c.x,y:r.top+l.scrollTop-c.y,width:r.width,height:r.height}}const A={getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:l,strategy:c}=t;const s="clippingAncestors"===n?function(t,e){const n=e.get(t);if(n)return n;let i=j(t).filter((t=>d(t)&&"body"!==f(t))),r=null;const l="fixed"===o(t).position;let c=l?E(t):t;for(;d(c)&&!x(c);){const t=o(c),e=y(c);"fixed"===t.position?r=null:(l?e||r:e||"static"!==t.position||!r||!["absolute","fixed"].includes(r.position))?r=t:i=i.filter((t=>t!==c)),c=E(c)}return e.set(t,i),i}(e,this._c):[].concat(n),u=[...s,l],a=u[0],h=u.reduce(((t,n)=>{const o=F(e,n,c);return t.top=r(o.top,t.top),t.right=i(o.right,t.right),t.bottom=i(o.bottom,t.bottom),t.left=r(o.left,t.left),t}),F(e,a,c));return{width:h.right-h.left,height:h.bottom-h.top,x:h.left,y:h.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:o}=t;const i=a(n),r=O(n);if(n===r)return e;let l={scrollLeft:0,scrollTop:0},c={x:1,y:1};const s={x:0,y:0};if((i||!i&&"fixed"!==o)&&(("body"!==f(n)||g(r))&&(l=R(n)),a(n))){const t=T(n);c=L(n),s.x=t.x+n.clientLeft,s.y=t.y+n.clientTop}return{width:e.width*c.x,height:e.height*c.y,x:e.x*c.x-l.scrollLeft*c.x+s.x,y:e.y*c.y-l.scrollTop*c.y+s.y}},isElement:d,getDimensions:function(t){return a(t)?c(t):t.getBoundingClientRect()},getOffsetParent:S,getDocumentElement:O,getScale:L,async getElementRects(t){let{reference:e,floating:n,strategy:o}=t;const i=this.getOffsetParent||S,r=this.getDimensions;return{reference:W(e,await i(n),o),floating:{x:0,y:0,...await r(n)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===o(t).direction};Object.defineProperty(t,"arrow",{enumerable:!0,get:function(){return e.arrow}}),Object.defineProperty(t,"autoPlacement",{enumerable:!0,get:function(){return e.autoPlacement}}),Object.defineProperty(t,"detectOverflow",{enumerable:!0,get:function(){return e.detectOverflow}}),Object.defineProperty(t,"flip",{enumerable:!0,get:function(){return e.flip}}),Object.defineProperty(t,"hide",{enumerable:!0,get:function(){return e.hide}}),Object.defineProperty(t,"inline",{enumerable:!0,get:function(){return e.inline}}),Object.defineProperty(t,"limitShift",{enumerable:!0,get:function(){return e.limitShift}}),Object.defineProperty(t,"offset",{enumerable:!0,get:function(){return e.offset}}),Object.defineProperty(t,"shift",{enumerable:!0,get:function(){return e.shift}}),Object.defineProperty(t,"size",{enumerable:!0,get:function(){return e.size}}),t.autoUpdate=function(t,e,n,o){void 0===o&&(o={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:l=!0,animationFrame:c=!1}=o,f=i&&!c,s=f||r?[...d(t)?j(t):t.contextElement?j(t.contextElement):[],...j(e)]:[];s.forEach((t=>{f&&t.addEventListener("scroll",n,{passive:!0}),r&&t.addEventListener("resize",n)}));let u,a=null;if(l){let o=!0;a=new ResizeObserver((()=>{o||n(),o=!1})),d(t)&&!c&&a.observe(t),d(t)||!t.contextElement||c||a.observe(t.contextElement),a.observe(e)}let h=c?T(t):null;return c&&function e(){const o=T(t);!h||o.x===h.x&&o.y===h.y&&o.width===h.width&&o.height===h.height||n();h=o,u=requestAnimationFrame(e)}(),n(),()=>{var t;s.forEach((t=>{f&&t.removeEventListener("scroll",n),r&&t.removeEventListener("resize",n)})),null==(t=a)||t.disconnect(),a=null,c&&cancelAnimationFrame(u)}},t.computePosition=(t,n,o)=>{const i=new Map,r={platform:A,...o},l={...r.platform,_c:i};return e.computePosition(t,n,{...r,platform:l})},t.getOverflowAncestors=j,t.platform=A,Object.defineProperty(t,"__esModule",{value:!0})})); \ No newline at end of file diff --git a/docs/zh-tw/assets/tocas/src/scripts/tocas.js b/docs/zh-tw/assets/tocas/src/scripts/tocas.js new file mode 100644 index 000000000..ede7a36f3 --- /dev/null +++ b/docs/zh-tw/assets/tocas/src/scripts/tocas.js @@ -0,0 +1,952 @@ +window.tocas = { + config: { + strict_responsive: false, + attributes: { + tab: "data-tab", + tab_name: "data-name", + toggle: "data-toggle", + toggle_name: "data-name", + dropdown: "data-dropdown", + dropdown_name: "data-name", + dropdown_position: "data-position", + tooltip: "data-tooltip", + tooltip_position: "data-position", + tooltip_delay: "data-delay", + }, + scopes: { + tab: "@scope", + toggle: "@scope", + tab: "@scope", + dropdown: "@scope", + container: "@container", + }, + classes: { + hidden: "u-hidden", + tab_active: "is-active", + tooltip_visible: "is-visible", + tab: "ts-tab", + }, + }, +}; + +// +(function () { + // @import "floating-ui.min.js"; + + /* ========================================================================== + Responsive + ========================================================================== */ + + class Responsive { + constructor() { + // 這個 ResizeObserver 會監聽所有 Container 的尺寸異動， + // 如果有異動就檢查裡面的所有響應式元素是否需要變動樣式。 + this.resize_observer = new ResizeObserver(entries => { + entries.forEach(entry => { + this.getAllContaineredElements(entry.target).forEach(element => { + this.check(element); + }); + }); + }); + } + + // attributeMutation + attributeMutation(mutation) { + // 如果有任何樣式異動，就馬上檢查這個元素的響應式渲染。 + // NOTE: 他目前會造成無限迴圈 :( + // this.check(mutation.target); + + // 如果這個元素被追加 Container 樣式，就把他視為容器來監聽尺寸異動， + // 但如果不再是 Container 的話，就從監聽裡移除。 + if (this.isContainer(mutation.target)) { + this.resize_observer.observe(mutation.target); + } else { + this.resize_observer.unobserve(mutation.target); + } + } + + // addedNodeMutation + addedNodeMutation(addedNode) { + // 如果這個追加的新元素帶有響應式樣式，就立即檢查響應式渲染。 + if (this.isResponsiveElement(addedNode)) { + this.check(addedNode); + } + + // 如果這個追加的新元素是一個 Container，就納入容器的尺寸監聽裡。 + if (this.isContainer(addedNode)) { + this.resize_observer.observe(addedNode); + } + } + + // getAllContaineredElements + getAllContaineredElements(container) { + return container.querySelectorAll(tocas.config.strict_responsive ? `[class^="@"]:is([class*=":is-"],[class*=":u-"])` : `[class^="@"][class*=":"]`); + } + + // getAllResponsiveElements + getAllResponsiveElements(container) { + return container.querySelectorAll(tocas.config.strict_responsive ? `[class*=":is-"],[class*=":u-"]` : `[class*=":"]`); + } + + // isContainer + isContainer(element) { + return element.matches(`[class~="${tocas.config.scopes.container}"]`); + } + + // isResponsiveElement + isResponsiveElement(element) { + return element.matches(tocas.config.strict_responsive ? `[class*=":is-"],[class*=":u-"]` : `[class*=":"]`); + } + + // hasResponsiveClass + hasResponsiveClass(class_name) { + return tocas.config.strict_responsive ? class_name.includes(":is-") || class_name.includes(":u-") : class_name.includes(":"); + } + + // windowResize + windowResize() { + this.getAllResponsiveElements(document).forEach(element => { + this.check(element); + }); + } + + // unit + unit(value) { + return parseInt(value, 10) || 0; + } + + // breakpointSize + breakpointSize(breakpoint, element) { + var style = window.getComputedStyle(element); + + return { + min: this.unit(style.getPropertyValue(`--ts-breakpoint-${breakpoint}-min`)), + max: this.unit(style.getPropertyValue(`--ts-breakpoint-${breakpoint}-max`)), + }; + } + + // rule + rule(rule, element) { + // 判斷規則有沒有 @ 開頭來看是不是一個 Container Query。 + // @breakpoint + var is_container_query = rule.startsWith("@"); + + // 判斷規則的結尾有沒有 + 來看是不是要求大於或等於這個中斷點。 + // breakpoint+, [size]+ + var is_equal_or_greater = rule.endsWith("+"); + + // 判斷規則的結尾有沒有 - 來看是不是要求小於或等於這個中斷點。 + // breakpoint-, [size]- + var is_equal_or_lesser = rule.endsWith("-"); + + // 判斷這個規則有沒有包含 [ 來看是不是一個自訂尺寸，不判斷開頭是因為開頭可能是 @ 一個 Container Query。 + // [size] + var is_custom_size = rule.includes("["); + + // 移除首要的 @ 符號。 + if (is_container_query) { + rule = rule.substring(1); + } + + // 移除結尾的 +, - 符號。 + if (is_equal_or_greater || is_equal_or_lesser) { + rule = rule.substring(0, rule.length - 1); + } + + // 移除首要跟結尾的 [ 跟 ] 符號。 + if (is_custom_size) { + rule = rule.substring(1).substring(0, rule.length - 1); + } + + // 從 breakpoint-breakpoint 結構中拆出 min, max 值，如果有的話。 + var [min_breakpoint, max_breakpoint] = rule.split("-"); + + // 如果是自訂尺寸的話，就直接把規則當作 Unit 去解析，不去讀元素的中斷點定義。 + if (is_custom_size) { + // 如果是大於或等於的定義，就從 Unit 裡面解析最小起始點，然後最大值設為 99999。 + // [size] + + if (is_equal_or_greater) { + return [this.unit(min_breakpoint), 99999]; + } + + // 如果是小於或等於的定義，最小值設為 0，然後 Unit 裡面的最小起始點就是目標最大值。 + // [size] - + if (is_equal_or_lesser) { + return [0, this.unit(min_breakpoint)]; + } + + // [minSize-maxSize] + return [this.unit(min_breakpoint), this.unit(max_breakpoint)]; + } + + // 從目前這個元素繼承的中斷點來搜尋最小的定義。 + var from = this.breakpointSize(min_breakpoint, element); + + // 如果這個規則有找到最大中斷點，那麼他就是 breakpoint-breakpoint 規則 + // 所以我們取得最大中斷點的像素定義，然後同時回傳最小跟最大的定義。 + if (max_breakpoint !== undefined) { + return [from.min, this.breakpointSize(max_breakpoint, element).max]; + } + + // 如果是大於或等於的定義，就從繼承的定義裡取得最小起始點，然後最大值設為 99999。 + // breakpoint+ + if (is_equal_or_greater) { + return [from.min, 99999]; + } + + // 如果是小於或等於的定義，最小值設為 0，然後繼承的定義裡，最小起始點就是目標最大值。 + // breakpoint- + if (is_equal_or_lesser) { + return [0, from.max]; + } + + // 如果這個定義不是大於也不是小於，就取得這個中斷點的最小與最大值定義， + // 這個規則只會在這個中斷點生效。 + // breakpoint + return [from.min, from.max]; + } + + // compile + compile(element) { + return Array.from(element.classList) + .filter(class_name => this.hasResponsiveClass(class_name)) + .map(class_name => { + // 透過 `:` 來切分規則跟想要切換的樣式名稱。 + var [rule, target_class] = class_name.split(":"); + + // 從規則解析這個樣式的中斷點起始與結束定義。 + var [min, max] = this.rule(rule, element); + + // 如果這個規則開頭有個 @ 符號，就尋找最近的 Container 容器來作為寬度判斷， + // 但如果沒有，就以視窗的 innerWidth 為主。 + // @breakpoint + var width = rule.startsWith("@") ? Math.round(element.closest(`[class~="${tocas.config.scopes.container}"]`).getBoundingClientRect().width) : Math.round(window.innerWidth); + + return { + min, + max, + width, + target_class, + }; + }); + } + + // check + check(element) { + // 這個陣列會用來記得我們在目前中斷點有哪些樣式是生效的， + // 這樣遇到不相符的中斷點，就不會因為起衝突然後又把他們移除掉。 + var applieds = []; + + // 篩選這個元素所有不含響應規則的樣式並且先把需要的樣式計算出相關中繼點來做整理。 + var compiled_list = this.compile(element); + + // 先跑一輪符合目前中斷點的樣式。 + compiled_list.forEach(({ width, min, max, target_class }) => { + // 如果寬度符合這個中斷點，就套用對應的樣式。 + if (width >= min && width <= max) { + element.classList.add(target_class); + + // 把這個樣式儲存到記憶陣列裡，這樣等一下就不會又移除他。 + applieds = [...applieds, target_class]; + } + }); + + // 另外跑一輪不相符的中斷點，檢查有哪些不對的樣式應該移除掉。 + compiled_list.forEach(({ width, min, max, target_class }) => { + // 如果寬度不符合這個中斷點，而且這個樣式也不是剛才追加的，就移除這個不符合條件的樣式。 + if ((width < min || width > max) && !applieds.includes(target_class)) { + element.classList.remove(target_class); + } + }); + } + } + + /* ========================================================================== + Stash + ========================================================================== */ + + /*class Stash { + constructor() {} + + // attributeMutation + attributeMutation(mutation) {} + + // addedNodeMutation + addedNodeMutation(addedNode) { + if (addedNode.matches(`[data-stash]`)) { + this.initial(addedNode); + } + } + + // initial + initial(element) { + if (element.classList.contains("is-init")) { + return; + } + element.classList.add("is-init"); + + var clone = element.cloneNode(true); + clone.classList.add("ts-stash"); + + var toggle_name = element.getAttribute("data-stash"); + + var toggle = document.querySelector(`[data-name="${toggle_name}"]`); + + if (toggle.closest("[data-stash]") === element) { + var width = document.querySelector(`[data-name="${toggle_name}"]`).getBoundingClientRect().width; + + clone.style.setProperty("--ts-stash-offset", `${width + 5}px`); + } + + element.after(clone); + + const observer = new IntersectionObserver( + (entries, owner) => { + entries.forEach(entry => { + var stash = entry.target.getAttribute("data-target"); + + if (entry.isIntersecting) { + element.querySelector(`[data-target="${stash}"]`).classList.remove(tocas.config.classes.hidden); + document.querySelector(`[data-name="${stash}"]`).classList.add(tocas.config.classes.hidden); + } else { + element.querySelector(`[data-target="${stash}"]`).classList.add(tocas.config.classes.hidden); + document.querySelector(`[data-name="${stash}"]`).classList.remove(tocas.config.classes.hidden); + } + + if (element.querySelectorAll(`.${tocas.config.classes.hidden}[data-target]`).length > 0) { + document.querySelector(`[data-name="${toggle_name}"]`).classList.remove(tocas.config.classes.hidden); + } else { + document.querySelector(`[data-name="${toggle_name}"]`).classList.add(tocas.config.classes.hidden); + } + }); + }, + { + root: clone, + rootMargin: "0px 0px 0px 0px", + threshold: [0.99], + } + ); + + clone.querySelectorAll("[data-target]").forEach(v => { + observer.observe(v); + }); + } + }*/ + + /* ========================================================================== + Tab + ========================================================================== */ + + class Tab { + constructor() {} + + // attributeMutation + attributeMutation(mutation) {} + + // addedNodeMutation + addedNodeMutation(addedNode) { + // 如果這個新追加的 DOM 節點是一個 Tab 模組，就監聽其點擊事件。 + if (this.isTab(addedNode)) { + // 監聽其點擊事件。 + this.bindEventListener(addedNode); + + // 如果這個項目沒有被啟用，就預設隱藏對應的內容，這樣使用者就不用額外手動隱藏該內容。 + this.initialTab(addedNode); + } + } + + // isTab + isTab(element) { + return element.matches(`[${tocas.config.attributes.tab}]`); + } + + // isActiveTab + isActiveTab(element) { + return element.classList.contains(tocas.config.classes.tab_active); + } + + // initialTab + initialTab(element) { + if (!this.isActiveTab(element)) { + searchScopeTargets(element, element.getAttribute(tocas.config.attributes.tab), tocas.config.scopes.tab, tocas.config.attributes.tab_name).forEach(target => { + target.classList.add(tocas.config.classes.hidden); + }); + } + } + + // toggle + toggle(event) { + // 有時候點擊按鈕可能是裡面的圖示觸發事件，所以要取得點擊後最鄰近的分頁模組。 + var element = event.target.closest(`[${tocas.config.attributes.tab}]`); + + // 取得這個分頁模組要切換的目標內容名稱。 + var tab_name = element.getAttribute(tocas.config.attributes.tab); + + // 取得這個分頁模組最鄰近的命名空間容器。 + var container = element.closest(`[class*="${tocas.config.scopes.tab}"]`) || document; + + // 取得這個 `.ts-tab` 的分頁群組元素。 + var tab_group_element = element.closest(".ts-tab"); + + // 建立一個陣列用來收集等一下所有不相關的分頁，這樣就可以一次關閉。 + var should_close = []; + + // 在同個分頁群組裡，透過掃描每個分頁項目來找出有哪些關聯的分頁內容名稱。 + tab_group_element.querySelectorAll(`[${tocas.config.attributes.tab}]`).forEach(v => { + // 如果這個項目就是我們要啟用的分頁，那就啟用這個項目。 + if (v.getAttribute(tocas.config.attributes.tab) === tab_name) { + v.classList.add(tocas.config.classes.tab_active); + } + + // 但如果這個項目不是我們要啟用的分頁。 + else { + // 收集這個項目的目標分頁名稱，等一下就能一次隱藏這些非目標內容。 + should_close = [...should_close, v.getAttribute(tocas.config.attributes.tab)]; + + // 移除這個項目的啟用狀態，因為這個項目本來就不是我們要啟用的。 + v.classList.remove(tocas.config.classes.tab_active); + } + }); + + // 在這個命名空間裡面處理對應的項目內容。 + container.querySelectorAll(`[${tocas.config.attributes.tab_name}]`).forEach(target => { + // 取得這個目標內容最鄰近的命名空間，若沒有則以 document 為主。 + var closest_container = target.closest(`[class*="${tocas.config.scopes.tab}"]`) || document; + + // 確定這個目標內容最鄰近的命名空間和目前操作的分頁群組是同個命名空間， + // 這樣就不會處理到其他子空間的分頁和目標。 + if (container !== closest_container) { + return; + } + + // 如果這個目標內容就是我們想要啟用的分頁目標，那就移除這個內容原先的隱藏樣式。 + if (target.getAttribute(tocas.config.attributes.tab_name) === tab_name) { + target.classList.remove(tocas.config.classes.hidden); + } + + // 但若這個內容目標包含在先前想要隱藏的清單內，那就隱藏這個內容目標。 + else if (should_close.includes(target.getAttribute(tocas.config.attributes.tab_name))) { + target.classList.add(tocas.config.classes.hidden); + } + }); + } + + // bindEventListener + bindEventListener(element) { + element.removeEventListener("click", this.toggle); + element.addEventListener("click", this.toggle); + } + } + + /* ========================================================================== + Toggle + ========================================================================== */ + + class Toggle { + // attributeMutation + attributeMutation(mutation) {} + + // addedNodeMutation + addedNodeMutation(addedNode) { + // 如果這個新追加的 DOM 節點是一個 Toggle 模組，就監聽其點擊事件。 + if (this.isToggle(addedNode)) { + this.bindEventListener(addedNode); + } + } + + // isToggle + isToggle(element) { + return element.matches(`[${tocas.config.attributes.toggle}]`); + } + + // toggle + toggle(event) { + // 有時候點擊按鈕可能是裡面的圖示觸發事件，所以要取得點擊後最鄰近的切換模組。 + var element = event.target.closest(`[${tocas.config.attributes.toggle}]`); + + // 透過 `:` 從規則裡切分出目標名稱還有欲切換的樣式名稱。 + var [name, class_name] = element.getAttribute(tocas.config.attributes.toggle).split(":"); + + // 尋找同個命名空間裡的所有目標，然後切換所有目標元素的指定樣式。 + searchScopeTargets(element, name, tocas.config.scopes.toggle, tocas.config.attributes.toggle_name).forEach(target => { + target.classList.toggle(class_name); + }); + } + + // bindEventListener + bindEventListener(element) { + element.removeEventListener("click", this.toggle.bind(this)); + element.addEventListener("click", this.toggle.bind(this)); + } + } + + /* ========================================================================== + Dropdown + ========================================================================== */ + + class Dropdown { + // attributeMutation + attributeMutation(mutation) {} + + // addedNodeMutation + addedNodeMutation(addedNode) { + // 如果這個追加的 DOM 元素是一個會觸發彈出式選單的元素，就監聽其點擊事件。 + if (this.isDropdownTrigger(addedNode)) { + this.bindEventListener(addedNode); + } + + // 如果這個追加的 DOM 元素是一個彈出式選單容器，就監聽其選項點擊事件。 + if (this.isDropdown(addedNode)) { + this.bindItemEventListener(addedNode); + } + } + + // isDropdownTrigger + isDropdownTrigger(element) { + return element.matches(`[${tocas.config.attributes.dropdown}]`); + } + + // isDropdown + isDropdown(element) { + return element.matches(`.ts-dropdown[${tocas.config.attributes.dropdown_name}]`); + } + + // position + position(element) { + return element.getAttribute(tocas.config.attributes.dropdown_position) || "bottom"; + } + + // windowClick + windowClick(event) { + // 取得這個視窗點擊最鄰近的 Dropdown 模組觸發元素。 + var closest_trigger = event.target.closest(`[${tocas.config.attributes.dropdown}]`); + + // 取得這個視窗點擊最鄰近的 Dropdown 容器本身。 + var closest_dropdown = event.target.closest(`[${tocas.config.attributes.dropdown_name}]`); + + // 如果這個點擊事件既沒有關聯任何觸發元素，也沒有在點擊任何 Dropdown 容器， + // 那使用者應該就是在點擊其他東西，所以關閉所有頁面上可見的彈出式選單。 + if (closest_trigger === null && closest_dropdown === null) { + document.querySelectorAll(`.ts-dropdown[${tocas.config.attributes.dropdown_name}]`).forEach(dropdown => { + this.closeDropdown(dropdown); + }); + } + + // 如果這個點擊事件是在點擊一個會開關 Dropdown 的觸發元素。 + if (closest_trigger !== null) { + // 取得這個觸發元素原本會打開的 Dropdown 名稱。 + var name = closest_trigger.getAttribute(tocas.config.attributes.dropdown); + + // 透過該名稱搜尋對應的 Dropdown。 + var local_dropdown = searchScopeTargets(closest_trigger, name, tocas.config.scopes.dropdown, tocas.config.attributes.dropdown_name)[0]; + + // 除了找到的這個對應 Dropdown 以外，關掉其他所有 Dropdown。 + this.closeDropdownsExcept(local_dropdown); + } + + // 如果這個點擊事件是在點擊某個 Dropdown 容器或內部的項目。 + if (closest_dropdown !== null) { + // 關閉這個 Dropdown 以外的其他所有 Dropdown。 + this.closeDropdownsExcept(closest_dropdown); + } + } + + // closeDropdownsExcept + closeDropdownsExcept(excluded_dropdown) { + document.querySelectorAll(`.ts-dropdown[${tocas.config.attributes.dropdown_name}]`).forEach(dropdown => { + if (dropdown !== excluded_dropdown) { + this.closeDropdown(dropdown); + } + }); + } + + // bindEventListener + bindEventListener(element) { + element.removeEventListener("click", this.clickEventListener.bind(this)); + element.addEventListener("click", this.clickEventListener.bind(this)); + } + + // bindItemEventListener + bindItemEventListener(element) { + element.removeEventListener("click", this.itemClickEventListener.bind(this)); + element.addEventListener("click", this.itemClickEventListener.bind(this)); + } + + // closeDropdown + closeDropdown(dropdown) { + // 如果這個元素不包含 `ts-dropdown` 或者也不是可見狀態，就忽略不計。 + if (!dropdown.classList.contains(".ts-dropdown") && !dropdown.classList.contains("is-visible")) { + return; + } + + // 移除這個彈出式選單的可見狀態。 + dropdown.classList.remove("is-visible"); + + // 如果這個彈出式選單有 FLoating UI 的清除函式，就呼叫該清除函式， + // 然後重設對應的 CSS 變數。 + if (dropdown.tocas_dropdown !== undefined) { + dropdown.tocas_dropdown(); + dropdown.tocas_dropdown = undefined; + dropdown.style.removeProperty("--ts-dropdown-min-width"); + dropdown.style.removeProperty("--ts-dropdown-position"); + } + } + + // itemClickEventListener + itemClickEventListener(event) { + // 取得這個點擊事件最鄰近的彈出式選單。 + var dropdown = event.target.closest(`.ts-dropdown[${tocas.config.attributes.dropdown_name}]`); + + // 如果找不到點擊事件最鄰近的選單項目， + // 那可能點擊的不是項目而是其他容器裡的東西，那就忽略這個動作。 + if (event.target.closest(".item") === null) { + return; + } + + // 項目點擊成功，關閉這個彈出式選單。 + this.closeDropdown(dropdown); + } + + // clickEventListener + clickEventListener(event) { + // + var element = event.target.closest(`[${tocas.config.attributes.dropdown}]`); + + // 取得這個觸發元素會切換的彈出式選單名稱。 + var name = element.getAttribute(tocas.config.attributes.dropdown); + + // 透過命名空間搜尋對應的彈出式選單。 + var target = searchScopeTargets(element, name, tocas.config.scopes.dropdown, tocas.config.attributes.dropdown_name)[0]; + + // 取得目標選單的偏好位置設定。 + var position = this.position(target); + + // 如果那個選單有 Floating UI 清除函式，就先清除並且重設相關位置設定。 + if (target.tocas_dropdown !== undefined) { + target.tocas_dropdown(); + target.tocas_dropdown = undefined; + target.style.removeProperty("--ts-dropdown-min-width"); + target.style.removeProperty("--ts-dropdown-position"); + } + + // 切換目標彈出式選單的可見度。 + target.classList.toggle("is-visible"); + + // 如果目標選單現在不再可見，就是被隱藏了，那就不需要執行接下來的行為。 + if (!target.classList.contains("is-visible")) { + return; + } + + // 設定選單的最小寬度和絕對位置，至少要跟切換觸發元素一樣寬。 + target.style.setProperty("--ts-dropdown-min-width", `${element.getBoundingClientRect().width}px`); + target.style.setProperty("--ts-dropdown-position", `fixed`); + + // 透過 Floating UI 來觸發浮動顯示。 + target.tocas_dropdown = TocasFloatingUIDOM.autoUpdate(element, target, () => { + TocasFloatingUIDOM.computePosition(element, target, { + strategy: "fixed", + placement: position, + middleware: [ + // 選單某面如果沒有空間就被擠兌到另一邊。 + TocasFloatingUIDOM.flip({ + crossAxis: false, + }), + + // 偏移選單的上下垂直留點空隙。 + TocasFloatingUIDOM.offset(8), + + // 選單會被螢幕左右推移，避免超出畫面空間。 + TocasFloatingUIDOM.shift(), + ], + }).then(({ x, y }) => { + // 賦予彈出式選單絕對位置。 + Object.assign(target.style, { + left: `${x}px`, + top: `${y}px`, + }); + }); + }); + } + } + + /* ========================================================================== + Tooltip + ========================================================================== */ + + class Tooltip { + // attributeMutation + attributeMutation(mutation) { + // 如果追加的屬性包含 Tooltip 模組相關字樣，就監聽其互動事件。 + if (this.isTooltip(mutation.target)) { + this.bindEventListener(mutation.target); + } + } + + // addedNodeMutation + addedNodeMutation(addedNode) { + // 如果追加的 DOM 節點是一個 Tooltip 模組就監聽其互動事件。 + if (this.isTooltip(addedNode)) { + this.bindEventListener(addedNode); + } + } + + // isTooltip + isTooltip(element) { + return element.matches(`[${tocas.config.attributes.tooltip}]`); + } + + // bindEventListener + bindEventListener(element) { + // 重設這個元素的彈出提示計時器。 + element.tocas_tooltip_timer = null; + + // 監聽滑鼠移入跟移出的事件。 + this.enterEventListener(element); + this.leaveEventListener(element); + } + + // delay + delay(element) { + // 從元素的屬性裡取得延遲的定義，如果是 0 就回傳 0。 + // 不直接丟給 parseInt 是因為可能會被當 false 值而回傳預設的 200ms。 + var delay = element.getAttribute(tocas.config.attributes.tooltip_delay); + if (delay === "0") { + return 0; + } + return parseInt(delay, 10) || 200; + } + + // position + position(element) { + return element.getAttribute(tocas.config.attributes.tooltip_position) || "bottom"; + } + + // enterEventListener + enterEventListener(element) { + element.addEventListener("mouseover", event => { + // 如果目前的裝置是觸控裝置就忽略工具提示的觸發行為。 + if (window.matchMedia("(pointer: coarse)").matches) { + return; + } + + // 如果上一個工具提示的觸發計時器還存在或浮動元素還在的話，就忽略本次觸發行為， + // 避免二次觸發而造成不可預期的錯誤。 + if (element.tocas_tooltip_timer !== null || element.tocas_tooltip !== undefined) { + return; + } + + // 初始化一個會顯示工具提示的計時器，這樣滑鼠移入的數秒後就會顯示。 + element.tocas_tooltip_timer = setTimeout(() => { + this.showTooltip(element); + }, this.delay(element) + 1); + }); + } + + // leaveEventListener + leaveEventListener(element) { + element.addEventListener("mouseleave", event => { + // 如果離開的元素不是主元素就忽略， + // 如：使用者可能是離開了裡面的圖示元素，但滑鼠其實還在主元素裡。 + if (event.target !== element) { + return; + } + + // 如果浮動元素存在的話，就呼叫浮動元素的解除函式，然後歸零這個變數。 + if (element.tocas_tooltip !== undefined) { + element.tocas_tooltip(); + element.tocas_tooltip = undefined; + } + + // 如果原先的計時器存在的話，就先重設，避免重複觸發。 + if (element.tocas_tooltip_timer !== null) { + clearTimeout(element.tocas_tooltip_timer); + element.tocas_tooltip_timer = null; + } + + // 移除頁面上的所有工具提示。 + document.querySelectorAll(".ts-tooltip").forEach(tooltip => { + tooltip.remove(); + }); + }); + } + + // createTooltip + createTooltip(element, arrow) { + var tooltip = document.createElement("div"); + tooltip.innerText = element.getAttribute(tocas.config.attributes.tooltip); + tooltip.classList.add("ts-tooltip", tocas.config.classes.tooltip_visible); + tooltip.appendChild(arrow); + return tooltip; + } + + // createArrow + createArrow() { + var arrow = document.createElement("div"); + arrow.classList.add("arrow"); + return arrow; + } + + // showTooltip + showTooltip(element) { + // 取得這個工具提示的位置設定。 + var position = this.position(element); + + // 初始化工具提示的箭頭 DOM 元素。 + var arrow = this.createArrow(); + + // 使用剛才建立的箭頭元素來初始化工具提示本身的 DOM 元素。 + var tooltip = this.createTooltip(element, arrow); + + // 將工具提示插入到網頁中。 + document.body.appendChild(tooltip); + + // 使用 FloatingUI 來初始化工具提示的浮動元素。 + element.tocas_tooltip = TocasFloatingUIDOM.autoUpdate(element, tooltip, () => { + TocasFloatingUIDOM.computePosition(element, tooltip, { + strategy: "fixed", + placement: position, + middleware: [ + // 下面過窄時會擠兌到上面。 + TocasFloatingUIDOM.flip({ + crossAxis: false, + }), + + // 因為有箭頭所以上下軸要偏移 10px， + // 而容器有外距（詳見 CSS）所以左右要偏移 15px。 + TocasFloatingUIDOM.offset({ + crossAxis: -15, + mainAxis: 10, + }), + + // 會被螢幕左右推移。 + TocasFloatingUIDOM.shift(), + + // 有箭頭。 + TocasFloatingUIDOM.arrow({ + element: arrow, + }), + ], + }).then(({ middlewareData, x, y, placement }) => { + // 賦予工具提示絕對座標。 + Object.assign(tooltip.style, { + left: `${x}px`, + top: `${y}px`, + }); + + // 設置箭頭的水平座標，因為箭頭只會出現在上面或下面，所以不需要 y 座標。 + if (middlewareData.arrow) { + const { x } = middlewareData.arrow; + arrow.style.setProperty("--ts-tooltip-x", x != null ? `${x}px` : "0"); + } + + // 先移除先前的所有位置設定，再套用新的位置設定。 + if (placement) { + tooltip.classList.remove("is-top", "is-top-start", "is-top-end", "is-bottom", "is-bottom-start", "is-bottom-end"); + tooltip.classList.add(`is-${placement}`); + } + }); + }); + } + } + + /* ========================================================================== + Base + ========================================================================== */ + + // searchScopeTargets + function searchScopeTargets(element, name, scope_attribute, name_attribute) { + // 找尋這個元素最鄰近的命名空間容器。 + var container = element.closest(`[class*="${scope_attribute}"]`) || document; + + // 在命名空間裡找尋目標元素，但是這個目標元素 + // + // NOTE: 這裡的 item.closest(`[class*="${scope_attribute}"]`) 可能要對應 === container， + // 主要取決之後對命名空間的寬鬆度設計如何。 + // + // 例如：A 命名空間裡有 B 跟 C 子空間，B 可以呼叫同為 A 空間裡的 C 空間裡的元素嗎？ + var targets = Array.from(container.querySelectorAll(`[${name_attribute}="${name}"]`)).filter(item => { + return item.closest(`[class*="${scope_attribute}"]`) || document === container; + }); + + // 如果有找到元素則回傳。 + if (targets.length > 0) { + return targets; + } + + // 如果已經找到最上層了還是什麼結果都沒有，就回傳空陣列，讓其他程式報錯。 + if (container === document) { + return []; + } + + // 如果這一層找不到東西，就遞迴網更上面的命名空間來搜尋。 + return this.searchScopeTargets(container.parentNode, name, scope_attribute, name_attribute); + } + + // responsiveModule + var responsiveModule = new Responsive(); + + // tabModule + var tabModule = new Tab(); + + // toggleModule + var toggleModule = new Toggle(); + + // dropdownModule + var dropdownModule = new Dropdown(); + + // tooltipModule + var tooltipModule = new Tooltip(); + + // stashModule + // var stashModule = new Stash(); + + var mutation_observer = new MutationObserver(function (mutations) { + mutations.forEach(function (mutation) { + if (mutation.type === "attributes") { + responsiveModule.attributeMutation(mutation); + tabModule.attributeMutation(mutation); + toggleModule.attributeMutation(mutation); + dropdownModule.attributeMutation(mutation); + tooltipModule.attributeMutation(mutation); + // stashModule.attributeMutation(mutation); + } else if (mutation.addedNodes && mutation.addedNodes.length) { + mutation.addedNodes.forEach(function (addedNode) { + if (addedNode.nodeType !== Node.ELEMENT_NODE) { + return; + } + responsiveModule.addedNodeMutation(addedNode); + tabModule.addedNodeMutation(addedNode); + toggleModule.addedNodeMutation(addedNode); + dropdownModule.addedNodeMutation(addedNode); + tooltipModule.addedNodeMutation(addedNode); + // stashModule.addedNodeMutation(addedNode); + }); + } + }); + }); + + // + mutation_observer.observe(document.documentElement, { + childList: true, + subtree: true, + attributes: true, + attributeOldValue: true, + attributeFilter: ["class"], + }); + + /** + * Window Resize + */ + + window.addEventListener("resize", event => { + responsiveModule.windowResize(event); + }); + + /** + * Window Click + */ + + window.addEventListener("click", event => { + dropdownModule.windowClick(event); + }); +})(); diff --git a/docs/en-us/assets/tocas/segment.css b/docs/zh-tw/assets/tocas/src/segment.css similarity index 94% rename from docs/en-us/assets/tocas/segment.css rename to docs/zh-tw/assets/tocas/src/segment.css index b10c2bf26..049fcd184 100644 --- a/docs/en-us/assets/tocas/segment.css +++ b/docs/zh-tw/assets/tocas/src/segment.css @@ -2,6 +2,12 @@ Variables ========================================================================== */ +.ts-segment { + --accent-color: initial; + --accent-foreground-color: initial; + --ts-indicator-color: var(--accent-color, var(--ts-gray-900)); +} + /* ========================================================================== Base ========================================================================== */ @@ -16,8 +22,6 @@ padding: 1rem; box-sizing: border-box; background: var(--ts-gray-50); - - --ts-indicator-color: var(--ts-gray-900); } a.ts-segment:hover { diff --git a/docs/zh-tw/assets/tocas/select.css b/docs/zh-tw/assets/tocas/src/select.css similarity index 91% rename from docs/zh-tw/assets/tocas/select.css rename to docs/zh-tw/assets/tocas/src/select.css index 16083d853..aa401d595 100644 --- a/docs/zh-tw/assets/tocas/select.css +++ b/docs/zh-tw/assets/tocas/src/select.css @@ -21,7 +21,6 @@ height: var(--height); } - /* ========================================================================== Structure ========================================================================== */ @@ -41,6 +40,7 @@ -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; + appearance: none; -webkit-appearance: none; } @@ -114,6 +114,34 @@ Variations ========================================================================== */ +/** + * Multiple + */ + +.ts-select.is-multiple { + height: auto; +} + +.ts-select.is-multiple::after { + content: none; +} + +.ts-select select[multiple] { + padding: 0.5rem 0.5rem; + overflow-y: auto; +} + +.ts-select select[multiple] option { + border-radius: 0.4rem; + padding: 0.3rem 0.5rem; + margin: 0.1rem 0; +} + +.ts-select select[multiple] option:checked { + background: var(--ts-primary-700); + color: var(--ts-white); +} + /** * Solid */ diff --git a/docs/zh-tw/assets/tocas/selection.css b/docs/zh-tw/assets/tocas/src/selection.css similarity index 91% rename from docs/zh-tw/assets/tocas/selection.css rename to docs/zh-tw/assets/tocas/src/selection.css index 8bb882ced..b1fc14bd1 100644 --- a/docs/zh-tw/assets/tocas/selection.css +++ b/docs/zh-tw/assets/tocas/src/selection.css @@ -4,6 +4,8 @@ .ts-selection { --height: var(--ts-input-height-medium); + --accent-color: initial; + --accent-foreground-color: initial; } /* ========================================================================== @@ -49,9 +51,9 @@ } .ts-selection input:checked + .text { - background: var(--ts-primary-700); - border-color: var(--ts-primary-700); - color: var(--ts-white); + background: var(--accent-color, var(--ts-primary-700)); + border-color: var(--accent-color, var(--ts-primary-700)); + color: var(--accent-foreground-color, var(--ts-white)); } /* ========================================================================== diff --git a/docs/zh-tw/assets/tocas/snackbar.css b/docs/zh-tw/assets/tocas/src/snackbar.css similarity index 98% rename from docs/zh-tw/assets/tocas/snackbar.css rename to docs/zh-tw/assets/tocas/src/snackbar.css index 7da7c81b2..fed4438d3 100644 --- a/docs/zh-tw/assets/tocas/snackbar.css +++ b/docs/zh-tw/assets/tocas/src/snackbar.css @@ -42,6 +42,7 @@ -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; + appearance: none; -webkit-appearance: none; margin-left: 2rem; diff --git a/docs/en-us/assets/tocas/space.css b/docs/zh-tw/assets/tocas/src/space.css similarity index 100% rename from docs/en-us/assets/tocas/space.css rename to docs/zh-tw/assets/tocas/src/space.css diff --git a/docs/zh-tw/assets/tocas/center.css b/docs/zh-tw/assets/tocas/src/stash.css similarity index 59% rename from docs/zh-tw/assets/tocas/center.css rename to docs/zh-tw/assets/tocas/src/stash.css index a6d07a9b9..23c0dac6e 100644 --- a/docs/zh-tw/assets/tocas/center.css +++ b/docs/zh-tw/assets/tocas/src/stash.css @@ -6,13 +6,14 @@ Base ========================================================================== */ -.ts-center { - display: flex; - align-items: center; - justify-content: center; - height: 100%; - width: 100%; - margin: 0; - flex-direction: column; - color: inherit; -} +.ts-stash { + position: absolute; + top: 0; + left: 0; + width: calc(100% - var(--ts-stash-offset, 5px)); + visibility: hidden; + pointer-events: none; + flex-wrap: nowrap; + overflow: hidden; + white-space: nowrap; +} \ No newline at end of file diff --git a/docs/zh-tw/assets/tocas/statistic.css b/docs/zh-tw/assets/tocas/src/statistic.css similarity index 95% rename from docs/zh-tw/assets/tocas/statistic.css rename to docs/zh-tw/assets/tocas/src/statistic.css index 119055287..78a2d5b06 100644 --- a/docs/zh-tw/assets/tocas/statistic.css +++ b/docs/zh-tw/assets/tocas/src/statistic.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-statistic { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -23,6 +28,7 @@ font-weight: 500; line-height: 1.4; align-items: center; + color: var(--accent-color, inherit); } .ts-statistic .unit { diff --git a/docs/zh-tw/assets/tocas/switch.css b/docs/zh-tw/assets/tocas/src/switch.css similarity index 91% rename from docs/zh-tw/assets/tocas/switch.css rename to docs/zh-tw/assets/tocas/src/switch.css index f97337d07..6418e6a45 100644 --- a/docs/zh-tw/assets/tocas/switch.css +++ b/docs/zh-tw/assets/tocas/src/switch.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-switch { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -52,10 +57,11 @@ } .ts-switch input:checked::after { - background: var(--ts-primary-700); + background: var(--accent-color, var(--ts-primary-700)); } .ts-switch input:checked::before { + background: var(--accent-foreground-color, var(--ts-white)); left: 19px; } diff --git a/docs/en-us/assets/tocas/tab.css b/docs/zh-tw/assets/tocas/src/tab.css similarity index 89% rename from docs/en-us/assets/tocas/tab.css rename to docs/zh-tw/assets/tocas/src/tab.css index 0ac2d50df..1106a3ae4 100644 --- a/docs/en-us/assets/tocas/tab.css +++ b/docs/zh-tw/assets/tocas/src/tab.css @@ -4,6 +4,8 @@ .ts-tab { --horizontal-padding-multiplier: 1; + --accent-color: initial; + --accent-foreground-color: initial; } /* ========================================================================== @@ -43,7 +45,7 @@ */ .ts-tab .item.is-active { - border-bottom-color: var(--ts-gray-800); + border-bottom-color: var(--accent-color, var(--ts-gray-800)); cursor: default; } @@ -76,13 +78,13 @@ } .ts-tab.is-pilled .item.is-active { - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } .ts-tab.is-pilled.is-secondary .item.is-active { background: var(--ts-gray-200); - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); } /** @@ -126,8 +128,8 @@ } .ts-tab.is-segmented .item.is-active { - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } /** diff --git a/docs/en-us/assets/tocas/table.css b/docs/zh-tw/assets/tocas/src/table.css similarity index 92% rename from docs/en-us/assets/tocas/table.css rename to docs/zh-tw/assets/tocas/src/table.css index 472187b96..f495e8175 100644 --- a/docs/en-us/assets/tocas/table.css +++ b/docs/zh-tw/assets/tocas/src/table.css @@ -305,26 +305,44 @@ .ts-table.is-padded tbody tr td { padding: 1rem 1.5rem; } - .ts-table.is-padded :is(thead, tfoot) tr th { padding: 1rem 1.5rem; } - .ts-table.is-horizontally-padded tbody tr td { padding-left: 1.5rem; padding-right: 1.5rem; } - .ts-table.is-horizontally-padded :is(thead, tfoot) tr th { padding-left: 1.5rem; padding-right: 1.5rem; } - -.ts-table td.is-padded { - padding: 1rem; +.ts-table tbody tr td.is-vertically-padded { + padding-top: 1rem; + padding-bottom: 1rem; } +.ts-table tbody tr td.is-padded { + padding: 1rem 1.5rem; +} .ts-table tbody tr td.is-vertically-padded { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + padding-top: 1rem; + padding-bottom: 1rem; +} +.ts-table tbody tr td.is-horizontally-padded { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +/** + * Fitted + */ + +.ts-table.is-fitted :is(thead, tfoot) tr th { + padding: 0; +} +.ts-table.is-fitted tbody tr td { + padding: 0; +} +.ts-table tbody tr td.is-fitted { + padding: 0; } \ No newline at end of file diff --git a/docs/en-us/assets/tocas/text.css b/docs/zh-tw/assets/tocas/src/text.css similarity index 94% rename from docs/en-us/assets/tocas/text.css rename to docs/zh-tw/assets/tocas/src/text.css index 3d8431b2d..373aa9948 100644 --- a/docs/en-us/assets/tocas/text.css +++ b/docs/zh-tw/assets/tocas/src/text.css @@ -2,12 +2,17 @@ Variables ========================================================================== */ +.ts-text { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ .ts-text { - color: inherit; + color: var(--accent-color, inherit); } /* ========================================================================== @@ -29,14 +34,14 @@ * Line Clamps */ -.ts-text:is(.is-1-line, .is-2-lines, .is-3-lines, .is-4-lines, .is-5-lines) { +.ts-text:is(.is-1-lines, .is-2-lines, .is-3-lines, .is-4-lines, .is-5-lines) { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } -.ts-text.is-1-line { +.ts-text.is-1-lines { -webkit-line-clamp: 1; } @@ -109,7 +114,7 @@ */ .ts-text.is-link.is-link.is-link { - color: var(--ts-link-700); + color: var(--accent-color, var(--ts-link-700)); } .ts-text.is-link { text-decoration: underline; diff --git a/docs/zh-tw/assets/tocas/src/timeline.css b/docs/zh-tw/assets/tocas/src/timeline.css new file mode 100644 index 000000000..85dc03422 --- /dev/null +++ b/docs/zh-tw/assets/tocas/src/timeline.css @@ -0,0 +1,215 @@ +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-timeline { + --ts-timeline-top-line-height: 14px; + --ts-timeline-top-distance: calc(var(--ts-timeline-top-line-height) + 2px); + --ts-timeline-content-distance: 1rem; + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-timeline { + display: grid; + grid-template-columns: min-content min-content auto; + gap: 0rem 1rem; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +/** + * Item + */ + +.ts-timeline > .item { + display: contents; +} + +.ts-timeline > .item.is-secondary { + --ts-timeline-top-line-height: 2px; + --ts-timeline-top-distance: calc(var(--ts-timeline-top-line-height) - 4px); +} + +.ts-timeline > .item:first-child, +.ts-timeline > .item.is-break + .item { + --ts-timeline-top-distance: 0; +} + +/** + * Aside + */ + +.ts-timeline > .item .aside { + margin-top: var(--ts-timeline-top-distance); + margin-bottom: 0.5rem; + white-space: nowrap; + text-align: right; +} + +/** + * Indicator + */ + +.ts-timeline > .item .indicator { + display: flex; + flex-direction: column; + align-items: center; + gap: 2px; + grid-column: 1 / 3; +} + +.ts-timeline > .item .aside + .indicator { + grid-column: 2 / 3; +} + +.ts-timeline > .item.is-break + .item.is-secondary .indicator, +.ts-timeline > .item.is-secondary:first-child .indicator { + margin-top: 6px; +} + +.ts-timeline > .item .indicator::before { + display: block; + content: ""; + background: var(--ts-gray-300); + pointer-events: none; + min-height: var(--ts-timeline-top-line-height); + width: 2px; +} + +.ts-timeline > .item .indicator::after { + display: block; + flex: 1; + content: ""; + background: var(--ts-gray-300); + pointer-events: none; + min-height: 0; + height: 100%; + width: 2px; +} + +.ts-timeline > .item:last-child .indicator::after { + display: none; +} + +.ts-timeline > .item:first-child .indicator::before, +.ts-timeline > .item.is-break + .item .indicator::before { + display: none; +} + +.ts-timeline > .item:last-child .content, +.ts-timeline > .item.is-break + .item .content { + margin-bottom: 0; +} + +/** + * Content + */ + +.ts-timeline > .item .content { + flex: 1; + margin-top: var(--ts-timeline-top-distance); + margin-bottom: var(--ts-timeline-content-distance); +} + +/** + * Break + */ + +.ts-timeline > .item.is-break { + display: flex; + grid-column: 1 / 4; + height: 4px; + background: var(--ts-gray-300); +} + +.ts-timeline > .item.is-break:not(:last-child) { + margin-bottom: var(--ts-timeline-content-distance); +} + + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Icon Indicator + */ + +.ts-timeline > .item .indicator .ts-icon { + aspect-ratio: 1/1; + width: 30px; + height: 30px; + font-size: var(--ts-font-size-14px); + display: flex; + align-items: center; + justify-content: center; + line-height: 1; + background: var(--ts-gray-100); + border-radius: 100rem; + color: var(--ts-gray-600); +} + +.ts-timeline > .item.is-secondary .indicator .ts-icon { + aspect-ratio: 1/1; + width: 16px; + height: 16px; + background: initial; +} + +.ts-timeline > .item .indicator.is-icon ~ .content::after { + width: 3px; + left: -45px; +} + +/** + * Negative + */ + +.ts-timeline > .item.is-negative .indicator .ts-icon { + background: var(--ts-negative-500); + color: var(--ts-white); +} + +.ts-timeline > .item.is-negative.is-secondary .indicator .ts-icon { + background: initial; + color: var(--ts-negative-500); +} + +/** + * Active + */ + +.ts-timeline > .item.is-active .indicator .ts-icon { + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); +} + +.ts-timeline > .item.is-active.is-secondary .indicator .ts-icon { + background: initial; + color: var(--ts-gray-800); +} + +/** + * Disabled + */ + +.ts-timeline > .item.is-disabled :is(.aside, .content, .indicator) { + pointer-events: none; + opacity: 0.5; + user-select: none; +} + +/** + * Compact + */ + +.ts-timeline.is-compact { + --ts-timeline-content-distance: 0.5rem; +} diff --git a/docs/en-us/assets/tocas/tocas.css b/docs/zh-tw/assets/tocas/src/tocas.css similarity index 86% rename from docs/en-us/assets/tocas/tocas.css rename to docs/zh-tw/assets/tocas/src/tocas.css index 1a7ac7d5f..3ba31c96c 100644 --- a/docs/en-us/assets/tocas/tocas.css +++ b/docs/zh-tw/assets/tocas/src/tocas.css @@ -39,7 +39,6 @@ @import "./app-navbar.css"; @import "./snackbar.css"; @import "./accordion.css"; -@import "./notification.css"; @import "./mask.css"; @import "./placeholder.css"; @import "./header.css"; @@ -54,12 +53,18 @@ @import "./checklist.css"; @import "./imageset.css"; @import "./iconset.css"; -@import "./app-statusbar.css"; @import "./conversation.css"; @import "./modal.css"; @import "./gauge.css"; @import "./tooltip.css"; @import "./dropdown.css"; +@import "./deprecated_420.css"; +@import "./utilities.css"; +@import "./app-topbar.css"; +@import "./app-drawer.css"; +@import "./timeline.css"; +/**@import "./stash.css";*/ + /* ========================================================================== Variables @@ -69,6 +74,18 @@ html { --ts-white: #fff; --ts-black: #333; + /*--ts-accent-color: yellow;*/ + --ts-accent-foreground-color: var(--ts-white); + + --ts-breakpoint-mobile-min: 0px; + --ts-breakpoint-mobile-max: 767.98px; + --ts-breakpoint-tablet-min: 768px; + --ts-breakpoint-tablet-max: 1023.98px; + --ts-breakpoint-desktop-min: 1024px; + --ts-breakpoint-desktop-max: 1279.98px; + --ts-breakpoint-widescreen-min: 1280px; + --ts-breakpoint-widescreen-max: 9999px; + --ts-light-gray-50: rgb(255, 255, 255); --ts-light-gray-75: rgb(250, 250, 250); --ts-light-gray-100: rgb(242, 242, 242); @@ -229,9 +246,9 @@ html { */ html, -html[data-scheme="light"], -.is-light, -html[data-scheme="dark"] .is-inverted { +html.is-light, +.u-light, +html.is-dark .u-inverted { color-scheme: light; --ts-gray-50: var(--ts-light-gray-50); @@ -251,12 +268,18 @@ html[data-scheme="dark"] .is-inverted { --ts-tonal-negative-400: #ffbebe; --ts-tonal-negative-800: #701616; + + --ts-tonal-primary-400: #d9edff; + --ts-tonal-primary-800: #005cde; + + --ts-tonal-warning-400: #fff7ae; + --ts-tonal-warning-800: #866800; } -html[data-scheme="light"] .is-inverted, -.is-inverted, -html[data-scheme="dark"], -.is-dark { +html.is-light .u-inverted, +.u-inverted, +html.is-dark, +.u-dark { color-scheme: dark; --ts-gray-50: var(--ts-dark-gray-50); @@ -278,16 +301,32 @@ html[data-scheme="dark"], --ts-tonal-negative-400: #d60000; --ts-tonal-negative-800: #fff; + + --ts-tonal-primary-400: #0a6ffd; + --ts-tonal-primary-800: #ffffff; + + --ts-tonal-warning-400: #edff00; + --ts-tonal-warning-800: #463f00; } -html[data-scheme="light"] .is-dark-only, -html[data-scheme="dark"] .is-light-only { - display: none; +/** + * Hidden + */ + +html.is-light .u-light-hidden, +html.is-dark .u-dark-hidden { + display: none !important; } @media (prefers-color-scheme: light) { - .is-dark-only { - display: none; + html:not(.is-dark) .u-light-hidden { + display: none !important; + } +} + +@media (prefers-color-scheme: dark) { + html:not(.is-light) .u-dark-hidden { + display: none !important; } } @@ -296,9 +335,6 @@ html[data-scheme="dark"] .is-light-only { */ @media (prefers-color-scheme: dark) { - .is-light-only { - display: none; - } html { color-scheme: dark; @@ -328,8 +364,14 @@ html[data-scheme="dark"] .is-light-only { --ts-tonal-negative-400: #d60000; --ts-tonal-negative-800: #fff; + + --ts-tonal-primary-400: #0a6ffd; + --ts-tonal-primary-800: #ffffff; + + --ts-tonal-warning-400: #edff00; + --ts-tonal-warning-800: #463f00; } - .is-inverted { + .u-inverted { color-scheme: light; --ts-gray-50: var(--ts-light-gray-50); @@ -349,6 +391,12 @@ html[data-scheme="dark"] .is-light-only { --ts-tonal-negative-400: #ffbebe; --ts-tonal-negative-800: #701616; + + --ts-tonal-primary-400: #d9edff; + --ts-tonal-primary-800: #005cde; + + --ts-tonal-warning-400: #fff7ae; + --ts-tonal-warning-800: #866800; } } @@ -356,13 +404,13 @@ html[data-scheme="dark"] .is-light-only { Scales ========================================================================== */ -html[data-scale="small"], -html[data-scale="small"] body { +html.is-small, +html.is-small body { font-size: 14px; } -html[data-scale="large"], -html[data-scale="large"] body { +html.is-large, +html.is-large body { font-size: 16px; } @@ -370,76 +418,7 @@ html[data-scale="large"] body { Background Color ========================================================================== */ -html[data-background="secondary"], -html[data-background="secondary"] body { +html.is-secondary, +html.is-secondary body { background-color: var(--ts-gray-75); } - -/* ========================================================================== - Responsive - ========================================================================== */ - -/** - * Minimal - * (Below 766px) - */ - -@media screen and (max-width: 766px) { - .is-standard-only, - .is-maximal-only { - display: none !important; - } - - .is-not-minimal { - display: none !important; - } -} - -/** - * Not Minimal - * (Above 766px) - */ - -@media screen and (min-width: 766px) { - .is-minimal-only { - display: none !important; - } -} - -/** - * Minimal & Standard - * (Below 993px) - */ - -@media screen and (max-width: 993px) { - .is-maximal-only { - display: none !important; - } -} - -/** - * Standard - * (Above 766px & Below 993px) - */ - -@media screen and (min-width: 766px) and (max-width: 993px) { - .is-not-standard { - display: none !important; - } -} - -/** - * Maximal - * (Above 993px) - */ - -@media screen and (min-width: 993px) { - .is-minimal-only, - .is-standard-only { - display: none !important; - } - - .is-not-maximal { - display: none !important; - } -} diff --git a/docs/zh-tw/assets/tocas/src/tooltip.css b/docs/zh-tw/assets/tocas/src/tooltip.css new file mode 100644 index 000000000..287f387b8 --- /dev/null +++ b/docs/zh-tw/assets/tocas/src/tooltip.css @@ -0,0 +1,63 @@ +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-tooltip { + --ts-tooltip-x: 0; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-tooltip { + position: absolute; + background: var(--ts-gray-600); + padding: 0.1rem 0.35rem; + font-size: var(--ts-font-size-13px); + border-radius: 0.2rem; + color: var(--ts-gray-50); + visibility: hidden; + font-weight: normal; + z-index: 99; + max-width: calc(300px - 2rem); + margin: 0 15px; +} + +.ts-tooltip.is-visible { + visibility: visible; +} + +.ts-tooltip .arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.ts-tooltip[class*="is-bottom"] .arrow { + top: -4px; + border-width: 0 5px 5px; + border-bottom-color: var(--ts-gray-600); +} + +.ts-tooltip[class*="is-top"] .arrow { + bottom: -4px; + border-width: 5px 5px 0; + border-top-color: var(--ts-gray-600); +} + +.ts-tooltip[class$="start"] .arrow { + left: calc(10px); +} +.ts-tooltip[class$="end"] .arrow { + right: calc(10px); +} +.ts-tooltip:not([class$="start"]):not([class$="end"]) .arrow { + left: calc(var(--ts-tooltip-x) - 2.5px - 15px); +} + +/* ========================================================================== + Variations + ========================================================================== */ diff --git a/docs/zh-tw/assets/tocas/src/utilities.css b/docs/zh-tw/assets/tocas/src/utilities.css new file mode 100644 index 000000000..8e830c5ac --- /dev/null +++ b/docs/zh-tw/assets/tocas/src/utilities.css @@ -0,0 +1,85 @@ +/** + * Padded + */ + +.u-padded { + padding: 1rem; +} +.u-horizontally-padded { + padding-left: 1rem; + padding-right: 1rem; +} +.u-vertically-padded { + padding-top: 1rem; + padding-bottom: 1rem; +} + +.u-very-padded { + padding: 1.5rem; +} +.u-horizontally-very-padded { + padding-left: 1.5rem; + padding-right: 1.5rem; +} +.u-vertically-very-padded { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} + +/** + * Spaced + */ + +.u-spaced { + margin: 1rem; +} +.u-horizontally-spaced { + margin-left: 1rem; + margin-right: 1rem; +} +.u-vertically-spaced { + margin-top: 1rem; + margin-bottom: 1rem; +} + +.u-very-spaced { + margin: 1.5rem; +} +.u-horizontally-very-spaced { + margin-left: 1.5rem; + margin-right: 1.5rem; +} +.u-vertically-very-spaced { + margin-top: 1.5rem; + margin-bottom: 1.5rem; +} + +/** + * Hidden + */ + +.u-hidden { + display: none !important; +} +.u-invisible { + visibility: hidden !important; +} + +/** + * Edged + */ + +.u-edged { + border-left: 0 !important; + border-right: 0 !important; + border-radius: 0 !important; +} + +/** + * Accent + */ + +.is-accent { + --accent-color: var(--ts-accent-color); + --accent-foreground-color: var(--ts-accent-foreground-color); +} diff --git a/docs/en-us/assets/tocas/wrap.css b/docs/zh-tw/assets/tocas/src/wrap.css similarity index 100% rename from docs/en-us/assets/tocas/wrap.css rename to docs/zh-tw/assets/tocas/src/wrap.css diff --git a/docs/zh-tw/assets/tocas/tab.css b/docs/zh-tw/assets/tocas/tab.css deleted file mode 100644 index 0ac2d50df..000000000 --- a/docs/zh-tw/assets/tocas/tab.css +++ /dev/null @@ -1,196 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -.ts-tab { - --horizontal-padding-multiplier: 1; -} - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-tab { - margin-bottom: -1px; /** For border merge */ - user-select: none; - display: flex; - flex-wrap: wrap; - z-index: 1; /** For cover divider */ -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-tab .item { - text-decoration: none; - color: var(--ts-gray-800); - padding: 0.5rem calc(1rem * var(--horizontal-padding-multiplier)); - display: inline-flex; - border-bottom: 3px solid transparent; - text-align: center; - justify-content: center; - cursor: pointer; - gap: 0.5rem; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Active - */ - -.ts-tab .item.is-active { - border-bottom-color: var(--ts-gray-800); - cursor: default; -} - -/** - * Disabled - */ - -.ts-tab .item.is-disabled { - opacity: 0.5; - pointer-events: none; - user-select: none; -} - -/** - * Evenly Divided (Use Fluid instead) - */ - -/*.ts-tab.is-evenly-divided .item { - flex: 1; -}*/ - -/** - * Pilled - */ - -.ts-tab.is-pilled .item { - border-radius: 100rem; - padding: 0.25rem calc(1rem * var(--horizontal-padding-multiplier)); - border-bottom: 0; -} - -.ts-tab.is-pilled .item.is-active { - background: var(--ts-gray-800); - color: var(--ts-gray-50); -} - -.ts-tab.is-pilled.is-secondary .item.is-active { - background: var(--ts-gray-200); - color: var(--ts-gray-800); -} - -/** - * Aligns - */ - -.ts-tab.is-start-aligned { - justify-content: flex-start; -} - -.ts-tab.is-center-aligned { - justify-content: center; -} - -.ts-tab.is-end-aligned { - justify-content: flex-end; -} - -/** - * Segmented - */ - -.ts-tab.is-segmented { - --height: var(--ts-input-height-medium); - - color: var(--ts-gray-700); - border: 1px solid var(--ts-gray-300); - border-radius: 0.4rem; - display: inline-flex; - align-items: center; - padding: 0 0.25rem; - height: var(--height); -} - -.ts-tab.is-segmented .item { - padding: 0.45rem calc(0.9rem * var(--horizontal-padding-multiplier)); - border-radius: 0.3rem; - user-select: none; - line-height: 1; - border-bottom: 0; -} - -.ts-tab.is-segmented .item.is-active { - background: var(--ts-gray-800); - color: var(--ts-gray-50); -} - -/** - * Fluid - */ - -.ts-tab.is-fluid { - display: flex; -} - -.ts-tab.is-fluid .item { - flex: 1; -} - -/** - * Sizes - */ - -.ts-tab.is-small .item { - font-size: var(--ts-font-size-14px); -} -.ts-tab.is-large .item { - font-size: var(--ts-font-size-17px); -} - -.ts-tab.is-small.is-segmented { - --height: var(--ts-input-height-small); -} -.ts-tab.is-large.is-segmented { - --height: var(--ts-input-height-large); -} - -/** - * Dense - */ - -.ts-tab.is-dense .item { - padding-top: 0.25rem; - padding-bottom: 0.25rem; -} -.ts-tab.is-dense.is-segmented .item { - padding-top: 0.35rem; - padding-bottom: 0.35rem; -} -.ts-tab.is-dense.is-pilled .item { - padding-top: 0.05rem; - padding-bottom: 0.05rem; -} - -.ts-tab.is-segmented.is-dense { - --height: var(--ts-input-height-medium-dense); -} -.ts-tab.is-segmented.is-small.is-dense { - --height: var(--ts-input-height-small-dense); -} -.ts-tab.is-segmented.is-large.is-dense { - --height: var(--ts-input-height-large-dense); -} - -/** - * Relaxed - */ - -.ts-tab.is-relaxed { - --horizontal-padding-multiplier: 1.6; -} \ No newline at end of file diff --git a/docs/zh-tw/assets/tocas/table.css b/docs/zh-tw/assets/tocas/table.css deleted file mode 100644 index 472187b96..000000000 --- a/docs/zh-tw/assets/tocas/table.css +++ /dev/null @@ -1,330 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-table, -.ts-table :is(thead, tbody, tfoot, tr, th, td) { - width: auto; - height: auto; - margin: 0; - padding: 0; - border: none; - border-collapse: collapse; - border-spacing: 0; - border-color: inherit; - vertical-align: inherit; - text-align: left; - font-weight: inherit; - font-size: 14px; - - -webkit-border-horizontal-spacing: 0; - -webkit-border-vertical-spacing: 0; -} - -.ts-table { - width: 100%; - color: inherit; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-table thead tr { - border-bottom: 1px solid var(--ts-gray-300); -} - -.ts-table tfoot tr { - border-top: 1px solid var(--ts-gray-300); -} - -.ts-table tr th { - background: var(--ts-gray-100); -} - -.ts-table :is(thead, tfoot) tr th { - padding: 0.5rem 1rem; - color: var(--ts-gray-600); - font-weight: 500; -} - -.ts-table tbody tr + tr { - border-top: 1px solid var(--ts-gray-300); -} - -.ts-table tbody tr td { - padding: 0.5rem 1rem; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Sizes - */ - -.ts-table.is-small, -.ts-table.is-small :is(thead, tbody, tfoot, tr, th, td) { - font-size: var(--ts-font-size-13px); -} -.ts-table.is-large, -.ts-table.is-large :is(thead, tbody, tfoot, tr, th, td) { - font-size: var(--ts-font-size-16px); -} - -/** - * Collapsed - */ - -.ts-table.is-collapsed { - width: auto; -} - -.ts-table :is(th, td).is-collapsed { - width: 1px; - white-space: nowrap; -} - -/** - * Truncated - */ - -.ts-table.is-truncated { - table-layout: fixed; -} -.ts-table.is-truncated td { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -/** - * Basic - */ - -.ts-table:is(.is-basic, .is-very-basic) tr th { - background: transparent; -} -.ts-table.is-very-basic tbody :is(th, td, tr) { - border-color: transparent; -} - -/** - * Definition - */ - -.ts-table.is-definition tr th:not(:first-child) { - background: var(--ts-gray-100); -} -.ts-table.is-definition tr th:first-child { - background: transparent; -} - -.ts-table.is-definition tr td:first-child { - background: var(--ts-gray-100); -} - -/** - * Celled - */ - -.ts-table.is-celled tr :is(td, th):not(:last-child) { - border-right: 1px solid var(--ts-gray-300); -} - -/** - * Striped - */ - -.ts-table.is-striped > tbody > tr:nth-child(even) { - background: var(--ts-gray-75); -} - -/** - * Empty - */ - -.ts-table td.is-empty { - color: var(--ts-gray-300); - font-weight: 500; -} - -.ts-table td.is-empty::after { - content: "—"; -} - -/** - * Insetted - */ - -.ts-table td.is-insetted { - box-shadow: inset 0px 0px 10px 0px rgb(0 0 0 / 5%); -} - -/** - * Aligns - */ - -.ts-table :is(tr, th, td).is-start-aligned { - text-align: left; -} - -.ts-table :is(th, td).is-center-aligned { - text-align: center; -} - -.ts-table :is(th, td).is-end-aligned { - text-align: right; -} - -.ts-table.is-top-aligned :is(th, td) { - vertical-align: top; -} - -.ts-table :is(th, td).is-top-aligned { - vertical-align: top; -} - -.ts-table :is(th, td).is-middle-aligned { - vertical-align: middle; -} - -.ts-table tr.is-middle-aligned td { - vertical-align: middle; -} - -.ts-table :is(th, td).is-bottom-aligned { - vertical-align: bottom; -} - -/** - * Secondary - */ - -.ts-table :is(tr, tr th, tr td).is-secondary { - background: var(--ts-gray-75); -} - -/** - * Tertiary - */ - -.ts-table :is(tr, tr th, tr td).is-tertiary { - background: var(--ts-gray-100); -} - -/** - * Active - */ - -.ts-table :is(tr, tr th, tr td).is-active { - background: var(--ts-gray-300); -} - -/** - * Disabled - */ - -.ts-table :is(tr, tr th, tr td).is-disabled { - opacity: 0.5; - user-select: none; - pointer-events: none; -} - -/** - * Single Line - */ - -.ts-table.is-single-line :is(tr, tr th, tr td), -.ts-table :is(tr, tr th, tr td).is-single-line { - white-space: nowrap; -} - -/** - * Indicated - */ - -.ts-table :is(tr, tr th, tr td).is-indicated { - box-shadow: 2px 0 0 var(--ts-gray-900) inset; -} - -.ts-table :is(tr, tr th, tr td).is-indicated.is-negative { - box-shadow: 2px 0 0 var(--ts-negative-600) inset; -} - -.ts-table :is(tr, tr th, tr td).is-indicated.is-positive { - box-shadow: 2px 0 0 var(--ts-positive-600) inset; -} - -.ts-table :is(tr, tr th, tr td).is-indicated.is-warning { - box-shadow: 2px 0 0 var(--ts-warning-600) inset; -} - -/** - * Sticked - */ - -.ts-table.is-sticked tr *:is(td, th):first-child { - padding-left: 0; -} -.ts-table.is-sticked tr *:is(td, th):last-child { - padding-right: 0; -} - -/** - * Density - */ - -.ts-table.is-relaxed :is(thead, tfoot) tr th { - padding-top: 0.8rem; - padding-bottom: 0.8rem; -} -.ts-table.is-relaxed tbody tr td { - padding-top: 0.8rem; - padding-bottom: 0.8rem; -} - -.ts-table.is-dense :is(thead, tfoot) tr th { - padding-top: 0.25rem; - padding-bottom: 0.25rem; -} -.ts-table.is-dense tbody tr td { - padding-top: 0.25rem; - padding-bottom: 0.25rem; -} - -/** - * Padded - */ - -.ts-table.is-padded tbody tr td { - padding: 1rem 1.5rem; -} - -.ts-table.is-padded :is(thead, tfoot) tr th { - padding: 1rem 1.5rem; -} - -.ts-table.is-horizontally-padded tbody tr td { - padding-left: 1.5rem; - padding-right: 1.5rem; -} - -.ts-table.is-horizontally-padded :is(thead, tfoot) tr th { - padding-left: 1.5rem; - padding-right: 1.5rem; -} - -.ts-table td.is-padded { - padding: 1rem; -} - -.ts-table tbody tr td.is-vertically-padded { - padding-top: 1.5rem; - padding-bottom: 1.5rem; -} \ No newline at end of file diff --git a/docs/zh-tw/assets/tocas/text.css b/docs/zh-tw/assets/tocas/text.css deleted file mode 100644 index 3d8431b2d..000000000 --- a/docs/zh-tw/assets/tocas/text.css +++ /dev/null @@ -1,331 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-text { - color: inherit; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Editable - */ - -.ts-text.is-editable { - text-decoration-style: dotted; - text-decoration-line: underline; - text-decoration-color: var(--ts-gray-400); - cursor: pointer; -} - -/** - * Line Clamps - */ - -.ts-text:is(.is-1-line, .is-2-lines, .is-3-lines, .is-4-lines, .is-5-lines) { - text-overflow: ellipsis; - display: -webkit-box; - -webkit-box-orient: vertical; - overflow: hidden; -} - -.ts-text.is-1-line { - -webkit-line-clamp: 1; -} - -.ts-text.is-2-lines { - -webkit-line-clamp: 2; -} - -.ts-text.is-3-lines { - -webkit-line-clamp: 3; -} - -.ts-text.is-4-lines { - -webkit-line-clamp: 4; -} - -.ts-text.is-5-lines { - -webkit-line-clamp: 5; -} - -/** - * Secondary - */ - -.ts-text.is-secondary { - color: var(--ts-gray-500); -} - -/** - * Bold - */ - -.ts-text.is-bold { - font-weight: 500 !important; -} - -/** - * Heavy - */ - -.ts-text.is-heavy { - font-weight: bold !important; -} - -/** - * Italic - */ - -.ts-text.is-italic { - font-style: italic !important; -} - -/** - * Deleted - */ - -.ts-text.is-deleted { - text-decoration: line-through !important; -} - -/** - * Underlined - */ - -.ts-text.is-underlined { - text-decoration: underline !important; -} - -/** - * Link - */ - -.ts-text.is-link.is-link.is-link { - color: var(--ts-link-700); -} -.ts-text.is-link { - text-decoration: underline; -} -.ts-text.is-link:hover { - color: inherit; -} -.ts-text.is-link:active { - color: inherit; -} -.ts-text.is-link:visited { - color: inherit; -} - -/** - * Undecorated - */ - -.ts-text.is-undecorated { - text-decoration: none; -} -.ts-text.is-undecorated:hover { - text-decoration: underline; -} - -/** - * External Link - */ - -.ts-text.is-external-link::after { - font-family: "Icons"; - font-weight: normal; - font-style: normal; - display: inline; - text-decoration: inherit; - text-align: center; - width: 1.18em; - -webkit-font-smoothing: antialiased; - backface-visibility: hidden; - content: "\f35d"; - font-size: 0.8em; - margin-left: 0.25rem; -} - -/** - * Code - */ - -.ts-text.is-code { - border-radius: 0.4rem; - background: var(--ts-gray-200); - padding: 0 0.2rem; - font-size: var(--ts-font-size-14px); - color: var(--ts-gray-800); -} - -/** - * Mark - */ - -.ts-text.is-mark { - border-radius: 0.4rem; - background: var(--ts-warning-500); - padding: 0 0.25rem; - color: var(--ts-black); - font-size: var(--ts-font-size-14px); -} - -/** - * Key - */ - -.ts-text.is-key { - border-radius: 0.4rem; - background: var(--ts-gray-100); - padding: 0 0.35rem; - color: var(--ts-gray-800); - border-bottom: 3px solid var(--ts-gray-300); - font-size: var(--ts-font-size-14px); -} - -/** - * Sup - */ - -.ts-text.is-sup { - font-size: 12px; - vertical-align: top; - opacity: 0.8; -} - -/** - * Sub - */ - -.ts-text.is-sub { - font-size: 12px; - vertical-align: bottom; - opacity: 0.8; -} - -/** - * Truncated - */ - -.ts-text.is-truncated { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - display: block; -} - -/** - * Uppercased - */ - -.ts-text.is-uppercased { - text-transform: uppercase; -} - -/** - * Lowercased - */ - -.ts-text.is-lowercased { - text-transform: lowercase; -} - -/** - * Aligns - */ - -.ts-text.is-center-aligned { - text-align: center; -} -.ts-text.is-start-aligned { - text-align: left; -} -.ts-text.is-end-aligned { - text-align: right; -} - -/** - * Label - */ - -.ts-text.is-label { - font-weight: 500; - color: var(--ts-gray-800); - font-size: var(--ts-font-size-14px); - line-height: 1; -} - -/** - * Description - */ - -.ts-text.is-description { - color: var(--ts-gray-500); - font-size: var(--ts-font-size-14px); -} - -/** - * Disabled - */ - -.ts-text.is-disabled { - opacity: 0.5; - pointer-events: none; - user-select: none; -} - -/** - * Required - */ - -.ts-text.is-required::after { - content: " *"; - font-weight: bold; - color: var(--ts-negative-600); -} - -/** - * Sizes - */ - -.ts-text.is-tiny { - font-size: var(--ts-font-size-13px); -} -.ts-text.is-small { - font-size: var(--ts-font-size-14px); -} -.ts-text.is-medium { - font-size: var(--ts-font-size-15px); -} -.ts-text.is-large { - font-size: var(--ts-font-size-17px); -} -.ts-text.is-big { - font-size: var(--ts-font-size-20px); -} -.ts-text.is-huge { - font-size: var(--ts-font-size-24px); -} -.ts-text.is-massive { - font-size: var(--ts-font-size-30px); -} - -/** - * Negative - */ - -.ts-text.is-negative { - color: var(--ts-negative-600); -} - -.ts-text.is-negative.is-secondary { - color: var(--ts-negative-500); -} diff --git a/docs/zh-tw/assets/tocas/tocas.css b/docs/zh-tw/assets/tocas/tocas.css index 1a7ac7d5f..51a09232a 100644 --- a/docs/zh-tw/assets/tocas/tocas.css +++ b/docs/zh-tw/assets/tocas/tocas.css @@ -1,65 +1,19488 @@ -@import "./reboot.css"; -@import "./button.css"; -@import "./icons.css"; -@import "./icon.css"; -@import "./divider.css"; -@import "./input.css"; -@import "./file.css"; -@import "./notice.css"; -@import "./checkbox.css"; -@import "./radio.css"; -@import "./progress.css"; -@import "./badge.css"; -@import "./pagination.css"; -@import "./space.css"; -@import "./select.css"; -@import "./fieldset.css"; -@import "./text.css"; -@import "./row.css"; -@import "./tab.css"; -@import "./center.css"; -@import "./box.css"; -@import "./content.css"; -@import "./image.css"; -@import "./switch.css"; -@import "./meta.css"; -@import "./selection.css"; -@import "./table.css"; -@import "./procedure.css"; -@import "./grid.css"; -@import "./rating.css"; -@import "./chip.css"; -@import "./close.css"; -@import "./loading.css"; -@import "./breadcrumb.css"; -@import "./list.css"; -@import "./flag.css"; -@import "./statistic.css"; -@import "./app-sidebar.css"; -@import "./app-navbar.css"; -@import "./snackbar.css"; -@import "./accordion.css"; -@import "./notification.css"; -@import "./mask.css"; -@import "./placeholder.css"; -@import "./header.css"; -@import "./segment.css"; -@import "./quote.css"; -@import "./app-layout.css"; -@import "./avatar.css"; -@import "./wrap.css"; -@import "./container.css"; -@import "./control.css"; -@import "./menu.css"; -@import "./checklist.css"; -@import "./imageset.css"; -@import "./iconset.css"; -@import "./app-statusbar.css"; -@import "./conversation.css"; -@import "./modal.css"; -@import "./gauge.css"; -@import "./tooltip.css"; -@import "./dropdown.css"; +/* ========================================================================== + Reset + ========================================================================== */ + +/** + * Document + * + * 1. 讓所有的元素不會因為內距而更改其 `width` 寬度。 + * 2. 讓元素預設都以相對位置呈現，這樣裡面的 `absolute` 元素才能有父依據。 + */ + +*, +*::before, +*::after { + box-sizing: border-box; /** 1. */ + position: relative; /** 2. */ +} + +/** + * HTML + * + * 1. 指定預設的動態背景與文字顏色，這樣才可以支援亮與暗色主題。 + * 2. 預設要讓網頁能夠填滿整個螢幕才能讓某些元素運用整個高度。 + */ + +html { + background: var(--ts-gray-50); /** 1. */ + color: var(--ts-gray-800); /** 1. */ + + font-size: 15px; + line-height: 1.75; +} + +html, +body { + height: 100%; /** 2. */ +} + +/** + * Body + * + * 1. 移除所有瀏覽器上的外距。 + * 2. 避免元素過寬而出現不好捲動的水平捲軸。 + * 3. 避免 iOS 在轉向之後變更字體縮放大小。 + * 4. 改為透明來移除 Webkit 瀏覽器上的點擊高光。 + */ +body { + margin: 0; /** 1. */ + overflow-x: hidden; /** 2. */ + -webkit-text-size-adjust: 100%; /** 3. */ + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /** 4. */ + + font-family: "Noto Sans TC", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", "Microsoft JhengHei", wf_SegoeUI, "Segoe UI", + Segoe, "Segoe WP", Tahoma, Verdana, Ubuntu, "Bitstream Vera Sans", "DejaVu Sans", 微軟正黑體, "LiHei Pro", "WenQuanYi Micro Hei", "Droid Sans Fallback", "AR PL UMing TW", + Roboto, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", Meiryo, "Droid Sans", sans-serif; +} + +/** + * Input for iOS date input + * + * https://github.com/teacat/tocas/issues/804 + * https://github.com/twbs/bootstrap/pull/31993 + * https://github.com/twbs/bootstrap/blob/80621d6431acd964690f89352b4f1bf8be9cfaf3/scss/forms/_form-control.scss#L47 + */ + +input::-webkit-date-and-time-value { + min-height: calc(1rem * 1.5); +} + +/** + * Button + */ + +button { + border: none; + margin: 0; + padding: 0; + width: auto; + overflow: visible; + background: transparent; + color: inherit; + font: inherit; + line-height: normal; + -webkit-font-smoothing: inherit; + -moz-osx-font-smoothing: inherit; + appearance: none; + -webkit-appearance: none; + cursor: pointer; + user-select: none; +} + +/** + * Paragraphy + */ + +[class*="ts-"] :where(p) { + margin-block-start: 1em; + margin-block-end: 1em; +} + +[class*="ts-"] :where(:first-child) { + margin-block-start: 0; +} + +[class*="ts-"] .ts-header + p { + margin-block-start: 0.5em; +} + +[class*="ts-"] :where(:last-child) { + margin-block-end: 0; +} + +[class*="ts-"] :where(a) { + color: inherit; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +@keyframes ts-button-loading { + from { + transform: translate(-50%, -50%) rotate(0deg); + } + to { + transform: translate(-50%, -50%) rotate(360deg); + } +} + +.ts-button { + --horizontal-padding: 1.25em; + --height: var(--ts-input-height-medium); + + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-button { + margin: 0; + width: auto; + font: inherit; + outline: none; + box-sizing: border-box; + user-select: none; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + height: var(--height); + + -webkit-font-smoothing: inherit; + -moz-osx-font-smoothing: inherit; + appearance: none; + -webkit-appearance: none; +} + +.ts-button:focus { + outline: 0; +} + +.ts-button { + border: 2px solid var(--accent-color, var(--ts-gray-800)); + min-width: 75px; + font-size: var(--ts-font-size-14px); + line-height: 1.5; + font-weight: 500; + color: var(--accent-foreground-color, var(--ts-gray-50)); + background: var(--accent-color, var(--ts-gray-800)); + text-decoration: none; + display: inline-flex; + vertical-align: middle; + justify-content: center; + align-items: center; + text-align: center; + + padding: 0 var(--horizontal-padding); + border-radius: 0.4rem; +} + +.ts-button:hover { + cursor: pointer; + opacity: 0.98; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Secondary + */ + +.ts-button.is-secondary { + color: var(--accent-color, var(--ts-gray-800)); + border-color: var(--ts-gray-100); + background: var(--ts-gray-100); +} + +/** + * Tertiary + */ + +.ts-button.is-tertiary { + color: var(--ts-gray-800); + background: var(--ts-gray-300); + border-color: var(--ts-gray-300); +} + +/** + * Outlined + */ + +.ts-button.is-outlined { + background: transparent; + border: 2px solid var(--ts-gray-300); + color: var(--accent-color, var(--ts-gray-800)); +} + +/** + * Negative + */ + +.ts-button.is-negative { + color: var(--ts-white); + border-color: var(--ts-negative-500); + background: var(--ts-negative-500); +} + +.ts-button.is-negative.is-outlined { + color: var(--ts-negative-500); + border-color: var(--ts-gray-300); + background: transparent; +} + +/** + * Ghost + */ + +.ts-button.is-ghost { + background: transparent; + color: var(--ts-gray-800); + border: 2px solid transparent; +} + +.ts-button.is-ghost:hover { + background: var(--ts-gray-100); +} + +.ts-button.is-ghost.is-negative { + color: var(--ts-negative-500); +} + +/** + * Loading + */ + +.ts-button.is-loading, +.ts-button.is-loading.is-negative { + color: transparent; + pointer-events: none; + opacity: 0.5; +} + +.ts-button.is-loading .ts-icon { + visibility: hidden; +} + +.ts-button.is-loading::after { + font-family: "Icons"; + font-weight: normal; + font-style: normal; + display: inline; + text-decoration: inherit; + text-align: center; + -webkit-font-smoothing: antialiased; + backface-visibility: hidden; + display: inline-block; + animation: ts-button-loading 2s linear infinite; + color: var(--ts-gray-50); + font-size: var(--ts-font-size-18px); + content: "\f110"; + position: absolute; + top: 50%; + left: 50%; +} + +.ts-button.is-loading:is(.is-outlined, .is-secondary, .is-tertiary, .is-ghost)::after { + color: var(--ts-gray-800); +} + +/** + * Tertiary + */ + +/*.ts-button.is-tertiary:hover { + background: var(--ts-gray-100); + opacity: 1; +}*/ + +/** + * Sizes + */ + +.ts-button.is-small { + --height: var(--ts-input-height-small); + + font-size: var(--ts-font-size-13px); +} + +.ts-button.is-large { + --height: var(--ts-input-height-large); + + font-size: var(--ts-font-size-17px); +} + +/** + * Disabled + */ + +.ts-button.is-disabled { + cursor: not-allowed; + pointer-events: none; + opacity: 0.5; + user-select: none; +} + +/** + * Fluid + */ + +.ts-button.is-fluid { + width: 100%; +} + +/** + * Circular + */ + +.ts-button.is-circular { + border-radius: 100rem; +} + +/** + * Icon + */ + +.ts-button.is-icon { + padding: 0; + min-width: 0; + width: calc(var(--height) * 1.1); +} + +.ts-button.is-icon .ts-icon { + font-size: 1.2em; +} + +.ts-button.is-icon.is-small .ts-icon { + font-size: 1.15em; +} + +/** + * Side Icon + */ + +.ts-button:where(.is-start-icon, .is-end-icon) .ts-icon { + font-size: 1.2em; +} + +.ts-button:is(.is-start-icon, .is-end-icon) .ts-icon::before { + display: inline-block; + margin-top: 1px; +} + +.ts-button.is-start-icon .ts-icon { + margin-right: 0.5em; +} + +.ts-button.is-end-icon .ts-icon { + margin-left: 0.5em; +} + +/** + * Labeled Icon + */ + +.ts-button:is(.is-start-labeled-icon, .is-end-labeled-icon) .ts-icon { + position: absolute; + top: -2px; + bottom: -2px; + background: var(--ts-gray-900); + line-height: 1; + display: flex; + align-items: center; + justify-content: center; + width: calc(2.75rem + 2px); +} + +.ts-button:where(.is-start-labeled-icon, .is-end-labeled-icon) .ts-icon { + font-size: 1.2em; +} + +.ts-button.is-start-labeled-icon { + padding-left: calc(var(--horizontal-padding) + 2.75em); +} + +.ts-button.is-start-labeled-icon .ts-icon { + left: -2px; + border-radius: 0.4rem 0 0 0.4rem; +} + +.ts-button.is-end-labeled-icon { + padding-right: calc(var(--horizontal-padding) + 2.75em); +} + +.ts-button.is-end-labeled-icon .ts-icon { + right: -2px; + border-radius: 0 0.4rem 0.4rem 0; +} + +.ts-button.is-negative:is(.is-start-labeled-icon, .is-end-labeled-icon) .ts-icon { + background: var(--ts-negative-400); +} + +.ts-button.is-outlined:is(.is-start-labeled-icon, .is-end-labeled-icon) .ts-icon { + /*background: var(--ts-gray-300);*/ + background: transparent; + border: 2px solid var(--ts-gray-300); +} + +.ts-button.is-secondary:is(.is-start-labeled-icon, .is-end-labeled-icon) .ts-icon { + background: var(--ts-gray-200); +} + +.ts-button.is-tertiary:is(.is-start-labeled-icon, .is-end-labeled-icon) .ts-icon { + background: var(--ts-gray-400); +} + +/** + * Dense + */ + +.ts-button.is-dense { + --height: var(--ts-input-height-medium-dense); +} +.ts-button.is-dense.is-small { + --height: var(--ts-input-height-small-dense); +} +.ts-button.is-dense.is-large { + --height: var(--ts-input-height-large-dense); +} + +/** + * Wide + */ + +.ts-button.is-short { + --horizontal-padding: 0.75em; + + min-width: 65px; +} +.ts-button.is-wide { + --horizontal-padding: 2em; +} + +/** + * Start & End + */ + +.ts-addon { + display: flex; + gap: 2px; +} + +.ts-addon > *:first-child, +.ts-addon > .ts-input:first-child :where(input, textarea) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ts-addon > *:last-child, +.ts-addon > .ts-input:last-child :where(input, textarea) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +/** + * Buttons + */ + +.ts-buttons { + display: flex; +} + +.ts-buttons .ts-button:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.ts-buttons .ts-button:not(:first-child):not(:last-child) { + border-radius: 0; +} + +.ts-buttons .ts-button:not(:first-child)::before { + position: absolute; + content: ""; + top: 50%; + transform: translateY(-50%); + left: 0; + height: 70%; + background: var(--ts-gray-600); + width: 1px; +} + +.ts-buttons .ts-button.is-outlined::before { + display: none; +} + +.ts-buttons .ts-button.is-negative::before { + background: var(--ts-negative-400); +} + +.ts-buttons .ts-button.is-secondary::before { + background: var(--ts-gray-400); +} + +.ts-buttons .ts-button:last-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.ts-buttons .ts-button.is-outlined + .ts-button.is-outlined { + border-left-color: transparent; +} + +.ts-icon.is-arrow-up-right-from-square-icon::before { + content: "\f08e"; +} + +.ts-icon.is-broom-ball-icon::before { + content: "\f458"; +} + +.ts-icon.is-medal-icon::before { + content: "\f5a2"; +} + +.ts-icon.is-mixer-icon::before { + font-family: "IconsBrands"; + content: "\e056"; +} + +.ts-icon.is-vaadin-icon::before { + font-family: "IconsBrands"; + content: "\f408"; +} + +.ts-icon.is-flag-usa-icon::before { + content: "\f74d"; +} + +.ts-icon.is-lungs-icon::before { + content: "\f604"; +} + +.ts-icon.is-face-frown-icon::before { + content: "\f119"; +} + +.ts-icon.is-person-digging-icon::before { + content: "\f85e"; +} + +.ts-icon.is-street-view-icon::before { + content: "\f21d"; +} + +.ts-icon.is-car-icon::before { + content: "\f1b9"; +} + +.ts-icon.is-etsy-icon::before { + font-family: "IconsBrands"; + content: "\f2d7"; +} + +.ts-icon.is-blogger-b-icon::before { + font-family: "IconsBrands"; + content: "\f37d"; +} + +.ts-icon.is-window-restore-icon::before { + content: "\f2d2"; +} + +.ts-icon.is-internet-explorer-icon::before { + font-family: "IconsBrands"; + content: "\f26b"; +} + +.ts-icon.is-users-slash-icon::before { + content: "\e073"; +} + +.ts-icon.is-file-video-icon::before { + content: "\f1c8"; +} + +.ts-icon.is-school-circle-exclamation-icon::before { + content: "\e56c"; +} + +.ts-icon.is-guilded-icon::before { + font-family: "IconsBrands"; + content: "\e07e"; +} + +.ts-icon.is-landmark-flag-icon::before { + content: "\e51c"; +} + +.ts-icon.is-martini-glass-icon::before { + content: "\f57b"; +} + +.ts-icon.is-table-cells-icon::before { + content: "\f00a"; +} + +.ts-icon.is-video-icon::before { + content: "\f03d"; +} + +.ts-icon.is-cloudversify-icon::before { + font-family: "IconsBrands"; + content: "\f385"; +} + +.ts-icon.is-ellipsis-icon::before { + content: "\f141"; +} + +.ts-icon.is-neos-icon::before { + font-family: "IconsBrands"; + content: "\f612"; +} + +.ts-icon.is-person-military-to-person-icon::before { + content: "\e54c"; +} + +.ts-icon.is-road-icon::before { + content: "\f018"; +} + +.ts-icon.is-shopify-icon::before { + font-family: "IconsBrands"; + content: "\e057"; +} + +.ts-icon.is-bars-progress-icon::before { + content: "\f828"; +} + +.ts-icon.is-hand-holding-hand-icon::before { + content: "\e4f7"; +} + +.ts-icon.is-caravan-icon::before { + content: "\f8ff"; +} + +.ts-icon.is-houzz-icon::before { + font-family: "IconsBrands"; + content: "\f27c"; +} + +.ts-icon.is-rupiah-sign-icon::before { + content: "\e23d"; +} + +.ts-icon.is-temperature-high-icon::before { + content: "\f769"; +} + +.ts-icon.is-airbnb-icon::before { + font-family: "IconsBrands"; + content: "\f834"; +} + +.ts-icon.is-apper-icon::before { + font-family: "IconsBrands"; + content: "\f371"; +} + +.ts-icon.is-volcano-icon::before { + content: "\f770"; +} + +.ts-icon.is-microsoft-icon::before { + font-family: "IconsBrands"; + content: "\f3ca"; +} + +.ts-icon.is-people-pulling-icon::before { + content: "\e535"; +} + +.ts-icon.is-stubber-icon::before { + font-family: "IconsBrands"; + content: "\e5c7"; +} + +.ts-icon.is-train-subway-icon::before { + content: "\f239"; +} + +.ts-icon.is-window-minimize-icon::before { + content: "\f2d1"; +} + +.ts-icon.is-orcid-icon::before { + font-family: "IconsBrands"; + content: "\f8d2"; +} + +.ts-icon.is-pager-icon::before { + content: "\f815"; +} + +.ts-icon.is-store-icon::before { + content: "\f54e"; +} + +.ts-icon.is-utensils-icon::before { + content: "\f2e7"; +} + +.ts-icon.is-blender-phone-icon::before { + content: "\f6b6"; +} + +.ts-icon.is-canadian-maple-leaf-icon::before { + font-family: "IconsBrands"; + content: "\f785"; +} + +.ts-icon.is-cloud-bolt-icon::before { + content: "\f76c"; +} + +.ts-icon.is-list-check-icon::before { + content: "\f0ae"; +} + +.ts-icon.is-square-poll-horizontal-icon::before { + content: "\f682"; +} + +.ts-icon.is-arrow-up-z-a-icon::before { + content: "\f882"; +} + +.ts-icon.is-building-flag-icon::before { + content: "\e4d5"; +} + +.ts-icon.is-mars-and-venus-burst-icon::before { + content: "\e523"; +} + +.ts-icon.is-arrows-spin-icon::before { + content: "\e4bb"; +} + +.ts-icon.is-charging-station-icon::before { + content: "\f5e7"; +} + +.ts-icon.is-handshake-angle-icon::before { + content: "\f4c4"; +} + +.ts-icon.is-periscope-icon::before { + font-family: "IconsBrands"; + content: "\f3da"; +} + +.ts-icon.is-rotate-icon::before { + content: "\f2f1"; +} + +.ts-icon.is-clock-rotate-left-icon::before { + content: "\f1da"; +} + +.ts-icon.is-face-grin-squint-tears-icon::before { + content: "\f586"; +} + +.ts-icon.is-person-icon::before { + content: "\f183"; +} + +.ts-icon.is-person-snowboarding-icon::before { + content: "\f7ce"; +} + +.ts-icon.is-gg-icon::before { + font-family: "IconsBrands"; + content: "\f260"; +} + +.ts-icon.is-hashnode-icon::before { + font-family: "IconsBrands"; + content: "\e499"; +} + +.ts-icon.is-hospital-user-icon::before { + content: "\f80d"; +} + +.ts-icon.is-reacteurope-icon::before { + font-family: "IconsBrands"; + content: "\f75d"; +} + +.ts-icon.is-arrow-up-from-ground-water-icon::before { + content: "\e4b5"; +} + +.ts-icon.is-horse-icon::before { + content: "\f6f0"; +} + +.ts-icon.is-spinner-icon::before { + content: "\f110"; +} + +.ts-icon.is-motorcycle-icon::before { + content: "\f21c"; +} + +.ts-icon.is-print-icon::before { + content: "\f02f"; +} + +.ts-icon.is-swatchbook-icon::before { + content: "\f5c3"; +} + +.ts-icon.is-water-ladder-icon::before { + content: "\f5c5"; +} + +.ts-icon.is-ravelry-icon::before { + font-family: "IconsBrands"; + content: "\f2d9"; +} + +.ts-icon.is-angle-up-icon::before { + content: "\f106"; +} + +.ts-icon.is-glide-icon::before { + font-family: "IconsBrands"; + content: "\f2a5"; +} + +.ts-icon.is-cubes-stacked-icon::before { + content: "\e4e6"; +} + +.ts-icon.is-fort-awesome-alt-icon::before { + font-family: "IconsBrands"; + content: "\f3a3"; +} + +.ts-icon.is-hands-holding-icon::before { + content: "\f4c2"; +} + +.ts-icon.is-land-mine-on-icon::before { + content: "\e51b"; +} + +.ts-icon.is-money-check-dollar-icon::before { + content: "\f53d"; +} + +.ts-icon.is-affiliatetheme-icon::before { + font-family: "IconsBrands"; + content: "\f36b"; +} + +.ts-icon.is-cpanel-icon::before { + font-family: "IconsBrands"; + content: "\f388"; +} + +.ts-icon.is-sack-dollar-icon::before { + content: "\f81d"; +} + +.ts-icon.is-wine-glass-empty-icon::before { + content: "\f5ce"; +} + +.ts-icon.is-drum-icon::before { + content: "\f569"; +} + +.ts-icon.is-ranking-star-icon::before { + content: "\e561"; +} + +.ts-icon.is-arrows-to-eye-icon::before { + content: "\e4bf"; +} + +.ts-icon.is-file-circle-exclamation-icon::before { + content: "\e4eb"; +} + +.ts-icon.is-circle-h-icon::before { + content: "\f47e"; +} + +.ts-icon.is-envelope-open-text-icon::before { + content: "\f658"; +} + +.ts-icon.is-bong-icon::before { + content: "\f55c"; +} + +.ts-icon.is-chess-pawn-icon::before { + content: "\f443"; +} + +.ts-icon.is-retweet-icon::before { + content: "\f079"; +} + +.ts-icon.is-unsplash-icon::before { + font-family: "IconsBrands"; + content: "\e07c"; +} + +.ts-icon.is-square-caret-left-icon::before { + content: "\f191"; +} + +.ts-icon.is-chalkboard-icon::before { + content: "\f51b"; +} + +.ts-icon.is-music-icon::before { + content: "\f001"; +} + +.ts-icon.is-linux-icon::before { + font-family: "IconsBrands"; + content: "\f17c"; +} + +.ts-icon.is-percent-icon::before { + content: "\25"; +} + +.ts-icon.is-chess-knight-icon::before { + content: "\f441"; +} + +.ts-icon.is-code-pull-request-icon::before { + content: "\e13c"; +} + +.ts-icon.is-shop-icon::before { + content: "\f54f"; +} + +.ts-icon.is-mountain-sun-icon::before { + content: "\e52f"; +} + +.ts-icon.is-pinterest-p-icon::before { + font-family: "IconsBrands"; + content: "\f231"; +} + +.ts-icon.is-republican-icon::before { + content: "\f75e"; +} + +.ts-icon.is-brain-icon::before { + content: "\f5dc"; +} + +.ts-icon.is-circle-exclamation-icon::before { + content: "\f06a"; +} + +.ts-icon.is-greater-than-equal-icon::before { + content: "\f532"; +} + +.ts-icon.is-a-icon::before { + content: "\41"; +} + +.ts-icon.is-disease-icon::before { + content: "\f7fa"; +} + +.ts-icon.is-vial-virus-icon::before { + content: "\e597"; +} + +.ts-icon.is-whiskey-glass-icon::before { + content: "\f7a0"; +} + +.ts-icon.is-cube-icon::before { + content: "\f1b2"; +} + +.ts-icon.is-stamp-icon::before { + content: "\f5bf"; +} + +.ts-icon.is-repeat-icon::before { + content: "\f363"; +} + +.ts-icon.is-handshake-simple-icon::before { + content: "\f4c6"; +} + +.ts-icon.is-person-circle-check-icon::before { + content: "\e53e"; +} + +.ts-icon.is-untappd-icon::before { + font-family: "IconsBrands"; + content: "\f405"; +} + +.ts-icon.is-whmcs-icon::before { + font-family: "IconsBrands"; + content: "\f40d"; +} + +.ts-icon.is-bell-slash-icon::before { + content: "\f1f6"; +} + +.ts-icon.is-calendar-day-icon::before { + content: "\f783"; +} + +.ts-icon.is-creative-commons-nd-icon::before { + font-family: "IconsBrands"; + content: "\f4eb"; +} + +.ts-icon.is-gopuram-icon::before { + content: "\f664"; +} + +.ts-icon.is-restroom-icon::before { + content: "\f7bd"; +} + +.ts-icon.is-ribbon-icon::before { + content: "\f4d6"; +} + +.ts-icon.is-car-on-icon::before { + content: "\e4dd"; +} + +.ts-icon.is-chevron-up-icon::before { + content: "\f077"; +} + +.ts-icon.is-book-tanakh-icon::before { + content: "\f827"; +} + +.ts-icon.is-broom-icon::before { + content: "\f51a"; +} + +.ts-icon.is-buromobelexperte-icon::before { + font-family: "IconsBrands"; + content: "\f37f"; +} + +.ts-icon.is-d-icon::before { + content: "\44"; +} + +.ts-icon.is-gamepad-icon::before { + content: "\f11b"; +} + +.ts-icon.is-house-lock-icon::before { + content: "\e510"; +} + +.ts-icon.is-people-arrows-icon::before { + content: "\e068"; +} + +.ts-icon.is-asymmetrik-icon::before { + font-family: "IconsBrands"; + content: "\f372"; +} + +.ts-icon.is-ban-icon::before { + content: "\f05e"; +} + +.ts-icon.is-user-graduate-icon::before { + content: "\f501"; +} + +.ts-icon.is-yandex-icon::before { + font-family: "IconsBrands"; + content: "\f413"; +} + +.ts-icon.is-plug-circle-plus-icon::before { + content: "\e55f"; +} + +.ts-icon.is-tree-icon::before { + content: "\f1bb"; +} + +.ts-icon.is-square-virus-icon::before { + content: "\e578"; +} + +.ts-icon.is-section-icon::before { + content: "\e447"; +} + +.ts-icon.is-strava-icon::before { + font-family: "IconsBrands"; + content: "\f428"; +} + +.ts-icon.is-turn-down-icon::before { + content: "\f3be"; +} + +.ts-icon.is-creative-commons-nc-eu-icon::before { + font-family: "IconsBrands"; + content: "\f4e9"; +} + +.ts-icon.is-phone-icon::before { + content: "\f095"; +} + +.ts-icon.is-discourse-icon::before { + font-family: "IconsBrands"; + content: "\f393"; +} + +.ts-icon.is-shirtsinbulk-icon::before { + font-family: "IconsBrands"; + content: "\f214"; +} + +.ts-icon.is-square-nfi-icon::before { + content: "\e576"; +} + +.ts-icon.is-arrow-down-9-1-icon::before { + content: "\f886"; +} + +.ts-icon.is-arrow-up-right-dots-icon::before { + content: "\e4b7"; +} + +.ts-icon.is-upload-icon::before { + content: "\f093"; +} + +.ts-icon.is-naira-sign-icon::before { + content: "\e1f6"; +} + +.ts-icon.is-pen-icon::before { + content: "\f304"; +} + +.ts-icon.is-circle-chevron-down-icon::before { + content: "\f13a"; +} + +.ts-icon.is-eraser-icon::before { + content: "\f12d"; +} + +.ts-icon.is-money-bills-icon::before { + content: "\e1f3"; +} + +.ts-icon.is-ruble-sign-icon::before { + content: "\f158"; +} + +.ts-icon.is-square-full-icon::before { + content: "\f45c"; +} + +.ts-icon.is-adversal-icon::before { + font-family: "IconsBrands"; + content: "\f36a"; +} + +.ts-icon.is-angular-icon::before { + font-family: "IconsBrands"; + content: "\f420"; +} + +.ts-icon.is-font-icon::before { + content: "\f031"; +} + +.ts-icon.is-shield-cat-icon::before { + content: "\e572"; +} + +.ts-icon.is-bowl-rice-icon::before { + content: "\e2eb"; +} + +.ts-icon.is-flask-vial-icon::before { + content: "\e4f3"; +} + +.ts-icon.is-pushed-icon::before { + font-family: "IconsBrands"; + content: "\f3e1"; +} + +.ts-icon.is-tent-arrow-down-to-line-icon::before { + content: "\e57e"; +} + +.ts-icon.is-gofore-icon::before { + font-family: "IconsBrands"; + content: "\f3a7"; +} + +.ts-icon.is-magnifying-glass-plus-icon::before { + content: "\f00e"; +} + +.ts-icon.is-korvue-icon::before { + font-family: "IconsBrands"; + content: "\f42f"; +} + +.ts-icon.is-square-font-awesome-stroke-icon::before { + font-family: "IconsBrands"; + content: "\f35c"; +} + +.ts-icon.is-dove-icon::before { + content: "\f4ba"; +} + +.ts-icon.is-square-plus-icon::before { + content: "\f0fe"; +} + +.ts-icon.is-plug-circle-check-icon::before { + content: "\e55c"; +} + +.ts-icon.is-school-flag-icon::before { + content: "\e56e"; +} + +.ts-icon.is-circle-info-icon::before { + content: "\f05a"; +} + +.ts-icon.is-hotjar-icon::before { + font-family: "IconsBrands"; + content: "\f3b1"; +} + +.ts-icon.is-figma-icon::before { + font-family: "IconsBrands"; + content: "\f799"; +} + +.ts-icon.is-9-icon::before { + content: "\39"; +} + +.ts-icon.is-face-kiss-icon::before { + content: "\f596"; +} + +.ts-icon.is-paste-icon::before { + content: "\f0ea"; +} + +.ts-icon.is-trowel-icon::before { + content: "\e589"; +} + +.ts-icon.is-caret-up-icon::before { + content: "\f0d8"; +} + +.ts-icon.is-helmet-un-icon::before { + content: "\e503"; +} + +.ts-icon.is-eye-dropper-icon::before { + content: "\f1fb"; +} + +.ts-icon.is-hanukiah-icon::before { + content: "\f6e6"; +} + +.ts-icon.is-stackpath-icon::before { + font-family: "IconsBrands"; + content: "\f842"; +} + +.ts-icon.is-toolbox-icon::before { + content: "\f552"; +} + +.ts-icon.is-cannabis-icon::before { + content: "\f55f"; +} + +.ts-icon.is-creative-commons-sampling-plus-icon::before { + font-family: "IconsBrands"; + content: "\f4f1"; +} + +.ts-icon.is-helmet-safety-icon::before { + content: "\f807"; +} + +.ts-icon.is-magnifying-glass-dollar-icon::before { + content: "\f688"; +} + +.ts-icon.is-quote-left-icon::before { + content: "\f10d"; +} + +.ts-icon.is-arrow-right-from-bracket-icon::before { + content: "\f08b"; +} + +.ts-icon.is-book-atlas-icon::before { + content: "\f558"; +} + +.ts-icon.is-diamond-turn-right-icon::before { + content: "\f5eb"; +} + +.ts-icon.is-g-icon::before { + content: "\47"; +} + +.ts-icon.is-hive-icon::before { + font-family: "IconsBrands"; + content: "\e07f"; +} + +.ts-icon.is-js-icon::before { + font-family: "IconsBrands"; + content: "\f3b8"; +} + +.ts-icon.is-list-ol-icon::before { + content: "\f0cb"; +} + +.ts-icon.is-location-arrow-icon::before { + content: "\f124"; +} + +.ts-icon.is-cc-amazon-pay-icon::before { + font-family: "IconsBrands"; + content: "\f42d"; +} + +.ts-icon.is-comments-icon::before { + content: "\f086"; +} + +.ts-icon.is-slack-icon::before { + font-family: "IconsBrands"; + content: "\f198"; +} + +.ts-icon.is-teeth-icon::before { + content: "\f62e"; +} + +.ts-icon.is-mars-and-venus-icon::before { + content: "\f224"; +} + +.ts-icon.is-i-icon::before { + content: "\49"; +} + +.ts-icon.is-face-surprise-icon::before { + content: "\f5c2"; +} + +.ts-icon.is-hacker-news-icon::before { + font-family: "IconsBrands"; + content: "\f1d4"; +} + +.ts-icon.is-ethernet-icon::before { + content: "\f796"; +} + +.ts-icon.is-helicopter-icon::before { + content: "\f533"; +} + +.ts-icon.is-house-chimney-user-icon::before { + content: "\e065"; +} + +.ts-icon.is-linkedin-in-icon::before { + font-family: "IconsBrands"; + content: "\f0e1"; +} + +.ts-icon.is-magnifying-glass-location-icon::before { + content: "\f689"; +} + +.ts-icon.is-stripe-icon::before { + font-family: "IconsBrands"; + content: "\f429"; +} + +.ts-icon.is-cloud-sun-icon::before { + content: "\f6c4"; +} + +.ts-icon.is-d-and-d-beyond-icon::before { + font-family: "IconsBrands"; + content: "\f6ca"; +} + +.ts-icon.is-file-code-icon::before { + content: "\f1c9"; +} + +.ts-icon.is-invision-icon::before { + font-family: "IconsBrands"; + content: "\f7b0"; +} + +.ts-icon.is-line-icon::before { + font-family: "IconsBrands"; + content: "\f3c0"; +} + +.ts-icon.is-p-icon::before { + content: "\50"; +} + +.ts-icon.is-bars-staggered-icon::before { + content: "\f550"; +} + +.ts-icon.is-circle-question-icon::before { + content: "\f059"; +} + +.ts-icon.is-rockrms-icon::before { + font-family: "IconsBrands"; + content: "\f3e9"; +} + +.ts-icon.is-trello-icon::before { + font-family: "IconsBrands"; + content: "\f181"; +} + +.ts-icon.is-flag-icon::before { + content: "\f024"; +} + +.ts-icon.is-house-circle-exclamation-icon::before { + content: "\e50a"; +} + +.ts-icon.is-indent-icon::before { + content: "\f03c"; +} + +.ts-icon.is-the-red-yeti-icon::before { + font-family: "IconsBrands"; + content: "\f69d"; +} + +.ts-icon.is-bacon-icon::before { + content: "\f7e5"; +} + +.ts-icon.is-cc-paypal-icon::before { + font-family: "IconsBrands"; + content: "\f1f4"; +} + +.ts-icon.is-sith-icon::before { + font-family: "IconsBrands"; + content: "\f512"; +} + +.ts-icon.is-spotify-icon::before { + font-family: "IconsBrands"; + content: "\f1bc"; +} + +.ts-icon.is-btc-icon::before { + font-family: "IconsBrands"; + content: "\f15a"; +} + +.ts-icon.is-calendar-week-icon::before { + content: "\f784"; +} + +.ts-icon.is-square-poll-vertical-icon::before { + content: "\f681"; +} + +.ts-icon.is-book-bookmark-icon::before { + content: "\e0bb"; +} + +.ts-icon.is-pump-soap-icon::before { + content: "\e06b"; +} + +.ts-icon.is-n-icon::before { + content: "\4e"; +} + +.ts-icon.is-reply-all-icon::before { + content: "\f122"; +} + +.ts-icon.is-suitcase-icon::before { + content: "\f0f2"; +} + +.ts-icon.is-truck-pickup-icon::before { + content: "\f63c"; +} + +.ts-icon.is-volume-off-icon::before { + content: "\f026"; +} + +.ts-icon.is-cloudscale-icon::before { + font-family: "IconsBrands"; + content: "\f383"; +} + +.ts-icon.is-creative-commons-share-icon::before { + font-family: "IconsBrands"; + content: "\f4f2"; +} + +.ts-icon.is-jedi-order-icon::before { + font-family: "IconsBrands"; + content: "\f50e"; +} + +.ts-icon.is-viadeo-icon::before { + font-family: "IconsBrands"; + content: "\f2a9"; +} + +.ts-icon.is-newspaper-icon::before { + content: "\f1ea"; +} + +.ts-icon.is-clipboard-check-icon::before { + content: "\f46c"; +} + +.ts-icon.is-glass-water-icon::before { + content: "\e4f4"; +} + +.ts-icon.is-poo-storm-icon::before { + content: "\f75a"; +} + +.ts-icon.is-alipay-icon::before { + font-family: "IconsBrands"; + content: "\f642"; +} + +.ts-icon.is-grunt-icon::before { + font-family: "IconsBrands"; + content: "\f3ad"; +} + +.ts-icon.is-cheese-icon::before { + content: "\f7ef"; +} + +.ts-icon.is-face-kiss-wink-heart-icon::before { + content: "\f598"; +} + +.ts-icon.is-window-maximize-icon::before { + content: "\f2d0"; +} + +.ts-icon.is-align-center-icon::before { + content: "\f037"; +} + +.ts-icon.is-chart-simple-icon::before { + content: "\e473"; +} + +.ts-icon.is-person-walking-dashed-line-arrow-right-icon::before { + content: "\e553"; +} + +.ts-icon.is-rectangle-list-icon::before { + content: "\f022"; +} + +.ts-icon.is-mug-hot-icon::before { + content: "\f7b6"; +} + +.ts-icon.is-person-swimming-icon::before { + content: "\f5c4"; +} + +.ts-icon.is-teamspeak-icon::before { + font-family: "IconsBrands"; + content: "\f4f9"; +} + +.ts-icon.is-user-pen-icon::before { + content: "\f4ff"; +} + +.ts-icon.is-arrows-down-to-people-icon::before { + content: "\e4b9"; +} + +.ts-icon.is-cc-visa-icon::before { + font-family: "IconsBrands"; + content: "\f1f0"; +} + +.ts-icon.is-lightbulb-icon::before { + content: "\f0eb"; +} + +.ts-icon.is-cloudflare-icon::before { + font-family: "IconsBrands"; + content: "\e07d"; +} + +.ts-icon.is-creative-commons-by-icon::before { + font-family: "IconsBrands"; + content: "\f4e7"; +} + +.ts-icon.is-neuter-icon::before { + content: "\f22c"; +} + +.ts-icon.is-ethereum-icon::before { + font-family: "IconsBrands"; + content: "\f42e"; +} + +.ts-icon.is-hat-wizard-icon::before { + content: "\f6e8"; +} + +.ts-icon.is-hands-icon::before { + content: "\f2a7"; +} + +.ts-icon.is-truck-fast-icon::before { + content: "\f48b"; +} + +.ts-icon.is-arrow-turn-down-icon::before { + content: "\f149"; +} + +.ts-icon.is-file-signature-icon::before { + content: "\f573"; +} + +.ts-icon.is-magnifying-glass-chart-icon::before { + content: "\e522"; +} + +.ts-icon.is-mobile-retro-icon::before { + content: "\e527"; +} + +.ts-icon.is-pump-medical-icon::before { + content: "\e06a"; +} + +.ts-icon.is-square-youtube-icon::before { + font-family: "IconsBrands"; + content: "\f431"; +} + +.ts-icon.is-blogger-icon::before { + font-family: "IconsBrands"; + content: "\f37c"; +} + +.ts-icon.is-chair-icon::before { + content: "\f6c0"; +} + +.ts-icon.is-calendar-check-icon::before { + content: "\f274"; +} + +.ts-icon.is-nfc-directional-icon::before { + font-family: "IconsBrands"; + content: "\e530"; +} + +.ts-icon.is-notes-medical-icon::before { + content: "\f481"; +} + +.ts-icon.is-tarp-icon::before { + content: "\e57b"; +} + +.ts-icon.is-ubuntu-icon::before { + font-family: "IconsBrands"; + content: "\f7df"; +} + +.ts-icon.is-user-xmark-icon::before { + content: "\f235"; +} + +.ts-icon.is-vihara-icon::before { + content: "\f6a7"; +} + +.ts-icon.is-hospital-icon::before { + content: "\f0f8"; +} + +.ts-icon.is-lock-icon::before { + content: "\f023"; +} + +.ts-icon.is-square-pen-icon::before { + content: "\f14b"; +} + +.ts-icon.is-pizza-slice-icon::before { + content: "\f818"; +} + +.ts-icon.is-strikethrough-icon::before { + content: "\f0cc"; +} + +.ts-icon.is-trowel-bricks-icon::before { + content: "\e58a"; +} + +.ts-icon.is-bity-icon::before { + font-family: "IconsBrands"; + content: "\f37a"; +} + +.ts-icon.is-openid-icon::before { + font-family: "IconsBrands"; + content: "\f19b"; +} + +.ts-icon.is-hockey-puck-icon::before { + content: "\f453"; +} + +.ts-icon.is-manat-sign-icon::before { + content: "\e1d5"; +} + +.ts-icon.is-qq-icon::before { + font-family: "IconsBrands"; + content: "\f1d6"; +} + +.ts-icon.is-ship-icon::before { + content: "\f21a"; +} + +.ts-icon.is-chevron-left-icon::before { + content: "\f053"; +} + +.ts-icon.is-headphones-simple-icon::before { + content: "\f58f"; +} + +.ts-icon.is-square-minus-icon::before { + content: "\f146"; +} + +.ts-icon.is-tent-arrows-down-icon::before { + content: "\e581"; +} + +.ts-icon.is-up-down-icon::before { + content: "\f338"; +} + +.ts-icon.is-wallet-icon::before { + content: "\f555"; +} + +.ts-icon.is-bread-slice-icon::before { + content: "\f7ec"; +} + +.ts-icon.is-hand-point-up-icon::before { + content: "\f0a6"; +} + +.ts-icon.is-table-icon::before { + content: "\f0ce"; +} + +.ts-icon.is-cross-icon::before { + content: "\f654"; +} + +.ts-icon.is-square-snapchat-icon::before { + font-family: "IconsBrands"; + content: "\f2ad"; +} + +.ts-icon.is-fire-icon::before { + content: "\f06d"; +} + +.ts-icon.is-gem-icon::before { + content: "\f3a5"; +} + +.ts-icon.is-greater-than-icon::before { + content: "\3e"; +} + +.ts-icon.is-person-harassing-icon::before { + content: "\e549"; +} + +.ts-icon.is-share-icon::before { + content: "\f064"; +} + +.ts-icon.is-vk-icon::before { + font-family: "IconsBrands"; + content: "\f189"; +} + +.ts-icon.is-baby-carriage-icon::before { + content: "\f77d"; +} + +.ts-icon.is-dice-one-icon::before { + content: "\f525"; +} + +.ts-icon.is-piggy-bank-icon::before { + content: "\f4d3"; +} + +.ts-icon.is-ruler-horizontal-icon::before { + content: "\f547"; +} + +.ts-icon.is-tooth-icon::before { + content: "\f5c9"; +} + +.ts-icon.is-cow-icon::before { + content: "\f6c8"; +} + +.ts-icon.is-ello-icon::before { + font-family: "IconsBrands"; + content: "\f5f1"; +} + +.ts-icon.is-wordpress-simple-icon::before { + font-family: "IconsBrands"; + content: "\f411"; +} + +.ts-icon.is-ellipsis-vertical-icon::before { + content: "\f142"; +} + +.ts-icon.is-stopwatch-icon::before { + content: "\f2f2"; +} + +.ts-icon.is-file-circle-minus-icon::before { + content: "\e4ed"; +} + +.ts-icon.is-brazilian-real-sign-icon::before { + content: "\e46c"; +} + +.ts-icon.is-colon-sign-icon::before { + content: "\e140"; +} + +.ts-icon.is-pix-icon::before { + font-family: "IconsBrands"; + content: "\e43a"; +} + +.ts-icon.is-lungs-virus-icon::before { + content: "\e067"; +} + +.ts-icon.is-m-icon::before { + content: "\4d"; +} + +.ts-icon.is-arrows-left-right-icon::before { + content: "\f07e"; +} + +.ts-icon.is-award-icon::before { + content: "\f559"; +} + +.ts-icon.is-cc-discover-icon::before { + font-family: "IconsBrands"; + content: "\f1f2"; +} + +.ts-icon.is-hooli-icon::before { + font-family: "IconsBrands"; + content: "\f427"; +} + +.ts-icon.is-book-open-reader-icon::before { + content: "\f5da"; +} + +.ts-icon.is-spray-can-sparkles-icon::before { + content: "\f5d0"; +} + +.ts-icon.is-syringe-icon::before { + content: "\f48e"; +} + +.ts-icon.is-comment-sms-icon::before { + content: "\f7cd"; +} + +.ts-icon.is-file-pen-icon::before { + content: "\f31c"; +} + +.ts-icon.is-rainbow-icon::before { + content: "\f75b"; +} + +.ts-icon.is-trash-can-icon::before { + content: "\f2ed"; +} + +.ts-icon.is-list-icon::before { + content: "\f03a"; +} + +.ts-icon.is-servicestack-icon::before { + font-family: "IconsBrands"; + content: "\f3ec"; +} + +.ts-icon.is-spa-icon::before { + content: "\f5bb"; +} + +.ts-icon.is-aviato-icon::before { + font-family: "IconsBrands"; + content: "\f421"; +} + +.ts-icon.is-centercode-icon::before { + font-family: "IconsBrands"; + content: "\f380"; +} + +.ts-icon.is-face-grin-hearts-icon::before { + content: "\f584"; +} + +.ts-icon.is-franc-sign-icon::before { + content: "\e18f"; +} + +.ts-icon.is-house-chimney-medical-icon::before { + content: "\f7f2"; +} + +.ts-icon.is-hands-bubbles-icon::before { + content: "\e05e"; +} + +.ts-icon.is-circle-half-stroke-icon::before { + content: "\f042"; +} + +.ts-icon.is-flipboard-icon::before { + font-family: "IconsBrands"; + content: "\f44d"; +} + +.ts-icon.is-digital-ocean-icon::before { + font-family: "IconsBrands"; + content: "\f391"; +} + +.ts-icon.is-school-icon::before { + content: "\f549"; +} + +.ts-icon.is-mask-face-icon::before { + content: "\e1d7"; +} + +.ts-icon.is-message-icon::before { + content: "\f27a"; +} + +.ts-icon.is-mobile-screen-icon::before { + content: "\f3cf"; +} + +.ts-icon.is-paragraph-icon::before { + content: "\f1dd"; +} + +.ts-icon.is-signature-icon::before { + content: "\f5b7"; +} + +.ts-icon.is-cedi-sign-icon::before { + content: "\e0df"; +} + +.ts-icon.is-dice-six-icon::before { + content: "\f526"; +} + +.ts-icon.is-flask-icon::before { + content: "\f0c3"; +} + +.ts-icon.is-child-combatant-icon::before { + content: "\e4e0"; +} + +.ts-icon.is-snowplow-icon::before { + content: "\f7d2"; +} + +.ts-icon.is-wand-sparkles-icon::before { + content: "\f72b"; +} + +.ts-icon.is-bars-icon::before { + content: "\f0c9"; +} + +.ts-icon.is-carrot-icon::before { + content: "\f787"; +} + +.ts-icon.is-circle-pause-icon::before { + content: "\f28b"; +} + +.ts-icon.is-earlybirds-icon::before { + font-family: "IconsBrands"; + content: "\f39a"; +} + +.ts-icon.is-left-right-icon::before { + content: "\f337"; +} + +.ts-icon.is-3-icon::before { + content: "\33"; +} + +.ts-icon.is-bluetooth-b-icon::before { + font-family: "IconsBrands"; + content: "\f294"; +} + +.ts-icon.is-meteor-icon::before { + content: "\f753"; +} + +.ts-icon.is-code-fork-icon::before { + content: "\e13b"; +} + +.ts-icon.is-holly-berry-icon::before { + content: "\f7aa"; +} + +.ts-icon.is-rotate-right-icon::before { + content: "\f2f9"; +} + +.ts-icon.is-building-circle-check-icon::before { + content: "\e4d2"; +} + +.ts-icon.is-id-card-icon::before { + content: "\f2c2"; +} + +.ts-icon.is-rocketchat-icon::before { + font-family: "IconsBrands"; + content: "\f3e8"; +} + +.ts-icon.is-torii-gate-icon::before { + content: "\f6a1"; +} + +.ts-icon.is-app-store-icon::before { + font-family: "IconsBrands"; + content: "\f36f"; +} + +.ts-icon.is-react-icon::before { + font-family: "IconsBrands"; + content: "\f41b"; +} + +.ts-icon.is-kickstarter-icon::before { + font-family: "IconsBrands"; + content: "\f3bb"; +} + +.ts-icon.is-place-of-worship-icon::before { + content: "\f67f"; +} + +.ts-icon.is-chalkboard-user-icon::before { + content: "\f51c"; +} + +.ts-icon.is-cotton-bureau-icon::before { + font-family: "IconsBrands"; + content: "\f89e"; +} + +.ts-icon.is-plane-lock-icon::before { + content: "\e558"; +} + +.ts-icon.is-rust-icon::before { + font-family: "IconsBrands"; + content: "\e07a"; +} + +.ts-icon.is-grip-icon::before { + content: "\f58d"; +} + +.ts-icon.is-person-booth-icon::before { + content: "\f756"; +} + +.ts-icon.is-genderless-icon::before { + content: "\f22d"; +} + +.ts-icon.is-jet-fighter-up-icon::before { + content: "\e518"; +} + +.ts-icon.is-terminal-icon::before { + content: "\f120"; +} + +.ts-icon.is-trash-can-arrow-up-icon::before { + content: "\f82a"; +} + +.ts-icon.is-amilia-icon::before { + font-family: "IconsBrands"; + content: "\f36d"; +} + +.ts-icon.is-arrows-rotate-icon::before { + content: "\f021"; +} + +.ts-icon.is-star-half-stroke-icon::before { + content: "\f5c0"; +} + +.ts-icon.is-location-pin-lock-icon::before { + content: "\e51f"; +} + +.ts-icon.is-magnifying-glass-icon::before { + content: "\f002"; +} + +.ts-icon.is-square-pinterest-icon::before { + font-family: "IconsBrands"; + content: "\f0d3"; +} + +.ts-icon.is-heart-icon::before { + content: "\f004"; +} + +.ts-icon.is-money-bill-wave-icon::before { + content: "\f53a"; +} + +.ts-icon.is-parachute-box-icon::before { + content: "\f4cd"; +} + +.ts-icon.is-square-hacker-news-icon::before { + font-family: "IconsBrands"; + content: "\f3af"; +} + +.ts-icon.is-up-right-from-square-icon::before { + content: "\f35d"; +} + +.ts-icon.is-bold-icon::before { + content: "\f032"; +} + +.ts-icon.is-discord-icon::before { + font-family: "IconsBrands"; + content: "\f392"; +} + +.ts-icon.is-user-clock-icon::before { + content: "\f4fd"; +} + +.ts-icon.is-virus-slash-icon::before { + content: "\e075"; +} + +.ts-icon.is-vuejs-icon::before { + font-family: "IconsBrands"; + content: "\f41f"; +} + +.ts-icon.is-arrows-to-dot-icon::before { + content: "\e4be"; +} + +.ts-icon.is-face-sad-cry-icon::before { + content: "\f5b3"; +} + +.ts-icon.is-dog-icon::before { + content: "\f6d3"; +} + +.ts-icon.is-jar-icon::before { + content: "\e516"; +} + +.ts-icon.is-first-order-alt-icon::before { + font-family: "IconsBrands"; + content: "\f50a"; +} + +.ts-icon.is-turn-up-icon::before { + content: "\f3bf"; +} + +.ts-icon.is-s-icon::before { + content: "\53"; +} + +.ts-icon.is-user-plus-icon::before { + content: "\f234"; +} + +.ts-icon.is-building-lock-icon::before { + content: "\e4d6"; +} + +.ts-icon.is-network-wired-icon::before { + content: "\f6ff"; +} + +.ts-icon.is-skyatlas-icon::before { + font-family: "IconsBrands"; + content: "\f216"; +} + +.ts-icon.is-square-font-awesome-icon::before { + font-family: "IconsBrands"; + content: "\e5ad"; +} + +.ts-icon.is-xmarks-lines-icon::before { + content: "\e59a"; +} + +.ts-icon.is-angle-left-icon::before { + content: "\f104"; +} + +.ts-icon.is-down-long-icon::before { + content: "\f309"; +} + +.ts-icon.is-sailboat-icon::before { + content: "\e445"; +} + +.ts-icon.is-school-circle-check-icon::before { + content: "\e56b"; +} + +.ts-icon.is-user-large-slash-icon::before { + content: "\f4fa"; +} + +.ts-icon.is-xing-icon::before { + font-family: "IconsBrands"; + content: "\f168"; +} + +.ts-icon.is-language-icon::before { + content: "\f1ab"; +} + +.ts-icon.is-rev-icon::before { + font-family: "IconsBrands"; + content: "\f5b2"; +} + +.ts-icon.is-seedling-icon::before { + content: "\f4d8"; +} + +.ts-icon.is-circle-xmark-icon::before { + content: "\f057"; +} + +.ts-icon.is-plane-up-icon::before { + content: "\e22d"; +} + +.ts-icon.is-hat-cowboy-side-icon::before { + content: "\f8c1"; +} + +.ts-icon.is-hotdog-icon::before { + content: "\f80f"; +} + +.ts-icon.is-nfc-symbol-icon::before { + font-family: "IconsBrands"; + content: "\e531"; +} + +.ts-icon.is-arrow-left-icon::before { + content: "\f060"; +} + +.ts-icon.is-clock-icon::before { + content: "\f017"; +} + +.ts-icon.is-futbol-icon::before { + content: "\f1e3"; +} + +.ts-icon.is-trademark-icon::before { + content: "\f25c"; +} + +.ts-icon.is-square-xmark-icon::before { + content: "\f2d3"; +} + +.ts-icon.is-clapperboard-icon::before { + content: "\e131"; +} + +.ts-icon.is-file-arrow-up-icon::before { + content: "\f574"; +} + +.ts-icon.is-scissors-icon::before { + content: "\f0c4"; +} + +.ts-icon.is-wordpress-icon::before { + font-family: "IconsBrands"; + content: "\f19a"; +} + +.ts-icon.is-ear-listen-icon::before { + content: "\f2a2"; +} + +.ts-icon.is-plane-slash-icon::before { + content: "\e069"; +} + +.ts-icon.is-desktop-icon::before { + content: "\f390"; +} + +.ts-icon.is-dice-two-icon::before { + content: "\f528"; +} + +.ts-icon.is-fedex-icon::before { + font-family: "IconsBrands"; + content: "\f797"; +} + +.ts-icon.is-tencent-weibo-icon::before { + font-family: "IconsBrands"; + content: "\f1d5"; +} + +.ts-icon.is-binoculars-icon::before { + content: "\f1e5"; +} + +.ts-icon.is-blackberry-icon::before { + font-family: "IconsBrands"; + content: "\f37b"; +} + +.ts-icon.is-faucet-icon::before { + content: "\e005"; +} + +.ts-icon.is-circle-arrow-up-icon::before { + content: "\f0aa"; +} + +.ts-icon.is-face-grin-tongue-icon::before { + content: "\f589"; +} + +.ts-icon.is-bitcoin-icon::before { + font-family: "IconsBrands"; + content: "\f379"; +} + +.ts-icon.is-car-tunnel-icon::before { + content: "\e4de"; +} + +.ts-icon.is-raspberry-pi-icon::before { + font-family: "IconsBrands"; + content: "\f7bb"; +} + +.ts-icon.is-table-columns-icon::before { + content: "\f0db"; +} + +.ts-icon.is-house-fire-icon::before { + content: "\e50c"; +} + +.ts-icon.is-skype-icon::before { + font-family: "IconsBrands"; + content: "\f17e"; +} + +.ts-icon.is-blog-icon::before { + content: "\f781"; +} + +.ts-icon.is-hackerrank-icon::before { + font-family: "IconsBrands"; + content: "\f5f7"; +} + +.ts-icon.is-down-left-and-up-right-to-center-icon::before { + content: "\f422"; +} + +.ts-icon.is-hand-middle-finger-icon::before { + content: "\f806"; +} + +.ts-icon.is-mars-stroke-right-icon::before { + content: "\f22b"; +} + +.ts-icon.is-synagogue-icon::before { + content: "\f69b"; +} + +.ts-icon.is-tachograph-digital-icon::before { + content: "\f566"; +} + +.ts-icon.is-atlassian-icon::before { + font-family: "IconsBrands"; + content: "\f77b"; +} + +.ts-icon.is-backward-fast-icon::before { + content: "\f049"; +} + +.ts-icon.is-fire-flame-simple-icon::before { + content: "\f46a"; +} + +.ts-icon.is-optin-monster-icon::before { + font-family: "IconsBrands"; + content: "\f23c"; +} + +.ts-icon.is-temperature-arrow-up-icon::before { + content: "\e040"; +} + +.ts-icon.is-camera-retro-icon::before { + content: "\f083"; +} + +.ts-icon.is-creative-commons-remix-icon::before { + font-family: "IconsBrands"; + content: "\f4ee"; +} + +.ts-icon.is-check-double-icon::before { + content: "\f560"; +} + +.ts-icon.is-confluence-icon::before { + font-family: "IconsBrands"; + content: "\f78d"; +} + +.ts-icon.is-quote-right-icon::before { + content: "\f10e"; +} + +.ts-icon.is-trash-icon::before { + content: "\f1f8"; +} + +.ts-icon.is-algolia-icon::before { + font-family: "IconsBrands"; + content: "\f36c"; +} + +.ts-icon.is-angle-right-icon::before { + content: "\f105"; +} + +.ts-icon.is-folder-plus-icon::before { + content: "\f65e"; +} + +.ts-icon.is-arrows-turn-to-dots-icon::before { + content: "\e4c1"; +} + +.ts-icon.is-bolt-lightning-icon::before { + content: "\e0b7"; +} + +.ts-icon.is-toilet-paper-icon::before { + content: "\f71e"; +} + +.ts-icon.is-calendar-minus-icon::before { + content: "\f272"; +} + +.ts-icon.is-sistrix-icon::before { + font-family: "IconsBrands"; + content: "\f3ee"; +} + +.ts-icon.is-thumbtack-icon::before { + content: "\f08d"; +} + +.ts-icon.is-shop-lock-icon::before { + content: "\e4a5"; +} + +.ts-icon.is-snowflake-icon::before { + content: "\f2dc"; +} + +.ts-icon.is-screenpal-icon::before { + font-family: "IconsBrands"; + content: "\e570"; +} + +.ts-icon.is-text-height-icon::before { + content: "\f034"; +} + +.ts-icon.is-building-circle-exclamation-icon::before { + content: "\e4d3"; +} + +.ts-icon.is-person-breastfeeding-icon::before { + content: "\e53a"; +} + +.ts-icon.is-person-shelter-icon::before { + content: "\e54f"; +} + +.ts-icon.is-500px-icon::before { + font-family: "IconsBrands"; + content: "\f26e"; +} + +.ts-icon.is-suitcase-medical-icon::before { + content: "\f0fa"; +} + +.ts-icon.is-caret-left-icon::before { + content: "\f0d9"; +} + +.ts-icon.is-mosquito-net-icon::before { + content: "\e52c"; +} + +.ts-icon.is-shuffle-icon::before { + content: "\f074"; +} + +.ts-icon.is-store-slash-icon::before { + content: "\e071"; +} + +.ts-icon.is-apple-whole-icon::before { + content: "\f5d1"; +} + +.ts-icon.is-bottle-water-icon::before { + content: "\e4c5"; +} + +.ts-icon.is-cubes-icon::before { + content: "\f1b3"; +} + +.ts-icon.is-themeco-icon::before { + font-family: "IconsBrands"; + content: "\f5c6"; +} + +.ts-icon.is-angellist-icon::before { + font-family: "IconsBrands"; + content: "\f209"; +} + +.ts-icon.is-forumbee-icon::before { + font-family: "IconsBrands"; + content: "\f211"; +} + +.ts-icon.is-hand-icon::before { + content: "\f256"; +} + +.ts-icon.is-person-walking-arrow-loop-left-icon::before { + content: "\e551"; +} + +.ts-icon.is-pied-piper-pp-icon::before { + font-family: "IconsBrands"; + content: "\f1a7"; +} + +.ts-icon.is-bootstrap-icon::before { + font-family: "IconsBrands"; + content: "\f836"; +} + +.ts-icon.is-envelope-icon::before { + content: "\f0e0"; +} + +.ts-icon.is-mobile-screen-button-icon::before { + content: "\f3cd"; +} + +.ts-icon.is-teeth-open-icon::before { + content: "\f62f"; +} + +.ts-icon.is-typo3-icon::before { + font-family: "IconsBrands"; + content: "\f42b"; +} + +.ts-icon.is-biohazard-icon::before { + content: "\f780"; +} + +.ts-icon.is-box-icon::before { + content: "\f466"; +} + +.ts-icon.is-users-rectangle-icon::before { + content: "\e594"; +} + +.ts-icon.is-bangladeshi-taka-sign-icon::before { + content: "\e2e6"; +} + +.ts-icon.is-earth-asia-icon::before { + content: "\f57e"; +} + +.ts-icon.is-comment-dollar-icon::before { + content: "\f651"; +} + +.ts-icon.is-css3-alt-icon::before { + font-family: "IconsBrands"; + content: "\f38b"; +} + +.ts-icon.is-person-arrow-up-from-line-icon::before { + content: "\e539"; +} + +.ts-icon.is-timeline-icon::before { + content: "\e29c"; +} + +.ts-icon.is-unity-icon::before { + font-family: "IconsBrands"; + content: "\e049"; +} + +.ts-icon.is-42-group-icon::before { + font-family: "IconsBrands"; + content: "\e080"; +} + +.ts-icon.is-avianex-icon::before { + font-family: "IconsBrands"; + content: "\f374"; +} + +.ts-icon.is-wikipedia-w-icon::before { + font-family: "IconsBrands"; + content: "\f266"; +} + +.ts-icon.is-node-js-icon::before { + font-family: "IconsBrands"; + content: "\f3d3"; +} + +.ts-icon.is-redhat-icon::before { + font-family: "IconsBrands"; + content: "\f7bc"; +} + +.ts-icon.is-magento-icon::before { + font-family: "IconsBrands"; + content: "\f3c4"; +} + +.ts-icon.is-mailchimp-icon::before { + font-family: "IconsBrands"; + content: "\f59e"; +} + +.ts-icon.is-supple-icon::before { + font-family: "IconsBrands"; + content: "\f3f9"; +} + +.ts-icon.is-table-cells-large-icon::before { + content: "\f009"; +} + +.ts-icon.is-free-code-camp-icon::before { + font-family: "IconsBrands"; + content: "\f2c5"; +} + +.ts-icon.is-hourglass-end-icon::before { + content: "\f253"; +} + +.ts-icon.is-code-merge-icon::before { + content: "\f387"; +} + +.ts-icon.is-house-flood-water-circle-arrow-right-icon::before { + content: "\e50f"; +} + +.ts-icon.is-plane-circle-xmark-icon::before { + content: "\e557"; +} + +.ts-icon.is-yarn-icon::before { + font-family: "IconsBrands"; + content: "\f7e3"; +} + +.ts-icon.is-circle-user-icon::before { + content: "\f2bd"; +} + +.ts-icon.is-cloud-showers-heavy-icon::before { + content: "\f740"; +} + +.ts-icon.is-face-dizzy-icon::before { + content: "\f567"; +} + +.ts-icon.is-file-csv-icon::before { + content: "\f6dd"; +} + +.ts-icon.is-house-icon::before { + content: "\f015"; +} + +.ts-icon.is-arrows-up-to-line-icon::before { + content: "\e4c2"; +} + +.ts-icon.is-cat-icon::before { + content: "\f6be"; +} + +.ts-icon.is-face-smile-wink-icon::before { + content: "\f4da"; +} + +.ts-icon.is-faucet-drip-icon::before { + content: "\e006"; +} + +.ts-icon.is-record-vinyl-icon::before { + content: "\f8d9"; +} + +.ts-icon.is-tty-icon::before { + content: "\f1e4"; +} + +.ts-icon.is-accusoft-icon::before { + font-family: "IconsBrands"; + content: "\f369"; +} + +.ts-icon.is-circle-arrow-down-icon::before { + content: "\f0ab"; +} + +.ts-icon.is-meetup-icon::before { + font-family: "IconsBrands"; + content: "\f2e0"; +} + +.ts-icon.is-plane-arrival-icon::before { + content: "\f5af"; +} + +.ts-icon.is-wrench-icon::before { + content: "\f0ad"; +} + +.ts-icon.is-arrow-down-long-icon::before { + content: "\f175"; +} + +.ts-icon.is-droplet-icon::before { + content: "\f043"; +} + +.ts-icon.is-comment-icon::before { + content: "\f075"; +} + +.ts-icon.is-bandcamp-icon::before { + font-family: "IconsBrands"; + content: "\f2d5"; +} + +.ts-icon.is-box-open-icon::before { + content: "\f49e"; +} + +.ts-icon.is-money-check-icon::before { + content: "\f53c"; +} + +.ts-icon.is-arrow-right-icon::before { + content: "\f061"; +} + +.ts-icon.is-face-grin-beam-sweat-icon::before { + content: "\f583"; +} + +.ts-icon.is-mars-stroke-up-icon::before { + content: "\f22a"; +} + +.ts-icon.is-v-icon::before { + content: "\56"; +} + +.ts-icon.is-child-reaching-icon::before { + content: "\e59d"; +} + +.ts-icon.is-hornbill-icon::before { + font-family: "IconsBrands"; + content: "\f592"; +} + +.ts-icon.is-goodreads-g-icon::before { + font-family: "IconsBrands"; + content: "\f3a9"; +} + +.ts-icon.is-truck-monster-icon::before { + content: "\f63b"; +} + +.ts-icon.is-circle-arrow-left-icon::before { + content: "\f0a8"; +} + +.ts-icon.is-kaggle-icon::before { + font-family: "IconsBrands"; + content: "\f5fa"; +} + +.ts-icon.is-file-invoice-dollar-icon::before { + content: "\f571"; +} + +.ts-icon.is-leanpub-icon::before { + font-family: "IconsBrands"; + content: "\f212"; +} + +.ts-icon.is-rocket-icon::before { + content: "\f135"; +} + +.ts-icon.is-c-icon::before { + content: "\43"; +} + +.ts-icon.is-file-circle-plus-icon::before { + content: "\e494"; +} + +.ts-icon.is-group-arrows-rotate-icon::before { + content: "\e4f6"; +} + +.ts-icon.is-shield-virus-icon::before { + content: "\e06c"; +} + +.ts-icon.is-calendar-plus-icon::before { + content: "\f271"; +} + +.ts-icon.is-dhl-icon::before { + font-family: "IconsBrands"; + content: "\f790"; +} + +.ts-icon.is-link-slash-icon::before { + content: "\f127"; +} + +.ts-icon.is-quora-icon::before { + font-family: "IconsBrands"; + content: "\f2c4"; +} + +.ts-icon.is-rug-icon::before { + content: "\e569"; +} + +.ts-icon.is-toggle-on-icon::before { + content: "\f205"; +} + +.ts-icon.is-5-icon::before { + content: "\35"; +} + +.ts-icon.is-arrow-down-icon::before { + content: "\f063"; +} + +.ts-icon.is-salesforce-icon::before { + font-family: "IconsBrands"; + content: "\f83b"; +} + +.ts-icon.is-dumpster-icon::before { + content: "\f793"; +} + +.ts-icon.is-om-icon::before { + content: "\f679"; +} + +.ts-icon.is-tablet-icon::before { + content: "\f3fb"; +} + +.ts-icon.is-git-alt-icon::before { + font-family: "IconsBrands"; + content: "\f841"; +} + +.ts-icon.is-spider-icon::before { + content: "\f717"; +} + +.ts-icon.is-walkie-talkie-icon::before { + content: "\f8ef"; +} + +.ts-icon.is-wind-icon::before { + content: "\f72e"; +} + +.ts-icon.is-audible-icon::before { + font-family: "IconsBrands"; + content: "\f373"; +} + +.ts-icon.is-l-icon::before { + content: "\4c"; +} + +.ts-icon.is-person-cane-icon::before { + content: "\e53c"; +} + +.ts-icon.is-sign-hanging-icon::before { + content: "\f4d9"; +} + +.ts-icon.is-building-circle-arrow-right-icon::before { + content: "\e4d1"; +} + +.ts-icon.is-cloud-rain-icon::before { + content: "\f73d"; +} + +.ts-icon.is-old-republic-icon::before { + font-family: "IconsBrands"; + content: "\f510"; +} + +.ts-icon.is-face-grin-squint-icon::before { + content: "\f585"; +} + +.ts-icon.is-less-than-equal-icon::before { + content: "\f537"; +} + +.ts-icon.is-mill-sign-icon::before { + content: "\e1ed"; +} + +.ts-icon.is-x-icon::before { + content: "\58"; +} + +.ts-icon.is-arrow-rotate-left-icon::before { + content: "\f0e2"; +} + +.ts-icon.is-book-quran-icon::before { + content: "\f687"; +} + +.ts-icon.is-jedi-icon::before { + content: "\f669"; +} + +.ts-icon.is-apple-pay-icon::before { + font-family: "IconsBrands"; + content: "\f415"; +} + +.ts-icon.is-computer-mouse-icon::before { + content: "\f8cc"; +} + +.ts-icon.is-staylinked-icon::before { + font-family: "IconsBrands"; + content: "\f3f5"; +} + +.ts-icon.is-face-meh-blank-icon::before { + content: "\f5a4"; +} + +.ts-icon.is-square-behance-icon::before { + font-family: "IconsBrands"; + content: "\f1b5"; +} + +.ts-icon.is-table-list-icon::before { + content: "\f00b"; +} + +.ts-icon.is-wand-magic-icon::before { + content: "\f0d0"; +} + +.ts-icon.is-cart-flatbed-icon::before { + content: "\f474"; +} + +.ts-icon.is-hips-icon::before { + font-family: "IconsBrands"; + content: "\f452"; +} + +.ts-icon.is-radio-icon::before { + content: "\f8d7"; +} + +.ts-icon.is-fire-burner-icon::before { + content: "\e4f1"; +} + +.ts-icon.is-galactic-senate-icon::before { + font-family: "IconsBrands"; + content: "\f50d"; +} + +.ts-icon.is-gulp-icon::before { + font-family: "IconsBrands"; + content: "\f3ae"; +} + +.ts-icon.is-registered-icon::before { + content: "\f25d"; +} + +.ts-icon.is-fonticons-fi-icon::before { + font-family: "IconsBrands"; + content: "\f3a2"; +} + +.ts-icon.is-globe-icon::before { + content: "\f0ac"; +} + +.ts-icon.is-house-circle-xmark-icon::before { + content: "\e50b"; +} + +.ts-icon.is-wheat-awn-icon::before { + content: "\e2cd"; +} + +.ts-icon.is-google-plus-icon::before { + font-family: "IconsBrands"; + content: "\f2b3"; +} + +.ts-icon.is-google-wallet-icon::before { + font-family: "IconsBrands"; + content: "\f1ee"; +} + +.ts-icon.is-location-crosshairs-icon::before { + content: "\f601"; +} + +.ts-icon.is-thumbs-down-icon::before { + content: "\f165"; +} + +.ts-icon.is-wifi-icon::before { + content: "\f1eb"; +} + +.ts-icon.is-buysellads-icon::before { + font-family: "IconsBrands"; + content: "\f20d"; +} + +.ts-icon.is-filter-icon::before { + content: "\f0b0"; +} + +.ts-icon.is-florin-sign-icon::before { + content: "\e184"; +} + +.ts-icon.is-handcuffs-icon::before { + content: "\e4f8"; +} + +.ts-icon.is-square-up-right-icon::before { + content: "\f360"; +} + +.ts-icon.is-tree-city-icon::before { + content: "\e587"; +} + +.ts-icon.is-autoprefixer-icon::before { + font-family: "IconsBrands"; + content: "\f41c"; +} + +.ts-icon.is-right-from-bracket-icon::before { + content: "\f2f5"; +} + +.ts-icon.is-critical-role-icon::before { + font-family: "IconsBrands"; + content: "\f6c9"; +} + +.ts-icon.is-road-spikes-icon::before { + content: "\e568"; +} + +.ts-icon.is-truck-ramp-box-icon::before { + content: "\f4de"; +} + +.ts-icon.is-arrow-right-to-bracket-icon::before { + content: "\f090"; +} + +.ts-icon.is-clipboard-icon::before { + content: "\f328"; +} + +.ts-icon.is-tv-icon::before { + content: "\f26c"; +} + +.ts-icon.is-patreon-icon::before { + font-family: "IconsBrands"; + content: "\f3d9"; +} + +.ts-icon.is-z-icon::before { + content: "\5a"; +} + +.ts-icon.is-weixin-icon::before { + font-family: "IconsBrands"; + content: "\f1d7"; +} + +.ts-icon.is-moon-icon::before { + content: "\f186"; +} + +.ts-icon.is-star-and-crescent-icon::before { + content: "\f699"; +} + +.ts-icon.is-hand-point-right-icon::before { + content: "\f0a4"; +} + +.ts-icon.is-hand-spock-icon::before { + content: "\f259"; +} + +.ts-icon.is-code-branch-icon::before { + content: "\f126"; +} + +.ts-icon.is-credit-card-icon::before { + content: "\f09d"; +} + +.ts-icon.is-elementor-icon::before { + font-family: "IconsBrands"; + content: "\f430"; +} + +.ts-icon.is-mosquito-icon::before { + content: "\e52b"; +} + +.ts-icon.is-mountain-city-icon::before { + content: "\e52e"; +} + +.ts-icon.is-snowman-icon::before { + content: "\f7d0"; +} + +.ts-icon.is-ban-smoking-icon::before { + content: "\f54d"; +} + +.ts-icon.is-cmplid-icon::before { + font-family: "IconsBrands"; + content: "\e360"; +} + +.ts-icon.is-school-lock-icon::before { + content: "\e56f"; +} + +.ts-icon.is-expand-icon::before { + content: "\f065"; +} + +.ts-icon.is-hubspot-icon::before { + font-family: "IconsBrands"; + content: "\f3b2"; +} + +.ts-icon.is-bridge-lock-icon::before { + content: "\e4cc"; +} + +.ts-icon.is-circle-dollar-to-slot-icon::before { + content: "\f4b9"; +} + +.ts-icon.is-pied-piper-icon::before { + font-family: "IconsBrands"; + content: "\f2ae"; +} + +.ts-icon.is-splotch-icon::before { + content: "\f5bc"; +} + +.ts-icon.is-user-shield-icon::before { + content: "\f505"; +} + +.ts-icon.is-circle-check-icon::before { + content: "\f058"; +} + +.ts-icon.is-heart-circle-bolt-icon::before { + content: "\e4fc"; +} + +.ts-icon.is-bus-simple-icon::before { + content: "\f55e"; +} + +.ts-icon.is-leaf-icon::before { + content: "\f06c"; +} + +.ts-icon.is-ioxhost-icon::before { + font-family: "IconsBrands"; + content: "\f208"; +} + +.ts-icon.is-palfed-icon::before { + font-family: "IconsBrands"; + content: "\f3d8"; +} + +.ts-icon.is-download-icon::before { + content: "\f019"; +} + +.ts-icon.is-house-signal-icon::before { + content: "\e012"; +} + +.ts-icon.is-xmark-icon::before { + content: "\f00d"; +} + +.ts-icon.is-codiepie-icon::before { + font-family: "IconsBrands"; + content: "\f284"; +} + +.ts-icon.is-wodu-icon::before { + font-family: "IconsBrands"; + content: "\e088"; +} + +.ts-icon.is-ebay-icon::before { + font-family: "IconsBrands"; + content: "\f4f4"; +} + +.ts-icon.is-litecoin-sign-icon::before { + content: "\e1d3"; +} + +.ts-icon.is-wheelchair-icon::before { + content: "\f193"; +} + +.ts-icon.is-heading-icon::before { + content: "\f1dc"; +} + +.ts-icon.is-person-walking-icon::before { + content: "\f554"; +} + +.ts-icon.is-circle-plus-icon::before { + content: "\f055"; +} + +.ts-icon.is-pinterest-icon::before { + font-family: "IconsBrands"; + content: "\f0d2"; +} + +.ts-icon.is-comment-dots-icon::before { + content: "\f4ad"; +} + +.ts-icon.is-ruler-icon::before { + content: "\f545"; +} + +.ts-icon.is-pied-piper-hat-icon::before { + font-family: "IconsBrands"; + content: "\f4e5"; +} + +.ts-icon.is-hands-praying-icon::before { + content: "\f684"; +} + +.ts-icon.is-object-ungroup-icon::before { + content: "\f248"; +} + +.ts-icon.is-play-icon::before { + content: "\f04b"; +} + +.ts-icon.is-rupee-sign-icon::before { + content: "\f156"; +} + +.ts-icon.is-space-awesome-icon::before { + font-family: "IconsBrands"; + content: "\e5ac"; +} + +.ts-icon.is-grip-vertical-icon::before { + content: "\f58e"; +} + +.ts-icon.is-martini-glass-citrus-icon::before { + content: "\f561"; +} + +.ts-icon.is-circle-stop-icon::before { + content: "\f28d"; +} + +.ts-icon.is-display-icon::before { + content: "\e163"; +} + +.ts-icon.is-graduation-cap-icon::before { + content: "\f19d"; +} + +.ts-icon.is-truck-field-un-icon::before { + content: "\e58e"; +} + +.ts-icon.is-youtube-icon::before { + font-family: "IconsBrands"; + content: "\f167"; +} + +.ts-icon.is-backward-icon::before { + content: "\f04a"; +} + +.ts-icon.is-circle-minus-icon::before { + content: "\f056"; +} + +.ts-icon.is-route-icon::before { + content: "\f4d7"; +} + +.ts-icon.is-shield-halved-icon::before { + content: "\f3ed"; +} + +.ts-icon.is-hand-fist-icon::before { + content: "\f6de"; +} + +.ts-icon.is-plus-minus-icon::before { + content: "\e43c"; +} + +.ts-icon.is-replyd-icon::before { + font-family: "IconsBrands"; + content: "\f3e6"; +} + +.ts-icon.is-money-bill-icon::before { + content: "\f0d6"; +} + +.ts-icon.is-up-long-icon::before { + content: "\f30c"; +} + +.ts-icon.is-staff-snake-icon::before { + content: "\e579"; +} + +.ts-icon.is-yelp-icon::before { + font-family: "IconsBrands"; + content: "\f1e9"; +} + +.ts-icon.is-chrome-icon::before { + font-family: "IconsBrands"; + content: "\f268"; +} + +.ts-icon.is-drupal-icon::before { + font-family: "IconsBrands"; + content: "\f1a9"; +} + +.ts-icon.is-erlang-icon::before { + font-family: "IconsBrands"; + content: "\f39d"; +} + +.ts-icon.is-up-down-left-right-icon::before { + content: "\f0b2"; +} + +.ts-icon.is-weight-hanging-icon::before { + content: "\f5cd"; +} + +.ts-icon.is-anchor-lock-icon::before { + content: "\e4ad"; +} + +.ts-icon.is-envelope-circle-check-icon::before { + content: "\e4e8"; +} + +.ts-icon.is-otter-icon::before { + content: "\f700"; +} + +.ts-icon.is-calendar-icon::before { + content: "\f133"; +} + +.ts-icon.is-dice-five-icon::before { + content: "\f523"; +} + +.ts-icon.is-laptop-code-icon::before { + content: "\f5fc"; +} + +.ts-icon.is-mountain-icon::before { + content: "\f6fc"; +} + +.ts-icon.is-highlighter-icon::before { + content: "\f591"; +} + +.ts-icon.is-landmark-dome-icon::before { + content: "\f752"; +} + +.ts-icon.is-square-root-variable-icon::before { + content: "\f698"; +} + +.ts-icon.is-lari-sign-icon::before { + content: "\e1c8"; +} + +.ts-icon.is-plane-circle-exclamation-icon::before { + content: "\e556"; +} + +.ts-icon.is-scale-balanced-icon::before { + content: "\f24e"; +} + +.ts-icon.is-zhihu-icon::before { + font-family: "IconsBrands"; + content: "\f63f"; +} + +.ts-icon.is-handshake-icon::before { + content: "\f2b5"; +} + +.ts-icon.is-microphone-lines-slash-icon::before { + content: "\f539"; +} + +.ts-icon.is-taxi-icon::before { + content: "\f1ba"; +} + +.ts-icon.is-usb-icon::before { + font-family: "IconsBrands"; + content: "\f287"; +} + +.ts-icon.is-x-ray-icon::before { + content: "\f497"; +} + +.ts-icon.is-head-side-cough-icon::before { + content: "\e061"; +} + +.ts-icon.is-map-pin-icon::before { + content: "\f276"; +} + +.ts-icon.is-facebook-icon::before { + font-family: "IconsBrands"; + content: "\f09a"; +} + +.ts-icon.is-file-circle-xmark-icon::before { + content: "\e5a1"; +} + +.ts-icon.is-dragon-icon::before { + content: "\f6d5"; +} + +.ts-icon.is-reddit-alien-icon::before { + font-family: "IconsBrands"; + content: "\f281"; +} + +.ts-icon.is-right-long-icon::before { + content: "\f30b"; +} + +.ts-icon.is-signal-icon::before { + content: "\f012"; +} + +.ts-icon.is-users-line-icon::before { + content: "\e592"; +} + +.ts-icon.is-virus-covid-icon::before { + content: "\e4a8"; +} + +.ts-icon.is-angles-up-icon::before { + content: "\f102"; +} + +.ts-icon.is-arrow-down-wide-short-icon::before { + content: "\f160"; +} + +.ts-icon.is-money-bill-1-wave-icon::before { + content: "\f53b"; +} + +.ts-icon.is-clipboard-list-icon::before { + content: "\f46d"; +} + +.ts-icon.is-get-pocket-icon::before { + font-family: "IconsBrands"; + content: "\f265"; +} + +.ts-icon.is-centos-icon::before { + font-family: "IconsBrands"; + content: "\f789"; +} + +.ts-icon.is-crosshairs-icon::before { + content: "\f05b"; +} + +.ts-icon.is-earth-africa-icon::before { + content: "\f57c"; +} + +.ts-icon.is-house-chimney-crack-icon::before { + content: "\f6f1"; +} + +.ts-icon.is-smog-icon::before { + content: "\f75f"; +} + +.ts-icon.is-arrow-up-from-bracket-icon::before { + content: "\e09a"; +} + +.ts-icon.is-cc-amex-icon::before { + font-family: "IconsBrands"; + content: "\f1f3"; +} + +.ts-icon.is-linkedin-icon::before { + font-family: "IconsBrands"; + content: "\f08c"; +} + +.ts-icon.is-outdent-icon::before { + content: "\f03b"; +} + +.ts-icon.is-football-icon::before { + content: "\f44e"; +} + +.ts-icon.is-house-medical-icon::before { + content: "\e3b2"; +} + +.ts-icon.is-person-drowning-icon::before { + content: "\e545"; +} + +.ts-icon.is-stapler-icon::before { + content: "\e5af"; +} + +.ts-icon.is-contao-icon::before { + font-family: "IconsBrands"; + content: "\f26d"; +} + +.ts-icon.is-firstdraft-icon::before { + font-family: "IconsBrands"; + content: "\f3a1"; +} + +.ts-icon.is-person-running-icon::before { + content: "\f70c"; +} + +.ts-icon.is-tents-icon::before { + content: "\e582"; +} + +.ts-icon.is-train-icon::before { + content: "\f238"; +} + +.ts-icon.is-van-shuttle-icon::before { + content: "\f5b6"; +} + +.ts-icon.is-chess-rook-icon::before { + content: "\f447"; +} + +.ts-icon.is-glass-water-droplet-icon::before { + content: "\e4f5"; +} + +.ts-icon.is-fill-icon::before { + content: "\f575"; +} + +.ts-icon.is-fish-fins-icon::before { + content: "\e4f2"; +} + +.ts-icon.is-users-viewfinder-icon::before { + content: "\e595"; +} + +.ts-icon.is-vr-cardboard-icon::before { + content: "\f729"; +} + +.ts-icon.is-facebook-f-icon::before { + font-family: "IconsBrands"; + content: "\f39e"; +} + +.ts-icon.is-file-waveform-icon::before { + content: "\f478"; +} + +.ts-icon.is-person-burst-icon::before { + content: "\e53b"; +} + +.ts-icon.is-person-skating-icon::before { + content: "\f7c5"; +} + +.ts-icon.is-spray-can-icon::before { + content: "\f5bd"; +} + +.ts-icon.is-circle-dot-icon::before { + content: "\f192"; +} + +.ts-icon.is-microscope-icon::before { + content: "\f610"; +} + +.ts-icon.is-square-whatsapp-icon::before { + font-family: "IconsBrands"; + content: "\f40c"; +} + +.ts-icon.is-user-tie-icon::before { + content: "\f508"; +} + +.ts-icon.is-yahoo-icon::before { + font-family: "IconsBrands"; + content: "\f19e"; +} + +.ts-icon.is-person-hiking-icon::before { + content: "\f6ec"; +} + +.ts-icon.is-podcast-icon::before { + content: "\f2ce"; +} + +.ts-icon.is-elevator-icon::before { + content: "\e16d"; +} + +.ts-icon.is-ticket-icon::before { + content: "\f145"; +} + +.ts-icon.is-not-equal-icon::before { + content: "\f53e"; +} + +.ts-icon.is-droplet-slash-icon::before { + content: "\f5c7"; +} + +.ts-icon.is-file-export-icon::before { + content: "\f56e"; +} + +.ts-icon.is-floppy-disk-icon::before { + content: "\f0c7"; +} + +.ts-icon.is-people-line-icon::before { + content: "\e534"; +} + +.ts-icon.is-arrow-right-long-icon::before { + content: "\f178"; +} + +.ts-icon.is-church-icon::before { + content: "\f51d"; +} + +.ts-icon.is-gas-pump-icon::before { + content: "\f52f"; +} + +.ts-icon.is-tenge-sign-icon::before { + content: "\f7d7"; +} + +.ts-icon.is-compact-disc-icon::before { + content: "\f51f"; +} + +.ts-icon.is-angles-left-icon::before { + content: "\f100"; +} + +.ts-icon.is-arrow-down-a-z-icon::before { + content: "\f15d"; +} + +.ts-icon.is-map-location-icon::before { + content: "\f59f"; +} + +.ts-icon.is-pen-ruler-icon::before { + content: "\f5ae"; +} + +.ts-icon.is-unlock-icon::before { + content: "\f09c"; +} + +.ts-icon.is-file-zipper-icon::before { + content: "\f1c6"; +} + +.ts-icon.is-fish-icon::before { + content: "\f578"; +} + +.ts-icon.is-markdown-icon::before { + font-family: "IconsBrands"; + content: "\f60f"; +} + +.ts-icon.is-battery-empty-icon::before { + content: "\f244"; +} + +.ts-icon.is-file-circle-question-icon::before { + content: "\e4ef"; +} + +.ts-icon.is-cc-stripe-icon::before { + font-family: "IconsBrands"; + content: "\f1f5"; +} + +.ts-icon.is-dungeon-icon::before { + content: "\f6d9"; +} + +.ts-icon.is-sketch-icon::before { + font-family: "IconsBrands"; + content: "\f7c6"; +} + +.ts-icon.is-underline-icon::before { + content: "\f0cd"; +} + +.ts-icon.is-barcode-icon::before { + content: "\f02a"; +} + +.ts-icon.is-bugs-icon::before { + content: "\e4d0"; +} + +.ts-icon.is-vest-icon::before { + content: "\e085"; +} + +.ts-icon.is-bore-hole-icon::before { + content: "\e4c3"; +} + +.ts-icon.is-face-grin-icon::before { + content: "\f580"; +} + +.ts-icon.is-watchman-monitoring-icon::before { + font-family: "IconsBrands"; + content: "\e087"; +} + +.ts-icon.is-arrows-down-to-line-icon::before { + content: "\e4b8"; +} + +.ts-icon.is-house-chimney-icon::before { + content: "\e3af"; +} + +.ts-icon.is-mobile-button-icon::before { + content: "\f10b"; +} + +.ts-icon.is-pen-fancy-icon::before { + content: "\f5ac"; +} + +.ts-icon.is-poop-icon::before { + content: "\f619"; +} + +.ts-icon.is-life-ring-icon::before { + content: "\f1cd"; +} + +.ts-icon.is-arrow-turn-up-icon::before { + content: "\f148"; +} + +.ts-icon.is-comments-dollar-icon::before { + content: "\f653"; +} + +.ts-icon.is-o-icon::before { + content: "\4f"; +} + +.ts-icon.is-building-shield-icon::before { + content: "\e4d8"; +} + +.ts-icon.is-paperclip-icon::before { + content: "\f0c6"; +} + +.ts-icon.is-mound-icon::before { + content: "\e52d"; +} + +.ts-icon.is-guarani-sign-icon::before { + content: "\e19a"; +} + +.ts-icon.is-f-icon::before { + content: "\46"; +} + +.ts-icon.is-gripfire-icon::before { + font-family: "IconsBrands"; + content: "\f3ac"; +} + +.ts-icon.is-laptop-medical-icon::before { + content: "\f812"; +} + +.ts-icon.is-puzzle-piece-icon::before { + content: "\f12e"; +} + +.ts-icon.is-square-github-icon::before { + font-family: "IconsBrands"; + content: "\f092"; +} + +.ts-icon.is-turkish-lira-sign-icon::before { + content: "\e2bb"; +} + +.ts-icon.is-file-icon::before { + content: "\f15b"; +} + +.ts-icon.is-hand-point-left-icon::before { + content: "\f0a5"; +} + +.ts-icon.is-less-than-icon::before { + content: "\3c"; +} + +.ts-icon.is-octopus-deploy-icon::before { + font-family: "IconsBrands"; + content: "\e082"; +} + +.ts-icon.is-arrow-rotate-right-icon::before { + content: "\f01e"; +} + +.ts-icon.is-camera-rotate-icon::before { + content: "\e0d8"; +} + +.ts-icon.is-ear-deaf-icon::before { + content: "\f2a4"; +} + +.ts-icon.is-gear-icon::before { + content: "\f013"; +} + +.ts-icon.is-instagram-icon::before { + font-family: "IconsBrands"; + content: "\f16d"; +} + +.ts-icon.is-kickstarter-k-icon::before { + font-family: "IconsBrands"; + content: "\f3bc"; +} + +.ts-icon.is-modx-icon::before { + font-family: "IconsBrands"; + content: "\f285"; +} + +.ts-icon.is-r-project-icon::before { + font-family: "IconsBrands"; + content: "\f4f7"; +} + +.ts-icon.is-cart-plus-icon::before { + content: "\f217"; +} + +.ts-icon.is-file-contract-icon::before { + content: "\f56c"; +} + +.ts-icon.is-joget-icon::before { + font-family: "IconsBrands"; + content: "\f3b7"; +} + +.ts-icon.is-beer-mug-empty-icon::before { + content: "\f0fc"; +} + +.ts-icon.is-handshake-slash-icon::before { + content: "\e060"; +} + +.ts-icon.is-foursquare-icon::before { + font-family: "IconsBrands"; + content: "\f180"; +} + +.ts-icon.is-passport-icon::before { + content: "\f5ab"; +} + +.ts-icon.is-people-carry-box-icon::before { + content: "\f4ce"; +} + +.ts-icon.is-plug-circle-exclamation-icon::before { + content: "\e55d"; +} + +.ts-icon.is-ring-icon::before { + content: "\f70b"; +} + +.ts-icon.is-bridge-circle-check-icon::before { + content: "\e4c9"; +} + +.ts-icon.is-folder-icon::before { + content: "\f07b"; +} + +.ts-icon.is-shuttle-space-icon::before { + content: "\f197"; +} + +.ts-icon.is-sun-icon::before { + content: "\f185"; +} + +.ts-icon.is-fax-icon::before { + content: "\f1ac"; +} + +.ts-icon.is-truck-icon::before { + content: "\f0d1"; +} + +.ts-icon.is-facebook-messenger-icon::before { + font-family: "IconsBrands"; + content: "\f39f"; +} + +.ts-icon.is-rotate-left-icon::before { + content: "\f2ea"; +} + +.ts-icon.is-anchor-circle-check-icon::before { + content: "\e4aa"; +} + +.ts-icon.is-face-grin-wide-icon::before { + content: "\f581"; +} + +.ts-icon.is-peseta-sign-icon::before { + content: "\e221"; +} + +.ts-icon.is-scale-unbalanced-flip-icon::before { + content: "\f516"; +} + +.ts-icon.is-smoking-icon::before { + content: "\f48d"; +} + +.ts-icon.is-user-tag-icon::before { + content: "\f507"; +} + +.ts-icon.is-evernote-icon::before { + font-family: "IconsBrands"; + content: "\f839"; +} + +.ts-icon.is-oil-can-icon::before { + content: "\f613"; +} + +.ts-icon.is-share-nodes-icon::before { + content: "\f1e0"; +} + +.ts-icon.is-ussunnah-icon::before { + font-family: "IconsBrands"; + content: "\f407"; +} + +.ts-icon.is-face-frown-open-icon::before { + content: "\f57a"; +} + +.ts-icon.is-file-image-icon::before { + content: "\f1c5"; +} + +.ts-icon.is-democrat-icon::before { + content: "\f747"; +} + +.ts-icon.is-location-pin-icon::before { + content: "\f041"; +} + +.ts-icon.is-briefcase-medical-icon::before { + content: "\f469"; +} + +.ts-icon.is-camera-icon::before { + content: "\f030"; +} + +.ts-icon.is-face-laugh-wink-icon::before { + content: "\f59c"; +} + +.ts-icon.is-id-card-clip-icon::before { + content: "\f47f"; +} + +.ts-icon.is-hurricane-icon::before { + content: "\f751"; +} + +.ts-icon.is-searchengin-icon::before { + font-family: "IconsBrands"; + content: "\f3eb"; +} + +.ts-icon.is-champagne-glasses-icon::before { + content: "\f79f"; +} + +.ts-icon.is-deviantart-icon::before { + font-family: "IconsBrands"; + content: "\f1bd"; +} + +.ts-icon.is-fill-drip-icon::before { + content: "\f576"; +} + +.ts-icon.is-forward-fast-icon::before { + content: "\f050"; +} + +.ts-icon.is-grip-lines-icon::before { + content: "\f7a4"; +} + +.ts-icon.is-microphone-lines-icon::before { + content: "\f3c9"; +} + +.ts-icon.is-osi-icon::before { + font-family: "IconsBrands"; + content: "\f41a"; +} + +.ts-icon.is-twitch-icon::before { + font-family: "IconsBrands"; + content: "\f1e8"; +} + +.ts-icon.is-atom-icon::before { + content: "\f5d2"; +} + +.ts-icon.is-face-sad-tear-icon::before { + content: "\f5b4"; +} + +.ts-icon.is-hands-holding-child-icon::before { + content: "\e4fa"; +} + +.ts-icon.is-person-dress-icon::before { + content: "\f182"; +} + +.ts-icon.is-resolving-icon::before { + font-family: "IconsBrands"; + content: "\f3e7"; +} + +.ts-icon.is-sticker-mule-icon::before { + font-family: "IconsBrands"; + content: "\f3f7"; +} + +.ts-icon.is-tablet-button-icon::before { + content: "\f10a"; +} + +.ts-icon.is-dribbble-icon::before { + font-family: "IconsBrands"; + content: "\f17d"; +} + +.ts-icon.is-eye-icon::before { + content: "\f06e"; +} + +.ts-icon.is-dailymotion-icon::before { + font-family: "IconsBrands"; + content: "\e052"; +} + +.ts-icon.is-goodreads-icon::before { + font-family: "IconsBrands"; + content: "\f3a8"; +} + +.ts-icon.is-bell-concierge-icon::before { + content: "\f562"; +} + +.ts-icon.is-cc-jcb-icon::before { + font-family: "IconsBrands"; + content: "\f24b"; +} + +.ts-icon.is-menorah-icon::before { + content: "\f676"; +} + +.ts-icon.is-person-biking-icon::before { + content: "\f84a"; +} + +.ts-icon.is-shop-slash-icon::before { + content: "\e070"; +} + +.ts-icon.is-square-tumblr-icon::before { + font-family: "IconsBrands"; + content: "\f174"; +} + +.ts-icon.is-stopwatch-20-icon::before { + content: "\e06f"; +} + +.ts-icon.is-folder-open-icon::before { + content: "\f07c"; +} + +.ts-icon.is-kit-medical-icon::before { + content: "\f479"; +} + +.ts-icon.is-brush-icon::before { + content: "\f55d"; +} + +.ts-icon.is-user-large-icon::before { + content: "\f406"; +} + +.ts-icon.is-arrow-up-long-icon::before { + content: "\f176"; +} + +.ts-icon.is-bahai-icon::before { + content: "\f666"; +} + +.ts-icon.is-person-chalkboard-icon::before { + content: "\e53d"; +} + +.ts-icon.is-sim-card-icon::before { + content: "\f7c4"; +} + +.ts-icon.is-suse-icon::before { + font-family: "IconsBrands"; + content: "\f7d6"; +} + +.ts-icon.is-y-combinator-icon::before { + font-family: "IconsBrands"; + content: "\f23b"; +} + +.ts-icon.is-book-journal-whills-icon::before { + content: "\f66a"; +} + +.ts-icon.is-paper-plane-icon::before { + content: "\f1d8"; +} + +.ts-icon.is-pen-clip-icon::before { + content: "\f305"; +} + +.ts-icon.is-square-odnoklassniki-icon::before { + font-family: "IconsBrands"; + content: "\f264"; +} + +.ts-icon.is-themeisle-icon::before { + font-family: "IconsBrands"; + content: "\f2b2"; +} + +.ts-icon.is-car-side-icon::before { + content: "\f5e4"; +} + +.ts-icon.is-face-flushed-icon::before { + content: "\f579"; +} + +.ts-icon.is-crutch-icon::before { + content: "\f7f7"; +} + +.ts-icon.is-door-open-icon::before { + content: "\f52b"; +} + +.ts-icon.is-firefox-browser-icon::before { + font-family: "IconsBrands"; + content: "\e007"; +} + +.ts-icon.is-shower-icon::before { + content: "\f2cc"; +} + +.ts-icon.is-children-icon::before { + content: "\e4e1"; +} + +.ts-icon.is-cloud-moon-rain-icon::before { + content: "\f73c"; +} + +.ts-icon.is-microchip-icon::before { + content: "\f2db"; +} + +.ts-icon.is-skull-icon::before { + content: "\f54c"; +} + +.ts-icon.is-square-js-icon::before { + font-family: "IconsBrands"; + content: "\f3b9"; +} + +.ts-icon.is-bezier-curve-icon::before { + content: "\f55b"; +} + +.ts-icon.is-cloud-moon-icon::before { + content: "\f6c3"; +} + +.ts-icon.is-freebsd-icon::before { + font-family: "IconsBrands"; + content: "\f3a4"; +} + +.ts-icon.is-frog-icon::before { + content: "\f52e"; +} + +.ts-icon.is-app-store-ios-icon::before { + font-family: "IconsBrands"; + content: "\f370"; +} + +.ts-icon.is-clipboard-user-icon::before { + content: "\f7f3"; +} + +.ts-icon.is-grav-icon::before { + font-family: "IconsBrands"; + content: "\f2d6"; +} + +.ts-icon.is-jug-detergent-icon::before { + content: "\e519"; +} + +.ts-icon.is-wirsindhandwerk-icon::before { + font-family: "IconsBrands"; + content: "\e2d0"; +} + +.ts-icon.is-cloud-icon::before { + content: "\f0c2"; +} + +.ts-icon.is-heart-crack-icon::before { + content: "\f7a9"; +} + +.ts-icon.is-rectangle-ad-icon::before { + content: "\f641"; +} + +.ts-icon.is-speakap-icon::before { + font-family: "IconsBrands"; + content: "\f3f3"; +} + +.ts-icon.is-hands-holding-circle-icon::before { + content: "\e4fb"; +} + +.ts-icon.is-masks-theater-icon::before { + content: "\f630"; +} + +.ts-icon.is-bomb-icon::before { + content: "\f1e2"; +} + +.ts-icon.is-robot-icon::before { + content: "\f544"; +} + +.ts-icon.is-square-envelope-icon::before { + content: "\f199"; +} + +.ts-icon.is-square-lastfm-icon::before { + font-family: "IconsBrands"; + content: "\f203"; +} + +.ts-icon.is-bottle-droplet-icon::before { + content: "\e4c4"; +} + +.ts-icon.is-people-robbery-icon::before { + content: "\e536"; +} + +.ts-icon.is-wolf-pack-battalion-icon::before { + font-family: "IconsBrands"; + content: "\f514"; +} + +.ts-icon.is-google-icon::before { + font-family: "IconsBrands"; + content: "\f1a0"; +} + +.ts-icon.is-train-tram-icon::before { + content: "\e5b4"; +} + +.ts-icon.is-tent-icon::before { + content: "\e57d"; +} + +.ts-icon.is-temperature-quarter-icon::before { + content: "\f2ca"; +} + +.ts-icon.is-lira-sign-icon::before { + content: "\f195"; +} + +.ts-icon.is-steam-symbol-icon::before { + font-family: "IconsBrands"; + content: "\f3f6"; +} + +.ts-icon.is-plug-icon::before { + content: "\f1e6"; +} + +.ts-icon.is-slash-icon::before { + content: "\f715"; +} + +.ts-icon.is-tornado-icon::before { + content: "\f76f"; +} + +.ts-icon.is-wpressr-icon::before { + font-family: "IconsBrands"; + content: "\f3e4"; +} + +.ts-icon.is-amazon-pay-icon::before { + font-family: "IconsBrands"; + content: "\f42c"; +} + +.ts-icon.is-landmark-icon::before { + content: "\f66f"; +} + +.ts-icon.is-socks-icon::before { + content: "\f696"; +} + +.ts-icon.is-cloudsmith-icon::before { + font-family: "IconsBrands"; + content: "\f384"; +} + +.ts-icon.is-radiation-icon::before { + content: "\f7b9"; +} + +.ts-icon.is-microblog-icon::before { + font-family: "IconsBrands"; + content: "\e01a"; +} + +.ts-icon.is-mortar-pestle-icon::before { + content: "\f5a7"; +} + +.ts-icon.is-yandex-international-icon::before { + font-family: "IconsBrands"; + content: "\f414"; +} + +.ts-icon.is-car-burst-icon::before { + content: "\f5e1"; +} + +.ts-icon.is-hand-point-down-icon::before { + content: "\f0a7"; +} + +.ts-icon.is-house-user-icon::before { + content: "\e1b0"; +} + +.ts-icon.is-ideal-icon::before { + font-family: "IconsBrands"; + content: "\e013"; +} + +.ts-icon.is-sellcast-icon::before { + font-family: "IconsBrands"; + content: "\f2da"; +} + +.ts-icon.is-behance-icon::before { + font-family: "IconsBrands"; + content: "\f1b4"; +} + +.ts-icon.is-hands-asl-interpreting-icon::before { + content: "\f2a3"; +} + +.ts-icon.is-child-icon::before { + content: "\f1ae"; +} + +.ts-icon.is-eject-icon::before { + content: "\f052"; +} + +.ts-icon.is-fingerprint-icon::before { + content: "\f577"; +} + +.ts-icon.is-font-awesome-icon::before { + content: "\f2b4"; +} + +.ts-icon.is-anchor-icon::before { + content: "\f13d"; +} + +.ts-icon.is-asterisk-icon::before { + content: "\2a"; +} + +.ts-icon.is-phone-flip-icon::before { + content: "\f879"; +} + +.ts-icon.is-square-phone-icon::before { + content: "\f098"; +} + +.ts-icon.is-ticket-simple-icon::before { + content: "\f3ff"; +} + +.ts-icon.is-hand-holding-droplet-icon::before { + content: "\f4c1"; +} + +.ts-icon.is-hryvnia-sign-icon::before { + content: "\f6f2"; +} + +.ts-icon.is-envira-icon::before { + font-family: "IconsBrands"; + content: "\f299"; +} + +.ts-icon.is-file-audio-icon::before { + content: "\f1c7"; +} + +.ts-icon.is-swift-icon::before { + font-family: "IconsBrands"; + content: "\f8e1"; +} + +.ts-icon.is-8-icon::before { + content: "\38"; +} + +.ts-icon.is-creative-commons-zero-icon::before { + font-family: "IconsBrands"; + content: "\f4f3"; +} + +.ts-icon.is-sink-icon::before { + content: "\e06d"; +} + +.ts-icon.is-volleyball-icon::before { + content: "\f45f"; +} + +.ts-icon.is-html5-icon::before { + font-family: "IconsBrands"; + content: "\f13b"; +} + +.ts-icon.is-medium-icon::before { + font-family: "IconsBrands"; + content: "\f23a"; +} + +.ts-icon.is-diagram-project-icon::before { + content: "\f542"; +} + +.ts-icon.is-steam-icon::before { + font-family: "IconsBrands"; + content: "\f1b6"; +} + +.ts-icon.is-arrow-up-icon::before { + content: "\f062"; +} + +.ts-icon.is-bimobject-icon::before { + font-family: "IconsBrands"; + content: "\f378"; +} + +.ts-icon.is-spoon-icon::before { + content: "\f2e5"; +} + +.ts-icon.is-creative-commons-icon::before { + font-family: "IconsBrands"; + content: "\f25e"; +} + +.ts-icon.is-shrimp-icon::before { + content: "\e448"; +} + +.ts-icon.is-hands-clapping-icon::before { + content: "\e1a8"; +} + +.ts-icon.is-scribd-icon::before { + font-family: "IconsBrands"; + content: "\f28a"; +} + +.ts-icon.is-file-medical-icon::before { + content: "\f477"; +} + +.ts-icon.is-folder-tree-icon::before { + content: "\f802"; +} + +.ts-icon.is-heart-circle-exclamation-icon::before { + content: "\e4fe"; +} + +.ts-icon.is-heart-pulse-icon::before { + content: "\f21e"; +} + +.ts-icon.is-virus-icon::before { + content: "\e074"; +} + +.ts-icon.is-1-icon::before { + content: "\31"; +} + +.ts-icon.is-box-archive-icon::before { + content: "\f187"; +} + +.ts-icon.is-pencil-icon::before { + content: "\f303"; +} + +.ts-icon.is-flag-checkered-icon::before { + content: "\f11e"; +} + +.ts-icon.is-house-laptop-icon::before { + content: "\e066"; +} + +.ts-icon.is-yoast-icon::before { + font-family: "IconsBrands"; + content: "\f2b1"; +} + +.ts-icon.is-house-medical-flag-icon::before { + content: "\e514"; +} + +.ts-icon.is-trailer-icon::before { + content: "\e041"; +} + +.ts-icon.is-shield-dog-icon::before { + content: "\e573"; +} + +.ts-icon.is-square-share-nodes-icon::before { + content: "\f1e1"; +} + +.ts-icon.is-folder-minus-icon::before { + content: "\f65d"; +} + +.ts-icon.is-money-bill-1-icon::before { + content: "\f3d1"; +} + +.ts-icon.is-border-top-left-icon::before { + content: "\f853"; +} + +.ts-icon.is-forward-icon::before { + content: "\f04e"; +} + +.ts-icon.is-java-icon::before { + font-family: "IconsBrands"; + content: "\f4e4"; +} + +.ts-icon.is-mitten-icon::before { + content: "\f7b5"; +} + +.ts-icon.is-sun-plant-wilt-icon::before { + content: "\e57a"; +} + +.ts-icon.is-bridge-circle-exclamation-icon::before { + content: "\e4ca"; +} + +.ts-icon.is-circle-chevron-right-icon::before { + content: "\f138"; +} + +.ts-icon.is-joint-icon::before { + content: "\f595"; +} + +.ts-icon.is-transgender-icon::before { + content: "\f225"; +} + +.ts-icon.is-fort-awesome-icon::before { + font-family: "IconsBrands"; + content: "\f286"; +} + +.ts-icon.is-apple-icon::before { + font-family: "IconsBrands"; + content: "\f179"; +} + +.ts-icon.is-eye-slash-icon::before { + content: "\f070"; +} + +.ts-icon.is-deskpro-icon::before { + font-family: "IconsBrands"; + content: "\f38f"; +} + +.ts-icon.is-face-grin-beam-icon::before { + content: "\f582"; +} + +.ts-icon.is-file-circle-check-icon::before { + content: "\e5a0"; +} + +.ts-icon.is-red-river-icon::before { + font-family: "IconsBrands"; + content: "\f3e3"; +} + +.ts-icon.is-yen-sign-icon::before { + content: "\f157"; +} + +.ts-icon.is-address-card-icon::before { + content: "\f2bb"; +} + +.ts-icon.is-burger-icon::before { + content: "\f805"; +} + +.ts-icon.is-arrows-to-circle-icon::before { + content: "\e4bd"; +} + +.ts-icon.is-square-check-icon::before { + content: "\f14a"; +} + +.ts-icon.is-keybase-icon::before { + font-family: "IconsBrands"; + content: "\f4f5"; +} + +.ts-icon.is-money-bill-wheat-icon::before { + content: "\e52a"; +} + +.ts-icon.is-person-circle-exclamation-icon::before { + content: "\e53f"; +} + +.ts-icon.is-star-icon::before { + content: "\f005"; +} + +.ts-icon.is-fan-icon::before { + content: "\f863"; +} + +.ts-icon.is-hand-sparkles-icon::before { + content: "\e05d"; +} + +.ts-icon.is-face-smile-icon::before { + content: "\f118"; +} + +.ts-icon.is-q-icon::before { + content: "\51"; +} + +.ts-icon.is-product-hunt-icon::before { + font-family: "IconsBrands"; + content: "\f288"; +} + +.ts-icon.is-cent-sign-icon::before { + content: "\e3f5"; +} + +.ts-icon.is-person-walking-luggage-icon::before { + content: "\e554"; +} + +.ts-icon.is-star-half-icon::before { + content: "\f089"; +} + +.ts-icon.is-truck-droplet-icon::before { + content: "\e58c"; +} + +.ts-icon.is-campground-icon::before { + content: "\f6bb"; +} + +.ts-icon.is-napster-icon::before { + font-family: "IconsBrands"; + content: "\f3d2"; +} + +.ts-icon.is-cruzeiro-sign-icon::before { + content: "\e152"; +} + +.ts-icon.is-hand-holding-medical-icon::before { + content: "\e05c"; +} + +.ts-icon.is-heart-circle-check-icon::before { + content: "\e4fd"; +} + +.ts-icon.is-k-icon::before { + content: "\4b"; +} + +.ts-icon.is-person-circle-question-icon::before { + content: "\e542"; +} + +.ts-icon.is-car-rear-icon::before { + content: "\f5de"; +} + +.ts-icon.is-cookie-bite-icon::before { + content: "\f564"; +} + +.ts-icon.is-grip-lines-vertical-icon::before { + content: "\f7a5"; +} + +.ts-icon.is-circle-icon::before { + content: "\f111"; +} + +.ts-icon.is-file-excel-icon::before { + content: "\f1c3"; +} + +.ts-icon.is-hotel-icon::before { + content: "\f594"; +} + +.ts-icon.is-angles-right-icon::before { + content: "\f101"; +} + +.ts-icon.is-clover-icon::before { + content: "\e139"; +} + +.ts-icon.is-tags-icon::before { + content: "\f02c"; +} + +.ts-icon.is-bowling-ball-icon::before { + content: "\f436"; +} + +.ts-icon.is-box-tissue-icon::before { + content: "\e05b"; +} + +.ts-icon.is-intercom-icon::before { + font-family: "IconsBrands"; + content: "\f7af"; +} + +.ts-icon.is-umbrella-icon::before { + content: "\f0e9"; +} + +.ts-icon.is-chess-icon::before { + content: "\f439"; +} + +.ts-icon.is-dumpster-fire-icon::before { + content: "\f794"; +} + +.ts-icon.is-house-tsunami-icon::before { + content: "\e515"; +} + +.ts-icon.is-id-badge-icon::before { + content: "\f2c1"; +} + +.ts-icon.is-deploydog-icon::before { + font-family: "IconsBrands"; + content: "\f38e"; +} + +.ts-icon.is-dice-three-icon::before { + content: "\f527"; +} + +.ts-icon.is-toilet-portable-icon::before { + content: "\e583"; +} + +.ts-icon.is-infinity-icon::before { + content: "\f534"; +} + +.ts-icon.is-shekel-sign-icon::before { + content: "\f20b"; +} + +.ts-icon.is-yammer-icon::before { + font-family: "IconsBrands"; + content: "\f840"; +} + +.ts-icon.is-peso-sign-icon::before { + content: "\e222"; +} + +.ts-icon.is-plane-circle-check-icon::before { + content: "\e555"; +} + +.ts-icon.is-ruler-combined-icon::before { + content: "\f546"; +} + +.ts-icon.is-scroll-icon::before { + content: "\f70e"; +} + +.ts-icon.is-skull-crossbones-icon::before { + content: "\f714"; +} + +.ts-icon.is-uikit-icon::before { + font-family: "IconsBrands"; + content: "\f403"; +} + +.ts-icon.is-ankh-icon::before { + content: "\f644"; +} + +.ts-icon.is-boxes-packing-icon::before { + content: "\e4c7"; +} + +.ts-icon.is-gitlab-icon::before { + font-family: "IconsBrands"; + content: "\f296"; +} + +.ts-icon.is-boxes-stacked-icon::before { + content: "\f468"; +} + +.ts-icon.is-quinscape-icon::before { + font-family: "IconsBrands"; + content: "\f459"; +} + +.ts-icon.is-researchgate-icon::before { + font-family: "IconsBrands"; + content: "\f4f8"; +} + +.ts-icon.is-truck-moving-icon::before { + content: "\f4df"; +} + +.ts-icon.is-dna-icon::before { + content: "\f471"; +} + +.ts-icon.is-magnet-icon::before { + content: "\f076"; +} + +.ts-icon.is-trade-federation-icon::before { + font-family: "IconsBrands"; + content: "\f513"; +} + +.ts-icon.is-jenkins-icon::before { + font-family: "IconsBrands"; + content: "\f3b6"; +} + +.ts-icon.is-monument-icon::before { + content: "\f5a6"; +} + +.ts-icon.is-bacteria-icon::before { + content: "\e059"; +} + +.ts-icon.is-itch-io-icon::before { + font-family: "IconsBrands"; + content: "\f83a"; +} + +.ts-icon.is-microphone-slash-icon::before { + content: "\f131"; +} + +.ts-icon.is-road-lock-icon::before { + content: "\e567"; +} + +.ts-icon.is-glide-g-icon::before { + font-family: "IconsBrands"; + content: "\f2a6"; +} + +.ts-icon.is-hashtag-icon::before { + content: "\23"; +} + +.ts-icon.is-warehouse-icon::before { + content: "\f494"; +} + +.ts-icon.is-opencart-icon::before { + font-family: "IconsBrands"; + content: "\f23d"; +} + +.ts-icon.is-ups-icon::before { + font-family: "IconsBrands"; + content: "\f7e0"; +} + +.ts-icon.is-playstation-icon::before { + font-family: "IconsBrands"; + content: "\f3df"; +} + +.ts-icon.is-sellsy-icon::before { + font-family: "IconsBrands"; + content: "\f213"; +} + +.ts-icon.is-github-alt-icon::before { + font-family: "IconsBrands"; + content: "\f113"; +} + +.ts-icon.is-oil-well-icon::before { + content: "\e532"; +} + +.ts-icon.is-perbyte-icon::before { + font-family: "IconsBrands"; + content: "\e083"; +} + +.ts-icon.is-square-caret-right-icon::before { + content: "\f152"; +} + +.ts-icon.is-buffer-icon::before { + font-family: "IconsBrands"; + content: "\f837"; +} + +.ts-icon.is-face-laugh-icon::before { + content: "\f599"; +} + +.ts-icon.is-helicopter-symbol-icon::before { + content: "\e502"; +} + +.ts-icon.is-aws-icon::before { + font-family: "IconsBrands"; + content: "\f375"; +} + +.ts-icon.is-book-medical-icon::before { + content: "\f7e6"; +} + +.ts-icon.is-inbox-icon::before { + content: "\f01c"; +} + +.ts-icon.is-superscript-icon::before { + content: "\f12b"; +} + +.ts-icon.is-cookie-icon::before { + content: "\f563"; +} + +.ts-icon.is-fire-flame-curved-icon::before { + content: "\f7e4"; +} + +.ts-icon.is-sd-card-icon::before { + content: "\f7c2"; +} + +.ts-icon.is-user-slash-icon::before { + content: "\f506"; +} + +.ts-icon.is-bacterium-icon::before { + content: "\e05a"; +} + +.ts-icon.is-maximize-icon::before { + content: "\f31e"; +} + +.ts-icon.is-trophy-icon::before { + content: "\f091"; +} + +.ts-icon.is-anchor-circle-xmark-icon::before { + content: "\e4ac"; +} + +.ts-icon.is-keyboard-icon::before { + content: "\f11c"; +} + +.ts-icon.is-phone-volume-icon::before { + content: "\f2a0"; +} + +.ts-icon.is-pills-icon::before { + content: "\f484"; +} + +.ts-icon.is-square-reddit-icon::before { + font-family: "IconsBrands"; + content: "\f1a2"; +} + +.ts-icon.is-buy-n-large-icon::before { + font-family: "IconsBrands"; + content: "\f8a6"; +} + +.ts-icon.is-face-grin-wink-icon::before { + content: "\f58c"; +} + +.ts-icon.is-6-icon::before { + content: "\36"; +} + +.ts-icon.is-stop-icon::before { + content: "\f04d"; +} + +.ts-icon.is-hand-holding-icon::before { + content: "\f4bd"; +} + +.ts-icon.is-person-circle-minus-icon::before { + content: "\e540"; +} + +.ts-icon.is-shoe-prints-icon::before { + content: "\f54b"; +} + +.ts-icon.is-bug-icon::before { + content: "\f188"; +} + +.ts-icon.is-creative-commons-nc-jp-icon::before { + font-family: "IconsBrands"; + content: "\f4ea"; +} + +.ts-icon.is-house-crack-icon::before { + content: "\e3b1"; +} + +.ts-icon.is-node-icon::before { + font-family: "IconsBrands"; + content: "\f419"; +} + +.ts-icon.is-arrow-left-long-icon::before { + content: "\f177"; +} + +.ts-icon.is-face-laugh-squint-icon::before { + content: "\f59b"; +} + +.ts-icon.is-head-side-cough-slash-icon::before { + content: "\e062"; +} + +.ts-icon.is-connectdevelop-icon::before { + font-family: "IconsBrands"; + content: "\f20e"; +} + +.ts-icon.is-galactic-republic-icon::before { + font-family: "IconsBrands"; + content: "\f50c"; +} + +.ts-icon.is-square-dribbble-icon::before { + font-family: "IconsBrands"; + content: "\f397"; +} + +.ts-icon.is-volume-high-icon::before { + content: "\f028"; +} + +.ts-icon.is-arrow-right-arrow-left-icon::before { + content: "\f0ec"; +} + +.ts-icon.is-codepen-icon::before { + font-family: "IconsBrands"; + content: "\f1cb"; +} + +.ts-icon.is-plug-circle-xmark-icon::before { + content: "\e560"; +} + +.ts-icon.is-align-left-icon::before { + content: "\f036"; +} + +.ts-icon.is-ember-icon::before { + font-family: "IconsBrands"; + content: "\f423"; +} + +.ts-icon.is-spell-check-icon::before { + content: "\f891"; +} + +.ts-icon.is-think-peaks-icon::before { + font-family: "IconsBrands"; + content: "\f731"; +} + +.ts-icon.is-arrow-trend-up-icon::before { + content: "\e098"; +} + +.ts-icon.is-person-walking-arrow-right-icon::before { + content: "\e552"; +} + +.ts-icon.is-satellite-icon::before { + content: "\f7bf"; +} + +.ts-icon.is-square-xing-icon::before { + font-family: "IconsBrands"; + content: "\f169"; +} + +.ts-icon.is-wix-icon::before { + font-family: "IconsBrands"; + content: "\f5cf"; +} + +.ts-icon.is-flickr-icon::before { + font-family: "IconsBrands"; + content: "\f16e"; +} + +.ts-icon.is-pagelines-icon::before { + font-family: "IconsBrands"; + content: "\f18c"; +} + +.ts-icon.is-hamsa-icon::before { + content: "\f665"; +} + +.ts-icon.is-stack-exchange-icon::before { + font-family: "IconsBrands"; + content: "\f18d"; +} + +.ts-icon.is-forward-step-icon::before { + content: "\f051"; +} + +.ts-icon.is-prescription-bottle-medical-icon::before { + content: "\f486"; +} + +.ts-icon.is-address-book-icon::before { + content: "\f2b9"; +} + +.ts-icon.is-face-grin-tongue-wink-icon::before { + content: "\f58b"; +} + +.ts-icon.is-map-icon::before { + content: "\f279"; +} + +.ts-icon.is-readme-icon::before { + font-family: "IconsBrands"; + content: "\f4d5"; +} + +.ts-icon.is-dice-d20-icon::before { + content: "\f6cf"; +} + +.ts-icon.is-gauge-icon::before { + content: "\f624"; +} + +.ts-icon.is-mars-stroke-icon::before { + content: "\f229"; +} + +.ts-icon.is-viacoin-icon::before { + font-family: "IconsBrands"; + content: "\f237"; +} + +.ts-icon.is-code-icon::before { + content: "\f121"; +} + +.ts-icon.is-egg-icon::before { + content: "\f7fb"; +} + +.ts-icon.is-earth-europe-icon::before { + content: "\f7a2"; +} + +.ts-icon.is-person-arrow-down-to-line-icon::before { + content: "\e538"; +} + +.ts-icon.is-dolly-icon::before { + content: "\f472"; +} + +.ts-icon.is-circle-play-icon::before { + content: "\f144"; +} + +.ts-icon.is-closed-captioning-icon::before { + content: "\f20a"; +} + +.ts-icon.is-circle-down-icon::before { + content: "\f358"; +} + +.ts-icon.is-sort-up-icon::before { + content: "\f0de"; +} + +.ts-icon.is-code-compare-icon::before { + content: "\e13a"; +} + +.ts-icon.is-envelopes-bulk-icon::before { + content: "\f674"; +} + +.ts-icon.is-user-secret-icon::before { + content: "\f21b"; +} + +.ts-icon.is-wpforms-icon::before { + font-family: "IconsBrands"; + content: "\f298"; +} + +.ts-icon.is-arrow-trend-down-icon::before { + content: "\e097"; +} + +.ts-icon.is-arrows-split-up-and-left-icon::before { + content: "\e4bc"; +} + +.ts-icon.is-person-walking-with-cane-icon::before { + content: "\f29d"; +} + +.ts-icon.is-bowl-food-icon::before { + content: "\e4c6"; +} + +.ts-icon.is-horse-head-icon::before { + content: "\f7ab"; +} + +.ts-icon.is-chart-gantt-icon::before { + content: "\e0e4"; +} + +.ts-icon.is-calculator-icon::before { + content: "\f1ec"; +} + +.ts-icon.is-meta-icon::before { + font-family: "IconsBrands"; + content: "\e49b"; +} + +.ts-icon.is-person-praying-icon::before { + content: "\f683"; +} + +.ts-icon.is-stripe-s-icon::before { + font-family: "IconsBrands"; + content: "\f42a"; +} + +.ts-icon.is-anchor-circle-exclamation-icon::before { + content: "\e4ab"; +} + +.ts-icon.is-book-bible-icon::before { + content: "\f647"; +} + +.ts-icon.is-stumbleupon-circle-icon::before { + font-family: "IconsBrands"; + content: "\f1a3"; +} + +.ts-icon.is-house-medical-circle-exclamation-icon::before { + content: "\e512"; +} + +.ts-icon.is-ns8-icon::before { + font-family: "IconsBrands"; + content: "\f3d5"; +} + +.ts-icon.is-cloud-arrow-down-icon::before { + content: "\f0ed"; +} + +.ts-icon.is-handshake-simple-slash-icon::before { + content: "\e05f"; +} + +.ts-icon.is-ruler-vertical-icon::before { + content: "\f548"; +} + +.ts-icon.is-sheet-plastic-icon::before { + content: "\e571"; +} + +.ts-icon.is-usps-icon::before { + font-family: "IconsBrands"; + content: "\f7e1"; +} + +.ts-icon.is-compass-drafting-icon::before { + content: "\f568"; +} + +.ts-icon.is-face-kiss-beam-icon::before { + content: "\f597"; +} + +.ts-icon.is-panorama-icon::before { + content: "\e209"; +} + +.ts-icon.is-arrow-down-up-lock-icon::before { + content: "\e4b0"; +} + +.ts-icon.is-file-invoice-icon::before { + content: "\f570"; +} + +.ts-icon.is-envelope-open-icon::before { + content: "\f2b6"; +} + +.ts-icon.is-star-of-david-icon::before { + content: "\f69a"; +} + +.ts-icon.is-arrow-pointer-icon::before { + content: "\f245"; +} + +.ts-icon.is-computer-icon::before { + content: "\e4e5"; +} + +.ts-icon.is-recycle-icon::before { + content: "\f1b8"; +} + +.ts-icon.is-symfony-icon::before { + font-family: "IconsBrands"; + content: "\f83d"; +} + +.ts-icon.is-house-flood-water-icon::before { + content: "\e50e"; +} + +.ts-icon.is-igloo-icon::before { + content: "\f7ae"; +} + +.ts-icon.is-lines-leaning-icon::before { + content: "\e51e"; +} + +.ts-icon.is-gitter-icon::before { + font-family: "IconsBrands"; + content: "\f426"; +} + +.ts-icon.is-hand-back-fist-icon::before { + content: "\f255"; +} + +.ts-icon.is-square-vimeo-icon::before { + font-family: "IconsBrands"; + content: "\f194"; +} + +.ts-icon.is-kip-sign-icon::before { + content: "\e1c4"; +} + +.ts-icon.is-tower-cell-icon::before { + content: "\e585"; +} + +.ts-icon.is-cc-mastercard-icon::before { + font-family: "IconsBrands"; + content: "\f1f1"; +} + +.ts-icon.is-hourglass-half-icon::before { + content: "\f252"; +} + +.ts-icon.is-face-laugh-beam-icon::before { + content: "\f59a"; +} + +.ts-icon.is-nutritionix-icon::before { + font-family: "IconsBrands"; + content: "\f3d6"; +} + +.ts-icon.is-triangle-exclamation-icon::before { + content: "\f071"; +} + +.ts-icon.is-vimeo-icon::before { + font-family: "IconsBrands"; + content: "\f40a"; +} + +.ts-icon.is-artstation-icon::before { + font-family: "IconsBrands"; + content: "\f77a"; +} + +.ts-icon.is-b-icon::before { + content: "\42"; +} + +.ts-icon.is-snapchat-icon::before { + font-family: "IconsBrands"; + content: "\f2ab"; +} + +.ts-icon.is-square-google-plus-icon::before { + font-family: "IconsBrands"; + content: "\f0d4"; +} + +.ts-icon.is-amazon-icon::before { + font-family: "IconsBrands"; + content: "\f270"; +} + +.ts-icon.is-magnifying-glass-minus-icon::before { + content: "\f010"; +} + +.ts-icon.is-circle-right-icon::before { + content: "\f35a"; +} + +.ts-icon.is-e-icon::before { + content: "\45"; +} + +.ts-icon.is-mars-icon::before { + content: "\f222"; +} + +.ts-icon.is-chart-pie-icon::before { + content: "\f200"; +} + +.ts-icon.is-lock-open-icon::before { + content: "\f3c1"; +} + +.ts-icon.is-npm-icon::before { + font-family: "IconsBrands"; + content: "\f3d4"; +} + +.ts-icon.is-weibo-icon::before { + font-family: "IconsBrands"; + content: "\f18a"; +} + +.ts-icon.is-dropbox-icon::before { + font-family: "IconsBrands"; + content: "\f16b"; +} + +.ts-icon.is-file-arrow-down-icon::before { + content: "\f56d"; +} + +.ts-icon.is-bridge-circle-xmark-icon::before { + content: "\e4cb"; +} + +.ts-icon.is-vials-icon::before { + content: "\f493"; +} + +.ts-icon.is-mug-saucer-icon::before { + content: "\f0f4"; +} + +.ts-icon.is-hire-a-helper-icon::before { + font-family: "IconsBrands"; + content: "\f3b0"; +} + +.ts-icon.is-prescription-icon::before { + content: "\f5b1"; +} + +.ts-icon.is-suitcase-rolling-icon::before { + content: "\f5c1"; +} + +.ts-icon.is-user-gear-icon::before { + content: "\f4fe"; +} + +.ts-icon.is-diagram-successor-icon::before { + content: "\e47a"; +} + +.ts-icon.is-edge-icon::before { + font-family: "IconsBrands"; + content: "\f282"; +} + +.ts-icon.is-text-slash-icon::before { + content: "\f87d"; +} + +.ts-icon.is-arrow-down-up-across-line-icon::before { + content: "\e4af"; +} + +.ts-icon.is-circle-nodes-icon::before { + content: "\e4e2"; +} + +.ts-icon.is-capsules-icon::before { + content: "\f46b"; +} + +.ts-icon.is-slideshare-icon::before { + font-family: "IconsBrands"; + content: "\f1e7"; +} + +.ts-icon.is-hand-lizard-icon::before { + content: "\f258"; +} + +.ts-icon.is-map-location-dot-icon::before { + content: "\f5a0"; +} + +.ts-icon.is-person-dots-from-line-icon::before { + content: "\f470"; +} + +.ts-icon.is-person-pregnant-icon::before { + content: "\e31e"; +} + +.ts-icon.is-shirt-icon::before { + content: "\f553"; +} + +.ts-icon.is-comment-slash-icon::before { + content: "\f4b3"; +} + +.ts-icon.is-edge-legacy-icon::before { + font-family: "IconsBrands"; + content: "\e078"; +} + +.ts-icon.is-road-barrier-icon::before { + content: "\e562"; +} + +.ts-icon.is-crop-icon::before { + content: "\f125"; +} + +.ts-icon.is-jar-wheat-icon::before { + content: "\e517"; +} + +.ts-icon.is-imdb-icon::before { + font-family: "IconsBrands"; + content: "\f2d8"; +} + +.ts-icon.is-renren-icon::before { + font-family: "IconsBrands"; + content: "\f18b"; +} + +.ts-icon.is-square-facebook-icon::before { + font-family: "IconsBrands"; + content: "\f082"; +} + +.ts-icon.is-tent-arrow-left-right-icon::before { + content: "\e57f"; +} + +.ts-icon.is-truck-arrow-right-icon::before { + content: "\e58b"; +} + +.ts-icon.is-bell-icon::before { + content: "\f0f3"; +} + +.ts-icon.is-child-dress-icon::before { + content: "\e59c"; +} + +.ts-icon.is-left-long-icon::before { + content: "\f30a"; +} + +.ts-icon.is-paw-icon::before { + content: "\f1b0"; +} + +.ts-icon.is-reddit-icon::before { + font-family: "IconsBrands"; + content: "\f1a1"; +} + +.ts-icon.is-thermometer-icon::before { + content: "\f491"; +} + +.ts-icon.is-blender-icon::before { + content: "\f517"; +} + +.ts-icon.is-euro-sign-icon::before { + content: "\f153"; +} + +.ts-icon.is-laravel-icon::before { + font-family: "IconsBrands"; + content: "\f3bd"; +} + +.ts-icon.is-plane-icon::before { + content: "\f072"; +} + +.ts-icon.is-hand-scissors-icon::before { + content: "\f257"; +} + +.ts-icon.is-person-falling-icon::before { + content: "\e546"; +} + +.ts-icon.is-caret-right-icon::before { + content: "\f0da"; +} + +.ts-icon.is-clone-icon::before { + content: "\f24d"; +} + +.ts-icon.is-face-grin-tongue-squint-icon::before { + content: "\f58a"; +} + +.ts-icon.is-fly-icon::before { + font-family: "IconsBrands"; + content: "\f417"; +} + +.ts-icon.is-solar-panel-icon::before { + content: "\f5ba"; +} + +.ts-icon.is-umbraco-icon::before { + font-family: "IconsBrands"; + content: "\f8e8"; +} + +.ts-icon.is-couch-icon::before { + content: "\f4b8"; +} + +.ts-icon.is-face-grin-tears-icon::before { + content: "\f588"; +} + +.ts-icon.is-head-side-virus-icon::before { + content: "\e064"; +} + +.ts-icon.is-lemon-icon::before { + content: "\f094"; +} + +.ts-icon.is-wizards-of-the-coast-icon::before { + font-family: "IconsBrands"; + content: "\f730"; +} + +.ts-icon.is-angle-down-icon::before { + content: "\f107"; +} + +.ts-icon.is-database-icon::before { + content: "\f1c0"; +} + +.ts-icon.is-angrycreative-icon::before { + font-family: "IconsBrands"; + content: "\f36e"; +} + +.ts-icon.is-empire-icon::before { + font-family: "IconsBrands"; + content: "\f1d1"; +} + +.ts-icon.is-php-icon::before { + font-family: "IconsBrands"; + content: "\f457"; +} + +.ts-icon.is-right-left-icon::before { + content: "\f362"; +} + +.ts-icon.is-satellite-dish-icon::before { + content: "\f7c0"; +} + +.ts-icon.is-thumbs-up-icon::before { + content: "\f164"; +} + +.ts-icon.is-divide-icon::before { + content: "\f529"; +} + +.ts-icon.is-person-dress-burst-icon::before { + content: "\e544"; +} + +.ts-icon.is-bilibili-icon::before { + font-family: "IconsBrands"; + content: "\e3d9"; +} + +.ts-icon.is-cc-diners-club-icon::before { + font-family: "IconsBrands"; + content: "\f24c"; +} + +.ts-icon.is-tiktok-icon::before { + font-family: "IconsBrands"; + content: "\e07b"; +} + +.ts-icon.is-arrow-up-a-z-icon::before { + content: "\f15e"; +} + +.ts-icon.is-baht-sign-icon::before { + content: "\e0ac"; +} + +.ts-icon.is-person-skiing-nordic-icon::before { + content: "\f7ca"; +} + +.ts-icon.is-universal-access-icon::before { + content: "\f29a"; +} + +.ts-icon.is-digg-icon::before { + font-family: "IconsBrands"; + content: "\f1a6"; +} + +.ts-icon.is-object-group-icon::before { + content: "\f247"; +} + +.ts-icon.is-dochub-icon::before { + font-family: "IconsBrands"; + content: "\f394"; +} + +.ts-icon.is-truck-medical-icon::before { + content: "\f0f9"; +} + +.ts-icon.is-user-icon::before { + content: "\f007"; +} + +.ts-icon.is-cloud-meatball-icon::before { + content: "\f73b"; +} + +.ts-icon.is-maxcdn-icon::before { + font-family: "IconsBrands"; + content: "\f136"; +} + +.ts-icon.is-phabricator-icon::before { + font-family: "IconsBrands"; + content: "\f3db"; +} + +.ts-icon.is-eye-low-vision-icon::before { + content: "\f2a8"; +} + +.ts-icon.is-face-rolling-eyes-icon::before { + content: "\f5a5"; +} + +.ts-icon.is-square-steam-icon::before { + font-family: "IconsBrands"; + content: "\f1b7"; +} + +.ts-icon.is-house-flag-icon::before { + content: "\e50d"; +} + +.ts-icon.is-paint-roller-icon::before { + content: "\f5aa"; +} + +.ts-icon.is-person-falling-burst-icon::before { + content: "\e547"; +} + +.ts-icon.is-simplybuilt-icon::before { + font-family: "IconsBrands"; + content: "\f215"; +} + +.ts-icon.is-users-icon::before { + content: "\f0c0"; +} + +.ts-icon.is-arrow-down-short-wide-icon::before { + content: "\f884"; +} + +.ts-icon.is-khanda-icon::before { + content: "\f66d"; +} + +.ts-icon.is-traffic-light-icon::before { + content: "\f637"; +} + +.ts-icon.is-baseball-icon::before { + content: "\f433"; +} + +.ts-icon.is-scroll-torah-icon::before { + content: "\f6a0"; +} + +.ts-icon.is-mandalorian-icon::before { + font-family: "IconsBrands"; + content: "\f50f"; +} + +.ts-icon.is-nimblr-icon::before { + font-family: "IconsBrands"; + content: "\f5a8"; +} + +.ts-icon.is-candy-cane-icon::before { + content: "\f786"; +} + +.ts-icon.is-house-medical-circle-check-icon::before { + content: "\e511"; +} + +.ts-icon.is-dumbbell-icon::before { + content: "\f44b"; +} + +.ts-icon.is-film-icon::before { + content: "\f008"; +} + +.ts-icon.is-gratipay-icon::before { + font-family: "IconsBrands"; + content: "\f184"; +} + +.ts-icon.is-laptop-icon::before { + content: "\f109"; +} + +.ts-icon.is-cloud-showers-water-icon::before { + content: "\e4e4"; +} + +.ts-icon.is-compress-icon::before { + content: "\f066"; +} + +.ts-icon.is-square-instagram-icon::before { + font-family: "IconsBrands"; + content: "\e055"; +} + +.ts-icon.is-square-twitter-icon::before { + font-family: "IconsBrands"; + content: "\f081"; +} + +.ts-icon.is-git-icon::before { + font-family: "IconsBrands"; + content: "\f1d3"; +} + +.ts-icon.is-plate-wheat-icon::before { + content: "\e55a"; +} + +.ts-icon.is-building-circle-xmark-icon::before { + content: "\e4d4"; +} + +.ts-icon.is-t-icon::before { + content: "\54"; +} + +.ts-icon.is-fantasy-flight-games-icon::before { + font-family: "IconsBrands"; + content: "\f6dc"; +} + +.ts-icon.is-fire-extinguisher-icon::before { + content: "\f134"; +} + +.ts-icon.is-square-caret-down-icon::before { + content: "\f150"; +} + +.ts-icon.is-arrow-up-1-9-icon::before { + content: "\f163"; +} + +.ts-icon.is-face-meh-icon::before { + content: "\f11a"; +} + +.ts-icon.is-screwdriver-wrench-icon::before { + content: "\f7d9"; +} + +.ts-icon.is-dashcube-icon::before { + font-family: "IconsBrands"; + content: "\f210"; +} + +.ts-icon.is-indian-rupee-sign-icon::before { + content: "\e1bc"; +} + +.ts-icon.is-power-off-icon::before { + content: "\f011"; +} + +.ts-icon.is-sitemap-icon::before { + content: "\f0e8"; +} + +.ts-icon.is-voicemail-icon::before { + content: "\f897"; +} + +.ts-icon.is-temperature-arrow-down-icon::before { + content: "\e03f"; +} + +.ts-icon.is-dev-icon::before { + font-family: "IconsBrands"; + content: "\f6cc"; +} + +.ts-icon.is-itunes-note-icon::before { + font-family: "IconsBrands"; + content: "\f3b5"; +} + +.ts-icon.is-mask-icon::before { + content: "\f6fa"; +} + +.ts-icon.is-users-between-lines-icon::before { + content: "\e591"; +} + +.ts-icon.is-arrows-up-down-icon::before { + content: "\f07d"; +} + +.ts-icon.is-bookmark-icon::before { + content: "\f02e"; +} + +.ts-icon.is-location-dot-icon::before { + content: "\f3c5"; +} + +.ts-icon.is-poo-icon::before { + content: "\f2fe"; +} + +.ts-icon.is-sack-xmark-icon::before { + content: "\e56a"; +} + +.ts-icon.is-arrow-up-short-wide-icon::before { + content: "\f885"; +} + +.ts-icon.is-chess-board-icon::before { + content: "\f43c"; +} + +.ts-icon.is-user-nurse-icon::before { + content: "\f82f"; +} + +.ts-icon.is-feather-pointed-icon::before { + content: "\f56b"; +} + +.ts-icon.is-pen-to-square-icon::before { + content: "\f044"; +} + +.ts-icon.is-drum-steelpan-icon::before { + content: "\f56a"; +} + +.ts-icon.is-gauge-simple-high-icon::before { + content: "\f62a"; +} + +.ts-icon.is-angles-down-icon::before { + content: "\f103"; +} + +.ts-icon.is-car-battery-icon::before { + content: "\f5df"; +} + +.ts-icon.is-toilets-portable-icon::before { + content: "\e584"; +} + +.ts-icon.is-weight-scale-icon::before { + content: "\f496"; +} + +.ts-icon.is-square-h-icon::before { + content: "\f0fd"; +} + +.ts-icon.is-creative-commons-sa-icon::before { + font-family: "IconsBrands"; + content: "\f4ef"; +} + +.ts-icon.is-filter-circle-dollar-icon::before { + content: "\f662"; +} + +.ts-icon.is-square-gitlab-icon::before { + font-family: "IconsBrands"; + content: "\e5ae"; +} + +.ts-icon.is-text-width-icon::before { + content: "\f035"; +} + +.ts-icon.is-dong-sign-icon::before { + content: "\e169"; +} + +.ts-icon.is-signs-post-icon::before { + content: "\f277"; +} + +.ts-icon.is-laptop-file-icon::before { + content: "\e51d"; +} + +.ts-icon.is-monero-icon::before { + font-family: "IconsBrands"; + content: "\f3d0"; +} + +.ts-icon.is-note-sticky-icon::before { + content: "\f249"; +} + +.ts-icon.is-person-rays-icon::before { + content: "\e54d"; +} + +.ts-icon.is-cart-flatbed-suitcase-icon::before { + content: "\f59d"; +} + +.ts-icon.is-hard-drive-icon::before { + content: "\f0a0"; +} + +.ts-icon.is-key-icon::before { + content: "\f084"; +} + +.ts-icon.is-padlet-icon::before { + font-family: "IconsBrands"; + content: "\e4a0"; +} + +.ts-icon.is-sitrox-icon::before { + font-family: "IconsBrands"; + content: "\e44a"; +} + +.ts-icon.is-truck-front-icon::before { + content: "\e2b7"; +} + +.ts-icon.is-up-right-and-down-left-from-center-icon::before { + content: "\f424"; +} + +.ts-icon.is-whatsapp-icon::before { + font-family: "IconsBrands"; + content: "\f232"; +} + +.ts-icon.is-caret-down-icon::before { + content: "\f0d7"; +} + +.ts-icon.is-list-ul-icon::before { + content: "\f0ca"; +} + +.ts-icon.is-first-order-icon::before { + font-family: "IconsBrands"; + content: "\f2b0"; +} + +.ts-icon.is-jira-icon::before { + font-family: "IconsBrands"; + content: "\f7b1"; +} + +.ts-icon.is-tag-icon::before { + content: "\f02b"; +} + +.ts-icon.is-tumblr-icon::before { + font-family: "IconsBrands"; + content: "\f173"; +} + +.ts-icon.is-audio-description-icon::before { + content: "\f29e"; +} + +.ts-icon.is-gun-icon::before { + content: "\e19b"; +} + +.ts-icon.is-circle-radiation-icon::before { + content: "\f7ba"; +} + +.ts-icon.is-dollar-sign-icon::before { + content: "\24"; +} + +.ts-icon.is-person-circle-xmark-icon::before { + content: "\e543"; +} + +.ts-icon.is-hand-peace-icon::before { + content: "\f25b"; +} + +.ts-icon.is-house-circle-check-icon::before { + content: "\e509"; +} + +.ts-icon.is-tablet-screen-button-icon::before { + content: "\f3fa"; +} + +.ts-icon.is-business-time-icon::before { + content: "\f64a"; +} + +.ts-icon.is-ghost-icon::before { + content: "\f6e2"; +} + +.ts-icon.is-crown-icon::before { + content: "\f521"; +} + +.ts-icon.is-magnifying-glass-arrow-right-icon::before { + content: "\e521"; +} + +.ts-icon.is-water-icon::before { + content: "\f773"; +} + +.ts-icon.is-bucket-icon::before { + content: "\e4cf"; +} + +.ts-icon.is-user-lock-icon::before { + content: "\f502"; +} + +.ts-icon.is-android-icon::before { + font-family: "IconsBrands"; + content: "\f17b"; +} + +.ts-icon.is-share-from-square-icon::before { + content: "\f14d"; +} + +.ts-icon.is-square-pied-piper-icon::before { + font-family: "IconsBrands"; + content: "\e01e"; +} + +.ts-icon.is-weebly-icon::before { + font-family: "IconsBrands"; + content: "\f5cc"; +} + +.ts-icon.is-xbox-icon::before { + font-family: "IconsBrands"; + content: "\f412"; +} + +.ts-icon.is-heart-circle-xmark-icon::before { + content: "\e501"; +} + +.ts-icon.is-mixcloud-icon::before { + font-family: "IconsBrands"; + content: "\f289"; +} + +.ts-icon.is-road-circle-xmark-icon::before { + content: "\e566"; +} + +.ts-icon.is-tape-icon::before { + content: "\f4db"; +} + +.ts-icon.is-odnoklassniki-icon::before { + font-family: "IconsBrands"; + content: "\f263"; +} + +.ts-icon.is-stairs-icon::before { + content: "\e289"; +} + +.ts-icon.is-windows-icon::before { + font-family: "IconsBrands"; + content: "\f17a"; +} + +.ts-icon.is-drumstick-bite-icon::before { + content: "\f6d7"; +} + +.ts-icon.is-exclamation-icon::before { + content: "\21"; +} + +.ts-icon.is-lastfm-icon::before { + font-family: "IconsBrands"; + content: "\f202"; +} + +.ts-icon.is-page4-icon::before { + font-family: "IconsBrands"; + content: "\f3d7"; +} + +.ts-icon.is-user-doctor-icon::before { + content: "\f0f0"; +} + +.ts-icon.is-gift-icon::before { + content: "\f06b"; +} + +.ts-icon.is-itunes-icon::before { + font-family: "IconsBrands"; + content: "\f3b4"; +} + +.ts-icon.is-mask-ventilator-icon::before { + content: "\e524"; +} + +.ts-icon.is-wine-bottle-icon::before { + content: "\f72f"; +} + +.ts-icon.is-arrow-up-from-water-pump-icon::before { + content: "\e4b6"; +} + +.ts-icon.is-keycdn-icon::before { + font-family: "IconsBrands"; + content: "\f3ba"; +} + +.ts-icon.is-stack-overflow-icon::before { + font-family: "IconsBrands"; + content: "\f16c"; +} + +.ts-icon.is-pied-piper-alt-icon::before { + font-family: "IconsBrands"; + content: "\f1a8"; +} + +.ts-icon.is-calendar-days-icon::before { + content: "\f073"; +} + +.ts-icon.is-chart-bar-icon::before { + content: "\f080"; +} + +.ts-icon.is-draw-polygon-icon::before { + content: "\f5ee"; +} + +.ts-icon.is-gifts-icon::before { + content: "\f79c"; +} + +.ts-icon.is-bandage-icon::before { + content: "\f462"; +} + +.ts-icon.is-building-icon::before { + content: "\f1ad"; +} + +.ts-icon.is-school-circle-xmark-icon::before { + content: "\e56d"; +} + +.ts-icon.is-4-icon::before { + content: "\34"; +} + +.ts-icon.is-chess-king-icon::before { + content: "\f43f"; +} + +.ts-icon.is-sort-icon::before { + content: "\f0dc"; +} + +.ts-icon.is-squarespace-icon::before { + font-family: "IconsBrands"; + content: "\f5be"; +} + +.ts-icon.is-users-rays-icon::before { + content: "\e593"; +} + +.ts-icon.is-creative-commons-pd-alt-icon::before { + font-family: "IconsBrands"; + content: "\f4ed"; +} + +.ts-icon.is-pallet-icon::before { + content: "\f482"; +} + +.ts-icon.is-bus-icon::before { + content: "\f207"; +} + +.ts-icon.is-city-icon::before { + content: "\f64f"; +} + +.ts-icon.is-google-drive-icon::before { + font-family: "IconsBrands"; + content: "\f3aa"; +} + +.ts-icon.is-mosque-icon::before { + content: "\f678"; +} + +.ts-icon.is-phoenix-squadron-icon::before { + font-family: "IconsBrands"; + content: "\f511"; +} + +.ts-icon.is-road-bridge-icon::before { + content: "\e563"; +} + +.ts-icon.is-0-icon::before { + content: "\30"; +} + +.ts-icon.is-bitcoin-sign-icon::before { + content: "\e0b4"; +} + +.ts-icon.is-hand-pointer-icon::before { + content: "\f25a"; +} + +.ts-icon.is-viber-icon::before { + font-family: "IconsBrands"; + content: "\f409"; +} + +.ts-icon.is-backward-step-icon::before { + content: "\f048"; +} + +.ts-icon.is-bots-icon::before { + font-family: "IconsBrands"; + content: "\e340"; +} + +.ts-icon.is-mastodon-icon::before { + font-family: "IconsBrands"; + content: "\f4f6"; +} + +.ts-icon.is-microphone-icon::before { + content: "\f130"; +} + +.ts-icon.is-paypal-icon::before { + font-family: "IconsBrands"; + content: "\f1ed"; +} + +.ts-icon.is-temperature-full-icon::before { + content: "\f2c7"; +} + +.ts-icon.is-bone-icon::before { + content: "\f5d7"; +} + +.ts-icon.is-industry-icon::before { + content: "\f275"; +} + +.ts-icon.is-chart-line-icon::before { + content: "\f201"; +} + +.ts-icon.is-notdef-icon::before { + content: "\e1fe"; +} + +.ts-icon.is-wheat-awn-circle-exclamation-icon::before { + content: "\e598"; +} + +.ts-icon.is-arrow-down-1-9-icon::before { + content: "\f162"; +} + +.ts-icon.is-bolt-icon::before { + content: "\f0e7"; +} + +.ts-icon.is-golang-icon::before { + font-family: "IconsBrands"; + content: "\e40f"; +} + +.ts-icon.is-deezer-icon::before { + font-family: "IconsBrands"; + content: "\e077"; +} + +.ts-icon.is-earth-americas-icon::before { + content: "\f57d"; +} + +.ts-icon.is-user-check-icon::before { + content: "\f4fc"; +} + +.ts-icon.is-video-slash-icon::before { + content: "\f4e2"; +} + +.ts-icon.is-wheelchair-move-icon::before { + content: "\e2ce"; +} + +.ts-icon.is-check-to-slot-icon::before { + content: "\f772"; +} + +.ts-icon.is-hat-cowboy-icon::before { + content: "\f8c0"; +} + +.ts-icon.is-uncharted-icon::before { + font-family: "IconsBrands"; + content: "\e084"; +} + +.ts-icon.is-venus-double-icon::before { + content: "\f226"; +} + +.ts-icon.is-memory-icon::before { + content: "\f538"; +} + +.ts-icon.is-mix-icon::before { + font-family: "IconsBrands"; + content: "\f3cb"; +} + +.ts-icon.is-diagram-predecessor-icon::before { + content: "\e477"; +} + +.ts-icon.is-kitchen-set-icon::before { + content: "\e51a"; +} + +.ts-icon.is-tractor-icon::before { + content: "\f722"; +} + +.ts-icon.is-bug-slash-icon::before { + content: "\e490"; +} + +.ts-icon.is-comment-medical-icon::before { + content: "\f7f5"; +} + +.ts-icon.is-square-phone-flip-icon::before { + content: "\f87b"; +} + +.ts-icon.is-arrows-left-right-to-line-icon::before { + content: "\e4ba"; +} + +.ts-icon.is-at-icon::before { + content: "\40"; +} + +.ts-icon.is-bed-pulse-icon::before { + content: "\f487"; +} + +.ts-icon.is-linode-icon::before { + font-family: "IconsBrands"; + content: "\f2b8"; +} + +.ts-icon.is-phone-slash-icon::before { + content: "\f3dd"; +} + +.ts-icon.is-road-circle-exclamation-icon::before { + content: "\e565"; +} + +.ts-icon.is-arrow-up-9-1-icon::before { + content: "\f887"; +} + +.ts-icon.is-battery-quarter-icon::before { + content: "\f243"; +} + +.ts-icon.is-peace-icon::before { + content: "\f67c"; +} + +.ts-icon.is-toilet-paper-slash-icon::before { + content: "\e072"; +} + +.ts-icon.is-folder-closed-icon::before { + content: "\e185"; +} + +.ts-icon.is-hands-bound-icon::before { + content: "\e4f9"; +} + +.ts-icon.is-cc-apple-pay-icon::before { + font-family: "IconsBrands"; + content: "\f416"; +} + +.ts-icon.is-paintbrush-icon::before { + content: "\f1fc"; +} + +.ts-icon.is-briefcase-icon::before { + content: "\f0b1"; +} + +.ts-icon.is-calendar-xmark-icon::before { + content: "\f273"; +} + +.ts-icon.is-speaker-deck-icon::before { + font-family: "IconsBrands"; + content: "\f83c"; +} + +.ts-icon.is-twitter-icon::before { + font-family: "IconsBrands"; + content: "\f099"; +} + +.ts-icon.is-dharmachakra-icon::before { + content: "\f655"; +} + +.ts-icon.is-door-closed-icon::before { + content: "\f52a"; +} + +.ts-icon.is-stumbleupon-icon::before { + font-family: "IconsBrands"; + content: "\f1a4"; +} + +.ts-icon.is-tarp-droplet-icon::before { + content: "\e57c"; +} + +.ts-icon.is-circle-up-icon::before { + content: "\f35b"; +} + +.ts-icon.is-file-lines-icon::before { + content: "\f15c"; +} + +.ts-icon.is-ferry-icon::before { + content: "\e4ea"; +} + +.ts-icon.is-sort-down-icon::before { + content: "\f0dd"; +} + +.ts-icon.is-check-icon::before { + content: "\f00c"; +} + +.ts-icon.is-diaspora-icon::before { + font-family: "IconsBrands"; + content: "\f791"; +} + +.ts-icon.is-kaaba-icon::before { + content: "\f66b"; +} + +.ts-icon.is-building-columns-icon::before { + content: "\f19c"; +} + +.ts-icon.is-gauge-simple-icon::before { + content: "\f629"; +} + +.ts-icon.is-earth-oceania-icon::before { + content: "\e47b"; +} + +.ts-icon.is-mattress-pillow-icon::before { + content: "\e525"; +} + +.ts-icon.is-ice-cream-icon::before { + content: "\f810"; +} + +.ts-icon.is-image-icon::before { + content: "\f03e"; +} + +.ts-icon.is-mdb-icon::before { + font-family: "IconsBrands"; + content: "\f8ca"; +} + +.ts-icon.is-minimize-icon::before { + content: "\f78c"; +} + +.ts-icon.is-odysee-icon::before { + font-family: "IconsBrands"; + content: "\e5c6"; +} + +.ts-icon.is-opera-icon::before { + font-family: "IconsBrands"; + content: "\f26a"; +} + +.ts-icon.is-crop-simple-icon::before { + content: "\f565"; +} + +.ts-icon.is-hot-tub-person-icon::before { + content: "\f593"; +} + +.ts-icon.is-wand-magic-sparkles-icon::before { + content: "\e2ca"; +} + +.ts-icon.is-spaghetti-monster-flying-icon::before { + content: "\f67b"; +} + +.ts-icon.is-bridge-icon::before { + content: "\e4c8"; +} + +.ts-icon.is-file-shield-icon::before { + content: "\e4f0"; +} + +.ts-icon.is-chart-column-icon::before { + content: "\e0e3"; +} + +.ts-icon.is-css3-icon::before { + font-family: "IconsBrands"; + content: "\f13c"; +} + +.ts-icon.is-shield-heart-icon::before { + content: "\e574"; +} + +.ts-icon.is-temperature-empty-icon::before { + content: "\f2cb"; +} + +.ts-icon.is-adn-icon::before { + font-family: "IconsBrands"; + content: "\f170"; +} + +.ts-icon.is-book-icon::before { + content: "\f02d"; +} + +.ts-icon.is-telegram-icon::before { + font-family: "IconsBrands"; + content: "\f2c6"; +} + +.ts-icon.is-vnv-icon::before { + font-family: "IconsBrands"; + content: "\f40b"; +} + +.ts-icon.is-head-side-mask-icon::before { + content: "\e063"; +} + +.ts-icon.is-j-icon::before { + content: "\4a"; +} + +.ts-icon.is-hourglass-start-icon::before { + content: "\f251"; +} + +.ts-icon.is-file-import-icon::before { + content: "\f56f"; +} + +.ts-icon.is-file-prescription-icon::before { + content: "\f572"; +} + +.ts-icon.is-person-rifle-icon::before { + content: "\e54e"; +} + +.ts-icon.is-dice-four-icon::before { + content: "\f524"; +} + +.ts-icon.is-equals-icon::before { + content: "\3d"; +} + +.ts-icon.is-road-circle-check-icon::before { + content: "\e564"; +} + +.ts-icon.is-building-user-icon::before { + content: "\e4da"; +} + +.ts-icon.is-plane-departure-icon::before { + content: "\f5b0"; +} + +.ts-icon.is-temperature-three-quarters-icon::before { + content: "\f2c8"; +} + +.ts-icon.is-chess-queen-icon::before { + content: "\f445"; +} + +.ts-icon.is-mendeley-icon::before { + font-family: "IconsBrands"; + content: "\f7b3"; +} + +.ts-icon.is-wpbeginner-icon::before { + font-family: "IconsBrands"; + content: "\f297"; +} + +.ts-icon.is-rectangle-xmark-icon::before { + content: "\f410"; +} + +.ts-icon.is-shopware-icon::before { + font-family: "IconsBrands"; + content: "\f5b5"; +} + +.ts-icon.is-square-viadeo-icon::before { + font-family: "IconsBrands"; + content: "\f2aa"; +} + +.ts-icon.is-person-military-pointing-icon::before { + content: "\e54a"; +} + +.ts-icon.is-right-to-bracket-icon::before { + content: "\f2f6"; +} + +.ts-icon.is-instalod-icon::before { + font-family: "IconsBrands"; + content: "\e081"; +} + +.ts-icon.is-less-icon::before { + font-family: "IconsBrands"; + content: "\f41d"; +} + +.ts-icon.is-volume-low-icon::before { + content: "\f027"; +} + +.ts-icon.is-7-icon::before { + content: "\37"; +} + +.ts-icon.is-explosion-icon::before { + content: "\e4e9"; +} + +.ts-icon.is-w-icon::before { + content: "\57"; +} + +.ts-icon.is-bed-icon::before { + content: "\f236"; +} + +.ts-icon.is-tower-observation-icon::before { + content: "\e586"; +} + +.ts-icon.is-martini-glass-empty-icon::before { + content: "\f000"; +} + +.ts-icon.is-battery-half-icon::before { + content: "\f242"; +} + +.ts-icon.is-gg-circle-icon::before { + font-family: "IconsBrands"; + content: "\f261"; +} + +.ts-icon.is-square-arrow-up-right-icon::before { + content: "\f14c"; +} + +.ts-icon.is-fonticons-icon::before { + font-family: "IconsBrands"; + content: "\f280"; +} + +.ts-icon.is-icicles-icon::before { + content: "\f7ad"; +} + +.ts-icon.is-palette-icon::before { + content: "\f53f"; +} + +.ts-icon.is-soap-icon::before { + content: "\e06e"; +} + +.ts-icon.is-arrow-right-to-city-icon::before { + content: "\e4b3"; +} + +.ts-icon.is-draft2digital-icon::before { + font-family: "IconsBrands"; + content: "\f396"; +} + +.ts-icon.is-question-icon::before { + content: "\3f"; +} + +.ts-icon.is-rebel-icon::before { + font-family: "IconsBrands"; + content: "\f1d0"; +} + +.ts-icon.is-2-icon::before { + content: "\32"; +} + +.ts-icon.is-minus-icon::before { + content: "\f068"; +} + +.ts-icon.is-temperature-low-icon::before { + content: "\f76b"; +} + +.ts-icon.is-building-ngo-icon::before { + content: "\e4d7"; +} + +.ts-icon.is-heart-circle-plus-icon::before { + content: "\e500"; +} + +.ts-icon.is-uber-icon::before { + font-family: "IconsBrands"; + content: "\f402"; +} + +.ts-icon.is-burst-icon::before { + content: "\e4dc"; +} + +.ts-icon.is-python-icon::before { + font-family: "IconsBrands"; + content: "\f3e2"; +} + +.ts-icon.is-table-tennis-paddle-ball-icon::before { + content: "\f45d"; +} + +.ts-icon.is-wine-glass-icon::before { + content: "\f4e3"; +} + +.ts-icon.is-face-grimace-icon::before { + content: "\f57f"; +} + +.ts-icon.is-fulcrum-icon::before { + font-family: "IconsBrands"; + content: "\f50b"; +} + +.ts-icon.is-cart-arrow-down-icon::before { + content: "\f218"; +} + +.ts-icon.is-trash-arrow-up-icon::before { + content: "\f829"; +} + +.ts-icon.is-gauge-high-icon::before { + content: "\f625"; +} + +.ts-icon.is-headset-icon::before { + content: "\f590"; +} + +.ts-icon.is-temperature-half-icon::before { + content: "\f2c9"; +} + +.ts-icon.is-bicycle-icon::before { + content: "\f206"; +} + +.ts-icon.is-file-powerpoint-icon::before { + content: "\f1c4"; +} + +.ts-icon.is-link-icon::before { + content: "\f0c1"; +} + +.ts-icon.is-megaport-icon::before { + font-family: "IconsBrands"; + content: "\f5a3"; +} + +.ts-icon.is-plug-circle-minus-icon::before { + content: "\e55e"; +} + +.ts-icon.is-receipt-icon::before { + content: "\f543"; +} + +.ts-icon.is-cloud-arrow-up-icon::before { + content: "\f0ee"; +} + +.ts-icon.is-delicious-icon::before { + font-family: "IconsBrands"; + content: "\f1a5"; +} + +.ts-icon.is-cloud-sun-rain-icon::before { + content: "\f743"; +} + +.ts-icon.is-golf-ball-tee-icon::before { + content: "\f450"; +} + +.ts-icon.is-sliders-icon::before { + content: "\f1de"; +} + +.ts-icon.is-vial-circle-check-icon::before { + content: "\e596"; +} + +.ts-icon.is-align-justify-icon::before { + content: "\f039"; +} + +.ts-icon.is-gitkraken-icon::before { + font-family: "IconsBrands"; + content: "\f3a6"; +} + +.ts-icon.is-house-chimney-window-icon::before { + content: "\e00d"; +} + +.ts-icon.is-y-icon::before { + content: "\59"; +} + +.ts-icon.is-cable-car-icon::before { + content: "\f7da"; +} + +.ts-icon.is-circle-arrow-right-icon::before { + content: "\f0a9"; +} + +.ts-icon.is-pause-icon::before { + content: "\f04c"; +} + +.ts-icon.is-person-circle-plus-icon::before { + content: "\e541"; +} + +.ts-icon.is-person-skiing-icon::before { + content: "\f7c9"; +} + +.ts-icon.is-qrcode-icon::before { + content: "\f029"; +} + +.ts-icon.is-schlix-icon::before { + font-family: "IconsBrands"; + content: "\f3ea"; +} + +.ts-icon.is-basketball-icon::before { + content: "\f434"; +} + +.ts-icon.is-cash-register-icon::before { + content: "\f788"; +} + +.ts-icon.is-circle-left-icon::before { + content: "\f359"; +} + +.ts-icon.is-superpowers-icon::before { + font-family: "IconsBrands"; + content: "\f2dd"; +} + +.ts-icon.is-square-caret-up-icon::before { + content: "\f151"; +} + +.ts-icon.is-glasses-icon::before { + content: "\f530"; +} + +.ts-icon.is-hammer-icon::before { + content: "\f6e3"; +} + +.ts-icon.is-mars-double-icon::before { + content: "\f227"; +} + +.ts-icon.is-mobile-icon::before { + content: "\f3ce"; +} + +.ts-icon.is-book-skull-icon::before { + content: "\f6b7"; +} + +.ts-icon.is-chart-area-icon::before { + content: "\f1fe"; +} + +.ts-icon.is-screwdriver-icon::before { + content: "\f54a"; +} + +.ts-icon.is-square-parking-icon::before { + content: "\f540"; +} + +.ts-icon.is-u-icon::before { + content: "\55"; +} + +.ts-icon.is-venus-mars-icon::before { + content: "\f228"; +} + +.ts-icon.is-vine-icon::before { + font-family: "IconsBrands"; + content: "\f1ca"; +} + +.ts-icon.is-clipboard-question-icon::before { + content: "\e4e3"; +} + +.ts-icon.is-heart-circle-minus-icon::before { + content: "\e4ff"; +} + +.ts-icon.is-person-military-rifle-icon::before { + content: "\e54b"; +} + +.ts-icon.is-google-play-icon::before { + font-family: "IconsBrands"; + content: "\f3ab"; +} + +.ts-icon.is-mercury-icon::before { + content: "\f223"; +} + +.ts-icon.is-firefox-icon::before { + font-family: "IconsBrands"; + content: "\f269"; +} + +.ts-icon.is-photo-film-icon::before { + content: "\f87c"; +} + +.ts-icon.is-battle-net-icon::before { + font-family: "IconsBrands"; + content: "\f835"; +} + +.ts-icon.is-building-wheat-icon::before { + content: "\e4db"; +} + +.ts-icon.is-rss-icon::before { + content: "\f09e"; +} + +.ts-icon.is-shapes-icon::before { + content: "\f61f"; +} + +.ts-icon.is-expeditedssl-icon::before { + font-family: "IconsBrands"; + content: "\f23e"; +} + +.ts-icon.is-guitar-icon::before { + content: "\f7a6"; +} + +.ts-icon.is-person-through-window-icon::before { + content: "\e5a9"; +} + +.ts-icon.is-virus-covid-slash-icon::before { + content: "\e4a9"; +} + +.ts-icon.is-bullhorn-icon::before { + content: "\f0a1"; +} + +.ts-icon.is-delete-left-icon::before { + content: "\f55a"; +} + +.ts-icon.is-dice-icon::before { + content: "\f522"; +} + +.ts-icon.is-face-smile-beam-icon::before { + content: "\f5b8"; +} + +.ts-icon.is-r-icon::before { + content: "\52"; +} + +.ts-icon.is-tablets-icon::before { + content: "\f490"; +} + +.ts-icon.is-vest-patches-icon::before { + content: "\e086"; +} + +.ts-icon.is-battery-full-icon::before { + content: "\f240"; +} + +.ts-icon.is-building-un-icon::before { + content: "\e4d9"; +} + +.ts-icon.is-vimeo-v-icon::before { + font-family: "IconsBrands"; + content: "\f27d"; +} + +.ts-icon.is-worm-icon::before { + content: "\e599"; +} + +.ts-icon.is-book-open-icon::before { + content: "\f518"; +} + +.ts-icon.is-diamond-icon::before { + content: "\f219"; +} + +.ts-icon.is-toilet-icon::before { + content: "\f7d8"; +} + +.ts-icon.is-vector-square-icon::before { + content: "\f5cb"; +} + +.ts-icon.is-chess-bishop-icon::before { + content: "\f43a"; +} + +.ts-icon.is-google-pay-icon::before { + font-family: "IconsBrands"; + content: "\e079"; +} + +.ts-icon.is-square-icon::before { + content: "\f0c8"; +} + +.ts-icon.is-square-person-confined-icon::before { + content: "\e577"; +} + +.ts-icon.is-square-rss-icon::before { + content: "\f143"; +} + +.ts-icon.is-vault-icon::before { + content: "\e2c5"; +} + +.ts-icon.is-bullseye-icon::before { + content: "\f140"; +} + +.ts-icon.is-pepper-hot-icon::before { + content: "\f816"; +} + +.ts-icon.is-certificate-icon::before { + content: "\f0a3"; +} + +.ts-icon.is-vial-icon::before { + content: "\f492"; +} + +.ts-icon.is-tent-arrow-turn-left-icon::before { + content: "\e580"; +} + +.ts-icon.is-yin-yang-icon::before { + content: "\f6ad"; +} + +.ts-icon.is-bluetooth-icon::before { + font-family: "IconsBrands"; + content: "\f293"; +} + +.ts-icon.is-safari-icon::before { + font-family: "IconsBrands"; + content: "\f267"; +} + +.ts-icon.is-money-bill-trend-up-icon::before { + content: "\e529"; +} + +.ts-icon.is-server-icon::before { + content: "\f233"; +} + +.ts-icon.is-basket-shopping-icon::before { + content: "\f291"; +} + +.ts-icon.is-circle-chevron-left-icon::before { + content: "\f137"; +} + +.ts-icon.is-user-ninja-icon::before { + content: "\f504"; +} + +.ts-icon.is-users-gear-icon::before { + content: "\f509"; +} + +.ts-icon.is-bridge-water-icon::before { + content: "\e4ce"; +} + +.ts-icon.is-feather-icon::before { + content: "\f52d"; +} + +.ts-icon.is-border-all-icon::before { + content: "\f84c"; +} + +.ts-icon.is-copy-icon::before { + content: "\f0c5"; +} + +.ts-icon.is-cuttlefish-icon::before { + font-family: "IconsBrands"; + content: "\f38c"; +} + +.ts-icon.is-plant-wilt-icon::before { + content: "\e5aa"; +} + +.ts-icon.is-scale-unbalanced-icon::before { + content: "\f515"; +} + +.ts-icon.is-baby-icon::before { + content: "\f77c"; +} + +.ts-icon.is-battery-three-quarters-icon::before { + content: "\f241"; +} + +.ts-icon.is-cake-candles-icon::before { + content: "\f1fd"; +} + +.ts-icon.is-chevron-right-icon::before { + content: "\f054"; +} + +.ts-icon.is-icons-icon::before { + content: "\f86d"; +} + +.ts-icon.is-money-bill-transfer-icon::before { + content: "\e528"; +} + +.ts-icon.is-sterling-sign-icon::before { + content: "\f154"; +} + +.ts-icon.is-border-none-icon::before { + content: "\f850"; +} + +.ts-icon.is-braille-icon::before { + content: "\f2a1"; +} + +.ts-icon.is-toggle-off-icon::before { + content: "\f204"; +} + +.ts-icon.is-phoenix-framework-icon::before { + font-family: "IconsBrands"; + content: "\f3dc"; +} + +.ts-icon.is-shield-icon::before { + content: "\f132"; +} + +.ts-icon.is-plus-icon::before { + content: "\2b"; +} + +.ts-icon.is-arrow-up-wide-short-icon::before { + content: "\f161"; +} + +.ts-icon.is-dice-d6-icon::before { + content: "\f6d1"; +} + +.ts-icon.is-prescription-bottle-icon::before { + content: "\f485"; +} + +.ts-icon.is-creative-commons-sampling-icon::before { + font-family: "IconsBrands"; + content: "\f4f0"; +} + +.ts-icon.is-joomla-icon::before { + font-family: "IconsBrands"; + content: "\f1aa"; +} + +.ts-icon.is-coins-icon::before { + content: "\f51e"; +} + +.ts-icon.is-docker-icon::before { + font-family: "IconsBrands"; + content: "\f395"; +} + +.ts-icon.is-sleigh-icon::before { + content: "\f7cc"; +} + +.ts-icon.is-soundcloud-icon::before { + font-family: "IconsBrands"; + content: "\f1be"; +} + +.ts-icon.is-square-git-icon::before { + font-family: "IconsBrands"; + content: "\f1d2"; +} + +.ts-icon.is-truck-plane-icon::before { + content: "\e58f"; +} + +.ts-icon.is-arrow-down-z-a-icon::before { + content: "\f881"; +} + +.ts-icon.is-cart-shopping-icon::before { + content: "\f07a"; +} + +.ts-icon.is-layer-group-icon::before { + content: "\f5fd"; +} + +.ts-icon.is-d-and-d-icon::before { + font-family: "IconsBrands"; + content: "\f38d"; +} + +.ts-icon.is-italic-icon::before { + content: "\f033"; +} + +.ts-icon.is-arrows-turn-right-icon::before { + content: "\e4c0"; +} + +.ts-icon.is-wave-square-icon::before { + content: "\f83e"; +} + +.ts-icon.is-medrt-icon::before { + font-family: "IconsBrands"; + content: "\f3c8"; +} + +.ts-icon.is-bitbucket-icon::before { + font-family: "IconsBrands"; + content: "\f171"; +} + +.ts-icon.is-i-cursor-icon::before { + content: "\f246"; +} + +.ts-icon.is-file-word-icon::before { + content: "\f1c2"; +} + +.ts-icon.is-google-plus-g-icon::before { + font-family: "IconsBrands"; + content: "\f0d5"; +} + +.ts-icon.is-hippo-icon::before { + content: "\f6ed"; +} + +.ts-icon.is-image-portrait-icon::before { + content: "\f3e0"; +} + +.ts-icon.is-kiwi-bird-icon::before { + content: "\f535"; +} + +.ts-icon.is-locust-icon::before { + content: "\e520"; +} + +.ts-icon.is-black-tie-icon::before { + font-family: "IconsBrands"; + content: "\f27e"; +} + +.ts-icon.is-circle-chevron-up-icon::before { + content: "\f139"; +} + +.ts-icon.is-star-of-life-icon::before { + content: "\f621"; +} + +.ts-icon.is-studiovinari-icon::before { + font-family: "IconsBrands"; + content: "\f3f8"; +} + +.ts-icon.is-user-injured-icon::before { + content: "\f728"; +} + +.ts-icon.is-viruses-icon::before { + content: "\e076"; +} + +.ts-icon.is-bath-icon::before { + content: "\f2cd"; +} + +.ts-icon.is-circle-notch-icon::before { + content: "\f1ce"; +} + +.ts-icon.is-truck-field-icon::before { + content: "\e58d"; +} + +.ts-icon.is-crow-icon::before { + content: "\f520"; +} + +.ts-icon.is-h-icon::before { + content: "\48"; +} + +.ts-icon.is-info-icon::before { + content: "\f129"; +} + +.ts-icon.is-medapps-icon::before { + font-family: "IconsBrands"; + content: "\f3c6"; +} + +.ts-icon.is-plug-circle-bolt-icon::before { + content: "\e55b"; +} + +.ts-icon.is-user-group-icon::before { + content: "\f500"; +} + +.ts-icon.is-won-sign-icon::before { + content: "\f159"; +} + +.ts-icon.is-fedora-icon::before { + font-family: "IconsBrands"; + content: "\f798"; +} + +.ts-icon.is-github-icon::before { + font-family: "IconsBrands"; + content: "\f09b"; +} + +.ts-icon.is-hill-rockslide-icon::before { + content: "\e508"; +} + +.ts-icon.is-people-group-icon::before { + content: "\e533"; +} + +.ts-icon.is-tower-broadcast-icon::before { + content: "\f519"; +} + +.ts-icon.is-bag-shopping-icon::before { + content: "\f290"; +} + +.ts-icon.is-hand-holding-heart-icon::before { + content: "\f4be"; +} + +.ts-icon.is-filter-circle-xmark-icon::before { + content: "\e17b"; +} + +.ts-icon.is-hand-holding-dollar-icon::before { + content: "\f4c0"; +} + +.ts-icon.is-sass-icon::before { + font-family: "IconsBrands"; + content: "\f41e"; +} + +.ts-icon.is-user-minus-icon::before { + content: "\f503"; +} + +.ts-icon.is-wpexplorer-icon::before { + font-family: "IconsBrands"; + content: "\f2de"; +} + +.ts-icon.is-archway-icon::before { + content: "\f557"; +} + +.ts-icon.is-diagram-next-icon::before { + content: "\e476"; +} + +.ts-icon.is-images-icon::before { + content: "\f302"; +} + +.ts-icon.is-unlock-keyhole-icon::before { + content: "\f13e"; +} + +.ts-icon.is-arrows-up-down-left-right-icon::before { + content: "\f047"; +} + +.ts-icon.is-chevron-down-icon::before { + content: "\f078"; +} + +.ts-icon.is-stroopwafel-icon::before { + content: "\f551"; +} + +.ts-icon.is-file-pdf-icon::before { + content: "\f1c1"; +} + +.ts-icon.is-sourcetree-icon::before { + font-family: "IconsBrands"; + content: "\f7d3"; +} + +.ts-icon.is-gears-icon::before { + content: "\f085"; +} + +.ts-icon.is-hourglass-icon::before { + content: "\f254"; +} + +.ts-icon.is-house-medical-circle-xmark-icon::before { + content: "\e513"; +} + +.ts-icon.is-people-roof-icon::before { + content: "\e537"; +} + +.ts-icon.is-uniregistry-icon::before { + font-family: "IconsBrands"; + content: "\f404"; +} + +.ts-icon.is-baseball-bat-ball-icon::before { + content: "\f432"; +} + +.ts-icon.is-face-angry-icon::before { + content: "\f556"; +} + +.ts-icon.is-hand-dots-icon::before { + content: "\f461"; +} + +.ts-icon.is-reply-icon::before { + content: "\f3e5"; +} + +.ts-icon.is-subscript-icon::before { + content: "\f12c"; +} + +.ts-icon.is-umbrella-beach-icon::before { + content: "\f5ca"; +} + +.ts-icon.is-venus-icon::before { + content: "\f221"; +} + +.ts-icon.is-align-right-icon::before { + content: "\f038"; +} + +.ts-icon.is-face-tired-icon::before { + content: "\f5c8"; +} + +.ts-icon.is-mizuni-icon::before { + font-family: "IconsBrands"; + content: "\f3cc"; +} + +.ts-icon.is-person-half-dress-icon::before { + content: "\e548"; +} + +.ts-icon.is-volume-xmark-icon::before { + content: "\f6a9"; +} + +.ts-icon.is-waze-icon::before { + font-family: "IconsBrands"; + content: "\f83f"; +} + +.ts-icon.is-austral-sign-icon::before { + content: "\e0a9"; +} + +.ts-icon.is-headphones-icon::before { + content: "\f025"; +} + +.ts-icon.is-code-commit-icon::before { + content: "\f386"; +} + +.ts-icon.is-pen-nib-icon::before { + content: "\f5ad"; +} + +.ts-icon.is-creative-commons-pd-icon::before { + font-family: "IconsBrands"; + content: "\f4ec"; +} + +.ts-icon.is-dyalog-icon::before { + font-family: "IconsBrands"; + content: "\f399"; +} + +.ts-icon.is-user-astronaut-icon::before { + content: "\f4fb"; +} + +.ts-icon.is-compass-icon::before { + content: "\f14e"; +} + +.ts-icon.is-creative-commons-nc-icon::before { + font-family: "IconsBrands"; + content: "\f4e8"; +} + +.ts-icon.is-gavel-icon::before { + content: "\f0e3"; +} + +.ts-icon.is-hill-avalanche-icon::before { + content: "\e507"; +} + +.ts-icon.is-jet-fighter-icon::before { + content: "\f0fb"; +} + +.ts-icon.is-jsfiddle-icon::before { + font-family: "IconsBrands"; + content: "\f1cc"; +} + +.ts-icon.is-marker-icon::before { + content: "\f5a1"; +} + +.ts-icon.is-stethoscope-icon::before { + content: "\f0f1"; +} + +.ts-icon.is-chromecast-icon::before { + font-family: "IconsBrands"; + content: "\f838"; +} + +.ts-icon.is-face-grin-stars-icon::before { + content: "\f587"; +} + +.ts-icon.is-accessible-icon-icon::before { + font-family: "IconsBrands"; + content: "\f368"; +} + +.ts-icon.is-lyft-icon::before { + font-family: "IconsBrands"; + content: "\f3c3"; +} + +.ts-icon.is-copyright-icon::before { + content: "\f1f9"; +} + + +/* ========================================================================== + Variables + ========================================================================== */ + +@font-face { + font-family: "Icons"; + src: url("fonts/icons/fa-solid-900.woff2") format("woff2"), url("fonts/icons/fa-solid-900.ttf") format("truetype"); + font-style: normal; + font-weight: normal; + font-variant: normal; + text-decoration: inherit; + text-transform: none; +} + +@font-face { + font-family: "IconsBrands"; + src: url("fonts/icons/fa-brands-400.woff2") format("woff2"), url("fonts/icons/fa-brands-400.ttf") format("truetype"); + font-style: normal; + font-weight: normal; + font-variant: normal; + text-decoration: inherit; + text-transform: none; +} + +@font-face { + font-family: "IconsRegular"; + src: url("fonts/icons/fa-regular-400.woff2") format("woff2"), url("fonts/icons/fa-regular-400.ttf") format("truetype"); + font-style: normal; + font-weight: normal; + font-variant: normal; + text-decoration: inherit; + text-transform: none; +} + +@keyframes ts-icon-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} + +.ts-icon { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-icon { + font-family: "Icons"; + font-weight: normal; + font-style: normal; + display: inline; + text-decoration: none; + text-align: center; + width: 1.18em; + -webkit-font-smoothing: antialiased; + backface-visibility: hidden; + color: var(--accent-color, inherit); +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Regular + */ + +.ts-icon.is-regular { + font-family: "IconsRegular"; +} + +/** + * Circular + */ + +.ts-icon.is-circular, +.ts-icon.is-rounded { + display: inline-flex; + align-items: center; + justify-content: center; + border-radius: 500em !important; + line-height: 1 !important; + box-sizing: border-box; + padding: 0.5em 0.5em !important; + box-shadow: 0em 0em 0em 0.1em var(--ts-gray-300) inset; + width: 2em !important; + height: 2em !important; +} + +.ts-icon.is-rounded { + border-radius: 0.4rem !important; +} + +/** + * Spinning + */ + +.ts-icon.is-spinning { + display: inline-block; + animation: ts-icon-spin 2s linear infinite; +} + +/** + * Negative + */ + +.ts-icon.is-negative { + color: var(--ts-negative-500); +} + +/** + * Disabled + */ + +.ts-icon.is-disabled { + opacity: 0.25; + pointer-events: none; +} + +/** + * Squared + */ + +.ts-icon.is-squared { + background: var(--ts-gray-100); + border-radius: 0.4rem; + font-size: 1.3em; + width: 3rem; + height: 3rem; + align-items: center; + justify-content: center; + display: inline-flex; +} + +/** + * Secondary + */ + +.ts-icon.is-secondary { + color: var(--ts-gray-500); +} + +/** + * Sizes + */ + +.ts-icon.is-small { + font-size: var(--ts-font-size-13px); +} + +.ts-icon.is-large { + font-size: var(--ts-font-size-18px); +} + +.ts-icon.is-big { + font-size: var(--ts-font-size-24px); +} + +.ts-icon.is-huge { + font-size: var(--ts-font-size-30px); +} + +/** + * Heading + */ + +.ts-icon.is-heading { + line-height: 1; + font-size: var(--ts-font-size-75px); +} + +/** + * Spaced + */ + +.ts-icon.is-spaced { + margin-left: 0.45rem; + margin-right: 0.45rem; +} +.ts-icon.is-start-spaced { + margin-left: 0.45rem; +} +.ts-icon.is-end-spaced { + margin-right: 0.45rem; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-divider { + border-top: 1px solid var(--ts-gray-300); +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Vertical + */ + +.ts-divider.is-vertical { + height: 100%; + border-top: 0; + border-left: 1px solid var(--ts-gray-300); +} + +/** + * Section + */ + +.ts-divider.is-section { + margin: 1rem 0; +} + +/** + * Text + */ + +.ts-divider:is(.is-center-text, .is-start-text, .is-end-text) { + display: flex; + align-items: center; + border-top: 0; + gap: 1rem; + color: var(--ts-gray-800); +} + +.ts-divider:is(.is-center-text, .is-start-text, .is-end-text)::before, +.ts-divider:is(.is-center-text, .is-start-text, .is-end-text)::after { + content: ""; + height: 1px; + background-color: var(--ts-gray-300); + flex-grow: 1; +} + +.ts-divider.is-start-text::before { + display: none; +} + +.ts-divider.is-end-text::after { + display: none; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-input { + --border-radius: 0.4rem; + --height: var(--ts-input-height-medium); +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-input { + display: flex; + width: 100%; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-input input { + padding: 0 1rem; + height: var(--height); +} + +.ts-input input, +.ts-input textarea { + margin: 0; + width: 100%; + overflow: visible; + font: inherit; + outline: none; + box-sizing: border-box; + resize: none; + font-size: var(--ts-font-size-14px); + line-height: 1.5; + color: var(--ts-gray-800); + background: var(--ts-gray-50); + + -webkit-font-smoothing: inherit; + -moz-osx-font-smoothing: inherit; + appearance: none; + -webkit-appearance: none; +} + +.ts-input textarea { + padding: 0.467rem 1rem; +} + +.ts-input input:focus, +.ts-input textarea:focus { + outline: 0; +} + +/** + * Input + */ + +.ts-input input, +.ts-input textarea { + border-radius: var(--border-radius); + border: 1px solid var(--ts-gray-300); +} + +.ts-input input:focus, +.ts-input textarea:focus { + border-color: var(--ts-primary-600); +} + +.ts-input input::-webkit-inner-spin-button, +.ts-input input::-webkit-calendar-picker-indicator { + opacity: 0.4; + line-height: 1; +} + +/** + * Color + */ + +.ts-input input[type="color"] { + padding: 0; + aspect-ratio: 1 / 1; + overflow: hidden; + cursor: pointer; + width: auto; +} + +.ts-input input[type="color"]::-webkit-color-swatch { + padding: 0; + position: absolute; + top: 4px; + left: 4px; + right: 4px; + bottom: 4px; + border: 0; + border-radius: 0.4rem; + width: auto; + height: auto; +} + +.ts-input input[type="color"]::-moz-color-swatch { + padding: 0; + position: absolute; + top: 4px; + left: 4px; + right: 4px; + bottom: 4px; + border: 0; + border-radius: 0.4rem; + width: auto; + height: auto; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Solid + */ + +.ts-input.is-solid input, +.ts-input.is-solid textarea { + border-radius: var(--border-radius); + border: 1px solid transparent; + background: var(--ts-gray-100); +} + +.ts-input.is-solid input:focus, +.ts-input.is-solid textarea:focus { + background: var(--ts-gray-50); + border: 1px solid var(--ts-gray-300); +} + +/** + * Underlined + */ + +.ts-input.is-underlined input, +.ts-input.is-underlined textarea { + border-radius: var(--border-radius) var(--border-radius) 0 0; + border: 2px solid transparent; + background: var(--ts-gray-100); + border-bottom: 2px solid var(--ts-gray-400); +} + +.ts-input.is-underlined input:focus, +.ts-input.is-underlined textarea:focus { + border-bottom-color: var(--ts-primary-600); +} + +/** + * Resizable + */ + +.ts-input.is-resizable input, +.ts-input.is-resizable textarea { + min-height: 5rem; + resize: vertical; +} + +/** + * Circular + */ + +.ts-input.is-circular { + --border-radius: 100rem; +} + +/** + * Basic + */ + +.ts-input.is-basic input { + padding: 0; + border: 0; + background: transparent; +} + +/** + * Labeled + */ + +.ts-input:is(.is-start-labeled, .is-end-labeled, .is-labeled) :is(.input, .label) { + border-radius: var(--border-radius); +} + +.ts-input:is(.is-start-labeled, .is-end-labeled, .is-labeled) .label { + line-height: 1; + display: flex; + align-items: center; + justify-content: center; + background: var(--ts-gray-100); + padding: 0 0.6rem; + font-size: var(--ts-font-size-14px); + color: var(--ts-gray-700); + border: 1px solid var(--ts-gray-300); +} + +.ts-input:is(.is-start-labeled, .is-labeled) .label { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right-width: 0; +} + +.ts-input:is(.is-start-labeled, .is-labeled) input { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.ts-input:is(.is-end-labeled, .is-labeled) .label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-width: 0; +} + +.ts-input:is(.is-end-labeled, .is-labeled) input { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.ts-input.is-labeled .label:first-child { + border-left-width: 1px; + border-top-left-radius: var(--border-radius); + border-bottom-left-radius: var(--border-radius); +} + +.ts-input.is-labeled .label:last-child { + border-right-width: 1px; + border-top-right-radius: var(--border-radius); + border-bottom-right-radius: var(--border-radius); +} + +/** Underlined */ +.ts-input:is(.is-start-labeled, .is-labeled, .is-end-labeled).is-underlined .label { + border: 0; + border-bottom: 2px solid var(--ts-gray-400); + background: var(--ts-gray-200); +} + +.ts-input:is(.is-start-labeled, .is-labeled).is-underlined .label { + border-bottom-left-radius: 0; +} + +.ts-input:is(.is-end-labeled, .is-labeled).is-underlined .label { + border-bottom-right-radius: 0; +} + +.ts-input:is(.is-start-labeled, .is-labeled).is-underlined input { + border-left: 0; +} + +.ts-input:is(.is-end-labeled, .is-labeled).is-underlined input { + border-right: 0; +} + +/** Solid */ +.ts-input:is(.is-start-labeled, .is-labeled, .is-end-labeled).is-solid .label { + border-color: transparent; + background: var(--ts-gray-200); +} + +.ts-input:is(.is-start-labeled, .is-labeled, .is-end-labeled).is-solid:focus-within .label { + border-color: var(--ts-gray-300); +} + +/** + * Icon + */ + +.ts-input.is-start-icon .ts-icon, +.ts-input.is-end-icon .ts-icon, +.ts-input.is-icon .ts-icon { + position: absolute; + top: 0; + bottom: 0; + display: flex !important; + align-items: center; + justify-content: center; + color: var(--ts-gray-700); + z-index: 1; +} + +.ts-input.is-start-icon .ts-icon, +.ts-input.is-icon .ts-icon:first-child { + left: 1rem; +} + +.ts-input.is-start-icon input, +.ts-input.is-icon input { + padding-left: 2.8rem; + box-sizing: border-box; +} + +.ts-input.is-end-icon .ts-icon, +.ts-input.is-icon .ts-icon:last-child { + right: 1rem; +} + +.ts-input.is-end-icon input, +.ts-input.is-icon input { + padding-right: 2.8rem; + box-sizing: border-box; +} + +/** + * Negative + */ + +.ts-input.is-negative :is(input, textarea) { + color: var(--ts-negative-600); + border-color: var(--ts-negative-400); + font-weight: 500; +} + +.ts-input.is-negative .label { + border-color: var(--ts-negative-400); +} + +/** Solid */ +.ts-input.is-negative.is-solid:is(.is-start-labeled, .is-labeled, .is-end-labeled) .label { + border-color: var(--ts-negative-400); +} + +.ts-input.is-negative.is-solid input:focus, +.ts-input.is-negative.is-solid textarea:focus { + background: var(--ts-gray-100); + border: 1px solid var(--ts-negative-400); +} + +/** Underlined */ +.ts-input.is-negative.is-underlined :is(.label, input, textarea) { + border-color: transparent; + border-bottom-color: var(--ts-negative-400); +} + +/** + * Disabled + */ + +.ts-input.is-disabled input, +.ts-input.is-disabled textarea { + cursor: not-allowed; + pointer-events: none; + opacity: 0.5; +} + +.ts-input.is-disabled.is-underlined { + border-bottom-color: var(--ts-gray-300); +} + +/** + * Fluid + */ + +.ts-input.is-fluid { + display: flex; + width: 100%; +} + +.ts-input.is-fluid input, +.ts-input.is-fluid textarea { + width: 100%; +} + +/** + * Dense + */ + +.ts-input.is-dense input { + --height: var(--ts-input-height-medium-dense); +} +.ts-input.is-dense.is-small input { + --height: var(--ts-input-height-small-dense); +} +.ts-input.is-dense.is-large input { + --height: var(--ts-input-height-large-dense); +} + +/** + * Relaxed + */ + +.ts-input.is-relaxed input { + --height: var(--ts-input-height-large); +} + +/** + * Sizes + */ + +.ts-input.is-small input { + --height: var(--ts-input-height-small); +} +.ts-input.is-large input { + --height: var(--ts-input-height-large); +} + +.ts-input.is-small :is(input, textarea, .ts-icon) { + font-size: var(--ts-font-size-13px); +} + +.ts-input.is-large :is(input, textarea, .ts-icon) { + font-size: var(--ts-font-size-17px); +} +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-file { + --height: var(--ts-input-height-medium); + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-file { + display: flex; + width: 100%; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-file input { + height: var(--height); + line-height: calc(var(--height) - 1px); + font-size: var(--ts-font-size-14px); + color: var(--ts-gray-800); + padding: 0 1rem; + padding-left: 0.6rem; + background: var(--ts-gray-50); + border: 1px solid var(--ts-gray-300); + border-radius: 0.4rem; + width: 100%; +} + +.ts-file input::file-selector-button, +.ts-file input::-webkit-file-upload-button { + border: 0; + min-width: 75px; + /** Firefox */ + font-family: "Noto Sans TC", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", "Microsoft JhengHei", wf_SegoeUI, "Segoe UI", + Segoe, "Segoe WP", Tahoma, Verdana, Ubuntu, "Bitstream Vera Sans", "DejaVu Sans", 微軟正黑體, "LiHei Pro", "WenQuanYi Micro Hei", "Droid Sans Fallback", + "AR PL UMing TW", Roboto, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", Meiryo, "Droid Sans", sans-serif; + font-size: var(--ts-relative-small); + line-height: 1.5; + font-weight: 500; + text-decoration: none; + display: inline-block; + text-align: center; + + padding: 0.2em 0.5rem; + border-radius: 0.4rem; + margin-right: 0.5rem; + + color: var(--accent-foreground-color, var(--ts-gray-800)); + background: var(--accent-color, var(--ts-gray-200)); +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Underlined + */ + +.ts-file.is-underlined input { + border-radius: 0.4rem 0.4rem 0 0; + border: 2px solid transparent; + background: var(--ts-gray-100); + border-bottom: 2px solid var(--ts-gray-400); +} + +/** + * Solid + */ + +.ts-file.is-solid input { + background: var(--ts-gray-100); + border-color: transparent; +} + +.ts-file:is(.is-solid, .is-underlined) input::file-selector-button, +.ts-file:is(.is-solid, .is-underlined) input::-webkit-file-upload-button { + background: var(--accent-color, var(--ts-gray-300)); +} + +/** + * Disabled + */ + +.ts-file.is-disabled { + cursor: not-allowed; + pointer-events: none; + opacity: 0.5; + user-select: none; +} + +/** + * Negative + */ + +.ts-file.is-negative input { + border-color: var(--ts-negative-400); + color: var(--ts-negative-600); + font-weight: 500; +} + +.ts-file.is-negative.is-underlined input { + border-color: transparent; + border-bottom-color: var(--ts-negative-400); +} + +/** + * Sizes + */ + +.ts-file.is-small input { + --height: var(--ts-input-height-small); +} + +.ts-file.is-large input { + --height: var(--ts-input-height-large); +} + +.ts-file.is-small :is(input, input::file-selector-button, input::-webkit-file-upload-button) { + font-size: var(--ts-font-size-13px); +} + +.ts-file.is-large :is(input, input::file-selector-button, input::-webkit-file-upload-button) { + font-size: var(--ts-font-size-17px); +} + +/** + * Dense + */ + +.ts-file.is-dense input { + --height: var(--ts-input-height-medium-dense); +} + +.ts-file.is-dense input::file-selector-button, +.ts-file.is-dense input::-webkit-file-upload-button { + padding-top: 0.15rem; + padding-bottom: 0.15rem; +} + +.ts-file.is-small.is-dense input { + --height: var(--ts-input-height-small-dense); +} + +.ts-file.is-large.is-dense input { + --height: var(--ts-input-height-large-dense); +} +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-notice { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-notice { + background: var(--accent-color, var(--ts-gray-800)); + border: 1px solid transparent; + color: var(--accent-foreground-color, var(--ts-gray-50)); + display: block; + padding: 0.45rem 1rem; + font-size: var(--ts-font-size-14px); + border-radius: 0.4rem; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-notice .title { + background: var(--accent-foreground-color, var(--ts-gray-50)); + color: var(--accent-color, var(--ts-gray-800)); + border-radius: 0.4rem; + padding: 0.3rem 0.5rem; + margin-right: 0.6rem; + margin-top: 0.05rem; + font-size: var(--ts-font-size-14px); + text-align: justify; + line-height: 1; + white-space: nowrap; + display: inline-block; +} + +.ts-notice .content { + display: inline; +} + +.ts-notice a { + text-decoration: underline; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Negative + */ + +.ts-notice.is-negative { + background: var(--ts-negative-500); + color: var(--ts-white); +} + +.ts-notice.is-negative .title { + background: var(--ts-white); + color: var(--ts-negative-600); +} + +/** + * Outlined + */ + +.ts-notice.is-outlined { + background: transparent; + border-color: var(--ts-gray-300); + color: var(--accent-color, var(--ts-gray-800)); +} + +.ts-notice.is-outlined .title { + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); +} + +.ts-notice.is-outlined.is-negative .title { + background: var(--ts-negative-500); + color: var(--ts-gray-50); +} + +/** + * Sizes + */ + +.ts-notice.is-small, +.ts-notice.is-small .title { + font-size: var(--ts-font-size-13px); +} + +.ts-notice.is-large, +.ts-notice.is-large .title { + font-size: var(--ts-font-size-17px); +} + +/** + * Dense + */ + +.ts-notice.is-dense { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + +.ts-notice.is-dense .title { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-checkbox { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-checkbox { + display: inline-flex; + align-items: flex-start; + cursor: pointer; + user-select: none; + color: inherit; + vertical-align: middle; + margin-top: -3px; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-checkbox input { + border: none; + margin: 0; + padding: 0; + width: auto; + overflow: visible; + background: transparent; + color: inherit; + font: inherit; + line-height: normal; + border-radius: 0; + outline: none; + box-sizing: border-box; + user-select: none; + + -webkit-font-smoothing: inherit; + -moz-osx-font-smoothing: inherit; + appearance: none; + -webkit-appearance: none; +} + +.ts-checkbox input { + min-height: 1.15rem; + min-width: 1.15rem; + margin-top: 5px; + border-radius: 0.2rem; + border: 1px solid var(--ts-gray-200); + background: var(--ts-gray-200); + margin-right: 0.5rem; + cursor: pointer; +} + +.ts-checkbox input:checked { + background: var(--accent-color, var(--ts-primary-700)); + border-color: var(--accent-color, var(--ts-primary-700)); +} + +.ts-checkbox input:focus { + outline: 0; +} + +.ts-checkbox input::after { + position: absolute; + display: none; + content: "\f00c"; + font-family: "Icons"; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + text-align: center; + left: 0; + right: 0; + bottom: 0; + top: 0; + transform: scale(0.8); + z-index: 1; + + align-items: center; + justify-content: center; + -webkit-font-smoothing: antialiased; + backface-visibility: hidden; + font-size: 1rem; + color: var(--accent-foreground-color, var(--ts-white)); +} + +.ts-checkbox input:checked::after { + display: flex; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Disabled + */ + +.ts-checkbox.is-disabled { + cursor: not-allowed; + pointer-events: none; + opacity: 0.5; + user-select: none; +} + +.ts-checkbox.is-disabled input { + background: var(--ts-gray-200); + border-color: var(--ts-gray-200); +} + +/** + * Solo + */ + +.ts-checkbox.is-solo input { + margin-right: 0; + margin-top: 0; +} + +/** + * Negative + */ + +.ts-checkbox.is-negative input { + border-color: var(--ts-negative-600); + border-width: 2px; +} + +/** + * Indeterminate + */ + +.ts-checkbox.is-indeterminate input::after { + content: "\f068"; +} + +/** + * Sizes + */ + +.ts-checkbox.is-small input { + min-height: 0.95rem; + min-width: 0.95rem; +} + +.ts-checkbox.is-small input::after { + font-size: var(--ts-font-size-12px); +} + +.ts-checkbox.is-small { + font-size: var(--ts-font-size-14px); +} + +.ts-checkbox.is-large input { + min-height: 1.3rem; + min-width: 1.3rem; +} + +.ts-checkbox.is-large { + font-size: var(--ts-font-size-17px); +} + +.ts-checkbox.is-large input::after { + font-size: var(--ts-font-size-16px); +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-radio { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-radio { + display: inline-flex; + align-items: flex-start; + cursor: pointer; + user-select: none; + color: inherit; + vertical-align: middle; + margin-top: -3px; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-radio input { + border: none; + margin: 0; + padding: 0; + width: auto; + overflow: visible; + background: transparent; + color: inherit; + font: inherit; + line-height: normal; + border-radius: 0; + outline: none; + box-sizing: border-box; + user-select: none; + + -webkit-font-smoothing: inherit; + -moz-osx-font-smoothing: inherit; + appearance: none; + -webkit-appearance: none; +} + +.ts-radio input { + min-height: 1.15rem; + min-width: 1.15rem; + margin-top: 5px; + border-radius: 100rem; + border: 1px solid var(--ts-gray-200); + background: var(--ts-gray-200); + margin-right: 0.5rem; + cursor: pointer; +} + +.ts-radio input:checked { + background: var(--accent-color, var(--ts-primary-700)); + background: var(--accent-color, var(--ts-primary-700)); +} + +.ts-radio input:focus { + outline: 0; +} + +.ts-radio input::after { + position: absolute; + display: none; + content: "\f111"; + font-family: "Icons"; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + text-align: center; + left: 0; + right: 0; + bottom: 0; + top: 0; + transform: scale(0.5); + z-index: 1; + + align-items: center; + justify-content: center; + -webkit-font-smoothing: antialiased; + backface-visibility: hidden; + font-size: 1rem; + color:var(--accent-foreground-color, var(--ts-white)); +} + +.ts-radio input:checked::after { + display: flex; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Disabled + */ + +.ts-radio.is-disabled { + cursor: not-allowed; + pointer-events: none; + opacity: 0.5; + user-select: none; +} + +.ts-radio.is-disabled input { + background: var(--ts-gray-200); + border-color: var(--ts-gray-200); +} + +/** + * Solo + */ + +.ts-radio.is-solo input { + margin-right: 0; + margin-top: 0; +} + +/** + * Negative + */ + +.ts-radio.is-negative input { + border-color: var(--ts-negative-600); + border-width: 2px; +} + +/** + * Sizes + */ + +.ts-radio.is-small input { + min-height: 0.95rem; + min-width: 0.95rem; +} + +.ts-radio.is-small input::after { + font-size: var(--ts-font-size-14px); +} + +.ts-radio.is-small { + font-size: var(--ts-font-size-14px); +} + +.ts-radio.is-large input { + min-height: 1.3rem; + min-width: 1.3rem; +} + +.ts-radio.is-large { + font-size: var(--ts-font-size-17px); +} + +.ts-radio.is-large input::after { + font-size: var(--ts-font-size-18px); +} + +/* ========================================================================== + Variables + ========================================================================== */ + +@keyframes ts-progress-active { + from { + opacity: 0.8; + width: 0%; + } + to { + opacity: 0; + width: 100%; + } +} + +@keyframes ts-progress-animation { + from { + background-position: 0px; + } + to { + background-position: 40px; + } +} + +@keyframes ts-progress-indeterminate { + 0% { + margin-left: -10%; + margin-right: 100%; + } + 40% { + margin-left: 25%; + margin-right: 0%; + } + 100% { + margin-left: 100%; + margin-right: 0; + } +} + +.ts-progress { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-progress { + display: flex; + border-radius: 0.4rem; + background: var(--ts-gray-300); + overflow: hidden; + min-height: 1.6rem; + line-height: 1; +} + +.ts-progress .bar { + --value: 0; + + display: inline-flex; + align-items: center; + justify-content: flex-end; + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); + padding: 0rem 0.5rem; + font-size: var(--ts-font-size-14px); + border-radius: 0.4rem; + min-width: fit-content; + text-align: right; + transition: width 1s ease-out; + width: calc(var(--value) * 1%); + z-index: 1; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Active + */ + +.ts-progress.is-active .bar::after { + position: absolute; + top: 0; + bottom: 0; + left: 0; + content: ""; + background: #5a5a5a; + border-radius: 0.4rem; + animation: ts-progress-active 2s cubic-bezier(0.4, 0, 0.2, 1) infinite; +} + +/** + * Empty + */ + +.ts-progress.is-empty .bar { + background: transparent; + color: var(--ts-gray-800); +} + +/** + * Processing + */ + +.ts-progress.is-processing { + background-size: 40px 40px; + background-image: linear-gradient(135deg, #9e9e9e 25%, #949494 25%, #949494 50%, #9e9e9e 50%, #9e9e9e 75%, #949494 75%, #949494 100%); + animation: ts-progress-animation 2s linear 0s infinite; +} + +/** + * Indeterminate + */ + +.ts-progress.is-indeterminate .bar { + animation: ts-progress-indeterminate 2s cubic-bezier(0.4, 0, 0.2, 1) 0s infinite; + width: 100% !important; + min-width: 0; +} + +.ts-progress.is-indeterminate .bar .text { + visibility: hidden; +} + +/** + * Queried + */ + +.ts-progress.is-queried .bar { + animation: ts-progress-indeterminate 2s cubic-bezier(0.4, 0, 0.2, 1) 0s infinite; + animation-direction: reverse; + width: 100% !important; + min-width: 0; +} + +.ts-progress.is-queried .bar .text { + visibility: hidden; +} + +/** + * Secondary + */ + +.ts-progress .bar.is-secondary { + position: absolute; + top: 0; + bottom: 0; + z-index: 0; + background: var(--ts-gray-400); + color: var(--ts-gray-800); +} + +/** + * Sizes + */ + +.ts-progress.is-tiny { + min-height: 0.7rem; +} + +.ts-progress.is-tiny .bar .text { + font-size: 0.8em; +} + +.ts-progress.is-small { + min-height: 1.2rem; +} + +.ts-progress.is-small .bar .text { + font-size: 0.85em; +} + +.ts-progress.is-large .bar { + min-height: calc(1.75rem + 1.75rem / 4); +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-badge { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-badge { + font-size: var(--ts-font-size-14px); + border-radius: 100rem; + padding: 0.225rem 0.5rem; + line-height: 1; + border: 1px solid transparent; + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); + font-weight: 400; + display: inline-block; + white-space: nowrap; + text-decoration: none; + vertical-align: middle; + align-self: center; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Secondary + */ + +.ts-badge.is-secondary { + background: var(--ts-gray-200); + color: var(--accent-color, var(--ts-gray-800)); +} + +/** + * Outlined + */ + +.ts-badge.is-outlined { + background: transparent; + border-color: var(--ts-gray-300); + color: var(--accent-color, var(--ts-gray-800)); +} + +/** + * Negative + */ + +.ts-badge.is-negative { + background: var(--ts-negative-500); + color: var(--ts-white); +} + +.ts-badge.is-negative.is-outlined { + background: transparent; + border-color: var(--ts-negative-500); + color: var(--ts-negative-700); +} + +/** + * Sizes + */ + +.ts-badge.is-small { + font-size: var(--ts-font-size-12px); +} +.ts-badge.is-large { + font-size: var(--ts-font-size-16px); +} + +/** + * Dense + */ + +.ts-badge.is-dense { + padding-top: 0.125rem; + padding-bottom: 0.125rem; +} + +/** + * Spaced + */ + +.ts-badge.is-spaced { + margin-left: 0.45rem; + margin-right: 0.45rem; +} +.ts-badge.is-start-spaced { + margin-left: 0.45rem; +} +.ts-badge.is-end-spaced { + margin-right: 0.45rem; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-pagination { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-pagination { + background: var(--ts-gray-200); + display: inline-flex; + padding: 0.25rem 0.5rem; + border-radius: 100rem; + color: var(--ts-gray-800); + border: 1px solid var(--ts-gray-200); +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-pagination .item { + border-radius: 100rem; + padding: 0.5rem 0.8rem; + line-height: 1; + margin: 0 0.15rem; + color: var(--ts-gray-800); + cursor: pointer; + text-decoration: none; + display: flex; + align-items: center; + justify-content: center; + gap: 0.5rem; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Active + */ + +.ts-pagination .item.is-active { + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); +} + +/** + * Fluid + */ + +.ts-pagination.is-fluid { + display: flex; +} + +/** + * Disabled + */ + +.ts-pagination .item.is-disabled { + opacity: 0.5; + pointer-events: none; + user-select: none; +} + +/** + * Aligns + */ + +/*.ts-pagination.is-end-aligned { + margin-left: auto; +}*/ + +/** + * Next & Back + */ + +.ts-pagination .item.is-back, +.ts-pagination .item.is-next { + font-family: "Icons"; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + text-align: center; + -webkit-font-smoothing: antialiased; + backface-visibility: hidden; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.ts-pagination .item.is-back::before { + content: "\f053"; + font-size: 13px; +} + +.ts-pagination .item.is-next { + margin-left: auto; +} + +.ts-pagination .item.is-next::after { + content: "\f054"; + font-size: 13px; +} + +/** + * Secondary + */ + +.ts-pagination.is-secondary { + padding: 0; + background: transparent; + border-color: transparent; +} + +/** + * Sizes + */ + +.ts-pagination.is-small { + font-size: var(--ts-font-size-13px); +} + +.ts-pagination.is-large { + font-size: var(--ts-font-size-17px); +} + +/** + * Dense + */ + +.ts-pagination.is-dense { + padding-top: 0.15rem; + padding-bottom: 0.15rem; +} + +.ts-pagination.is-dense .item { + padding-top: 0.3rem; + padding-bottom: 0.3rem; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-space { + --ts-gap: 1rem; + + height: var(--ts-gap); +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-space::before { + content: " "; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Sizes + */ + +.ts-space.is-small { + --ts-gap: 0.5rem; +} + +.ts-space.is-large { + --ts-gap: 1.5rem; +} + +.ts-space.is-big { + --ts-gap: 3rem; +} + +.ts-space.is-huge { + --ts-gap: 4.5rem; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-select { + --object-distance-vertical: 0.4rem; + --object-distance-horizontal: 0.8rem; + --height: var(--ts-input-height-medium); +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-select { + display: inline-flex; + background: var(--ts-gray-50); + border: 1px solid var(--ts-gray-300); + border-radius: 0.4rem; + cursor: pointer; + height: var(--height); +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-select select { + border: none; + margin: 0; + background: inherit; + font: inherit; + outline: none; + box-sizing: border-box; + user-select: none; + border-radius: 0.4rem; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + + -webkit-font-smoothing: inherit; + -moz-osx-font-smoothing: inherit; + appearance: none; + -webkit-appearance: none; +} + +.ts-select select:focus { + outline: 0; +} + +.ts-select select, +.ts-select .content { + line-height: 1.5; + font-size: var(--ts-font-size-14px); + color: var(--ts-gray-800); + + padding: 0 1rem; + padding-right: 2.5rem; + + width: 100%; + cursor: pointer; +} + +.ts-select .content { + user-select: none; + display: flex; + gap: var(--object-distance-vertical) var(--object-distance-horizontal); + align-items: center; + width: calc(100% - 2.5rem); + overflow: hidden; +} + +.ts-select .content, +.ts-select .content * { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + flex-shrink: 0; +} + +.ts-select .content .ts-icon { + font-size: 1.1em; +} + +.ts-select select option { + background: inherit; +} + +.ts-select::after { + pointer-events: none; + position: absolute; + top: 0; + right: 1rem; + bottom: 0; + display: flex; + align-items: center; + justify-content: center; + color: var(--ts-gray-700); + + font-family: "Icons"; + font-weight: normal; + font-style: normal; + + text-decoration: inherit; + text-align: center; + width: 1.18em; + -webkit-font-smoothing: antialiased; + backface-visibility: hidden; + content: "\f078"; + font-size: 13px; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Multiple + */ + +.ts-select.is-multiple { + height: auto; +} + +.ts-select.is-multiple::after { + content: none; +} + +.ts-select select[multiple] { + padding: 0.5rem 0.5rem; + overflow-y: auto; +} + +.ts-select select[multiple] option { + border-radius: 0.4rem; + padding: 0.3rem 0.5rem; + margin: 0.1rem 0; +} + +.ts-select select[multiple] option:checked { + background: var(--ts-primary-700); + color: var(--ts-white); +} + +/** + * Solid + */ + +.ts-select.is-solid { + background: var(--ts-gray-100); + border-color: transparent; +} + +/** Focus */ +.ts-select:focus-within { + border-color: var(--ts-primary-600); +} + +/** + * Underlined + */ + +.ts-select.is-underlined { + border-radius: 0.4rem 0.4rem 0 0; + border: 2px solid transparent; + background: var(--ts-gray-100); + border-bottom: 2px solid var(--ts-gray-400); +} + +.ts-select.is-underlined select option { + background: var(--ts-gray-50); +} + +.ts-select.is-underlined:focus-within { + border-bottom-color: var(--ts-primary-600); +} + +/** + * Active + */ + +.ts-select.is-active { + border-color: var(--ts-primary-600); +} + +/** If select is-active then open child .ts-dropdown also */ +.ts-select.is-active .ts-dropdown { + display: inline-flex; +} + +/** + * Basic + */ + +.ts-select.is-basic { + padding: 0; + background: transparent; + border-color: transparent; + min-height: initial; +} + +.ts-select.is-basic select { + line-height: 1; + padding: 0 1.4rem 0 0; +} + +.ts-select.is-basic::after { + right: 0; + font-size: 12px; + padding-top: 2px; +} + +/** + * Disabled + */ + +.ts-select.is-disabled { + pointer-events: none; + opacity: 0.5; + user-select: none; +} + +/** + * Fluid + */ + +.ts-select.is-fluid { + width: 100%; +} + +/** + * Negative + */ + +.ts-select.is-negative { + border-color: var(--ts-negative-400); +} + +.ts-select.is-negative select { + color: var(--ts-negative-600); + font-weight: 500; +} + +.ts-select.is-negative.is-underlined { + border-color: transparent; + border-bottom-color: var(--ts-negative-400); +} + +/** + * Sizes + */ + +.ts-select.is-small { + --height: var(--ts-input-height-small); +} +.ts-select.is-large { + --height: var(--ts-input-height-large); +} + +.ts-select.is-small select { + font-size: var(--ts-font-size-13px); +} +.ts-select.is-large select { + font-size: var(--ts-font-size-17px); +} + +/** + * Dense + */ + +.ts-select.is-dense { + --height: var(--ts-input-height-medium-dense); +} + +.ts-select.is-dense.is-small { + --height: var(--ts-input-height-small-dense); +} +.ts-select.is-dense.is-large { + --height: var(--ts-input-height-large-dense); +} + +/** + * Wrappable + */ + +.ts-select.is-wrappable { + min-height: var(--height); + height: auto; + padding: 0.184em 0; +} + +.ts-select.is-wrappable .content { + flex-wrap: wrap; +} + +.ts-select.is-wrappable::after { + top: 0.5em; + bottom: initial; +} +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-fieldset { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-fieldset { + border: 1px solid var(--accent-color, var(--ts-gray-300)); + border-radius: 0.4rem; + padding: 1rem; + padding-top: 0.5rem; + color: inherit; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-fieldset legend { + color: var(--accent-color, var(--ts-gray-600)); + padding: 0 0.7em; + margin-left: -0.7em; + font-weight: normal; + pointer-events: none; + user-select: none; +} + +/** + * Dense + */ + +.ts-fieldset.is-dense { + padding-bottom: 0.5rem; + padding-top: 0.25rem; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-text { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-text { + color: var(--accent-color, inherit); +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Editable + */ + +.ts-text.is-editable { + text-decoration-style: dotted; + text-decoration-line: underline; + text-decoration-color: var(--ts-gray-400); + cursor: pointer; +} + +/** + * Line Clamps + */ + +.ts-text:is(.is-1-lines, .is-2-lines, .is-3-lines, .is-4-lines, .is-5-lines) { + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.ts-text.is-1-lines { + -webkit-line-clamp: 1; +} + +.ts-text.is-2-lines { + -webkit-line-clamp: 2; +} + +.ts-text.is-3-lines { + -webkit-line-clamp: 3; +} + +.ts-text.is-4-lines { + -webkit-line-clamp: 4; +} + +.ts-text.is-5-lines { + -webkit-line-clamp: 5; +} + +/** + * Secondary + */ + +.ts-text.is-secondary { + color: var(--ts-gray-500); +} + +/** + * Bold + */ + +.ts-text.is-bold { + font-weight: 500 !important; +} + +/** + * Heavy + */ + +.ts-text.is-heavy { + font-weight: bold !important; +} + +/** + * Italic + */ + +.ts-text.is-italic { + font-style: italic !important; +} + +/** + * Deleted + */ + +.ts-text.is-deleted { + text-decoration: line-through !important; +} + +/** + * Underlined + */ + +.ts-text.is-underlined { + text-decoration: underline !important; +} + +/** + * Link + */ + +.ts-text.is-link.is-link.is-link { + color: var(--accent-color, var(--ts-link-700)); +} +.ts-text.is-link { + text-decoration: underline; +} +.ts-text.is-link:hover { + color: inherit; +} +.ts-text.is-link:active { + color: inherit; +} +.ts-text.is-link:visited { + color: inherit; +} + +/** + * Undecorated + */ + +.ts-text.is-undecorated { + text-decoration: none; +} +.ts-text.is-undecorated:hover { + text-decoration: underline; +} + +/** + * External Link + */ + +.ts-text.is-external-link::after { + font-family: "Icons"; + font-weight: normal; + font-style: normal; + display: inline; + text-decoration: inherit; + text-align: center; + width: 1.18em; + -webkit-font-smoothing: antialiased; + backface-visibility: hidden; + content: "\f35d"; + font-size: 0.8em; + margin-left: 0.25rem; +} + +/** + * Code + */ + +.ts-text.is-code { + border-radius: 0.4rem; + background: var(--ts-gray-200); + padding: 0 0.2rem; + font-size: var(--ts-font-size-14px); + color: var(--ts-gray-800); +} + +/** + * Mark + */ + +.ts-text.is-mark { + border-radius: 0.4rem; + background: var(--ts-warning-500); + padding: 0 0.25rem; + color: var(--ts-black); + font-size: var(--ts-font-size-14px); +} + +/** + * Key + */ + +.ts-text.is-key { + border-radius: 0.4rem; + background: var(--ts-gray-100); + padding: 0 0.35rem; + color: var(--ts-gray-800); + border-bottom: 3px solid var(--ts-gray-300); + font-size: var(--ts-font-size-14px); +} + +/** + * Sup + */ + +.ts-text.is-sup { + font-size: 12px; + vertical-align: top; + opacity: 0.8; +} + +/** + * Sub + */ + +.ts-text.is-sub { + font-size: 12px; + vertical-align: bottom; + opacity: 0.8; +} + +/** + * Truncated + */ + +.ts-text.is-truncated { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; +} + +/** + * Uppercased + */ + +.ts-text.is-uppercased { + text-transform: uppercase; +} + +/** + * Lowercased + */ + +.ts-text.is-lowercased { + text-transform: lowercase; +} + +/** + * Aligns + */ + +.ts-text.is-center-aligned { + text-align: center; +} +.ts-text.is-start-aligned { + text-align: left; +} +.ts-text.is-end-aligned { + text-align: right; +} + +/** + * Label + */ + +.ts-text.is-label { + font-weight: 500; + color: var(--ts-gray-800); + font-size: var(--ts-font-size-14px); + line-height: 1; +} + +/** + * Description + */ + +.ts-text.is-description { + color: var(--ts-gray-500); + font-size: var(--ts-font-size-14px); +} + +/** + * Disabled + */ + +.ts-text.is-disabled { + opacity: 0.5; + pointer-events: none; + user-select: none; +} + +/** + * Required + */ + +.ts-text.is-required::after { + content: " *"; + font-weight: bold; + color: var(--ts-negative-600); +} + +/** + * Sizes + */ + +.ts-text.is-tiny { + font-size: var(--ts-font-size-13px); +} +.ts-text.is-small { + font-size: var(--ts-font-size-14px); +} +.ts-text.is-medium { + font-size: var(--ts-font-size-15px); +} +.ts-text.is-large { + font-size: var(--ts-font-size-17px); +} +.ts-text.is-big { + font-size: var(--ts-font-size-20px); +} +.ts-text.is-huge { + font-size: var(--ts-font-size-24px); +} +.ts-text.is-massive { + font-size: var(--ts-font-size-30px); +} + +/** + * Negative + */ + +.ts-text.is-negative { + color: var(--ts-negative-600); +} + +.ts-text.is-negative.is-secondary { + color: var(--ts-negative-500); +} + +/* ========================================================================== + Variables + ========================================================================== */ + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-row { + display: flex; + gap: 1rem; + color: inherit; + min-width: 0; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Aligns + */ + +.ts-row.is-start-aligned { + justify-content: flex-start; +} + +.ts-row.is-center-aligned { + justify-content: center; +} + +.ts-row.is-end-aligned { + justify-content: flex-end; +} + +.ts-row.is-top-aligned { + align-items: flex-start; +} + +.ts-row.is-middle-aligned { + align-items: center; +} + +.ts-row.is-bottom-aligned { + align-items: flex-end; +} + +.ts-row .column.is-middle-aligned { + align-items: center; + display: flex; +} + +.ts-row .column.is-center-aligned { + justify-content: center; + display: flex; +} + +.ts-row .column.is-bottom-aligned { + align-items: flex-end; + display: flex; +} + +.ts-row .column.is-start-aligned { + text-align: left; +} + +.ts-row .column.is-end-aligned { + text-align: right; +} + +/** + * Truncated + */ + +.ts-row .column.is-truncated, +.ts-row .column.is-truncated * { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +/** + * Evenly Divided + */ + +.ts-row.is-evenly-divided .column { + flex: 1; +} + +/** + * Fluid + */ + +.ts-row .column.is-fluid { + flex: 1; + min-width: 0; + flex-grow: 1; + /*flex-shrink: 1;*/ +} + +/** + * Gapless + */ + +.ts-row.is-compact { + gap: 0.5rem; +} + +.ts-row.is-relaxed { + gap: 2rem; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-tab { + --horizontal-padding-multiplier: 1; + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-tab { + margin-bottom: -1px; /** For border merge */ + user-select: none; + display: flex; + flex-wrap: wrap; + z-index: 1; /** For cover divider */ +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-tab .item { + text-decoration: none; + color: var(--ts-gray-800); + padding: 0.5rem calc(1rem * var(--horizontal-padding-multiplier)); + display: inline-flex; + border-bottom: 3px solid transparent; + text-align: center; + justify-content: center; + cursor: pointer; + gap: 0.5rem; + line-height: 1.8; + align-items: center; +} + +.ts-tab .ts-icon { + font-size: 1.1em; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Active + */ + +.ts-tab .item.is-active { + border-bottom-color: var(--accent-color, var(--ts-gray-800)); + cursor: default; +} + +/** + * Disabled + */ + +.ts-tab .item.is-disabled { + opacity: 0.5; + pointer-events: none; + user-select: none; +} + +/** + * Evenly Divided (Use Fluid instead) + */ + +/*.ts-tab.is-evenly-divided .item { + flex: 1; +}*/ + +/** + * Pilled + */ + +.ts-tab.is-pilled .item { + border-radius: 100rem; + padding: 0.25rem calc(1rem * var(--horizontal-padding-multiplier)); + border-bottom: 0; +} + +.ts-tab.is-pilled .item.is-active { + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); +} + +.ts-tab.is-pilled.is-secondary .item.is-active { + background: var(--ts-gray-200); + color: var(--accent-color, var(--ts-gray-800)); +} + +/** + * Aligns + */ + +.ts-tab.is-start-aligned { + justify-content: flex-start; +} + +.ts-tab.is-center-aligned { + justify-content: center; +} + +.ts-tab.is-end-aligned { + justify-content: flex-end; +} + +/** + * Segmented + */ + +.ts-tab.is-segmented { + --height: var(--ts-input-height-medium); + + color: var(--ts-gray-700); + border: 1px solid var(--ts-gray-300); + border-radius: 0.4rem; + display: inline-flex; + align-items: center; + padding: 0 0.25rem; + height: var(--height); +} + +.ts-tab.is-segmented .item { + padding: 0.45rem calc(0.9rem * var(--horizontal-padding-multiplier)); + border-radius: 0.3rem; + user-select: none; + line-height: 1; + border-bottom: 0; +} + +.ts-tab.is-segmented .item.is-active { + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); +} + +/** + * Fluid + */ + +.ts-tab.is-fluid { + display: flex; +} + +.ts-tab.is-fluid .item { + flex: 1; +} + +/** + * Sizes + */ + +.ts-tab.is-small .item { + font-size: var(--ts-font-size-14px); +} +.ts-tab.is-large .item { + font-size: var(--ts-font-size-17px); +} + +.ts-tab.is-small.is-segmented { + --height: var(--ts-input-height-small); +} +.ts-tab.is-large.is-segmented { + --height: var(--ts-input-height-large); +} + +/** + * Dense + */ + +.ts-tab.is-dense .item { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} +.ts-tab.is-dense.is-segmented .item { + padding-top: 0.35rem; + padding-bottom: 0.35rem; +} +.ts-tab.is-dense.is-pilled .item { + padding-top: 0.05rem; + padding-bottom: 0.05rem; +} + +.ts-tab.is-segmented.is-dense { + --height: var(--ts-input-height-medium-dense); +} +.ts-tab.is-segmented.is-small.is-dense { + --height: var(--ts-input-height-small-dense); +} +.ts-tab.is-segmented.is-large.is-dense { + --height: var(--ts-input-height-large-dense); +} + +/** + * Relaxed + */ + +.ts-tab.is-relaxed { + --horizontal-padding-multiplier: 1.6; +} +/* ========================================================================== + Variables + ========================================================================== */ + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-center { + display: flex; + align-items: center; + justify-content: center; + height: 100%; + width: 100%; + margin: 0; + flex-direction: column; + color: inherit; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-box { + --accent-color: initial; + --accent-foreground-color: initial; + --ts-indicator-color: var(--accent-color, var(--ts-gray-900)); +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-box { + display: block; + text-decoration: none; + color: inherit; + border: 1px solid var(--ts-gray-300); + border-radius: 0.4rem; + overflow: hidden; + background: var(--ts-gray-50); +} + +a.ts-box:hover { + border-color: var(--ts-gray-400); +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-box .symbol .ts-icon { + position: absolute; + right: 0; + bottom: 0; + overflow: hidden; + width: 0.8em; + height: 0.8em; + margin-left: 0; + margin-right: 0; + pointer-events: none; + font-size: 8em; + line-height: 1.1em; + opacity: 0.1; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Horizontal + */ + +.ts-box.is-horizontal { + display: flex; + flex-direction: row; +} + +/** + * Collapsed + */ + +.ts-box.is-collapsed { + width: fit-content; +} + +/** + * Indicated + */ + +.ts-box.is-top-indicated { + border-top: 3px solid var(--ts-indicator-color); +} +.ts-box.is-bottom-indicated { + border-bottom: 3px solid var(--ts-indicator-color); +} +.ts-box.is-left-indicated { + border-left: 3px solid var(--ts-indicator-color); +} +.ts-box.is-right-indicated { + border-right: 3px solid var(--ts-indicator-color); +} + +/** + * Emphasises + */ + +.ts-box[class*="-indicated"].is-negative { + --ts-indicator-color: var(--ts-negative-500); +} + +.ts-box[class*="-indicated"].is-positive { + --ts-indicator-color: var(--ts-positive-500); +} + +.ts-box[class*="-indicated"].is-warning { + --ts-indicator-color: var(--ts-warning-500); +} + +/** + * Elevated + */ + +.ts-box.is-elevated { + box-shadow: 0px 1px 5px 0 #00000024; +} + +.ts-box.is-very-elevated { + box-shadow: rgb(0 0 0 / 20%) 0px 3px 3px -2px, rgb(0 0 0 / 14%) 0px 3px 4px 0px, rgb(0 0 0 / 12%) 0px 1px 8px 0px; +} + +/** + * Squared + */ + +.ts-box.is-squared { + border-radius: 0; +} + +/** + * Hollowed + */ + +.ts-box.is-hollowed { + border: 4px dashed var(--ts-gray-300); + background: transparent; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-content { + padding: 1rem 1rem; + color: inherit; + display: block; + text-decoration: none; + box-sizing: border-box; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Fitted + */ + +.ts-content.is-fitted { + padding: 0; +} +.ts-content.is-vertically-fitted { + padding-top: 0; + padding-bottom: 0; +} +.ts-content.is-horizontally-fitted { + padding-left: 0; + padding-right: 0; +} + +/** + * Dark + */ + +.ts-content.u-dark { + background: var(--ts-gray-50); + color: var(--ts-gray-800); +} + +/** + * Secondary + */ + +.ts-content.is-secondary { + background: var(--ts-gray-75); +} + +/** + * Tertiary + */ + +.ts-content.is-tertiary { + background: var(--ts-gray-100); +} + +/** + * Aligns + */ + +.ts-content.is-start-aligned { + text-align: left; +} + +.ts-content.is-end-aligned { + text-align: right; +} + +.ts-content.is-center-aligned { + text-align: center; +} + +/** + * Interactive + */ + +.ts-content.is-interactive { + display: block; + text-decoration: none; +} + +.ts-content.is-interactive:hover { + cursor: pointer; +} + +.ts-content.is-interactive:hover:not(.is-active) { + background: var(--ts-gray-75); +} + +/** + * Active + */ + +.ts-content.is-active { + background: var(--ts-gray-200); +} + +/** + * Disabled + */ + +.ts-content.is-disabled { + opacity: 0.5; + pointer-events: none; + user-select: none; +} + +/** + * Rounded + */ + +.ts-content.is-rounded { + border-radius: 0.4rem; +} + +/** + * Padded + */ + +.ts-content.is-padded { + padding: 1.5rem; +} +.ts-content.is-horizontally-padded { + padding-left: 1.5rem; + padding-right: 1.5rem; +} +.ts-content.is-vertically-padded { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} + +.ts-content.is-very-padded { + padding: 3.5rem; +} +.ts-content.is-horizontally-very-padded { + padding-left: 3.5rem; + padding-right: 3.5rem; +} +.ts-content.is-vertically-very-padded { + padding-top: 3.5rem; + padding-bottom: 3.5rem; +} + +/** + * Compact + */ + +.ts-content.is-compact { + padding: 0.5rem; +} + +/** + * Dense + */ + +.ts-content.is-dense { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-image { + display: inline-block; + max-width: 100%; + vertical-align: top; + text-decoration: none; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-image img { + width: 100%; + vertical-align: top; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Circular + */ + +.ts-image.is-circular img { + border-radius: 100rem !important; +} + +/** + * Disabled + */ + +.ts-image.is-disabled img { + opacity: 0.5; + pointer-events: none; +} + +/** + * Rounded + */ + +.ts-image.is-rounded img { + border-radius: 0.4rem !important; +} + +/** + * Bordered + */ + +.ts-image.is-bordered img { + border: 1px solid var(--ts-gray-300); +} + +/** + * Covered + */ + +.ts-image.is-covered img { + object-fit: cover; +} + +/** + * Full + */ + +.ts-image.is-full-width, +.ts-image.is-full-width img { + width: 100%; +} + +.ts-image.is-full-height, +.ts-image.is-full-height img { + height: 100%; +} + +/** + * Centered + */ + +.ts-image.is-centered { + display: block; +} +.ts-image.is-centered img { + display: block; + margin-left: auto; + margin-right: auto; +} + +/** + * Sizes + */ + +.ts-image.is-mini img { + width: 35px; +} +.ts-image.is-tiny img { + width: 80px; +} +.ts-image.is-small img { + width: 150px; +} +.ts-image.is-medium img { + width: 300px; +} +.ts-image.is-large img { + width: 450px; +} +.ts-image.is-big img { + width: 600px; +} +.ts-image.is-huge img { + width: 800px; +} +.ts-image.is-massive img { + width: 960px; +} + +/** + * Spaced + */ + +.ts-image.is-spaced { + margin-left: 0.45rem; + margin-right: 0.45rem; +} +.ts-image.is-start-spaced { + margin-left: 0.45rem; +} +.ts-image.is-end-spaced { + margin-right: 0.45rem; +} + +/** + * Aspect Ratio + */ + +.ts-image.is-1-by-1 img { + aspect-ratio: 1 / 1; +} +.ts-image.is-4-by-3 img { + aspect-ratio: 4 / 3; +} +.ts-image.is-16-by-9 img { + aspect-ratio: 16 / 9; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-switch { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-switch { + display: inline-flex; + align-items: flex-start; + cursor: pointer; + user-select: none; + color: inherit; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-switch input { + appearance: none; + -webkit-appearance: none; + cursor: pointer; + margin: 0; + margin-right: 0.5rem; + margin-top: 3px; +} + +.ts-switch input::after { + display: block; + content: ""; + height: 22px; + width: 38px; + border-radius: 100rem; + background: var(--ts-gray-300); + transition: background 0.1s ease; +} + +.ts-switch input::before { + position: absolute; + display: block; + content: ""; + height: 15px; + width: 15px; + border-radius: 100rem; + top: 3.5px; + left: 4px; + background: var(--ts-white); + transition: left 0.1s ease; + z-index: 1; +} + +.ts-switch input:checked::after { + background: var(--accent-color, var(--ts-primary-700)); +} + +.ts-switch input:checked::before { + background: var(--accent-foreground-color, var(--ts-white)); + left: 19px; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Disabled + */ + +.ts-switch.is-disabled { + opacity: 0.5; + pointer-events: none; + user-select: none; +} + +/** + * Solo + */ + +.ts-switch.is-solo input { + margin-right: 0; + margin-top: 0; +} + +/** + * Negative + */ + +.ts-switch.is-negative input { + border-radius: 100rem; + border: 2px solid var(--ts-negative-600); +} + +/** + * Sizes + */ + +.ts-switch.is-small { + font-size: var(--ts-font-size-14px); +} +.ts-switch.is-small input::after { + height: 19px; + width: 31px; +} +.ts-switch.is-small input::before { + height: 12px; + width: 12px; + top: 3.5px; +} +.ts-switch.is-small input:checked::before { + left: 15px; +} + +.ts-switch.is-large { + font-size: var(--ts-font-size-17px); +} +.ts-switch.is-large input::after { + height: 25px; + width: 46px; +} +.ts-switch.is-large input::before { + height: 18px; + width: 18px; + top: 3.5px; +} +.ts-switch.is-large input:checked::before { + left: 24px; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-meta { + display: inline-flex; + flex-wrap: wrap; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-meta .item { + color: inherit; + text-decoration: none; +} + +.ts-meta .item:not(:last-child)::after { + margin: 0 0; + content: "．"; + color: var(--ts-gray-500); + text-decoration: none; + pointer-events: none; + user-select: none; + display: inline-block; +} + +.ts-meta a.item:hover { + text-decoration: underline; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Aligns + */ + +.ts-meta:is(.is-start-aligned, .is-center-aligned, .is-end-aligned) { + display: flex; +} + +.ts-meta.is-start-aligned { + justify-content: flex-start; +} + +.ts-meta.is-center-aligned { + justify-content: center; +} + +.ts-meta.is-end-aligned { + justify-content: flex-end; +} + +/** + * Secondary + */ + +.ts-meta.is-secondary .item { + color: var(--ts-gray-500); +} + +/** + * Sizes + */ + +.ts-meta.is-small { + font-size: var(--ts-font-size-14px); +} + +.ts-meta.is-large { + font-size: var(--ts-font-size-17px); +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-selection { + --height: var(--ts-input-height-medium); + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-selection { + border: 1px solid var(--ts-gray-100); + border-radius: 0.4rem; + padding: 0 0.35rem; + display: inline-flex; + background: var(--ts-gray-100); + box-sizing: border-box; + height: var(--height); + align-items: center; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-selection .item { + display: flex; +} + +.ts-selection .item .text { + display: inline-flex; + padding: 0.25rem 1rem; + border-radius: 0.3rem; + font-size: var(--ts-absolute-small); + color: var(--ts-gray-800); + border-color: var(--ts-gray-100); + user-select: none; + cursor: pointer; + align-items: center; + justify-content: center; + text-align: center; + line-height: 1.5; +} + +.ts-selection .item input { + display: none; +} + +.ts-selection input:checked + .text { + background: var(--accent-color, var(--ts-primary-700)); + border-color: var(--accent-color, var(--ts-primary-700)); + color: var(--accent-foreground-color, var(--ts-white)); +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Disabled + */ + +.ts-selection.is-disabled { + pointer-events: none; + opacity: 0.5; + user-select: none; +} + +.ts-selection .item.is-disabled { + pointer-events: none; + opacity: 0.5; + user-select: none; +} + +/** + * Circular + */ + +.ts-selection.is-circular { + border-radius: 100rem; +} + +.ts-selection.is-circular .item .text { + border-radius: 100rem; +} + +/** + * Fluid + */ + +.ts-selection.is-fluid { + width: 100%; +} +.ts-selection.is-fluid .item { + flex: 1; +} +.ts-selection.is-fluid .item .text { + width: 100%; +} + +/** + * Sizes + */ + +.ts-selection.is-small { + --height: var(--ts-input-height-small); +} + +.ts-selection.is-small .item .text { + font-size: var(--ts-font-size-13px); +} + +.ts-selection.is-large { + --height: var(--ts-input-height-large); +} + +.ts-selection.is-large .item .text { + font-size: var(--ts-font-size-17px); +} + +/** + * Dense + */ + +.ts-selection.is-dense { + --height: var(--ts-input-height-medium-dense); +} +.ts-selection.is-dense.is-small { + --height: var(--ts-input-height-small-dense); +} +.ts-selection.is-dense.is-small { + --height: var(--ts-input-height-large-dense); +} + +.ts-selection.is-dense .item .text { + padding-top: 0.1rem; + padding-bottom: 0.1rem; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-table, +.ts-table :is(thead, tbody, tfoot, tr, th, td) { + width: auto; + height: auto; + margin: 0; + padding: 0; + border: none; + border-collapse: collapse; + border-spacing: 0; + border-color: inherit; + vertical-align: inherit; + text-align: left; + font-weight: inherit; + font-size: 14px; + + -webkit-border-horizontal-spacing: 0; + -webkit-border-vertical-spacing: 0; +} + +.ts-table { + width: 100%; + color: inherit; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-table thead tr { + border-bottom: 1px solid var(--ts-gray-300); +} + +.ts-table tfoot tr { + border-top: 1px solid var(--ts-gray-300); +} + +.ts-table tr th { + background: var(--ts-gray-100); +} + +.ts-table :is(thead, tfoot) tr th { + padding: 0.5rem 1rem; + color: var(--ts-gray-600); + font-weight: 500; +} + +.ts-table tbody tr + tr { + border-top: 1px solid var(--ts-gray-300); +} + +.ts-table tbody tr td { + padding: 0.5rem 1rem; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Sizes + */ + +.ts-table.is-small, +.ts-table.is-small :is(thead, tbody, tfoot, tr, th, td) { + font-size: var(--ts-font-size-13px); +} +.ts-table.is-large, +.ts-table.is-large :is(thead, tbody, tfoot, tr, th, td) { + font-size: var(--ts-font-size-16px); +} + +/** + * Collapsed + */ + +.ts-table.is-collapsed { + width: auto; +} + +.ts-table :is(th, td).is-collapsed { + width: 1px; + white-space: nowrap; +} + +/** + * Truncated + */ + +.ts-table.is-truncated { + table-layout: fixed; +} +.ts-table.is-truncated td { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +/** + * Basic + */ + +.ts-table:is(.is-basic, .is-very-basic) tr th { + background: transparent; +} +.ts-table.is-very-basic tbody :is(th, td, tr) { + border-color: transparent; +} + +/** + * Definition + */ + +.ts-table.is-definition tr th:not(:first-child) { + background: var(--ts-gray-100); +} +.ts-table.is-definition tr th:first-child { + background: transparent; +} + +.ts-table.is-definition tr td:first-child { + background: var(--ts-gray-100); +} + +/** + * Celled + */ + +.ts-table.is-celled tr :is(td, th):not(:last-child) { + border-right: 1px solid var(--ts-gray-300); +} + +/** + * Striped + */ + +.ts-table.is-striped > tbody > tr:nth-child(even) { + background: var(--ts-gray-75); +} + +/** + * Empty + */ + +.ts-table td.is-empty { + color: var(--ts-gray-300); + font-weight: 500; +} + +.ts-table td.is-empty::after { + content: "—"; +} + +/** + * Insetted + */ + +.ts-table td.is-insetted { + box-shadow: inset 0px 0px 10px 0px rgb(0 0 0 / 5%); +} + +/** + * Aligns + */ + +.ts-table :is(tr, th, td).is-start-aligned { + text-align: left; +} + +.ts-table :is(th, td).is-center-aligned { + text-align: center; +} + +.ts-table :is(th, td).is-end-aligned { + text-align: right; +} + +.ts-table.is-top-aligned :is(th, td) { + vertical-align: top; +} + +.ts-table :is(th, td).is-top-aligned { + vertical-align: top; +} + +.ts-table :is(th, td).is-middle-aligned { + vertical-align: middle; +} + +.ts-table tr.is-middle-aligned td { + vertical-align: middle; +} + +.ts-table :is(th, td).is-bottom-aligned { + vertical-align: bottom; +} + +/** + * Secondary + */ + +.ts-table :is(tr, tr th, tr td).is-secondary { + background: var(--ts-gray-75); +} + +/** + * Tertiary + */ + +.ts-table :is(tr, tr th, tr td).is-tertiary { + background: var(--ts-gray-100); +} + +/** + * Active + */ + +.ts-table :is(tr, tr th, tr td).is-active { + background: var(--ts-gray-300); +} + +/** + * Disabled + */ + +.ts-table :is(tr, tr th, tr td).is-disabled { + opacity: 0.5; + user-select: none; + pointer-events: none; +} + +/** + * Single Line + */ + +.ts-table.is-single-line :is(tr, tr th, tr td), +.ts-table :is(tr, tr th, tr td).is-single-line { + white-space: nowrap; +} + +/** + * Indicated + */ + +.ts-table :is(tr, tr th, tr td).is-indicated { + box-shadow: 2px 0 0 var(--ts-gray-900) inset; +} + +.ts-table :is(tr, tr th, tr td).is-indicated.is-negative { + box-shadow: 2px 0 0 var(--ts-negative-600) inset; +} + +.ts-table :is(tr, tr th, tr td).is-indicated.is-positive { + box-shadow: 2px 0 0 var(--ts-positive-600) inset; +} + +.ts-table :is(tr, tr th, tr td).is-indicated.is-warning { + box-shadow: 2px 0 0 var(--ts-warning-600) inset; +} + +/** + * Sticked + */ + +.ts-table.is-sticked tr *:is(td, th):first-child { + padding-left: 0; +} +.ts-table.is-sticked tr *:is(td, th):last-child { + padding-right: 0; +} + +/** + * Density + */ + +.ts-table.is-relaxed :is(thead, tfoot) tr th { + padding-top: 0.8rem; + padding-bottom: 0.8rem; +} +.ts-table.is-relaxed tbody tr td { + padding-top: 0.8rem; + padding-bottom: 0.8rem; +} + +.ts-table.is-dense :is(thead, tfoot) tr th { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} +.ts-table.is-dense tbody tr td { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + +/** + * Padded + */ + +.ts-table.is-padded tbody tr td { + padding: 1rem 1.5rem; +} +.ts-table.is-padded :is(thead, tfoot) tr th { + padding: 1rem 1.5rem; +} +.ts-table.is-horizontally-padded tbody tr td { + padding-left: 1.5rem; + padding-right: 1.5rem; +} +.ts-table.is-horizontally-padded :is(thead, tfoot) tr th { + padding-left: 1.5rem; + padding-right: 1.5rem; +} +.ts-table tbody tr td.is-vertically-padded { + padding-top: 1rem; + padding-bottom: 1rem; +} + +.ts-table tbody tr td.is-padded { + padding: 1rem 1.5rem; +} +.ts-table tbody tr td.is-vertically-padded { + padding-top: 1rem; + padding-bottom: 1rem; +} +.ts-table tbody tr td.is-horizontally-padded { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +/** + * Fitted + */ + +.ts-table.is-fitted :is(thead, tfoot) tr th { + padding: 0; +} +.ts-table.is-fitted tbody tr td { + padding: 0; +} +.ts-table tbody tr td.is-fitted { + padding: 0; +} +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-procedure { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-procedure { + display: flex; + align-items: center; + justify-content: center; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-procedure .item { + text-decoration: none; + display: flex; + align-items: center; + flex: 1 0 auto; + color: var(--ts-gray-800); + counter-increment: ordered; +} + +.ts-procedure .item:last-child { + flex: 0 0 auto; +} + +.ts-procedure .item .indicator { + border-radius: 100rem; + + border: 2px solid var(--ts-gray-300); + color: var(--ts-gray-800); + height: 2rem; + width: 2rem; + display: inline-flex; + line-height: 1; + align-items: center; + justify-content: center; + font-weight: bold; + margin-right: 1rem; + background: transparent; +} + +.ts-procedure:not(.is-compact) .item .indicator:empty::after { + content: counter(ordered, decimal); +} + +.ts-procedure .item .content { + display: flex; + align-items: center; +} + +.ts-procedure .item .label { + color: var(--ts-gray-800); + font-weight: 500; +} + +.ts-procedure .item .label .description { + color: var(--ts-gray-600); + font-size: var(--ts-font-size-14px); + font-weight: normal; +} + +.ts-procedure .item::after { + height: 2px; + content: ""; + flex: 1 1 0%; + background: var(--ts-gray-300); + margin: 0 1rem; + pointer-events: none; +} + +.ts-procedure .item:last-child::after { + display: none; +} + +.ts-procedure .item .indicator .ts-icon { + font-size: var(--ts-font-size-14px); +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Active + */ + +.ts-procedure .item.is-active .indicator { + background: var(--accent-color, var(--ts-gray-800)); + border-color: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); +} + +/** + * Stacked + */ + +.ts-procedure.is-stacked .item .content { + flex-direction: column; + justify-content: center; + gap: 0.25rem; +} + +.ts-procedure.is-stacked .item .indicator { + margin-right: 0; +} + +.ts-procedure.is-stacked .item::after { + margin-bottom: 2rem; +} + +/** + * Processing + */ + +.ts-procedure .item.is-processing .indicator { + background: transparent; + border-color: var(--accent-color, var(--ts-gray-800)); + color: var(--ts-gray-800); +} + +/** + * Completed + */ + +.ts-procedure .item.is-completed::after { + background: var(--accent-color, var(--ts-gray-800)); +} + +.ts-procedure .item.is-completed .indicator { + font-family: "Icons"; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + text-align: center; + -webkit-font-smoothing: antialiased; + backface-visibility: hidden; + background: var(--accent-color, var(--ts-gray-800)); + border-color: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); +} +.ts-procedure .item.is-completed .indicator::after, +.ts-procedure .item.is-completed .indicator * { + display: none; +} +.ts-procedure .item.is-completed .indicator::before { + content: "\f00c"; +} + +/** + * Completed Half Line + */ + +.ts-procedure .item.is-completed .line.is-half::before { + content: ' '; + position: absolute; + top: 0; + right: 0; + bottom: 0; + width: 50%; + background: var(--ts-gray-300); +} + +/** + * Disabled + */ + +.ts-procedure .item.is-disabled { + pointer-events: none; + opacity: 0.5; + user-select: none; +} + +.ts-procedure .item.is-disabled .indicator { + background: transparent; + border-color: var(--ts-gray-300); +} + +/** + * Negative + */ + +.ts-procedure .item.is-negative .indicator { + background: var(--ts-negative-500); + color: var(--ts-white); + border-color: var(--ts-negative-500); +} + +.ts-procedure .item.is-negative .label { + color: var(--ts-negative-500); +} + +/** + * Compact + */ + +.ts-procedure.is-compact .item .indicator { + height: 1rem; + width: 1rem; + padding: 0; +} + +.ts-procedure.is-compact .item.is-completed .indicator::after, +.ts-procedure.is-compact .item.is-completed .indicator::before, +.ts-procedure.is-compact .item.is-completed .indicator * { + display: none; +} + +/** + * Unordered + */ + +.ts-procedure.is-unordered .item .indicator { + background: var(--ts-gray-200); + border-color: var(--ts-gray-200); +} + +.ts-procedure.is-unordered .item.is-completed::after { + background: var(--ts-gray-300); +} + +.ts-procedure.is-unordered .item.is-active .indicator { + background: var(--accent-color, var(--ts-gray-800)); + border-color: var(--accent-color, var(--ts-gray-800)); +} + +.ts-procedure.is-unordered .item.is-completed .indicator { + background: var(--ts-gray-200); + border-color: var(--ts-gray-200); + color: var(--ts-gray-800); +} + +/** + * Compact + */ + +.ts-procedure.is-compact .item.is-completed .indicator { + background: var(--accent-color, var(--ts-gray-800)); + border-color: var(--accent-color, var(--ts-gray-800)); +} + +.ts-procedure.is-compact .item.is-active .indicator { + background: transparent; + border-color: var(--accent-color, var(--ts-gray-800)); +} + +.ts-procedure.is-compact .item.is-active .indicator::after { + content: ""; + background: var(--accent-color, var(--ts-gray-800)); + position: absolute; + top: 2px; + left: 2px; + right: 2px; + bottom: 2px; + border-radius: 100rem; + display: block; +} + +/** + * Vertical + */ + +.ts-procedure.is-vertical { + flex-direction: column; +} + +.ts-procedure.is-vertical .item { + flex-direction: column; + align-items: flex-start; + flex: 1 0 auto; + -webkit-box-pack: start; + justify-content: flex-start; + display: flex; + width: 100%; +} + +.ts-procedure.is-vertical .item::after { + height: auto; + min-height: 1.5rem; + width: 2px; + margin: 0.5rem 0 0.5rem 0.9rem; +} + +.ts-procedure.is-vertical.is-compact .item::after { + margin: 0rem 0 0rem 0.4rem; +} + +/** + * Sizes + */ + +.ts-procedure.is-small { + font-size: var(--ts-font-size-14px); +} +.ts-procedure.is-large { + font-size: var(--ts-font-size-17px); +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-grid { + --ts-grid-gap: 1rem; + + --ts-grid-1-wide: calc((100% / (16 / 1)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 1))); + --ts-grid-2-wide: calc((100% / (16 / 2)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 2))); + --ts-grid-3-wide: calc((100% / (16 / 3)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 3))); + --ts-grid-4-wide: calc((100% / (16 / 4)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 4))); + --ts-grid-5-wide: calc((100% / (16 / 5)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 5))); + --ts-grid-6-wide: calc((100% / (16 / 6)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 6))); + --ts-grid-7-wide: calc((100% / (16 / 7)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 7))); + --ts-grid-8-wide: calc((100% / (16 / 8)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 8))); + --ts-grid-9-wide: calc((100% / (16 / 9)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 9))); + --ts-grid-10-wide: calc((100% / (16 / 10)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 10))); + --ts-grid-11-wide: calc((100% / (16 / 11)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 11))); + --ts-grid-12-wide: calc((100% / (16 / 12)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 12))); + --ts-grid-13-wide: calc((100% / (16 / 13)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 13))); + --ts-grid-14-wide: calc((100% / (16 / 14)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 14))); + --ts-grid-15-wide: calc((100% / (16 / 15)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 15))); + --ts-grid-16-wide: calc((100% / (16 / 16)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 16))); + + --ts-grid-1-columns: calc((100% / 1) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 1)); + --ts-grid-2-columns: calc((100% / 2) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 2)); + --ts-grid-3-columns: calc((100% / 3) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 3)); + --ts-grid-4-columns: calc((100% / 4) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 4)); + --ts-grid-5-columns: calc((100% / 5) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 5)); + --ts-grid-6-columns: calc((100% / 6) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 6)); + --ts-grid-7-columns: calc((100% / 7) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 7)); + --ts-grid-8-columns: calc((100% / 8) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 8)); + --ts-grid-9-columns: calc((100% / 9) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 9)); + --ts-grid-10-columns: calc((100% / 10) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 10)); +} + +/* ========================================================================== + Base + ========================================================================== */ + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-grid { + display: flex; + flex-wrap: wrap; + color: inherit; + gap: var(--ts-grid-gap); +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Columns + */ + +.ts-grid.is-1-columns > .column { + flex: var(--ts-grid-1-columns); + max-width: var(--ts-grid-1-columns); +} +.ts-grid.is-2-columns > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-3-columns > .column { + flex: var(--ts-grid-3-columns); + max-width: var(--ts-grid-3-columns); +} +.ts-grid.is-4-columns > .column { + flex: var(--ts-grid-4-columns); + max-width: var(--ts-grid-4-columns); +} +.ts-grid.is-5-columns > .column { + flex: var(--ts-grid-5-columns); + max-width: var(--ts-grid-5-columns); +} +.ts-grid.is-6-columns > .column { + flex: var(--ts-grid-6-columns); + max-width: var(--ts-grid-6-columns); +} +.ts-grid.is-7-columns > .column { + flex: var(--ts-grid-7-columns); + max-width: var(--ts-grid-7-columns); +} +.ts-grid.is-8-columns > .column { + flex: var(--ts-grid-8-columns); + max-width: var(--ts-grid-8-columns); +} +.ts-grid.is-9-columns > .column { + flex: var(--ts-grid-9-columns); + max-width: var(--ts-grid-9-columns); +} +.ts-grid.is-10-columns > .column { + flex: var(--ts-grid-10-columns); + max-width: var(--ts-grid-10-columns); +} + +/** + * Relaxed + */ + +.ts-grid.is-relaxed { + --ts-grid-gap: 2rem; +} +.ts-grid.is-compact { + --ts-grid-gap: 0.5rem; +} + +/** + * Evenly Divided + */ + +.ts-grid.is-evenly-divided > .column { + flex: var(--ts-grid-1-wide); + width: var(--ts-grid-1-wide); +} + +/** + * Truncated + */ + +.ts-grid .column.is-truncated { + overflow: hidden; +} + +/** + * Space Around + */ + +.ts-grid.is-spaced-between { + justify-content: space-between; +} +.ts-grid.is-spaced-around { + justify-content: space-around; +} + +/** + * Reverse + */ + +.ts-grid.is-reversed { + flex-direction: row-reverse; +} + +/** + * Aligns + */ + +.ts-grid.is-start-aligned { + justify-content: flex-start; +} +.ts-grid.is-center-aligned { + justify-content: center; +} +.ts-grid.is-end-aligned { + justify-content: flex-end; +} + +.ts-grid.is-top-aligned { + align-items: flex-start; +} +.ts-grid.is-middle-aligned { + align-items: center; +} +.ts-grid.is-bottom-aligned { + align-items: flex-end; +} + +/** + * Ordering + */ + +.ts-grid .column.is-first { + order: -1; +} +.ts-grid .column.is-last { + order: 1; +} + +.ts-grid .column.is-order-1 { + order: 1; +} +.ts-grid .column.is-order-2 { + order: 2; +} +.ts-grid .column.is-order-3 { + order: 3; +} +.ts-grid .column.is-order-4 { + order: 4; +} +.ts-grid .column.is-order-5 { + order: 5; +} +.ts-grid .column.is-order-6 { + order: 6; +} +.ts-grid .column.is-order-7 { + order: 7; +} +.ts-grid .column.is-order-8 { + order: 8; +} +.ts-grid .column.is-order-9 { + order: 9; +} +.ts-grid .column.is-order-10 { + order: 10; +} + +/** + * Wides + */ + +/*.ts-grid .column { + +}*/ +.ts-grid .column.is-1-wide { + width: var(--ts-grid-1-wide); + max-width: var(--ts-grid-1-wide); +} +.ts-grid .column.is-2-wide { + width: var(--ts-grid-2-wide); + max-width: var(--ts-grid-2-wide); +} +.ts-grid .column.is-3-wide { + width: var(--ts-grid-3-wide); + max-width: var(--ts-grid-3-wide); +} +.ts-grid .column.is-4-wide { + width: var(--ts-grid-4-wide); + max-width: var(--ts-grid-4-wide); +} +.ts-grid .column.is-5-wide { + width: var(--ts-grid-5-wide); + max-width: var(--ts-grid-5-wide); +} +.ts-grid .column.is-6-wide { + width: var(--ts-grid-6-wide); + max-width: var(--ts-grid-6-wide); +} +.ts-grid .column.is-7-wide { + width: var(--ts-grid-7-wide); + max-width: var(--ts-grid-7-wide); +} +.ts-grid .column.is-8-wide { + width: var(--ts-grid-8-wide); + max-width: var(--ts-grid-8-wide); +} +.ts-grid .column.is-9-wide { + width: var(--ts-grid-9-wide); + max-width: var(--ts-grid-9-wide); +} +.ts-grid .column.is-10-wide { + width: var(--ts-grid-10-wide); + max-width: var(--ts-grid-10-wide); +} +.ts-grid .column.is-11-wide { + width: var(--ts-grid-11-wide); + max-width: var(--ts-grid-11-wide); +} +.ts-grid .column.is-12-wide { + width: var(--ts-grid-12-wide); + max-width: var(--ts-grid-12-wide); +} +.ts-grid .column.is-13-wide { + width: var(--ts-grid-13-wide); + max-width: var(--ts-grid-13-wide); +} +.ts-grid .column.is-14-wide { + width: var(--ts-grid-14-wide); + max-width: var(--ts-grid-14-wide); +} +.ts-grid .column.is-15-wide { + width: var(--ts-grid-15-wide); + max-width: var(--ts-grid-15-wide); +} +.ts-grid .column.is-16-wide { + width: var(--ts-grid-16-wide); + max-width: var(--ts-grid-16-wide); +} + +/** + * Fluid + */ + +.ts-grid .column.is-fluid { + flex: 1; + min-width: 0; + flex-grow: 1; +} + +/** + * Stacked + */ + +.ts-grid.is-stacked .column { + flex: var(--ts-grid-16-wide); + max-width: var(--ts-grid-16-wide); +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-rating { + --accent-color: initial; + --accent-foreground-color: initial; + --color: var(--accent-color, inherit); +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-rating { + display: inline-flex; + gap: 0.2rem; + user-select: none; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-rating :is(.star, .heart) { + color: var(--ts-gray-200); + text-decoration: none; +} + +.ts-rating :is(.star, .heart).is-active, +.ts-rating.is-input :is(.star, .heart):checked, +.ts-rating.is-input :is(.star, .heart):hover, +.ts-rating.is-input :is(.star, .heart):has(~ :is(.star, .heart):hover), +.ts-rating.is-input :is(.star, .heart):has(~ :is(.star, .heart):checked) { + color: var(--color); +} + +.ts-rating.is-yellow { + --color: #e3c81b; +} + +.ts-rating.is-red { + --color: #ff1100; +} + +.ts-rating :is(.star, .heart)::after, +.ts-rating :is(.star, .heart)::before { + font-family: "Icons"; + font-weight: normal; + font-style: normal; + display: inline; + text-decoration: inherit; + text-align: center; + -webkit-font-smoothing: antialiased; + backface-visibility: hidden; +} + +.ts-rating .star::after { + content: "\f005"; + z-index: 0; +} + +.ts-rating .heart::after { + content: "\f004"; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Half + */ + +.ts-rating .star.is-active.is-half::after { + color: var(--ts-gray-200); +} + +.ts-rating .star.is-active.is-half::before { + color: var(--color); +} + +.ts-rating .star.is-active.is-half::before { + content: "\f089"; + + position: absolute; + left: 0; + top: 0; + z-index: 1; +} + +/** + * Disabled + */ + +.ts-rating.is-disabled { + pointer-events: none; +} + +/** + * Input + */ + +.ts-rating.is-input input { + appearance: none; + margin: 0; + cursor: pointer; + font-size: 1rem; + transition: color 0.1s ease, opacity 0.1s ease; +} + +.ts-rating.is-input input:hover:not(:focus) ~ input, +.ts-rating.is-input input:hover:focus~input { + opacity: 0.7; +} + +.ts-rating.is-input input:hover:not(:focus) { + transform: scale(1.1); +} + +/** + * Sizes + */ + +.ts-rating.is-small { + font-size: var(--ts-font-size-13px); +} + +.ts-rating.is-large { + font-size: var(--ts-font-size-18px); +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-chip { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-chip { + vertical-align: middle; + text-decoration: none; +} + +.ts-chip, +.ts-chip.is-input .content, +.ts-chip.is-toggle .content { + background: var(--ts-gray-200); + padding: 0.1rem 0.6rem; + border: 1px solid var(--ts-gray-200); + border-radius: 0.4rem; + font-size: var(--ts-font-size-14px); + display: inline-flex; + align-items: center; + justify-content: center; + gap: 0.5rem; + line-height: 1.75; + min-height: 22px; + /*min-width: 55px;*/ + color: var(--accent-color, var(--ts-gray-800)); +} + +.ts-chip.is-input, +.ts-chip.is-toggle { + background: initial; + padding: initial; + border: initial; + + font-size: initial; + display: initial; + gap: initial; + line-height: initial; + min-height: initial; + min-width: initial; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-chip img { + width: 24px; + height: 24px; + border-radius: 0.4rem; + margin-left: -5px; +} + +.ts-chip input { + display: none; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Outlined + */ + +.ts-chip.is-outlined, +.ts-chip.is-outlined .content { + background: transparent; + border-color: var(--ts-gray-300); +} + +/** + * Circular + */ + +.ts-chip.is-circular, +.ts-chip.is-circular .content { + border-radius: 100rem; +} + +/** + * Input + */ + +.ts-chip.is-input, +.ts-chip.is-toggle { + cursor: pointer; + user-select: none; +} + +/** + * Toggle + */ + +.ts-chip.is-toggle input:checked + .content { + background: var(--accent-color, var(--ts-gray-800)); + border-color: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); +} + +.ts-chip.is-toggle.is-secondary input:checked + .content { + color: var(--accent-color, var(--ts-gray-800)); + background: var(--ts-gray-200); + border-color: var(--accent-color, var(--ts-gray-600)); +} + +/** + * Input + */ + +.ts-chip.is-input input:checked + .content { + background: var(--accent-color, var(--ts-primary-700)); + border-color: var(--accent-color, var(--ts-primary-700)); + color: var(--accent-foreground-color, var(--ts-white)); +} + +.ts-chip.is-input.is-secondary input:checked + .content { + color: var(--accent-color, var(--ts-primary-600)); + background: var(--ts-gray-100); + border-color: var(--accent-color, var(--ts-primary-600)); +} + +.ts-chip.is-input input:checked + .content::before { + font-family: "Icons"; + font-weight: normal; + font-style: normal; + display: inline; + text-decoration: inherit; + text-align: center; + width: 1.18em; + -webkit-font-smoothing: antialiased; + backface-visibility: hidden; + content: "\f00c"; + font-size: 12px; +} + +.ts-chip.is-input.is-start-icon input:checked + .content::before, +.ts-chip.is-input.is-end-icon input:checked + .content::before { + display: none; +} + +.ts-chip.is-input.is-start-icon input:checked + .content .ts-icon::before, +.ts-chip.is-input.is-end-icon input:checked + .content .ts-icon::before { + content: "\f00c"; +} + +/** + * Disabled + */ + +.ts-chip.is-disabled { + pointer-events: none; + opacity: 0.5; + user-select: none; +} + +/** + * Fluid + */ + +.ts-chip.is-fluid { + display: flex; +} + +.ts-chip.is-fluid .content { + width: 100%; +} + +/** + * Sizes + */ + +.ts-chip.is-small, +.ts-chip.is-small .content { + font-size: var(--ts-font-size-12px); +} + +.ts-chip.is-large, +.ts-chip.is-large .content { + font-size: var(--ts-font-size-16px); +} + +/** + * Dense + */ + +.ts-chip.is-dense { + padding-top: 0.1rem; + padding-bottom: 0.1rem; +} + +.ts-chip.is-dense:is(.is-input, .is-toggle) .content { + min-height: 20px; + padding-top: 0.1rem; + padding-bottom: 0.1rem; +} + +/** + * Spaced + */ + +.ts-chip.is-start-spaced { + margin-left: 0.45rem; +} +.ts-chip.is-end-spaced { + margin-right: 0.45rem; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-close { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-close { + border: none; + margin: 0; + padding: 0; + width: auto; + overflow: visible; + background: transparent; + color: inherit; + font: inherit; + line-height: normal; + border-radius: 0; + outline: none; + box-sizing: border-box; + user-select: none; + + -webkit-font-smoothing: inherit; + -moz-osx-font-smoothing: inherit; + appearance: none; + -webkit-appearance: none; +} + +.ts-close { + font-family: "Icons"; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + text-align: center; + -webkit-font-smoothing: antialiased; + backface-visibility: hidden; + display: inline-flex; + align-items: center; + justify-content: center; + text-decoration: none; + + cursor: pointer; + + cursor: pointer; + height: 18px; + width: 18px; + font-size: var(--ts-font-size-12px); + line-height: 1; + background: var(--accent-color, var(--ts-gray-600)); + color: var(--accent-foreground-color, var(--ts-gray-100)); + border-radius: 100rem; +} + +.ts-close::before { + content: "\f00d"; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Secondary + */ + +.ts-close.is-secondary { + background: var(--ts-gray-300); + color: var(--ts-gray-800); +} + +/** + * Tertiary + */ + +.ts-close.is-tertiary { + background: var(--ts-gray-300); + color: var(--ts-gray-50); +} + +/** + * Rounded + */ + +.ts-close.is-rounded { + border-radius: 0.4rem; +} + +/** + * Sizes + */ + +.ts-close.is-small { + height: 16px; + width: 16px; +} + +.ts-close.is-large { + height: 22px; + width: 22px; + font-size: var(--ts-font-size-14px); +} + +.ts-close.is-big { + height: 27px; + width: 27px; + font-size: var(--ts-font-size-17px); +} + +/** + * Spaced + */ + +.ts-close.is-spaced { + margin-left: 0.45rem; + margin-right: 0.45rem; +} +.ts-close.is-start-spaced { + margin-left: 0.45rem; +} +.ts-close.is-end-spaced { + margin-right: 0.45rem; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +@keyframes ts-loading-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} + +.ts-loading { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-loading { + display: inline-block; + text-align: center; + color: var(--accent-color, var(--ts-gray-600)); +} + +.ts-loading::after { + font-family: "Icons"; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + display: inline-block; + -webkit-font-smoothing: antialiased; + backface-visibility: hidden; + animation: ts-loading-spin 2s linear infinite; + font-size: 2rem; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-loading::after { + content: "\f110"; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Notched + */ + +.ts-loading.is-notched::after { + content: "\f1ce"; +} + +/** + * Centered + */ + +.ts-loading.is-centered { + display: flex; + justify-content: center; +} + +/** + * Sizes + */ + +.ts-loading.is-small::after { + font-size: 1rem; +} + +.ts-loading.is-large::after { + font-size: 2.8rem; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-breadcrumb { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-breadcrumb { + display: flex; + gap: 0.7rem; + color: var(--ts-gray-800); + line-height: 1; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-breadcrumb .item { + text-decoration: none; + color: var(--ts-gray-800); + padding-right: 1.1rem; +} + +.ts-breadcrumb .item:last-child { + padding-right: 0; +} + +.ts-breadcrumb .item .ts-icon { + display: inline-block; + text-decoration: none; +} + +.ts-breadcrumb .item:hover { + text-decoration: underline; +} + +.ts-breadcrumb .item::after { + position: absolute; + user-select: none; + margin-left: 0.7rem; + display: inline-block; + pointer-events: none; + content: "/"; + color: var(--ts-gray-500); +} + +.ts-breadcrumb .item:last-child::after { + display: none; +} + +.ts-breadcrumb .divider .ts-icon { + font-size: 12px; + color: var(--ts-gray-500); +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Stepped + */ + +.ts-breadcrumb.is-stepped .item { + color: var(--ts-gray-500); +} + +/** + * Active + */ + +.ts-breadcrumb .item.is-active { + color: var(--accent-color, var(--ts-gray-800)); + font-weight: 500; +} + +/** + * Customized + */ + +.ts-breadcrumb.is-customized .item::after { + content: ""; +} +.ts-breadcrumb.is-customized .item { + padding-right: 0; +} + +/** + * Chevroned + */ + +.ts-breadcrumb.is-chevroned .item::after { + content: "\f054"; + font-size: var(--ts-font-size-12px); + line-height: 1.4; +} + +/** + * Hyphenated + */ + +.ts-breadcrumb.is-hyphenated .item::after { + content: "-"; +} + +.ts-breadcrumb:is(.is-chevroned, .is-hyphenated) .item::after { + font-family: "Icons"; + font-weight: normal; + font-style: normal; + text-align: center; + -webkit-font-smoothing: antialiased; + backface-visibility: hidden; +} + +/** + * Sizes + */ + +.ts-breadcrumb.is-small { + font-size: var(--ts-font-size-14px); +} + +.ts-breadcrumb.is-large { + font-size: var(--ts-font-size-17px); +} + +/* ========================================================================== + Variables + ========================================================================== */ + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-list { + color: inherit; + display: flex; + flex-direction: column; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-list .item { + display: inline-block; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +.ts-list:is(.is-ordered, .is-unordered) { + margin-left: 1.2rem; +} + +.ts-list:is(.is-unordered, .is-ordered) .item { + display: list-item; +} + +/** + * Unordered + */ + +.ts-list.is-unordered > .item, +.ts-list.is-unordered > *:not(.ts-list) > .item { + list-style-type: disc; +} + +/** + * Ordered + */ + +.ts-list.is-ordered > .item, +.ts-list.is-ordered > *:not(.ts-list) > .item { + list-style-type: decimal; +} + +/** + * Sizes + */ + +.ts-list.is-small { + font-size: var(--ts-font-size-14px); +} + +.ts-list.is-large { + font-size: var(--ts-font-size-17px); +} + +/* ========================================================================== + https://flagicons.lipis.dev/ + ========================================================================== */ + +/* ========================================================================== + Variables + ========================================================================== */ + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-flag { + display: inline-block; + + background-size: contain; + background-position: 50%; + background-repeat: no-repeat; + + vertical-align: middle; + text-decoration: inherit; + backface-visibility: hidden; + text-decoration: none; + + background-size: cover; + box-sizing: border-box; + + width: calc(4 / 3 * 1.05rem); + height: 1.05rem; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +/** + * Section header + */ + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Sizes + */ + +.ts-flag.is-small { + width: calc(4 / 3 * 0.95rem); + height: 0.95rem; +} + +.ts-flag.is-large { + width: calc(4 / 3 * 1.2rem); + height: 1.2rem; +} + +.ts-flag.is-small:is(.is-squared, .is-circular) { + width: 0.95rem; + height: 0.95rem; +} + +.ts-flag:is(.is-squared, .is-circular) { + width: 1.05rem; + height: 1.05rem; +} + +.ts-flag.is-large:is(.is-squared, .is-circular) { + width: 1.2rem; + height: 1.2rem; +} + +/** + * Rounded + */ + +.ts-flag.is-rounded { + border-radius: 0.2rem; +} + +/** + * Bordered + */ + +.ts-flag.is-bordered { + box-shadow: 0 0 0 1px var(--ts-gray-300); +} + +/** + * Circular + */ + +.ts-flag.is-circular { + border-radius: 100rem; +} + +/** + * Disabled + */ + +.ts-flag.is-disabled { + opacity: 0.5; + user-select: none; +} + +/** + * Spaced + */ + +.ts-flag.is-spaced { + margin-left: 0.45rem; + margin-right: 0.45rem; +} +.ts-flag.is-start-spaced { + margin-left: 0.45rem; +} +.ts-flag.is-end-spaced { + margin-right: 0.45rem; +} + +/* ========================================================================== + Countires + ========================================================================== */ + +.ts-flag:is(.is-ad-flag, .is-andorra-flag) { + background-image: url("./flags/4x3/ad.svg"); +} +.ts-flag:is(.is-ad-flag, .is-andorra-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ad.svg"); +} +.ts-flag:is(.is-ae-flag, .is-uae-flag, .is-united-arab-emirates-flag) { + background-image: url("./flags/4x3/ae.svg"); +} +.ts-flag:is(.is-ae-flag, .is-uae-flag, .is-united-arab-emirates-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ae.svg"); +} +.ts-flag:is(.is-af-flag, .is-afghanistan-flag) { + background-image: url("./flags/4x3/af.svg"); +} +.ts-flag:is(.is-af-flag, .is-afghanistan-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/af.svg"); +} +.ts-flag:is(.is-ag-flag, .is-antigua-flag) { + background-image: url("./flags/4x3/ag.svg"); +} +.ts-flag:is(.is-ag-flag, .is-antigua-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ag.svg"); +} +.ts-flag:is(.is-ai-flag, .is-anguilla-flag) { + background-image: url("./flags/4x3/ai.svg"); +} +.ts-flag:is(.is-ai-flag, .is-anguilla-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ai.svg"); +} +.ts-flag:is(.is-al-flag, .is-albania-flag) { + background-image: url("./flags/4x3/al.svg"); +} +.ts-flag:is(.is-al-flag, .is-albania-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/al.svg"); +} +.ts-flag:is(.is-am-flag, .is-armenia-flag) { + background-image: url("./flags/4x3/am.svg"); +} +.ts-flag:is(.is-am-flag, .is-armenia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/am.svg"); +} +.ts-flag:is(.is-ao-flag, .is-angola-flag) { + background-image: url("./flags/4x3/ao.svg"); +} +.ts-flag:is(.is-ao-flag, .is-angola-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ao.svg"); +} +.ts-flag:is(.is-aq-flag, .is-antarctica-flag) { + background-image: url("./flags/4x3/aq.svg"); +} +.ts-flag:is(.is-aq-flag, .is-antarctica-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/aq.svg"); +} +.ts-flag:is(.is-ar-flag, .is-argentina-flag) { + background-image: url("./flags/4x3/ar.svg"); +} +.ts-flag:is(.is-ar-flag, .is-argentina-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ar.svg"); +} +.ts-flag:is(.is-as-flag, .is-american-samoa-flag) { + background-image: url("./flags/4x3/as.svg"); +} +.ts-flag:is(.is-as-flag, .is-american-samoa-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/as.svg"); +} +.ts-flag:is(.is-at-flag, .is-austria-flag) { + background-image: url("./flags/4x3/at.svg"); +} +.ts-flag:is(.is-at-flag, .is-austria-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/at.svg"); +} +.ts-flag:is(.is-au-flag, .is-australia-flag) { + background-image: url("./flags/4x3/au.svg"); +} +.ts-flag:is(.is-au-flag, .is-australia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/au.svg"); +} +.ts-flag:is(.is-aw-flag, .is-aruba-flag) { + background-image: url("./flags/4x3/aw.svg"); +} +.ts-flag:is(.is-aw-flag, .is-aruba-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/aw.svg"); +} +.ts-flag:is(.is-ax-flag, .is-aland-islands-flag) { + background-image: url("./flags/4x3/ax.svg"); +} +.ts-flag:is(.is-ax-flag, .is-aland-islands-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ax.svg"); +} +.ts-flag:is(.is-az-flag, .is-azerbaijan-flag) { + background-image: url("./flags/4x3/az.svg"); +} +.ts-flag:is(.is-az-flag, .is-azerbaijan-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/az.svg"); +} +.ts-flag:is(.is-ba-flag, .is-bosnia-flag) { + background-image: url("./flags/4x3/ba.svg"); +} +.ts-flag:is(.is-ba-flag, .is-bosnia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ba.svg"); +} +.ts-flag:is(.is-bb-flag, .is-barbados-flag) { + background-image: url("./flags/4x3/bb.svg"); +} +.ts-flag:is(.is-bb-flag, .is-barbados-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/bb.svg"); +} +.ts-flag:is(.is-bd-flag, .is-bangladesh-flag) { + background-image: url("./flags/4x3/bd.svg"); +} +.ts-flag:is(.is-bd-flag, .is-bangladesh-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/bd.svg"); +} +.ts-flag:is(.is-be-flag, .is-belgium-flag) { + background-image: url("./flags/4x3/be.svg"); +} +.ts-flag:is(.is-be-flag, .is-belgium-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/be.svg"); +} +.ts-flag:is(.is-bf-flag, .is-burkina-faso-flag) { + background-image: url("./flags/4x3/bf.svg"); +} +.ts-flag:is(.is-bf-flag, .is-burkina-faso-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/bf.svg"); +} +.ts-flag:is(.is-bg-flag, .is-bulgaria-flag) { + background-image: url("./flags/4x3/bg.svg"); +} +.ts-flag:is(.is-bg-flag, .is-bulgaria-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/bg.svg"); +} +.ts-flag:is(.is-bh-flag, .is-bahrain-flag) { + background-image: url("./flags/4x3/bh.svg"); +} +.ts-flag:is(.is-bh-flag, .is-bahrain-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/bh.svg"); +} +.ts-flag:is(.is-bi-flag, .is-burundi-flag) { + background-image: url("./flags/4x3/bi.svg"); +} +.ts-flag:is(.is-bi-flag, .is-burundi-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/bi.svg"); +} +.ts-flag:is(.is-bj-flag, .is-benin-flag) { + background-image: url("./flags/4x3/bj.svg"); +} +.ts-flag:is(.is-bj-flag, .is-benin-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/bj.svg"); +} +.ts-flag:is(.is-bl-flag, .is-saint-barthélemy-flag, .is-saint-barthelemy-flag) { + background-image: url("./flags/4x3/bl.svg"); +} +.ts-flag:is(.is-bl-flag, .is-saint-barthélemy-flag, .is-saint-barthelemy-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/bl.svg"); +} +.ts-flag:is(.is-bm-flag, .is-bermuda-flag) { + background-image: url("./flags/4x3/bm.svg"); +} +.ts-flag:is(.is-bm-flag, .is-bermuda-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/bm.svg"); +} +.ts-flag:is(.is-bn-flag, .is-brunei-flag) { + background-image: url("./flags/4x3/bn.svg"); +} +.ts-flag:is(.is-bn-flag, .is-brunei-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/bn.svg"); +} +.ts-flag:is(.is-bo-flag, .is-bolivia-flag) { + background-image: url("./flags/4x3/bo.svg"); +} +.ts-flag:is(.is-bo-flag, .is-bolivia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/bo.svg"); +} +.ts-flag:is(.is-bq-flag, .is-caribbean-netherlands-flag) { + background-image: url("./flags/4x3/bq.svg"); +} +.ts-flag:is(.is-bq-flag, .is-caribbean-netherlands-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/bq.svg"); +} +.ts-flag:is(.is-br-flag, .is-brazil-flag) { + background-image: url("./flags/4x3/br.svg"); +} +.ts-flag:is(.is-br-flag, .is-brazil-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/br.svg"); +} +.ts-flag:is(.is-bs-flag, .is-bahamas-flag) { + background-image: url("./flags/4x3/bs.svg"); +} +.ts-flag:is(.is-bs-flag, .is-bahamas-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/bs.svg"); +} +.ts-flag:is(.is-bt-flag, .is-bhutan-flag) { + background-image: url("./flags/4x3/bt.svg"); +} +.ts-flag:is(.is-bt-flag, .is-bhutan-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/bt.svg"); +} +.ts-flag:is(.is-bv-flag, .is-bouvet-island-flag) { + background-image: url("./flags/4x3/bv.svg"); +} +.ts-flag:is(.is-bv-flag, .is-bouvet-island-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/bv.svg"); +} +.ts-flag:is(.is-bw-flag, .is-botswana-flag) { + background-image: url("./flags/4x3/bw.svg"); +} +.ts-flag:is(.is-bw-flag, .is-botswana-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/bw.svg"); +} +.ts-flag:is(.is-by-flag, .is-belarus-flag) { + background-image: url("./flags/4x3/by.svg"); +} +.ts-flag:is(.is-by-flag, .is-belarus-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/by.svg"); +} +.ts-flag:is(.is-bz-flag, .is-belize-flag) { + background-image: url("./flags/4x3/bz.svg"); +} +.ts-flag:is(.is-bz-flag, .is-belize-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/bz.svg"); +} +.ts-flag:is(.is-ca-flag, .is-canada-flag) { + background-image: url("./flags/4x3/ca.svg"); +} +.ts-flag:is(.is-ca-flag, .is-canada-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ca.svg"); +} +.ts-flag:is(.is-cc-flag, .is-cocos-islands-flag) { + background-image: url("./flags/4x3/cc.svg"); +} +.ts-flag:is(.is-cc-flag, .is-cocos-islands-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/cc.svg"); +} +.ts-flag:is(.is-cd-flag, .is-congo-flag) { + background-image: url("./flags/4x3/cd.svg"); +} +.ts-flag:is(.is-cd-flag, .is-congo-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/cd.svg"); +} +.ts-flag:is(.is-cf-flag, .is-central-african-republic-flag) { + background-image: url("./flags/4x3/cf.svg"); +} +.ts-flag:is(.is-cf-flag, .is-central-african-republic-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/cf.svg"); +} +.ts-flag:is(.is-cg-flag, .is-congo-brazzaville-flag) { + background-image: url("./flags/4x3/cg.svg"); +} +.ts-flag:is(.is-cg-flag, .is-congo-brazzaville-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/cg.svg"); +} +.ts-flag:is(.is-ch-flag, .is-switzerland-flag) { + background-image: url("./flags/4x3/ch.svg"); +} +.ts-flag:is(.is-ch-flag, .is-switzerland-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ch.svg"); +} +.ts-flag:is(.is-ci-flag, .is-cote-divoire-flag) { + background-image: url("./flags/4x3/ci.svg"); +} +.ts-flag:is(.is-ci-flag, .is-cote-divoire-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ci.svg"); +} +.ts-flag:is(.is-ck-flag, .is-cook-islands-flag) { + background-image: url("./flags/4x3/ck.svg"); +} +.ts-flag:is(.is-ck-flag, .is-cook-islands-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ck.svg"); +} +.ts-flag:is(.is-cl-flag, .is-chile-flag) { + background-image: url("./flags/4x3/cl.svg"); +} +.ts-flag:is(.is-cl-flag, .is-chile-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/cl.svg"); +} +.ts-flag:is(.is-cm-flag, .is-cameroon-flag) { + background-image: url("./flags/4x3/cm.svg"); +} +.ts-flag:is(.is-cm-flag, .is-cameroon-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/cm.svg"); +} +.ts-flag:is(.is-cn-flag, .is-china-flag, .is-peoples-republic-of-china-flag) { + background-image: url("./flags/4x3/cn.svg"); +} +.ts-flag:is(.is-cn-flag, .is-china-flag, .is-peoples-republic-of-china-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/cn.svg"); +} +.ts-flag:is(.is-co-flag, .is-colombia-flag) { + background-image: url("./flags/4x3/co.svg"); +} +.ts-flag:is(.is-co-flag, .is-colombia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/co.svg"); +} +.ts-flag:is(.is-cr-flag, .is-costa-rica-flag) { + background-image: url("./flags/4x3/cr.svg"); +} +.ts-flag:is(.is-cr-flag, .is-costa-rica-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/cr.svg"); +} +.ts-flag:is(.is-cu-flag, .is-cuba-flag) { + background-image: url("./flags/4x3/cu.svg"); +} +.ts-flag:is(.is-cu-flag, .is-cuba-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/cu.svg"); +} +.ts-flag:is(.is-cv-flag, .is-cape-verde-flag) { + background-image: url("./flags/4x3/cv.svg"); +} +.ts-flag:is(.is-cv-flag, .is-cape-verde-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/cv.svg"); +} +.ts-flag:is(.is-cw-flag, .is-curaçao-flag, .is-curacao-flag) { + background-image: url("./flags/4x3/cw.svg"); +} +.ts-flag:is(.is-cw-flag, .is-curaçao-flag, .is-curacao-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/cw.svg"); +} +.ts-flag:is(.is-cx-flag, .is-christmas-island-flag) { + background-image: url("./flags/4x3/cx.svg"); +} +.ts-flag:is(.is-cx-flag, .is-christmas-island-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/cx.svg"); +} +.ts-flag:is(.is-cy-flag, .is-cyprus-flag) { + background-image: url("./flags/4x3/cy.svg"); +} +.ts-flag:is(.is-cy-flag, .is-cyprus-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/cy.svg"); +} +.ts-flag:is(.is-cz-flag, .is-czech-republic-flag) { + background-image: url("./flags/4x3/cz.svg"); +} +.ts-flag:is(.is-cz-flag, .is-czech-republic-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/cz.svg"); +} +.ts-flag:is(.is-de-flag, .is-germany-flag) { + background-image: url("./flags/4x3/de.svg"); +} +.ts-flag:is(.is-de-flag, .is-germany-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/de.svg"); +} +.ts-flag:is(.is-dj-flag, .is-djibouti-flag) { + background-image: url("./flags/4x3/dj.svg"); +} +.ts-flag:is(.is-dj-flag, .is-djibouti-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/dj.svg"); +} +.ts-flag:is(.is-dk-flag, .is-denmark-flag) { + background-image: url("./flags/4x3/dk.svg"); +} +.ts-flag:is(.is-dk-flag, .is-denmark-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/dk.svg"); +} +.ts-flag:is(.is-dm-flag, .is-dominica-flag) { + background-image: url("./flags/4x3/dm.svg"); +} +.ts-flag:is(.is-dm-flag, .is-dominica-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/dm.svg"); +} +.ts-flag:is(.is-do-flag, .is-dominican-republic-flag) { + background-image: url("./flags/4x3/do.svg"); +} +.ts-flag:is(.is-do-flag, .is-dominican-republic-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/do.svg"); +} +.ts-flag:is(.is-dz-flag, .is-algeria-flag) { + background-image: url("./flags/4x3/dz.svg"); +} +.ts-flag:is(.is-dz-flag, .is-algeria-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/dz.svg"); +} +.ts-flag:is(.is-ec-flag, .is-ecuador-flag) { + background-image: url("./flags/4x3/ec.svg"); +} +.ts-flag:is(.is-ec-flag, .is-ecuador-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ec.svg"); +} +.ts-flag:is(.is-ee-flag, .is-estonia-flag) { + background-image: url("./flags/4x3/ee.svg"); +} +.ts-flag:is(.is-ee-flag, .is-estonia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ee.svg"); +} +.ts-flag:is(.is-eg-flag, .is-egypt-flag) { + background-image: url("./flags/4x3/eg.svg"); +} +.ts-flag:is(.is-eg-flag, .is-egypt-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/eg.svg"); +} +.ts-flag:is(.is-eh-flag, .is-western-sahara-flag) { + background-image: url("./flags/4x3/eh.svg"); +} +.ts-flag:is(.is-eh-flag, .is-western-sahara-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/eh.svg"); +} +.ts-flag:is(.is-er-flag, .is-eritrea-flag) { + background-image: url("./flags/4x3/er.svg"); +} +.ts-flag:is(.is-er-flag, .is-eritrea-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/er.svg"); +} +.ts-flag:is(.is-es-flag, .is-spain-flag) { + background-image: url("./flags/4x3/es.svg"); +} +.ts-flag:is(.is-es-flag, .is-spain-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/es.svg"); +} +.ts-flag:is(.is-es-ct-flag, .is-scotland-flag) { + background-image: url("./flags/4x3/es-ct.svg"); +} +.ts-flag:is(.is-es-ct-flag, .is-scotland-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/es-ct.svg"); +} +.ts-flag:is(.is-et-flag, .is-ethiopia-flag) { + background-image: url("./flags/4x3/et.svg"); +} +.ts-flag:is(.is-et-flag, .is-ethiopia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/et.svg"); +} +.ts-flag:is(.is-eu-flag, .is-european-union-flag) { + background-image: url("./flags/4x3/eu.svg"); +} +.ts-flag:is(.is-eu-flag, .is-european-union-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/eu.svg"); +} +.ts-flag:is(.is-fi-flag, .is-finland-flag) { + background-image: url("./flags/4x3/fi.svg"); +} +.ts-flag:is(.is-fi-flag, .is-finland-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/fi.svg"); +} +.ts-flag:is(.is-fj-flag, .is-fiji-flag) { + background-image: url("./flags/4x3/fj.svg"); +} +.ts-flag:is(.is-fj-flag, .is-fiji-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/fj.svg"); +} +.ts-flag:is(.is-fk-flag, .is-falkland-islands-flag) { + background-image: url("./flags/4x3/fk.svg"); +} +.ts-flag:is(.is-fk-flag, .is-falkland-islands-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/fk.svg"); +} +.ts-flag:is(.is-fm-flag, .is-micronesia-flag) { + background-image: url("./flags/4x3/fm.svg"); +} +.ts-flag:is(.is-fm-flag, .is-micronesia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/fm.svg"); +} +.ts-flag:is(.is-fo-flag, .is-faroe-islands-flag) { + background-image: url("./flags/4x3/fo.svg"); +} +.ts-flag:is(.is-fo-flag, .is-faroe-islands-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/fo.svg"); +} +.ts-flag:is(.is-fr-flag, .is-france-flag) { + background-image: url("./flags/4x3/fr.svg"); +} +.ts-flag:is(.is-fr-flag, .is-france-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/fr.svg"); +} +.ts-flag:is(.is-ga-flag, .is-gabon-flag) { + background-image: url("./flags/4x3/ga.svg"); +} +.ts-flag:is(.is-ga-flag, .is-gabon-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ga.svg"); +} +.ts-flag:is(.is-gb-flag, .is-united-kingdom-flag) { + background-image: url("./flags/4x3/gb.svg"); +} +.ts-flag:is(.is-gb-flag, .is-united-kingdom-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/gb.svg"); +} +.ts-flag:is(.is-gb-eng-flag, .is-england-flag) { + background-image: url("./flags/4x3/gb-eng.svg"); +} +.ts-flag:is(.is-gb-eng-flag, .is-england-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/gb-eng.svg"); +} +.ts-flag:is(.is-gb-nir-flag, .is-northern-ireland-flag) { + background-image: url("./flags/4x3/gb-nir.svg"); +} +.ts-flag:is(.is-gb-nir-flag, .is-northern-ireland-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/gb-nir.svg"); +} +.ts-flag:is(.is-gb-sct-flag, .is-scotland-flag) { + background-image: url("./flags/4x3/gb-sct.svg"); +} +.ts-flag:is(.is-gb-sct-flag, .is-scotland-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/gb-sct.svg"); +} +.ts-flag:is(.is-gb-wls-flag, .is-wales-flag) { + background-image: url("./flags/4x3/gb-wls.svg"); +} +.ts-flag:is(.is-gb-wls-flag, .is-wales-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/gb-wls.svg"); +} +.ts-flag:is(.is-gd-flag, .is-grenada-flag) { + background-image: url("./flags/4x3/gd.svg"); +} +.ts-flag:is(.is-gd-flag, .is-grenada-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/gd.svg"); +} +.ts-flag:is(.is-ge-flag, .is-georgia-flag) { + background-image: url("./flags/4x3/ge.svg"); +} +.ts-flag:is(.is-ge-flag, .is-georgia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ge.svg"); +} +.ts-flag:is(.is-gf-flag, .is-french-guiana-flag) { + background-image: url("./flags/4x3/gf.svg"); +} +.ts-flag:is(.is-gf-flag, .is-french-guiana-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/gf.svg"); +} +.ts-flag:is(.is-gg-flag, .is-guernsey-flag) { + background-image: url("./flags/4x3/gg.svg"); +} +.ts-flag:is(.is-gg-flag, .is-guernsey-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/gg.svg"); +} +.ts-flag:is(.is-gh-flag, .is-ghana-flag) { + background-image: url("./flags/4x3/gh.svg"); +} +.ts-flag:is(.is-gh-flag, .is-ghana-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/gh.svg"); +} +.ts-flag:is(.is-gi-flag, .is-gibraltar-flag) { + background-image: url("./flags/4x3/gi.svg"); +} +.ts-flag:is(.is-gi-flag, .is-gibraltar-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/gi.svg"); +} +.ts-flag:is(.is-gl-flag, .is-greenland-flag) { + background-image: url("./flags/4x3/gl.svg"); +} +.ts-flag:is(.is-gl-flag, .is-greenland-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/gl.svg"); +} +.ts-flag:is(.is-gm-flag, .is-gambia-flag) { + background-image: url("./flags/4x3/gm.svg"); +} +.ts-flag:is(.is-gm-flag, .is-gambia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/gm.svg"); +} +.ts-flag:is(.is-gn-flag, .is-guinea-flag) { + background-image: url("./flags/4x3/gn.svg"); +} +.ts-flag:is(.is-gn-flag, .is-guinea-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/gn.svg"); +} +.ts-flag:is(.is-gp-flag, .is-guadeloupe-flag) { + background-image: url("./flags/4x3/gp.svg"); +} +.ts-flag:is(.is-gp-flag, .is-guadeloupe-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/gp.svg"); +} +.ts-flag:is(.is-gq-flag, .is-equatorial-guinea-flag) { + background-image: url("./flags/4x3/gq.svg"); +} +.ts-flag:is(.is-gq-flag, .is-equatorial-guinea-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/gq.svg"); +} +.ts-flag:is(.is-gr-flag, .is-greece-flag) { + background-image: url("./flags/4x3/gr.svg"); +} +.ts-flag:is(.is-gr-flag, .is-greece-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/gr.svg"); +} +.ts-flag:is(.is-gs-flag, .is-sandwich-islands-flag) { + background-image: url("./flags/4x3/gs.svg"); +} +.ts-flag:is(.is-gs-flag, .is-sandwich-islands-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/gs.svg"); +} +.ts-flag:is(.is-gt-flag, .is-guatemala-flag) { + background-image: url("./flags/4x3/gt.svg"); +} +.ts-flag:is(.is-gt-flag, .is-guatemala-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/gt.svg"); +} +.ts-flag:is(.is-gu-flag, .is-guam-flag) { + background-image: url("./flags/4x3/gu.svg"); +} +.ts-flag:is(.is-gu-flag, .is-guam-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/gu.svg"); +} +.ts-flag:is(.is-gw-flag, .is-guinea-bissau-flag) { + background-image: url("./flags/4x3/gw.svg"); +} +.ts-flag:is(.is-gw-flag, .is-guinea-bissau-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/gw.svg"); +} +.ts-flag:is(.is-gy-flag, .is-guyana-flag) { + background-image: url("./flags/4x3/gy.svg"); +} +.ts-flag:is(.is-gy-flag, .is-guyana-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/gy.svg"); +} +.ts-flag:is(.is-hk-flag, .is-hong-kong-flag) { + background-image: url("./flags/4x3/hk.svg"); +} +.ts-flag:is(.is-hk-flag, .is-hong-kong-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/hk.svg"); +} +.ts-flag:is(.is-hm-flag, .is-heard-island-flag) { + background-image: url("./flags/4x3/hm.svg"); +} +.ts-flag:is(.is-hm-flag, .is-heard-island-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/hm.svg"); +} +.ts-flag:is(.is-hn-flag, .is-honduras-flag) { + background-image: url("./flags/4x3/hn.svg"); +} +.ts-flag:is(.is-hn-flag, .is-honduras-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/hn.svg"); +} +.ts-flag:is(.is-hr-flag, .is-croatia-flag) { + background-image: url("./flags/4x3/hr.svg"); +} +.ts-flag:is(.is-hr-flag, .is-croatia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/hr.svg"); +} +.ts-flag:is(.is-ht-flag, .is-haiti-flag) { + background-image: url("./flags/4x3/ht.svg"); +} +.ts-flag:is(.is-ht-flag, .is-haiti-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ht.svg"); +} +.ts-flag:is(.is-hu-flag, .is-hungary-flag) { + background-image: url("./flags/4x3/hu.svg"); +} +.ts-flag:is(.is-hu-flag, .is-hungary-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/hu.svg"); +} +.ts-flag:is(.is-id-flag, .is-indonesia-flag) { + background-image: url("./flags/4x3/id.svg"); +} +.ts-flag:is(.is-id-flag, .is-indonesia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/id.svg"); +} +.ts-flag:is(.is-ie-flag, .is-ireland-flag) { + background-image: url("./flags/4x3/ie.svg"); +} +.ts-flag:is(.is-ie-flag, .is-ireland-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ie.svg"); +} +.ts-flag:is(.is-il-flag, .is-israel-flag) { + background-image: url("./flags/4x3/il.svg"); +} +.ts-flag:is(.is-il-flag, .is-israel-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/il.svg"); +} +.ts-flag:is(.is-im-flag, .is-isle-of-man-flag) { + background-image: url("./flags/4x3/im.svg"); +} +.ts-flag:is(.is-im-flag, .is-isle-of-man-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/im.svg"); +} +.ts-flag:is(.is-in-flag, .is-india-flag) { + background-image: url("./flags/4x3/in.svg"); +} +.ts-flag:is(.is-in-flag, .is-india-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/in.svg"); +} +.ts-flag:is(.is-io-flag, .is-indian-ocean-territory-flag) { + background-image: url("./flags/4x3/io.svg"); +} +.ts-flag:is(.is-io-flag, .is-indian-ocean-territory-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/io.svg"); +} +.ts-flag:is(.is-iq-flag, .is-iraq-flag) { + background-image: url("./flags/4x3/iq.svg"); +} +.ts-flag:is(.is-iq-flag, .is-iraq-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/iq.svg"); +} +.ts-flag:is(.is-ir-flag, .is-iran-flag) { + background-image: url("./flags/4x3/ir.svg"); +} +.ts-flag:is(.is-ir-flag, .is-iran-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ir.svg"); +} +.ts-flag:is(.is-is-flag, .is-iceland-flag) { + background-image: url("./flags/4x3/is.svg"); +} +.ts-flag:is(.is-is-flag, .is-iceland-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/is.svg"); +} +.ts-flag:is(.is-it-flag, .is-italy-flag) { + background-image: url("./flags/4x3/it.svg"); +} +.ts-flag:is(.is-it-flag, .is-italy-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/it.svg"); +} +.ts-flag:is(.is-je-flag, .is-jersey-flag) { + background-image: url("./flags/4x3/je.svg"); +} +.ts-flag:is(.is-je-flag, .is-jersey-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/je.svg"); +} +.ts-flag:is(.is-jm-flag, .is-jamaica-flag) { + background-image: url("./flags/4x3/jm.svg"); +} +.ts-flag:is(.is-jm-flag, .is-jamaica-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/jm.svg"); +} +.ts-flag:is(.is-jo-flag, .is-jordan-flag) { + background-image: url("./flags/4x3/jo.svg"); +} +.ts-flag:is(.is-jo-flag, .is-jordan-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/jo.svg"); +} +.ts-flag:is(.is-jp-flag, .is-japan-flag) { + background-image: url("./flags/4x3/jp.svg"); +} +.ts-flag:is(.is-jp-flag, .is-japan-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/jp.svg"); +} +.ts-flag:is(.is-ke-flag, .is-kenya-flag) { + background-image: url("./flags/4x3/ke.svg"); +} +.ts-flag:is(.is-ke-flag, .is-kenya-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ke.svg"); +} +.ts-flag:is(.is-kg-flag, .is-kyrgyzstan-flag) { + background-image: url("./flags/4x3/kg.svg"); +} +.ts-flag:is(.is-kg-flag, .is-kyrgyzstan-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/kg.svg"); +} +.ts-flag:is(.is-kh-flag, .is-cambodia-flag) { + background-image: url("./flags/4x3/kh.svg"); +} +.ts-flag:is(.is-kh-flag, .is-cambodia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/kh.svg"); +} +.ts-flag:is(.is-ki-flag, .is-kiribati-flag) { + background-image: url("./flags/4x3/ki.svg"); +} +.ts-flag:is(.is-ki-flag, .is-kiribati-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ki.svg"); +} +.ts-flag:is(.is-km-flag, .is-comoros-flag) { + background-image: url("./flags/4x3/km.svg"); +} +.ts-flag:is(.is-km-flag, .is-comoros-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/km.svg"); +} +.ts-flag:is(.is-kn-flag, .is-saint-kitts-and-nevis-flag, .is-saint-kitts-flag, .is-nevis-flag) { + background-image: url("./flags/4x3/kn.svg"); +} +.ts-flag:is(.is-kn-flag, .is-saint-kitts-and-nevis-flag, .is-saint-kitts-flag, .is-nevis-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/kn.svg"); +} +.ts-flag:is(.is-kp-flag, .is-north-korea-flag) { + background-image: url("./flags/4x3/kp.svg"); +} +.ts-flag:is(.is-kp-flag, .is-north-korea-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/kp.svg"); +} +.ts-flag:is(.is-kr-flag, .is-south-korea-flag, .is-korea-flag) { + background-image: url("./flags/4x3/kr.svg"); +} +.ts-flag:is(.is-kr-flag, .is-south-korea-flag, .is-korea-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/kr.svg"); +} +.ts-flag:is(.is-kw-flag, .is-kuwait-flag) { + background-image: url("./flags/4x3/kw.svg"); +} +.ts-flag:is(.is-kw-flag, .is-kuwait-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/kw.svg"); +} +.ts-flag:is(.is-ky-flag, .is-cayman-islands-flag) { + background-image: url("./flags/4x3/ky.svg"); +} +.ts-flag:is(.is-ky-flag, .is-cayman-islands-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ky.svg"); +} +.ts-flag:is(.is-kz-flag, .is-kazakhstan-flag) { + background-image: url("./flags/4x3/kz.svg"); +} +.ts-flag:is(.is-kz-flag, .is-kazakhstan-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/kz.svg"); +} +.ts-flag:is(.is-la-flag, .is-laos-flag) { + background-image: url("./flags/4x3/la.svg"); +} +.ts-flag:is(.is-la-flag, .is-laos-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/la.svg"); +} +.ts-flag:is(.is-lb-flag, .is-lebanon-flag) { + background-image: url("./flags/4x3/lb.svg"); +} +.ts-flag:is(.is-lb-flag, .is-lebanon-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/lb.svg"); +} +.ts-flag:is(.is-lc-flag, .is-saint-lucia-flag) { + background-image: url("./flags/4x3/lc.svg"); +} +.ts-flag:is(.is-lc-flag, .is-saint-lucia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/lc.svg"); +} +.ts-flag:is(.is-li-flag, .is-liechtenstein-flag) { + background-image: url("./flags/4x3/li.svg"); +} +.ts-flag:is(.is-li-flag, .is-liechtenstein-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/li.svg"); +} +.ts-flag:is(.is-lk-flag, .is-sri-lanka-flag) { + background-image: url("./flags/4x3/lk.svg"); +} +.ts-flag:is(.is-lk-flag, .is-sri-lanka-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/lk.svg"); +} +.ts-flag:is(.is-lr-flag, .is-liberia-flag) { + background-image: url("./flags/4x3/lr.svg"); +} +.ts-flag:is(.is-lr-flag, .is-liberia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/lr.svg"); +} +.ts-flag:is(.is-ls-flag, .is-lesotho-flag) { + background-image: url("./flags/4x3/ls.svg"); +} +.ts-flag:is(.is-ls-flag, .is-lesotho-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ls.svg"); +} +.ts-flag:is(.is-lt-flag, .is-lithuania-flag) { + background-image: url("./flags/4x3/lt.svg"); +} +.ts-flag:is(.is-lt-flag, .is-lithuania-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/lt.svg"); +} +.ts-flag:is(.is-lu-flag, .is-luxembourg-flag) { + background-image: url("./flags/4x3/lu.svg"); +} +.ts-flag:is(.is-lu-flag, .is-luxembourg-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/lu.svg"); +} +.ts-flag:is(.is-lv-flag, .is-latvia-flag) { + background-image: url("./flags/4x3/lv.svg"); +} +.ts-flag:is(.is-lv-flag, .is-latvia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/lv.svg"); +} +.ts-flag:is(.is-ly-flag, .is-libya-flag) { + background-image: url("./flags/4x3/ly.svg"); +} +.ts-flag:is(.is-ly-flag, .is-libya-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ly.svg"); +} +.ts-flag:is(.is-ma-flag, .is-morocco-flag) { + background-image: url("./flags/4x3/ma.svg"); +} +.ts-flag:is(.is-ma-flag, .is-morocco-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ma.svg"); +} +.ts-flag:is(.is-mc-flag, .is-monaco-flag) { + background-image: url("./flags/4x3/mc.svg"); +} +.ts-flag:is(.is-mc-flag, .is-monaco-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/mc.svg"); +} +.ts-flag:is(.is-md-flag, .is-moldova-flag) { + background-image: url("./flags/4x3/md.svg"); +} +.ts-flag:is(.is-md-flag, .is-moldova-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/md.svg"); +} +.ts-flag:is(.is-me-flag, .is-montenegro-flag) { + background-image: url("./flags/4x3/me.svg"); +} +.ts-flag:is(.is-me-flag, .is-montenegro-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/me.svg"); +} +.ts-flag:is(.is-mf-flag, .is-saint-martin-flag) { + background-image: url("./flags/4x3/mf.svg"); +} +.ts-flag:is(.is-mf-flag, .is-saint-martin-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/mf.svg"); +} +.ts-flag:is(.is-mg-flag, .is-madagascar-flag) { + background-image: url("./flags/4x3/mg.svg"); +} +.ts-flag:is(.is-mg-flag, .is-madagascar-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/mg.svg"); +} +.ts-flag:is(.is-mh-flag, .is-marshall-islands-flag) { + background-image: url("./flags/4x3/mh.svg"); +} +.ts-flag:is(.is-mh-flag, .is-marshall-islands-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/mh.svg"); +} +.ts-flag:is(.is-mk-flag, .is-macedonia-flag) { + background-image: url("./flags/4x3/mk.svg"); +} +.ts-flag:is(.is-mk-flag, .is-macedonia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/mk.svg"); +} +.ts-flag:is(.is-ml-flag, .is-mali-flag) { + background-image: url("./flags/4x3/ml.svg"); +} +.ts-flag:is(.is-ml-flag, .is-mali-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ml.svg"); +} +.ts-flag:is(.is-mm-flag, .is-burma-flag, .is-myanmar-flag) { + background-image: url("./flags/4x3/mm.svg"); +} +.ts-flag:is(.is-mm-flag, .is-burma-flag, .is-myanmar-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/mm.svg"); +} +.ts-flag:is(.is-mn-flag, .is-mongolia-flag) { + background-image: url("./flags/4x3/mn.svg"); +} +.ts-flag:is(.is-mn-flag, .is-mongolia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/mn.svg"); +} +.ts-flag:is(.is-mo-flag, .is-macau-flag) { + background-image: url("./flags/4x3/mo.svg"); +} +.ts-flag:is(.is-mo-flag, .is-macau-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/mo.svg"); +} +.ts-flag:is(.is-mp-flag, .is-northern-mariana-islands-flag) { + background-image: url("./flags/4x3/mp.svg"); +} +.ts-flag:is(.is-mp-flag, .is-northern-mariana-islands-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/mp.svg"); +} +.ts-flag:is(.is-mq-flag, .is-martinique-flag) { + background-image: url("./flags/4x3/mq.svg"); +} +.ts-flag:is(.is-mq-flag, .is-martinique-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/mq.svg"); +} +.ts-flag:is(.is-mr-flag, .is-mauritania-flag) { + background-image: url("./flags/4x3/mr.svg"); +} +.ts-flag:is(.is-mr-flag, .is-mauritania-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/mr.svg"); +} +.ts-flag:is(.is-ms-flag, .is-montserrat-flag) { + background-image: url("./flags/4x3/ms.svg"); +} +.ts-flag:is(.is-ms-flag, .is-montserrat-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ms.svg"); +} +.ts-flag:is(.is-mt-flag, .is-malta-flag) { + background-image: url("./flags/4x3/mt.svg"); +} +.ts-flag:is(.is-mt-flag, .is-malta-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/mt.svg"); +} +.ts-flag:is(.is-mu-flag, .is-mauritius-flag) { + background-image: url("./flags/4x3/mu.svg"); +} +.ts-flag:is(.is-mu-flag, .is-mauritius-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/mu.svg"); +} +.ts-flag:is(.is-mv-flag, .is-maldives-flag) { + background-image: url("./flags/4x3/mv.svg"); +} +.ts-flag:is(.is-mv-flag, .is-maldives-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/mv.svg"); +} +.ts-flag:is(.is-mw-flag, .is-malawi-flag) { + background-image: url("./flags/4x3/mw.svg"); +} +.ts-flag:is(.is-mw-flag, .is-malawi-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/mw.svg"); +} +.ts-flag:is(.is-mx-flag, .is-mexico-flag) { + background-image: url("./flags/4x3/mx.svg"); +} +.ts-flag:is(.is-mx-flag, .is-mexico-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/mx.svg"); +} +.ts-flag:is(.is-my-flag, .is-malaysia-flag) { + background-image: url("./flags/4x3/my.svg"); +} +.ts-flag:is(.is-my-flag, .is-malaysia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/my.svg"); +} +.ts-flag:is(.is-mz-flag, .is-mozambique-flag) { + background-image: url("./flags/4x3/mz.svg"); +} +.ts-flag:is(.is-mz-flag, .is-mozambique-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/mz.svg"); +} +.ts-flag:is(.is-na-flag, .is-namibia-flag) { + background-image: url("./flags/4x3/na.svg"); +} +.ts-flag:is(.is-na-flag, .is-namibia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/na.svg"); +} +.ts-flag:is(.is-nc-flag, .is-new-caledonia-flag) { + background-image: url("./flags/4x3/nc.svg"); +} +.ts-flag:is(.is-nc-flag, .is-new-caledonia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/nc.svg"); +} +.ts-flag:is(.is-ne-flag, .is-niger-flag) { + background-image: url("./flags/4x3/ne.svg"); +} +.ts-flag:is(.is-ne-flag, .is-niger-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ne.svg"); +} +.ts-flag:is(.is-nf-flag, .is-norfolk-island-flag) { + background-image: url("./flags/4x3/nf.svg"); +} +.ts-flag:is(.is-nf-flag, .is-norfolk-island-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/nf.svg"); +} +.ts-flag:is(.is-ng-flag, .is-nigeria-flag) { + background-image: url("./flags/4x3/ng.svg"); +} +.ts-flag:is(.is-ng-flag, .is-nigeria-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ng.svg"); +} +.ts-flag:is(.is-ni-flag, .is-nicaragua-flag) { + background-image: url("./flags/4x3/ni.svg"); +} +.ts-flag:is(.is-ni-flag, .is-nicaragua-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ni.svg"); +} +.ts-flag:is(.is-nl-flag, .is-netherlands-flag) { + background-image: url("./flags/4x3/nl.svg"); +} +.ts-flag:is(.is-nl-flag, .is-netherlands-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/nl.svg"); +} +.ts-flag:is(.is-no-flag, .is-norway-flag) { + background-image: url("./flags/4x3/no.svg"); +} +.ts-flag:is(.is-no-flag, .is-norway-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/no.svg"); +} +.ts-flag:is(.is-np-flag, .is-nepal-flag) { + background-image: url("./flags/4x3/np.svg"); +} +.ts-flag:is(.is-np-flag, .is-nepal-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/np.svg"); +} +.ts-flag:is(.is-nr-flag, .is-nauru-flag) { + background-image: url("./flags/4x3/nr.svg"); +} +.ts-flag:is(.is-nr-flag, .is-nauru-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/nr.svg"); +} +.ts-flag:is(.is-nu-flag, .is-niue-flag) { + background-image: url("./flags/4x3/nu.svg"); +} +.ts-flag:is(.is-nu-flag, .is-niue-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/nu.svg"); +} +.ts-flag:is(.is-nz-flag, .is-new-zealand-flag) { + background-image: url("./flags/4x3/nz.svg"); +} +.ts-flag:is(.is-nz-flag, .is-new-zealand-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/nz.svg"); +} +.ts-flag:is(.is-om-flag, .is-oman-flag) { + background-image: url("./flags/4x3/om.svg"); +} +.ts-flag:is(.is-om-flag, .is-oman-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/om.svg"); +} +.ts-flag:is(.is-pa-flag, .is-panama-flag) { + background-image: url("./flags/4x3/pa.svg"); +} +.ts-flag:is(.is-pa-flag, .is-panama-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/pa.svg"); +} +.ts-flag:is(.is-pe-flag, .is-peru-flag) { + background-image: url("./flags/4x3/pe.svg"); +} +.ts-flag:is(.is-pe-flag, .is-peru-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/pe.svg"); +} +.ts-flag:is(.is-pf-flag, .is-french-polynesia-flag) { + background-image: url("./flags/4x3/pf.svg"); +} +.ts-flag:is(.is-pf-flag, .is-french-polynesia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/pf.svg"); +} +.ts-flag:is(.is-pg-flag, .is-new-guinea-flag) { + background-image: url("./flags/4x3/pg.svg"); +} +.ts-flag:is(.is-pg-flag, .is-new-guinea-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/pg.svg"); +} +.ts-flag:is(.is-ph-flag, .is-philippines-flag) { + background-image: url("./flags/4x3/ph.svg"); +} +.ts-flag:is(.is-ph-flag, .is-philippines-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ph.svg"); +} +.ts-flag:is(.is-pk-flag, .is-pakistan-flag) { + background-image: url("./flags/4x3/pk.svg"); +} +.ts-flag:is(.is-pk-flag, .is-pakistan-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/pk.svg"); +} +.ts-flag:is(.is-pl-flag, .is-poland-flag) { + background-image: url("./flags/4x3/pl.svg"); +} +.ts-flag:is(.is-pl-flag, .is-poland-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/pl.svg"); +} +.ts-flag:is(.is-pm-flag, .is-saint-pierre-flag) { + background-image: url("./flags/4x3/pm.svg"); +} +.ts-flag:is(.is-pm-flag, .is-saint-pierre-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/pm.svg"); +} +.ts-flag:is(.is-pn-flag, .is-pitcairn-islands-flag) { + background-image: url("./flags/4x3/pn.svg"); +} +.ts-flag:is(.is-pn-flag, .is-pitcairn-islands-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/pn.svg"); +} +.ts-flag:is(.is-pr-flag, .is-puerto-rico-flag) { + background-image: url("./flags/4x3/pr.svg"); +} +.ts-flag:is(.is-pr-flag, .is-puerto-rico-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/pr.svg"); +} +.ts-flag:is(.is-ps-flag, .is-palestine-flag) { + background-image: url("./flags/4x3/ps.svg"); +} +.ts-flag:is(.is-ps-flag, .is-palestine-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ps.svg"); +} +.ts-flag:is(.is-pt-flag, .is-portugal-flag) { + background-image: url("./flags/4x3/pt.svg"); +} +.ts-flag:is(.is-pt-flag, .is-portugal-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/pt.svg"); +} +.ts-flag:is(.is-pw-flag, .is-palau-flag) { + background-image: url("./flags/4x3/pw.svg"); +} +.ts-flag:is(.is-pw-flag, .is-palau-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/pw.svg"); +} +.ts-flag:is(.is-py-flag, .is-paraguay-flag) { + background-image: url("./flags/4x3/py.svg"); +} +.ts-flag:is(.is-py-flag, .is-paraguay-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/py.svg"); +} +.ts-flag:is(.is-qa-flag, .is-qatar-flag) { + background-image: url("./flags/4x3/qa.svg"); +} +.ts-flag:is(.is-qa-flag, .is-qatar-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/qa.svg"); +} +.ts-flag:is(.is-re-flag, .is-reunion-flag) { + background-image: url("./flags/4x3/re.svg"); +} +.ts-flag:is(.is-re-flag, .is-reunion-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/re.svg"); +} +.ts-flag:is(.is-ro-flag, .is-romania-flag) { + background-image: url("./flags/4x3/ro.svg"); +} +.ts-flag:is(.is-ro-flag, .is-romania-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ro.svg"); +} +.ts-flag:is(.is-rs-flag, .is-serbia-flag) { + background-image: url("./flags/4x3/rs.svg"); +} +.ts-flag:is(.is-rs-flag, .is-serbia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/rs.svg"); +} +.ts-flag:is(.is-ru-flag, .is-russia-flag) { + background-image: url("./flags/4x3/ru.svg"); +} +.ts-flag:is(.is-ru-flag, .is-russia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ru.svg"); +} +.ts-flag:is(.is-rw-flag, .is-rwanda-flag) { + background-image: url("./flags/4x3/rw.svg"); +} +.ts-flag:is(.is-rw-flag, .is-rwanda-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/rw.svg"); +} +.ts-flag:is(.is-sa-flag, .is-saudi-arabia-flag) { + background-image: url("./flags/4x3/sa.svg"); +} +.ts-flag:is(.is-sa-flag, .is-saudi-arabia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/sa.svg"); +} +.ts-flag:is(.is-sb-flag, .is-solomon-islands-flag) { + background-image: url("./flags/4x3/sb.svg"); +} +.ts-flag:is(.is-sb-flag, .is-solomon-islands-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/sb.svg"); +} +.ts-flag:is(.is-sc-flag, .is-seychelles-flag) { + background-image: url("./flags/4x3/sc.svg"); +} +.ts-flag:is(.is-sc-flag, .is-seychelles-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/sc.svg"); +} +.ts-flag:is(.is-sd-flag, .is-sudan-flag) { + background-image: url("./flags/4x3/sd.svg"); +} +.ts-flag:is(.is-sd-flag, .is-sudan-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/sd.svg"); +} +.ts-flag:is(.is-se-flag, .is-sweden-flag) { + background-image: url("./flags/4x3/se.svg"); +} +.ts-flag:is(.is-se-flag, .is-sweden-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/se.svg"); +} +.ts-flag:is(.is-sg-flag, .is-singapore-flag) { + background-image: url("./flags/4x3/sg.svg"); +} +.ts-flag:is(.is-sg-flag, .is-singapore-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/sg.svg"); +} +.ts-flag:is(.is-sh-flag, .is-saint-helena-flag) { + background-image: url("./flags/4x3/sh.svg"); +} +.ts-flag:is(.is-sh-flag, .is-saint-helena-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/sh.svg"); +} +.ts-flag:is(.is-si-flag, .is-slovenia-flag) { + background-image: url("./flags/4x3/si.svg"); +} +.ts-flag:is(.is-si-flag, .is-slovenia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/si.svg"); +} +.ts-flag:is(.is-sj-flag, .is-jan-mayen-and-svalbard-flag, .is-svalbard-flag, .is-jan-mayen-flag) { + background-image: url("./flags/4x3/sj.svg"); +} +.ts-flag:is(.is-sj-flag, .is-jan-mayen-and-svalbard-flag, .is-svalbard-flag, .is-jan-mayen-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/sj.svg"); +} +.ts-flag:is(.is-sk-flag, .is-slovakia-flag) { + background-image: url("./flags/4x3/sk.svg"); +} +.ts-flag:is(.is-sk-flag, .is-slovakia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/sk.svg"); +} +.ts-flag:is(.is-sl-flag, .is-sierra-leone-flag) { + background-image: url("./flags/4x3/sl.svg"); +} +.ts-flag:is(.is-sl-flag, .is-sierra-leone-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/sl.svg"); +} +.ts-flag:is(.is-sm-flag, .is-san-marino-flag) { + background-image: url("./flags/4x3/sm.svg"); +} +.ts-flag:is(.is-sm-flag, .is-san-marino-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/sm.svg"); +} +.ts-flag:is(.is-sn-flag, .is-senegal-flag) { + background-image: url("./flags/4x3/sn.svg"); +} +.ts-flag:is(.is-sn-flag, .is-senegal-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/sn.svg"); +} +.ts-flag:is(.is-so-flag, .is-somalia-flag) { + background-image: url("./flags/4x3/so.svg"); +} +.ts-flag:is(.is-so-flag, .is-somalia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/so.svg"); +} +.ts-flag:is(.is-sr-flag, .is-suriname-flag) { + background-image: url("./flags/4x3/sr.svg"); +} +.ts-flag:is(.is-sr-flag, .is-suriname-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/sr.svg"); +} +.ts-flag:is(.is-ss-flag, .is-south-sudan-flag) { + background-image: url("./flags/4x3/ss.svg"); +} +.ts-flag:is(.is-ss-flag, .is-south-sudan-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ss.svg"); +} +.ts-flag:is(.is-st-flag, .is-sao-tome-flag) { + background-image: url("./flags/4x3/st.svg"); +} +.ts-flag:is(.is-st-flag, .is-sao-tome-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/st.svg"); +} +.ts-flag:is(.is-sv-flag, .is-el-salvador-flag) { + background-image: url("./flags/4x3/sv.svg"); +} +.ts-flag:is(.is-sv-flag, .is-el-salvador-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/sv.svg"); +} +.ts-flag:is(.is-sx-flag, .is-sint-maarten-flag) { + background-image: url("./flags/4x3/sx.svg"); +} +.ts-flag:is(.is-sx-flag, .is-sint-maarten-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/sx.svg"); +} +.ts-flag:is(.is-sy-flag, .is-syria-flag) { + background-image: url("./flags/4x3/sy.svg"); +} +.ts-flag:is(.is-sy-flag, .is-syria-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/sy.svg"); +} +.ts-flag:is(.is-sz-flag, .is-swaziland-flag) { + background-image: url("./flags/4x3/sz.svg"); +} +.ts-flag:is(.is-sz-flag, .is-swaziland-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/sz.svg"); +} +.ts-flag:is(.is-tc-flag, .is-caicos-islands-flag) { + background-image: url("./flags/4x3/tc.svg"); +} +.ts-flag:is(.is-tc-flag, .is-caicos-islands-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/tc.svg"); +} +.ts-flag:is(.is-td-flag, .is-chad-flag) { + background-image: url("./flags/4x3/td.svg"); +} +.ts-flag:is(.is-td-flag, .is-chad-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/td.svg"); +} +.ts-flag:is(.is-tf-flag, .is-french-territories-flag) { + background-image: url("./flags/4x3/tf.svg"); +} +.ts-flag:is(.is-tf-flag, .is-french-territories-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/tf.svg"); +} +.ts-flag:is(.is-tg-flag, .is-togo-flag) { + background-image: url("./flags/4x3/tg.svg"); +} +.ts-flag:is(.is-tg-flag, .is-togo-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/tg.svg"); +} +.ts-flag:is(.is-th-flag, .is-thailand-flag) { + background-image: url("./flags/4x3/th.svg"); +} +.ts-flag:is(.is-th-flag, .is-thailand-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/th.svg"); +} +.ts-flag:is(.is-tj-flag, .is-tajikistan-flag) { + background-image: url("./flags/4x3/tj.svg"); +} +.ts-flag:is(.is-tj-flag, .is-tajikistan-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/tj.svg"); +} +.ts-flag:is(.is-tk-flag, .is-tokelau-flag) { + background-image: url("./flags/4x3/tk.svg"); +} +.ts-flag:is(.is-tk-flag, .is-tokelau-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/tk.svg"); +} +.ts-flag:is(.is-tl-flag, .is-timorleste-flag) { + background-image: url("./flags/4x3/tl.svg"); +} +.ts-flag:is(.is-tl-flag, .is-timorleste-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/tl.svg"); +} +.ts-flag:is(.is-tm-flag, .is-turkmenistan-flag) { + background-image: url("./flags/4x3/tm.svg"); +} +.ts-flag:is(.is-tm-flag, .is-turkmenistan-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/tm.svg"); +} +.ts-flag:is(.is-tn-flag, .is-tunisia-flag) { + background-image: url("./flags/4x3/tn.svg"); +} +.ts-flag:is(.is-tn-flag, .is-tunisia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/tn.svg"); +} +.ts-flag:is(.is-to-flag, .is-tonga-flag) { + background-image: url("./flags/4x3/to.svg"); +} +.ts-flag:is(.is-to-flag, .is-tonga-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/to.svg"); +} +.ts-flag:is(.is-tr-flag, .is-turkey-flag) { + background-image: url("./flags/4x3/tr.svg"); +} +.ts-flag:is(.is-tr-flag, .is-turkey-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/tr.svg"); +} +.ts-flag:is(.is-tt-flag, .is-trinidad-flag) { + background-image: url("./flags/4x3/tt.svg"); +} +.ts-flag:is(.is-tt-flag, .is-trinidad-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/tt.svg"); +} +.ts-flag:is(.is-tv-flag, .is-tuvalu-flag) { + background-image: url("./flags/4x3/tv.svg"); +} +.ts-flag:is(.is-tv-flag, .is-tuvalu-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/tv.svg"); +} +.ts-flag:is(.is-tw-flag, .is-taiwan-flag, .is-republic-of-china-flag, .is-formosa-flag) { + background-image: url("./flags/4x3/tw.svg"); +} +.ts-flag:is(.is-tw-flag, .is-taiwan-flag, .is-republic-of-china-flag, .is-formosa-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/tw.svg"); +} +.ts-flag:is(.is-tz-flag, .is-tanzania-flag) { + background-image: url("./flags/4x3/tz.svg"); +} +.ts-flag:is(.is-tz-flag, .is-tanzania-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/tz.svg"); +} +.ts-flag:is(.is-ua-flag, .is-ukraine-flag) { + background-image: url("./flags/4x3/ua.svg"); +} +.ts-flag:is(.is-ua-flag, .is-ukraine-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ua.svg"); +} +.ts-flag:is(.is-ug-flag, .is-uganda-flag) { + background-image: url("./flags/4x3/ug.svg"); +} +.ts-flag:is(.is-ug-flag, .is-uganda-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ug.svg"); +} +.ts-flag:is(.is-um-flag, .is-us-minor-islands-flag) { + background-image: url("./flags/4x3/um.svg"); +} +.ts-flag:is(.is-um-flag, .is-us-minor-islands-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/um.svg"); +} +.ts-flag:is(.is-un-flag, .is-united-nations-flag) { + background-image: url("./flags/4x3/un.svg"); +} +.ts-flag:is(.is-un-flag, .is-united-nations-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/un.svg"); +} +.ts-flag:is(.is-us-flag, .is-united-states-flag, .is-america-flag, .is-usa-flag) { + background-image: url("./flags/4x3/us.svg"); +} +.ts-flag:is(.is-us-flag, .is-united-states-flag, .is-america-flag, .is-usa-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/us.svg"); +} +.ts-flag:is(.is-uy-flag, .is-uruguay-flag) { + background-image: url("./flags/4x3/uy.svg"); +} +.ts-flag:is(.is-uy-flag, .is-uruguay-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/uy.svg"); +} +.ts-flag:is(.is-uz-flag, .is-uzbekistan-flag) { + background-image: url("./flags/4x3/uz.svg"); +} +.ts-flag:is(.is-uz-flag, .is-uzbekistan-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/uz.svg"); +} +.ts-flag:is(.is-va-flag, .is-vatican-city-flag) { + background-image: url("./flags/4x3/va.svg"); +} +.ts-flag:is(.is-va-flag, .is-vatican-city-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/va.svg"); +} +.ts-flag:is(.is-vc-flag, .is-saint-vincent-flag) { + background-image: url("./flags/4x3/vc.svg"); +} +.ts-flag:is(.is-vc-flag, .is-saint-vincent-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/vc.svg"); +} +.ts-flag:is(.is-ve-flag, .is-venezuela-flag) { + background-image: url("./flags/4x3/ve.svg"); +} +.ts-flag:is(.is-ve-flag, .is-venezuela-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ve.svg"); +} +.ts-flag:is(.is-vg-flag, .is-british-virgin-islands-flag) { + background-image: url("./flags/4x3/vg.svg"); +} +.ts-flag:is(.is-vg-flag, .is-british-virgin-islands-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/vg.svg"); +} +.ts-flag:is(.is-vi-flag, .is-us-virgin-islands-flag) { + background-image: url("./flags/4x3/vi.svg"); +} +.ts-flag:is(.is-vi-flag, .is-us-virgin-islands-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/vi.svg"); +} +.ts-flag:is(.is-vn-flag, .is-vietnam-flag) { + background-image: url("./flags/4x3/vn.svg"); +} +.ts-flag:is(.is-vn-flag, .is-vietnam-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/vn.svg"); +} +.ts-flag:is(.is-vu-flag, .is-vanuatu-flag) { + background-image: url("./flags/4x3/vu.svg"); +} +.ts-flag:is(.is-vu-flag, .is-vanuatu-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/vu.svg"); +} +.ts-flag:is(.is-wf-flag, .is-wallis-and-futuna-flag, .is-wallis-flag, .is-futuna-flag) { + background-image: url("./flags/4x3/wf.svg"); +} +.ts-flag:is(.is-wf-flag, .is-wallis-and-futuna-flag, .is-wallis-flag, .is-futuna-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/wf.svg"); +} +.ts-flag:is(.is-ws-flag, .is-samoa-flag) { + background-image: url("./flags/4x3/ws.svg"); +} +.ts-flag:is(.is-ws-flag, .is-samoa-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ws.svg"); +} +.ts-flag:is(.is-ye-flag, .is-yemen-flag) { + background-image: url("./flags/4x3/ye.svg"); +} +.ts-flag:is(.is-ye-flag, .is-yemen-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/ye.svg"); +} +.ts-flag:is(.is-yt-flag, .is-mayotte-flag) { + background-image: url("./flags/4x3/yt.svg"); +} +.ts-flag:is(.is-yt-flag, .is-mayotte-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/yt.svg"); +} +.ts-flag:is(.is-za-flag, .is-south-africa-flag) { + background-image: url("./flags/4x3/za.svg"); +} +.ts-flag:is(.is-za-flag, .is-south-africa-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/za.svg"); +} +.ts-flag:is(.is-zm-flag, .is-zambia-flag) { + background-image: url("./flags/4x3/zm.svg"); +} +.ts-flag:is(.is-zm-flag, .is-zambia-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/zm.svg"); +} +.ts-flag:is(.is-zw-flag, .is-zimbabwe-flag) { + background-image: url("./flags/4x3/zw.svg"); +} +.ts-flag:is(.is-zw-flag, .is-zimbabwe-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/zw.svg"); +} +.ts-flag:is(.is-zz-flag, .is-unknown-flag) { + background-image: url("./flags/4x3/zz.svg"); +} +.ts-flag:is(.is-zz-flag, .is-unknown-flag):is(.is-squared, .is-circular) { + background-image: url("./flags/1x1/zz.svg"); +} +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-statistic { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-statistic { + display: flex; + color: inherit; + gap: 0.5rem; + align-items: center; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-statistic .value { + display: inline-flex; + font-size: var(--ts-relative-massive); + font-weight: 500; + line-height: 1.4; + align-items: center; + color: var(--accent-color, inherit); +} + +.ts-statistic .unit { + font-size: var(--ts-relative-medium); + color: var(--ts-gray-600); +} + +.ts-statistic .comparison { + font-size: var(--ts-relative-medium); + display: flex; + align-items: center; + justify-content: center; + color: var(--ts-gray-600); +} + +.ts-statistic .comparison::before { + font-family: "Icons"; + margin-right: 0.35rem; + margin-top: 2px; + font-size: 1rem; +} + +.ts-statistic .ts-icon { + font-size: var(--ts-relative-massive); + margin-right: 0.5rem; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Aligns + */ + +.ts-statistic.is-start-aligned > .value { + justify-content: flex-start; +} + +.ts-statistic.is-center-aligned > .value { + justify-content: center; +} + +/** + * Centered + */ + +.ts-statistic.is-centered { + display: flex; + align-items: center; + justify-content: center; +} + +/** + * Text + */ + +.ts-statistic > .value.is-text { + font-size: 1em; + min-height: calc(2.125rem + 0.3rem); +} + +/** + * Comparisons + */ + +.ts-statistic .comparison.is-increased::before { + content: "\f0d8"; +} + +.ts-statistic .comparison.is-decreased::before { + content: "\f0d7"; +} + +.ts-statistic.is-increased .value::before, +.ts-statistic.is-decreased .value::before { + font-family: "Icons"; + margin-right: 0.5rem; +} + +.ts-statistic.is-increased .value::before { + content: "\f0d8"; +} + +.ts-statistic.is-decreased .value::before { + content: "\f0d7"; +} + +/** + * Fluid + */ + +.ts-statistic.is-fluid { + width: 100%; +} + +/** + * Sizes + */ + +.ts-statistic.is-mini.is-mini.is-mini { + font-size: 0.8125rem; +} + +.ts-statistic.is-tiny.is-tiny.is-tiny { + font-size: 0.875rem; +} + +.ts-statistic.is-small.is-small.is-small { + font-size: 0.9375rem; +} + +.ts-statistic.is-large.is-large.is-large { + font-size: 1.125rem; +} + +.ts-statistic.is-big.is-big.is-big { + font-size: 1.375rem; +} + +.ts-statistic.is-huge.is-huge.is-huge { + font-size: 1.75rem; +} + +.ts-statistic.is-massive.is-massive.is-massive { + font-size: 2rem; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-app-sidebar { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-app-sidebar { + margin-right: 1.5rem; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-app-sidebar .item { + padding: 0.7rem 1.5rem; + display: flex; + font-weight: 500; + color: var(--ts-gray-800); + text-decoration: none; +} + +.ts-app-sidebar .header { + font-weight: bold; + padding: 0.75rem 1.5rem; + font-size: var(--ts-font-size-15px); + color: var(--ts-gray-500); +} + +.ts-app-sidebar .item + .header { + margin-top: 1.5rem; +} + +.ts-app-sidebar .item .ts-icon { + margin-right: 1rem; + font-size: 1.1em; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Active + */ + +.ts-app-sidebar .item.is-active { + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); + border-radius: 0px 100rem 100rem 0; +} + +/** + * Disabled + */ + +.ts-app-sidebar .item.is-disabled { + opacity: 0.5; + pointer-events: none; + user-select: none; +} + +/** + * Dense + */ + +.ts-app-sidebar.is-dense .item { + padding-top: 0.4rem; + padding-bottom: 0.4rem; +} + +.ts-app-sidebar.is-dense .item + .header { + margin-top: 0.5rem; +} + +.ts-app-sidebar.is-dense .header { + padding-top: 0.45rem; + padding-bottom: 0.45rem; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-app-navbar { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-app-navbar { + display: inline-flex; + align-items: center; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-app-navbar .item { + color: var(--ts-gray-500); + text-decoration: none; + text-align: center; + display: inline-flex; + gap: 0.3rem; + align-items: center; + justify-content: center; + flex-direction: column; + border-radius: 0.4rem; + + margin: 0 0; + padding-left: 1rem; + padding-right: 1rem; + font-weight: 500; + font-size: 14px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-tap-highlight-color: transparent; +} + +.ts-app-navbar .item .ts-icon { + line-height: 1.2; + font-size: 1.2rem; +} + +.ts-app-navbar .item .label { + line-height: 1; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Fluid + */ + +.ts-app-navbar.is-fluid { + display: flex; +} + +.ts-app-navbar.is-fluid .item { + flex: 1; +} + +/** + * Unlabeled + */ + +.ts-app-navbar.is-unlabeled .item:not(.is-active) .label { + display: none; +} + +/** + * Active + */ + +.ts-app-navbar .item.is-active { + color: var(--accent-color, var(--ts-gray-800)); +} + +.ts-app-navbar .item.is-active .ts-icon { + --accent-color: inherit; + --accent-foreground-color: inherit; +} + +/** + * Disabled + */ + +.ts-app-navbar .item.is-disabled { + opacity: 0.5; + pointer-events: none; + user-select: none; +} + +/** + * Vertical + */ + +.ts-app-navbar.is-vertical { + flex-direction: column; +} + +.ts-app-navbar.is-vertical .item { + padding-top: 0.8rem; + padding-bottom: 0.8rem; + padding-left: 0; + padding-right: 0; +} + +.ts-app-navbar.is-vertical .item:first-child { + padding-top: 0; +} + +/** + * Indicated + */ + +.ts-app-navbar.is-indicated .item { + color: var(--ts-gray-800); +} + +.ts-app-navbar.is-indicated .item .ts-icon { + padding: 0.25rem 1rem; + line-height: 1.2; + font-size: 1.2rem; + display: flex; + min-height: 26px; + align-items: center; + justify-content: center; + width: auto; + border-radius: 100rem; +} + +.ts-app-navbar.is-indicated .item.is-active .ts-icon { + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); +} + +/** + * Dense + */ + +.ts-app-navbar.is-dense .item { + gap: 0.25rem; +} + +.ts-app-navbar.is-dense.is-indicated .item .ts-icon { + padding-top: 0.15rem; + padding-bottom: 0.15rem; + min-height: 25px; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-snackbar { + background: var(--ts-static-gray-800); + color: var(--ts-white); + display: inline-flex; + padding: 0.35rem 1rem; + border-radius: 0.4rem; + font-size: var(--ts-absolute-small); +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-snackbar .content { + margin: 0.25rem 0; +} + +.ts-snackbar .action { + border: none; + margin: 0; + padding: 0; + width: auto; + overflow: visible; + background: transparent; + color: inherit; + font: inherit; + line-height: normal; + border-radius: 0; + outline: none; + box-sizing: border-box; + user-select: none; + + margin-right: -0.5rem; + + -webkit-font-smoothing: inherit; + -moz-osx-font-smoothing: inherit; + appearance: none; + -webkit-appearance: none; + + margin-left: 2rem; + + align-self: flex-start; + padding: 0.65em 1em; + font-weight: 500; + line-height: 1; + white-space: nowrap; + color: var(--ts-primary-400); + border-radius: 0.4rem; + font-size: var(--ts-absolute-small); + cursor: pointer; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Negative + */ + +.ts-snackbar .action.is-negative { + color: var(--ts-negative-500); +} + +/* ========================================================================== + Variables + ========================================================================== */ + +/* ========================================================================== + Base + ========================================================================== */ + +details.ts-accordion { + color: inherit; + box-sizing: border-box; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +details.ts-accordion summary { + list-style-type: none; +} + +details.ts-accordion summary::-webkit-details-marker { + display: none; +} + +details.ts-accordion summary::marker { + display: none; +} + +details.ts-accordion summary { + display: flex; + align-items: center; + user-select: none; + cursor: pointer; +} + +details.ts-accordion summary::before { + font-family: "Icons"; + font-weight: normal; + font-style: normal; + display: inline; + text-decoration: inherit; + text-align: center; + width: 1.18em; + -webkit-font-smoothing: antialiased; + backface-visibility: hidden; + display: block; + margin-right: 0.7rem; + color: var(--ts-gray-600); + transform: rotate(270deg); + content: "\f078"; + line-height: 1; + font-size: 14px; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Open + */ + +details.ts-accordion[open] summary::before { + transform: rotate(0deg); +} + +details.ts-accordion[open] summary { + margin-bottom: 0.5rem; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +/* ========================================================================== + Base + ========================================================================== */ + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-mask { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: rgb(0 0 0 / 50%); + color: var(--ts-gray-50); + z-index: 101; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Vertical Aligns + */ + +.ts-mask.is-top { + top: 0; + bottom: initial; +} + +.ts-mask.is-middle { + top: 50%; + transform: translateY(-50%); + bottom: initial; +} + +.ts-mask.is-bottom { + bottom: 0; + top: initial; +} + +/** + * Blurring + */ + +.ts-mask.is-blurring { + backdrop-filter: blur(3px); +} + +/** + * Secondary + */ + +.ts-mask.is-secondary { + background: transparent; + color: var(--ts-gray-800); +} + +/** + * Faded + */ + +.ts-mask.is-faded.is-top { + background: linear-gradient(to bottom, rgb(0 0 0 / 50%) 0%, rgba(0, 0, 0, 0) 100%); +} + +.ts-mask.is-faded.is-bottom { + background: linear-gradient(to top, rgb(0 0 0 / 50%) 0%, rgba(0, 0, 0, 0) 100%); +} + +/* ========================================================================== + Variables + ========================================================================== */ + +@keyframes ts-placeholder-shimmer { + 0% { + background-position: -1000px 0; + } + 100% { + background-position: 1000px 0; + } +} + +@keyframes ts-placeholder-blink { + 30% { + opacity: 0; + } +} + +/* ========================================================================== + Base + ========================================================================== */ + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-placeholder .text, +.ts-placeholder .image.is-header::after, +.ts-placeholder .image.is-header::before, +.ts-placeholder .image { + background: var(--ts-gray-200); + height: 0.8em; + width: 45%; + margin: 0.8em 0; +} + +.ts-placeholder:first-child > *:first-child { + margin-top: 0; +} + +.ts-placeholder:last-child > *:last-child { + margin-bottom: 0; +} + +.ts-placeholder .image { + height: 150px; + width: 100%; +} + +.ts-placeholder .text:nth-child(1) { + width: 43%; +} +.ts-placeholder .text:nth-child(2) { + width: 78%; +} +.ts-placeholder .text:nth-child(3) { + width: 70%; +} +.ts-placeholder .text:nth-child(4) { + width: 80%; +} +.ts-placeholder .text:nth-child(5) { + width: 60%; +} +.ts-placeholder .text:nth-child(6) { + width: 44%; +} +.ts-placeholder .text:nth-child(7) { + width: 63%; +} +.ts-placeholder .text:nth-child(8) { + width: 49%; +} +.ts-placeholder .text:nth-child(9) { + width: 72%; +} +.ts-placeholder .text:nth-child(10) { + width: 61%; +} +.ts-placeholder .text:nth-child(11) { + width: 45%; +} +.ts-placeholder .text:nth-child(12) { + width: 55%; +} +.ts-placeholder .text:nth-child(13) { + width: 56%; +} +.ts-placeholder .text:nth-child(14) { + width: 57%; +} +.ts-placeholder .text:nth-child(15) { + width: 73%; +} +.ts-placeholder .text:nth-child(16) { + width: 59%; +} +.ts-placeholder .text:nth-child(17) { + width: 47%; +} +.ts-placeholder .text:nth-child(18) { + width: 77%; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Header + */ + +.ts-placeholder .text.is-header { + background: var(--ts-gray-300); +} + +.ts-placeholder .image.is-header { + width: 36px; + height: 36px; + position: static; +} + +.ts-placeholder .image.is-header::after, +.ts-placeholder .image.is-header::before { + position: absolute; + content: ""; + margin: 0; +} + +.ts-placeholder .image.is-header::after { + top: 0; + left: calc(36px + 1rem); + width: 65%; + background: var(--ts-gray-300); +} + +.ts-placeholder .image.is-header::before { + top: 25px; + left: calc(36px + 1rem); + width: 55%; +} + +/** + * Preparing + */ + +.ts-placeholder.is-preparing .text, +.ts-placeholder.is-preparing .text.is-header, +.ts-placeholder.is-preparing .image.is-header::after, +.ts-placeholder.is-preparing .image.is-header::before, +.ts-placeholder.is-preparing .image { + animation-duration: 1.8s; + animation-fill-mode: alternate; + animation-iteration-count: infinite; + animation-name: ts-placeholder-blink; + animation-timing-function: linear; +} + +/** + * Loading + */ + +.ts-placeholder.is-loading .text, +.ts-placeholder.is-loading .text.is-header, +.ts-placeholder.is-loading .image.is-header::after, +.ts-placeholder.is-loading .image.is-header::before, +.ts-placeholder.is-loading .image { + animation-duration: 1.2s; + animation-fill-mode: forwards; + animation-iteration-count: infinite; + animation-name: ts-placeholder-shimmer; + animation-timing-function: linear; + + background: linear-gradient(to right, var(--ts-gray-200) 8%, var(--ts-gray-300) 18%, var(--ts-gray-200) 33%); + background-size: 1000px 200px; +} + +.ts-placeholder.is-loading .text.is-header { + background: linear-gradient(to right, var(--ts-gray-300) 8%, var(--ts-gray-400) 18%, var(--ts-gray-300) 33%); + background-size: 1000px 200px; +} + +/** + * Rounded + */ + +.ts-placeholder.is-rounded * { + border-radius: 0.4rem; +} + +/** + * Widthes + */ + +.ts-placeholder .text.is-short { + width: 30%; +} +.ts-placeholder .text.is-very-short { + width: 30%; +} +.ts-placeholder .text.is-extra-short { + width: 20%; +} +.ts-placeholder .text.is-long { + width: 70%; +} +.ts-placeholder .text.is-very-long { + width: 80%; +} +.ts-placeholder .text.is-extra-long { + width: 90%; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-header { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-header { + font-weight: 500; + font-size: var(--ts-font-size-17px); + color: var(--accent-color, inherit); + line-height: 1.6; + display: flex; + align-items: center; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +a.ts-header { + text-decoration: none; +} + +a.ts-header:hover { + text-decoration: underline; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Truncated + */ + +.ts-header.is-truncated { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; +} + +/** + * Negative + */ + +.ts-header.is-negative { + color: var(--ts-negative-600); +} + +/** + * Heavy + */ + +.ts-header.is-heavy { + font-weight: bold !important; +} + +/** + * Aligns + */ + +.ts-header.is-center-aligned { + text-align: center; + justify-content: center; +} +.ts-header.is-start-aligned { + text-align: left; + justify-content: flex-start; +} +.ts-header.is-end-aligned { + text-align: right; + justify-content: flex-end; +} + +/** + * Uppercased + */ + +.ts-header.is-uppercased { + text-transform: uppercase; +} + +/** + * Lowercased + */ + +.ts-header.is-lowercased { + text-transform: lowercase; +} + +/** + * Icon + */ + +.ts-header.is-icon { + text-align: center; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.ts-header.is-icon .ts-icon { + font-size: 3em; + width: auto; + line-height: 1; + margin-bottom: 0.5rem; +} + +/** + * Side Icon + */ + +.ts-header:is(.is-start-icon, .is-end-icon) .ts-icon { + font-size: 1.5em; +} + +.ts-header.is-start-icon .ts-icon { + margin-right: 0.5rem; +} + +.ts-header.is-end-icon .ts-icon { + margin-left: 0.5rem; +} + +/** + * Secondary + */ + +.ts-header.is-secondary { + color: var(--ts-gray-500); +} + +/** + * Sizes + */ + +.ts-header.is-large { + font-size: var(--ts-font-size-20px); +} +.ts-header.is-big { + font-size: var(--ts-font-size-24px); +} +.ts-header.is-huge { + font-size: var(--ts-font-size-30px); +} +.ts-header.is-massive { + font-size: var(--ts-font-size-33px); +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-segment { + --accent-color: initial; + --accent-foreground-color: initial; + --ts-indicator-color: var(--accent-color, var(--ts-gray-900)); +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-segment { + display: block; + text-decoration: none; + color: inherit; + border: 1px solid var(--ts-gray-300); + border-radius: 0.4rem; + overflow: hidden; + padding: 1rem; + box-sizing: border-box; + background: var(--ts-gray-50); +} + +a.ts-segment:hover { + border-color: var(--ts-gray-400); +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Collapsed + */ + +.ts-segment.is-collapsed { + width: fit-content; +} + +/** + * Indicated + */ + +.ts-segment.is-top-indicated { + border-top: 3px solid var(--ts-indicator-color); +} +.ts-segment.is-bottom-indicated { + border-bottom: 3px solid var(--ts-indicator-color); +} +.ts-segment.is-left-indicated { + border-left: 3px solid var(--ts-indicator-color); +} +.ts-segment.is-right-indicated { + border-right: 3px solid var(--ts-indicator-color); +} + +/** + * Secondary + */ + +.ts-segment.is-secondary { + background: var(--ts-gray-75); +} + +/** + * Tertiary + */ + +.ts-segment.is-tertiary { + background: var(--ts-gray-100); +} + +/** + * Aligns + */ + +.ts-segment.is-start-aligned { + text-align: left; +} + +.ts-segment.is-end-aligned { + text-align: right; +} + +.ts-segment.is-center-aligned { + text-align: center; +} + +/** + * Emphasises + */ + +.ts-segment[class*="-indicated"].is-negative { + --ts-indicator-color: var(--ts-negative-500); +} + +.ts-segment[class*="-indicated"].is-positive { + --ts-indicator-color: var(--ts-positive-500); +} + +.ts-segment[class*="-indicated"].is-warning { + --ts-indicator-color: var(--ts-warning-500); +} + +/** + * Elevated + */ + +.ts-segment.is-elevated { + box-shadow: 0px 1px 5px 0 #00000024; +} + +.ts-segment.is-very-elevated { + box-shadow: rgb(0 0 0 / 20%) 0px 3px 3px -2px, rgb(0 0 0 / 14%) 0px 3px 4px 0px, rgb(0 0 0 / 12%) 0px 1px 8px 0px; +} + +/** + * Padded + */ + +.ts-segment.is-padded { + padding: 1.5rem; +} +.ts-segment.is-horizontally-padded { + padding-left: 1.5rem; + padding-right: 1.5rem; +} +.ts-segment.is-vertically-padded { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} + +.ts-segment.is-very-padded { + padding: 3.5rem; +} +.ts-segment.is-horizontally-very-padded { + padding-left: 3.5rem; + padding-right: 3.5rem; +} +.ts-segment.is-vertically-very-padded { + padding-top: 3.5rem; + padding-bottom: 3.5rem; +} + +/** + * Dense + */ + +.ts-segment.is-dense { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-quote { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-quote { + padding-left: 3rem; + padding-top: 1rem; + color: inherit; +} + +.ts-quote::before { + content: "“"; + position: absolute; + top: 0em; + left: 0px; + font-size: 5rem; + font-family: Georgia, "Times New Roman", Times; + color: var(--accent-color, var(--ts-gray-300)); + line-height: 1; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-quote .cite { + font-style: normal; + color: var(--ts-gray-600); + margin-top: 1rem; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Heading + */ + +.ts-quote.is-heading { + font-size: var(--ts-font-size-20px); + font-weight: 500; + color: var(--ts-gray-800); + padding: 0; + text-align: center; +} + +.ts-quote.is-heading::before { + background: var(--accent-color, var(--ts-gray-100)); + color: var(--accent-foreground-color, var(--ts-gray-800)); + border-radius: 50%; + content: "”"; + display: block; + font-size: 3.3rem; + font-weight: bold; + line-height: 1.2; + margin: 0 auto .5rem auto; + text-align: center; + height: 2.6rem; + width: 2.6rem; + position: relative; +} + +.ts-quote.is-heading .cite { + font-size: 15px; + font-weight: normal; + margin-top: 0; +} + +/** + * Secondary + */ + +.ts-quote.is-secondary { + border-left: 5px solid var(--accent-color, var(--ts-gray-300)); + padding: 0 0 0 2rem; +} + +.ts-quote.is-secondary::before { + display: none; +} + +/** + * Sizes + */ + +.ts-quote.is-small { + font-size: var(--ts-font-size-14px); +} + +.ts-quote.is-large { + font-size: var(--ts-font-size-17px); +} + +/* ========================================================================== + Variables + ========================================================================== */ + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-app-layout { + display: flex; + flex-direction: row; + color: inherit; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-app-layout .cell { + overflow: auto; + flex-shrink: 0; + background: var(--ts-gray-50); +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Full + */ + +.ts-app-layout.is-full { + height: 100%; + width: 100%; +} + +/** + * Horizontal + */ + +.ts-app-layout.is-horizontal { + display: flex; + flex-direction: row; +} + +.ts-app-layout.is-horizontal > .cell:not(:last-child) { + border-right: 1px solid var(--ts-gray-300); +} + +.ts-app-layout .cell.is-horizontal { + display: flex; + flex-direction: row; +} + +.ts-app-layout .cell.is-horizontal > .cell:not(:last-child) { + border-right: 1px solid var(--ts-gray-300); +} + +/** + * Vertical + */ + +.ts-app-layout.is-vertical { + display: flex; + flex-direction: column; +} + +.ts-app-layout.is-vertical > .cell:not(:last-child) { + border-bottom: 1px solid var(--ts-gray-300); +} + +.ts-app-layout .cell.is-vertical { + display: flex; + flex-direction: column; +} + +.ts-app-layout .cell.is-vertical > .cell:not(:last-child) { + border-bottom: 1px solid var(--ts-gray-300); +} + +/** + * Scrollable + */ + +.ts-app-layout .cell.is-scrollable { + overflow-y: auto; +} + +/** + * Fluid + */ + +.ts-app-layout .cell.is-fluid { + flex: 1; + flex-shrink: 1; +} + +/** + * Secondary + */ + +.ts-app-layout .cell.is-secondary { + background: var(--ts-gray-75); +} + +/** + * Tertiary + */ + +.ts-app-layout .cell.is-tertiary { + background: var(--ts-gray-100); +} +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-avatar { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-avatar { + display: inline-flex; + width: 32px; + height: 32px; + border-radius: 0.4rem; + overflow: hidden; + align-items: center; + justify-content: center; + vertical-align: middle; + border: 1px solid transparent; + white-space: nowrap; + overflow: hidden; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-avatar img { + width: 100%; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Circular + */ + +.ts-avatar.is-circular, +.ts-avatar.is-circular img { + border-radius: 100rem; +} + +/** + * Text + */ + +.ts-avatar.is-text { + background: var(--accent-color, var(--ts-gray-200)); + display: inline-flex; + align-items: center; + justify-content: center; + color: var(--accent-foreground-color, var(--ts-gray-600)); + font-weight: 500; + font-size: 1.1rem; +} + +/** + * Bordered + */ + +.ts-avatar.is-bordered { + border-color: var(--ts-gray-300); +} + +/** + * Group + */ + +.ts-avatar.is-group { + height: initial; + width: initial; + justify-content: flex-end; + flex-direction: row-reverse; +} + +.ts-avatar.is-group .ts-avatar:not(:last-child) { + margin-inline-start: -0.6rem; +} + +/** + * Sizes + */ + +.ts-avatar.is-small { + width: 24px; + height: 24px; +} +.ts-avatar.is-large { + width: 48px; + height: 48px; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-wrap { + display: flex; + gap: 1rem; + flex-wrap: wrap; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Vertical + */ + +.ts-wrap.is-vertical { + flex-direction: column; +} + +/** + * Aligns + */ + +.ts-wrap.is-top-aligned { + align-items: flex-start; +} +.ts-wrap.is-middle-aligned { + align-items: center; +} +.ts-wrap.is-bottom-aligned { + align-items: flex-end; +} + +.ts-wrap.is-start-aligned { + justify-content: flex-start; +} +.ts-wrap.is-center-aligned { + justify-content: center; +} +.ts-wrap.is-end-aligned { + justify-content: flex-end; +} + +.ts-wrap.is-start-aligned.is-vertical { + align-items: flex-start; +} +.ts-wrap.is-center-aligned.is-vertical { + align-items: center; +} +.ts-wrap.is-end-aligned.is-vertical { + align-items: flex-end; +} + +/** + * Relaxed + */ + +.ts-wrap.is-relaxed { + gap: 2rem; +} + +/** + * Compact + */ + +.ts-wrap.is-compact { + gap: 0.5rem; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-container { + --ts-container-gap: 1rem; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-container { + margin: 0 auto; + padding: 0 var(--ts-container-gap); + max-width: 1180px; + width: 100%; + color: inherit; + box-sizing: border-box; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Fluid + */ + +.ts-container.is-padded { + --ts-container-gap: 2rem; +} +.ts-container.is-fitted { + --ts-container-gap: 0; +} + +/** + * Narrow + */ + +.ts-container.is-narrow { + max-width: 910px; +} +.ts-container.is-very-narrow { + max-width: 720px; +} + +/** + * Fluid + */ + +.ts-container.is-fluid { + max-width: 100%; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-control { + color: inherit; + display: grid; + grid-template-columns: 220px 1fr; + gap: 2rem; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-control .label { + word-break: break-all; + color: var(--ts-gray-800); + font-weight: 500; + text-align: right; + line-height: 2.4; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} + +.ts-control .content { + max-width: 75%; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Padded + */ + +.ts-control .content.is-padded { + padding-top: 0.45rem; +} + +/** + * Padded + */ + +.ts-control.is-stacked { + grid-template-columns: 1fr; + gap: 1rem; +} + +.ts-control.is-stacked .label { + text-align: left; + line-height: 1; +} + +.ts-control.is-stacked .content { + width: 100%; + max-width: 100%; +} + +/** + * Fluid + */ + +.ts-control .content.is-fluid { + max-width: initial; +} + +/** + * Aligns + */ + +.ts-control .label.is-start-aligned { + text-align: left; +} + +/** + * Wide + */ + +.ts-control.is-wide { + grid-template-columns: 150px 1fr; +} + +.ts-control.is-wide .content { + max-width: 90%; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-menu { + --object-distance: 0.8rem; + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-menu { + color: inherit; + display: flex; + flex-direction: column; +} + +.ts-menu .item { + font-family: inherit; + appearance: none; + border: unset; + font-size: inherit; + text-align: inherit; + background: transparent; + color: inherit; + line-height: 1; + text-decoration: none; + display: flex; + align-items: center; + padding: 0.8rem 1rem; + gap: var(--object-distance); +} + +.ts-menu .item .ts-icon { + font-size: 1.1em; +} + +.ts-menu .item .ts-badge { + margin-left: auto; + margin-top: -1px; +} + +.ts-menu .item .ts-avatar { + margin-top: -0.4rem; + margin-bottom: -0.4rem; +} + +.ts-menu .item .description { + font-size: var(--ts-relative-small); + color: var(--ts-gray-500); + + text-align: right; + margin-left: auto; + float: right; +} + +.ts-menu .item:hover { + cursor: pointer; + background: var(--ts-gray-75); +} + +.ts-menu .item :where(.ts-row, .ts-grid) { + flex: 1; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Active + */ + +.ts-menu .item.is-active { + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); +} + +/** + * Disabled + */ + +.ts-menu .item.is-disabled { + opacity: 0.5; + pointer-events: none; + user-select: none; +} + +/** + * Selected + */ + +.ts-menu .item.is-selected { + background: var(--accent-color, var(--ts-primary-700)); + color: var(--accent-foreground-color, var(--ts-white)); +} + +/** + * Separated + */ + +.ts-menu.is-separated { + gap: 0.25rem; +} + +.ts-menu.is-separated .item { + border-radius: 0.4rem; +} + +/** + * Icon + */ + +.ts-menu.is-start-icon .item .ts-icon { + min-width: 1rem; + text-align: center; + display: inline-block; + margin-top: 2px; +} + +.ts-menu.is-end-icon .item .ts-icon { + margin-left: auto; + min-width: 1rem; + text-align: center; + display: inline-block; + margin-top: 2px; +} + +/** + * Collapsed + */ + +.ts-menu.is-collapsed { + width: fit-content; +} + +/** + * Density + */ + +.ts-menu.is-relaxed .item { + padding-top: 1.1rem; + padding-bottom: 1.1rem; +} + +.ts-menu.is-dense .item { + padding-top: 0.65rem; + padding-bottom: 0.65rem; +} + +/** + * Sizes + */ + +.ts-menu.is-small { + font-size: var(--ts-font-size-14px); +} +.ts-menu.is-large { + font-size: var(--ts-font-size-16px); +} + +/** + * Horizontally Padded + */ + +.ts-menu.is-horizontally-padded .item { + padding-left: 1.5rem; + padding-right: 1.5rem; +} +.ts-menu.is-horizontally-very-padded .item { + padding-left: 3.5rem; + padding-right: 3.5rem; +} +/* ========================================================================== + Variables + ========================================================================== */ + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-checklist { + margin-right: 1.5rem; + display: flex; + gap: 0.5rem; + flex-direction: column; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-checklist .item { + color: var(--ts-gray-800); + text-decoration: none; + padding-left: 28px; +} + +.ts-checklist .item::before { + font-family: "Icons"; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + text-align: center; + -webkit-font-smoothing: antialiased; + backface-visibility: hidden; + font-size: var(--ts-font-size-12px); + border-radius: 100rem; + line-height: 1; + height: 20px; + width: 20px; + padding: 0.25rem; + display: inline-block; + transform: scale(0.9); + padding-top: 0.3rem; + padding-bottom: 0.1rem; + vertical-align: middle; + position: absolute; + left: 0; + top: 3px; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Positive + */ + +.ts-checklist .item.is-positive::before { + content: "\f00c"; + background: var(--ts-tonal-positive-400); + color: var(--ts-tonal-positive-800); +} + +/** + * Negative + */ + +.ts-checklist .item.is-negative::before { + content: "\f00d"; + background: var(--ts-tonal-negative-400); + color: var(--ts-tonal-negative-800); +} + +/** + * Added + */ + +.ts-checklist .item.is-added::before { + content: "\f067"; + background: var(--ts-tonal-positive-400); + color: var(--ts-tonal-positive-800); +} + +/** + * Removed + */ + +.ts-checklist .item.is-removed::before { + content: "\f068"; + background: var(--ts-tonal-negative-400); + color: var(--ts-tonal-negative-800); +} + +/** + * Info + */ + +.ts-checklist .item.is-info::before { + content: "\f129"; + background: var(--ts-tonal-primary-400); + color: var(--ts-tonal-primary-800); +} + +/** + * Info + */ + +.ts-checklist .item.is-warning::before { + content: "\21"; + background: var(--ts-tonal-warning-400); + color: var(--ts-tonal-warning-800); +} + +/* ========================================================================== + Variables + ========================================================================== */ + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-imageset { + display: grid; + gap: 1rem; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-imageset .item { + min-height: min-content; +} + +.ts-imageset .item img { + width: 100%; + height: 100%; + vertical-align: top; + object-fit: cover; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Images + */ + + /** 2 */ +.ts-imageset.is-2-images { + grid-template-columns: repeat(1, 1fr); +} + +/** 3 */ +.ts-imageset.is-3-images { + grid-template-columns: repeat(2, 1fr); + grid-template-rows: 1.777fr 1fr; +} + +.ts-imageset.ts-imageset.is-3-images .item:first-child { + grid-column: 1 / 3; +} + +/** 4 */ +.ts-imageset.is-4-images { + grid-template-columns: repeat(3, 1fr); + grid-template-rows: 1.777fr 1fr; +} + +.ts-imageset.ts-imageset.is-4-images .item:first-child { + grid-column: 1 / 4; +} +/** + * Portrait + */ + +.ts-imageset.is-portrait .item img { + object-position: top; +} + +/** 2 */ +.ts-imageset.is-portrait.is-2-images { + grid-template-columns: repeat(2, 1fr); +} + +/** 3 */ +.ts-imageset.is-portrait.is-3-images { + grid-template-columns: 1.4fr 1fr; + grid-template-rows: repeat(2, 1fr); +} + +.ts-imageset.is-portrait.is-3-images .item:first-child { + grid-row: 1 / 3; + grid-column: initial; +} + +/** 4 */ +.ts-imageset.is-portrait.is-4-images { + grid-template-columns: 1.4fr 1fr; + grid-template-rows: repeat(3, 1fr); +} + +.ts-imageset.is-portrait.is-4-images .item:first-child { + grid-row: 1 / 4; + grid-column: initial; +} + +/** + * Rounded + */ + +.ts-imageset.is-rounded .item img { + border-radius: 0.4rem; +} + +/** + * Circular + */ + +.ts-imageset.is-circular.is-portrait .item:first-child img { + border-top-left-radius: 0.4rem; + border-bottom-left-radius: 0.4rem; +} + +.ts-imageset.is-circular.is-portrait .item:nth-child(2) img { + border-top-right-radius: 0.4rem; +} + +.ts-imageset.is-circular.is-portrait .item:last-child img { + border-bottom-right-radius: 0.4rem; +} + +.ts-imageset.is-circular:not(.is-portrait) .item:first-child img { + border-top-right-radius: 0.4rem; + border-top-left-radius: 0.4rem; +} + +.ts-imageset.is-circular:not(.is-portrait) .item:nth-child(2) img { + border-bottom-left-radius: 0.4rem; +} + +.ts-imageset.is-circular:not(.is-portrait) .item:last-child img { + border-bottom-right-radius: 0.4rem; +} + +/** + * Relaxed + */ + +.ts-imageset.is-relaxed { + gap: 1.5rem; +} + +/** + * Compact + */ + +.ts-imageset.is-compact { + gap: 0.5rem; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-iconset { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-iconset { + display: flex; + gap: 1rem; + line-height: 1.7; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-iconset .ts-icon { + width: 3rem; + min-width: 3rem; + height: 3rem; + background: var(--accent-color, var(--ts-gray-100)); + color: var(--accent-foreground-color, inherit); + justify-content: center; + align-items: center; + font-size: 1.4rem; + display: flex; + border-radius: 0.4rem; +} + +.ts-iconset .content .title { + font-weight: 500; + line-height: 1.4; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Circular + */ + +.ts-iconset.is-circular .ts-icon { + border-radius: 100rem; +} + +/** + * Outlined + */ + +.ts-iconset.is-outlined .ts-icon { + background: transparent; + color: var(--accent-color, inherit); + border: 2px solid var(--ts-gray-300); + box-sizing: border-box; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-conversation { + display: flex; + gap: 1rem; + --brand-color: var(--ts-primary-600); +} + +/** + * Avatar + */ + +.ts-conversation .avatar img { + width: 40px; + border-radius: 0.4rem; +} + +/** + * Bubble + */ + +.ts-conversation .bubble { + background: var(--ts-gray-100); + border-radius: 0.4rem; + line-height: 1.5; + padding: 0.5rem 0.8rem; + font-size: var(--ts-font-size-14px); + overflow: hidden; +} + +/** Clearfix for meta */ +.ts-conversation .bubble::after { + content: ""; + display: block; + clear: both; +} + +/** + * Author + */ + +.ts-conversation .bubble .author { + font-weight: 500; + color: var(--brand-color); +} + +/** + * Meta + */ + +.ts-conversation .bubble .meta { + float: right; + line-height: 1.5; + bottom: -3px; + margin-left: 0.6rem; + display: inline-flex; + gap: 0.65rem; + align-items: center; + justify-content: flex-end; + font-size: var(--ts-font-size-14px); + color: var(--ts-gray-500); +} + +.ts-conversation .bubble .meta.is-floated { + position: absolute; + bottom: 0.5rem; + right: 0.5rem; + background: rgba(0, 0, 0, 0.2); + border-radius: 0.4rem; + padding: 0.1rem 0.4rem; + color: var(--ts-white); +} + +/** + * Text + */ + +.ts-conversation .bubble .text { + display: inline; +} + +.ts-conversation .bubble .text a { + color: var(--ts-link-700); +} + +/** + * Actions + */ + +/** + * Meta + */ + +/** + * Quote + */ + +.ts-conversation .bubble .quote { + --brand-color: var(--ts-positive-600); + border-left: 2px solid var(--brand-color); + margin: 0.5rem 0; + padding-left: 0.8rem; +} + +.ts-conversation .bubble .quote .author { + font-weight: 500; + color: var(--brand-color); +} + +/** + * Preview + */ + +.ts-conversation .bubble .preview { + padding-left: 0.8rem; + border-left: 2px solid var(--brand-color); + margin: 0.5rem 0; + display: flex; + flex-direction: column; + gap: 0.25rem; + + --brand-color: #1074c5; +} + +.ts-conversation .bubble .site { + font-weight: 500; + color: var(--brand-color); +} + +.ts-conversation .bubble .title { + font-weight: 500; +} + +.ts-conversation .bubble .embed { + overflow: hidden; + border-radius: 0.4rem; +} + +.ts-conversation .bubble .embed > * { + width: 100%; + object-fit: cover; + vertical-align: top; +} + +/** + * Object + */ + +.ts-conversation .bubble .object { + margin: 0.4rem -0.8rem; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * + */ + +.ts-conversation:is(.is-sent, .is-sending, .is-error, .is-read, .is-warning) .bubble .meta::after { + color: var(--ts-gray-500); + + font-family: "Icons"; + font-weight: normal; + font-style: normal; + + text-decoration: inherit; + text-align: center; + width: 1.18em; + -webkit-font-smoothing: antialiased; + backface-visibility: hidden; + + font-size: var(--ts-font-size-13px); +} + +.ts-conversation.is-sent .bubble .meta::after { + content: "\f00c"; +} + +.ts-conversation.is-sending .bubble .meta::after { + content: "\f017"; +} + +.ts-conversation.is-read .bubble .meta::after { + content: "\f560"; +} + +.ts-conversation.is-error .bubble .meta::after { + content: "\f071"; + color: var(--ts-negative-400); +} + +/** + * Self + */ + +.ts-conversation.is-self { + flex-direction: row-reverse; +} + +.ts-conversation.is-self .bubble { + background: #e8fbd1; + color: var(--ts-black); +} + +.ts-conversation.is-self .bubble .author { + color: #538e0b; +} + +.ts-conversation.is-self .bubble .meta, +.ts-conversation.is-self .bubble .meta::after { + color: #538e0b; +} + +/** + * Object Only + */ + +.ts-conversation.is-object-only .bubble { + padding: 0; +} + +.ts-conversation.is-object-only .bubble .object { + margin: 0; +} + +.ts-conversation.is-object-only .bubble .meta { + position: absolute; + bottom: 0.5rem; + right: 0.5rem; + background: rgba(0, 0, 0, 0.2); + border-radius: 0.4rem; + padding: 0.1rem 0.4rem; + color: var(--ts-white); +} + +.ts-conversation.is-object-only .bubble .meta::after { + color: var(--ts-white); +} + +/* ========================================================================== + Variables + ========================================================================== */ + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-modal { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgb(0 0 0 / 50%); + display: none; + align-items: center; + justify-content: center; + overflow-y: auto; + padding: 2rem 1rem; + z-index: 102; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-modal > .content { + background: var(--ts-gray-50); + border-radius: 0.4rem; + box-shadow: 0 0 20px rgb(0 0 0 / 10%); + width: 380px; + margin: auto; + overflow: hidden; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Active + */ + +.ts-modal.is-visible { + display: flex; +} + +/** + * Sizes + */ + +.ts-modal.is-small > .content { + width: 280px; +} + +.ts-modal.is-large > .content { + width: 580px; +} + +.ts-modal.is-big > .content { + width: 780px; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-gauge { + --length: 0.8; + --value: 0; + --size: 5rem; + --thickness: calc(var(--size) / 10); + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-gauge, +.ts-gauge .bar { + position: relative; + display: inline-grid; + height: var(--size); + width: var(--size); + + place-content: center; + border-radius: 9999px; + background-color: transparent; + vertical-align: middle; + box-sizing: content-box; +} + +.ts-gauge { + --value: 100; + + transform: rotate(216deg); +} + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-gauge::before, +.ts-gauge .bar::before { + position: absolute; + border-radius: 9999px; + content: ""; +} + +.ts-gauge .bar::before { + top: 0; + right: 0; + bottom: 0; + left: 0; + + background: conic-gradient(var(--accent-color, currentColor) calc(var(--value) * 1% * var(--length)), #0000 0); + -webkit-mask: radial-gradient(farthest-side, #0000 calc(99% - var(--thickness)), rgb(0 0 0 / 85%) calc(100% - var(--thickness))); + mask: radial-gradient(farthest-side, #0000 calc(99% - var(--thickness)), rgb(0 0 0 / 85%) calc(100% - var(--thickness))); +} + +.ts-gauge::before { + top: 0; + right: 0; + bottom: 0; + left: 0; + + -webkit-mask: radial-gradient(farthest-side, #f000 calc(99% - var(--thickness)), #0000001a calc(100% - var(--thickness))); + mask: radial-gradient(farthest-side, #f000 calc(99% - var(--thickness)), #0000001a calc(100% - var(--thickness))); + background: conic-gradient(currentColor calc(var(--value) * var(--length) * 1%), #0000 0); +} + +.ts-gauge .bar .text { + transform: rotate(-216deg); +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Circular + */ + +.ts-gauge.is-circular { + transform: initial; + --length: 1; +} + +.ts-gauge.is-circular .bar .text { + transform: initial; +} + +/** + * Uplifted + */ + +.ts-gauge.is-uplifted { + transform: rotate(180deg); + --length: 0.7; +} + +.ts-gauge.is-uplifted .bar .text { + transform: rotate(-180deg); +} + +/** + * Centered + */ + +.ts-gauge.is-centered { + margin: 0 auto; + display: grid; +} + +/** + * Sizes + */ + +.ts-gauge.is-small { + --size: 4rem; +} +.ts-gauge.is-large { + --size: 6rem; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-tooltip { + --ts-tooltip-x: 0; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-tooltip { + position: absolute; + background: var(--ts-gray-600); + padding: 0.1rem 0.35rem; + font-size: var(--ts-font-size-13px); + border-radius: 0.2rem; + color: var(--ts-gray-50); + visibility: hidden; + font-weight: normal; + z-index: 99; + max-width: calc(300px - 2rem); + margin: 0 15px; +} + +.ts-tooltip.is-visible { + visibility: visible; +} + +.ts-tooltip .arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.ts-tooltip[class*="is-bottom"] .arrow { + top: -4px; + border-width: 0 5px 5px; + border-bottom-color: var(--ts-gray-600); +} + +.ts-tooltip[class*="is-top"] .arrow { + bottom: -4px; + border-width: 5px 5px 0; + border-top-color: var(--ts-gray-600); +} + +.ts-tooltip[class$="start"] .arrow { + left: calc(10px); +} +.ts-tooltip[class$="end"] .arrow { + right: calc(10px); +} +.ts-tooltip:not([class$="start"]):not([class$="end"]) .arrow { + left: calc(var(--ts-tooltip-x) - 2.5px - 15px); +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-dropdown { + --object-distance: 0.8rem; + --ts-dropdown-min-width: initial; + --ts-dropdown-position: absolute; + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-dropdown { + position: var(--ts-dropdown-position); + display: none; + color: inherit; + flex-direction: column; + z-index: 100; + border: 1px solid var(--ts-gray-300); + border-radius: 0.4rem; + background: var(--ts-gray-50); + box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1); + font-size: var(--ts-font-size-14px); + padding: 0.2rem 0; + white-space: nowrap; + min-width: var(--ts-dropdown-min-width); +} + +.ts-dropdown > .item { + font-family: inherit; + appearance: none; + border: unset; + font-size: inherit; + text-align: inherit; + background: transparent; + color: inherit; + line-height: 1; + text-decoration: none; + display: flex; + align-items: center; + padding: 0.8rem 1rem; + gap: var(--object-distance); + padding-top: 0.65rem; + padding-bottom: 0.65rem; + min-width: 0; +} + +.ts-dropdown .item .ts-icon { + font-size: 1.1em; +} + +.ts-dropdown .item .ts-avatar { + margin-top: -0.4rem; + margin-bottom: -0.4rem; + margin-left: -0.2rem; +} + +.ts-dropdown .item .description { + font-size: var(--ts-relative-small); + color: var(--ts-gray-500); + + text-align: right; + margin-left: auto; + float: right; +} + +.ts-dropdown .item:hover { + cursor: pointer; + background: var(--ts-gray-75); +} + +.ts-dropdown .item :where(.ts-row, .ts-grid) { + flex: 1; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Active + */ + +.ts-dropdown .item.is-active { + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); +} + +/** + * Disabled + */ + +.ts-dropdown .item.is-disabled { + opacity: 0.5; + pointer-events: none; + user-select: none; +} + +/** + * Selected + */ + +.ts-dropdown .item.is-selected { + background: var(--accent-color, var(--ts-primary-700)); + color: var(--accent-foreground-color, var(--ts-white)); +} + +/** + * Separated + */ + +.ts-dropdown.is-separated { + gap: 0.25rem; + padding-left: 0.25rem; + padding-right: 0.25rem; +} + +.ts-dropdown.is-separated .item { + border-radius: 0.4rem; +} + +/** + * Icon + */ + +.ts-dropdown.is-start-icon .item .ts-icon { + min-width: 1rem; + text-align: center; + display: inline-block; + margin-top: 2px; +} + +.ts-dropdown.is-end-icon .item .ts-icon { + margin-left: auto; + min-width: 1rem; + text-align: center; + display: inline-block; + margin-top: 2px; +} + +/** + * Density + */ + +.ts-dropdown.is-relaxed .item { + padding-top: 0.8rem; + padding-bottom: 0.8rem; +} + +.ts-dropdown.is-dense .item { + padding-top: 0.55rem; + padding-bottom: 0.55rem; +} + +/** + * Sizes + */ + +.ts-dropdown.is-small { + font-size: var(--ts-font-size-13px); +} + +.ts-dropdown.is-large { + font-size: var(--ts-font-size-15px); +} + +/** + * Visible + */ + +.ts-dropdown.is-visible { + display: inline-flex; +} + +/** + * Scrollable + */ + +.ts-dropdown.is-scrollable { + overflow: auto; + overflow-x: hidden; +} + +/** (Below 766px) */ +@media screen and (max-width: 766px) { + .ts-dropdown.is-scrollable { + max-height: 10rem; + } +} + +/** (Above 766px) */ +@media screen and (min-width: 766px) { + .ts-dropdown.is-scrollable { + max-height: 15rem; + } +} + +/** (Above 993px) */ +@media screen and (min-width: 993px) { + .ts-dropdown.is-scrollable { + max-height: 19rem; + } +} + +/** + * Positions + */ + +.ts-dropdown.is-top-left { + bottom: calc(100% + 0.5rem); + left: 0; +} + +.ts-dropdown.is-bottom-left { + top: calc(100% + 0.5rem); + left: 0; +} + +.ts-dropdown.is-bottom-center { + left: 50%; + transform: translateX(-50%); + top: calc(100% + 0.5rem); +} + +.ts-dropdown.is-top-center { + left: 50%; + transform: translateX(-50%); + bottom: calc(100% + 0.5rem); +} + +.ts-dropdown.is-top-right { + bottom: calc(100% + 0.5rem); + right: 0; +} + +.ts-dropdown.is-bottom-right { + top: calc(100% + 0.5rem); + right: 0; +} + +.ts-dropdown.is-top { + bottom: calc(100% + 0.5rem); + left: 0; + right: 0; + min-width: min-content; +} + +.ts-dropdown.is-bottom { + top: calc(100% + 0.5rem); + left: 0; + right: 0; + min-width: min-content; +} + +/* ========================================================================== + Color Schemes + ========================================================================== */ + +html[data-scheme="light"], +.is-light, +html[data-scheme="dark"] .is-inverted { + color-scheme: light; + + --ts-gray-50: var(--ts-light-gray-50); + --ts-gray-75: var(--ts-light-gray-75); + --ts-gray-100: var(--ts-light-gray-100); + --ts-gray-200: var(--ts-light-gray-200); + --ts-gray-300: var(--ts-light-gray-300); + --ts-gray-400: var(--ts-light-gray-400); + --ts-gray-500: var(--ts-light-gray-500); + --ts-gray-600: var(--ts-light-gray-600); + --ts-gray-700: var(--ts-light-gray-700); + --ts-gray-800: var(--ts-light-gray-800); + --ts-gray-900: var(--ts-light-gray-900); + + --ts-tonal-positive-400: #cdffbe; + --ts-tonal-positive-800: #357016; + + --ts-tonal-negative-400: #ffbebe; + --ts-tonal-negative-800: #701616; + + --ts-tonal-primary-400: #d9edff; + --ts-tonal-primary-800: #005cde; + + --ts-tonal-warning-400: #fff7ae; + --ts-tonal-warning-800: #866800; +} + +html[data-scheme="light"] .is-inverted, +.is-inverted, +html[data-scheme="dark"], +.is-dark { + color-scheme: dark; + + --ts-gray-50: var(--ts-dark-gray-50); + --ts-gray-75: var(--ts-dark-gray-75); + --ts-gray-100: var(--ts-dark-gray-100); + --ts-gray-200: var(--ts-dark-gray-200); + --ts-gray-300: var(--ts-dark-gray-300); + --ts-gray-400: var(--ts-dark-gray-400); + --ts-gray-500: var(--ts-dark-gray-500); + --ts-gray-600: var(--ts-dark-gray-600); + --ts-gray-700: var(--ts-dark-gray-700); + --ts-gray-800: var(--ts-dark-gray-800); + --ts-gray-900: var(--ts-dark-gray-900); + + --ts-link-700: #8887ff; + + --ts-tonal-positive-400: #92d34f; + --ts-tonal-positive-800: #0e4600; + + --ts-tonal-negative-400: #d60000; + --ts-tonal-negative-800: #fff; + + --ts-tonal-primary-400: #0a6ffd; + --ts-tonal-primary-800: #ffffff; + + --ts-tonal-warning-400: #edff00; + --ts-tonal-warning-800: #463f00; +} + +html[data-scheme="light"] .is-dark-only, +html[data-scheme="dark"] .is-light-only { + display: none; +} + +@media (prefers-color-scheme: light) { + html:not([data-scheme="dark"]) .is-dark-only { + display: none; + } +} + +/** + * Dark + */ + +@media (prefers-color-scheme: dark) { + html:not([data-scheme="light"]) .is-light-only { + display: none; + } + .is-inverted { + color-scheme: light; + + --ts-gray-50: var(--ts-light-gray-50); + --ts-gray-75: var(--ts-light-gray-75); + --ts-gray-100: var(--ts-light-gray-100); + --ts-gray-200: var(--ts-light-gray-200); + --ts-gray-300: var(--ts-light-gray-300); + --ts-gray-400: var(--ts-light-gray-400); + --ts-gray-500: var(--ts-light-gray-500); + --ts-gray-600: var(--ts-light-gray-600); + --ts-gray-700: var(--ts-light-gray-700); + --ts-gray-800: var(--ts-light-gray-800); + --ts-gray-900: var(--ts-light-gray-900); + + --ts-tonal-positive-400: #cdffbe; + --ts-tonal-positive-800: #357016; + + --ts-tonal-negative-400: #ffbebe; + --ts-tonal-negative-800: #701616; + + --ts-tonal-primary-400: #d9edff; + --ts-tonal-primary-800: #005cde; + + --ts-tonal-warning-400: #fff7ae; + --ts-tonal-warning-800: #866800; + } +} + +/* ========================================================================== + Scales + ========================================================================== */ + +html[data-scale="small"], +html[data-scale="small"] body { + font-size: 14px; +} + +html[data-scale="large"], +html[data-scale="large"] body { + font-size: 16px; +} + +/* ========================================================================== + Background Color + ========================================================================== */ + +html[data-background="secondary"], +html[data-background="secondary"] body { + background-color: var(--ts-gray-75); +} + +/* ========================================================================== + Responsive + ========================================================================== */ + +/** + * Minimal + * (Below 766px) + */ + +@media screen and (max-width: 766px) { + .is-standard-only, + .is-maximal-only { + display: none !important; + } + + .is-not-minimal { + display: none !important; + } +} + +/** + * Not Minimal + * (Above 766px) + */ + +@media screen and (min-width: 766px) { + .is-minimal-only { + display: none !important; + } +} + +/** + * Minimal & Standard + * (Below 993px) + */ + +@media screen and (max-width: 993px) { + .is-maximal-only { + display: none !important; + } +} + +/** + * Standard + * (Above 766px & Below 993px) + */ + +@media screen and (min-width: 766px) and (max-width: 993px) { + .is-not-standard { + display: none !important; + } +} + +/** + * Maximal + * (Above 993px) + */ + +@media screen and (min-width: 993px) { + .is-minimal-only, + .is-standard-only { + display: none !important; + } + + .is-not-maximal { + display: none !important; + } +} + +/* ========================================================================== + Grid + ========================================================================== */ + +/** + * Wides + */ + +.ts-grid .column.is-1-minimal { + width: var(--ts-grid-1-wide); + max-width: var(--ts-grid-1-wide); +} +.ts-grid .column.is-2-minimal { + width: var(--ts-grid-2-wide); + max-width: var(--ts-grid-2-wide); +} +.ts-grid .column.is-3-minimal { + width: var(--ts-grid-3-wide); + max-width: var(--ts-grid-3-wide); +} +.ts-grid .column.is-4-minimal { + width: var(--ts-grid-4-wide); + max-width: var(--ts-grid-4-wide); +} +.ts-grid .column.is-5-minimal { + width: var(--ts-grid-5-wide); + max-width: var(--ts-grid-5-wide); +} +.ts-grid .column.is-6-minimal { + width: var(--ts-grid-6-wide); + max-width: var(--ts-grid-6-wide); +} +.ts-grid .column.is-7-minimal { + width: var(--ts-grid-7-wide); + max-width: var(--ts-grid-7-wide); +} +.ts-grid .column.is-8-minimal { + width: var(--ts-grid-8-wide); + max-width: var(--ts-grid-8-wide); +} +.ts-grid .column.is-9-minimal { + width: var(--ts-grid-9-wide); + max-width: var(--ts-grid-9-wide); +} +.ts-grid .column.is-10-minimal { + width: var(--ts-grid-10-wide); + max-width: var(--ts-grid-10-wide); +} +.ts-grid .column.is-11-minimal { + width: var(--ts-grid-11-wide); + max-width: var(--ts-grid-11-wide); +} +.ts-grid .column.is-12-minimal { + width: var(--ts-grid-12-wide); + max-width: var(--ts-grid-12-wide); +} +.ts-grid .column.is-13-minimal { + width: var(--ts-grid-13-wide); + max-width: var(--ts-grid-13-wide); +} +.ts-grid .column.is-14-minimal { + width: var(--ts-grid-14-wide); + max-width: var(--ts-grid-14-wide); +} +.ts-grid .column.is-15-minimal { + width: var(--ts-grid-15-wide); + max-width: var(--ts-grid-15-wide); +} +.ts-grid .column.is-16-minimal { + width: var(--ts-grid-16-wide); + max-width: var(--ts-grid-16-wide); +} + +/** + * Doubling + */ + +.ts-grid.is-2-columns.is-doubling > .column { + flex: var(--ts-grid-1-columns); + max-width: var(--ts-grid-1-columns); +} +.ts-grid.is-3-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-4-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-5-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-6-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-7-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-8-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-9-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-10-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} + +/** + * Minimal + * (Below 766px) + */ + +@media screen and (max-width: 766px) { + .ts-grid.is-stackable .column { + width: var(--ts-grid-16-wide); + max-width: var(--ts-grid-16-wide); + } +} + +/** + * Not Minimal + * (Above 766px) + */ + +@media screen and (min-width: 766px) { + /** + * Doubling + */ + + .ts-grid.is-2-columns.is-doubling > .column { + flex: var(--ts-grid-1-columns); + max-width: var(--ts-grid-1-columns); + } + .ts-grid.is-3-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); + } + .ts-grid.is-4-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); + } + .ts-grid.is-5-columns.is-doubling > .column { + flex: var(--ts-grid-3-columns); + max-width: var(--ts-grid-3-columns); + } + .ts-grid.is-6-columns.is-doubling > .column { + flex: var(--ts-grid-3-columns); + max-width: var(--ts-grid-3-columns); + } + .ts-grid.is-7-columns.is-doubling > .column { + flex: var(--ts-grid-3-columns); + max-width: var(--ts-grid-3-columns); + } + .ts-grid.is-8-columns.is-doubling > .column { + flex: var(--ts-grid-4-columns); + max-width: var(--ts-grid-4-columns); + } + .ts-grid.is-9-columns.is-doubling > .column { + flex: var(--ts-grid-4-columns); + max-width: var(--ts-grid-4-columns); + } + .ts-grid.is-10-columns.is-doubling > .column { + flex: var(--ts-grid-5-columns); + max-width: var(--ts-grid-5-columns); + } + + /** + * Wides + */ + + .ts-grid .column.is-1-standard { + width: var(--ts-grid-1-wide); + max-width: var(--ts-grid-1-wide); + } + .ts-grid .column.is-2-standard { + width: var(--ts-grid-2-wide); + max-width: var(--ts-grid-2-wide); + } + .ts-grid .column.is-3-standard { + width: var(--ts-grid-3-wide); + max-width: var(--ts-grid-3-wide); + } + .ts-grid .column.is-4-standard { + width: var(--ts-grid-4-wide); + max-width: var(--ts-grid-4-wide); + } + .ts-grid .column.is-5-standard { + width: var(--ts-grid-5-wide); + max-width: var(--ts-grid-5-wide); + } + .ts-grid .column.is-6-standard { + width: var(--ts-grid-6-wide); + max-width: var(--ts-grid-6-wide); + } + .ts-grid .column.is-7-standard { + width: var(--ts-grid-27wide); + max-width: var(--ts-grid-7-wide); + } + .ts-grid .column.is-8-standard { + width: var(--ts-grid-8-wide); + max-width: var(--ts-grid-8-wide); + } + .ts-grid .column.is-9-standard { + width: var(--ts-grid-9-wide); + max-width: var(--ts-grid-9-wide); + } + .ts-grid .column.is-10-standard { + width: var(--ts-grid-10-wide); + max-width: var(--ts-grid-10-wide); + } + .ts-grid .column.is-11-standard { + width: var(--ts-grid-11-wide); + max-width: var(--ts-grid-11-wide); + } + .ts-grid .column.is-12-standard { + width: var(--ts-grid-12-wide); + max-width: var(--ts-grid-12-wide); + } + .ts-grid .column.is-13-standard { + width: var(--ts-grid-13-wide); + max-width: var(--ts-grid-13-wide); + } + .ts-grid .column.is-14-standard { + width: var(--ts-grid-14-wide); + max-width: var(--ts-grid-14-wide); + } + .ts-grid .column.is-15-standard { + width: var(--ts-grid-15-wide); + max-width: var(--ts-grid-15-wide); + } + .ts-grid .column.is-16-standard { + width: var(--ts-grid-16-wide); + max-width: var(--ts-grid-16-wide); + } +} + +/** + * Maximal + * (Above 993px) + */ + +@media screen and (min-width: 993px) { + /** + * Doubling + */ + + .ts-grid.is-2-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); + } + .ts-grid.is-3-columns.is-doubling > .column { + flex: var(--ts-grid-3-columns); + max-width: var(--ts-grid-3-columns); + } + .ts-grid.is-4-columns.is-doubling > .column { + flex: var(--ts-grid-4-columns); + max-width: var(--ts-grid-4-columns); + } + .ts-grid.is-5-columns.is-doubling > .column { + flex: var(--ts-grid-5-columns); + max-width: var(--ts-grid-5-columns); + } + .ts-grid.is-6-columns.is-doubling > .column { + flex: var(--ts-grid-6-columns); + max-width: var(--ts-grid-6-columns); + } + .ts-grid.is-7-columns.is-doubling > .column { + flex: var(--ts-grid-7-columns); + max-width: var(--ts-grid-7-columns); + } + .ts-grid.is-8-columns.is-doubling > .column { + flex: var(--ts-grid-8-columns); + max-width: var(--ts-grid-8-columns); + } + .ts-grid.is-9-columns.is-doubling > .column { + flex: var(--ts-grid-9-columns); + max-width: var(--ts-grid-9-columns); + } + .ts-grid.is-10-columns.is-doubling > .column { + flex: var(--ts-grid-10-columns); + max-width: var(--ts-grid-10-columns); + } + + /** + * Wides + */ + + .ts-grid .column.is-1-maximal { + width: var(--ts-grid-1-wide); + max-width: var(--ts-grid-1-wide); + } + .ts-grid .column.is-2-maximal { + width: var(--ts-grid-2-wide); + max-width: var(--ts-grid-2-wide); + } + .ts-grid .column.is-3-maximal { + width: var(--ts-grid-3-wide); + max-width: var(--ts-grid-3-wide); + } + .ts-grid .column.is-4-maximal { + width: var(--ts-grid-4-wide); + max-width: var(--ts-grid-4-wide); + } + .ts-grid .column.is-5-maximal { + width: var(--ts-grid-5-wide); + max-width: var(--ts-grid-5-wide); + } + .ts-grid .column.is-6-maximal { + width: var(--ts-grid-6-wide); + max-width: var(--ts-grid-6-wide); + } + .ts-grid .column.is-7-maximal { + width: var(--ts-grid-7-wide); + max-width: var(--ts-grid-7-wide); + } + .ts-grid .column.is-8-maximal { + width: var(--ts-grid-8-wide); + max-width: var(--ts-grid-8-wide); + } + .ts-grid .column.is-9-maximal { + width: var(--ts-grid-9-wide); + max-width: var(--ts-grid-9-wide); + } + .ts-grid .column.is-10-maximal { + width: var(--ts-grid-10-wide); + max-width: var(--ts-grid-10-wide); + } + .ts-grid .column.is-11-maximal { + width: var(--ts-grid-11-wide); + max-width: var(--ts-grid-11-wide); + } + .ts-grid .column.is-12-maximal { + width: var(--ts-grid-12-wide); + max-width: var(--ts-grid-12-wide); + } + .ts-grid .column.is-13-maximal { + width: var(--ts-grid-13-wide); + max-width: var(--ts-grid-13-wide); + } + .ts-grid .column.is-14-maximal { + width: var(--ts-grid-14-wide); + max-width: var(--ts-grid-14-wide); + } + .ts-grid .column.is-15-maximal { + width: var(--ts-grid-15-wide); + max-width: var(--ts-grid-15-wide); + } + .ts-grid .column.is-16-maximal { + width: var(--ts-grid-16-wide); + max-width: var(--ts-grid-16-wide); + } +} + +/* ========================================================================== + Accordion + ========================================================================== */ + +*:not(details).ts-accordion { + color: inherit; + box-sizing: border-box; +} + +*:not(details).ts-accordion .title { + display: flex; + align-items: center; + user-select: none; + cursor: pointer; +} + +*:not(details).ts-accordion .title::before { + font-family: "Icons"; + font-weight: normal; + font-style: normal; + display: inline; + text-decoration: inherit; + text-align: center; + width: 1.18em; + -webkit-font-smoothing: antialiased; + backface-visibility: hidden; + display: block; + margin-right: 0.7rem; + color: var(--ts-gray-600); + transform: rotate(270deg); + content: "\f078"; + line-height: 1; + font-size: 14px; +} + +*:not(details).ts-accordion .content { + display: none; + margin: 1rem 0 0; +} + +*:not(details).ts-accordion.is-active .content { + display: block; +} + +*:not(details).ts-accordion.is-active .title::before { + transform: rotate(0deg); +} +/** + * Padded + */ + +.u-padded { + padding: 1rem; +} +.u-horizontally-padded { + padding-left: 1rem; + padding-right: 1rem; +} +.u-vertically-padded { + padding-top: 1rem; + padding-bottom: 1rem; +} + +.u-very-padded { + padding: 1.5rem; +} +.u-horizontally-very-padded { + padding-left: 1.5rem; + padding-right: 1.5rem; +} +.u-vertically-very-padded { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} + +/** + * Spaced + */ + +.u-spaced { + margin: 1rem; +} +.u-horizontally-spaced { + margin-left: 1rem; + margin-right: 1rem; +} +.u-vertically-spaced { + margin-top: 1rem; + margin-bottom: 1rem; +} + +.u-very-spaced { + margin: 1.5rem; +} +.u-horizontally-very-spaced { + margin-left: 1.5rem; + margin-right: 1.5rem; +} +.u-vertically-very-spaced { + margin-top: 1.5rem; + margin-bottom: 1.5rem; +} + +/** + * Hidden + */ + +.u-hidden { + display: none !important; +} +.u-invisible { + visibility: hidden !important; +} + +/** + * Edged + */ + +.u-edged { + border-left: 0 !important; + border-right: 0 !important; + border-radius: 0 !important; +} + +/** + * Accent + */ + +.is-accent { + --accent-color: var(--ts-accent-color); + --accent-foreground-color: var(--ts-accent-foreground-color); +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-app-topbar { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-app-topbar { + display: grid; + grid-template-columns: 1fr auto 1fr; + padding: 0.5rem 1rem; + line-height: 1; + background: var(--accent-color, var(--ts-static-gray-900)); + color: var(--accent-foreground-color, var(--ts-white)); + min-height: 50px; + align-items: center; + gap: 0.5rem; +} + +.ts-app-topbar :is(.start, .end, .center) > .item { + border-radius: 100em; + text-decoration: none; + width: 38px; + height: 38px; + display: flex; + font-size: var(--ts-font-size-17px); + align-items: center; + justify-content: center; + margin-top: -0.1rem; + margin-bottom: -0.1rem; +} + +.ts-app-topbar :is(.start, .end, .center) .item.is-text { + font-size: var(--ts-font-size-16px); + font-weight: 500; + width: auto; + height: auto; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + border-radius: 0; + margin: 0; + display: block; + margin-top: -1px; +} + +.ts-app-topbar :is(.start, .end) { + display: flex; + align-items: center; + gap: 0.25rem; +} + +.ts-app-topbar .start { + justify-content: flex-start; + grid-column: 1 / 2; +} + +.ts-app-topbar .start > .item:not(.is-text):first-child { + margin-left: -0.75rem; +} + +.ts-app-topbar .center { + justify-content: center; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + grid-column: 2 / 3; +} + +.ts-app-topbar .end { + justify-content: flex-end; + grid-column: 3 / 3; +} + +.ts-app-topbar .end > .item:not(.is-text):last-child { + margin-right: -0.75rem; +} + +.ts-app-topbar .content { + grid-column: 1 / 4; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-app-drawer { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgb(0 0 0 / 50%); + display: none; + overflow-y: auto; + z-index: 102; +} + +/* ========================================================================== + Base + ========================================================================== */ + +/* ========================================================================== + Structure + ========================================================================== */ + +.ts-app-drawer > .content { + background: var(--ts-gray-50); + box-shadow: 0 0 20px rgb(0 0 0 / 10%); + width: 380px; + overflow: hidden; +} + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Visible + */ + +.ts-app-drawer.is-visible { + display: flex; +} + +/** + * Positions + */ + +.ts-app-drawer.is-bottom { + align-items: flex-end; + justify-content: center; +} + +.ts-app-drawer.is-bottom .content { + width: 100%; +} + +.ts-app-drawer.is-right { + justify-content: flex-end; +} + +.ts-app-drawer.is-left { + justify-content: flex-start; +} + +/** + * Sizes + */ + +.ts-app-drawer.is-small > .content { + width: 280px; +} + +.ts-app-drawer.is-large > .content { + width: 580px; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-timeline { + --ts-timeline-top-line-height: 14px; + --ts-timeline-top-distance: calc(var(--ts-timeline-top-line-height) + 2px); + --ts-timeline-content-distance: 1rem; + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-timeline { + display: grid; + grid-template-columns: min-content min-content auto; + gap: 0rem 1rem; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +/** + * Item + */ + +.ts-timeline > .item { + display: contents; +} + +.ts-timeline > .item.is-secondary { + --ts-timeline-top-line-height: 2px; + --ts-timeline-top-distance: calc(var(--ts-timeline-top-line-height) - 4px); +} + +.ts-timeline > .item:first-child, +.ts-timeline > .item.is-break + .item { + --ts-timeline-top-distance: 0; +} + +/** + * Aside + */ + +.ts-timeline > .item .aside { + margin-top: var(--ts-timeline-top-distance); + margin-bottom: 0.5rem; + white-space: nowrap; + text-align: right; +} + +/** + * Indicator + */ + +.ts-timeline > .item .indicator { + display: flex; + flex-direction: column; + align-items: center; + gap: 2px; + grid-column: 1 / 3; +} + +.ts-timeline > .item .aside + .indicator { + grid-column: 2 / 3; +} + +.ts-timeline > .item.is-break + .item.is-secondary .indicator, +.ts-timeline > .item.is-secondary:first-child .indicator { + margin-top: 6px; +} + +.ts-timeline > .item .indicator::before { + display: block; + content: ""; + background: var(--ts-gray-300); + pointer-events: none; + min-height: var(--ts-timeline-top-line-height); + width: 2px; +} + +.ts-timeline > .item .indicator::after { + display: block; + flex: 1; + content: ""; + background: var(--ts-gray-300); + pointer-events: none; + min-height: 0; + height: 100%; + width: 2px; +} + +.ts-timeline > .item:last-child .indicator::after { + display: none; +} + +.ts-timeline > .item:first-child .indicator::before, +.ts-timeline > .item.is-break + .item .indicator::before { + display: none; +} + +.ts-timeline > .item:last-child .content, +.ts-timeline > .item.is-break + .item .content { + margin-bottom: 0; +} + +/** + * Content + */ + +.ts-timeline > .item .content { + flex: 1; + margin-top: var(--ts-timeline-top-distance); + margin-bottom: var(--ts-timeline-content-distance); +} + +/** + * Break + */ + +.ts-timeline > .item.is-break { + display: flex; + grid-column: 1 / 4; + height: 4px; + background: var(--ts-gray-300); +} + +.ts-timeline > .item.is-break:not(:last-child) { + margin-bottom: var(--ts-timeline-content-distance); +} + + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Icon Indicator + */ + +.ts-timeline > .item .indicator .ts-icon { + aspect-ratio: 1/1; + width: 30px; + height: 30px; + font-size: var(--ts-font-size-14px); + display: flex; + align-items: center; + justify-content: center; + line-height: 1; + background: var(--ts-gray-100); + border-radius: 100rem; + color: var(--ts-gray-600); +} + +.ts-timeline > .item.is-secondary .indicator .ts-icon { + aspect-ratio: 1/1; + width: 16px; + height: 16px; + background: initial; +} + +.ts-timeline > .item .indicator.is-icon ~ .content::after { + width: 3px; + left: -45px; +} + +/** + * Negative + */ + +.ts-timeline > .item.is-negative .indicator .ts-icon { + background: var(--ts-negative-500); + color: var(--ts-white); +} + +.ts-timeline > .item.is-negative.is-secondary .indicator .ts-icon { + background: initial; + color: var(--ts-negative-500); +} + +/** + * Active + */ + +.ts-timeline > .item.is-active .indicator .ts-icon { + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); +} + +.ts-timeline > .item.is-active.is-secondary .indicator .ts-icon { + background: initial; + color: var(--ts-gray-800); +} + +/** + * Disabled + */ + +.ts-timeline > .item.is-disabled :is(.aside, .content, .indicator) { + pointer-events: none; + opacity: 0.5; + user-select: none; +} + +/** + * Compact + */ + +.ts-timeline.is-compact { + --ts-timeline-content-distance: 0.5rem; +} + +/* ========================================================================== + Variables + ========================================================================== */ + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-stash { + position: absolute; + top: 0; + left: 0; + width: calc(100% - var(--ts-stash-offset, 5px)); + visibility: hidden; + pointer-events: none; + flex-wrap: nowrap; + overflow: hidden; + white-space: nowrap; +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +/***/ + /* ========================================================================== Variables @@ -69,6 +19492,18 @@ html { --ts-white: #fff; --ts-black: #333; + /*--ts-accent-color: yellow;*/ + --ts-accent-foreground-color: var(--ts-white); + + --ts-breakpoint-mobile-min: 0px; + --ts-breakpoint-mobile-max: 767.98px; + --ts-breakpoint-tablet-min: 768px; + --ts-breakpoint-tablet-max: 1023.98px; + --ts-breakpoint-desktop-min: 1024px; + --ts-breakpoint-desktop-max: 1279.98px; + --ts-breakpoint-widescreen-min: 1280px; + --ts-breakpoint-widescreen-max: 9999px; + --ts-light-gray-50: rgb(255, 255, 255); --ts-light-gray-75: rgb(250, 250, 250); --ts-light-gray-100: rgb(242, 242, 242); @@ -229,9 +19664,9 @@ html { */ html, -html[data-scheme="light"], -.is-light, -html[data-scheme="dark"] .is-inverted { +html.is-light, +.u-light, +html.is-dark .u-inverted { color-scheme: light; --ts-gray-50: var(--ts-light-gray-50); @@ -251,12 +19686,18 @@ html[data-scheme="dark"] .is-inverted { --ts-tonal-negative-400: #ffbebe; --ts-tonal-negative-800: #701616; + + --ts-tonal-primary-400: #d9edff; + --ts-tonal-primary-800: #005cde; + + --ts-tonal-warning-400: #fff7ae; + --ts-tonal-warning-800: #866800; } -html[data-scheme="light"] .is-inverted, -.is-inverted, -html[data-scheme="dark"], -.is-dark { +html.is-light .u-inverted, +.u-inverted, +html.is-dark, +.u-dark { color-scheme: dark; --ts-gray-50: var(--ts-dark-gray-50); @@ -278,16 +19719,32 @@ html[data-scheme="dark"], --ts-tonal-negative-400: #d60000; --ts-tonal-negative-800: #fff; + + --ts-tonal-primary-400: #0a6ffd; + --ts-tonal-primary-800: #ffffff; + + --ts-tonal-warning-400: #edff00; + --ts-tonal-warning-800: #463f00; } -html[data-scheme="light"] .is-dark-only, -html[data-scheme="dark"] .is-light-only { - display: none; +/** + * Hidden + */ + +html.is-light .u-light-hidden, +html.is-dark .u-dark-hidden { + display: none !important; } @media (prefers-color-scheme: light) { - .is-dark-only { - display: none; + html:not(.is-dark) .u-light-hidden { + display: none !important; + } +} + +@media (prefers-color-scheme: dark) { + html:not(.is-light) .u-dark-hidden { + display: none !important; } } @@ -296,9 +19753,6 @@ html[data-scheme="dark"] .is-light-only { */ @media (prefers-color-scheme: dark) { - .is-light-only { - display: none; - } html { color-scheme: dark; @@ -328,8 +19782,14 @@ html[data-scheme="dark"] .is-light-only { --ts-tonal-negative-400: #d60000; --ts-tonal-negative-800: #fff; + + --ts-tonal-primary-400: #0a6ffd; + --ts-tonal-primary-800: #ffffff; + + --ts-tonal-warning-400: #edff00; + --ts-tonal-warning-800: #463f00; } - .is-inverted { + .u-inverted { color-scheme: light; --ts-gray-50: var(--ts-light-gray-50); @@ -349,6 +19809,12 @@ html[data-scheme="dark"] .is-light-only { --ts-tonal-negative-400: #ffbebe; --ts-tonal-negative-800: #701616; + + --ts-tonal-primary-400: #d9edff; + --ts-tonal-primary-800: #005cde; + + --ts-tonal-warning-400: #fff7ae; + --ts-tonal-warning-800: #866800; } } @@ -356,13 +19822,13 @@ html[data-scheme="dark"] .is-light-only { Scales ========================================================================== */ -html[data-scale="small"], -html[data-scale="small"] body { +html.is-small, +html.is-small body { font-size: 14px; } -html[data-scale="large"], -html[data-scale="large"] body { +html.is-large, +html.is-large body { font-size: 16px; } @@ -370,76 +19836,7 @@ html[data-scale="large"] body { Background Color ========================================================================== */ -html[data-background="secondary"], -html[data-background="secondary"] body { +html.is-secondary, +html.is-secondary body { background-color: var(--ts-gray-75); } - -/* ========================================================================== - Responsive - ========================================================================== */ - -/** - * Minimal - * (Below 766px) - */ - -@media screen and (max-width: 766px) { - .is-standard-only, - .is-maximal-only { - display: none !important; - } - - .is-not-minimal { - display: none !important; - } -} - -/** - * Not Minimal - * (Above 766px) - */ - -@media screen and (min-width: 766px) { - .is-minimal-only { - display: none !important; - } -} - -/** - * Minimal & Standard - * (Below 993px) - */ - -@media screen and (max-width: 993px) { - .is-maximal-only { - display: none !important; - } -} - -/** - * Standard - * (Above 766px & Below 993px) - */ - -@media screen and (min-width: 766px) and (max-width: 993px) { - .is-not-standard { - display: none !important; - } -} - -/** - * Maximal - * (Above 993px) - */ - -@media screen and (min-width: 993px) { - .is-minimal-only, - .is-standard-only { - display: none !important; - } - - .is-not-maximal { - display: none !important; - } -} diff --git a/docs/zh-tw/assets/tocas/tocas.js b/docs/zh-tw/assets/tocas/tocas.js new file mode 100644 index 000000000..254e6804e --- /dev/null +++ b/docs/zh-tw/assets/tocas/tocas.js @@ -0,0 +1,957 @@ +window.tocas = { + config: { + strict_responsive: false, + attributes: { + tab: "data-tab", + tab_name: "data-name", + toggle: "data-toggle", + toggle_name: "data-name", + dropdown: "data-dropdown", + dropdown_name: "data-name", + dropdown_position: "data-position", + tooltip: "data-tooltip", + tooltip_position: "data-position", + tooltip_delay: "data-delay", + }, + scopes: { + tab: "@scope", + toggle: "@scope", + tab: "@scope", + dropdown: "@scope", + container: "@container", + }, + classes: { + hidden: "u-hidden", + tab_active: "is-active", + tooltip_visible: "is-visible", + tab: "ts-tab", + }, + }, +}; + +// +(function () { + // 1.2.2 + +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).TocasFloatingUICore={})}(this,(function(t){"use strict";function e(t){return t.split("-")[1]}function n(t){return"y"===t?"height":"width"}function i(t){return t.split("-")[0]}function o(t){return["top","bottom"].includes(i(t))?"x":"y"}function r(t,r,a){let{reference:l,floating:s}=t;const f=l.x+l.width/2-s.width/2,c=l.y+l.height/2-s.height/2,u=o(r),m=n(u),d=l[m]/2-s[m]/2,g="x"===u;let p;switch(i(r)){case"top":p={x:f,y:l.y-s.height};break;case"bottom":p={x:f,y:l.y+l.height};break;case"right":p={x:l.x+l.width,y:c};break;case"left":p={x:l.x-s.width,y:c};break;default:p={x:l.x,y:l.y}}switch(e(r)){case"start":p[u]-=d*(a&&g?-1:1);break;case"end":p[u]+=d*(a&&g?-1:1)}return p}function a(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function l(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function s(t,e){var n;void 0===e&&(e={});const{x:i,y:o,platform:r,rects:s,elements:f,strategy:c}=t,{boundary:u="clippingAncestors",rootBoundary:m="viewport",elementContext:d="floating",altBoundary:g=!1,padding:p=0}=e,h=a(p),y=f[g?"floating"===d?"reference":"floating":d],x=l(await r.getClippingRect({element:null==(n=await(null==r.isElement?void 0:r.isElement(y)))||n?y:y.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(f.floating)),boundary:u,rootBoundary:m,strategy:c})),w="floating"===d?{...s.floating,x:i,y:o}:s.reference,v=await(null==r.getOffsetParent?void 0:r.getOffsetParent(f.floating)),b=await(null==r.isElement?void 0:r.isElement(v))&&await(null==r.getScale?void 0:r.getScale(v))||{x:1,y:1},R=l(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:w,offsetParent:v,strategy:c}):w);return{top:(x.top-R.top+h.top)/b.y,bottom:(R.bottom-x.bottom+h.bottom)/b.y,left:(x.left-R.left+h.left)/b.x,right:(R.right-x.right+h.right)/b.x}}const f=Math.min,c=Math.max;function u(t,e,n){return c(t,f(e,n))}const m=["top","right","bottom","left"],d=m.reduce(((t,e)=>t.concat(e,e+"-start",e+"-end")),[]),g={left:"right",right:"left",bottom:"top",top:"bottom"};function p(t){return t.replace(/left|right|bottom|top/g,(t=>g[t]))}function h(t,i,r){void 0===r&&(r=!1);const a=e(t),l=o(t),s=n(l);let f="x"===l?a===(r?"end":"start")?"right":"left":"start"===a?"bottom":"top";return i.reference[s]>i.floating[s]&&(f=p(f)),{main:f,cross:p(f)}}const y={start:"end",end:"start"};function x(t){return t.replace(/start|end/g,(t=>y[t]))}function w(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function v(t){return m.some((e=>t[e]>=0))}function b(t){return"x"===t?"y":"x"}t.arrow=t=>({name:"arrow",options:t,async fn(i){const{element:r,padding:l=0}=t||{},{x:s,y:f,placement:c,rects:m,platform:d,elements:g}=i;if(null==r)return{};const p=a(l),h={x:s,y:f},y=o(c),x=n(y),w=await d.getDimensions(r),v="y"===y,b=v?"top":"left",R=v?"bottom":"right",A=v?"clientHeight":"clientWidth",P=m.reference[x]+m.reference[y]-h[y]-m.floating[x],T=h[y]-m.reference[y],O=await(null==d.getOffsetParent?void 0:d.getOffsetParent(r));let E=O?O[A]:0;E&&await(null==d.isElement?void 0:d.isElement(O))||(E=g.floating[A]||m.floating[x]);const D=P/2-T/2,L=p[b],k=E-w[x]-p[R],C=E/2-w[x]/2+D,B=u(L,C,k),H=null!=e(c)&&C!=B&&m.reference[x]/2-(Ce(n)===t)),...o.filter((n=>e(n)!==t))]:o.filter((t=>i(t)===t))).filter((i=>!t||e(i)===t||!!n&&x(i)!==i))}(p||null,w,y):y,R=await s(n,v),A=(null==(o=f.autoPlacement)?void 0:o.index)||0,P=b[A];if(null==P)return{};const{main:T,cross:O}=h(P,l,await(null==u.isRTL?void 0:u.isRTL(m.floating)));if(c!==P)return{reset:{placement:b[0]}};const E=[R[i(P)],R[T],R[O]],D=[...(null==(r=f.autoPlacement)?void 0:r.overflows)||[],{placement:P,overflows:E}],L=b[A+1];if(L)return{data:{index:A+1,overflows:D},reset:{placement:L}};const k=D.map((t=>{const n=e(t.placement);return[t.placement,n&&g?t.overflows.slice(0,2).reduce(((t,e)=>t+e),0):t.overflows[0],t.overflows]})).sort(((t,e)=>t[1]-e[1])),C=(null==(a=k.filter((t=>t[2].slice(0,e(t[0])?2:3).every((t=>t<=0))))[0])?void 0:a[0])||k[0][0];return C!==c?{data:{index:A+1,overflows:D},reset:{placement:C}}:{}}}},t.computePosition=async(t,e,n)=>{const{placement:i="bottom",strategy:o="absolute",middleware:a=[],platform:l}=n,s=a.filter(Boolean),f=await(null==l.isRTL?void 0:l.isRTL(e));let c=await l.getElementRects({reference:t,floating:e,strategy:o}),{x:u,y:m}=r(c,i,f),d=i,g={},p=0;for(let n=0;nt+"-"+a)),n&&(l=l.concat(l.map(x)))),l}(f,v,w,P));const O=[f,...T],E=await s(n,b),D=[];let L=(null==(o=a.flip)?void 0:o.overflows)||[];if(m&&D.push(E[R]),d){const{main:t,cross:e}=h(r,l,P);D.push(E[t],E[e])}if(L=[...L,{placement:r,overflows:D}],!D.every((t=>t<=0))){var k,C;const t=((null==(k=a.flip)?void 0:k.index)||0)+1,e=O[t];if(e)return{data:{index:t,overflows:L},reset:{placement:e}};let n=null==(C=L.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:C.placement;if(!n)switch(y){case"bestFit":{var B;const t=null==(B=L.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:B[0];t&&(n=t);break}case"initialPlacement":n=f}if(r!==n)return{reset:{placement:n}}}return{}}}},t.hide=function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(e){const{strategy:n="referenceHidden",...i}=t,{rects:o}=e;switch(n){case"referenceHidden":{const t=w(await s(e,{...i,elementContext:"reference"}),o.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:v(t)}}}case"escaped":{const t=w(await s(e,{...i,altBoundary:!0}),o.floating);return{data:{escapedOffsets:t,escaped:v(t)}}}default:return{}}}}},t.inline=function(t){return void 0===t&&(t={}),{name:"inline",options:t,async fn(e){const{placement:n,elements:r,rects:s,platform:u,strategy:m}=e,{padding:d=2,x:g,y:p}=t,h=l(u.convertOffsetParentRelativeRectToViewportRelativeRect?await u.convertOffsetParentRelativeRectToViewportRelativeRect({rect:s.reference,offsetParent:await(null==u.getOffsetParent?void 0:u.getOffsetParent(r.floating)),strategy:m}):s.reference),y=await(null==u.getClientRects?void 0:u.getClientRects(r.reference))||[],x=a(d);const w=await u.getElementRects({reference:{getBoundingClientRect:function(){if(2===y.length&&y[0].left>y[1].right&&null!=g&&null!=p)return y.find((t=>g>t.left-x.left&&gt.top-x.top&&p=2){if("x"===o(n)){const t=y[0],e=y[y.length-1],o="top"===i(n),r=t.top,a=e.bottom,l=o?t.left:e.left,s=o?t.right:e.right;return{top:r,bottom:a,left:l,right:s,width:s-l,height:a-r,x:l,y:r}}const t="left"===i(n),e=c(...y.map((t=>t.right))),r=f(...y.map((t=>t.left))),a=y.filter((n=>t?n.left===r:n.right===e)),l=a[0].top,s=a[a.length-1].bottom;return{top:l,bottom:s,left:r,right:e,width:e-r,height:s-l,x:r,y:l}}return h}},floating:r.floating,strategy:m});return s.reference.x!==w.reference.x||s.reference.y!==w.reference.y||s.reference.width!==w.reference.width||s.reference.height!==w.reference.height?{reset:{rects:w}}:{}}}},t.limitShift=function(t){return void 0===t&&(t={}),{options:t,fn(e){const{x:n,y:r,placement:a,rects:l,middlewareData:s}=e,{offset:f=0,mainAxis:c=!0,crossAxis:u=!0}=t,m={x:n,y:r},d=o(a),g=b(d);let p=m[d],h=m[g];const y="function"==typeof f?f(e):f,x="number"==typeof y?{mainAxis:y,crossAxis:0}:{mainAxis:0,crossAxis:0,...y};if(c){const t="y"===d?"height":"width",e=l.reference[d]-l.floating[t]+x.mainAxis,n=l.reference[d]+l.reference[t]-x.mainAxis;pn&&(p=n)}if(u){var w,v;const t="y"===d?"width":"height",e=["top","left"].includes(i(a)),n=l.reference[g]-l.floating[t]+(e&&(null==(w=s.offset)?void 0:w[g])||0)+(e?0:x.crossAxis),o=l.reference[g]+l.reference[t]+(e?0:(null==(v=s.offset)?void 0:v[g])||0)-(e?x.crossAxis:0);ho&&(h=o)}return{[d]:p,[g]:h}}}},t.offset=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(n){const{x:r,y:a}=n,l=await async function(t,n){const{placement:r,platform:a,elements:l}=t,s=await(null==a.isRTL?void 0:a.isRTL(l.floating)),f=i(r),c=e(r),u="x"===o(r),m=["left","top"].includes(f)?-1:1,d=s&&u?-1:1,g="function"==typeof n?n(t):n;let{mainAxis:p,crossAxis:h,alignmentAxis:y}="number"==typeof g?{mainAxis:g,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...g};return c&&"number"==typeof y&&(h="end"===c?-1*y:y),u?{x:h*d,y:p*m}:{x:p*m,y:h*d}}(n,t);return{x:r+l.x,y:a+l.y,data:l}}}},t.rectToClientRect=l,t.shift=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:r,placement:a}=e,{mainAxis:l=!0,crossAxis:f=!1,limiter:c={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...m}=t,d={x:n,y:r},g=await s(e,m),p=o(i(a)),h=b(p);let y=d[p],x=d[h];if(l){const t="y"===p?"bottom":"right";y=u(y+g["y"===p?"top":"left"],y,y-g[t])}if(f){const t="y"===h?"bottom":"right";x=u(x+g["y"===h?"top":"left"],x,x-g[t])}const w=c.fn({...e,[p]:y,[h]:x});return{...w,data:{x:w.x-n,y:w.y-r}}}}},t.size=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(n){const{placement:r,rects:a,platform:l,elements:u}=n,{apply:m=(()=>{}),...d}=t,g=await s(n,d),p=i(r),h=e(r),y="x"===o(r),{width:x,height:w}=a.floating;let v,b;"top"===p||"bottom"===p?(v=p,b=h===(await(null==l.isRTL?void 0:l.isRTL(u.floating))?"start":"end")?"left":"right"):(b=p,v="end"===h?"top":"bottom");const R=w-g[v],A=x-g[b];let P=R,T=A;if(y?T=f(x-g.right-g.left,A):P=f(w-g.bottom-g.top,R),!n.middlewareData.shift&&!h){const t=c(g.left,0),e=c(g.right,0),n=c(g.top,0),i=c(g.bottom,0);y?T=x-2*(0!==t||0!==e?t+e:c(g.left,g.right)):P=w-2*(0!==n||0!==i?n+i:c(g.top,g.bottom))}await m({...n,availableWidth:T,availableHeight:P});const O=await l.getDimensions(u.floating);return x!==O.width||w!==O.height?{reset:{rects:!0}}:{}}}},Object.defineProperty(t,"__esModule",{value:!0})})); + +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@floating-ui/core")):"function"==typeof define&&define.amd?define(["exports","@floating-ui/core"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).TocasFloatingUIDOM={},t.TocasFloatingUICore)}(this,(function(t,e){"use strict";function n(t){var e;return(null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function o(t){return n(t).getComputedStyle(t)}const i=Math.min,r=Math.max,l=Math.round;function c(t){const e=o(t);let n=parseFloat(e.width),i=parseFloat(e.height);const r=t.offsetWidth,c=t.offsetHeight,f=l(n)!==r||l(i)!==c;return f&&(n=r,i=c),{width:n,height:i,fallback:f}}function f(t){return h(t)?(t.nodeName||"").toLowerCase():""}let s;function u(){if(s)return s;const t=navigator.userAgentData;return t&&Array.isArray(t.brands)?(s=t.brands.map((t=>t.brand+"/"+t.version)).join(" "),s):navigator.userAgent}function a(t){return t instanceof n(t).HTMLElement}function d(t){return t instanceof n(t).Element}function h(t){return t instanceof n(t).Node}function p(t){if("undefined"==typeof ShadowRoot)return!1;return t instanceof n(t).ShadowRoot||t instanceof ShadowRoot}function g(t){const{overflow:e,overflowX:n,overflowY:i,display:r}=o(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+n)&&!["inline","contents"].includes(r)}function m(t){return["table","td","th"].includes(f(t))}function y(t){const e=/firefox/i.test(u()),n=o(t),i=n.backdropFilter||n.WebkitBackdropFilter;return"none"!==n.transform||"none"!==n.perspective||!!i&&"none"!==i||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter||["transform","perspective"].some((t=>n.willChange.includes(t)))||["paint","layout","strict","content"].some((t=>{const e=n.contain;return null!=e&&e.includes(t)}))}function w(){return/^((?!chrome|android).)*safari/i.test(u())}function x(t){return["html","body","#document"].includes(f(t))}function b(t){return d(t)?t:t.contextElement}const v={x:1,y:1};function L(t){const e=b(t);if(!a(e))return v;const n=e.getBoundingClientRect(),{width:o,height:i,fallback:r}=c(e);let f=(r?l(n.width):n.width)/o,s=(r?l(n.height):n.height)/i;return f&&Number.isFinite(f)||(f=1),s&&Number.isFinite(s)||(s=1),{x:f,y:s}}function T(t,o,i,r){var l,c;void 0===o&&(o=!1),void 0===i&&(i=!1);const f=t.getBoundingClientRect(),s=b(t);let u=v;o&&(r?d(r)&&(u=L(r)):u=L(t));const a=s?n(s):window,h=w()&&i;let p=(f.left+(h&&(null==(l=a.visualViewport)?void 0:l.offsetLeft)||0))/u.x,g=(f.top+(h&&(null==(c=a.visualViewport)?void 0:c.offsetTop)||0))/u.y,m=f.width/u.x,y=f.height/u.y;if(s){const t=n(s),e=r&&d(r)?n(r):r;let o=t.frameElement;for(;o&&r&&e!==t;){const t=L(o),e=o.getBoundingClientRect(),i=getComputedStyle(o);e.x+=(o.clientLeft+parseFloat(i.paddingLeft))*t.x,e.y+=(o.clientTop+parseFloat(i.paddingTop))*t.y,p*=t.x,g*=t.y,m*=t.x,y*=t.y,p+=e.x,g+=e.y,o=n(o).frameElement}}return e.rectToClientRect({width:m,height:y,x:p,y:g})}function O(t){return((h(t)?t.ownerDocument:t.document)||window.document).documentElement}function R(t){return d(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function P(t){return T(O(t)).left+R(t).scrollLeft}function E(t){if("html"===f(t))return t;const e=t.assignedSlot||t.parentNode||p(t)&&t.host||O(t);return p(e)?e.host:e}function C(t){const e=E(t);return x(e)?e.ownerDocument.body:a(e)&&g(e)?e:C(e)}function j(t,e){var o;void 0===e&&(e=[]);const i=C(t),r=i===(null==(o=t.ownerDocument)?void 0:o.body),l=n(i);return r?e.concat(l,l.visualViewport||[],g(i)?i:[]):e.concat(i,j(i))}function F(t,i,l){let c;if("viewport"===i)c=function(t,e){const o=n(t),i=O(t),r=o.visualViewport;let l=i.clientWidth,c=i.clientHeight,f=0,s=0;if(r){l=r.width,c=r.height;const t=w();(!t||t&&"fixed"===e)&&(f=r.offsetLeft,s=r.offsetTop)}return{width:l,height:c,x:f,y:s}}(t,l);else if("document"===i)c=function(t){const e=O(t),n=R(t),i=t.ownerDocument.body,l=r(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),c=r(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let f=-n.scrollLeft+P(t);const s=-n.scrollTop;return"rtl"===o(i).direction&&(f+=r(e.clientWidth,i.clientWidth)-l),{width:l,height:c,x:f,y:s}}(O(t));else if(d(i))c=function(t,e){const n=T(t,!0,"fixed"===e),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=a(t)?L(t):{x:1,y:1};return{width:t.clientWidth*r.x,height:t.clientHeight*r.y,x:i*r.x,y:o*r.y}}(i,l);else{const e={...i};if(w()){var f,s;const o=n(t);e.x-=(null==(f=o.visualViewport)?void 0:f.offsetLeft)||0,e.y-=(null==(s=o.visualViewport)?void 0:s.offsetTop)||0}c=e}return e.rectToClientRect(c)}function D(t,e){return a(t)&&"fixed"!==o(t).position?e?e(t):t.offsetParent:null}function S(t,e){const i=n(t);let r=D(t,e);for(;r&&m(r)&&"static"===o(r).position;)r=D(r,e);return r&&("html"===f(r)||"body"===f(r)&&"static"===o(r).position&&!y(r))?i:r||function(t){let e=E(t);for(;a(e)&&!x(e);){if(y(e))return e;e=E(e)}return null}(t)||i}function W(t,e,n){const o=a(e),i=O(e),r=T(t,!0,"fixed"===n,e);let l={scrollLeft:0,scrollTop:0};const c={x:0,y:0};if(o||!o&&"fixed"!==n)if(("body"!==f(e)||g(i))&&(l=R(e)),a(e)){const t=T(e,!0);c.x=t.x+e.clientLeft,c.y=t.y+e.clientTop}else i&&(c.x=P(i));return{x:r.left+l.scrollLeft-c.x,y:r.top+l.scrollTop-c.y,width:r.width,height:r.height}}const A={getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:l,strategy:c}=t;const s="clippingAncestors"===n?function(t,e){const n=e.get(t);if(n)return n;let i=j(t).filter((t=>d(t)&&"body"!==f(t))),r=null;const l="fixed"===o(t).position;let c=l?E(t):t;for(;d(c)&&!x(c);){const t=o(c),e=y(c);"fixed"===t.position?r=null:(l?e||r:e||"static"!==t.position||!r||!["absolute","fixed"].includes(r.position))?r=t:i=i.filter((t=>t!==c)),c=E(c)}return e.set(t,i),i}(e,this._c):[].concat(n),u=[...s,l],a=u[0],h=u.reduce(((t,n)=>{const o=F(e,n,c);return t.top=r(o.top,t.top),t.right=i(o.right,t.right),t.bottom=i(o.bottom,t.bottom),t.left=r(o.left,t.left),t}),F(e,a,c));return{width:h.right-h.left,height:h.bottom-h.top,x:h.left,y:h.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:o}=t;const i=a(n),r=O(n);if(n===r)return e;let l={scrollLeft:0,scrollTop:0},c={x:1,y:1};const s={x:0,y:0};if((i||!i&&"fixed"!==o)&&(("body"!==f(n)||g(r))&&(l=R(n)),a(n))){const t=T(n);c=L(n),s.x=t.x+n.clientLeft,s.y=t.y+n.clientTop}return{width:e.width*c.x,height:e.height*c.y,x:e.x*c.x-l.scrollLeft*c.x+s.x,y:e.y*c.y-l.scrollTop*c.y+s.y}},isElement:d,getDimensions:function(t){return a(t)?c(t):t.getBoundingClientRect()},getOffsetParent:S,getDocumentElement:O,getScale:L,async getElementRects(t){let{reference:e,floating:n,strategy:o}=t;const i=this.getOffsetParent||S,r=this.getDimensions;return{reference:W(e,await i(n),o),floating:{x:0,y:0,...await r(n)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===o(t).direction};Object.defineProperty(t,"arrow",{enumerable:!0,get:function(){return e.arrow}}),Object.defineProperty(t,"autoPlacement",{enumerable:!0,get:function(){return e.autoPlacement}}),Object.defineProperty(t,"detectOverflow",{enumerable:!0,get:function(){return e.detectOverflow}}),Object.defineProperty(t,"flip",{enumerable:!0,get:function(){return e.flip}}),Object.defineProperty(t,"hide",{enumerable:!0,get:function(){return e.hide}}),Object.defineProperty(t,"inline",{enumerable:!0,get:function(){return e.inline}}),Object.defineProperty(t,"limitShift",{enumerable:!0,get:function(){return e.limitShift}}),Object.defineProperty(t,"offset",{enumerable:!0,get:function(){return e.offset}}),Object.defineProperty(t,"shift",{enumerable:!0,get:function(){return e.shift}}),Object.defineProperty(t,"size",{enumerable:!0,get:function(){return e.size}}),t.autoUpdate=function(t,e,n,o){void 0===o&&(o={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:l=!0,animationFrame:c=!1}=o,f=i&&!c,s=f||r?[...d(t)?j(t):t.contextElement?j(t.contextElement):[],...j(e)]:[];s.forEach((t=>{f&&t.addEventListener("scroll",n,{passive:!0}),r&&t.addEventListener("resize",n)}));let u,a=null;if(l){let o=!0;a=new ResizeObserver((()=>{o||n(),o=!1})),d(t)&&!c&&a.observe(t),d(t)||!t.contextElement||c||a.observe(t.contextElement),a.observe(e)}let h=c?T(t):null;return c&&function e(){const o=T(t);!h||o.x===h.x&&o.y===h.y&&o.width===h.width&&o.height===h.height||n();h=o,u=requestAnimationFrame(e)}(),n(),()=>{var t;s.forEach((t=>{f&&t.removeEventListener("scroll",n),r&&t.removeEventListener("resize",n)})),null==(t=a)||t.disconnect(),a=null,c&&cancelAnimationFrame(u)}},t.computePosition=(t,n,o)=>{const i=new Map,r={platform:A,...o},l={...r.platform,_c:i};return e.computePosition(t,n,{...r,platform:l})},t.getOverflowAncestors=j,t.platform=A,Object.defineProperty(t,"__esModule",{value:!0})})); + + + /* ========================================================================== + Responsive + ========================================================================== */ + + class Responsive { + constructor() { + // 這個 ResizeObserver 會監聽所有 Container 的尺寸異動， + // 如果有異動就檢查裡面的所有響應式元素是否需要變動樣式。 + this.resize_observer = new ResizeObserver(entries => { + entries.forEach(entry => { + this.getAllContaineredElements(entry.target).forEach(element => { + this.check(element); + }); + }); + }); + } + + // attributeMutation + attributeMutation(mutation) { + // 如果有任何樣式異動，就馬上檢查這個元素的響應式渲染。 + // NOTE: 他目前會造成無限迴圈 :( + // this.check(mutation.target); + + // 如果這個元素被追加 Container 樣式，就把他視為容器來監聽尺寸異動， + // 但如果不再是 Container 的話，就從監聽裡移除。 + if (this.isContainer(mutation.target)) { + this.resize_observer.observe(mutation.target); + } else { + this.resize_observer.unobserve(mutation.target); + } + } + + // addedNodeMutation + addedNodeMutation(addedNode) { + // 如果這個追加的新元素帶有響應式樣式，就立即檢查響應式渲染。 + if (this.isResponsiveElement(addedNode)) { + this.check(addedNode); + } + + // 如果這個追加的新元素是一個 Container，就納入容器的尺寸監聽裡。 + if (this.isContainer(addedNode)) { + this.resize_observer.observe(addedNode); + } + } + + // getAllContaineredElements + getAllContaineredElements(container) { + return container.querySelectorAll(tocas.config.strict_responsive ? `[class^="@"]:is([class*=":is-"],[class*=":u-"])` : `[class^="@"][class*=":"]`); + } + + // getAllResponsiveElements + getAllResponsiveElements(container) { + return container.querySelectorAll(tocas.config.strict_responsive ? `[class*=":is-"],[class*=":u-"]` : `[class*=":"]`); + } + + // isContainer + isContainer(element) { + return element.matches(`[class~="${tocas.config.scopes.container}"]`); + } + + // isResponsiveElement + isResponsiveElement(element) { + return element.matches(tocas.config.strict_responsive ? `[class*=":is-"],[class*=":u-"]` : `[class*=":"]`); + } + + // hasResponsiveClass + hasResponsiveClass(class_name) { + return tocas.config.strict_responsive ? class_name.includes(":is-") || class_name.includes(":u-") : class_name.includes(":"); + } + + // windowResize + windowResize() { + this.getAllResponsiveElements(document).forEach(element => { + this.check(element); + }); + } + + // unit + unit(value) { + return parseInt(value, 10) || 0; + } + + // breakpointSize + breakpointSize(breakpoint, element) { + var style = window.getComputedStyle(element); + + return { + min: this.unit(style.getPropertyValue(`--ts-breakpoint-${breakpoint}-min`)), + max: this.unit(style.getPropertyValue(`--ts-breakpoint-${breakpoint}-max`)), + }; + } + + // rule + rule(rule, element) { + // 判斷規則有沒有 @ 開頭來看是不是一個 Container Query。 + // @breakpoint + var is_container_query = rule.startsWith("@"); + + // 判斷規則的結尾有沒有 + 來看是不是要求大於或等於這個中斷點。 + // breakpoint+, [size]+ + var is_equal_or_greater = rule.endsWith("+"); + + // 判斷規則的結尾有沒有 - 來看是不是要求小於或等於這個中斷點。 + // breakpoint-, [size]- + var is_equal_or_lesser = rule.endsWith("-"); + + // 判斷這個規則有沒有包含 [ 來看是不是一個自訂尺寸，不判斷開頭是因為開頭可能是 @ 一個 Container Query。 + // [size] + var is_custom_size = rule.includes("["); + + // 移除首要的 @ 符號。 + if (is_container_query) { + rule = rule.substring(1); + } + + // 移除結尾的 +, - 符號。 + if (is_equal_or_greater || is_equal_or_lesser) { + rule = rule.substring(0, rule.length - 1); + } + + // 移除首要跟結尾的 [ 跟 ] 符號。 + if (is_custom_size) { + rule = rule.substring(1).substring(0, rule.length - 1); + } + + // 從 breakpoint-breakpoint 結構中拆出 min, max 值，如果有的話。 + var [min_breakpoint, max_breakpoint] = rule.split("-"); + + // 如果是自訂尺寸的話，就直接把規則當作 Unit 去解析，不去讀元素的中斷點定義。 + if (is_custom_size) { + // 如果是大於或等於的定義，就從 Unit 裡面解析最小起始點，然後最大值設為 99999。 + // [size] + + if (is_equal_or_greater) { + return [this.unit(min_breakpoint), 99999]; + } + + // 如果是小於或等於的定義，最小值設為 0，然後 Unit 裡面的最小起始點就是目標最大值。 + // [size] - + if (is_equal_or_lesser) { + return [0, this.unit(min_breakpoint)]; + } + + // [minSize-maxSize] + return [this.unit(min_breakpoint), this.unit(max_breakpoint)]; + } + + // 從目前這個元素繼承的中斷點來搜尋最小的定義。 + var from = this.breakpointSize(min_breakpoint, element); + + // 如果這個規則有找到最大中斷點，那麼他就是 breakpoint-breakpoint 規則 + // 所以我們取得最大中斷點的像素定義，然後同時回傳最小跟最大的定義。 + if (max_breakpoint !== undefined) { + return [from.min, this.breakpointSize(max_breakpoint, element).max]; + } + + // 如果是大於或等於的定義，就從繼承的定義裡取得最小起始點，然後最大值設為 99999。 + // breakpoint+ + if (is_equal_or_greater) { + return [from.min, 99999]; + } + + // 如果是小於或等於的定義，最小值設為 0，然後繼承的定義裡，最小起始點就是目標最大值。 + // breakpoint- + if (is_equal_or_lesser) { + return [0, from.max]; + } + + // 如果這個定義不是大於也不是小於，就取得這個中斷點的最小與最大值定義， + // 這個規則只會在這個中斷點生效。 + // breakpoint + return [from.min, from.max]; + } + + // compile + compile(element) { + return Array.from(element.classList) + .filter(class_name => this.hasResponsiveClass(class_name)) + .map(class_name => { + // 透過 `:` 來切分規則跟想要切換的樣式名稱。 + var [rule, target_class] = class_name.split(":"); + + // 從規則解析這個樣式的中斷點起始與結束定義。 + var [min, max] = this.rule(rule, element); + + // 如果這個規則開頭有個 @ 符號，就尋找最近的 Container 容器來作為寬度判斷， + // 但如果沒有，就以視窗的 innerWidth 為主。 + // @breakpoint + var width = rule.startsWith("@") ? Math.round(element.closest(`[class~="${tocas.config.scopes.container}"]`).getBoundingClientRect().width) : Math.round(window.innerWidth); + + return { + min, + max, + width, + target_class, + }; + }); + } + + // check + check(element) { + // 這個陣列會用來記得我們在目前中斷點有哪些樣式是生效的， + // 這樣遇到不相符的中斷點，就不會因為起衝突然後又把他們移除掉。 + var applieds = []; + + // 篩選這個元素所有不含響應規則的樣式並且先把需要的樣式計算出相關中繼點來做整理。 + var compiled_list = this.compile(element); + + // 先跑一輪符合目前中斷點的樣式。 + compiled_list.forEach(({ width, min, max, target_class }) => { + // 如果寬度符合這個中斷點，就套用對應的樣式。 + if (width >= min && width <= max) { + element.classList.add(target_class); + + // 把這個樣式儲存到記憶陣列裡，這樣等一下就不會又移除他。 + applieds = [...applieds, target_class]; + } + }); + + // 另外跑一輪不相符的中斷點，檢查有哪些不對的樣式應該移除掉。 + compiled_list.forEach(({ width, min, max, target_class }) => { + // 如果寬度不符合這個中斷點，而且這個樣式也不是剛才追加的，就移除這個不符合條件的樣式。 + if ((width < min || width > max) && !applieds.includes(target_class)) { + element.classList.remove(target_class); + } + }); + } + } + + /* ========================================================================== + Stash + ========================================================================== */ + + /*class Stash { + constructor() {} + + // attributeMutation + attributeMutation(mutation) {} + + // addedNodeMutation + addedNodeMutation(addedNode) { + if (addedNode.matches(`[data-stash]`)) { + this.initial(addedNode); + } + } + + // initial + initial(element) { + if (element.classList.contains("is-init")) { + return; + } + element.classList.add("is-init"); + + var clone = element.cloneNode(true); + clone.classList.add("ts-stash"); + + var toggle_name = element.getAttribute("data-stash"); + + var toggle = document.querySelector(`[data-name="${toggle_name}"]`); + + if (toggle.closest("[data-stash]") === element) { + var width = document.querySelector(`[data-name="${toggle_name}"]`).getBoundingClientRect().width; + + clone.style.setProperty("--ts-stash-offset", `${width + 5}px`); + } + + element.after(clone); + + const observer = new IntersectionObserver( + (entries, owner) => { + entries.forEach(entry => { + var stash = entry.target.getAttribute("data-target"); + + if (entry.isIntersecting) { + element.querySelector(`[data-target="${stash}"]`).classList.remove(tocas.config.classes.hidden); + document.querySelector(`[data-name="${stash}"]`).classList.add(tocas.config.classes.hidden); + } else { + element.querySelector(`[data-target="${stash}"]`).classList.add(tocas.config.classes.hidden); + document.querySelector(`[data-name="${stash}"]`).classList.remove(tocas.config.classes.hidden); + } + + if (element.querySelectorAll(`.${tocas.config.classes.hidden}[data-target]`).length > 0) { + document.querySelector(`[data-name="${toggle_name}"]`).classList.remove(tocas.config.classes.hidden); + } else { + document.querySelector(`[data-name="${toggle_name}"]`).classList.add(tocas.config.classes.hidden); + } + }); + }, + { + root: clone, + rootMargin: "0px 0px 0px 0px", + threshold: [0.99], + } + ); + + clone.querySelectorAll("[data-target]").forEach(v => { + observer.observe(v); + }); + } + }*/ + + /* ========================================================================== + Tab + ========================================================================== */ + + class Tab { + constructor() {} + + // attributeMutation + attributeMutation(mutation) {} + + // addedNodeMutation + addedNodeMutation(addedNode) { + // 如果這個新追加的 DOM 節點是一個 Tab 模組，就監聽其點擊事件。 + if (this.isTab(addedNode)) { + // 監聽其點擊事件。 + this.bindEventListener(addedNode); + + // 如果這個項目沒有被啟用，就預設隱藏對應的內容，這樣使用者就不用額外手動隱藏該內容。 + this.initialTab(addedNode); + } + } + + // isTab + isTab(element) { + return element.matches(`[${tocas.config.attributes.tab}]`); + } + + // isActiveTab + isActiveTab(element) { + return element.classList.contains(tocas.config.classes.tab_active); + } + + // initialTab + initialTab(element) { + if (!this.isActiveTab(element)) { + searchScopeTargets(element, element.getAttribute(tocas.config.attributes.tab), tocas.config.scopes.tab, tocas.config.attributes.tab_name).forEach(target => { + target.classList.add(tocas.config.classes.hidden); + }); + } + } + + // toggle + toggle(event) { + // 有時候點擊按鈕可能是裡面的圖示觸發事件，所以要取得點擊後最鄰近的分頁模組。 + var element = event.target.closest(`[${tocas.config.attributes.tab}]`); + + // 取得這個分頁模組要切換的目標內容名稱。 + var tab_name = element.getAttribute(tocas.config.attributes.tab); + + // 取得這個分頁模組最鄰近的命名空間容器。 + var container = element.closest(`[class*="${tocas.config.scopes.tab}"]`) || document; + + // 取得這個 `.ts-tab` 的分頁群組元素。 + var tab_group_element = element.closest(".ts-tab"); + + // 建立一個陣列用來收集等一下所有不相關的分頁，這樣就可以一次關閉。 + var should_close = []; + + // 在同個分頁群組裡，透過掃描每個分頁項目來找出有哪些關聯的分頁內容名稱。 + tab_group_element.querySelectorAll(`[${tocas.config.attributes.tab}]`).forEach(v => { + // 如果這個項目就是我們要啟用的分頁，那就啟用這個項目。 + if (v.getAttribute(tocas.config.attributes.tab) === tab_name) { + v.classList.add(tocas.config.classes.tab_active); + } + + // 但如果這個項目不是我們要啟用的分頁。 + else { + // 收集這個項目的目標分頁名稱，等一下就能一次隱藏這些非目標內容。 + should_close = [...should_close, v.getAttribute(tocas.config.attributes.tab)]; + + // 移除這個項目的啟用狀態，因為這個項目本來就不是我們要啟用的。 + v.classList.remove(tocas.config.classes.tab_active); + } + }); + + // 在這個命名空間裡面處理對應的項目內容。 + container.querySelectorAll(`[${tocas.config.attributes.tab_name}]`).forEach(target => { + // 取得這個目標內容最鄰近的命名空間，若沒有則以 document 為主。 + var closest_container = target.closest(`[class*="${tocas.config.scopes.tab}"]`) || document; + + // 確定這個目標內容最鄰近的命名空間和目前操作的分頁群組是同個命名空間， + // 這樣就不會處理到其他子空間的分頁和目標。 + if (container !== closest_container) { + return; + } + + // 如果這個目標內容就是我們想要啟用的分頁目標，那就移除這個內容原先的隱藏樣式。 + if (target.getAttribute(tocas.config.attributes.tab_name) === tab_name) { + target.classList.remove(tocas.config.classes.hidden); + } + + // 但若這個內容目標包含在先前想要隱藏的清單內，那就隱藏這個內容目標。 + else if (should_close.includes(target.getAttribute(tocas.config.attributes.tab_name))) { + target.classList.add(tocas.config.classes.hidden); + } + }); + } + + // bindEventListener + bindEventListener(element) { + element.removeEventListener("click", this.toggle); + element.addEventListener("click", this.toggle); + } + } + + /* ========================================================================== + Toggle + ========================================================================== */ + + class Toggle { + // attributeMutation + attributeMutation(mutation) {} + + // addedNodeMutation + addedNodeMutation(addedNode) { + // 如果這個新追加的 DOM 節點是一個 Toggle 模組，就監聽其點擊事件。 + if (this.isToggle(addedNode)) { + this.bindEventListener(addedNode); + } + } + + // isToggle + isToggle(element) { + return element.matches(`[${tocas.config.attributes.toggle}]`); + } + + // toggle + toggle(event) { + // 有時候點擊按鈕可能是裡面的圖示觸發事件，所以要取得點擊後最鄰近的切換模組。 + var element = event.target.closest(`[${tocas.config.attributes.toggle}]`); + + // 透過 `:` 從規則裡切分出目標名稱還有欲切換的樣式名稱。 + var [name, class_name] = element.getAttribute(tocas.config.attributes.toggle).split(":"); + + // 尋找同個命名空間裡的所有目標，然後切換所有目標元素的指定樣式。 + searchScopeTargets(element, name, tocas.config.scopes.toggle, tocas.config.attributes.toggle_name).forEach(target => { + target.classList.toggle(class_name); + }); + } + + // bindEventListener + bindEventListener(element) { + element.removeEventListener("click", this.toggle.bind(this)); + element.addEventListener("click", this.toggle.bind(this)); + } + } + + /* ========================================================================== + Dropdown + ========================================================================== */ + + class Dropdown { + // attributeMutation + attributeMutation(mutation) {} + + // addedNodeMutation + addedNodeMutation(addedNode) { + // 如果這個追加的 DOM 元素是一個會觸發彈出式選單的元素，就監聽其點擊事件。 + if (this.isDropdownTrigger(addedNode)) { + this.bindEventListener(addedNode); + } + + // 如果這個追加的 DOM 元素是一個彈出式選單容器，就監聽其選項點擊事件。 + if (this.isDropdown(addedNode)) { + this.bindItemEventListener(addedNode); + } + } + + // isDropdownTrigger + isDropdownTrigger(element) { + return element.matches(`[${tocas.config.attributes.dropdown}]`); + } + + // isDropdown + isDropdown(element) { + return element.matches(`.ts-dropdown[${tocas.config.attributes.dropdown_name}]`); + } + + // position + position(element) { + return element.getAttribute(tocas.config.attributes.dropdown_position) || "bottom"; + } + + // windowClick + windowClick(event) { + // 取得這個視窗點擊最鄰近的 Dropdown 模組觸發元素。 + var closest_trigger = event.target.closest(`[${tocas.config.attributes.dropdown}]`); + + // 取得這個視窗點擊最鄰近的 Dropdown 容器本身。 + var closest_dropdown = event.target.closest(`[${tocas.config.attributes.dropdown_name}]`); + + // 如果這個點擊事件既沒有關聯任何觸發元素，也沒有在點擊任何 Dropdown 容器， + // 那使用者應該就是在點擊其他東西，所以關閉所有頁面上可見的彈出式選單。 + if (closest_trigger === null && closest_dropdown === null) { + document.querySelectorAll(`.ts-dropdown[${tocas.config.attributes.dropdown_name}]`).forEach(dropdown => { + this.closeDropdown(dropdown); + }); + } + + // 如果這個點擊事件是在點擊一個會開關 Dropdown 的觸發元素。 + if (closest_trigger !== null) { + // 取得這個觸發元素原本會打開的 Dropdown 名稱。 + var name = closest_trigger.getAttribute(tocas.config.attributes.dropdown); + + // 透過該名稱搜尋對應的 Dropdown。 + var local_dropdown = searchScopeTargets(closest_trigger, name, tocas.config.scopes.dropdown, tocas.config.attributes.dropdown_name)[0]; + + // 除了找到的這個對應 Dropdown 以外，關掉其他所有 Dropdown。 + this.closeDropdownsExcept(local_dropdown); + } + + // 如果這個點擊事件是在點擊某個 Dropdown 容器或內部的項目。 + if (closest_dropdown !== null) { + // 關閉這個 Dropdown 以外的其他所有 Dropdown。 + this.closeDropdownsExcept(closest_dropdown); + } + } + + // closeDropdownsExcept + closeDropdownsExcept(excluded_dropdown) { + document.querySelectorAll(`.ts-dropdown[${tocas.config.attributes.dropdown_name}]`).forEach(dropdown => { + if (dropdown !== excluded_dropdown) { + this.closeDropdown(dropdown); + } + }); + } + + // bindEventListener + bindEventListener(element) { + element.removeEventListener("click", this.clickEventListener.bind(this)); + element.addEventListener("click", this.clickEventListener.bind(this)); + } + + // bindItemEventListener + bindItemEventListener(element) { + element.removeEventListener("click", this.itemClickEventListener.bind(this)); + element.addEventListener("click", this.itemClickEventListener.bind(this)); + } + + // closeDropdown + closeDropdown(dropdown) { + // 如果這個元素不包含 `ts-dropdown` 或者也不是可見狀態，就忽略不計。 + if (!dropdown.classList.contains(".ts-dropdown") && !dropdown.classList.contains("is-visible")) { + return; + } + + // 移除這個彈出式選單的可見狀態。 + dropdown.classList.remove("is-visible"); + + // 如果這個彈出式選單有 FLoating UI 的清除函式，就呼叫該清除函式， + // 然後重設對應的 CSS 變數。 + if (dropdown.tocas_dropdown !== undefined) { + dropdown.tocas_dropdown(); + dropdown.tocas_dropdown = undefined; + dropdown.style.removeProperty("--ts-dropdown-min-width"); + dropdown.style.removeProperty("--ts-dropdown-position"); + } + } + + // itemClickEventListener + itemClickEventListener(event) { + // 取得這個點擊事件最鄰近的彈出式選單。 + var dropdown = event.target.closest(`.ts-dropdown[${tocas.config.attributes.dropdown_name}]`); + + // 如果找不到點擊事件最鄰近的選單項目， + // 那可能點擊的不是項目而是其他容器裡的東西，那就忽略這個動作。 + if (event.target.closest(".item") === null) { + return; + } + + // 項目點擊成功，關閉這個彈出式選單。 + this.closeDropdown(dropdown); + } + + // clickEventListener + clickEventListener(event) { + // + var element = event.target.closest(`[${tocas.config.attributes.dropdown}]`); + + // 取得這個觸發元素會切換的彈出式選單名稱。 + var name = element.getAttribute(tocas.config.attributes.dropdown); + + // 透過命名空間搜尋對應的彈出式選單。 + var target = searchScopeTargets(element, name, tocas.config.scopes.dropdown, tocas.config.attributes.dropdown_name)[0]; + + // 取得目標選單的偏好位置設定。 + var position = this.position(target); + + // 如果那個選單有 Floating UI 清除函式，就先清除並且重設相關位置設定。 + if (target.tocas_dropdown !== undefined) { + target.tocas_dropdown(); + target.tocas_dropdown = undefined; + target.style.removeProperty("--ts-dropdown-min-width"); + target.style.removeProperty("--ts-dropdown-position"); + } + + // 切換目標彈出式選單的可見度。 + target.classList.toggle("is-visible"); + + // 如果目標選單現在不再可見，就是被隱藏了，那就不需要執行接下來的行為。 + if (!target.classList.contains("is-visible")) { + return; + } + + // 設定選單的最小寬度和絕對位置，至少要跟切換觸發元素一樣寬。 + target.style.setProperty("--ts-dropdown-min-width", `${element.getBoundingClientRect().width}px`); + target.style.setProperty("--ts-dropdown-position", `fixed`); + + // 透過 Floating UI 來觸發浮動顯示。 + target.tocas_dropdown = TocasFloatingUIDOM.autoUpdate(element, target, () => { + TocasFloatingUIDOM.computePosition(element, target, { + strategy: "fixed", + placement: position, + middleware: [ + // 選單某面如果沒有空間就被擠兌到另一邊。 + TocasFloatingUIDOM.flip({ + crossAxis: false, + }), + + // 偏移選單的上下垂直留點空隙。 + TocasFloatingUIDOM.offset(8), + + // 選單會被螢幕左右推移，避免超出畫面空間。 + TocasFloatingUIDOM.shift(), + ], + }).then(({ x, y }) => { + // 賦予彈出式選單絕對位置。 + Object.assign(target.style, { + left: `${x}px`, + top: `${y}px`, + }); + }); + }); + } + } + + /* ========================================================================== + Tooltip + ========================================================================== */ + + class Tooltip { + // attributeMutation + attributeMutation(mutation) { + // 如果追加的屬性包含 Tooltip 模組相關字樣，就監聽其互動事件。 + if (this.isTooltip(mutation.target)) { + this.bindEventListener(mutation.target); + } + } + + // addedNodeMutation + addedNodeMutation(addedNode) { + // 如果追加的 DOM 節點是一個 Tooltip 模組就監聽其互動事件。 + if (this.isTooltip(addedNode)) { + this.bindEventListener(addedNode); + } + } + + // isTooltip + isTooltip(element) { + return element.matches(`[${tocas.config.attributes.tooltip}]`); + } + + // bindEventListener + bindEventListener(element) { + // 重設這個元素的彈出提示計時器。 + element.tocas_tooltip_timer = null; + + // 監聽滑鼠移入跟移出的事件。 + this.enterEventListener(element); + this.leaveEventListener(element); + } + + // delay + delay(element) { + // 從元素的屬性裡取得延遲的定義，如果是 0 就回傳 0。 + // 不直接丟給 parseInt 是因為可能會被當 false 值而回傳預設的 200ms。 + var delay = element.getAttribute(tocas.config.attributes.tooltip_delay); + if (delay === "0") { + return 0; + } + return parseInt(delay, 10) || 200; + } + + // position + position(element) { + return element.getAttribute(tocas.config.attributes.tooltip_position) || "bottom"; + } + + // enterEventListener + enterEventListener(element) { + element.addEventListener("mouseover", event => { + // 如果目前的裝置是觸控裝置就忽略工具提示的觸發行為。 + if (window.matchMedia("(pointer: coarse)").matches) { + return; + } + + // 如果上一個工具提示的觸發計時器還存在或浮動元素還在的話，就忽略本次觸發行為， + // 避免二次觸發而造成不可預期的錯誤。 + if (element.tocas_tooltip_timer !== null || element.tocas_tooltip !== undefined) { + return; + } + + // 初始化一個會顯示工具提示的計時器，這樣滑鼠移入的數秒後就會顯示。 + element.tocas_tooltip_timer = setTimeout(() => { + this.showTooltip(element); + }, this.delay(element) + 1); + }); + } + + // leaveEventListener + leaveEventListener(element) { + element.addEventListener("mouseleave", event => { + // 如果離開的元素不是主元素就忽略， + // 如：使用者可能是離開了裡面的圖示元素，但滑鼠其實還在主元素裡。 + if (event.target !== element) { + return; + } + + // 如果浮動元素存在的話，就呼叫浮動元素的解除函式，然後歸零這個變數。 + if (element.tocas_tooltip !== undefined) { + element.tocas_tooltip(); + element.tocas_tooltip = undefined; + } + + // 如果原先的計時器存在的話，就先重設，避免重複觸發。 + if (element.tocas_tooltip_timer !== null) { + clearTimeout(element.tocas_tooltip_timer); + element.tocas_tooltip_timer = null; + } + + // 移除頁面上的所有工具提示。 + document.querySelectorAll(".ts-tooltip").forEach(tooltip => { + tooltip.remove(); + }); + }); + } + + // createTooltip + createTooltip(element, arrow) { + var tooltip = document.createElement("div"); + tooltip.innerText = element.getAttribute(tocas.config.attributes.tooltip); + tooltip.classList.add("ts-tooltip", tocas.config.classes.tooltip_visible); + tooltip.appendChild(arrow); + return tooltip; + } + + // createArrow + createArrow() { + var arrow = document.createElement("div"); + arrow.classList.add("arrow"); + return arrow; + } + + // showTooltip + showTooltip(element) { + // 取得這個工具提示的位置設定。 + var position = this.position(element); + + // 初始化工具提示的箭頭 DOM 元素。 + var arrow = this.createArrow(); + + // 使用剛才建立的箭頭元素來初始化工具提示本身的 DOM 元素。 + var tooltip = this.createTooltip(element, arrow); + + // 將工具提示插入到網頁中。 + document.body.appendChild(tooltip); + + // 使用 FloatingUI 來初始化工具提示的浮動元素。 + element.tocas_tooltip = TocasFloatingUIDOM.autoUpdate(element, tooltip, () => { + TocasFloatingUIDOM.computePosition(element, tooltip, { + strategy: "fixed", + placement: position, + middleware: [ + // 下面過窄時會擠兌到上面。 + TocasFloatingUIDOM.flip({ + crossAxis: false, + }), + + // 因為有箭頭所以上下軸要偏移 10px， + // 而容器有外距（詳見 CSS）所以左右要偏移 15px。 + TocasFloatingUIDOM.offset({ + crossAxis: -15, + mainAxis: 10, + }), + + // 會被螢幕左右推移。 + TocasFloatingUIDOM.shift(), + + // 有箭頭。 + TocasFloatingUIDOM.arrow({ + element: arrow, + }), + ], + }).then(({ middlewareData, x, y, placement }) => { + // 賦予工具提示絕對座標。 + Object.assign(tooltip.style, { + left: `${x}px`, + top: `${y}px`, + }); + + // 設置箭頭的水平座標，因為箭頭只會出現在上面或下面，所以不需要 y 座標。 + if (middlewareData.arrow) { + const { x } = middlewareData.arrow; + arrow.style.setProperty("--ts-tooltip-x", x != null ? `${x}px` : "0"); + } + + // 先移除先前的所有位置設定，再套用新的位置設定。 + if (placement) { + tooltip.classList.remove("is-top", "is-top-start", "is-top-end", "is-bottom", "is-bottom-start", "is-bottom-end"); + tooltip.classList.add(`is-${placement}`); + } + }); + }); + } + } + + /* ========================================================================== + Base + ========================================================================== */ + + // searchScopeTargets + function searchScopeTargets(element, name, scope_attribute, name_attribute) { + // 找尋這個元素最鄰近的命名空間容器。 + var container = element.closest(`[class*="${scope_attribute}"]`) || document; + + // 在命名空間裡找尋目標元素，但是這個目標元素 + // + // NOTE: 這裡的 item.closest(`[class*="${scope_attribute}"]`) 可能要對應 === container， + // 主要取決之後對命名空間的寬鬆度設計如何。 + // + // 例如：A 命名空間裡有 B 跟 C 子空間，B 可以呼叫同為 A 空間裡的 C 空間裡的元素嗎？ + var targets = Array.from(container.querySelectorAll(`[${name_attribute}="${name}"]`)).filter(item => { + return item.closest(`[class*="${scope_attribute}"]`) || document === container; + }); + + // 如果有找到元素則回傳。 + if (targets.length > 0) { + return targets; + } + + // 如果已經找到最上層了還是什麼結果都沒有，就回傳空陣列，讓其他程式報錯。 + if (container === document) { + return []; + } + + // 如果這一層找不到東西，就遞迴網更上面的命名空間來搜尋。 + return this.searchScopeTargets(container.parentNode, name, scope_attribute, name_attribute); + } + + // responsiveModule + var responsiveModule = new Responsive(); + + // tabModule + var tabModule = new Tab(); + + // toggleModule + var toggleModule = new Toggle(); + + // dropdownModule + var dropdownModule = new Dropdown(); + + // tooltipModule + var tooltipModule = new Tooltip(); + + // stashModule + // var stashModule = new Stash(); + + var mutation_observer = new MutationObserver(function (mutations) { + mutations.forEach(function (mutation) { + if (mutation.type === "attributes") { + responsiveModule.attributeMutation(mutation); + tabModule.attributeMutation(mutation); + toggleModule.attributeMutation(mutation); + dropdownModule.attributeMutation(mutation); + tooltipModule.attributeMutation(mutation); + // stashModule.attributeMutation(mutation); + } else if (mutation.addedNodes && mutation.addedNodes.length) { + mutation.addedNodes.forEach(function (addedNode) { + if (addedNode.nodeType !== Node.ELEMENT_NODE) { + return; + } + responsiveModule.addedNodeMutation(addedNode); + tabModule.addedNodeMutation(addedNode); + toggleModule.addedNodeMutation(addedNode); + dropdownModule.addedNodeMutation(addedNode); + tooltipModule.addedNodeMutation(addedNode); + // stashModule.addedNodeMutation(addedNode); + }); + } + }); + }); + + // + mutation_observer.observe(document.documentElement, { + childList: true, + subtree: true, + attributes: true, + attributeOldValue: true, + attributeFilter: ["class"], + }); + + /** + * Window Resize + */ + + window.addEventListener("resize", event => { + responsiveModule.windowResize(event); + }); + + /** + * Window Click + */ + + window.addEventListener("click", event => { + dropdownModule.windowClick(event); + }); +})(); diff --git a/docs/zh-tw/assets/tocas/tocas.min.css b/docs/zh-tw/assets/tocas/tocas.min.css new file mode 100644 index 000000000..1ccbe42a9 --- /dev/null +++ b/docs/zh-tw/assets/tocas/tocas.min.css @@ -0,0 +1 @@ +*,:after,:before{box-sizing:border-box;position:relative}html{background:var(--ts-gray-50);color:var(--ts-gray-800);font-size:15px;line-height:1.75}body,html{height:100%}body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:Noto Sans TC,SF Pro TC,SF Pro Text,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,Microsoft JhengHei,wf_SegoeUI,Segoe UI,Segoe,Segoe WP,Tahoma,Verdana,Ubuntu,Bitstream Vera Sans,DejaVu Sans,微軟正黑體,LiHei Pro,WenQuanYi Micro Hei,Droid Sans Fallback,AR PL UMing TW,Roboto,Hiragino Maru Gothic ProN,メイリオ,ヒラギノ丸ゴ ProN W4,Meiryo,Droid Sans,sans-serif;margin:0;overflow-x:hidden}input::-webkit-date-and-time-value{min-height:1.5rem}button{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;appearance:none;-webkit-appearance:none;background:transparent;border:none;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0;overflow:visible;padding:0;user-select:none;width:auto}[class*=ts-] :where(p){margin-block-end:1em;margin-block-start:1em}[class*=ts-] :where(:first-child){margin-block-start:0}[class*=ts-] .ts-header+p{margin-block-start:.5em}[class*=ts-] :where(:last-child){margin-block-end:0}[class*=ts-] :where(a){color:inherit}@keyframes ts-button-loading{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.ts-button{--horizontal-padding:1.25em;--height:var(--ts-input-height-medium);--accent-color:initial;--accent-foreground-color:initial;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;appearance:none;-webkit-appearance:none;box-sizing:border-box;font:inherit;height:var(--height);margin:0;outline:none;overflow:hidden;text-overflow:ellipsis;user-select:none;white-space:nowrap;width:auto}.ts-button:focus{outline:0}.ts-button{align-items:center;background:var(--accent-color,var(--ts-gray-800));border:2px solid var(--accent-color,var(--ts-gray-800));border-radius:.4rem;color:var(--accent-foreground-color,var(--ts-gray-50));display:inline-flex;font-size:var(--ts-font-size-14px);font-weight:500;justify-content:center;line-height:1.5;min-width:75px;padding:0 var(--horizontal-padding);text-align:center;text-decoration:none;vertical-align:middle}.ts-button:hover{cursor:pointer;opacity:.98}.ts-button.is-secondary{background:var(--ts-gray-100);border-color:var(--ts-gray-100);color:var(--accent-color,var(--ts-gray-800))}.ts-button.is-tertiary{background:var(--ts-gray-300);border-color:var(--ts-gray-300);color:var(--ts-gray-800)}.ts-button.is-outlined{background:transparent;border:2px solid var(--ts-gray-300);color:var(--accent-color,var(--ts-gray-800))}.ts-button.is-negative{background:var(--ts-negative-500);border-color:var(--ts-negative-500);color:var(--ts-white)}.ts-button.is-negative.is-outlined{background:transparent;border-color:var(--ts-gray-300);color:var(--ts-negative-500)}.ts-button.is-ghost{background:transparent;border:2px solid transparent;color:var(--ts-gray-800)}.ts-button.is-ghost:hover{background:var(--ts-gray-100)}.ts-button.is-ghost.is-negative{color:var(--ts-negative-500)}.ts-button.is-loading,.ts-button.is-loading.is-negative{color:transparent;opacity:.5;pointer-events:none}.ts-button.is-loading .ts-icon{visibility:hidden}.ts-button.is-loading:after{-webkit-font-smoothing:antialiased;animation:ts-button-loading 2s linear infinite;backface-visibility:hidden;color:var(--ts-gray-50);content:"\f110";display:inline;display:inline-block;font-family:Icons;font-size:var(--ts-font-size-18px);font-style:normal;font-weight:400;left:50%;position:absolute;text-align:center;text-decoration:inherit;top:50%}.ts-button.is-loading:is(.is-outlined,.is-secondary,.is-tertiary,.is-ghost):after{color:var(--ts-gray-800)}.ts-button.is-small{--height:var(--ts-input-height-small);font-size:var(--ts-font-size-13px)}.ts-button.is-large{--height:var(--ts-input-height-large);font-size:var(--ts-font-size-17px)}.ts-button.is-disabled{cursor:not-allowed;opacity:.5;pointer-events:none;user-select:none}.ts-button.is-fluid{width:100%}.ts-button.is-circular{border-radius:100rem}.ts-button.is-icon{min-width:0;padding:0;width:calc(var(--height)*1.1)}.ts-button.is-icon .ts-icon{font-size:1.2em}.ts-button.is-icon.is-small .ts-icon{font-size:1.15em}.ts-button:where(.is-start-icon,.is-end-icon) .ts-icon{font-size:1.2em}.ts-button:is(.is-start-icon,.is-end-icon) .ts-icon:before{display:inline-block;margin-top:1px}.ts-button.is-start-icon .ts-icon{margin-right:.5em}.ts-button.is-end-icon .ts-icon{margin-left:.5em}.ts-button:is(.is-start-labeled-icon,.is-end-labeled-icon) .ts-icon{align-items:center;background:var(--ts-gray-900);bottom:-2px;display:flex;justify-content:center;line-height:1;position:absolute;top:-2px;width:calc(2.75rem + 2px)}.ts-button:where(.is-start-labeled-icon,.is-end-labeled-icon) .ts-icon{font-size:1.2em}.ts-button.is-start-labeled-icon{padding-left:calc(var(--horizontal-padding) + 2.75em)}.ts-button.is-start-labeled-icon .ts-icon{border-radius:.4rem 0 0 .4rem;left:-2px}.ts-button.is-end-labeled-icon{padding-right:calc(var(--horizontal-padding) + 2.75em)}.ts-button.is-end-labeled-icon .ts-icon{border-radius:0 .4rem .4rem 0;right:-2px}.ts-button.is-negative:is(.is-start-labeled-icon,.is-end-labeled-icon) .ts-icon{background:var(--ts-negative-400)}.ts-button.is-outlined:is(.is-start-labeled-icon,.is-end-labeled-icon) .ts-icon{background:transparent;border:2px solid var(--ts-gray-300)}.ts-button.is-secondary:is(.is-start-labeled-icon,.is-end-labeled-icon) .ts-icon{background:var(--ts-gray-200)}.ts-button.is-tertiary:is(.is-start-labeled-icon,.is-end-labeled-icon) .ts-icon{background:var(--ts-gray-400)}.ts-button.is-dense{--height:var(--ts-input-height-medium-dense)}.ts-button.is-dense.is-small{--height:var(--ts-input-height-small-dense)}.ts-button.is-dense.is-large{--height:var(--ts-input-height-large-dense)}.ts-button.is-short{--horizontal-padding:0.75em;min-width:65px}.ts-button.is-wide{--horizontal-padding:2em}.ts-addon{display:flex;gap:2px}.ts-addon>.ts-input:first-child :where(input,textarea),.ts-addon>:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.ts-addon>.ts-input:last-child :where(input,textarea),.ts-addon>:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.ts-buttons{display:flex}.ts-buttons .ts-button:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.ts-buttons .ts-button:not(:first-child):not(:last-child){border-radius:0}.ts-buttons .ts-button:not(:first-child):before{background:var(--ts-gray-600);content:"";height:70%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:1px}.ts-buttons .ts-button.is-outlined:before{display:none}.ts-buttons .ts-button.is-negative:before{background:var(--ts-negative-400)}.ts-buttons .ts-button.is-secondary:before{background:var(--ts-gray-400)}.ts-buttons .ts-button:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.ts-buttons .ts-button.is-outlined+.ts-button.is-outlined{border-left-color:transparent}.ts-icon.is-arrow-up-right-from-square-icon:before{content:"\f08e"}.ts-icon.is-broom-ball-icon:before{content:"\f458"}.ts-icon.is-medal-icon:before{content:"\f5a2"}.ts-icon.is-mixer-icon:before{content:"\e056";font-family:IconsBrands}.ts-icon.is-vaadin-icon:before{content:"\f408";font-family:IconsBrands}.ts-icon.is-flag-usa-icon:before{content:"\f74d"}.ts-icon.is-lungs-icon:before{content:"\f604"}.ts-icon.is-face-frown-icon:before{content:"\f119"}.ts-icon.is-person-digging-icon:before{content:"\f85e"}.ts-icon.is-street-view-icon:before{content:"\f21d"}.ts-icon.is-car-icon:before{content:"\f1b9"}.ts-icon.is-etsy-icon:before{content:"\f2d7";font-family:IconsBrands}.ts-icon.is-blogger-b-icon:before{content:"\f37d";font-family:IconsBrands}.ts-icon.is-window-restore-icon:before{content:"\f2d2"}.ts-icon.is-internet-explorer-icon:before{content:"\f26b";font-family:IconsBrands}.ts-icon.is-users-slash-icon:before{content:"\e073"}.ts-icon.is-file-video-icon:before{content:"\f1c8"}.ts-icon.is-school-circle-exclamation-icon:before{content:"\e56c"}.ts-icon.is-guilded-icon:before{content:"\e07e";font-family:IconsBrands}.ts-icon.is-landmark-flag-icon:before{content:"\e51c"}.ts-icon.is-martini-glass-icon:before{content:"\f57b"}.ts-icon.is-table-cells-icon:before{content:"\f00a"}.ts-icon.is-video-icon:before{content:"\f03d"}.ts-icon.is-cloudversify-icon:before{content:"\f385";font-family:IconsBrands}.ts-icon.is-ellipsis-icon:before{content:"\f141"}.ts-icon.is-neos-icon:before{content:"\f612";font-family:IconsBrands}.ts-icon.is-person-military-to-person-icon:before{content:"\e54c"}.ts-icon.is-road-icon:before{content:"\f018"}.ts-icon.is-shopify-icon:before{content:"\e057";font-family:IconsBrands}.ts-icon.is-bars-progress-icon:before{content:"\f828"}.ts-icon.is-hand-holding-hand-icon:before{content:"\e4f7"}.ts-icon.is-caravan-icon:before{content:"\f8ff"}.ts-icon.is-houzz-icon:before{content:"\f27c";font-family:IconsBrands}.ts-icon.is-rupiah-sign-icon:before{content:"\e23d"}.ts-icon.is-temperature-high-icon:before{content:"\f769"}.ts-icon.is-airbnb-icon:before{content:"\f834";font-family:IconsBrands}.ts-icon.is-apper-icon:before{content:"\f371";font-family:IconsBrands}.ts-icon.is-volcano-icon:before{content:"\f770"}.ts-icon.is-microsoft-icon:before{content:"\f3ca";font-family:IconsBrands}.ts-icon.is-people-pulling-icon:before{content:"\e535"}.ts-icon.is-stubber-icon:before{content:"\e5c7";font-family:IconsBrands}.ts-icon.is-train-subway-icon:before{content:"\f239"}.ts-icon.is-window-minimize-icon:before{content:"\f2d1"}.ts-icon.is-orcid-icon:before{content:"\f8d2";font-family:IconsBrands}.ts-icon.is-pager-icon:before{content:"\f815"}.ts-icon.is-store-icon:before{content:"\f54e"}.ts-icon.is-utensils-icon:before{content:"\f2e7"}.ts-icon.is-blender-phone-icon:before{content:"\f6b6"}.ts-icon.is-canadian-maple-leaf-icon:before{content:"\f785";font-family:IconsBrands}.ts-icon.is-cloud-bolt-icon:before{content:"\f76c"}.ts-icon.is-list-check-icon:before{content:"\f0ae"}.ts-icon.is-square-poll-horizontal-icon:before{content:"\f682"}.ts-icon.is-arrow-up-z-a-icon:before{content:"\f882"}.ts-icon.is-building-flag-icon:before{content:"\e4d5"}.ts-icon.is-mars-and-venus-burst-icon:before{content:"\e523"}.ts-icon.is-arrows-spin-icon:before{content:"\e4bb"}.ts-icon.is-charging-station-icon:before{content:"\f5e7"}.ts-icon.is-handshake-angle-icon:before{content:"\f4c4"}.ts-icon.is-periscope-icon:before{content:"\f3da";font-family:IconsBrands}.ts-icon.is-rotate-icon:before{content:"\f2f1"}.ts-icon.is-clock-rotate-left-icon:before{content:"\f1da"}.ts-icon.is-face-grin-squint-tears-icon:before{content:"\f586"}.ts-icon.is-person-icon:before{content:"\f183"}.ts-icon.is-person-snowboarding-icon:before{content:"\f7ce"}.ts-icon.is-gg-icon:before{content:"\f260";font-family:IconsBrands}.ts-icon.is-hashnode-icon:before{content:"\e499";font-family:IconsBrands}.ts-icon.is-hospital-user-icon:before{content:"\f80d"}.ts-icon.is-reacteurope-icon:before{content:"\f75d";font-family:IconsBrands}.ts-icon.is-arrow-up-from-ground-water-icon:before{content:"\e4b5"}.ts-icon.is-horse-icon:before{content:"\f6f0"}.ts-icon.is-spinner-icon:before{content:"\f110"}.ts-icon.is-motorcycle-icon:before{content:"\f21c"}.ts-icon.is-print-icon:before{content:"\f02f"}.ts-icon.is-swatchbook-icon:before{content:"\f5c3"}.ts-icon.is-water-ladder-icon:before{content:"\f5c5"}.ts-icon.is-ravelry-icon:before{content:"\f2d9";font-family:IconsBrands}.ts-icon.is-angle-up-icon:before{content:"\f106"}.ts-icon.is-glide-icon:before{content:"\f2a5";font-family:IconsBrands}.ts-icon.is-cubes-stacked-icon:before{content:"\e4e6"}.ts-icon.is-fort-awesome-alt-icon:before{content:"\f3a3";font-family:IconsBrands}.ts-icon.is-hands-holding-icon:before{content:"\f4c2"}.ts-icon.is-land-mine-on-icon:before{content:"\e51b"}.ts-icon.is-money-check-dollar-icon:before{content:"\f53d"}.ts-icon.is-affiliatetheme-icon:before{content:"\f36b";font-family:IconsBrands}.ts-icon.is-cpanel-icon:before{content:"\f388";font-family:IconsBrands}.ts-icon.is-sack-dollar-icon:before{content:"\f81d"}.ts-icon.is-wine-glass-empty-icon:before{content:"\f5ce"}.ts-icon.is-drum-icon:before{content:"\f569"}.ts-icon.is-ranking-star-icon:before{content:"\e561"}.ts-icon.is-arrows-to-eye-icon:before{content:"\e4bf"}.ts-icon.is-file-circle-exclamation-icon:before{content:"\e4eb"}.ts-icon.is-circle-h-icon:before{content:"\f47e"}.ts-icon.is-envelope-open-text-icon:before{content:"\f658"}.ts-icon.is-bong-icon:before{content:"\f55c"}.ts-icon.is-chess-pawn-icon:before{content:"\f443"}.ts-icon.is-retweet-icon:before{content:"\f079"}.ts-icon.is-unsplash-icon:before{content:"\e07c";font-family:IconsBrands}.ts-icon.is-square-caret-left-icon:before{content:"\f191"}.ts-icon.is-chalkboard-icon:before{content:"\f51b"}.ts-icon.is-music-icon:before{content:"\f001"}.ts-icon.is-linux-icon:before{content:"\f17c";font-family:IconsBrands}.ts-icon.is-percent-icon:before{content:"\25"}.ts-icon.is-chess-knight-icon:before{content:"\f441"}.ts-icon.is-code-pull-request-icon:before{content:"\e13c"}.ts-icon.is-shop-icon:before{content:"\f54f"}.ts-icon.is-mountain-sun-icon:before{content:"\e52f"}.ts-icon.is-pinterest-p-icon:before{content:"\f231";font-family:IconsBrands}.ts-icon.is-republican-icon:before{content:"\f75e"}.ts-icon.is-brain-icon:before{content:"\f5dc"}.ts-icon.is-circle-exclamation-icon:before{content:"\f06a"}.ts-icon.is-greater-than-equal-icon:before{content:"\f532"}.ts-icon.is-a-icon:before{content:"\41"}.ts-icon.is-disease-icon:before{content:"\f7fa"}.ts-icon.is-vial-virus-icon:before{content:"\e597"}.ts-icon.is-whiskey-glass-icon:before{content:"\f7a0"}.ts-icon.is-cube-icon:before{content:"\f1b2"}.ts-icon.is-stamp-icon:before{content:"\f5bf"}.ts-icon.is-repeat-icon:before{content:"\f363"}.ts-icon.is-handshake-simple-icon:before{content:"\f4c6"}.ts-icon.is-person-circle-check-icon:before{content:"\e53e"}.ts-icon.is-untappd-icon:before{content:"\f405";font-family:IconsBrands}.ts-icon.is-whmcs-icon:before{content:"\f40d";font-family:IconsBrands}.ts-icon.is-bell-slash-icon:before{content:"\f1f6"}.ts-icon.is-calendar-day-icon:before{content:"\f783"}.ts-icon.is-creative-commons-nd-icon:before{content:"\f4eb";font-family:IconsBrands}.ts-icon.is-gopuram-icon:before{content:"\f664"}.ts-icon.is-restroom-icon:before{content:"\f7bd"}.ts-icon.is-ribbon-icon:before{content:"\f4d6"}.ts-icon.is-car-on-icon:before{content:"\e4dd"}.ts-icon.is-chevron-up-icon:before{content:"\f077"}.ts-icon.is-book-tanakh-icon:before{content:"\f827"}.ts-icon.is-broom-icon:before{content:"\f51a"}.ts-icon.is-buromobelexperte-icon:before{content:"\f37f";font-family:IconsBrands}.ts-icon.is-d-icon:before{content:"\44"}.ts-icon.is-gamepad-icon:before{content:"\f11b"}.ts-icon.is-house-lock-icon:before{content:"\e510"}.ts-icon.is-people-arrows-icon:before{content:"\e068"}.ts-icon.is-asymmetrik-icon:before{content:"\f372";font-family:IconsBrands}.ts-icon.is-ban-icon:before{content:"\f05e"}.ts-icon.is-user-graduate-icon:before{content:"\f501"}.ts-icon.is-yandex-icon:before{content:"\f413";font-family:IconsBrands}.ts-icon.is-plug-circle-plus-icon:before{content:"\e55f"}.ts-icon.is-tree-icon:before{content:"\f1bb"}.ts-icon.is-square-virus-icon:before{content:"\e578"}.ts-icon.is-section-icon:before{content:"\e447"}.ts-icon.is-strava-icon:before{content:"\f428";font-family:IconsBrands}.ts-icon.is-turn-down-icon:before{content:"\f3be"}.ts-icon.is-creative-commons-nc-eu-icon:before{content:"\f4e9";font-family:IconsBrands}.ts-icon.is-phone-icon:before{content:"\f095"}.ts-icon.is-discourse-icon:before{content:"\f393";font-family:IconsBrands}.ts-icon.is-shirtsinbulk-icon:before{content:"\f214";font-family:IconsBrands}.ts-icon.is-square-nfi-icon:before{content:"\e576"}.ts-icon.is-arrow-down-9-1-icon:before{content:"\f886"}.ts-icon.is-arrow-up-right-dots-icon:before{content:"\e4b7"}.ts-icon.is-upload-icon:before{content:"\f093"}.ts-icon.is-naira-sign-icon:before{content:"\e1f6"}.ts-icon.is-pen-icon:before{content:"\f304"}.ts-icon.is-circle-chevron-down-icon:before{content:"\f13a"}.ts-icon.is-eraser-icon:before{content:"\f12d"}.ts-icon.is-money-bills-icon:before{content:"\e1f3"}.ts-icon.is-ruble-sign-icon:before{content:"\f158"}.ts-icon.is-square-full-icon:before{content:"\f45c"}.ts-icon.is-adversal-icon:before{content:"\f36a";font-family:IconsBrands}.ts-icon.is-angular-icon:before{content:"\f420";font-family:IconsBrands}.ts-icon.is-font-icon:before{content:"\f031"}.ts-icon.is-shield-cat-icon:before{content:"\e572"}.ts-icon.is-bowl-rice-icon:before{content:"\e2eb"}.ts-icon.is-flask-vial-icon:before{content:"\e4f3"}.ts-icon.is-pushed-icon:before{content:"\f3e1";font-family:IconsBrands}.ts-icon.is-tent-arrow-down-to-line-icon:before{content:"\e57e"}.ts-icon.is-gofore-icon:before{content:"\f3a7";font-family:IconsBrands}.ts-icon.is-magnifying-glass-plus-icon:before{content:"\f00e"}.ts-icon.is-korvue-icon:before{content:"\f42f";font-family:IconsBrands}.ts-icon.is-square-font-awesome-stroke-icon:before{content:"\f35c";font-family:IconsBrands}.ts-icon.is-dove-icon:before{content:"\f4ba"}.ts-icon.is-square-plus-icon:before{content:"\f0fe"}.ts-icon.is-plug-circle-check-icon:before{content:"\e55c"}.ts-icon.is-school-flag-icon:before{content:"\e56e"}.ts-icon.is-circle-info-icon:before{content:"\f05a"}.ts-icon.is-hotjar-icon:before{content:"\f3b1";font-family:IconsBrands}.ts-icon.is-figma-icon:before{content:"\f799";font-family:IconsBrands}.ts-icon.is-9-icon:before{content:"\39"}.ts-icon.is-face-kiss-icon:before{content:"\f596"}.ts-icon.is-paste-icon:before{content:"\f0ea"}.ts-icon.is-trowel-icon:before{content:"\e589"}.ts-icon.is-caret-up-icon:before{content:"\f0d8"}.ts-icon.is-helmet-un-icon:before{content:"\e503"}.ts-icon.is-eye-dropper-icon:before{content:"\f1fb"}.ts-icon.is-hanukiah-icon:before{content:"\f6e6"}.ts-icon.is-stackpath-icon:before{content:"\f842";font-family:IconsBrands}.ts-icon.is-toolbox-icon:before{content:"\f552"}.ts-icon.is-cannabis-icon:before{content:"\f55f"}.ts-icon.is-creative-commons-sampling-plus-icon:before{content:"\f4f1";font-family:IconsBrands}.ts-icon.is-helmet-safety-icon:before{content:"\f807"}.ts-icon.is-magnifying-glass-dollar-icon:before{content:"\f688"}.ts-icon.is-quote-left-icon:before{content:"\f10d"}.ts-icon.is-arrow-right-from-bracket-icon:before{content:"\f08b"}.ts-icon.is-book-atlas-icon:before{content:"\f558"}.ts-icon.is-diamond-turn-right-icon:before{content:"\f5eb"}.ts-icon.is-g-icon:before{content:"\47"}.ts-icon.is-hive-icon:before{content:"\e07f";font-family:IconsBrands}.ts-icon.is-js-icon:before{content:"\f3b8";font-family:IconsBrands}.ts-icon.is-list-ol-icon:before{content:"\f0cb"}.ts-icon.is-location-arrow-icon:before{content:"\f124"}.ts-icon.is-cc-amazon-pay-icon:before{content:"\f42d";font-family:IconsBrands}.ts-icon.is-comments-icon:before{content:"\f086"}.ts-icon.is-slack-icon:before{content:"\f198";font-family:IconsBrands}.ts-icon.is-teeth-icon:before{content:"\f62e"}.ts-icon.is-mars-and-venus-icon:before{content:"\f224"}.ts-icon.is-i-icon:before{content:"\49"}.ts-icon.is-face-surprise-icon:before{content:"\f5c2"}.ts-icon.is-hacker-news-icon:before{content:"\f1d4";font-family:IconsBrands}.ts-icon.is-ethernet-icon:before{content:"\f796"}.ts-icon.is-helicopter-icon:before{content:"\f533"}.ts-icon.is-house-chimney-user-icon:before{content:"\e065"}.ts-icon.is-linkedin-in-icon:before{content:"\f0e1";font-family:IconsBrands}.ts-icon.is-magnifying-glass-location-icon:before{content:"\f689"}.ts-icon.is-stripe-icon:before{content:"\f429";font-family:IconsBrands}.ts-icon.is-cloud-sun-icon:before{content:"\f6c4"}.ts-icon.is-d-and-d-beyond-icon:before{content:"\f6ca";font-family:IconsBrands}.ts-icon.is-file-code-icon:before{content:"\f1c9"}.ts-icon.is-invision-icon:before{content:"\f7b0";font-family:IconsBrands}.ts-icon.is-line-icon:before{content:"\f3c0";font-family:IconsBrands}.ts-icon.is-p-icon:before{content:"\50"}.ts-icon.is-bars-staggered-icon:before{content:"\f550"}.ts-icon.is-circle-question-icon:before{content:"\f059"}.ts-icon.is-rockrms-icon:before{content:"\f3e9";font-family:IconsBrands}.ts-icon.is-trello-icon:before{content:"\f181";font-family:IconsBrands}.ts-icon.is-flag-icon:before{content:"\f024"}.ts-icon.is-house-circle-exclamation-icon:before{content:"\e50a"}.ts-icon.is-indent-icon:before{content:"\f03c"}.ts-icon.is-the-red-yeti-icon:before{content:"\f69d";font-family:IconsBrands}.ts-icon.is-bacon-icon:before{content:"\f7e5"}.ts-icon.is-cc-paypal-icon:before{content:"\f1f4";font-family:IconsBrands}.ts-icon.is-sith-icon:before{content:"\f512";font-family:IconsBrands}.ts-icon.is-spotify-icon:before{content:"\f1bc";font-family:IconsBrands}.ts-icon.is-btc-icon:before{content:"\f15a";font-family:IconsBrands}.ts-icon.is-calendar-week-icon:before{content:"\f784"}.ts-icon.is-square-poll-vertical-icon:before{content:"\f681"}.ts-icon.is-book-bookmark-icon:before{content:"\e0bb"}.ts-icon.is-pump-soap-icon:before{content:"\e06b"}.ts-icon.is-n-icon:before{content:"\4e"}.ts-icon.is-reply-all-icon:before{content:"\f122"}.ts-icon.is-suitcase-icon:before{content:"\f0f2"}.ts-icon.is-truck-pickup-icon:before{content:"\f63c"}.ts-icon.is-volume-off-icon:before{content:"\f026"}.ts-icon.is-cloudscale-icon:before{content:"\f383";font-family:IconsBrands}.ts-icon.is-creative-commons-share-icon:before{content:"\f4f2";font-family:IconsBrands}.ts-icon.is-jedi-order-icon:before{content:"\f50e";font-family:IconsBrands}.ts-icon.is-viadeo-icon:before{content:"\f2a9";font-family:IconsBrands}.ts-icon.is-newspaper-icon:before{content:"\f1ea"}.ts-icon.is-clipboard-check-icon:before{content:"\f46c"}.ts-icon.is-glass-water-icon:before{content:"\e4f4"}.ts-icon.is-poo-storm-icon:before{content:"\f75a"}.ts-icon.is-alipay-icon:before{content:"\f642";font-family:IconsBrands}.ts-icon.is-grunt-icon:before{content:"\f3ad";font-family:IconsBrands}.ts-icon.is-cheese-icon:before{content:"\f7ef"}.ts-icon.is-face-kiss-wink-heart-icon:before{content:"\f598"}.ts-icon.is-window-maximize-icon:before{content:"\f2d0"}.ts-icon.is-align-center-icon:before{content:"\f037"}.ts-icon.is-chart-simple-icon:before{content:"\e473"}.ts-icon.is-person-walking-dashed-line-arrow-right-icon:before{content:"\e553"}.ts-icon.is-rectangle-list-icon:before{content:"\f022"}.ts-icon.is-mug-hot-icon:before{content:"\f7b6"}.ts-icon.is-person-swimming-icon:before{content:"\f5c4"}.ts-icon.is-teamspeak-icon:before{content:"\f4f9";font-family:IconsBrands}.ts-icon.is-user-pen-icon:before{content:"\f4ff"}.ts-icon.is-arrows-down-to-people-icon:before{content:"\e4b9"}.ts-icon.is-cc-visa-icon:before{content:"\f1f0";font-family:IconsBrands}.ts-icon.is-lightbulb-icon:before{content:"\f0eb"}.ts-icon.is-cloudflare-icon:before{content:"\e07d";font-family:IconsBrands}.ts-icon.is-creative-commons-by-icon:before{content:"\f4e7";font-family:IconsBrands}.ts-icon.is-neuter-icon:before{content:"\f22c"}.ts-icon.is-ethereum-icon:before{content:"\f42e";font-family:IconsBrands}.ts-icon.is-hat-wizard-icon:before{content:"\f6e8"}.ts-icon.is-hands-icon:before{content:"\f2a7"}.ts-icon.is-truck-fast-icon:before{content:"\f48b"}.ts-icon.is-arrow-turn-down-icon:before{content:"\f149"}.ts-icon.is-file-signature-icon:before{content:"\f573"}.ts-icon.is-magnifying-glass-chart-icon:before{content:"\e522"}.ts-icon.is-mobile-retro-icon:before{content:"\e527"}.ts-icon.is-pump-medical-icon:before{content:"\e06a"}.ts-icon.is-square-youtube-icon:before{content:"\f431";font-family:IconsBrands}.ts-icon.is-blogger-icon:before{content:"\f37c";font-family:IconsBrands}.ts-icon.is-chair-icon:before{content:"\f6c0"}.ts-icon.is-calendar-check-icon:before{content:"\f274"}.ts-icon.is-nfc-directional-icon:before{content:"\e530";font-family:IconsBrands}.ts-icon.is-notes-medical-icon:before{content:"\f481"}.ts-icon.is-tarp-icon:before{content:"\e57b"}.ts-icon.is-ubuntu-icon:before{content:"\f7df";font-family:IconsBrands}.ts-icon.is-user-xmark-icon:before{content:"\f235"}.ts-icon.is-vihara-icon:before{content:"\f6a7"}.ts-icon.is-hospital-icon:before{content:"\f0f8"}.ts-icon.is-lock-icon:before{content:"\f023"}.ts-icon.is-square-pen-icon:before{content:"\f14b"}.ts-icon.is-pizza-slice-icon:before{content:"\f818"}.ts-icon.is-strikethrough-icon:before{content:"\f0cc"}.ts-icon.is-trowel-bricks-icon:before{content:"\e58a"}.ts-icon.is-bity-icon:before{content:"\f37a";font-family:IconsBrands}.ts-icon.is-openid-icon:before{content:"\f19b";font-family:IconsBrands}.ts-icon.is-hockey-puck-icon:before{content:"\f453"}.ts-icon.is-manat-sign-icon:before{content:"\e1d5"}.ts-icon.is-qq-icon:before{content:"\f1d6";font-family:IconsBrands}.ts-icon.is-ship-icon:before{content:"\f21a"}.ts-icon.is-chevron-left-icon:before{content:"\f053"}.ts-icon.is-headphones-simple-icon:before{content:"\f58f"}.ts-icon.is-square-minus-icon:before{content:"\f146"}.ts-icon.is-tent-arrows-down-icon:before{content:"\e581"}.ts-icon.is-up-down-icon:before{content:"\f338"}.ts-icon.is-wallet-icon:before{content:"\f555"}.ts-icon.is-bread-slice-icon:before{content:"\f7ec"}.ts-icon.is-hand-point-up-icon:before{content:"\f0a6"}.ts-icon.is-table-icon:before{content:"\f0ce"}.ts-icon.is-cross-icon:before{content:"\f654"}.ts-icon.is-square-snapchat-icon:before{content:"\f2ad";font-family:IconsBrands}.ts-icon.is-fire-icon:before{content:"\f06d"}.ts-icon.is-gem-icon:before{content:"\f3a5"}.ts-icon.is-greater-than-icon:before{content:"\3e"}.ts-icon.is-person-harassing-icon:before{content:"\e549"}.ts-icon.is-share-icon:before{content:"\f064"}.ts-icon.is-vk-icon:before{content:"\f189";font-family:IconsBrands}.ts-icon.is-baby-carriage-icon:before{content:"\f77d"}.ts-icon.is-dice-one-icon:before{content:"\f525"}.ts-icon.is-piggy-bank-icon:before{content:"\f4d3"}.ts-icon.is-ruler-horizontal-icon:before{content:"\f547"}.ts-icon.is-tooth-icon:before{content:"\f5c9"}.ts-icon.is-cow-icon:before{content:"\f6c8"}.ts-icon.is-ello-icon:before{content:"\f5f1";font-family:IconsBrands}.ts-icon.is-wordpress-simple-icon:before{content:"\f411";font-family:IconsBrands}.ts-icon.is-ellipsis-vertical-icon:before{content:"\f142"}.ts-icon.is-stopwatch-icon:before{content:"\f2f2"}.ts-icon.is-file-circle-minus-icon:before{content:"\e4ed"}.ts-icon.is-brazilian-real-sign-icon:before{content:"\e46c"}.ts-icon.is-colon-sign-icon:before{content:"\e140"}.ts-icon.is-pix-icon:before{content:"\e43a";font-family:IconsBrands}.ts-icon.is-lungs-virus-icon:before{content:"\e067"}.ts-icon.is-m-icon:before{content:"\4d"}.ts-icon.is-arrows-left-right-icon:before{content:"\f07e"}.ts-icon.is-award-icon:before{content:"\f559"}.ts-icon.is-cc-discover-icon:before{content:"\f1f2";font-family:IconsBrands}.ts-icon.is-hooli-icon:before{content:"\f427";font-family:IconsBrands}.ts-icon.is-book-open-reader-icon:before{content:"\f5da"}.ts-icon.is-spray-can-sparkles-icon:before{content:"\f5d0"}.ts-icon.is-syringe-icon:before{content:"\f48e"}.ts-icon.is-comment-sms-icon:before{content:"\f7cd"}.ts-icon.is-file-pen-icon:before{content:"\f31c"}.ts-icon.is-rainbow-icon:before{content:"\f75b"}.ts-icon.is-trash-can-icon:before{content:"\f2ed"}.ts-icon.is-list-icon:before{content:"\f03a"}.ts-icon.is-servicestack-icon:before{content:"\f3ec";font-family:IconsBrands}.ts-icon.is-spa-icon:before{content:"\f5bb"}.ts-icon.is-aviato-icon:before{content:"\f421";font-family:IconsBrands}.ts-icon.is-centercode-icon:before{content:"\f380";font-family:IconsBrands}.ts-icon.is-face-grin-hearts-icon:before{content:"\f584"}.ts-icon.is-franc-sign-icon:before{content:"\e18f"}.ts-icon.is-house-chimney-medical-icon:before{content:"\f7f2"}.ts-icon.is-hands-bubbles-icon:before{content:"\e05e"}.ts-icon.is-circle-half-stroke-icon:before{content:"\f042"}.ts-icon.is-flipboard-icon:before{content:"\f44d";font-family:IconsBrands}.ts-icon.is-digital-ocean-icon:before{content:"\f391";font-family:IconsBrands}.ts-icon.is-school-icon:before{content:"\f549"}.ts-icon.is-mask-face-icon:before{content:"\e1d7"}.ts-icon.is-message-icon:before{content:"\f27a"}.ts-icon.is-mobile-screen-icon:before{content:"\f3cf"}.ts-icon.is-paragraph-icon:before{content:"\f1dd"}.ts-icon.is-signature-icon:before{content:"\f5b7"}.ts-icon.is-cedi-sign-icon:before{content:"\e0df"}.ts-icon.is-dice-six-icon:before{content:"\f526"}.ts-icon.is-flask-icon:before{content:"\f0c3"}.ts-icon.is-child-combatant-icon:before{content:"\e4e0"}.ts-icon.is-snowplow-icon:before{content:"\f7d2"}.ts-icon.is-wand-sparkles-icon:before{content:"\f72b"}.ts-icon.is-bars-icon:before{content:"\f0c9"}.ts-icon.is-carrot-icon:before{content:"\f787"}.ts-icon.is-circle-pause-icon:before{content:"\f28b"}.ts-icon.is-earlybirds-icon:before{content:"\f39a";font-family:IconsBrands}.ts-icon.is-left-right-icon:before{content:"\f337"}.ts-icon.is-3-icon:before{content:"\33"}.ts-icon.is-bluetooth-b-icon:before{content:"\f294";font-family:IconsBrands}.ts-icon.is-meteor-icon:before{content:"\f753"}.ts-icon.is-code-fork-icon:before{content:"\e13b"}.ts-icon.is-holly-berry-icon:before{content:"\f7aa"}.ts-icon.is-rotate-right-icon:before{content:"\f2f9"}.ts-icon.is-building-circle-check-icon:before{content:"\e4d2"}.ts-icon.is-id-card-icon:before{content:"\f2c2"}.ts-icon.is-rocketchat-icon:before{content:"\f3e8";font-family:IconsBrands}.ts-icon.is-torii-gate-icon:before{content:"\f6a1"}.ts-icon.is-app-store-icon:before{content:"\f36f";font-family:IconsBrands}.ts-icon.is-react-icon:before{content:"\f41b";font-family:IconsBrands}.ts-icon.is-kickstarter-icon:before{content:"\f3bb";font-family:IconsBrands}.ts-icon.is-place-of-worship-icon:before{content:"\f67f"}.ts-icon.is-chalkboard-user-icon:before{content:"\f51c"}.ts-icon.is-cotton-bureau-icon:before{content:"\f89e";font-family:IconsBrands}.ts-icon.is-plane-lock-icon:before{content:"\e558"}.ts-icon.is-rust-icon:before{content:"\e07a";font-family:IconsBrands}.ts-icon.is-grip-icon:before{content:"\f58d"}.ts-icon.is-person-booth-icon:before{content:"\f756"}.ts-icon.is-genderless-icon:before{content:"\f22d"}.ts-icon.is-jet-fighter-up-icon:before{content:"\e518"}.ts-icon.is-terminal-icon:before{content:"\f120"}.ts-icon.is-trash-can-arrow-up-icon:before{content:"\f82a"}.ts-icon.is-amilia-icon:before{content:"\f36d";font-family:IconsBrands}.ts-icon.is-arrows-rotate-icon:before{content:"\f021"}.ts-icon.is-star-half-stroke-icon:before{content:"\f5c0"}.ts-icon.is-location-pin-lock-icon:before{content:"\e51f"}.ts-icon.is-magnifying-glass-icon:before{content:"\f002"}.ts-icon.is-square-pinterest-icon:before{content:"\f0d3";font-family:IconsBrands}.ts-icon.is-heart-icon:before{content:"\f004"}.ts-icon.is-money-bill-wave-icon:before{content:"\f53a"}.ts-icon.is-parachute-box-icon:before{content:"\f4cd"}.ts-icon.is-square-hacker-news-icon:before{content:"\f3af";font-family:IconsBrands}.ts-icon.is-up-right-from-square-icon:before{content:"\f35d"}.ts-icon.is-bold-icon:before{content:"\f032"}.ts-icon.is-discord-icon:before{content:"\f392";font-family:IconsBrands}.ts-icon.is-user-clock-icon:before{content:"\f4fd"}.ts-icon.is-virus-slash-icon:before{content:"\e075"}.ts-icon.is-vuejs-icon:before{content:"\f41f";font-family:IconsBrands}.ts-icon.is-arrows-to-dot-icon:before{content:"\e4be"}.ts-icon.is-face-sad-cry-icon:before{content:"\f5b3"}.ts-icon.is-dog-icon:before{content:"\f6d3"}.ts-icon.is-jar-icon:before{content:"\e516"}.ts-icon.is-first-order-alt-icon:before{content:"\f50a";font-family:IconsBrands}.ts-icon.is-turn-up-icon:before{content:"\f3bf"}.ts-icon.is-s-icon:before{content:"\53"}.ts-icon.is-user-plus-icon:before{content:"\f234"}.ts-icon.is-building-lock-icon:before{content:"\e4d6"}.ts-icon.is-network-wired-icon:before{content:"\f6ff"}.ts-icon.is-skyatlas-icon:before{content:"\f216";font-family:IconsBrands}.ts-icon.is-square-font-awesome-icon:before{content:"\e5ad";font-family:IconsBrands}.ts-icon.is-xmarks-lines-icon:before{content:"\e59a"}.ts-icon.is-angle-left-icon:before{content:"\f104"}.ts-icon.is-down-long-icon:before{content:"\f309"}.ts-icon.is-sailboat-icon:before{content:"\e445"}.ts-icon.is-school-circle-check-icon:before{content:"\e56b"}.ts-icon.is-user-large-slash-icon:before{content:"\f4fa"}.ts-icon.is-xing-icon:before{content:"\f168";font-family:IconsBrands}.ts-icon.is-language-icon:before{content:"\f1ab"}.ts-icon.is-rev-icon:before{content:"\f5b2";font-family:IconsBrands}.ts-icon.is-seedling-icon:before{content:"\f4d8"}.ts-icon.is-circle-xmark-icon:before{content:"\f057"}.ts-icon.is-plane-up-icon:before{content:"\e22d"}.ts-icon.is-hat-cowboy-side-icon:before{content:"\f8c1"}.ts-icon.is-hotdog-icon:before{content:"\f80f"}.ts-icon.is-nfc-symbol-icon:before{content:"\e531";font-family:IconsBrands}.ts-icon.is-arrow-left-icon:before{content:"\f060"}.ts-icon.is-clock-icon:before{content:"\f017"}.ts-icon.is-futbol-icon:before{content:"\f1e3"}.ts-icon.is-trademark-icon:before{content:"\f25c"}.ts-icon.is-square-xmark-icon:before{content:"\f2d3"}.ts-icon.is-clapperboard-icon:before{content:"\e131"}.ts-icon.is-file-arrow-up-icon:before{content:"\f574"}.ts-icon.is-scissors-icon:before{content:"\f0c4"}.ts-icon.is-wordpress-icon:before{content:"\f19a";font-family:IconsBrands}.ts-icon.is-ear-listen-icon:before{content:"\f2a2"}.ts-icon.is-plane-slash-icon:before{content:"\e069"}.ts-icon.is-desktop-icon:before{content:"\f390"}.ts-icon.is-dice-two-icon:before{content:"\f528"}.ts-icon.is-fedex-icon:before{content:"\f797";font-family:IconsBrands}.ts-icon.is-tencent-weibo-icon:before{content:"\f1d5";font-family:IconsBrands}.ts-icon.is-binoculars-icon:before{content:"\f1e5"}.ts-icon.is-blackberry-icon:before{content:"\f37b";font-family:IconsBrands}.ts-icon.is-faucet-icon:before{content:"\e005"}.ts-icon.is-circle-arrow-up-icon:before{content:"\f0aa"}.ts-icon.is-face-grin-tongue-icon:before{content:"\f589"}.ts-icon.is-bitcoin-icon:before{content:"\f379";font-family:IconsBrands}.ts-icon.is-car-tunnel-icon:before{content:"\e4de"}.ts-icon.is-raspberry-pi-icon:before{content:"\f7bb";font-family:IconsBrands}.ts-icon.is-table-columns-icon:before{content:"\f0db"}.ts-icon.is-house-fire-icon:before{content:"\e50c"}.ts-icon.is-skype-icon:before{content:"\f17e";font-family:IconsBrands}.ts-icon.is-blog-icon:before{content:"\f781"}.ts-icon.is-hackerrank-icon:before{content:"\f5f7";font-family:IconsBrands}.ts-icon.is-down-left-and-up-right-to-center-icon:before{content:"\f422"}.ts-icon.is-hand-middle-finger-icon:before{content:"\f806"}.ts-icon.is-mars-stroke-right-icon:before{content:"\f22b"}.ts-icon.is-synagogue-icon:before{content:"\f69b"}.ts-icon.is-tachograph-digital-icon:before{content:"\f566"}.ts-icon.is-atlassian-icon:before{content:"\f77b";font-family:IconsBrands}.ts-icon.is-backward-fast-icon:before{content:"\f049"}.ts-icon.is-fire-flame-simple-icon:before{content:"\f46a"}.ts-icon.is-optin-monster-icon:before{content:"\f23c";font-family:IconsBrands}.ts-icon.is-temperature-arrow-up-icon:before{content:"\e040"}.ts-icon.is-camera-retro-icon:before{content:"\f083"}.ts-icon.is-creative-commons-remix-icon:before{content:"\f4ee";font-family:IconsBrands}.ts-icon.is-check-double-icon:before{content:"\f560"}.ts-icon.is-confluence-icon:before{content:"\f78d";font-family:IconsBrands}.ts-icon.is-quote-right-icon:before{content:"\f10e"}.ts-icon.is-trash-icon:before{content:"\f1f8"}.ts-icon.is-algolia-icon:before{content:"\f36c";font-family:IconsBrands}.ts-icon.is-angle-right-icon:before{content:"\f105"}.ts-icon.is-folder-plus-icon:before{content:"\f65e"}.ts-icon.is-arrows-turn-to-dots-icon:before{content:"\e4c1"}.ts-icon.is-bolt-lightning-icon:before{content:"\e0b7"}.ts-icon.is-toilet-paper-icon:before{content:"\f71e"}.ts-icon.is-calendar-minus-icon:before{content:"\f272"}.ts-icon.is-sistrix-icon:before{content:"\f3ee";font-family:IconsBrands}.ts-icon.is-thumbtack-icon:before{content:"\f08d"}.ts-icon.is-shop-lock-icon:before{content:"\e4a5"}.ts-icon.is-snowflake-icon:before{content:"\f2dc"}.ts-icon.is-screenpal-icon:before{content:"\e570";font-family:IconsBrands}.ts-icon.is-text-height-icon:before{content:"\f034"}.ts-icon.is-building-circle-exclamation-icon:before{content:"\e4d3"}.ts-icon.is-person-breastfeeding-icon:before{content:"\e53a"}.ts-icon.is-person-shelter-icon:before{content:"\e54f"}.ts-icon.is-500px-icon:before{content:"\f26e";font-family:IconsBrands}.ts-icon.is-suitcase-medical-icon:before{content:"\f0fa"}.ts-icon.is-caret-left-icon:before{content:"\f0d9"}.ts-icon.is-mosquito-net-icon:before{content:"\e52c"}.ts-icon.is-shuffle-icon:before{content:"\f074"}.ts-icon.is-store-slash-icon:before{content:"\e071"}.ts-icon.is-apple-whole-icon:before{content:"\f5d1"}.ts-icon.is-bottle-water-icon:before{content:"\e4c5"}.ts-icon.is-cubes-icon:before{content:"\f1b3"}.ts-icon.is-themeco-icon:before{content:"\f5c6";font-family:IconsBrands}.ts-icon.is-angellist-icon:before{content:"\f209";font-family:IconsBrands}.ts-icon.is-forumbee-icon:before{content:"\f211";font-family:IconsBrands}.ts-icon.is-hand-icon:before{content:"\f256"}.ts-icon.is-person-walking-arrow-loop-left-icon:before{content:"\e551"}.ts-icon.is-pied-piper-pp-icon:before{content:"\f1a7";font-family:IconsBrands}.ts-icon.is-bootstrap-icon:before{content:"\f836";font-family:IconsBrands}.ts-icon.is-envelope-icon:before{content:"\f0e0"}.ts-icon.is-mobile-screen-button-icon:before{content:"\f3cd"}.ts-icon.is-teeth-open-icon:before{content:"\f62f"}.ts-icon.is-typo3-icon:before{content:"\f42b";font-family:IconsBrands}.ts-icon.is-biohazard-icon:before{content:"\f780"}.ts-icon.is-box-icon:before{content:"\f466"}.ts-icon.is-users-rectangle-icon:before{content:"\e594"}.ts-icon.is-bangladeshi-taka-sign-icon:before{content:"\e2e6"}.ts-icon.is-earth-asia-icon:before{content:"\f57e"}.ts-icon.is-comment-dollar-icon:before{content:"\f651"}.ts-icon.is-css3-alt-icon:before{content:"\f38b";font-family:IconsBrands}.ts-icon.is-person-arrow-up-from-line-icon:before{content:"\e539"}.ts-icon.is-timeline-icon:before{content:"\e29c"}.ts-icon.is-unity-icon:before{content:"\e049";font-family:IconsBrands}.ts-icon.is-42-group-icon:before{content:"\e080";font-family:IconsBrands}.ts-icon.is-avianex-icon:before{content:"\f374";font-family:IconsBrands}.ts-icon.is-wikipedia-w-icon:before{content:"\f266";font-family:IconsBrands}.ts-icon.is-node-js-icon:before{content:"\f3d3";font-family:IconsBrands}.ts-icon.is-redhat-icon:before{content:"\f7bc";font-family:IconsBrands}.ts-icon.is-magento-icon:before{content:"\f3c4";font-family:IconsBrands}.ts-icon.is-mailchimp-icon:before{content:"\f59e";font-family:IconsBrands}.ts-icon.is-supple-icon:before{content:"\f3f9";font-family:IconsBrands}.ts-icon.is-table-cells-large-icon:before{content:"\f009"}.ts-icon.is-free-code-camp-icon:before{content:"\f2c5";font-family:IconsBrands}.ts-icon.is-hourglass-end-icon:before{content:"\f253"}.ts-icon.is-code-merge-icon:before{content:"\f387"}.ts-icon.is-house-flood-water-circle-arrow-right-icon:before{content:"\e50f"}.ts-icon.is-plane-circle-xmark-icon:before{content:"\e557"}.ts-icon.is-yarn-icon:before{content:"\f7e3";font-family:IconsBrands}.ts-icon.is-circle-user-icon:before{content:"\f2bd"}.ts-icon.is-cloud-showers-heavy-icon:before{content:"\f740"}.ts-icon.is-face-dizzy-icon:before{content:"\f567"}.ts-icon.is-file-csv-icon:before{content:"\f6dd"}.ts-icon.is-house-icon:before{content:"\f015"}.ts-icon.is-arrows-up-to-line-icon:before{content:"\e4c2"}.ts-icon.is-cat-icon:before{content:"\f6be"}.ts-icon.is-face-smile-wink-icon:before{content:"\f4da"}.ts-icon.is-faucet-drip-icon:before{content:"\e006"}.ts-icon.is-record-vinyl-icon:before{content:"\f8d9"}.ts-icon.is-tty-icon:before{content:"\f1e4"}.ts-icon.is-accusoft-icon:before{content:"\f369";font-family:IconsBrands}.ts-icon.is-circle-arrow-down-icon:before{content:"\f0ab"}.ts-icon.is-meetup-icon:before{content:"\f2e0";font-family:IconsBrands}.ts-icon.is-plane-arrival-icon:before{content:"\f5af"}.ts-icon.is-wrench-icon:before{content:"\f0ad"}.ts-icon.is-arrow-down-long-icon:before{content:"\f175"}.ts-icon.is-droplet-icon:before{content:"\f043"}.ts-icon.is-comment-icon:before{content:"\f075"}.ts-icon.is-bandcamp-icon:before{content:"\f2d5";font-family:IconsBrands}.ts-icon.is-box-open-icon:before{content:"\f49e"}.ts-icon.is-money-check-icon:before{content:"\f53c"}.ts-icon.is-arrow-right-icon:before{content:"\f061"}.ts-icon.is-face-grin-beam-sweat-icon:before{content:"\f583"}.ts-icon.is-mars-stroke-up-icon:before{content:"\f22a"}.ts-icon.is-v-icon:before{content:"\56"}.ts-icon.is-child-reaching-icon:before{content:"\e59d"}.ts-icon.is-hornbill-icon:before{content:"\f592";font-family:IconsBrands}.ts-icon.is-goodreads-g-icon:before{content:"\f3a9";font-family:IconsBrands}.ts-icon.is-truck-monster-icon:before{content:"\f63b"}.ts-icon.is-circle-arrow-left-icon:before{content:"\f0a8"}.ts-icon.is-kaggle-icon:before{content:"\f5fa";font-family:IconsBrands}.ts-icon.is-file-invoice-dollar-icon:before{content:"\f571"}.ts-icon.is-leanpub-icon:before{content:"\f212";font-family:IconsBrands}.ts-icon.is-rocket-icon:before{content:"\f135"}.ts-icon.is-c-icon:before{content:"\43"}.ts-icon.is-file-circle-plus-icon:before{content:"\e494"}.ts-icon.is-group-arrows-rotate-icon:before{content:"\e4f6"}.ts-icon.is-shield-virus-icon:before{content:"\e06c"}.ts-icon.is-calendar-plus-icon:before{content:"\f271"}.ts-icon.is-dhl-icon:before{content:"\f790";font-family:IconsBrands}.ts-icon.is-link-slash-icon:before{content:"\f127"}.ts-icon.is-quora-icon:before{content:"\f2c4";font-family:IconsBrands}.ts-icon.is-rug-icon:before{content:"\e569"}.ts-icon.is-toggle-on-icon:before{content:"\f205"}.ts-icon.is-5-icon:before{content:"\35"}.ts-icon.is-arrow-down-icon:before{content:"\f063"}.ts-icon.is-salesforce-icon:before{content:"\f83b";font-family:IconsBrands}.ts-icon.is-dumpster-icon:before{content:"\f793"}.ts-icon.is-om-icon:before{content:"\f679"}.ts-icon.is-tablet-icon:before{content:"\f3fb"}.ts-icon.is-git-alt-icon:before{content:"\f841";font-family:IconsBrands}.ts-icon.is-spider-icon:before{content:"\f717"}.ts-icon.is-walkie-talkie-icon:before{content:"\f8ef"}.ts-icon.is-wind-icon:before{content:"\f72e"}.ts-icon.is-audible-icon:before{content:"\f373";font-family:IconsBrands}.ts-icon.is-l-icon:before{content:"\4c"}.ts-icon.is-person-cane-icon:before{content:"\e53c"}.ts-icon.is-sign-hanging-icon:before{content:"\f4d9"}.ts-icon.is-building-circle-arrow-right-icon:before{content:"\e4d1"}.ts-icon.is-cloud-rain-icon:before{content:"\f73d"}.ts-icon.is-old-republic-icon:before{content:"\f510";font-family:IconsBrands}.ts-icon.is-face-grin-squint-icon:before{content:"\f585"}.ts-icon.is-less-than-equal-icon:before{content:"\f537"}.ts-icon.is-mill-sign-icon:before{content:"\e1ed"}.ts-icon.is-x-icon:before{content:"\58"}.ts-icon.is-arrow-rotate-left-icon:before{content:"\f0e2"}.ts-icon.is-book-quran-icon:before{content:"\f687"}.ts-icon.is-jedi-icon:before{content:"\f669"}.ts-icon.is-apple-pay-icon:before{content:"\f415";font-family:IconsBrands}.ts-icon.is-computer-mouse-icon:before{content:"\f8cc"}.ts-icon.is-staylinked-icon:before{content:"\f3f5";font-family:IconsBrands}.ts-icon.is-face-meh-blank-icon:before{content:"\f5a4"}.ts-icon.is-square-behance-icon:before{content:"\f1b5";font-family:IconsBrands}.ts-icon.is-table-list-icon:before{content:"\f00b"}.ts-icon.is-wand-magic-icon:before{content:"\f0d0"}.ts-icon.is-cart-flatbed-icon:before{content:"\f474"}.ts-icon.is-hips-icon:before{content:"\f452";font-family:IconsBrands}.ts-icon.is-radio-icon:before{content:"\f8d7"}.ts-icon.is-fire-burner-icon:before{content:"\e4f1"}.ts-icon.is-galactic-senate-icon:before{content:"\f50d";font-family:IconsBrands}.ts-icon.is-gulp-icon:before{content:"\f3ae";font-family:IconsBrands}.ts-icon.is-registered-icon:before{content:"\f25d"}.ts-icon.is-fonticons-fi-icon:before{content:"\f3a2";font-family:IconsBrands}.ts-icon.is-globe-icon:before{content:"\f0ac"}.ts-icon.is-house-circle-xmark-icon:before{content:"\e50b"}.ts-icon.is-wheat-awn-icon:before{content:"\e2cd"}.ts-icon.is-google-plus-icon:before{content:"\f2b3";font-family:IconsBrands}.ts-icon.is-google-wallet-icon:before{content:"\f1ee";font-family:IconsBrands}.ts-icon.is-location-crosshairs-icon:before{content:"\f601"}.ts-icon.is-thumbs-down-icon:before{content:"\f165"}.ts-icon.is-wifi-icon:before{content:"\f1eb"}.ts-icon.is-buysellads-icon:before{content:"\f20d";font-family:IconsBrands}.ts-icon.is-filter-icon:before{content:"\f0b0"}.ts-icon.is-florin-sign-icon:before{content:"\e184"}.ts-icon.is-handcuffs-icon:before{content:"\e4f8"}.ts-icon.is-square-up-right-icon:before{content:"\f360"}.ts-icon.is-tree-city-icon:before{content:"\e587"}.ts-icon.is-autoprefixer-icon:before{content:"\f41c";font-family:IconsBrands}.ts-icon.is-right-from-bracket-icon:before{content:"\f2f5"}.ts-icon.is-critical-role-icon:before{content:"\f6c9";font-family:IconsBrands}.ts-icon.is-road-spikes-icon:before{content:"\e568"}.ts-icon.is-truck-ramp-box-icon:before{content:"\f4de"}.ts-icon.is-arrow-right-to-bracket-icon:before{content:"\f090"}.ts-icon.is-clipboard-icon:before{content:"\f328"}.ts-icon.is-tv-icon:before{content:"\f26c"}.ts-icon.is-patreon-icon:before{content:"\f3d9";font-family:IconsBrands}.ts-icon.is-z-icon:before{content:"\5a"}.ts-icon.is-weixin-icon:before{content:"\f1d7";font-family:IconsBrands}.ts-icon.is-moon-icon:before{content:"\f186"}.ts-icon.is-star-and-crescent-icon:before{content:"\f699"}.ts-icon.is-hand-point-right-icon:before{content:"\f0a4"}.ts-icon.is-hand-spock-icon:before{content:"\f259"}.ts-icon.is-code-branch-icon:before{content:"\f126"}.ts-icon.is-credit-card-icon:before{content:"\f09d"}.ts-icon.is-elementor-icon:before{content:"\f430";font-family:IconsBrands}.ts-icon.is-mosquito-icon:before{content:"\e52b"}.ts-icon.is-mountain-city-icon:before{content:"\e52e"}.ts-icon.is-snowman-icon:before{content:"\f7d0"}.ts-icon.is-ban-smoking-icon:before{content:"\f54d"}.ts-icon.is-cmplid-icon:before{content:"\e360";font-family:IconsBrands}.ts-icon.is-school-lock-icon:before{content:"\e56f"}.ts-icon.is-expand-icon:before{content:"\f065"}.ts-icon.is-hubspot-icon:before{content:"\f3b2";font-family:IconsBrands}.ts-icon.is-bridge-lock-icon:before{content:"\e4cc"}.ts-icon.is-circle-dollar-to-slot-icon:before{content:"\f4b9"}.ts-icon.is-pied-piper-icon:before{content:"\f2ae";font-family:IconsBrands}.ts-icon.is-splotch-icon:before{content:"\f5bc"}.ts-icon.is-user-shield-icon:before{content:"\f505"}.ts-icon.is-circle-check-icon:before{content:"\f058"}.ts-icon.is-heart-circle-bolt-icon:before{content:"\e4fc"}.ts-icon.is-bus-simple-icon:before{content:"\f55e"}.ts-icon.is-leaf-icon:before{content:"\f06c"}.ts-icon.is-ioxhost-icon:before{content:"\f208";font-family:IconsBrands}.ts-icon.is-palfed-icon:before{content:"\f3d8";font-family:IconsBrands}.ts-icon.is-download-icon:before{content:"\f019"}.ts-icon.is-house-signal-icon:before{content:"\e012"}.ts-icon.is-xmark-icon:before{content:"\f00d"}.ts-icon.is-codiepie-icon:before{content:"\f284";font-family:IconsBrands}.ts-icon.is-wodu-icon:before{content:"\e088";font-family:IconsBrands}.ts-icon.is-ebay-icon:before{content:"\f4f4";font-family:IconsBrands}.ts-icon.is-litecoin-sign-icon:before{content:"\e1d3"}.ts-icon.is-wheelchair-icon:before{content:"\f193"}.ts-icon.is-heading-icon:before{content:"\f1dc"}.ts-icon.is-person-walking-icon:before{content:"\f554"}.ts-icon.is-circle-plus-icon:before{content:"\f055"}.ts-icon.is-pinterest-icon:before{content:"\f0d2";font-family:IconsBrands}.ts-icon.is-comment-dots-icon:before{content:"\f4ad"}.ts-icon.is-ruler-icon:before{content:"\f545"}.ts-icon.is-pied-piper-hat-icon:before{content:"\f4e5";font-family:IconsBrands}.ts-icon.is-hands-praying-icon:before{content:"\f684"}.ts-icon.is-object-ungroup-icon:before{content:"\f248"}.ts-icon.is-play-icon:before{content:"\f04b"}.ts-icon.is-rupee-sign-icon:before{content:"\f156"}.ts-icon.is-space-awesome-icon:before{content:"\e5ac";font-family:IconsBrands}.ts-icon.is-grip-vertical-icon:before{content:"\f58e"}.ts-icon.is-martini-glass-citrus-icon:before{content:"\f561"}.ts-icon.is-circle-stop-icon:before{content:"\f28d"}.ts-icon.is-display-icon:before{content:"\e163"}.ts-icon.is-graduation-cap-icon:before{content:"\f19d"}.ts-icon.is-truck-field-un-icon:before{content:"\e58e"}.ts-icon.is-youtube-icon:before{content:"\f167";font-family:IconsBrands}.ts-icon.is-backward-icon:before{content:"\f04a"}.ts-icon.is-circle-minus-icon:before{content:"\f056"}.ts-icon.is-route-icon:before{content:"\f4d7"}.ts-icon.is-shield-halved-icon:before{content:"\f3ed"}.ts-icon.is-hand-fist-icon:before{content:"\f6de"}.ts-icon.is-plus-minus-icon:before{content:"\e43c"}.ts-icon.is-replyd-icon:before{content:"\f3e6";font-family:IconsBrands}.ts-icon.is-money-bill-icon:before{content:"\f0d6"}.ts-icon.is-up-long-icon:before{content:"\f30c"}.ts-icon.is-staff-snake-icon:before{content:"\e579"}.ts-icon.is-yelp-icon:before{content:"\f1e9";font-family:IconsBrands}.ts-icon.is-chrome-icon:before{content:"\f268";font-family:IconsBrands}.ts-icon.is-drupal-icon:before{content:"\f1a9";font-family:IconsBrands}.ts-icon.is-erlang-icon:before{content:"\f39d";font-family:IconsBrands}.ts-icon.is-up-down-left-right-icon:before{content:"\f0b2"}.ts-icon.is-weight-hanging-icon:before{content:"\f5cd"}.ts-icon.is-anchor-lock-icon:before{content:"\e4ad"}.ts-icon.is-envelope-circle-check-icon:before{content:"\e4e8"}.ts-icon.is-otter-icon:before{content:"\f700"}.ts-icon.is-calendar-icon:before{content:"\f133"}.ts-icon.is-dice-five-icon:before{content:"\f523"}.ts-icon.is-laptop-code-icon:before{content:"\f5fc"}.ts-icon.is-mountain-icon:before{content:"\f6fc"}.ts-icon.is-highlighter-icon:before{content:"\f591"}.ts-icon.is-landmark-dome-icon:before{content:"\f752"}.ts-icon.is-square-root-variable-icon:before{content:"\f698"}.ts-icon.is-lari-sign-icon:before{content:"\e1c8"}.ts-icon.is-plane-circle-exclamation-icon:before{content:"\e556"}.ts-icon.is-scale-balanced-icon:before{content:"\f24e"}.ts-icon.is-zhihu-icon:before{content:"\f63f";font-family:IconsBrands}.ts-icon.is-handshake-icon:before{content:"\f2b5"}.ts-icon.is-microphone-lines-slash-icon:before{content:"\f539"}.ts-icon.is-taxi-icon:before{content:"\f1ba"}.ts-icon.is-usb-icon:before{content:"\f287";font-family:IconsBrands}.ts-icon.is-x-ray-icon:before{content:"\f497"}.ts-icon.is-head-side-cough-icon:before{content:"\e061"}.ts-icon.is-map-pin-icon:before{content:"\f276"}.ts-icon.is-facebook-icon:before{content:"\f09a";font-family:IconsBrands}.ts-icon.is-file-circle-xmark-icon:before{content:"\e5a1"}.ts-icon.is-dragon-icon:before{content:"\f6d5"}.ts-icon.is-reddit-alien-icon:before{content:"\f281";font-family:IconsBrands}.ts-icon.is-right-long-icon:before{content:"\f30b"}.ts-icon.is-signal-icon:before{content:"\f012"}.ts-icon.is-users-line-icon:before{content:"\e592"}.ts-icon.is-virus-covid-icon:before{content:"\e4a8"}.ts-icon.is-angles-up-icon:before{content:"\f102"}.ts-icon.is-arrow-down-wide-short-icon:before{content:"\f160"}.ts-icon.is-money-bill-1-wave-icon:before{content:"\f53b"}.ts-icon.is-clipboard-list-icon:before{content:"\f46d"}.ts-icon.is-get-pocket-icon:before{content:"\f265";font-family:IconsBrands}.ts-icon.is-centos-icon:before{content:"\f789";font-family:IconsBrands}.ts-icon.is-crosshairs-icon:before{content:"\f05b"}.ts-icon.is-earth-africa-icon:before{content:"\f57c"}.ts-icon.is-house-chimney-crack-icon:before{content:"\f6f1"}.ts-icon.is-smog-icon:before{content:"\f75f"}.ts-icon.is-arrow-up-from-bracket-icon:before{content:"\e09a"}.ts-icon.is-cc-amex-icon:before{content:"\f1f3";font-family:IconsBrands}.ts-icon.is-linkedin-icon:before{content:"\f08c";font-family:IconsBrands}.ts-icon.is-outdent-icon:before{content:"\f03b"}.ts-icon.is-football-icon:before{content:"\f44e"}.ts-icon.is-house-medical-icon:before{content:"\e3b2"}.ts-icon.is-person-drowning-icon:before{content:"\e545"}.ts-icon.is-stapler-icon:before{content:"\e5af"}.ts-icon.is-contao-icon:before{content:"\f26d";font-family:IconsBrands}.ts-icon.is-firstdraft-icon:before{content:"\f3a1";font-family:IconsBrands}.ts-icon.is-person-running-icon:before{content:"\f70c"}.ts-icon.is-tents-icon:before{content:"\e582"}.ts-icon.is-train-icon:before{content:"\f238"}.ts-icon.is-van-shuttle-icon:before{content:"\f5b6"}.ts-icon.is-chess-rook-icon:before{content:"\f447"}.ts-icon.is-glass-water-droplet-icon:before{content:"\e4f5"}.ts-icon.is-fill-icon:before{content:"\f575"}.ts-icon.is-fish-fins-icon:before{content:"\e4f2"}.ts-icon.is-users-viewfinder-icon:before{content:"\e595"}.ts-icon.is-vr-cardboard-icon:before{content:"\f729"}.ts-icon.is-facebook-f-icon:before{content:"\f39e";font-family:IconsBrands}.ts-icon.is-file-waveform-icon:before{content:"\f478"}.ts-icon.is-person-burst-icon:before{content:"\e53b"}.ts-icon.is-person-skating-icon:before{content:"\f7c5"}.ts-icon.is-spray-can-icon:before{content:"\f5bd"}.ts-icon.is-circle-dot-icon:before{content:"\f192"}.ts-icon.is-microscope-icon:before{content:"\f610"}.ts-icon.is-square-whatsapp-icon:before{content:"\f40c";font-family:IconsBrands}.ts-icon.is-user-tie-icon:before{content:"\f508"}.ts-icon.is-yahoo-icon:before{content:"\f19e";font-family:IconsBrands}.ts-icon.is-person-hiking-icon:before{content:"\f6ec"}.ts-icon.is-podcast-icon:before{content:"\f2ce"}.ts-icon.is-elevator-icon:before{content:"\e16d"}.ts-icon.is-ticket-icon:before{content:"\f145"}.ts-icon.is-not-equal-icon:before{content:"\f53e"}.ts-icon.is-droplet-slash-icon:before{content:"\f5c7"}.ts-icon.is-file-export-icon:before{content:"\f56e"}.ts-icon.is-floppy-disk-icon:before{content:"\f0c7"}.ts-icon.is-people-line-icon:before{content:"\e534"}.ts-icon.is-arrow-right-long-icon:before{content:"\f178"}.ts-icon.is-church-icon:before{content:"\f51d"}.ts-icon.is-gas-pump-icon:before{content:"\f52f"}.ts-icon.is-tenge-sign-icon:before{content:"\f7d7"}.ts-icon.is-compact-disc-icon:before{content:"\f51f"}.ts-icon.is-angles-left-icon:before{content:"\f100"}.ts-icon.is-arrow-down-a-z-icon:before{content:"\f15d"}.ts-icon.is-map-location-icon:before{content:"\f59f"}.ts-icon.is-pen-ruler-icon:before{content:"\f5ae"}.ts-icon.is-unlock-icon:before{content:"\f09c"}.ts-icon.is-file-zipper-icon:before{content:"\f1c6"}.ts-icon.is-fish-icon:before{content:"\f578"}.ts-icon.is-markdown-icon:before{content:"\f60f";font-family:IconsBrands}.ts-icon.is-battery-empty-icon:before{content:"\f244"}.ts-icon.is-file-circle-question-icon:before{content:"\e4ef"}.ts-icon.is-cc-stripe-icon:before{content:"\f1f5";font-family:IconsBrands}.ts-icon.is-dungeon-icon:before{content:"\f6d9"}.ts-icon.is-sketch-icon:before{content:"\f7c6";font-family:IconsBrands}.ts-icon.is-underline-icon:before{content:"\f0cd"}.ts-icon.is-barcode-icon:before{content:"\f02a"}.ts-icon.is-bugs-icon:before{content:"\e4d0"}.ts-icon.is-vest-icon:before{content:"\e085"}.ts-icon.is-bore-hole-icon:before{content:"\e4c3"}.ts-icon.is-face-grin-icon:before{content:"\f580"}.ts-icon.is-watchman-monitoring-icon:before{content:"\e087";font-family:IconsBrands}.ts-icon.is-arrows-down-to-line-icon:before{content:"\e4b8"}.ts-icon.is-house-chimney-icon:before{content:"\e3af"}.ts-icon.is-mobile-button-icon:before{content:"\f10b"}.ts-icon.is-pen-fancy-icon:before{content:"\f5ac"}.ts-icon.is-poop-icon:before{content:"\f619"}.ts-icon.is-life-ring-icon:before{content:"\f1cd"}.ts-icon.is-arrow-turn-up-icon:before{content:"\f148"}.ts-icon.is-comments-dollar-icon:before{content:"\f653"}.ts-icon.is-o-icon:before{content:"\4f"}.ts-icon.is-building-shield-icon:before{content:"\e4d8"}.ts-icon.is-paperclip-icon:before{content:"\f0c6"}.ts-icon.is-mound-icon:before{content:"\e52d"}.ts-icon.is-guarani-sign-icon:before{content:"\e19a"}.ts-icon.is-f-icon:before{content:"\46"}.ts-icon.is-gripfire-icon:before{content:"\f3ac";font-family:IconsBrands}.ts-icon.is-laptop-medical-icon:before{content:"\f812"}.ts-icon.is-puzzle-piece-icon:before{content:"\f12e"}.ts-icon.is-square-github-icon:before{content:"\f092";font-family:IconsBrands}.ts-icon.is-turkish-lira-sign-icon:before{content:"\e2bb"}.ts-icon.is-file-icon:before{content:"\f15b"}.ts-icon.is-hand-point-left-icon:before{content:"\f0a5"}.ts-icon.is-less-than-icon:before{content:"\3c"}.ts-icon.is-octopus-deploy-icon:before{content:"\e082";font-family:IconsBrands}.ts-icon.is-arrow-rotate-right-icon:before{content:"\f01e"}.ts-icon.is-camera-rotate-icon:before{content:"\e0d8"}.ts-icon.is-ear-deaf-icon:before{content:"\f2a4"}.ts-icon.is-gear-icon:before{content:"\f013"}.ts-icon.is-instagram-icon:before{content:"\f16d";font-family:IconsBrands}.ts-icon.is-kickstarter-k-icon:before{content:"\f3bc";font-family:IconsBrands}.ts-icon.is-modx-icon:before{content:"\f285";font-family:IconsBrands}.ts-icon.is-r-project-icon:before{content:"\f4f7";font-family:IconsBrands}.ts-icon.is-cart-plus-icon:before{content:"\f217"}.ts-icon.is-file-contract-icon:before{content:"\f56c"}.ts-icon.is-joget-icon:before{content:"\f3b7";font-family:IconsBrands}.ts-icon.is-beer-mug-empty-icon:before{content:"\f0fc"}.ts-icon.is-handshake-slash-icon:before{content:"\e060"}.ts-icon.is-foursquare-icon:before{content:"\f180";font-family:IconsBrands}.ts-icon.is-passport-icon:before{content:"\f5ab"}.ts-icon.is-people-carry-box-icon:before{content:"\f4ce"}.ts-icon.is-plug-circle-exclamation-icon:before{content:"\e55d"}.ts-icon.is-ring-icon:before{content:"\f70b"}.ts-icon.is-bridge-circle-check-icon:before{content:"\e4c9"}.ts-icon.is-folder-icon:before{content:"\f07b"}.ts-icon.is-shuttle-space-icon:before{content:"\f197"}.ts-icon.is-sun-icon:before{content:"\f185"}.ts-icon.is-fax-icon:before{content:"\f1ac"}.ts-icon.is-truck-icon:before{content:"\f0d1"}.ts-icon.is-facebook-messenger-icon:before{content:"\f39f";font-family:IconsBrands}.ts-icon.is-rotate-left-icon:before{content:"\f2ea"}.ts-icon.is-anchor-circle-check-icon:before{content:"\e4aa"}.ts-icon.is-face-grin-wide-icon:before{content:"\f581"}.ts-icon.is-peseta-sign-icon:before{content:"\e221"}.ts-icon.is-scale-unbalanced-flip-icon:before{content:"\f516"}.ts-icon.is-smoking-icon:before{content:"\f48d"}.ts-icon.is-user-tag-icon:before{content:"\f507"}.ts-icon.is-evernote-icon:before{content:"\f839";font-family:IconsBrands}.ts-icon.is-oil-can-icon:before{content:"\f613"}.ts-icon.is-share-nodes-icon:before{content:"\f1e0"}.ts-icon.is-ussunnah-icon:before{content:"\f407";font-family:IconsBrands}.ts-icon.is-face-frown-open-icon:before{content:"\f57a"}.ts-icon.is-file-image-icon:before{content:"\f1c5"}.ts-icon.is-democrat-icon:before{content:"\f747"}.ts-icon.is-location-pin-icon:before{content:"\f041"}.ts-icon.is-briefcase-medical-icon:before{content:"\f469"}.ts-icon.is-camera-icon:before{content:"\f030"}.ts-icon.is-face-laugh-wink-icon:before{content:"\f59c"}.ts-icon.is-id-card-clip-icon:before{content:"\f47f"}.ts-icon.is-hurricane-icon:before{content:"\f751"}.ts-icon.is-searchengin-icon:before{content:"\f3eb";font-family:IconsBrands}.ts-icon.is-champagne-glasses-icon:before{content:"\f79f"}.ts-icon.is-deviantart-icon:before{content:"\f1bd";font-family:IconsBrands}.ts-icon.is-fill-drip-icon:before{content:"\f576"}.ts-icon.is-forward-fast-icon:before{content:"\f050"}.ts-icon.is-grip-lines-icon:before{content:"\f7a4"}.ts-icon.is-microphone-lines-icon:before{content:"\f3c9"}.ts-icon.is-osi-icon:before{content:"\f41a";font-family:IconsBrands}.ts-icon.is-twitch-icon:before{content:"\f1e8";font-family:IconsBrands}.ts-icon.is-atom-icon:before{content:"\f5d2"}.ts-icon.is-face-sad-tear-icon:before{content:"\f5b4"}.ts-icon.is-hands-holding-child-icon:before{content:"\e4fa"}.ts-icon.is-person-dress-icon:before{content:"\f182"}.ts-icon.is-resolving-icon:before{content:"\f3e7";font-family:IconsBrands}.ts-icon.is-sticker-mule-icon:before{content:"\f3f7";font-family:IconsBrands}.ts-icon.is-tablet-button-icon:before{content:"\f10a"}.ts-icon.is-dribbble-icon:before{content:"\f17d";font-family:IconsBrands}.ts-icon.is-eye-icon:before{content:"\f06e"}.ts-icon.is-dailymotion-icon:before{content:"\e052";font-family:IconsBrands}.ts-icon.is-goodreads-icon:before{content:"\f3a8";font-family:IconsBrands}.ts-icon.is-bell-concierge-icon:before{content:"\f562"}.ts-icon.is-cc-jcb-icon:before{content:"\f24b";font-family:IconsBrands}.ts-icon.is-menorah-icon:before{content:"\f676"}.ts-icon.is-person-biking-icon:before{content:"\f84a"}.ts-icon.is-shop-slash-icon:before{content:"\e070"}.ts-icon.is-square-tumblr-icon:before{content:"\f174";font-family:IconsBrands}.ts-icon.is-stopwatch-20-icon:before{content:"\e06f"}.ts-icon.is-folder-open-icon:before{content:"\f07c"}.ts-icon.is-kit-medical-icon:before{content:"\f479"}.ts-icon.is-brush-icon:before{content:"\f55d"}.ts-icon.is-user-large-icon:before{content:"\f406"}.ts-icon.is-arrow-up-long-icon:before{content:"\f176"}.ts-icon.is-bahai-icon:before{content:"\f666"}.ts-icon.is-person-chalkboard-icon:before{content:"\e53d"}.ts-icon.is-sim-card-icon:before{content:"\f7c4"}.ts-icon.is-suse-icon:before{content:"\f7d6";font-family:IconsBrands}.ts-icon.is-y-combinator-icon:before{content:"\f23b";font-family:IconsBrands}.ts-icon.is-book-journal-whills-icon:before{content:"\f66a"}.ts-icon.is-paper-plane-icon:before{content:"\f1d8"}.ts-icon.is-pen-clip-icon:before{content:"\f305"}.ts-icon.is-square-odnoklassniki-icon:before{content:"\f264";font-family:IconsBrands}.ts-icon.is-themeisle-icon:before{content:"\f2b2";font-family:IconsBrands}.ts-icon.is-car-side-icon:before{content:"\f5e4"}.ts-icon.is-face-flushed-icon:before{content:"\f579"}.ts-icon.is-crutch-icon:before{content:"\f7f7"}.ts-icon.is-door-open-icon:before{content:"\f52b"}.ts-icon.is-firefox-browser-icon:before{content:"\e007";font-family:IconsBrands}.ts-icon.is-shower-icon:before{content:"\f2cc"}.ts-icon.is-children-icon:before{content:"\e4e1"}.ts-icon.is-cloud-moon-rain-icon:before{content:"\f73c"}.ts-icon.is-microchip-icon:before{content:"\f2db"}.ts-icon.is-skull-icon:before{content:"\f54c"}.ts-icon.is-square-js-icon:before{content:"\f3b9";font-family:IconsBrands}.ts-icon.is-bezier-curve-icon:before{content:"\f55b"}.ts-icon.is-cloud-moon-icon:before{content:"\f6c3"}.ts-icon.is-freebsd-icon:before{content:"\f3a4";font-family:IconsBrands}.ts-icon.is-frog-icon:before{content:"\f52e"}.ts-icon.is-app-store-ios-icon:before{content:"\f370";font-family:IconsBrands}.ts-icon.is-clipboard-user-icon:before{content:"\f7f3"}.ts-icon.is-grav-icon:before{content:"\f2d6";font-family:IconsBrands}.ts-icon.is-jug-detergent-icon:before{content:"\e519"}.ts-icon.is-wirsindhandwerk-icon:before{content:"\e2d0";font-family:IconsBrands}.ts-icon.is-cloud-icon:before{content:"\f0c2"}.ts-icon.is-heart-crack-icon:before{content:"\f7a9"}.ts-icon.is-rectangle-ad-icon:before{content:"\f641"}.ts-icon.is-speakap-icon:before{content:"\f3f3";font-family:IconsBrands}.ts-icon.is-hands-holding-circle-icon:before{content:"\e4fb"}.ts-icon.is-masks-theater-icon:before{content:"\f630"}.ts-icon.is-bomb-icon:before{content:"\f1e2"}.ts-icon.is-robot-icon:before{content:"\f544"}.ts-icon.is-square-envelope-icon:before{content:"\f199"}.ts-icon.is-square-lastfm-icon:before{content:"\f203";font-family:IconsBrands}.ts-icon.is-bottle-droplet-icon:before{content:"\e4c4"}.ts-icon.is-people-robbery-icon:before{content:"\e536"}.ts-icon.is-wolf-pack-battalion-icon:before{content:"\f514";font-family:IconsBrands}.ts-icon.is-google-icon:before{content:"\f1a0";font-family:IconsBrands}.ts-icon.is-train-tram-icon:before{content:"\e5b4"}.ts-icon.is-tent-icon:before{content:"\e57d"}.ts-icon.is-temperature-quarter-icon:before{content:"\f2ca"}.ts-icon.is-lira-sign-icon:before{content:"\f195"}.ts-icon.is-steam-symbol-icon:before{content:"\f3f6";font-family:IconsBrands}.ts-icon.is-plug-icon:before{content:"\f1e6"}.ts-icon.is-slash-icon:before{content:"\f715"}.ts-icon.is-tornado-icon:before{content:"\f76f"}.ts-icon.is-wpressr-icon:before{content:"\f3e4";font-family:IconsBrands}.ts-icon.is-amazon-pay-icon:before{content:"\f42c";font-family:IconsBrands}.ts-icon.is-landmark-icon:before{content:"\f66f"}.ts-icon.is-socks-icon:before{content:"\f696"}.ts-icon.is-cloudsmith-icon:before{content:"\f384";font-family:IconsBrands}.ts-icon.is-radiation-icon:before{content:"\f7b9"}.ts-icon.is-microblog-icon:before{content:"\e01a";font-family:IconsBrands}.ts-icon.is-mortar-pestle-icon:before{content:"\f5a7"}.ts-icon.is-yandex-international-icon:before{content:"\f414";font-family:IconsBrands}.ts-icon.is-car-burst-icon:before{content:"\f5e1"}.ts-icon.is-hand-point-down-icon:before{content:"\f0a7"}.ts-icon.is-house-user-icon:before{content:"\e1b0"}.ts-icon.is-ideal-icon:before{content:"\e013";font-family:IconsBrands}.ts-icon.is-sellcast-icon:before{content:"\f2da";font-family:IconsBrands}.ts-icon.is-behance-icon:before{content:"\f1b4";font-family:IconsBrands}.ts-icon.is-hands-asl-interpreting-icon:before{content:"\f2a3"}.ts-icon.is-child-icon:before{content:"\f1ae"}.ts-icon.is-eject-icon:before{content:"\f052"}.ts-icon.is-fingerprint-icon:before{content:"\f577"}.ts-icon.is-font-awesome-icon:before{content:"\f2b4"}.ts-icon.is-anchor-icon:before{content:"\f13d"}.ts-icon.is-asterisk-icon:before{content:"\2a"}.ts-icon.is-phone-flip-icon:before{content:"\f879"}.ts-icon.is-square-phone-icon:before{content:"\f098"}.ts-icon.is-ticket-simple-icon:before{content:"\f3ff"}.ts-icon.is-hand-holding-droplet-icon:before{content:"\f4c1"}.ts-icon.is-hryvnia-sign-icon:before{content:"\f6f2"}.ts-icon.is-envira-icon:before{content:"\f299";font-family:IconsBrands}.ts-icon.is-file-audio-icon:before{content:"\f1c7"}.ts-icon.is-swift-icon:before{content:"\f8e1";font-family:IconsBrands}.ts-icon.is-8-icon:before{content:"\38"}.ts-icon.is-creative-commons-zero-icon:before{content:"\f4f3";font-family:IconsBrands}.ts-icon.is-sink-icon:before{content:"\e06d"}.ts-icon.is-volleyball-icon:before{content:"\f45f"}.ts-icon.is-html5-icon:before{content:"\f13b";font-family:IconsBrands}.ts-icon.is-medium-icon:before{content:"\f23a";font-family:IconsBrands}.ts-icon.is-diagram-project-icon:before{content:"\f542"}.ts-icon.is-steam-icon:before{content:"\f1b6";font-family:IconsBrands}.ts-icon.is-arrow-up-icon:before{content:"\f062"}.ts-icon.is-bimobject-icon:before{content:"\f378";font-family:IconsBrands}.ts-icon.is-spoon-icon:before{content:"\f2e5"}.ts-icon.is-creative-commons-icon:before{content:"\f25e";font-family:IconsBrands}.ts-icon.is-shrimp-icon:before{content:"\e448"}.ts-icon.is-hands-clapping-icon:before{content:"\e1a8"}.ts-icon.is-scribd-icon:before{content:"\f28a";font-family:IconsBrands}.ts-icon.is-file-medical-icon:before{content:"\f477"}.ts-icon.is-folder-tree-icon:before{content:"\f802"}.ts-icon.is-heart-circle-exclamation-icon:before{content:"\e4fe"}.ts-icon.is-heart-pulse-icon:before{content:"\f21e"}.ts-icon.is-virus-icon:before{content:"\e074"}.ts-icon.is-1-icon:before{content:"\31"}.ts-icon.is-box-archive-icon:before{content:"\f187"}.ts-icon.is-pencil-icon:before{content:"\f303"}.ts-icon.is-flag-checkered-icon:before{content:"\f11e"}.ts-icon.is-house-laptop-icon:before{content:"\e066"}.ts-icon.is-yoast-icon:before{content:"\f2b1";font-family:IconsBrands}.ts-icon.is-house-medical-flag-icon:before{content:"\e514"}.ts-icon.is-trailer-icon:before{content:"\e041"}.ts-icon.is-shield-dog-icon:before{content:"\e573"}.ts-icon.is-square-share-nodes-icon:before{content:"\f1e1"}.ts-icon.is-folder-minus-icon:before{content:"\f65d"}.ts-icon.is-money-bill-1-icon:before{content:"\f3d1"}.ts-icon.is-border-top-left-icon:before{content:"\f853"}.ts-icon.is-forward-icon:before{content:"\f04e"}.ts-icon.is-java-icon:before{content:"\f4e4";font-family:IconsBrands}.ts-icon.is-mitten-icon:before{content:"\f7b5"}.ts-icon.is-sun-plant-wilt-icon:before{content:"\e57a"}.ts-icon.is-bridge-circle-exclamation-icon:before{content:"\e4ca"}.ts-icon.is-circle-chevron-right-icon:before{content:"\f138"}.ts-icon.is-joint-icon:before{content:"\f595"}.ts-icon.is-transgender-icon:before{content:"\f225"}.ts-icon.is-fort-awesome-icon:before{content:"\f286";font-family:IconsBrands}.ts-icon.is-apple-icon:before{content:"\f179";font-family:IconsBrands}.ts-icon.is-eye-slash-icon:before{content:"\f070"}.ts-icon.is-deskpro-icon:before{content:"\f38f";font-family:IconsBrands}.ts-icon.is-face-grin-beam-icon:before{content:"\f582"}.ts-icon.is-file-circle-check-icon:before{content:"\e5a0"}.ts-icon.is-red-river-icon:before{content:"\f3e3";font-family:IconsBrands}.ts-icon.is-yen-sign-icon:before{content:"\f157"}.ts-icon.is-address-card-icon:before{content:"\f2bb"}.ts-icon.is-burger-icon:before{content:"\f805"}.ts-icon.is-arrows-to-circle-icon:before{content:"\e4bd"}.ts-icon.is-square-check-icon:before{content:"\f14a"}.ts-icon.is-keybase-icon:before{content:"\f4f5";font-family:IconsBrands}.ts-icon.is-money-bill-wheat-icon:before{content:"\e52a"}.ts-icon.is-person-circle-exclamation-icon:before{content:"\e53f"}.ts-icon.is-star-icon:before{content:"\f005"}.ts-icon.is-fan-icon:before{content:"\f863"}.ts-icon.is-hand-sparkles-icon:before{content:"\e05d"}.ts-icon.is-face-smile-icon:before{content:"\f118"}.ts-icon.is-q-icon:before{content:"\51"}.ts-icon.is-product-hunt-icon:before{content:"\f288";font-family:IconsBrands}.ts-icon.is-cent-sign-icon:before{content:"\e3f5"}.ts-icon.is-person-walking-luggage-icon:before{content:"\e554"}.ts-icon.is-star-half-icon:before{content:"\f089"}.ts-icon.is-truck-droplet-icon:before{content:"\e58c"}.ts-icon.is-campground-icon:before{content:"\f6bb"}.ts-icon.is-napster-icon:before{content:"\f3d2";font-family:IconsBrands}.ts-icon.is-cruzeiro-sign-icon:before{content:"\e152"}.ts-icon.is-hand-holding-medical-icon:before{content:"\e05c"}.ts-icon.is-heart-circle-check-icon:before{content:"\e4fd"}.ts-icon.is-k-icon:before{content:"\4b"}.ts-icon.is-person-circle-question-icon:before{content:"\e542"}.ts-icon.is-car-rear-icon:before{content:"\f5de"}.ts-icon.is-cookie-bite-icon:before{content:"\f564"}.ts-icon.is-grip-lines-vertical-icon:before{content:"\f7a5"}.ts-icon.is-circle-icon:before{content:"\f111"}.ts-icon.is-file-excel-icon:before{content:"\f1c3"}.ts-icon.is-hotel-icon:before{content:"\f594"}.ts-icon.is-angles-right-icon:before{content:"\f101"}.ts-icon.is-clover-icon:before{content:"\e139"}.ts-icon.is-tags-icon:before{content:"\f02c"}.ts-icon.is-bowling-ball-icon:before{content:"\f436"}.ts-icon.is-box-tissue-icon:before{content:"\e05b"}.ts-icon.is-intercom-icon:before{content:"\f7af";font-family:IconsBrands}.ts-icon.is-umbrella-icon:before{content:"\f0e9"}.ts-icon.is-chess-icon:before{content:"\f439"}.ts-icon.is-dumpster-fire-icon:before{content:"\f794"}.ts-icon.is-house-tsunami-icon:before{content:"\e515"}.ts-icon.is-id-badge-icon:before{content:"\f2c1"}.ts-icon.is-deploydog-icon:before{content:"\f38e";font-family:IconsBrands}.ts-icon.is-dice-three-icon:before{content:"\f527"}.ts-icon.is-toilet-portable-icon:before{content:"\e583"}.ts-icon.is-infinity-icon:before{content:"\f534"}.ts-icon.is-shekel-sign-icon:before{content:"\f20b"}.ts-icon.is-yammer-icon:before{content:"\f840";font-family:IconsBrands}.ts-icon.is-peso-sign-icon:before{content:"\e222"}.ts-icon.is-plane-circle-check-icon:before{content:"\e555"}.ts-icon.is-ruler-combined-icon:before{content:"\f546"}.ts-icon.is-scroll-icon:before{content:"\f70e"}.ts-icon.is-skull-crossbones-icon:before{content:"\f714"}.ts-icon.is-uikit-icon:before{content:"\f403";font-family:IconsBrands}.ts-icon.is-ankh-icon:before{content:"\f644"}.ts-icon.is-boxes-packing-icon:before{content:"\e4c7"}.ts-icon.is-gitlab-icon:before{content:"\f296";font-family:IconsBrands}.ts-icon.is-boxes-stacked-icon:before{content:"\f468"}.ts-icon.is-quinscape-icon:before{content:"\f459";font-family:IconsBrands}.ts-icon.is-researchgate-icon:before{content:"\f4f8";font-family:IconsBrands}.ts-icon.is-truck-moving-icon:before{content:"\f4df"}.ts-icon.is-dna-icon:before{content:"\f471"}.ts-icon.is-magnet-icon:before{content:"\f076"}.ts-icon.is-trade-federation-icon:before{content:"\f513";font-family:IconsBrands}.ts-icon.is-jenkins-icon:before{content:"\f3b6";font-family:IconsBrands}.ts-icon.is-monument-icon:before{content:"\f5a6"}.ts-icon.is-bacteria-icon:before{content:"\e059"}.ts-icon.is-itch-io-icon:before{content:"\f83a";font-family:IconsBrands}.ts-icon.is-microphone-slash-icon:before{content:"\f131"}.ts-icon.is-road-lock-icon:before{content:"\e567"}.ts-icon.is-glide-g-icon:before{content:"\f2a6";font-family:IconsBrands}.ts-icon.is-hashtag-icon:before{content:"\23"}.ts-icon.is-warehouse-icon:before{content:"\f494"}.ts-icon.is-opencart-icon:before{content:"\f23d";font-family:IconsBrands}.ts-icon.is-ups-icon:before{content:"\f7e0";font-family:IconsBrands}.ts-icon.is-playstation-icon:before{content:"\f3df";font-family:IconsBrands}.ts-icon.is-sellsy-icon:before{content:"\f213";font-family:IconsBrands}.ts-icon.is-github-alt-icon:before{content:"\f113";font-family:IconsBrands}.ts-icon.is-oil-well-icon:before{content:"\e532"}.ts-icon.is-perbyte-icon:before{content:"\e083";font-family:IconsBrands}.ts-icon.is-square-caret-right-icon:before{content:"\f152"}.ts-icon.is-buffer-icon:before{content:"\f837";font-family:IconsBrands}.ts-icon.is-face-laugh-icon:before{content:"\f599"}.ts-icon.is-helicopter-symbol-icon:before{content:"\e502"}.ts-icon.is-aws-icon:before{content:"\f375";font-family:IconsBrands}.ts-icon.is-book-medical-icon:before{content:"\f7e6"}.ts-icon.is-inbox-icon:before{content:"\f01c"}.ts-icon.is-superscript-icon:before{content:"\f12b"}.ts-icon.is-cookie-icon:before{content:"\f563"}.ts-icon.is-fire-flame-curved-icon:before{content:"\f7e4"}.ts-icon.is-sd-card-icon:before{content:"\f7c2"}.ts-icon.is-user-slash-icon:before{content:"\f506"}.ts-icon.is-bacterium-icon:before{content:"\e05a"}.ts-icon.is-maximize-icon:before{content:"\f31e"}.ts-icon.is-trophy-icon:before{content:"\f091"}.ts-icon.is-anchor-circle-xmark-icon:before{content:"\e4ac"}.ts-icon.is-keyboard-icon:before{content:"\f11c"}.ts-icon.is-phone-volume-icon:before{content:"\f2a0"}.ts-icon.is-pills-icon:before{content:"\f484"}.ts-icon.is-square-reddit-icon:before{content:"\f1a2";font-family:IconsBrands}.ts-icon.is-buy-n-large-icon:before{content:"\f8a6";font-family:IconsBrands}.ts-icon.is-face-grin-wink-icon:before{content:"\f58c"}.ts-icon.is-6-icon:before{content:"\36"}.ts-icon.is-stop-icon:before{content:"\f04d"}.ts-icon.is-hand-holding-icon:before{content:"\f4bd"}.ts-icon.is-person-circle-minus-icon:before{content:"\e540"}.ts-icon.is-shoe-prints-icon:before{content:"\f54b"}.ts-icon.is-bug-icon:before{content:"\f188"}.ts-icon.is-creative-commons-nc-jp-icon:before{content:"\f4ea";font-family:IconsBrands}.ts-icon.is-house-crack-icon:before{content:"\e3b1"}.ts-icon.is-node-icon:before{content:"\f419";font-family:IconsBrands}.ts-icon.is-arrow-left-long-icon:before{content:"\f177"}.ts-icon.is-face-laugh-squint-icon:before{content:"\f59b"}.ts-icon.is-head-side-cough-slash-icon:before{content:"\e062"}.ts-icon.is-connectdevelop-icon:before{content:"\f20e";font-family:IconsBrands}.ts-icon.is-galactic-republic-icon:before{content:"\f50c";font-family:IconsBrands}.ts-icon.is-square-dribbble-icon:before{content:"\f397";font-family:IconsBrands}.ts-icon.is-volume-high-icon:before{content:"\f028"}.ts-icon.is-arrow-right-arrow-left-icon:before{content:"\f0ec"}.ts-icon.is-codepen-icon:before{content:"\f1cb";font-family:IconsBrands}.ts-icon.is-plug-circle-xmark-icon:before{content:"\e560"}.ts-icon.is-align-left-icon:before{content:"\f036"}.ts-icon.is-ember-icon:before{content:"\f423";font-family:IconsBrands}.ts-icon.is-spell-check-icon:before{content:"\f891"}.ts-icon.is-think-peaks-icon:before{content:"\f731";font-family:IconsBrands}.ts-icon.is-arrow-trend-up-icon:before{content:"\e098"}.ts-icon.is-person-walking-arrow-right-icon:before{content:"\e552"}.ts-icon.is-satellite-icon:before{content:"\f7bf"}.ts-icon.is-square-xing-icon:before{content:"\f169";font-family:IconsBrands}.ts-icon.is-wix-icon:before{content:"\f5cf";font-family:IconsBrands}.ts-icon.is-flickr-icon:before{content:"\f16e";font-family:IconsBrands}.ts-icon.is-pagelines-icon:before{content:"\f18c";font-family:IconsBrands}.ts-icon.is-hamsa-icon:before{content:"\f665"}.ts-icon.is-stack-exchange-icon:before{content:"\f18d";font-family:IconsBrands}.ts-icon.is-forward-step-icon:before{content:"\f051"}.ts-icon.is-prescription-bottle-medical-icon:before{content:"\f486"}.ts-icon.is-address-book-icon:before{content:"\f2b9"}.ts-icon.is-face-grin-tongue-wink-icon:before{content:"\f58b"}.ts-icon.is-map-icon:before{content:"\f279"}.ts-icon.is-readme-icon:before{content:"\f4d5";font-family:IconsBrands}.ts-icon.is-dice-d20-icon:before{content:"\f6cf"}.ts-icon.is-gauge-icon:before{content:"\f624"}.ts-icon.is-mars-stroke-icon:before{content:"\f229"}.ts-icon.is-viacoin-icon:before{content:"\f237";font-family:IconsBrands}.ts-icon.is-code-icon:before{content:"\f121"}.ts-icon.is-egg-icon:before{content:"\f7fb"}.ts-icon.is-earth-europe-icon:before{content:"\f7a2"}.ts-icon.is-person-arrow-down-to-line-icon:before{content:"\e538"}.ts-icon.is-dolly-icon:before{content:"\f472"}.ts-icon.is-circle-play-icon:before{content:"\f144"}.ts-icon.is-closed-captioning-icon:before{content:"\f20a"}.ts-icon.is-circle-down-icon:before{content:"\f358"}.ts-icon.is-sort-up-icon:before{content:"\f0de"}.ts-icon.is-code-compare-icon:before{content:"\e13a"}.ts-icon.is-envelopes-bulk-icon:before{content:"\f674"}.ts-icon.is-user-secret-icon:before{content:"\f21b"}.ts-icon.is-wpforms-icon:before{content:"\f298";font-family:IconsBrands}.ts-icon.is-arrow-trend-down-icon:before{content:"\e097"}.ts-icon.is-arrows-split-up-and-left-icon:before{content:"\e4bc"}.ts-icon.is-person-walking-with-cane-icon:before{content:"\f29d"}.ts-icon.is-bowl-food-icon:before{content:"\e4c6"}.ts-icon.is-horse-head-icon:before{content:"\f7ab"}.ts-icon.is-chart-gantt-icon:before{content:"\e0e4"}.ts-icon.is-calculator-icon:before{content:"\f1ec"}.ts-icon.is-meta-icon:before{content:"\e49b";font-family:IconsBrands}.ts-icon.is-person-praying-icon:before{content:"\f683"}.ts-icon.is-stripe-s-icon:before{content:"\f42a";font-family:IconsBrands}.ts-icon.is-anchor-circle-exclamation-icon:before{content:"\e4ab"}.ts-icon.is-book-bible-icon:before{content:"\f647"}.ts-icon.is-stumbleupon-circle-icon:before{content:"\f1a3";font-family:IconsBrands}.ts-icon.is-house-medical-circle-exclamation-icon:before{content:"\e512"}.ts-icon.is-ns8-icon:before{content:"\f3d5";font-family:IconsBrands}.ts-icon.is-cloud-arrow-down-icon:before{content:"\f0ed"}.ts-icon.is-handshake-simple-slash-icon:before{content:"\e05f"}.ts-icon.is-ruler-vertical-icon:before{content:"\f548"}.ts-icon.is-sheet-plastic-icon:before{content:"\e571"}.ts-icon.is-usps-icon:before{content:"\f7e1";font-family:IconsBrands}.ts-icon.is-compass-drafting-icon:before{content:"\f568"}.ts-icon.is-face-kiss-beam-icon:before{content:"\f597"}.ts-icon.is-panorama-icon:before{content:"\e209"}.ts-icon.is-arrow-down-up-lock-icon:before{content:"\e4b0"}.ts-icon.is-file-invoice-icon:before{content:"\f570"}.ts-icon.is-envelope-open-icon:before{content:"\f2b6"}.ts-icon.is-star-of-david-icon:before{content:"\f69a"}.ts-icon.is-arrow-pointer-icon:before{content:"\f245"}.ts-icon.is-computer-icon:before{content:"\e4e5"}.ts-icon.is-recycle-icon:before{content:"\f1b8"}.ts-icon.is-symfony-icon:before{content:"\f83d";font-family:IconsBrands}.ts-icon.is-house-flood-water-icon:before{content:"\e50e"}.ts-icon.is-igloo-icon:before{content:"\f7ae"}.ts-icon.is-lines-leaning-icon:before{content:"\e51e"}.ts-icon.is-gitter-icon:before{content:"\f426";font-family:IconsBrands}.ts-icon.is-hand-back-fist-icon:before{content:"\f255"}.ts-icon.is-square-vimeo-icon:before{content:"\f194";font-family:IconsBrands}.ts-icon.is-kip-sign-icon:before{content:"\e1c4"}.ts-icon.is-tower-cell-icon:before{content:"\e585"}.ts-icon.is-cc-mastercard-icon:before{content:"\f1f1";font-family:IconsBrands}.ts-icon.is-hourglass-half-icon:before{content:"\f252"}.ts-icon.is-face-laugh-beam-icon:before{content:"\f59a"}.ts-icon.is-nutritionix-icon:before{content:"\f3d6";font-family:IconsBrands}.ts-icon.is-triangle-exclamation-icon:before{content:"\f071"}.ts-icon.is-vimeo-icon:before{content:"\f40a";font-family:IconsBrands}.ts-icon.is-artstation-icon:before{content:"\f77a";font-family:IconsBrands}.ts-icon.is-b-icon:before{content:"\42"}.ts-icon.is-snapchat-icon:before{content:"\f2ab";font-family:IconsBrands}.ts-icon.is-square-google-plus-icon:before{content:"\f0d4";font-family:IconsBrands}.ts-icon.is-amazon-icon:before{content:"\f270";font-family:IconsBrands}.ts-icon.is-magnifying-glass-minus-icon:before{content:"\f010"}.ts-icon.is-circle-right-icon:before{content:"\f35a"}.ts-icon.is-e-icon:before{content:"\45"}.ts-icon.is-mars-icon:before{content:"\f222"}.ts-icon.is-chart-pie-icon:before{content:"\f200"}.ts-icon.is-lock-open-icon:before{content:"\f3c1"}.ts-icon.is-npm-icon:before{content:"\f3d4";font-family:IconsBrands}.ts-icon.is-weibo-icon:before{content:"\f18a";font-family:IconsBrands}.ts-icon.is-dropbox-icon:before{content:"\f16b";font-family:IconsBrands}.ts-icon.is-file-arrow-down-icon:before{content:"\f56d"}.ts-icon.is-bridge-circle-xmark-icon:before{content:"\e4cb"}.ts-icon.is-vials-icon:before{content:"\f493"}.ts-icon.is-mug-saucer-icon:before{content:"\f0f4"}.ts-icon.is-hire-a-helper-icon:before{content:"\f3b0";font-family:IconsBrands}.ts-icon.is-prescription-icon:before{content:"\f5b1"}.ts-icon.is-suitcase-rolling-icon:before{content:"\f5c1"}.ts-icon.is-user-gear-icon:before{content:"\f4fe"}.ts-icon.is-diagram-successor-icon:before{content:"\e47a"}.ts-icon.is-edge-icon:before{content:"\f282";font-family:IconsBrands}.ts-icon.is-text-slash-icon:before{content:"\f87d"}.ts-icon.is-arrow-down-up-across-line-icon:before{content:"\e4af"}.ts-icon.is-circle-nodes-icon:before{content:"\e4e2"}.ts-icon.is-capsules-icon:before{content:"\f46b"}.ts-icon.is-slideshare-icon:before{content:"\f1e7";font-family:IconsBrands}.ts-icon.is-hand-lizard-icon:before{content:"\f258"}.ts-icon.is-map-location-dot-icon:before{content:"\f5a0"}.ts-icon.is-person-dots-from-line-icon:before{content:"\f470"}.ts-icon.is-person-pregnant-icon:before{content:"\e31e"}.ts-icon.is-shirt-icon:before{content:"\f553"}.ts-icon.is-comment-slash-icon:before{content:"\f4b3"}.ts-icon.is-edge-legacy-icon:before{content:"\e078";font-family:IconsBrands}.ts-icon.is-road-barrier-icon:before{content:"\e562"}.ts-icon.is-crop-icon:before{content:"\f125"}.ts-icon.is-jar-wheat-icon:before{content:"\e517"}.ts-icon.is-imdb-icon:before{content:"\f2d8";font-family:IconsBrands}.ts-icon.is-renren-icon:before{content:"\f18b";font-family:IconsBrands}.ts-icon.is-square-facebook-icon:before{content:"\f082";font-family:IconsBrands}.ts-icon.is-tent-arrow-left-right-icon:before{content:"\e57f"}.ts-icon.is-truck-arrow-right-icon:before{content:"\e58b"}.ts-icon.is-bell-icon:before{content:"\f0f3"}.ts-icon.is-child-dress-icon:before{content:"\e59c"}.ts-icon.is-left-long-icon:before{content:"\f30a"}.ts-icon.is-paw-icon:before{content:"\f1b0"}.ts-icon.is-reddit-icon:before{content:"\f1a1";font-family:IconsBrands}.ts-icon.is-thermometer-icon:before{content:"\f491"}.ts-icon.is-blender-icon:before{content:"\f517"}.ts-icon.is-euro-sign-icon:before{content:"\f153"}.ts-icon.is-laravel-icon:before{content:"\f3bd";font-family:IconsBrands}.ts-icon.is-plane-icon:before{content:"\f072"}.ts-icon.is-hand-scissors-icon:before{content:"\f257"}.ts-icon.is-person-falling-icon:before{content:"\e546"}.ts-icon.is-caret-right-icon:before{content:"\f0da"}.ts-icon.is-clone-icon:before{content:"\f24d"}.ts-icon.is-face-grin-tongue-squint-icon:before{content:"\f58a"}.ts-icon.is-fly-icon:before{content:"\f417";font-family:IconsBrands}.ts-icon.is-solar-panel-icon:before{content:"\f5ba"}.ts-icon.is-umbraco-icon:before{content:"\f8e8";font-family:IconsBrands}.ts-icon.is-couch-icon:before{content:"\f4b8"}.ts-icon.is-face-grin-tears-icon:before{content:"\f588"}.ts-icon.is-head-side-virus-icon:before{content:"\e064"}.ts-icon.is-lemon-icon:before{content:"\f094"}.ts-icon.is-wizards-of-the-coast-icon:before{content:"\f730";font-family:IconsBrands}.ts-icon.is-angle-down-icon:before{content:"\f107"}.ts-icon.is-database-icon:before{content:"\f1c0"}.ts-icon.is-angrycreative-icon:before{content:"\f36e";font-family:IconsBrands}.ts-icon.is-empire-icon:before{content:"\f1d1";font-family:IconsBrands}.ts-icon.is-php-icon:before{content:"\f457";font-family:IconsBrands}.ts-icon.is-right-left-icon:before{content:"\f362"}.ts-icon.is-satellite-dish-icon:before{content:"\f7c0"}.ts-icon.is-thumbs-up-icon:before{content:"\f164"}.ts-icon.is-divide-icon:before{content:"\f529"}.ts-icon.is-person-dress-burst-icon:before{content:"\e544"}.ts-icon.is-bilibili-icon:before{content:"\e3d9";font-family:IconsBrands}.ts-icon.is-cc-diners-club-icon:before{content:"\f24c";font-family:IconsBrands}.ts-icon.is-tiktok-icon:before{content:"\e07b";font-family:IconsBrands}.ts-icon.is-arrow-up-a-z-icon:before{content:"\f15e"}.ts-icon.is-baht-sign-icon:before{content:"\e0ac"}.ts-icon.is-person-skiing-nordic-icon:before{content:"\f7ca"}.ts-icon.is-universal-access-icon:before{content:"\f29a"}.ts-icon.is-digg-icon:before{content:"\f1a6";font-family:IconsBrands}.ts-icon.is-object-group-icon:before{content:"\f247"}.ts-icon.is-dochub-icon:before{content:"\f394";font-family:IconsBrands}.ts-icon.is-truck-medical-icon:before{content:"\f0f9"}.ts-icon.is-user-icon:before{content:"\f007"}.ts-icon.is-cloud-meatball-icon:before{content:"\f73b"}.ts-icon.is-maxcdn-icon:before{content:"\f136";font-family:IconsBrands}.ts-icon.is-phabricator-icon:before{content:"\f3db";font-family:IconsBrands}.ts-icon.is-eye-low-vision-icon:before{content:"\f2a8"}.ts-icon.is-face-rolling-eyes-icon:before{content:"\f5a5"}.ts-icon.is-square-steam-icon:before{content:"\f1b7";font-family:IconsBrands}.ts-icon.is-house-flag-icon:before{content:"\e50d"}.ts-icon.is-paint-roller-icon:before{content:"\f5aa"}.ts-icon.is-person-falling-burst-icon:before{content:"\e547"}.ts-icon.is-simplybuilt-icon:before{content:"\f215";font-family:IconsBrands}.ts-icon.is-users-icon:before{content:"\f0c0"}.ts-icon.is-arrow-down-short-wide-icon:before{content:"\f884"}.ts-icon.is-khanda-icon:before{content:"\f66d"}.ts-icon.is-traffic-light-icon:before{content:"\f637"}.ts-icon.is-baseball-icon:before{content:"\f433"}.ts-icon.is-scroll-torah-icon:before{content:"\f6a0"}.ts-icon.is-mandalorian-icon:before{content:"\f50f";font-family:IconsBrands}.ts-icon.is-nimblr-icon:before{content:"\f5a8";font-family:IconsBrands}.ts-icon.is-candy-cane-icon:before{content:"\f786"}.ts-icon.is-house-medical-circle-check-icon:before{content:"\e511"}.ts-icon.is-dumbbell-icon:before{content:"\f44b"}.ts-icon.is-film-icon:before{content:"\f008"}.ts-icon.is-gratipay-icon:before{content:"\f184";font-family:IconsBrands}.ts-icon.is-laptop-icon:before{content:"\f109"}.ts-icon.is-cloud-showers-water-icon:before{content:"\e4e4"}.ts-icon.is-compress-icon:before{content:"\f066"}.ts-icon.is-square-instagram-icon:before{content:"\e055";font-family:IconsBrands}.ts-icon.is-square-twitter-icon:before{content:"\f081";font-family:IconsBrands}.ts-icon.is-git-icon:before{content:"\f1d3";font-family:IconsBrands}.ts-icon.is-plate-wheat-icon:before{content:"\e55a"}.ts-icon.is-building-circle-xmark-icon:before{content:"\e4d4"}.ts-icon.is-t-icon:before{content:"\54"}.ts-icon.is-fantasy-flight-games-icon:before{content:"\f6dc";font-family:IconsBrands}.ts-icon.is-fire-extinguisher-icon:before{content:"\f134"}.ts-icon.is-square-caret-down-icon:before{content:"\f150"}.ts-icon.is-arrow-up-1-9-icon:before{content:"\f163"}.ts-icon.is-face-meh-icon:before{content:"\f11a"}.ts-icon.is-screwdriver-wrench-icon:before{content:"\f7d9"}.ts-icon.is-dashcube-icon:before{content:"\f210";font-family:IconsBrands}.ts-icon.is-indian-rupee-sign-icon:before{content:"\e1bc"}.ts-icon.is-power-off-icon:before{content:"\f011"}.ts-icon.is-sitemap-icon:before{content:"\f0e8"}.ts-icon.is-voicemail-icon:before{content:"\f897"}.ts-icon.is-temperature-arrow-down-icon:before{content:"\e03f"}.ts-icon.is-dev-icon:before{content:"\f6cc";font-family:IconsBrands}.ts-icon.is-itunes-note-icon:before{content:"\f3b5";font-family:IconsBrands}.ts-icon.is-mask-icon:before{content:"\f6fa"}.ts-icon.is-users-between-lines-icon:before{content:"\e591"}.ts-icon.is-arrows-up-down-icon:before{content:"\f07d"}.ts-icon.is-bookmark-icon:before{content:"\f02e"}.ts-icon.is-location-dot-icon:before{content:"\f3c5"}.ts-icon.is-poo-icon:before{content:"\f2fe"}.ts-icon.is-sack-xmark-icon:before{content:"\e56a"}.ts-icon.is-arrow-up-short-wide-icon:before{content:"\f885"}.ts-icon.is-chess-board-icon:before{content:"\f43c"}.ts-icon.is-user-nurse-icon:before{content:"\f82f"}.ts-icon.is-feather-pointed-icon:before{content:"\f56b"}.ts-icon.is-pen-to-square-icon:before{content:"\f044"}.ts-icon.is-drum-steelpan-icon:before{content:"\f56a"}.ts-icon.is-gauge-simple-high-icon:before{content:"\f62a"}.ts-icon.is-angles-down-icon:before{content:"\f103"}.ts-icon.is-car-battery-icon:before{content:"\f5df"}.ts-icon.is-toilets-portable-icon:before{content:"\e584"}.ts-icon.is-weight-scale-icon:before{content:"\f496"}.ts-icon.is-square-h-icon:before{content:"\f0fd"}.ts-icon.is-creative-commons-sa-icon:before{content:"\f4ef";font-family:IconsBrands}.ts-icon.is-filter-circle-dollar-icon:before{content:"\f662"}.ts-icon.is-square-gitlab-icon:before{content:"\e5ae";font-family:IconsBrands}.ts-icon.is-text-width-icon:before{content:"\f035"}.ts-icon.is-dong-sign-icon:before{content:"\e169"}.ts-icon.is-signs-post-icon:before{content:"\f277"}.ts-icon.is-laptop-file-icon:before{content:"\e51d"}.ts-icon.is-monero-icon:before{content:"\f3d0";font-family:IconsBrands}.ts-icon.is-note-sticky-icon:before{content:"\f249"}.ts-icon.is-person-rays-icon:before{content:"\e54d"}.ts-icon.is-cart-flatbed-suitcase-icon:before{content:"\f59d"}.ts-icon.is-hard-drive-icon:before{content:"\f0a0"}.ts-icon.is-key-icon:before{content:"\f084"}.ts-icon.is-padlet-icon:before{content:"\e4a0";font-family:IconsBrands}.ts-icon.is-sitrox-icon:before{content:"\e44a";font-family:IconsBrands}.ts-icon.is-truck-front-icon:before{content:"\e2b7"}.ts-icon.is-up-right-and-down-left-from-center-icon:before{content:"\f424"}.ts-icon.is-whatsapp-icon:before{content:"\f232";font-family:IconsBrands}.ts-icon.is-caret-down-icon:before{content:"\f0d7"}.ts-icon.is-list-ul-icon:before{content:"\f0ca"}.ts-icon.is-first-order-icon:before{content:"\f2b0";font-family:IconsBrands}.ts-icon.is-jira-icon:before{content:"\f7b1";font-family:IconsBrands}.ts-icon.is-tag-icon:before{content:"\f02b"}.ts-icon.is-tumblr-icon:before{content:"\f173";font-family:IconsBrands}.ts-icon.is-audio-description-icon:before{content:"\f29e"}.ts-icon.is-gun-icon:before{content:"\e19b"}.ts-icon.is-circle-radiation-icon:before{content:"\f7ba"}.ts-icon.is-dollar-sign-icon:before{content:"\24"}.ts-icon.is-person-circle-xmark-icon:before{content:"\e543"}.ts-icon.is-hand-peace-icon:before{content:"\f25b"}.ts-icon.is-house-circle-check-icon:before{content:"\e509"}.ts-icon.is-tablet-screen-button-icon:before{content:"\f3fa"}.ts-icon.is-business-time-icon:before{content:"\f64a"}.ts-icon.is-ghost-icon:before{content:"\f6e2"}.ts-icon.is-crown-icon:before{content:"\f521"}.ts-icon.is-magnifying-glass-arrow-right-icon:before{content:"\e521"}.ts-icon.is-water-icon:before{content:"\f773"}.ts-icon.is-bucket-icon:before{content:"\e4cf"}.ts-icon.is-user-lock-icon:before{content:"\f502"}.ts-icon.is-android-icon:before{content:"\f17b";font-family:IconsBrands}.ts-icon.is-share-from-square-icon:before{content:"\f14d"}.ts-icon.is-square-pied-piper-icon:before{content:"\e01e";font-family:IconsBrands}.ts-icon.is-weebly-icon:before{content:"\f5cc";font-family:IconsBrands}.ts-icon.is-xbox-icon:before{content:"\f412";font-family:IconsBrands}.ts-icon.is-heart-circle-xmark-icon:before{content:"\e501"}.ts-icon.is-mixcloud-icon:before{content:"\f289";font-family:IconsBrands}.ts-icon.is-road-circle-xmark-icon:before{content:"\e566"}.ts-icon.is-tape-icon:before{content:"\f4db"}.ts-icon.is-odnoklassniki-icon:before{content:"\f263";font-family:IconsBrands}.ts-icon.is-stairs-icon:before{content:"\e289"}.ts-icon.is-windows-icon:before{content:"\f17a";font-family:IconsBrands}.ts-icon.is-drumstick-bite-icon:before{content:"\f6d7"}.ts-icon.is-exclamation-icon:before{content:"\21"}.ts-icon.is-lastfm-icon:before{content:"\f202";font-family:IconsBrands}.ts-icon.is-page4-icon:before{content:"\f3d7";font-family:IconsBrands}.ts-icon.is-user-doctor-icon:before{content:"\f0f0"}.ts-icon.is-gift-icon:before{content:"\f06b"}.ts-icon.is-itunes-icon:before{content:"\f3b4";font-family:IconsBrands}.ts-icon.is-mask-ventilator-icon:before{content:"\e524"}.ts-icon.is-wine-bottle-icon:before{content:"\f72f"}.ts-icon.is-arrow-up-from-water-pump-icon:before{content:"\e4b6"}.ts-icon.is-keycdn-icon:before{content:"\f3ba";font-family:IconsBrands}.ts-icon.is-stack-overflow-icon:before{content:"\f16c";font-family:IconsBrands}.ts-icon.is-pied-piper-alt-icon:before{content:"\f1a8";font-family:IconsBrands}.ts-icon.is-calendar-days-icon:before{content:"\f073"}.ts-icon.is-chart-bar-icon:before{content:"\f080"}.ts-icon.is-draw-polygon-icon:before{content:"\f5ee"}.ts-icon.is-gifts-icon:before{content:"\f79c"}.ts-icon.is-bandage-icon:before{content:"\f462"}.ts-icon.is-building-icon:before{content:"\f1ad"}.ts-icon.is-school-circle-xmark-icon:before{content:"\e56d"}.ts-icon.is-4-icon:before{content:"\34"}.ts-icon.is-chess-king-icon:before{content:"\f43f"}.ts-icon.is-sort-icon:before{content:"\f0dc"}.ts-icon.is-squarespace-icon:before{content:"\f5be";font-family:IconsBrands}.ts-icon.is-users-rays-icon:before{content:"\e593"}.ts-icon.is-creative-commons-pd-alt-icon:before{content:"\f4ed";font-family:IconsBrands}.ts-icon.is-pallet-icon:before{content:"\f482"}.ts-icon.is-bus-icon:before{content:"\f207"}.ts-icon.is-city-icon:before{content:"\f64f"}.ts-icon.is-google-drive-icon:before{content:"\f3aa";font-family:IconsBrands}.ts-icon.is-mosque-icon:before{content:"\f678"}.ts-icon.is-phoenix-squadron-icon:before{content:"\f511";font-family:IconsBrands}.ts-icon.is-road-bridge-icon:before{content:"\e563"}.ts-icon.is-0-icon:before{content:"\30"}.ts-icon.is-bitcoin-sign-icon:before{content:"\e0b4"}.ts-icon.is-hand-pointer-icon:before{content:"\f25a"}.ts-icon.is-viber-icon:before{content:"\f409";font-family:IconsBrands}.ts-icon.is-backward-step-icon:before{content:"\f048"}.ts-icon.is-bots-icon:before{content:"\e340";font-family:IconsBrands}.ts-icon.is-mastodon-icon:before{content:"\f4f6";font-family:IconsBrands}.ts-icon.is-microphone-icon:before{content:"\f130"}.ts-icon.is-paypal-icon:before{content:"\f1ed";font-family:IconsBrands}.ts-icon.is-temperature-full-icon:before{content:"\f2c7"}.ts-icon.is-bone-icon:before{content:"\f5d7"}.ts-icon.is-industry-icon:before{content:"\f275"}.ts-icon.is-chart-line-icon:before{content:"\f201"}.ts-icon.is-notdef-icon:before{content:"\e1fe"}.ts-icon.is-wheat-awn-circle-exclamation-icon:before{content:"\e598"}.ts-icon.is-arrow-down-1-9-icon:before{content:"\f162"}.ts-icon.is-bolt-icon:before{content:"\f0e7"}.ts-icon.is-golang-icon:before{content:"\e40f";font-family:IconsBrands}.ts-icon.is-deezer-icon:before{content:"\e077";font-family:IconsBrands}.ts-icon.is-earth-americas-icon:before{content:"\f57d"}.ts-icon.is-user-check-icon:before{content:"\f4fc"}.ts-icon.is-video-slash-icon:before{content:"\f4e2"}.ts-icon.is-wheelchair-move-icon:before{content:"\e2ce"}.ts-icon.is-check-to-slot-icon:before{content:"\f772"}.ts-icon.is-hat-cowboy-icon:before{content:"\f8c0"}.ts-icon.is-uncharted-icon:before{content:"\e084";font-family:IconsBrands}.ts-icon.is-venus-double-icon:before{content:"\f226"}.ts-icon.is-memory-icon:before{content:"\f538"}.ts-icon.is-mix-icon:before{content:"\f3cb";font-family:IconsBrands}.ts-icon.is-diagram-predecessor-icon:before{content:"\e477"}.ts-icon.is-kitchen-set-icon:before{content:"\e51a"}.ts-icon.is-tractor-icon:before{content:"\f722"}.ts-icon.is-bug-slash-icon:before{content:"\e490"}.ts-icon.is-comment-medical-icon:before{content:"\f7f5"}.ts-icon.is-square-phone-flip-icon:before{content:"\f87b"}.ts-icon.is-arrows-left-right-to-line-icon:before{content:"\e4ba"}.ts-icon.is-at-icon:before{content:"\40"}.ts-icon.is-bed-pulse-icon:before{content:"\f487"}.ts-icon.is-linode-icon:before{content:"\f2b8";font-family:IconsBrands}.ts-icon.is-phone-slash-icon:before{content:"\f3dd"}.ts-icon.is-road-circle-exclamation-icon:before{content:"\e565"}.ts-icon.is-arrow-up-9-1-icon:before{content:"\f887"}.ts-icon.is-battery-quarter-icon:before{content:"\f243"}.ts-icon.is-peace-icon:before{content:"\f67c"}.ts-icon.is-toilet-paper-slash-icon:before{content:"\e072"}.ts-icon.is-folder-closed-icon:before{content:"\e185"}.ts-icon.is-hands-bound-icon:before{content:"\e4f9"}.ts-icon.is-cc-apple-pay-icon:before{content:"\f416";font-family:IconsBrands}.ts-icon.is-paintbrush-icon:before{content:"\f1fc"}.ts-icon.is-briefcase-icon:before{content:"\f0b1"}.ts-icon.is-calendar-xmark-icon:before{content:"\f273"}.ts-icon.is-speaker-deck-icon:before{content:"\f83c";font-family:IconsBrands}.ts-icon.is-twitter-icon:before{content:"\f099";font-family:IconsBrands}.ts-icon.is-dharmachakra-icon:before{content:"\f655"}.ts-icon.is-door-closed-icon:before{content:"\f52a"}.ts-icon.is-stumbleupon-icon:before{content:"\f1a4";font-family:IconsBrands}.ts-icon.is-tarp-droplet-icon:before{content:"\e57c"}.ts-icon.is-circle-up-icon:before{content:"\f35b"}.ts-icon.is-file-lines-icon:before{content:"\f15c"}.ts-icon.is-ferry-icon:before{content:"\e4ea"}.ts-icon.is-sort-down-icon:before{content:"\f0dd"}.ts-icon.is-check-icon:before{content:"\f00c"}.ts-icon.is-diaspora-icon:before{content:"\f791";font-family:IconsBrands}.ts-icon.is-kaaba-icon:before{content:"\f66b"}.ts-icon.is-building-columns-icon:before{content:"\f19c"}.ts-icon.is-gauge-simple-icon:before{content:"\f629"}.ts-icon.is-earth-oceania-icon:before{content:"\e47b"}.ts-icon.is-mattress-pillow-icon:before{content:"\e525"}.ts-icon.is-ice-cream-icon:before{content:"\f810"}.ts-icon.is-image-icon:before{content:"\f03e"}.ts-icon.is-mdb-icon:before{content:"\f8ca";font-family:IconsBrands}.ts-icon.is-minimize-icon:before{content:"\f78c"}.ts-icon.is-odysee-icon:before{content:"\e5c6";font-family:IconsBrands}.ts-icon.is-opera-icon:before{content:"\f26a";font-family:IconsBrands}.ts-icon.is-crop-simple-icon:before{content:"\f565"}.ts-icon.is-hot-tub-person-icon:before{content:"\f593"}.ts-icon.is-wand-magic-sparkles-icon:before{content:"\e2ca"}.ts-icon.is-spaghetti-monster-flying-icon:before{content:"\f67b"}.ts-icon.is-bridge-icon:before{content:"\e4c8"}.ts-icon.is-file-shield-icon:before{content:"\e4f0"}.ts-icon.is-chart-column-icon:before{content:"\e0e3"}.ts-icon.is-css3-icon:before{content:"\f13c";font-family:IconsBrands}.ts-icon.is-shield-heart-icon:before{content:"\e574"}.ts-icon.is-temperature-empty-icon:before{content:"\f2cb"}.ts-icon.is-adn-icon:before{content:"\f170";font-family:IconsBrands}.ts-icon.is-book-icon:before{content:"\f02d"}.ts-icon.is-telegram-icon:before{content:"\f2c6";font-family:IconsBrands}.ts-icon.is-vnv-icon:before{content:"\f40b";font-family:IconsBrands}.ts-icon.is-head-side-mask-icon:before{content:"\e063"}.ts-icon.is-j-icon:before{content:"\4a"}.ts-icon.is-hourglass-start-icon:before{content:"\f251"}.ts-icon.is-file-import-icon:before{content:"\f56f"}.ts-icon.is-file-prescription-icon:before{content:"\f572"}.ts-icon.is-person-rifle-icon:before{content:"\e54e"}.ts-icon.is-dice-four-icon:before{content:"\f524"}.ts-icon.is-equals-icon:before{content:"\3d"}.ts-icon.is-road-circle-check-icon:before{content:"\e564"}.ts-icon.is-building-user-icon:before{content:"\e4da"}.ts-icon.is-plane-departure-icon:before{content:"\f5b0"}.ts-icon.is-temperature-three-quarters-icon:before{content:"\f2c8"}.ts-icon.is-chess-queen-icon:before{content:"\f445"}.ts-icon.is-mendeley-icon:before{content:"\f7b3";font-family:IconsBrands}.ts-icon.is-wpbeginner-icon:before{content:"\f297";font-family:IconsBrands}.ts-icon.is-rectangle-xmark-icon:before{content:"\f410"}.ts-icon.is-shopware-icon:before{content:"\f5b5";font-family:IconsBrands}.ts-icon.is-square-viadeo-icon:before{content:"\f2aa";font-family:IconsBrands}.ts-icon.is-person-military-pointing-icon:before{content:"\e54a"}.ts-icon.is-right-to-bracket-icon:before{content:"\f2f6"}.ts-icon.is-instalod-icon:before{content:"\e081";font-family:IconsBrands}.ts-icon.is-less-icon:before{content:"\f41d";font-family:IconsBrands}.ts-icon.is-volume-low-icon:before{content:"\f027"}.ts-icon.is-7-icon:before{content:"\37"}.ts-icon.is-explosion-icon:before{content:"\e4e9"}.ts-icon.is-w-icon:before{content:"\57"}.ts-icon.is-bed-icon:before{content:"\f236"}.ts-icon.is-tower-observation-icon:before{content:"\e586"}.ts-icon.is-martini-glass-empty-icon:before{content:"\f000"}.ts-icon.is-battery-half-icon:before{content:"\f242"}.ts-icon.is-gg-circle-icon:before{content:"\f261";font-family:IconsBrands}.ts-icon.is-square-arrow-up-right-icon:before{content:"\f14c"}.ts-icon.is-fonticons-icon:before{content:"\f280";font-family:IconsBrands}.ts-icon.is-icicles-icon:before{content:"\f7ad"}.ts-icon.is-palette-icon:before{content:"\f53f"}.ts-icon.is-soap-icon:before{content:"\e06e"}.ts-icon.is-arrow-right-to-city-icon:before{content:"\e4b3"}.ts-icon.is-draft2digital-icon:before{content:"\f396";font-family:IconsBrands}.ts-icon.is-question-icon:before{content:"\3f"}.ts-icon.is-rebel-icon:before{content:"\f1d0";font-family:IconsBrands}.ts-icon.is-2-icon:before{content:"\32"}.ts-icon.is-minus-icon:before{content:"\f068"}.ts-icon.is-temperature-low-icon:before{content:"\f76b"}.ts-icon.is-building-ngo-icon:before{content:"\e4d7"}.ts-icon.is-heart-circle-plus-icon:before{content:"\e500"}.ts-icon.is-uber-icon:before{content:"\f402";font-family:IconsBrands}.ts-icon.is-burst-icon:before{content:"\e4dc"}.ts-icon.is-python-icon:before{content:"\f3e2";font-family:IconsBrands}.ts-icon.is-table-tennis-paddle-ball-icon:before{content:"\f45d"}.ts-icon.is-wine-glass-icon:before{content:"\f4e3"}.ts-icon.is-face-grimace-icon:before{content:"\f57f"}.ts-icon.is-fulcrum-icon:before{content:"\f50b";font-family:IconsBrands}.ts-icon.is-cart-arrow-down-icon:before{content:"\f218"}.ts-icon.is-trash-arrow-up-icon:before{content:"\f829"}.ts-icon.is-gauge-high-icon:before{content:"\f625"}.ts-icon.is-headset-icon:before{content:"\f590"}.ts-icon.is-temperature-half-icon:before{content:"\f2c9"}.ts-icon.is-bicycle-icon:before{content:"\f206"}.ts-icon.is-file-powerpoint-icon:before{content:"\f1c4"}.ts-icon.is-link-icon:before{content:"\f0c1"}.ts-icon.is-megaport-icon:before{content:"\f5a3";font-family:IconsBrands}.ts-icon.is-plug-circle-minus-icon:before{content:"\e55e"}.ts-icon.is-receipt-icon:before{content:"\f543"}.ts-icon.is-cloud-arrow-up-icon:before{content:"\f0ee"}.ts-icon.is-delicious-icon:before{content:"\f1a5";font-family:IconsBrands}.ts-icon.is-cloud-sun-rain-icon:before{content:"\f743"}.ts-icon.is-golf-ball-tee-icon:before{content:"\f450"}.ts-icon.is-sliders-icon:before{content:"\f1de"}.ts-icon.is-vial-circle-check-icon:before{content:"\e596"}.ts-icon.is-align-justify-icon:before{content:"\f039"}.ts-icon.is-gitkraken-icon:before{content:"\f3a6";font-family:IconsBrands}.ts-icon.is-house-chimney-window-icon:before{content:"\e00d"}.ts-icon.is-y-icon:before{content:"\59"}.ts-icon.is-cable-car-icon:before{content:"\f7da"}.ts-icon.is-circle-arrow-right-icon:before{content:"\f0a9"}.ts-icon.is-pause-icon:before{content:"\f04c"}.ts-icon.is-person-circle-plus-icon:before{content:"\e541"}.ts-icon.is-person-skiing-icon:before{content:"\f7c9"}.ts-icon.is-qrcode-icon:before{content:"\f029"}.ts-icon.is-schlix-icon:before{content:"\f3ea";font-family:IconsBrands}.ts-icon.is-basketball-icon:before{content:"\f434"}.ts-icon.is-cash-register-icon:before{content:"\f788"}.ts-icon.is-circle-left-icon:before{content:"\f359"}.ts-icon.is-superpowers-icon:before{content:"\f2dd";font-family:IconsBrands}.ts-icon.is-square-caret-up-icon:before{content:"\f151"}.ts-icon.is-glasses-icon:before{content:"\f530"}.ts-icon.is-hammer-icon:before{content:"\f6e3"}.ts-icon.is-mars-double-icon:before{content:"\f227"}.ts-icon.is-mobile-icon:before{content:"\f3ce"}.ts-icon.is-book-skull-icon:before{content:"\f6b7"}.ts-icon.is-chart-area-icon:before{content:"\f1fe"}.ts-icon.is-screwdriver-icon:before{content:"\f54a"}.ts-icon.is-square-parking-icon:before{content:"\f540"}.ts-icon.is-u-icon:before{content:"\55"}.ts-icon.is-venus-mars-icon:before{content:"\f228"}.ts-icon.is-vine-icon:before{content:"\f1ca";font-family:IconsBrands}.ts-icon.is-clipboard-question-icon:before{content:"\e4e3"}.ts-icon.is-heart-circle-minus-icon:before{content:"\e4ff"}.ts-icon.is-person-military-rifle-icon:before{content:"\e54b"}.ts-icon.is-google-play-icon:before{content:"\f3ab";font-family:IconsBrands}.ts-icon.is-mercury-icon:before{content:"\f223"}.ts-icon.is-firefox-icon:before{content:"\f269";font-family:IconsBrands}.ts-icon.is-photo-film-icon:before{content:"\f87c"}.ts-icon.is-battle-net-icon:before{content:"\f835";font-family:IconsBrands}.ts-icon.is-building-wheat-icon:before{content:"\e4db"}.ts-icon.is-rss-icon:before{content:"\f09e"}.ts-icon.is-shapes-icon:before{content:"\f61f"}.ts-icon.is-expeditedssl-icon:before{content:"\f23e";font-family:IconsBrands}.ts-icon.is-guitar-icon:before{content:"\f7a6"}.ts-icon.is-person-through-window-icon:before{content:"\e5a9"}.ts-icon.is-virus-covid-slash-icon:before{content:"\e4a9"}.ts-icon.is-bullhorn-icon:before{content:"\f0a1"}.ts-icon.is-delete-left-icon:before{content:"\f55a"}.ts-icon.is-dice-icon:before{content:"\f522"}.ts-icon.is-face-smile-beam-icon:before{content:"\f5b8"}.ts-icon.is-r-icon:before{content:"\52"}.ts-icon.is-tablets-icon:before{content:"\f490"}.ts-icon.is-vest-patches-icon:before{content:"\e086"}.ts-icon.is-battery-full-icon:before{content:"\f240"}.ts-icon.is-building-un-icon:before{content:"\e4d9"}.ts-icon.is-vimeo-v-icon:before{content:"\f27d";font-family:IconsBrands}.ts-icon.is-worm-icon:before{content:"\e599"}.ts-icon.is-book-open-icon:before{content:"\f518"}.ts-icon.is-diamond-icon:before{content:"\f219"}.ts-icon.is-toilet-icon:before{content:"\f7d8"}.ts-icon.is-vector-square-icon:before{content:"\f5cb"}.ts-icon.is-chess-bishop-icon:before{content:"\f43a"}.ts-icon.is-google-pay-icon:before{content:"\e079";font-family:IconsBrands}.ts-icon.is-square-icon:before{content:"\f0c8"}.ts-icon.is-square-person-confined-icon:before{content:"\e577"}.ts-icon.is-square-rss-icon:before{content:"\f143"}.ts-icon.is-vault-icon:before{content:"\e2c5"}.ts-icon.is-bullseye-icon:before{content:"\f140"}.ts-icon.is-pepper-hot-icon:before{content:"\f816"}.ts-icon.is-certificate-icon:before{content:"\f0a3"}.ts-icon.is-vial-icon:before{content:"\f492"}.ts-icon.is-tent-arrow-turn-left-icon:before{content:"\e580"}.ts-icon.is-yin-yang-icon:before{content:"\f6ad"}.ts-icon.is-bluetooth-icon:before{content:"\f293";font-family:IconsBrands}.ts-icon.is-safari-icon:before{content:"\f267";font-family:IconsBrands}.ts-icon.is-money-bill-trend-up-icon:before{content:"\e529"}.ts-icon.is-server-icon:before{content:"\f233"}.ts-icon.is-basket-shopping-icon:before{content:"\f291"}.ts-icon.is-circle-chevron-left-icon:before{content:"\f137"}.ts-icon.is-user-ninja-icon:before{content:"\f504"}.ts-icon.is-users-gear-icon:before{content:"\f509"}.ts-icon.is-bridge-water-icon:before{content:"\e4ce"}.ts-icon.is-feather-icon:before{content:"\f52d"}.ts-icon.is-border-all-icon:before{content:"\f84c"}.ts-icon.is-copy-icon:before{content:"\f0c5"}.ts-icon.is-cuttlefish-icon:before{content:"\f38c";font-family:IconsBrands}.ts-icon.is-plant-wilt-icon:before{content:"\e5aa"}.ts-icon.is-scale-unbalanced-icon:before{content:"\f515"}.ts-icon.is-baby-icon:before{content:"\f77c"}.ts-icon.is-battery-three-quarters-icon:before{content:"\f241"}.ts-icon.is-cake-candles-icon:before{content:"\f1fd"}.ts-icon.is-chevron-right-icon:before{content:"\f054"}.ts-icon.is-icons-icon:before{content:"\f86d"}.ts-icon.is-money-bill-transfer-icon:before{content:"\e528"}.ts-icon.is-sterling-sign-icon:before{content:"\f154"}.ts-icon.is-border-none-icon:before{content:"\f850"}.ts-icon.is-braille-icon:before{content:"\f2a1"}.ts-icon.is-toggle-off-icon:before{content:"\f204"}.ts-icon.is-phoenix-framework-icon:before{content:"\f3dc";font-family:IconsBrands}.ts-icon.is-shield-icon:before{content:"\f132"}.ts-icon.is-plus-icon:before{content:"\2b"}.ts-icon.is-arrow-up-wide-short-icon:before{content:"\f161"}.ts-icon.is-dice-d6-icon:before{content:"\f6d1"}.ts-icon.is-prescription-bottle-icon:before{content:"\f485"}.ts-icon.is-creative-commons-sampling-icon:before{content:"\f4f0";font-family:IconsBrands}.ts-icon.is-joomla-icon:before{content:"\f1aa";font-family:IconsBrands}.ts-icon.is-coins-icon:before{content:"\f51e"}.ts-icon.is-docker-icon:before{content:"\f395";font-family:IconsBrands}.ts-icon.is-sleigh-icon:before{content:"\f7cc"}.ts-icon.is-soundcloud-icon:before{content:"\f1be";font-family:IconsBrands}.ts-icon.is-square-git-icon:before{content:"\f1d2";font-family:IconsBrands}.ts-icon.is-truck-plane-icon:before{content:"\e58f"}.ts-icon.is-arrow-down-z-a-icon:before{content:"\f881"}.ts-icon.is-cart-shopping-icon:before{content:"\f07a"}.ts-icon.is-layer-group-icon:before{content:"\f5fd"}.ts-icon.is-d-and-d-icon:before{content:"\f38d";font-family:IconsBrands}.ts-icon.is-italic-icon:before{content:"\f033"}.ts-icon.is-arrows-turn-right-icon:before{content:"\e4c0"}.ts-icon.is-wave-square-icon:before{content:"\f83e"}.ts-icon.is-medrt-icon:before{content:"\f3c8";font-family:IconsBrands}.ts-icon.is-bitbucket-icon:before{content:"\f171";font-family:IconsBrands}.ts-icon.is-i-cursor-icon:before{content:"\f246"}.ts-icon.is-file-word-icon:before{content:"\f1c2"}.ts-icon.is-google-plus-g-icon:before{content:"\f0d5";font-family:IconsBrands}.ts-icon.is-hippo-icon:before{content:"\f6ed"}.ts-icon.is-image-portrait-icon:before{content:"\f3e0"}.ts-icon.is-kiwi-bird-icon:before{content:"\f535"}.ts-icon.is-locust-icon:before{content:"\e520"}.ts-icon.is-black-tie-icon:before{content:"\f27e";font-family:IconsBrands}.ts-icon.is-circle-chevron-up-icon:before{content:"\f139"}.ts-icon.is-star-of-life-icon:before{content:"\f621"}.ts-icon.is-studiovinari-icon:before{content:"\f3f8";font-family:IconsBrands}.ts-icon.is-user-injured-icon:before{content:"\f728"}.ts-icon.is-viruses-icon:before{content:"\e076"}.ts-icon.is-bath-icon:before{content:"\f2cd"}.ts-icon.is-circle-notch-icon:before{content:"\f1ce"}.ts-icon.is-truck-field-icon:before{content:"\e58d"}.ts-icon.is-crow-icon:before{content:"\f520"}.ts-icon.is-h-icon:before{content:"\48"}.ts-icon.is-info-icon:before{content:"\f129"}.ts-icon.is-medapps-icon:before{content:"\f3c6";font-family:IconsBrands}.ts-icon.is-plug-circle-bolt-icon:before{content:"\e55b"}.ts-icon.is-user-group-icon:before{content:"\f500"}.ts-icon.is-won-sign-icon:before{content:"\f159"}.ts-icon.is-fedora-icon:before{content:"\f798";font-family:IconsBrands}.ts-icon.is-github-icon:before{content:"\f09b";font-family:IconsBrands}.ts-icon.is-hill-rockslide-icon:before{content:"\e508"}.ts-icon.is-people-group-icon:before{content:"\e533"}.ts-icon.is-tower-broadcast-icon:before{content:"\f519"}.ts-icon.is-bag-shopping-icon:before{content:"\f290"}.ts-icon.is-hand-holding-heart-icon:before{content:"\f4be"}.ts-icon.is-filter-circle-xmark-icon:before{content:"\e17b"}.ts-icon.is-hand-holding-dollar-icon:before{content:"\f4c0"}.ts-icon.is-sass-icon:before{content:"\f41e";font-family:IconsBrands}.ts-icon.is-user-minus-icon:before{content:"\f503"}.ts-icon.is-wpexplorer-icon:before{content:"\f2de";font-family:IconsBrands}.ts-icon.is-archway-icon:before{content:"\f557"}.ts-icon.is-diagram-next-icon:before{content:"\e476"}.ts-icon.is-images-icon:before{content:"\f302"}.ts-icon.is-unlock-keyhole-icon:before{content:"\f13e"}.ts-icon.is-arrows-up-down-left-right-icon:before{content:"\f047"}.ts-icon.is-chevron-down-icon:before{content:"\f078"}.ts-icon.is-stroopwafel-icon:before{content:"\f551"}.ts-icon.is-file-pdf-icon:before{content:"\f1c1"}.ts-icon.is-sourcetree-icon:before{content:"\f7d3";font-family:IconsBrands}.ts-icon.is-gears-icon:before{content:"\f085"}.ts-icon.is-hourglass-icon:before{content:"\f254"}.ts-icon.is-house-medical-circle-xmark-icon:before{content:"\e513"}.ts-icon.is-people-roof-icon:before{content:"\e537"}.ts-icon.is-uniregistry-icon:before{content:"\f404";font-family:IconsBrands}.ts-icon.is-baseball-bat-ball-icon:before{content:"\f432"}.ts-icon.is-face-angry-icon:before{content:"\f556"}.ts-icon.is-hand-dots-icon:before{content:"\f461"}.ts-icon.is-reply-icon:before{content:"\f3e5"}.ts-icon.is-subscript-icon:before{content:"\f12c"}.ts-icon.is-umbrella-beach-icon:before{content:"\f5ca"}.ts-icon.is-venus-icon:before{content:"\f221"}.ts-icon.is-align-right-icon:before{content:"\f038"}.ts-icon.is-face-tired-icon:before{content:"\f5c8"}.ts-icon.is-mizuni-icon:before{content:"\f3cc";font-family:IconsBrands}.ts-icon.is-person-half-dress-icon:before{content:"\e548"}.ts-icon.is-volume-xmark-icon:before{content:"\f6a9"}.ts-icon.is-waze-icon:before{content:"\f83f";font-family:IconsBrands}.ts-icon.is-austral-sign-icon:before{content:"\e0a9"}.ts-icon.is-headphones-icon:before{content:"\f025"}.ts-icon.is-code-commit-icon:before{content:"\f386"}.ts-icon.is-pen-nib-icon:before{content:"\f5ad"}.ts-icon.is-creative-commons-pd-icon:before{content:"\f4ec";font-family:IconsBrands}.ts-icon.is-dyalog-icon:before{content:"\f399";font-family:IconsBrands}.ts-icon.is-user-astronaut-icon:before{content:"\f4fb"}.ts-icon.is-compass-icon:before{content:"\f14e"}.ts-icon.is-creative-commons-nc-icon:before{content:"\f4e8";font-family:IconsBrands}.ts-icon.is-gavel-icon:before{content:"\f0e3"}.ts-icon.is-hill-avalanche-icon:before{content:"\e507"}.ts-icon.is-jet-fighter-icon:before{content:"\f0fb"}.ts-icon.is-jsfiddle-icon:before{content:"\f1cc";font-family:IconsBrands}.ts-icon.is-marker-icon:before{content:"\f5a1"}.ts-icon.is-stethoscope-icon:before{content:"\f0f1"}.ts-icon.is-chromecast-icon:before{content:"\f838";font-family:IconsBrands}.ts-icon.is-face-grin-stars-icon:before{content:"\f587"}.ts-icon.is-accessible-icon-icon:before{content:"\f368";font-family:IconsBrands}.ts-icon.is-lyft-icon:before{content:"\f3c3";font-family:IconsBrands}.ts-icon.is-copyright-icon:before{content:"\f1f9"}@font-face{font-family:Icons;font-style:normal;font-variant:normal;font-weight:400;src:url(fonts/icons/fa-solid-900.woff2) format("woff2"),url(fonts/icons/fa-solid-900.ttf) format("truetype");text-decoration:inherit;text-transform:none}@font-face{font-family:IconsBrands;font-style:normal;font-variant:normal;font-weight:400;src:url(fonts/icons/fa-brands-400.woff2) format("woff2"),url(fonts/icons/fa-brands-400.ttf) format("truetype");text-decoration:inherit;text-transform:none}@font-face{font-family:IconsRegular;font-style:normal;font-variant:normal;font-weight:400;src:url(fonts/icons/fa-regular-400.woff2) format("woff2"),url(fonts/icons/fa-regular-400.ttf) format("truetype");text-decoration:inherit;text-transform:none}@keyframes ts-icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ts-icon{--accent-color:initial;--accent-foreground-color:initial;-webkit-font-smoothing:antialiased;backface-visibility:hidden;color:var(--accent-color,inherit);display:inline;font-family:Icons;font-style:normal;font-weight:400;text-align:center;text-decoration:none;width:1.18em}.ts-icon.is-regular{font-family:IconsRegular}.ts-icon.is-circular,.ts-icon.is-rounded{align-items:center;border-radius:500em!important;box-shadow:0 0 0 .1em var(--ts-gray-300) inset;box-sizing:border-box;display:inline-flex;height:2em!important;justify-content:center;line-height:1!important;padding:.5em!important;width:2em!important}.ts-icon.is-rounded{border-radius:.4rem!important}.ts-icon.is-spinning{animation:ts-icon-spin 2s linear infinite;display:inline-block}.ts-icon.is-negative{color:var(--ts-negative-500)}.ts-icon.is-disabled{opacity:.25;pointer-events:none}.ts-icon.is-squared{align-items:center;background:var(--ts-gray-100);border-radius:.4rem;display:inline-flex;font-size:1.3em;height:3rem;justify-content:center;width:3rem}.ts-icon.is-secondary{color:var(--ts-gray-500)}.ts-icon.is-small{font-size:var(--ts-font-size-13px)}.ts-icon.is-large{font-size:var(--ts-font-size-18px)}.ts-icon.is-big{font-size:var(--ts-font-size-24px)}.ts-icon.is-huge{font-size:var(--ts-font-size-30px)}.ts-icon.is-heading{font-size:var(--ts-font-size-75px);line-height:1}.ts-icon.is-spaced{margin-left:.45rem;margin-right:.45rem}.ts-icon.is-start-spaced{margin-left:.45rem}.ts-icon.is-end-spaced{margin-right:.45rem}.ts-divider{border-top:1px solid var(--ts-gray-300)}.ts-divider.is-vertical{border-left:1px solid var(--ts-gray-300);border-top:0;height:100%}.ts-divider.is-section{margin:1rem 0}.ts-divider:is(.is-center-text,.is-start-text,.is-end-text){align-items:center;border-top:0;color:var(--ts-gray-800);display:flex;gap:1rem}.ts-divider:is(.is-center-text,.is-start-text,.is-end-text):after,.ts-divider:is(.is-center-text,.is-start-text,.is-end-text):before{background-color:var(--ts-gray-300);content:"";flex-grow:1;height:1px}.ts-divider.is-end-text:after,.ts-divider.is-start-text:before{display:none}.ts-input{--border-radius:0.4rem;--height:var(--ts-input-height-medium);display:flex;width:100%}.ts-input input{height:var(--height);padding:0 1rem}.ts-input input,.ts-input textarea{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;appearance:none;-webkit-appearance:none;background:var(--ts-gray-50);box-sizing:border-box;color:var(--ts-gray-800);font:inherit;font-size:var(--ts-font-size-14px);line-height:1.5;margin:0;outline:none;overflow:visible;resize:none;width:100%}.ts-input textarea{padding:.467rem 1rem}.ts-input input:focus,.ts-input textarea:focus{outline:0}.ts-input input,.ts-input textarea{border:1px solid var(--ts-gray-300);border-radius:var(--border-radius)}.ts-input input:focus,.ts-input textarea:focus{border-color:var(--ts-primary-600)}.ts-input input::-webkit-calendar-picker-indicator,.ts-input input::-webkit-inner-spin-button{line-height:1;opacity:.4}.ts-input input[type=color]{aspect-ratio:1/1;cursor:pointer;overflow:hidden;padding:0;width:auto}.ts-input input[type=color]::-webkit-color-swatch{border:0;border-radius:.4rem;bottom:4px;height:auto;left:4px;padding:0;position:absolute;right:4px;top:4px;width:auto}.ts-input input[type=color]::-moz-color-swatch{border:0;border-radius:.4rem;bottom:4px;height:auto;left:4px;padding:0;position:absolute;right:4px;top:4px;width:auto}.ts-input.is-solid input,.ts-input.is-solid textarea{background:var(--ts-gray-100);border:1px solid transparent;border-radius:var(--border-radius)}.ts-input.is-solid input:focus,.ts-input.is-solid textarea:focus{background:var(--ts-gray-50);border:1px solid var(--ts-gray-300)}.ts-input.is-underlined input,.ts-input.is-underlined textarea{background:var(--ts-gray-100);border:2px solid transparent;border-bottom:2px solid var(--ts-gray-400);border-radius:var(--border-radius) var(--border-radius) 0 0}.ts-input.is-underlined input:focus,.ts-input.is-underlined textarea:focus{border-bottom-color:var(--ts-primary-600)}.ts-input.is-resizable input,.ts-input.is-resizable textarea{min-height:5rem;resize:vertical}.ts-input.is-circular{--border-radius:100rem}.ts-input.is-basic input{background:transparent;border:0;padding:0}.ts-input:is(.is-start-labeled,.is-end-labeled,.is-labeled) :is(.input,.label){border-radius:var(--border-radius)}.ts-input:is(.is-start-labeled,.is-end-labeled,.is-labeled) .label{align-items:center;background:var(--ts-gray-100);border:1px solid var(--ts-gray-300);color:var(--ts-gray-700);display:flex;font-size:var(--ts-font-size-14px);justify-content:center;line-height:1;padding:0 .6rem}.ts-input:is(.is-start-labeled,.is-labeled) .label{border-bottom-right-radius:0;border-right-width:0;border-top-right-radius:0}.ts-input:is(.is-start-labeled,.is-labeled) input{border-bottom-left-radius:0;border-top-left-radius:0}.ts-input:is(.is-end-labeled,.is-labeled) .label{border-bottom-left-radius:0;border-left-width:0;border-top-left-radius:0}.ts-input:is(.is-end-labeled,.is-labeled) input{border-bottom-right-radius:0;border-top-right-radius:0}.ts-input.is-labeled .label:first-child{border-bottom-left-radius:var(--border-radius);border-left-width:1px;border-top-left-radius:var(--border-radius)}.ts-input.is-labeled .label:last-child{border-bottom-right-radius:var(--border-radius);border-right-width:1px;border-top-right-radius:var(--border-radius)}.ts-input:is(.is-start-labeled,.is-labeled,.is-end-labeled).is-underlined .label{background:var(--ts-gray-200);border:0;border-bottom:2px solid var(--ts-gray-400)}.ts-input:is(.is-start-labeled,.is-labeled).is-underlined .label{border-bottom-left-radius:0}.ts-input:is(.is-end-labeled,.is-labeled).is-underlined .label{border-bottom-right-radius:0}.ts-input:is(.is-start-labeled,.is-labeled).is-underlined input{border-left:0}.ts-input:is(.is-end-labeled,.is-labeled).is-underlined input{border-right:0}.ts-input:is(.is-start-labeled,.is-labeled,.is-end-labeled).is-solid .label{background:var(--ts-gray-200);border-color:transparent}.ts-input:is(.is-start-labeled,.is-labeled,.is-end-labeled).is-solid:focus-within .label{border-color:var(--ts-gray-300)}.ts-input.is-end-icon .ts-icon,.ts-input.is-icon .ts-icon,.ts-input.is-start-icon .ts-icon{align-items:center;bottom:0;color:var(--ts-gray-700);display:flex!important;justify-content:center;position:absolute;top:0;z-index:1}.ts-input.is-icon .ts-icon:first-child,.ts-input.is-start-icon .ts-icon{left:1rem}.ts-input.is-icon input,.ts-input.is-start-icon input{box-sizing:border-box;padding-left:2.8rem}.ts-input.is-end-icon .ts-icon,.ts-input.is-icon .ts-icon:last-child{right:1rem}.ts-input.is-end-icon input,.ts-input.is-icon input{box-sizing:border-box;padding-right:2.8rem}.ts-input.is-negative :is(input,textarea){border-color:var(--ts-negative-400);color:var(--ts-negative-600);font-weight:500}.ts-input.is-negative .label{border-color:var(--ts-negative-400)}.ts-input.is-negative.is-solid:is(.is-start-labeled,.is-labeled,.is-end-labeled) .label{border-color:var(--ts-negative-400)}.ts-input.is-negative.is-solid input:focus,.ts-input.is-negative.is-solid textarea:focus{background:var(--ts-gray-100);border:1px solid var(--ts-negative-400)}.ts-input.is-negative.is-underlined :is(.label,input,textarea){border-color:transparent;border-bottom-color:var(--ts-negative-400)}.ts-input.is-disabled input,.ts-input.is-disabled textarea{cursor:not-allowed;opacity:.5;pointer-events:none}.ts-input.is-disabled.is-underlined{border-bottom-color:var(--ts-gray-300)}.ts-input.is-fluid{display:flex;width:100%}.ts-input.is-fluid input,.ts-input.is-fluid textarea{width:100%}.ts-input.is-dense input{--height:var(--ts-input-height-medium-dense)}.ts-input.is-dense.is-small input{--height:var(--ts-input-height-small-dense)}.ts-input.is-dense.is-large input{--height:var(--ts-input-height-large-dense)}.ts-input.is-relaxed input{--height:var(--ts-input-height-large)}.ts-input.is-small input{--height:var(--ts-input-height-small)}.ts-input.is-large input{--height:var(--ts-input-height-large)}.ts-input.is-small :is(input,textarea,.ts-icon){font-size:var(--ts-font-size-13px)}.ts-input.is-large :is(input,textarea,.ts-icon){font-size:var(--ts-font-size-17px)}.ts-file{--height:var(--ts-input-height-medium);--accent-color:initial;--accent-foreground-color:initial;display:flex;width:100%}.ts-file input{background:var(--ts-gray-50);border:1px solid var(--ts-gray-300);border-radius:.4rem;color:var(--ts-gray-800);font-size:var(--ts-font-size-14px);height:var(--height);line-height:calc(var(--height) - 1px);padding:0 1rem 0 .6rem;width:100%}.ts-file input::-webkit-file-upload-button,.ts-file input::file-selector-button{background:var(--accent-color,var(--ts-gray-200));border:0;border-radius:.4rem;color:var(--accent-foreground-color,var(--ts-gray-800));display:inline-block;font-family:Noto Sans TC,SF Pro TC,SF Pro Text,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,Microsoft JhengHei,wf_SegoeUI,Segoe UI,Segoe,Segoe WP,Tahoma,Verdana,Ubuntu,Bitstream Vera Sans,DejaVu Sans,微軟正黑體,LiHei Pro,WenQuanYi Micro Hei,Droid Sans Fallback,AR PL UMing TW,Roboto,Hiragino Maru Gothic ProN,メイリオ,ヒラギノ丸ゴ ProN W4,Meiryo,Droid Sans,sans-serif;font-size:var(--ts-relative-small);font-weight:500;line-height:1.5;margin-right:.5rem;min-width:75px;padding:.2em .5rem;text-align:center;text-decoration:none}.ts-file.is-underlined input{background:var(--ts-gray-100);border:2px solid transparent;border-bottom:2px solid var(--ts-gray-400);border-radius:.4rem .4rem 0 0}.ts-file.is-solid input{background:var(--ts-gray-100);border-color:transparent}.ts-file:is(.is-solid,.is-underlined) input::-webkit-file-upload-button,.ts-file:is(.is-solid,.is-underlined) input::file-selector-button{background:var(--accent-color,var(--ts-gray-300))}.ts-file.is-disabled{cursor:not-allowed;opacity:.5;pointer-events:none;user-select:none}.ts-file.is-negative input{border-color:var(--ts-negative-400);color:var(--ts-negative-600);font-weight:500}.ts-file.is-negative.is-underlined input{border-color:transparent;border-bottom-color:var(--ts-negative-400)}.ts-file.is-small input{--height:var(--ts-input-height-small)}.ts-file.is-large input{--height:var(--ts-input-height-large)}.ts-file.is-small :is(input,input::file-selector-button,input::-webkit-file-upload-button){font-size:var(--ts-font-size-13px)}.ts-file.is-large :is(input,input::file-selector-button,input::-webkit-file-upload-button){font-size:var(--ts-font-size-17px)}.ts-file.is-dense input{--height:var(--ts-input-height-medium-dense)}.ts-file.is-dense input::-webkit-file-upload-button,.ts-file.is-dense input::file-selector-button{padding-bottom:.15rem;padding-top:.15rem}.ts-file.is-small.is-dense input{--height:var(--ts-input-height-small-dense)}.ts-file.is-large.is-dense input{--height:var(--ts-input-height-large-dense)}.ts-notice{--accent-color:initial;--accent-foreground-color:initial;background:var(--accent-color,var(--ts-gray-800));border:1px solid transparent;color:var(--accent-foreground-color,var(--ts-gray-50));display:block;padding:.45rem 1rem}.ts-notice,.ts-notice .title{border-radius:.4rem;font-size:var(--ts-font-size-14px)}.ts-notice .title{background:var(--accent-foreground-color,var(--ts-gray-50));color:var(--accent-color,var(--ts-gray-800));display:inline-block;line-height:1;margin-right:.6rem;margin-top:.05rem;padding:.3rem .5rem;text-align:justify;white-space:nowrap}.ts-notice .content{display:inline}.ts-notice a{text-decoration:underline}.ts-notice.is-negative{background:var(--ts-negative-500);color:var(--ts-white)}.ts-notice.is-negative .title{background:var(--ts-white);color:var(--ts-negative-600)}.ts-notice.is-outlined{background:transparent;border-color:var(--ts-gray-300);color:var(--accent-color,var(--ts-gray-800))}.ts-notice.is-outlined .title{background:var(--accent-color,var(--ts-gray-800));color:var(--accent-foreground-color,var(--ts-gray-50))}.ts-notice.is-outlined.is-negative .title{background:var(--ts-negative-500);color:var(--ts-gray-50)}.ts-notice.is-small,.ts-notice.is-small .title{font-size:var(--ts-font-size-13px)}.ts-notice.is-large,.ts-notice.is-large .title{font-size:var(--ts-font-size-17px)}.ts-notice.is-dense,.ts-notice.is-dense .title{padding-bottom:.25rem;padding-top:.25rem}.ts-checkbox{--accent-color:initial;--accent-foreground-color:initial;align-items:flex-start;color:inherit;cursor:pointer;display:inline-flex;margin-top:-3px;user-select:none;vertical-align:middle}.ts-checkbox input{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;appearance:none;-webkit-appearance:none;background:transparent;background:var(--ts-gray-200);border:none;border:1px solid var(--ts-gray-200);border-radius:0;border-radius:.2rem;box-sizing:border-box;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0;margin-right:.5rem;margin-top:5px;min-height:1.15rem;min-width:1.15rem;outline:none;overflow:visible;padding:0;user-select:none;width:auto}.ts-checkbox input:checked{background:var(--accent-color,var(--ts-primary-700));border-color:var(--accent-color,var(--ts-primary-700))}.ts-checkbox input:focus{outline:0}.ts-checkbox input:after{-webkit-font-smoothing:antialiased;align-items:center;backface-visibility:hidden;bottom:0;color:var(--accent-foreground-color,var(--ts-white));content:"\f00c";display:none;font-family:Icons;font-size:1rem;font-style:normal;font-weight:400;justify-content:center;left:0;position:absolute;right:0;text-align:center;text-decoration:inherit;top:0;transform:scale(.8);z-index:1}.ts-checkbox input:checked:after{display:flex}.ts-checkbox.is-disabled{cursor:not-allowed;opacity:.5;pointer-events:none;user-select:none}.ts-checkbox.is-disabled input{background:var(--ts-gray-200);border-color:var(--ts-gray-200)}.ts-checkbox.is-solo input{margin-right:0;margin-top:0}.ts-checkbox.is-negative input{border-color:var(--ts-negative-600);border-width:2px}.ts-checkbox.is-indeterminate input:after{content:"\f068"}.ts-checkbox.is-small input{min-height:.95rem;min-width:.95rem}.ts-checkbox.is-small input:after{font-size:var(--ts-font-size-12px)}.ts-checkbox.is-small{font-size:var(--ts-font-size-14px)}.ts-checkbox.is-large input{min-height:1.3rem;min-width:1.3rem}.ts-checkbox.is-large{font-size:var(--ts-font-size-17px)}.ts-checkbox.is-large input:after{font-size:var(--ts-font-size-16px)}.ts-radio{--accent-color:initial;--accent-foreground-color:initial;align-items:flex-start;cursor:pointer;display:inline-flex;margin-top:-3px;vertical-align:middle}.ts-radio,.ts-radio input{color:inherit;user-select:none}.ts-radio input{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;appearance:none;-webkit-appearance:none;background:transparent;background:var(--ts-gray-200);border:none;border:1px solid var(--ts-gray-200);border-radius:0;border-radius:100rem;box-sizing:border-box;cursor:pointer;font:inherit;line-height:normal;margin:0;margin-right:.5rem;margin-top:5px;min-height:1.15rem;min-width:1.15rem;outline:none;overflow:visible;padding:0;width:auto}.ts-radio input:checked{background:var(--accent-color,var(--ts-primary-700))}.ts-radio input:focus{outline:0}.ts-radio input:after{-webkit-font-smoothing:antialiased;align-items:center;backface-visibility:hidden;bottom:0;color:var(--accent-foreground-color,var(--ts-white));content:"\f111";display:none;font-family:Icons;font-size:1rem;font-style:normal;font-weight:400;justify-content:center;left:0;position:absolute;right:0;text-align:center;text-decoration:inherit;top:0;transform:scale(.5);z-index:1}.ts-radio input:checked:after{display:flex}.ts-radio.is-disabled{cursor:not-allowed;opacity:.5;pointer-events:none;user-select:none}.ts-radio.is-disabled input{background:var(--ts-gray-200);border-color:var(--ts-gray-200)}.ts-radio.is-solo input{margin-right:0;margin-top:0}.ts-radio.is-negative input{border-color:var(--ts-negative-600);border-width:2px}.ts-radio.is-small input{min-height:.95rem;min-width:.95rem}.ts-radio.is-small,.ts-radio.is-small input:after{font-size:var(--ts-font-size-14px)}.ts-radio.is-large input{min-height:1.3rem;min-width:1.3rem}.ts-radio.is-large{font-size:var(--ts-font-size-17px)}.ts-radio.is-large input:after{font-size:var(--ts-font-size-18px)}@keyframes ts-progress-active{0%{opacity:.8;width:0}to{opacity:0;width:100%}}@keyframes ts-progress-animation{0%{background-position:0}to{background-position:40px}}@keyframes ts-progress-indeterminate{0%{margin-left:-10%;margin-right:100%}40%{margin-left:25%;margin-right:0}to{margin-left:100%;margin-right:0}}.ts-progress{--accent-color:initial;--accent-foreground-color:initial;background:var(--ts-gray-300);border-radius:.4rem;display:flex;line-height:1;min-height:1.6rem;overflow:hidden}.ts-progress .bar{--value:0;align-items:center;background:var(--accent-color,var(--ts-gray-800));border-radius:.4rem;color:var(--accent-foreground-color,var(--ts-gray-50));display:inline-flex;font-size:var(--ts-font-size-14px);justify-content:flex-end;min-width:fit-content;padding:0 .5rem;text-align:right;transition:width 1s ease-out;width:calc(var(--value)*1%);z-index:1}.ts-progress.is-active .bar:after{animation:ts-progress-active 2s cubic-bezier(.4,0,.2,1) infinite;background:#5a5a5a;border-radius:.4rem;bottom:0;content:"";left:0;position:absolute;top:0}.ts-progress.is-empty .bar{background:transparent;color:var(--ts-gray-800)}.ts-progress.is-processing{animation:ts-progress-animation 2s linear 0s infinite;background-image:linear-gradient(135deg,#9e9e9e 25%,#949494 0,#949494 50%,#9e9e9e 0,#9e9e9e 75%,#949494 0,#949494);background-size:40px 40px}.ts-progress.is-indeterminate .bar{animation:ts-progress-indeterminate 2s cubic-bezier(.4,0,.2,1) 0s infinite;min-width:0;width:100%!important}.ts-progress.is-indeterminate .bar .text{visibility:hidden}.ts-progress.is-queried .bar{animation:ts-progress-indeterminate 2s cubic-bezier(.4,0,.2,1) 0s infinite;animation-direction:reverse;min-width:0;width:100%!important}.ts-progress.is-queried .bar .text{visibility:hidden}.ts-progress .bar.is-secondary{background:var(--ts-gray-400);bottom:0;color:var(--ts-gray-800);position:absolute;top:0;z-index:0}.ts-progress.is-tiny{min-height:.7rem}.ts-progress.is-tiny .bar .text{font-size:.8em}.ts-progress.is-small{min-height:1.2rem}.ts-progress.is-small .bar .text{font-size:.85em}.ts-progress.is-large .bar{min-height:2.1875rem}.ts-badge{--accent-color:initial;--accent-foreground-color:initial;align-self:center;background:var(--accent-color,var(--ts-gray-800));border:1px solid transparent;border-radius:100rem;color:var(--accent-foreground-color,var(--ts-gray-50));display:inline-block;font-size:var(--ts-font-size-14px);font-weight:400;line-height:1;padding:.225rem .5rem;text-decoration:none;vertical-align:middle;white-space:nowrap}.ts-badge.is-secondary{background:var(--ts-gray-200);color:var(--accent-color,var(--ts-gray-800))}.ts-badge.is-outlined{background:transparent;border-color:var(--ts-gray-300);color:var(--accent-color,var(--ts-gray-800))}.ts-badge.is-negative{background:var(--ts-negative-500);color:var(--ts-white)}.ts-badge.is-negative.is-outlined{background:transparent;border-color:var(--ts-negative-500);color:var(--ts-negative-700)}.ts-badge.is-small{font-size:var(--ts-font-size-12px)}.ts-badge.is-large{font-size:var(--ts-font-size-16px)}.ts-badge.is-dense{padding-bottom:.125rem;padding-top:.125rem}.ts-badge.is-spaced{margin-left:.45rem;margin-right:.45rem}.ts-badge.is-start-spaced{margin-left:.45rem}.ts-badge.is-end-spaced{margin-right:.45rem}.ts-pagination{--accent-color:initial;--accent-foreground-color:initial;background:var(--ts-gray-200);border:1px solid var(--ts-gray-200);border-radius:100rem;color:var(--ts-gray-800);display:inline-flex;padding:.25rem .5rem}.ts-pagination .item{align-items:center;border-radius:100rem;color:var(--ts-gray-800);cursor:pointer;display:flex;gap:.5rem;justify-content:center;line-height:1;margin:0 .15rem;padding:.5rem .8rem;text-decoration:none}.ts-pagination .item.is-active{background:var(--accent-color,var(--ts-gray-800));color:var(--accent-foreground-color,var(--ts-gray-50))}.ts-pagination.is-fluid{display:flex}.ts-pagination .item.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-pagination .item.is-back,.ts-pagination .item.is-next{-webkit-font-smoothing:antialiased;backface-visibility:hidden;font-family:Icons;font-style:normal;font-weight:400;padding-bottom:.5rem;padding-top:.5rem;text-align:center;text-decoration:inherit}.ts-pagination .item.is-back:before{content:"\f053";font-size:13px}.ts-pagination .item.is-next{margin-left:auto}.ts-pagination .item.is-next:after{content:"\f054";font-size:13px}.ts-pagination.is-secondary{background:transparent;border-color:transparent;padding:0}.ts-pagination.is-small{font-size:var(--ts-font-size-13px)}.ts-pagination.is-large{font-size:var(--ts-font-size-17px)}.ts-pagination.is-dense{padding-bottom:.15rem;padding-top:.15rem}.ts-pagination.is-dense .item{padding-bottom:.3rem;padding-top:.3rem}.ts-space{--ts-gap:1rem;height:var(--ts-gap)}.ts-space:before{content:" "}.ts-space.is-small{--ts-gap:0.5rem}.ts-space.is-large{--ts-gap:1.5rem}.ts-space.is-big{--ts-gap:3rem}.ts-space.is-huge{--ts-gap:4.5rem}.ts-select{--object-distance-vertical:0.4rem;--object-distance-horizontal:0.8rem;--height:var(--ts-input-height-medium);background:var(--ts-gray-50);border:1px solid var(--ts-gray-300);border-radius:.4rem;cursor:pointer;display:inline-flex;height:var(--height)}.ts-select select{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;appearance:none;-webkit-appearance:none;background:inherit;border:none;border-radius:.4rem;box-sizing:border-box;font:inherit;margin:0;outline:none;overflow:hidden;text-overflow:ellipsis;user-select:none;white-space:nowrap}.ts-select select:focus{outline:0}.ts-select .content,.ts-select select{color:var(--ts-gray-800);cursor:pointer;font-size:var(--ts-font-size-14px);line-height:1.5;padding:0 2.5rem 0 1rem;width:100%}.ts-select .content{align-items:center;display:flex;gap:var(--object-distance-vertical) var(--object-distance-horizontal);overflow:hidden;user-select:none;width:calc(100% - 2.5rem)}.ts-select .content,.ts-select .content *{flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-select .content .ts-icon{font-size:1.1em}.ts-select select option{background:inherit}.ts-select:after{-webkit-font-smoothing:antialiased;align-items:center;backface-visibility:hidden;bottom:0;color:var(--ts-gray-700);content:"\f078";display:flex;font-family:Icons;font-size:13px;font-style:normal;font-weight:400;justify-content:center;pointer-events:none;position:absolute;right:1rem;text-align:center;text-decoration:inherit;top:0;width:1.18em}.ts-select.is-multiple{height:auto}.ts-select.is-multiple:after{content:none}.ts-select select[multiple]{overflow-y:auto;padding:.5rem}.ts-select select[multiple] option{border-radius:.4rem;margin:.1rem 0;padding:.3rem .5rem}.ts-select select[multiple] option:checked{background:var(--ts-primary-700);color:var(--ts-white)}.ts-select.is-solid{background:var(--ts-gray-100);border-color:transparent}.ts-select:focus-within{border-color:var(--ts-primary-600)}.ts-select.is-underlined{background:var(--ts-gray-100);border:2px solid transparent;border-bottom:2px solid var(--ts-gray-400);border-radius:.4rem .4rem 0 0}.ts-select.is-underlined select option{background:var(--ts-gray-50)}.ts-select.is-underlined:focus-within{border-bottom-color:var(--ts-primary-600)}.ts-select.is-active{border-color:var(--ts-primary-600)}.ts-select.is-active .ts-dropdown{display:inline-flex}.ts-select.is-basic{background:transparent;border-color:transparent;min-height:auto;padding:0}.ts-select.is-basic select{line-height:1;padding:0 1.4rem 0 0}.ts-select.is-basic:after{font-size:12px;padding-top:2px;right:0}.ts-select.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-select.is-fluid{width:100%}.ts-select.is-negative{border-color:var(--ts-negative-400)}.ts-select.is-negative select{color:var(--ts-negative-600);font-weight:500}.ts-select.is-negative.is-underlined{border-color:transparent;border-bottom-color:var(--ts-negative-400)}.ts-select.is-small{--height:var(--ts-input-height-small)}.ts-select.is-large{--height:var(--ts-input-height-large)}.ts-select.is-small select{font-size:var(--ts-font-size-13px)}.ts-select.is-large select{font-size:var(--ts-font-size-17px)}.ts-select.is-dense{--height:var(--ts-input-height-medium-dense)}.ts-select.is-dense.is-small{--height:var(--ts-input-height-small-dense)}.ts-select.is-dense.is-large{--height:var(--ts-input-height-large-dense)}.ts-select.is-wrappable{height:auto;min-height:var(--height);padding:.184em 0}.ts-select.is-wrappable .content{flex-wrap:wrap}.ts-select.is-wrappable:after{bottom:auto;top:.5em}.ts-fieldset{--accent-color:initial;--accent-foreground-color:initial;border:1px solid var(--accent-color,var(--ts-gray-300));border-radius:.4rem;color:inherit;padding:.5rem 1rem 1rem}.ts-fieldset legend{color:var(--accent-color,var(--ts-gray-600));font-weight:400;margin-left:-.7em;padding:0 .7em;pointer-events:none;user-select:none}.ts-fieldset.is-dense{padding-bottom:.5rem;padding-top:.25rem}.ts-text{--accent-color:initial;--accent-foreground-color:initial;color:var(--accent-color,inherit)}.ts-text.is-editable{cursor:pointer;text-decoration-color:var(--ts-gray-400);text-decoration-line:underline;text-decoration-style:dotted}.ts-text:is(.is-1-lines,.is-2-lines,.is-3-lines,.is-4-lines,.is-5-lines){-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.ts-text.is-1-lines{-webkit-line-clamp:1}.ts-text.is-2-lines{-webkit-line-clamp:2}.ts-text.is-3-lines{-webkit-line-clamp:3}.ts-text.is-4-lines{-webkit-line-clamp:4}.ts-text.is-5-lines{-webkit-line-clamp:5}.ts-text.is-secondary{color:var(--ts-gray-500)}.ts-text.is-bold{font-weight:500!important}.ts-text.is-heavy{font-weight:700!important}.ts-text.is-italic{font-style:italic!important}.ts-text.is-deleted{text-decoration:line-through!important}.ts-text.is-underlined{text-decoration:underline!important}.ts-text.is-link.is-link.is-link{color:var(--accent-color,var(--ts-link-700))}.ts-text.is-link{text-decoration:underline}.ts-text.is-link:active,.ts-text.is-link:hover,.ts-text.is-link:visited{color:inherit}.ts-text.is-undecorated{text-decoration:none}.ts-text.is-undecorated:hover{text-decoration:underline}.ts-text.is-external-link:after{-webkit-font-smoothing:antialiased;backface-visibility:hidden;content:"\f35d";display:inline;font-family:Icons;font-size:.8em;font-style:normal;font-weight:400;margin-left:.25rem;text-align:center;text-decoration:inherit;width:1.18em}.ts-text.is-code{background:var(--ts-gray-200);color:var(--ts-gray-800);padding:0 .2rem}.ts-text.is-code,.ts-text.is-mark{border-radius:.4rem;font-size:var(--ts-font-size-14px)}.ts-text.is-mark{background:var(--ts-warning-500);color:var(--ts-black);padding:0 .25rem}.ts-text.is-key{background:var(--ts-gray-100);border-bottom:3px solid var(--ts-gray-300);border-radius:.4rem;color:var(--ts-gray-800);font-size:var(--ts-font-size-14px);padding:0 .35rem}.ts-text.is-sup{font-size:12px;opacity:.8;vertical-align:top}.ts-text.is-sub{font-size:12px;opacity:.8;vertical-align:bottom}.ts-text.is-truncated{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-text.is-uppercased{text-transform:uppercase}.ts-text.is-lowercased{text-transform:lowercase}.ts-text.is-center-aligned{text-align:center}.ts-text.is-start-aligned{text-align:left}.ts-text.is-end-aligned{text-align:right}.ts-text.is-label{color:var(--ts-gray-800);font-size:var(--ts-font-size-14px);font-weight:500;line-height:1}.ts-text.is-description{color:var(--ts-gray-500);font-size:var(--ts-font-size-14px)}.ts-text.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-text.is-required:after{color:var(--ts-negative-600);content:" *";font-weight:700}.ts-text.is-tiny{font-size:var(--ts-font-size-13px)}.ts-text.is-small{font-size:var(--ts-font-size-14px)}.ts-text.is-medium{font-size:var(--ts-font-size-15px)}.ts-text.is-large{font-size:var(--ts-font-size-17px)}.ts-text.is-big{font-size:var(--ts-font-size-20px)}.ts-text.is-huge{font-size:var(--ts-font-size-24px)}.ts-text.is-massive{font-size:var(--ts-font-size-30px)}.ts-text.is-negative{color:var(--ts-negative-600)}.ts-text.is-negative.is-secondary{color:var(--ts-negative-500)}.ts-row{color:inherit;display:flex;gap:1rem;min-width:0}.ts-row.is-start-aligned{justify-content:flex-start}.ts-row.is-center-aligned{justify-content:center}.ts-row.is-end-aligned{justify-content:flex-end}.ts-row.is-top-aligned{align-items:flex-start}.ts-row.is-middle-aligned{align-items:center}.ts-row.is-bottom-aligned{align-items:flex-end}.ts-row .column.is-middle-aligned{align-items:center;display:flex}.ts-row .column.is-center-aligned{display:flex;justify-content:center}.ts-row .column.is-bottom-aligned{align-items:flex-end;display:flex}.ts-row .column.is-start-aligned{text-align:left}.ts-row .column.is-end-aligned{text-align:right}.ts-row .column.is-truncated,.ts-row .column.is-truncated *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-row.is-evenly-divided .column{flex:1}.ts-row .column.is-fluid{flex:1;flex-grow:1;min-width:0}.ts-row.is-compact{gap:.5rem}.ts-row.is-relaxed{gap:2rem}.ts-tab{--horizontal-padding-multiplier:1;--accent-color:initial;--accent-foreground-color:initial;display:flex;flex-wrap:wrap;margin-bottom:-1px;user-select:none;z-index:1}.ts-tab .item{align-items:center;border-bottom:3px solid transparent;color:var(--ts-gray-800);cursor:pointer;display:inline-flex;gap:.5rem;justify-content:center;line-height:1.8;padding:.5rem calc(1rem*var(--horizontal-padding-multiplier));text-align:center;text-decoration:none}.ts-tab .ts-icon{font-size:1.1em}.ts-tab .item.is-active{border-bottom-color:var(--accent-color,var(--ts-gray-800));cursor:default}.ts-tab .item.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-tab.is-pilled .item{border-bottom:0;border-radius:100rem;padding:.25rem calc(1rem*var(--horizontal-padding-multiplier))}.ts-tab.is-pilled .item.is-active{background:var(--accent-color,var(--ts-gray-800));color:var(--accent-foreground-color,var(--ts-gray-50))}.ts-tab.is-pilled.is-secondary .item.is-active{background:var(--ts-gray-200);color:var(--accent-color,var(--ts-gray-800))}.ts-tab.is-start-aligned{justify-content:flex-start}.ts-tab.is-center-aligned{justify-content:center}.ts-tab.is-end-aligned{justify-content:flex-end}.ts-tab.is-segmented{--height:var(--ts-input-height-medium);align-items:center;border:1px solid var(--ts-gray-300);border-radius:.4rem;color:var(--ts-gray-700);display:inline-flex;height:var(--height);padding:0 .25rem}.ts-tab.is-segmented .item{border-bottom:0;border-radius:.3rem;line-height:1;padding:.45rem calc(.9rem*var(--horizontal-padding-multiplier));user-select:none}.ts-tab.is-segmented .item.is-active{background:var(--accent-color,var(--ts-gray-800));color:var(--accent-foreground-color,var(--ts-gray-50))}.ts-tab.is-fluid{display:flex}.ts-tab.is-fluid .item{flex:1}.ts-tab.is-small .item{font-size:var(--ts-font-size-14px)}.ts-tab.is-large .item{font-size:var(--ts-font-size-17px)}.ts-tab.is-small.is-segmented{--height:var(--ts-input-height-small)}.ts-tab.is-large.is-segmented{--height:var(--ts-input-height-large)}.ts-tab.is-dense .item{padding-bottom:.25rem;padding-top:.25rem}.ts-tab.is-dense.is-segmented .item{padding-bottom:.35rem;padding-top:.35rem}.ts-tab.is-dense.is-pilled .item{padding-bottom:.05rem;padding-top:.05rem}.ts-tab.is-segmented.is-dense{--height:var(--ts-input-height-medium-dense)}.ts-tab.is-segmented.is-small.is-dense{--height:var(--ts-input-height-small-dense)}.ts-tab.is-segmented.is-large.is-dense{--height:var(--ts-input-height-large-dense)}.ts-tab.is-relaxed{--horizontal-padding-multiplier:1.6}.ts-center{align-items:center;color:inherit;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0;width:100%}.ts-box{--accent-color:initial;--accent-foreground-color:initial;--ts-indicator-color:var(--accent-color,var(--ts-gray-900));background:var(--ts-gray-50);border:1px solid var(--ts-gray-300);border-radius:.4rem;color:inherit;display:block;overflow:hidden;text-decoration:none}a.ts-box:hover{border-color:var(--ts-gray-400)}.ts-box .symbol .ts-icon{bottom:0;font-size:8em;height:.8em;line-height:1.1em;margin-left:0;margin-right:0;opacity:.1;overflow:hidden;pointer-events:none;position:absolute;right:0;width:.8em}.ts-box.is-horizontal{display:flex;flex-direction:row}.ts-box.is-collapsed{width:fit-content}.ts-box.is-top-indicated{border-top:3px solid var(--ts-indicator-color)}.ts-box.is-bottom-indicated{border-bottom:3px solid var(--ts-indicator-color)}.ts-box.is-left-indicated{border-left:3px solid var(--ts-indicator-color)}.ts-box.is-right-indicated{border-right:3px solid var(--ts-indicator-color)}.ts-box[class*=-indicated].is-negative{--ts-indicator-color:var(--ts-negative-500)}.ts-box[class*=-indicated].is-positive{--ts-indicator-color:var(--ts-positive-500)}.ts-box[class*=-indicated].is-warning{--ts-indicator-color:var(--ts-warning-500)}.ts-box.is-elevated{box-shadow:0 1px 5px 0 #00000024}.ts-box.is-very-elevated{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}.ts-box.is-squared{border-radius:0}.ts-box.is-hollowed{background:transparent;border:4px dashed var(--ts-gray-300)}.ts-content{box-sizing:border-box;color:inherit;display:block;padding:1rem;text-decoration:none}.ts-content.is-fitted{padding:0}.ts-content.is-vertically-fitted{padding-bottom:0;padding-top:0}.ts-content.is-horizontally-fitted{padding-left:0;padding-right:0}.ts-content.u-dark{background:var(--ts-gray-50);color:var(--ts-gray-800)}.ts-content.is-secondary{background:var(--ts-gray-75)}.ts-content.is-tertiary{background:var(--ts-gray-100)}.ts-content.is-start-aligned{text-align:left}.ts-content.is-end-aligned{text-align:right}.ts-content.is-center-aligned{text-align:center}.ts-content.is-interactive{display:block;text-decoration:none}.ts-content.is-interactive:hover{cursor:pointer}.ts-content.is-interactive:hover:not(.is-active){background:var(--ts-gray-75)}.ts-content.is-active{background:var(--ts-gray-200)}.ts-content.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-content.is-rounded{border-radius:.4rem}.ts-content.is-padded{padding:1.5rem}.ts-content.is-horizontally-padded{padding-left:1.5rem;padding-right:1.5rem}.ts-content.is-vertically-padded{padding-bottom:1.5rem;padding-top:1.5rem}.ts-content.is-very-padded{padding:3.5rem}.ts-content.is-horizontally-very-padded{padding-left:3.5rem;padding-right:3.5rem}.ts-content.is-vertically-very-padded{padding-bottom:3.5rem;padding-top:3.5rem}.ts-content.is-compact{padding:.5rem}.ts-content.is-dense{padding-bottom:.5rem;padding-top:.5rem}.ts-image{display:inline-block;max-width:100%;text-decoration:none;vertical-align:top}.ts-image img{vertical-align:top;width:100%}.ts-image.is-circular img{border-radius:100rem!important}.ts-image.is-disabled img{opacity:.5;pointer-events:none}.ts-image.is-rounded img{border-radius:.4rem!important}.ts-image.is-bordered img{border:1px solid var(--ts-gray-300)}.ts-image.is-covered img{object-fit:cover}.ts-image.is-full-width,.ts-image.is-full-width img{width:100%}.ts-image.is-full-height,.ts-image.is-full-height img{height:100%}.ts-image.is-centered{display:block}.ts-image.is-centered img{display:block;margin-left:auto;margin-right:auto}.ts-image.is-mini img{width:35px}.ts-image.is-tiny img{width:80px}.ts-image.is-small img{width:150px}.ts-image.is-medium img{width:300px}.ts-image.is-large img{width:450px}.ts-image.is-big img{width:600px}.ts-image.is-huge img{width:800px}.ts-image.is-massive img{width:960px}.ts-image.is-spaced{margin-left:.45rem;margin-right:.45rem}.ts-image.is-start-spaced{margin-left:.45rem}.ts-image.is-end-spaced{margin-right:.45rem}.ts-image.is-1-by-1 img{aspect-ratio:1/1}.ts-image.is-4-by-3 img{aspect-ratio:4/3}.ts-image.is-16-by-9 img{aspect-ratio:16/9}.ts-switch{--accent-color:initial;--accent-foreground-color:initial;align-items:flex-start;color:inherit;cursor:pointer;display:inline-flex;user-select:none}.ts-switch input{appearance:none;-webkit-appearance:none;cursor:pointer;margin:3px .5rem 0 0}.ts-switch input:after{background:var(--ts-gray-300);border-radius:100rem;content:"";display:block;height:22px;transition:background .1s ease;width:38px}.ts-switch input:before{background:var(--ts-white);border-radius:100rem;content:"";display:block;height:15px;left:4px;position:absolute;top:3.5px;transition:left .1s ease;width:15px;z-index:1}.ts-switch input:checked:after{background:var(--accent-color,var(--ts-primary-700))}.ts-switch input:checked:before{background:var(--accent-foreground-color,var(--ts-white));left:19px}.ts-switch.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-switch.is-solo input{margin-right:0;margin-top:0}.ts-switch.is-negative input{border:2px solid var(--ts-negative-600);border-radius:100rem}.ts-switch.is-small{font-size:var(--ts-font-size-14px)}.ts-switch.is-small input:after{height:19px;width:31px}.ts-switch.is-small input:before{height:12px;top:3.5px;width:12px}.ts-switch.is-small input:checked:before{left:15px}.ts-switch.is-large{font-size:var(--ts-font-size-17px)}.ts-switch.is-large input:after{height:25px;width:46px}.ts-switch.is-large input:before{height:18px;top:3.5px;width:18px}.ts-switch.is-large input:checked:before{left:24px}.ts-meta{display:inline-flex;flex-wrap:wrap}.ts-meta .item{color:inherit;text-decoration:none}.ts-meta .item:not(:last-child):after{color:var(--ts-gray-500);content:"．";display:inline-block;margin:0;pointer-events:none;text-decoration:none;user-select:none}.ts-meta a.item:hover{text-decoration:underline}.ts-meta:is(.is-start-aligned,.is-center-aligned,.is-end-aligned){display:flex}.ts-meta.is-start-aligned{justify-content:flex-start}.ts-meta.is-center-aligned{justify-content:center}.ts-meta.is-end-aligned{justify-content:flex-end}.ts-meta.is-secondary .item{color:var(--ts-gray-500)}.ts-meta.is-small{font-size:var(--ts-font-size-14px)}.ts-meta.is-large{font-size:var(--ts-font-size-17px)}.ts-selection{--height:var(--ts-input-height-medium);--accent-color:initial;--accent-foreground-color:initial;align-items:center;background:var(--ts-gray-100);border:1px solid var(--ts-gray-100);border-radius:.4rem;box-sizing:border-box;display:inline-flex;height:var(--height);padding:0 .35rem}.ts-selection .item{display:flex}.ts-selection .item .text{align-items:center;border-color:var(--ts-gray-100);border-radius:.3rem;color:var(--ts-gray-800);cursor:pointer;display:inline-flex;font-size:var(--ts-absolute-small);justify-content:center;line-height:1.5;padding:.25rem 1rem;text-align:center;user-select:none}.ts-selection .item input{display:none}.ts-selection input:checked+.text{background:var(--accent-color,var(--ts-primary-700));border-color:var(--accent-color,var(--ts-primary-700));color:var(--accent-foreground-color,var(--ts-white))}.ts-selection .item.is-disabled,.ts-selection.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-selection.is-circular,.ts-selection.is-circular .item .text{border-radius:100rem}.ts-selection.is-fluid{width:100%}.ts-selection.is-fluid .item{flex:1}.ts-selection.is-fluid .item .text{width:100%}.ts-selection.is-small{--height:var(--ts-input-height-small)}.ts-selection.is-small .item .text{font-size:var(--ts-font-size-13px)}.ts-selection.is-large{--height:var(--ts-input-height-large)}.ts-selection.is-large .item .text{font-size:var(--ts-font-size-17px)}.ts-selection.is-dense{--height:var(--ts-input-height-medium-dense)}.ts-selection.is-dense.is-small{--height:var(--ts-input-height-small-dense);--height:var(--ts-input-height-large-dense)}.ts-selection.is-dense .item .text{padding-bottom:.1rem;padding-top:.1rem}.ts-table,.ts-table :is(thead,tbody,tfoot,tr,th,td){-webkit-border-horizontal-spacing:0;-webkit-border-vertical-spacing:0;border:none;border-collapse:collapse;border-color:inherit;border-spacing:0;font-size:14px;font-weight:inherit;height:auto;margin:0;padding:0;text-align:left;vertical-align:inherit;width:auto}.ts-table{color:inherit;width:100%}.ts-table thead tr{border-bottom:1px solid var(--ts-gray-300)}.ts-table tfoot tr{border-top:1px solid var(--ts-gray-300)}.ts-table tr th{background:var(--ts-gray-100)}.ts-table :is(thead,tfoot) tr th{color:var(--ts-gray-600);font-weight:500;padding:.5rem 1rem}.ts-table tbody tr+tr{border-top:1px solid var(--ts-gray-300)}.ts-table tbody tr td{padding:.5rem 1rem}.ts-table.is-small,.ts-table.is-small :is(thead,tbody,tfoot,tr,th,td){font-size:var(--ts-font-size-13px)}.ts-table.is-large,.ts-table.is-large :is(thead,tbody,tfoot,tr,th,td){font-size:var(--ts-font-size-16px)}.ts-table.is-collapsed{width:auto}.ts-table :is(th,td).is-collapsed{white-space:nowrap;width:1px}.ts-table.is-truncated{table-layout:fixed}.ts-table.is-truncated td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-table:is(.is-basic,.is-very-basic) tr th{background:transparent}.ts-table.is-very-basic tbody :is(th,td,tr){border-color:transparent}.ts-table.is-definition tr th:not(:first-child){background:var(--ts-gray-100)}.ts-table.is-definition tr th:first-child{background:transparent}.ts-table.is-definition tr td:first-child{background:var(--ts-gray-100)}.ts-table.is-celled tr :is(td,th):not(:last-child){border-right:1px solid var(--ts-gray-300)}.ts-table.is-striped>tbody>tr:nth-child(2n){background:var(--ts-gray-75)}.ts-table td.is-empty{color:var(--ts-gray-300);font-weight:500}.ts-table td.is-empty:after{content:"—"}.ts-table td.is-insetted{box-shadow:inset 0 0 10px 0 rgb(0 0 0/5%)}.ts-table :is(tr,th,td).is-start-aligned{text-align:left}.ts-table :is(th,td).is-center-aligned{text-align:center}.ts-table :is(th,td).is-end-aligned{text-align:right}.ts-table.is-top-aligned :is(th,td){vertical-align:top}.ts-table :is(th,td).is-top-aligned{vertical-align:top}.ts-table :is(th,td).is-middle-aligned{vertical-align:middle}.ts-table tr.is-middle-aligned td{vertical-align:middle}.ts-table :is(th,td).is-bottom-aligned{vertical-align:bottom}.ts-table :is(tr,tr th,tr td).is-secondary{background:var(--ts-gray-75)}.ts-table :is(tr,tr th,tr td).is-tertiary{background:var(--ts-gray-100)}.ts-table :is(tr,tr th,tr td).is-active{background:var(--ts-gray-300)}.ts-table :is(tr,tr th,tr td).is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-table :is(tr,tr th,tr td).is-single-line,.ts-table.is-single-line :is(tr,tr th,tr td){white-space:nowrap}.ts-table :is(tr,tr th,tr td).is-indicated{box-shadow:2px 0 0 var(--ts-gray-900) inset}.ts-table :is(tr,tr th,tr td).is-indicated.is-negative{box-shadow:2px 0 0 var(--ts-negative-600) inset}.ts-table :is(tr,tr th,tr td).is-indicated.is-positive{box-shadow:2px 0 0 var(--ts-positive-600) inset}.ts-table :is(tr,tr th,tr td).is-indicated.is-warning{box-shadow:2px 0 0 var(--ts-warning-600) inset}.ts-table.is-sticked tr :is(td,th):first-child{padding-left:0}.ts-table.is-sticked tr :is(td,th):last-child{padding-right:0}.ts-table.is-relaxed :is(thead,tfoot) tr th{padding-bottom:.8rem;padding-top:.8rem}.ts-table.is-relaxed tbody tr td{padding-bottom:.8rem;padding-top:.8rem}.ts-table.is-dense :is(thead,tfoot) tr th{padding-bottom:.25rem;padding-top:.25rem}.ts-table.is-dense tbody tr td{padding-bottom:.25rem;padding-top:.25rem}.ts-table.is-padded tbody tr td{padding:1rem 1.5rem}.ts-table.is-padded :is(thead,tfoot) tr th{padding:1rem 1.5rem}.ts-table.is-horizontally-padded tbody tr td{padding-left:1.5rem;padding-right:1.5rem}.ts-table.is-horizontally-padded :is(thead,tfoot) tr th{padding-left:1.5rem;padding-right:1.5rem}.ts-table tbody tr td.is-padded{padding:1rem 1.5rem}.ts-table tbody tr td.is-vertically-padded{padding-bottom:1rem;padding-top:1rem}.ts-table tbody tr td.is-horizontally-padded{padding-left:1.5rem;padding-right:1.5rem}.ts-table.is-fitted :is(thead,tfoot) tr th{padding:0}.ts-table tbody tr td.is-fitted,.ts-table.is-fitted tbody tr td{padding:0}.ts-procedure{--accent-color:initial;--accent-foreground-color:initial;align-items:center;display:flex;justify-content:center}.ts-procedure .item{align-items:center;color:var(--ts-gray-800);counter-increment:ordered;display:flex;flex:1 0 auto;text-decoration:none}.ts-procedure .item:last-child{flex:0 0 auto}.ts-procedure .item .indicator{align-items:center;background:transparent;border:2px solid var(--ts-gray-300);border-radius:100rem;color:var(--ts-gray-800);display:inline-flex;font-weight:700;height:2rem;justify-content:center;line-height:1;margin-right:1rem;width:2rem}.ts-procedure:not(.is-compact) .item .indicator:empty:after{content:counter(ordered,decimal)}.ts-procedure .item .content{align-items:center;display:flex}.ts-procedure .item .label{color:var(--ts-gray-800);font-weight:500}.ts-procedure .item .label .description{color:var(--ts-gray-600);font-size:var(--ts-font-size-14px);font-weight:400}.ts-procedure .item:after{background:var(--ts-gray-300);content:"";flex:1 1 0%;height:2px;margin:0 1rem;pointer-events:none}.ts-procedure .item:last-child:after{display:none}.ts-procedure .item .indicator .ts-icon{font-size:var(--ts-font-size-14px)}.ts-procedure .item.is-active .indicator{background:var(--accent-color,var(--ts-gray-800));border-color:var(--accent-color,var(--ts-gray-800));color:var(--accent-foreground-color,var(--ts-gray-50))}.ts-procedure.is-stacked .item .content{flex-direction:column;gap:.25rem;justify-content:center}.ts-procedure.is-stacked .item .indicator{margin-right:0}.ts-procedure.is-stacked .item:after{margin-bottom:2rem}.ts-procedure .item.is-processing .indicator{background:transparent;border-color:var(--accent-color,var(--ts-gray-800));color:var(--ts-gray-800)}.ts-procedure .item.is-completed .indicator,.ts-procedure .item.is-completed:after{background:var(--accent-color,var(--ts-gray-800))}.ts-procedure .item.is-completed .indicator{-webkit-font-smoothing:antialiased;backface-visibility:hidden;border-color:var(--accent-color,var(--ts-gray-800));color:var(--accent-foreground-color,var(--ts-gray-50));font-family:Icons;font-style:normal;font-weight:400;text-align:center;text-decoration:inherit}.ts-procedure .item.is-completed .indicator *,.ts-procedure .item.is-completed .indicator:after{display:none}.ts-procedure .item.is-completed .indicator:before{content:"\f00c"}.ts-procedure .item.is-completed .line.is-half:before{background:var(--ts-gray-300);bottom:0;content:" ";position:absolute;right:0;top:0;width:50%}.ts-procedure .item.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-procedure .item.is-disabled .indicator{background:transparent;border-color:var(--ts-gray-300)}.ts-procedure .item.is-negative .indicator{background:var(--ts-negative-500);border-color:var(--ts-negative-500);color:var(--ts-white)}.ts-procedure .item.is-negative .label{color:var(--ts-negative-500)}.ts-procedure.is-compact .item .indicator{height:1rem;padding:0;width:1rem}.ts-procedure.is-compact .item.is-completed .indicator *,.ts-procedure.is-compact .item.is-completed .indicator:after,.ts-procedure.is-compact .item.is-completed .indicator:before{display:none}.ts-procedure.is-unordered .item .indicator{background:var(--ts-gray-200);border-color:var(--ts-gray-200)}.ts-procedure.is-unordered .item.is-completed:after{background:var(--ts-gray-300)}.ts-procedure.is-unordered .item.is-active .indicator{background:var(--accent-color,var(--ts-gray-800));border-color:var(--accent-color,var(--ts-gray-800))}.ts-procedure.is-unordered .item.is-completed .indicator{background:var(--ts-gray-200);border-color:var(--ts-gray-200);color:var(--ts-gray-800)}.ts-procedure.is-compact .item.is-completed .indicator{background:var(--accent-color,var(--ts-gray-800));border-color:var(--accent-color,var(--ts-gray-800))}.ts-procedure.is-compact .item.is-active .indicator{background:transparent;border-color:var(--accent-color,var(--ts-gray-800))}.ts-procedure.is-compact .item.is-active .indicator:after{background:var(--accent-color,var(--ts-gray-800));border-radius:100rem;bottom:2px;content:"";display:block;left:2px;position:absolute;right:2px;top:2px}.ts-procedure.is-vertical{flex-direction:column}.ts-procedure.is-vertical .item{-webkit-box-pack:start;align-items:flex-start;display:flex;flex:1 0 auto;flex-direction:column;justify-content:flex-start;width:100%}.ts-procedure.is-vertical .item:after{height:auto;margin:.5rem 0 .5rem .9rem;min-height:1.5rem;width:2px}.ts-procedure.is-vertical.is-compact .item:after{margin:0 0 0 .4rem}.ts-procedure.is-small{font-size:var(--ts-font-size-14px)}.ts-procedure.is-large{font-size:var(--ts-font-size-17px)}.ts-grid{--ts-grid-gap:1rem;--ts-grid-1-wide:calc(6.25% - var(--ts-grid-gap) + var(--ts-grid-gap)/16);--ts-grid-2-wide:calc(12.5% - var(--ts-grid-gap) + var(--ts-grid-gap)/8);--ts-grid-3-wide:calc(18.75% - var(--ts-grid-gap) + var(--ts-grid-gap)/5.33333);--ts-grid-4-wide:calc(25% - var(--ts-grid-gap) + var(--ts-grid-gap)/4);--ts-grid-5-wide:calc(31.25% - var(--ts-grid-gap) + var(--ts-grid-gap)/3.2);--ts-grid-6-wide:calc(37.5% - var(--ts-grid-gap) + var(--ts-grid-gap)/2.66667);--ts-grid-7-wide:calc(43.75% - var(--ts-grid-gap) + var(--ts-grid-gap)/2.28571);--ts-grid-8-wide:calc(50% - var(--ts-grid-gap) + var(--ts-grid-gap)/2);--ts-grid-9-wide:calc(56.25% - var(--ts-grid-gap) + var(--ts-grid-gap)/1.77778);--ts-grid-10-wide:calc(62.5% - var(--ts-grid-gap) + var(--ts-grid-gap)/1.6);--ts-grid-11-wide:calc(68.75% - var(--ts-grid-gap) + var(--ts-grid-gap)/1.45455);--ts-grid-12-wide:calc(75% - var(--ts-grid-gap) + var(--ts-grid-gap)/1.33333);--ts-grid-13-wide:calc(81.25% - var(--ts-grid-gap) + var(--ts-grid-gap)/1.23077);--ts-grid-14-wide:calc(87.5% - var(--ts-grid-gap) + var(--ts-grid-gap)/1.14286);--ts-grid-15-wide:calc(93.75% - var(--ts-grid-gap) + var(--ts-grid-gap)/1.06667);--ts-grid-16-wide:calc(100% - var(--ts-grid-gap) + var(--ts-grid-gap)/1);--ts-grid-1-columns:calc(100% - var(--ts-grid-gap) + var(--ts-grid-gap)/1);--ts-grid-2-columns:calc(50% - var(--ts-grid-gap) + var(--ts-grid-gap)/2);--ts-grid-3-columns:calc(33.33333% - var(--ts-grid-gap) + var(--ts-grid-gap)/3);--ts-grid-4-columns:calc(25% - var(--ts-grid-gap) + var(--ts-grid-gap)/4);--ts-grid-5-columns:calc(20% - var(--ts-grid-gap) + var(--ts-grid-gap)/5);--ts-grid-6-columns:calc(16.66667% - var(--ts-grid-gap) + var(--ts-grid-gap)/6);--ts-grid-7-columns:calc(14.28571% - var(--ts-grid-gap) + var(--ts-grid-gap)/7);--ts-grid-8-columns:calc(12.5% - var(--ts-grid-gap) + var(--ts-grid-gap)/8);--ts-grid-9-columns:calc(11.11111% - var(--ts-grid-gap) + var(--ts-grid-gap)/9);--ts-grid-10-columns:calc(10% - var(--ts-grid-gap) + var(--ts-grid-gap)/10);color:inherit;display:flex;flex-wrap:wrap;gap:var(--ts-grid-gap)}.ts-grid.is-1-columns>.column{flex:var(--ts-grid-1-columns);max-width:var(--ts-grid-1-columns)}.ts-grid.is-2-columns>.column{flex:var(--ts-grid-2-columns);max-width:var(--ts-grid-2-columns)}.ts-grid.is-3-columns>.column{flex:var(--ts-grid-3-columns);max-width:var(--ts-grid-3-columns)}.ts-grid.is-4-columns>.column{flex:var(--ts-grid-4-columns);max-width:var(--ts-grid-4-columns)}.ts-grid.is-5-columns>.column{flex:var(--ts-grid-5-columns);max-width:var(--ts-grid-5-columns)}.ts-grid.is-6-columns>.column{flex:var(--ts-grid-6-columns);max-width:var(--ts-grid-6-columns)}.ts-grid.is-7-columns>.column{flex:var(--ts-grid-7-columns);max-width:var(--ts-grid-7-columns)}.ts-grid.is-8-columns>.column{flex:var(--ts-grid-8-columns);max-width:var(--ts-grid-8-columns)}.ts-grid.is-9-columns>.column{flex:var(--ts-grid-9-columns);max-width:var(--ts-grid-9-columns)}.ts-grid.is-10-columns>.column{flex:var(--ts-grid-10-columns);max-width:var(--ts-grid-10-columns)}.ts-grid.is-relaxed{--ts-grid-gap:2rem}.ts-grid.is-compact{--ts-grid-gap:0.5rem}.ts-grid.is-evenly-divided>.column{flex:var(--ts-grid-1-wide);width:var(--ts-grid-1-wide)}.ts-grid .column.is-truncated{overflow:hidden}.ts-grid.is-spaced-between{justify-content:space-between}.ts-grid.is-spaced-around{justify-content:space-around}.ts-grid.is-reversed{flex-direction:row-reverse}.ts-grid.is-start-aligned{justify-content:flex-start}.ts-grid.is-center-aligned{justify-content:center}.ts-grid.is-end-aligned{justify-content:flex-end}.ts-grid.is-top-aligned{align-items:flex-start}.ts-grid.is-middle-aligned{align-items:center}.ts-grid.is-bottom-aligned{align-items:flex-end}.ts-grid .column.is-first{order:-1}.ts-grid .column.is-last,.ts-grid .column.is-order-1{order:1}.ts-grid .column.is-order-2{order:2}.ts-grid .column.is-order-3{order:3}.ts-grid .column.is-order-4{order:4}.ts-grid .column.is-order-5{order:5}.ts-grid .column.is-order-6{order:6}.ts-grid .column.is-order-7{order:7}.ts-grid .column.is-order-8{order:8}.ts-grid .column.is-order-9{order:9}.ts-grid .column.is-order-10{order:10}.ts-grid .column.is-1-wide{max-width:var(--ts-grid-1-wide);width:var(--ts-grid-1-wide)}.ts-grid .column.is-2-wide{max-width:var(--ts-grid-2-wide);width:var(--ts-grid-2-wide)}.ts-grid .column.is-3-wide{max-width:var(--ts-grid-3-wide);width:var(--ts-grid-3-wide)}.ts-grid .column.is-4-wide{max-width:var(--ts-grid-4-wide);width:var(--ts-grid-4-wide)}.ts-grid .column.is-5-wide{max-width:var(--ts-grid-5-wide);width:var(--ts-grid-5-wide)}.ts-grid .column.is-6-wide{max-width:var(--ts-grid-6-wide);width:var(--ts-grid-6-wide)}.ts-grid .column.is-7-wide{max-width:var(--ts-grid-7-wide);width:var(--ts-grid-7-wide)}.ts-grid .column.is-8-wide{max-width:var(--ts-grid-8-wide);width:var(--ts-grid-8-wide)}.ts-grid .column.is-9-wide{max-width:var(--ts-grid-9-wide);width:var(--ts-grid-9-wide)}.ts-grid .column.is-10-wide{max-width:var(--ts-grid-10-wide);width:var(--ts-grid-10-wide)}.ts-grid .column.is-11-wide{max-width:var(--ts-grid-11-wide);width:var(--ts-grid-11-wide)}.ts-grid .column.is-12-wide{max-width:var(--ts-grid-12-wide);width:var(--ts-grid-12-wide)}.ts-grid .column.is-13-wide{max-width:var(--ts-grid-13-wide);width:var(--ts-grid-13-wide)}.ts-grid .column.is-14-wide{max-width:var(--ts-grid-14-wide);width:var(--ts-grid-14-wide)}.ts-grid .column.is-15-wide{max-width:var(--ts-grid-15-wide);width:var(--ts-grid-15-wide)}.ts-grid .column.is-16-wide{max-width:var(--ts-grid-16-wide);width:var(--ts-grid-16-wide)}.ts-grid .column.is-fluid{flex:1;flex-grow:1;min-width:0}.ts-grid.is-stacked .column{flex:var(--ts-grid-16-wide);max-width:var(--ts-grid-16-wide)}.ts-rating{--accent-color:initial;--accent-foreground-color:initial;--color:var(--accent-color,inherit);display:inline-flex;gap:.2rem;user-select:none}.ts-rating :is(.star,.heart){color:var(--ts-gray-200);text-decoration:none}.ts-rating :is(.star,.heart).is-active,.ts-rating.is-input :is(.star,.heart):checked,.ts-rating.is-input :is(.star,.heart):has(~:is(.star,.heart):checked),.ts-rating.is-input :is(.star,.heart):has(~:is(.star,.heart):hover),.ts-rating.is-input :is(.star,.heart):hover{color:var(--color)}.ts-rating.is-yellow{--color:#e3c81b}.ts-rating.is-red{--color:#f10}.ts-rating :is(.star,.heart):after,.ts-rating :is(.star,.heart):before{-webkit-font-smoothing:antialiased;backface-visibility:hidden;display:inline;font-family:Icons;font-style:normal;font-weight:400;text-align:center;text-decoration:inherit}.ts-rating .star:after{content:"\f005";z-index:0}.ts-rating .heart:after{content:"\f004"}.ts-rating .star.is-active.is-half:after{color:var(--ts-gray-200)}.ts-rating .star.is-active.is-half:before{color:var(--color);content:"\f089";left:0;position:absolute;top:0;z-index:1}.ts-rating.is-disabled{pointer-events:none}.ts-rating.is-input input{appearance:none;cursor:pointer;font-size:1rem;margin:0;transition:color .1s ease,opacity .1s ease}.ts-rating.is-input input:hover:focus~input,.ts-rating.is-input input:hover:not(:focus)~input{opacity:.7}.ts-rating.is-input input:hover:not(:focus){transform:scale(1.1)}.ts-rating.is-small{font-size:var(--ts-font-size-13px)}.ts-rating.is-large{font-size:var(--ts-font-size-18px)}.ts-chip{--accent-color:initial;--accent-foreground-color:initial;text-decoration:none;vertical-align:middle}.ts-chip,.ts-chip.is-input .content,.ts-chip.is-toggle .content{align-items:center;background:var(--ts-gray-200);border:1px solid var(--ts-gray-200);border-radius:.4rem;color:var(--accent-color,var(--ts-gray-800));display:inline-flex;font-size:var(--ts-font-size-14px);gap:.5rem;justify-content:center;line-height:1.75;min-height:22px;padding:.1rem .6rem}.ts-chip.is-input,.ts-chip.is-toggle{background:initial;border:initial;display:initial;font-size:medium;gap:initial;line-height:normal;min-height:auto;min-width:auto;padding:initial}.ts-chip img{border-radius:.4rem;height:24px;margin-left:-5px;width:24px}.ts-chip input{display:none}.ts-chip.is-outlined,.ts-chip.is-outlined .content{background:transparent;border-color:var(--ts-gray-300)}.ts-chip.is-circular,.ts-chip.is-circular .content{border-radius:100rem}.ts-chip.is-input,.ts-chip.is-toggle{cursor:pointer;user-select:none}.ts-chip.is-toggle input:checked+.content{background:var(--accent-color,var(--ts-gray-800));border-color:var(--accent-color,var(--ts-gray-800));color:var(--accent-foreground-color,var(--ts-gray-50))}.ts-chip.is-toggle.is-secondary input:checked+.content{background:var(--ts-gray-200);border-color:var(--accent-color,var(--ts-gray-600));color:var(--accent-color,var(--ts-gray-800))}.ts-chip.is-input input:checked+.content{background:var(--accent-color,var(--ts-primary-700));border-color:var(--accent-color,var(--ts-primary-700));color:var(--accent-foreground-color,var(--ts-white))}.ts-chip.is-input.is-secondary input:checked+.content{background:var(--ts-gray-100);border-color:var(--accent-color,var(--ts-primary-600));color:var(--accent-color,var(--ts-primary-600))}.ts-chip.is-input input:checked+.content:before{-webkit-font-smoothing:antialiased;backface-visibility:hidden;content:"\f00c";display:inline;font-family:Icons;font-size:12px;font-style:normal;font-weight:400;text-align:center;text-decoration:inherit;width:1.18em}.ts-chip.is-input.is-end-icon input:checked+.content:before,.ts-chip.is-input.is-start-icon input:checked+.content:before{display:none}.ts-chip.is-input.is-end-icon input:checked+.content .ts-icon:before,.ts-chip.is-input.is-start-icon input:checked+.content .ts-icon:before{content:"\f00c"}.ts-chip.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-chip.is-fluid{display:flex}.ts-chip.is-fluid .content{width:100%}.ts-chip.is-small,.ts-chip.is-small .content{font-size:var(--ts-font-size-12px)}.ts-chip.is-large,.ts-chip.is-large .content{font-size:var(--ts-font-size-16px)}.ts-chip.is-dense{padding-bottom:.1rem;padding-top:.1rem}.ts-chip.is-dense:is(.is-input,.is-toggle) .content{min-height:20px;padding-bottom:.1rem;padding-top:.1rem}.ts-chip.is-start-spaced{margin-left:.45rem}.ts-chip.is-end-spaced{margin-right:.45rem}.ts-close{--accent-color:initial;--accent-foreground-color:initial;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-font-smoothing:antialiased;align-items:center;appearance:none;-webkit-appearance:none;backface-visibility:hidden;background:transparent;background:var(--accent-color,var(--ts-gray-600));border:none;border-radius:0;border-radius:100rem;box-sizing:border-box;color:inherit;color:var(--accent-foreground-color,var(--ts-gray-100));cursor:pointer;display:inline-flex;font:inherit;font-family:Icons;font-size:var(--ts-font-size-12px);font-style:normal;font-weight:400;height:18px;justify-content:center;line-height:normal;line-height:1;margin:0;outline:none;overflow:visible;padding:0;text-align:center;text-decoration:inherit;text-decoration:none;user-select:none;width:auto;width:18px}.ts-close:before{content:"\f00d"}.ts-close.is-secondary{background:var(--ts-gray-300);color:var(--ts-gray-800)}.ts-close.is-tertiary{background:var(--ts-gray-300);color:var(--ts-gray-50)}.ts-close.is-rounded{border-radius:.4rem}.ts-close.is-small{height:16px;width:16px}.ts-close.is-large{font-size:var(--ts-font-size-14px);height:22px;width:22px}.ts-close.is-big{font-size:var(--ts-font-size-17px);height:27px;width:27px}.ts-close.is-spaced{margin-left:.45rem;margin-right:.45rem}.ts-close.is-start-spaced{margin-left:.45rem}.ts-close.is-end-spaced{margin-right:.45rem}@keyframes ts-loading-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ts-loading{--accent-color:initial;--accent-foreground-color:initial;color:var(--accent-color,var(--ts-gray-600));display:inline-block;text-align:center}.ts-loading:after{-webkit-font-smoothing:antialiased;animation:ts-loading-spin 2s linear infinite;backface-visibility:hidden;content:"\f110";display:inline-block;font-family:Icons;font-size:2rem;font-style:normal;font-weight:400;text-decoration:inherit}.ts-loading.is-notched:after{content:"\f1ce"}.ts-loading.is-centered{display:flex;justify-content:center}.ts-loading.is-small:after{font-size:1rem}.ts-loading.is-large:after{font-size:2.8rem}.ts-breadcrumb{--accent-color:initial;--accent-foreground-color:initial;color:var(--ts-gray-800);display:flex;gap:.7rem;line-height:1}.ts-breadcrumb .item{color:var(--ts-gray-800);padding-right:1.1rem;text-decoration:none}.ts-breadcrumb .item:last-child{padding-right:0}.ts-breadcrumb .item .ts-icon{display:inline-block;text-decoration:none}.ts-breadcrumb .item:hover{text-decoration:underline}.ts-breadcrumb .item:after{color:var(--ts-gray-500);content:"/";display:inline-block;margin-left:.7rem;pointer-events:none;position:absolute;user-select:none}.ts-breadcrumb .item:last-child:after{display:none}.ts-breadcrumb .divider .ts-icon{color:var(--ts-gray-500);font-size:12px}.ts-breadcrumb.is-stepped .item{color:var(--ts-gray-500)}.ts-breadcrumb .item.is-active{color:var(--accent-color,var(--ts-gray-800));font-weight:500}.ts-breadcrumb.is-customized .item:after{content:""}.ts-breadcrumb.is-customized .item{padding-right:0}.ts-breadcrumb.is-chevroned .item:after{content:"\f054";font-size:var(--ts-font-size-12px);line-height:1.4}.ts-breadcrumb.is-hyphenated .item:after{content:"-"}.ts-breadcrumb:is(.is-chevroned,.is-hyphenated) .item:after{-webkit-font-smoothing:antialiased;backface-visibility:hidden;font-family:Icons;font-style:normal;font-weight:400;text-align:center}.ts-breadcrumb.is-small{font-size:var(--ts-font-size-14px)}.ts-breadcrumb.is-large{font-size:var(--ts-font-size-17px)}.ts-list{color:inherit;display:flex;flex-direction:column}.ts-list .item{display:inline-block}.ts-list:is(.is-ordered,.is-unordered){margin-left:1.2rem}.ts-list:is(.is-unordered,.is-ordered) .item{display:list-item}.ts-list.is-unordered>.item,.ts-list.is-unordered>:not(.ts-list)>.item{list-style-type:disc}.ts-list.is-ordered>.item,.ts-list.is-ordered>:not(.ts-list)>.item{list-style-type:decimal}.ts-list.is-small{font-size:var(--ts-font-size-14px)}.ts-list.is-large{font-size:var(--ts-font-size-17px)}.ts-flag{backface-visibility:hidden;background-position:50%;background-repeat:no-repeat;background-size:contain;background-size:cover;box-sizing:border-box;display:inline-block;height:1.05rem;text-decoration:inherit;text-decoration:none;vertical-align:middle;width:1.4rem}.ts-flag.is-small{height:.95rem;width:1.26667rem}.ts-flag.is-large{height:1.2rem;width:1.6rem}.ts-flag.is-small:is(.is-squared,.is-circular){height:.95rem;width:.95rem}.ts-flag:is(.is-squared,.is-circular){height:1.05rem;width:1.05rem}.ts-flag.is-large:is(.is-squared,.is-circular){height:1.2rem;width:1.2rem}.ts-flag.is-rounded{border-radius:.2rem}.ts-flag.is-bordered{box-shadow:0 0 0 1px var(--ts-gray-300)}.ts-flag.is-circular{border-radius:100rem}.ts-flag.is-disabled{opacity:.5;user-select:none}.ts-flag.is-spaced{margin-left:.45rem;margin-right:.45rem}.ts-flag.is-start-spaced{margin-left:.45rem}.ts-flag.is-end-spaced{margin-right:.45rem}.ts-flag:is(.is-ad-flag,.is-andorra-flag){background-image:url(flags/4x3/ad.svg)}.ts-flag:is(.is-ad-flag,.is-andorra-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ad.svg)}.ts-flag:is(.is-ae-flag,.is-uae-flag,.is-united-arab-emirates-flag){background-image:url(flags/4x3/ae.svg)}.ts-flag:is(.is-ae-flag,.is-uae-flag,.is-united-arab-emirates-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ae.svg)}.ts-flag:is(.is-af-flag,.is-afghanistan-flag){background-image:url(flags/4x3/af.svg)}.ts-flag:is(.is-af-flag,.is-afghanistan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/af.svg)}.ts-flag:is(.is-ag-flag,.is-antigua-flag){background-image:url(flags/4x3/ag.svg)}.ts-flag:is(.is-ag-flag,.is-antigua-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ag.svg)}.ts-flag:is(.is-ai-flag,.is-anguilla-flag){background-image:url(flags/4x3/ai.svg)}.ts-flag:is(.is-ai-flag,.is-anguilla-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ai.svg)}.ts-flag:is(.is-al-flag,.is-albania-flag){background-image:url(flags/4x3/al.svg)}.ts-flag:is(.is-al-flag,.is-albania-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/al.svg)}.ts-flag:is(.is-am-flag,.is-armenia-flag){background-image:url(flags/4x3/am.svg)}.ts-flag:is(.is-am-flag,.is-armenia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/am.svg)}.ts-flag:is(.is-ao-flag,.is-angola-flag){background-image:url(flags/4x3/ao.svg)}.ts-flag:is(.is-ao-flag,.is-angola-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ao.svg)}.ts-flag:is(.is-aq-flag,.is-antarctica-flag){background-image:url(flags/4x3/aq.svg)}.ts-flag:is(.is-aq-flag,.is-antarctica-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/aq.svg)}.ts-flag:is(.is-ar-flag,.is-argentina-flag){background-image:url(flags/4x3/ar.svg)}.ts-flag:is(.is-ar-flag,.is-argentina-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ar.svg)}.ts-flag:is(.is-as-flag,.is-american-samoa-flag){background-image:url(flags/4x3/as.svg)}.ts-flag:is(.is-as-flag,.is-american-samoa-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/as.svg)}.ts-flag:is(.is-at-flag,.is-austria-flag){background-image:url(flags/4x3/at.svg)}.ts-flag:is(.is-at-flag,.is-austria-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/at.svg)}.ts-flag:is(.is-au-flag,.is-australia-flag){background-image:url(flags/4x3/au.svg)}.ts-flag:is(.is-au-flag,.is-australia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/au.svg)}.ts-flag:is(.is-aw-flag,.is-aruba-flag){background-image:url(flags/4x3/aw.svg)}.ts-flag:is(.is-aw-flag,.is-aruba-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/aw.svg)}.ts-flag:is(.is-ax-flag,.is-aland-islands-flag){background-image:url(flags/4x3/ax.svg)}.ts-flag:is(.is-ax-flag,.is-aland-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ax.svg)}.ts-flag:is(.is-az-flag,.is-azerbaijan-flag){background-image:url(flags/4x3/az.svg)}.ts-flag:is(.is-az-flag,.is-azerbaijan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/az.svg)}.ts-flag:is(.is-ba-flag,.is-bosnia-flag){background-image:url(flags/4x3/ba.svg)}.ts-flag:is(.is-ba-flag,.is-bosnia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ba.svg)}.ts-flag:is(.is-bb-flag,.is-barbados-flag){background-image:url(flags/4x3/bb.svg)}.ts-flag:is(.is-bb-flag,.is-barbados-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bb.svg)}.ts-flag:is(.is-bd-flag,.is-bangladesh-flag){background-image:url(flags/4x3/bd.svg)}.ts-flag:is(.is-bd-flag,.is-bangladesh-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bd.svg)}.ts-flag:is(.is-be-flag,.is-belgium-flag){background-image:url(flags/4x3/be.svg)}.ts-flag:is(.is-be-flag,.is-belgium-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/be.svg)}.ts-flag:is(.is-bf-flag,.is-burkina-faso-flag){background-image:url(flags/4x3/bf.svg)}.ts-flag:is(.is-bf-flag,.is-burkina-faso-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bf.svg)}.ts-flag:is(.is-bg-flag,.is-bulgaria-flag){background-image:url(flags/4x3/bg.svg)}.ts-flag:is(.is-bg-flag,.is-bulgaria-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bg.svg)}.ts-flag:is(.is-bh-flag,.is-bahrain-flag){background-image:url(flags/4x3/bh.svg)}.ts-flag:is(.is-bh-flag,.is-bahrain-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bh.svg)}.ts-flag:is(.is-bi-flag,.is-burundi-flag){background-image:url(flags/4x3/bi.svg)}.ts-flag:is(.is-bi-flag,.is-burundi-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bi.svg)}.ts-flag:is(.is-bj-flag,.is-benin-flag){background-image:url(flags/4x3/bj.svg)}.ts-flag:is(.is-bj-flag,.is-benin-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bj.svg)}.ts-flag:is(.is-bl-flag,.is-saint-barthélemy-flag,.is-saint-barthelemy-flag){background-image:url(flags/4x3/bl.svg)}.ts-flag:is(.is-bl-flag,.is-saint-barthélemy-flag,.is-saint-barthelemy-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bl.svg)}.ts-flag:is(.is-bm-flag,.is-bermuda-flag){background-image:url(flags/4x3/bm.svg)}.ts-flag:is(.is-bm-flag,.is-bermuda-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bm.svg)}.ts-flag:is(.is-bn-flag,.is-brunei-flag){background-image:url(flags/4x3/bn.svg)}.ts-flag:is(.is-bn-flag,.is-brunei-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bn.svg)}.ts-flag:is(.is-bo-flag,.is-bolivia-flag){background-image:url(flags/4x3/bo.svg)}.ts-flag:is(.is-bo-flag,.is-bolivia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bo.svg)}.ts-flag:is(.is-bq-flag,.is-caribbean-netherlands-flag){background-image:url(flags/4x3/bq.svg)}.ts-flag:is(.is-bq-flag,.is-caribbean-netherlands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bq.svg)}.ts-flag:is(.is-br-flag,.is-brazil-flag){background-image:url(flags/4x3/br.svg)}.ts-flag:is(.is-br-flag,.is-brazil-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/br.svg)}.ts-flag:is(.is-bs-flag,.is-bahamas-flag){background-image:url(flags/4x3/bs.svg)}.ts-flag:is(.is-bs-flag,.is-bahamas-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bs.svg)}.ts-flag:is(.is-bt-flag,.is-bhutan-flag){background-image:url(flags/4x3/bt.svg)}.ts-flag:is(.is-bt-flag,.is-bhutan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bt.svg)}.ts-flag:is(.is-bv-flag,.is-bouvet-island-flag){background-image:url(flags/4x3/bv.svg)}.ts-flag:is(.is-bv-flag,.is-bouvet-island-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bv.svg)}.ts-flag:is(.is-bw-flag,.is-botswana-flag){background-image:url(flags/4x3/bw.svg)}.ts-flag:is(.is-bw-flag,.is-botswana-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bw.svg)}.ts-flag:is(.is-by-flag,.is-belarus-flag){background-image:url(flags/4x3/by.svg)}.ts-flag:is(.is-by-flag,.is-belarus-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/by.svg)}.ts-flag:is(.is-bz-flag,.is-belize-flag){background-image:url(flags/4x3/bz.svg)}.ts-flag:is(.is-bz-flag,.is-belize-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/bz.svg)}.ts-flag:is(.is-ca-flag,.is-canada-flag){background-image:url(flags/4x3/ca.svg)}.ts-flag:is(.is-ca-flag,.is-canada-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ca.svg)}.ts-flag:is(.is-cc-flag,.is-cocos-islands-flag){background-image:url(flags/4x3/cc.svg)}.ts-flag:is(.is-cc-flag,.is-cocos-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cc.svg)}.ts-flag:is(.is-cd-flag,.is-congo-flag){background-image:url(flags/4x3/cd.svg)}.ts-flag:is(.is-cd-flag,.is-congo-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cd.svg)}.ts-flag:is(.is-cf-flag,.is-central-african-republic-flag){background-image:url(flags/4x3/cf.svg)}.ts-flag:is(.is-cf-flag,.is-central-african-republic-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cf.svg)}.ts-flag:is(.is-cg-flag,.is-congo-brazzaville-flag){background-image:url(flags/4x3/cg.svg)}.ts-flag:is(.is-cg-flag,.is-congo-brazzaville-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cg.svg)}.ts-flag:is(.is-ch-flag,.is-switzerland-flag){background-image:url(flags/4x3/ch.svg)}.ts-flag:is(.is-ch-flag,.is-switzerland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ch.svg)}.ts-flag:is(.is-ci-flag,.is-cote-divoire-flag){background-image:url(flags/4x3/ci.svg)}.ts-flag:is(.is-ci-flag,.is-cote-divoire-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ci.svg)}.ts-flag:is(.is-ck-flag,.is-cook-islands-flag){background-image:url(flags/4x3/ck.svg)}.ts-flag:is(.is-ck-flag,.is-cook-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ck.svg)}.ts-flag:is(.is-cl-flag,.is-chile-flag){background-image:url(flags/4x3/cl.svg)}.ts-flag:is(.is-cl-flag,.is-chile-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cl.svg)}.ts-flag:is(.is-cm-flag,.is-cameroon-flag){background-image:url(flags/4x3/cm.svg)}.ts-flag:is(.is-cm-flag,.is-cameroon-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cm.svg)}.ts-flag:is(.is-cn-flag,.is-china-flag,.is-peoples-republic-of-china-flag){background-image:url(flags/4x3/cn.svg)}.ts-flag:is(.is-cn-flag,.is-china-flag,.is-peoples-republic-of-china-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cn.svg)}.ts-flag:is(.is-co-flag,.is-colombia-flag){background-image:url(flags/4x3/co.svg)}.ts-flag:is(.is-co-flag,.is-colombia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/co.svg)}.ts-flag:is(.is-cr-flag,.is-costa-rica-flag){background-image:url(flags/4x3/cr.svg)}.ts-flag:is(.is-cr-flag,.is-costa-rica-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cr.svg)}.ts-flag:is(.is-cu-flag,.is-cuba-flag){background-image:url(flags/4x3/cu.svg)}.ts-flag:is(.is-cu-flag,.is-cuba-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cu.svg)}.ts-flag:is(.is-cv-flag,.is-cape-verde-flag){background-image:url(flags/4x3/cv.svg)}.ts-flag:is(.is-cv-flag,.is-cape-verde-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cv.svg)}.ts-flag:is(.is-cw-flag,.is-curaçao-flag,.is-curacao-flag){background-image:url(flags/4x3/cw.svg)}.ts-flag:is(.is-cw-flag,.is-curaçao-flag,.is-curacao-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cw.svg)}.ts-flag:is(.is-cx-flag,.is-christmas-island-flag){background-image:url(flags/4x3/cx.svg)}.ts-flag:is(.is-cx-flag,.is-christmas-island-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cx.svg)}.ts-flag:is(.is-cy-flag,.is-cyprus-flag){background-image:url(flags/4x3/cy.svg)}.ts-flag:is(.is-cy-flag,.is-cyprus-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cy.svg)}.ts-flag:is(.is-cz-flag,.is-czech-republic-flag){background-image:url(flags/4x3/cz.svg)}.ts-flag:is(.is-cz-flag,.is-czech-republic-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/cz.svg)}.ts-flag:is(.is-de-flag,.is-germany-flag){background-image:url(flags/4x3/de.svg)}.ts-flag:is(.is-de-flag,.is-germany-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/de.svg)}.ts-flag:is(.is-dj-flag,.is-djibouti-flag){background-image:url(flags/4x3/dj.svg)}.ts-flag:is(.is-dj-flag,.is-djibouti-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/dj.svg)}.ts-flag:is(.is-dk-flag,.is-denmark-flag){background-image:url(flags/4x3/dk.svg)}.ts-flag:is(.is-dk-flag,.is-denmark-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/dk.svg)}.ts-flag:is(.is-dm-flag,.is-dominica-flag){background-image:url(flags/4x3/dm.svg)}.ts-flag:is(.is-dm-flag,.is-dominica-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/dm.svg)}.ts-flag:is(.is-do-flag,.is-dominican-republic-flag){background-image:url(flags/4x3/do.svg)}.ts-flag:is(.is-do-flag,.is-dominican-republic-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/do.svg)}.ts-flag:is(.is-dz-flag,.is-algeria-flag){background-image:url(flags/4x3/dz.svg)}.ts-flag:is(.is-dz-flag,.is-algeria-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/dz.svg)}.ts-flag:is(.is-ec-flag,.is-ecuador-flag){background-image:url(flags/4x3/ec.svg)}.ts-flag:is(.is-ec-flag,.is-ecuador-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ec.svg)}.ts-flag:is(.is-ee-flag,.is-estonia-flag){background-image:url(flags/4x3/ee.svg)}.ts-flag:is(.is-ee-flag,.is-estonia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ee.svg)}.ts-flag:is(.is-eg-flag,.is-egypt-flag){background-image:url(flags/4x3/eg.svg)}.ts-flag:is(.is-eg-flag,.is-egypt-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/eg.svg)}.ts-flag:is(.is-eh-flag,.is-western-sahara-flag){background-image:url(flags/4x3/eh.svg)}.ts-flag:is(.is-eh-flag,.is-western-sahara-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/eh.svg)}.ts-flag:is(.is-er-flag,.is-eritrea-flag){background-image:url(flags/4x3/er.svg)}.ts-flag:is(.is-er-flag,.is-eritrea-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/er.svg)}.ts-flag:is(.is-es-flag,.is-spain-flag){background-image:url(flags/4x3/es.svg)}.ts-flag:is(.is-es-flag,.is-spain-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/es.svg)}.ts-flag:is(.is-es-ct-flag,.is-scotland-flag){background-image:url(flags/4x3/es-ct.svg)}.ts-flag:is(.is-es-ct-flag,.is-scotland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/es-ct.svg)}.ts-flag:is(.is-et-flag,.is-ethiopia-flag){background-image:url(flags/4x3/et.svg)}.ts-flag:is(.is-et-flag,.is-ethiopia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/et.svg)}.ts-flag:is(.is-eu-flag,.is-european-union-flag){background-image:url(flags/4x3/eu.svg)}.ts-flag:is(.is-eu-flag,.is-european-union-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/eu.svg)}.ts-flag:is(.is-fi-flag,.is-finland-flag){background-image:url(flags/4x3/fi.svg)}.ts-flag:is(.is-fi-flag,.is-finland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/fi.svg)}.ts-flag:is(.is-fj-flag,.is-fiji-flag){background-image:url(flags/4x3/fj.svg)}.ts-flag:is(.is-fj-flag,.is-fiji-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/fj.svg)}.ts-flag:is(.is-fk-flag,.is-falkland-islands-flag){background-image:url(flags/4x3/fk.svg)}.ts-flag:is(.is-fk-flag,.is-falkland-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/fk.svg)}.ts-flag:is(.is-fm-flag,.is-micronesia-flag){background-image:url(flags/4x3/fm.svg)}.ts-flag:is(.is-fm-flag,.is-micronesia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/fm.svg)}.ts-flag:is(.is-fo-flag,.is-faroe-islands-flag){background-image:url(flags/4x3/fo.svg)}.ts-flag:is(.is-fo-flag,.is-faroe-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/fo.svg)}.ts-flag:is(.is-fr-flag,.is-france-flag){background-image:url(flags/4x3/fr.svg)}.ts-flag:is(.is-fr-flag,.is-france-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/fr.svg)}.ts-flag:is(.is-ga-flag,.is-gabon-flag){background-image:url(flags/4x3/ga.svg)}.ts-flag:is(.is-ga-flag,.is-gabon-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ga.svg)}.ts-flag:is(.is-gb-flag,.is-united-kingdom-flag){background-image:url(flags/4x3/gb.svg)}.ts-flag:is(.is-gb-flag,.is-united-kingdom-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gb.svg)}.ts-flag:is(.is-gb-eng-flag,.is-england-flag){background-image:url(flags/4x3/gb-eng.svg)}.ts-flag:is(.is-gb-eng-flag,.is-england-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gb-eng.svg)}.ts-flag:is(.is-gb-nir-flag,.is-northern-ireland-flag){background-image:url(flags/4x3/gb-nir.svg)}.ts-flag:is(.is-gb-nir-flag,.is-northern-ireland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gb-nir.svg)}.ts-flag:is(.is-gb-sct-flag,.is-scotland-flag){background-image:url(flags/4x3/gb-sct.svg)}.ts-flag:is(.is-gb-sct-flag,.is-scotland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gb-sct.svg)}.ts-flag:is(.is-gb-wls-flag,.is-wales-flag){background-image:url(flags/4x3/gb-wls.svg)}.ts-flag:is(.is-gb-wls-flag,.is-wales-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gb-wls.svg)}.ts-flag:is(.is-gd-flag,.is-grenada-flag){background-image:url(flags/4x3/gd.svg)}.ts-flag:is(.is-gd-flag,.is-grenada-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gd.svg)}.ts-flag:is(.is-ge-flag,.is-georgia-flag){background-image:url(flags/4x3/ge.svg)}.ts-flag:is(.is-ge-flag,.is-georgia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ge.svg)}.ts-flag:is(.is-gf-flag,.is-french-guiana-flag){background-image:url(flags/4x3/gf.svg)}.ts-flag:is(.is-gf-flag,.is-french-guiana-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gf.svg)}.ts-flag:is(.is-gg-flag,.is-guernsey-flag){background-image:url(flags/4x3/gg.svg)}.ts-flag:is(.is-gg-flag,.is-guernsey-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gg.svg)}.ts-flag:is(.is-gh-flag,.is-ghana-flag){background-image:url(flags/4x3/gh.svg)}.ts-flag:is(.is-gh-flag,.is-ghana-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gh.svg)}.ts-flag:is(.is-gi-flag,.is-gibraltar-flag){background-image:url(flags/4x3/gi.svg)}.ts-flag:is(.is-gi-flag,.is-gibraltar-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gi.svg)}.ts-flag:is(.is-gl-flag,.is-greenland-flag){background-image:url(flags/4x3/gl.svg)}.ts-flag:is(.is-gl-flag,.is-greenland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gl.svg)}.ts-flag:is(.is-gm-flag,.is-gambia-flag){background-image:url(flags/4x3/gm.svg)}.ts-flag:is(.is-gm-flag,.is-gambia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gm.svg)}.ts-flag:is(.is-gn-flag,.is-guinea-flag){background-image:url(flags/4x3/gn.svg)}.ts-flag:is(.is-gn-flag,.is-guinea-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gn.svg)}.ts-flag:is(.is-gp-flag,.is-guadeloupe-flag){background-image:url(flags/4x3/gp.svg)}.ts-flag:is(.is-gp-flag,.is-guadeloupe-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gp.svg)}.ts-flag:is(.is-gq-flag,.is-equatorial-guinea-flag){background-image:url(flags/4x3/gq.svg)}.ts-flag:is(.is-gq-flag,.is-equatorial-guinea-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gq.svg)}.ts-flag:is(.is-gr-flag,.is-greece-flag){background-image:url(flags/4x3/gr.svg)}.ts-flag:is(.is-gr-flag,.is-greece-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gr.svg)}.ts-flag:is(.is-gs-flag,.is-sandwich-islands-flag){background-image:url(flags/4x3/gs.svg)}.ts-flag:is(.is-gs-flag,.is-sandwich-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gs.svg)}.ts-flag:is(.is-gt-flag,.is-guatemala-flag){background-image:url(flags/4x3/gt.svg)}.ts-flag:is(.is-gt-flag,.is-guatemala-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gt.svg)}.ts-flag:is(.is-gu-flag,.is-guam-flag){background-image:url(flags/4x3/gu.svg)}.ts-flag:is(.is-gu-flag,.is-guam-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gu.svg)}.ts-flag:is(.is-gw-flag,.is-guinea-bissau-flag){background-image:url(flags/4x3/gw.svg)}.ts-flag:is(.is-gw-flag,.is-guinea-bissau-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gw.svg)}.ts-flag:is(.is-gy-flag,.is-guyana-flag){background-image:url(flags/4x3/gy.svg)}.ts-flag:is(.is-gy-flag,.is-guyana-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/gy.svg)}.ts-flag:is(.is-hk-flag,.is-hong-kong-flag){background-image:url(flags/4x3/hk.svg)}.ts-flag:is(.is-hk-flag,.is-hong-kong-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/hk.svg)}.ts-flag:is(.is-hm-flag,.is-heard-island-flag){background-image:url(flags/4x3/hm.svg)}.ts-flag:is(.is-hm-flag,.is-heard-island-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/hm.svg)}.ts-flag:is(.is-hn-flag,.is-honduras-flag){background-image:url(flags/4x3/hn.svg)}.ts-flag:is(.is-hn-flag,.is-honduras-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/hn.svg)}.ts-flag:is(.is-hr-flag,.is-croatia-flag){background-image:url(flags/4x3/hr.svg)}.ts-flag:is(.is-hr-flag,.is-croatia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/hr.svg)}.ts-flag:is(.is-ht-flag,.is-haiti-flag){background-image:url(flags/4x3/ht.svg)}.ts-flag:is(.is-ht-flag,.is-haiti-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ht.svg)}.ts-flag:is(.is-hu-flag,.is-hungary-flag){background-image:url(flags/4x3/hu.svg)}.ts-flag:is(.is-hu-flag,.is-hungary-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/hu.svg)}.ts-flag:is(.is-id-flag,.is-indonesia-flag){background-image:url(flags/4x3/id.svg)}.ts-flag:is(.is-id-flag,.is-indonesia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/id.svg)}.ts-flag:is(.is-ie-flag,.is-ireland-flag){background-image:url(flags/4x3/ie.svg)}.ts-flag:is(.is-ie-flag,.is-ireland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ie.svg)}.ts-flag:is(.is-il-flag,.is-israel-flag){background-image:url(flags/4x3/il.svg)}.ts-flag:is(.is-il-flag,.is-israel-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/il.svg)}.ts-flag:is(.is-im-flag,.is-isle-of-man-flag){background-image:url(flags/4x3/im.svg)}.ts-flag:is(.is-im-flag,.is-isle-of-man-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/im.svg)}.ts-flag:is(.is-in-flag,.is-india-flag){background-image:url(flags/4x3/in.svg)}.ts-flag:is(.is-in-flag,.is-india-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/in.svg)}.ts-flag:is(.is-io-flag,.is-indian-ocean-territory-flag){background-image:url(flags/4x3/io.svg)}.ts-flag:is(.is-io-flag,.is-indian-ocean-territory-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/io.svg)}.ts-flag:is(.is-iq-flag,.is-iraq-flag){background-image:url(flags/4x3/iq.svg)}.ts-flag:is(.is-iq-flag,.is-iraq-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/iq.svg)}.ts-flag:is(.is-ir-flag,.is-iran-flag){background-image:url(flags/4x3/ir.svg)}.ts-flag:is(.is-ir-flag,.is-iran-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ir.svg)}.ts-flag:is(.is-is-flag,.is-iceland-flag){background-image:url(flags/4x3/is.svg)}.ts-flag:is(.is-is-flag,.is-iceland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/is.svg)}.ts-flag:is(.is-it-flag,.is-italy-flag){background-image:url(flags/4x3/it.svg)}.ts-flag:is(.is-it-flag,.is-italy-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/it.svg)}.ts-flag:is(.is-je-flag,.is-jersey-flag){background-image:url(flags/4x3/je.svg)}.ts-flag:is(.is-je-flag,.is-jersey-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/je.svg)}.ts-flag:is(.is-jm-flag,.is-jamaica-flag){background-image:url(flags/4x3/jm.svg)}.ts-flag:is(.is-jm-flag,.is-jamaica-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/jm.svg)}.ts-flag:is(.is-jo-flag,.is-jordan-flag){background-image:url(flags/4x3/jo.svg)}.ts-flag:is(.is-jo-flag,.is-jordan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/jo.svg)}.ts-flag:is(.is-jp-flag,.is-japan-flag){background-image:url(flags/4x3/jp.svg)}.ts-flag:is(.is-jp-flag,.is-japan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/jp.svg)}.ts-flag:is(.is-ke-flag,.is-kenya-flag){background-image:url(flags/4x3/ke.svg)}.ts-flag:is(.is-ke-flag,.is-kenya-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ke.svg)}.ts-flag:is(.is-kg-flag,.is-kyrgyzstan-flag){background-image:url(flags/4x3/kg.svg)}.ts-flag:is(.is-kg-flag,.is-kyrgyzstan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/kg.svg)}.ts-flag:is(.is-kh-flag,.is-cambodia-flag){background-image:url(flags/4x3/kh.svg)}.ts-flag:is(.is-kh-flag,.is-cambodia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/kh.svg)}.ts-flag:is(.is-ki-flag,.is-kiribati-flag){background-image:url(flags/4x3/ki.svg)}.ts-flag:is(.is-ki-flag,.is-kiribati-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ki.svg)}.ts-flag:is(.is-km-flag,.is-comoros-flag){background-image:url(flags/4x3/km.svg)}.ts-flag:is(.is-km-flag,.is-comoros-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/km.svg)}.ts-flag:is(.is-kn-flag,.is-saint-kitts-and-nevis-flag,.is-saint-kitts-flag,.is-nevis-flag){background-image:url(flags/4x3/kn.svg)}.ts-flag:is(.is-kn-flag,.is-saint-kitts-and-nevis-flag,.is-saint-kitts-flag,.is-nevis-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/kn.svg)}.ts-flag:is(.is-kp-flag,.is-north-korea-flag){background-image:url(flags/4x3/kp.svg)}.ts-flag:is(.is-kp-flag,.is-north-korea-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/kp.svg)}.ts-flag:is(.is-kr-flag,.is-south-korea-flag,.is-korea-flag){background-image:url(flags/4x3/kr.svg)}.ts-flag:is(.is-kr-flag,.is-south-korea-flag,.is-korea-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/kr.svg)}.ts-flag:is(.is-kw-flag,.is-kuwait-flag){background-image:url(flags/4x3/kw.svg)}.ts-flag:is(.is-kw-flag,.is-kuwait-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/kw.svg)}.ts-flag:is(.is-ky-flag,.is-cayman-islands-flag){background-image:url(flags/4x3/ky.svg)}.ts-flag:is(.is-ky-flag,.is-cayman-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ky.svg)}.ts-flag:is(.is-kz-flag,.is-kazakhstan-flag){background-image:url(flags/4x3/kz.svg)}.ts-flag:is(.is-kz-flag,.is-kazakhstan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/kz.svg)}.ts-flag:is(.is-la-flag,.is-laos-flag){background-image:url(flags/4x3/la.svg)}.ts-flag:is(.is-la-flag,.is-laos-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/la.svg)}.ts-flag:is(.is-lb-flag,.is-lebanon-flag){background-image:url(flags/4x3/lb.svg)}.ts-flag:is(.is-lb-flag,.is-lebanon-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/lb.svg)}.ts-flag:is(.is-lc-flag,.is-saint-lucia-flag){background-image:url(flags/4x3/lc.svg)}.ts-flag:is(.is-lc-flag,.is-saint-lucia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/lc.svg)}.ts-flag:is(.is-li-flag,.is-liechtenstein-flag){background-image:url(flags/4x3/li.svg)}.ts-flag:is(.is-li-flag,.is-liechtenstein-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/li.svg)}.ts-flag:is(.is-lk-flag,.is-sri-lanka-flag){background-image:url(flags/4x3/lk.svg)}.ts-flag:is(.is-lk-flag,.is-sri-lanka-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/lk.svg)}.ts-flag:is(.is-lr-flag,.is-liberia-flag){background-image:url(flags/4x3/lr.svg)}.ts-flag:is(.is-lr-flag,.is-liberia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/lr.svg)}.ts-flag:is(.is-ls-flag,.is-lesotho-flag){background-image:url(flags/4x3/ls.svg)}.ts-flag:is(.is-ls-flag,.is-lesotho-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ls.svg)}.ts-flag:is(.is-lt-flag,.is-lithuania-flag){background-image:url(flags/4x3/lt.svg)}.ts-flag:is(.is-lt-flag,.is-lithuania-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/lt.svg)}.ts-flag:is(.is-lu-flag,.is-luxembourg-flag){background-image:url(flags/4x3/lu.svg)}.ts-flag:is(.is-lu-flag,.is-luxembourg-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/lu.svg)}.ts-flag:is(.is-lv-flag,.is-latvia-flag){background-image:url(flags/4x3/lv.svg)}.ts-flag:is(.is-lv-flag,.is-latvia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/lv.svg)}.ts-flag:is(.is-ly-flag,.is-libya-flag){background-image:url(flags/4x3/ly.svg)}.ts-flag:is(.is-ly-flag,.is-libya-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ly.svg)}.ts-flag:is(.is-ma-flag,.is-morocco-flag){background-image:url(flags/4x3/ma.svg)}.ts-flag:is(.is-ma-flag,.is-morocco-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ma.svg)}.ts-flag:is(.is-mc-flag,.is-monaco-flag){background-image:url(flags/4x3/mc.svg)}.ts-flag:is(.is-mc-flag,.is-monaco-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mc.svg)}.ts-flag:is(.is-md-flag,.is-moldova-flag){background-image:url(flags/4x3/md.svg)}.ts-flag:is(.is-md-flag,.is-moldova-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/md.svg)}.ts-flag:is(.is-me-flag,.is-montenegro-flag){background-image:url(flags/4x3/me.svg)}.ts-flag:is(.is-me-flag,.is-montenegro-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/me.svg)}.ts-flag:is(.is-mf-flag,.is-saint-martin-flag){background-image:url(flags/4x3/mf.svg)}.ts-flag:is(.is-mf-flag,.is-saint-martin-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mf.svg)}.ts-flag:is(.is-mg-flag,.is-madagascar-flag){background-image:url(flags/4x3/mg.svg)}.ts-flag:is(.is-mg-flag,.is-madagascar-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mg.svg)}.ts-flag:is(.is-mh-flag,.is-marshall-islands-flag){background-image:url(flags/4x3/mh.svg)}.ts-flag:is(.is-mh-flag,.is-marshall-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mh.svg)}.ts-flag:is(.is-mk-flag,.is-macedonia-flag){background-image:url(flags/4x3/mk.svg)}.ts-flag:is(.is-mk-flag,.is-macedonia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mk.svg)}.ts-flag:is(.is-ml-flag,.is-mali-flag){background-image:url(flags/4x3/ml.svg)}.ts-flag:is(.is-ml-flag,.is-mali-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ml.svg)}.ts-flag:is(.is-mm-flag,.is-burma-flag,.is-myanmar-flag){background-image:url(flags/4x3/mm.svg)}.ts-flag:is(.is-mm-flag,.is-burma-flag,.is-myanmar-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mm.svg)}.ts-flag:is(.is-mn-flag,.is-mongolia-flag){background-image:url(flags/4x3/mn.svg)}.ts-flag:is(.is-mn-flag,.is-mongolia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mn.svg)}.ts-flag:is(.is-mo-flag,.is-macau-flag){background-image:url(flags/4x3/mo.svg)}.ts-flag:is(.is-mo-flag,.is-macau-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mo.svg)}.ts-flag:is(.is-mp-flag,.is-northern-mariana-islands-flag){background-image:url(flags/4x3/mp.svg)}.ts-flag:is(.is-mp-flag,.is-northern-mariana-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mp.svg)}.ts-flag:is(.is-mq-flag,.is-martinique-flag){background-image:url(flags/4x3/mq.svg)}.ts-flag:is(.is-mq-flag,.is-martinique-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mq.svg)}.ts-flag:is(.is-mr-flag,.is-mauritania-flag){background-image:url(flags/4x3/mr.svg)}.ts-flag:is(.is-mr-flag,.is-mauritania-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mr.svg)}.ts-flag:is(.is-ms-flag,.is-montserrat-flag){background-image:url(flags/4x3/ms.svg)}.ts-flag:is(.is-ms-flag,.is-montserrat-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ms.svg)}.ts-flag:is(.is-mt-flag,.is-malta-flag){background-image:url(flags/4x3/mt.svg)}.ts-flag:is(.is-mt-flag,.is-malta-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mt.svg)}.ts-flag:is(.is-mu-flag,.is-mauritius-flag){background-image:url(flags/4x3/mu.svg)}.ts-flag:is(.is-mu-flag,.is-mauritius-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mu.svg)}.ts-flag:is(.is-mv-flag,.is-maldives-flag){background-image:url(flags/4x3/mv.svg)}.ts-flag:is(.is-mv-flag,.is-maldives-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mv.svg)}.ts-flag:is(.is-mw-flag,.is-malawi-flag){background-image:url(flags/4x3/mw.svg)}.ts-flag:is(.is-mw-flag,.is-malawi-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mw.svg)}.ts-flag:is(.is-mx-flag,.is-mexico-flag){background-image:url(flags/4x3/mx.svg)}.ts-flag:is(.is-mx-flag,.is-mexico-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mx.svg)}.ts-flag:is(.is-my-flag,.is-malaysia-flag){background-image:url(flags/4x3/my.svg)}.ts-flag:is(.is-my-flag,.is-malaysia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/my.svg)}.ts-flag:is(.is-mz-flag,.is-mozambique-flag){background-image:url(flags/4x3/mz.svg)}.ts-flag:is(.is-mz-flag,.is-mozambique-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/mz.svg)}.ts-flag:is(.is-na-flag,.is-namibia-flag){background-image:url(flags/4x3/na.svg)}.ts-flag:is(.is-na-flag,.is-namibia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/na.svg)}.ts-flag:is(.is-nc-flag,.is-new-caledonia-flag){background-image:url(flags/4x3/nc.svg)}.ts-flag:is(.is-nc-flag,.is-new-caledonia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/nc.svg)}.ts-flag:is(.is-ne-flag,.is-niger-flag){background-image:url(flags/4x3/ne.svg)}.ts-flag:is(.is-ne-flag,.is-niger-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ne.svg)}.ts-flag:is(.is-nf-flag,.is-norfolk-island-flag){background-image:url(flags/4x3/nf.svg)}.ts-flag:is(.is-nf-flag,.is-norfolk-island-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/nf.svg)}.ts-flag:is(.is-ng-flag,.is-nigeria-flag){background-image:url(flags/4x3/ng.svg)}.ts-flag:is(.is-ng-flag,.is-nigeria-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ng.svg)}.ts-flag:is(.is-ni-flag,.is-nicaragua-flag){background-image:url(flags/4x3/ni.svg)}.ts-flag:is(.is-ni-flag,.is-nicaragua-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ni.svg)}.ts-flag:is(.is-nl-flag,.is-netherlands-flag){background-image:url(flags/4x3/nl.svg)}.ts-flag:is(.is-nl-flag,.is-netherlands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/nl.svg)}.ts-flag:is(.is-no-flag,.is-norway-flag){background-image:url(flags/4x3/no.svg)}.ts-flag:is(.is-no-flag,.is-norway-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/no.svg)}.ts-flag:is(.is-np-flag,.is-nepal-flag){background-image:url(flags/4x3/np.svg)}.ts-flag:is(.is-np-flag,.is-nepal-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/np.svg)}.ts-flag:is(.is-nr-flag,.is-nauru-flag){background-image:url(flags/4x3/nr.svg)}.ts-flag:is(.is-nr-flag,.is-nauru-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/nr.svg)}.ts-flag:is(.is-nu-flag,.is-niue-flag){background-image:url(flags/4x3/nu.svg)}.ts-flag:is(.is-nu-flag,.is-niue-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/nu.svg)}.ts-flag:is(.is-nz-flag,.is-new-zealand-flag){background-image:url(flags/4x3/nz.svg)}.ts-flag:is(.is-nz-flag,.is-new-zealand-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/nz.svg)}.ts-flag:is(.is-om-flag,.is-oman-flag){background-image:url(flags/4x3/om.svg)}.ts-flag:is(.is-om-flag,.is-oman-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/om.svg)}.ts-flag:is(.is-pa-flag,.is-panama-flag){background-image:url(flags/4x3/pa.svg)}.ts-flag:is(.is-pa-flag,.is-panama-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pa.svg)}.ts-flag:is(.is-pe-flag,.is-peru-flag){background-image:url(flags/4x3/pe.svg)}.ts-flag:is(.is-pe-flag,.is-peru-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pe.svg)}.ts-flag:is(.is-pf-flag,.is-french-polynesia-flag){background-image:url(flags/4x3/pf.svg)}.ts-flag:is(.is-pf-flag,.is-french-polynesia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pf.svg)}.ts-flag:is(.is-pg-flag,.is-new-guinea-flag){background-image:url(flags/4x3/pg.svg)}.ts-flag:is(.is-pg-flag,.is-new-guinea-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pg.svg)}.ts-flag:is(.is-ph-flag,.is-philippines-flag){background-image:url(flags/4x3/ph.svg)}.ts-flag:is(.is-ph-flag,.is-philippines-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ph.svg)}.ts-flag:is(.is-pk-flag,.is-pakistan-flag){background-image:url(flags/4x3/pk.svg)}.ts-flag:is(.is-pk-flag,.is-pakistan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pk.svg)}.ts-flag:is(.is-pl-flag,.is-poland-flag){background-image:url(flags/4x3/pl.svg)}.ts-flag:is(.is-pl-flag,.is-poland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pl.svg)}.ts-flag:is(.is-pm-flag,.is-saint-pierre-flag){background-image:url(flags/4x3/pm.svg)}.ts-flag:is(.is-pm-flag,.is-saint-pierre-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pm.svg)}.ts-flag:is(.is-pn-flag,.is-pitcairn-islands-flag){background-image:url(flags/4x3/pn.svg)}.ts-flag:is(.is-pn-flag,.is-pitcairn-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pn.svg)}.ts-flag:is(.is-pr-flag,.is-puerto-rico-flag){background-image:url(flags/4x3/pr.svg)}.ts-flag:is(.is-pr-flag,.is-puerto-rico-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pr.svg)}.ts-flag:is(.is-ps-flag,.is-palestine-flag){background-image:url(flags/4x3/ps.svg)}.ts-flag:is(.is-ps-flag,.is-palestine-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ps.svg)}.ts-flag:is(.is-pt-flag,.is-portugal-flag){background-image:url(flags/4x3/pt.svg)}.ts-flag:is(.is-pt-flag,.is-portugal-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pt.svg)}.ts-flag:is(.is-pw-flag,.is-palau-flag){background-image:url(flags/4x3/pw.svg)}.ts-flag:is(.is-pw-flag,.is-palau-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/pw.svg)}.ts-flag:is(.is-py-flag,.is-paraguay-flag){background-image:url(flags/4x3/py.svg)}.ts-flag:is(.is-py-flag,.is-paraguay-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/py.svg)}.ts-flag:is(.is-qa-flag,.is-qatar-flag){background-image:url(flags/4x3/qa.svg)}.ts-flag:is(.is-qa-flag,.is-qatar-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/qa.svg)}.ts-flag:is(.is-re-flag,.is-reunion-flag){background-image:url(flags/4x3/re.svg)}.ts-flag:is(.is-re-flag,.is-reunion-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/re.svg)}.ts-flag:is(.is-ro-flag,.is-romania-flag){background-image:url(flags/4x3/ro.svg)}.ts-flag:is(.is-ro-flag,.is-romania-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ro.svg)}.ts-flag:is(.is-rs-flag,.is-serbia-flag){background-image:url(flags/4x3/rs.svg)}.ts-flag:is(.is-rs-flag,.is-serbia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/rs.svg)}.ts-flag:is(.is-ru-flag,.is-russia-flag){background-image:url(flags/4x3/ru.svg)}.ts-flag:is(.is-ru-flag,.is-russia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ru.svg)}.ts-flag:is(.is-rw-flag,.is-rwanda-flag){background-image:url(flags/4x3/rw.svg)}.ts-flag:is(.is-rw-flag,.is-rwanda-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/rw.svg)}.ts-flag:is(.is-sa-flag,.is-saudi-arabia-flag){background-image:url(flags/4x3/sa.svg)}.ts-flag:is(.is-sa-flag,.is-saudi-arabia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sa.svg)}.ts-flag:is(.is-sb-flag,.is-solomon-islands-flag){background-image:url(flags/4x3/sb.svg)}.ts-flag:is(.is-sb-flag,.is-solomon-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sb.svg)}.ts-flag:is(.is-sc-flag,.is-seychelles-flag){background-image:url(flags/4x3/sc.svg)}.ts-flag:is(.is-sc-flag,.is-seychelles-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sc.svg)}.ts-flag:is(.is-sd-flag,.is-sudan-flag){background-image:url(flags/4x3/sd.svg)}.ts-flag:is(.is-sd-flag,.is-sudan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sd.svg)}.ts-flag:is(.is-se-flag,.is-sweden-flag){background-image:url(flags/4x3/se.svg)}.ts-flag:is(.is-se-flag,.is-sweden-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/se.svg)}.ts-flag:is(.is-sg-flag,.is-singapore-flag){background-image:url(flags/4x3/sg.svg)}.ts-flag:is(.is-sg-flag,.is-singapore-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sg.svg)}.ts-flag:is(.is-sh-flag,.is-saint-helena-flag){background-image:url(flags/4x3/sh.svg)}.ts-flag:is(.is-sh-flag,.is-saint-helena-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sh.svg)}.ts-flag:is(.is-si-flag,.is-slovenia-flag){background-image:url(flags/4x3/si.svg)}.ts-flag:is(.is-si-flag,.is-slovenia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/si.svg)}.ts-flag:is(.is-sj-flag,.is-jan-mayen-and-svalbard-flag,.is-svalbard-flag,.is-jan-mayen-flag){background-image:url(flags/4x3/sj.svg)}.ts-flag:is(.is-sj-flag,.is-jan-mayen-and-svalbard-flag,.is-svalbard-flag,.is-jan-mayen-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sj.svg)}.ts-flag:is(.is-sk-flag,.is-slovakia-flag){background-image:url(flags/4x3/sk.svg)}.ts-flag:is(.is-sk-flag,.is-slovakia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sk.svg)}.ts-flag:is(.is-sl-flag,.is-sierra-leone-flag){background-image:url(flags/4x3/sl.svg)}.ts-flag:is(.is-sl-flag,.is-sierra-leone-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sl.svg)}.ts-flag:is(.is-sm-flag,.is-san-marino-flag){background-image:url(flags/4x3/sm.svg)}.ts-flag:is(.is-sm-flag,.is-san-marino-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sm.svg)}.ts-flag:is(.is-sn-flag,.is-senegal-flag){background-image:url(flags/4x3/sn.svg)}.ts-flag:is(.is-sn-flag,.is-senegal-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sn.svg)}.ts-flag:is(.is-so-flag,.is-somalia-flag){background-image:url(flags/4x3/so.svg)}.ts-flag:is(.is-so-flag,.is-somalia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/so.svg)}.ts-flag:is(.is-sr-flag,.is-suriname-flag){background-image:url(flags/4x3/sr.svg)}.ts-flag:is(.is-sr-flag,.is-suriname-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sr.svg)}.ts-flag:is(.is-ss-flag,.is-south-sudan-flag){background-image:url(flags/4x3/ss.svg)}.ts-flag:is(.is-ss-flag,.is-south-sudan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ss.svg)}.ts-flag:is(.is-st-flag,.is-sao-tome-flag){background-image:url(flags/4x3/st.svg)}.ts-flag:is(.is-st-flag,.is-sao-tome-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/st.svg)}.ts-flag:is(.is-sv-flag,.is-el-salvador-flag){background-image:url(flags/4x3/sv.svg)}.ts-flag:is(.is-sv-flag,.is-el-salvador-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sv.svg)}.ts-flag:is(.is-sx-flag,.is-sint-maarten-flag){background-image:url(flags/4x3/sx.svg)}.ts-flag:is(.is-sx-flag,.is-sint-maarten-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sx.svg)}.ts-flag:is(.is-sy-flag,.is-syria-flag){background-image:url(flags/4x3/sy.svg)}.ts-flag:is(.is-sy-flag,.is-syria-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sy.svg)}.ts-flag:is(.is-sz-flag,.is-swaziland-flag){background-image:url(flags/4x3/sz.svg)}.ts-flag:is(.is-sz-flag,.is-swaziland-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/sz.svg)}.ts-flag:is(.is-tc-flag,.is-caicos-islands-flag){background-image:url(flags/4x3/tc.svg)}.ts-flag:is(.is-tc-flag,.is-caicos-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tc.svg)}.ts-flag:is(.is-td-flag,.is-chad-flag){background-image:url(flags/4x3/td.svg)}.ts-flag:is(.is-td-flag,.is-chad-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/td.svg)}.ts-flag:is(.is-tf-flag,.is-french-territories-flag){background-image:url(flags/4x3/tf.svg)}.ts-flag:is(.is-tf-flag,.is-french-territories-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tf.svg)}.ts-flag:is(.is-tg-flag,.is-togo-flag){background-image:url(flags/4x3/tg.svg)}.ts-flag:is(.is-tg-flag,.is-togo-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tg.svg)}.ts-flag:is(.is-th-flag,.is-thailand-flag){background-image:url(flags/4x3/th.svg)}.ts-flag:is(.is-th-flag,.is-thailand-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/th.svg)}.ts-flag:is(.is-tj-flag,.is-tajikistan-flag){background-image:url(flags/4x3/tj.svg)}.ts-flag:is(.is-tj-flag,.is-tajikistan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tj.svg)}.ts-flag:is(.is-tk-flag,.is-tokelau-flag){background-image:url(flags/4x3/tk.svg)}.ts-flag:is(.is-tk-flag,.is-tokelau-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tk.svg)}.ts-flag:is(.is-tl-flag,.is-timorleste-flag){background-image:url(flags/4x3/tl.svg)}.ts-flag:is(.is-tl-flag,.is-timorleste-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tl.svg)}.ts-flag:is(.is-tm-flag,.is-turkmenistan-flag){background-image:url(flags/4x3/tm.svg)}.ts-flag:is(.is-tm-flag,.is-turkmenistan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tm.svg)}.ts-flag:is(.is-tn-flag,.is-tunisia-flag){background-image:url(flags/4x3/tn.svg)}.ts-flag:is(.is-tn-flag,.is-tunisia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tn.svg)}.ts-flag:is(.is-to-flag,.is-tonga-flag){background-image:url(flags/4x3/to.svg)}.ts-flag:is(.is-to-flag,.is-tonga-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/to.svg)}.ts-flag:is(.is-tr-flag,.is-turkey-flag){background-image:url(flags/4x3/tr.svg)}.ts-flag:is(.is-tr-flag,.is-turkey-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tr.svg)}.ts-flag:is(.is-tt-flag,.is-trinidad-flag){background-image:url(flags/4x3/tt.svg)}.ts-flag:is(.is-tt-flag,.is-trinidad-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tt.svg)}.ts-flag:is(.is-tv-flag,.is-tuvalu-flag){background-image:url(flags/4x3/tv.svg)}.ts-flag:is(.is-tv-flag,.is-tuvalu-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tv.svg)}.ts-flag:is(.is-tw-flag,.is-taiwan-flag,.is-republic-of-china-flag,.is-formosa-flag){background-image:url(flags/4x3/tw.svg)}.ts-flag:is(.is-tw-flag,.is-taiwan-flag,.is-republic-of-china-flag,.is-formosa-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tw.svg)}.ts-flag:is(.is-tz-flag,.is-tanzania-flag){background-image:url(flags/4x3/tz.svg)}.ts-flag:is(.is-tz-flag,.is-tanzania-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/tz.svg)}.ts-flag:is(.is-ua-flag,.is-ukraine-flag){background-image:url(flags/4x3/ua.svg)}.ts-flag:is(.is-ua-flag,.is-ukraine-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ua.svg)}.ts-flag:is(.is-ug-flag,.is-uganda-flag){background-image:url(flags/4x3/ug.svg)}.ts-flag:is(.is-ug-flag,.is-uganda-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ug.svg)}.ts-flag:is(.is-um-flag,.is-us-minor-islands-flag){background-image:url(flags/4x3/um.svg)}.ts-flag:is(.is-um-flag,.is-us-minor-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/um.svg)}.ts-flag:is(.is-un-flag,.is-united-nations-flag){background-image:url(flags/4x3/un.svg)}.ts-flag:is(.is-un-flag,.is-united-nations-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/un.svg)}.ts-flag:is(.is-us-flag,.is-united-states-flag,.is-america-flag,.is-usa-flag){background-image:url(flags/4x3/us.svg)}.ts-flag:is(.is-us-flag,.is-united-states-flag,.is-america-flag,.is-usa-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/us.svg)}.ts-flag:is(.is-uy-flag,.is-uruguay-flag){background-image:url(flags/4x3/uy.svg)}.ts-flag:is(.is-uy-flag,.is-uruguay-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/uy.svg)}.ts-flag:is(.is-uz-flag,.is-uzbekistan-flag){background-image:url(flags/4x3/uz.svg)}.ts-flag:is(.is-uz-flag,.is-uzbekistan-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/uz.svg)}.ts-flag:is(.is-va-flag,.is-vatican-city-flag){background-image:url(flags/4x3/va.svg)}.ts-flag:is(.is-va-flag,.is-vatican-city-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/va.svg)}.ts-flag:is(.is-vc-flag,.is-saint-vincent-flag){background-image:url(flags/4x3/vc.svg)}.ts-flag:is(.is-vc-flag,.is-saint-vincent-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/vc.svg)}.ts-flag:is(.is-ve-flag,.is-venezuela-flag){background-image:url(flags/4x3/ve.svg)}.ts-flag:is(.is-ve-flag,.is-venezuela-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ve.svg)}.ts-flag:is(.is-vg-flag,.is-british-virgin-islands-flag){background-image:url(flags/4x3/vg.svg)}.ts-flag:is(.is-vg-flag,.is-british-virgin-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/vg.svg)}.ts-flag:is(.is-vi-flag,.is-us-virgin-islands-flag){background-image:url(flags/4x3/vi.svg)}.ts-flag:is(.is-vi-flag,.is-us-virgin-islands-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/vi.svg)}.ts-flag:is(.is-vn-flag,.is-vietnam-flag){background-image:url(flags/4x3/vn.svg)}.ts-flag:is(.is-vn-flag,.is-vietnam-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/vn.svg)}.ts-flag:is(.is-vu-flag,.is-vanuatu-flag){background-image:url(flags/4x3/vu.svg)}.ts-flag:is(.is-vu-flag,.is-vanuatu-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/vu.svg)}.ts-flag:is(.is-wf-flag,.is-wallis-and-futuna-flag,.is-wallis-flag,.is-futuna-flag){background-image:url(flags/4x3/wf.svg)}.ts-flag:is(.is-wf-flag,.is-wallis-and-futuna-flag,.is-wallis-flag,.is-futuna-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/wf.svg)}.ts-flag:is(.is-ws-flag,.is-samoa-flag){background-image:url(flags/4x3/ws.svg)}.ts-flag:is(.is-ws-flag,.is-samoa-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ws.svg)}.ts-flag:is(.is-ye-flag,.is-yemen-flag){background-image:url(flags/4x3/ye.svg)}.ts-flag:is(.is-ye-flag,.is-yemen-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/ye.svg)}.ts-flag:is(.is-yt-flag,.is-mayotte-flag){background-image:url(flags/4x3/yt.svg)}.ts-flag:is(.is-yt-flag,.is-mayotte-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/yt.svg)}.ts-flag:is(.is-za-flag,.is-south-africa-flag){background-image:url(flags/4x3/za.svg)}.ts-flag:is(.is-za-flag,.is-south-africa-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/za.svg)}.ts-flag:is(.is-zm-flag,.is-zambia-flag){background-image:url(flags/4x3/zm.svg)}.ts-flag:is(.is-zm-flag,.is-zambia-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/zm.svg)}.ts-flag:is(.is-zw-flag,.is-zimbabwe-flag){background-image:url(flags/4x3/zw.svg)}.ts-flag:is(.is-zw-flag,.is-zimbabwe-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/zw.svg)}.ts-flag:is(.is-zz-flag,.is-unknown-flag){background-image:url(flags/4x3/zz.svg)}.ts-flag:is(.is-zz-flag,.is-unknown-flag):is(.is-squared,.is-circular){background-image:url(flags/1x1/zz.svg)}.ts-statistic{--accent-color:initial;--accent-foreground-color:initial;align-items:center;color:inherit;display:flex;gap:.5rem}.ts-statistic .value{align-items:center;color:var(--accent-color,inherit);display:inline-flex;font-size:var(--ts-relative-massive);font-weight:500;line-height:1.4}.ts-statistic .comparison,.ts-statistic .unit{color:var(--ts-gray-600);font-size:var(--ts-relative-medium)}.ts-statistic .comparison{align-items:center;display:flex;justify-content:center}.ts-statistic .comparison:before{font-family:Icons;font-size:1rem;margin-right:.35rem;margin-top:2px}.ts-statistic .ts-icon{font-size:var(--ts-relative-massive);margin-right:.5rem}.ts-statistic.is-start-aligned>.value{justify-content:flex-start}.ts-statistic.is-center-aligned>.value{justify-content:center}.ts-statistic.is-centered{align-items:center;display:flex;justify-content:center}.ts-statistic>.value.is-text{font-size:1em;min-height:2.425rem}.ts-statistic .comparison.is-increased:before{content:"\f0d8"}.ts-statistic .comparison.is-decreased:before{content:"\f0d7"}.ts-statistic.is-decreased .value:before,.ts-statistic.is-increased .value:before{font-family:Icons;margin-right:.5rem}.ts-statistic.is-increased .value:before{content:"\f0d8"}.ts-statistic.is-decreased .value:before{content:"\f0d7"}.ts-statistic.is-fluid{width:100%}.ts-statistic.is-mini.is-mini.is-mini{font-size:.8125rem}.ts-statistic.is-tiny.is-tiny.is-tiny{font-size:.875rem}.ts-statistic.is-small.is-small.is-small{font-size:.9375rem}.ts-statistic.is-large.is-large.is-large{font-size:1.125rem}.ts-statistic.is-big.is-big.is-big{font-size:1.375rem}.ts-statistic.is-huge.is-huge.is-huge{font-size:1.75rem}.ts-statistic.is-massive.is-massive.is-massive{font-size:2rem}.ts-app-sidebar{--accent-color:initial;--accent-foreground-color:initial;margin-right:1.5rem}.ts-app-sidebar .item{color:var(--ts-gray-800);display:flex;font-weight:500;padding:.7rem 1.5rem;text-decoration:none}.ts-app-sidebar .header{color:var(--ts-gray-500);font-size:var(--ts-font-size-15px);font-weight:700;padding:.75rem 1.5rem}.ts-app-sidebar .item+.header{margin-top:1.5rem}.ts-app-sidebar .item .ts-icon{font-size:1.1em;margin-right:1rem}.ts-app-sidebar .item.is-active{background:var(--accent-color,var(--ts-gray-800));border-radius:0 100rem 100rem 0;color:var(--accent-foreground-color,var(--ts-gray-50))}.ts-app-sidebar .item.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-app-sidebar.is-dense .item{padding-bottom:.4rem;padding-top:.4rem}.ts-app-sidebar.is-dense .item+.header{margin-top:.5rem}.ts-app-sidebar.is-dense .header{padding-bottom:.45rem;padding-top:.45rem}.ts-app-navbar{--accent-color:initial;--accent-foreground-color:initial}.ts-app-navbar,.ts-app-navbar .item{align-items:center;display:inline-flex}.ts-app-navbar .item{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;border-radius:.4rem;color:var(--ts-gray-500);flex-direction:column;font-size:14px;font-weight:500;gap:.3rem;justify-content:center;margin:0;padding-left:1rem;padding-right:1rem;text-align:center;text-decoration:none}.ts-app-navbar .item .ts-icon{font-size:1.2rem;line-height:1.2}.ts-app-navbar .item .label{line-height:1}.ts-app-navbar.is-fluid{display:flex}.ts-app-navbar.is-fluid .item{flex:1}.ts-app-navbar.is-unlabeled .item:not(.is-active) .label{display:none}.ts-app-navbar .item.is-active{color:var(--accent-color,var(--ts-gray-800))}.ts-app-navbar .item.is-active .ts-icon{--accent-color:inherit;--accent-foreground-color:inherit}.ts-app-navbar .item.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-app-navbar.is-vertical{flex-direction:column}.ts-app-navbar.is-vertical .item{padding:.8rem 0}.ts-app-navbar.is-vertical .item:first-child{padding-top:0}.ts-app-navbar.is-indicated .item{color:var(--ts-gray-800)}.ts-app-navbar.is-indicated .item .ts-icon{align-items:center;border-radius:100rem;display:flex;font-size:1.2rem;justify-content:center;line-height:1.2;min-height:26px;padding:.25rem 1rem;width:auto}.ts-app-navbar.is-indicated .item.is-active .ts-icon{background:var(--accent-color,var(--ts-gray-800));color:var(--accent-foreground-color,var(--ts-gray-50))}.ts-app-navbar.is-dense .item{gap:.25rem}.ts-app-navbar.is-dense.is-indicated .item .ts-icon{min-height:25px;padding-bottom:.15rem;padding-top:.15rem}.ts-snackbar{background:var(--ts-static-gray-800);border-radius:.4rem;color:var(--ts-white);display:inline-flex;font-size:var(--ts-absolute-small);padding:.35rem 1rem}.ts-snackbar .content{margin:.25rem 0}.ts-snackbar .action{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;align-self:flex-start;appearance:none;-webkit-appearance:none;background:transparent;border:none;border-radius:0;border-radius:.4rem;box-sizing:border-box;color:inherit;color:var(--ts-primary-400);cursor:pointer;font:inherit;font-size:var(--ts-absolute-small);font-weight:500;line-height:normal;line-height:1;margin:0 -.5rem 0 2rem;outline:none;overflow:visible;padding:.65em 1em;user-select:none;white-space:nowrap;width:auto}.ts-snackbar .action.is-negative{color:var(--ts-negative-500)}details.ts-accordion{box-sizing:border-box;color:inherit}details.ts-accordion summary{list-style-type:none}details.ts-accordion summary::-webkit-details-marker{display:none}details.ts-accordion summary::marker{display:none}details.ts-accordion summary{align-items:center;cursor:pointer;display:flex;user-select:none}details.ts-accordion summary:before{-webkit-font-smoothing:antialiased;backface-visibility:hidden;color:var(--ts-gray-600);content:"\f078";display:inline;display:block;font-family:Icons;font-size:14px;font-style:normal;font-weight:400;line-height:1;margin-right:.7rem;text-align:center;text-decoration:inherit;transform:rotate(270deg);width:1.18em}details.ts-accordion[open] summary:before{transform:rotate(0deg)}details.ts-accordion[open] summary{margin-bottom:.5rem}.ts-mask{background:rgba(0,0,0,.5);bottom:0;color:var(--ts-gray-50);left:0;position:absolute;right:0;top:0;z-index:101}.ts-mask.is-top{bottom:auto;top:0}.ts-mask.is-middle{bottom:auto;top:50%;transform:translateY(-50%)}.ts-mask.is-bottom{bottom:0;top:auto}.ts-mask.is-blurring{backdrop-filter:blur(3px)}.ts-mask.is-secondary{background:transparent;color:var(--ts-gray-800)}.ts-mask.is-faded.is-top{background:linear-gradient(180deg,rgba(0,0,0,.5) 0,transparent)}.ts-mask.is-faded.is-bottom{background:linear-gradient(0deg,rgba(0,0,0,.5) 0,transparent)}@keyframes ts-placeholder-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes ts-placeholder-blink{30%{opacity:0}}.ts-placeholder .image,.ts-placeholder .image.is-header:after,.ts-placeholder .image.is-header:before,.ts-placeholder .text{background:var(--ts-gray-200);height:.8em;margin:.8em 0;width:45%}.ts-placeholder:first-child>:first-child{margin-top:0}.ts-placeholder:last-child>:last-child{margin-bottom:0}.ts-placeholder .image{height:150px;width:100%}.ts-placeholder .text:first-child{width:43%}.ts-placeholder .text:nth-child(2){width:78%}.ts-placeholder .text:nth-child(3){width:70%}.ts-placeholder .text:nth-child(4){width:80%}.ts-placeholder .text:nth-child(5){width:60%}.ts-placeholder .text:nth-child(6){width:44%}.ts-placeholder .text:nth-child(7){width:63%}.ts-placeholder .text:nth-child(8){width:49%}.ts-placeholder .text:nth-child(9){width:72%}.ts-placeholder .text:nth-child(10){width:61%}.ts-placeholder .text:nth-child(11){width:45%}.ts-placeholder .text:nth-child(12){width:55%}.ts-placeholder .text:nth-child(13){width:56%}.ts-placeholder .text:nth-child(14){width:57%}.ts-placeholder .text:nth-child(15){width:73%}.ts-placeholder .text:nth-child(16){width:59%}.ts-placeholder .text:nth-child(17){width:47%}.ts-placeholder .text:nth-child(18){width:77%}.ts-placeholder .text.is-header{background:var(--ts-gray-300)}.ts-placeholder .image.is-header{height:36px;position:static;width:36px}.ts-placeholder .image.is-header:after,.ts-placeholder .image.is-header:before{content:"";margin:0;position:absolute}.ts-placeholder .image.is-header:after{background:var(--ts-gray-300);left:calc(36px + 1rem);top:0;width:65%}.ts-placeholder .image.is-header:before{left:calc(36px + 1rem);top:25px;width:55%}.ts-placeholder.is-preparing .image,.ts-placeholder.is-preparing .image.is-header:after,.ts-placeholder.is-preparing .image.is-header:before,.ts-placeholder.is-preparing .text,.ts-placeholder.is-preparing .text.is-header{animation-duration:1.8s;animation-fill-mode:alternate;animation-iteration-count:infinite;animation-name:ts-placeholder-blink;animation-timing-function:linear}.ts-placeholder.is-loading .image,.ts-placeholder.is-loading .image.is-header:after,.ts-placeholder.is-loading .image.is-header:before,.ts-placeholder.is-loading .text,.ts-placeholder.is-loading .text.is-header{animation-duration:1.2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:ts-placeholder-shimmer;animation-timing-function:linear;background:linear-gradient(to right,var(--ts-gray-200) 8%,var(--ts-gray-300) 18%,var(--ts-gray-200) 33%);background-size:1000px 200px}.ts-placeholder.is-loading .text.is-header{background:linear-gradient(to right,var(--ts-gray-300) 8%,var(--ts-gray-400) 18%,var(--ts-gray-300) 33%);background-size:1000px 200px}.ts-placeholder.is-rounded *{border-radius:.4rem}.ts-placeholder .text.is-short,.ts-placeholder .text.is-very-short{width:30%}.ts-placeholder .text.is-extra-short{width:20%}.ts-placeholder .text.is-long{width:70%}.ts-placeholder .text.is-very-long{width:80%}.ts-placeholder .text.is-extra-long{width:90%}.ts-header{--accent-color:initial;--accent-foreground-color:initial;align-items:center;color:var(--accent-color,inherit);display:flex;font-size:var(--ts-font-size-17px);font-weight:500;line-height:1.6}a.ts-header{text-decoration:none}a.ts-header:hover{text-decoration:underline}.ts-header.is-truncated{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-header.is-negative{color:var(--ts-negative-600)}.ts-header.is-heavy{font-weight:700!important}.ts-header.is-center-aligned{justify-content:center;text-align:center}.ts-header.is-start-aligned{justify-content:flex-start;text-align:left}.ts-header.is-end-aligned{justify-content:flex-end;text-align:right}.ts-header.is-uppercased{text-transform:uppercase}.ts-header.is-lowercased{text-transform:lowercase}.ts-header.is-icon{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.ts-header.is-icon .ts-icon{font-size:3em;line-height:1;margin-bottom:.5rem;width:auto}.ts-header:is(.is-start-icon,.is-end-icon) .ts-icon{font-size:1.5em}.ts-header.is-start-icon .ts-icon{margin-right:.5rem}.ts-header.is-end-icon .ts-icon{margin-left:.5rem}.ts-header.is-secondary{color:var(--ts-gray-500)}.ts-header.is-large{font-size:var(--ts-font-size-20px)}.ts-header.is-big{font-size:var(--ts-font-size-24px)}.ts-header.is-huge{font-size:var(--ts-font-size-30px)}.ts-header.is-massive{font-size:var(--ts-font-size-33px)}.ts-segment{--accent-color:initial;--accent-foreground-color:initial;--ts-indicator-color:var(--accent-color,var(--ts-gray-900));background:var(--ts-gray-50);border:1px solid var(--ts-gray-300);border-radius:.4rem;box-sizing:border-box;color:inherit;display:block;overflow:hidden;padding:1rem;text-decoration:none}a.ts-segment:hover{border-color:var(--ts-gray-400)}.ts-segment.is-collapsed{width:fit-content}.ts-segment.is-top-indicated{border-top:3px solid var(--ts-indicator-color)}.ts-segment.is-bottom-indicated{border-bottom:3px solid var(--ts-indicator-color)}.ts-segment.is-left-indicated{border-left:3px solid var(--ts-indicator-color)}.ts-segment.is-right-indicated{border-right:3px solid var(--ts-indicator-color)}.ts-segment.is-secondary{background:var(--ts-gray-75)}.ts-segment.is-tertiary{background:var(--ts-gray-100)}.ts-segment.is-start-aligned{text-align:left}.ts-segment.is-end-aligned{text-align:right}.ts-segment.is-center-aligned{text-align:center}.ts-segment[class*=-indicated].is-negative{--ts-indicator-color:var(--ts-negative-500)}.ts-segment[class*=-indicated].is-positive{--ts-indicator-color:var(--ts-positive-500)}.ts-segment[class*=-indicated].is-warning{--ts-indicator-color:var(--ts-warning-500)}.ts-segment.is-elevated{box-shadow:0 1px 5px 0 #00000024}.ts-segment.is-very-elevated{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}.ts-segment.is-padded{padding:1.5rem}.ts-segment.is-horizontally-padded{padding-left:1.5rem;padding-right:1.5rem}.ts-segment.is-vertically-padded{padding-bottom:1.5rem;padding-top:1.5rem}.ts-segment.is-very-padded{padding:3.5rem}.ts-segment.is-horizontally-very-padded{padding-left:3.5rem;padding-right:3.5rem}.ts-segment.is-vertically-very-padded{padding-bottom:3.5rem;padding-top:3.5rem}.ts-segment.is-dense{padding-bottom:.5rem;padding-top:.5rem}.ts-quote{--accent-color:initial;--accent-foreground-color:initial;color:inherit;padding-left:3rem;padding-top:1rem}.ts-quote:before{color:var(--accent-color,var(--ts-gray-300));content:"“";font-family:Georgia,Times New Roman,Times;font-size:5rem;left:0;line-height:1;position:absolute;top:0}.ts-quote .cite{color:var(--ts-gray-600);font-style:normal;margin-top:1rem}.ts-quote.is-heading{color:var(--ts-gray-800);font-size:var(--ts-font-size-20px);font-weight:500;padding:0;text-align:center}.ts-quote.is-heading:before{background:var(--accent-color,var(--ts-gray-100));border-radius:50%;color:var(--accent-foreground-color,var(--ts-gray-800));content:"”";display:block;font-size:3.3rem;font-weight:700;height:2.6rem;line-height:1.2;margin:0 auto .5rem;position:relative;text-align:center;width:2.6rem}.ts-quote.is-heading .cite{font-size:15px;font-weight:400;margin-top:0}.ts-quote.is-secondary{border-left:5px solid var(--accent-color,var(--ts-gray-300));padding:0 0 0 2rem}.ts-quote.is-secondary:before{display:none}.ts-quote.is-small{font-size:var(--ts-font-size-14px)}.ts-quote.is-large{font-size:var(--ts-font-size-17px)}.ts-app-layout{color:inherit;display:flex;flex-direction:row}.ts-app-layout .cell{background:var(--ts-gray-50);flex-shrink:0;overflow:auto}.ts-app-layout.is-full{height:100%;width:100%}.ts-app-layout.is-horizontal{display:flex;flex-direction:row}.ts-app-layout.is-horizontal>.cell:not(:last-child){border-right:1px solid var(--ts-gray-300)}.ts-app-layout .cell.is-horizontal{display:flex;flex-direction:row}.ts-app-layout .cell.is-horizontal>.cell:not(:last-child){border-right:1px solid var(--ts-gray-300)}.ts-app-layout.is-vertical{display:flex;flex-direction:column}.ts-app-layout.is-vertical>.cell:not(:last-child){border-bottom:1px solid var(--ts-gray-300)}.ts-app-layout .cell.is-vertical{display:flex;flex-direction:column}.ts-app-layout .cell.is-vertical>.cell:not(:last-child){border-bottom:1px solid var(--ts-gray-300)}.ts-app-layout .cell.is-scrollable{overflow-y:auto}.ts-app-layout .cell.is-fluid{flex:1;flex-shrink:1}.ts-app-layout .cell.is-secondary{background:var(--ts-gray-75)}.ts-app-layout .cell.is-tertiary{background:var(--ts-gray-100)}.ts-avatar{--accent-color:initial;--accent-foreground-color:initial;align-items:center;border:1px solid transparent;border-radius:.4rem;display:inline-flex;height:32px;justify-content:center;overflow:hidden;vertical-align:middle;white-space:nowrap;width:32px}.ts-avatar img{width:100%}.ts-avatar.is-circular,.ts-avatar.is-circular img{border-radius:100rem}.ts-avatar.is-text{align-items:center;background:var(--accent-color,var(--ts-gray-200));color:var(--accent-foreground-color,var(--ts-gray-600));display:inline-flex;font-size:1.1rem;font-weight:500;justify-content:center}.ts-avatar.is-bordered{border-color:var(--ts-gray-300)}.ts-avatar.is-group{flex-direction:row-reverse;height:auto;justify-content:flex-end;width:auto}.ts-avatar.is-group .ts-avatar:not(:last-child){margin-inline-start:-.6rem}.ts-avatar.is-small{height:24px;width:24px}.ts-avatar.is-large{height:48px;width:48px}.ts-wrap{display:flex;flex-wrap:wrap;gap:1rem}.ts-wrap.is-vertical{flex-direction:column}.ts-wrap.is-top-aligned{align-items:flex-start}.ts-wrap.is-middle-aligned{align-items:center}.ts-wrap.is-bottom-aligned{align-items:flex-end}.ts-wrap.is-start-aligned{justify-content:flex-start}.ts-wrap.is-center-aligned{justify-content:center}.ts-wrap.is-end-aligned{justify-content:flex-end}.ts-wrap.is-start-aligned.is-vertical{align-items:flex-start}.ts-wrap.is-center-aligned.is-vertical{align-items:center}.ts-wrap.is-end-aligned.is-vertical{align-items:flex-end}.ts-wrap.is-relaxed{gap:2rem}.ts-wrap.is-compact{gap:.5rem}.ts-container{--ts-container-gap:1rem;box-sizing:border-box;color:inherit;margin:0 auto;max-width:1180px;padding:0 var(--ts-container-gap);width:100%}.ts-container.is-padded{--ts-container-gap:2rem}.ts-container.is-fitted{--ts-container-gap:0}.ts-container.is-narrow{max-width:910px}.ts-container.is-very-narrow{max-width:720px}.ts-container.is-fluid{max-width:100%}.ts-control{color:inherit;display:grid;gap:2rem;grid-template-columns:220px 1fr}.ts-control .label{color:var(--ts-gray-800);font-weight:500;line-height:2.4;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.ts-control .content{max-width:75%}.ts-control .content.is-padded{padding-top:.45rem}.ts-control.is-stacked{gap:1rem;grid-template-columns:1fr}.ts-control.is-stacked .label{line-height:1;text-align:left}.ts-control.is-stacked .content{max-width:100%;width:100%}.ts-control .content.is-fluid{max-width:none}.ts-control .label.is-start-aligned{text-align:left}.ts-control.is-wide{grid-template-columns:150px 1fr}.ts-control.is-wide .content{max-width:90%}.ts-menu{--object-distance:0.8rem;--accent-color:initial;--accent-foreground-color:initial;flex-direction:column}.ts-menu,.ts-menu .item{color:inherit;display:flex}.ts-menu .item{align-items:center;appearance:none;background:transparent;border:unset;font-family:inherit;font-size:inherit;gap:var(--object-distance);line-height:1;padding:.8rem 1rem;text-align:inherit;text-decoration:none}.ts-menu .item .ts-icon{font-size:1.1em}.ts-menu .item .ts-badge{margin-left:auto;margin-top:-1px}.ts-menu .item .ts-avatar{margin-bottom:-.4rem;margin-top:-.4rem}.ts-menu .item .description{color:var(--ts-gray-500);float:right;font-size:var(--ts-relative-small);margin-left:auto;text-align:right}.ts-menu .item:hover{background:var(--ts-gray-75);cursor:pointer}.ts-menu .item :where(.ts-row,.ts-grid){flex:1}.ts-menu .item.is-active{background:var(--accent-color,var(--ts-gray-800));color:var(--accent-foreground-color,var(--ts-gray-50))}.ts-menu .item.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-menu .item.is-selected{background:var(--accent-color,var(--ts-primary-700));color:var(--accent-foreground-color,var(--ts-white))}.ts-menu.is-separated{gap:.25rem}.ts-menu.is-separated .item{border-radius:.4rem}.ts-menu.is-end-icon .item .ts-icon,.ts-menu.is-start-icon .item .ts-icon{display:inline-block;margin-top:2px;min-width:1rem;text-align:center}.ts-menu.is-end-icon .item .ts-icon{margin-left:auto}.ts-menu.is-collapsed{width:fit-content}.ts-menu.is-relaxed .item{padding-bottom:1.1rem;padding-top:1.1rem}.ts-menu.is-dense .item{padding-bottom:.65rem;padding-top:.65rem}.ts-menu.is-small{font-size:var(--ts-font-size-14px)}.ts-menu.is-large{font-size:var(--ts-font-size-16px)}.ts-menu.is-horizontally-padded .item{padding-left:1.5rem;padding-right:1.5rem}.ts-menu.is-horizontally-very-padded .item{padding-left:3.5rem;padding-right:3.5rem}.ts-checklist{display:flex;flex-direction:column;gap:.5rem;margin-right:1.5rem}.ts-checklist .item{color:var(--ts-gray-800);padding-left:28px;text-decoration:none}.ts-checklist .item:before{-webkit-font-smoothing:antialiased;backface-visibility:hidden;border-radius:100rem;display:inline-block;font-family:Icons;font-size:var(--ts-font-size-12px);font-style:normal;font-weight:400;height:20px;left:0;line-height:1;padding:.3rem .25rem .1rem;position:absolute;text-align:center;text-decoration:inherit;top:3px;transform:scale(.9);vertical-align:middle;width:20px}.ts-checklist .item.is-positive:before{background:var(--ts-tonal-positive-400);color:var(--ts-tonal-positive-800);content:"\f00c"}.ts-checklist .item.is-negative:before{background:var(--ts-tonal-negative-400);color:var(--ts-tonal-negative-800);content:"\f00d"}.ts-checklist .item.is-added:before{background:var(--ts-tonal-positive-400);color:var(--ts-tonal-positive-800);content:"\f067"}.ts-checklist .item.is-removed:before{background:var(--ts-tonal-negative-400);color:var(--ts-tonal-negative-800);content:"\f068"}.ts-checklist .item.is-info:before{background:var(--ts-tonal-primary-400);color:var(--ts-tonal-primary-800);content:"\f129"}.ts-checklist .item.is-warning:before{background:var(--ts-tonal-warning-400);color:var(--ts-tonal-warning-800);content:"\21"}.ts-imageset{display:grid;gap:1rem}.ts-imageset .item{min-height:min-content}.ts-imageset .item img{height:100%;object-fit:cover;vertical-align:top;width:100%}.ts-imageset.is-2-images{grid-template-columns:repeat(1,1fr)}.ts-imageset.is-3-images{grid-template-columns:repeat(2,1fr);grid-template-rows:1.777fr 1fr}.ts-imageset.ts-imageset.is-3-images .item:first-child{grid-column:1/3}.ts-imageset.is-4-images{grid-template-columns:repeat(3,1fr);grid-template-rows:1.777fr 1fr}.ts-imageset.ts-imageset.is-4-images .item:first-child{grid-column:1/4}.ts-imageset.is-portrait .item img{object-position:top}.ts-imageset.is-portrait.is-2-images{grid-template-columns:repeat(2,1fr)}.ts-imageset.is-portrait.is-3-images{grid-template-columns:1.4fr 1fr;grid-template-rows:repeat(2,1fr)}.ts-imageset.is-portrait.is-3-images .item:first-child{grid-column:initial;grid-row:1/3}.ts-imageset.is-portrait.is-4-images{grid-template-columns:1.4fr 1fr;grid-template-rows:repeat(3,1fr)}.ts-imageset.is-portrait.is-4-images .item:first-child{grid-column:initial;grid-row:1/4}.ts-imageset.is-rounded .item img{border-radius:.4rem}.ts-imageset.is-circular.is-portrait .item:first-child img{border-bottom-left-radius:.4rem;border-top-left-radius:.4rem}.ts-imageset.is-circular.is-portrait .item:nth-child(2) img{border-top-right-radius:.4rem}.ts-imageset.is-circular.is-portrait .item:last-child img{border-bottom-right-radius:.4rem}.ts-imageset.is-circular:not(.is-portrait) .item:first-child img{border-top-left-radius:.4rem;border-top-right-radius:.4rem}.ts-imageset.is-circular:not(.is-portrait) .item:nth-child(2) img{border-bottom-left-radius:.4rem}.ts-imageset.is-circular:not(.is-portrait) .item:last-child img{border-bottom-right-radius:.4rem}.ts-imageset.is-relaxed{gap:1.5rem}.ts-imageset.is-compact{gap:.5rem}.ts-iconset{--accent-color:initial;--accent-foreground-color:initial;display:flex;gap:1rem;line-height:1.7}.ts-iconset .ts-icon{align-items:center;background:var(--accent-color,var(--ts-gray-100));border-radius:.4rem;color:var(--accent-foreground-color,inherit);display:flex;font-size:1.4rem;height:3rem;justify-content:center;min-width:3rem;width:3rem}.ts-iconset .content .title{font-weight:500;line-height:1.4}.ts-iconset.is-circular .ts-icon{border-radius:100rem}.ts-iconset.is-outlined .ts-icon{background:transparent;border:2px solid var(--ts-gray-300);box-sizing:border-box;color:var(--accent-color,inherit)}.ts-conversation{--brand-color:var(--ts-primary-600);display:flex;gap:1rem}.ts-conversation .avatar img{border-radius:.4rem;width:40px}.ts-conversation .bubble{background:var(--ts-gray-100);border-radius:.4rem;font-size:var(--ts-font-size-14px);line-height:1.5;overflow:hidden;padding:.5rem .8rem}.ts-conversation .bubble:after{clear:both;content:"";display:block}.ts-conversation .bubble .author{color:var(--brand-color);font-weight:500}.ts-conversation .bubble .meta{align-items:center;bottom:-3px;color:var(--ts-gray-500);display:inline-flex;float:right;font-size:var(--ts-font-size-14px);gap:.65rem;justify-content:flex-end;line-height:1.5;margin-left:.6rem}.ts-conversation .bubble .meta.is-floated{background:rgba(0,0,0,.2);border-radius:.4rem;bottom:.5rem;color:var(--ts-white);padding:.1rem .4rem;position:absolute;right:.5rem}.ts-conversation .bubble .text{display:inline}.ts-conversation .bubble .text a{color:var(--ts-link-700)}.ts-conversation .bubble .quote{--brand-color:var(--ts-positive-600);border-left:2px solid var(--brand-color);margin:.5rem 0;padding-left:.8rem}.ts-conversation .bubble .quote .author{color:var(--brand-color);font-weight:500}.ts-conversation .bubble .preview{--brand-color:#1074c5;border-left:2px solid var(--brand-color);display:flex;flex-direction:column;gap:.25rem;margin:.5rem 0;padding-left:.8rem}.ts-conversation .bubble .site{color:var(--brand-color);font-weight:500}.ts-conversation .bubble .title{font-weight:500}.ts-conversation .bubble .embed{border-radius:.4rem;overflow:hidden}.ts-conversation .bubble .embed>*{object-fit:cover;vertical-align:top;width:100%}.ts-conversation .bubble .object{margin:.4rem -.8rem}.ts-conversation:is(.is-sent,.is-sending,.is-error,.is-read,.is-warning) .bubble .meta:after{-webkit-font-smoothing:antialiased;backface-visibility:hidden;color:var(--ts-gray-500);font-family:Icons;font-size:var(--ts-font-size-13px);font-style:normal;font-weight:400;text-align:center;text-decoration:inherit;width:1.18em}.ts-conversation.is-sent .bubble .meta:after{content:"\f00c"}.ts-conversation.is-sending .bubble .meta:after{content:"\f017"}.ts-conversation.is-read .bubble .meta:after{content:"\f560"}.ts-conversation.is-error .bubble .meta:after{color:var(--ts-negative-400);content:"\f071"}.ts-conversation.is-self{flex-direction:row-reverse}.ts-conversation.is-self .bubble{background:#e8fbd1;color:var(--ts-black)}.ts-conversation.is-self .bubble .author,.ts-conversation.is-self .bubble .meta,.ts-conversation.is-self .bubble .meta:after{color:#538e0b}.ts-conversation.is-object-only .bubble{padding:0}.ts-conversation.is-object-only .bubble .object{margin:0}.ts-conversation.is-object-only .bubble .meta{background:rgba(0,0,0,.2);border-radius:.4rem;bottom:.5rem;color:var(--ts-white);padding:.1rem .4rem;position:absolute;right:.5rem}.ts-conversation.is-object-only .bubble .meta:after{color:var(--ts-white)}.ts-modal{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:none;justify-content:center;left:0;overflow-y:auto;padding:2rem 1rem;position:fixed;right:0;top:0;z-index:102}.ts-modal>.content{background:var(--ts-gray-50);border-radius:.4rem;box-shadow:0 0 20px rgba(0,0,0,.1);margin:auto;overflow:hidden;width:380px}.ts-modal.is-visible{display:flex}.ts-modal.is-small>.content{width:280px}.ts-modal.is-large>.content{width:580px}.ts-modal.is-big>.content{width:780px}.ts-gauge{--length:0.8;--value:0;--size:5rem;--thickness:calc(var(--size)/10);--accent-color:initial;--accent-foreground-color:initial}.ts-gauge,.ts-gauge .bar{background-color:transparent;border-radius:9999px;box-sizing:content-box;display:inline-grid;height:var(--size);place-content:center;position:relative;vertical-align:middle;width:var(--size)}.ts-gauge{--value:100;transform:rotate(216deg)}.ts-gauge .bar:before,.ts-gauge:before{border-radius:9999px;content:"";position:absolute}.ts-gauge .bar:before{background:conic-gradient(var(--accent-color,currentColor) calc(var(--value)*1%*var(--length)),#0000 0);bottom:0;left:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--thickness)),rgba(0,0,0,.85) calc(100% - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(99% - var(--thickness)),rgba(0,0,0,.85) calc(100% - var(--thickness)));right:0;top:0}.ts-gauge:before{background:conic-gradient(currentColor calc(var(--value)*var(--length)*1%),#0000 0);bottom:0;left:0;-webkit-mask:radial-gradient(farthest-side,#f000 calc(99% - var(--thickness)),#0000001a calc(100% - var(--thickness)));mask:radial-gradient(farthest-side,#f000 calc(99% - var(--thickness)),#0000001a calc(100% - var(--thickness)));right:0;top:0}.ts-gauge .bar .text{transform:rotate(-216deg)}.ts-gauge.is-circular{--length:1;transform:none}.ts-gauge.is-circular .bar .text{transform:none}.ts-gauge.is-uplifted{--length:0.7;transform:rotate(180deg)}.ts-gauge.is-uplifted .bar .text{transform:rotate(-180deg)}.ts-gauge.is-centered{display:grid;margin:0 auto}.ts-gauge.is-small{--size:4rem}.ts-gauge.is-large{--size:6rem}.ts-tooltip{--ts-tooltip-x:0;background:var(--ts-gray-600);border-radius:.2rem;color:var(--ts-gray-50);font-size:var(--ts-font-size-13px);font-weight:400;margin:0 15px;max-width:calc(300px - 2rem);padding:.1rem .35rem;position:absolute;visibility:hidden;z-index:99}.ts-tooltip.is-visible{visibility:visible}.ts-tooltip .arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}.ts-tooltip[class*=is-bottom] .arrow{border-bottom-color:var(--ts-gray-600);border-width:0 5px 5px;top:-4px}.ts-tooltip[class*=is-top] .arrow{border-top-color:var(--ts-gray-600);border-width:5px 5px 0;bottom:-4px}.ts-tooltip[class$=start] .arrow{left:10px}.ts-tooltip[class$=end] .arrow{right:10px}.ts-tooltip:not([class$=start]):not([class$=end]) .arrow{left:calc(var(--ts-tooltip-x) - 17.5px)}.ts-dropdown{--object-distance:0.8rem;--ts-dropdown-min-width:initial;--ts-dropdown-position:absolute;--accent-color:initial;--accent-foreground-color:initial;background:var(--ts-gray-50);border:1px solid var(--ts-gray-300);border-radius:.4rem;box-shadow:0 0 10px 0 rgba(0,0,0,.1);color:inherit;display:none;flex-direction:column;font-size:var(--ts-font-size-14px);min-width:var(--ts-dropdown-min-width);padding:.2rem 0;position:var(--ts-dropdown-position);white-space:nowrap;z-index:100}.ts-dropdown>.item{align-items:center;appearance:none;background:transparent;border:unset;color:inherit;display:flex;font-family:inherit;font-size:inherit;gap:var(--object-distance);line-height:1;min-width:0;padding:.65rem 1rem;text-align:inherit;text-decoration:none}.ts-dropdown .item .ts-icon{font-size:1.1em}.ts-dropdown .item .ts-avatar{margin-bottom:-.4rem;margin-left:-.2rem;margin-top:-.4rem}.ts-dropdown .item .description{color:var(--ts-gray-500);float:right;font-size:var(--ts-relative-small);margin-left:auto;text-align:right}.ts-dropdown .item:hover{background:var(--ts-gray-75);cursor:pointer}.ts-dropdown .item :where(.ts-row,.ts-grid){flex:1}.ts-dropdown .item.is-active{background:var(--accent-color,var(--ts-gray-800));color:var(--accent-foreground-color,var(--ts-gray-50))}.ts-dropdown .item.is-disabled{opacity:.5;pointer-events:none;user-select:none}.ts-dropdown .item.is-selected{background:var(--accent-color,var(--ts-primary-700));color:var(--accent-foreground-color,var(--ts-white))}.ts-dropdown.is-separated{gap:.25rem;padding-left:.25rem;padding-right:.25rem}.ts-dropdown.is-separated .item{border-radius:.4rem}.ts-dropdown.is-end-icon .item .ts-icon,.ts-dropdown.is-start-icon .item .ts-icon{display:inline-block;margin-top:2px;min-width:1rem;text-align:center}.ts-dropdown.is-end-icon .item .ts-icon{margin-left:auto}.ts-dropdown.is-relaxed .item{padding-bottom:.8rem;padding-top:.8rem}.ts-dropdown.is-dense .item{padding-bottom:.55rem;padding-top:.55rem}.ts-dropdown.is-small{font-size:var(--ts-font-size-13px)}.ts-dropdown.is-large{font-size:var(--ts-font-size-15px)}.ts-dropdown.is-visible{display:inline-flex}.ts-dropdown.is-scrollable{overflow:auto;overflow-x:hidden}@media screen and (max-width:766px){.ts-dropdown.is-scrollable{max-height:10rem}}@media screen and (min-width:766px){.ts-dropdown.is-scrollable{max-height:15rem}}@media screen and (min-width:993px){.ts-dropdown.is-scrollable{max-height:19rem}}.ts-dropdown.is-top-left{bottom:calc(100% + .5rem);left:0}.ts-dropdown.is-bottom-left{left:0;top:calc(100% + .5rem)}.ts-dropdown.is-bottom-center{left:50%;top:calc(100% + .5rem);transform:translateX(-50%)}.ts-dropdown.is-top-center{bottom:calc(100% + .5rem);left:50%;transform:translateX(-50%)}.ts-dropdown.is-top-right{bottom:calc(100% + .5rem);right:0}.ts-dropdown.is-bottom-right{right:0;top:calc(100% + .5rem)}.ts-dropdown.is-top{bottom:calc(100% + .5rem);left:0;min-width:min-content;right:0}.ts-dropdown.is-bottom{left:0;min-width:min-content;right:0;top:calc(100% + .5rem)}.is-light,html[data-scheme=dark] .is-inverted,html[data-scheme=light]{--ts-gray-50:var(--ts-light-gray-50);--ts-gray-75:var(--ts-light-gray-75);--ts-gray-100:var(--ts-light-gray-100);--ts-gray-200:var(--ts-light-gray-200);--ts-gray-300:var(--ts-light-gray-300);--ts-gray-400:var(--ts-light-gray-400);--ts-gray-500:var(--ts-light-gray-500);--ts-gray-600:var(--ts-light-gray-600);--ts-gray-700:var(--ts-light-gray-700);--ts-gray-800:var(--ts-light-gray-800);--ts-gray-900:var(--ts-light-gray-900);--ts-tonal-positive-400:#cdffbe;--ts-tonal-positive-800:#357016;--ts-tonal-negative-400:#ffbebe;--ts-tonal-negative-800:#701616;--ts-tonal-primary-400:#d9edff;--ts-tonal-primary-800:#005cde;--ts-tonal-warning-400:#fff7ae;--ts-tonal-warning-800:#866800;color-scheme:light}.is-dark,.is-inverted,html[data-scheme=dark],html[data-scheme=light] .is-inverted{--ts-gray-50:var(--ts-dark-gray-50);--ts-gray-75:var(--ts-dark-gray-75);--ts-gray-100:var(--ts-dark-gray-100);--ts-gray-200:var(--ts-dark-gray-200);--ts-gray-300:var(--ts-dark-gray-300);--ts-gray-400:var(--ts-dark-gray-400);--ts-gray-500:var(--ts-dark-gray-500);--ts-gray-600:var(--ts-dark-gray-600);--ts-gray-700:var(--ts-dark-gray-700);--ts-gray-800:var(--ts-dark-gray-800);--ts-gray-900:var(--ts-dark-gray-900);--ts-link-700:#8887ff;--ts-tonal-positive-400:#92d34f;--ts-tonal-positive-800:#0e4600;--ts-tonal-negative-400:#d60000;--ts-tonal-negative-800:#fff;--ts-tonal-primary-400:#0a6ffd;--ts-tonal-primary-800:#fff;--ts-tonal-warning-400:#edff00;--ts-tonal-warning-800:#463f00;color-scheme:dark}html[data-scheme=dark] .is-light-only,html[data-scheme=light] .is-dark-only{display:none}@media (prefers-color-scheme:light){html:not([data-scheme=dark]) .is-dark-only{display:none}}@media (prefers-color-scheme:dark){html:not([data-scheme=light]) .is-light-only{display:none}.is-inverted{--ts-gray-50:var(--ts-light-gray-50);--ts-gray-75:var(--ts-light-gray-75);--ts-gray-100:var(--ts-light-gray-100);--ts-gray-200:var(--ts-light-gray-200);--ts-gray-300:var(--ts-light-gray-300);--ts-gray-400:var(--ts-light-gray-400);--ts-gray-500:var(--ts-light-gray-500);--ts-gray-600:var(--ts-light-gray-600);--ts-gray-700:var(--ts-light-gray-700);--ts-gray-800:var(--ts-light-gray-800);--ts-gray-900:var(--ts-light-gray-900);--ts-tonal-positive-400:#cdffbe;--ts-tonal-positive-800:#357016;--ts-tonal-negative-400:#ffbebe;--ts-tonal-negative-800:#701616;--ts-tonal-primary-400:#d9edff;--ts-tonal-primary-800:#005cde;--ts-tonal-warning-400:#fff7ae;--ts-tonal-warning-800:#866800;color-scheme:light}}html[data-scale=small],html[data-scale=small] body{font-size:14px}html[data-scale=large],html[data-scale=large] body{font-size:16px}html[data-background=secondary],html[data-background=secondary] body{background-color:var(--ts-gray-75)}@media screen and (max-width:766px){.is-maximal-only,.is-not-minimal,.is-standard-only{display:none!important}}@media screen and (min-width:766px){.is-minimal-only{display:none!important}}@media screen and (max-width:993px){.is-maximal-only{display:none!important}}@media screen and (min-width:766px) and (max-width:993px){.is-not-standard{display:none!important}}@media screen and (min-width:993px){.is-minimal-only,.is-not-maximal,.is-standard-only{display:none!important}}.ts-grid .column.is-1-minimal{max-width:var(--ts-grid-1-wide);width:var(--ts-grid-1-wide)}.ts-grid .column.is-2-minimal{max-width:var(--ts-grid-2-wide);width:var(--ts-grid-2-wide)}.ts-grid .column.is-3-minimal{max-width:var(--ts-grid-3-wide);width:var(--ts-grid-3-wide)}.ts-grid .column.is-4-minimal{max-width:var(--ts-grid-4-wide);width:var(--ts-grid-4-wide)}.ts-grid .column.is-5-minimal{max-width:var(--ts-grid-5-wide);width:var(--ts-grid-5-wide)}.ts-grid .column.is-6-minimal{max-width:var(--ts-grid-6-wide);width:var(--ts-grid-6-wide)}.ts-grid .column.is-7-minimal{max-width:var(--ts-grid-7-wide);width:var(--ts-grid-7-wide)}.ts-grid .column.is-8-minimal{max-width:var(--ts-grid-8-wide);width:var(--ts-grid-8-wide)}.ts-grid .column.is-9-minimal{max-width:var(--ts-grid-9-wide);width:var(--ts-grid-9-wide)}.ts-grid .column.is-10-minimal{max-width:var(--ts-grid-10-wide);width:var(--ts-grid-10-wide)}.ts-grid .column.is-11-minimal{max-width:var(--ts-grid-11-wide);width:var(--ts-grid-11-wide)}.ts-grid .column.is-12-minimal{max-width:var(--ts-grid-12-wide);width:var(--ts-grid-12-wide)}.ts-grid .column.is-13-minimal{max-width:var(--ts-grid-13-wide);width:var(--ts-grid-13-wide)}.ts-grid .column.is-14-minimal{max-width:var(--ts-grid-14-wide);width:var(--ts-grid-14-wide)}.ts-grid .column.is-15-minimal{max-width:var(--ts-grid-15-wide);width:var(--ts-grid-15-wide)}.ts-grid .column.is-16-minimal{max-width:var(--ts-grid-16-wide);width:var(--ts-grid-16-wide)}.ts-grid.is-2-columns.is-doubling>.column{flex:var(--ts-grid-1-columns);max-width:var(--ts-grid-1-columns)}.ts-grid.is-10-columns.is-doubling>.column,.ts-grid.is-3-columns.is-doubling>.column,.ts-grid.is-4-columns.is-doubling>.column,.ts-grid.is-5-columns.is-doubling>.column,.ts-grid.is-6-columns.is-doubling>.column,.ts-grid.is-7-columns.is-doubling>.column,.ts-grid.is-8-columns.is-doubling>.column,.ts-grid.is-9-columns.is-doubling>.column{flex:var(--ts-grid-2-columns);max-width:var(--ts-grid-2-columns)}@media screen and (max-width:766px){.ts-grid.is-stackable .column{max-width:var(--ts-grid-16-wide);width:var(--ts-grid-16-wide)}}@media screen and (min-width:766px){.ts-grid.is-2-columns.is-doubling>.column{flex:var(--ts-grid-1-columns);max-width:var(--ts-grid-1-columns)}.ts-grid.is-3-columns.is-doubling>.column,.ts-grid.is-4-columns.is-doubling>.column{flex:var(--ts-grid-2-columns);max-width:var(--ts-grid-2-columns)}.ts-grid.is-5-columns.is-doubling>.column,.ts-grid.is-6-columns.is-doubling>.column,.ts-grid.is-7-columns.is-doubling>.column{flex:var(--ts-grid-3-columns);max-width:var(--ts-grid-3-columns)}.ts-grid.is-8-columns.is-doubling>.column,.ts-grid.is-9-columns.is-doubling>.column{flex:var(--ts-grid-4-columns);max-width:var(--ts-grid-4-columns)}.ts-grid.is-10-columns.is-doubling>.column{flex:var(--ts-grid-5-columns);max-width:var(--ts-grid-5-columns)}.ts-grid .column.is-1-standard{max-width:var(--ts-grid-1-wide);width:var(--ts-grid-1-wide)}.ts-grid .column.is-2-standard{max-width:var(--ts-grid-2-wide);width:var(--ts-grid-2-wide)}.ts-grid .column.is-3-standard{max-width:var(--ts-grid-3-wide);width:var(--ts-grid-3-wide)}.ts-grid .column.is-4-standard{max-width:var(--ts-grid-4-wide);width:var(--ts-grid-4-wide)}.ts-grid .column.is-5-standard{max-width:var(--ts-grid-5-wide);width:var(--ts-grid-5-wide)}.ts-grid .column.is-6-standard{max-width:var(--ts-grid-6-wide);width:var(--ts-grid-6-wide)}.ts-grid .column.is-7-standard{max-width:var(--ts-grid-7-wide);width:var(--ts-grid-27wide)}.ts-grid .column.is-8-standard{max-width:var(--ts-grid-8-wide);width:var(--ts-grid-8-wide)}.ts-grid .column.is-9-standard{max-width:var(--ts-grid-9-wide);width:var(--ts-grid-9-wide)}.ts-grid .column.is-10-standard{max-width:var(--ts-grid-10-wide);width:var(--ts-grid-10-wide)}.ts-grid .column.is-11-standard{max-width:var(--ts-grid-11-wide);width:var(--ts-grid-11-wide)}.ts-grid .column.is-12-standard{max-width:var(--ts-grid-12-wide);width:var(--ts-grid-12-wide)}.ts-grid .column.is-13-standard{max-width:var(--ts-grid-13-wide);width:var(--ts-grid-13-wide)}.ts-grid .column.is-14-standard{max-width:var(--ts-grid-14-wide);width:var(--ts-grid-14-wide)}.ts-grid .column.is-15-standard{max-width:var(--ts-grid-15-wide);width:var(--ts-grid-15-wide)}.ts-grid .column.is-16-standard{max-width:var(--ts-grid-16-wide);width:var(--ts-grid-16-wide)}}@media screen and (min-width:993px){.ts-grid.is-2-columns.is-doubling>.column{flex:var(--ts-grid-2-columns);max-width:var(--ts-grid-2-columns)}.ts-grid.is-3-columns.is-doubling>.column{flex:var(--ts-grid-3-columns);max-width:var(--ts-grid-3-columns)}.ts-grid.is-4-columns.is-doubling>.column{flex:var(--ts-grid-4-columns);max-width:var(--ts-grid-4-columns)}.ts-grid.is-5-columns.is-doubling>.column{flex:var(--ts-grid-5-columns);max-width:var(--ts-grid-5-columns)}.ts-grid.is-6-columns.is-doubling>.column{flex:var(--ts-grid-6-columns);max-width:var(--ts-grid-6-columns)}.ts-grid.is-7-columns.is-doubling>.column{flex:var(--ts-grid-7-columns);max-width:var(--ts-grid-7-columns)}.ts-grid.is-8-columns.is-doubling>.column{flex:var(--ts-grid-8-columns);max-width:var(--ts-grid-8-columns)}.ts-grid.is-9-columns.is-doubling>.column{flex:var(--ts-grid-9-columns);max-width:var(--ts-grid-9-columns)}.ts-grid.is-10-columns.is-doubling>.column{flex:var(--ts-grid-10-columns);max-width:var(--ts-grid-10-columns)}.ts-grid .column.is-1-maximal{max-width:var(--ts-grid-1-wide);width:var(--ts-grid-1-wide)}.ts-grid .column.is-2-maximal{max-width:var(--ts-grid-2-wide);width:var(--ts-grid-2-wide)}.ts-grid .column.is-3-maximal{max-width:var(--ts-grid-3-wide);width:var(--ts-grid-3-wide)}.ts-grid .column.is-4-maximal{max-width:var(--ts-grid-4-wide);width:var(--ts-grid-4-wide)}.ts-grid .column.is-5-maximal{max-width:var(--ts-grid-5-wide);width:var(--ts-grid-5-wide)}.ts-grid .column.is-6-maximal{max-width:var(--ts-grid-6-wide);width:var(--ts-grid-6-wide)}.ts-grid .column.is-7-maximal{max-width:var(--ts-grid-7-wide);width:var(--ts-grid-7-wide)}.ts-grid .column.is-8-maximal{max-width:var(--ts-grid-8-wide);width:var(--ts-grid-8-wide)}.ts-grid .column.is-9-maximal{max-width:var(--ts-grid-9-wide);width:var(--ts-grid-9-wide)}.ts-grid .column.is-10-maximal{max-width:var(--ts-grid-10-wide);width:var(--ts-grid-10-wide)}.ts-grid .column.is-11-maximal{max-width:var(--ts-grid-11-wide);width:var(--ts-grid-11-wide)}.ts-grid .column.is-12-maximal{max-width:var(--ts-grid-12-wide);width:var(--ts-grid-12-wide)}.ts-grid .column.is-13-maximal{max-width:var(--ts-grid-13-wide);width:var(--ts-grid-13-wide)}.ts-grid .column.is-14-maximal{max-width:var(--ts-grid-14-wide);width:var(--ts-grid-14-wide)}.ts-grid .column.is-15-maximal{max-width:var(--ts-grid-15-wide);width:var(--ts-grid-15-wide)}.ts-grid .column.is-16-maximal{max-width:var(--ts-grid-16-wide);width:var(--ts-grid-16-wide)}}:not(details).ts-accordion{box-sizing:border-box;color:inherit}:not(details).ts-accordion .title{align-items:center;cursor:pointer;display:flex;user-select:none}:not(details).ts-accordion .title:before{-webkit-font-smoothing:antialiased;backface-visibility:hidden;color:var(--ts-gray-600);content:"\f078";display:inline;display:block;font-family:Icons;font-size:14px;font-style:normal;font-weight:400;line-height:1;margin-right:.7rem;text-align:center;text-decoration:inherit;transform:rotate(270deg);width:1.18em}:not(details).ts-accordion .content{display:none;margin:1rem 0 0}:not(details).ts-accordion.is-active .content{display:block}:not(details).ts-accordion.is-active .title:before{transform:rotate(0deg)}.u-padded{padding:1rem}.u-horizontally-padded{padding-left:1rem;padding-right:1rem}.u-vertically-padded{padding-bottom:1rem;padding-top:1rem}.u-very-padded{padding:1.5rem}.u-horizontally-very-padded{padding-left:1.5rem;padding-right:1.5rem}.u-vertically-very-padded{padding-bottom:1.5rem;padding-top:1.5rem}.u-spaced{margin:1rem}.u-horizontally-spaced{margin-left:1rem;margin-right:1rem}.u-vertically-spaced{margin-bottom:1rem;margin-top:1rem}.u-very-spaced{margin:1.5rem}.u-horizontally-very-spaced{margin-left:1.5rem;margin-right:1.5rem}.u-vertically-very-spaced{margin-bottom:1.5rem;margin-top:1.5rem}.u-hidden{display:none!important}.u-invisible{visibility:hidden!important}.u-edged{border-left:0!important;border-radius:0!important;border-right:0!important}.is-accent{--accent-color:var(--ts-accent-color);--accent-foreground-color:var(--ts-accent-foreground-color)}.ts-app-topbar{--accent-color:initial;--accent-foreground-color:initial;align-items:center;background:var(--accent-color,var(--ts-static-gray-900));color:var(--accent-foreground-color,var(--ts-white));display:grid;gap:.5rem;grid-template-columns:1fr auto 1fr;line-height:1;min-height:50px;padding:.5rem 1rem}.ts-app-topbar :is(.start,.end,.center)>.item{align-items:center;border-radius:100em;display:flex;font-size:var(--ts-font-size-17px);height:38px;justify-content:center;margin-bottom:-.1rem;margin-top:-.1rem;text-decoration:none;width:38px}.ts-app-topbar :is(.start,.end,.center) .item.is-text{border-radius:0;display:block;font-size:var(--ts-font-size-16px);font-weight:500;height:auto;margin:-1px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto}.ts-app-topbar :is(.start,.end){align-items:center;display:flex;gap:.25rem}.ts-app-topbar .start{grid-column:1/2;justify-content:flex-start}.ts-app-topbar .start>.item:not(.is-text):first-child{margin-left:-.75rem}.ts-app-topbar .center{grid-column:2/3;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-app-topbar .end{grid-column:3/3;justify-content:flex-end}.ts-app-topbar .end>.item:not(.is-text):last-child{margin-right:-.75rem}.ts-app-topbar .content{grid-column:1/4}.ts-app-drawer{background:rgba(0,0,0,.5);bottom:0;display:none;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:102}.ts-app-drawer>.content{background:var(--ts-gray-50);box-shadow:0 0 20px rgba(0,0,0,.1);overflow:hidden;width:380px}.ts-app-drawer.is-visible{display:flex}.ts-app-drawer.is-bottom{align-items:flex-end;justify-content:center}.ts-app-drawer.is-bottom .content{width:100%}.ts-app-drawer.is-right{justify-content:flex-end}.ts-app-drawer.is-left{justify-content:flex-start}.ts-app-drawer.is-small>.content{width:280px}.ts-app-drawer.is-large>.content{width:580px}.ts-timeline{--ts-timeline-top-line-height:14px;--ts-timeline-top-distance:calc(var(--ts-timeline-top-line-height) + 2px);--ts-timeline-content-distance:1rem;--accent-color:initial;--accent-foreground-color:initial;display:grid;gap:0 1rem;grid-template-columns:min-content min-content auto}.ts-timeline>.item{display:contents}.ts-timeline>.item.is-secondary{--ts-timeline-top-line-height:2px;--ts-timeline-top-distance:calc(var(--ts-timeline-top-line-height) - 4px)}.ts-timeline>.item.is-break+.item,.ts-timeline>.item:first-child{--ts-timeline-top-distance:0}.ts-timeline>.item .aside{margin-bottom:.5rem;margin-top:var(--ts-timeline-top-distance);text-align:right;white-space:nowrap}.ts-timeline>.item .indicator{align-items:center;display:flex;flex-direction:column;gap:2px;grid-column:1/3}.ts-timeline>.item .aside+.indicator{grid-column:2/3}.ts-timeline>.item.is-break+.item.is-secondary .indicator,.ts-timeline>.item.is-secondary:first-child .indicator{margin-top:6px}.ts-timeline>.item .indicator:before{min-height:var(--ts-timeline-top-line-height)}.ts-timeline>.item .indicator:after,.ts-timeline>.item .indicator:before{background:var(--ts-gray-300);content:"";display:block;pointer-events:none;width:2px}.ts-timeline>.item .indicator:after{flex:1;height:100%;min-height:0}.ts-timeline>.item.is-break+.item .indicator:before,.ts-timeline>.item:first-child .indicator:before,.ts-timeline>.item:last-child .indicator:after{display:none}.ts-timeline>.item.is-break+.item .content,.ts-timeline>.item:last-child .content{margin-bottom:0}.ts-timeline>.item .content{flex:1;margin-bottom:var(--ts-timeline-content-distance);margin-top:var(--ts-timeline-top-distance)}.ts-timeline>.item.is-break{background:var(--ts-gray-300);display:flex;grid-column:1/4;height:4px}.ts-timeline>.item.is-break:not(:last-child){margin-bottom:var(--ts-timeline-content-distance)}.ts-timeline>.item .indicator .ts-icon{align-items:center;aspect-ratio:1/1;background:var(--ts-gray-100);border-radius:100rem;color:var(--ts-gray-600);display:flex;font-size:var(--ts-font-size-14px);height:30px;justify-content:center;line-height:1;width:30px}.ts-timeline>.item.is-secondary .indicator .ts-icon{aspect-ratio:1/1;background:initial;height:16px;width:16px}.ts-timeline>.item .indicator.is-icon~.content:after{left:-45px;width:3px}.ts-timeline>.item.is-negative .indicator .ts-icon{background:var(--ts-negative-500);color:var(--ts-white)}.ts-timeline>.item.is-negative.is-secondary .indicator .ts-icon{background:initial;color:var(--ts-negative-500)}.ts-timeline>.item.is-active .indicator .ts-icon{background:var(--accent-color,var(--ts-gray-800));color:var(--accent-foreground-color,var(--ts-gray-50))}.ts-timeline>.item.is-active.is-secondary .indicator .ts-icon{background:initial;color:var(--ts-gray-800)}.ts-timeline>.item.is-disabled :is(.aside,.content,.indicator){opacity:.5;pointer-events:none;user-select:none}.ts-timeline.is-compact{--ts-timeline-content-distance:0.5rem}.ts-stash{flex-wrap:nowrap;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;visibility:hidden;white-space:nowrap;width:calc(100% - var(--ts-stash-offset, 5px))}html{--ts-white:#fff;--ts-black:#333;--ts-accent-foreground-color:var(--ts-white);--ts-breakpoint-mobile-min:0px;--ts-breakpoint-mobile-max:767.98px;--ts-breakpoint-tablet-min:768px;--ts-breakpoint-tablet-max:1023.98px;--ts-breakpoint-desktop-min:1024px;--ts-breakpoint-desktop-max:1279.98px;--ts-breakpoint-widescreen-min:1280px;--ts-breakpoint-widescreen-max:9999px;--ts-light-gray-50:#fff;--ts-light-gray-75:#fafafa;--ts-light-gray-100:#f2f2f2;--ts-light-gray-200:#eee;--ts-light-gray-300:#e1e1e1;--ts-light-gray-400:#d7d7d7;--ts-light-gray-500:#767676;--ts-light-gray-600:#5a5a5a;--ts-light-gray-700:#464646;--ts-light-gray-800:#373737;--ts-light-gray-900:#303030;--ts-dark-gray-50:#1e1e1e;--ts-dark-gray-75:#232323;--ts-dark-gray-100:#2a2a2a;--ts-dark-gray-200:#2f2f2f;--ts-dark-gray-300:#3e3e3e;--ts-dark-gray-400:#505050;--ts-dark-gray-500:#b4b4b4;--ts-dark-gray-600:#dcdcdc;--ts-dark-gray-700:#f5f5f5;--ts-dark-gray-800:#fafafa;--ts-dark-gray-900:#fff;--ts-static-gray-50:var(--ts-light-gray-50);--ts-static-gray-75:var(--ts-light-gray-75);--ts-static-gray-100:var(--ts-light-gray-100);--ts-static-gray-200:var(--ts-light-gray-200);--ts-static-gray-300:var(--ts-light-gray-300);--ts-static-gray-400:var(--ts-light-gray-400);--ts-static-gray-500:var(--ts-light-gray-500);--ts-static-gray-600:var(--ts-light-gray-600);--ts-static-gray-700:var(--ts-light-gray-700);--ts-static-gray-800:var(--ts-light-gray-800);--ts-static-gray-900:var(--ts-light-gray-900);--ts-static-primary-400:#40a9ff;--ts-static-primary-500:#1890ff;--ts-static-primary-600:#096dd9;--ts-static-primary-700:#0050b3;--ts-static-primary-800:#003a8c;--ts-static-primary-900:#002766;--ts-static-warning-400:#ffec3d;--ts-static-warning-500:#fadb14;--ts-static-warning-600:#d4b106;--ts-static-warning-700:#ad8b00;--ts-static-warning-800:#876800;--ts-static-warning-900:#614700;--ts-static-positive-400:#73d13d;--ts-static-positive-500:#52c41a;--ts-static-positive-600:#389e0d;--ts-static-positive-700:#237804;--ts-static-positive-800:#135200;--ts-static-positive-900:#092b00;--ts-static-negative-400:#ff4d4f;--ts-static-negative-500:#f5222d;--ts-static-negative-600:#cf1322;--ts-static-negative-700:#a8071a;--ts-static-negative-800:#820014;--ts-static-negative-900:#5c0011;--ts-primary-400:#40a9ff;--ts-primary-500:#1890ff;--ts-primary-600:#096dd9;--ts-primary-700:#0050b3;--ts-primary-800:#003a8c;--ts-primary-900:#002766;--ts-link-700:#0050b3;--ts-warning-400:#ffec3d;--ts-warning-500:#fadb14;--ts-warning-600:#d4b106;--ts-warning-700:#ad8b00;--ts-warning-800:#876800;--ts-warning-900:#614700;--ts-positive-400:#73d13d;--ts-positive-500:#52c41a;--ts-positive-600:#389e0d;--ts-positive-700:#237804;--ts-positive-800:#135200;--ts-positive-900:#092b00;--ts-negative-400:#ff4d4f;--ts-negative-500:#f5222d;--ts-negative-600:#cf1322;--ts-negative-700:#a8071a;--ts-negative-800:#820014;--ts-negative-900:#5c0011;--ts-input-height-large:42px;--ts-input-height-large-dense:37px;--ts-input-height-medium:37px;--ts-input-height-medium-dense:32px;--ts-input-height-small:32px;--ts-input-height-small-dense:32px;--ts-font-size-mini:0.8rem;--ts-font-size-tiny:0.86667rem;--ts-font-size-small:0.93333rem;--ts-font-size-medium:1rem;--ts-font-size-large:1.2rem;--ts-font-size-big:1.33333rem;--ts-font-size-huge:1.6rem;--ts-font-size-massive:2rem;--ts-font-size-12px:0.8rem;--ts-font-size-13px:0.86667rem;--ts-font-size-14px:0.93333rem;--ts-font-size-15px:1rem;--ts-font-size-16px:1.06667rem;--ts-font-size-17px:1.13333rem;--ts-font-size-18px:1.2rem;--ts-font-size-20px:1.33333rem;--ts-font-size-24px:1.6rem;--ts-font-size-25px:1.66667rem;--ts-font-size-30px:2rem;--ts-font-size-33px:2.2rem;--ts-font-size-38px:2.53333rem;--ts-font-size-45px:3rem;--ts-font-size-75px:5rem;--ts-absolute-mini:0.8rem;--ts-absolute-tiny:0.86667rem;--ts-absolute-small:0.93333rem;--ts-absolute-medium:1rem;--ts-absolute-large:1.2rem;--ts-absolute-big:1.33333rem;--ts-absolute-huge:1.6rem;--ts-absolute-massive:2rem;--ts-relative-mini:0.8em;--ts-relative-tiny:0.86667em;--ts-relative-small:0.93333em;--ts-relative-medium:1em;--ts-relative-large:1.2em;--ts-relative-big:1.33333em;--ts-relative-huge:1.6em;--ts-relative-massive:2em}.u-light,html,html.is-dark .u-inverted,html.is-light{--ts-gray-50:var(--ts-light-gray-50);--ts-gray-75:var(--ts-light-gray-75);--ts-gray-100:var(--ts-light-gray-100);--ts-gray-200:var(--ts-light-gray-200);--ts-gray-300:var(--ts-light-gray-300);--ts-gray-400:var(--ts-light-gray-400);--ts-gray-500:var(--ts-light-gray-500);--ts-gray-600:var(--ts-light-gray-600);--ts-gray-700:var(--ts-light-gray-700);--ts-gray-800:var(--ts-light-gray-800);--ts-gray-900:var(--ts-light-gray-900);--ts-tonal-positive-400:#cdffbe;--ts-tonal-positive-800:#357016;--ts-tonal-negative-400:#ffbebe;--ts-tonal-negative-800:#701616;--ts-tonal-primary-400:#d9edff;--ts-tonal-primary-800:#005cde;--ts-tonal-warning-400:#fff7ae;--ts-tonal-warning-800:#866800;color-scheme:light}.u-dark,.u-inverted,html.is-dark,html.is-light .u-inverted{--ts-gray-50:var(--ts-dark-gray-50);--ts-gray-75:var(--ts-dark-gray-75);--ts-gray-100:var(--ts-dark-gray-100);--ts-gray-200:var(--ts-dark-gray-200);--ts-gray-300:var(--ts-dark-gray-300);--ts-gray-400:var(--ts-dark-gray-400);--ts-gray-500:var(--ts-dark-gray-500);--ts-gray-600:var(--ts-dark-gray-600);--ts-gray-700:var(--ts-dark-gray-700);--ts-gray-800:var(--ts-dark-gray-800);--ts-gray-900:var(--ts-dark-gray-900);--ts-link-700:#8887ff;--ts-tonal-positive-400:#92d34f;--ts-tonal-positive-800:#0e4600;--ts-tonal-negative-400:#d60000;--ts-tonal-negative-800:#fff;--ts-tonal-primary-400:#0a6ffd;--ts-tonal-primary-800:#fff;--ts-tonal-warning-400:#edff00;--ts-tonal-warning-800:#463f00;color-scheme:dark}html.is-dark .u-dark-hidden,html.is-light .u-light-hidden{display:none!important}@media (prefers-color-scheme:light){html:not(.is-dark) .u-light-hidden{display:none!important}}@media (prefers-color-scheme:dark){html:not(.is-light) .u-dark-hidden{display:none!important}html{--ts-gray-50:var(--ts-dark-gray-50);--ts-gray-75:var(--ts-dark-gray-75);--ts-gray-100:var(--ts-dark-gray-100);--ts-gray-200:var(--ts-dark-gray-200);--ts-gray-300:var(--ts-dark-gray-300);--ts-gray-400:var(--ts-dark-gray-400);--ts-gray-500:var(--ts-dark-gray-500);--ts-gray-600:var(--ts-dark-gray-600);--ts-gray-700:var(--ts-dark-gray-700);--ts-gray-800:var(--ts-dark-gray-800);--ts-gray-900:var(--ts-dark-gray-900);--ts-primary-400:#40a9ff;--ts-primary-500:#2492f7;--ts-primary-600:#2282e9;--ts-primary-700:#0e52a5;--ts-primary-800:#003a8c;--ts-primary-900:#002766;--ts-link-700:#8887ff;--ts-tonal-positive-400:#92d34f;--ts-tonal-positive-800:#0e4600;--ts-tonal-negative-400:#d60000;--ts-tonal-negative-800:#fff;--ts-tonal-primary-400:#0a6ffd;--ts-tonal-primary-800:#fff;--ts-tonal-warning-400:#edff00;--ts-tonal-warning-800:#463f00;color-scheme:dark}.u-inverted{--ts-gray-50:var(--ts-light-gray-50);--ts-gray-75:var(--ts-light-gray-75);--ts-gray-100:var(--ts-light-gray-100);--ts-gray-200:var(--ts-light-gray-200);--ts-gray-300:var(--ts-light-gray-300);--ts-gray-400:var(--ts-light-gray-400);--ts-gray-500:var(--ts-light-gray-500);--ts-gray-600:var(--ts-light-gray-600);--ts-gray-700:var(--ts-light-gray-700);--ts-gray-800:var(--ts-light-gray-800);--ts-gray-900:var(--ts-light-gray-900);--ts-tonal-positive-400:#cdffbe;--ts-tonal-positive-800:#357016;--ts-tonal-negative-400:#ffbebe;--ts-tonal-negative-800:#701616;--ts-tonal-primary-400:#d9edff;--ts-tonal-primary-800:#005cde;--ts-tonal-warning-400:#fff7ae;--ts-tonal-warning-800:#866800;color-scheme:light}}html.is-small,html.is-small body{font-size:14px}html.is-large,html.is-large body{font-size:16px}html.is-secondary,html.is-secondary body{background-color:var(--ts-gray-75)} \ No newline at end of file diff --git a/docs/zh-tw/assets/tocas/tocas.min.js b/docs/zh-tw/assets/tocas/tocas.min.js new file mode 100644 index 000000000..cf126850b --- /dev/null +++ b/docs/zh-tw/assets/tocas/tocas.min.js @@ -0,0 +1 @@ +window.tocas={config:{strict_responsive:!1,attributes:{tab:"data-tab",tab_name:"data-name",toggle:"data-toggle",toggle_name:"data-name",dropdown:"data-dropdown",dropdown_name:"data-name",dropdown_position:"data-position",tooltip:"data-tooltip",tooltip_position:"data-position",tooltip_delay:"data-delay"},scopes:{tab:"@scope",toggle:"@scope",tab:"@scope",dropdown:"@scope",container:"@container"},classes:{hidden:"u-hidden",tab_active:"is-active",tooltip_visible:"is-visible",tab:"ts-tab"}}},function(){var t,e;t=this,e=function(t){"use strict";function e(t){return t.split("-")[1]}function n(t){return"y"===t?"height":"width"}function o(t){return t.split("-")[0]}function i(t){return["top","bottom"].includes(o(t))?"x":"y"}function s(t,s,r){let{reference:a,floating:c}=t;const l=a.x+a.width/2-c.width/2,d=a.y+a.height/2-c.height/2,f=i(s),u=n(f),p=a[u]/2-c[u]/2,g="x"===f;let m;switch(o(s)){case"top":m={x:l,y:a.y-c.height};break;case"bottom":m={x:l,y:a.y+a.height};break;case"right":m={x:a.x+a.width,y:d};break;case"left":m={x:a.x-c.width,y:d};break;default:m={x:a.x,y:a.y}}switch(e(s)){case"start":m[f]-=p*(r&&g?-1:1);break;case"end":m[f]+=p*(r&&g?-1:1)}return m}function r(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function a(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function c(t,e){var n;void 0===e&&(e={});const{x:o,y:i,platform:s,rects:c,elements:l,strategy:d}=t,{boundary:f="clippingAncestors",rootBoundary:u="viewport",elementContext:p="floating",altBoundary:g=!1,padding:m=0}=e,h=r(m),b=l[g?"floating"===p?"reference":"floating":p],v=a(await s.getClippingRect({element:null==(n=await(null==s.isElement?void 0:s.isElement(b)))||n?b:b.contextElement||await(null==s.getDocumentElement?void 0:s.getDocumentElement(l.floating)),boundary:f,rootBoundary:u,strategy:d})),w="floating"===p?{...c.floating,x:o,y:i}:c.reference,y=await(null==s.getOffsetParent?void 0:s.getOffsetParent(l.floating)),x=await(null==s.isElement?void 0:s.isElement(y))&&await(null==s.getScale?void 0:s.getScale(y))||{x:1,y:1},E=a(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({rect:w,offsetParent:y,strategy:d}):w);return{top:(v.top-E.top+h.top)/x.y,bottom:(E.bottom-v.bottom+h.bottom)/x.y,left:(v.left-E.left+h.left)/x.x,right:(E.right-v.right+h.right)/x.x}}const l=Math.min,d=Math.max;function f(t,e,n){return d(t,l(e,n))}const u=["top","right","bottom","left"],p=u.reduce(((t,e)=>t.concat(e,e+"-start",e+"-end")),[]),g={left:"right",right:"left",bottom:"top",top:"bottom"};function m(t){return t.replace(/left|right|bottom|top/g,(t=>g[t]))}function h(t,o,s){void 0===s&&(s=!1);const r=e(t),a=i(t),c=n(a);let l="x"===a?r===(s?"end":"start")?"right":"left":"start"===r?"bottom":"top";return o.reference[c]>o.floating[c]&&(l=m(l)),{main:l,cross:m(l)}}const b={start:"end",end:"start"};function v(t){return t.replace(/start|end/g,(t=>b[t]))}function w(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function y(t){return u.some((e=>t[e]>=0))}function x(t){return"x"===t?"y":"x"}t.arrow=t=>({name:"arrow",options:t,async fn(o){const{element:s,padding:a=0}=t||{},{x:c,y:l,placement:d,rects:u,platform:p,elements:g}=o;if(null==s)return{};const m=r(a),h={x:c,y:l},b=i(d),v=n(b),w=await p.getDimensions(s),y="y"===b,x=y?"top":"left",E=y?"bottom":"right",L=y?"clientHeight":"clientWidth",T=u.reference[v]+u.reference[b]-h[b]-u.floating[v],A=h[b]-u.reference[b],_=await(null==p.getOffsetParent?void 0:p.getOffsetParent(s));let R=_?_[L]:0;R&&await(null==p.isElement?void 0:p.isElement(_))||(R=g.floating[L]||u.floating[v]);const P=T/2-A/2,O=m[x],M=R-w[v]-m[E],D=R/2-w[v]/2+P,k=f(O,D,M),C=null!=e(d)&&D!=k&&u.reference[v]/2-(De(n)===t)),...i.filter((n=>e(n)!==t))]:i.filter((t=>o(t)===t))).filter((o=>!t||e(o)===t||!!n&&v(o)!==o))}(m||null,w,b):b,E=await c(n,y),L=(null==(i=l.autoPlacement)?void 0:i.index)||0,T=x[L];if(null==T)return{};const{main:A,cross:_}=h(T,a,await(null==f.isRTL?void 0:f.isRTL(u.floating)));if(d!==T)return{reset:{placement:x[0]}};const R=[E[o(T)],E[A],E[_]],P=[...(null==(s=l.autoPlacement)?void 0:s.overflows)||[],{placement:T,overflows:R}],O=x[L+1];if(O)return{data:{index:L+1,overflows:P},reset:{placement:O}};const M=P.map((t=>{const n=e(t.placement);return[t.placement,n&&g?t.overflows.slice(0,2).reduce(((t,e)=>t+e),0):t.overflows[0],t.overflows]})).sort(((t,e)=>t[1]-e[1])),D=(null==(r=M.filter((t=>t[2].slice(0,e(t[0])?2:3).every((t=>t<=0))))[0])?void 0:r[0])||M[0][0];return D!==d?{data:{index:L+1,overflows:P},reset:{placement:D}}:{}}}},t.computePosition=async(t,e,n)=>{const{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:a}=n,c=r.filter(Boolean),l=await(null==a.isRTL?void 0:a.isRTL(e));let d=await a.getElementRects({reference:t,floating:e,strategy:i}),{x:f,y:u}=s(d,o,l),p=o,g={},m=0;for(let n=0;nt+"-"+r)),n&&(a=a.concat(a.map(v)))),a}(l,y,w,T));const _=[l,...A],R=await c(n,x),P=[];let O=(null==(i=r.flip)?void 0:i.overflows)||[];if(u&&P.push(R[E]),p){const{main:t,cross:e}=h(s,a,T);P.push(R[t],R[e])}if(O=[...O,{placement:s,overflows:P}],!P.every((t=>t<=0))){var M,D;const t=((null==(M=r.flip)?void 0:M.index)||0)+1,e=_[t];if(e)return{data:{index:t,overflows:O},reset:{placement:e}};let n=null==(D=O.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:D.placement;if(!n)switch(b){case"bestFit":{var k;const t=null==(k=O.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:k[0];t&&(n=t);break}case"initialPlacement":n=l}if(s!==n)return{reset:{placement:n}}}return{}}}},t.hide=function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(e){const{strategy:n="referenceHidden",...o}=t,{rects:i}=e;switch(n){case"referenceHidden":{const t=w(await c(e,{...o,elementContext:"reference"}),i.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:y(t)}}}case"escaped":{const t=w(await c(e,{...o,altBoundary:!0}),i.floating);return{data:{escapedOffsets:t,escaped:y(t)}}}default:return{}}}}},t.inline=function(t){return void 0===t&&(t={}),{name:"inline",options:t,async fn(e){const{placement:n,elements:s,rects:c,platform:f,strategy:u}=e,{padding:p=2,x:g,y:m}=t,h=a(f.convertOffsetParentRelativeRectToViewportRelativeRect?await f.convertOffsetParentRelativeRectToViewportRelativeRect({rect:c.reference,offsetParent:await(null==f.getOffsetParent?void 0:f.getOffsetParent(s.floating)),strategy:u}):c.reference),b=await(null==f.getClientRects?void 0:f.getClientRects(s.reference))||[],v=r(p),w=await f.getElementRects({reference:{getBoundingClientRect:function(){if(2===b.length&&b[0].left>b[1].right&&null!=g&&null!=m)return b.find((t=>g>t.left-v.left&&gt.top-v.top&&m=2){if("x"===i(n)){const t=b[0],e=b[b.length-1],i="top"===o(n),s=t.top,r=e.bottom,a=i?t.left:e.left,c=i?t.right:e.right;return{top:s,bottom:r,left:a,right:c,width:c-a,height:r-s,x:a,y:s}}const t="left"===o(n),e=d(...b.map((t=>t.right))),s=l(...b.map((t=>t.left))),r=b.filter((n=>t?n.left===s:n.right===e)),a=r[0].top,c=r[r.length-1].bottom;return{top:a,bottom:c,left:s,right:e,width:e-s,height:c-a,x:s,y:a}}return h}},floating:s.floating,strategy:u});return c.reference.x!==w.reference.x||c.reference.y!==w.reference.y||c.reference.width!==w.reference.width||c.reference.height!==w.reference.height?{reset:{rects:w}}:{}}}},t.limitShift=function(t){return void 0===t&&(t={}),{options:t,fn(e){const{x:n,y:s,placement:r,rects:a,middlewareData:c}=e,{offset:l=0,mainAxis:d=!0,crossAxis:f=!0}=t,u={x:n,y:s},p=i(r),g=x(p);let m=u[p],h=u[g];const b="function"==typeof l?l(e):l,v="number"==typeof b?{mainAxis:b,crossAxis:0}:{mainAxis:0,crossAxis:0,...b};if(d){const t="y"===p?"height":"width",e=a.reference[p]-a.floating[t]+v.mainAxis,n=a.reference[p]+a.reference[t]-v.mainAxis;mn&&(m=n)}if(f){var w,y;const t="y"===p?"width":"height",e=["top","left"].includes(o(r)),n=a.reference[g]-a.floating[t]+(e&&(null==(w=c.offset)?void 0:w[g])||0)+(e?0:v.crossAxis),i=a.reference[g]+a.reference[t]+(e?0:(null==(y=c.offset)?void 0:y[g])||0)-(e?v.crossAxis:0);hi&&(h=i)}return{[p]:m,[g]:h}}}},t.offset=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(n){const{x:s,y:r}=n,a=await async function(t,n){const{placement:s,platform:r,elements:a}=t,c=await(null==r.isRTL?void 0:r.isRTL(a.floating)),l=o(s),d=e(s),f="x"===i(s),u=["left","top"].includes(l)?-1:1,p=c&&f?-1:1,g="function"==typeof n?n(t):n;let{mainAxis:m,crossAxis:h,alignmentAxis:b}="number"==typeof g?{mainAxis:g,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...g};return d&&"number"==typeof b&&(h="end"===d?-1*b:b),f?{x:h*p,y:m*u}:{x:m*u,y:h*p}}(n,t);return{x:s+a.x,y:r+a.y,data:a}}}},t.rectToClientRect=a,t.shift=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:s,placement:r}=e,{mainAxis:a=!0,crossAxis:l=!1,limiter:d={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...u}=t,p={x:n,y:s},g=await c(e,u),m=i(o(r)),h=x(m);let b=p[m],v=p[h];if(a){const t="y"===m?"bottom":"right";b=f(b+g["y"===m?"top":"left"],b,b-g[t])}if(l){const t="y"===h?"bottom":"right";v=f(v+g["y"===h?"top":"left"],v,v-g[t])}const w=d.fn({...e,[m]:b,[h]:v});return{...w,data:{x:w.x-n,y:w.y-s}}}}},t.size=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(n){const{placement:s,rects:r,platform:a,elements:f}=n,{apply:u=(()=>{}),...p}=t,g=await c(n,p),m=o(s),h=e(s),b="x"===i(s),{width:v,height:w}=r.floating;let y,x;"top"===m||"bottom"===m?(y=m,x=h===(await(null==a.isRTL?void 0:a.isRTL(f.floating))?"start":"end")?"left":"right"):(x=m,y="end"===h?"top":"bottom");const E=w-g[y],L=v-g[x];let T=E,A=L;if(b?A=l(v-g.right-g.left,L):T=l(w-g.bottom-g.top,E),!n.middlewareData.shift&&!h){const t=d(g.left,0),e=d(g.right,0),n=d(g.top,0),o=d(g.bottom,0);b?A=v-2*(0!==t||0!==e?t+e:d(g.left,g.right)):T=w-2*(0!==n||0!==o?n+o:d(g.top,g.bottom))}await u({...n,availableWidth:A,availableHeight:T});const _=await a.getDimensions(f.floating);return v!==_.width||w!==_.height?{reset:{rects:!0}}:{}}}},Object.defineProperty(t,"__esModule",{value:!0})},"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).TocasFloatingUICore={}),function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@floating-ui/core")):"function"==typeof define&&define.amd?define(["exports","@floating-ui/core"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).TocasFloatingUIDOM={},t.TocasFloatingUICore)}(this,(function(t,e){"use strict";function n(t){var e;return(null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function o(t){return n(t).getComputedStyle(t)}const i=Math.min,s=Math.max,r=Math.round;function a(t){const e=o(t);let n=parseFloat(e.width),i=parseFloat(e.height);const s=t.offsetWidth,a=t.offsetHeight,c=r(n)!==s||r(i)!==a;return c&&(n=s,i=a),{width:n,height:i,fallback:c}}function c(t){return p(t)?(t.nodeName||"").toLowerCase():""}let l;function d(){if(l)return l;const t=navigator.userAgentData;return t&&Array.isArray(t.brands)?(l=t.brands.map((t=>t.brand+"/"+t.version)).join(" "),l):navigator.userAgent}function f(t){return t instanceof n(t).HTMLElement}function u(t){return t instanceof n(t).Element}function p(t){return t instanceof n(t).Node}function g(t){return"undefined"!=typeof ShadowRoot&&(t instanceof n(t).ShadowRoot||t instanceof ShadowRoot)}function m(t){const{overflow:e,overflowX:n,overflowY:i,display:s}=o(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+n)&&!["inline","contents"].includes(s)}function h(t){return["table","td","th"].includes(c(t))}function b(t){const e=/firefox/i.test(d()),n=o(t),i=n.backdropFilter||n.WebkitBackdropFilter;return"none"!==n.transform||"none"!==n.perspective||!!i&&"none"!==i||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter||["transform","perspective"].some((t=>n.willChange.includes(t)))||["paint","layout","strict","content"].some((t=>{const e=n.contain;return null!=e&&e.includes(t)}))}function v(){return/^((?!chrome|android).)*safari/i.test(d())}function w(t){return["html","body","#document"].includes(c(t))}function y(t){return u(t)?t:t.contextElement}const x={x:1,y:1};function E(t){const e=y(t);if(!f(e))return x;const n=e.getBoundingClientRect(),{width:o,height:i,fallback:s}=a(e);let c=(s?r(n.width):n.width)/o,l=(s?r(n.height):n.height)/i;return c&&Number.isFinite(c)||(c=1),l&&Number.isFinite(l)||(l=1),{x:c,y:l}}function L(t,o,i,s){var r,a;void 0===o&&(o=!1),void 0===i&&(i=!1);const c=t.getBoundingClientRect(),l=y(t);let d=x;o&&(s?u(s)&&(d=E(s)):d=E(t));const f=l?n(l):window,p=v()&&i;let g=(c.left+(p&&(null==(r=f.visualViewport)?void 0:r.offsetLeft)||0))/d.x,m=(c.top+(p&&(null==(a=f.visualViewport)?void 0:a.offsetTop)||0))/d.y,h=c.width/d.x,b=c.height/d.y;if(l){const t=n(l),e=s&&u(s)?n(s):s;let o=t.frameElement;for(;o&&s&&e!==t;){const t=E(o),e=o.getBoundingClientRect(),i=getComputedStyle(o);e.x+=(o.clientLeft+parseFloat(i.paddingLeft))*t.x,e.y+=(o.clientTop+parseFloat(i.paddingTop))*t.y,g*=t.x,m*=t.y,h*=t.x,b*=t.y,g+=e.x,m+=e.y,o=n(o).frameElement}}return e.rectToClientRect({width:h,height:b,x:g,y:m})}function T(t){return((p(t)?t.ownerDocument:t.document)||window.document).documentElement}function A(t){return u(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function _(t){return L(T(t)).left+A(t).scrollLeft}function R(t){if("html"===c(t))return t;const e=t.assignedSlot||t.parentNode||g(t)&&t.host||T(t);return g(e)?e.host:e}function P(t){const e=R(t);return w(e)?e.ownerDocument.body:f(e)&&m(e)?e:P(e)}function O(t,e){var o;void 0===e&&(e=[]);const i=P(t),s=i===(null==(o=t.ownerDocument)?void 0:o.body),r=n(i);return s?e.concat(r,r.visualViewport||[],m(i)?i:[]):e.concat(i,O(i))}function M(t,i,r){let a;if("viewport"===i)a=function(t,e){const o=n(t),i=T(t),s=o.visualViewport;let r=i.clientWidth,a=i.clientHeight,c=0,l=0;if(s){r=s.width,a=s.height;const t=v();(!t||t&&"fixed"===e)&&(c=s.offsetLeft,l=s.offsetTop)}return{width:r,height:a,x:c,y:l}}(t,r);else if("document"===i)a=function(t){const e=T(t),n=A(t),i=t.ownerDocument.body,r=s(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),a=s(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let c=-n.scrollLeft+_(t);const l=-n.scrollTop;return"rtl"===o(i).direction&&(c+=s(e.clientWidth,i.clientWidth)-r),{width:r,height:a,x:c,y:l}}(T(t));else if(u(i))a=function(t,e){const n=L(t,!0,"fixed"===e),o=n.top+t.clientTop,i=n.left+t.clientLeft,s=f(t)?E(t):{x:1,y:1};return{width:t.clientWidth*s.x,height:t.clientHeight*s.y,x:i*s.x,y:o*s.y}}(i,r);else{const e={...i};if(v()){var c,l;const o=n(t);e.x-=(null==(c=o.visualViewport)?void 0:c.offsetLeft)||0,e.y-=(null==(l=o.visualViewport)?void 0:l.offsetTop)||0}a=e}return e.rectToClientRect(a)}function D(t,e){return f(t)&&"fixed"!==o(t).position?e?e(t):t.offsetParent:null}function k(t,e){const i=n(t);let s=D(t,e);for(;s&&h(s)&&"static"===o(s).position;)s=D(s,e);return s&&("html"===c(s)||"body"===c(s)&&"static"===o(s).position&&!b(s))?i:s||function(t){let e=R(t);for(;f(e)&&!w(e);){if(b(e))return e;e=R(e)}return null}(t)||i}function C(t,e,n){const o=f(e),i=T(e),s=L(t,!0,"fixed"===n,e);let r={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if(o||!o&&"fixed"!==n)if(("body"!==c(e)||m(i))&&(r=A(e)),f(e)){const t=L(e,!0);a.x=t.x+e.clientLeft,a.y=t.y+e.clientTop}else i&&(a.x=_(i));return{x:s.left+r.scrollLeft-a.x,y:s.top+r.scrollTop-a.y,width:s.width,height:s.height}}const $={getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:r,strategy:a}=t;const l="clippingAncestors"===n?function(t,e){const n=e.get(t);if(n)return n;let i=O(t).filter((t=>u(t)&&"body"!==c(t))),s=null;const r="fixed"===o(t).position;let a=r?R(t):t;for(;u(a)&&!w(a);){const t=o(a),e=b(a);"fixed"===t.position?s=null:(r?e||s:e||"static"!==t.position||!s||!["absolute","fixed"].includes(s.position))?s=t:i=i.filter((t=>t!==a)),a=R(a)}return e.set(t,i),i}(e,this._c):[].concat(n),d=[...l,r],f=d[0],p=d.reduce(((t,n)=>{const o=M(e,n,a);return t.top=s(o.top,t.top),t.right=i(o.right,t.right),t.bottom=i(o.bottom,t.bottom),t.left=s(o.left,t.left),t}),M(e,f,a));return{width:p.right-p.left,height:p.bottom-p.top,x:p.left,y:p.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:o}=t;const i=f(n),s=T(n);if(n===s)return e;let r={scrollLeft:0,scrollTop:0},a={x:1,y:1};const l={x:0,y:0};if((i||!i&&"fixed"!==o)&&(("body"!==c(n)||m(s))&&(r=A(n)),f(n))){const t=L(n);a=E(n),l.x=t.x+n.clientLeft,l.y=t.y+n.clientTop}return{width:e.width*a.x,height:e.height*a.y,x:e.x*a.x-r.scrollLeft*a.x+l.x,y:e.y*a.y-r.scrollTop*a.y+l.y}},isElement:u,getDimensions:function(t){return f(t)?a(t):t.getBoundingClientRect()},getOffsetParent:k,getDocumentElement:T,getScale:E,async getElementRects(t){let{reference:e,floating:n,strategy:o}=t;const i=this.getOffsetParent||k,s=this.getDimensions;return{reference:C(e,await i(n),o),floating:{x:0,y:0,...await s(n)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===o(t).direction};Object.defineProperty(t,"arrow",{enumerable:!0,get:function(){return e.arrow}}),Object.defineProperty(t,"autoPlacement",{enumerable:!0,get:function(){return e.autoPlacement}}),Object.defineProperty(t,"detectOverflow",{enumerable:!0,get:function(){return e.detectOverflow}}),Object.defineProperty(t,"flip",{enumerable:!0,get:function(){return e.flip}}),Object.defineProperty(t,"hide",{enumerable:!0,get:function(){return e.hide}}),Object.defineProperty(t,"inline",{enumerable:!0,get:function(){return e.inline}}),Object.defineProperty(t,"limitShift",{enumerable:!0,get:function(){return e.limitShift}}),Object.defineProperty(t,"offset",{enumerable:!0,get:function(){return e.offset}}),Object.defineProperty(t,"shift",{enumerable:!0,get:function(){return e.shift}}),Object.defineProperty(t,"size",{enumerable:!0,get:function(){return e.size}}),t.autoUpdate=function(t,e,n,o){void 0===o&&(o={});const{ancestorScroll:i=!0,ancestorResize:s=!0,elementResize:r=!0,animationFrame:a=!1}=o,c=i&&!a,l=c||s?[...u(t)?O(t):t.contextElement?O(t.contextElement):[],...O(e)]:[];l.forEach((t=>{c&&t.addEventListener("scroll",n,{passive:!0}),s&&t.addEventListener("resize",n)}));let d,f=null;if(r){let o=!0;f=new ResizeObserver((()=>{o||n(),o=!1})),u(t)&&!a&&f.observe(t),u(t)||!t.contextElement||a||f.observe(t.contextElement),f.observe(e)}let p=a?L(t):null;return a&&function e(){const o=L(t);!p||o.x===p.x&&o.y===p.y&&o.width===p.width&&o.height===p.height||n(),p=o,d=requestAnimationFrame(e)}(),n(),()=>{var t;l.forEach((t=>{c&&t.removeEventListener("scroll",n),s&&t.removeEventListener("resize",n)})),null==(t=f)||t.disconnect(),f=null,a&&cancelAnimationFrame(d)}},t.computePosition=(t,n,o)=>{const i=new Map,s={platform:$,...o},r={...s.platform,_c:i};return e.computePosition(t,n,{...s,platform:r})},t.getOverflowAncestors=O,t.platform=$,Object.defineProperty(t,"__esModule",{value:!0})}));function n(t,e,n,o){var i=t.closest(`[class*="${n}"]`)||document,s=Array.from(i.querySelectorAll(`[${o}="${e}"]`)).filter((t=>t.closest(`[class*="${n}"]`)||document===i));return s.length>0?s:i===document?[]:this.searchScopeTargets(i.parentNode,e,n,o)}var o=new class{constructor(){this.resize_observer=new ResizeObserver((t=>{t.forEach((t=>{this.getAllContaineredElements(t.target).forEach((t=>{this.check(t)}))}))}))}attributeMutation(t){this.isContainer(t.target)?this.resize_observer.observe(t.target):this.resize_observer.unobserve(t.target)}addedNodeMutation(t){this.isResponsiveElement(t)&&this.check(t),this.isContainer(t)&&this.resize_observer.observe(t)}getAllContaineredElements(t){return t.querySelectorAll(tocas.config.strict_responsive?'[class^="@"]:is([class*=":is-"],[class*=":u-"])':'[class^="@"][class*=":"]')}getAllResponsiveElements(t){return t.querySelectorAll(tocas.config.strict_responsive?'[class*=":is-"],[class*=":u-"]':'[class*=":"]')}isContainer(t){return t.matches(`[class~="${tocas.config.scopes.container}"]`)}isResponsiveElement(t){return t.matches(tocas.config.strict_responsive?'[class*=":is-"],[class*=":u-"]':'[class*=":"]')}hasResponsiveClass(t){return tocas.config.strict_responsive?t.includes(":is-")||t.includes(":u-"):t.includes(":")}windowResize(){this.getAllResponsiveElements(document).forEach((t=>{this.check(t)}))}unit(t){return parseInt(t,10)||0}breakpointSize(t,e){var n=window.getComputedStyle(e);return{min:this.unit(n.getPropertyValue(`--ts-breakpoint-${t}-min`)),max:this.unit(n.getPropertyValue(`--ts-breakpoint-${t}-max`))}}rule(t,e){var n=t.startsWith("@"),o=t.endsWith("+"),i=t.endsWith("-"),s=t.includes("[");n&&(t=t.substring(1)),(o||i)&&(t=t.substring(0,t.length-1)),s&&(t=t.substring(1).substring(0,t.length-1));var[r,a]=t.split("-");if(s)return o?[this.unit(r),99999]:i?[0,this.unit(r)]:[this.unit(r),this.unit(a)];var c=this.breakpointSize(r,e);return void 0!==a?[c.min,this.breakpointSize(a,e).max]:o?[c.min,99999]:i?[0,c.max]:[c.min,c.max]}compile(t){return Array.from(t.classList).filter((t=>this.hasResponsiveClass(t))).map((e=>{var[n,o]=e.split(":"),[i,s]=this.rule(n,t);return{min:i,max:s,width:n.startsWith("@")?Math.round(t.closest(`[class~="${tocas.config.scopes.container}"]`).getBoundingClientRect().width):Math.round(window.innerWidth),target_class:o}}))}check(t){var e=[],n=this.compile(t);n.forEach((({width:n,min:o,max:i,target_class:s})=>{n>=o&&n<=i&&(t.classList.add(s),e=[...e,s])})),n.forEach((({width:n,min:o,max:i,target_class:s})=>{(ni)&&!e.includes(s)&&t.classList.remove(s)}))}},i=new class{constructor(){}attributeMutation(t){}addedNodeMutation(t){this.isTab(t)&&(this.bindEventListener(t),this.initialTab(t))}isTab(t){return t.matches(`[${tocas.config.attributes.tab}]`)}isActiveTab(t){return t.classList.contains(tocas.config.classes.tab_active)}initialTab(t){this.isActiveTab(t)||n(t,t.getAttribute(tocas.config.attributes.tab),tocas.config.scopes.tab,tocas.config.attributes.tab_name).forEach((t=>{t.classList.add(tocas.config.classes.hidden)}))}toggle(t){var e=t.target.closest(`[${tocas.config.attributes.tab}]`),n=e.getAttribute(tocas.config.attributes.tab),o=e.closest(`[class*="${tocas.config.scopes.tab}"]`)||document,i=e.closest(".ts-tab"),s=[];i.querySelectorAll(`[${tocas.config.attributes.tab}]`).forEach((t=>{t.getAttribute(tocas.config.attributes.tab)===n?t.classList.add(tocas.config.classes.tab_active):(s=[...s,t.getAttribute(tocas.config.attributes.tab)],t.classList.remove(tocas.config.classes.tab_active))})),o.querySelectorAll(`[${tocas.config.attributes.tab_name}]`).forEach((t=>{var e=t.closest(`[class*="${tocas.config.scopes.tab}"]`)||document;o===e&&(t.getAttribute(tocas.config.attributes.tab_name)===n?t.classList.remove(tocas.config.classes.hidden):s.includes(t.getAttribute(tocas.config.attributes.tab_name))&&t.classList.add(tocas.config.classes.hidden))}))}bindEventListener(t){t.removeEventListener("click",this.toggle),t.addEventListener("click",this.toggle)}},s=new class{attributeMutation(t){}addedNodeMutation(t){this.isToggle(t)&&this.bindEventListener(t)}isToggle(t){return t.matches(`[${tocas.config.attributes.toggle}]`)}toggle(t){var e=t.target.closest(`[${tocas.config.attributes.toggle}]`),[o,i]=e.getAttribute(tocas.config.attributes.toggle).split(":");n(e,o,tocas.config.scopes.toggle,tocas.config.attributes.toggle_name).forEach((t=>{t.classList.toggle(i)}))}bindEventListener(t){t.removeEventListener("click",this.toggle.bind(this)),t.addEventListener("click",this.toggle.bind(this))}},r=new class{attributeMutation(t){}addedNodeMutation(t){this.isDropdownTrigger(t)&&this.bindEventListener(t),this.isDropdown(t)&&this.bindItemEventListener(t)}isDropdownTrigger(t){return t.matches(`[${tocas.config.attributes.dropdown}]`)}isDropdown(t){return t.matches(`.ts-dropdown[${tocas.config.attributes.dropdown_name}]`)}position(t){return t.getAttribute(tocas.config.attributes.dropdown_position)||"bottom"}windowClick(t){var e=t.target.closest(`[${tocas.config.attributes.dropdown}]`),o=t.target.closest(`[${tocas.config.attributes.dropdown_name}]`);if(null===e&&null===o&&document.querySelectorAll(`.ts-dropdown[${tocas.config.attributes.dropdown_name}]`).forEach((t=>{this.closeDropdown(t)})),null!==e){var i=e.getAttribute(tocas.config.attributes.dropdown),s=n(e,i,tocas.config.scopes.dropdown,tocas.config.attributes.dropdown_name)[0];this.closeDropdownsExcept(s)}null!==o&&this.closeDropdownsExcept(o)}closeDropdownsExcept(t){document.querySelectorAll(`.ts-dropdown[${tocas.config.attributes.dropdown_name}]`).forEach((e=>{e!==t&&this.closeDropdown(e)}))}bindEventListener(t){t.removeEventListener("click",this.clickEventListener.bind(this)),t.addEventListener("click",this.clickEventListener.bind(this))}bindItemEventListener(t){t.removeEventListener("click",this.itemClickEventListener.bind(this)),t.addEventListener("click",this.itemClickEventListener.bind(this))}closeDropdown(t){(t.classList.contains(".ts-dropdown")||t.classList.contains("is-visible"))&&(t.classList.remove("is-visible"),void 0!==t.tocas_dropdown&&(t.tocas_dropdown(),t.tocas_dropdown=void 0,t.style.removeProperty("--ts-dropdown-min-width"),t.style.removeProperty("--ts-dropdown-position")))}itemClickEventListener(t){var e=t.target.closest(`.ts-dropdown[${tocas.config.attributes.dropdown_name}]`);null!==t.target.closest(".item")&&this.closeDropdown(e)}clickEventListener(t){var e=t.target.closest(`[${tocas.config.attributes.dropdown}]`),o=e.getAttribute(tocas.config.attributes.dropdown),i=n(e,o,tocas.config.scopes.dropdown,tocas.config.attributes.dropdown_name)[0],s=this.position(i);void 0!==i.tocas_dropdown&&(i.tocas_dropdown(),i.tocas_dropdown=void 0,i.style.removeProperty("--ts-dropdown-min-width"),i.style.removeProperty("--ts-dropdown-position")),i.classList.toggle("is-visible"),i.classList.contains("is-visible")&&(i.style.setProperty("--ts-dropdown-min-width",`${e.getBoundingClientRect().width}px`),i.style.setProperty("--ts-dropdown-position","fixed"),i.tocas_dropdown=TocasFloatingUIDOM.autoUpdate(e,i,(()=>{TocasFloatingUIDOM.computePosition(e,i,{strategy:"fixed",placement:s,middleware:[TocasFloatingUIDOM.flip({crossAxis:!1}),TocasFloatingUIDOM.offset(8),TocasFloatingUIDOM.shift()]}).then((({x:t,y:e})=>{Object.assign(i.style,{left:`${t}px`,top:`${e}px`})}))})))}},a=new class{attributeMutation(t){this.isTooltip(t.target)&&this.bindEventListener(t.target)}addedNodeMutation(t){this.isTooltip(t)&&this.bindEventListener(t)}isTooltip(t){return t.matches(`[${tocas.config.attributes.tooltip}]`)}bindEventListener(t){t.tocas_tooltip_timer=null,this.enterEventListener(t),this.leaveEventListener(t)}delay(t){var e=t.getAttribute(tocas.config.attributes.tooltip_delay);return"0"===e?0:parseInt(e,10)||200}position(t){return t.getAttribute(tocas.config.attributes.tooltip_position)||"bottom"}enterEventListener(t){t.addEventListener("mouseover",(e=>{window.matchMedia("(pointer: coarse)").matches||null===t.tocas_tooltip_timer&&void 0===t.tocas_tooltip&&(t.tocas_tooltip_timer=setTimeout((()=>{this.showTooltip(t)}),this.delay(t)+1))}))}leaveEventListener(t){t.addEventListener("mouseleave",(e=>{e.target===t&&(void 0!==t.tocas_tooltip&&(t.tocas_tooltip(),t.tocas_tooltip=void 0),null!==t.tocas_tooltip_timer&&(clearTimeout(t.tocas_tooltip_timer),t.tocas_tooltip_timer=null),document.querySelectorAll(".ts-tooltip").forEach((t=>{t.remove()})))}))}createTooltip(t,e){var n=document.createElement("div");return n.innerText=t.getAttribute(tocas.config.attributes.tooltip),n.classList.add("ts-tooltip",tocas.config.classes.tooltip_visible),n.appendChild(e),n}createArrow(){var t=document.createElement("div");return t.classList.add("arrow"),t}showTooltip(t){var e=this.position(t),n=this.createArrow(),o=this.createTooltip(t,n);document.body.appendChild(o),t.tocas_tooltip=TocasFloatingUIDOM.autoUpdate(t,o,(()=>{TocasFloatingUIDOM.computePosition(t,o,{strategy:"fixed",placement:e,middleware:[TocasFloatingUIDOM.flip({crossAxis:!1}),TocasFloatingUIDOM.offset({crossAxis:-15,mainAxis:10}),TocasFloatingUIDOM.shift(),TocasFloatingUIDOM.arrow({element:n})]}).then((({middlewareData:t,x:e,y:i,placement:s})=>{if(Object.assign(o.style,{left:`${e}px`,top:`${i}px`}),t.arrow){const{x:e}=t.arrow;n.style.setProperty("--ts-tooltip-x",null!=e?`${e}px`:"0")}s&&(o.classList.remove("is-top","is-top-start","is-top-end","is-bottom","is-bottom-start","is-bottom-end"),o.classList.add(`is-${s}`))}))}))}};new MutationObserver((function(t){t.forEach((function(t){"attributes"===t.type?(o.attributeMutation(t),i.attributeMutation(t),s.attributeMutation(t),r.attributeMutation(t),a.attributeMutation(t)):t.addedNodes&&t.addedNodes.length&&t.addedNodes.forEach((function(t){t.nodeType===Node.ELEMENT_NODE&&(o.addedNodeMutation(t),i.addedNodeMutation(t),s.addedNodeMutation(t),r.addedNodeMutation(t),a.addedNodeMutation(t))}))}))})).observe(document.documentElement,{childList:!0,subtree:!0,attributes:!0,attributeOldValue:!0,attributeFilter:["class"]}),window.addEventListener("resize",(t=>{o.windowResize(t)})),window.addEventListener("click",(t=>{r.windowClick(t)}))}(); diff --git a/docs/zh-tw/assets/tocas/tooltip.css b/docs/zh-tw/assets/tocas/tooltip.css deleted file mode 100644 index 0c29cfba0..000000000 --- a/docs/zh-tw/assets/tocas/tooltip.css +++ /dev/null @@ -1,80 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -@keyframes tooltip-appear { - from { - opacity: 0 - } - to { - opacity: 1 - } -} - -/* ========================================================================== - Base - ========================================================================== */ - -[data-tooltip] { - overflow: visible; -} - -[data-tooltip]::after { - position: absolute; - left: 50%; - transform: translateX(-50%); - white-space: nowrap; - top: calc(100% + .5rem); - background: var(--ts-gray-600); - padding: 0.1rem 0.35rem; - font-size: var(--ts-font-size-13px); - border-radius: 0.2rem; - color: var(--ts-gray-50); - visibility: hidden; - opacity: 0; - content: attr(data-tooltip); - font-weight: normal; - z-index: 99; -} - -[data-tooltip]:hover::after { - visibility: visible; - animation: tooltip-appear 0s ease-in .5s; - animation-fill-mode: forwards -} - -@media (pointer:coarse) { - [data-tooltip]:hover { - visibility: hidden; - } -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Positions - */ - -[data-tooltip][data-position="top"]::after { - top: initial; - bottom: calc(100% + .5rem); -} - -[data-tooltip][data-position="bottom"]::after { - top: calc(100% + .5rem); -} - -[data-tooltip][data-position="left"]::after { - right: calc(100% + .5rem); - left: initial; - top: 50%; - transform: translateY(-50%); -} - -[data-tooltip][data-position="right"]::after { - left: calc(100% + .5rem); - top: 50%; - transform: translateY(-50%); -} \ No newline at end of file diff --git a/docs/zh-tw/assets/tocas/wrap.css b/docs/zh-tw/assets/tocas/wrap.css deleted file mode 100644 index 33541f364..000000000 --- a/docs/zh-tw/assets/tocas/wrap.css +++ /dev/null @@ -1,75 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-wrap { - display: flex; - gap: 1rem; - flex-wrap: wrap; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Vertical - */ - -.ts-wrap.is-vertical { - flex-direction: column; -} - -/** - * Aligns - */ - -.ts-wrap.is-top-aligned { - align-items: flex-start; -} -.ts-wrap.is-middle-aligned { - align-items: center; -} -.ts-wrap.is-bottom-aligned { - align-items: flex-end; -} - -.ts-wrap.is-start-aligned { - justify-content: flex-start; -} -.ts-wrap.is-center-aligned { - justify-content: center; -} -.ts-wrap.is-end-aligned { - justify-content: flex-end; -} - -.ts-wrap.is-start-aligned.is-vertical { - align-items: flex-start; -} -.ts-wrap.is-center-aligned.is-vertical { - align-items: center; -} -.ts-wrap.is-end-aligned.is-vertical { - align-items: flex-end; -} - -/** - * Relaxed - */ - -.ts-wrap.is-relaxed { - gap: 2rem; -} - -/** - * Compact - */ - -.ts-wrap.is-compact { - gap: 0.5rem; -} diff --git a/docs/zh-tw/avatar.html b/docs/zh-tw/avatar.html index d93b13564..6b7966945 100644 --- a/docs/zh-tw/avatar.html +++ b/docs/zh-tw/avatar.html @@ -6,7 +6,9 @@ - + + + @@ -73,12 +75,6 @@ 台灣正體
- English (US) - 台灣正體
- English (US) - 大頭貼 >Responsive + + + 輔助樣式 Utilities +
格局設計
@@ -456,6 +452,12 @@

大頭貼

>Table + + + 時間軸 Timeline +
導覽
@@ -491,6 +493,12 @@

大頭貼

應用程式
+ + 邊緣抽屜 App Drawer + + 格局劃分 App Layout大頭貼 >App Sidebar + + + 頂部列 App Topbar + + +
JavaScript 模組
+ + + 選單模組 Module Dropdown + + + + 工具提示 Module Tooltip + + + + 分頁模組 Module Tab + + + + 樣式切換 Module Toggle +
@@ -523,7 +563,12 @@

大頭貼

-
範例
+
+ 範例 + +
@@ -585,7 +630,7 @@

大頭貼

- + @@ -822,6 +867,14 @@

大頭貼

+ + + + + + + +
在尋找相似的元件嗎？
@@ -837,7 +890,6 @@

大頭貼

-
外觀
@@ -867,7 +919,6 @@

大頭貼

-
diff --git a/docs/zh-tw/badge.html b/docs/zh-tw/badge.html index f0d12b4e7..45020e3ac 100644 --- a/docs/zh-tw/badge.html +++ b/docs/zh-tw/badge.html @@ -6,7 +6,9 @@ - + + + @@ -73,12 +75,6 @@ 台灣正體
- English (US) - 台灣正體
- English (US) - 計數徽章 >Responsive + + + 輔助樣式 Utilities +
格局設計
@@ -456,6 +452,12 @@

計數徽章

>Table + + + 時間軸 Timeline +
導覽
@@ -491,6 +493,12 @@

計數徽章

應用程式
+ + 邊緣抽屜 App Drawer + + 格局劃分 App Layout計數徽章 >App Sidebar + + + 頂部列 App Topbar + + +
JavaScript 模組
+ + + 選單模組 Module Dropdown + + + + 工具提示 Module Tooltip + + + + 分頁模組 Module Tab + + + + 樣式切換 Module Toggle +
@@ -523,7 +563,12 @@

計數徽章

-
範例
+
+ 範例 + +
@@ -581,7 +626,7 @@

計數徽章

- + @@ -961,6 +1006,14 @@

計數徽章

+ + + + + + + +
在尋找相似的元件嗎？
@@ -976,7 +1029,6 @@

計數徽章

-
外觀
@@ -1023,7 +1075,6 @@

計數徽章

-
diff --git a/docs/zh-tw/box.html b/docs/zh-tw/box.html index 09b34dab0..2d574545c 100644 --- a/docs/zh-tw/box.html +++ b/docs/zh-tw/box.html @@ -6,7 +6,9 @@ - + + + @@ -73,12 +75,6 @@ 台灣正體
- English (US) - 台灣正體
- English (US) - 箱型容器 >Responsive + + + 輔助樣式 Utilities +
格局設計
@@ -456,6 +452,12 @@

箱型容器

>Table + + + 時間軸 Timeline +
導覽
@@ -491,6 +493,12 @@

箱型容器

應用程式
+ + 邊緣抽屜 App Drawer + + 格局劃分 App Layout箱型容器 >App Sidebar + + + 頂部列 App Topbar + + +
JavaScript 模組
+ + + 選單模組 Module Dropdown + + + + 工具提示 Module Tooltip + + + + 分頁模組 Module Tab + + + + 樣式切換 Module Toggle +
@@ -523,7 +563,12 @@

箱型容器

-
範例
+
+ 範例 + +
@@ -597,7 +642,7 @@

箱型容器

- + @@ -1149,6 +1194,14 @@

箱型容器

+ + + + + + + +
在尋找相似的元件嗎？
@@ -1168,7 +1221,6 @@

箱型容器

-
內容
@@ -1228,7 +1280,6 @@

箱型容器

-
diff --git a/docs/zh-tw/breadcrumb.html b/docs/zh-tw/breadcrumb.html index 973a8740c..d0fd4693a 100644 --- a/docs/zh-tw/breadcrumb.html +++ b/docs/zh-tw/breadcrumb.html @@ -6,7 +6,9 @@ - + + + @@ -73,12 +75,6 @@ 台灣正體
- English (US) - 台灣正體
- English (US) - 導覽標記 >Responsive + + + 輔助樣式 Utilities +
格局設計
@@ -456,6 +452,12 @@

導覽標記

>Table + + + 時間軸 Timeline +
導覽
@@ -491,6 +493,12 @@

導覽標記

應用程式
+ + 邊緣抽屜 App Drawer + + 格局劃分 App Layout導覽標記 >App Sidebar + + + 頂部列 App Topbar + + +
JavaScript 模組
+ + + 選單模組 Module Dropdown + + + + 工具提示 Module Tooltip + + + + 分頁模組 Module Tab + + + + 樣式切換 Module Toggle +
@@ -523,7 +563,12 @@

導覽標記

-
範例
+
+ 範例 + +
@@ -589,7 +634,7 @@

導覽標記

- + @@ -958,11 +1003,18 @@

導覽標記

+ + + + + + + + -
狀態
@@ -1010,7 +1062,6 @@

導覽標記

-
diff --git a/docs/zh-tw/button.html b/docs/zh-tw/button.html index 16c01266f..230e29791 100644 --- a/docs/zh-tw/button.html +++ b/docs/zh-tw/button.html @@ -6,7 +6,9 @@ - + + + @@ -73,12 +75,6 @@ 台灣正體
- English (US) - 台灣正體
- English (US) - 按鈕 >Responsive + + + 輔助樣式 Utilities +
格局設計
@@ -456,6 +452,12 @@

按鈕

>Table + + + 時間軸 Timeline +
導覽
@@ -491,6 +493,12 @@

按鈕

應用程式
+ + 邊緣抽屜 App Drawer + + 格局劃分 App Layout按鈕 >App Sidebar + + + 頂部列 App Topbar + + +
JavaScript 模組
+ + + 選單模組 Module Dropdown + + + + 工具提示 Module Tooltip + + + + 分頁模組 Module Tab + + + + 樣式切換 Module Toggle +
@@ -523,7 +563,12 @@

按鈕

-
範例
+
+ 範例 + +
@@ -581,7 +626,7 @@

按鈕

- + @@ -1107,6 +1152,72 @@

按鈕

+
群組
+ + + + + + + + + +
+ +
+ 按鈕群組 + + + +
+

將多個按鈕合併成為一個主體，多個按鈕之間會以略微可見的分隔線區隔。

+
+ + + +
+
+ + +
+
+
+ + +
+
+ 
<div class="ts-buttons">
+    <button class="ts-button">送出</button>
+    <button class="ts-button is-icon">
+        <span class="ts-icon is-chevron-down-icon"></span>
+    </button>
+</div>
+<div class="ts-buttons">
+    <button class="ts-button is-outlined">送出</button>
+    <button class="ts-button is-outlined is-icon">
+        <span class="ts-icon is-chevron-down-icon"></span>
+    </button>
+</div>
+
+
+ + + + + + + + + + +
+ + +
組合應用
@@ -1154,10 +1265,120 @@

按鈕

+
+ +
+ 喜歡與不喜歡 + + + +
+

以按鈕群組來呈現一個喜歡、不喜歡的動作按鈕群組。

+
+ + + +
+
+ + +
+
+ 
<div class="ts-buttons">
+    <button class="ts-button is-secondary is-circular is-start-icon">
+        <span class="ts-icon is-thumbs-up-icon"></span>
+        324
+    </button>
+    <button class="ts-button is-secondary is-circular is-start-icon">
+        <span class="ts-icon is-regular is-thumbs-down-icon"></span>
+        7
+    </button>
+</div>
+
+
+ + + + + + + + + + +
+ +
+ +
+ 功能按鈕 + + + +
+

使用按鈕群組能讓主要按鈕旁邊擺放一個輔助功能按鈕，這通常被稱作為 Split Button（分割按鈕）。輔助按鈕可以搭配選單模組與彈出式選單來提供額外的功能選單。

+
+ + + +
+
+ + +
+
+ + +
+ +
+
+ 
<div class="ts-buttons">
+    <button class="ts-button">開始遊戲</button>
+    <button class="ts-button is-icon" data-dropdown="dropdown">
+        <span class="ts-icon is-gear-icon"></span>
+    </button>
+</div>
+<div class="ts-dropdown" data-name="dropdown" data-position="bottom-start">
+    <button class="item">遊戲設定</button>
+    <button class="item">掃描與修復</button>
+    <div class="ts-divider"></div>
+    <button class="item">移除遊戲</button>
+</div>
+
+
+ + + + + + + + + + +
+ + + + + + + + +
在尋找相似的元件嗎？
@@ -1173,7 +1394,6 @@

按鈕

-
狀態
@@ -1242,6 +1462,15 @@

按鈕

+
群組
+
+ + + 按鈕群組 ts-buttons + + +
+
組合應用
@@ -1249,11 +1478,18 @@

按鈕

鄰近按鈕 {{ts-wrap}} + + 喜歡與不喜歡 ts-buttons + + + + 功能按鈕 ts-buttons + +
-
diff --git a/docs/zh-tw/center.html b/docs/zh-tw/center.html index dcf439dd4..87e1bb781 100644 --- a/docs/zh-tw/center.html +++ b/docs/zh-tw/center.html @@ -6,7 +6,9 @@ - + + + @@ -73,12 +75,6 @@ 台灣正體
- English (US) - 台灣正體
- English (US) - 絕對置中 >Responsive + + + 輔助樣式 Utilities +
格局設計
@@ -456,6 +452,12 @@

絕對置中

>Table + + + 時間軸 Timeline +
導覽
@@ -491,6 +493,12 @@

絕對置中

應用程式
+ + 邊緣抽屜 App Drawer + + 格局劃分 App Layout絕對置中 >App Sidebar + + + 頂部列 App Topbar + + +
JavaScript 模組
+ + + 選單模組 Module Dropdown + + + + 工具提示 Module Tooltip + + + + 分頁模組 Module Tab + + + + 樣式切換 Module Toggle +
@@ -523,7 +563,12 @@

絕對置中

-
範例
+
+ 範例 + +
@@ -585,7 +630,7 @@

絕對置中

- + @@ -674,11 +719,18 @@

絕對置中

+ + + + + + + + -
組合應用
@@ -692,7 +744,6 @@

絕對置中

-
diff --git a/docs/zh-tw/checkbox.html b/docs/zh-tw/checkbox.html index 08fbc34f8..d4b3c1d80 100644 --- a/docs/zh-tw/checkbox.html +++ b/docs/zh-tw/checkbox.html @@ -6,7 +6,9 @@ - + + + @@ -73,12 +75,6 @@ 台灣正體
- English (US) - 台灣正體
- English (US) - 核取方塊 >Responsive + + + 輔助樣式 Utilities +
格局設計
@@ -456,6 +452,12 @@

核取方塊

>Table + + + 時間軸 Timeline +
導覽
@@ -491,6 +493,12 @@

核取方塊

應用程式
+ + 邊緣抽屜 App Drawer + + 格局劃分 App Layout核取方塊 >App Sidebar + + + 頂部列 App Topbar + + +
JavaScript 模組
+ + + 選單模組 Module Dropdown + + + + 工具提示 Module Tooltip + + + + 分頁模組 Module Tab + + + + 樣式切換 Module Toggle +
@@ -523,7 +563,12 @@

核取方塊

-
範例
+
+ 範例 + +
@@ -587,7 +632,7 @@

核取方塊

- + @@ -928,6 +973,14 @@

核取方塊

+ + + + + + + +
在尋找相似的元件嗎？
@@ -947,7 +1000,6 @@

核取方塊

-
狀態
@@ -987,7 +1039,6 @@

核取方塊

-
diff --git a/docs/zh-tw/checklist.html b/docs/zh-tw/checklist.html index 5728f1552..cdd439635 100644 --- a/docs/zh-tw/checklist.html +++ b/docs/zh-tw/checklist.html @@ -6,7 +6,9 @@ - + + + @@ -73,12 +75,6 @@ 台灣正體
- English (US) - 台灣正體
- English (US) - 檢查清單 >Responsive + + + 輔助樣式 Utilities +
格局設計
@@ -456,6 +452,12 @@

檢查清單

>Table + + + 時間軸 Timeline +
導覽
@@ -491,6 +493,12 @@

檢查清單

應用程式
+ + 邊緣抽屜 App Drawer + + 格局劃分 App Layout檢查清單 >App Sidebar + + + 頂部列 App Topbar + + +
JavaScript 模組
+ + + 選單模組 Module Dropdown + + + + 工具提示 Module Tooltip + + + + 分頁模組 Module Tab + + + + 樣式切換 Module Toggle +
@@ -523,7 +563,12 @@

檢查清單

-
範例
+
+ 範例 + +
@@ -589,7 +634,7 @@

檢查清單

- + @@ -681,6 +726,43 @@

檢查清單

+
+ +
+ 注意的 + + + +
+

表示需要額外注意的項目。

+
+ + + +
+
+
這個應用程式沒有經過官方驗證。
+
發言前請三思而後行。
+
+
+ 
<div class="ts-checklist">
+    <div class="item is-warning">這個應用程式沒有經過官方驗證。</div>
+    <div class="item is-warning">發言前請三思而後行。</div>
+</div>
+
+
+ + + + + + + + + + +
+
@@ -755,10 +837,55 @@

檢查清單

+
+ +
+ 補充資訊的 + + + +
+

用以補充額外資訊的項目。

+
+ + + +
+
+
現已有最新版本可供下載，但你仍可繼續使用。
+
這個人試圖保持中立。
+
+
+ 
<div class="ts-checklist">
+    <div class="item is-info">現已有最新版本可供下載，但你仍可繼續使用。</div>
+    <div class="item is-info">這個人試圖保持中立。</div>
+</div>
+
+
+ + + + + + + + + + +
+ + + + + + + + +
在尋找相似的元件嗎？
@@ -774,7 +901,6 @@

檢查清單

-
項目外觀
@@ -788,6 +914,10 @@

檢查清單

負面的 is-negative + + 注意的 is-warning + + 新增的 is-added @@ -796,11 +926,14 @@

檢查清單

被移除的 is-removed + + 補充資訊的 is-info + +
-
diff --git a/docs/zh-tw/chip.html b/docs/zh-tw/chip.html index 974b834a2..7b2e66f18 100644 --- a/docs/zh-tw/chip.html +++ b/docs/zh-tw/chip.html @@ -6,7 +6,9 @@ - + + + @@ -73,12 +75,6 @@ 台灣正體
- English (US) - 台灣正體
- English (US) - 關聯標籤 >Responsive + + + 輔助樣式 Utilities +
格局設計
@@ -456,6 +452,12 @@

關聯標籤

>Table + + + 時間軸 Timeline +
導覽
@@ -491,6 +493,12 @@

關聯標籤

應用程式
+ + 邊緣抽屜 App Drawer + + 格局劃分 App Layout關聯標籤 >App Sidebar + + + 頂部列 App Topbar + + +
JavaScript 模組
+ + + 選單模組 Module Dropdown + + + + 工具提示 Module Tooltip + + + + 分頁模組 Module Tab + + + + 樣式切換 Module Toggle +
@@ -523,7 +563,12 @@

關聯標籤

-
範例
+
+ 範例 + +
@@ -593,7 +638,7 @@

關聯標籤

- + @@ -1558,6 +1603,14 @@

關聯標籤

+ + + + + + + +
在尋找相似的元件嗎？
@@ -1573,7 +1626,6 @@

關聯標籤

-
種類
@@ -1671,7 +1723,6 @@

關聯標籤

-
diff --git a/docs/zh-tw/close.html b/docs/zh-tw/close.html index f1fc99081..e507f0359 100644 --- a/docs/zh-tw/close.html +++ b/docs/zh-tw/close.html @@ -6,7 +6,9 @@ - + + + @@ -73,12 +75,6 @@ 台灣正體
- English (US) - 台灣正體
- English (US) - 關閉按鈕 >Responsive + + + 輔助樣式 Utilities +
格局設計
@@ -456,6 +452,12 @@

關閉按鈕

>Table + + + 時間軸 Timeline +
導覽
@@ -491,6 +493,12 @@

關閉按鈕

應用程式
+ + 邊緣抽屜 App Drawer + + 格局劃分 App Layout關閉按鈕 >App Sidebar + + + 頂部列 App Topbar + + +
JavaScript 模組
+ + + 選單模組 Module Dropdown + + + + 工具提示 Module Tooltip + + + + 分頁模組 Module Tab + + + + 樣式切換 Module Toggle +
@@ -523,7 +563,12 @@

關閉按鈕

-
範例
+
+ 範例 + +
@@ -581,7 +626,7 @@

關閉按鈕

- + @@ -661,6 +706,37 @@

關閉按鈕

+
+ +
+ 圓角的 + + + +
+

使按鈕的四個角落都變得稍微有點圓角修飾。

+
+ + + +
+
+
+ 
<span class="ts-close is-rounded"></span>
+
+
+ + + + + + + + + + +
+
@@ -678,10 +754,12 @@

關閉按鈕

+ 
<span class="ts-close is-small"></span>
 <span class="ts-close"></span>
-<span class="ts-close is-large"></span>
+<span class="ts-close is-large"></span> +<span class="ts-close is-big"></span>
@@ -883,6 +961,14 @@

關閉按鈕

+ + + + + + + +
在尋找相似的元件嗎？
@@ -898,7 +984,6 @@

關閉按鈕

-
外觀
@@ -912,6 +997,10 @@

關閉按鈕

不重要的 is-tertiary + + 圓角的 is-rounded + + 尺寸 is-small @@ -937,7 +1026,6 @@

關閉按鈕

-
diff --git a/docs/zh-tw/colors.html b/docs/zh-tw/colors.html index 09bbc0a4f..98062330d 100644 --- a/docs/zh-tw/colors.html +++ b/docs/zh-tw/colors.html @@ -6,7 +6,9 @@ - + + + @@ -73,12 +75,6 @@ 台灣正體
- English (US) - 台灣正體
- English (US) - 主題色系 >Responsive + + + 輔助樣式 Utilities +
格局設計
@@ -456,6 +452,12 @@

主題色系

>Table + + + 時間軸 Timeline +
導覽
@@ -491,6 +493,12 @@

主題色系

應用程式
+ + 邊緣抽屜 App Drawer + + 格局劃分 App Layout主題色系 >App Sidebar + + + 頂部列 App Topbar + + +
JavaScript 模組
+ + + 選單模組 Module Dropdown + + + + 工具提示 Module Tooltip + + + + 分頁模組 Module Tab + + + + 樣式切換 Module Toggle +
@@ -522,7 +562,7 @@

主題色系

- + @@ -530,14 +570,9 @@

主題色系

-
說明
+
主色調與明暗
-

透過 CSS 的 prefers-color-scheme 功能，我們現在可以依照使用者裝置的明暗設定（如：黑暗色系）來變更元件的樣式。當使用者啟用夜間黑暗模式時，除了系統會採用暗色主題外，Tocas UI 也會反轉整個色調令背景以暗色為主。

- -

設計者亦能在頁面直接指定 Tocas UI 的預設明暗色系而不須特別依照使用者的裝置設定。這個色系共有兩個階段：Light（亮色）、Dark（暗色）。

-
- @@ -545,13 +580,203 @@

主題色系

+
+ +
+ 領銜主色 + +
+

領銜主色能讓你在頁面中添加個人化的主色調，多數的 Tocas UI 元件都支援領銜主色。同個頁面裡可以有多個領銜主色，取決於容器繼承的設定為何。

+ +

對了，千萬要小心——別把顏色灑得到處都是！欽定領銜主色時，記得顧慮在亮、暗兩種不同主題下的可讀性。

+ +
+ +
+
+
選擇顏色
+
+
+ + + + + +
+
+
+
自訂顏色
+
+
+ +
+
+
+
+ +
+ +
+ +
+ +
卡片與標題
+
+
+
+
好吃的千層蛋糕！
+
+
+ +
+ +
按鈕
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+ +
標籤
+
+
+ +
+ +
+ 飛鳥湊 + + +
+ +
+ 西園寺風莉 + +
+
+
+ 8,964 + 16,226 + 320 +
+ +
+ + + +
+ +
統計數據
+
+
+
+
+
42,689
+
32
+
+
+
+
+
8,652
+
351
+
+
+
+ +
+ +
核取方塊
+
+
+ + + +
+ +
+ +
項目切換
+
+
+ + + +
+ +
+ +
+
+ + + +
+
+ + + + + + + +
+ 
<style type="text/css">
+    html {
+        /** 設定領銜主色 */
+        --ts-accent-color: #00ADEA;
+    }
+</style>
+
+<!-- 在元件上啟用領銜主色 -->
+<div class="ts-button is-accent"></div>
+ +
+ + + + + + +
+
- 可用色系 + 強制亮、暗主題
-

預設情況下的 Tocas UI 會依照使用者系統的色系為主來決定該使用亮色（Light）還是暗色（Dark）。但也能在 <html> 標籤中指定 [data-scheme="dark"] 來強制覆寫這個規則。

+

Tocas UI 會依照使用者的系統設定來自動調整明暗色系，主要使用 CSS 的 prefers-color-scheme 功能，你可以透過 <html> 標籤強制覆寫這個規則。

@@ -564,18 +789,18 @@

主題色系

- + - + - + - +
標準亮色，適用於一般網頁閱讀或設計。亮色主題，適用於一般網頁閱讀或設計。
標準暗色，適用於夜間閱讀且對比不會過於明顯。暗色主題，適用於夜間閱讀。
@@ -588,8 +813,11 @@

主題色系

- 
<html data-scheme="dark">
-
+
+ 
<!-- 指定 `is-dark` 網頁會強制使用暗色主題 -->
+<html class="is-dark">
+ +
@@ -598,17 +826,27 @@

主題色系

+ + +
色票系統
+ + + + + + + + +
動態顏色
-

整個 Tocas UI 都是基於動態色調打造的，這也是為什麼在切換亮暗色系時能夠這麼容易。這些是 CSS 變數，你也能使用這些顏色讓整體設計符合 Tocas UI 規範並且在色調變更時自動切換。

+

Tocas UI 使用動態色調，設計網頁時使用這些顏色能讓更符合 Tocas UI 規範並且在色調變更時自動切換。

-

設計時須注意這是動態顏色，這意味著目前看起來為白色時可能會在另一個色系變為黑色，而所謂的反色是指目前系統色系相反時所呈現的顏色。

- -

若不希望顏色動態呈現，請使用下方的靜態顏色。

+

使用時須注意動態顏色雖然目前看起來為白色，但可能會在另一個色系變為黑色，而所謂的反色是指目前系統色系相反時所呈現的顏色。若不希望顏色動態呈現，請使用下方的靜態顏色。

@@ -826,8 +1064,10 @@

主題色系

- 
<div style="color: var(--ts-gray-300);">這樣套用 CSS 變數作為顏色</div>
-
+
+ 
<div style="color: var(--ts-gray-300);">這樣套用 CSS 變數作為顏色</div>
+ +
@@ -1033,30 +1273,43 @@

主題色系

+ + +
輔助樣式
+ + +

因為這些樣式可以套用在任何元素，所以命名開頭一定是 u-；相關說明請參閱輔助樣式頁面。

+
+ + + + + + + +
- +
- 指定反色 + 指定反色
-

將 is-inverted 套用在任何元素上，就能使該元素的色調與目前全域色系完全相反，這可以在亮色主題中呈現出暗色元素。需要注意的是：反色是相對詞，會基於系統的設置而動態更改。例如在亮色主題中的反色會是暗色，反之亦然。如果需要設計一個絕對黑色的元素，則需要參考下方的強制色域用法。

+

使該元素的色調與目前全域色系完全相反，反色是動態相對詞。

+ +

亮色主題中的反色會是暗色，反之亦然。如果需要設計一個絕對黑色的元素，請參考下方的強制色域用法。

-
-
- 在亮色主題中，這個元素會是黑色的；在暗色主題中，這個元素會是白色的。 -
+
+ 在亮色主題中，這個元素會是黑色的；在暗色主題中，這個元素會是白色的。
- 
<div class="ts-box is-inverted" style="color: var(--ts-gray-800)">
-    <div class="ts-content">
-        在亮色主題中，這個元素會是黑色的；在暗色主題中，這個元素會是白色的。
-    </div>
+                                
<div class="ts-segment u-inverted" style="color: var(--ts-gray-800)">
+    在亮色主題中，這個元素會是黑色的；在暗色主題中，這個元素會是白色的。
 </div>
@@ -1080,33 +1333,27 @@

主題色系

-

透過 is-dark 或 is-light 強制指定某個元素的色域，可以讓該元素固定色系。例如說：正在打造一個黑色的側邊欄，那麼就可以將該元素指定為 is-dark，這樣不論是在亮色或暗色系統中，這個元素都一定是基於暗色調顯示。

+

強制指定某個元素的色域，可以讓該元素固定色系。

+ +

例如說：正在打造一個黑色的側邊欄，那麼就可以將該元素指定為 u-dark，這樣不論是在亮色或暗色系統中，這個元素都一定是基於暗色調顯示。

-
-
- 這個元素不論是在什麼環境，都一定是黑色的。 -
+
+ 這個元素不論是在什麼環境，都一定是黑色的。
-
-
- 這個元素不論是在什麼環境，都一定是白色的。 -
+
+ 這個元素不論是在什麼環境，都一定是白色的。
- 
<div class="ts-box is-dark" style="color: var(--ts-gray-800)">
-    <div class="ts-content">
-        這個元素不論是在什麼環境，都一定是黑色的。
-    </div>
+                                
<div class="ts-segment u-dark" style="color: var(--ts-gray-800)">
+    這個元素不論是在什麼環境，都一定是黑色的。
 </div>
-<div class="ts-box is-light" style="color: var(--ts-gray-800)">
-    <div class="ts-content">
-        這個元素不論是在什麼環境，都一定是白色的。
-    </div>
+<div class="ts-segment u-light" style="color: var(--ts-gray-800)">
+    這個元素不論是在什麼環境，都一定是白色的。
 </div>
@@ -1126,11 +1373,61 @@

主題色系

+ + + + + + + + - +
+ +
主色調與明暗
+
+ + + 領銜主色 + + + + 強制亮、暗主題 + + +
+ +
色票系統
+
+ + + 動態顏色 + + + + 靜態顏色 + + +
+ +
輔助樣式
+
+ + + 指定反色 u-inverted + + + + 強制色域 u-dark + + +
+ + +
diff --git a/docs/zh-tw/container.html b/docs/zh-tw/container.html index 5b1824a9d..63de6b651 100644 --- a/docs/zh-tw/container.html +++ b/docs/zh-tw/container.html @@ -6,7 +6,9 @@ - + + + @@ -73,12 +75,6 @@ 台灣正體
- English (US) - 台灣正體
- English (US) - 界限容器 >Responsive + + + 輔助樣式 Utilities +
格局設計
@@ -456,6 +452,12 @@

界限容器

>Table + + + 時間軸 Timeline +
導覽
@@ -491,6 +493,12 @@

界限容器

應用程式
+ + 邊緣抽屜 App Drawer + + 格局劃分 App Layout界限容器 >App Sidebar + + + 頂部列 App Topbar + + +
JavaScript 模組
+ + + 選單模組 Module Dropdown + + + + 工具提示 Module Tooltip + + + + 分頁模組 Module Tab + + + + 樣式切換 Module Toggle +
@@ -522,7 +562,7 @@

界限容器

- + @@ -617,13 +657,13 @@

界限容器

- 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點， 原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。 版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容， 即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 + 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作，在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容，合理使用的理念如下：使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，即使少量的原創著作被引用，也較不可能符合合理使用之原則。使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 
<div class="ts-container">
     <div class="ts-segment">
-        保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點， 原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。 版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容， 即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。
+        保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作，在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容，合理使用的理念如下：使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，即使少量的原創著作被引用，也較不可能符合合理使用之原則。使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。
     </div>
 </div>
@@ -652,6 +692,56 @@

界限容器

+
+ +
+ 窄度 + + + +
+

縮限容器最大的寬度，讓內容與格局以更窄的方式呈現。

+
+ + + +
+
+
+ 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作，在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容，合理使用的理念如下：使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，即使少量的原創著作被引用，也較不可能符合合理使用之原則。使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 +
+
+
+
+
+ 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作，在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容，合理使用的理念如下：使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，即使少量的原創著作被引用，也較不可能符合合理使用之原則。使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 +
+
+
+ 
<div class="ts-container is-narrow">
+    <div class="ts-segment">
+        保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作，在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容，合理使用的理念如下：使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，即使少量的原創著作被引用，也較不可能符合合理使用之原則。使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。
+    </div>
+</div>
+<div class="ts-container is-very-narrow">
+    <div class="ts-segment">
+        保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作，在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容，合理使用的理念如下：使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，即使少量的原創著作被引用，也較不可能符合合理使用之原則。使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。
+    </div>
+</div>
+
+
+ + + + + + + + + + +
+
@@ -668,13 +758,13 @@

界限容器

- 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點， 原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。 版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容， 即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 + 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作，在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容，合理使用的理念如下：使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，即使少量的原創著作被引用，也較不可能符合合理使用之原則。使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 
<div class="ts-container is-fluid">
     <div class="ts-segment">
-        保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點， 原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。 版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容， 即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。
+        保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作，在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容，合理使用的理念如下：使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，即使少量的原創著作被引用，也較不可能符合合理使用之原則。使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。
     </div>
 </div>
@@ -692,39 +782,54 @@

界限容器

- +
- 窄度 + 內距調整
-

縮限容器最大的寬度，讓內容與格局以更窄的方式呈現。

+

加大內距能讓容器跟邊緣之間有更大的空白。可以搭配響應式設計使用，如：在行動裝置上使用較小的內距以避免侵佔頁面寬度。如果你想讓裡面的元件貼邊，可以參考輔助樣式的貼邊外觀。

-
-
- 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點， 原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。 版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容， 即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 +
+
+
+ 較寬鬆的內距 +
-
-
-
-
- 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點， 原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。 版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容， 即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 +
+
+
+ 預設內距 +
+
+
+
+
+ 無內距 +
- 
<div class="ts-container is-narrow">
-    <div class="ts-segment">
-        保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點， 原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。 版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容， 即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。
+                                
<div class="ts-box" style="background: var(--ts-gray-300);">
+    <div class="ts-container is-padded">
+        <div class="ts-segment">
+            較寬鬆的內距
+        </div>
     </div>
-</div>
-<div class="ts-container is-very-narrow">
-    <div class="ts-segment">
-        保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點， 原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。 版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容， 即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。
+    <div class="ts-container">
+        <div class="ts-segment">
+            預設內距
+        </div>
+    </div>
+    <div class="ts-container is-fitted">
+        <div class="ts-segment">
+            無內距
+        </div>
     </div>
 </div>

 

@@ -745,11 +850,18 @@ 
界限容器

                         
                         
 
+                        
+                        
+                        
+
+                        
+                        
+                        
+
-
說明
@@ -769,19 +881,22 @@

界限容器

外觀
+ + 窄度 is-narrow + + 流動的 is-fluid - - 窄度 is-narrow + + 內距調整 is-padded
-
diff --git a/docs/zh-tw/content.html b/docs/zh-tw/content.html index e67ff6440..a14c8b33b 100644 --- a/docs/zh-tw/content.html +++ b/docs/zh-tw/content.html @@ -6,7 +6,9 @@ - + + + @@ -73,12 +75,6 @@ 台灣正體
- English (US) - 台灣正體
- English (US) - 內容區塊 >Responsive + + + 輔助樣式 Utilities +
格局設計
@@ -456,6 +452,12 @@

內容區塊

>Table + + + 時間軸 Timeline +
導覽
@@ -491,6 +493,12 @@

內容區塊

應用程式
+ + 邊緣抽屜 App Drawer + + 格局劃分 App Layout內容區塊 >App Sidebar + + + 頂部列 App Topbar + + +
JavaScript 模組
+ + + 選單模組 Module Dropdown + + + + 工具提示 Module Tooltip + + + + 分頁模組 Module Tab + + + + 樣式切換 Module Toggle +
@@ -523,7 +563,12 @@

內容區塊

-
範例
+
+ 範例 + +
@@ -574,7 +619,7 @@

內容區塊

-
+
透過 CSS Variable 取代 Sass 並設計一個臻至完美的動態色彩主題系統
@@ -584,7 +629,7 @@

內容區塊

<div class="ts-box">
-    <div class="ts-content is-dark is-dense">
+    <div class="ts-content is-dense u-dark">
         透過 CSS Variable 取代 Sass 並設計一個臻至完美的動態色彩主題系統
     </div>
     <div class="ts-content">
@@ -595,7 +640,7 @@ 
內容區塊
- + @@ -1020,13 +1065,35 @@

內容區塊

- 在同個屋簷下，做著那一成不變的事情。就算沒有外星人來襲擊，偶爾也會發生一些意想之外的事情。 + 移除所有內距。 +
+
+
+
+
+ 移除左右水平內距。 +
+
+
+
+
+ 移除上下垂直內距。 
<div class="ts-box">
     <div class="ts-content is-fitted">
-        在同個屋簷下，做著那一成不變的事情。就算沒有外星人來襲擊，偶爾也會發生一些意想之外的事情。
+        移除所有內距。
+    </div>
+</div>
+<div class="ts-box">
+    <div class="ts-content is-horizontally-fitted">
+        移除左右水平內距。
+    </div>
+</div>
+<div class="ts-box">
+    <div class="ts-content is-vertically-fitted">
+        移除上下垂直內距。
     </div>
 </div>
@@ -1111,7 +1178,7 @@

內容區塊

-
+
けものフレンズ
@@ -1121,7 +1188,7 @@

內容區塊

<div class="ts-box">
-    <div class="ts-content is-dark is-dense">
+    <div class="ts-content u-dark is-dense">
         けものフレンズ
     </div>
     <div class="ts-content">
@@ -1282,6 +1349,14 @@ 
內容區塊

                         
                         
 
+                        
+                        
+                        
+
+                        
+                        
+                        
+
                         
                         

                             
在尋找相似的元件嗎？

@@ -1301,7 +1376,6 @@ 
內容區塊

                     
 
                     
-                    
                     

                         
                         
狀態

@@ -1358,7 +1432,7 @@ 
內容區塊

                         

                             
                             
-                                暗色區塊 is-dark
+                                暗色區塊 u-dark
                             
                             
                             
@@ -1377,7 +1451,6 @@ 
內容區塊

                         
                         
                     

-                    
                     
                 

             

diff --git a/docs/zh-tw/control.html b/docs/zh-tw/control.html
index 3c7abaa8f..257390c2b 100644
--- a/docs/zh-tw/control.html
+++ b/docs/zh-tw/control.html
@@ -6,7 +6,9 @@
         
         
         
-        
+        
+        
+        
         
         
         
@@ -73,12 +75,6 @@
                              台灣正體
                             

                                 
-                                 English (US)
-                                
                                  台灣正體
                             

                                 
-                                 English (US)
-                                
                                 表單控制項
                                 >Responsive
                         
+                        
+                        
+                            輔助樣式 Utilities
+                        
                          
                         
格局設計

                         
@@ -456,6 +452,12 @@ 
表單控制項

                                 >Table
                         
+                        
+                        
+                            時間軸 Timeline
+                        
                          
                         
導覽

                         
@@ -491,6 +493,12 @@ 
表單控制項

                          
                         
應用程式

                         
+                        
+                            邊緣抽屜 App Drawer
+                        
+                        
                         
                             格局劃分 App Layout表單控制項
                                 >App Sidebar
                         
+                        
+                        
+                            頂部列 App Topbar
+                        
+                         
+                        
JavaScript 模組

+                        
+                        
+                            選單模組 Module Dropdown
+                        
+                        
+                        
+                            工具提示 Module Tooltip
+                        
+                        
+                        
+                            分頁模組 Module Tab
+                        
+                        
+                        
+                            樣式切換 Module Toggle
+                        
                          
                         

                             
@@ -523,7 +563,12 @@ 
表單控制項

                         
                         
                         

-                            
範例

+                            

+                                範例
+                                
+                            

 
                             
                             

@@ -595,7 +640,7 @@ 
表單控制項

                         

                         
                         
-                        
+                        
 
                         
                         
@@ -828,6 +873,51 @@ 
表單控制項

                             
                         

                         
+                        

+                            
+                            

+                                層疊的
+                                
+                                
+                                
+                            

+                            
這會讓原本左右欄位的設計變成上下層疊，適合搭配「響應式設計」功能在行動裝置上讓所有欄位層疊起來。

+

+
+                            
+                            
+                            

+                                

+    
使用者名稱

+    

+        

+            
+        

+    

+

+

+                                
<div class="ts-control is-stacked">
+    <div class="label">使用者名稱</div>
+    <div class="content">
+        <div class="ts-input is-fluid">
+            <input type="text">
+        </div>
+    </div>
+</div>

+

+                            

+                            
+                            
+
+                            
+                            
+                            
+
+                            
+                            
+                            
+                        

+                        
                         
                         
                         
組合應用

@@ -1000,6 +1090,14 @@ 
表單控制項

                         
                         
 
+                        
+                        
+                        
+
+                        
+                        
+                        
+
                         
                         

                             
在尋找相似的元件嗎？

@@ -1019,7 +1117,6 @@ 
表單控制項

                     
 
                     
-                    
                     

                         
                         
外觀

@@ -1041,6 +1138,10 @@ 
表單控制項

                                 較寬的 is-wide
                             
                             
+                            
+                                層疊的 is-stacked
+                            
+                            
                         

                         
                         
組合應用

@@ -1058,7 +1159,6 @@ 
表單控制項

                         
                         
                     

-                    
                     
                 

             

diff --git a/docs/zh-tw/conversation.html b/docs/zh-tw/conversation.html
index 20ab4b0a7..db84e7e7d 100644
--- a/docs/zh-tw/conversation.html
+++ b/docs/zh-tw/conversation.html
@@ -6,7 +6,9 @@
         
         
         
-        
+        
+        
+        
         
         
         
@@ -73,12 +75,6 @@
                              台灣正體
                             

                                 
-                                 English (US)
-                                
                                  台灣正體
                             

                                 
-                                 English (US)
-                                
                                 交談會話
                                 >Responsive
                         
+                        
+                        
+                            輔助樣式 Utilities
+                        
                          
                         
格局設計

                         
@@ -456,6 +452,12 @@ 
交談會話

                                 >Table
                         
+                        
+                        
+                            時間軸 Timeline
+                        
                          
                         
導覽

                         
@@ -491,6 +493,12 @@ 
交談會話

                          
                         
應用程式

                         
+                        
+                            邊緣抽屜 App Drawer
+                        
+                        
                         
                             格局劃分 App Layout交談會話
                                 >App Sidebar
                         
+                        
+                        
+                            頂部列 App Topbar
+                        
+                         
+                        
JavaScript 模組

+                        
+                        
+                            選單模組 Module Dropdown
+                        
+                        
+                        
+                            工具提示 Module Tooltip
+                        
+                        
+                        
+                            分頁模組 Module Tab
+                        
+                        
+                        
+                            樣式切換 Module Toggle
+                        
                          
                         

                             
@@ -523,7 +563,12 @@ 
交談會話

                         
                         
                         

-                            
範例

+                            

+                                範例
+                                
+                            

 
                             
                             

@@ -613,7 +658,7 @@ 
交談會話

                         

                         
                         
-                        
+                        
 
                         
                         
@@ -1578,11 +1623,18 @@ 
交談會話

                         
                         
 
+                        
+                        
+                        
+
+                        
+                        
+                        
+
                         
                     
 
                     
-                    
                     

                         
                         
訊息狀態

@@ -1655,7 +1707,6 @@ 
交談會話

                         
                         
                     

-                    
                     
                 

             

diff --git a/docs/zh-tw/divider.html b/docs/zh-tw/divider.html
index c984bd92a..f2dca1fe3 100644
--- a/docs/zh-tw/divider.html
+++ b/docs/zh-tw/divider.html
@@ -6,7 +6,9 @@
         
         
         
-        
+        
+        
+        
         
         
         
@@ -73,12 +75,6 @@
                              台灣正體
                             

                                 
-                                 English (US)
-                                
                                  台灣正體
                             

                                 
-                                 English (US)
-                                
                                 分隔線
                                 >Responsive
                         
+                        
+                        
+                            輔助樣式 Utilities
+                        
                          
                         
格局設計

                         
@@ -456,6 +452,12 @@ 
分隔線

                                 >Table
                         
+                        
+                        
+                            時間軸 Timeline
+                        
                          
                         
導覽

                         
@@ -491,6 +493,12 @@ 
分隔線

                          
                         
應用程式

                         
+                        
+                            邊緣抽屜 App Drawer
+                        
+                        
                         
                             格局劃分 App Layout分隔線
                                 >App Sidebar
                         
+                        
+                        
+                            頂部列 App Topbar
+                        
+                         
+                        
JavaScript 模組

+                        
+                        
+                            選單模組 Module Dropdown
+                        
+                        
+                        
+                            工具提示 Module Tooltip
+                        
+                        
+                        
+                            分頁模組 Module Tab
+                        
+                        
+                        
+                            樣式切換 Module Toggle
+                        
                          
                         

                             
@@ -523,7 +563,12 @@ 
分隔線

                         
                         
                         

-                            
範例

+                            

+                                範例
+                                
+                            

 
                             
                             

@@ -581,7 +626,7 @@ 
分隔線

                         

                         
                         
-                        
+                        
 
                         
                         
@@ -805,11 +850,18 @@ 
分隔線

                         
                         
 
+                        
+                        
+                        
+
+                        
+                        
+                        
+
                         
                     
 
                     
-                    
                     

                         
                         
外觀

@@ -840,7 +892,6 @@ 
分隔線

                         
                         
                     

-                    
                     
                 

             

diff --git a/docs/zh-tw/dropdown.html b/docs/zh-tw/dropdown.html
index bdefb4c3a..1d62996f9 100644
--- a/docs/zh-tw/dropdown.html
+++ b/docs/zh-tw/dropdown.html
@@ -6,7 +6,9 @@
         
         
         
-        
+        
+        
+        
         
         
         
@@ -73,12 +75,6 @@
                              台灣正體
                             

                                 
-                                 English (US)
-                                
                                  台灣正體
                             

                                 
-                                 English (US)
-                                
                                 彈出式選單
                                 >Responsive
                         
+                        
+                        
+                            輔助樣式 Utilities
+                        
                          
                         
格局設計

                         
@@ -456,6 +452,12 @@ 
彈出式選單

                                 >Table
                         
+                        
+                        
+                            時間軸 Timeline
+                        
                          
                         
導覽

                         
@@ -491,6 +493,12 @@ 
彈出式選單

                          
                         
應用程式

                         
+                        
+                            邊緣抽屜 App Drawer
+                        
+                        
                         
                             格局劃分 App Layout彈出式選單
                                 >App Sidebar
                         
+                        
+                        
+                            頂部列 App Topbar
+                        
+                         
+                        
JavaScript 模組

+                        
+                        
+                            選單模組 Module Dropdown
+                        
+                        
+                        
+                            工具提示 Module Tooltip
+                        
+                        
+                        
+                            分頁模組 Module Tab
+                        
+                        
+                        
+                            樣式切換 Module Toggle
+                        
                          
                         

                             
@@ -523,7 +563,12 @@ 
彈出式選單

                         
                         
                         

-                            
範例

+                            

+                                範例
+                                
+                            

 
                             
                             

@@ -601,7 +646,7 @@ 
彈出式選單

                         

                         
                         
-                        
+                        
 
                         
                         
@@ -1244,7 +1289,9 @@ 
彈出式選單

                                 
                                 
                             

-                            
下拉式選單可以透過 is-top（上面）和 is-bottom（下面）選擇要貼齊父容器的哪邊，這同時會讓選單以流動的方式填滿左右寬度。如果父容器的寬度小於選單裡的項目，則會以項目寬度為主。

+                            
下拉式選單可以透過 is-top（上面）和 is-bottom（下面）選擇要貼齊父容器的哪邊，這同時會讓選單以流動的方式填滿左右寬度。如果容器的寬度小於選單裡的項目，則會以項目寬度為主。

+
+
由於 CSS 的先天限制，如果項目會超出容器的寬度，請考慮使用 is-top-center（上面置中）與 is-bottom-center（下面置中）。

 

 
                             
@@ -1299,7 +1346,7 @@ 
彈出式選單

                                 
                                 
                             

-                            
下拉式選單可以選擇要貼齊父容器的哪個角落，透過 is-top-left（左上）、is-top-right（右上）　和 is-bottom-left（左下）、is-bottom-right（右下）指定。

+                            
下拉式選單可以選擇要貼齊父容器的哪個角落，透過 is-top-left（左上）、is-top-right（右上）和 is-bottom-left（左下）、is-bottom-right（右下）指定。

 

 
                             
@@ -1625,6 +1672,14 @@ 
彈出式選單

                         
                         
 
+                        
+                        
+                        
+
+                        
+                        
+                        
+
                         
                         

                             
在尋找相似的元件嗎？

@@ -1644,7 +1699,6 @@ 
彈出式選單

                     
 
                     
-                    
                     

                         
                         
狀態

@@ -1729,7 +1783,6 @@ 
彈出式選單

                         
                         
                     

-                    
                     
                 

             

diff --git a/docs/zh-tw/email.html b/docs/zh-tw/email.html
new file mode 100644
index 000000000..d9c6fcc1e
--- /dev/null
+++ b/docs/zh-tw/email.html
@@ -0,0 +1,1579 @@
+
+
+    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        電子郵件 - Tocas UI
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+    
+    
+        

+            

+                

+                    

+                        Tocas UI
+                        開始使用
+                        元件樣式
+                        實際範例
+                    

+                    

+                        

+                             台灣正體
+                            

+                                
+                                 台灣正體
+                                
+                            

+                        

+                         GitHub
+                    

+                

+                

+                    

+                        Tocas UI
+                    

+                    

+                        

+                             台灣正體
+                            

+                                
+                                 台灣正體
+                                
+                            

+                        

+                        
+                    

+                

+                

+                    
電子郵件

+                    
使用於電子郵件內容的輕量化 Tocas UI 樣式。

+                

+            

+        

+
+        

+            

+                

+                    
+                    

+                        
+                        
初入上手

+                        
+                        
+                            開始使用 Getting Started
+                        
+                        
+                        
+                            主題色系 Colors
+                        
+                        
+                        
+                            響應式設計 Responsive
+                        
+                        
+                        
+                            輔助樣式 Utilities
+                        
+                         
+                        
格局設計

+                        
+                        
+                            箱型容器 Box
+                        
+                        
+                        
+                            絕對置中 Center
+                        
+                        
+                        
+                            界限容器 Container
+                        
+                        
+                        
+                            內容區塊 Content
+                        
+                        
+                        
+                            表單控制項 Control
+                        
+                        
+                        
+                            網格系統 Grid
+                        
+                        
+                        
+                            空白間隔 Space
+                        
+                        
+                        
+                            水平排列 Row
+                        
+                        
+                        
+                            間隔容器 Wrap
+                        
+                         
+                        
表單

+                        
+                        
+                            按鈕 Button
+                        
+                        
+                        
+                            核取方塊 Checkbox
+                        
+                        
+                        
+                            欄位分組 Fieldset
+                        
+                        
+                        
+                            檔案上傳 File
+                        
+                        
+                        
+                            輸入欄位 Input
+                        
+                        
+                        
+                            選項按鈕 Radio
+                        
+                        
+                        
+                            下拉式選擇 Select
+                        
+                        
+                        
+                            項目切換 Selection
+                        
+                        
+                        
+                            指撥開關 Switch
+                        
+                         
+                        
文字與段落

+                        
+                        
+                            分隔線 Divider
+                        
+                        
+                        
+                            標題 Header
+                        
+                        
+                        
+                            內容遮罩 Mask
+                        
+                        
+                        
+                            引言 Quote
+                        
+                        
+                        
+                            片段 Segment
+                        
+                        
+                        
+                            文字 Text
+                        
+                         
+                        
視覺回饋

+                        
+                        
+                            圓形量測計 Gauge
+                        
+                        
+                        
+                            讀取狀態 Loading
+                        
+                        
+                        
+                            快顯視窗 Modal
+                        
+                        
+                        
+                            提示訊息 Notice
+                        
+                        
+                        
+                            預置內容 Placeholder
+                        
+                        
+                        
+                            步驟指示器 Procedure
+                        
+                        
+                        
+                            進度條 Progress
+                        
+                        
+                        
+                            簡短通知 Snackbar
+                        
+                         
+                        
多媒體與圖示

+                        
+                        
+                            大頭貼 Avatar
+                        
+                        
+                        
+                            國家旗幟 Flag
+                        
+                        
+                        
+                            圖示 Icon
+                        
+                        
+                        
+                            圖示項目 Iconset
+                        
+                        
+                        
+                            多媒體圖片 Image
+                        
+                        
+                        
+                            圖片組合 Imageset
+                        
+                         
+                        
資料顯示

+                        
+                        
+                            可折疊內容 Accordion
+                        
+                        
+                        
+                            計數徽章 Badge
+                        
+                        
+                        
+                            檢查清單 Checklist
+                        
+                        
+                        
+                            關聯標籤 Chip
+                        
+                        
+                        
+                            關閉按鈕 Close
+                        
+                        
+                        
+                            交談會話 Conversation
+                        
+                        
+                        
+                            清單 List
+                        
+                        
+                        
+                            中繼資料 Meta
+                        
+                        
+                        
+                            評分 Rating
+                        
+                        
+                        
+                            統計數據 Statistic
+                        
+                        
+                        
+                            表格 Table
+                        
+                        
+                        
+                            時間軸 Timeline
+                        
+                         
+                        
導覽

+                        
+                        
+                            導覽標記 Breadcrumb
+                        
+                        
+                        
+                            彈出式選單 Dropdown
+                        
+                        
+                        
+                            選單 Menu
+                        
+                        
+                        
+                            頁數導覽列 Pagination
+                        
+                        
+                        
+                            分頁籤 Tab
+                        
+                         
+                        
應用程式

+                        
+                        
+                            邊緣抽屜 App Drawer
+                        
+                        
+                        
+                            格局劃分 App Layout
+                        
+                        
+                        
+                            導航列 App Navbar
+                        
+                        
+                        
+                            側邊欄 App Sidebar
+                        
+                        
+                        
+                            頂部列 App Topbar
+                        
+                         
+                        
JavaScript 模組

+                        
+                        
+                            選單模組 Module Dropdown
+                        
+                        
+                        
+                            工具提示 Module Tooltip
+                        
+                        
+                        
+                            分頁模組 Module Tab
+                        
+                        
+                        
+                            樣式切換 Module Toggle
+                        
+                         
+                        

+                            
+                        

+                    

+                    
+
+                    
+                    

+                    
+
+                    

+                        
+                        
+                        

+                            

+                                範例
+                                
+                            

+
+                            
+                            

+                                
明暗色系

+                                

+                                    

+                                        遵循使用者設定
+                                        
+                                    

+                                    

+                                        

+                                            遵循使用者設定
+                                        

+                                        
亮色

+                                        
暗色

+                                    

+                                

+                            

+                            
+
+                            
+                            

+                                
縮放

+                                

+                                    

+                                        標準
+                                        
+                                    

+                                    

+                                        
放大

+                                        

+                                            標準
+                                        

+                                        
縮小

+                                    

+                                

+                            

+                            
+                        

+
+                        
+                        

+                            

+                                

+    

+        
鮪魚罐頭公司

+    

+    

+        

+            
歡迎來到《鮪魚罐頭公司》

+            

+            

+                感謝你使用鮪魚罐頭公司的網站！我們致力於提供令人滿意的罐頭服務。我們非常重視你的意見和建議，如果你對我們的產品或服務有任何疑問，請隨時與我們聯繫。
+            

+            

+            
— 開發團隊敬上

+            

+            立刻開始 🎉
+        

+    

+    

+        

+            這封信件寄送至 yamiodymel@example.com。你會收到這封信是因為這是非常重要的系統通知。
+        

+    

+

+

+                            

+                            
<div class="ts-email">
+    <div class="content">
+        <div class="header">鮪魚罐頭公司</div>
+    </div>
+    <div class="box">
+        <div class="content">
+            <div class="header is-large">歡迎來到《鮪魚罐頭公司》</div>
+            <div class="space"></div>
+            <div class="text">
+                感謝你使用鮪魚罐頭公司的網站！我們致力於提供令人滿意的罐頭服務。我們非常重視你的意見和建議，如果你對我們的產品或服務有任何疑問，請隨時與我們聯繫。
+            </div>
+            <div class="space"></div>
+            <div class="text is-secondary">— 開發團隊敬上</div>
+            <div class="space"></div>
+            <a class="button is-fluid">立刻開始 🎉</a>
+        </div>
+    </div>
+    <div class="content">
+        <div class="text is-description">
+            這封信件寄送至 yamiodymel@example.com。你會收到這封信是因為這是非常重要的系統通知。
+        </div>
+    </div>
+</div>

+

+                        

+                        
+                        
+                        
+
+                        
+                        
+                        
概要

+                        
這個頁面目前尚未經過整理。

+
+
現今的電子郵件客戶端依然不支援大多數（至少 70%）CSS 樣式，所以我們特別獨立出了一個輕量化的 Tocas UI 樣式可以直接複製貼上至電子郵件裡，別忘記你隨時都可以檢視實際範例。

+
+
這些樣式僅能滿足基本用途而無法打造較為獨特的設計。若需要其他選擇，可以考慮使用 MJML。Tocas Email 並不支援響應式設計，因為電子郵件本來就應該以最小化介面設計。

+

+                        
+                        
+
+                        
+                        
+                        
安裝與使用

+
+                        
+
+                        
+                        
+                        
+
+                        
+                        
+                        

+                            
+                            

+                                主要樣式
+                                
+                            

+                            
由於電子郵件不能引用外部檔案，你需要下載 Tocas Email 並複製貼上至電子郵件裡的 <style> .. </style> 標籤便能開始使用。

+

+
+                            
+                            
+                            
+
+                            
+                            
+                            

+                                
.ts-email table,.ts-email tbody,.ts-email td,.ts-email tfoot,.ts-email th,.ts-email thead,.ts-email tr{border:0;border-collapse:collapse;border-spacing:0;color:inherit;font-size:100%;font:inherit;font-weight:inherit;margin:0;padding:0;text-align:left;vertical-align:baseline}.ts-email table{border-collapse:collapse;border-spacing:0}.ts-email a{color:#0050b3}.ts-email{color:#373737;font-family:Noto Sans TC,SF Pro TC,SF Pro Text,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,Microsoft JhengHei,wf_SegoeUI,Segoe UI,Segoe,Segoe WP,Tahoma,Verdana,Ubuntu,Bitstream Vera Sans,DejaVu Sans,微軟正黑體,LiHei Pro,WenQuanYi Micro Hei,Droid Sans Fallback,AR PL UMing TW,Roboto,Hiragino Maru Gothic ProN,メイリオ,ヒラギノ丸ゴ ProN W4,Meiryo,Droid Sans,sans-serif;font-size:15px;line-height:1.9;padding:15px 0}.ts-email.is-secondary{background-color:#f2f2f2}.ts-email .is-center-aligned{text-align:center}.ts-email .is-start-aligned{text-align:left}.ts-email .is-end-aligned{text-align:right}.ts-email .is-first{border-left:none;margin-left:0;padding-left:0}.ts-email .is-last{border-right:none;margin-right:0;padding-right:0}.ts-email a.button{background:#373737;border:2px solid #373737;border-radius:6px;color:#fff;display:inline-block;font-size:16px;font-weight:500;line-height:1.5;min-width:115px;padding:7px 16px;text-align:center;text-decoration:none}.ts-email a.button.is-outlined{background:transparent;border:2px solid #e1e1e1;color:#373737}.ts-email a.button.is-negative{background:#f5222d;border-color:#f5222d;color:#fff}.ts-email a.button.is-negative.is-outlined{background:none;border-color:#e1e1e1;color:#f5222d}.ts-email a.button.is-circular{border-radius:100em}.ts-email a.button.is-fluid{box-sizing:border-box;display:block;width:100%}.ts-email a.button.is-cta{font-size:20px;min-width:130px}.ts-email .wrap .item{display:inline-block;margin-right:15px}.ts-email .wrap .item.is-last{margin-right:0}.ts-email .text.is-label{color:#333;font-size:14px;font-weight:700;line-height:1.3}.ts-email .text.is-undecorated{text-decoration:none}.ts-email .text.is-undecorated:hover{text-decoration:underline}.ts-email .text.is-bold{font-weight:700}.ts-email .text.is-italic{font-style:italic}.ts-email .text.is-deleted{text-decoration:line-through}.ts-email .text.is-underlined{text-decoration:underline}.ts-email .text.is-code{background:#eee;border-radius:6px;color:#373737;font-size:14px;padding:0 .2rem}.ts-email .text.is-mark{background:#fadb14;border-radius:6px;color:#333;font-size:14px;padding:0 4px}.ts-email .text.is-sub,.ts-email .text.is-sup{color:#767676;font-size:12px}.ts-email .text.is-sub{vertical-align:bottom}.ts-email .text.is-sup{vertical-align:top}.ts-email .text.is-description,.ts-email .text.is-secondary{color:#767676}.ts-email .text.is-description,.ts-email .text.is-small{font-size:14px}.ts-email .text.is-large{font-size:17px}.ts-email .text.is-start-aligned{text-align:left}.ts-email .text.is-center-aligned{text-align:center}.ts-email .text.is-end-aligned{text-align:right}.ts-email .content{box-sizing:border-box;color:inherit;display:block;padding:22px;text-decoration:none}.ts-email .content.is-dense{padding-bottom:15px;padding-top:15px}.ts-email .content.is-rounded{border-radius:6px}.ts-email .content.is-secondary{background:#fafafa}.ts-email .content.is-tertiary{background:#f2f2f2}.ts-email .content.is-start-aligned{text-align:left}.ts-email .content.is-center-aligned{text-align:center}.ts-email .content.is-end-aligned{text-align:right}.ts-email .container{margin:0 auto;max-width:580px;padding:0 16px}.ts-email .grid{border-collapse:collapse;border-spacing:0;width:100%}.ts-email .grid.is-top-aligned .column{vertical-align:top}.ts-email .grid.is-middle-aligned .column{vertical-align:middle}.ts-email .grid.is-bottom-aligned .column{vertical-align:bottom}.ts-email .grid .column{border-color:transparent;border-style:solid;border-width:0 16px}.ts-email .grid .column.is-first{border-left:none}.ts-email .grid .column.is-last{border-right:none}.ts-email .grid .column.is-collapsed{white-space:nowrap;width:0}.ts-email .grid .column.is-16-wide{width:100%}.ts-email .grid .column.is-15-wide{width:93.75%}.ts-email .grid .column.is-14-wide{width:87.5%}.ts-email .grid .column.is-13-wide{width:81.25%}.ts-email .grid .column.is-12-wide{width:75%}.ts-email .grid .column.is-11-wide{width:68.75%}.ts-email .grid .column.is-10-wide{width:62.5%}.ts-email .grid .column.is-9-wide{width:56.25%}.ts-email .grid .column.is-8-wide{width:50%}.ts-email .grid .column.is-7-wide{width:43.75%}.ts-email .grid .column.is-6-wide{width:37.5%}.ts-email .grid .column.is-5-wide{width:31.25%}.ts-email .grid .column.is-4-wide{width:25%}.ts-email .grid .column.is-3-wide{width:18.75%}.ts-email .grid .column.is-2-wide{width:12.5%}.ts-email .grid .column.is-1-wide{width:6.25%}.ts-email .space{height:15px}.ts-email .space.is-small{height:7px}.ts-email .space.is-large{height:22px}.ts-email .space.is-big{height:45px}.ts-email .space.is-huge{height:67px}.ts-email .image img{height:auto;vertical-align:top;width:100%}.ts-email .image.is-centered{text-align:center}.ts-email .image.is-rounded img{border-radius:6px}.ts-email .image.is-circular img{border-radius:100rem}.ts-email .image.is-mini img{width:64px}.ts-email .image.is-tiny img{width:86px}.ts-email .image.is-small img{width:125px}.ts-email .image.is-medium img{width:180px}.ts-email .image.is-large img{width:240px}.ts-email .box{background:#fff;border:1px solid #e1e1e1;border-radius:6px;color:inherit;display:block;overflow:hidden;text-decoration:none}.ts-email .box.is-top-indicated{border-top:6px solid #303030}.ts-email .box.is-bottom-indicated{border-bottom:6px solid #303030}.ts-email .box.is-top-indicated.is-negative{border-top:6px solid #f5222d}.ts-email .box.is-bottom-indicated.is-negative{border-bottom:6px solid #f5222d}.ts-email .divider{border-top:1px solid #e1e1e1;display:block}.ts-email .divider.is-section{margin:15px 0}.ts-email .quote{border-left:5px solid #e1e1e1;padding:0 0 0 2rem}.ts-email .list{margin-left:36px;padding:0}.ts-email .list .item{display:list-item}.ts-email .list.is-unordered .item{list-style-type:disc}.ts-email .list.is-ordered .item{list-style-type:decimal}.ts-email .header{color:#333;font-size:17px;font-weight:700;line-height:1.6}.ts-email .header.is-large{font-size:20px}.ts-email .header.is-big{font-size:24px}.ts-email .header.is-negative{color:#f5222d}.ts-email .pincode span{border:3px solid #e1e1e1;border-radius:6px;display:inline-block;font-size:25px;font-weight:700;line-height:1;margin-right:8px;padding:8px 13px;text-align:center;vertical-align:middle}.ts-email .table{font-size:14px;height:auto;width:100%}.ts-email .table tr th{background:#f2f2f2}.ts-email .table thead tr{border-bottom:1px solid #e1e1e1}.ts-email .table tfoot tr th,.ts-email .table thead tr th{color:#5a5a5a;font-weight:500;padding:6px 22px}.ts-email .table tbody tr td{padding:6px 22px;word-break:break-all}.ts-email .table tbody tr{border-top:1px solid #e1e1e1}.ts-email .table.is-small,.ts-email .table.is-small tbody,.ts-email .table.is-small td,.ts-email .table.is-small tfoot,.ts-email .table.is-small th,.ts-email .table.is-small thead,.ts-email .table.is-small tr{font-size:.93em}.ts-email .table.is-large,.ts-email .table.is-large tbody,.ts-email .table.is-large td,.ts-email .table.is-large tfoot,.ts-email .table.is-large th,.ts-email .table.is-large thead,.ts-email .table.is-large tr{font-size:1.06em}.ts-email .table.is-collapsed{width:auto}.ts-email .table td.is-collapsed,.ts-email .table th.is-collapsed{white-space:nowrap;width:1px}.ts-email .table.is-basic tr th,.ts-email .table.is-very-basic tr th{background:transparent}.ts-email .table.is-very-basic tbody td,.ts-email .table.is-very-basic tbody th,.ts-email .table.is-very-basic tbody tr{border-color:transparent}.ts-email .table.is-dense tbody tr td,.ts-email .table.is-dense tfoot tr th,.ts-email .table.is-dense thead tr th{padding-bottom:.25rem;padding-top:.25rem}.ts-email .table td.is-start-aligned,.ts-email .table th.is-start-aligned,.ts-email .table tr.is-start-aligned{text-align:left}.ts-email .table td.is-center-aligned,.ts-email .table th.is-center-aligned{text-align:center}.ts-email .table td.is-end-aligned,.ts-email .table th.is-end-aligned{text-align:right}.ts-email .table td.is-top-aligned,.ts-email .table th.is-top-aligned,.ts-email .table.is-top-aligned td,.ts-email .table.is-top-aligned th{vertical-align:top}.ts-email .table td.is-middle-aligned,.ts-email .table th.is-middle-aligned,.ts-email .table tr.is-middle-aligned td{vertical-align:middle}.ts-email .table td.is-bottom-aligned,.ts-email .table th.is-bottom-aligned{vertical-align:bottom}

+ 
+                            

+                            
+                            
+
+                            
+                            
+                            
+                        

+                        
+                        
+                        
+                        
標題

+
+                        
+
+                        
+                        
+                        
+
+                        
+                        
+                        

+                            
+                            

+                                標題
+                                
+                                
+                                
+                            

+                            
針對某個主題以不同語氣和大小呈現文字的重要性。

+

+
+                            
+                            
+                            

+                                

+    
預設標題。

+    
大的標題。

+    
更大的標題。

+    
負面的標題。

+

+

+                                
<div class="ts-email">
+    <div class="header">預設標題。</div>
+    <div class="header is-large">大的標題。</div>
+    <div class="header is-big">更大的標題。</div>
+    <div class="header is-negative">負面的標題。</div>
+</div>

+

+                            

+                            
+                            
+
+                            
+                            
+                            
+
+                            
+                            
+                            
+                        

+                        
+                        

+                            
+                            

+                                清單
+                                
+                                
+                                
+                            

+                            
能夠展現基本文字與項目的列表。

+

+
+                            
+                            
+                            

+                                

+    

+        
有序清單項目 1

+        
有序清單項目 2

+    

+    

+    

+        
無序清單項目 A

+        
無序清單項目 B

+    

+

+

+                                
<div class="ts-email">
+    <div class="list is-ordered">
+        <div class="item">有序清單項目 1</div>
+        <div class="item">有序清單項目 2</div>
+    </div>
+    <div class="list is-unordered">
+        <div class="item">無序清單項目 A</div>
+        <div class="item">無序清單項目 B</div>
+    </div>
+</div>

+

+                            

+                            
+                            
+
+                            
+                            
+                            
+
+                            
+                            
+                            
+                        

+                        
+                        

+                            
+                            

+                                驗證碼
+                                
+                                
+                                
+                            

+                            
4 到 6 位數的認證碼，適合用於登入驗證信件。

+

+
+                            
+                            
+                            

+                                

+    

+        1
+        3
+        5
+        2
+    

+

+

+                                
<div class="ts-email">
+    <div class="pincode">
+        <span>1</span>
+        <span>3</span>
+        <span>5</span>
+        <span>2</span>
+    </div>
+</div>

+

+                            

+                            
+                            
+
+                            
+                            
+                            
+
+                            
+                            
+                            
+                        

+                        
+                        

+                            
+                            

+                                按鈕
+                                
+                                
+                                
+                            

+                            
可供使用者點擊並執行動作的互動元素。

+

+
+                            
+                            
+                            

+                                

+    一般按鈕
+    外框線按鈕
+    負面按鈕
+    負面外框線按鈕
+    圓角按鈕
+    圓角外框線按鈕
+    流動按鈕
+    行動號召大按鈕
+

+

+                                
<div class="ts-email" style="display: flex; flex-wrap: wrap; gap: 1rem">
+    <a class="button">一般按鈕</a>
+    <a class="button is-outlined">外框線按鈕</a>
+    <a class="button is-negative">負面按鈕</a>
+    <a class="button is-negative is-outlined">負面外框線按鈕</a>
+    <a class="button is-circular">圓角按鈕</a>
+    <a class="button is-circular is-outlined">圓角外框線按鈕</a>
+    <a class="button is-fluid">流動按鈕</a>
+    <a class="button is-cta">行動號召大按鈕</a>
+</div>

+

+                            

+                            
+                            
+
+                            
+                            
+                            
+
+                            
+                            
+                            
+                        

+                        
+                        

+                            
+                            

+                                文字
+                                
+                                
+                                
+                            

+                            
以不同的語氣或方式改變文字的呈現方式。

+

+
+                            
+                            
+                            

+                                

+    粗體文字
+    斜體文字
+    被刪除的文字
+    有底線的文字
+    

+    程式碼文字
+    螢光標記文字
+    上標文字
+    下標文字
+    次要文字
+    
小的文字

+    
預設文字

+    
大的文字

+    

+    
置起始位置

+    
置中對齊

+    
置結束位置

+

+

+                                
<div class="ts-email">
+    <span class="text is-bold">粗體文字</span>
+    <span class="text is-italic">斜體文字</span>
+    <span class="text is-deleted">被刪除的文字</span>
+    <span class="text is-underlined">有底線的文字</span>
+    <span class="text is-code">程式碼文字</span>
+    <span class="text is-mark">螢光標記文字</span>
+    <span class="text is-sup">上標文字</span>
+    <span class="text is-sub">下標文字</span>
+    <span class="text is-secondary">次要文字</span>
+    <div class="text is-small">小的文字</div>
+    <div class="text">預設文字</div>
+    <div class="text is-large">大的文字</div>
+    <div class="text is-start-aligned">置起始位置</div>
+    <div class="text is-center-aligned">置中對齊</div>
+    <div class="text is-end-aligned">置結束位置</div>
+</div>

+

+                            

+                            
+                            
+
+                            
+                            
+                            
+
+                            
+                            
+                            
+                        

+                        
+                        

+                            
+                            

+                                分隔線
+                                
+                                
+                                
+                            

+                            
區隔主題或段落的分隔線段。

+

+
+                            
+                            
+                            

+                                

+    

+    

+

+

+                                
<div class="ts-email">
+    <div class="divider"></div>
+    <div class="divider is-section"></div>
+</div>

+

+                            

+                            
+                            
+
+                            
+                            
+                            
+
+                            
+                            
+                            
+                        

+                        
+                        

+                            
+                            

+                                內容區塊
+                                
+                                
+                                
+                            

+                            
用以包覆內容的內距區塊。

+

+
+                            
+                            
+                            

+                                

+    

+        
內容區塊

+        
次要內容區塊

+        
不重要的內容區塊

+        
置起始位置

+        
置中位置

+        
置結束位置

+    

+

+

+                                
<div class="ts-email">
+    <div class="box">
+        <div class="content">內容區塊</div>
+        <div class="content is-secondary">次要內容區塊</div>
+        <div class="content is-tertiary">不重要的內容區塊</div>
+        <div class="content is-start-aligned">置起始位置</div>
+        <div class="content is-center-aligned">置中位置</div>
+        <div class="content is-end-aligned">置結束位置</div>
+    </div>
+</div>

+

+                            

+                            
+                            
+
+                            
+                            
+                            
+
+                            
+                            
+                            
+                        

+                        
+                        

+                            
+                            

+                                箱型容器
+                                
+                                
+                                
+                            

+                            
帶有邊框的基礎架構容器並可與其他元素混搭使用。

+

+
+                            
+                            
+                            

+                                

+    

+        
箱型容器

+    

+    

+    

+        
頂部標記

+    

+    

+    

+        
頂部負面標記

+    

+

+

+                                
<div class="ts-email">
+    <div class="box">
+        <div class="content">箱型容器</div>
+    </div>
+    <div class="box is-top-indicated">
+        <div class="content">頂部標記</div>
+    </div>
+    <div class="box is-top-indicated is-negative">
+        <div class="content">頂部負面標記</div>
+    </div>
+</div>

+

+                            

+                            
+                            
+
+                            
+                            
+                            
+
+                            
+                            
+                            
+                        

+                        
+                        

+                            
+                            

+                                多媒體圖片
+                                
+                                
+                                
+                            

+                            
呈現照片、圖片的基本元素。

+

+
+                            
+                            
+                            

+                                

+    

+        不重要預置圖片，僅作為範例用
+    

+    

+    

+        不重要預置圖片，僅作為範例用
+    

+    

+    

+        不重要預置圖片，僅作為範例用
+    

+    

+    

+        不重要預置圖片，僅作為範例用
+    

+    

+    

+        不重要預置圖片，僅作為範例用
+    

+

+

+                                
<div class="ts-email">
+    <div class="image is-small is-centered">
+        <img src="image.png">
+    </div>
+    <div class="image is-small">
+        <img src="image.png">
+    </div>
+    <div class="image is-medium">
+        <img src="image.png">
+    </div>
+    <div class="image is-large">
+        <img src="image.png">
+    </div>
+    <div class="image">
+        <img src="image.png">
+    </div>
+</div>

+

+                            

+                            
+                            
+
+                            
+                            
+                            
+
+                            
+                            
+                            
+                        

+                        
+                        

+                            
+                            

+                                引言
+                                
+                                
+                                
+                            

+                            
表明某段敘述來自他人所說。

+

+
+                            
+                            
+                            

+                                

+    

+        
引言區塊

+        
引言區塊

+        
引言區塊

+    

+

+

+                                
<div class="ts-email">
+    <div class="quote">
+        <p>引言區塊</p>
+        <p>引言區塊</p>
+        <p>引言區塊</p>
+    </div>
+</div>

+

+                            

+                            
+                            
+
+                            
+                            
+                            
+
+                            
+                            
+                            
+                        

+                        
+                        
+                        
+                        
界限容器

+
+                        
+
+                        
+                        
+                        
+
+                        
+                        
+                        

+                            
+                            

+                                界限容器
+                                
+                                
+                                
+                            

+                            
用以包覆內容的內距區塊。

+

+
+                            
+                            
+                            

+                                

+    
保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作，在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容，合理使用的理念如下：使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，即使少量的原創著作被引用，也較不可能符合合理使用之原則。使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。

+

+

+                                
<div class="ts-email">
+    <div class="container">保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作，在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容，合理使用的理念如下：使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，即使少量的原創著作被引用，也較不可能符合合理使用之原則。使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。</div>
+</div>

+

+                            

+                            
+                            
+
+                            
+                            
+                            
+
+                            
+                            
+                            
+                        

+                        
+                        
+                        
+                        
網格系統

+
+                        
+
+                        
+                        
+                        
+
+                        
+                        
+                        

+                            
+                            

+                                網格系統
+                                
+                                
+                                
+                            

+                            
用以包覆內容的內距區塊。

+

+
+                            
+                            
+                            

+                                

+
+ + + + + + + + +
+
交易 ID
+ 4838D84JOA9NUY3HS + 		+
交易日期
+ 2023/1/20 01:10:35 GMT+08:00 +
+
商店
+ Sorae & Co., Ltd. + 		+
商店說明
+ 你尚未輸入任何說明。 +
+
+
+ 
<div class="ts-email">
+    <table class="grid">
+        <tr>
+            <td class="column is-6-wide is-first">
+                <div class="text is-bold">交易 ID</div>
+                4838D84JOA9NUY3HS
+            </td>
+            <td class="column is-6-wide is-last">
+                <div class="text is-bold">交易日期</div>
+                2023/1/20 01:10:35 GMT+08:00
+            </td>
+        </tr>
+        <tr>
+            <td class="column is-6-wide is-first">
+                <div class="text is-bold">商店</div>
+                Sorae & Co., Ltd.
+            </td>
+            <td class="column is-6-wide is-last">
+                <div class="text is-bold">商店說明</div>
+                你尚未輸入任何說明。
+            </td>
+        </tr>
+    </table>
+</div>
+
+
+ + + + + + + + + + +
+ +
+ +
+ 網格系統 + + + +
+

用以包覆內容的內距區塊。

+
+ + + +
+
+ + + + + +
+
這是一個神奇的標題！
+
早安我的朋友，你最近好嗎？這是一段文字但我希望你看了會開心。
+
+
+
+ 
<div class="ts-email">
+    <table class="grid">
+        <tr>
+            <td class="column is-collapsed is-first">
+                <div class="image is-small">
+                    <img src="image.png">
+                </div>
+            </td>
+            <td class="column is-last">
+                <div class="header">這是一個神奇的標題！</div>
+                <div class="text">早安我的朋友，你最近好嗎？這是一段文字但我希望你看了會開心。</div>
+            </td>
+        </tr>
+    </table>
+</div>
+
+
+ + + + + + + + + + +
+ + + +
元件
+ + +

在 Tocas Email 裡面的元件都不需要 ts- 前輟。

+
+ + + + + + + + + + + + + + + + + + + + + +
+ + +
+ +
安裝與使用
+
+ + + 主要樣式 + + +
+ +
標題
+
+ + + 標題 + + + + 清單 + + + + 驗證碼 + + + + 按鈕 + + + + 文字 + + + + 分隔線 + + + + 內容區塊 + + + + 箱型容器 + + + + 多媒體圖片 + + + + 引言 + + +
+ +
界限容器
+
+ + + 界限容器 container + + +
+ +
網格系統
+
+ + + 網格系統 grid + + + + 網格系統 grid + + +
+ +
元件
+
+ +
+ + +
+ +
+
+
+ +
+
+
+ + GitHub + 開始使用 + 元件樣式 + 實際範例 +
+
+
+
由來自 台灣的 Yami Odymel 所設計，當然還有貢獻者們的愛心❤️。原始碼授權方式為 MIT，文件則為 CC 0 公眾領域。還請盡情地使用、分享或一同改進。Tocas UI 是卡莉絲伊繁星的設計語言，而卡莉絲伊繁星屬對空音商事。
+
台灣正體語系協作者：Yami Odymel、coin3x、Sea-n
+
+
+ 擁有 Tocas UI 的所屬組織商標 +
+
+
+
+ + diff --git a/docs/zh-tw/examples.html b/docs/zh-tw/examples.html index e3d7d03c5..5c2c4b26a 100644 --- a/docs/zh-tw/examples.html +++ b/docs/zh-tw/examples.html @@ -6,7 +6,7 @@ - + @@ -74,12 +74,6 @@ 台灣正體
- English (US) - 台灣正體
- English (US) - 實際範例
- -
看過來
這些範例是以電腦版本為設計初衷，若以行動裝置檢視，其格局可能會變形或被裁切。
@@ -150,8 +133,8 @@

實際範例

target="_blank" class='文件內容-範例清單-段落-項目清單-項目 ' > - - + +
聊天室
透過對話氣泡、結構框架實作小型聊天室介面。
@@ -162,8 +145,8 @@

實際範例

target="_blank" class='文件內容-範例清單-段落-項目清單-項目 ' > - - + +
資訊儀表板
一個擁有側邊欄並像企業網站的後台管理介面。
@@ -174,8 +157,8 @@

實際範例

target="_blank" class='文件內容-範例清單-段落-項目清單-項目 ' > - - + +
動態時軸
呈現可供使用者張貼短文、查看動態消息的時間軸社群網站。
@@ -186,8 +169,8 @@

實際範例

target="_blank" class='文件內容-範例清單-段落-項目清單-項目 ' > - - + +
信箱
網頁電子信箱的郵件檢視頁面並夾帶數個檔案附件。
@@ -198,8 +181,8 @@

實際範例

target="_blank" class='文件內容-範例清單-段落-項目清單-項目 ' > - - + +
雲端硬碟
一個透過卡片方式成列檔案的雲端硬碟。
@@ -210,8 +193,8 @@

實際範例

target="_blank" class='文件內容-範例清單-段落-項目清單-項目 ' > - - + +
發文後台
與 Simple Markdown Editor 所搭配的個人部落格後台文章發佈頁面。
@@ -230,8 +213,8 @@

實際範例

target="_blank" class='文件內容-範例清單-段落-項目清單-項目 ' > - - + +
部落格
以文字元素與部份特色卡片所組成的個人部落格網站。
@@ -242,8 +225,8 @@

實際範例

target="_blank" class='文件內容-範例清單-段落-項目清單-項目 ' > - - + +
內容管理
適用於團體、企業公告的小型商業 CMS 內容管理網站前台頁面。
@@ -254,8 +237,8 @@

實際範例

target="_blank" class='文件內容-範例清單-段落-項目清單-項目 ' > - - + +
募資平台
透過網格系統與圖片主體實現募資平台專案格局。
@@ -266,8 +249,8 @@

實際範例

target="_blank" class='文件內容-範例清單-段落-項目清單-項目 ' > - - + +
藝廊
呈現風景旅遊照片的靜態網站。
@@ -278,8 +261,8 @@

實際範例

target="_blank" class='文件內容-範例清單-段落-項目清單-項目 ' > - - + +
新聞
有主打內容與多個章節段落的新聞資訊彙整網站。
@@ -290,8 +273,8 @@

實際範例

target="_blank" class='文件內容-範例清單-段落-項目清單-項目 ' > - - + +
購物商城
帶有豐富的商品資訊以及評價指示的購物網站。
@@ -310,8 +293,8 @@

實際範例

target="_blank" class='文件內容-範例清單-段落-項目清單-項目 ' > - - + +
結帳表單
顯示購物車項目還有結帳地址等詳細資料的表單頁面。
@@ -322,8 +305,8 @@

實際範例

target="_blank" class='文件內容-範例清單-段落-項目清單-項目 ' > - - + +
庫存管理
跨距欄位的表格呈現可供展開的商品詳情來快速編輯庫存資訊。
@@ -334,8 +317,8 @@

實際範例

target="_blank" class='文件內容-範例清單-段落-項目清單-項目 ' > - - + +
檔案列表
類似 FTP 等，較為簡潔的網路硬碟目錄與檔案資訊範例。
@@ -346,8 +329,8 @@

實際範例

target="_blank" class='文件內容-範例清單-段落-項目清單-項目 ' > - - + +
發票與收據
用於企業之間所開立的電子發票或是出貨單。
@@ -358,8 +341,8 @@

實際範例

target="_blank" class='文件內容-範例清單-段落-項目清單-項目 ' > - - + +
登入頁面
基本的帳號與密碼登入頁面。
@@ -370,8 +353,8 @@

實際範例

target="_blank" class='文件內容-範例清單-段落-項目清單-項目 ' > - - + +
系統設定
網站或服務後台的系統相關設定表單。
@@ -382,8 +365,8 @@

實際範例

target="_blank" class='文件內容-範例清單-段落-項目清單-項目 ' > - - + +
郵件版型
用於寄送給網站會員的郵件內容。
@@ -394,8 +377,8 @@

實際範例

target="_blank" class='文件內容-範例清單-段落-項目清單-項目 ' > - - + +
信用卡付款
於商品結帳時所請求的信用卡資料頁面並附帶商品資訊。
@@ -406,8 +389,8 @@

實際範例

target="_blank" class='文件內容-範例清單-段落-項目清單-項目 ' > - - + +
定價方案
提供給客戶數個不同價格的方案。
@@ -418,8 +401,8 @@

實際範例

target="_blank" class='文件內容-範例清單-段落-項目清單-項目 ' > - - + +
註冊
基本的使用者註冊頁面，並要求性別、生日、暱稱⋯⋯等資訊。
diff --git a/docs/zh-tw/examples/blog-editor.html b/docs/zh-tw/examples/blog-editor.html index 38e5fed3a..b1c1a5839 100644 --- a/docs/zh-tw/examples/blog-editor.html +++ b/docs/zh-tw/examples/blog-editor.html @@ -3,7 +3,7 @@ - + diff --git a/docs/zh-tw/examples/blog.html b/docs/zh-tw/examples/blog.html index 1c88d52e6..347d6abe9 100644 --- a/docs/zh-tw/examples/blog.html +++ b/docs/zh-tw/examples/blog.html @@ -3,7 +3,7 @@ - + 部落格 - Tocas UI diff --git a/docs/zh-tw/examples/chatroom.html b/docs/zh-tw/examples/chatroom.html index 7ec8d2016..78b1676fb 100644 --- a/docs/zh-tw/examples/chatroom.html +++ b/docs/zh-tw/examples/chatroom.html @@ -3,7 +3,7 @@ - + 聊天室 - Tocas UI diff --git a/docs/zh-tw/examples/checkout.html b/docs/zh-tw/examples/checkout.html index eec7a39d1..80f05dd65 100644 --- a/docs/zh-tw/examples/checkout.html +++ b/docs/zh-tw/examples/checkout.html @@ -3,7 +3,7 @@ - + 結帳表單 - Tocas UI diff --git a/docs/zh-tw/examples/cms.html b/docs/zh-tw/examples/cms.html index 5ebaf2dda..8929edf53 100644 --- a/docs/zh-tw/examples/cms.html +++ b/docs/zh-tw/examples/cms.html @@ -3,7 +3,7 @@ - + 內容管理 - Tocas UI diff --git a/docs/zh-tw/examples/crowdfunding.html b/docs/zh-tw/examples/crowdfunding.html index 047b7b7ce..2e4eb0716 100644 --- a/docs/zh-tw/examples/crowdfunding.html +++ b/docs/zh-tw/examples/crowdfunding.html @@ -3,7 +3,7 @@ - + 募資平台 - Tocas UI diff --git a/docs/zh-tw/examples/dashboard.html b/docs/zh-tw/examples/dashboard.html index 660b8b7e9..993cfc3eb 100644 --- a/docs/zh-tw/examples/dashboard.html +++ b/docs/zh-tw/examples/dashboard.html @@ -3,13 +3,13 @@ - + 資訊儀表板 - Tocas UI
-
+
diff --git a/docs/zh-tw/examples/email/alert.html b/docs/zh-tw/examples/email/alert.html new file mode 100644 index 000000000..d9d27204b --- /dev/null +++ b/docs/zh-tw/examples/email/alert.html @@ -0,0 +1,64 @@ + + + + + + + + Document + + +
+
+
鮪魚罐頭公司
+
+
+
+
資安警告部門
+
你的帳號已被停用。
+
+
Yami Odymel，你的帳號已經被停用。封裝鮪魚罐頭的時候，我們絕對不允許任何人違反《使用規範》和我們的《工事安全守則》。
+
+
你違反的事項如下：
+
+
+
不要把手伸進去餵鮪魚。
+
— 《工事安全守則》第三項
+
+
+
由於你違反了使用規範，你的帳號會在 7 天之後自動刪除並再也無法使用同個帳號名稱註冊。在時間過期之前你可以先匯出現有的帳號資料以做備份。
+
+ 匯出資料 +
+
+
若你認為這是個誤會，請透過hello@example.com聯絡我們。
+
+
+
+
這封信件寄送至 yamiodymel@example.com。你會收到這封信是因為這是非常重要的系統通知。
+
+
© 2016 鮪魚罐頭公司, 台灣高雄市早安東路 7 巷 25 號
+
+ + + + + + + +
+ 關於我們 +
+
+
+ + diff --git a/docs/zh-tw/examples/email/email.css b/docs/zh-tw/examples/email/email.css new file mode 100644 index 000000000..8e0fbb84f --- /dev/null +++ b/docs/zh-tw/examples/email/email.css @@ -0,0 +1,689 @@ +/* ========================================================================== + Reset + ========================================================================== */ + +.ts-email table, +.ts-email tbody, +.ts-email tfoot, +.ts-email thead, +.ts-email tr, +.ts-email th, +.ts-email td { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + color: inherit; + border-collapse: collapse; + border-spacing: 0; + text-align: left; + font-weight: inherit; + vertical-align: baseline; +} + +.ts-email table { + border-collapse: collapse; + border-spacing: 0; +} + +.ts-email a { + color: #0050b3; +} + +/* ========================================================================== + Email + ========================================================================== */ + +.ts-email { + color: #373737; + font-size: 15px; + padding: 15px 0; + line-height: 1.9; + + font-family: "Noto Sans TC", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", "Microsoft JhengHei", wf_SegoeUI, "Segoe UI", + Segoe, "Segoe WP", Tahoma, Verdana, Ubuntu, "Bitstream Vera Sans", "DejaVu Sans", 微軟正黑體, "LiHei Pro", "WenQuanYi Micro Hei", "Droid Sans Fallback", "AR PL UMing TW", + Roboto, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", Meiryo, "Droid Sans", sans-serif; +} + +.ts-email.is-secondary { + background-color: #f2f2f2; +} + +/* ========================================================================== + Shared + ========================================================================== */ + +.ts-email .is-center-aligned { + text-align: center; +} +.ts-email .is-start-aligned { + text-align: left; +} +.ts-email .is-end-aligned { + text-align: right; +} + +.ts-email .is-first { + border-left: none; + margin-left: 0; + padding-left: 0; +} + +.ts-email .is-last { + border-right: none; + margin-right: 0; + padding-right: 0; +} + +/* ========================================================================== + Button + ========================================================================== */ + +.ts-email a.button { + border: 2px solid #373737; + min-width: 115px; + font-size: 16px; + line-height: 1.5; + font-weight: 500; + color: #ffffff; + background: #373737; + text-decoration: none; + display: inline-block; + text-align: center; + padding: 7px 16px; + border-radius: 6px; +} + +.ts-email a.button.is-outlined { + background: transparent; + border: 2px solid #e1e1e1; + color: #373737; +} + +.ts-email a.button.is-negative { + color: #fff; + border-color: #f5222d; + background: #f5222d; +} + +.ts-email a.button.is-negative.is-outlined { + color: #f5222d; + border-color: #e1e1e1; + background: none; +} + +.ts-email a.button.is-circular { + border-radius: 100em; +} + +.ts-email a.button.is-fluid { + display: block; + width: 100%; + box-sizing: border-box; +} + +.ts-email a.button.is-cta { + font-size: 20px; + min-width: 130px; +} + +/* ========================================================================== + Wrap + ========================================================================== */ + +.ts-email .wrap .item { + display: inline-block; + margin-right: 15px; +} + +.ts-email .wrap .item.is-last { + margin-right: 0; +} + +/* ========================================================================== + Text + ========================================================================== */ + +.ts-email .text.is-label { + color: #333; + font-weight: bold; + font-size: 14px; + line-height: 1.3; +} + +.ts-email .text.is-undecorated { + text-decoration: none; +} +.ts-email .text.is-undecorated:hover { + text-decoration: underline; +} + +.ts-email .text.is-bold { + font-weight: bold; +} + +.ts-email .text.is-italic { + font-style: italic; +} + +.ts-email .text.is-deleted { + text-decoration: line-through; +} + +.ts-email .text.is-underlined { + text-decoration: underline; +} + +.ts-email .text.is-code { + border-radius: 6px; + background: #eee; + padding: 0 0.2rem; + font-size: 14px; + color: #373737; +} + +.ts-email .text.is-mark { + border-radius: 6px; + background: #fadb14; + padding: 0 4px; + color: #333; + font-size: 14px; +} + +.ts-email .text.is-sub, +.ts-email .text.is-sup { + font-size: 12px; + color: #767676; +} + +.ts-email .text.is-sub { + vertical-align: bottom; +} + +.ts-email .text.is-sup { + vertical-align: top; +} + +.ts-email .text.is-secondary, +.ts-email .text.is-description { + color: #767676; +} + +.ts-email .text.is-small, +.ts-email .text.is-description { + font-size: 14px; +} + +.ts-email .text.is-large { + font-size: 17px; +} + +.ts-email .text.is-start-aligned { + text-align: left; +} +.ts-email .text.is-center-aligned { + text-align: center; +} +.ts-email .text.is-end-aligned { + text-align: right; +} + +/* ========================================================================== + Content + ========================================================================== */ + +.ts-email .content { + padding: 22px; + color: inherit; + display: block; + text-decoration: none; + box-sizing: border-box; +} + +.ts-email .content.is-dense { + padding-top: 15px; + padding-bottom: 15px; +} + +.ts-email .content.is-rounded { + border-radius: 6px; +} + +.ts-email .content.is-secondary { + background: #fafafa; +} + +.ts-email .content.is-tertiary { + background: #f2f2f2; +} + +.ts-email .content.is-start-aligned { + text-align: left; +} + +.ts-email .content.is-center-aligned { + text-align: center; +} + +.ts-email .content.is-end-aligned { + text-align: right; +} + +/* ========================================================================== + Container + ========================================================================== */ + +.ts-email .container { + max-width: 580px; + margin: 0 auto; + padding: 0 16px; +} + +/* ========================================================================== + Grid + ========================================================================== */ + +.ts-email .grid { + border-collapse: collapse; + border-spacing: 0; + width: 100%; +} + +.ts-email .grid.is-top-aligned .column { + vertical-align: top; +} + +.ts-email .grid.is-middle-aligned .column { + vertical-align: middle; +} + +.ts-email .grid.is-bottom-aligned .column { + vertical-align: bottom; +} + +.ts-email .grid .column { + border: 16px solid transparent; + border-top-width: 0; + border-bottom-width: 0; +} + +.ts-email .grid .column.is-first { + border-left: none; +} + +.ts-email .grid .column.is-last { + border-right: none; +} + +.ts-email .grid .column.is-collapsed { + white-space: nowrap; + width: 0; +} + +.ts-email .grid .column.is-16-wide { + width: 100%; +} +.ts-email .grid .column.is-15-wide { + width: 93.75%; +} +.ts-email .grid .column.is-14-wide { + width: 87.5%; +} +.ts-email .grid .column.is-13-wide { + width: 81.25%; +} +.ts-email .grid .column.is-12-wide { + width: 75%; +} +.ts-email .grid .column.is-11-wide { + width: 68.75%; +} +.ts-email .grid .column.is-10-wide { + width: 62.5%; +} +.ts-email .grid .column.is-9-wide { + width: 56.25%; +} +.ts-email .grid .column.is-8-wide { + width: 50%; +} +.ts-email .grid .column.is-7-wide { + width: 43.75%; +} +.ts-email .grid .column.is-6-wide { + width: 37.5%; +} +.ts-email .grid .column.is-5-wide { + width: 31.25%; +} +.ts-email .grid .column.is-4-wide { + width: 25%; +} +.ts-email .grid .column.is-3-wide { + width: 18.75%; +} +.ts-email .grid .column.is-2-wide { + width: 12.5%; +} +.ts-email .grid .column.is-1-wide { + width: 6.25%; +} + +/* ========================================================================== + Space + ========================================================================== */ + +.ts-email .space { + height: 15px; +} + +.ts-email .space.is-small { + height: 7px; +} + +.ts-email .space.is-large { + height: 22px; +} + +.ts-email .space.is-big { + height: 45px; +} + +.ts-email .space.is-huge { + height: 67px; +} + +/* ========================================================================== + Image + ========================================================================== */ + +.ts-email .image img { + height: auto; + width: 100%; + vertical-align: top; +} + +.ts-email .image.is-centered { + text-align: center; +} + +.ts-email .image.is-rounded img { + border-radius: 6px; +} + +.ts-email .image.is-circular img { + border-radius: 100rem; +} + +.ts-email .image.is-mini img { + width: 64px; +} + +.ts-email .image.is-tiny img { + width: 86px; +} + +.ts-email .image.is-small img { + width: 125px; +} + +.ts-email .image.is-medium img { + width: 180px; +} + +.ts-email .image.is-large img { + width: 240px; +} + +/* ========================================================================== + Box + ========================================================================== */ + +.ts-email .box { + display: block; + text-decoration: none; + color: inherit; + border: 1px solid #e1e1e1; + border-radius: 6px; + overflow: hidden; + background: #ffffff; +} + +/** Indicated */ +.ts-email .box.is-top-indicated { + border-top: 6px solid #303030; +} + +.ts-email .box.is-bottom-indicated { + border-bottom: 6px solid #303030; +} + +/** Negative Indicated */ +.ts-email .box.is-top-indicated.is-negative { + border-top: 6px solid #f5222d; +} + +.ts-email .box.is-bottom-indicated.is-negative { + border-bottom: 6px solid #f5222d; +} + +/* ========================================================================== + Divider + ========================================================================== */ + +.ts-email .divider { + display: block; + border-top: 1px solid #e1e1e1; +} + +.ts-email .divider.is-section { + margin: 15px 0; +} + +/* ========================================================================== + Blockquote + ========================================================================== */ + +.ts-email .quote { + border-left: 5px solid #e1e1e1; + padding: 0 0 0 2rem; +} + +/* ========================================================================== + List + ========================================================================== */ + +.ts-email .list { + padding: 0; + margin-left: 36px; +} + +.ts-email .list .item { + display: list-item; +} + +.ts-email .list.is-unordered .item { + list-style-type: disc; +} + +.ts-email .list.is-ordered .item { + list-style-type: decimal; +} + +/* ========================================================================== + Header + ========================================================================== */ + +.ts-email .header { + color: #333; + font-weight: bold; + line-height: 1.6; +} + +.ts-email .header { + font-size: 17px; +} + +.ts-email .header.is-large { + font-size: 20px; +} + +.ts-email .header.is-big { + font-size: 24px; +} + +.ts-email .header.is-negative { + color: #f5222d; +} + +/* ========================================================================== + Pin + ========================================================================== */ + +.ts-email .pincode span { + border: 3px solid #e1e1e1; + padding: 8px 13px; + vertical-align: middle; + text-align: center; + border-radius: 6px; + font-size: 25px; + line-height: 1; + font-weight: bold; + margin-right: 8px; + display: inline-block; +} + +/* ========================================================================== + Table + ========================================================================== */ + +.ts-email .table { + width: 100%; + height: auto; + font-size: 14px; +} + +.ts-email .table tr th { + background: #f2f2f2; +} + +.ts-email .table thead tr { + border-bottom: 1px solid #e1e1e1; +} + +.ts-email .table thead tr th, +.ts-email .table tfoot tr th { + padding: 6px 22px; + color: #5a5a5a; + font-weight: 500; +} + +.ts-email .table tbody tr td { + padding: 6px 22px; + word-break: break-all; +} + +.ts-email .table tbody tr { + border-top: 1px solid #e1e1e1; +} + +.ts-email .table.is-small, +.ts-email .table.is-small thead, +.ts-email .table.is-small tbody, +.ts-email .table.is-small tfoot, +.ts-email .table.is-small tr, +.ts-email .table.is-small th, +.ts-email .table.is-small td { + font-size: 0.93em; +} + +.ts-email .table.is-large, +.ts-email .table.is-large thead, +.ts-email .table.is-large tbody, +.ts-email .table.is-large tfoot, +.ts-email .table.is-large tr, +.ts-email .table.is-large th, +.ts-email .table.is-large td { + font-size: 1.06em; +} + +/** + * Collapsed + */ + +.ts-email .table.is-collapsed { + width: auto; +} + +.ts-email .table th.is-collapsed, +.ts-email .table td.is-collapsed { + width: 1px; + white-space: nowrap; +} + +.ts-email .table.is-basic tr th, +.ts-email .table.is-very-basic tr th { + background: transparent; +} + +.ts-email .table.is-very-basic tbody th, +.ts-email .table.is-very-basic tbody td, +.ts-email .table.is-very-basic tbody tr { + border-color: transparent; +} + +.ts-email .table.is-dense thead tr th, +.ts-email .table.is-dense tfoot tr th { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + +.ts-email .table.is-dense tbody tr td { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + +/** + * Aligns + */ + +.ts-email .table tr.is-start-aligned, +.ts-email .table th.is-start-aligned, +.ts-email .table td.is-start-aligned { + text-align: left; +} + +.ts-email .table th.is-center-aligned, +.ts-email .table td.is-center-aligned { + text-align: center; +} + +.ts-email .table th.is-end-aligned, +.ts-email .table td.is-end-aligned { + text-align: right; +} + +.ts-email .table.is-top-aligned th, +.ts-email .table.is-top-aligned td { + vertical-align: top; +} + +.ts-email .table th.is-top-aligned, +.ts-email .table td.is-top-aligned { + vertical-align: top; +} + +.ts-email .table th.is-middle-aligned, +.ts-email .table td.is-middle-aligned { + vertical-align: middle; +} + +.ts-email .table tr.is-middle-aligned td { + vertical-align: middle; +} + +.ts-email .table th.is-bottom-aligned, +.ts-email .table td.is-bottom-aligned { + vertical-align: bottom; +} diff --git a/docs/zh-tw/examples/email/email.min.css b/docs/zh-tw/examples/email/email.min.css new file mode 100644 index 000000000..289d1212b --- /dev/null +++ b/docs/zh-tw/examples/email/email.min.css @@ -0,0 +1 @@ +.ts-email table,.ts-email tbody,.ts-email td,.ts-email tfoot,.ts-email th,.ts-email thead,.ts-email tr{border:0;border-collapse:collapse;border-spacing:0;color:inherit;font-size:100%;font:inherit;font-weight:inherit;margin:0;padding:0;text-align:left;vertical-align:baseline}.ts-email table{border-collapse:collapse;border-spacing:0}.ts-email a{color:#0050b3}.ts-email{color:#373737;font-family:Noto Sans TC,SF Pro TC,SF Pro Text,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,Microsoft JhengHei,wf_SegoeUI,Segoe UI,Segoe,Segoe WP,Tahoma,Verdana,Ubuntu,Bitstream Vera Sans,DejaVu Sans,微軟正黑體,LiHei Pro,WenQuanYi Micro Hei,Droid Sans Fallback,AR PL UMing TW,Roboto,Hiragino Maru Gothic ProN,メイリオ,ヒラギノ丸ゴ ProN W4,Meiryo,Droid Sans,sans-serif;font-size:15px;line-height:1.9;padding:15px 0}.ts-email.is-secondary{background-color:#f2f2f2}.ts-email .is-center-aligned{text-align:center}.ts-email .is-start-aligned{text-align:left}.ts-email .is-end-aligned{text-align:right}.ts-email .is-first{border-left:none;margin-left:0;padding-left:0}.ts-email .is-last{border-right:none;margin-right:0;padding-right:0}.ts-email a.button{background:#373737;border:2px solid #373737;border-radius:6px;color:#fff;display:inline-block;font-size:16px;font-weight:500;line-height:1.5;min-width:115px;padding:7px 16px;text-align:center;text-decoration:none}.ts-email a.button.is-outlined{background:transparent;border:2px solid #e1e1e1;color:#373737}.ts-email a.button.is-negative{background:#f5222d;border-color:#f5222d;color:#fff}.ts-email a.button.is-negative.is-outlined{background:none;border-color:#e1e1e1;color:#f5222d}.ts-email a.button.is-circular{border-radius:100em}.ts-email a.button.is-fluid{box-sizing:border-box;display:block;width:100%}.ts-email a.button.is-cta{font-size:20px;min-width:130px}.ts-email .wrap .item{display:inline-block;margin-right:15px}.ts-email .wrap .item.is-last{margin-right:0}.ts-email .text.is-label{color:#333;font-size:14px;font-weight:700;line-height:1.3}.ts-email .text.is-undecorated{text-decoration:none}.ts-email .text.is-undecorated:hover{text-decoration:underline}.ts-email .text.is-bold{font-weight:700}.ts-email .text.is-italic{font-style:italic}.ts-email .text.is-deleted{text-decoration:line-through}.ts-email .text.is-underlined{text-decoration:underline}.ts-email .text.is-code{background:#eee;border-radius:6px;color:#373737;font-size:14px;padding:0 .2rem}.ts-email .text.is-mark{background:#fadb14;border-radius:6px;color:#333;font-size:14px;padding:0 4px}.ts-email .text.is-sub,.ts-email .text.is-sup{color:#767676;font-size:12px}.ts-email .text.is-sub{vertical-align:bottom}.ts-email .text.is-sup{vertical-align:top}.ts-email .text.is-description,.ts-email .text.is-secondary{color:#767676}.ts-email .text.is-description,.ts-email .text.is-small{font-size:14px}.ts-email .text.is-large{font-size:17px}.ts-email .text.is-start-aligned{text-align:left}.ts-email .text.is-center-aligned{text-align:center}.ts-email .text.is-end-aligned{text-align:right}.ts-email .content{box-sizing:border-box;color:inherit;display:block;padding:22px;text-decoration:none}.ts-email .content.is-dense{padding-bottom:15px;padding-top:15px}.ts-email .content.is-rounded{border-radius:6px}.ts-email .content.is-secondary{background:#fafafa}.ts-email .content.is-tertiary{background:#f2f2f2}.ts-email .content.is-start-aligned{text-align:left}.ts-email .content.is-center-aligned{text-align:center}.ts-email .content.is-end-aligned{text-align:right}.ts-email .container{margin:0 auto;max-width:580px;padding:0 16px}.ts-email .grid{border-collapse:collapse;border-spacing:0;width:100%}.ts-email .grid.is-top-aligned .column{vertical-align:top}.ts-email .grid.is-middle-aligned .column{vertical-align:middle}.ts-email .grid.is-bottom-aligned .column{vertical-align:bottom}.ts-email .grid .column{border-color:transparent;border-style:solid;border-width:0 16px}.ts-email .grid .column.is-first{border-left:none}.ts-email .grid .column.is-last{border-right:none}.ts-email .grid .column.is-collapsed{white-space:nowrap;width:0}.ts-email .grid .column.is-16-wide{width:100%}.ts-email .grid .column.is-15-wide{width:93.75%}.ts-email .grid .column.is-14-wide{width:87.5%}.ts-email .grid .column.is-13-wide{width:81.25%}.ts-email .grid .column.is-12-wide{width:75%}.ts-email .grid .column.is-11-wide{width:68.75%}.ts-email .grid .column.is-10-wide{width:62.5%}.ts-email .grid .column.is-9-wide{width:56.25%}.ts-email .grid .column.is-8-wide{width:50%}.ts-email .grid .column.is-7-wide{width:43.75%}.ts-email .grid .column.is-6-wide{width:37.5%}.ts-email .grid .column.is-5-wide{width:31.25%}.ts-email .grid .column.is-4-wide{width:25%}.ts-email .grid .column.is-3-wide{width:18.75%}.ts-email .grid .column.is-2-wide{width:12.5%}.ts-email .grid .column.is-1-wide{width:6.25%}.ts-email .space{height:15px}.ts-email .space.is-small{height:7px}.ts-email .space.is-large{height:22px}.ts-email .space.is-big{height:45px}.ts-email .space.is-huge{height:67px}.ts-email .image img{height:auto;vertical-align:top;width:100%}.ts-email .image.is-centered{text-align:center}.ts-email .image.is-rounded img{border-radius:6px}.ts-email .image.is-circular img{border-radius:100rem}.ts-email .image.is-mini img{width:64px}.ts-email .image.is-tiny img{width:86px}.ts-email .image.is-small img{width:125px}.ts-email .image.is-medium img{width:180px}.ts-email .image.is-large img{width:240px}.ts-email .box{background:#fff;border:1px solid #e1e1e1;border-radius:6px;color:inherit;display:block;overflow:hidden;text-decoration:none}.ts-email .box.is-top-indicated{border-top:6px solid #303030}.ts-email .box.is-bottom-indicated{border-bottom:6px solid #303030}.ts-email .box.is-top-indicated.is-negative{border-top:6px solid #f5222d}.ts-email .box.is-bottom-indicated.is-negative{border-bottom:6px solid #f5222d}.ts-email .divider{border-top:1px solid #e1e1e1;display:block}.ts-email .divider.is-section{margin:15px 0}.ts-email .quote{border-left:5px solid #e1e1e1;padding:0 0 0 2rem}.ts-email .list{margin-left:36px;padding:0}.ts-email .list .item{display:list-item}.ts-email .list.is-unordered .item{list-style-type:disc}.ts-email .list.is-ordered .item{list-style-type:decimal}.ts-email .header{color:#333;font-size:17px;font-weight:700;line-height:1.6}.ts-email .header.is-large{font-size:20px}.ts-email .header.is-big{font-size:24px}.ts-email .header.is-negative{color:#f5222d}.ts-email .pincode span{border:3px solid #e1e1e1;border-radius:6px;display:inline-block;font-size:25px;font-weight:700;line-height:1;margin-right:8px;padding:8px 13px;text-align:center;vertical-align:middle}.ts-email .table{font-size:14px;height:auto;width:100%}.ts-email .table tr th{background:#f2f2f2}.ts-email .table thead tr{border-bottom:1px solid #e1e1e1}.ts-email .table tfoot tr th,.ts-email .table thead tr th{color:#5a5a5a;font-weight:500;padding:6px 22px}.ts-email .table tbody tr td{padding:6px 22px;word-break:break-all}.ts-email .table tbody tr{border-top:1px solid #e1e1e1}.ts-email .table.is-small,.ts-email .table.is-small tbody,.ts-email .table.is-small td,.ts-email .table.is-small tfoot,.ts-email .table.is-small th,.ts-email .table.is-small thead,.ts-email .table.is-small tr{font-size:.93em}.ts-email .table.is-large,.ts-email .table.is-large tbody,.ts-email .table.is-large td,.ts-email .table.is-large tfoot,.ts-email .table.is-large th,.ts-email .table.is-large thead,.ts-email .table.is-large tr{font-size:1.06em}.ts-email .table.is-collapsed{width:auto}.ts-email .table td.is-collapsed,.ts-email .table th.is-collapsed{white-space:nowrap;width:1px}.ts-email .table.is-basic tr th,.ts-email .table.is-very-basic tr th{background:transparent}.ts-email .table.is-very-basic tbody td,.ts-email .table.is-very-basic tbody th,.ts-email .table.is-very-basic tbody tr{border-color:transparent}.ts-email .table.is-dense tbody tr td,.ts-email .table.is-dense tfoot tr th,.ts-email .table.is-dense thead tr th{padding-bottom:.25rem;padding-top:.25rem}.ts-email .table td.is-start-aligned,.ts-email .table th.is-start-aligned,.ts-email .table tr.is-start-aligned{text-align:left}.ts-email .table td.is-center-aligned,.ts-email .table th.is-center-aligned{text-align:center}.ts-email .table td.is-end-aligned,.ts-email .table th.is-end-aligned{text-align:right}.ts-email .table td.is-top-aligned,.ts-email .table th.is-top-aligned,.ts-email .table.is-top-aligned td,.ts-email .table.is-top-aligned th{vertical-align:top}.ts-email .table td.is-middle-aligned,.ts-email .table th.is-middle-aligned,.ts-email .table tr.is-middle-aligned td{vertical-align:middle}.ts-email .table td.is-bottom-aligned,.ts-email .table th.is-bottom-aligned{vertical-align:bottom} \ No newline at end of file diff --git a/docs/zh-tw/examples/email/form.html b/docs/zh-tw/examples/email/form.html new file mode 100644 index 000000000..0e682ef49 --- /dev/null +++ b/docs/zh-tw/examples/email/form.html @@ -0,0 +1,85 @@ + + + + + + + + Document + + +
+
+
鮪魚罐頭公司
+
+
+
+
有人填寫了聯絡表單。
+
某位使用者在你的網站填寫了聯絡表單，下列是對方的表單資訊。
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Yami Odymel
yamiodymel@example.com
0978-123-456
是
台灣
我第一眼看到這個網站的時候就愛不釋手，所以我希望可以提供技術並協助這個網站發展，拜託啦🥺🥺🥺。
https://example.com/my-resume.html
+
+ 前往檢視該表單 +
+
+
+
+ 這封信件寄送至 yamiodymel@example.com。如果你不想要收到這類型的信件，請前往個人偏好設定或是直接取消訂閱。 +
+
+
© 2016 鮪魚罐頭公司, 台灣高雄市早安東路 7 巷 25 號
+
+ + + + + + + +
+ 關於我們 +
+
+
+ + diff --git a/docs/zh-tw/examples/email/login-code.html b/docs/zh-tw/examples/email/login-code.html new file mode 100644 index 000000000..d2e94d5f1 --- /dev/null +++ b/docs/zh-tw/examples/email/login-code.html @@ -0,0 +1,62 @@ + + + + + + + + Document + + +
+
+
鮪魚罐頭公司
+
+
+
+
嗨，Yami Odymel。
+
+
你正在新的電腦上進行登入，下列是你的登入驗證碼，請不要轉貼給其他人或是讓朋友知道。
+
+
+ 1 + 3 + 5 + 2 +
+
+
這個登入驗證碼會在 5 分鐘後失效。如果驗證碼無法使用，你可以點擊下列連結直接允許該電腦的登入請求。
+
+ 允許該裝置登入 👍 +
+
若這不是你正在登入，請考慮重設密碼以確保你的帳號安全。
+
+
+
+
這封信件寄送至 yamiodymel@example.com。你會收到這封信是因為這是非常重要的系統通知。
+
+
© 2016 鮪魚罐頭公司, 台灣高雄市早安東路 7 巷 25 號
+
+ + + + + + + +
+ 關於我們 +
+
+
+ + diff --git a/docs/zh-tw/examples/email/login.html b/docs/zh-tw/examples/email/login.html new file mode 100644 index 000000000..d77abacd0 --- /dev/null +++ b/docs/zh-tw/examples/email/login.html @@ -0,0 +1,64 @@ + + + + + + + + Document + + +
+
+
鮪魚罐頭公司
+
+
+
+
有新的裝置登入了你的帳號。
+
我們注意到有從未見過的新裝置登入了你的帳號。
+
+
什麼裝置？
+
MacBook Pro M2 Max
+
+
在哪裡？
+
台灣, 高雄市
+
+
什麼時候？
+
2022-12-05 16:26:01 UTC
+
+
我該怎麼辦？
+
+ 如果是你的話，你什麼都不需要做。但如果不是你的話，請現在就立即檢查帳號的安全性和所有已登入的裝置，也可以考慮變更你的密碼以防駭客繼續入侵。 +
+
+ 管理已登入的裝置 +
+
+
+
這封信件寄送至 yamiodymel@example.com。你會收到這封信是因為這是非常重要的系統通知。
+
+
© 2016 鮪魚罐頭公司, 台灣高雄市早安東路 7 巷 25 號
+
+ + + + + + + +
+ 關於我們 +
+
+
+ + diff --git a/docs/zh-tw/examples/email/new-follower.html b/docs/zh-tw/examples/email/new-follower.html new file mode 100644 index 000000000..fecd398f9 --- /dev/null +++ b/docs/zh-tw/examples/email/new-follower.html @@ -0,0 +1,78 @@ + + + + + + + + Document + + +
+
+
鮪魚罐頭公司
+
+
+
+
+ +
+
+
你有新的跟隨者
+
Yami Odymel
+
+ + + + + +
+
追隨人數
+
1,392
+ 		+
正在追蹤
+
163
+
+
+
+ 檢視個人檔案 +
+
+
恭喜，你又有新的跟隨者了🎉
+
+
你距離百萬人訂閱還有 999,999 位，目標就在不遠前了！在那天到來之前我們會一直在你身邊，別擔心。
+ +
+
— 開發團隊敬上
+
+
+
+
+ 這封信件寄送至 yamiodymel@example.com。如果你不想要收到這類型的信件，請前往個人偏好設定或是直接取消訂閱。 +
+
+
© 2016 鮪魚罐頭公司, 台灣高雄市早安東路 7 巷 25 號
+
+ + + + + + + +
+ 關於我們 +
+
+
+ + diff --git a/docs/zh-tw/examples/email/news.html b/docs/zh-tw/examples/email/news.html new file mode 100644 index 000000000..4fa67dc45 --- /dev/null +++ b/docs/zh-tw/examples/email/news.html @@ -0,0 +1,70 @@ + + + + + + + + Document + + +
+
+
鮪魚罐頭公司
+
+
+
+
友善提醒
+
你已成功訂閱小小安週報🎉
+
+
感謝你登錄成為小小安週報的閱讀者，我們每週都會有最新的彙整資訊寄送至你的電子郵件信箱讓你不會錯過任何當週發生的事情。
+
+
+
+
+
+
對了，以防你錯過這一週發生的事情，我們已經彙整好供你參閱了。
+
+
2022-01-04
+ 汽車即將起飛！ +
世界上最快的汽車竟然開始在天上飛起來了，快來看看這項驚人的發明。
+
+
2022-01-07
+ 探測到宇宙外星人👽 +
世界之初的造物者竟然就是向地球道聲早安的外星人。
+
+
2022-01-09
+ 有人駁斥會飛的汽車叫做「飛機」。 +
同時也有人反駁飛機並沒有四個輪子，不過該位網友事後被笑沒看過波音 747。
+
+
+
+
+ 這封信件寄送至 yamiodymel@example.com。如果你不想要收到這類型的信件，請前往個人偏好設定或是直接取消訂閱。 +
+
+
© 2016 鮪魚罐頭公司, 台灣高雄市早安東路 7 巷 25 號
+
+ + + + + + + +
+ 關於我們 +
+
+
+ + diff --git a/docs/zh-tw/examples/email/receipt.html b/docs/zh-tw/examples/email/receipt.html new file mode 100644 index 000000000..79457ab5d --- /dev/null +++ b/docs/zh-tw/examples/email/receipt.html @@ -0,0 +1,102 @@ + + + + + + + + Document + + +
+
+
鮪魚罐頭公司
+
+
+
+
來自《東京 AH 綜合醫院》的收據
+
發票號碼 #813-29472
+
開立根據 #A83JD7
+
+ + + + + + +
+
已付金額
+
$3,100
+ 		+
付款日期
+
2022/01/04
+ 		+
消費方式
+
VISA - 4242
+
+
+
+ + + + + + + + + + + + + + + + + + + + + +
名稱
醫學藥品
常規心電圖
放射性治療
+
+
+ + + + + +
+ 若你對消費內容或金額感到有任何疑慮，請透過 hello@example.com 聯繫我們。 +
+
+
+
+
這封信件寄送至 yamiodymel@example.com。你會收到這封信是因為這是非常重要的系統通知。
+
+
© 2016 鮪魚罐頭公司, 台灣高雄市早安東路 7 巷 25 號
+
+ + + + + + + +
+ 關於我們 +
+
+
+ + diff --git a/docs/zh-tw/examples/email/welcome.html b/docs/zh-tw/examples/email/welcome.html new file mode 100644 index 000000000..429c4f85f --- /dev/null +++ b/docs/zh-tw/examples/email/welcome.html @@ -0,0 +1,71 @@ + + + + + + + + Document + + +
+
+
鮪魚罐頭公司
+
+
+
+
歡迎來到《鮪魚罐頭公司》
+
+
+ 感謝你使用鮪魚罐頭公司的網站！我們致力於提供令人滿意的罐頭服務。我們非常重視你的意見和建議，如果你對我們的產品或服務有任何疑問，請隨時與我們聯繫。 +
+
+
對了，要是你對我們的網站不熟悉，我們已經將大部分使用者可能遇到的問題都彙整成了新手教學供你參考。
+
+ 看看怎麼建立新的罐頭 → +
想要從頭開始封裝屬於自己的罐頭嗎？別擔心，你很快就能上手！
+
+ 以最快的方式釣起鮪魚 → +
選擇最合適的地點，現在就拿起你的釣竿捕捉鮪魚。
+
+ 自訂多采多姿的罐頭外觀 → +
和別人與眾不同，用最出色的方式呈現出獨一無二的風格。
+
+
+ 我們必須再次感謝你選擇鮪魚罐頭公司的網站，若你在使用上有更多疑問，請不吝嗇地聯繫 hello@example.com 或是至我們的 + Twitter 表達相關意見。 +
+
+
— 開發團隊敬上
+
+
+
+
+ 這封信件寄送至 yamiodymel@example.com。如果你不想要收到這類型的信件，請前往個人偏好設定或是直接取消訂閱。 +
+
+
© 2016 鮪魚罐頭公司, 台灣高雄市早安東路 7 巷 25 號
+
+ + + + + + + +
+ 關於我們 +
+
+
+ + diff --git a/docs/zh-tw/examples/feed.html b/docs/zh-tw/examples/feed.html index 215b65c1b..5528221f4 100644 --- a/docs/zh-tw/examples/feed.html +++ b/docs/zh-tw/examples/feed.html @@ -3,7 +3,7 @@ - + 動態時軸 - Tocas UI @@ -74,7 +71,7 @@
-
+
@@ -127,7 +124,7 @@
-
+
@@ -139,7 +136,7 @@
資料夾
-
+
@@ -178,7 +175,7 @@
檔案
-
+
diff --git a/docs/zh-tw/examples/news.html b/docs/zh-tw/examples/news.html index 78f82398a..e108bf8c6 100644 --- a/docs/zh-tw/examples/news.html +++ b/docs/zh-tw/examples/news.html @@ -3,7 +3,7 @@ - + 新聞 - Tocas UI diff --git a/docs/zh-tw/examples/payment.html b/docs/zh-tw/examples/payment.html index 5d43af629..23783405a 100644 --- a/docs/zh-tw/examples/payment.html +++ b/docs/zh-tw/examples/payment.html @@ -3,7 +3,7 @@ - + 信用卡付款 - Tocas UI @@ -74,7 +71,7 @@
-
+
@@ -127,7 +124,7 @@
-
+
@@ -139,7 +136,7 @@
資料夾
-
+
@@ -178,7 +175,7 @@
檔案
-
+
diff --git a/examples/news.html b/examples/news.html index 78f82398a..e108bf8c6 100644 --- a/examples/news.html +++ b/examples/news.html @@ -3,7 +3,7 @@ - + 新聞 - Tocas UI diff --git a/examples/payment.html b/examples/payment.html index 5d43af629..23783405a 100644 --- a/examples/payment.html +++ b/examples/payment.html @@ -3,7 +3,7 @@ - + 信用卡付款 - Tocas UI + +
+ + + AttachedHTML: | + + + +
+ + - Title: 強制亮、暗主題 Anchor: Color Schemes Since: 4.0.0 Description: | - 預設情況下的 Tocas UI 會依照使用者系統的色系為主來決定該使用亮色（Light）還是暗色（Dark）。但也能在 `` 標籤中指定 `[data-scheme="dark"]` 來強制覆寫這個規則。 + Tocas UI 會依照使用者的系統設定來自動調整明暗色系，主要使用 CSS 的 `prefers-color-scheme` 功能，你可以透過 `` 標籤強制覆寫這個規則。
@@ -40,34 +210,36 @@ Definitions: - + - + - + - +
標準亮色，適用於一般網頁閱讀或設計。亮色主題，適用於一般網頁閱讀或設計。
標準暗色，適用於夜間閱讀且對比不會過於明顯。暗色主題，適用於夜間閱讀。
AttachedHTML: | - + + + + - Title: 色票系統 + Sections: - Title: 動態顏色 Anchor: Dynamic Colors Since: 4.0.0 Description: | - 整個 Tocas UI 都是基於動態色調打造的，這也是為什麼在切換亮暗色系時能夠這麼容易。這些是 CSS 變數，你也能使用這些顏色讓整體設計符合 Tocas UI 規範並且在色調變更時自動切換。 + Tocas UI 使用動態色調，設計網頁時使用這些顏色能讓更符合 Tocas UI 規範並且在色調變更時自動切換。 - 設計時須注意這是動態顏色，這意味著目前看起來為白色時可能會在另一個色系變為黑色，而所謂的反色是指目前系統色系相反時所呈現的顏色。 - - 若不希望顏色動態呈現，請使用下方的靜態顏色。 + 使用時須注意動態顏色雖然目前看起來為白色，但可能會在另一個色系變為黑色，而所謂的反色是指目前系統色系相反時所呈現的顏色。若不希望顏色動態呈現，請使用下方的靜態顏色。
@@ -461,32 +633,36 @@ Definitions:
+ - Title: 輔助樣式 + Description: | + 因為這些樣式可以套用在任何元素，所以命名開頭一定是 `u-`；相關說明請參閱[輔助樣式](./utilities.html)頁面。 + Sections: - Title: 指定反色 - Anchor: Inverted - Description: 將 `is-inverted` 套用在任何元素上，就能使該元素的色調與目前全域色系完全相反，這可以在亮色主題中呈現出暗色元素。需要注意的是：反色是相對詞，會基於系統的設置而動態更改。例如在亮色主題中的反色會是暗色，反之亦然。如果需要設計一個絕對黑色的元素，則需要參考下方的強制色域用法。 + Anchor: Inverted Scheme + Description: | + 使該元素的色調與目前全域色系完全相反，反色是動態相對詞。 + + 亮色主題中的反色會是暗色，反之亦然。如果需要設計一個絕對黑色的元素，請參考下方的強制色域用法。 Since: 4.0.0 HTML: | -
-
- 在亮色主題中，這個元素會是黑色的；在暗色主題中，這個元素會是白色的。 -
+
+ 在亮色主題中，這個元素會是黑色的；在暗色主題中，這個元素會是白色的。
- Title: 強制色域 Anchor: Force Scheme - Description: 透過 `is-dark` 或 `is-light` 強制指定某個元素的色域，可以讓該元素固定色系。例如說：正在打造一個黑色的側邊欄，那麼就可以將該元素指定為 `is-dark`，這樣不論是在亮色或暗色系統中，這個元素都一定是基於暗色調顯示。 + Description: | + 強制指定某個元素的色域，可以讓該元素固定色系。 + + 例如說：正在打造一個黑色的側邊欄，那麼就可以將該元素指定為 `u-dark`，這樣不論是在亮色或暗色系統中，這個元素都一定是基於暗色調顯示。 Since: 4.0.0 Remove: -
HTML: | -
-
- 這個元素不論是在什麼環境，都一定是黑色的。 -
+
+ 這個元素不論是在什麼環境，都一定是黑色的。
-
-
- 這個元素不論是在什麼環境，都一定是白色的。 -
+
+ 這個元素不論是在什麼環境，都一定是白色的。
diff --git a/languages/zh-tw/components/container.yml b/languages/zh-tw/components/container.yml index dddb0b22c..058b67f64 100644 --- a/languages/zh-tw/components/container.yml +++ b/languages/zh-tw/components/container.yml @@ -79,13 +79,32 @@ Definitions: HTML: |
- 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點， 原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。 版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容， 即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 + 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作，在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容，合理使用的理念如下：使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，即使少量的原創著作被引用，也較不可能符合合理使用之原則。使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。
- Title: 外觀 Description: Sections: + - Title: 窄度 + Anchor: Narrow + Description: 縮限容器最大的寬度，讓內容與格局以更窄的方式呈現。 + Since: 4.0.0 + Remove: + -
+ HTML: | +
+
+ 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作，在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容，合理使用的理念如下：使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，即使少量的原創著作被引用，也較不可能符合合理使用之原則。使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 +
+
+
+
+
+ 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作，在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容，合理使用的理念如下：使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，即使少量的原創著作被引用，也較不可能符合合理使用之原則。使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 +
+
+ - Title: 流動的 Anchor: Fluid Description: 界限容器也能以 100% 的寬度貼齊其父容器。 @@ -93,25 +112,35 @@ Definitions: HTML: |
- 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點， 原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。 版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容， 即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 + 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作，在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容，合理使用的理念如下：使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，即使少量的原創著作被引用，也較不可能符合合理使用之原則。使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。
- - Title: 窄度 - Anchor: Narrow - Description: 縮限容器最大的寬度，讓內容與格局以更窄的方式呈現。 + - Title: 內距調整 + Anchor: Padded + Description: 加大內距能讓容器跟邊緣之間有更大的空白。可以搭配[響應式設計](./responsive.html)使用，如：在行動裝置上使用較小的內距以避免侵佔頁面寬度。如果你想讓裡面的元件貼邊，可以參考[輔助樣式](./utilities.html)的貼邊外觀。 Since: 4.0.0 Remove: -
HTML: | -
-
- 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點， 原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。 版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容， 即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 +
+
+
+ 較寬鬆的內距 +
-
-
-
-
- 保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點， 原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。 版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容， 即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。 +
+
+
+ 預設內距 +
+
+
+
+
+ 無內距 +
+ + diff --git a/languages/zh-tw/components/content.yml b/languages/zh-tw/components/content.yml index 4a80c9f8e..dd1be8f7b 100644 --- a/languages/zh-tw/components/content.yml +++ b/languages/zh-tw/components/content.yml @@ -25,7 +25,7 @@ Relatives: Example: HTML: |
-
+
透過 CSS Variable 取代 Sass 並設計一個臻至完美的動態色彩主題系統
@@ -167,10 +167,24 @@ Definitions: Anchor: Fitted Description: 移除區塊的內距。 Since: 4.0.0 + Remove: + -
HTML: |
- 在同個屋簷下，做著那一成不變的事情。就算沒有外星人來襲擊，偶爾也會發生一些意想之外的事情。 + 移除所有內距。 +
+
+
+
+
+ 移除左右水平內距。 +
+
+
+
+
+ 移除上下垂直內距。
@@ -195,7 +209,7 @@ Definitions: Since: 4.0.0 HTML: |
-
+
けものフレンズ
diff --git a/languages/zh-tw/components/control.yml b/languages/zh-tw/components/control.yml index 264c5bdac..6346476a3 100644 --- a/languages/zh-tw/components/control.yml +++ b/languages/zh-tw/components/control.yml @@ -111,6 +111,20 @@ Definitions:
+ - Title: 層疊的 + Anchor: Stacked + Description: 這會讓原本左右欄位的設計變成上下層疊，適合搭配「[響應式設計](./responsive.html)」功能在行動裝置上讓所有欄位層疊起來。 + Since: 4.0.0 + HTML: | +
+
使用者名稱
+
+
+ +
+
+
+ - Title: 組合應用 Description: Sections: diff --git a/languages/zh-tw/components/dropdown.yml b/languages/zh-tw/components/dropdown.yml index 609505982..bf42c05be 100644 --- a/languages/zh-tw/components/dropdown.yml +++ b/languages/zh-tw/components/dropdown.yml @@ -329,7 +329,10 @@ Definitions: - Title: 貼齊上下邊 Anchor: Align Directions - Description: 下拉式選單可以透過 `is-top`（上面）和 `is-bottom`（下面）選擇要貼齊父容器的哪邊，這同時會讓選單以流動的方式填滿左右寬度。如果父容器的寬度小於選單裡的項目，則會以項目寬度為主。 + Description: | + 下拉式選單可以透過 `is-top`（上面）和 `is-bottom`（下面）選擇要貼齊父容器的哪邊，這同時會讓選單以流動的方式填滿左右寬度。如果容器的寬度小於選單裡的項目，則會以項目寬度為主。 + + 由於 CSS 的先天限制，如果項目會超出容器的寬度，請考慮使用 `is-top-center`（上面置中）與 `is-bottom-center`（下面置中）。 Since: 4.1.0 Remove: -
@@ -352,7 +355,7 @@ Definitions: - Title: 貼齊角落 Anchor: Align Corners - Description: 下拉式選單可以選擇要貼齊父容器的哪個角落，透過 `is-top-left`（左上）、`is-top-right`（右上）　和 `is-bottom-left`（左下）、`is-bottom-right`（右下）指定。 + Description: 下拉式選單可以選擇要貼齊父容器的哪個角落，透過 `is-top-left`（左上）、`is-top-right`（右上）和 `is-bottom-left`（左下）、`is-bottom-right`（右下）指定。 Since: 4.1.0 Remove: -
diff --git a/languages/zh-tw/components/email.yml b/languages/zh-tw/components/email.yml new file mode 100644 index 000000000..e474bfd10 --- /dev/null +++ b/languages/zh-tw/components/email.yml @@ -0,0 +1,317 @@ +#======================================================= +# Header +#======================================================= + +Title: 電子郵件 +Description: 使用於電子郵件內容的輕量化 Tocas UI 樣式。 +Intro: | + **這個頁面目前尚未經過整理。** + + 現今的電子郵件客戶端依然不支援大多數（至少 70%）CSS 樣式，所以我們特別獨立出了一個輕量化的 Tocas UI 樣式可以直接複製貼上至電子郵件裡，別忘記你隨時都可以檢視[實際範例](./examples.html)。 + + 這些樣式僅能滿足基本用途而無法打造較為獨特的設計。若需要其他選擇，可以考慮使用 [MJML](https://mjml.io/)。Tocas Email 並不支援響應式設計，因為電子郵件本來就應該以最小化介面設計。 + +#======================================================= +# Settings +#======================================================= + +Type: Article + +#======================================================= +# Definitions +#======================================================= + +Example: + HTML: | +
+
+
鮪魚罐頭公司
+
+
+
+
歡迎來到《鮪魚罐頭公司》
+
+
+ 感謝你使用鮪魚罐頭公司的網站！我們致力於提供令人滿意的罐頭服務。我們非常重視你的意見和建議，如果你對我們的產品或服務有任何疑問，請隨時與我們聯繫。 +
+
+
— 開發團隊敬上
+
+ 立刻開始 🎉 +
+
+
+
+ 這封信件寄送至 yamiodymel@example.com。你會收到這封信是因為這是非常重要的系統通知。 +
+
+
+ +Definitions: + - Title: 安裝與使用 + Description: + Sections: + - Title: 主要樣式 + Anchor: Style + Since: 4.0.0 + IsDownloadable: true + Description: | + 由於電子郵件不能引用外部檔案，你需要下載 Tocas Email 並複製貼上至電子郵件裡的 `` 標籤便能開始使用。 + AttachedHTML: | + {- email.css -} + + - Title: 標題 + Description: + Sections: + - Title: 標題 + Anchor: Header + Description: 針對某個主題以不同語氣和大小呈現文字的重要性。 + Since: 4.0.0 + HTML: | +
+
預設標題。
+
大的標題。
+
更大的標題。
+
負面的標題。
+
+ + - Title: 清單 + Anchor: List + Description: 能夠展現基本文字與項目的列表。 + Remove: + -
+ Since: 4.0.0 + HTML: | +
+
+
有序清單項目 1
+
有序清單項目 2
+
+
+
+
無序清單項目 A
+
無序清單項目 B
+
+
+ + - Title: 驗證碼 + Anchor: Pin Code + Description: 4 到 6 位數的認證碼，適合用於登入驗證信件。 + Since: 4.0.0 + HTML: | +
+
+ 1 + 3 + 5 + 2 +
+
+ + - Title: 按鈕 + Anchor: Button + Description: 可供使用者點擊並執行動作的互動元素。 + Since: 4.0.0 + HTML: | +
+ 一般按鈕 + 外框線按鈕 + 負面按鈕 + 負面外框線按鈕 + 圓角按鈕 + 圓角外框線按鈕 + 流動按鈕 + 行動號召大按鈕 +
+ + - Title: 文字 + Anchor: Text + Description: 以不同的語氣或方式改變文字的呈現方式。 + Since: 4.0.0 + Remove: + -
+ HTML: | +
+ 粗體文字 + 斜體文字 + 被刪除的文字 + 有底線的文字 +
+ 程式碼文字 + 螢光標記文字 + 上標文字 + 下標文字 + 次要文字 +
小的文字
+
預設文字
+
大的文字
+
+
置起始位置
+
置中對齊
+
置結束位置
+
+ + - Title: 分隔線 + Anchor: Divider + Description: 區隔主題或段落的分隔線段。 + Since: 4.0.0 + HTML: | +
+
+
+
+ + - Title: 內容區塊 + Anchor: Content + Description: 用以包覆內容的內距區塊。 + Since: 4.0.0 + HTML: | +
+
+
內容區塊
+
次要內容區塊
+
不重要的內容區塊
+
置起始位置
+
置中位置
+
置結束位置
+
+
+ + - Title: 箱型容器 + Anchor: Box + Description: 帶有邊框的基礎架構容器並可與其他元素混搭使用。 + Since: 4.0.0 + Remove: + -
+ HTML: | +
+
+
箱型容器
+
+
+
+
頂部標記
+
+
+
+
頂部負面標記
+
+
+ + - Title: 多媒體圖片 + Anchor: Image + Description: 呈現照片、圖片的基本元素。 + Since: 4.0.0 + Remove: + -
+ HTML: | +
+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+
+ + - Title: 引言 + Anchor: Quote + Description: 表明某段敘述來自他人所說。 + Since: 4.0.0 + HTML: | +
+
+

引言區塊

+

引言區塊

+

引言區塊

+
+
+ + - Title: 界限容器 + Description: + Sections: + - Title: 界限容器 + Anchor: Container + Description: 用以包覆內容的內距區塊。 + Since: 4.0.0 + HTML: | +
+
保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作，在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容，合理使用的理念如下：使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，即使少量的原創著作被引用，也較不可能符合合理使用之原則。使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。
+
+ + - Title: 網格系統 + Description: + Sections: + - Title: 網格系統 + Anchor: Grid + Description: 用以包覆內容的內距區塊。 + Since: 4.0.0 + HTML: | +
+ + + + + + + + + +
+
交易 ID
+ 4838D84JOA9NUY3HS + 		+
交易日期
+ 2023/1/20 01:10:35 GMT+08:00 +
+
商店
+ Sorae & Co., Ltd. + 		+
商店說明
+ 你尚未輸入任何說明。 +
+
+ + - Title: 網格系統 + Anchor: Grid + Description: 用以包覆內容的內距區塊。 + Since: 4.0.0 + HTML: | +
+ + + + + +
+
+ +
+ 		+
這是一個神奇的標題！
+
早安我的朋友，你最近好嗎？這是一段文字但我希望你看了會開心。
+
+
+ + - Title: 元件 + Description: 在 Tocas Email 裡面的元件都不需要 `ts-` 前輟。 + Sections: + + + + + + diff --git a/languages/zh-tw/components/examples.yml b/languages/zh-tw/components/examples.yml index 4e70733ff..65184b53d 100644 --- a/languages/zh-tw/components/examples.yml +++ b/languages/zh-tw/components/examples.yml @@ -107,7 +107,7 @@ Examples: Symbol: basket-shopping - Title: 庫存管理 - Image: stock_management + Image: stock-management Link: ./examples/stock-management.html Description: 跨距欄位的表格呈現可供展開的商品詳情來快速編輯庫存資訊。 Symbol: table-cells @@ -159,3 +159,54 @@ Examples: Link: ./examples/registration.html Description: 基本的使用者註冊頁面，並要求性別、生日、暱稱⋯⋯等資訊。 Symbol: user-plus + + #- Title: 電子信件 + # Description: 透過 Tocas Email 樣式建立的電子郵件樣板。 + # Items: + # - Title: 表單通知 + # Image: checkout + # Link: ./examples/email/form.html + # Description: 以表格呈現某位使用者填寫的表單回饋內容。 + # Symbol: table-columns +# + # - Title: 裝置登入通知 + # Image: checkout + # Link: ./examples/email/login.html + # Description: 新裝置正在登入的相關資訊。 + # Symbol: right-to-bracket +# + # - Title: 新跟隨者 + # Image: checkout + # Link: ./examples/email/new-follower.html + # Description: 帶有大頭貼的新追隨者通知。 + # Symbol: user-plus +# + # - Title: 歡迎使用 + # Image: checkout + # Link: ./examples/email/welcome.html + # Description: 簡單介紹並附帶幾則教學通知連結。 + # Symbol: face-smile +# + # - Title: 帳號停用警告 + # Image: checkout + # Link: ./examples/email/alert.html + # Description: 含有警示意味並帶有引言的重要性信件。 + # Symbol: circle-exclamation +# + # - Title: 電子報 + # Image: checkout + # Link: ./examples/email/news.html + # Description: 適用於新聞電子報的彙整信件。 + # Symbol: newspaper +# + # - Title: 登入認證碼 + # Image: checkout + # Link: ./examples/email/login-code.html + # Description: 以明顯的方式呈現登入認證碼的通知信件。 + # Symbol: key +# + # - Title: 發票 + # Image: checkout + # Link: ./examples/email/receipt.html + # Description: 透過表格呈現購物後的消費明細。 + # Symbol: receipt diff --git a/languages/zh-tw/components/getting-started.yml b/languages/zh-tw/components/getting-started.yml index c3bdf4a3d..5861650b7 100644 --- a/languages/zh-tw/components/getting-started.yml +++ b/languages/zh-tw/components/getting-started.yml @@ -23,10 +23,10 @@ Definitions: Anchor: CDN Since: 4.0.0 Description: | - 這是由一家知名 CDN 公司 CloudFlare 所提供的免費服務並且提供夠快的服務速度，這使你不需要下載 Tocas UI，只需要將下列標籤放置於 HTML 中的 ` .. ` 處即可，該公司提供可靠的上線時間令你毋須擔心。 + 這是由一家知名 CDN 公司 CloudFlare 所提供的免費服務並且提供夠快的服務速度，這使你不需要下載 Tocas UI，只需要將下列標籤放置於 HTML 中的 ` .. ` 處即可。 AttachedHTML: | - - + + - Title: 自行下載 Tocas UI Anchor: Download @@ -46,7 +46,6 @@ Definitions: npm i tocas - Title: 使用須知 - Description: 需要注意 HTML 和設計上是否有達到這些要求。 Sections: - Title: 網頁字型 Anchor: Fonts @@ -64,11 +63,6 @@ Definitions: - - Title: HTML5 與響應式設計 - Anchor: HTML5 - Description: | - 請確定有透過 `` 將網頁宣告成 HTML5。Tocas UI 支援響應式設計，相關內容請參閱[響應式設計](./responsive.html)頁面。 - - Title: 與其他框架比較 Description: | 當我們在打造 Tocas UI 時，我們參考了許多現有框架的設計，同時我們也依據以往的經驗而避免了不少的問題。這裡簡略分析 Tocas UI 與其他現今的元件框架的不同之處。 diff --git a/languages/zh-tw/components/grid.yml b/languages/zh-tw/components/grid.yml index f370b3156..a8521d061 100644 --- a/languages/zh-tw/components/grid.yml +++ b/languages/zh-tw/components/grid.yml @@ -42,18 +42,12 @@ Definitions: - Title: 欄位與寬度 Anchor: Wides Description: | - 我們稱被劃分開來的區塊為「欄位」，每個欄位的寬度都是可以自己決定的。 + 被劃分開來的區塊是「欄位」，每個欄位的寬度都可以自己決定。 - 正如前言所述：「每行有 16 格寬」，而這個範例的第一行正好有四個 4 格寬的欄位，所以 `4 x 4 = 16` 剛好是 16 格。 - - 另一行是則是由 2 格、8 格還有 6 格寬的欄位所組成，這意味著 `2 + 8 + 6 = 16` 也剛好達到了一行的最大格數。 + Tocas UI 的網格系統每行皆有 16 格寬。這個範例由 2、8、6 格寬的欄位所組成，等於 `2 + 8 + 6 = 16` 也剛好達到了一行的最大格數。 Since: 4.0.0 HTML: |
-
-
-
-
@@ -62,7 +56,7 @@ Definitions: - Title: 欄位換行 Anchor: Wrapping Description: | - 如果單行欄位的寬度加起來超過 16 格寬，溢出來的欄位會自動換行。 + 如果單行欄位的寬度加起來超過 16 格寬，溢出來的欄位會自動換行。這個範例由 5、6、8 格寬的欄位所組成，等於 `5 + 6 + 8 = 19`，多出來的欄位會換行。 Since: 4.0.0 HTML: |
@@ -74,7 +68,7 @@ Definitions: - Title: 欄位數量 Anchor: Amounts Description: | - 若希望單行裡面有三個欄位，你可能會發現…噢不！16 格並沒有辦法整除 3！這個時候可以直接指定網格系統的單行要有幾個欄位。 + 若你希望單行有 3 個欄位，你可能會發現 16 不能被 3 整除。不過你能透過 `is-1-columns` 到 `is-10-columns` 直接指定單行要有幾個欄位。 Since: 4.0.0 Remove: -
@@ -97,7 +91,7 @@ Definitions: - Title: 欄位均分 Anchor: Evenly Divided Description: | - 若希望每個欄位都能有相同的寬度，就可以使用均分。舉例來說：如果有 2 個欄位那麼就會各佔一半的寬度，若有 3 個欄位則是每個都三分之一…以此類推。 + 若希望每個欄位都能有相同的寬度，就可以使用均分。舉例來說：2 個欄位會各佔 50%，而 3 個欄位會均分成 33%…以此類推。 Since: 4.0.0 HTML: |
@@ -124,103 +118,221 @@ Definitions:
+ - Title: 欄位 + Description: + Sections: + - Title: 流動寬度 + Anchor: Fluid + Description: 使某個欄位的寬度填滿剩餘空白位置。 + Since: 4.0.0 + HTML: | +
+
+
+
+
+ + - Title: 移至首位、尾端 + Anchor: First And Last + Description: 把某個欄位的排序調到第一個或是最後一個。 + Since: 4.0.0 + Remove: + -
+ HTML: | +
+
+
+
+
+
+
+
+
+
+
+ + - Title: 指定順序 + Anchor: Orders + Description: 透過 `is-order-1` 到 `is-order-10` 重新排序欄位，使用此功能時所有的欄位都必須指定順序。適合搭配「[響應式設計](./responsive.html)」功能來在行動裝置上重新排序欄位。 + Since: 4.0.0 + Remove: + -
+ HTML: | +
+
+
+
+
+
+ - Title: 外觀 Description: Sections: - - Title: 密度 - Anchor: Density - Description: 網格系統裡欄位的間距可以更密或是更寬鬆。 + - Title: 水平對齊 + Anchor: Horizontal Aligns + Description: 項目可以選擇靠左、中或右對齊。 Since: 4.0.0 Remove: -
HTML: | -
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + - Title: 垂直對齊 + Anchor: Vertical Aligns + Description: 可以根據項目之間的高度，更改其上、中或下對齊方式。 + Since: 4.0.0 + Remove: + -
+ HTML: | +
-
+
-
+
- - Title: 響應式設計 - Description: - Sections: - - Title: 自動層疊 - Anchor: Stackable - Description: 這會不論原訂的欄位寬度，在最小化介面時會自動令所有欄位各自獨立成為一行（便是將所有欄位設置為 16 格寬）。 + - Title: 空白圍繞 + Anchor: Space Between And Around + Description: 使空白圍繞在欄位之間或是周圍。 Since: 4.0.0 + Remove: + -
HTML: | -
-
-
+
+
+
+
+
+
+
+
+
+
+
+ + - Title: 顛倒順序 + Anchor: Reversed + Description: 顛倒網格系統裡所有欄位順序，你可以透過搭配「[響應式設計](./responsive.html)」功能來在行動裝置上切換這個樣式（如：將側邊欄改成優先順位）。 + Since: 4.0.0 + HTML: | +
+
+
+
+ + - Title: 層疊的 + Anchor: Stacked + Description: 這會不論原訂的欄位寬度，直接將所有欄位各自獨立成為一行（便是將所有欄位設置為 16 格寬）。適合搭配「[響應式設計](./responsive.html)」功能在行動裝置上讓所有欄位層疊起來。 + Since: 4.0.0 + HTML: | +
+
+
- - Title: 雙重層疊 - Anchor: Doubling - Description: 這會讓你的欄位在最小化和標準介面上以雙倍的寬度增加，例如：8 個欄位的網格系統會在標準介面上變成 4 個欄位，然後最小化介面上則會變成 2 個欄位。 + - Title: 密度 + Anchor: Density + Description: 網格系統裡欄位的間距可以更密或是更寬鬆。 Since: 4.0.0 Remove: -
HTML: | -
-
-
-
-
-
+
-
-
-
-
+
-
-
+
+ - Title: 響應式設計 + Description: 在 Tocas UI 裡，所有東西都可以套用響應式設計系統，所以我們建議你閱讀[響應式設計](./responsive.html)頁面。下列範例僅作為基本的指導教學。 + Sections: - Title: 指定寬度 - Anchor: Device Wides - Description: 欄位所佔的格數寬度可以依據介面狀態而有所不同，相關介面尺寸請參閱[響應式設計](./responsive.html)頁面。舉例來說：`is-8-minimal` 會在最小化介面上以 8 格寬的方式呈現。 + Anchor: Responsive Wides + Description: 欄位所佔的格數寬度可以依據裝置而有所不同，相關介面尺寸請參閱[響應式設計](./responsive.html)頁面。舉例來說：`tablet+:is-8-wide` 會在平板或更大的裝置上以 8 格寬的方式呈現。 Since: 4.0.0 HTML: |
-
-
-
-
+
+
+
+
+
+ + - Title: 自動層疊 + Anchor: Responsive Stacked + Description: 這會不論原訂的欄位寬度，在手機裝置時套用 `is-stacked` 層疊樣式並令所有欄位各自獨立成為一行（便是將所有欄位設置為 16 格寬）。 + Since: 4.0.0 + HTML: | +
+
+
+
+
+
+ + - Title: 指定數量 + Anchor: Responsive Amounts + Description: 你可以在指定裝置上變更一個網格系統的欄位數量，這個範例的 `mobile:is-2-columns` 表示行動裝置會有 2 欄，而 `tablet+:is-3-columns` 是指平板或是更大的裝置會有 3 欄。 + Since: 4.0.0 + HTML: | +
+
+
+
+
+
+
- Title: 可見度 - Anchor: Column Visibility + Anchor: Responsive Visibility Description: 某些欄位可以只在指定介面尺寸上呈現、隱藏，相關使用方式請參閱[響應式設計](./responsive.html)頁面。 Since: 4.0.0 HTML: |
-
-
-
-
+
+
+
+
diff --git a/languages/zh-tw/components/input.yml b/languages/zh-tw/components/input.yml index 1955f038a..7e216c179 100644 --- a/languages/zh-tw/components/input.yml +++ b/languages/zh-tw/components/input.yml @@ -170,13 +170,23 @@ Definitions:
- - Title: 較密的 - Anchor: Dense - Description: 變更元件的內距，令元素之間看起來更密集。 + - Title: 密度 + Anchor: Density + Description: 變更輸入欄位的高度，看起來更緊密或是令人感到寬鬆。 Since: 4.1.0 + Remove: + -
HTML: |
- + +
+
+
+ +
+
+
+
- Title: 種類 diff --git a/languages/zh-tw/components/loading.yml b/languages/zh-tw/components/loading.yml index 99d95636a..5da157d13 100644 --- a/languages/zh-tw/components/loading.yml +++ b/languages/zh-tw/components/loading.yml @@ -36,6 +36,13 @@ Definitions: HTML: |
+ - Title: 置中的 + Anchor: Centered + Description: 讓讀取狀態的圖示置中呈現。 + Since: 4.0.0 + HTML: | +
+ - Title: 尺寸 Anchor: Sizes Description: 更改讀取狀態的大小。 diff --git a/languages/zh-tw/components/modal.yml b/languages/zh-tw/components/modal.yml index ee7622733..821e6ede1 100644 --- a/languages/zh-tw/components/modal.yml +++ b/languages/zh-tw/components/modal.yml @@ -111,21 +111,21 @@ Definitions: HTML: |
-
+
小型視窗
-
+
預設視窗
-
+
大型視窗
diff --git a/languages/zh-tw/components/module-dropdown.yml b/languages/zh-tw/components/module-dropdown.yml new file mode 100644 index 000000000..153b5edc1 --- /dev/null +++ b/languages/zh-tw/components/module-dropdown.yml @@ -0,0 +1,160 @@ +#======================================================= +# 標頭 +# Header +#======================================================= + +Title: 選單模組 +Description: 針對某個行為展開更多可供操作的功能選單。 +Intro: | + 這個 JavaScript 模組主要與[下拉式選單](./dropdown.html)元件搭配，可以讓使用者點擊某個元素的時候打開下拉式選單。 + + 在可供互動的元素上套用 `[data-dropdown="名稱"]` 並在下拉式選單套用 `[data-name="名稱"]`，就能夠透過點擊互動元素來觸發對應的下拉式選單。 + +#======================================================= +# 設定 +# Settings +#======================================================= + +Type: Article +Relatives: + - Dropdown + +#======================================================= +# 基本樣式 +# Definitions +#======================================================= + +Example: + Centered: true + HTML: | + +
+ + + +
+ +Definitions: + - Title: 使用說明 + Description: + Sections: + - Title: 偏好位置 + Anchor: Position + Description: | + 你可以透過 `[data-position]` 來指定偏好位置。 + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
說明
上方並置中對齊。
上方並置起始位置（通常是左邊）。
上方並置結束位置（通常是右邊）。
預設選項。下方並置中對齊。
下方並置起始位置（通常是左邊）。
下方並置結束位置（通常是右邊）。
+
+ Since: 4.0.0 + HTML: | +
+ +
+ + +
+
+ + - Title: 組合應用 + Description: + Sections: + - Title: 頂部列選單 + Anchor: Composition Topbar + Description: | + [頂部列](./app-topbar.html)的尾側可以擺放一個帶有進階功能的選單。 + Since: 4.0.0 + HTML: | +
+
+
應用程式
+
+
+ +
+
+
+ + +
+ + - Title: 分頁選單 + Anchor: Composition Tab + Description: 有時候[分頁籤](./tab.html)的項目太多，可以考慮收納進下拉式選單中。 + Since: 4.0.0 + HTML: | +
+ + + +
+
+ + + +
+ + - Title: 下拉式選擇 + Anchor: Composition Select + Description: 豐富化[下拉式選擇](./select.html)欄位能夠選擇的內容，不過你仍需要額外撰寫 JavaScript 來變更其值。 + Since: 4.0.0 + HTML: | +
+
+ Taiwan +
+
+
+ + + +
\ No newline at end of file diff --git a/languages/zh-tw/components/module-stash.yml b/languages/zh-tw/components/module-stash.yml new file mode 100644 index 000000000..4299b2d7a --- /dev/null +++ b/languages/zh-tw/components/module-stash.yml @@ -0,0 +1,94 @@ +#======================================================= +# 標頭 +# Header +#======================================================= + +Title: 貯物收納 +Description: 根據容器的寬度來切換部份內容。 +Intro: | + 這個元件尚未完成，不要使用。 + +#======================================================= +# 設定 +# Settings +#======================================================= + +Type: Article +Relatives: + - Tab + +#======================================================= +# 基本樣式 +# Definitions +#======================================================= + +Example: + Remove: + -
+ HTML: | +
+ 項目 A + 項目 B + 項目 C + 項目 D + 項目 E + 帳戶資訊 +
+
+ 項目 A + 項目 B + 項目 C + 項目 D + 項目 E +
+ + +
+
+
+ 項目 A + 項目 B + 項目 C + 項目 D + 項目 E +
+
+
+ 帳戶資訊 +
+
+ +
+ 項目 A + 項目 B + 項目 C + 項目 D + 項目 E +
+ + +Definitions: + - Title: 使用說明 + Description: + Sections: + - Title: 預設分頁籤 + Anchor: Default + Description: | + 這個模組主要會切換項目的 `is-active` 還有分頁內容的 `u-hidden` 樣式，你**必須**在網頁初始化之前手動先替分頁套用這些 CSS 樣式類別。 + + `u-hidden` 是會隱藏元素的全域輔助函式，更多用法請參考[輔助樣式](./utilities.html)頁面。 + Since: 4.0.0 + Remove: + -
+ HTML: | +
+ + +
+
+
+ 你必須透過 "u-hidden" 隱藏非預設內容。 +
+
+ 這個內容預設會顯示。 +
diff --git a/languages/zh-tw/components/module-tab.yml b/languages/zh-tw/components/module-tab.yml new file mode 100644 index 000000000..d07f22e39 --- /dev/null +++ b/languages/zh-tw/components/module-tab.yml @@ -0,0 +1,70 @@ +#======================================================= +# 標頭 +# Header +#======================================================= + +Title: 分頁模組 +Description: 透過分頁籤群組來開關內容。 +Intro: | + 這個 JavaScript 模組主要與[分頁籤](./tab.html)元件搭配，可以讓使用者點擊分頁籤項目時，顯示指定的內容並隱藏其他無關內容。 + + 在[分頁籤](./tab.html)裡面的項目套用 `[data-tab="分頁名稱"]` 並在目標分頁內容套用 `[data-name="分頁名稱"]`，就能夠透過點擊分頁籤項目來切換對應的分頁內容可見度。 + + 初始化時，沒有被啟用的內容會被隱藏。 + +#======================================================= +# 設定 +# Settings +#======================================================= + +Type: Article +Relatives: + - Tab + +#======================================================= +# 基本樣式 +# Definitions +#======================================================= + +Example: + Remove: + -
+ HTML: | +
+ + +
+
+
+ 你尚未有任何交易紀錄。 +
+
+ 你的帳戶目前有 3,000 元。 +
+ + +Definitions: + # - Title: 使用說明 + # Description: + # Sections: + # - Title: 預設分頁籤 + # Anchor: Default + # Description: | + # 這個模組主要會切換項目的 `is-active` 還有分頁內容的 `u-hidden` 樣式，你**必須**在網頁初始化之前手動先替分頁套用這些 CSS 樣式類別。 +# + # `u-hidden` 是會隱藏元素的全域輔助函式，更多用法請參考[輔助樣式](./utilities.html)頁面。 + # Since: 4.0.0 + # Remove: + # -
+ # HTML: | + #
+ # + # + #
+ #
+ #
+ # 你必須透過 "u-hidden" 隱藏非預設內容。 + #
+ #
+ # 這個內容預設會顯示。 + #
diff --git a/languages/zh-tw/components/module-toggle.yml b/languages/zh-tw/components/module-toggle.yml new file mode 100644 index 000000000..3195e0d99 --- /dev/null +++ b/languages/zh-tw/components/module-toggle.yml @@ -0,0 +1,120 @@ +#======================================================= +# 標頭 +# Header +#======================================================= + +Title: 樣式切換 +Description: 與某個元素互動來切換另一個元素的樣式類別。 +Intro: | + 這個 JavaScript 模組能讓你很輕易地就透過按鈕來切換某個容器的 CSS 樣式類別。 + + 在可供互動的元素上套用 `[data-toggle="名稱:樣式名稱"]` 並在目標元素套用 `[data-name="名稱"]`，就能夠透過點擊互動元素來切換目標的 CSS 樣式類別。 + +#======================================================= +# 設定 +# Settings +#======================================================= + +Type: Article + +#======================================================= +# 基本樣式 +# Definitions +#======================================================= + +Example: + Centered: true + Remove: + -
+ HTML: | + + +Definitions: + - Title: 組合應用 + Description: + Sections: + - Title: 頂部列與閉合選單 + Anchor: Composition Topbar + Description: | + [頂部列](./app-topbar.html)可以擺放一個漢堡選單按鈕，然後透過樣式切換來控制一個容器的可見度，用以在行動裝置上開關一個進階選單。 + Since: 4.0.0 + Remove: + -
+ HTML: | +
+
+ + + +
應用程式
+
+
+
+ + + 收件匣 + + + + 重要郵件 + +
+
+
+ + - Title: 快顯視窗 + Anchor: Composition Modal + Description: | + 透過樣式切換來開關一個[快顯視窗](./modal.html)的可見度，只需要按下按鈕就可以打開快顯視窗。 + + 如果你需要監聽開關事件並做額外處理（例如：打開視窗時才載入 YouTube 嵌入影片、資料…等），則建議自行額外撰寫 JavaScript 程式碼並開關其 `is-visible` 樣式。 + Since: 4.0.0 + HTML: | + +
+
+
+

好了，現在你可以透過下面的關閉按鈕把我關閉了。

+

這個關閉按鈕也是透過 [data-toggle] 來切換快顯視窗的可見度。

+
+
+
+ +
+
+
+ + - Title: 邊緣抽屜 + Anchor: Composition Drawer + Description: | + [邊緣抽屜](./app-drawer.html)與[快顯視窗](./modal.html)一樣，都可以透過樣式切換 CSS 來變更其可見度。 + + 如果你希望使用者可以點擊灰色遮罩的部份來關閉邊緣抽屜，那則需要自行額外撰寫 JavaScript 程式碼。 + Since: 4.0.0 + HTML: | + +
+
+
+
備註事項
+
+
+
蘆森詩音
+
天野悟美
+
佐藤綾
+
+
+ +
+
+
\ No newline at end of file diff --git a/languages/zh-tw/components/module-tooltip.yml b/languages/zh-tw/components/module-tooltip.yml new file mode 100644 index 000000000..0e17ffb78 --- /dev/null +++ b/languages/zh-tw/components/module-tooltip.yml @@ -0,0 +1,98 @@ +#======================================================= +# 標頭 +# Header +#======================================================= + +Title: 工具提示 +Description: 簡短的敘述提示使用者目前游標停留的控制項功能。 +Intro: | + 這個 JavaScript 模組可以應用在任何元素上，當使用者的游標移動至該元素上方並停留後會呈現基本文字訊息。**在行動裝置上，這個標籤會沒有任何作用。** + + 任何有 `[data-tooltip]` 標籤的元素就會有工具提示，其值是欲顯示的內容純文字（不支援 HTML 標籤）。 + +#======================================================= +# 設定 +# Settings +#======================================================= + +Type: Article + +#======================================================= +# 基本樣式 +# Definitions +#======================================================= + +Example: + Centered: true + HTML: | +
+ +
+ +Definitions: + - Title: 使用說明 + Description: + Sections: + - Title: 偏好位置 + Anchor: Side + Description: | + 你可以透過 `[data-position]` 來指定偏好位置。 + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
說明
上方並置中對齊。
上方並置起始位置（通常是左邊）。
上方並置結束位置（通常是右邊）。
預設選項。下方並置中對齊。
下方並置起始位置（通常是左邊）。
下方並置結束位置（通常是右邊）。
+
+ Since: 4.0.0 + HTML: | +
+ + +
+ + - Title: 延遲出現 + Anchor: Delay + Description: | + 預設的工具提示會在滑鼠移入後的 `200` 毫秒出現，你可以透過指定 `data-delay` 來變更這個設定。若指定為 `0` 則是馬上出現，而 `1000` 則代表 1 秒。 + Since: 4.0.0 + HTML: | + + + + + + + + + diff --git a/languages/zh-tw/components/procedure.yml b/languages/zh-tw/components/procedure.yml index a9bea8ffc..2e162eb00 100644 --- a/languages/zh-tw/components/procedure.yml +++ b/languages/zh-tw/components/procedure.yml @@ -26,21 +26,18 @@ Example:
帳單對象
-
購物車
-
付款
-
@@ -57,29 +54,26 @@ Definitions:
- +
帳號建立
-
- +
身份驗證
-
- +
等待審核
-
@@ -97,7 +91,6 @@ Definitions:
決定此標的物價格。
-
@@ -107,7 +100,6 @@ Definitions:
支付相關費用。
-
@@ -117,7 +109,6 @@ Definitions:
取得已得標商品。
-
@@ -135,21 +126,18 @@ Definitions:
連接電源
-
啟用 WiFi
-
掃描 QR Code
-
@@ -164,21 +152,18 @@ Definitions:
建立訂單
-
配送貨物
-
完成訂單
-
@@ -193,21 +178,18 @@ Definitions:
提出修正
-
等待通知
-
獲得獎勵
-
@@ -222,21 +204,18 @@ Definitions:
建立 PIN 碼
-
初始化指紋辨識
-
配置重設密碼
-
@@ -254,21 +233,18 @@ Definitions:
上傳檔案
-
設定密碼
-
分享給朋友
-
@@ -283,21 +259,18 @@ Definitions:
建立伺服器
-
設定 IP 位址
-
封鎖來源
-
@@ -307,26 +280,23 @@ Definitions: Since: 4.0.0 HTML: |
- +
建立帳號
-
驗證信箱
-
歡迎使用
-
@@ -343,21 +313,18 @@ Definitions:
影片資訊
-
廣告營利
-
隱私設定
-
@@ -367,21 +334,18 @@ Definitions:
影片資訊
-
廣告營利
-
隱私設定
-
@@ -396,21 +360,18 @@ Definitions:
分割磁碟
-
安裝系統
-
初始化環境
-
@@ -427,21 +388,18 @@ Definitions:
確認資訊
-
選擇上車地點
-
付款
-
@@ -451,21 +409,18 @@ Definitions:
確認資訊
-
選擇上車地點
-
付款
-
@@ -475,20 +430,17 @@ Definitions:
確認資訊
-
選擇上車地點
-
付款
-
diff --git a/languages/zh-tw/components/progress.yml b/languages/zh-tw/components/progress.yml index 8a50af6b2..1b763fec0 100644 --- a/languages/zh-tw/components/progress.yml +++ b/languages/zh-tw/components/progress.yml @@ -28,11 +28,17 @@ Relatives: Example: HTML: |
-
+
50%
+# Links: +# - Icon: palette +# Title: 領銜主色 +# Description: 使用不同主色彩繪這個元件。 +# Link: ./colors.html + Definitions: - Title: 內容 Description: @@ -43,7 +49,7 @@ Definitions: Since: 4.0.0 HTML: |
-
+
80%
@@ -57,7 +63,7 @@ Definitions: Since: 4.0.0 HTML: |
-
+
- Title: 處理中 @@ -66,7 +72,7 @@ Definitions: Since: 4.0.0 HTML: |
-
+
- Title: 不定的 @@ -75,7 +81,7 @@ Definitions: Since: 4.0.0 HTML: |
-
+
- Title: 佇列的 @@ -84,7 +90,7 @@ Definitions: Since: 4.0.0 HTML: |
-
+
- Title: 外觀 @@ -96,7 +102,7 @@ Definitions: Since: 4.1.0 HTML: |
-
+
0%
@@ -107,10 +113,10 @@ Definitions: Since: 4.0.0 HTML: |
-
+
40%
-
+
60%
@@ -123,25 +129,25 @@ Definitions: -
HTML: |
-
+
50%
-
+
50%
-
+
50%
-
+
50%
@@ -157,7 +163,7 @@ Definitions:
-
+
70%
diff --git a/languages/zh-tw/components/responsive.yml b/languages/zh-tw/components/responsive.yml index b64e61498..8eba1e293 100644 --- a/languages/zh-tw/components/responsive.yml +++ b/languages/zh-tw/components/responsive.yml @@ -10,36 +10,26 @@ Description: 協助你能夠在不同裝置上更加地得心應手。 #======================================================= Type: Paragraphy +Grid: true #======================================================= # Definitions #======================================================= Definitions: - - Title: 說明 - Description: | - Tocas UI 內建數個響應式輔助樣式，這可以協助你在指定裝置上顯示或是隱藏一些元素。 - - 現今的瀏覽裝置尺寸變得十分多樣，以往像 Semantic UI 那樣以平板、手機、桌機…等稱呼都已經不合時宜。好比 iPad Pro 的螢幕尺寸已經近似於筆記型電腦，那麼我們就不能再以「平板」來稱呼這個裝置。 - - Tocas UI 將響應式設計的輔助樣式命名為三個最重要的尺寸規模：最小化（Minimal）、預設（Standard）、最大化（Maximal）。 - - * 最小化介面：通常僅會有最基礎的功能。 - * 標準化介面：呈現所有基本功能。 - * 最大化介面：除了基本功能外還會帶有進階功能介面。 - + - Title: 前置準備 Sections: - - Title: 響應式設計標籤 + - Title: 響應式標籤 Anchor: Tag Description: | - Tocas UI 支援響應式設計，為此需要新增下列一段的標籤在 HTML 來告訴行動裝置此網頁支援響應式設計。利用這個標籤還可以降低並解決行動裝置對於網頁的點擊延遲，請將這段放置於 HTML 中的 ` .. ` 處。 + 必須在 HTML 的 ` .. ` 處聲明下列標籤來告訴行動裝置此網頁支援響應式設計。 AttachedHTML: | - - Title: 動態字體縮放 + - Title: 頁面字體縮放 Anchor: Scales Description: | - Tocas UI 的所有元件字體大小是依賴著網頁基底而定。當網頁字型太小時，不需要變更每個元件的字型，可以直接變更 `` 中的 `font-size` 大小設定，但 Tocas UI 也內建了 `[data-scale]` 屬性標籤能夠更改縮放級距。 + Tocas UI 的所有元件字體大小是依賴著網頁基底而定。當網頁字型太小時，不需要變更每個元件的字型，可以直接變更 `` 中的 `font-size` 大小設定。
@@ -47,22 +37,22 @@ Definitions: - + - + - + - + - + @@ -70,15 +60,16 @@ Definitions:
適用情境
手機或是行動裝置應用程式。
基本的網頁和桌上型電腦的軟體介面。預設尺寸，基本的網頁和桌上型電腦的軟體介面。
專注在文字的部落格、商業推廣情境。
AttachedHTML: | - + + - - Title: 尺寸與目前狀態 - Anchor: Devices + - Title: 響應式系統 + Sections: + - Title: 中斷點尺寸 + Anchor: Default Breakpoints Since: 4.0.0 Description: | - 在一般情況下，介面會以標準化規模呈現。當使用者的螢幕尺寸過小，僅會顯示最小化、最基礎的功能；當使用者的螢幕尺寸過大，那些多餘的輔助功能便可以出現在螢幕上。 - - 將應用程式、網頁以這三個規模設計，便能更加簡單地清楚地描述頁面的功能。 + 預設的響應式系統提供這些裝置中斷點：行動裝置（Mobile）、平板（Tablet）、桌上型電腦（Desktop）、大型螢幕（Widescreen）。
@@ -87,128 +78,249 @@ Definitions: - + - + + + - - - + + + - - - + + + + + + + + + - -
說明出現時機
+
+
⮃ 手機直向握持。
+
最小化介面，常出現於手機…等行動裝置。
+
+
⮂ 多數手機的橫向。
+
⮃ 平板電腦的直向。
+
標準化介面，通常是平板電腦或較小筆記型電腦…等。
+
+
⮂ 平板電腦的橫向。
+
縮小的瀏覽器視窗。
+
通常可視為電腦裝置的起始點。
+
+
+
+
⮂ 大型平板電腦的橫向（如：iPad Pro 或 Surface Pro）。
+
筆記型電腦、桌上型電腦。
+
最大化介面，適用於大部分的桌上型電腦與大型筆記型電腦的使用者。
- - Title: 只有在 .. 時 - Anchor: Only + - Title: 使用方式 + Anchor: Responsive Usage Since: 4.0.0 Description: | - 透過 `is-x-only` 的輔助樣式可以讓某個元素在特定的介面尺寸下出現，如果不符合這個尺寸則永遠隱藏。 + 在 Tocas UI 裡面，透過套用 `中斷點:樣式` 來實現響應式設計。
- - - + + - - + - - + - - + - - + - - + - - + + + + + +
說明生效時機
只在最小化時出現。只在「某個中斷點」生效。
只在標準化時出現。在「某個中斷點」與「以上」生效。
只在最大化時出現。在「某個中斷點」與「以下」生效。
在「某個中斷點」與「某個中斷點」之間生效。
AttachedHTML: | -
把響應式標籤這樣套用在任何元素上！
+ +
+ + +
- - Title: 不是 .. 時 - Anchor: Not + - Title: 臨時尺寸 + Anchor: Responsive Arbitrary Since: 4.0.0 Description: | - 透過 `is-not-x` 的輔助樣式讓某個元素在不是某個介面尺寸時才出現，與 `is-x-only` 是相反的設計。 + 透過方括號 `[尺寸]` 取代原本的中斷點名稱來使用一些沒有意義的尺寸，例如：`123px` 或 `450px` 這種臨時尺寸。
- - - + + - - + - - + - - + - - + - - + - - +
說明生效時機
不是最小化的時候才出現。在「某個尺寸」與「以上」生效。
不是標準化的時候才出現。在「某個尺寸」與「以下」生效。
不是最大化的時候才出現。在「某個尺寸」與「某個尺寸」之間生效。
AttachedHTML: | -
這個元素只會在手機以外的裝置顯示。
+ +
+ + +
+ + - Title: 實際應用 + Sections: + - Title: 網格系統 + Anchor: Responsive Grid + Since: 4.0.0 + Description: | + 欄位所佔的格數寬度可以依據裝置而有所不同。Tocas UI 不是行動優先（Mobile First）框架，在 `mobile` 中斷點設置的樣式**並不會**自動往上套用。 + HTML: | +
+
+
+
+
+
+ + + - Title: 在 … 時隱藏元素 + Anchor: Responsive Visibility + Since: 4.0.0 + Description: | + 透過切換某個元素的 `u-hidden` 樣式，可以在某些裝置上隱藏元素。`u-hidden` 是會隱藏元素的全域輔助函式，更多用法請參考[輔助樣式](./utilities.html)頁面。 + + Tocas UI 目前的設計偏好「在什麼時候隱藏」而不是「在什麼時候顯示」，這點需要額外注意。 + HTML: | + + +
Mobile 📱
+ + + +
Tablet 💻
+ + + +
Desktop 🖥️
+ + + +
Widescreen 📺
+ + - Title: 進階功能 + Sections: + + + - Title: 自訂中斷點 + Anchor: Responsive Customize + Since: 4.0.0 + Description: | + 透過覆寫 CSS 變數來編輯預設的 Tocas UI 中斷點尺寸、名稱甚至是新增中斷點。這些設定預設寫在 `html` 的 CSS 樣式中。新增中斷點時，必須同時新增兩個 CSS 變數： + +
+
+ --ts-breakpoint-名稱-min：該中斷點的最小、起始尺寸。 +
+
+ --ts-breakpoint-名稱-min：該中斷點的最大、結束尺寸。 +
+
+ + 套用響應式功能時，Tocas UI 會找離這個元素最近的中斷點定義。 + AttachedHTML: | + + + +
+ + - Title: 基於容器的中斷點 + Anchor: Responsive Container Query + Since: 4.0.0 + Description: | + 預設的中斷點或尺寸是依據視窗寬度生效，但也能改為依據某個容器的寬度，這個功能也稱作 Container Query。 + + 在中斷點或尺寸前面加上 `@`（例如：`@mobile`、`@[400px]+`）這些元素就會依據最鄰近的 `@container` 容器的寬度來做為響應式的判斷依據。 + AttachedHTML: | +
+ +
+
+ diff --git a/languages/zh-tw/components/row.yml b/languages/zh-tw/components/row.yml index 4c96776dc..3414e7e73 100644 --- a/languages/zh-tw/components/row.yml +++ b/languages/zh-tw/components/row.yml @@ -6,7 +6,7 @@ Title: 水平排列 Description: 以左右水平的方式排列元素並自由延展其寬度。 Intro: | - 這個元素有點近似於[網格系統](./grid.html)，但水平排列可以特別令某個欄位填滿剩餘空間。 + 這個元素有點近似於[網格系統](./grid.html)，但水平排列可以令某個欄位填滿剩餘空間。 和[間隔容器](./wrap.html)不同的是：水平排列的項目絕對不會換行。 diff --git a/languages/zh-tw/components/select.yml b/languages/zh-tw/components/select.yml index 637cf9c9c..3c3eb9cef 100644 --- a/languages/zh-tw/components/select.yml +++ b/languages/zh-tw/components/select.yml @@ -32,6 +32,23 @@ Example:
Definitions: + - Title: 種類 + Description: + Sections: + - Title: 多選的 + Anchor: Multiple + Description: | + 下拉選擇欄位支援 HTML 原生的 `[multiple]` 多選屬性，使用時會呈現清單狀並依照指定的 `[size]` 屬性決定同時間呈現幾個項目。 + Since: 4.1.0 + HTML: | +
+ +
+ - Title: 狀態 Description: Sections: diff --git a/languages/zh-tw/components/tab.yml b/languages/zh-tw/components/tab.yml index 530ab1334..328dfd218 100644 --- a/languages/zh-tw/components/tab.yml +++ b/languages/zh-tw/components/tab.yml @@ -38,6 +38,16 @@ Example:
+#Links: +# - Icon: palette +# Title: 領銜主色 +# Description: 使用不同主色彩繪這個元件。 +# Link: ./module-nav.html +# - Icon: wand-magic-sparkles +# Title: JavaScript +# Description: 這個元件有對應的 JavaScript 模組可以使用。 +# Link: ./module-nav.html + Definitions: - Title: 項目 Description: diff --git a/languages/zh-tw/components/table.yml b/languages/zh-tw/components/table.yml index e7e24258a..8ef63b4f8 100644 --- a/languages/zh-tw/components/table.yml +++ b/languages/zh-tw/components/table.yml @@ -510,6 +510,32 @@ Definitions:
+ - Title: 無內距 + Anchor: Fitted + Description: 移除欄位的內距。 + Since: 4.0.0 + HTML: | + + + + + + + + + + + + + + + + + + + +
訂單編號：123718975123
開立時間：2022-12-05 16:26:01 UTC
付款時間：未付款
帳號：yamiodymel
+ - Title: 密度 Anchor: Density Description: 變更元件的內距，令元素之間看起來更密集。 @@ -939,4 +965,4 @@ Definitions: -
+
\ No newline at end of file diff --git a/languages/zh-tw/components/timeline.yml b/languages/zh-tw/components/timeline.yml new file mode 100644 index 000000000..430b7c9b9 --- /dev/null +++ b/languages/zh-tw/components/timeline.yml @@ -0,0 +1,386 @@ +#======================================================= +# 標頭 +# Header +#======================================================= + +Title: 時間軸 +Description: 敘述同個主題所發生的關聯事件。 +Intro: | + 時間軸本身沒有進度指示，通常用來陳列已經發生過的事情。若你希望預先提示未來可能發生的事情或步驟，可以使用[步驟指示器](./procedure.html)。 + + 這個元件沒有順序，你可以依照自己喜好把最新發生的事情放置在最上或下面。 + +#======================================================= +# 設定 +# Settings +#======================================================= + +Type: Article +Relatives: + - Procedure + +#======================================================= +# 基本樣式 +# Definitions +#======================================================= + +Example: + HTML: | +
+
+
+ +
+
夏野姫依已經被指派到這份工作。
+
+
+
+ +
+
這個工作被納入下個更新的里程碑。
+
+
+
+ +
+
冬島緣糸提及了這個工作。
+
+
+ +Definitions: + - Title: 內容 + Description: + Sections: + - Title: 圖示 + Anchor: Icon + Description: 每個事件都必須帶有象徵圖示。 + Since: 4.0.0 + HTML: | +
+
+
+ +
+
+
早上 07:01
+ 早上吃了土司。 +
+
+
+
+ +
+
+
下午 02:46
+ 喝了一杯水。 +
+
+
+ + - Title: 輔助內容 + Anchor: Aside + Description: 事件的對側可以擺放額外的敘述文字或圖片。 + Since: 4.0.0 + HTML: | +
+
+
+
12月25日
07:16
+
+
+ +
+
「客廳的門」被打開。
+
+
+
+
12月25日
11:23
+
+
+ +
+
「客廳的門」已經關上。
+
+
+ + - Title: 次要事件 + Anchor: Secondary + Description: 如果有些事情太過冗長或不重要，可以將其以更小的方式呈現。 + Since: 4.0.0 + HTML: | +
+
+
+ +
+
春町葉白回報了這個錯誤。
+
+
+
+ +
+
確認已修正這個錯誤。
+
+
+
+ +
+
還原上個推送的修正，修改錯字。
+
+
+
+ +
+
錯誤已經被解決。
+
+
+ + - Title: 休止符號 + Anchor: Break + Description: 表示某件事情發生之後有歇止一小段時間或不連貫。 + Since: 4.0.0 + HTML: | +
+
+
+ +
+
正在修復這個不可預期的錯誤。
+
+
+
+ +
+
這個問題被暫緩。
+
+
+
+
+ +
+
安全系統正在監視是否發生相同問題。
+
+
+ + - Title: 狀態 + Description: + Sections: + - Title: 啟用的 + Anchor: Active + Description: 標明目前正處於的事件狀態。 + Since: 4.0.0 + HTML: | +
+
+
+
02月13日
+
+
+ +
+
買家取件成功。
+
+
+
+
02月13日
+
+
+ +
+
包裹已配達買家取件門市（夏洛夏分店）。
+
+
+
+
02月12日
+
+
+ +
+
包裹已從深圳物流中心出貨。
+
+
+ + - Title: 停用的 + Anchor: Disabled + Description: 淡化某個事件表示已經撤銷或不重要。 + Since: 4.0.0 + HTML: | +
+
+
+ +
+
已申請退款，原先的款項已經退回至原信用卡。
+
+
+
+ +
+
透過 VISA 信用卡消費 320 元（後四碼 8277）。
+
+
+
+ +
+
訂單已經成立。
+
+
+ + - Title: 外觀 + Description: + Sections: + - Title: 緊緻的 + Anchor: Compact + Description: 縮小事件之間的間距，令整個排序變得更加緊湊。 + Since: 4.0.0 + HTML: | +
+
+
+ +
+
玩家已經登入。
+
+
+
+ +
+
玩家拾取了經驗皇冠。
+
+
+
+ +
+
玩家打敗了魔法飛龍。
+
+
+ + - Title: 負面的 + Anchor: Negative + Description: 表示某個環節出錯了。 + Since: 4.0.0 + HTML: | +
+
+
+ +
+
下載最新的系統映像檔案。
+
+
+
+ +
+
複製檔案至目標系統。
+
+
+
+ +
+
建置 Linux 版本失敗。
+
+
+ + - Title: 組合應用 + Description: + Sections: + - Title: 變更歷史 + Anchor: Composition Commits + Description: 透過[大頭貼](./avatar.html)模擬 GitHub 或是一些 Git 網站對於檔案變更歷史的呈現。 + Since: 4.0.0 + HTML: | +
+
+
+ +
+
新的程式碼分支已經建立。
+
+
+
+ +
+
+
+
+ + + +
+
+ 修正使用者無法登入的問題。 +
+
2 天前
+
+
+
+
+
+ +
+
+
+
+ + + +
+
+ 還原上個變更。 +
+
3 天前
+
+
+
+
+ + - Title: 測試紀錄 + Anchor: Composition Tests + Description: 內容裡面可以擺放其他元件來呈現詳細的事件內容，這個範例模擬了一個測試系統的細節報錯。 + Since: 4.0.0 + HTML: | +
+
+
+
63 秒
+
+
+ +
+
+ 執行主要測試 +
+
+
+
+ 系統環境正常。 +
+
+ 沒有通過安全測試。 +
+
+ 資料庫帳號不能為空。 +
+
+
+
+
+
+
+
18 秒
+
+
+ +
+
檢查授權金鑰
+
+
+
+
1 分 32 秒
+
+
+ +
+
初始化測試環境
+
+
\ No newline at end of file diff --git a/languages/zh-tw/components/utilities.yml b/languages/zh-tw/components/utilities.yml new file mode 100644 index 000000000..bc946c4de --- /dev/null +++ b/languages/zh-tw/components/utilities.yml @@ -0,0 +1,232 @@ +#======================================================= +# Header +#======================================================= + +Title: 輔助樣式 +Description: 所有元素皆可使用的全域輔助樣式。 +Intro: | + **全域輔助樣式是十分有害的功能，你必須謹慎使用。**所有全域輔助樣式的前輟一定是 `u-`。 + + 可以在所有元件使用的樣式就是全域輔助樣式，例如：`u-hidden` 能夠隱藏任意元素的可見度，很適合用於[響應式設計](./responsive.html)；`u-dark` 可以強制將某個元素轉為暗色系主題（請檢視[主題色系](./colors.html)頁面）。 + + 為了避免到處充斥輔助樣式，Tocas UI 會盡可能地限制全域輔助樣式的用法。 + +#======================================================= +# Settings +#======================================================= + +Type: Paragraphy + +#======================================================= +# Definitions +#======================================================= + +Definitions: + - Title: 使用方式 + Sections: + - Title: 可見度 + Anchor: Visibility + Description: | + 隱藏某個元素，可以搭配[響應式設計](./responsive.html)來在某些裝置上隱藏元素。許多 Tocas UI 模組都使用這些輔助樣式來切換某些元件。 + +
+ + + + + + + + + + + + + + + + + + + + + + + + + +
樣式
+ display: none; +
+ visibility: hidden; +
+ 在亮色主題☀️下會套用 display: none; +
+ 在暗色主題🌙下會套用 display: none; +
+
+ AttachedHTML: | +
這段文字會被隱藏。
+
這段字在暗色模式🌙下會被隱藏。
+ + - Title: 增加內距 + Anchor: Padded + Description: | + 增加任意元素的內距。為了更加清楚地看見其變化，我們在這個範例替間距加上了背景顏色，在實際應用中並不會看到這個背景色。 + + 如果你想要單獨控制上下垂直的空白，請考慮使用[空白間距](./space.html)元件。 + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
樣式
+ padding: 1rem; +
+ + padding-left: 1rem;
+ padding-right: 1rem; + +
+ + padding-top: 1rem;
+ padding-bottom: 1rem; + +
+ padding: 1.5rem; +
+ + padding-left: 1.5rem;
+ padding-right: 1.5rem; + +
+ + padding-top: 1.5rem;
+ padding-bottom: 1.5rem; + +
+
+ Remove: + -
+ HTML: | +
增加內距。
+
+
增加更大的內距。
+ + - Title: 增加外距 + Anchor: Spaced + Description: | + 增加任意元素的外距，適合用在某些不能增加內距的時候。為了更加清楚地看見其變化，我們在這個範例替間距加上了背景顏色，在實際應用中並不會看到這個背景色。 + + 如果你想要單獨控制上下垂直的空白，請考慮使用[空白間距](./space.html)元件。 + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
樣式
+ margin: 1rem; +
+ + margin-left: 1rem;
+ margin-right: 1rem; + +
+ + margin-top: 1rem;
+ margin-bottom: 1rem; + +
+ margin: 1.5rem; +
+ + margin-left: 1.5rem;
+ margin-right: 1.5rem; + +
+ + margin-top: 1.5rem;
+ margin-bottom: 1.5rem; + +
+
+ Remove: + - | +
+ HTML: | +
+
增加外距。
+
+
增加更大的外距。
+
+ + - Title: 貼邊的 + Anchor: Edged + Description: | + 搭配[響應式設計](./responsive.html)讓某個有框線的元件能在行動裝置或螢幕過小時，移除「左右框線」與「圓角」來貼齊容器邊緣。 + + 舉例來說：一個[片段](./segment.html)本來看起來像一張獨立的卡片，但在行動裝置可以讓移除圓角來貼齊螢幕邊緣，得到更多可呈現內容的空間。 + HTML: | +
+ 這是一個片段內容 +
\ No newline at end of file diff --git a/languages/zh-tw/components/wrap.yml b/languages/zh-tw/components/wrap.yml index 0e87f9a13..de415746d 100644 --- a/languages/zh-tw/components/wrap.yml +++ b/languages/zh-tw/components/wrap.yml @@ -154,10 +154,6 @@ Definitions:
- Jasper Yu -
-
- Henry Wu
@@ -166,15 +162,7 @@ Definitions:
- Choukai -
-
- - Tsundere Chen -
-
- - Hiram Huang + Ming Tsay
diff --git a/languages/zh-tw/meta.yml b/languages/zh-tw/meta.yml index c9303105b..98a4b9062 100644 --- a/languages/zh-tw/meta.yml +++ b/languages/zh-tw/meta.yml @@ -122,8 +122,8 @@ UI: Index_LetsGo_Title: 準備好了嗎？ Index_LetsGo_Description: 複製下列 HTML 標籤至你的網頁，然後盡情地大鬧一番。 Index_LetsGo_Code: > - - + + Index_LetsGo_Action: 開始使用 @@ -177,6 +177,7 @@ UI: Navigation: 導覽 Application: 應用程式 Others: 其他 + Module: JavaScript 模組 Components: GettingStarted: 開始使用 @@ -243,6 +244,15 @@ UI: AppSidebar: 側邊欄 Comment: 留言 Dropdown: 彈出式選單 + Email: 電子郵件 + AppTopbar: 頂部列 + AppDrawer: 邊緣抽屜 + ModuleDropdown: 選單模組 + ModuleTooltip: 工具提示 + ModuleTab: 分頁模組 + ModuleToggle: 樣式切換 + Utilities: 輔助樣式 + Timeline: 時間軸 Components: - Name: Introduction @@ -250,6 +260,8 @@ Components: - GettingStarted - Colors - Responsive + #- Email + - Utilities #- About - Name: Layout Items: @@ -312,6 +324,7 @@ Components: - Rating - Statistic - Table + - Timeline - Name: Navigation Items: - Breadcrumb @@ -321,6 +334,14 @@ Components: - Tab - Name: Application Items: + - AppDrawer - AppLayout - AppNavbar - AppSidebar + - AppTopbar + - Name: Module + Items: + - ModuleDropdown + - ModuleTooltip + - ModuleTab + - ModuleToggle \ No newline at end of file diff --git a/package.json b/package.json index 66f137ac9..62ae5cedd 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "tocas", - "version": "4.1.0", + "version": "4.2.0", "description": "The fastest and most intuitive way to build diverse websites and progressive web application interfaces.", "directories": { "doc": "docs", diff --git a/src/accordion.css b/src/accordion.css index 61abad13c..14ed28458 100644 --- a/src/accordion.css +++ b/src/accordion.css @@ -6,7 +6,7 @@ Base ========================================================================== */ -.ts-accordion { +details.ts-accordion { color: inherit; box-sizing: border-box; } @@ -15,14 +15,26 @@ Structure ========================================================================== */ -.ts-accordion .title { +details.ts-accordion summary { + list-style-type: none; +} + +details.ts-accordion summary::-webkit-details-marker { + display: none; +} + +details.ts-accordion summary::marker { + display: none; +} + +details.ts-accordion summary { display: flex; align-items: center; user-select: none; cursor: pointer; } -.ts-accordion .title::before { +details.ts-accordion summary::before { font-family: "Icons"; font-weight: normal; font-style: normal; @@ -41,23 +53,18 @@ font-size: 14px; } -.ts-accordion .content { - display: none; - margin: 1rem 0 0; -} - /* ========================================================================== Variations ========================================================================== */ /** - * Active + * Open */ -.ts-accordion.is-active .content { - display: block; +details.ts-accordion[open] summary::before { + transform: rotate(0deg); } -.ts-accordion.is-active .title::before { - transform: rotate(0deg); +details.ts-accordion[open] summary { + margin-bottom: 0.5rem; } diff --git a/docs/zh-tw/assets/tocas/mask.css b/src/app-drawer.css similarity index 54% rename from docs/zh-tw/assets/tocas/mask.css rename to src/app-drawer.css index 0a2671af9..018b38822 100644 --- a/docs/zh-tw/assets/tocas/mask.css +++ b/src/app-drawer.css @@ -2,25 +2,31 @@ Variables ========================================================================== */ +.ts-app-drawer { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgb(0 0 0 / 50%); + display: none; + overflow-y: auto; + z-index: 102; +} + /* ========================================================================== Base ========================================================================== */ -.ts-mask { -} - /* ========================================================================== Structure ========================================================================== */ -.ts-mask { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: rgb(0 0 0 / 50%); - color: var(--ts-gray-50); +.ts-app-drawer > .content { + background: var(--ts-gray-50); + box-shadow: 0 0 20px rgb(0 0 0 / 10%); + width: 380px; + overflow: hidden; } /* ========================================================================== @@ -28,50 +34,42 @@ ========================================================================== */ /** - * Vertical Aligns + * Visible */ -.ts-mask.is-top { - top: 0; - bottom: initial; -} - -.ts-mask.is-middle { - top: 50%; - transform: translateY(-50%); - bottom: initial; -} - -.ts-mask.is-bottom { - bottom: 0; - top: initial; +.ts-app-drawer.is-visible { + display: flex; } /** - * Blurring + * Positions */ -.ts-mask.is-blurring { - backdrop-filter: blur(3px); +.ts-app-drawer.is-bottom { + align-items: flex-end; + justify-content: center; } -/** - * Secondary - */ +.ts-app-drawer.is-bottom .content { + width: 100%; +} + +.ts-app-drawer.is-right { + justify-content: flex-end; +} -.ts-mask.is-secondary { - background: transparent; - color: var(--ts-gray-800); +.ts-app-drawer.is-left { + justify-content: flex-start; } /** - * Faded + * Sizes */ -.ts-mask.is-faded.is-top { - background: linear-gradient(to bottom, rgb(0 0 0 / 50%) 0%, rgba(0, 0, 0, 0) 100%); +.ts-app-drawer.is-small > .content { + width: 280px; } -.ts-mask.is-faded.is-bottom { - background: linear-gradient(to top, rgb(0 0 0 / 50%) 0%, rgba(0, 0, 0, 0) 100%); +.ts-app-drawer.is-large > .content { + width: 580px; } diff --git a/src/app-layout.css b/src/app-layout.css index 84331e7b8..362b7c97b 100644 --- a/src/app-layout.css +++ b/src/app-layout.css @@ -17,7 +17,7 @@ ========================================================================== */ .ts-app-layout .cell { - + overflow: auto; flex-shrink: 0; background: var(--ts-gray-50); } diff --git a/src/app-navbar.css b/src/app-navbar.css index b3541ba46..3173d34f5 100644 --- a/src/app-navbar.css +++ b/src/app-navbar.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-app-navbar { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -73,7 +78,12 @@ */ .ts-app-navbar .item.is-active { - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); +} + +.ts-app-navbar .item.is-active .ts-icon { + --accent-color: inherit; + --accent-foreground-color: inherit; } /** @@ -95,8 +105,8 @@ } .ts-app-navbar.is-vertical .item { - padding-top: .8rem; - padding-bottom: .8rem; + padding-top: 0.8rem; + padding-bottom: 0.8rem; padding-left: 0; padding-right: 0; } @@ -126,8 +136,8 @@ } .ts-app-navbar.is-indicated .item.is-active .ts-icon { - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } /** diff --git a/src/app-sidebar.css b/src/app-sidebar.css index 69c9c28a6..b1516f6b4 100644 --- a/src/app-sidebar.css +++ b/src/app-sidebar.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-app-sidebar { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -47,8 +52,8 @@ */ .ts-app-sidebar .item.is-active { - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); border-radius: 0px 100rem 100rem 0; } diff --git a/src/app-statusbar.css b/src/app-statusbar.css deleted file mode 100644 index 67ef30ba3..000000000 --- a/src/app-statusbar.css +++ /dev/null @@ -1,34 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-app-statusbar { - background: var(--ts-gray-100); - display: flex; - line-height: 1; - gap: 0.5rem; -} - -.ts-app-statusbar .item { - text-decoration: none; - font-size: var(--ts-font-size-13px); - display: flex; - gap: 0.5rem; - padding: 0.5rem 0.5rem; -} - -.ts-app-statusbar .item:hover { - background: var(--ts-gray-200); -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Active - */ diff --git a/src/app-topbar.css b/src/app-topbar.css new file mode 100644 index 000000000..d83d619f9 --- /dev/null +++ b/src/app-topbar.css @@ -0,0 +1,91 @@ +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-app-topbar { + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-app-topbar { + display: grid; + grid-template-columns: 1fr auto 1fr; + padding: 0.5rem 1rem; + line-height: 1; + background: var(--accent-color, var(--ts-static-gray-900)); + color: var(--accent-foreground-color, var(--ts-white)); + min-height: 50px; + align-items: center; + gap: 0.5rem; +} + +.ts-app-topbar :is(.start, .end, .center) > .item { + border-radius: 100em; + text-decoration: none; + width: 38px; + height: 38px; + display: flex; + font-size: var(--ts-font-size-17px); + align-items: center; + justify-content: center; + margin-top: -0.1rem; + margin-bottom: -0.1rem; +} + +.ts-app-topbar :is(.start, .end, .center) .item.is-text { + font-size: var(--ts-font-size-16px); + font-weight: 500; + width: auto; + height: auto; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + border-radius: 0; + margin: 0; + display: block; + margin-top: -1px; +} + +.ts-app-topbar :is(.start, .end) { + display: flex; + align-items: center; + gap: 0.25rem; +} + +.ts-app-topbar .start { + justify-content: flex-start; + grid-column: 1 / 2; +} + +.ts-app-topbar .start > .item:not(.is-text):first-child { + margin-left: -0.75rem; +} + +.ts-app-topbar .center { + justify-content: center; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + grid-column: 2 / 3; +} + +.ts-app-topbar .end { + justify-content: flex-end; + grid-column: 3 / 3; +} + +.ts-app-topbar .end > .item:not(.is-text):last-child { + margin-right: -0.75rem; +} + +.ts-app-topbar .content { + grid-column: 1 / 4; +} + +/* ========================================================================== + Variations + ========================================================================== */ diff --git a/src/avatar.css b/src/avatar.css index 146fa6118..cc5dce114 100644 --- a/src/avatar.css +++ b/src/avatar.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-avatar { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -46,11 +51,11 @@ */ .ts-avatar.is-text { - background: var(--ts-gray-200); + background: var(--accent-color, var(--ts-gray-200)); display: inline-flex; align-items: center; justify-content: center; - color: var(--ts-gray-600); + color: var(--accent-foreground-color, var(--ts-gray-600)); font-weight: 500; font-size: 1.1rem; } diff --git a/src/badge.css b/src/badge.css index 1425f2d1d..53a1a031e 100644 --- a/src/badge.css +++ b/src/badge.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-badge { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -12,8 +17,8 @@ padding: 0.225rem 0.5rem; line-height: 1; border: 1px solid transparent; - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); font-weight: 400; display: inline-block; white-space: nowrap; @@ -32,7 +37,7 @@ .ts-badge.is-secondary { background: var(--ts-gray-200); - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); } /** @@ -42,7 +47,7 @@ .ts-badge.is-outlined { background: transparent; border-color: var(--ts-gray-300); - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); } /** diff --git a/src/box.css b/src/box.css index 1f2f89776..b0083a76e 100644 --- a/src/box.css +++ b/src/box.css @@ -2,6 +2,12 @@ Variables ========================================================================== */ +.ts-box { + --accent-color: initial; + --accent-foreground-color: initial; + --ts-indicator-color: var(--accent-color, var(--ts-gray-900)); +} + /* ========================================================================== Base ========================================================================== */ @@ -14,8 +20,6 @@ border-radius: 0.4rem; overflow: hidden; background: var(--ts-gray-50); - - --ts-indicator-color: var(--ts-gray-900); } a.ts-box:hover { @@ -26,9 +30,6 @@ a.ts-box:hover { Structure ========================================================================== */ -.ts-box .symbol { -} - .ts-box .symbol .ts-icon { position: absolute; right: 0; diff --git a/src/breadcrumb.css b/src/breadcrumb.css index 52309d4de..91bedf228 100644 --- a/src/breadcrumb.css +++ b/src/breadcrumb.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-breadcrumb { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -72,7 +77,7 @@ */ .ts-breadcrumb .item.is-active { - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); font-weight: 500; } diff --git a/src/button.css b/src/button.css index 9a18838b8..296a671ca 100644 --- a/src/button.css +++ b/src/button.css @@ -14,6 +14,9 @@ .ts-button { --horizontal-padding: 1.25em; --height: var(--ts-input-height-medium); + + --accent-color: initial; + --accent-foreground-color: initial; } /* ========================================================================== @@ -34,6 +37,7 @@ -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; + appearance: none; -webkit-appearance: none; } @@ -42,13 +46,13 @@ } .ts-button { - border: 2px solid var(--ts-gray-800); + border: 2px solid var(--accent-color, var(--ts-gray-800)); min-width: 75px; font-size: var(--ts-font-size-14px); line-height: 1.5; font-weight: 500; - color: var(--ts-gray-50); - background: var(--ts-gray-800); + color: var(--accent-foreground-color, var(--ts-gray-50)); + background: var(--accent-color, var(--ts-gray-800)); text-decoration: none; display: inline-flex; vertical-align: middle; @@ -74,7 +78,7 @@ */ .ts-button.is-secondary { - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); border-color: var(--ts-gray-100); background: var(--ts-gray-100); } @@ -96,7 +100,7 @@ .ts-button.is-outlined { background: transparent; border: 2px solid var(--ts-gray-300); - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); } /** @@ -364,3 +368,52 @@ border-top-left-radius: 0; border-bottom-left-radius: 0; } + +/** + * Buttons + */ + +.ts-buttons { + display: flex; +} + +.ts-buttons .ts-button:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.ts-buttons .ts-button:not(:first-child):not(:last-child) { + border-radius: 0; +} + +.ts-buttons .ts-button:not(:first-child)::before { + position: absolute; + content: ""; + top: 50%; + transform: translateY(-50%); + left: 0; + height: 70%; + background: var(--ts-gray-600); + width: 1px; +} + +.ts-buttons .ts-button.is-outlined::before { + display: none; +} + +.ts-buttons .ts-button.is-negative::before { + background: var(--ts-negative-400); +} + +.ts-buttons .ts-button.is-secondary::before { + background: var(--ts-gray-400); +} + +.ts-buttons .ts-button:last-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.ts-buttons .ts-button.is-outlined + .ts-button.is-outlined { + border-left-color: transparent; +} diff --git a/src/checkbox.css b/src/checkbox.css index 258b6fb95..1355af83b 100644 --- a/src/checkbox.css +++ b/src/checkbox.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-checkbox { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -37,6 +42,7 @@ -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; + appearance: none; -webkit-appearance: none; } @@ -52,8 +58,8 @@ } .ts-checkbox input:checked { - background: var(--ts-primary-700); - border-color: var(--ts-primary-700); + background: var(--accent-color, var(--ts-primary-700)); + border-color: var(--accent-color, var(--ts-primary-700)); } .ts-checkbox input:focus { @@ -81,7 +87,7 @@ -webkit-font-smoothing: antialiased; backface-visibility: hidden; font-size: 1rem; - color: var(--ts-white); + color: var(--accent-foreground-color, var(--ts-white)); } .ts-checkbox input:checked::after { diff --git a/src/checklist.css b/src/checklist.css index beea6b7da..f29a7c7bf 100644 --- a/src/checklist.css +++ b/src/checklist.css @@ -55,9 +55,6 @@ * Positive */ -.ts-checklist .item.is-positive { -} - .ts-checklist .item.is-positive::before { content: "\f00c"; background: var(--ts-tonal-positive-400); @@ -68,9 +65,6 @@ * Negative */ -.ts-checklist .item.is-negative { -} - .ts-checklist .item.is-negative::before { content: "\f00d"; background: var(--ts-tonal-negative-400); @@ -81,9 +75,6 @@ * Added */ -.ts-checklist .item.is-added { -} - .ts-checklist .item.is-added::before { content: "\f067"; background: var(--ts-tonal-positive-400); @@ -94,9 +85,6 @@ * Removed */ -.ts-checklist .item.is-removed { -} - .ts-checklist .item.is-removed::before { content: "\f068"; background: var(--ts-tonal-negative-400); @@ -104,5 +92,21 @@ } /** - * Dense + * Info */ + +.ts-checklist .item.is-info::before { + content: "\f129"; + background: var(--ts-tonal-primary-400); + color: var(--ts-tonal-primary-800); +} + +/** + * Info + */ + +.ts-checklist .item.is-warning::before { + content: "\21"; + background: var(--ts-tonal-warning-400); + color: var(--ts-tonal-warning-800); +} diff --git a/src/chip.css b/src/chip.css index ebbbc15d1..816158eae 100644 --- a/src/chip.css +++ b/src/chip.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-chip { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -26,7 +31,7 @@ line-height: 1.75; min-height: 22px; /*min-width: 55px;*/ - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); } .ts-chip.is-input, @@ -58,9 +63,6 @@ display: none; } -.ts-chip .content { -} - /* ========================================================================== Variations ========================================================================== */ @@ -99,15 +101,15 @@ */ .ts-chip.is-toggle input:checked + .content { - background: var(--ts-gray-800); - border-color: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + border-color: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } .ts-chip.is-toggle.is-secondary input:checked + .content { - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); background: var(--ts-gray-200); - border-color: var(--ts-gray-600); + border-color: var(--accent-color, var(--ts-gray-600)); } /** @@ -115,15 +117,15 @@ */ .ts-chip.is-input input:checked + .content { - background: var(--ts-primary-700); - border-color: var(--ts-primary-700); - color: var(--ts-white); + background: var(--accent-color, var(--ts-primary-700)); + border-color: var(--accent-color, var(--ts-primary-700)); + color: var(--accent-foreground-color, var(--ts-white)); } .ts-chip.is-input.is-secondary input:checked + .content { - color: var(--ts-primary-600); + color: var(--accent-color, var(--ts-primary-600)); background: var(--ts-gray-100); - border-color: var(--ts-primary-600); + border-color: var(--accent-color, var(--ts-primary-600)); } .ts-chip.is-input input:checked + .content::before { @@ -140,8 +142,8 @@ font-size: 12px; } -.ts-chip.is-input.is-start-icon input:checked +.content::before, -.ts-chip.is-input.is-end-icon input:checked+.content::before { +.ts-chip.is-input.is-start-icon input:checked + .content::before, +.ts-chip.is-input.is-end-icon input:checked + .content::before { display: none; } diff --git a/src/close.css b/src/close.css index 2cb225dc4..a8bddff73 100644 --- a/src/close.css +++ b/src/close.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-close { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -23,6 +28,7 @@ -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; + appearance: none; -webkit-appearance: none; } @@ -46,8 +52,8 @@ width: 18px; font-size: var(--ts-font-size-12px); line-height: 1; - background: var(--ts-gray-600); - color: var(--ts-gray-100); + background: var(--accent-color, var(--ts-gray-600)); + color: var(--accent-foreground-color, var(--ts-gray-100)); border-radius: 100rem; } diff --git a/src/container.css b/src/container.css index b158504db..36b7b9a9b 100644 --- a/src/container.css +++ b/src/container.css @@ -2,13 +2,17 @@ Variables ========================================================================== */ +.ts-container { + --ts-container-gap: 1rem; +} + /* ========================================================================== Base ========================================================================== */ .ts-container { margin: 0 auto; - padding: 0 1.5rem; + padding: 0 var(--ts-container-gap); max-width: 1180px; width: 100%; color: inherit; @@ -23,8 +27,11 @@ * Fluid */ -.ts-container.is-fluid { - max-width: 100%; +.ts-container.is-padded { + --ts-container-gap: 2rem; +} +.ts-container.is-fitted { + --ts-container-gap: 0; } /** @@ -34,7 +41,14 @@ .ts-container.is-narrow { max-width: 910px; } - .ts-container.is-very-narrow { max-width: 720px; } + +/** + * Fluid + */ + +.ts-container.is-fluid { + max-width: 100%; +} diff --git a/src/content.css b/src/content.css index 1a52142fb..d55bf69b4 100644 --- a/src/content.css +++ b/src/content.css @@ -25,21 +25,20 @@ .ts-content.is-fitted { padding: 0; } - -/** - * Primary - */ - -/*.ts-content.is-primary { - background: var(--ts-gray-800); - color: var(--ts-gray-50); -}*/ +.ts-content.is-vertically-fitted { + padding-top: 0; + padding-bottom: 0; +} +.ts-content.is-horizontally-fitted { + padding-left: 0; + padding-right: 0; +} /** * Dark */ -.ts-content.is-dark { +.ts-content.u-dark { background: var(--ts-gray-50); color: var(--ts-gray-800); } diff --git a/src/control.css b/src/control.css index 2f4a64595..f187811a9 100644 --- a/src/control.css +++ b/src/control.css @@ -32,21 +32,6 @@ max-width: 75%; } -/*@container (max-width: 660px) { - .ts-control { - grid-template-columns: 1fr; - gap: 0.5rem; - } - .ts-control .label { - text-align: left; - line-height: 1; - } - .ts-control .content { - width: 100%; - max-width: 100%; - } -}*/ - /* ========================================================================== Variations ========================================================================== */ @@ -59,6 +44,25 @@ padding-top: 0.45rem; } +/** + * Padded + */ + +.ts-control.is-stacked { + grid-template-columns: 1fr; + gap: 1rem; +} + +.ts-control.is-stacked .label { + text-align: left; + line-height: 1; +} + +.ts-control.is-stacked .content { + width: 100%; + max-width: 100%; +} + /** * Fluid */ diff --git a/src/conversation.css b/src/conversation.css index 8b4e72f3c..9fe3b8ec6 100644 --- a/src/conversation.css +++ b/src/conversation.css @@ -16,9 +16,6 @@ * Avatar */ -.ts-conversation .avatar { -} - .ts-conversation .avatar img { width: 40px; border-radius: 0.4rem; @@ -96,16 +93,10 @@ * Actions */ -.ts-conversation .actions { -} - /** * Meta */ -.ts-conversation .meta { -} - /** * Quote */ diff --git a/src/deprecated_420.css b/src/deprecated_420.css new file mode 100644 index 000000000..14c77b235 --- /dev/null +++ b/src/deprecated_420.css @@ -0,0 +1,614 @@ +/* ========================================================================== + Color Schemes + ========================================================================== */ + +html[data-scheme="light"], +.is-light, +html[data-scheme="dark"] .is-inverted { + color-scheme: light; + + --ts-gray-50: var(--ts-light-gray-50); + --ts-gray-75: var(--ts-light-gray-75); + --ts-gray-100: var(--ts-light-gray-100); + --ts-gray-200: var(--ts-light-gray-200); + --ts-gray-300: var(--ts-light-gray-300); + --ts-gray-400: var(--ts-light-gray-400); + --ts-gray-500: var(--ts-light-gray-500); + --ts-gray-600: var(--ts-light-gray-600); + --ts-gray-700: var(--ts-light-gray-700); + --ts-gray-800: var(--ts-light-gray-800); + --ts-gray-900: var(--ts-light-gray-900); + + --ts-tonal-positive-400: #cdffbe; + --ts-tonal-positive-800: #357016; + + --ts-tonal-negative-400: #ffbebe; + --ts-tonal-negative-800: #701616; + + --ts-tonal-primary-400: #d9edff; + --ts-tonal-primary-800: #005cde; + + --ts-tonal-warning-400: #fff7ae; + --ts-tonal-warning-800: #866800; +} + +html[data-scheme="light"] .is-inverted, +.is-inverted, +html[data-scheme="dark"], +.is-dark { + color-scheme: dark; + + --ts-gray-50: var(--ts-dark-gray-50); + --ts-gray-75: var(--ts-dark-gray-75); + --ts-gray-100: var(--ts-dark-gray-100); + --ts-gray-200: var(--ts-dark-gray-200); + --ts-gray-300: var(--ts-dark-gray-300); + --ts-gray-400: var(--ts-dark-gray-400); + --ts-gray-500: var(--ts-dark-gray-500); + --ts-gray-600: var(--ts-dark-gray-600); + --ts-gray-700: var(--ts-dark-gray-700); + --ts-gray-800: var(--ts-dark-gray-800); + --ts-gray-900: var(--ts-dark-gray-900); + + --ts-link-700: #8887ff; + + --ts-tonal-positive-400: #92d34f; + --ts-tonal-positive-800: #0e4600; + + --ts-tonal-negative-400: #d60000; + --ts-tonal-negative-800: #fff; + + --ts-tonal-primary-400: #0a6ffd; + --ts-tonal-primary-800: #ffffff; + + --ts-tonal-warning-400: #edff00; + --ts-tonal-warning-800: #463f00; +} + +html[data-scheme="light"] .is-dark-only, +html[data-scheme="dark"] .is-light-only { + display: none; +} + +@media (prefers-color-scheme: light) { + html:not([data-scheme="dark"]) .is-dark-only { + display: none; + } +} + +/** + * Dark + */ + +@media (prefers-color-scheme: dark) { + html:not([data-scheme="light"]) .is-light-only { + display: none; + } + .is-inverted { + color-scheme: light; + + --ts-gray-50: var(--ts-light-gray-50); + --ts-gray-75: var(--ts-light-gray-75); + --ts-gray-100: var(--ts-light-gray-100); + --ts-gray-200: var(--ts-light-gray-200); + --ts-gray-300: var(--ts-light-gray-300); + --ts-gray-400: var(--ts-light-gray-400); + --ts-gray-500: var(--ts-light-gray-500); + --ts-gray-600: var(--ts-light-gray-600); + --ts-gray-700: var(--ts-light-gray-700); + --ts-gray-800: var(--ts-light-gray-800); + --ts-gray-900: var(--ts-light-gray-900); + + --ts-tonal-positive-400: #cdffbe; + --ts-tonal-positive-800: #357016; + + --ts-tonal-negative-400: #ffbebe; + --ts-tonal-negative-800: #701616; + + --ts-tonal-primary-400: #d9edff; + --ts-tonal-primary-800: #005cde; + + --ts-tonal-warning-400: #fff7ae; + --ts-tonal-warning-800: #866800; + } +} + +/* ========================================================================== + Scales + ========================================================================== */ + +html[data-scale="small"], +html[data-scale="small"] body { + font-size: 14px; +} + +html[data-scale="large"], +html[data-scale="large"] body { + font-size: 16px; +} + +/* ========================================================================== + Background Color + ========================================================================== */ + +html[data-background="secondary"], +html[data-background="secondary"] body { + background-color: var(--ts-gray-75); +} + +/* ========================================================================== + Responsive + ========================================================================== */ + +/** + * Minimal + * (Below 766px) + */ + +@media screen and (max-width: 766px) { + .is-standard-only, + .is-maximal-only { + display: none !important; + } + + .is-not-minimal { + display: none !important; + } +} + +/** + * Not Minimal + * (Above 766px) + */ + +@media screen and (min-width: 766px) { + .is-minimal-only { + display: none !important; + } +} + +/** + * Minimal & Standard + * (Below 993px) + */ + +@media screen and (max-width: 993px) { + .is-maximal-only { + display: none !important; + } +} + +/** + * Standard + * (Above 766px & Below 993px) + */ + +@media screen and (min-width: 766px) and (max-width: 993px) { + .is-not-standard { + display: none !important; + } +} + +/** + * Maximal + * (Above 993px) + */ + +@media screen and (min-width: 993px) { + .is-minimal-only, + .is-standard-only { + display: none !important; + } + + .is-not-maximal { + display: none !important; + } +} + +/* ========================================================================== + Grid + ========================================================================== */ + +/** + * Wides + */ + +.ts-grid .column.is-1-minimal { + width: var(--ts-grid-1-wide); + max-width: var(--ts-grid-1-wide); +} +.ts-grid .column.is-2-minimal { + width: var(--ts-grid-2-wide); + max-width: var(--ts-grid-2-wide); +} +.ts-grid .column.is-3-minimal { + width: var(--ts-grid-3-wide); + max-width: var(--ts-grid-3-wide); +} +.ts-grid .column.is-4-minimal { + width: var(--ts-grid-4-wide); + max-width: var(--ts-grid-4-wide); +} +.ts-grid .column.is-5-minimal { + width: var(--ts-grid-5-wide); + max-width: var(--ts-grid-5-wide); +} +.ts-grid .column.is-6-minimal { + width: var(--ts-grid-6-wide); + max-width: var(--ts-grid-6-wide); +} +.ts-grid .column.is-7-minimal { + width: var(--ts-grid-7-wide); + max-width: var(--ts-grid-7-wide); +} +.ts-grid .column.is-8-minimal { + width: var(--ts-grid-8-wide); + max-width: var(--ts-grid-8-wide); +} +.ts-grid .column.is-9-minimal { + width: var(--ts-grid-9-wide); + max-width: var(--ts-grid-9-wide); +} +.ts-grid .column.is-10-minimal { + width: var(--ts-grid-10-wide); + max-width: var(--ts-grid-10-wide); +} +.ts-grid .column.is-11-minimal { + width: var(--ts-grid-11-wide); + max-width: var(--ts-grid-11-wide); +} +.ts-grid .column.is-12-minimal { + width: var(--ts-grid-12-wide); + max-width: var(--ts-grid-12-wide); +} +.ts-grid .column.is-13-minimal { + width: var(--ts-grid-13-wide); + max-width: var(--ts-grid-13-wide); +} +.ts-grid .column.is-14-minimal { + width: var(--ts-grid-14-wide); + max-width: var(--ts-grid-14-wide); +} +.ts-grid .column.is-15-minimal { + width: var(--ts-grid-15-wide); + max-width: var(--ts-grid-15-wide); +} +.ts-grid .column.is-16-minimal { + width: var(--ts-grid-16-wide); + max-width: var(--ts-grid-16-wide); +} + +/** + * Doubling + */ + +.ts-grid.is-2-columns.is-doubling > .column { + flex: var(--ts-grid-1-columns); + max-width: var(--ts-grid-1-columns); +} +.ts-grid.is-3-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-4-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-5-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-6-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-7-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-8-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-9-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} +.ts-grid.is-10-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); +} + +/** + * Minimal + * (Below 766px) + */ + +@media screen and (max-width: 766px) { + .ts-grid.is-stackable .column { + width: var(--ts-grid-16-wide); + max-width: var(--ts-grid-16-wide); + } +} + +/** + * Not Minimal + * (Above 766px) + */ + +@media screen and (min-width: 766px) { + /** + * Doubling + */ + + .ts-grid.is-2-columns.is-doubling > .column { + flex: var(--ts-grid-1-columns); + max-width: var(--ts-grid-1-columns); + } + .ts-grid.is-3-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); + } + .ts-grid.is-4-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); + } + .ts-grid.is-5-columns.is-doubling > .column { + flex: var(--ts-grid-3-columns); + max-width: var(--ts-grid-3-columns); + } + .ts-grid.is-6-columns.is-doubling > .column { + flex: var(--ts-grid-3-columns); + max-width: var(--ts-grid-3-columns); + } + .ts-grid.is-7-columns.is-doubling > .column { + flex: var(--ts-grid-3-columns); + max-width: var(--ts-grid-3-columns); + } + .ts-grid.is-8-columns.is-doubling > .column { + flex: var(--ts-grid-4-columns); + max-width: var(--ts-grid-4-columns); + } + .ts-grid.is-9-columns.is-doubling > .column { + flex: var(--ts-grid-4-columns); + max-width: var(--ts-grid-4-columns); + } + .ts-grid.is-10-columns.is-doubling > .column { + flex: var(--ts-grid-5-columns); + max-width: var(--ts-grid-5-columns); + } + + /** + * Wides + */ + + .ts-grid .column.is-1-standard { + width: var(--ts-grid-1-wide); + max-width: var(--ts-grid-1-wide); + } + .ts-grid .column.is-2-standard { + width: var(--ts-grid-2-wide); + max-width: var(--ts-grid-2-wide); + } + .ts-grid .column.is-3-standard { + width: var(--ts-grid-3-wide); + max-width: var(--ts-grid-3-wide); + } + .ts-grid .column.is-4-standard { + width: var(--ts-grid-4-wide); + max-width: var(--ts-grid-4-wide); + } + .ts-grid .column.is-5-standard { + width: var(--ts-grid-5-wide); + max-width: var(--ts-grid-5-wide); + } + .ts-grid .column.is-6-standard { + width: var(--ts-grid-6-wide); + max-width: var(--ts-grid-6-wide); + } + .ts-grid .column.is-7-standard { + width: var(--ts-grid-27wide); + max-width: var(--ts-grid-7-wide); + } + .ts-grid .column.is-8-standard { + width: var(--ts-grid-8-wide); + max-width: var(--ts-grid-8-wide); + } + .ts-grid .column.is-9-standard { + width: var(--ts-grid-9-wide); + max-width: var(--ts-grid-9-wide); + } + .ts-grid .column.is-10-standard { + width: var(--ts-grid-10-wide); + max-width: var(--ts-grid-10-wide); + } + .ts-grid .column.is-11-standard { + width: var(--ts-grid-11-wide); + max-width: var(--ts-grid-11-wide); + } + .ts-grid .column.is-12-standard { + width: var(--ts-grid-12-wide); + max-width: var(--ts-grid-12-wide); + } + .ts-grid .column.is-13-standard { + width: var(--ts-grid-13-wide); + max-width: var(--ts-grid-13-wide); + } + .ts-grid .column.is-14-standard { + width: var(--ts-grid-14-wide); + max-width: var(--ts-grid-14-wide); + } + .ts-grid .column.is-15-standard { + width: var(--ts-grid-15-wide); + max-width: var(--ts-grid-15-wide); + } + .ts-grid .column.is-16-standard { + width: var(--ts-grid-16-wide); + max-width: var(--ts-grid-16-wide); + } +} + +/** + * Maximal + * (Above 993px) + */ + +@media screen and (min-width: 993px) { + /** + * Doubling + */ + + .ts-grid.is-2-columns.is-doubling > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); + } + .ts-grid.is-3-columns.is-doubling > .column { + flex: var(--ts-grid-3-columns); + max-width: var(--ts-grid-3-columns); + } + .ts-grid.is-4-columns.is-doubling > .column { + flex: var(--ts-grid-4-columns); + max-width: var(--ts-grid-4-columns); + } + .ts-grid.is-5-columns.is-doubling > .column { + flex: var(--ts-grid-5-columns); + max-width: var(--ts-grid-5-columns); + } + .ts-grid.is-6-columns.is-doubling > .column { + flex: var(--ts-grid-6-columns); + max-width: var(--ts-grid-6-columns); + } + .ts-grid.is-7-columns.is-doubling > .column { + flex: var(--ts-grid-7-columns); + max-width: var(--ts-grid-7-columns); + } + .ts-grid.is-8-columns.is-doubling > .column { + flex: var(--ts-grid-8-columns); + max-width: var(--ts-grid-8-columns); + } + .ts-grid.is-9-columns.is-doubling > .column { + flex: var(--ts-grid-9-columns); + max-width: var(--ts-grid-9-columns); + } + .ts-grid.is-10-columns.is-doubling > .column { + flex: var(--ts-grid-10-columns); + max-width: var(--ts-grid-10-columns); + } + + /** + * Wides + */ + + .ts-grid .column.is-1-maximal { + width: var(--ts-grid-1-wide); + max-width: var(--ts-grid-1-wide); + } + .ts-grid .column.is-2-maximal { + width: var(--ts-grid-2-wide); + max-width: var(--ts-grid-2-wide); + } + .ts-grid .column.is-3-maximal { + width: var(--ts-grid-3-wide); + max-width: var(--ts-grid-3-wide); + } + .ts-grid .column.is-4-maximal { + width: var(--ts-grid-4-wide); + max-width: var(--ts-grid-4-wide); + } + .ts-grid .column.is-5-maximal { + width: var(--ts-grid-5-wide); + max-width: var(--ts-grid-5-wide); + } + .ts-grid .column.is-6-maximal { + width: var(--ts-grid-6-wide); + max-width: var(--ts-grid-6-wide); + } + .ts-grid .column.is-7-maximal { + width: var(--ts-grid-7-wide); + max-width: var(--ts-grid-7-wide); + } + .ts-grid .column.is-8-maximal { + width: var(--ts-grid-8-wide); + max-width: var(--ts-grid-8-wide); + } + .ts-grid .column.is-9-maximal { + width: var(--ts-grid-9-wide); + max-width: var(--ts-grid-9-wide); + } + .ts-grid .column.is-10-maximal { + width: var(--ts-grid-10-wide); + max-width: var(--ts-grid-10-wide); + } + .ts-grid .column.is-11-maximal { + width: var(--ts-grid-11-wide); + max-width: var(--ts-grid-11-wide); + } + .ts-grid .column.is-12-maximal { + width: var(--ts-grid-12-wide); + max-width: var(--ts-grid-12-wide); + } + .ts-grid .column.is-13-maximal { + width: var(--ts-grid-13-wide); + max-width: var(--ts-grid-13-wide); + } + .ts-grid .column.is-14-maximal { + width: var(--ts-grid-14-wide); + max-width: var(--ts-grid-14-wide); + } + .ts-grid .column.is-15-maximal { + width: var(--ts-grid-15-wide); + max-width: var(--ts-grid-15-wide); + } + .ts-grid .column.is-16-maximal { + width: var(--ts-grid-16-wide); + max-width: var(--ts-grid-16-wide); + } +} + +/* ========================================================================== + Accordion + ========================================================================== */ + +*:not(details).ts-accordion { + color: inherit; + box-sizing: border-box; +} + +*:not(details).ts-accordion .title { + display: flex; + align-items: center; + user-select: none; + cursor: pointer; +} + +*:not(details).ts-accordion .title::before { + font-family: "Icons"; + font-weight: normal; + font-style: normal; + display: inline; + text-decoration: inherit; + text-align: center; + width: 1.18em; + -webkit-font-smoothing: antialiased; + backface-visibility: hidden; + display: block; + margin-right: 0.7rem; + color: var(--ts-gray-600); + transform: rotate(270deg); + content: "\f078"; + line-height: 1; + font-size: 14px; +} + +*:not(details).ts-accordion .content { + display: none; + margin: 1rem 0 0; +} + +*:not(details).ts-accordion.is-active .content { + display: block; +} + +*:not(details).ts-accordion.is-active .title::before { + transform: rotate(0deg); +} \ No newline at end of file diff --git a/src/dropdown.css b/src/dropdown.css index f5b2262ea..70fce6233 100644 --- a/src/dropdown.css +++ b/src/dropdown.css @@ -4,6 +4,10 @@ .ts-dropdown { --object-distance: 0.8rem; + --ts-dropdown-min-width: initial; + --ts-dropdown-position: absolute; + --accent-color: initial; + --accent-foreground-color: initial; } /* ========================================================================== @@ -11,7 +15,7 @@ ========================================================================== */ .ts-dropdown { - position: absolute; + position: var(--ts-dropdown-position); display: none; color: inherit; flex-direction: column; @@ -23,6 +27,7 @@ font-size: var(--ts-font-size-14px); padding: 0.2rem 0; white-space: nowrap; + min-width: var(--ts-dropdown-min-width); } .ts-dropdown > .item { @@ -81,8 +86,8 @@ */ .ts-dropdown .item.is-active { - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } /** @@ -100,8 +105,8 @@ */ .ts-dropdown .item.is-selected { - background: var(--ts-primary-700); - color: var(--ts-white); + background: var(--accent-color, var(--ts-primary-700)); + color: var(--accent-foreground-color, var(--ts-white)); } /** @@ -137,7 +142,6 @@ margin-top: 2px; } - /** * Density */ @@ -168,7 +172,6 @@ * Visible */ - .ts-dropdown.is-visible { display: inline-flex; } @@ -251,4 +254,4 @@ left: 0; right: 0; min-width: min-content; -} \ No newline at end of file +} diff --git a/src/email.css b/src/email.css new file mode 100644 index 000000000..d4850f8f8 --- /dev/null +++ b/src/email.css @@ -0,0 +1,689 @@ +/* ========================================================================== + Reset + ========================================================================== */ + +.ts-email table, +.ts-email tbody, +.ts-email tfoot, +.ts-email thead, +.ts-email tr, +.ts-email th, +.ts-email td { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + color: inherit; + border-collapse: collapse; + border-spacing: 0; + text-align: left; + font-weight: inherit; + vertical-align: baseline; +} + +.ts-email table { + border-collapse: collapse; + border-spacing: 0; +} + +.ts-email a { + color: #0050b3; +} + +/* ========================================================================== + Email + ========================================================================== */ + +.ts-email { + color: #373737; + font-size: 15px; + padding: 15px 0; + line-height: 1.9; + + font-family: "Noto Sans TC", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", "Microsoft JhengHei", wf_SegoeUI, "Segoe UI", + Segoe, "Segoe WP", Tahoma, Verdana, Ubuntu, "Bitstream Vera Sans", "DejaVu Sans", 微軟正黑體, "LiHei Pro", "WenQuanYi Micro Hei", "Droid Sans Fallback", "AR PL UMing TW", + Roboto, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", Meiryo, "Droid Sans", sans-serif; +} + +.ts-email.is-secondary { + background-color: #f2f2f2; +} + +/* ========================================================================== + Shared + ========================================================================== */ + +.ts-email .is-center-aligned { + text-align: center; +} +.ts-email .is-start-aligned { + text-align: left; +} +.ts-email .is-end-aligned { + text-align: right; +} + +.ts-email .is-first { + border-left: none; + margin-left: 0; + padding-left: 0; +} + +.ts-email .is-last { + border-right: none; + margin-right: 0; + padding-right: 0; +} + +/* ========================================================================== + Button + ========================================================================== */ + +.ts-email a.button { + border: 2px solid #373737; + min-width: 115px; + font-size: 16px; + line-height: 1.5; + font-weight: 500; + color: #ffffff; + background: #373737; + text-decoration: none; + display: inline-block; + text-align: center; + padding: 7px 16px; + border-radius: 6px; +} + +.ts-email a.button.is-outlined { + background: transparent; + border: 2px solid #e1e1e1; + color: #373737; +} + +.ts-email a.button.is-negative { + color: #fff; + border-color: #f5222d; + background: #f5222d; +} + +.ts-email a.button.is-negative.is-outlined { + color: #f5222d; + border-color: #e1e1e1; + background: none; +} + +.ts-email a.button.is-circular { + border-radius: 100em; +} + +.ts-email a.button.is-fluid { + display: block; + width: 100%; + box-sizing: border-box; +} + +.ts-email a.button.is-cta { + font-size: 20px; + min-width: 130px; +} + +/* ========================================================================== + Wrap + ========================================================================== */ + +.ts-email .wrap .item { + display: inline-block; + margin-right: 15px; +} + +.ts-email .wrap .item.is-last { + margin-right: 0; +} + +/* ========================================================================== + Text + ========================================================================== */ + +.ts-email .text.is-label { + color: #333; + font-weight: bold; + font-size: 14px; + line-height: 1.3; +} + +.ts-email .text.is-undecorated { + text-decoration: none; +} +.ts-email .text.is-undecorated:hover { + text-decoration: underline; +} + +.ts-email .text.is-bold { + font-weight: bold; +} + +.ts-email .text.is-italic { + font-style: italic; +} + +.ts-email .text.is-deleted { + text-decoration: line-through; +} + +.ts-email .text.is-underlined { + text-decoration: underline; +} + +.ts-email .text.is-code { + border-radius: 6px; + background: #eee; + padding: 0 0.2rem; + font-size: 14px; + color: #373737; +} + +.ts-email .text.is-mark { + border-radius: 6px; + background: #fadb14; + padding: 0 4px; + color: #333; + font-size: 14px; +} + +.ts-email .text.is-sub, +.ts-email .text.is-sup { + font-size: 12px; + color: #767676; +} + +.ts-email .text.is-sub { + vertical-align: bottom; +} + +.ts-email .text.is-sup { + vertical-align: top; +} + +.ts-email .text.is-secondary, +.ts-email .text.is-description { + color: #767676; +} + +.ts-email .text.is-small, +.ts-email .text.is-description { + font-size: 14px; +} + +.ts-email .text.is-large { + font-size: 17px; +} + +.ts-email .text.is-start-aligned { + text-align: left; +} +.ts-email .text.is-center-aligned { + text-align: center; +} +.ts-email .text.is-end-aligned { + text-align: right; +} + +/* ========================================================================== + Content + ========================================================================== */ + +.ts-email .content { + padding: 22px; + color: inherit; + display: block; + text-decoration: none; + box-sizing: border-box; +} + +.ts-email .content.is-dense { + padding-top: 15px; + padding-bottom: 15px; +} + +.ts-email .content.is-rounded { + border-radius: 6px; +} + +.ts-email .content.is-secondary { + background: #fafafa; +} + +.ts-email .content.is-tertiary { + background: #f2f2f2; +} + +.ts-email .content.is-start-aligned { + text-align: left; +} + +.ts-email .content.is-center-aligned { + text-align: center; +} + +.ts-email .content.is-end-aligned { + text-align: right; +} + +/* ========================================================================== + Container + ========================================================================== */ + +.ts-email .container { + max-width: 580px; + margin: 0 auto; + padding: 0 16px; +} + +/* ========================================================================== + Grid + ========================================================================== */ + +.ts-email .grid { + border-collapse: collapse; + border-spacing: 0; + width: 100%; +} + +.ts-email .grid.is-top-aligned .column { + vertical-align: top; +} + +.ts-email .grid.is-middle-aligned .column { + vertical-align: middle; +} + +.ts-email .grid.is-bottom-aligned .column { + vertical-align: bottom; +} + +.ts-email .grid .column { + border: 16px solid transparent; + border-top-width: 0; + border-bottom-width: 0; +} + +.ts-email .grid .column.is-first { + border-left: none; +} + +.ts-email .grid .column.is-last { + border-right: none; +} + +.ts-email .grid .column.is-collapsed { + white-space: nowrap; + width: 0; +} + +.ts-email .grid .column.is-16-wide { + width: 100%; +} +.ts-email .grid .column.is-15-wide { + width: 93.75%; +} +.ts-email .grid .column.is-14-wide { + width: 87.5%; +} +.ts-email .grid .column.is-13-wide { + width: 81.25%; +} +.ts-email .grid .column.is-12-wide { + width: 75%; +} +.ts-email .grid .column.is-11-wide { + width: 68.75%; +} +.ts-email .grid .column.is-10-wide { + width: 62.5%; +} +.ts-email .grid .column.is-9-wide { + width: 56.25%; +} +.ts-email .grid .column.is-8-wide { + width: 50%; +} +.ts-email .grid .column.is-7-wide { + width: 43.75%; +} +.ts-email .grid .column.is-6-wide { + width: 37.5%; +} +.ts-email .grid .column.is-5-wide { + width: 31.25%; +} +.ts-email .grid .column.is-4-wide { + width: 25%; +} +.ts-email .grid .column.is-3-wide { + width: 18.75%; +} +.ts-email .grid .column.is-2-wide { + width: 12.5%; +} +.ts-email .grid .column.is-1-wide { + width: 6.25%; +} + +/* ========================================================================== + Space + ========================================================================== */ + +.ts-email .space { + height: 15px; +} + +.ts-email .space.is-small { + height: 7px; +} + +.ts-email .space.is-large { + height: 22px; +} + +.ts-email .space.is-big { + height: 45px; +} + +.ts-email .space.is-huge { + height: 67px; +} + +/* ========================================================================== + Image + ========================================================================== */ + +.ts-email .image img { + height: auto; + width: 100%; + vertical-align: top; +} + +.ts-email .image.is-centered { + text-align: center; +} + +.ts-email .image.is-rounded img { + border-radius: 6px; +} + +.ts-email .image.is-circular img { + border-radius: 100rem; +} + +.ts-email .image.is-mini img { + width: 64px; +} + +.ts-email .image.is-tiny img { + width: 86px; +} + +.ts-email .image.is-small img { + width: 125px; +} + +.ts-email .image.is-medium img { + width: 180px; +} + +.ts-email .image.is-large img { + width: 240px; +} + +/* ========================================================================== + Box + ========================================================================== */ + +.ts-email .box { + display: block; + text-decoration: none; + color: inherit; + border: 1px solid #e1e1e1; + border-radius: 6px; + overflow: hidden; + background: #ffffff; +} + +/** Indicated */ +.ts-email .box.is-top-indicated { + border-top: 6px solid #303030; +} + +.ts-email .box.is-bottom-indicated { + border-bottom: 6px solid #303030; +} + +/** Negative Indicated */ +.ts-email .box.is-top-indicated.is-negative { + border-top: 6px solid #f5222d; +} + +.ts-email .box.is-bottom-indicated.is-negative { + border-bottom: 6px solid #f5222d; +} + +/* ========================================================================== + Divider + ========================================================================== */ + +.ts-email .divider { + display: block; + border-top: 1px solid #e1e1e1; +} + +.ts-email .divider.is-section { + margin: 15px 0; +} + +/* ========================================================================== + Blockquote + ========================================================================== */ + +.ts-email .quote { + border-left: 5px solid #e1e1e1; + padding: 0 0 0 2rem; +} + +/* ========================================================================== + List + ========================================================================== */ + +.ts-email .list { + padding: 0; + margin-left: 36px; +} + +.ts-email .list .item { + display: list-item; +} + +.ts-email .list.is-unordered .item { + list-style-type: disc; +} + +.ts-email .list.is-ordered .item { + list-style-type: decimal; +} + +/* ========================================================================== + Header + ========================================================================== */ + +.ts-email .header { + color: #333; + font-weight: bold; + line-height: 1.6; +} + +.ts-email .header { + font-size: 17px; +} + +.ts-email .header.is-large { + font-size: 20px; +} + +.ts-email .header.is-big { + font-size: 24px; +} + +.ts-email .header.is-negative { + color: #f5222d; +} + +/* ========================================================================== + Pin + ========================================================================== */ + +.ts-email .pincode span { + border: 3px solid #e1e1e1; + padding: 8px 13px; + vertical-align: middle; + text-align: center; + border-radius: 6px; + font-size: 25px; + line-height: 1; + font-weight: bold; + margin-right: 8px; + display: inline-block; +} + +/* ========================================================================== + Table + ========================================================================== */ + +.ts-email .table { + width: 100%; + height: auto; + font-size: 14px; +} + +.ts-email .table tr th { + background: #f2f2f2; +} + +.ts-email .table thead tr { + border-bottom: 1px solid #e1e1e1; +} + +.ts-email .table thead tr th, +.ts-email .table tfoot tr th { + padding: 6px 22px; + color: #5a5a5a; + font-weight: 500; +} + +.ts-email .table tbody tr td { + padding: 6px 22px; + word-break: break-all; +} + +.ts-email .table tbody tr { + border-top: 1px solid #e1e1e1; +} + +.ts-email .table.is-small, +.ts-email .table.is-small thead, +.ts-email .table.is-small tbody, +.ts-email .table.is-small tfoot, +.ts-email .table.is-small tr, +.ts-email .table.is-small th, +.ts-email .table.is-small td { + font-size: 0.93em; +} + +.ts-email .table.is-large, +.ts-email .table.is-large thead, +.ts-email .table.is-large tbody, +.ts-email .table.is-large tfoot, +.ts-email .table.is-large tr, +.ts-email .table.is-large th, +.ts-email .table.is-large td { + font-size: 1.06em; +} + +/** + * Collapsed + */ + +.ts-email .table.is-collapsed { + width: auto; +} + +.ts-email .table th.is-collapsed, +.ts-email .table td.is-collapsed { + width: 1px; + white-space: nowrap; +} + +.ts-email .table.is-basic tr th, +.ts-email .table.is-very-basic tr th { + background: transparent; +} + +.ts-email .table.is-very-basic tbody th, +.ts-email .table.is-very-basic tbody td, +.ts-email .table.is-very-basic tbody tr { + border-color: transparent; +} + +.ts-email .table.is-dense thead tr th, +.ts-email .table.is-dense tfoot tr th { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + +.ts-email .table.is-dense tbody tr td { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + +/** + * Aligns + */ + +.ts-email .table tr.is-start-aligned, +.ts-email .table th.is-start-aligned, +.ts-email .table td.is-start-aligned { + text-align: left; +} + +.ts-email .table th.is-center-aligned, +.ts-email .table td.is-center-aligned { + text-align: center; +} + +.ts-email .table th.is-end-aligned, +.ts-email .table td.is-end-aligned { + text-align: right; +} + +.ts-email .table.is-top-aligned th, +.ts-email .table.is-top-aligned td { + vertical-align: top; +} + +.ts-email .table th.is-top-aligned, +.ts-email .table td.is-top-aligned { + vertical-align: top; +} + +.ts-email .table th.is-middle-aligned, +.ts-email .table td.is-middle-aligned { + vertical-align: middle; +} + +.ts-email .table tr.is-middle-aligned td { + vertical-align: middle; +} + +.ts-email .table th.is-bottom-aligned, +.ts-email .table td.is-bottom-aligned { + vertical-align: bottom; +} diff --git a/src/fieldset.css b/src/fieldset.css index 5adb7932f..616a49a23 100644 --- a/src/fieldset.css +++ b/src/fieldset.css @@ -2,12 +2,17 @@ Variables ========================================================================== */ +.ts-fieldset { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ .ts-fieldset { - border: 1px solid var(--ts-gray-300); + border: 1px solid var(--accent-color, var(--ts-gray-300)); border-radius: 0.4rem; padding: 1rem; padding-top: 0.5rem; @@ -19,7 +24,7 @@ ========================================================================== */ .ts-fieldset legend { - color: var(--ts-gray-600); + color: var(--accent-color, var(--ts-gray-600)); padding: 0 0.7em; margin-left: -0.7em; font-weight: normal; diff --git a/src/file.css b/src/file.css index 8963ff98d..f46beeefa 100644 --- a/src/file.css +++ b/src/file.css @@ -4,6 +4,8 @@ .ts-file { --height: var(--ts-input-height-medium); + --accent-color: initial; + --accent-foreground-color: initial; } /* ========================================================================== @@ -51,8 +53,8 @@ border-radius: 0.4rem; margin-right: 0.5rem; - color: var(--ts-gray-800); - background: var(--ts-gray-200); + color: var(--accent-foreground-color, var(--ts-gray-800)); + background: var(--accent-color, var(--ts-gray-200)); } /* ========================================================================== @@ -81,7 +83,7 @@ .ts-file:is(.is-solid, .is-underlined) input::file-selector-button, .ts-file:is(.is-solid, .is-underlined) input::-webkit-file-upload-button { - background: var(--ts-gray-300); + background: var(--accent-color, var(--ts-gray-300)); } /** diff --git a/src/fonts/icons/fa-brands-400.ttf b/src/fonts/icons/fa-brands-400.ttf index 430a02edc..641a48933 100644 Binary files a/src/fonts/icons/fa-brands-400.ttf and b/src/fonts/icons/fa-brands-400.ttf differ diff --git a/src/fonts/icons/fa-brands-400.woff2 b/src/fonts/icons/fa-brands-400.woff2 index 4d904aab4..592910129 100644 Binary files a/src/fonts/icons/fa-brands-400.woff2 and b/src/fonts/icons/fa-brands-400.woff2 differ diff --git a/src/fonts/icons/fa-regular-400.ttf b/src/fonts/icons/fa-regular-400.ttf index 23e3febe0..7d634a2ba 100644 Binary files a/src/fonts/icons/fa-regular-400.ttf and b/src/fonts/icons/fa-regular-400.ttf differ diff --git a/src/fonts/icons/fa-regular-400.woff2 b/src/fonts/icons/fa-regular-400.woff2 index 80e3b1247..953d5540b 100644 Binary files a/src/fonts/icons/fa-regular-400.woff2 and b/src/fonts/icons/fa-regular-400.woff2 differ diff --git a/src/fonts/icons/fa-solid-900.ttf b/src/fonts/icons/fa-solid-900.ttf index da9082420..b3a2b6410 100644 Binary files a/src/fonts/icons/fa-solid-900.ttf and b/src/fonts/icons/fa-solid-900.ttf differ diff --git a/src/fonts/icons/fa-solid-900.woff2 b/src/fonts/icons/fa-solid-900.woff2 index 360ba1155..83433f445 100644 Binary files a/src/fonts/icons/fa-solid-900.woff2 and b/src/fonts/icons/fa-solid-900.woff2 differ diff --git a/src/fonts/icons/fa-v4compatibility.ttf b/src/fonts/icons/fa-v4compatibility.ttf index e9545ed57..e4eea68d0 100644 Binary files a/src/fonts/icons/fa-v4compatibility.ttf and b/src/fonts/icons/fa-v4compatibility.ttf differ diff --git a/src/fonts/icons/fa-v4compatibility.woff2 b/src/fonts/icons/fa-v4compatibility.woff2 index db5b0b997..e804f1860 100644 Binary files a/src/fonts/icons/fa-v4compatibility.woff2 and b/src/fonts/icons/fa-v4compatibility.woff2 differ diff --git a/src/gauge.css b/src/gauge.css index 79ca937cd..e8fd8e0bf 100644 --- a/src/gauge.css +++ b/src/gauge.css @@ -2,16 +2,19 @@ Variables ========================================================================== */ -/* ========================================================================== - Base - ========================================================================== */ .ts-gauge { --length: 0.8; --value: 0; --size: 5rem; --thickness: calc(var(--size) / 10); + --accent-color: initial; + --accent-foreground-color: initial; } +/* ========================================================================== + Base + ========================================================================== */ + .ts-gauge, .ts-gauge .bar { position: relative; @@ -49,7 +52,7 @@ bottom: 0; left: 0; - background: conic-gradient(currentColor calc(var(--value) * 1% * var(--length)), #0000 0); + background: conic-gradient(var(--accent-color, currentColor) calc(var(--value) * 1% * var(--length)), #0000 0); -webkit-mask: radial-gradient(farthest-side, #0000 calc(99% - var(--thickness)), rgb(0 0 0 / 85%) calc(100% - var(--thickness))); mask: radial-gradient(farthest-side, #0000 calc(99% - var(--thickness)), rgb(0 0 0 / 85%) calc(100% - var(--thickness))); } @@ -82,18 +85,6 @@ --length: 1; } -.ts-gauge.is-circular .bar::before { - /*background: conic-gradient(currentColor calc(var(--value) * 1%), #0000 0); - -webkit-mask: radial-gradient(farthest-side, #0000 calc(99% - var(--thickness)), rgb(0 0 0 / 85%) calc(100% - var(--thickness))); - mask: radial-gradient(farthest-side, #0000 calc(99% - var(--thickness)), rgb(0 0 0 / 85%) calc(100% - var(--thickness)));*/ -} - -.ts-gauge.is-circular::before { - /*background: conic-gradient(currentColor calc(var(--value) * 1%), #0000 0); - -webkit-mask: radial-gradient(farthest-side, #f000 calc(99% - var(--thickness)), #0000001a calc(100% - var(--thickness))); - mask: radial-gradient(farthest-side, #f000 calc(99% - var(--thickness)), #0000001a calc(100% - var(--thickness)));*/ -} - .ts-gauge.is-circular .bar .text { transform: initial; } diff --git a/src/grid.css b/src/grid.css index 9532c1460..fc6db5bc8 100644 --- a/src/grid.css +++ b/src/grid.css @@ -2,6 +2,38 @@ Variables ========================================================================== */ +.ts-grid { + --ts-grid-gap: 1rem; + + --ts-grid-1-wide: calc((100% / (16 / 1)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 1))); + --ts-grid-2-wide: calc((100% / (16 / 2)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 2))); + --ts-grid-3-wide: calc((100% / (16 / 3)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 3))); + --ts-grid-4-wide: calc((100% / (16 / 4)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 4))); + --ts-grid-5-wide: calc((100% / (16 / 5)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 5))); + --ts-grid-6-wide: calc((100% / (16 / 6)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 6))); + --ts-grid-7-wide: calc((100% / (16 / 7)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 7))); + --ts-grid-8-wide: calc((100% / (16 / 8)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 8))); + --ts-grid-9-wide: calc((100% / (16 / 9)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 9))); + --ts-grid-10-wide: calc((100% / (16 / 10)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 10))); + --ts-grid-11-wide: calc((100% / (16 / 11)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 11))); + --ts-grid-12-wide: calc((100% / (16 / 12)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 12))); + --ts-grid-13-wide: calc((100% / (16 / 13)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 13))); + --ts-grid-14-wide: calc((100% / (16 / 14)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 14))); + --ts-grid-15-wide: calc((100% / (16 / 15)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 15))); + --ts-grid-16-wide: calc((100% / (16 / 16)) - var(--ts-grid-gap) + (var(--ts-grid-gap) / (16 / 16))); + + --ts-grid-1-columns: calc((100% / 1) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 1)); + --ts-grid-2-columns: calc((100% / 2) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 2)); + --ts-grid-3-columns: calc((100% / 3) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 3)); + --ts-grid-4-columns: calc((100% / 4) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 4)); + --ts-grid-5-columns: calc((100% / 5) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 5)); + --ts-grid-6-columns: calc((100% / 6) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 6)); + --ts-grid-7-columns: calc((100% / 7) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 7)); + --ts-grid-8-columns: calc((100% / 8) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 8)); + --ts-grid-9-columns: calc((100% / 9) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 9)); + --ts-grid-10-columns: calc((100% / 10) - var(--ts-grid-gap) + (var(--ts-grid-gap) / 10)); +} + /* ========================================================================== Base ========================================================================== */ @@ -11,54 +43,59 @@ ========================================================================== */ .ts-grid { - display: grid; - gap: 1rem; - grid-template-columns: repeat(16, minmax(0, 1fr)); + display: flex; + flex-wrap: wrap; color: inherit; + gap: var(--ts-grid-gap); } /* ========================================================================== Variations ========================================================================== */ -/** - * Truncated - */ - -.ts-grid .column.is-truncated { - overflow: hidden; -} - /** * Columns */ -.ts-grid.is-2-columns { - grid-template-columns: repeat(2, minmax(0, 1fr)); +.ts-grid.is-1-columns > .column { + flex: var(--ts-grid-1-columns); + max-width: var(--ts-grid-1-columns); +} +.ts-grid.is-2-columns > .column { + flex: var(--ts-grid-2-columns); + max-width: var(--ts-grid-2-columns); } -.ts-grid.is-3-columns { - grid-template-columns: repeat(3, minmax(0, 1fr)); +.ts-grid.is-3-columns > .column { + flex: var(--ts-grid-3-columns); + max-width: var(--ts-grid-3-columns); } -.ts-grid.is-4-columns { - grid-template-columns: repeat(4, minmax(0, 1fr)); +.ts-grid.is-4-columns > .column { + flex: var(--ts-grid-4-columns); + max-width: var(--ts-grid-4-columns); } -.ts-grid.is-5-columns { - grid-template-columns: repeat(5, minmax(0, 1fr)); +.ts-grid.is-5-columns > .column { + flex: var(--ts-grid-5-columns); + max-width: var(--ts-grid-5-columns); } -.ts-grid.is-6-columns { - grid-template-columns: repeat(6, minmax(0, 1fr)); +.ts-grid.is-6-columns > .column { + flex: var(--ts-grid-6-columns); + max-width: var(--ts-grid-6-columns); } -.ts-grid.is-7-columns { - grid-template-columns: repeat(7, minmax(0, 1fr)); +.ts-grid.is-7-columns > .column { + flex: var(--ts-grid-7-columns); + max-width: var(--ts-grid-7-columns); } -.ts-grid.is-8-columns { - grid-template-columns: repeat(8, minmax(0, 1fr)); +.ts-grid.is-8-columns > .column { + flex: var(--ts-grid-8-columns); + max-width: var(--ts-grid-8-columns); } -.ts-grid.is-9-columns { - grid-template-columns: repeat(9, minmax(0, 1fr)); +.ts-grid.is-9-columns > .column { + flex: var(--ts-grid-9-columns); + max-width: var(--ts-grid-9-columns); } -.ts-grid.is-10-columns { - grid-template-columns: repeat(10, minmax(0, 1fr)); +.ts-grid.is-10-columns > .column { + flex: var(--ts-grid-10-columns); + max-width: var(--ts-grid-10-columns); } /** @@ -66,127 +103,184 @@ */ .ts-grid.is-relaxed { - gap: 2rem min(2rem, 5%); /** Issue #814 */ + --ts-grid-gap: 2rem; } .ts-grid.is-compact { - gap: 0.5rem; + --ts-grid-gap: 0.5rem; } /** * Evenly Divided */ -.ts-grid.is-evenly-divided { - grid-auto-columns: minmax(0, 1fr); - grid-auto-flow: column; - grid-template-columns: initial; +.ts-grid.is-evenly-divided > .column { + flex: var(--ts-grid-1-wide); + width: var(--ts-grid-1-wide); +} + +/** + * Truncated + */ + +.ts-grid .column.is-truncated { + overflow: hidden; +} + +/** + * Space Around + */ + +.ts-grid.is-spaced-between { + justify-content: space-between; +} +.ts-grid.is-spaced-around { + justify-content: space-around; +} + +/** + * Reverse + */ + +.ts-grid.is-reversed { + flex-direction: row-reverse; } /** * Aligns */ -.ts-grid.is-middle-aligned { - align-items: center; +.ts-grid.is-start-aligned { + justify-content: flex-start; } .ts-grid.is-center-aligned { - text-align: center; + justify-content: center; +} +.ts-grid.is-end-aligned { + justify-content: flex-end; } -.ts-grid .column.is-top-aligned { +.ts-grid.is-top-aligned { align-items: flex-start; - display: flex; } - -.ts-grid .column.is-middle-aligned { +.ts-grid.is-middle-aligned { align-items: center; - display: flex; } - -.ts-grid .column.is-center-aligned { - text-align: center; -} - -.ts-grid .column.is-bottom-aligned { +.ts-grid.is-bottom-aligned { align-items: flex-end; - display: flex; } -.ts-grid .column.is-start-aligned { - text-align: left; +/** + * Ordering + */ + +.ts-grid .column.is-first { + order: -1; +} +.ts-grid .column.is-last { + order: 1; } -.ts-grid .column.is-end-aligned { - text-align: right; +.ts-grid .column.is-order-1 { + order: 1; +} +.ts-grid .column.is-order-2 { + order: 2; +} +.ts-grid .column.is-order-3 { + order: 3; +} +.ts-grid .column.is-order-4 { + order: 4; +} +.ts-grid .column.is-order-5 { + order: 5; +} +.ts-grid .column.is-order-6 { + order: 6; +} +.ts-grid .column.is-order-7 { + order: 7; +} +.ts-grid .column.is-order-8 { + order: 8; +} +.ts-grid .column.is-order-9 { + order: 9; +} +.ts-grid .column.is-order-10 { + order: 10; } /** * Wides */ -.ts-grid .column.is-1-minimal, +/*.ts-grid .column { + +}*/ .ts-grid .column.is-1-wide { - grid-column: auto / span 1; + width: var(--ts-grid-1-wide); + max-width: var(--ts-grid-1-wide); } -.ts-grid .column.is-2-minimal, .ts-grid .column.is-2-wide { - grid-column: auto / span 2; + width: var(--ts-grid-2-wide); + max-width: var(--ts-grid-2-wide); } -.ts-grid .column.is-3-minimal, .ts-grid .column.is-3-wide { - grid-column: auto / span 3; + width: var(--ts-grid-3-wide); + max-width: var(--ts-grid-3-wide); } -.ts-grid .column.is-4-minimal, .ts-grid .column.is-4-wide { - grid-column: auto / span 4; + width: var(--ts-grid-4-wide); + max-width: var(--ts-grid-4-wide); } -.ts-grid .column.is-5-minimal, .ts-grid .column.is-5-wide { - grid-column: auto / span 5; + width: var(--ts-grid-5-wide); + max-width: var(--ts-grid-5-wide); } -.ts-grid .column.is-6-minimal, .ts-grid .column.is-6-wide { - grid-column: auto / span 6; + width: var(--ts-grid-6-wide); + max-width: var(--ts-grid-6-wide); } -.ts-grid .column.is-7-minimal, .ts-grid .column.is-7-wide { - grid-column: auto / span 7; + width: var(--ts-grid-7-wide); + max-width: var(--ts-grid-7-wide); } -.ts-grid .column.is-8-minimal, .ts-grid .column.is-8-wide { - grid-column: auto / span 8; + width: var(--ts-grid-8-wide); + max-width: var(--ts-grid-8-wide); } -.ts-grid .column.is-9-minimal, .ts-grid .column.is-9-wide { - grid-column: auto / span 9; + width: var(--ts-grid-9-wide); + max-width: var(--ts-grid-9-wide); } -.ts-grid .column.is-10-minimal, .ts-grid .column.is-10-wide { - grid-column: auto / span 10; + width: var(--ts-grid-10-wide); + max-width: var(--ts-grid-10-wide); } -.ts-grid .column.is-11-minimal, .ts-grid .column.is-11-wide { - grid-column: auto / span 11; + width: var(--ts-grid-11-wide); + max-width: var(--ts-grid-11-wide); } -.ts-grid .column.is-12-minimal, .ts-grid .column.is-12-wide { - grid-column: auto / span 12; + width: var(--ts-grid-12-wide); + max-width: var(--ts-grid-12-wide); } -.ts-grid .column.is-13-minimal, .ts-grid .column.is-13-wide { - grid-column: auto / span 13; + width: var(--ts-grid-13-wide); + max-width: var(--ts-grid-13-wide); } -.ts-grid .column.is-14-minimal, .ts-grid .column.is-14-wide { - grid-column: auto / span 14; + width: var(--ts-grid-14-wide); + max-width: var(--ts-grid-14-wide); } -.ts-grid .column.is-15-minimal, .ts-grid .column.is-15-wide { - grid-column: auto / span 15; + width: var(--ts-grid-15-wide); + max-width: var(--ts-grid-15-wide); } -.ts-grid .column.is-16-minimal, .ts-grid .column.is-16-wide { - grid-column: auto / span 16; + width: var(--ts-grid-16-wide); + max-width: var(--ts-grid-16-wide); } /** @@ -195,251 +289,15 @@ .ts-grid .column.is-fluid { flex: 1; + min-width: 0; + flex-grow: 1; } /** - * Doubling - */ - -.ts-grid.is-2-columns.is-doubling { - grid-template-columns: repeat(1, minmax(0, 1fr)); -} -.ts-grid.is-3-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-4-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-5-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-6-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-7-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-8-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-9-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.ts-grid.is-10-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} - -/* ========================================================================== - Responsive - ========================================================================== */ - -/** - * Minimal - * (Below 766px) - */ - -@media screen and (max-width: 766px) { - .ts-grid.is-stackable .column { - grid-column: auto / span 16; - } -} - -/** - * Not Minimal - * (Above 766px) - */ - -@media screen and (min-width: 766px) { - /** - * Doubling - */ - - .ts-grid.is-2-columns.is-doubling { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } - .ts-grid.is-3-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - .ts-grid.is-4-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - .ts-grid.is-5-columns.is-doubling { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - .ts-grid.is-6-columns.is-doubling { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - .ts-grid.is-7-columns.is-doubling { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - .ts-grid.is-8-columns.is-doubling { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - .ts-grid.is-9-columns.is-doubling { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - .ts-grid.is-10-columns.is-doubling { - grid-template-columns: repeat(5, minmax(0, 1fr)); - } - - /** - * Wides - */ - - .ts-grid .column.is-1-standard, - .ts-grid .column.is-1-wide { - grid-column: auto / span 1; - } - .ts-grid .column.is-2-standard, - .ts-grid .column.is-2-wide { - grid-column: auto / span 2; - } - .ts-grid .column.is-3-standard, - .ts-grid .column.is-3-wide { - grid-column: auto / span 3; - } - .ts-grid .column.is-4-standard, - .ts-grid .column.is-4-wide { - grid-column: auto / span 4; - } - .ts-grid .column.is-5-standard, - .ts-grid .column.is-5-wide { - grid-column: auto / span 5; - } - .ts-grid .column.is-6-standard, - .ts-grid .column.is-6-wide { - grid-column: auto / span 6; - } - .ts-grid .column.is-7-standard, - .ts-grid .column.is-7-wide { - grid-column: auto / span 7; - } - .ts-grid .column.is-8-standard, - .ts-grid .column.is-8-wide { - grid-column: auto / span 8; - } - .ts-grid .column.is-9-standard, - .ts-grid .column.is-9-wide { - grid-column: auto / span 9; - } - .ts-grid .column.is-10-standard, - .ts-grid .column.is-10-wide { - grid-column: auto / span 10; - } - .ts-grid .column.is-11-standard, - .ts-grid .column.is-11-wide { - grid-column: auto / span 11; - } - .ts-grid .column.is-12-standard, - .ts-grid .column.is-12-wide { - grid-column: auto / span 12; - } - .ts-grid .column.is-13-standard, - .ts-grid .column.is-13-wide { - grid-column: auto / span 13; - } - .ts-grid .column.is-14-standard, - .ts-grid .column.is-14-wide { - grid-column: auto / span 14; - } - .ts-grid .column.is-15-standard, - .ts-grid .column.is-15-wide { - grid-column: auto / span 15; - } - .ts-grid .column.is-16-standard, - .ts-grid .column.is-16-wide { - grid-column: auto / span 16; - } -} - -/** - * Maximal - * (Above 993px) + * Stacked */ -@media screen and (min-width: 993px) { - /** - * Doubling - */ - - .ts-grid.is-2-columns.is-doubling { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - .ts-grid.is-3-columns.is-doubling { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - .ts-grid.is-4-columns.is-doubling { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - .ts-grid.is-5-columns.is-doubling { - grid-template-columns: repeat(5, minmax(0, 1fr)); - } - .ts-grid.is-6-columns.is-doubling { - grid-template-columns: repeat(6, minmax(0, 1fr)); - } - .ts-grid.is-7-columns.is-doubling { - grid-template-columns: repeat(7, minmax(0, 1fr)); - } - .ts-grid.is-8-columns.is-doubling { - grid-template-columns: repeat(8, minmax(0, 1fr)); - } - .ts-grid.is-9-columns.is-doubling { - grid-template-columns: repeat(9, minmax(0, 1fr)); - } - .ts-grid.is-10-columns.is-doubling { - grid-template-columns: repeat(10, minmax(0, 1fr)); - } - - /** - * Wides - */ - - .ts-grid .column.is-1-maximal { - grid-column: auto / span 1; - } - .ts-grid .column.is-2-maximal { - grid-column: auto / span 2; - } - .ts-grid .column.is-3-maximal { - grid-column: auto / span 3; - } - .ts-grid .column.is-4-maximal { - grid-column: auto / span 4; - } - .ts-grid .column.is-5-maximal { - grid-column: auto / span 5; - } - .ts-grid .column.is-6-maximal { - grid-column: auto / span 6; - } - .ts-grid .column.is-7-maximal { - grid-column: auto / span 7; - } - .ts-grid .column.is-8-maximal { - grid-column: auto / span 8; - } - .ts-grid .column.is-9-maximal { - grid-column: auto / span 9; - } - .ts-grid .column.is-10-maximal { - grid-column: auto / span 10; - } - .ts-grid .column.is-11-maximal { - grid-column: auto / span 11; - } - .ts-grid .column.is-12-maximal { - grid-column: auto / span 12; - } - .ts-grid .column.is-13-maximal { - grid-column: auto / span 13; - } - .ts-grid .column.is-14-maximal { - grid-column: auto / span 14; - } - .ts-grid .column.is-15-maximal { - grid-column: auto / span 15; - } - .ts-grid .column.is-16-maximal { - grid-column: auto / span 16; - } +.ts-grid.is-stacked .column { + flex: var(--ts-grid-16-wide); + max-width: var(--ts-grid-16-wide); } diff --git a/src/header.css b/src/header.css index b4ad9faa1..5ea990377 100644 --- a/src/header.css +++ b/src/header.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-header { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -9,7 +14,7 @@ .ts-header { font-weight: 500; font-size: var(--ts-font-size-17px); - color: inherit; + color: var(--accent-color, inherit); line-height: 1.6; display: flex; align-items: center; @@ -19,9 +24,6 @@ Structure ========================================================================== */ -.ts-header .ts-icon { -} - a.ts-header { text-decoration: none; } diff --git a/src/icon.css b/src/icon.css index 4f488a5d2..cce2b352a 100644 --- a/src/icon.css +++ b/src/icon.css @@ -41,6 +41,11 @@ } } +.ts-icon { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -55,7 +60,7 @@ width: 1.18em; -webkit-font-smoothing: antialiased; backface-visibility: hidden; - color: inherit; + color: var(--accent-color, inherit); } /* ========================================================================== diff --git a/src/icons.css b/src/icons.css index 7c200e076..407c45366 100644 --- a/src/icons.css +++ b/src/icons.css @@ -1,1474 +1,1487 @@ -.ts-icon.is-vest-icon::before { - content: "\e085"; +.ts-icon.is-arrow-up-right-from-square-icon::before { + content: "\f08e"; } -.ts-icon.is-circle-arrow-down-icon::before { - content: "\f0ab"; +.ts-icon.is-broom-ball-icon::before { + content: "\f458"; } -.ts-icon.is-clipboard-icon::before { - content: "\f328"; +.ts-icon.is-medal-icon::before { + content: "\f5a2"; } -.ts-icon.is-comments-icon::before { - content: "\f086"; +.ts-icon.is-mixer-icon::before { + font-family: "IconsBrands"; + content: "\e056"; } -.ts-icon.is-person-chalkboard-icon::before { - content: "\e53d"; +.ts-icon.is-vaadin-icon::before { + font-family: "IconsBrands"; + content: "\f408"; } -.ts-icon.is-vial-circle-check-icon::before { - content: "\e596"; +.ts-icon.is-flag-usa-icon::before { + content: "\f74d"; } -.ts-icon.is-face-grin-tongue-wink-icon::before { - content: "\f58b"; +.ts-icon.is-lungs-icon::before { + content: "\f604"; } -.ts-icon.is-road-icon::before { - content: "\f018"; +.ts-icon.is-face-frown-icon::before { + content: "\f119"; } -.ts-icon.is-headset-icon::before { - content: "\f590"; +.ts-icon.is-person-digging-icon::before { + content: "\f85e"; } -.ts-icon.is-chart-area-icon::before { - content: "\f1fe"; +.ts-icon.is-street-view-icon::before { + content: "\f21d"; } -.ts-icon.is-hornbill-icon::before { - font-family: "IconsBrands"; - content: "\f592"; +.ts-icon.is-car-icon::before { + content: "\f1b9"; } -.ts-icon.is-studiovinari-icon::before { +.ts-icon.is-etsy-icon::before { font-family: "IconsBrands"; - content: "\f3f8"; + content: "\f2d7"; } -.ts-icon.is-triangle-exclamation-icon::before { - content: "\f071"; +.ts-icon.is-blogger-b-icon::before { + font-family: "IconsBrands"; + content: "\f37d"; } -.ts-icon.is-list-ol-icon::before { - content: "\f0cb"; +.ts-icon.is-window-restore-icon::before { + content: "\f2d2"; } -.ts-icon.is-magnifying-glass-arrow-right-icon::before { - content: "\e521"; +.ts-icon.is-internet-explorer-icon::before { + font-family: "IconsBrands"; + content: "\f26b"; } -.ts-icon.is-user-secret-icon::before { - content: "\f21b"; +.ts-icon.is-users-slash-icon::before { + content: "\e073"; } -.ts-icon.is-down-long-icon::before { - content: "\f309"; +.ts-icon.is-file-video-icon::before { + content: "\f1c8"; } -.ts-icon.is-file-circle-plus-icon::before { - content: "\e494"; +.ts-icon.is-school-circle-exclamation-icon::before { + content: "\e56c"; } -.ts-icon.is-cloud-moon-icon::before { - content: "\f6c3"; +.ts-icon.is-guilded-icon::before { + font-family: "IconsBrands"; + content: "\e07e"; } -.ts-icon.is-fingerprint-icon::before { - content: "\f577"; +.ts-icon.is-landmark-flag-icon::before { + content: "\e51c"; } -.ts-icon.is-empire-icon::before { - font-family: "IconsBrands"; - content: "\f1d1"; +.ts-icon.is-martini-glass-icon::before { + content: "\f57b"; } -.ts-icon.is-signature-icon::before { - content: "\f5b7"; +.ts-icon.is-table-cells-icon::before { + content: "\f00a"; } -.ts-icon.is-forward-step-icon::before { - content: "\f051"; +.ts-icon.is-video-icon::before { + content: "\f03d"; } -.ts-icon.is-asymmetrik-icon::before { +.ts-icon.is-cloudversify-icon::before { font-family: "IconsBrands"; - content: "\f372"; + content: "\f385"; } -.ts-icon.is-replyd-icon::before { - font-family: "IconsBrands"; - content: "\f3e6"; +.ts-icon.is-ellipsis-icon::before { + content: "\f141"; } -.ts-icon.is-code-icon::before { - content: "\f121"; +.ts-icon.is-neos-icon::before { + font-family: "IconsBrands"; + content: "\f612"; } -.ts-icon.is-dice-five-icon::before { - content: "\f523"; +.ts-icon.is-person-military-to-person-icon::before { + content: "\e54c"; } -.ts-icon.is-skype-icon::before { - font-family: "IconsBrands"; - content: "\f17e"; +.ts-icon.is-road-icon::before { + content: "\f018"; } -.ts-icon.is-ups-icon::before { +.ts-icon.is-shopify-icon::before { font-family: "IconsBrands"; - content: "\f7e0"; + content: "\e057"; } -.ts-icon.is-users-gear-icon::before { - content: "\f509"; +.ts-icon.is-bars-progress-icon::before { + content: "\f828"; } -.ts-icon.is-instalod-icon::before { - font-family: "IconsBrands"; - content: "\e081"; +.ts-icon.is-hand-holding-hand-icon::before { + content: "\e4f7"; } -.ts-icon.is-padlet-icon::before { - font-family: "IconsBrands"; - content: "\e4a0"; +.ts-icon.is-caravan-icon::before { + content: "\f8ff"; } -.ts-icon.is-raspberry-pi-icon::before { +.ts-icon.is-houzz-icon::before { font-family: "IconsBrands"; - content: "\f7bb"; + content: "\f27c"; } -.ts-icon.is-record-vinyl-icon::before { - content: "\f8d9"; +.ts-icon.is-rupiah-sign-icon::before { + content: "\e23d"; } -.ts-icon.is-envelope-icon::before { - content: "\f0e0"; +.ts-icon.is-temperature-high-icon::before { + content: "\f769"; } -.ts-icon.is-galactic-republic-icon::before { +.ts-icon.is-airbnb-icon::before { font-family: "IconsBrands"; - content: "\f50c"; + content: "\f834"; } -.ts-icon.is-bandcamp-icon::before { +.ts-icon.is-apper-icon::before { font-family: "IconsBrands"; - content: "\f2d5"; + content: "\f371"; } -.ts-icon.is-medium-icon::before { - font-family: "IconsBrands"; - content: "\f23a"; +.ts-icon.is-volcano-icon::before { + content: "\f770"; } -.ts-icon.is-simplybuilt-icon::before { +.ts-icon.is-microsoft-icon::before { font-family: "IconsBrands"; - content: "\f215"; + content: "\f3ca"; } -.ts-icon.is-anchor-circle-exclamation-icon::before { - content: "\e4ab"; +.ts-icon.is-people-pulling-icon::before { + content: "\e535"; } -.ts-icon.is-atom-icon::before { - content: "\f5d2"; +.ts-icon.is-stubber-icon::before { + font-family: "IconsBrands"; + content: "\e5c7"; } -.ts-icon.is-microphone-slash-icon::before { - content: "\f131"; +.ts-icon.is-train-subway-icon::before { + content: "\f239"; } -.ts-icon.is-yahoo-icon::before { - font-family: "IconsBrands"; - content: "\f19e"; +.ts-icon.is-window-minimize-icon::before { + content: "\f2d1"; } -.ts-icon.is-dice-three-icon::before { - content: "\f527"; +.ts-icon.is-orcid-icon::before { + font-family: "IconsBrands"; + content: "\f8d2"; } -.ts-icon.is-hands-holding-circle-icon::before { - content: "\e4fb"; +.ts-icon.is-pager-icon::before { + content: "\f815"; } -.ts-icon.is-safari-icon::before { - font-family: "IconsBrands"; - content: "\f267"; +.ts-icon.is-store-icon::before { + content: "\f54e"; } -.ts-icon.is-wpbeginner-icon::before { - font-family: "IconsBrands"; - content: "\f297"; +.ts-icon.is-utensils-icon::before { + content: "\f2e7"; } -.ts-icon.is-circle-question-icon::before { - content: "\f059"; +.ts-icon.is-blender-phone-icon::before { + content: "\f6b6"; } -.ts-icon.is-quinscape-icon::before { +.ts-icon.is-canadian-maple-leaf-icon::before { font-family: "IconsBrands"; - content: "\f459"; + content: "\f785"; } -.ts-icon.is-vr-cardboard-icon::before { - content: "\f729"; +.ts-icon.is-cloud-bolt-icon::before { + content: "\f76c"; } -.ts-icon.is-arrow-up-9-1-icon::before { - content: "\f887"; +.ts-icon.is-list-check-icon::before { + content: "\f0ae"; } -.ts-icon.is-draw-polygon-icon::before { - content: "\f5ee"; +.ts-icon.is-square-poll-horizontal-icon::before { + content: "\f682"; } -.ts-icon.is-get-pocket-icon::before { - font-family: "IconsBrands"; - content: "\f265"; +.ts-icon.is-arrow-up-z-a-icon::before { + content: "\f882"; } -.ts-icon.is-soundcloud-icon::before { - font-family: "IconsBrands"; - content: "\f1be"; +.ts-icon.is-building-flag-icon::before { + content: "\e4d5"; } -.ts-icon.is-house-circle-exclamation-icon::before { - content: "\e50a"; +.ts-icon.is-mars-and-venus-burst-icon::before { + content: "\e523"; } -.ts-icon.is-cart-shopping-icon::before { - content: "\f07a"; +.ts-icon.is-arrows-spin-icon::before { + content: "\e4bb"; } -.ts-icon.is-file-powerpoint-icon::before { - content: "\f1c4"; +.ts-icon.is-charging-station-icon::before { + content: "\f5e7"; } -.ts-icon.is-flag-usa-icon::before { - content: "\f74d"; +.ts-icon.is-handshake-angle-icon::before { + content: "\f4c4"; } -.ts-icon.is-hand-icon::before { - content: "\f256"; +.ts-icon.is-periscope-icon::before { + font-family: "IconsBrands"; + content: "\f3da"; } -.ts-icon.is-head-side-cough-icon::before { - content: "\e061"; +.ts-icon.is-rotate-icon::before { + content: "\f2f1"; } -.ts-icon.is-hotdog-icon::before { - content: "\f80f"; +.ts-icon.is-clock-rotate-left-icon::before { + content: "\f1da"; } -.ts-icon.is-comment-medical-icon::before { - content: "\f7f5"; +.ts-icon.is-face-grin-squint-tears-icon::before { + content: "\f586"; } -.ts-icon.is-creative-commons-sampling-icon::before { - font-family: "IconsBrands"; - content: "\f4f0"; +.ts-icon.is-person-icon::before { + content: "\f183"; } -.ts-icon.is-ear-listen-icon::before { - content: "\f2a2"; +.ts-icon.is-person-snowboarding-icon::before { + content: "\f7ce"; } -.ts-icon.is-video-slash-icon::before { - content: "\f4e2"; +.ts-icon.is-gg-icon::before { + font-family: "IconsBrands"; + content: "\f260"; } -.ts-icon.is-elevator-icon::before { - content: "\e16d"; +.ts-icon.is-hashnode-icon::before { + font-family: "IconsBrands"; + content: "\e499"; } -.ts-icon.is-perbyte-icon::before { - font-family: "IconsBrands"; - content: "\e083"; +.ts-icon.is-hospital-user-icon::before { + content: "\f80d"; } -.ts-icon.is-sistrix-icon::before { +.ts-icon.is-reacteurope-icon::before { font-family: "IconsBrands"; - content: "\f3ee"; + content: "\f75d"; } -.ts-icon.is-sleigh-icon::before { - content: "\f7cc"; +.ts-icon.is-arrow-up-from-ground-water-icon::before { + content: "\e4b5"; } -.ts-icon.is-square-h-icon::before { - content: "\f0fd"; +.ts-icon.is-horse-icon::before { + content: "\f6f0"; } -.ts-icon.is-square-snapchat-icon::before { - font-family: "IconsBrands"; - content: "\f2ad"; +.ts-icon.is-spinner-icon::before { + content: "\f110"; } -.ts-icon.is-om-icon::before { - content: "\f679"; +.ts-icon.is-motorcycle-icon::before { + content: "\f21c"; } -.ts-icon.is-gofore-icon::before { - font-family: "IconsBrands"; - content: "\f3a7"; +.ts-icon.is-print-icon::before { + content: "\f02f"; } -.ts-icon.is-laptop-code-icon::before { - content: "\f5fc"; +.ts-icon.is-swatchbook-icon::before { + content: "\f5c3"; } -.ts-icon.is-circle-arrow-up-icon::before { - content: "\f0aa"; +.ts-icon.is-water-ladder-icon::before { + content: "\f5c5"; } -.ts-icon.is-joomla-icon::before { +.ts-icon.is-ravelry-icon::before { font-family: "IconsBrands"; - content: "\f1aa"; -} - -.ts-icon.is-users-icon::before { - content: "\f0c0"; + content: "\f2d9"; } -.ts-icon.is-bullhorn-icon::before { - content: "\f0a1"; +.ts-icon.is-angle-up-icon::before { + content: "\f106"; } -.ts-icon.is-face-grin-beam-icon::before { - content: "\f582"; +.ts-icon.is-glide-icon::before { + font-family: "IconsBrands"; + content: "\f2a5"; } -.ts-icon.is-square-phone-icon::before { - content: "\f098"; +.ts-icon.is-cubes-stacked-icon::before { + content: "\e4e6"; } -.ts-icon.is-thumbs-up-icon::before { - content: "\f164"; +.ts-icon.is-fort-awesome-alt-icon::before { + font-family: "IconsBrands"; + content: "\f3a3"; } -.ts-icon.is-unity-icon::before { - font-family: "IconsBrands"; - content: "\e049"; +.ts-icon.is-hands-holding-icon::before { + content: "\f4c2"; } -.ts-icon.is-tooth-icon::before { - content: "\f5c9"; +.ts-icon.is-land-mine-on-icon::before { + content: "\e51b"; } -.ts-icon.is-truck-droplet-icon::before { - content: "\e58c"; +.ts-icon.is-money-check-dollar-icon::before { + content: "\f53d"; } -.ts-icon.is-baby-icon::before { - content: "\f77c"; +.ts-icon.is-affiliatetheme-icon::before { + font-family: "IconsBrands"; + content: "\f36b"; } -.ts-icon.is-expeditedssl-icon::before { +.ts-icon.is-cpanel-icon::before { font-family: "IconsBrands"; - content: "\f23e"; + content: "\f388"; } -.ts-icon.is-hands-bound-icon::before { - content: "\e4f9"; +.ts-icon.is-sack-dollar-icon::before { + content: "\f81d"; } -.ts-icon.is-hanukiah-icon::before { - content: "\f6e6"; +.ts-icon.is-wine-glass-empty-icon::before { + content: "\f5ce"; } -.ts-icon.is-square-full-icon::before { - content: "\f45c"; +.ts-icon.is-drum-icon::before { + content: "\f569"; } -.ts-icon.is-square-parking-icon::before { - content: "\f540"; +.ts-icon.is-ranking-star-icon::before { + content: "\e561"; } -.ts-icon.is-z-icon::before { - content: "\5a"; +.ts-icon.is-arrows-to-eye-icon::before { + content: "\e4bf"; } -.ts-icon.is-cc-discover-icon::before { - font-family: "IconsBrands"; - content: "\f1f2"; +.ts-icon.is-file-circle-exclamation-icon::before { + content: "\e4eb"; } -.ts-icon.is-creative-commons-sa-icon::before { - font-family: "IconsBrands"; - content: "\f4ef"; +.ts-icon.is-circle-h-icon::before { + content: "\f47e"; } -.ts-icon.is-cross-icon::before { - content: "\f654"; +.ts-icon.is-envelope-open-text-icon::before { + content: "\f658"; } -.ts-icon.is-hotel-icon::before { - content: "\f594"; +.ts-icon.is-bong-icon::before { + content: "\f55c"; } -.ts-icon.is-battery-three-quarters-icon::before { - content: "\f241"; +.ts-icon.is-chess-pawn-icon::before { + content: "\f443"; } -.ts-icon.is-mortar-pestle-icon::before { - content: "\f5a7"; +.ts-icon.is-retweet-icon::before { + content: "\f079"; } -.ts-icon.is-nutritionix-icon::before { +.ts-icon.is-unsplash-icon::before { font-family: "IconsBrands"; - content: "\f3d6"; + content: "\e07c"; } -.ts-icon.is-baht-sign-icon::before { - content: "\e0ac"; +.ts-icon.is-square-caret-left-icon::before { + content: "\f191"; } -.ts-icon.is-face-surprise-icon::before { - content: "\f5c2"; +.ts-icon.is-chalkboard-icon::before { + content: "\f51b"; } -.ts-icon.is-spell-check-icon::before { - content: "\f891"; +.ts-icon.is-music-icon::before { + content: "\f001"; } -.ts-icon.is-chromecast-icon::before { +.ts-icon.is-linux-icon::before { font-family: "IconsBrands"; - content: "\f838"; + content: "\f17c"; } -.ts-icon.is-cloud-showers-water-icon::before { - content: "\e4e4"; +.ts-icon.is-percent-icon::before { + content: "\25"; } -.ts-icon.is-guitar-icon::before { - content: "\f7a6"; +.ts-icon.is-chess-knight-icon::before { + content: "\f441"; } -.ts-icon.is-weebly-icon::before { - font-family: "IconsBrands"; - content: "\f5cc"; +.ts-icon.is-code-pull-request-icon::before { + content: "\e13c"; } -.ts-icon.is-file-import-icon::before { - content: "\f56f"; +.ts-icon.is-shop-icon::before { + content: "\f54f"; } -.ts-icon.is-laptop-icon::before { - content: "\f109"; +.ts-icon.is-mountain-sun-icon::before { + content: "\e52f"; } -.ts-icon.is-train-subway-icon::before { - content: "\f239"; +.ts-icon.is-pinterest-p-icon::before { + font-family: "IconsBrands"; + content: "\f231"; } -.ts-icon.is-boxes-stacked-icon::before { - content: "\f468"; +.ts-icon.is-republican-icon::before { + content: "\f75e"; } -.ts-icon.is-facebook-messenger-icon::before { - font-family: "IconsBrands"; - content: "\f39f"; +.ts-icon.is-brain-icon::before { + content: "\f5dc"; } -.ts-icon.is-landmark-flag-icon::before { - content: "\e51c"; +.ts-icon.is-circle-exclamation-icon::before { + content: "\f06a"; } -.ts-icon.is-right-to-bracket-icon::before { - content: "\f2f6"; +.ts-icon.is-greater-than-equal-icon::before { + content: "\f532"; } -.ts-icon.is-person-military-rifle-icon::before { - content: "\e54b"; +.ts-icon.is-a-icon::before { + content: "\41"; } -.ts-icon.is-tags-icon::before { - content: "\f02c"; +.ts-icon.is-disease-icon::before { + content: "\f7fa"; } -.ts-icon.is-worm-icon::before { - content: "\e599"; +.ts-icon.is-vial-virus-icon::before { + content: "\e597"; } -.ts-icon.is-road-barrier-icon::before { - content: "\e562"; +.ts-icon.is-whiskey-glass-icon::before { + content: "\f7a0"; } -.ts-icon.is-traffic-light-icon::before { - content: "\f637"; +.ts-icon.is-cube-icon::before { + content: "\f1b2"; } -.ts-icon.is-arrow-pointer-icon::before { - content: "\f245"; +.ts-icon.is-stamp-icon::before { + content: "\f5bf"; } -.ts-icon.is-deezer-icon::before { - font-family: "IconsBrands"; - content: "\e077"; +.ts-icon.is-repeat-icon::before { + content: "\f363"; } -.ts-icon.is-ethereum-icon::before { - font-family: "IconsBrands"; - content: "\f42e"; +.ts-icon.is-handshake-simple-icon::before { + content: "\f4c6"; } -.ts-icon.is-fax-icon::before { - content: "\f1ac"; +.ts-icon.is-person-circle-check-icon::before { + content: "\e53e"; } -.ts-icon.is-houzz-icon::before { +.ts-icon.is-untappd-icon::before { font-family: "IconsBrands"; - content: "\f27c"; + content: "\f405"; } -.ts-icon.is-italic-icon::before { - content: "\f033"; +.ts-icon.is-whmcs-icon::before { + font-family: "IconsBrands"; + content: "\f40d"; } -.ts-icon.is-magnet-icon::before { - content: "\f076"; +.ts-icon.is-bell-slash-icon::before { + content: "\f1f6"; } -.ts-icon.is-angle-left-icon::before { - content: "\f104"; +.ts-icon.is-calendar-day-icon::before { + content: "\f783"; } -.ts-icon.is-arrows-turn-to-dots-icon::before { - content: "\e4c1"; +.ts-icon.is-creative-commons-nd-icon::before { + font-family: "IconsBrands"; + content: "\f4eb"; } -.ts-icon.is-car-tunnel-icon::before { - content: "\e4de"; +.ts-icon.is-gopuram-icon::before { + content: "\f664"; } -.ts-icon.is-cart-plus-icon::before { - content: "\f217"; +.ts-icon.is-restroom-icon::before { + content: "\f7bd"; } -.ts-icon.is-chevron-down-icon::before { - content: "\f078"; +.ts-icon.is-ribbon-icon::before { + content: "\f4d6"; } -.ts-icon.is-heart-pulse-icon::before { - content: "\f21e"; +.ts-icon.is-car-on-icon::before { + content: "\e4dd"; } -.ts-icon.is-google-drive-icon::before { - font-family: "IconsBrands"; - content: "\f3aa"; +.ts-icon.is-chevron-up-icon::before { + content: "\f077"; } -.ts-icon.is-orcid-icon::before { - font-family: "IconsBrands"; - content: "\f8d2"; +.ts-icon.is-book-tanakh-icon::before { + content: "\f827"; } -.ts-icon.is-percent-icon::before { - content: "\25"; +.ts-icon.is-broom-icon::before { + content: "\f51a"; } -.ts-icon.is-researchgate-icon::before { +.ts-icon.is-buromobelexperte-icon::before { font-family: "IconsBrands"; - content: "\f4f8"; + content: "\f37f"; } -.ts-icon.is-space-awesome-icon::before { - font-family: "IconsBrands"; - content: "\e5ac"; +.ts-icon.is-d-icon::before { + content: "\44"; } -.ts-icon.is-tent-arrows-down-icon::before { - content: "\e581"; +.ts-icon.is-gamepad-icon::before { + content: "\f11b"; } -.ts-icon.is-cpanel-icon::before { - font-family: "IconsBrands"; - content: "\f388"; +.ts-icon.is-house-lock-icon::before { + content: "\e510"; } -.ts-icon.is-evernote-icon::before { - font-family: "IconsBrands"; - content: "\f839"; +.ts-icon.is-people-arrows-icon::before { + content: "\e068"; } -.ts-icon.is-font-icon::before { - content: "\f031"; +.ts-icon.is-asymmetrik-icon::before { + font-family: "IconsBrands"; + content: "\f372"; } -.ts-icon.is-hand-holding-heart-icon::before { - content: "\f4be"; +.ts-icon.is-ban-icon::before { + content: "\f05e"; } -.ts-icon.is-marker-icon::before { - content: "\f5a1"; +.ts-icon.is-user-graduate-icon::before { + content: "\f501"; } -.ts-icon.is-monero-icon::before { +.ts-icon.is-yandex-icon::before { font-family: "IconsBrands"; - content: "\f3d0"; + content: "\f413"; } -.ts-icon.is-earth-europe-icon::before { - content: "\f7a2"; +.ts-icon.is-plug-circle-plus-icon::before { + content: "\e55f"; } -.ts-icon.is-suitcase-icon::before { - content: "\f0f2"; +.ts-icon.is-tree-icon::before { + content: "\f1bb"; } -.ts-icon.is-wheat-awn-icon::before { - content: "\e2cd"; +.ts-icon.is-square-virus-icon::before { + content: "\e578"; } -.ts-icon.is-brush-icon::before { - content: "\f55d"; +.ts-icon.is-section-icon::before { + content: "\e447"; } -.ts-icon.is-building-ngo-icon::before { - content: "\e4d7"; +.ts-icon.is-strava-icon::before { + font-family: "IconsBrands"; + content: "\f428"; } -.ts-icon.is-filter-circle-dollar-icon::before { - content: "\f662"; +.ts-icon.is-turn-down-icon::before { + content: "\f3be"; } -.ts-icon.is-magnifying-glass-dollar-icon::before { - content: "\f688"; +.ts-icon.is-creative-commons-nc-eu-icon::before { + font-family: "IconsBrands"; + content: "\f4e9"; } -.ts-icon.is-earth-americas-icon::before { - content: "\f57d"; +.ts-icon.is-phone-icon::before { + content: "\f095"; } -.ts-icon.is-rainbow-icon::before { - content: "\f75b"; +.ts-icon.is-discourse-icon::before { + font-family: "IconsBrands"; + content: "\f393"; } -.ts-icon.is-user-injured-icon::before { - content: "\f728"; +.ts-icon.is-shirtsinbulk-icon::before { + font-family: "IconsBrands"; + content: "\f214"; } -.ts-icon.is-backward-step-icon::before { - content: "\f048"; +.ts-icon.is-square-nfi-icon::before { + content: "\e576"; } -.ts-icon.is-chart-pie-icon::before { - content: "\f200"; +.ts-icon.is-arrow-down-9-1-icon::before { + content: "\f886"; } -.ts-icon.is-phone-flip-icon::before { - content: "\f879"; +.ts-icon.is-arrow-up-right-dots-icon::before { + content: "\e4b7"; } -.ts-icon.is-building-icon::before { - content: "\f1ad"; +.ts-icon.is-upload-icon::before { + content: "\f093"; } -.ts-icon.is-hands-clapping-icon::before { - content: "\e1a8"; +.ts-icon.is-naira-sign-icon::before { + content: "\e1f6"; } -.ts-icon.is-dove-icon::before { - content: "\f4ba"; +.ts-icon.is-pen-icon::before { + content: "\f304"; } -.ts-icon.is-martini-glass-icon::before { - content: "\f57b"; +.ts-icon.is-circle-chevron-down-icon::before { + content: "\f13a"; } -.ts-icon.is-mobile-icon::before { - content: "\f3ce"; +.ts-icon.is-eraser-icon::before { + content: "\f12d"; } -.ts-icon.is-wheat-awn-circle-exclamation-icon::before { - content: "\e598"; +.ts-icon.is-money-bills-icon::before { + content: "\e1f3"; } -.ts-icon.is-wpexplorer-icon::before { - font-family: "IconsBrands"; - content: "\f2de"; +.ts-icon.is-ruble-sign-icon::before { + content: "\f158"; } -.ts-icon.is-house-chimney-medical-icon::before { - content: "\f7f2"; +.ts-icon.is-square-full-icon::before { + content: "\f45c"; } -.ts-icon.is-object-group-icon::before { - content: "\f247"; +.ts-icon.is-adversal-icon::before { + font-family: "IconsBrands"; + content: "\f36a"; } -.ts-icon.is-q-icon::before { - content: "\51"; +.ts-icon.is-angular-icon::before { + font-family: "IconsBrands"; + content: "\f420"; } -.ts-icon.is-s-icon::before { - content: "\53"; +.ts-icon.is-font-icon::before { + content: "\f031"; } -.ts-icon.is-shuttle-space-icon::before { - content: "\f197"; +.ts-icon.is-shield-cat-icon::before { + content: "\e572"; } -.ts-icon.is-trowel-bricks-icon::before { - content: "\e58a"; +.ts-icon.is-bowl-rice-icon::before { + content: "\e2eb"; } -.ts-icon.is-warehouse-icon::before { - content: "\f494"; +.ts-icon.is-flask-vial-icon::before { + content: "\e4f3"; } -.ts-icon.is-circle-info-icon::before { - content: "\f05a"; +.ts-icon.is-pushed-icon::before { + font-family: "IconsBrands"; + content: "\f3e1"; } -.ts-icon.is-hand-middle-finger-icon::before { - content: "\f806"; +.ts-icon.is-tent-arrow-down-to-line-icon::before { + content: "\e57e"; } -.ts-icon.is-scissors-icon::before { - content: "\f0c4"; +.ts-icon.is-gofore-icon::before { + font-family: "IconsBrands"; + content: "\f3a7"; } -.ts-icon.is-7-icon::before { - content: "\37"; +.ts-icon.is-magnifying-glass-plus-icon::before { + content: "\f00e"; } -.ts-icon.is-clock-icon::before { - content: "\f017"; +.ts-icon.is-korvue-icon::before { + font-family: "IconsBrands"; + content: "\f42f"; } -.ts-icon.is-fill-icon::before { - content: "\f575"; +.ts-icon.is-square-font-awesome-stroke-icon::before { + font-family: "IconsBrands"; + content: "\f35c"; } -.ts-icon.is-hand-holding-icon::before { - content: "\f4bd"; +.ts-icon.is-dove-icon::before { + content: "\f4ba"; } -.ts-icon.is-person-walking-icon::before { - content: "\f554"; +.ts-icon.is-square-plus-icon::before { + content: "\f0fe"; } -.ts-icon.is-slash-icon::before { - content: "\f715"; +.ts-icon.is-plug-circle-check-icon::before { + content: "\e55c"; } -.ts-icon.is-tent-arrow-left-right-icon::before { - content: "\e57f"; +.ts-icon.is-school-flag-icon::before { + content: "\e56e"; } -.ts-icon.is-object-ungroup-icon::before { - content: "\f248"; +.ts-icon.is-circle-info-icon::before { + content: "\f05a"; } -.ts-icon.is-phoenix-framework-icon::before { +.ts-icon.is-hotjar-icon::before { font-family: "IconsBrands"; - content: "\f3dc"; + content: "\f3b1"; } -.ts-icon.is-hand-lizard-icon::before { - content: "\f258"; +.ts-icon.is-figma-icon::before { + font-family: "IconsBrands"; + content: "\f799"; } -.ts-icon.is-icicles-icon::before { - content: "\f7ad"; +.ts-icon.is-9-icon::before { + content: "\39"; } -.ts-icon.is-monument-icon::before { - content: "\f5a6"; +.ts-icon.is-face-kiss-icon::before { + content: "\f596"; } -.ts-icon.is-venus-icon::before { - content: "\f221"; +.ts-icon.is-paste-icon::before { + content: "\f0ea"; } -.ts-icon.is-square-root-variable-icon::before { - content: "\f698"; +.ts-icon.is-trowel-icon::before { + content: "\e589"; } -.ts-icon.is-arrow-rotate-right-icon::before { - content: "\f01e"; +.ts-icon.is-caret-up-icon::before { + content: "\f0d8"; } -.ts-icon.is-code-compare-icon::before { - content: "\e13a"; +.ts-icon.is-helmet-un-icon::before { + content: "\e503"; } -.ts-icon.is-mask-ventilator-icon::before { - content: "\e524"; +.ts-icon.is-eye-dropper-icon::before { + content: "\f1fb"; } -.ts-icon.is-person-skiing-nordic-icon::before { - content: "\f7ca"; +.ts-icon.is-hanukiah-icon::before { + content: "\f6e6"; } -.ts-icon.is-speaker-deck-icon::before { +.ts-icon.is-stackpath-icon::before { font-family: "IconsBrands"; - content: "\f83c"; -} - -.ts-icon.is-square-caret-left-icon::before { - content: "\f191"; + content: "\f842"; } -.ts-icon.is-cube-icon::before { - content: "\f1b2"; +.ts-icon.is-toolbox-icon::before { + content: "\f552"; } -.ts-icon.is-file-contract-icon::before { - content: "\f56c"; +.ts-icon.is-cannabis-icon::before { + content: "\f55f"; } -.ts-icon.is-jsfiddle-icon::before { +.ts-icon.is-creative-commons-sampling-plus-icon::before { font-family: "IconsBrands"; - content: "\f1cc"; + content: "\f4f1"; } -.ts-icon.is-tent-arrow-turn-left-icon::before { - content: "\e580"; +.ts-icon.is-helmet-safety-icon::before { + content: "\f807"; } -.ts-icon.is-trash-arrow-up-icon::before { - content: "\f829"; +.ts-icon.is-magnifying-glass-dollar-icon::before { + content: "\f688"; } -.ts-icon.is-face-angry-icon::before { - content: "\f556"; +.ts-icon.is-quote-left-icon::before { + content: "\f10d"; } -.ts-icon.is-1-icon::before { - content: "\31"; +.ts-icon.is-arrow-right-from-bracket-icon::before { + content: "\f08b"; } -.ts-icon.is-i-cursor-icon::before { - content: "\f246"; +.ts-icon.is-book-atlas-icon::before { + content: "\f558"; } -.ts-icon.is-osi-icon::before { - font-family: "IconsBrands"; - content: "\f41a"; +.ts-icon.is-diamond-turn-right-icon::before { + content: "\f5eb"; } -.ts-icon.is-ranking-star-icon::before { - content: "\e561"; +.ts-icon.is-g-icon::before { + content: "\47"; } -.ts-icon.is-git-icon::before { +.ts-icon.is-hive-icon::before { font-family: "IconsBrands"; - content: "\f1d3"; + content: "\e07f"; } -.ts-icon.is-java-icon::before { +.ts-icon.is-js-icon::before { font-family: "IconsBrands"; - content: "\f4e4"; + content: "\f3b8"; } -.ts-icon.is-money-bill-icon::before { - content: "\f0d6"; +.ts-icon.is-list-ol-icon::before { + content: "\f0cb"; } -.ts-icon.is-shield-virus-icon::before { - content: "\e06c"; +.ts-icon.is-location-arrow-icon::before { + content: "\f124"; } -.ts-icon.is-cake-candles-icon::before { - content: "\f1fd"; +.ts-icon.is-cc-amazon-pay-icon::before { + font-family: "IconsBrands"; + content: "\f42d"; } -.ts-icon.is-docker-icon::before { - font-family: "IconsBrands"; - content: "\f395"; +.ts-icon.is-comments-icon::before { + content: "\f086"; } -.ts-icon.is-heading-icon::before { - content: "\f1dc"; +.ts-icon.is-slack-icon::before { + font-family: "IconsBrands"; + content: "\f198"; } -.ts-icon.is-heart-circle-minus-icon::before { - content: "\e4ff"; +.ts-icon.is-teeth-icon::before { + content: "\f62e"; } -.ts-icon.is-info-icon::before { - content: "\f129"; +.ts-icon.is-mars-and-venus-icon::before { + content: "\f224"; } -.ts-icon.is-list-icon::before { - content: "\f03a"; +.ts-icon.is-i-icon::before { + content: "\49"; } -.ts-icon.is-table-tennis-paddle-ball-icon::before { - content: "\f45d"; +.ts-icon.is-face-surprise-icon::before { + content: "\f5c2"; } -.ts-icon.is-trailer-icon::before { - content: "\e041"; +.ts-icon.is-hacker-news-icon::before { + font-family: "IconsBrands"; + content: "\f1d4"; } -.ts-icon.is-universal-access-icon::before { - content: "\f29a"; +.ts-icon.is-ethernet-icon::before { + content: "\f796"; } -.ts-icon.is-bandage-icon::before { - content: "\f462"; +.ts-icon.is-helicopter-icon::before { + content: "\f533"; } -.ts-icon.is-fire-flame-simple-icon::before { - content: "\f46a"; +.ts-icon.is-house-chimney-user-icon::before { + content: "\e065"; } -.ts-icon.is-shapes-icon::before { - content: "\f61f"; +.ts-icon.is-linkedin-in-icon::before { + font-family: "IconsBrands"; + content: "\f0e1"; } -.ts-icon.is-cart-flatbed-suitcase-icon::before { - content: "\f59d"; +.ts-icon.is-magnifying-glass-location-icon::before { + content: "\f689"; } -.ts-icon.is-dashcube-icon::before { +.ts-icon.is-stripe-icon::before { font-family: "IconsBrands"; - content: "\f210"; + content: "\f429"; } -.ts-icon.is-holly-berry-icon::before { - content: "\f7aa"; +.ts-icon.is-cloud-sun-icon::before { + content: "\f6c4"; } -.ts-icon.is-pied-piper-pp-icon::before { +.ts-icon.is-d-and-d-beyond-icon::before { font-family: "IconsBrands"; - content: "\f1a7"; + content: "\f6ca"; } -.ts-icon.is-poo-storm-icon::before { - content: "\f75a"; +.ts-icon.is-file-code-icon::before { + content: "\f1c9"; } -.ts-icon.is-sort-icon::before { - content: "\f0dc"; +.ts-icon.is-invision-icon::before { + font-family: "IconsBrands"; + content: "\f7b0"; } -.ts-icon.is-chess-rook-icon::before { - content: "\f447"; +.ts-icon.is-line-icon::before { + font-family: "IconsBrands"; + content: "\f3c0"; } -.ts-icon.is-eye-dropper-icon::before { - content: "\f1fb"; +.ts-icon.is-p-icon::before { + content: "\50"; } -.ts-icon.is-gas-pump-icon::before { - content: "\f52f"; +.ts-icon.is-bars-staggered-icon::before { + content: "\f550"; } -.ts-icon.is-hat-cowboy-icon::before { - content: "\f8c0"; +.ts-icon.is-circle-question-icon::before { + content: "\f059"; } -.ts-icon.is-cloud-sun-icon::before { - content: "\f6c4"; +.ts-icon.is-rockrms-icon::before { + font-family: "IconsBrands"; + content: "\f3e9"; } -.ts-icon.is-flask-vial-icon::before { - content: "\e4f3"; +.ts-icon.is-trello-icon::before { + font-family: "IconsBrands"; + content: "\f181"; } -.ts-icon.is-wolf-pack-battalion-icon::before { - font-family: "IconsBrands"; - content: "\f514"; +.ts-icon.is-flag-icon::before { + content: "\f024"; } -.ts-icon.is-crow-icon::before { - content: "\f520"; +.ts-icon.is-house-circle-exclamation-icon::before { + content: "\e50a"; } -.ts-icon.is-hand-holding-droplet-icon::before { - content: "\f4c1"; +.ts-icon.is-indent-icon::before { + content: "\f03c"; } -.ts-icon.is-paypal-icon::before { +.ts-icon.is-the-red-yeti-icon::before { font-family: "IconsBrands"; - content: "\f1ed"; + content: "\f69d"; } -.ts-icon.is-car-burst-icon::before { - content: "\f5e1"; +.ts-icon.is-bacon-icon::before { + content: "\f7e5"; } -.ts-icon.is-opencart-icon::before { +.ts-icon.is-cc-paypal-icon::before { font-family: "IconsBrands"; - content: "\f23d"; + content: "\f1f4"; } -.ts-icon.is-user-plus-icon::before { - content: "\f234"; +.ts-icon.is-sith-icon::before { + font-family: "IconsBrands"; + content: "\f512"; } -.ts-icon.is-volcano-icon::before { - content: "\f770"; +.ts-icon.is-spotify-icon::before { + font-family: "IconsBrands"; + content: "\f1bc"; } -.ts-icon.is-archway-icon::before { - content: "\f557"; -} +.ts-icon.is-btc-icon::before { + font-family: "IconsBrands"; + content: "\f15a"; +} -.ts-icon.is-person-skating-icon::before { - content: "\f7c5"; +.ts-icon.is-calendar-week-icon::before { + content: "\f784"; } -.ts-icon.is-truck-field-icon::before { - content: "\e58d"; +.ts-icon.is-square-poll-vertical-icon::before { + content: "\f681"; } -.ts-icon.is-wine-glass-empty-icon::before { - content: "\f5ce"; +.ts-icon.is-book-bookmark-icon::before { + content: "\e0bb"; } -.ts-icon.is-shop-icon::before { - content: "\f54f"; +.ts-icon.is-pump-soap-icon::before { + content: "\e06b"; } -.ts-icon.is-bilibili-icon::before { - font-family: "IconsBrands"; - content: "\e3d9"; +.ts-icon.is-n-icon::before { + content: "\4e"; } -.ts-icon.is-comment-sms-icon::before { - content: "\f7cd"; +.ts-icon.is-reply-all-icon::before { + content: "\f122"; } -.ts-icon.is-dungeon-icon::before { - content: "\f6d9"; +.ts-icon.is-suitcase-icon::before { + content: "\f0f2"; } -.ts-icon.is-gears-icon::before { - content: "\f085"; +.ts-icon.is-truck-pickup-icon::before { + content: "\f63c"; } -.ts-icon.is-kaaba-icon::before { - content: "\f66b"; +.ts-icon.is-volume-off-icon::before { + content: "\f026"; } -.ts-icon.is-plug-circle-exclamation-icon::before { - content: "\e55d"; +.ts-icon.is-cloudscale-icon::before { + font-family: "IconsBrands"; + content: "\f383"; } -.ts-icon.is-upload-icon::before { - content: "\f093"; +.ts-icon.is-creative-commons-share-icon::before { + font-family: "IconsBrands"; + content: "\f4f2"; } -.ts-icon.is-bridge-lock-icon::before { - content: "\e4cc"; +.ts-icon.is-jedi-order-icon::before { + font-family: "IconsBrands"; + content: "\f50e"; } -.ts-icon.is-delete-left-icon::before { - content: "\f55a"; +.ts-icon.is-viadeo-icon::before { + font-family: "IconsBrands"; + content: "\f2a9"; } -.ts-icon.is-euro-sign-icon::before { - content: "\f153"; +.ts-icon.is-newspaper-icon::before { + content: "\f1ea"; } -.ts-icon.is-graduation-cap-icon::before { - content: "\f19d"; +.ts-icon.is-clipboard-check-icon::before { + content: "\f46c"; } -.ts-icon.is-python-icon::before { - font-family: "IconsBrands"; - content: "\f3e2"; +.ts-icon.is-glass-water-icon::before { + content: "\e4f4"; } -.ts-icon.is-headphones-icon::before { - content: "\f025"; +.ts-icon.is-poo-storm-icon::before { + content: "\f75a"; } -.ts-icon.is-patreon-icon::before { +.ts-icon.is-alipay-icon::before { font-family: "IconsBrands"; - content: "\f3d9"; + content: "\f642"; } -.ts-icon.is-weight-scale-icon::before { - content: "\f496"; +.ts-icon.is-grunt-icon::before { + font-family: "IconsBrands"; + content: "\f3ad"; } -.ts-icon.is-youtube-icon::before { - font-family: "IconsBrands"; - content: "\f167"; +.ts-icon.is-cheese-icon::before { + content: "\f7ef"; } -.ts-icon.is-bell-concierge-icon::before { - content: "\f562"; +.ts-icon.is-face-kiss-wink-heart-icon::before { + content: "\f598"; } -.ts-icon.is-clipboard-user-icon::before { - content: "\f7f3"; +.ts-icon.is-window-maximize-icon::before { + content: "\f2d0"; } -.ts-icon.is-ghost-icon::before { - content: "\f6e2"; +.ts-icon.is-align-center-icon::before { + content: "\f037"; } -.ts-icon.is-hands-icon::before { - content: "\f2a7"; +.ts-icon.is-chart-simple-icon::before { + content: "\e473"; } -.ts-icon.is-money-check-dollar-icon::before { - content: "\f53d"; +.ts-icon.is-person-walking-dashed-line-arrow-right-icon::before { + content: "\e553"; } -.ts-icon.is-stroopwafel-icon::before { - content: "\f551"; +.ts-icon.is-rectangle-list-icon::before { + content: "\f022"; } -.ts-icon.is-contao-icon::before { - font-family: "IconsBrands"; - content: "\f26d"; +.ts-icon.is-mug-hot-icon::before { + content: "\f7b6"; } -.ts-icon.is-firefox-icon::before { +.ts-icon.is-person-swimming-icon::before { + content: "\f5c4"; +} + +.ts-icon.is-teamspeak-icon::before { font-family: "IconsBrands"; - content: "\f269"; + content: "\f4f9"; } -.ts-icon.is-language-icon::before { - content: "\f1ab"; +.ts-icon.is-user-pen-icon::before { + content: "\f4ff"; } -.ts-icon.is-nfc-directional-icon::before { +.ts-icon.is-arrows-down-to-people-icon::before { + content: "\e4b9"; +} + +.ts-icon.is-cc-visa-icon::before { font-family: "IconsBrands"; - content: "\e530"; + content: "\f1f0"; } -.ts-icon.is-outdent-icon::before { - content: "\f03b"; +.ts-icon.is-lightbulb-icon::before { + content: "\f0eb"; } -.ts-icon.is-apple-icon::before { +.ts-icon.is-cloudflare-icon::before { font-family: "IconsBrands"; - content: "\f179"; + content: "\e07d"; } -.ts-icon.is-chrome-icon::before { +.ts-icon.is-creative-commons-by-icon::before { font-family: "IconsBrands"; - content: "\f268"; + content: "\f4e7"; } -.ts-icon.is-confluence-icon::before { - font-family: "IconsBrands"; - content: "\f78d"; +.ts-icon.is-neuter-icon::before { + content: "\f22c"; } -.ts-icon.is-sort-up-icon::before { - content: "\f0de"; +.ts-icon.is-ethereum-icon::before { + font-family: "IconsBrands"; + content: "\f42e"; } -.ts-icon.is-whiskey-glass-icon::before { - content: "\f7a0"; +.ts-icon.is-hat-wizard-icon::before { + content: "\f6e8"; } -.ts-icon.is-cloud-sun-rain-icon::before { - content: "\f743"; +.ts-icon.is-hands-icon::before { + content: "\f2a7"; } -.ts-icon.is-face-grin-icon::before { - content: "\f580"; +.ts-icon.is-truck-fast-icon::before { + content: "\f48b"; } -.ts-icon.is-folder-plus-icon::before { - content: "\f65e"; +.ts-icon.is-arrow-turn-down-icon::before { + content: "\f149"; } -.ts-icon.is-bars-progress-icon::before { - content: "\f828"; +.ts-icon.is-file-signature-icon::before { + content: "\f573"; } -.ts-icon.is-facebook-f-icon::before { - font-family: "IconsBrands"; - content: "\f39e"; +.ts-icon.is-magnifying-glass-chart-icon::before { + content: "\e522"; } -.ts-icon.is-person-circle-check-icon::before { - content: "\e53e"; +.ts-icon.is-mobile-retro-icon::before { + content: "\e527"; } -.ts-icon.is-school-icon::before { - content: "\f549"; +.ts-icon.is-pump-medical-icon::before { + content: "\e06a"; } -.ts-icon.is-square-vimeo-icon::before { +.ts-icon.is-square-youtube-icon::before { font-family: "IconsBrands"; - content: "\f194"; + content: "\f431"; } -.ts-icon.is-angles-down-icon::before { - content: "\f103"; +.ts-icon.is-blogger-icon::before { + font-family: "IconsBrands"; + content: "\f37c"; } -.ts-icon.is-burger-icon::before { - content: "\f805"; +.ts-icon.is-chair-icon::before { + content: "\f6c0"; } -.ts-icon.is-diagram-project-icon::before { - content: "\f542"; +.ts-icon.is-calendar-check-icon::before { + content: "\f274"; } -.ts-icon.is-instagram-icon::before { +.ts-icon.is-nfc-directional-icon::before { font-family: "IconsBrands"; - content: "\f16d"; + content: "\e530"; } -.ts-icon.is-star-half-icon::before { - content: "\f089"; +.ts-icon.is-notes-medical-icon::before { + content: "\f481"; } -.ts-icon.is-up-down-left-right-icon::before { - content: "\f0b2"; +.ts-icon.is-tarp-icon::before { + content: "\e57b"; } -.ts-icon.is-vial-virus-icon::before { - content: "\e597"; +.ts-icon.is-ubuntu-icon::before { + font-family: "IconsBrands"; + content: "\f7df"; } -.ts-icon.is-cloud-bolt-icon::before { - content: "\f76c"; +.ts-icon.is-user-xmark-icon::before { + content: "\f235"; } -.ts-icon.is-hand-holding-medical-icon::before { - content: "\e05c"; +.ts-icon.is-vihara-icon::before { + content: "\f6a7"; } -.ts-icon.is-nfc-symbol-icon::before { - font-family: "IconsBrands"; - content: "\e531"; +.ts-icon.is-hospital-icon::before { + content: "\f0f8"; } -.ts-icon.is-road-lock-icon::before { - content: "\e567"; +.ts-icon.is-lock-icon::before { + content: "\f023"; } -.ts-icon.is-shopify-icon::before { - font-family: "IconsBrands"; - content: "\e057"; +.ts-icon.is-square-pen-icon::before { + content: "\f14b"; } -.ts-icon.is-turn-up-icon::before { - content: "\f3bf"; +.ts-icon.is-pizza-slice-icon::before { + content: "\f818"; } -.ts-icon.is-thumbtack-icon::before { - content: "\f08d"; +.ts-icon.is-strikethrough-icon::before { + content: "\f0cc"; } -.ts-icon.is-arrows-down-to-line-icon::before { - content: "\e4b8"; +.ts-icon.is-trowel-bricks-icon::before { + content: "\e58a"; } -.ts-icon.is-circle-right-icon::before { - content: "\f35a"; +.ts-icon.is-bity-icon::before { + font-family: "IconsBrands"; + content: "\f37a"; } -.ts-icon.is-crosshairs-icon::before { - content: "\f05b"; +.ts-icon.is-openid-icon::before { + font-family: "IconsBrands"; + content: "\f19b"; } -.ts-icon.is-handshake-simple-slash-icon::before { - content: "\e05f"; +.ts-icon.is-hockey-puck-icon::before { + content: "\f453"; } -.ts-icon.is-money-bill-transfer-icon::before { - content: "\e528"; +.ts-icon.is-manat-sign-icon::before { + content: "\e1d5"; } -.ts-icon.is-scale-balanced-icon::before { - content: "\f24e"; +.ts-icon.is-qq-icon::before { + font-family: "IconsBrands"; + content: "\f1d6"; } -.ts-icon.is-shirtsinbulk-icon::before { - font-family: "IconsBrands"; - content: "\f214"; +.ts-icon.is-ship-icon::before { + content: "\f21a"; } -.ts-icon.is-train-icon::before { - content: "\f238"; +.ts-icon.is-chevron-left-icon::before { + content: "\f053"; } -.ts-icon.is-crown-icon::before { - content: "\f521"; +.ts-icon.is-headphones-simple-icon::before { + content: "\f58f"; } -.ts-icon.is-passport-icon::before { - content: "\f5ab"; +.ts-icon.is-square-minus-icon::before { + content: "\f146"; } -.ts-icon.is-person-shelter-icon::before { - content: "\e54f"; +.ts-icon.is-tent-arrows-down-icon::before { + content: "\e581"; } -.ts-icon.is-apple-whole-icon::before { - content: "\f5d1"; +.ts-icon.is-up-down-icon::before { + content: "\f338"; } -.ts-icon.is-audible-icon::before { - font-family: "IconsBrands"; - content: "\f373"; +.ts-icon.is-wallet-icon::before { + content: "\f555"; } -.ts-icon.is-car-battery-icon::before { - content: "\f5df"; +.ts-icon.is-bread-slice-icon::before { + content: "\f7ec"; } -.ts-icon.is-chart-column-icon::before { - content: "\e0e3"; +.ts-icon.is-hand-point-up-icon::before { + content: "\f0a6"; } -.ts-icon.is-child-combatant-icon::before { - content: "\e4e0"; +.ts-icon.is-table-icon::before { + content: "\f0ce"; } -.ts-icon.is-file-video-icon::before { - content: "\f1c8"; +.ts-icon.is-cross-icon::before { + content: "\f654"; } -.ts-icon.is-font-awesome-icon::before { - content: "\f2b4"; +.ts-icon.is-square-snapchat-icon::before { + font-family: "IconsBrands"; + content: "\f2ad"; } -.ts-icon.is-person-falling-icon::before { - content: "\e546"; +.ts-icon.is-fire-icon::before { + content: "\f06d"; } -.ts-icon.is-calendar-day-icon::before { - content: "\f783"; +.ts-icon.is-gem-icon::before { + content: "\f3a5"; } -.ts-icon.is-flask-icon::before { - content: "\f0c3"; +.ts-icon.is-greater-than-icon::before { + content: "\3e"; } -.ts-icon.is-mix-icon::before { - font-family: "IconsBrands"; - content: "\f3cb"; +.ts-icon.is-person-harassing-icon::before { + content: "\e549"; } -.ts-icon.is-square-person-confined-icon::before { - content: "\e577"; +.ts-icon.is-share-icon::before { + content: "\f064"; } -.ts-icon.is-free-code-camp-icon::before { +.ts-icon.is-vk-icon::before { font-family: "IconsBrands"; - content: "\f2c5"; + content: "\f189"; } -.ts-icon.is-x-icon::before { - content: "\58"; +.ts-icon.is-baby-carriage-icon::before { + content: "\f77d"; } -.ts-icon.is-behance-icon::before { - font-family: "IconsBrands"; - content: "\f1b4"; +.ts-icon.is-dice-one-icon::before { + content: "\f525"; } -.ts-icon.is-road-bridge-icon::before { - content: "\e563"; +.ts-icon.is-piggy-bank-icon::before { + content: "\f4d3"; } -.ts-icon.is-symfony-icon::before { - font-family: "IconsBrands"; - content: "\f83d"; +.ts-icon.is-ruler-horizontal-icon::before { + content: "\f547"; } -.ts-icon.is-whmcs-icon::before { - font-family: "IconsBrands"; - content: "\f40d"; +.ts-icon.is-tooth-icon::before { + content: "\f5c9"; } -.ts-icon.is-creative-commons-pd-alt-icon::before { +.ts-icon.is-cow-icon::before { + content: "\f6c8"; +} + +.ts-icon.is-ello-icon::before { font-family: "IconsBrands"; - content: "\f4ed"; + content: "\f5f1"; } -.ts-icon.is-reddit-icon::before { +.ts-icon.is-wordpress-simple-icon::before { font-family: "IconsBrands"; - content: "\f1a1"; + content: "\f411"; } -.ts-icon.is-skull-icon::before { - content: "\f54c"; +.ts-icon.is-ellipsis-vertical-icon::before { + content: "\f142"; } -.ts-icon.is-artstation-icon::before { - font-family: "IconsBrands"; - content: "\f77a"; +.ts-icon.is-stopwatch-icon::before { + content: "\f2f2"; } -.ts-icon.is-hooli-icon::before { - font-family: "IconsBrands"; - content: "\f427"; +.ts-icon.is-file-circle-minus-icon::before { + content: "\e4ed"; } -.ts-icon.is-square-font-awesome-stroke-icon::before { - font-family: "IconsBrands"; - content: "\f35c"; +.ts-icon.is-brazilian-real-sign-icon::before { + content: "\e46c"; } -.ts-icon.is-circle-down-icon::before { - content: "\f358"; +.ts-icon.is-colon-sign-icon::before { + content: "\e140"; } -.ts-icon.is-btc-icon::before { +.ts-icon.is-pix-icon::before { font-family: "IconsBrands"; - content: "\f15a"; + content: "\e43a"; } -.ts-icon.is-magnifying-glass-chart-icon::before { - content: "\e522"; +.ts-icon.is-lungs-virus-icon::before { + content: "\e067"; } -.ts-icon.is-themeco-icon::before { - font-family: "IconsBrands"; - content: "\f5c6"; +.ts-icon.is-m-icon::before { + content: "\4d"; } -.ts-icon.is-toggle-off-icon::before { - content: "\f204"; +.ts-icon.is-arrows-left-right-icon::before { + content: "\f07e"; } -.ts-icon.is-file-icon::before { - content: "\f15b"; +.ts-icon.is-award-icon::before { + content: "\f559"; } -.ts-icon.is-hands-praying-icon::before { - content: "\f684"; +.ts-icon.is-cc-discover-icon::before { + font-family: "IconsBrands"; + content: "\f1f2"; } -.ts-icon.is-plane-arrival-icon::before { - content: "\f5af"; +.ts-icon.is-hooli-icon::before { + font-family: "IconsBrands"; + content: "\f427"; } -.ts-icon.is-the-red-yeti-icon::before { - font-family: "IconsBrands"; - content: "\f69d"; +.ts-icon.is-book-open-reader-icon::before { + content: "\f5da"; } -.ts-icon.is-person-snowboarding-icon::before { - content: "\f7ce"; +.ts-icon.is-spray-can-sparkles-icon::before { + content: "\f5d0"; } -.ts-icon.is-recycle-icon::before { - content: "\f1b8"; +.ts-icon.is-syringe-icon::before { + content: "\f48e"; } -.ts-icon.is-wallet-icon::before { - content: "\f555"; +.ts-icon.is-comment-sms-icon::before { + content: "\f7cd"; } -.ts-icon.is-glide-g-icon::before { - font-family: "IconsBrands"; - content: "\f2a6"; +.ts-icon.is-file-pen-icon::before { + content: "\f31c"; } -.ts-icon.is-npm-icon::before { - font-family: "IconsBrands"; - content: "\f3d4"; +.ts-icon.is-rainbow-icon::before { + content: "\f75b"; +} + +.ts-icon.is-trash-can-icon::before { + content: "\f2ed"; +} + +.ts-icon.is-list-icon::before { + content: "\f03a"; } .ts-icon.is-servicestack-icon::before { @@ -1476,4146 +1489,4165 @@ content: "\f3ec"; } -.ts-icon.is-staylinked-icon::before { +.ts-icon.is-spa-icon::before { + content: "\f5bb"; +} + +.ts-icon.is-aviato-icon::before { font-family: "IconsBrands"; - content: "\f3f5"; + content: "\f421"; } -.ts-icon.is-unsplash-icon::before { +.ts-icon.is-centercode-icon::before { font-family: "IconsBrands"; - content: "\e07c"; + content: "\f380"; } -.ts-icon.is-chart-gantt-icon::before { - content: "\e0e4"; +.ts-icon.is-face-grin-hearts-icon::before { + content: "\f584"; } -.ts-icon.is-hand-scissors-icon::before { - content: "\f257"; +.ts-icon.is-franc-sign-icon::before { + content: "\e18f"; } -.ts-icon.is-wirsindhandwerk-icon::before { - font-family: "IconsBrands"; - content: "\e2d0"; +.ts-icon.is-house-chimney-medical-icon::before { + content: "\f7f2"; } -.ts-icon.is-registered-icon::before { - content: "\f25d"; +.ts-icon.is-hands-bubbles-icon::before { + content: "\e05e"; } -.ts-icon.is-scribd-icon::before { - font-family: "IconsBrands"; - content: "\f28a"; +.ts-icon.is-circle-half-stroke-icon::before { + content: "\f042"; } -.ts-icon.is-caret-right-icon::before { - content: "\f0da"; +.ts-icon.is-flipboard-icon::before { + font-family: "IconsBrands"; + content: "\f44d"; } -.ts-icon.is-crop-simple-icon::before { - content: "\f565"; +.ts-icon.is-digital-ocean-icon::before { + font-family: "IconsBrands"; + content: "\f391"; } -.ts-icon.is-galactic-senate-icon::before { - font-family: "IconsBrands"; - content: "\f50d"; +.ts-icon.is-school-icon::before { + content: "\f549"; } -.ts-icon.is-genderless-icon::before { - content: "\f22d"; +.ts-icon.is-mask-face-icon::before { + content: "\e1d7"; } -.ts-icon.is-opera-icon::before { - font-family: "IconsBrands"; - content: "\f26a"; +.ts-icon.is-message-icon::before { + content: "\f27a"; } -.ts-icon.is-php-icon::before { - font-family: "IconsBrands"; - content: "\f457"; +.ts-icon.is-mobile-screen-icon::before { + content: "\f3cf"; } -.ts-icon.is-syringe-icon::before { - content: "\f48e"; +.ts-icon.is-paragraph-icon::before { + content: "\f1dd"; } -.ts-icon.is-mizuni-icon::before { - font-family: "IconsBrands"; - content: "\f3cc"; +.ts-icon.is-signature-icon::before { + content: "\f5b7"; } -.ts-icon.is-pied-piper-icon::before { - font-family: "IconsBrands"; - content: "\f2ae"; +.ts-icon.is-cedi-sign-icon::before { + content: "\e0df"; } -.ts-icon.is-stairs-icon::before { - content: "\e289"; +.ts-icon.is-dice-six-icon::before { + content: "\f526"; } -.ts-icon.is-ethernet-icon::before { - content: "\f796"; +.ts-icon.is-flask-icon::before { + content: "\f0c3"; } -.ts-icon.is-futbol-icon::before { - content: "\f1e3"; +.ts-icon.is-child-combatant-icon::before { + content: "\e4e0"; } -.ts-icon.is-pied-piper-alt-icon::before { - font-family: "IconsBrands"; - content: "\f1a8"; +.ts-icon.is-snowplow-icon::before { + content: "\f7d2"; } -.ts-icon.is-plane-circle-check-icon::before { - content: "\e555"; +.ts-icon.is-wand-sparkles-icon::before { + content: "\f72b"; } -.ts-icon.is-think-peaks-icon::before { - font-family: "IconsBrands"; - content: "\f731"; +.ts-icon.is-bars-icon::before { + content: "\f0c9"; } -.ts-icon.is-truck-medical-icon::before { - content: "\f0f9"; +.ts-icon.is-carrot-icon::before { + content: "\f787"; } -.ts-icon.is-zhihu-icon::before { - font-family: "IconsBrands"; - content: "\f63f"; +.ts-icon.is-circle-pause-icon::before { + content: "\f28b"; } -.ts-icon.is-adn-icon::before { +.ts-icon.is-earlybirds-icon::before { font-family: "IconsBrands"; - content: "\f170"; + content: "\f39a"; } -.ts-icon.is-arrow-up-1-9-icon::before { - content: "\f163"; +.ts-icon.is-left-right-icon::before { + content: "\f337"; } -.ts-icon.is-gavel-icon::before { - content: "\f0e3"; +.ts-icon.is-3-icon::before { + content: "\33"; } -.ts-icon.is-road-circle-exclamation-icon::before { - content: "\e565"; +.ts-icon.is-bluetooth-b-icon::before { + font-family: "IconsBrands"; + content: "\f294"; } -.ts-icon.is-star-icon::before { - content: "\f005"; +.ts-icon.is-meteor-icon::before { + content: "\f753"; } -.ts-icon.is-hotjar-icon::before { - font-family: "IconsBrands"; - content: "\f3b1"; +.ts-icon.is-code-fork-icon::before { + content: "\e13b"; } -.ts-icon.is-house-chimney-window-icon::before { - content: "\e00d"; +.ts-icon.is-holly-berry-icon::before { + content: "\f7aa"; } -.ts-icon.is-sitemap-icon::before { - content: "\f0e8"; +.ts-icon.is-rotate-right-icon::before { + content: "\f2f9"; } -.ts-icon.is-tractor-icon::before { - content: "\f722"; +.ts-icon.is-building-circle-check-icon::before { + content: "\e4d2"; } -.ts-icon.is-building-flag-icon::before { - content: "\e4d5"; +.ts-icon.is-id-card-icon::before { + content: "\f2c2"; } -.ts-icon.is-creative-commons-nc-icon::before { +.ts-icon.is-rocketchat-icon::before { font-family: "IconsBrands"; - content: "\f4e8"; + content: "\f3e8"; } -.ts-icon.is-face-smile-wink-icon::before { - content: "\f4da"; +.ts-icon.is-torii-gate-icon::before { + content: "\f6a1"; } -.ts-icon.is-fedora-icon::before { +.ts-icon.is-app-store-icon::before { font-family: "IconsBrands"; - content: "\f798"; -} - -.ts-icon.is-money-bill-wave-icon::before { - content: "\f53a"; + content: "\f36f"; } -.ts-icon.is-pump-medical-icon::before { - content: "\e06a"; +.ts-icon.is-react-icon::before { + font-family: "IconsBrands"; + content: "\f41b"; } -.ts-icon.is-vector-square-icon::before { - content: "\f5cb"; +.ts-icon.is-kickstarter-icon::before { + font-family: "IconsBrands"; + content: "\f3bb"; } -.ts-icon.is-car-rear-icon::before { - content: "\f5de"; +.ts-icon.is-place-of-worship-icon::before { + content: "\f67f"; } -.ts-icon.is-ruler-horizontal-icon::before { - content: "\f547"; +.ts-icon.is-chalkboard-user-icon::before { + content: "\f51c"; } -.ts-icon.is-arrows-to-dot-icon::before { - content: "\e4be"; +.ts-icon.is-cotton-bureau-icon::before { + font-family: "IconsBrands"; + content: "\f89e"; } -.ts-icon.is-beer-mug-empty-icon::before { - content: "\f0fc"; +.ts-icon.is-plane-lock-icon::before { + content: "\e558"; } -.ts-icon.is-cc-apple-pay-icon::before { +.ts-icon.is-rust-icon::before { font-family: "IconsBrands"; - content: "\f416"; -} - -.ts-icon.is-earth-oceania-icon::before { - content: "\e47b"; + content: "\e07a"; } -.ts-icon.is-hubspot-icon::before { - font-family: "IconsBrands"; - content: "\f3b2"; +.ts-icon.is-grip-icon::before { + content: "\f58d"; } -.ts-icon.is-slack-icon::before { - font-family: "IconsBrands"; - content: "\f198"; +.ts-icon.is-person-booth-icon::before { + content: "\f756"; } -.ts-icon.is-tiktok-icon::before { - font-family: "IconsBrands"; - content: "\e07b"; +.ts-icon.is-genderless-icon::before { + content: "\f22d"; } -.ts-icon.is-bomb-icon::before { - content: "\f1e2"; +.ts-icon.is-jet-fighter-up-icon::before { + content: "\e518"; } -.ts-icon.is-fish-icon::before { - content: "\f578"; +.ts-icon.is-terminal-icon::before { + content: "\f120"; } -.ts-icon.is-heart-circle-check-icon::before { - content: "\e4fd"; +.ts-icon.is-trash-can-arrow-up-icon::before { + content: "\f82a"; } -.ts-icon.is-square-behance-icon::before { +.ts-icon.is-amilia-icon::before { font-family: "IconsBrands"; - content: "\f1b5"; + content: "\f36d"; } -.ts-icon.is-toilet-portable-icon::before { - content: "\e583"; +.ts-icon.is-arrows-rotate-icon::before { + content: "\f021"; } -.ts-icon.is-display-icon::before { - content: "\e163"; +.ts-icon.is-star-half-stroke-icon::before { + content: "\f5c0"; } -.ts-icon.is-droplet-slash-icon::before { - content: "\f5c7"; +.ts-icon.is-location-pin-lock-icon::before { + content: "\e51f"; } -.ts-icon.is-face-grin-squint-icon::before { - content: "\f585"; +.ts-icon.is-magnifying-glass-icon::before { + content: "\f002"; } -.ts-icon.is-first-order-alt-icon::before { +.ts-icon.is-square-pinterest-icon::before { font-family: "IconsBrands"; - content: "\f50a"; + content: "\f0d3"; } -.ts-icon.is-plus-icon::before { - content: "\2b"; +.ts-icon.is-heart-icon::before { + content: "\f004"; } -.ts-icon.is-sack-xmark-icon::before { - content: "\e56a"; +.ts-icon.is-money-bill-wave-icon::before { + content: "\f53a"; } -.ts-icon.is-uber-icon::before { - font-family: "IconsBrands"; - content: "\f402"; +.ts-icon.is-parachute-box-icon::before { + content: "\f4cd"; } -.ts-icon.is-codiepie-icon::before { +.ts-icon.is-square-hacker-news-icon::before { font-family: "IconsBrands"; - content: "\f284"; + content: "\f3af"; } -.ts-icon.is-left-long-icon::before { - content: "\f30a"; +.ts-icon.is-up-right-from-square-icon::before { + content: "\f35d"; } -.ts-icon.is-otter-icon::before { - content: "\f700"; +.ts-icon.is-bold-icon::before { + content: "\f032"; } -.ts-icon.is-pen-clip-icon::before { - content: "\f305"; +.ts-icon.is-discord-icon::before { + font-family: "IconsBrands"; + content: "\f392"; } -.ts-icon.is-person-dots-from-line-icon::before { - content: "\f470"; +.ts-icon.is-user-clock-icon::before { + content: "\f4fd"; } -.ts-icon.is-broom-icon::before { - content: "\f51a"; +.ts-icon.is-virus-slash-icon::before { + content: "\e075"; } -.ts-icon.is-ice-cream-icon::before { - content: "\f810"; +.ts-icon.is-vuejs-icon::before { + font-family: "IconsBrands"; + content: "\f41f"; } -.ts-icon.is-mosquito-net-icon::before { - content: "\e52c"; +.ts-icon.is-arrows-to-dot-icon::before { + content: "\e4be"; } -.ts-icon.is-person-falling-burst-icon::before { - content: "\e547"; +.ts-icon.is-face-sad-cry-icon::before { + content: "\f5b3"; } -.ts-icon.is-face-smile-beam-icon::before { - content: "\f5b8"; +.ts-icon.is-dog-icon::before { + content: "\f6d3"; } -.ts-icon.is-file-arrow-up-icon::before { - content: "\f574"; +.ts-icon.is-jar-icon::before { + content: "\e516"; } -.ts-icon.is-music-icon::before { - content: "\f001"; +.ts-icon.is-first-order-alt-icon::before { + font-family: "IconsBrands"; + content: "\f50a"; } -.ts-icon.is-person-swimming-icon::before { - content: "\f5c4"; +.ts-icon.is-turn-up-icon::before { + content: "\f3bf"; } -.ts-icon.is-calendar-check-icon::before { - content: "\f274"; +.ts-icon.is-s-icon::before { + content: "\53"; } -.ts-icon.is-file-circle-question-icon::before { - content: "\e4ef"; +.ts-icon.is-user-plus-icon::before { + content: "\f234"; } -.ts-icon.is-lock-open-icon::before { - content: "\f3c1"; +.ts-icon.is-building-lock-icon::before { + content: "\e4d6"; } -.ts-icon.is-sheet-plastic-icon::before { - content: "\e571"; +.ts-icon.is-network-wired-icon::before { + content: "\f6ff"; } -.ts-icon.is-toilets-portable-icon::before { - content: "\e584"; +.ts-icon.is-skyatlas-icon::before { + font-family: "IconsBrands"; + content: "\f216"; } -.ts-icon.is-users-rays-icon::before { - content: "\e593"; +.ts-icon.is-square-font-awesome-icon::before { + font-family: "IconsBrands"; + content: "\e5ad"; } -.ts-icon.is-audio-description-icon::before { - content: "\f29e"; +.ts-icon.is-xmarks-lines-icon::before { + content: "\e59a"; } -.ts-icon.is-egg-icon::before { - content: "\f7fb"; +.ts-icon.is-angle-left-icon::before { + content: "\f104"; } -.ts-icon.is-fulcrum-icon::before { - font-family: "IconsBrands"; - content: "\f50b"; +.ts-icon.is-down-long-icon::before { + content: "\f309"; } -.ts-icon.is-id-card-icon::before { - content: "\f2c2"; +.ts-icon.is-sailboat-icon::before { + content: "\e445"; } -.ts-icon.is-underline-icon::before { - content: "\f0cd"; +.ts-icon.is-school-circle-check-icon::before { + content: "\e56b"; } -.ts-icon.is-ember-icon::before { +.ts-icon.is-user-large-slash-icon::before { + content: "\f4fa"; +} + +.ts-icon.is-xing-icon::before { font-family: "IconsBrands"; - content: "\f423"; + content: "\f168"; } -.ts-icon.is-flag-icon::before { - content: "\f024"; +.ts-icon.is-language-icon::before { + content: "\f1ab"; } -.ts-icon.is-group-arrows-rotate-icon::before { - content: "\e4f6"; +.ts-icon.is-rev-icon::before { + font-family: "IconsBrands"; + content: "\f5b2"; } -.ts-icon.is-bong-icon::before { - content: "\f55c"; +.ts-icon.is-seedling-icon::before { + content: "\f4d8"; } -.ts-icon.is-earth-asia-icon::before { - content: "\f57e"; +.ts-icon.is-circle-xmark-icon::before { + content: "\f057"; } -.ts-icon.is-plug-circle-minus-icon::before { - content: "\e55e"; +.ts-icon.is-plane-up-icon::before { + content: "\e22d"; } -.ts-icon.is-stripe-s-icon::before { - font-family: "IconsBrands"; - content: "\f42a"; +.ts-icon.is-hat-cowboy-side-icon::before { + content: "\f8c1"; } -.ts-icon.is-mug-saucer-icon::before { - content: "\f0f4"; +.ts-icon.is-hotdog-icon::before { + content: "\f80f"; } -.ts-icon.is-vine-icon::before { +.ts-icon.is-nfc-symbol-icon::before { font-family: "IconsBrands"; - content: "\f1ca"; + content: "\e531"; } -.ts-icon.is-chess-king-icon::before { - content: "\f43f"; +.ts-icon.is-arrow-left-icon::before { + content: "\f060"; } -.ts-icon.is-grip-icon::before { - content: "\f58d"; +.ts-icon.is-clock-icon::before { + content: "\f017"; } -.ts-icon.is-house-chimney-user-icon::before { - content: "\e065"; +.ts-icon.is-futbol-icon::before { + content: "\f1e3"; } -.ts-icon.is-mdb-icon::before { - font-family: "IconsBrands"; - content: "\f8ca"; +.ts-icon.is-trademark-icon::before { + content: "\f25c"; } -.ts-icon.is-suitcase-rolling-icon::before { - content: "\f5c1"; +.ts-icon.is-square-xmark-icon::before { + content: "\f2d3"; } -.ts-icon.is-uikit-icon::before { - font-family: "IconsBrands"; - content: "\f403"; +.ts-icon.is-clapperboard-icon::before { + content: "\e131"; } -.ts-icon.is-angle-right-icon::before { - content: "\f105"; +.ts-icon.is-file-arrow-up-icon::before { + content: "\f574"; } -.ts-icon.is-arrow-down-wide-short-icon::before { - content: "\f160"; +.ts-icon.is-scissors-icon::before { + content: "\f0c4"; } -.ts-icon.is-file-lines-icon::before { - content: "\f15c"; +.ts-icon.is-wordpress-icon::before { + font-family: "IconsBrands"; + content: "\f19a"; } -.ts-icon.is-gem-icon::before { - content: "\f3a5"; +.ts-icon.is-ear-listen-icon::before { + content: "\f2a2"; } -.ts-icon.is-reply-icon::before { - content: "\f3e5"; +.ts-icon.is-plane-slash-icon::before { + content: "\e069"; } -.ts-icon.is-thumbs-down-icon::before { - content: "\f165"; +.ts-icon.is-desktop-icon::before { + content: "\f390"; } -.ts-icon.is-creative-commons-remix-icon::before { - font-family: "IconsBrands"; - content: "\f4ee"; +.ts-icon.is-dice-two-icon::before { + content: "\f528"; } -.ts-icon.is-piggy-bank-icon::before { - content: "\f4d3"; +.ts-icon.is-fedex-icon::before { + font-family: "IconsBrands"; + content: "\f797"; } -.ts-icon.is-xing-icon::before { +.ts-icon.is-tencent-weibo-icon::before { font-family: "IconsBrands"; - content: "\f168"; + content: "\f1d5"; } -.ts-icon.is-gitlab-icon::before { - font-family: "IconsBrands"; - content: "\f296"; +.ts-icon.is-binoculars-icon::before { + content: "\f1e5"; } -.ts-icon.is-hashtag-icon::before { - content: "\23"; +.ts-icon.is-blackberry-icon::before { + font-family: "IconsBrands"; + content: "\f37b"; } -.ts-icon.is-receipt-icon::before { - content: "\f543"; +.ts-icon.is-faucet-icon::before { + content: "\e005"; } -.ts-icon.is-spaghetti-monster-flying-icon::before { - content: "\f67b"; +.ts-icon.is-circle-arrow-up-icon::before { + content: "\f0aa"; } -.ts-icon.is-code-commit-icon::before { - content: "\f386"; +.ts-icon.is-face-grin-tongue-icon::before { + content: "\f589"; } -.ts-icon.is-face-kiss-wink-heart-icon::before { - content: "\f598"; +.ts-icon.is-bitcoin-icon::before { + font-family: "IconsBrands"; + content: "\f379"; } -.ts-icon.is-plane-up-icon::before { - content: "\e22d"; +.ts-icon.is-car-tunnel-icon::before { + content: "\e4de"; } -.ts-icon.is-user-shield-icon::before { - content: "\f505"; +.ts-icon.is-raspberry-pi-icon::before { + font-family: "IconsBrands"; + content: "\f7bb"; } -.ts-icon.is-book-journal-whills-icon::before { - content: "\f66a"; +.ts-icon.is-table-columns-icon::before { + content: "\f0db"; } -.ts-icon.is-face-grin-wide-icon::before { - content: "\f581"; +.ts-icon.is-house-fire-icon::before { + content: "\e50c"; } -.ts-icon.is-figma-icon::before { +.ts-icon.is-skype-icon::before { font-family: "IconsBrands"; - content: "\f799"; + content: "\f17e"; } -.ts-icon.is-location-crosshairs-icon::before { - content: "\f601"; +.ts-icon.is-blog-icon::before { + content: "\f781"; } -.ts-icon.is-skyatlas-icon::before { +.ts-icon.is-hackerrank-icon::before { font-family: "IconsBrands"; - content: "\f216"; + content: "\f5f7"; } -.ts-icon.is-whatsapp-icon::before { - font-family: "IconsBrands"; - content: "\f232"; +.ts-icon.is-down-left-and-up-right-to-center-icon::before { + content: "\f422"; } -.ts-icon.is-angles-right-icon::before { - content: "\f101"; +.ts-icon.is-hand-middle-finger-icon::before { + content: "\f806"; } -.ts-icon.is-critical-role-icon::before { - font-family: "IconsBrands"; - content: "\f6c9"; +.ts-icon.is-mars-stroke-right-icon::before { + content: "\f22b"; } -.ts-icon.is-pepper-hot-icon::before { - content: "\f816"; +.ts-icon.is-synagogue-icon::before { + content: "\f69b"; } -.ts-icon.is-stopwatch-icon::before { - content: "\f2f2"; +.ts-icon.is-tachograph-digital-icon::before { + content: "\f566"; } -.ts-icon.is-truck-field-un-icon::before { - content: "\e58e"; +.ts-icon.is-atlassian-icon::before { + font-family: "IconsBrands"; + content: "\f77b"; } -.ts-icon.is-user-pen-icon::before { - content: "\f4ff"; +.ts-icon.is-backward-fast-icon::before { + content: "\f049"; } -.ts-icon.is-border-top-left-icon::before { - content: "\f853"; +.ts-icon.is-fire-flame-simple-icon::before { + content: "\f46a"; } -.ts-icon.is-cc-amex-icon::before { +.ts-icon.is-optin-monster-icon::before { font-family: "IconsBrands"; - content: "\f1f3"; + content: "\f23c"; } -.ts-icon.is-creative-commons-nc-jp-icon::before { - font-family: "IconsBrands"; - content: "\f4ea"; +.ts-icon.is-temperature-arrow-up-icon::before { + content: "\e040"; } -.ts-icon.is-head-side-virus-icon::before { - content: "\e064"; +.ts-icon.is-camera-retro-icon::before { + content: "\f083"; } -.ts-icon.is-radiation-icon::before { - content: "\f7b9"; +.ts-icon.is-creative-commons-remix-icon::before { + font-family: "IconsBrands"; + content: "\f4ee"; } -.ts-icon.is-venus-double-icon::before { - content: "\f226"; +.ts-icon.is-check-double-icon::before { + content: "\f560"; } -.ts-icon.is-book-bookmark-icon::before { - content: "\e0bb"; +.ts-icon.is-confluence-icon::before { + font-family: "IconsBrands"; + content: "\f78d"; } -.ts-icon.is-building-un-icon::before { - content: "\e4d9"; +.ts-icon.is-quote-right-icon::before { + content: "\f10e"; } -.ts-icon.is-cc-jcb-icon::before { - font-family: "IconsBrands"; - content: "\f24b"; +.ts-icon.is-trash-icon::before { + content: "\f1f8"; } -.ts-icon.is-product-hunt-icon::before { +.ts-icon.is-algolia-icon::before { font-family: "IconsBrands"; - content: "\f288"; + content: "\f36c"; } -.ts-icon.is-react-icon::before { - font-family: "IconsBrands"; - content: "\f41b"; +.ts-icon.is-angle-right-icon::before { + content: "\f105"; } -.ts-icon.is-baseball-icon::before { - content: "\f433"; +.ts-icon.is-folder-plus-icon::before { + content: "\f65e"; } -.ts-icon.is-person-harassing-icon::before { - content: "\e549"; +.ts-icon.is-arrows-turn-to-dots-icon::before { + content: "\e4c1"; } -.ts-icon.is-viruses-icon::before { - content: "\e076"; +.ts-icon.is-bolt-lightning-icon::before { + content: "\e0b7"; } -.ts-icon.is-wand-magic-icon::before { - content: "\f0d0"; +.ts-icon.is-toilet-paper-icon::before { + content: "\f71e"; } -.ts-icon.is-yoast-icon::before { - font-family: "IconsBrands"; - content: "\f2b1"; +.ts-icon.is-calendar-minus-icon::before { + content: "\f272"; } -.ts-icon.is-circle-dot-icon::before { - content: "\f192"; +.ts-icon.is-sistrix-icon::before { + font-family: "IconsBrands"; + content: "\f3ee"; } -.ts-icon.is-sd-card-icon::before { - content: "\f7c2"; +.ts-icon.is-thumbtack-icon::before { + content: "\f08d"; } -.ts-icon.is-server-icon::before { - content: "\f233"; +.ts-icon.is-shop-lock-icon::before { + content: "\e4a5"; } -.ts-icon.is-truck-fast-icon::before { - content: "\f48b"; +.ts-icon.is-snowflake-icon::before { + content: "\f2dc"; } -.ts-icon.is-yarn-icon::before { +.ts-icon.is-screenpal-icon::before { font-family: "IconsBrands"; - content: "\f7e3"; + content: "\e570"; } -.ts-icon.is-arrow-down-up-across-line-icon::before { - content: "\e4af"; +.ts-icon.is-text-height-icon::before { + content: "\f034"; } -.ts-icon.is-diagram-predecessor-icon::before { - content: "\e477"; +.ts-icon.is-building-circle-exclamation-icon::before { + content: "\e4d3"; } -.ts-icon.is-hackerrank-icon::before { - font-family: "IconsBrands"; - content: "\f5f7"; +.ts-icon.is-person-breastfeeding-icon::before { + content: "\e53a"; } -.ts-icon.is-person-walking-dashed-line-arrow-right-icon::before { - content: "\e553"; +.ts-icon.is-person-shelter-icon::before { + content: "\e54f"; } -.ts-icon.is-pencil-icon::before { - content: "\f303"; +.ts-icon.is-500px-icon::before { + font-family: "IconsBrands"; + content: "\f26e"; } -.ts-icon.is-person-drowning-icon::before { - content: "\e545"; +.ts-icon.is-suitcase-medical-icon::before { + content: "\f0fa"; } -.ts-icon.is-square-xmark-icon::before { - content: "\f2d3"; +.ts-icon.is-caret-left-icon::before { + content: "\f0d9"; } -.ts-icon.is-crutch-icon::before { - content: "\f7f7"; +.ts-icon.is-mosquito-net-icon::before { + content: "\e52c"; } -.ts-icon.is-face-grin-tongue-squint-icon::before { - content: "\f58a"; +.ts-icon.is-shuffle-icon::before { + content: "\f074"; } -.ts-icon.is-spotify-icon::before { - font-family: "IconsBrands"; - content: "\f1bc"; +.ts-icon.is-store-slash-icon::before { + content: "\e071"; } -.ts-icon.is-stack-overflow-icon::before { - font-family: "IconsBrands"; - content: "\f16c"; +.ts-icon.is-apple-whole-icon::before { + content: "\f5d1"; } -.ts-icon.is-stethoscope-icon::before { - content: "\f0f1"; +.ts-icon.is-bottle-water-icon::before { + content: "\e4c5"; } -.ts-icon.is-creative-commons-sampling-plus-icon::before { - font-family: "IconsBrands"; - content: "\f4f1"; +.ts-icon.is-cubes-icon::before { + content: "\f1b3"; } -.ts-icon.is-spa-icon::before { - content: "\f5bb"; +.ts-icon.is-themeco-icon::before { + font-family: "IconsBrands"; + content: "\f5c6"; } -.ts-icon.is-skull-crossbones-icon::before { - content: "\f714"; +.ts-icon.is-angellist-icon::before { + font-family: "IconsBrands"; + content: "\f209"; } -.ts-icon.is-truck-arrow-right-icon::before { - content: "\e58b"; +.ts-icon.is-forumbee-icon::before { + font-family: "IconsBrands"; + content: "\f211"; } -.ts-icon.is-wheelchair-icon::before { - content: "\f193"; +.ts-icon.is-hand-icon::before { + content: "\f256"; } -.ts-icon.is-google-play-icon::before { - font-family: "IconsBrands"; - content: "\f3ab"; +.ts-icon.is-person-walking-arrow-loop-left-icon::before { + content: "\e551"; } -.ts-icon.is-magnifying-glass-location-icon::before { - content: "\f689"; +.ts-icon.is-pied-piper-pp-icon::before { + font-family: "IconsBrands"; + content: "\f1a7"; } -.ts-icon.is-rocketchat-icon::before { +.ts-icon.is-bootstrap-icon::before { font-family: "IconsBrands"; - content: "\f3e8"; + content: "\f836"; } -.ts-icon.is-sack-dollar-icon::before { - content: "\f81d"; +.ts-icon.is-envelope-icon::before { + content: "\f0e0"; } -.ts-icon.is-user-astronaut-icon::before { - content: "\f4fb"; +.ts-icon.is-mobile-screen-button-icon::before { + content: "\f3cd"; } -.ts-icon.is-shield-heart-icon::before { - content: "\e574"; +.ts-icon.is-teeth-open-icon::before { + content: "\f62f"; } -.ts-icon.is-stripe-icon::before { +.ts-icon.is-typo3-icon::before { font-family: "IconsBrands"; - content: "\f429"; + content: "\f42b"; } -.ts-icon.is-book-tanakh-icon::before { - content: "\f827"; +.ts-icon.is-biohazard-icon::before { + content: "\f780"; } -.ts-icon.is-building-circle-arrow-right-icon::before { - content: "\e4d1"; +.ts-icon.is-box-icon::before { + content: "\f466"; } -.ts-icon.is-drum-steelpan-icon::before { - content: "\f56a"; +.ts-icon.is-users-rectangle-icon::before { + content: "\e594"; } -.ts-icon.is-mars-and-venus-burst-icon::before { - content: "\e523"; +.ts-icon.is-bangladeshi-taka-sign-icon::before { + content: "\e2e6"; } -.ts-icon.is-money-bill-1-wave-icon::before { - content: "\f53b"; +.ts-icon.is-earth-asia-icon::before { + content: "\f57e"; } -.ts-icon.is-phabricator-icon::before { - font-family: "IconsBrands"; - content: "\f3db"; +.ts-icon.is-comment-dollar-icon::before { + content: "\f651"; } -.ts-icon.is-computer-mouse-icon::before { - content: "\f8cc"; +.ts-icon.is-css3-alt-icon::before { + font-family: "IconsBrands"; + content: "\f38b"; } -.ts-icon.is-cruzeiro-sign-icon::before { - content: "\e152"; +.ts-icon.is-person-arrow-up-from-line-icon::before { + content: "\e539"; } -.ts-icon.is-gamepad-icon::before { - content: "\f11b"; +.ts-icon.is-timeline-icon::before { + content: "\e29c"; } -.ts-icon.is-github-icon::before { +.ts-icon.is-unity-icon::before { font-family: "IconsBrands"; - content: "\f09b"; + content: "\e049"; } -.ts-icon.is-pinterest-p-icon::before { +.ts-icon.is-42-group-icon::before { font-family: "IconsBrands"; - content: "\f231"; + content: "\e080"; } -.ts-icon.is-image-icon::before { - content: "\f03e"; +.ts-icon.is-avianex-icon::before { + font-family: "IconsBrands"; + content: "\f374"; } -.ts-icon.is-message-icon::before { - content: "\f27a"; +.ts-icon.is-wikipedia-w-icon::before { + font-family: "IconsBrands"; + content: "\f266"; } -.ts-icon.is-ruler-icon::before { - content: "\f545"; +.ts-icon.is-node-js-icon::before { + font-family: "IconsBrands"; + content: "\f3d3"; } -.ts-icon.is-draft2digital-icon::before { +.ts-icon.is-redhat-icon::before { font-family: "IconsBrands"; - content: "\f396"; + content: "\f7bc"; } -.ts-icon.is-hand-dots-icon::before { - content: "\f461"; +.ts-icon.is-magento-icon::before { + font-family: "IconsBrands"; + content: "\f3c4"; } -.ts-icon.is-hand-point-up-icon::before { - content: "\f0a6"; +.ts-icon.is-mailchimp-icon::before { + font-family: "IconsBrands"; + content: "\f59e"; } -.ts-icon.is-lyft-icon::before { +.ts-icon.is-supple-icon::before { font-family: "IconsBrands"; - content: "\f3c3"; + content: "\f3f9"; } -.ts-icon.is-briefcase-icon::before { - content: "\f0b1"; +.ts-icon.is-table-cells-large-icon::before { + content: "\f009"; } -.ts-icon.is-fire-burner-icon::before { - content: "\e4f1"; +.ts-icon.is-free-code-camp-icon::before { + font-family: "IconsBrands"; + content: "\f2c5"; } -.ts-icon.is-turn-down-icon::before { - content: "\f3be"; +.ts-icon.is-hourglass-end-icon::before { + content: "\f253"; } -.ts-icon.is-flag-checkered-icon::before { - content: "\f11e"; +.ts-icon.is-code-merge-icon::before { + content: "\f387"; } -.ts-icon.is-keycdn-icon::before { - font-family: "IconsBrands"; - content: "\f3ba"; +.ts-icon.is-house-flood-water-circle-arrow-right-icon::before { + content: "\e50f"; } -.ts-icon.is-face-dizzy-icon::before { - content: "\f567"; +.ts-icon.is-plane-circle-xmark-icon::before { + content: "\e557"; } -.ts-icon.is-volume-high-icon::before { - content: "\f028"; +.ts-icon.is-yarn-icon::before { + font-family: "IconsBrands"; + content: "\f7e3"; } -.ts-icon.is-envelopes-bulk-icon::before { - content: "\f674"; +.ts-icon.is-circle-user-icon::before { + content: "\f2bd"; } -.ts-icon.is-square-github-icon::before { - font-family: "IconsBrands"; - content: "\f092"; +.ts-icon.is-cloud-showers-heavy-icon::before { + content: "\f740"; } -.ts-icon.is-cart-flatbed-icon::before { - content: "\f474"; +.ts-icon.is-face-dizzy-icon::before { + content: "\f567"; } -.ts-icon.is-champagne-glasses-icon::before { - content: "\f79f"; +.ts-icon.is-file-csv-icon::before { + content: "\f6dd"; } -.ts-icon.is-film-icon::before { - content: "\f008"; +.ts-icon.is-house-icon::before { + content: "\f015"; } -.ts-icon.is-internet-explorer-icon::before { - font-family: "IconsBrands"; - content: "\f26b"; +.ts-icon.is-arrows-up-to-line-icon::before { + content: "\e4c2"; } -.ts-icon.is-text-width-icon::before { - content: "\f035"; +.ts-icon.is-cat-icon::before { + content: "\f6be"; } -.ts-icon.is-vaadin-icon::before { - font-family: "IconsBrands"; - content: "\f408"; +.ts-icon.is-face-smile-wink-icon::before { + content: "\f4da"; } -.ts-icon.is-circle-minus-icon::before { - content: "\f056"; +.ts-icon.is-faucet-drip-icon::before { + content: "\e006"; } -.ts-icon.is-cubes-stacked-icon::before { - content: "\e4e6"; +.ts-icon.is-record-vinyl-icon::before { + content: "\f8d9"; } -.ts-icon.is-eject-icon::before { - content: "\f052"; +.ts-icon.is-tty-icon::before { + content: "\f1e4"; } -.ts-icon.is-arrow-trend-up-icon::before { - content: "\e098"; +.ts-icon.is-accusoft-icon::before { + font-family: "IconsBrands"; + content: "\f369"; } -.ts-icon.is-person-military-pointing-icon::before { - content: "\e54a"; +.ts-icon.is-circle-arrow-down-icon::before { + content: "\f0ab"; } -.ts-icon.is-reply-all-icon::before { - content: "\f122"; +.ts-icon.is-meetup-icon::before { + font-family: "IconsBrands"; + content: "\f2e0"; } -.ts-icon.is-satellite-dish-icon::before { - content: "\f7c0"; +.ts-icon.is-plane-arrival-icon::before { + content: "\f5af"; } -.ts-icon.is-caravan-icon::before { - content: "\f8ff"; +.ts-icon.is-wrench-icon::before { + content: "\f0ad"; } -.ts-icon.is-disease-icon::before { - content: "\f7fa"; +.ts-icon.is-arrow-down-long-icon::before { + content: "\f175"; } -.ts-icon.is-faucet-icon::before { - content: "\e005"; +.ts-icon.is-droplet-icon::before { + content: "\f043"; } -.ts-icon.is-user-check-icon::before { - content: "\f4fc"; +.ts-icon.is-comment-icon::before { + content: "\f075"; } -.ts-icon.is-user-slash-icon::before { - content: "\f506"; +.ts-icon.is-bandcamp-icon::before { + font-family: "IconsBrands"; + content: "\f2d5"; } -.ts-icon.is-inbox-icon::before { - content: "\f01c"; +.ts-icon.is-box-open-icon::before { + content: "\f49e"; } -.ts-icon.is-m-icon::before { - content: "\4d"; +.ts-icon.is-money-check-icon::before { + content: "\f53c"; } -.ts-icon.is-mask-face-icon::before { - content: "\e1d7"; +.ts-icon.is-arrow-right-icon::before { + content: "\f061"; } -.ts-icon.is-user-large-icon::before { - content: "\f406"; +.ts-icon.is-face-grin-beam-sweat-icon::before { + content: "\f583"; } -.ts-icon.is-caret-down-icon::before { - content: "\f0d7"; +.ts-icon.is-mars-stroke-up-icon::before { + content: "\f22a"; } -.ts-icon.is-shield-icon::before { - content: "\f132"; +.ts-icon.is-v-icon::before { + content: "\56"; } -.ts-icon.is-hat-wizard-icon::before { - content: "\f6e8"; +.ts-icon.is-child-reaching-icon::before { + content: "\e59d"; } -.ts-icon.is-joget-icon::before { +.ts-icon.is-hornbill-icon::before { font-family: "IconsBrands"; - content: "\f3b7"; + content: "\f592"; } -.ts-icon.is-rebel-icon::before { +.ts-icon.is-goodreads-g-icon::before { font-family: "IconsBrands"; - content: "\f1d0"; + content: "\f3a9"; } -.ts-icon.is-ban-icon::before { - content: "\f05e"; +.ts-icon.is-truck-monster-icon::before { + content: "\f63b"; } -.ts-icon.is-file-prescription-icon::before { - content: "\f572"; +.ts-icon.is-circle-arrow-left-icon::before { + content: "\f0a8"; } -.ts-icon.is-gg-circle-icon::before { +.ts-icon.is-kaggle-icon::before { font-family: "IconsBrands"; - content: "\f261"; + content: "\f5fa"; } -.ts-icon.is-watchman-monitoring-icon::before { - font-family: "IconsBrands"; - content: "\e087"; +.ts-icon.is-file-invoice-dollar-icon::before { + content: "\f571"; } -.ts-icon.is-won-sign-icon::before { - content: "\f159"; +.ts-icon.is-leanpub-icon::before { + font-family: "IconsBrands"; + content: "\f212"; } -.ts-icon.is-comment-slash-icon::before { - content: "\f4b3"; +.ts-icon.is-rocket-icon::before { + content: "\f135"; } -.ts-icon.is-dice-d20-icon::before { - content: "\f6cf"; +.ts-icon.is-c-icon::before { + content: "\43"; } -.ts-icon.is-frog-icon::before { - content: "\f52e"; +.ts-icon.is-file-circle-plus-icon::before { + content: "\e494"; } -.ts-icon.is-martini-glass-empty-icon::before { - content: "\f000"; +.ts-icon.is-group-arrows-rotate-icon::before { + content: "\e4f6"; } -.ts-icon.is-fort-awesome-alt-icon::before { - font-family: "IconsBrands"; - content: "\f3a3"; +.ts-icon.is-shield-virus-icon::before { + content: "\e06c"; } -.ts-icon.is-grip-lines-icon::before { - content: "\f7a4"; +.ts-icon.is-calendar-plus-icon::before { + content: "\f271"; } -.ts-icon.is-old-republic-icon::before { +.ts-icon.is-dhl-icon::before { font-family: "IconsBrands"; - content: "\f510"; + content: "\f790"; } -.ts-icon.is-person-arrow-up-from-line-icon::before { - content: "\e539"; +.ts-icon.is-link-slash-icon::before { + content: "\f127"; } -.ts-icon.is-spray-can-sparkles-icon::before { - content: "\f5d0"; -} - -.ts-icon.is-superpowers-icon::before { +.ts-icon.is-quora-icon::before { font-family: "IconsBrands"; - content: "\f2dd"; + content: "\f2c4"; } -.ts-icon.is-hand-point-down-icon::before { - content: "\f0a7"; +.ts-icon.is-rug-icon::before { + content: "\e569"; } -.ts-icon.is-hryvnia-sign-icon::before { - content: "\f6f2"; +.ts-icon.is-toggle-on-icon::before { + content: "\f205"; } -.ts-icon.is-steam-symbol-icon::before { - font-family: "IconsBrands"; - content: "\f3f6"; +.ts-icon.is-5-icon::before { + content: "\35"; } -.ts-icon.is-accusoft-icon::before { - font-family: "IconsBrands"; - content: "\f369"; +.ts-icon.is-arrow-down-icon::before { + content: "\f063"; } -.ts-icon.is-peso-sign-icon::before { - content: "\e222"; +.ts-icon.is-salesforce-icon::before { + font-family: "IconsBrands"; + content: "\f83b"; } -.ts-icon.is-road-circle-xmark-icon::before { - content: "\e566"; +.ts-icon.is-dumpster-icon::before { + content: "\f793"; } -.ts-icon.is-rotate-left-icon::before { - content: "\f2ea"; +.ts-icon.is-om-icon::before { + content: "\f679"; } -.ts-icon.is-ruler-vertical-icon::before { - content: "\f548"; +.ts-icon.is-tablet-icon::before { + content: "\f3fb"; } -.ts-icon.is-square-font-awesome-icon::before { +.ts-icon.is-git-alt-icon::before { font-family: "IconsBrands"; - content: "\e5ad"; + content: "\f841"; } -.ts-icon.is-hire-a-helper-icon::before { - font-family: "IconsBrands"; - content: "\f3b0"; +.ts-icon.is-spider-icon::before { + content: "\f717"; } -.ts-icon.is-money-bills-icon::before { - content: "\e1f3"; +.ts-icon.is-walkie-talkie-icon::before { + content: "\f8ef"; } -.ts-icon.is-ns8-icon::before { - font-family: "IconsBrands"; - content: "\f3d5"; +.ts-icon.is-wind-icon::before { + content: "\f72e"; } -.ts-icon.is-vk-icon::before { +.ts-icon.is-audible-icon::before { font-family: "IconsBrands"; - content: "\f189"; + content: "\f373"; } -.ts-icon.is-phone-icon::before { - content: "\f095"; +.ts-icon.is-l-icon::before { + content: "\4c"; } -.ts-icon.is-b-icon::before { - content: "\42"; +.ts-icon.is-person-cane-icon::before { + content: "\e53c"; } -.ts-icon.is-bridge-circle-xmark-icon::before { - content: "\e4cb"; +.ts-icon.is-sign-hanging-icon::before { + content: "\f4d9"; } -.ts-icon.is-cmplid-icon::before { - font-family: "IconsBrands"; - content: "\e360"; +.ts-icon.is-building-circle-arrow-right-icon::before { + content: "\e4d1"; } -.ts-icon.is-code-pull-request-icon::before { - content: "\e13c"; +.ts-icon.is-cloud-rain-icon::before { + content: "\f73d"; } -.ts-icon.is-cuttlefish-icon::before { +.ts-icon.is-old-republic-icon::before { font-family: "IconsBrands"; - content: "\f38c"; + content: "\f510"; } -.ts-icon.is-hand-pointer-icon::before { - content: "\f25a"; +.ts-icon.is-face-grin-squint-icon::before { + content: "\f585"; } -.ts-icon.is-align-center-icon::before { - content: "\f037"; +.ts-icon.is-less-than-equal-icon::before { + content: "\f537"; } -.ts-icon.is-capsules-icon::before { - content: "\f46b"; +.ts-icon.is-mill-sign-icon::before { + content: "\e1ed"; } -.ts-icon.is-carrot-icon::before { - content: "\f787"; +.ts-icon.is-x-icon::before { + content: "\58"; } -.ts-icon.is-check-icon::before { - content: "\f00c"; +.ts-icon.is-arrow-rotate-left-icon::before { + content: "\f0e2"; } -.ts-icon.is-keyboard-icon::before { - content: "\f11c"; +.ts-icon.is-book-quran-icon::before { + content: "\f687"; } -.ts-icon.is-plug-circle-check-icon::before { - content: "\e55c"; +.ts-icon.is-jedi-icon::before { + content: "\f669"; } -.ts-icon.is-google-plus-icon::before { +.ts-icon.is-apple-pay-icon::before { font-family: "IconsBrands"; - content: "\f2b3"; + content: "\f415"; } -.ts-icon.is-compass-icon::before { - content: "\f14e"; +.ts-icon.is-computer-mouse-icon::before { + content: "\f8cc"; } -.ts-icon.is-hill-avalanche-icon::before { - content: "\e507"; +.ts-icon.is-staylinked-icon::before { + font-family: "IconsBrands"; + content: "\f3f5"; } -.ts-icon.is-bootstrap-icon::before { +.ts-icon.is-face-meh-blank-icon::before { + content: "\f5a4"; +} + +.ts-icon.is-square-behance-icon::before { font-family: "IconsBrands"; - content: "\f836"; + content: "\f1b5"; } -.ts-icon.is-calendar-plus-icon::before { - content: "\f271"; +.ts-icon.is-table-list-icon::before { + content: "\f00b"; } -.ts-icon.is-hacker-news-icon::before { - font-family: "IconsBrands"; - content: "\f1d4"; +.ts-icon.is-wand-magic-icon::before { + content: "\f0d0"; } -.ts-icon.is-suse-icon::before { - font-family: "IconsBrands"; - content: "\f7d6"; +.ts-icon.is-cart-flatbed-icon::before { + content: "\f474"; } -.ts-icon.is-truck-icon::before { - content: "\f0d1"; +.ts-icon.is-hips-icon::before { + font-family: "IconsBrands"; + content: "\f452"; } -.ts-icon.is-dice-d6-icon::before { - content: "\f6d1"; +.ts-icon.is-radio-icon::before { + content: "\f8d7"; } -.ts-icon.is-eye-slash-icon::before { - content: "\f070"; +.ts-icon.is-fire-burner-icon::before { + content: "\e4f1"; } -.ts-icon.is-file-circle-exclamation-icon::before { - content: "\e4eb"; +.ts-icon.is-galactic-senate-icon::before { + font-family: "IconsBrands"; + content: "\f50d"; } -.ts-icon.is-markdown-icon::before { +.ts-icon.is-gulp-icon::before { font-family: "IconsBrands"; - content: "\f60f"; + content: "\f3ae"; } -.ts-icon.is-medal-icon::before { - content: "\f5a2"; +.ts-icon.is-registered-icon::before { + content: "\f25d"; } -.ts-icon.is-database-icon::before { - content: "\f1c0"; +.ts-icon.is-fonticons-fi-icon::before { + font-family: "IconsBrands"; + content: "\f3a2"; } -.ts-icon.is-mosque-icon::before { - content: "\f678"; +.ts-icon.is-globe-icon::before { + content: "\f0ac"; } -.ts-icon.is-neos-icon::before { - font-family: "IconsBrands"; - content: "\f612"; +.ts-icon.is-house-circle-xmark-icon::before { + content: "\e50b"; } -.ts-icon.is-person-icon::before { - content: "\f183"; +.ts-icon.is-wheat-awn-icon::before { + content: "\e2cd"; } -.ts-icon.is-person-circle-exclamation-icon::before { - content: "\e53f"; +.ts-icon.is-google-plus-icon::before { + font-family: "IconsBrands"; + content: "\f2b3"; } -.ts-icon.is-school-circle-exclamation-icon::before { - content: "\e56c"; +.ts-icon.is-google-wallet-icon::before { + font-family: "IconsBrands"; + content: "\f1ee"; } -.ts-icon.is-tachograph-digital-icon::before { - content: "\f566"; +.ts-icon.is-location-crosshairs-icon::before { + content: "\f601"; } -.ts-icon.is-calculator-icon::before { - content: "\f1ec"; +.ts-icon.is-thumbs-down-icon::before { + content: "\f165"; } -.ts-icon.is-volume-xmark-icon::before { - content: "\f6a9"; +.ts-icon.is-wifi-icon::before { + content: "\f1eb"; } -.ts-icon.is-css3-alt-icon::before { +.ts-icon.is-buysellads-icon::before { font-family: "IconsBrands"; - content: "\f38b"; + content: "\f20d"; } -.ts-icon.is-dharmachakra-icon::before { - content: "\f655"; +.ts-icon.is-filter-icon::before { + content: "\f0b0"; } -.ts-icon.is-dragon-icon::before { - content: "\f6d5"; +.ts-icon.is-florin-sign-icon::before { + content: "\e184"; } -.ts-icon.is-plant-wilt-icon::before { - content: "\e5aa"; +.ts-icon.is-handcuffs-icon::before { + content: "\e4f8"; } -.ts-icon.is-vimeo-icon::before { - font-family: "IconsBrands"; - content: "\f40a"; +.ts-icon.is-square-up-right-icon::before { + content: "\f360"; } -.ts-icon.is-at-icon::before { - content: "\40"; +.ts-icon.is-tree-city-icon::before { + content: "\e587"; } -.ts-icon.is-centercode-icon::before { +.ts-icon.is-autoprefixer-icon::before { font-family: "IconsBrands"; - content: "\f380"; + content: "\f41c"; } -.ts-icon.is-lastfm-icon::before { - font-family: "IconsBrands"; - content: "\f202"; +.ts-icon.is-right-from-bracket-icon::before { + content: "\f2f5"; } -.ts-icon.is-sitrox-icon::before { +.ts-icon.is-critical-role-icon::before { font-family: "IconsBrands"; - content: "\e44a"; + content: "\f6c9"; } -.ts-icon.is-twitch-icon::before { - font-family: "IconsBrands"; - content: "\f1e8"; +.ts-icon.is-road-spikes-icon::before { + content: "\e568"; } -.ts-icon.is-lock-icon::before { - content: "\f023"; +.ts-icon.is-truck-ramp-box-icon::before { + content: "\f4de"; } -.ts-icon.is-mobile-retro-icon::before { - content: "\e527"; +.ts-icon.is-arrow-right-to-bracket-icon::before { + content: "\f090"; } -.ts-icon.is-arrows-spin-icon::before { - content: "\e4bb"; +.ts-icon.is-clipboard-icon::before { + content: "\f328"; } -.ts-icon.is-building-circle-xmark-icon::before { - content: "\e4d4"; +.ts-icon.is-tv-icon::before { + content: "\f26c"; } -.ts-icon.is-circle-arrow-left-icon::before { - content: "\f0a8"; +.ts-icon.is-patreon-icon::before { + font-family: "IconsBrands"; + content: "\f3d9"; } -.ts-icon.is-file-export-icon::before { - content: "\f56e"; +.ts-icon.is-z-icon::before { + content: "\5a"; } -.ts-icon.is-hippo-icon::before { - content: "\f6ed"; +.ts-icon.is-weixin-icon::before { + font-family: "IconsBrands"; + content: "\f1d7"; } -.ts-icon.is-images-icon::before { - content: "\f302"; +.ts-icon.is-moon-icon::before { + content: "\f186"; } -.ts-icon.is-shekel-sign-icon::before { - content: "\f20b"; +.ts-icon.is-star-and-crescent-icon::before { + content: "\f699"; } -.ts-icon.is-square-xing-icon::before { - font-family: "IconsBrands"; - content: "\f169"; +.ts-icon.is-hand-point-right-icon::before { + content: "\f0a4"; } -.ts-icon.is-tablet-button-icon::before { - content: "\f10a"; +.ts-icon.is-hand-spock-icon::before { + content: "\f259"; } -.ts-icon.is-vest-patches-icon::before { - content: "\e086"; +.ts-icon.is-code-branch-icon::before { + content: "\f126"; } -.ts-icon.is-affiliatetheme-icon::before { - font-family: "IconsBrands"; - content: "\f36b"; +.ts-icon.is-credit-card-icon::before { + content: "\f09d"; } -.ts-icon.is-bimobject-icon::before { +.ts-icon.is-elementor-icon::before { font-family: "IconsBrands"; - content: "\f378"; -} - -.ts-icon.is-compress-icon::before { - content: "\f066"; + content: "\f430"; } -.ts-icon.is-plate-wheat-icon::before { - content: "\e55a"; +.ts-icon.is-mosquito-icon::before { + content: "\e52b"; } -.ts-icon.is-user-large-slash-icon::before { - content: "\f4fa"; +.ts-icon.is-mountain-city-icon::before { + content: "\e52e"; } -.ts-icon.is-tornado-icon::before { - content: "\f76f"; +.ts-icon.is-snowman-icon::before { + content: "\f7d0"; } -.ts-icon.is-comment-dots-icon::before { - content: "\f4ad"; +.ts-icon.is-ban-smoking-icon::before { + content: "\f54d"; } -.ts-icon.is-jar-icon::before { - content: "\e516"; +.ts-icon.is-cmplid-icon::before { + font-family: "IconsBrands"; + content: "\e360"; } -.ts-icon.is-republican-icon::before { - content: "\f75e"; +.ts-icon.is-school-lock-icon::before { + content: "\e56f"; } -.ts-icon.is-sink-icon::before { - content: "\e06d"; +.ts-icon.is-expand-icon::before { + content: "\f065"; } -.ts-icon.is-arrow-left-long-icon::before { - content: "\f177"; +.ts-icon.is-hubspot-icon::before { + font-family: "IconsBrands"; + content: "\f3b2"; } -.ts-icon.is-circle-plus-icon::before { - content: "\f055"; +.ts-icon.is-bridge-lock-icon::before { + content: "\e4cc"; } -.ts-icon.is-star-half-stroke-icon::before { - content: "\f5c0"; +.ts-icon.is-circle-dollar-to-slot-icon::before { + content: "\f4b9"; } -.ts-icon.is-couch-icon::before { - content: "\f4b8"; +.ts-icon.is-pied-piper-icon::before { + font-family: "IconsBrands"; + content: "\f2ae"; } -.ts-icon.is-ideal-icon::before { - font-family: "IconsBrands"; - content: "\e013"; +.ts-icon.is-splotch-icon::before { + content: "\f5bc"; } -.ts-icon.is-location-pin-lock-icon::before { - content: "\e51f"; +.ts-icon.is-user-shield-icon::before { + content: "\f505"; } -.ts-icon.is-school-circle-xmark-icon::before { - content: "\e56d"; +.ts-icon.is-circle-check-icon::before { + content: "\f058"; } -.ts-icon.is-microphone-lines-icon::before { - content: "\f3c9"; +.ts-icon.is-heart-circle-bolt-icon::before { + content: "\e4fc"; } -.ts-icon.is-plane-circle-xmark-icon::before { - content: "\e557"; +.ts-icon.is-bus-simple-icon::before { + content: "\f55e"; } -.ts-icon.is-rupee-sign-icon::before { - content: "\f156"; +.ts-icon.is-leaf-icon::before { + content: "\f06c"; } -.ts-icon.is-dhl-icon::before { +.ts-icon.is-ioxhost-icon::before { font-family: "IconsBrands"; - content: "\f790"; + content: "\f208"; } -.ts-icon.is-tumblr-icon::before { +.ts-icon.is-palfed-icon::before { font-family: "IconsBrands"; - content: "\f173"; + content: "\f3d8"; } -.ts-icon.is-yammer-icon::before { - font-family: "IconsBrands"; - content: "\f840"; +.ts-icon.is-download-icon::before { + content: "\f019"; } -.ts-icon.is-adversal-icon::before { - font-family: "IconsBrands"; - content: "\f36a"; +.ts-icon.is-house-signal-icon::before { + content: "\e012"; } -.ts-icon.is-closed-captioning-icon::before { - content: "\f20a"; +.ts-icon.is-xmark-icon::before { + content: "\f00d"; } -.ts-icon.is-align-right-icon::before { - content: "\f038"; +.ts-icon.is-codiepie-icon::before { + font-family: "IconsBrands"; + content: "\f284"; } -.ts-icon.is-cart-arrow-down-icon::before { - content: "\f218"; +.ts-icon.is-wodu-icon::before { + font-family: "IconsBrands"; + content: "\e088"; } -.ts-icon.is-backward-fast-icon::before { - content: "\f049"; +.ts-icon.is-ebay-icon::before { + font-family: "IconsBrands"; + content: "\f4f4"; } -.ts-icon.is-person-circle-minus-icon::before { - content: "\e540"; +.ts-icon.is-litecoin-sign-icon::before { + content: "\e1d3"; } -.ts-icon.is-users-rectangle-icon::before { - content: "\e594"; +.ts-icon.is-wheelchair-icon::before { + content: "\f193"; } -.ts-icon.is-certificate-icon::before { - content: "\f0a3"; +.ts-icon.is-heading-icon::before { + content: "\f1dc"; } -.ts-icon.is-circle-dollar-to-slot-icon::before { - content: "\f4b9"; +.ts-icon.is-person-walking-icon::before { + content: "\f554"; } -.ts-icon.is-gear-icon::before { - content: "\f013"; +.ts-icon.is-circle-plus-icon::before { + content: "\f055"; } -.ts-icon.is-wheelchair-move-icon::before { - content: "\e2ce"; +.ts-icon.is-pinterest-icon::before { + font-family: "IconsBrands"; + content: "\f0d2"; } -.ts-icon.is-calendar-days-icon::before { - content: "\f073"; +.ts-icon.is-comment-dots-icon::before { + content: "\f4ad"; } -.ts-icon.is-invision-icon::before { - font-family: "IconsBrands"; - content: "\f7b0"; +.ts-icon.is-ruler-icon::before { + content: "\f545"; } -.ts-icon.is-notes-medical-icon::before { - content: "\f481"; +.ts-icon.is-pied-piper-hat-icon::before { + font-family: "IconsBrands"; + content: "\f4e5"; } -.ts-icon.is-square-caret-down-icon::before { - content: "\f150"; +.ts-icon.is-hands-praying-icon::before { + content: "\f684"; } -.ts-icon.is-arrows-to-circle-icon::before { - content: "\e4bd"; +.ts-icon.is-object-ungroup-icon::before { + content: "\f248"; } -.ts-icon.is-dog-icon::before { - content: "\f6d3"; +.ts-icon.is-play-icon::before { + content: "\f04b"; } -.ts-icon.is-face-kiss-beam-icon::before { - content: "\f597"; +.ts-icon.is-rupee-sign-icon::before { + content: "\f156"; } -.ts-icon.is-mailchimp-icon::before { +.ts-icon.is-space-awesome-icon::before { font-family: "IconsBrands"; - content: "\f59e"; + content: "\e5ac"; } -.ts-icon.is-uncharted-icon::before { - font-family: "IconsBrands"; - content: "\e084"; +.ts-icon.is-grip-vertical-icon::before { + content: "\f58e"; } -.ts-icon.is-briefcase-medical-icon::before { - content: "\f469"; +.ts-icon.is-martini-glass-citrus-icon::before { + content: "\f561"; } -.ts-icon.is-temperature-full-icon::before { - content: "\f2c7"; +.ts-icon.is-circle-stop-icon::before { + content: "\f28d"; } -.ts-icon.is-trademark-icon::before { - content: "\f25c"; +.ts-icon.is-display-icon::before { + content: "\e163"; } -.ts-icon.is-bottle-droplet-icon::before { - content: "\e4c4"; +.ts-icon.is-graduation-cap-icon::before { + content: "\f19d"; } -.ts-icon.is-square-arrow-up-right-icon::before { - content: "\f14c"; +.ts-icon.is-truck-field-un-icon::before { + content: "\e58e"; } -.ts-icon.is-creative-commons-by-icon::before { +.ts-icon.is-youtube-icon::before { font-family: "IconsBrands"; - content: "\f4e7"; + content: "\f167"; } -.ts-icon.is-infinity-icon::before { - content: "\f534"; +.ts-icon.is-backward-icon::before { + content: "\f04a"; } -.ts-icon.is-circle-h-icon::before { - content: "\f47e"; +.ts-icon.is-circle-minus-icon::before { + content: "\f056"; } -.ts-icon.is-divide-icon::before { - content: "\f529"; +.ts-icon.is-route-icon::before { + content: "\f4d7"; } -.ts-icon.is-money-bill-wheat-icon::before { - content: "\e52a"; +.ts-icon.is-shield-halved-icon::before { + content: "\f3ed"; } -.ts-icon.is-rectangle-ad-icon::before { - content: "\f641"; +.ts-icon.is-hand-fist-icon::before { + content: "\f6de"; } -.ts-icon.is-window-maximize-icon::before { - content: "\f2d0"; +.ts-icon.is-plus-minus-icon::before { + content: "\e43c"; } -.ts-icon.is-aviato-icon::before { +.ts-icon.is-replyd-icon::before { font-family: "IconsBrands"; - content: "\f421"; + content: "\f3e6"; } -.ts-icon.is-chess-queen-icon::before { - content: "\f445"; +.ts-icon.is-money-bill-icon::before { + content: "\f0d6"; } -.ts-icon.is-hand-fist-icon::before { - content: "\f6de"; +.ts-icon.is-up-long-icon::before { + content: "\f30c"; } -.ts-icon.is-hourglass-half-icon::before { - content: "\f252"; +.ts-icon.is-staff-snake-icon::before { + content: "\e579"; } -.ts-icon.is-umbraco-icon::before { +.ts-icon.is-yelp-icon::before { font-family: "IconsBrands"; - content: "\f8e8"; + content: "\f1e9"; } -.ts-icon.is-eye-icon::before { - content: "\f06e"; +.ts-icon.is-chrome-icon::before { + font-family: "IconsBrands"; + content: "\f268"; } -.ts-icon.is-arrows-down-to-people-icon::before { - content: "\e4b9"; +.ts-icon.is-drupal-icon::before { + font-family: "IconsBrands"; + content: "\f1a9"; } -.ts-icon.is-neuter-icon::before { - content: "\f22c"; +.ts-icon.is-erlang-icon::before { + font-family: "IconsBrands"; + content: "\f39d"; } -.ts-icon.is-panorama-icon::before { - content: "\e209"; +.ts-icon.is-up-down-left-right-icon::before { + content: "\f0b2"; } -.ts-icon.is-id-card-clip-icon::before { - content: "\f47f"; +.ts-icon.is-weight-hanging-icon::before { + content: "\f5cd"; } -.ts-icon.is-martini-glass-citrus-icon::before { - content: "\f561"; +.ts-icon.is-anchor-lock-icon::before { + content: "\e4ad"; } -.ts-icon.is-5-icon::before { - content: "\35"; +.ts-icon.is-envelope-circle-check-icon::before { + content: "\e4e8"; } -.ts-icon.is-etsy-icon::before { - font-family: "IconsBrands"; - content: "\f2d7"; +.ts-icon.is-otter-icon::before { + content: "\f700"; } -.ts-icon.is-hive-icon::before { - font-family: "IconsBrands"; - content: "\e07f"; +.ts-icon.is-calendar-icon::before { + content: "\f133"; } -.ts-icon.is-microchip-icon::before { - content: "\f2db"; +.ts-icon.is-dice-five-icon::before { + content: "\f523"; } -.ts-icon.is-ribbon-icon::before { - content: "\f4d6"; +.ts-icon.is-laptop-code-icon::before { + content: "\f5fc"; } -.ts-icon.is-star-and-crescent-icon::before { - content: "\f699"; +.ts-icon.is-mountain-icon::before { + content: "\f6fc"; } -.ts-icon.is-gift-icon::before { - content: "\f06b"; +.ts-icon.is-highlighter-icon::before { + content: "\f591"; } -.ts-icon.is-lines-leaning-icon::before { - content: "\e51e"; +.ts-icon.is-landmark-dome-icon::before { + content: "\f752"; } -.ts-icon.is-teeth-icon::before { - content: "\f62e"; +.ts-icon.is-square-root-variable-icon::before { + content: "\f698"; } -.ts-icon.is-resolving-icon::before { - font-family: "IconsBrands"; - content: "\f3e7"; +.ts-icon.is-lari-sign-icon::before { + content: "\e1c8"; } -.ts-icon.is-rockrms-icon::before { - font-family: "IconsBrands"; - content: "\f3e9"; +.ts-icon.is-plane-circle-exclamation-icon::before { + content: "\e556"; } -.ts-icon.is-shop-lock-icon::before { - content: "\e4a5"; +.ts-icon.is-scale-balanced-icon::before { + content: "\f24e"; } -.ts-icon.is-trash-icon::before { - content: "\f1f8"; +.ts-icon.is-zhihu-icon::before { + font-family: "IconsBrands"; + content: "\f63f"; } -.ts-icon.is-angle-down-icon::before { - content: "\f107"; +.ts-icon.is-handshake-icon::before { + content: "\f2b5"; } -.ts-icon.is-cedi-sign-icon::before { - content: "\e0df"; +.ts-icon.is-microphone-lines-slash-icon::before { + content: "\f539"; } -.ts-icon.is-diamond-icon::before { - content: "\f219"; +.ts-icon.is-taxi-icon::before { + content: "\f1ba"; } -.ts-icon.is-forward-icon::before { - content: "\f04e"; +.ts-icon.is-usb-icon::before { + font-family: "IconsBrands"; + content: "\f287"; } -.ts-icon.is-guarani-sign-icon::before { - content: "\e19a"; +.ts-icon.is-x-ray-icon::before { + content: "\f497"; } -.ts-icon.is-steam-icon::before { - font-family: "IconsBrands"; - content: "\f1b6"; +.ts-icon.is-head-side-cough-icon::before { + content: "\e061"; } -.ts-icon.is-pause-icon::before { - content: "\f04c"; +.ts-icon.is-map-pin-icon::before { + content: "\f276"; } -.ts-icon.is-square-hacker-news-icon::before { +.ts-icon.is-facebook-icon::before { font-family: "IconsBrands"; - content: "\f3af"; -} - -.ts-icon.is-bore-hole-icon::before { - content: "\e4c3"; + content: "\f09a"; } -.ts-icon.is-face-meh-icon::before { - content: "\f11a"; +.ts-icon.is-file-circle-xmark-icon::before { + content: "\e5a1"; } -.ts-icon.is-file-audio-icon::before { - content: "\f1c7"; +.ts-icon.is-dragon-icon::before { + content: "\f6d5"; } -.ts-icon.is-florin-sign-icon::before { - content: "\e184"; +.ts-icon.is-reddit-alien-icon::before { + font-family: "IconsBrands"; + content: "\f281"; } -.ts-icon.is-dice-one-icon::before { - content: "\f525"; +.ts-icon.is-right-long-icon::before { + content: "\f30b"; } -.ts-icon.is-keybase-icon::before { - font-family: "IconsBrands"; - content: "\f4f5"; +.ts-icon.is-signal-icon::before { + content: "\f012"; } -.ts-icon.is-mountain-sun-icon::before { - content: "\e52f"; +.ts-icon.is-users-line-icon::before { + content: "\e592"; } -.ts-icon.is-d-and-d-beyond-icon::before { - font-family: "IconsBrands"; - content: "\f6ca"; +.ts-icon.is-virus-covid-icon::before { + content: "\e4a8"; } -.ts-icon.is-dev-icon::before { - font-family: "IconsBrands"; - content: "\f6cc"; +.ts-icon.is-angles-up-icon::before { + content: "\f102"; } -.ts-icon.is-file-word-icon::before { - content: "\f1c2"; +.ts-icon.is-arrow-down-wide-short-icon::before { + content: "\f160"; } -.ts-icon.is-video-icon::before { - content: "\f03d"; +.ts-icon.is-money-bill-1-wave-icon::before { + content: "\f53b"; } -.ts-icon.is-y-icon::before { - content: "\59"; +.ts-icon.is-clipboard-list-icon::before { + content: "\f46d"; } -.ts-icon.is-fort-awesome-icon::before { +.ts-icon.is-get-pocket-icon::before { font-family: "IconsBrands"; - content: "\f286"; + content: "\f265"; } -.ts-icon.is-linkedin-in-icon::before { +.ts-icon.is-centos-icon::before { font-family: "IconsBrands"; - content: "\f0e1"; + content: "\f789"; } -.ts-icon.is-rectangle-xmark-icon::before { - content: "\f410"; +.ts-icon.is-crosshairs-icon::before { + content: "\f05b"; } -.ts-icon.is-sketch-icon::before { - font-family: "IconsBrands"; - content: "\f7c6"; +.ts-icon.is-earth-africa-icon::before { + content: "\f57c"; } -.ts-icon.is-vials-icon::before { - content: "\f493"; +.ts-icon.is-house-chimney-crack-icon::before { + content: "\f6f1"; } -.ts-icon.is-democrat-icon::before { - content: "\f747"; +.ts-icon.is-smog-icon::before { + content: "\f75f"; } -.ts-icon.is-glasses-icon::before { - content: "\f530"; +.ts-icon.is-arrow-up-from-bracket-icon::before { + content: "\e09a"; } -.ts-icon.is-people-pulling-icon::before { - content: "\e535"; -} - -.ts-icon.is-truck-pickup-icon::before { - content: "\f63c"; -} - -.ts-icon.is-arrow-left-icon::before { - content: "\f060"; -} - -.ts-icon.is-fonticons-fi-icon::before { +.ts-icon.is-cc-amex-icon::before { font-family: "IconsBrands"; - content: "\f3a2"; + content: "\f1f3"; } -.ts-icon.is-mixcloud-icon::before { +.ts-icon.is-linkedin-icon::before { font-family: "IconsBrands"; - content: "\f289"; -} - -.ts-icon.is-right-from-bracket-icon::before { - content: "\f2f5"; + content: "\f08c"; } -.ts-icon.is-trash-can-arrow-up-icon::before { - content: "\f82a"; +.ts-icon.is-outdent-icon::before { + content: "\f03b"; } -.ts-icon.is-anchor-circle-check-icon::before { - content: "\e4aa"; +.ts-icon.is-football-icon::before { + content: "\f44e"; } -.ts-icon.is-clover-icon::before { - content: "\e139"; +.ts-icon.is-house-medical-icon::before { + content: "\e3b2"; } -.ts-icon.is-print-icon::before { - content: "\f02f"; +.ts-icon.is-person-drowning-icon::before { + content: "\e545"; } -.ts-icon.is-truck-plane-icon::before { - content: "\e58f"; +.ts-icon.is-stapler-icon::before { + content: "\e5af"; } -.ts-icon.is-cloudflare-icon::before { +.ts-icon.is-contao-icon::before { font-family: "IconsBrands"; - content: "\e07d"; + content: "\f26d"; } -.ts-icon.is-grunt-icon::before { +.ts-icon.is-firstdraft-icon::before { font-family: "IconsBrands"; - content: "\f3ad"; + content: "\f3a1"; } -.ts-icon.is-life-ring-icon::before { - content: "\f1cd"; +.ts-icon.is-person-running-icon::before { + content: "\f70c"; } -.ts-icon.is-tower-broadcast-icon::before { - content: "\f519"; +.ts-icon.is-tents-icon::before { + content: "\e582"; } -.ts-icon.is-wordpress-icon::before { - font-family: "IconsBrands"; - content: "\f19a"; +.ts-icon.is-train-icon::before { + content: "\f238"; } -.ts-icon.is-handshake-simple-icon::before { - content: "\f4c6"; +.ts-icon.is-van-shuttle-icon::before { + content: "\f5b6"; } -.ts-icon.is-people-robbery-icon::before { - content: "\e536"; +.ts-icon.is-chess-rook-icon::before { + content: "\f447"; } -.ts-icon.is-user-lock-icon::before { - content: "\f502"; +.ts-icon.is-glass-water-droplet-icon::before { + content: "\e4f5"; } -.ts-icon.is-user-minus-icon::before { - content: "\f503"; +.ts-icon.is-fill-icon::before { + content: "\f575"; } -.ts-icon.is-window-restore-icon::before { - content: "\f2d2"; +.ts-icon.is-fish-fins-icon::before { + content: "\e4f2"; } -.ts-icon.is-moon-icon::before { - content: "\f186"; +.ts-icon.is-users-viewfinder-icon::before { + content: "\e595"; } -.ts-icon.is-file-zipper-icon::before { - content: "\f1c6"; +.ts-icon.is-vr-cardboard-icon::before { + content: "\f729"; } -.ts-icon.is-border-none-icon::before { - content: "\f850"; +.ts-icon.is-facebook-f-icon::before { + font-family: "IconsBrands"; + content: "\f39e"; } -.ts-icon.is-horse-head-icon::before { - content: "\f7ab"; +.ts-icon.is-file-waveform-icon::before { + content: "\f478"; } -.ts-icon.is-user-xmark-icon::before { - content: "\f235"; +.ts-icon.is-person-burst-icon::before { + content: "\e53b"; } -.ts-icon.is-window-minimize-icon::before { - content: "\f2d1"; +.ts-icon.is-person-skating-icon::before { + content: "\f7c5"; } -.ts-icon.is-explosion-icon::before { - content: "\e4e9"; +.ts-icon.is-spray-can-icon::before { + content: "\f5bd"; } -.ts-icon.is-signal-icon::before { - content: "\f012"; +.ts-icon.is-circle-dot-icon::before { + content: "\f192"; } -.ts-icon.is-mercury-icon::before { - content: "\f223"; +.ts-icon.is-microscope-icon::before { + content: "\f610"; } -.ts-icon.is-weixin-icon::before { +.ts-icon.is-square-whatsapp-icon::before { font-family: "IconsBrands"; - content: "\f1d7"; + content: "\f40c"; } -.ts-icon.is-house-crack-icon::before { - content: "\e3b1"; +.ts-icon.is-user-tie-icon::before { + content: "\f508"; } -.ts-icon.is-sliders-icon::before { - content: "\f1de"; +.ts-icon.is-yahoo-icon::before { + font-family: "IconsBrands"; + content: "\f19e"; } -.ts-icon.is-sterling-sign-icon::before { - content: "\f154"; +.ts-icon.is-person-hiking-icon::before { + content: "\f6ec"; } -.ts-icon.is-temperature-half-icon::before { - content: "\f2c9"; +.ts-icon.is-podcast-icon::before { + content: "\f2ce"; } -.ts-icon.is-book-icon::before { - content: "\f02d"; +.ts-icon.is-elevator-icon::before { + content: "\e16d"; } -.ts-icon.is-dyalog-icon::before { - font-family: "IconsBrands"; - content: "\f399"; +.ts-icon.is-ticket-icon::before { + content: "\f145"; } -.ts-icon.is-file-csv-icon::before { - content: "\f6dd"; +.ts-icon.is-not-equal-icon::before { + content: "\f53e"; } -.ts-icon.is-forward-fast-icon::before { - content: "\f050"; +.ts-icon.is-droplet-slash-icon::before { + content: "\f5c7"; } -.ts-icon.is-share-from-square-icon::before { - content: "\f14d"; +.ts-icon.is-file-export-icon::before { + content: "\f56e"; } -.ts-icon.is-socks-icon::before { - content: "\f696"; +.ts-icon.is-floppy-disk-icon::before { + content: "\f0c7"; } -.ts-icon.is-dropbox-icon::before { - font-family: "IconsBrands"; - content: "\f16b"; +.ts-icon.is-people-line-icon::before { + content: "\e534"; } -.ts-icon.is-mars-double-icon::before { - content: "\f227"; +.ts-icon.is-arrow-right-long-icon::before { + content: "\f178"; } -.ts-icon.is-person-circle-xmark-icon::before { - content: "\e543"; +.ts-icon.is-church-icon::before { + content: "\f51d"; } -.ts-icon.is-shield-cat-icon::before { - content: "\e572"; +.ts-icon.is-gas-pump-icon::before { + content: "\f52f"; } -.ts-icon.is-square-phone-flip-icon::before { - content: "\f87b"; +.ts-icon.is-tenge-sign-icon::before { + content: "\f7d7"; } -.ts-icon.is-water-ladder-icon::before { - content: "\f5c5"; +.ts-icon.is-compact-disc-icon::before { + content: "\f51f"; } -.ts-icon.is-kaggle-icon::before { - font-family: "IconsBrands"; - content: "\f5fa"; +.ts-icon.is-angles-left-icon::before { + content: "\f100"; } -.ts-icon.is-plug-circle-bolt-icon::before { - content: "\e55b"; +.ts-icon.is-arrow-down-a-z-icon::before { + content: "\f15d"; } -.ts-icon.is-fire-flame-curved-icon::before { - content: "\f7e4"; +.ts-icon.is-map-location-icon::before { + content: "\f59f"; } -.ts-icon.is-leaf-icon::before { - content: "\f06c"; +.ts-icon.is-pen-ruler-icon::before { + content: "\f5ae"; } -.ts-icon.is-x-ray-icon::before { - content: "\f497"; +.ts-icon.is-unlock-icon::before { + content: "\f09c"; } -.ts-icon.is-compact-disc-icon::before { - content: "\f51f"; +.ts-icon.is-file-zipper-icon::before { + content: "\f1c6"; } -.ts-icon.is-feather-pointed-icon::before { - content: "\f56b"; +.ts-icon.is-fish-icon::before { + content: "\f578"; } -.ts-icon.is-grip-vertical-icon::before { - content: "\f58e"; +.ts-icon.is-markdown-icon::before { + font-family: "IconsBrands"; + content: "\f60f"; } -.ts-icon.is-house-medical-icon::before { - content: "\e3b2"; +.ts-icon.is-battery-empty-icon::before { + content: "\f244"; } -.ts-icon.is-mountain-city-icon::before { - content: "\e52e"; +.ts-icon.is-file-circle-question-icon::before { + content: "\e4ef"; } -.ts-icon.is-sim-card-icon::before { - content: "\f7c4"; +.ts-icon.is-cc-stripe-icon::before { + font-family: "IconsBrands"; + content: "\f1f5"; } -.ts-icon.is-bridge-circle-exclamation-icon::before { - content: "\e4ca"; +.ts-icon.is-dungeon-icon::before { + content: "\f6d9"; } -.ts-icon.is-slideshare-icon::before { +.ts-icon.is-sketch-icon::before { font-family: "IconsBrands"; - content: "\f1e7"; + content: "\f7c6"; } -.ts-icon.is-building-circle-exclamation-icon::before { - content: "\e4d3"; +.ts-icon.is-underline-icon::before { + content: "\f0cd"; } -.ts-icon.is-fire-icon::before { - content: "\f06d"; +.ts-icon.is-barcode-icon::before { + content: "\f02a"; } -.ts-icon.is-grip-lines-vertical-icon::before { - content: "\f7a5"; +.ts-icon.is-bugs-icon::before { + content: "\e4d0"; } -.ts-icon.is-table-list-icon::before { - content: "\f00b"; +.ts-icon.is-vest-icon::before { + content: "\e085"; } -.ts-icon.is-erlang-icon::before { - font-family: "IconsBrands"; - content: "\f39d"; +.ts-icon.is-bore-hole-icon::before { + content: "\e4c3"; } -.ts-icon.is-hands-bubbles-icon::before { - content: "\e05e"; +.ts-icon.is-face-grin-icon::before { + content: "\f580"; } -.ts-icon.is-ioxhost-icon::before { +.ts-icon.is-watchman-monitoring-icon::before { font-family: "IconsBrands"; - content: "\f208"; + content: "\e087"; } -.ts-icon.is-pager-icon::before { - content: "\f815"; +.ts-icon.is-arrows-down-to-line-icon::before { + content: "\e4b8"; } -.ts-icon.is-user-nurse-icon::before { - content: "\f82f"; +.ts-icon.is-house-chimney-icon::before { + content: "\e3af"; } -.ts-icon.is-hospital-icon::before { - content: "\f0f8"; +.ts-icon.is-mobile-button-icon::before { + content: "\f10b"; } -.ts-icon.is-text-slash-icon::before { - content: "\f87d"; +.ts-icon.is-pen-fancy-icon::before { + content: "\f5ac"; } -.ts-icon.is-apple-pay-icon::before { - font-family: "IconsBrands"; - content: "\f415"; +.ts-icon.is-poop-icon::before { + content: "\f619"; } -.ts-icon.is-cloud-moon-rain-icon::before { - content: "\f73c"; +.ts-icon.is-life-ring-icon::before { + content: "\f1cd"; } -.ts-icon.is-lari-sign-icon::before { - content: "\e1c8"; +.ts-icon.is-arrow-turn-up-icon::before { + content: "\f148"; } -.ts-icon.is-reddit-alien-icon::before { - font-family: "IconsBrands"; - content: "\f281"; +.ts-icon.is-comments-dollar-icon::before { + content: "\f653"; } -.ts-icon.is-road-spikes-icon::before { - content: "\e568"; +.ts-icon.is-o-icon::before { + content: "\4f"; } -.ts-icon.is-code-branch-icon::before { - content: "\f126"; +.ts-icon.is-building-shield-icon::before { + content: "\e4d8"; } -.ts-icon.is-filter-icon::before { - content: "\f0b0"; +.ts-icon.is-paperclip-icon::before { + content: "\f0c6"; } -.ts-icon.is-modx-icon::before { - font-family: "IconsBrands"; - content: "\f285"; +.ts-icon.is-mound-icon::before { + content: "\e52d"; } -.ts-icon.is-retweet-icon::before { - content: "\f079"; +.ts-icon.is-guarani-sign-icon::before { + content: "\e19a"; } -.ts-icon.is-colon-sign-icon::before { - content: "\e140"; +.ts-icon.is-f-icon::before { + content: "\46"; } -.ts-icon.is-copyright-icon::before { - content: "\f1f9"; +.ts-icon.is-gripfire-icon::before { + font-family: "IconsBrands"; + content: "\f3ac"; } -.ts-icon.is-mars-icon::before { - content: "\f222"; +.ts-icon.is-laptop-medical-icon::before { + content: "\f812"; } -.ts-icon.is-people-line-icon::before { - content: "\e534"; +.ts-icon.is-puzzle-piece-icon::before { + content: "\f12e"; } -.ts-icon.is-plane-circle-exclamation-icon::before { - content: "\e556"; +.ts-icon.is-square-github-icon::before { + font-family: "IconsBrands"; + content: "\f092"; } -.ts-icon.is-trowel-icon::before { - content: "\e589"; +.ts-icon.is-turkish-lira-sign-icon::before { + content: "\e2bb"; } -.ts-icon.is-gratipay-icon::before { - font-family: "IconsBrands"; - content: "\f184"; +.ts-icon.is-file-icon::before { + content: "\f15b"; } -.ts-icon.is-amilia-icon::before { - font-family: "IconsBrands"; - content: "\f36d"; +.ts-icon.is-hand-point-left-icon::before { + content: "\f0a5"; } -.ts-icon.is-id-badge-icon::before { - content: "\f2c1"; +.ts-icon.is-less-than-icon::before { + content: "\3c"; } -.ts-icon.is-temperature-low-icon::before { - content: "\f76b"; +.ts-icon.is-octopus-deploy-icon::before { + font-family: "IconsBrands"; + content: "\e082"; } -.ts-icon.is-handshake-icon::before { - content: "\f2b5"; +.ts-icon.is-arrow-rotate-right-icon::before { + content: "\f01e"; } -.ts-icon.is-location-dot-icon::before { - content: "\f3c5"; +.ts-icon.is-camera-rotate-icon::before { + content: "\e0d8"; } -.ts-icon.is-yen-sign-icon::before { - content: "\f157"; +.ts-icon.is-ear-deaf-icon::before { + content: "\f2a4"; } -.ts-icon.is-poo-icon::before { - content: "\f2fe"; +.ts-icon.is-gear-icon::before { + content: "\f013"; } -.ts-icon.is-book-quran-icon::before { - content: "\f687"; +.ts-icon.is-instagram-icon::before { + font-family: "IconsBrands"; + content: "\f16d"; } -.ts-icon.is-scroll-icon::before { - content: "\f70e"; +.ts-icon.is-kickstarter-k-icon::before { + font-family: "IconsBrands"; + content: "\f3bc"; } -.ts-icon.is-up-down-icon::before { - content: "\f338"; +.ts-icon.is-modx-icon::before { + font-family: "IconsBrands"; + content: "\f285"; } -.ts-icon.is-angles-up-icon::before { - content: "\f102"; +.ts-icon.is-r-project-icon::before { + font-family: "IconsBrands"; + content: "\f4f7"; } -.ts-icon.is-box-tissue-icon::before { - content: "\e05b"; +.ts-icon.is-cart-plus-icon::before { + content: "\f217"; } -.ts-icon.is-arrows-to-eye-icon::before { - content: "\e4bf"; +.ts-icon.is-file-contract-icon::before { + content: "\f56c"; } -.ts-icon.is-cc-amazon-pay-icon::before { +.ts-icon.is-joget-icon::before { font-family: "IconsBrands"; - content: "\f42d"; + content: "\f3b7"; } -.ts-icon.is-forumbee-icon::before { - font-family: "IconsBrands"; - content: "\f211"; +.ts-icon.is-beer-mug-empty-icon::before { + content: "\f0fc"; } -.ts-icon.is-house-circle-xmark-icon::before { - content: "\e50b"; +.ts-icon.is-handshake-slash-icon::before { + content: "\e060"; } -.ts-icon.is-mobile-screen-button-icon::before { - content: "\f3cd"; +.ts-icon.is-foursquare-icon::before { + font-family: "IconsBrands"; + content: "\f180"; } -.ts-icon.is-squarespace-icon::before { - font-family: "IconsBrands"; - content: "\f5be"; +.ts-icon.is-passport-icon::before { + content: "\f5ab"; } -.ts-icon.is-bitcoin-sign-icon::before { - content: "\e0b4"; +.ts-icon.is-people-carry-box-icon::before { + content: "\f4ce"; } -.ts-icon.is-clock-rotate-left-icon::before { - content: "\f1da"; +.ts-icon.is-plug-circle-exclamation-icon::before { + content: "\e55d"; } -.ts-icon.is-microsoft-icon::before { - font-family: "IconsBrands"; - content: "\f3ca"; +.ts-icon.is-ring-icon::before { + content: "\f70b"; } -.ts-icon.is-hurricane-icon::before { - content: "\f751"; +.ts-icon.is-bridge-circle-check-icon::before { + content: "\e4c9"; } -.ts-icon.is-building-columns-icon::before { - content: "\f19c"; +.ts-icon.is-folder-icon::before { + content: "\f07b"; } -.ts-icon.is-circle-up-icon::before { - content: "\f35b"; +.ts-icon.is-shuttle-space-icon::before { + content: "\f197"; } -.ts-icon.is-jenkins-icon::before { - font-family: "IconsBrands"; - content: "\f3b6"; +.ts-icon.is-sun-icon::before { + content: "\f185"; } -.ts-icon.is-paste-icon::before { - content: "\f0ea"; +.ts-icon.is-fax-icon::before { + content: "\f1ac"; } -.ts-icon.is-hill-rockslide-icon::before { - content: "\e508"; +.ts-icon.is-truck-icon::before { + content: "\f0d1"; } -.ts-icon.is-centos-icon::before { +.ts-icon.is-facebook-messenger-icon::before { font-family: "IconsBrands"; - content: "\f789"; + content: "\f39f"; } -.ts-icon.is-f-icon::before { - content: "\46"; +.ts-icon.is-rotate-left-icon::before { + content: "\f2ea"; } -.ts-icon.is-money-bill-1-icon::before { - content: "\f3d1"; +.ts-icon.is-anchor-circle-check-icon::before { + content: "\e4aa"; } -.ts-icon.is-angrycreative-icon::before { - font-family: "IconsBrands"; - content: "\f36e"; +.ts-icon.is-face-grin-wide-icon::before { + content: "\f581"; } -.ts-icon.is-jug-detergent-icon::before { - content: "\e519"; +.ts-icon.is-peseta-sign-icon::before { + content: "\e221"; } -.ts-icon.is-stopwatch-20-icon::before { - content: "\e06f"; +.ts-icon.is-scale-unbalanced-flip-icon::before { + content: "\f516"; } -.ts-icon.is-sun-icon::before { - content: "\f185"; +.ts-icon.is-smoking-icon::before { + content: "\f48d"; } -.ts-icon.is-virus-icon::before { - content: "\e074"; -} - -.ts-icon.is-arrow-turn-up-icon::before { - content: "\f148"; +.ts-icon.is-user-tag-icon::before { + content: "\f507"; } -.ts-icon.is-bicycle-icon::before { - content: "\f206"; +.ts-icon.is-evernote-icon::before { + font-family: "IconsBrands"; + content: "\f839"; } -.ts-icon.is-ruler-combined-icon::before { - content: "\f546"; +.ts-icon.is-oil-can-icon::before { + content: "\f613"; } -.ts-icon.is-spoon-icon::before { - content: "\f2e5"; +.ts-icon.is-share-nodes-icon::before { + content: "\f1e0"; } -.ts-icon.is-bed-icon::before { - content: "\f236"; +.ts-icon.is-ussunnah-icon::before { + font-family: "IconsBrands"; + content: "\f407"; } -.ts-icon.is-person-running-icon::before { - content: "\f70c"; +.ts-icon.is-face-frown-open-icon::before { + content: "\f57a"; } -.ts-icon.is-cow-icon::before { - content: "\f6c8"; +.ts-icon.is-file-image-icon::before { + content: "\f1c5"; } -.ts-icon.is-diamond-turn-right-icon::before { - content: "\f5eb"; +.ts-icon.is-democrat-icon::before { + content: "\f747"; } -.ts-icon.is-drumstick-bite-icon::before { - content: "\f6d7"; +.ts-icon.is-location-pin-icon::before { + content: "\f041"; } -.ts-icon.is-pushed-icon::before { - font-family: "IconsBrands"; - content: "\f3e1"; +.ts-icon.is-briefcase-medical-icon::before { + content: "\f469"; } -.ts-icon.is-highlighter-icon::before { - content: "\f591"; +.ts-icon.is-camera-icon::before { + content: "\f030"; } -.ts-icon.is-hospital-user-icon::before { - content: "\f80d"; +.ts-icon.is-face-laugh-wink-icon::before { + content: "\f59c"; } -.ts-icon.is-notdef-icon::before { - content: "\e1fe"; +.ts-icon.is-id-card-clip-icon::before { + content: "\f47f"; } -.ts-icon.is-paintbrush-icon::before { - content: "\f1fc"; +.ts-icon.is-hurricane-icon::before { + content: "\f751"; } -.ts-icon.is-viber-icon::before { +.ts-icon.is-searchengin-icon::before { font-family: "IconsBrands"; - content: "\f409"; -} - -.ts-icon.is-virus-covid-icon::before { - content: "\e4a8"; + content: "\f3eb"; } -.ts-icon.is-dice-icon::before { - content: "\f522"; +.ts-icon.is-champagne-glasses-icon::before { + content: "\f79f"; } -.ts-icon.is-ear-deaf-icon::before { - content: "\f2a4"; +.ts-icon.is-deviantart-icon::before { + font-family: "IconsBrands"; + content: "\f1bd"; } -.ts-icon.is-file-excel-icon::before { - content: "\f1c3"; +.ts-icon.is-fill-drip-icon::before { + content: "\f576"; } -.ts-icon.is-heart-circle-plus-icon::before { - content: "\e500"; +.ts-icon.is-forward-fast-icon::before { + content: "\f050"; } -.ts-icon.is-paper-plane-icon::before { - content: "\f1d8"; +.ts-icon.is-grip-lines-icon::before { + content: "\f7a4"; } -.ts-icon.is-quote-right-icon::before { - content: "\f10e"; +.ts-icon.is-microphone-lines-icon::before { + content: "\f3c9"; } -.ts-icon.is-book-medical-icon::before { - content: "\f7e6"; +.ts-icon.is-osi-icon::before { + font-family: "IconsBrands"; + content: "\f41a"; } -.ts-icon.is-filter-circle-xmark-icon::before { - content: "\e17b"; +.ts-icon.is-twitch-icon::before { + font-family: "IconsBrands"; + content: "\f1e8"; } -.ts-icon.is-sign-hanging-icon::before { - content: "\f4d9"; +.ts-icon.is-atom-icon::before { + content: "\f5d2"; } -.ts-icon.is-users-line-icon::before { - content: "\e592"; +.ts-icon.is-face-sad-tear-icon::before { + content: "\f5b4"; } -.ts-icon.is-y-combinator-icon::before { - font-family: "IconsBrands"; - content: "\f23b"; +.ts-icon.is-hands-holding-child-icon::before { + content: "\e4fa"; } -.ts-icon.is-2-icon::before { - content: "\32"; +.ts-icon.is-person-dress-icon::before { + content: "\f182"; } -.ts-icon.is-brazilian-real-sign-icon::before { - content: "\e46c"; +.ts-icon.is-resolving-icon::before { + font-family: "IconsBrands"; + content: "\f3e7"; } -.ts-icon.is-icons-icon::before { - content: "\f86d"; +.ts-icon.is-sticker-mule-icon::before { + font-family: "IconsBrands"; + content: "\f3f7"; } -.ts-icon.is-plug-circle-plus-icon::before { - content: "\e55f"; +.ts-icon.is-tablet-button-icon::before { + content: "\f10a"; } -.ts-icon.is-square-steam-icon::before { +.ts-icon.is-dribbble-icon::before { font-family: "IconsBrands"; - content: "\f1b7"; + content: "\f17d"; } -.ts-icon.is-user-graduate-icon::before { - content: "\f501"; +.ts-icon.is-eye-icon::before { + content: "\f06e"; } -.ts-icon.is-blog-icon::before { - content: "\f781"; +.ts-icon.is-dailymotion-icon::before { + font-family: "IconsBrands"; + content: "\e052"; } -.ts-icon.is-hips-icon::before { +.ts-icon.is-goodreads-icon::before { font-family: "IconsBrands"; - content: "\f452"; + content: "\f3a8"; } -.ts-icon.is-code-fork-icon::before { - content: "\e13b"; +.ts-icon.is-bell-concierge-icon::before { + content: "\f562"; } -.ts-icon.is-ruble-sign-icon::before { - content: "\f158"; +.ts-icon.is-cc-jcb-icon::before { + font-family: "IconsBrands"; + content: "\f24b"; } -.ts-icon.is-volleyball-icon::before { - content: "\f45f"; +.ts-icon.is-menorah-icon::before { + content: "\f676"; } -.ts-icon.is-bus-simple-icon::before { - content: "\f55e"; +.ts-icon.is-person-biking-icon::before { + content: "\f84a"; } -.ts-icon.is-file-circle-xmark-icon::before { - content: "\e5a1"; +.ts-icon.is-shop-slash-icon::before { + content: "\e070"; } -.ts-icon.is-e-icon::before { - content: "\45"; +.ts-icon.is-square-tumblr-icon::before { + font-family: "IconsBrands"; + content: "\f174"; } -.ts-icon.is-prescription-bottle-medical-icon::before { - content: "\f486"; +.ts-icon.is-stopwatch-20-icon::before { + content: "\e06f"; } -.ts-icon.is-headphones-simple-icon::before { - content: "\f58f"; +.ts-icon.is-folder-open-icon::before { + content: "\f07c"; } -.ts-icon.is-tent-arrow-down-to-line-icon::before { - content: "\e57e"; +.ts-icon.is-kit-medical-icon::before { + content: "\f479"; } -.ts-icon.is-shrimp-icon::before { - content: "\e448"; +.ts-icon.is-brush-icon::before { + content: "\f55d"; } -.ts-icon.is-arrow-up-right-dots-icon::before { - content: "\e4b7"; +.ts-icon.is-user-large-icon::before { + content: "\f406"; } -.ts-icon.is-battle-net-icon::before { - font-family: "IconsBrands"; - content: "\f835"; +.ts-icon.is-arrow-up-long-icon::before { + content: "\f176"; } -.ts-icon.is-bus-icon::before { - content: "\f207"; +.ts-icon.is-bahai-icon::before { + content: "\f666"; } -.ts-icon.is-indent-icon::before { - content: "\f03c"; +.ts-icon.is-person-chalkboard-icon::before { + content: "\e53d"; } -.ts-icon.is-locust-icon::before { - content: "\e520"; +.ts-icon.is-sim-card-icon::before { + content: "\f7c4"; } -.ts-icon.is-power-off-icon::before { - content: "\f011"; +.ts-icon.is-suse-icon::before { + font-family: "IconsBrands"; + content: "\f7d6"; } -.ts-icon.is-black-tie-icon::before { +.ts-icon.is-y-combinator-icon::before { font-family: "IconsBrands"; - content: "\f27e"; + content: "\f23b"; } -.ts-icon.is-mitten-icon::before { - content: "\f7b5"; +.ts-icon.is-book-journal-whills-icon::before { + content: "\f66a"; } -.ts-icon.is-laravel-icon::before { - font-family: "IconsBrands"; - content: "\f3bd"; +.ts-icon.is-paper-plane-icon::before { + content: "\f1d8"; } -.ts-icon.is-minimize-icon::before { - content: "\f78c"; +.ts-icon.is-pen-clip-icon::before { + content: "\f305"; } -.ts-icon.is-phoenix-squadron-icon::before { +.ts-icon.is-square-odnoklassniki-icon::before { font-family: "IconsBrands"; - content: "\f511"; + content: "\f264"; } -.ts-icon.is-usb-icon::before { +.ts-icon.is-themeisle-icon::before { font-family: "IconsBrands"; - content: "\f287"; + content: "\f2b2"; } -.ts-icon.is-glass-water-icon::before { - content: "\e4f4"; +.ts-icon.is-car-side-icon::before { + content: "\f5e4"; } -.ts-icon.is-kickstarter-k-icon::before { - font-family: "IconsBrands"; - content: "\f3bc"; +.ts-icon.is-face-flushed-icon::before { + content: "\f579"; } -.ts-icon.is-venus-mars-icon::before { - content: "\f228"; -} +.ts-icon.is-crutch-icon::before { + content: "\f7f7"; +} -.ts-icon.is-jira-icon::before { - font-family: "IconsBrands"; - content: "\f7b1"; +.ts-icon.is-door-open-icon::before { + content: "\f52b"; } -.ts-icon.is-less-icon::before { +.ts-icon.is-firefox-browser-icon::before { font-family: "IconsBrands"; - content: "\f41d"; + content: "\e007"; } -.ts-icon.is-eye-low-vision-icon::before { - content: "\f2a8"; +.ts-icon.is-shower-icon::before { + content: "\f2cc"; } -.ts-icon.is-house-flood-water-icon::before { - content: "\e50e"; +.ts-icon.is-children-icon::before { + content: "\e4e1"; } -.ts-icon.is-j-icon::before { - content: "\4a"; +.ts-icon.is-cloud-moon-rain-icon::before { + content: "\f73c"; } -.ts-icon.is-magnifying-glass-icon::before { - content: "\f002"; +.ts-icon.is-microchip-icon::before { + content: "\f2db"; } -.ts-icon.is-map-location-icon::before { - content: "\f59f"; +.ts-icon.is-skull-icon::before { + content: "\f54c"; } -.ts-icon.is-pen-fancy-icon::before { - content: "\f5ac"; +.ts-icon.is-square-js-icon::before { + font-family: "IconsBrands"; + content: "\f3b9"; } -.ts-icon.is-battery-empty-icon::before { - content: "\f244"; +.ts-icon.is-bezier-curve-icon::before { + content: "\f55b"; } -.ts-icon.is-book-skull-icon::before { - content: "\f6b7"; +.ts-icon.is-cloud-moon-icon::before { + content: "\f6c3"; } -.ts-icon.is-calendar-minus-icon::before { - content: "\f272"; +.ts-icon.is-freebsd-icon::before { + font-family: "IconsBrands"; + content: "\f3a4"; } -.ts-icon.is-car-icon::before { - content: "\f1b9"; +.ts-icon.is-frog-icon::before { + content: "\f52e"; } -.ts-icon.is-chair-icon::before { - content: "\f6c0"; +.ts-icon.is-app-store-ios-icon::before { + font-family: "IconsBrands"; + content: "\f370"; } -.ts-icon.is-bugs-icon::before { - content: "\e4d0"; +.ts-icon.is-clipboard-user-icon::before { + content: "\f7f3"; } -.ts-icon.is-red-river-icon::before { +.ts-icon.is-grav-icon::before { font-family: "IconsBrands"; - content: "\f3e3"; + content: "\f2d6"; } -.ts-icon.is-rocket-icon::before { - content: "\f135"; +.ts-icon.is-jug-detergent-icon::before { + content: "\e519"; } -.ts-icon.is-user-tie-icon::before { - content: "\f508"; +.ts-icon.is-wirsindhandwerk-icon::before { + font-family: "IconsBrands"; + content: "\e2d0"; } -.ts-icon.is-bahai-icon::before { - content: "\f666"; +.ts-icon.is-cloud-icon::before { + content: "\f0c2"; } -.ts-icon.is-hand-holding-hand-icon::before { - content: "\e4f7"; +.ts-icon.is-heart-crack-icon::before { + content: "\f7a9"; } -.ts-icon.is-caret-up-icon::before { - content: "\f0d8"; +.ts-icon.is-rectangle-ad-icon::before { + content: "\f641"; } -.ts-icon.is-d-icon::before { - content: "\44"; +.ts-icon.is-speakap-icon::before { + font-family: "IconsBrands"; + content: "\f3f3"; } -.ts-icon.is-land-mine-on-icon::before { - content: "\e51b"; +.ts-icon.is-hands-holding-circle-icon::before { + content: "\e4fb"; } -.ts-icon.is-person-digging-icon::before { - content: "\f85e"; +.ts-icon.is-masks-theater-icon::before { + content: "\f630"; } -.ts-icon.is-buffer-icon::before { - font-family: "IconsBrands"; - content: "\f837"; +.ts-icon.is-bomb-icon::before { + content: "\f1e2"; } -.ts-icon.is-diagram-successor-icon::before { - content: "\e47a"; +.ts-icon.is-robot-icon::before { + content: "\f544"; } -.ts-icon.is-wrench-icon::before { - content: "\f0ad"; +.ts-icon.is-square-envelope-icon::before { + content: "\f199"; } -.ts-icon.is-battery-full-icon::before { - content: "\f240"; +.ts-icon.is-square-lastfm-icon::before { + font-family: "IconsBrands"; + content: "\f203"; } -.ts-icon.is-chalkboard-user-icon::before { - content: "\f51c"; +.ts-icon.is-bottle-droplet-icon::before { + content: "\e4c4"; } -.ts-icon.is-file-invoice-icon::before { - content: "\f570"; +.ts-icon.is-people-robbery-icon::before { + content: "\e536"; } -.ts-icon.is-connectdevelop-icon::before { +.ts-icon.is-wolf-pack-battalion-icon::before { font-family: "IconsBrands"; - content: "\f20e"; + content: "\f514"; } -.ts-icon.is-robot-icon::before { - content: "\f544"; +.ts-icon.is-google-icon::before { + font-family: "IconsBrands"; + content: "\f1a0"; } -.ts-icon.is-spider-icon::before { - content: "\f717"; +.ts-icon.is-train-tram-icon::before { + content: "\e5b4"; } -.ts-icon.is-canadian-maple-leaf-icon::before { - font-family: "IconsBrands"; - content: "\f785"; +.ts-icon.is-tent-icon::before { + content: "\e57d"; } -.ts-icon.is-d-and-d-icon::before { - font-family: "IconsBrands"; - content: "\f38d"; +.ts-icon.is-temperature-quarter-icon::before { + content: "\f2ca"; } -.ts-icon.is-gg-icon::before { - font-family: "IconsBrands"; - content: "\f260"; +.ts-icon.is-lira-sign-icon::before { + content: "\f195"; } -.ts-icon.is-paperclip-icon::before { - content: "\f0c6"; +.ts-icon.is-steam-symbol-icon::before { + font-family: "IconsBrands"; + content: "\f3f6"; } -.ts-icon.is-person-rifle-icon::before { - content: "\e54e"; +.ts-icon.is-plug-icon::before { + content: "\f1e6"; } -.ts-icon.is-plug-circle-xmark-icon::before { - content: "\e560"; +.ts-icon.is-slash-icon::before { + content: "\f715"; } -.ts-icon.is-angular-icon::before { - font-family: "IconsBrands"; - content: "\f420"; +.ts-icon.is-tornado-icon::before { + content: "\f76f"; } -.ts-icon.is-eraser-icon::before { - content: "\f12d"; +.ts-icon.is-wpressr-icon::before { + font-family: "IconsBrands"; + content: "\f3e4"; } -.ts-icon.is-yandex-international-icon::before { +.ts-icon.is-amazon-pay-icon::before { font-family: "IconsBrands"; - content: "\f414"; + content: "\f42c"; } -.ts-icon.is-chess-bishop-icon::before { - content: "\f43a"; +.ts-icon.is-landmark-icon::before { + content: "\f66f"; } -.ts-icon.is-person-circle-plus-icon::before { - content: "\e541"; +.ts-icon.is-socks-icon::before { + content: "\f696"; } -.ts-icon.is-pinterest-icon::before { +.ts-icon.is-cloudsmith-icon::before { font-family: "IconsBrands"; - content: "\f0d2"; + content: "\f384"; } -.ts-icon.is-volume-low-icon::before { - content: "\f027"; +.ts-icon.is-radiation-icon::before { + content: "\f7b9"; } -.ts-icon.is-app-store-ios-icon::before { +.ts-icon.is-microblog-icon::before { font-family: "IconsBrands"; - content: "\f370"; + content: "\e01a"; } -.ts-icon.is-biohazard-icon::before { - content: "\f780"; +.ts-icon.is-mortar-pestle-icon::before { + content: "\f5a7"; } -.ts-icon.is-bone-icon::before { - content: "\f5d7"; +.ts-icon.is-yandex-international-icon::before { + font-family: "IconsBrands"; + content: "\f414"; } -.ts-icon.is-train-tram-icon::before { - content: "\e5b4"; +.ts-icon.is-car-burst-icon::before { + content: "\f5e1"; } -.ts-icon.is-person-walking-arrow-loop-left-icon::before { - content: "\e551"; +.ts-icon.is-hand-point-down-icon::before { + content: "\f0a7"; } -.ts-icon.is-toilet-paper-slash-icon::before { - content: "\e072"; +.ts-icon.is-house-user-icon::before { + content: "\e1b0"; } -.ts-icon.is-v-icon::before { - content: "\56"; +.ts-icon.is-ideal-icon::before { + font-family: "IconsBrands"; + content: "\e013"; } -.ts-icon.is-blogger-icon::before { +.ts-icon.is-sellcast-icon::before { font-family: "IconsBrands"; - content: "\f37c"; + content: "\f2da"; } -.ts-icon.is-diagram-next-icon::before { - content: "\e476"; +.ts-icon.is-behance-icon::before { + font-family: "IconsBrands"; + content: "\f1b4"; } -.ts-icon.is-exclamation-icon::before { - content: "\21"; +.ts-icon.is-hands-asl-interpreting-icon::before { + content: "\f2a3"; } -.ts-icon.is-star-of-david-icon::before { - content: "\f69a"; +.ts-icon.is-child-icon::before { + content: "\f1ae"; } -.ts-icon.is-calendar-xmark-icon::before { - content: "\f273"; +.ts-icon.is-eject-icon::before { + content: "\f052"; } -.ts-icon.is-unlock-keyhole-icon::before { - content: "\f13e"; +.ts-icon.is-fingerprint-icon::before { + content: "\f577"; } -.ts-icon.is-hand-point-left-icon::before { - content: "\f0a5"; -} +.ts-icon.is-font-awesome-icon::before { + content: "\f2b4"; +} -.ts-icon.is-lightbulb-icon::before { - content: "\f0eb"; +.ts-icon.is-anchor-icon::before { + content: "\f13d"; } -.ts-icon.is-ticket-icon::before { - content: "\f145"; +.ts-icon.is-asterisk-icon::before { + content: "\2a"; } -.ts-icon.is-dumbbell-icon::before { - content: "\f44b"; +.ts-icon.is-phone-flip-icon::before { + content: "\f879"; } -.ts-icon.is-heart-icon::before { - content: "\f004"; +.ts-icon.is-square-phone-icon::before { + content: "\f098"; } -.ts-icon.is-linkedin-icon::before { +.ts-icon.is-ticket-simple-icon::before { + content: "\f3ff"; +} + +.ts-icon.is-hand-holding-droplet-icon::before { + content: "\f4c1"; +} + +.ts-icon.is-hryvnia-sign-icon::before { + content: "\f6f2"; +} + +.ts-icon.is-envira-icon::before { font-family: "IconsBrands"; - content: "\f08c"; + content: "\f299"; } -.ts-icon.is-users-viewfinder-icon::before { - content: "\e595"; +.ts-icon.is-file-audio-icon::before { + content: "\f1c7"; } -.ts-icon.is-earlybirds-icon::before { +.ts-icon.is-swift-icon::before { font-family: "IconsBrands"; - content: "\f39a"; + content: "\f8e1"; } -.ts-icon.is-house-fire-icon::before { - content: "\e50c"; +.ts-icon.is-8-icon::before { + content: "\38"; } -.ts-icon.is-plane-lock-icon::before { - content: "\e558"; +.ts-icon.is-creative-commons-zero-icon::before { + font-family: "IconsBrands"; + content: "\f4f3"; } -.ts-icon.is-synagogue-icon::before { - content: "\f69b"; +.ts-icon.is-sink-icon::before { + content: "\e06d"; } -.ts-icon.is-vnv-icon::before { +.ts-icon.is-volleyball-icon::before { + content: "\f45f"; +} + +.ts-icon.is-html5-icon::before { font-family: "IconsBrands"; - content: "\f40b"; + content: "\f13b"; } -.ts-icon.is-42-group-icon::before { +.ts-icon.is-medium-icon::before { font-family: "IconsBrands"; - content: "\e080"; + content: "\f23a"; } -.ts-icon.is-g-icon::before { - content: "\47"; +.ts-icon.is-diagram-project-icon::before { + content: "\f542"; } -.ts-icon.is-linode-icon::before { +.ts-icon.is-steam-icon::before { font-family: "IconsBrands"; - content: "\f2b8"; + content: "\f1b6"; } -.ts-icon.is-person-breastfeeding-icon::before { - content: "\e53a"; +.ts-icon.is-arrow-up-icon::before { + content: "\f062"; } -.ts-icon.is-copy-icon::before { - content: "\f0c5"; +.ts-icon.is-bimobject-icon::before { + font-family: "IconsBrands"; + content: "\f378"; } -.ts-icon.is-money-bill-trend-up-icon::before { - content: "\e529"; +.ts-icon.is-spoon-icon::before { + content: "\f2e5"; } -.ts-icon.is-square-poll-vertical-icon::before { - content: "\f681"; +.ts-icon.is-creative-commons-icon::before { + font-family: "IconsBrands"; + content: "\f25e"; } -.ts-icon.is-square-whatsapp-icon::before { +.ts-icon.is-shrimp-icon::before { + content: "\e448"; +} + +.ts-icon.is-hands-clapping-icon::before { + content: "\e1a8"; +} + +.ts-icon.is-scribd-icon::before { font-family: "IconsBrands"; - content: "\f40c"; + content: "\f28a"; } -.ts-icon.is-right-long-icon::before { - content: "\f30b"; +.ts-icon.is-file-medical-icon::before { + content: "\f477"; } -.ts-icon.is-square-check-icon::before { - content: "\f14a"; +.ts-icon.is-folder-tree-icon::before { + content: "\f802"; } -.ts-icon.is-bitcoin-icon::before { - font-family: "IconsBrands"; - content: "\f379"; +.ts-icon.is-heart-circle-exclamation-icon::before { + content: "\e4fe"; } -.ts-icon.is-bolt-icon::before { - content: "\f0e7"; +.ts-icon.is-heart-pulse-icon::before { + content: "\f21e"; } -.ts-icon.is-brain-icon::before { - content: "\f5dc"; +.ts-icon.is-virus-icon::before { + content: "\e074"; } -.ts-icon.is-caret-left-icon::before { - content: "\f0d9"; +.ts-icon.is-1-icon::before { + content: "\31"; } -.ts-icon.is-face-grin-hearts-icon::before { - content: "\f584"; +.ts-icon.is-box-archive-icon::before { + content: "\f187"; } -.ts-icon.is-house-user-icon::before { - content: "\e1b0"; +.ts-icon.is-pencil-icon::before { + content: "\f303"; } -.ts-icon.is-square-odnoklassniki-icon::before { - font-family: "IconsBrands"; - content: "\f264"; +.ts-icon.is-flag-checkered-icon::before { + content: "\f11e"; } -.ts-icon.is-temperature-empty-icon::before { - content: "\f2cb"; +.ts-icon.is-house-laptop-icon::before { + content: "\e066"; } -.ts-icon.is-yandex-icon::before { +.ts-icon.is-yoast-icon::before { font-family: "IconsBrands"; - content: "\f413"; + content: "\f2b1"; } -.ts-icon.is-arrow-up-a-z-icon::before { - content: "\f15e"; +.ts-icon.is-house-medical-flag-icon::before { + content: "\e514"; } -.ts-icon.is-table-cells-icon::before { - content: "\f00a"; +.ts-icon.is-trailer-icon::before { + content: "\e041"; } -.ts-icon.is-blender-phone-icon::before { - content: "\f6b6"; +.ts-icon.is-shield-dog-icon::before { + content: "\e573"; } -.ts-icon.is-helmet-un-icon::before { - content: "\e503"; +.ts-icon.is-square-share-nodes-icon::before { + content: "\f1e1"; } -.ts-icon.is-house-flag-icon::before { - content: "\e50d"; +.ts-icon.is-folder-minus-icon::before { + content: "\f65d"; } -.ts-icon.is-shopware-icon::before { - font-family: "IconsBrands"; - content: "\f5b5"; +.ts-icon.is-money-bill-1-icon::before { + content: "\f3d1"; } -.ts-icon.is-anchor-lock-icon::before { - content: "\e4ad"; +.ts-icon.is-border-top-left-icon::before { + content: "\f853"; } -.ts-icon.is-faucet-drip-icon::before { - content: "\e006"; +.ts-icon.is-forward-icon::before { + content: "\f04e"; } -.ts-icon.is-gauge-high-icon::before { - content: "\f625"; +.ts-icon.is-java-icon::before { + font-family: "IconsBrands"; + content: "\f4e4"; } -.ts-icon.is-table-columns-icon::before { - content: "\f0db"; +.ts-icon.is-mitten-icon::before { + content: "\f7b5"; } -.ts-icon.is-h-icon::before { - content: "\48"; +.ts-icon.is-sun-plant-wilt-icon::before { + content: "\e57a"; } -.ts-icon.is-tag-icon::before { - content: "\f02b"; +.ts-icon.is-bridge-circle-exclamation-icon::before { + content: "\e4ca"; } -.ts-icon.is-arrow-down-long-icon::before { - content: "\f175"; +.ts-icon.is-circle-chevron-right-icon::before { + content: "\f138"; } -.ts-icon.is-baby-carriage-icon::before { - content: "\f77d"; +.ts-icon.is-joint-icon::before { + content: "\f595"; } -.ts-icon.is-hand-sparkles-icon::before { - content: "\e05d"; +.ts-icon.is-transgender-icon::before { + content: "\f225"; } -.ts-icon.is-hourglass-icon::before { - content: "\f254"; +.ts-icon.is-fort-awesome-icon::before { + font-family: "IconsBrands"; + content: "\f286"; } -.ts-icon.is-palfed-icon::before { +.ts-icon.is-apple-icon::before { font-family: "IconsBrands"; - content: "\f3d8"; + content: "\f179"; } -.ts-icon.is-business-time-icon::before { - content: "\f64a"; +.ts-icon.is-eye-slash-icon::before { + content: "\f070"; } -.ts-icon.is-house-chimney-crack-icon::before { - content: "\f6f1"; +.ts-icon.is-deskpro-icon::before { + font-family: "IconsBrands"; + content: "\f38f"; } -.ts-icon.is-smoking-icon::before { - content: "\f48d"; +.ts-icon.is-face-grin-beam-icon::before { + content: "\f582"; } -.ts-icon.is-bridge-circle-check-icon::before { - content: "\e4c9"; +.ts-icon.is-file-circle-check-icon::before { + content: "\e5a0"; } -.ts-icon.is-phone-slash-icon::before { - content: "\f3dd"; +.ts-icon.is-red-river-icon::before { + font-family: "IconsBrands"; + content: "\f3e3"; } -.ts-icon.is-signs-post-icon::before { - content: "\f277"; +.ts-icon.is-yen-sign-icon::before { + content: "\f157"; } -.ts-icon.is-square-up-right-icon::before { - content: "\f360"; +.ts-icon.is-address-card-icon::before { + content: "\f2bb"; } -.ts-icon.is-teeth-open-icon::before { - content: "\f62f"; +.ts-icon.is-burger-icon::before { + content: "\f805"; } -.ts-icon.is-check-double-icon::before { - content: "\f560"; +.ts-icon.is-arrows-to-circle-icon::before { + content: "\e4bd"; } -.ts-icon.is-dolly-icon::before { - content: "\f472"; +.ts-icon.is-square-check-icon::before { + content: "\f14a"; } -.ts-icon.is-house-flood-water-circle-arrow-right-icon::before { - content: "\e50f"; +.ts-icon.is-keybase-icon::before { + font-family: "IconsBrands"; + content: "\f4f5"; } -.ts-icon.is-naira-sign-icon::before { - content: "\e1f6"; +.ts-icon.is-money-bill-wheat-icon::before { + content: "\e52a"; } -.ts-icon.is-renren-icon::before { - font-family: "IconsBrands"; - content: "\f18b"; +.ts-icon.is-person-circle-exclamation-icon::before { + content: "\e53f"; } -.ts-icon.is-franc-sign-icon::before { - content: "\e18f"; +.ts-icon.is-star-icon::before { + content: "\f005"; } -.ts-icon.is-person-praying-icon::before { - content: "\f683"; +.ts-icon.is-fan-icon::before { + content: "\f863"; } -.ts-icon.is-tablet-icon::before { - content: "\f3fb"; +.ts-icon.is-hand-sparkles-icon::before { + content: "\e05d"; } -.ts-icon.is-ussunnah-icon::before { - font-family: "IconsBrands"; - content: "\f407"; +.ts-icon.is-face-smile-icon::before { + content: "\f118"; } -.ts-icon.is-hashnode-icon::before { +.ts-icon.is-q-icon::before { + content: "\51"; +} + +.ts-icon.is-product-hunt-icon::before { font-family: "IconsBrands"; - content: "\e499"; + content: "\f288"; } -.ts-icon.is-prescription-bottle-icon::before { - content: "\f485"; +.ts-icon.is-cent-sign-icon::before { + content: "\e3f5"; } -.ts-icon.is-square-twitter-icon::before { - font-family: "IconsBrands"; - content: "\f081"; +.ts-icon.is-person-walking-luggage-icon::before { + content: "\e554"; } -.ts-icon.is-charging-station-icon::before { - content: "\f5e7"; +.ts-icon.is-star-half-icon::before { + content: "\f089"; } -.ts-icon.is-person-circle-question-icon::before { - content: "\e542"; +.ts-icon.is-truck-droplet-icon::before { + content: "\e58c"; } -.ts-icon.is-speakap-icon::before { +.ts-icon.is-campground-icon::before { + content: "\f6bb"; +} + +.ts-icon.is-napster-icon::before { font-family: "IconsBrands"; - content: "\f3f3"; + content: "\f3d2"; } -.ts-icon.is-angle-up-icon::before { - content: "\f106"; +.ts-icon.is-cruzeiro-sign-icon::before { + content: "\e152"; } -.ts-icon.is-circle-half-stroke-icon::before { - content: "\f042"; +.ts-icon.is-hand-holding-medical-icon::before { + content: "\e05c"; } -.ts-icon.is-kickstarter-icon::before { - font-family: "IconsBrands"; - content: "\f3bb"; +.ts-icon.is-heart-circle-check-icon::before { + content: "\e4fd"; } -.ts-icon.is-map-pin-icon::before { - content: "\f276"; +.ts-icon.is-k-icon::before { + content: "\4b"; } -.ts-icon.is-square-envelope-icon::before { - content: "\f199"; +.ts-icon.is-person-circle-question-icon::before { + content: "\e542"; } -.ts-icon.is-arrow-right-icon::before { - content: "\f061"; +.ts-icon.is-car-rear-icon::before { + content: "\f5de"; +} + +.ts-icon.is-cookie-bite-icon::before { + content: "\f564"; +} + +.ts-icon.is-grip-lines-vertical-icon::before { + content: "\f7a5"; } -.ts-icon.is-baseball-bat-ball-icon::before { - content: "\f432"; +.ts-icon.is-circle-icon::before { + content: "\f111"; } -.ts-icon.is-file-circle-minus-icon::before { - content: "\e4ed"; +.ts-icon.is-file-excel-icon::before { + content: "\f1c3"; } -.ts-icon.is-paw-icon::before { - content: "\f1b0"; +.ts-icon.is-hotel-icon::before { + content: "\f594"; } -.ts-icon.is-umbrella-beach-icon::before { - content: "\f5ca"; +.ts-icon.is-angles-right-icon::before { + content: "\f101"; } -.ts-icon.is-address-card-icon::before { - content: "\f2bb"; +.ts-icon.is-clover-icon::before { + content: "\e139"; } -.ts-icon.is-arrow-up-icon::before { - content: "\f062"; +.ts-icon.is-tags-icon::before { + content: "\f02c"; } -.ts-icon.is-cloudversify-icon::before { - font-family: "IconsBrands"; - content: "\f385"; +.ts-icon.is-bowling-ball-icon::before { + content: "\f436"; } -.ts-icon.is-circle-play-icon::before { - content: "\f144"; +.ts-icon.is-box-tissue-icon::before { + content: "\e05b"; } -.ts-icon.is-dong-sign-icon::before { - content: "\e169"; +.ts-icon.is-intercom-icon::before { + font-family: "IconsBrands"; + content: "\f7af"; } -.ts-icon.is-arrow-down-9-1-icon::before { - content: "\f886"; +.ts-icon.is-umbrella-icon::before { + content: "\f0e9"; } -.ts-icon.is-chess-knight-icon::before { - content: "\f441"; +.ts-icon.is-chess-icon::before { + content: "\f439"; } -.ts-icon.is-house-chimney-icon::before { - content: "\e3af"; +.ts-icon.is-dumpster-fire-icon::before { + content: "\f794"; } -.ts-icon.is-snowplow-icon::before { - content: "\f7d2"; +.ts-icon.is-house-tsunami-icon::before { + content: "\e515"; } -.ts-icon.is-temperature-high-icon::before { - content: "\f769"; +.ts-icon.is-id-badge-icon::before { + content: "\f2c1"; } -.ts-icon.is-cloudscale-icon::before { +.ts-icon.is-deploydog-icon::before { font-family: "IconsBrands"; - content: "\f383"; + content: "\f38e"; } -.ts-icon.is-handshake-slash-icon::before { - content: "\e060"; +.ts-icon.is-dice-three-icon::before { + content: "\f527"; } -.ts-icon.is-mars-stroke-up-icon::before { - content: "\f22a"; +.ts-icon.is-toilet-portable-icon::before { + content: "\e583"; } -.ts-icon.is-stumbleupon-icon::before { - font-family: "IconsBrands"; - content: "\f1a4"; +.ts-icon.is-infinity-icon::before { + content: "\f534"; } -.ts-icon.is-fill-drip-icon::before { - content: "\f576"; +.ts-icon.is-shekel-sign-icon::before { + content: "\f20b"; } -.ts-icon.is-gifts-icon::before { - content: "\f79c"; +.ts-icon.is-yammer-icon::before { + font-family: "IconsBrands"; + content: "\f840"; } -.ts-icon.is-up-long-icon::before { - content: "\f30c"; +.ts-icon.is-peso-sign-icon::before { + content: "\e222"; } -.ts-icon.is-reacteurope-icon::before { - font-family: "IconsBrands"; - content: "\f75d"; +.ts-icon.is-plane-circle-check-icon::before { + content: "\e555"; } -.ts-icon.is-route-icon::before { - content: "\f4d7"; +.ts-icon.is-ruler-combined-icon::before { + content: "\f546"; } -.ts-icon.is-bezier-curve-icon::before { - content: "\f55b"; +.ts-icon.is-scroll-icon::before { + content: "\f70e"; } -.ts-icon.is-bridge-water-icon::before { - content: "\e4ce"; +.ts-icon.is-skull-crossbones-icon::before { + content: "\f714"; } -.ts-icon.is-deviantart-icon::before { +.ts-icon.is-uikit-icon::before { font-family: "IconsBrands"; - content: "\f1bd"; + content: "\f403"; } -.ts-icon.is-map-location-dot-icon::before { - content: "\f5a0"; +.ts-icon.is-ankh-icon::before { + content: "\f644"; } -.ts-icon.is-p-icon::before { - content: "\50"; +.ts-icon.is-boxes-packing-icon::before { + content: "\e4c7"; } -.ts-icon.is-pump-soap-icon::before { - content: "\e06b"; +.ts-icon.is-gitlab-icon::before { + font-family: "IconsBrands"; + content: "\f296"; } -.ts-icon.is-truck-front-icon::before { - content: "\e2b7"; +.ts-icon.is-boxes-stacked-icon::before { + content: "\f468"; } -.ts-icon.is-wpforms-icon::before { +.ts-icon.is-quinscape-icon::before { font-family: "IconsBrands"; - content: "\f298"; + content: "\f459"; } -.ts-icon.is-book-bible-icon::before { - content: "\f647"; +.ts-icon.is-researchgate-icon::before { + font-family: "IconsBrands"; + content: "\f4f8"; } -.ts-icon.is-circle-arrow-right-icon::before { - content: "\f0a9"; +.ts-icon.is-truck-moving-icon::before { + content: "\f4df"; } -.ts-icon.is-comment-dollar-icon::before { - content: "\f651"; +.ts-icon.is-dna-icon::before { + content: "\f471"; } -.ts-icon.is-meteor-icon::before { - content: "\f753"; +.ts-icon.is-magnet-icon::before { + content: "\f076"; } -.ts-icon.is-sort-down-icon::before { - content: "\f0dd"; +.ts-icon.is-trade-federation-icon::before { + font-family: "IconsBrands"; + content: "\f513"; } -.ts-icon.is-place-of-worship-icon::before { - content: "\f67f"; +.ts-icon.is-jenkins-icon::before { + font-family: "IconsBrands"; + content: "\f3b6"; } -.ts-icon.is-strikethrough-icon::before { - content: "\f0cc"; +.ts-icon.is-monument-icon::before { + content: "\f5a6"; } -.ts-icon.is-telegram-icon::before { - font-family: "IconsBrands"; - content: "\f2c6"; +.ts-icon.is-bacteria-icon::before { + content: "\e059"; } -.ts-icon.is-cc-mastercard-icon::before { +.ts-icon.is-itch-io-icon::before { font-family: "IconsBrands"; - content: "\f1f1"; + content: "\f83a"; } -.ts-icon.is-google-pay-icon::before { - font-family: "IconsBrands"; - content: "\e079"; +.ts-icon.is-microphone-slash-icon::before { + content: "\f131"; } -.ts-icon.is-octopus-deploy-icon::before { - font-family: "IconsBrands"; - content: "\e082"; +.ts-icon.is-road-lock-icon::before { + content: "\e567"; } -.ts-icon.is-person-cane-icon::before { - content: "\e53c"; +.ts-icon.is-glide-g-icon::before { + font-family: "IconsBrands"; + content: "\f2a6"; } -.ts-icon.is-wand-sparkles-icon::before { - content: "\f72b"; +.ts-icon.is-hashtag-icon::before { + content: "\23"; } -.ts-icon.is-people-group-icon::before { - content: "\e533"; +.ts-icon.is-warehouse-icon::before { + content: "\f494"; } -.ts-icon.is-ellipsis-icon::before { - content: "\f141"; +.ts-icon.is-opencart-icon::before { + font-family: "IconsBrands"; + content: "\f23d"; } -.ts-icon.is-key-icon::before { - content: "\f084"; +.ts-icon.is-ups-icon::before { + font-family: "IconsBrands"; + content: "\f7e0"; } -.ts-icon.is-magnifying-glass-plus-icon::before { - content: "\f00e"; +.ts-icon.is-playstation-icon::before { + font-family: "IconsBrands"; + content: "\f3df"; } -.ts-icon.is-newspaper-icon::before { - content: "\f1ea"; +.ts-icon.is-sellsy-icon::before { + font-family: "IconsBrands"; + content: "\f213"; } -.ts-icon.is-quote-left-icon::before { - content: "\f10d"; +.ts-icon.is-github-alt-icon::before { + font-family: "IconsBrands"; + content: "\f113"; } -.ts-icon.is-8-icon::before { - content: "\38"; +.ts-icon.is-oil-well-icon::before { + content: "\e532"; } -.ts-icon.is-arrow-down-1-9-icon::before { - content: "\f162"; +.ts-icon.is-perbyte-icon::before { + font-family: "IconsBrands"; + content: "\e083"; } -.ts-icon.is-arrows-up-to-line-icon::before { - content: "\e4c2"; +.ts-icon.is-square-caret-right-icon::before { + content: "\f152"; } -.ts-icon.is-glass-water-droplet-icon::before { - content: "\e4f5"; +.ts-icon.is-buffer-icon::before { + font-family: "IconsBrands"; + content: "\f837"; } -.ts-icon.is-golf-ball-tee-icon::before { - content: "\f450"; +.ts-icon.is-face-laugh-icon::before { + content: "\f599"; } -.ts-icon.is-mask-icon::before { - content: "\f6fa"; +.ts-icon.is-helicopter-symbol-icon::before { + content: "\e502"; } -.ts-icon.is-house-medical-flag-icon::before { - content: "\e514"; +.ts-icon.is-aws-icon::before { + font-family: "IconsBrands"; + content: "\f375"; } -.ts-icon.is-landmark-icon::before { - content: "\f66f"; +.ts-icon.is-book-medical-icon::before { + content: "\f7e6"; } -.ts-icon.is-square-viadeo-icon::before { - font-family: "IconsBrands"; - content: "\f2aa"; +.ts-icon.is-inbox-icon::before { + content: "\f01c"; } -.ts-icon.is-firefox-browser-icon::before { - font-family: "IconsBrands"; - content: "\e007"; +.ts-icon.is-superscript-icon::before { + content: "\f12b"; } -.ts-icon.is-handcuffs-icon::before { - content: "\e4f8"; +.ts-icon.is-cookie-icon::before { + content: "\f563"; } -.ts-icon.is-person-rays-icon::before { - content: "\e54d"; +.ts-icon.is-fire-flame-curved-icon::before { + content: "\f7e4"; } -.ts-icon.is-r-project-icon::before { - font-family: "IconsBrands"; - content: "\f4f7"; +.ts-icon.is-sd-card-icon::before { + content: "\f7c2"; } -.ts-icon.is-ubuntu-icon::before { - font-family: "IconsBrands"; - content: "\f7df"; +.ts-icon.is-user-slash-icon::before { + content: "\f506"; } -.ts-icon.is-creative-commons-nc-eu-icon::before { - font-family: "IconsBrands"; - content: "\f4e9"; +.ts-icon.is-bacterium-icon::before { + content: "\e05a"; } -.ts-icon.is-house-tsunami-icon::before { - content: "\e515"; +.ts-icon.is-maximize-icon::before { + content: "\f31e"; } -.ts-icon.is-rust-icon::before { - font-family: "IconsBrands"; - content: "\e07a"; +.ts-icon.is-trophy-icon::before { + content: "\f091"; } -.ts-icon.is-battery-half-icon::before { - content: "\f242"; +.ts-icon.is-anchor-circle-xmark-icon::before { + content: "\e4ac"; } -.ts-icon.is-person-dress-burst-icon::before { - content: "\e544"; +.ts-icon.is-keyboard-icon::before { + content: "\f11c"; } -.ts-icon.is-kit-medical-icon::before { - content: "\f479"; +.ts-icon.is-phone-volume-icon::before { + content: "\f2a0"; } -.ts-icon.is-greater-than-icon::before { - content: "\3e"; +.ts-icon.is-pills-icon::before { + content: "\f484"; } -.ts-icon.is-stack-exchange-icon::before { +.ts-icon.is-square-reddit-icon::before { font-family: "IconsBrands"; - content: "\f18d"; + content: "\f1a2"; } -.ts-icon.is-stapler-icon::before { - content: "\e5af"; +.ts-icon.is-buy-n-large-icon::before { + font-family: "IconsBrands"; + content: "\f8a6"; } -.ts-icon.is-table-icon::before { - content: "\f0ce"; +.ts-icon.is-face-grin-wink-icon::before { + content: "\f58c"; } -.ts-icon.is-virus-covid-slash-icon::before { - content: "\e4a9"; +.ts-icon.is-6-icon::before { + content: "\36"; } -.ts-icon.is-xbox-icon::before { - font-family: "IconsBrands"; - content: "\f412"; +.ts-icon.is-stop-icon::before { + content: "\f04d"; } -.ts-icon.is-bold-icon::before { - content: "\f032"; +.ts-icon.is-hand-holding-icon::before { + content: "\f4bd"; } -.ts-icon.is-cc-paypal-icon::before { - font-family: "IconsBrands"; - content: "\f1f4"; +.ts-icon.is-person-circle-minus-icon::before { + content: "\e540"; } -.ts-icon.is-circle-pause-icon::before { - content: "\f28b"; +.ts-icon.is-shoe-prints-icon::before { + content: "\f54b"; } -.ts-icon.is-left-right-icon::before { - content: "\f337"; +.ts-icon.is-bug-icon::before { + content: "\f188"; } -.ts-icon.is-maxcdn-icon::before { +.ts-icon.is-creative-commons-nc-jp-icon::before { font-family: "IconsBrands"; - content: "\f136"; + content: "\f4ea"; } -.ts-icon.is-toilet-icon::before { - content: "\f7d8"; +.ts-icon.is-house-crack-icon::before { + content: "\e3b1"; } -.ts-icon.is-vial-icon::before { - content: "\f492"; +.ts-icon.is-node-icon::before { + font-family: "IconsBrands"; + content: "\f419"; } -.ts-icon.is-chevron-left-icon::before { - content: "\f053"; +.ts-icon.is-arrow-left-long-icon::before { + content: "\f177"; } -.ts-icon.is-circle-chevron-down-icon::before { - content: "\f13a"; +.ts-icon.is-face-laugh-squint-icon::before { + content: "\f59b"; } -.ts-icon.is-link-icon::before { - content: "\f0c1"; +.ts-icon.is-head-side-cough-slash-icon::before { + content: "\e062"; } -.ts-icon.is-square-icon::before { - content: "\f0c8"; +.ts-icon.is-connectdevelop-icon::before { + font-family: "IconsBrands"; + content: "\f20e"; } -.ts-icon.is-square-instagram-icon::before { +.ts-icon.is-galactic-republic-icon::before { font-family: "IconsBrands"; - content: "\e055"; + content: "\f50c"; } -.ts-icon.is-timeline-icon::before { - content: "\e29c"; +.ts-icon.is-square-dribbble-icon::before { + font-family: "IconsBrands"; + content: "\f397"; } -.ts-icon.is-person-pregnant-icon::before { - content: "\e31e"; +.ts-icon.is-volume-high-icon::before { + content: "\f028"; } -.ts-icon.is-wodu-icon::before { +.ts-icon.is-arrow-right-arrow-left-icon::before { + content: "\f0ec"; +} + +.ts-icon.is-codepen-icon::before { font-family: "IconsBrands"; - content: "\e088"; + content: "\f1cb"; } -.ts-icon.is-arrows-rotate-icon::before { - content: "\f021"; +.ts-icon.is-plug-circle-xmark-icon::before { + content: "\e560"; } -.ts-icon.is-aws-icon::before { - font-family: "IconsBrands"; - content: "\f375"; +.ts-icon.is-align-left-icon::before { + content: "\f036"; } -.ts-icon.is-strava-icon::before { +.ts-icon.is-ember-icon::before { font-family: "IconsBrands"; - content: "\f428"; + content: "\f423"; } -.ts-icon.is-fan-icon::before { - content: "\f863"; +.ts-icon.is-spell-check-icon::before { + content: "\f891"; } -.ts-icon.is-trade-federation-icon::before { +.ts-icon.is-think-peaks-icon::before { font-family: "IconsBrands"; - content: "\f513"; + content: "\f731"; } -.ts-icon.is-check-to-slot-icon::before { - content: "\f772"; +.ts-icon.is-arrow-trend-up-icon::before { + content: "\e098"; } -.ts-icon.is-gitkraken-icon::before { - font-family: "IconsBrands"; - content: "\f3a6"; +.ts-icon.is-person-walking-arrow-right-icon::before { + content: "\e552"; } -.ts-icon.is-school-lock-icon::before { - content: "\e56f"; +.ts-icon.is-satellite-icon::before { + content: "\f7bf"; } -.ts-icon.is-arrows-up-down-left-right-icon::before { - content: "\f047"; +.ts-icon.is-square-xing-icon::before { + font-family: "IconsBrands"; + content: "\f169"; } -.ts-icon.is-image-portrait-icon::before { - content: "\f3e0"; +.ts-icon.is-wix-icon::before { + font-family: "IconsBrands"; + content: "\f5cf"; } -.ts-icon.is-megaport-icon::before { +.ts-icon.is-flickr-icon::before { font-family: "IconsBrands"; - content: "\f5a3"; + content: "\f16e"; } -.ts-icon.is-nimblr-icon::before { +.ts-icon.is-pagelines-icon::before { font-family: "IconsBrands"; - content: "\f5a8"; + content: "\f18c"; } -.ts-icon.is-bity-icon::before { - font-family: "IconsBrands"; - content: "\f37a"; +.ts-icon.is-hamsa-icon::before { + content: "\f665"; } -.ts-icon.is-file-medical-icon::before { - content: "\f477"; +.ts-icon.is-stack-exchange-icon::before { + font-family: "IconsBrands"; + content: "\f18d"; } -.ts-icon.is-hand-holding-dollar-icon::before { - content: "\f4c0"; +.ts-icon.is-forward-step-icon::before { + content: "\f051"; } -.ts-icon.is-person-walking-arrow-right-icon::before { - content: "\e552"; +.ts-icon.is-prescription-bottle-medical-icon::before { + content: "\f486"; } -.ts-icon.is-wand-magic-sparkles-icon::before { - content: "\e2ca"; +.ts-icon.is-address-book-icon::before { + content: "\f2b9"; } -.ts-icon.is-a-icon::before { - content: "\41"; +.ts-icon.is-face-grin-tongue-wink-icon::before { + content: "\f58b"; } -.ts-icon.is-circle-chevron-left-icon::before { - content: "\f137"; +.ts-icon.is-map-icon::before { + content: "\f279"; } -.ts-icon.is-trello-icon::before { +.ts-icon.is-readme-icon::before { font-family: "IconsBrands"; - content: "\f181"; + content: "\f4d5"; } -.ts-icon.is-face-grin-beam-sweat-icon::before { - content: "\f583"; +.ts-icon.is-dice-d20-icon::before { + content: "\f6cf"; } -.ts-icon.is-face-grin-tongue-icon::before { - content: "\f589"; +.ts-icon.is-gauge-icon::before { + content: "\f624"; } -.ts-icon.is-face-laugh-icon::before { - content: "\f599"; +.ts-icon.is-mars-stroke-icon::before { + content: "\f229"; } -.ts-icon.is-pen-nib-icon::before { - content: "\f5ad"; +.ts-icon.is-viacoin-icon::before { + font-family: "IconsBrands"; + content: "\f237"; +} + +.ts-icon.is-code-icon::before { + content: "\f121"; +} + +.ts-icon.is-egg-icon::before { + content: "\f7fb"; } -.ts-icon.is-arrow-down-up-lock-icon::before { - content: "\e4b0"; +.ts-icon.is-earth-europe-icon::before { + content: "\f7a2"; } -.ts-icon.is-creative-commons-zero-icon::before { - font-family: "IconsBrands"; - content: "\f4f3"; +.ts-icon.is-person-arrow-down-to-line-icon::before { + content: "\e538"; } -.ts-icon.is-face-grin-tears-icon::before { - content: "\f588"; +.ts-icon.is-dolly-icon::before { + content: "\f472"; } -.ts-icon.is-goodreads-icon::before { - font-family: "IconsBrands"; - content: "\f3a8"; +.ts-icon.is-circle-play-icon::before { + content: "\f144"; } -.ts-icon.is-broom-ball-icon::before { - content: "\f458"; +.ts-icon.is-closed-captioning-icon::before { + content: "\f20a"; } -.ts-icon.is-dice-six-icon::before { - content: "\f526"; +.ts-icon.is-circle-down-icon::before { + content: "\f358"; } -.ts-icon.is-virus-slash-icon::before { - content: "\e075"; +.ts-icon.is-sort-up-icon::before { + content: "\f0de"; } -.ts-icon.is-chess-pawn-icon::before { - content: "\f443"; +.ts-icon.is-code-compare-icon::before { + content: "\e13a"; } -.ts-icon.is-credit-card-icon::before { - content: "\f09d"; +.ts-icon.is-envelopes-bulk-icon::before { + content: "\f674"; } -.ts-icon.is-meetup-icon::before { - font-family: "IconsBrands"; - content: "\f2e0"; +.ts-icon.is-user-secret-icon::before { + content: "\f21b"; } -.ts-icon.is-mill-sign-icon::before { - content: "\e1ed"; +.ts-icon.is-wpforms-icon::before { + font-family: "IconsBrands"; + content: "\f298"; } -.ts-icon.is-arrow-right-long-icon::before { - content: "\f178"; +.ts-icon.is-arrow-trend-down-icon::before { + content: "\e097"; } -.ts-icon.is-wine-glass-icon::before { - content: "\f4e3"; +.ts-icon.is-arrows-split-up-and-left-icon::before { + content: "\e4bc"; } -.ts-icon.is-face-grin-squint-tears-icon::before { - content: "\f586"; +.ts-icon.is-person-walking-with-cane-icon::before { + content: "\f29d"; } -.ts-icon.is-magnifying-glass-minus-icon::before { - content: "\f010"; +.ts-icon.is-bowl-food-icon::before { + content: "\e4c6"; } -.ts-icon.is-autoprefixer-icon::before { - font-family: "IconsBrands"; - content: "\f41c"; +.ts-icon.is-horse-head-icon::before { + content: "\f7ab"; } -.ts-icon.is-bookmark-icon::before { - content: "\f02e"; +.ts-icon.is-chart-gantt-icon::before { + content: "\e0e4"; } -.ts-icon.is-child-dress-icon::before { - content: "\e59c"; +.ts-icon.is-calculator-icon::before { + content: "\f1ec"; } -.ts-icon.is-diaspora-icon::before { +.ts-icon.is-meta-icon::before { font-family: "IconsBrands"; - content: "\f791"; + content: "\e49b"; } -.ts-icon.is-bars-icon::before { - content: "\f0c9"; +.ts-icon.is-person-praying-icon::before { + content: "\f683"; } -.ts-icon.is-temperature-quarter-icon::before { - content: "\f2ca"; +.ts-icon.is-stripe-s-icon::before { + font-family: "IconsBrands"; + content: "\f42a"; } -.ts-icon.is-user-doctor-icon::before { - content: "\f0f0"; +.ts-icon.is-anchor-circle-exclamation-icon::before { + content: "\e4ab"; } -.ts-icon.is-usps-icon::before { - font-family: "IconsBrands"; - content: "\f7e1"; +.ts-icon.is-book-bible-icon::before { + content: "\f647"; } -.ts-icon.is-flipboard-icon::before { +.ts-icon.is-stumbleupon-circle-icon::before { font-family: "IconsBrands"; - content: "\f44d"; + content: "\f1a3"; } -.ts-icon.is-freebsd-icon::before { - font-family: "IconsBrands"; - content: "\f3a4"; +.ts-icon.is-house-medical-circle-exclamation-icon::before { + content: "\e512"; } -.ts-icon.is-gulp-icon::before { +.ts-icon.is-ns8-icon::before { font-family: "IconsBrands"; - content: "\f3ae"; + content: "\f3d5"; } -.ts-icon.is-hourglass-end-icon::before { - content: "\f253"; +.ts-icon.is-cloud-arrow-down-icon::before { + content: "\f0ed"; } -.ts-icon.is-r-icon::before { - content: "\52"; +.ts-icon.is-handshake-simple-slash-icon::before { + content: "\e05f"; } -.ts-icon.is-sith-icon::before { - font-family: "IconsBrands"; - content: "\f512"; +.ts-icon.is-ruler-vertical-icon::before { + content: "\f548"; } -.ts-icon.is-globe-icon::before { - content: "\f0ac"; +.ts-icon.is-sheet-plastic-icon::before { + content: "\e571"; } -.ts-icon.is-itunes-note-icon::before { +.ts-icon.is-usps-icon::before { font-family: "IconsBrands"; - content: "\f3b5"; + content: "\f7e1"; } -.ts-icon.is-tower-observation-icon::before { - content: "\e586"; +.ts-icon.is-compass-drafting-icon::before { + content: "\f568"; } -.ts-icon.is-ello-icon::before { - font-family: "IconsBrands"; - content: "\f5f1"; +.ts-icon.is-face-kiss-beam-icon::before { + content: "\f597"; } -.ts-icon.is-stackpath-icon::before { - font-family: "IconsBrands"; - content: "\f842"; +.ts-icon.is-panorama-icon::before { + content: "\e209"; } -.ts-icon.is-bowl-food-icon::before { - content: "\e4c6"; +.ts-icon.is-arrow-down-up-lock-icon::before { + content: "\e4b0"; } -.ts-icon.is-cc-diners-club-icon::before { - font-family: "IconsBrands"; - content: "\f24c"; +.ts-icon.is-file-invoice-icon::before { + content: "\f570"; } -.ts-icon.is-peace-icon::before { - content: "\f67c"; +.ts-icon.is-envelope-open-icon::before { + content: "\f2b6"; } -.ts-icon.is-person-biking-icon::before { - content: "\f84a"; +.ts-icon.is-star-of-david-icon::before { + content: "\f69a"; } -.ts-icon.is-avianex-icon::before { - font-family: "IconsBrands"; - content: "\f374"; +.ts-icon.is-arrow-pointer-icon::before { + content: "\f245"; } -.ts-icon.is-folder-open-icon::before { - content: "\f07c"; +.ts-icon.is-computer-icon::before { + content: "\e4e5"; } -.ts-icon.is-indian-rupee-sign-icon::before { - content: "\e1bc"; +.ts-icon.is-recycle-icon::before { + content: "\f1b8"; } -.ts-icon.is-less-than-icon::before { - content: "\3c"; +.ts-icon.is-symfony-icon::before { + font-family: "IconsBrands"; + content: "\f83d"; } -.ts-icon.is-mattress-pillow-icon::before { - content: "\e525"; +.ts-icon.is-house-flood-water-icon::before { + content: "\e50e"; } -.ts-icon.is-ticket-simple-icon::before { - content: "\f3ff"; +.ts-icon.is-igloo-icon::before { + content: "\f7ae"; } -.ts-icon.is-align-left-icon::before { - content: "\f036"; +.ts-icon.is-lines-leaning-icon::before { + content: "\e51e"; } -.ts-icon.is-goodreads-g-icon::before { +.ts-icon.is-gitter-icon::before { font-family: "IconsBrands"; - content: "\f3a9"; + content: "\f426"; } -.ts-icon.is-tree-city-icon::before { - content: "\e587"; +.ts-icon.is-hand-back-fist-icon::before { + content: "\f255"; } -.ts-icon.is-wpressr-icon::before { +.ts-icon.is-square-vimeo-icon::before { font-family: "IconsBrands"; - content: "\f3e4"; + content: "\f194"; } -.ts-icon.is-burst-icon::before { - content: "\e4dc"; +.ts-icon.is-kip-sign-icon::before { + content: "\e1c4"; } -.ts-icon.is-expand-icon::before { - content: "\f065"; +.ts-icon.is-tower-cell-icon::before { + content: "\e585"; } -.ts-icon.is-file-signature-icon::before { - content: "\f573"; +.ts-icon.is-cc-mastercard-icon::before { + font-family: "IconsBrands"; + content: "\f1f1"; } -.ts-icon.is-square-minus-icon::before { - content: "\f146"; +.ts-icon.is-hourglass-half-icon::before { + content: "\f252"; } -.ts-icon.is-facebook-icon::before { - font-family: "IconsBrands"; - content: "\f09a"; +.ts-icon.is-face-laugh-beam-icon::before { + content: "\f59a"; } -.ts-icon.is-square-pied-piper-icon::before { +.ts-icon.is-nutritionix-icon::before { font-family: "IconsBrands"; - content: "\e01e"; -} - -.ts-icon.is-bag-shopping-icon::before { - content: "\f290"; + content: "\f3d6"; } -.ts-icon.is-bell-icon::before { - content: "\f0f3"; +.ts-icon.is-triangle-exclamation-icon::before { + content: "\f071"; } -.ts-icon.is-candy-cane-icon::before { - content: "\f786"; +.ts-icon.is-vimeo-icon::before { + font-family: "IconsBrands"; + content: "\f40a"; } -.ts-icon.is-car-side-icon::before { - content: "\f5e4"; +.ts-icon.is-artstation-icon::before { + font-family: "IconsBrands"; + content: "\f77a"; } -.ts-icon.is-mound-icon::before { - content: "\e52d"; +.ts-icon.is-b-icon::before { + content: "\42"; } -.ts-icon.is-typo3-icon::before { +.ts-icon.is-snapchat-icon::before { font-family: "IconsBrands"; - content: "\f42b"; + content: "\f2ab"; } -.ts-icon.is-w-icon::before { - content: "\57"; +.ts-icon.is-square-google-plus-icon::before { + font-family: "IconsBrands"; + content: "\f0d4"; } -.ts-icon.is-arrow-up-from-bracket-icon::before { - content: "\e09a"; +.ts-icon.is-amazon-icon::before { + font-family: "IconsBrands"; + content: "\f270"; } -.ts-icon.is-arrow-up-wide-short-icon::before { - content: "\f161"; +.ts-icon.is-magnifying-glass-minus-icon::before { + content: "\f010"; } -.ts-icon.is-gauge-icon::before { - content: "\f624"; +.ts-icon.is-circle-right-icon::before { + content: "\f35a"; } -.ts-icon.is-sellcast-icon::before { - font-family: "IconsBrands"; - content: "\f2da"; +.ts-icon.is-e-icon::before { + content: "\45"; } -.ts-icon.is-swift-icon::before { - font-family: "IconsBrands"; - content: "\f8e1"; +.ts-icon.is-mars-icon::before { + content: "\f222"; } -.ts-icon.is-unlock-icon::before { - content: "\f09c"; +.ts-icon.is-chart-pie-icon::before { + content: "\f200"; } -.ts-icon.is-backward-icon::before { - content: "\f04a"; +.ts-icon.is-lock-open-icon::before { + content: "\f3c1"; } -.ts-icon.is-mastodon-icon::before { +.ts-icon.is-npm-icon::before { font-family: "IconsBrands"; - content: "\f4f6"; -} - -.ts-icon.is-question-icon::before { - content: "\3f"; + content: "\f3d4"; } -.ts-icon.is-angellist-icon::before { +.ts-icon.is-weibo-icon::before { font-family: "IconsBrands"; - content: "\f209"; + content: "\f18a"; } -.ts-icon.is-angles-left-icon::before { - content: "\f100"; +.ts-icon.is-dropbox-icon::before { + font-family: "IconsBrands"; + content: "\f16b"; } -.ts-icon.is-cloud-meatball-icon::before { - content: "\f73b"; +.ts-icon.is-file-arrow-down-icon::before { + content: "\f56d"; } -.ts-icon.is-person-burst-icon::before { - content: "\e53b"; +.ts-icon.is-bridge-circle-xmark-icon::before { + content: "\e4cb"; } -.ts-icon.is-spray-can-icon::before { - content: "\f5bd"; +.ts-icon.is-vials-icon::before { + content: "\f493"; } -.ts-icon.is-arrows-left-right-icon::before { - content: "\f07e"; +.ts-icon.is-mug-saucer-icon::before { + content: "\f0f4"; } -.ts-icon.is-stumbleupon-circle-icon::before { +.ts-icon.is-hire-a-helper-icon::before { font-family: "IconsBrands"; - content: "\f1a3"; + content: "\f3b0"; } -.ts-icon.is-c-icon::before { - content: "\43"; +.ts-icon.is-prescription-icon::before { + content: "\f5b1"; } -.ts-icon.is-face-rolling-eyes-icon::before { - content: "\f5a5"; +.ts-icon.is-suitcase-rolling-icon::before { + content: "\f5c1"; } -.ts-icon.is-square-pen-icon::before { - content: "\f14b"; +.ts-icon.is-user-gear-icon::before { + content: "\f4fe"; } -.ts-icon.is-border-all-icon::before { - content: "\f84c"; +.ts-icon.is-diagram-successor-icon::before { + content: "\e47a"; } -.ts-icon.is-sticker-mule-icon::before { +.ts-icon.is-edge-icon::before { font-family: "IconsBrands"; - content: "\f3f7"; + content: "\f282"; } -.ts-icon.is-anchor-circle-xmark-icon::before { - content: "\e4ac"; +.ts-icon.is-text-slash-icon::before { + content: "\f87d"; } -.ts-icon.is-austral-sign-icon::before { - content: "\e0a9"; +.ts-icon.is-arrow-down-up-across-line-icon::before { + content: "\e4af"; } -.ts-icon.is-poop-icon::before { - content: "\f619"; +.ts-icon.is-circle-nodes-icon::before { + content: "\e4e2"; } -.ts-icon.is-rotate-right-icon::before { - content: "\f2f9"; +.ts-icon.is-capsules-icon::before { + content: "\f46b"; } -.ts-icon.is-user-group-icon::before { - content: "\f500"; +.ts-icon.is-slideshare-icon::before { + font-family: "IconsBrands"; + content: "\f1e7"; } -.ts-icon.is-camera-retro-icon::before { - content: "\f083"; +.ts-icon.is-hand-lizard-icon::before { + content: "\f258"; } -.ts-icon.is-bowling-ball-icon::before { - content: "\f436"; +.ts-icon.is-map-location-dot-icon::before { + content: "\f5a0"; } -.ts-icon.is-envelope-open-icon::before { - content: "\f2b6"; +.ts-icon.is-person-dots-from-line-icon::before { + content: "\f470"; } -.ts-icon.is-heart-circle-bolt-icon::before { - content: "\e4fc"; +.ts-icon.is-person-pregnant-icon::before { + content: "\e31e"; } -.ts-icon.is-creative-commons-nd-icon::before { - font-family: "IconsBrands"; - content: "\f4eb"; +.ts-icon.is-shirt-icon::before { + content: "\f553"; } -.ts-icon.is-jet-fighter-up-icon::before { - content: "\e518"; +.ts-icon.is-comment-slash-icon::before { + content: "\f4b3"; } -.ts-icon.is-linux-icon::before { +.ts-icon.is-edge-legacy-icon::before { font-family: "IconsBrands"; - content: "\f17c"; + content: "\e078"; } -.ts-icon.is-hands-asl-interpreting-icon::before { - content: "\f2a3"; +.ts-icon.is-road-barrier-icon::before { + content: "\e562"; } -.ts-icon.is-microphone-lines-slash-icon::before { - content: "\f539"; +.ts-icon.is-crop-icon::before { + content: "\f125"; } -.ts-icon.is-shield-halved-icon::before { - content: "\f3ed"; +.ts-icon.is-jar-wheat-icon::before { + content: "\e517"; } -.ts-icon.is-circle-chevron-right-icon::before { - content: "\f138"; +.ts-icon.is-imdb-icon::before { + font-family: "IconsBrands"; + content: "\f2d8"; } -.ts-icon.is-people-roof-icon::before { - content: "\e537"; +.ts-icon.is-renren-icon::before { + font-family: "IconsBrands"; + content: "\f18b"; } -.ts-icon.is-themeisle-icon::before { +.ts-icon.is-square-facebook-icon::before { font-family: "IconsBrands"; - content: "\f2b2"; + content: "\f082"; } -.ts-icon.is-thermometer-icon::before { - content: "\f491"; +.ts-icon.is-tent-arrow-left-right-icon::before { + content: "\e57f"; } -.ts-icon.is-bacteria-icon::before { - content: "\e059"; +.ts-icon.is-truck-arrow-right-icon::before { + content: "\e58b"; } -.ts-icon.is-buy-n-large-icon::before { - font-family: "IconsBrands"; - content: "\f8a6"; +.ts-icon.is-bell-icon::before { + content: "\f0f3"; } -.ts-icon.is-tty-icon::before { - content: "\f1e4"; +.ts-icon.is-child-dress-icon::before { + content: "\e59c"; } -.ts-icon.is-weibo-icon::before { - font-family: "IconsBrands"; - content: "\f18a"; +.ts-icon.is-left-long-icon::before { + content: "\f30a"; } -.ts-icon.is-dailymotion-icon::before { - font-family: "IconsBrands"; - content: "\e052"; +.ts-icon.is-paw-icon::before { + content: "\f1b0"; } -.ts-icon.is-fedex-icon::before { +.ts-icon.is-reddit-icon::before { font-family: "IconsBrands"; - content: "\f797"; + content: "\f1a1"; } -.ts-icon.is-hourglass-start-icon::before { - content: "\f251"; +.ts-icon.is-thermometer-icon::before { + content: "\f491"; } -.ts-icon.is-k-icon::before { - content: "\4b"; +.ts-icon.is-blender-icon::before { + content: "\f517"; } -.ts-icon.is-pen-icon::before { - content: "\f304"; +.ts-icon.is-euro-sign-icon::before { + content: "\f153"; } -.ts-icon.is-u-icon::before { - content: "\55"; +.ts-icon.is-laravel-icon::before { + font-family: "IconsBrands"; + content: "\f3bd"; } -.ts-icon.is-comments-dollar-icon::before { - content: "\f653"; +.ts-icon.is-plane-icon::before { + content: "\f072"; } -.ts-icon.is-masks-theater-icon::before { - content: "\f630"; +.ts-icon.is-hand-scissors-icon::before { + content: "\f257"; } -.ts-icon.is-bluetooth-b-icon::before { - font-family: "IconsBrands"; - content: "\f294"; +.ts-icon.is-person-falling-icon::before { + content: "\e546"; } -.ts-icon.is-face-laugh-wink-icon::before { - content: "\f59c"; +.ts-icon.is-caret-right-icon::before { + content: "\f0da"; } -.ts-icon.is-supple-icon::before { - font-family: "IconsBrands"; - content: "\f3f9"; +.ts-icon.is-clone-icon::before { + content: "\f24d"; } -.ts-icon.is-bars-staggered-icon::before { - content: "\f550"; +.ts-icon.is-face-grin-tongue-squint-icon::before { + content: "\f58a"; } -.ts-icon.is-github-alt-icon::before { +.ts-icon.is-fly-icon::before { font-family: "IconsBrands"; - content: "\f113"; + content: "\f417"; } -.ts-icon.is-droplet-icon::before { - content: "\f043"; +.ts-icon.is-solar-panel-icon::before { + content: "\f5ba"; +} + +.ts-icon.is-umbraco-icon::before { + font-family: "IconsBrands"; + content: "\f8e8"; } -.ts-icon.is-envira-icon::before { - font-family: "IconsBrands"; - content: "\f299"; +.ts-icon.is-couch-icon::before { + content: "\f4b8"; } -.ts-icon.is-square-git-icon::before { - font-family: "IconsBrands"; - content: "\f1d2"; +.ts-icon.is-face-grin-tears-icon::before { + content: "\f588"; } -.ts-icon.is-superscript-icon::before { - content: "\f12b"; +.ts-icon.is-head-side-virus-icon::before { + content: "\e064"; } -.ts-icon.is-vihara-icon::before { - content: "\f6a7"; +.ts-icon.is-lemon-icon::before { + content: "\f094"; } .ts-icon.is-wizards-of-the-coast-icon::before { @@ -5623,594 +5655,589 @@ content: "\f730"; } -.ts-icon.is-clipboard-list-icon::before { - content: "\f46d"; -} - -.ts-icon.is-face-grin-wink-icon::before { - content: "\f58c"; +.ts-icon.is-angle-down-icon::before { + content: "\f107"; } -.ts-icon.is-helmet-safety-icon::before { - content: "\f807"; +.ts-icon.is-database-icon::before { + content: "\f1c0"; } -.ts-icon.is-laptop-medical-icon::before { - content: "\f812"; +.ts-icon.is-angrycreative-icon::before { + font-family: "IconsBrands"; + content: "\f36e"; } -.ts-icon.is-snowflake-icon::before { - content: "\f2dc"; +.ts-icon.is-empire-icon::before { + font-family: "IconsBrands"; + content: "\f1d1"; } -.ts-icon.is-tablet-screen-button-icon::before { - content: "\f3fa"; +.ts-icon.is-php-icon::before { + font-family: "IconsBrands"; + content: "\f457"; } -.ts-icon.is-dumpster-icon::before { - content: "\f793"; +.ts-icon.is-right-left-icon::before { + content: "\f362"; } -.ts-icon.is-pen-ruler-icon::before { - content: "\f5ae"; +.ts-icon.is-satellite-dish-icon::before { + content: "\f7c0"; } -.ts-icon.is-utensils-icon::before { - content: "\f2e7"; +.ts-icon.is-thumbs-up-icon::before { + content: "\f164"; } -.ts-icon.is-file-invoice-dollar-icon::before { - content: "\f571"; +.ts-icon.is-divide-icon::before { + content: "\f529"; } -.ts-icon.is-microphone-icon::before { - content: "\f130"; +.ts-icon.is-person-dress-burst-icon::before { + content: "\e544"; } -.ts-icon.is-node-icon::before { +.ts-icon.is-bilibili-icon::before { font-family: "IconsBrands"; - content: "\f419"; + content: "\e3d9"; } -.ts-icon.is-creative-commons-pd-icon::before { +.ts-icon.is-cc-diners-club-icon::before { font-family: "IconsBrands"; - content: "\f4ec"; + content: "\f24c"; } -.ts-icon.is-flickr-icon::before { +.ts-icon.is-tiktok-icon::before { font-family: "IconsBrands"; - content: "\f16e"; + content: "\e07b"; } -.ts-icon.is-link-slash-icon::before { - content: "\f127"; +.ts-icon.is-arrow-up-a-z-icon::before { + content: "\f15e"; } -.ts-icon.is-redhat-icon::before { - font-family: "IconsBrands"; - content: "\f7bc"; +.ts-icon.is-baht-sign-icon::before { + content: "\e0ac"; } -.ts-icon.is-star-of-life-icon::before { - content: "\f621"; +.ts-icon.is-person-skiing-nordic-icon::before { + content: "\f7ca"; } -.ts-icon.is-address-book-icon::before { - content: "\f2b9"; +.ts-icon.is-universal-access-icon::before { + content: "\f29a"; } -.ts-icon.is-barcode-icon::before { - content: "\f02a"; +.ts-icon.is-digg-icon::before { + font-family: "IconsBrands"; + content: "\f1a6"; } -.ts-icon.is-dna-icon::before { - content: "\f471"; +.ts-icon.is-object-group-icon::before { + content: "\f247"; } -.ts-icon.is-drupal-icon::before { +.ts-icon.is-dochub-icon::before { font-family: "IconsBrands"; - content: "\f1a9"; + content: "\f394"; } -.ts-icon.is-paint-roller-icon::before { - content: "\f5aa"; +.ts-icon.is-truck-medical-icon::before { + content: "\f0f9"; } -.ts-icon.is-square-gitlab-icon::before { - font-family: "IconsBrands"; - content: "\e5ae"; +.ts-icon.is-user-icon::before { + content: "\f007"; } -.ts-icon.is-store-icon::before { - content: "\f54e"; +.ts-icon.is-cloud-meatball-icon::before { + content: "\f73b"; } -.ts-icon.is-street-view-icon::before { - content: "\f21d"; +.ts-icon.is-maxcdn-icon::before { + font-family: "IconsBrands"; + content: "\f136"; } -.ts-icon.is-bug-slash-icon::before { - content: "\e490"; +.ts-icon.is-phabricator-icon::before { + font-family: "IconsBrands"; + content: "\f3db"; } -.ts-icon.is-city-icon::before { - content: "\f64f"; +.ts-icon.is-eye-low-vision-icon::before { + content: "\f2a8"; } -.ts-icon.is-envelope-circle-check-icon::before { - content: "\e4e8"; +.ts-icon.is-face-rolling-eyes-icon::before { + content: "\f5a5"; } -.ts-icon.is-fire-extinguisher-icon::before { - content: "\f134"; +.ts-icon.is-square-steam-icon::before { + font-family: "IconsBrands"; + content: "\f1b7"; } -.ts-icon.is-mars-stroke-right-icon::before { - content: "\f22b"; +.ts-icon.is-house-flag-icon::before { + content: "\e50d"; } -.ts-icon.is-plane-slash-icon::before { - content: "\e069"; +.ts-icon.is-paint-roller-icon::before { + content: "\f5aa"; } -.ts-icon.is-google-icon::before { - font-family: "IconsBrands"; - content: "\f1a0"; +.ts-icon.is-person-falling-burst-icon::before { + content: "\e547"; } -.ts-icon.is-cloudsmith-icon::before { +.ts-icon.is-simplybuilt-icon::before { font-family: "IconsBrands"; - content: "\f384"; -} - -.ts-icon.is-drum-icon::before { - content: "\f569"; + content: "\f215"; } -.ts-icon.is-readme-icon::before { - font-family: "IconsBrands"; - content: "\f4d5"; +.ts-icon.is-users-icon::before { + content: "\f0c0"; } -.ts-icon.is-align-justify-icon::before { - content: "\f039"; +.ts-icon.is-arrow-down-short-wide-icon::before { + content: "\f884"; } -.ts-icon.is-discourse-icon::before { - font-family: "IconsBrands"; - content: "\f393"; +.ts-icon.is-khanda-icon::before { + content: "\f66d"; } -.ts-icon.is-edge-legacy-icon::before { - font-family: "IconsBrands"; - content: "\e078"; +.ts-icon.is-traffic-light-icon::before { + content: "\f637"; } -.ts-icon.is-mobile-button-icon::before { - content: "\f10b"; +.ts-icon.is-baseball-icon::before { + content: "\f433"; } -.ts-icon.is-temperature-arrow-down-icon::before { - content: "\e03f"; +.ts-icon.is-scroll-torah-icon::before { + content: "\f6a0"; } -.ts-icon.is-yin-yang-icon::before { - content: "\f6ad"; +.ts-icon.is-mandalorian-icon::before { + font-family: "IconsBrands"; + content: "\f50f"; } -.ts-icon.is-gripfire-icon::before { +.ts-icon.is-nimblr-icon::before { font-family: "IconsBrands"; - content: "\f3ac"; + content: "\f5a8"; } -.ts-icon.is-house-lock-icon::before { - content: "\e510"; +.ts-icon.is-candy-cane-icon::before { + content: "\f786"; } -.ts-icon.is-up-right-from-square-icon::before { - content: "\f35d"; +.ts-icon.is-house-medical-circle-check-icon::before { + content: "\e511"; } -.ts-icon.is-wikipedia-w-icon::before { - font-family: "IconsBrands"; - content: "\f266"; +.ts-icon.is-dumbbell-icon::before { + content: "\f44b"; } -.ts-icon.is-trophy-icon::before { - content: "\f091"; +.ts-icon.is-film-icon::before { + content: "\f008"; } -.ts-icon.is-church-icon::before { - content: "\f51d"; +.ts-icon.is-gratipay-icon::before { + font-family: "IconsBrands"; + content: "\f184"; } -.ts-icon.is-file-circle-check-icon::before { - content: "\e5a0"; +.ts-icon.is-laptop-icon::before { + content: "\f109"; } -.ts-icon.is-git-alt-icon::before { - font-family: "IconsBrands"; - content: "\f841"; +.ts-icon.is-cloud-showers-water-icon::before { + content: "\e4e4"; } -.ts-icon.is-jet-fighter-icon::before { - content: "\f0fb"; +.ts-icon.is-compress-icon::before { + content: "\f066"; } -.ts-icon.is-qq-icon::before { +.ts-icon.is-square-instagram-icon::before { font-family: "IconsBrands"; - content: "\f1d6"; + content: "\e055"; } -.ts-icon.is-stamp-icon::before { - content: "\f5bf"; +.ts-icon.is-square-twitter-icon::before { + font-family: "IconsBrands"; + content: "\f081"; } -.ts-icon.is-500px-icon::before { +.ts-icon.is-git-icon::before { font-family: "IconsBrands"; - content: "\f26e"; + content: "\f1d3"; } -.ts-icon.is-feather-icon::before { - content: "\f52d"; +.ts-icon.is-plate-wheat-icon::before { + content: "\e55a"; +} + +.ts-icon.is-building-circle-xmark-icon::before { + content: "\e4d4"; } -.ts-icon.is-folder-icon::before { - content: "\f07b"; +.ts-icon.is-t-icon::before { + content: "\54"; } -.ts-icon.is-app-store-icon::before { +.ts-icon.is-fantasy-flight-games-icon::before { font-family: "IconsBrands"; - content: "\f36f"; + content: "\f6dc"; } -.ts-icon.is-codepen-icon::before { - font-family: "IconsBrands"; - content: "\f1cb"; +.ts-icon.is-fire-extinguisher-icon::before { + content: "\f134"; } -.ts-icon.is-heart-crack-icon::before { - content: "\f7a9"; +.ts-icon.is-square-caret-down-icon::before { + content: "\f150"; } -.ts-icon.is-atlassian-icon::before { - font-family: "IconsBrands"; - content: "\f77b"; +.ts-icon.is-arrow-up-1-9-icon::before { + content: "\f163"; } -.ts-icon.is-bitbucket-icon::before { - font-family: "IconsBrands"; - content: "\f171"; +.ts-icon.is-face-meh-icon::before { + content: "\f11a"; } -.ts-icon.is-puzzle-piece-icon::before { - content: "\f12e"; +.ts-icon.is-screwdriver-wrench-icon::before { + content: "\f7d9"; } -.ts-icon.is-bucket-icon::before { - content: "\e4cf"; +.ts-icon.is-dashcube-icon::before { + font-family: "IconsBrands"; + content: "\f210"; } -.ts-icon.is-photo-film-icon::before { - content: "\f87c"; +.ts-icon.is-indian-rupee-sign-icon::before { + content: "\e1bc"; } -.ts-icon.is-restroom-icon::before { - content: "\f7bd"; +.ts-icon.is-power-off-icon::before { + content: "\f011"; } -.ts-icon.is-square-poll-horizontal-icon::before { - content: "\f682"; +.ts-icon.is-sitemap-icon::before { + content: "\f0e8"; } -.ts-icon.is-square-youtube-icon::before { - font-family: "IconsBrands"; - content: "\f431"; +.ts-icon.is-voicemail-icon::before { + content: "\f897"; } -.ts-icon.is-arrow-up-from-ground-water-icon::before { - content: "\e4b5"; +.ts-icon.is-temperature-arrow-down-icon::before { + content: "\e03f"; } -.ts-icon.is-css3-icon::before { +.ts-icon.is-dev-icon::before { font-family: "IconsBrands"; - content: "\f13c"; + content: "\f6cc"; } -.ts-icon.is-file-waveform-icon::before { - content: "\f478"; +.ts-icon.is-itunes-note-icon::before { + font-family: "IconsBrands"; + content: "\f3b5"; } -.ts-icon.is-less-than-equal-icon::before { - content: "\f537"; +.ts-icon.is-mask-icon::before { + content: "\f6fa"; } -.ts-icon.is-repeat-icon::before { - content: "\f363"; +.ts-icon.is-users-between-lines-icon::before { + content: "\e591"; } -.ts-icon.is-sailboat-icon::before { - content: "\e445"; +.ts-icon.is-arrows-up-down-icon::before { + content: "\f07d"; } -.ts-icon.is-ankh-icon::before { - content: "\f644"; +.ts-icon.is-bookmark-icon::before { + content: "\f02e"; } -.ts-icon.is-clipboard-check-icon::before { - content: "\f46c"; +.ts-icon.is-location-dot-icon::before { + content: "\f3c5"; } -.ts-icon.is-folder-minus-icon::before { - content: "\f65d"; +.ts-icon.is-poo-icon::before { + content: "\f2fe"; } -.ts-icon.is-gauge-simple-icon::before { - content: "\f629"; +.ts-icon.is-sack-xmark-icon::before { + content: "\e56a"; } -.ts-icon.is-foursquare-icon::before { - font-family: "IconsBrands"; - content: "\f180"; +.ts-icon.is-arrow-up-short-wide-icon::before { + content: "\f885"; } -.ts-icon.is-html5-icon::before { - font-family: "IconsBrands"; - content: "\f13b"; +.ts-icon.is-chess-board-icon::before { + content: "\f43c"; } -.ts-icon.is-chevron-up-icon::before { - content: "\f077"; +.ts-icon.is-user-nurse-icon::before { + content: "\f82f"; } -.ts-icon.is-note-sticky-icon::before { - content: "\f249"; +.ts-icon.is-feather-pointed-icon::before { + content: "\f56b"; } -.ts-icon.is-box-archive-icon::before { - content: "\f187"; +.ts-icon.is-pen-to-square-icon::before { + content: "\f044"; } -.ts-icon.is-coins-icon::before { - content: "\f51e"; +.ts-icon.is-drum-steelpan-icon::before { + content: "\f56a"; } -.ts-icon.is-square-facebook-icon::before { - font-family: "IconsBrands"; - content: "\f082"; +.ts-icon.is-gauge-simple-high-icon::before { + content: "\f62a"; } -.ts-icon.is-square-share-nodes-icon::before { - content: "\f1e1"; +.ts-icon.is-angles-down-icon::before { + content: "\f103"; } -.ts-icon.is-google-plus-g-icon::before { - font-family: "IconsBrands"; - content: "\f0d5"; +.ts-icon.is-car-battery-icon::before { + content: "\f5df"; } -.ts-icon.is-truck-monster-icon::before { - content: "\f63b"; +.ts-icon.is-toilets-portable-icon::before { + content: "\e584"; } -.ts-icon.is-circle-stop-icon::before { - content: "\f28d"; +.ts-icon.is-weight-scale-icon::before { + content: "\f496"; } -.ts-icon.is-face-sad-cry-icon::before { - content: "\f5b3"; +.ts-icon.is-square-h-icon::before { + content: "\f0fd"; } -.ts-icon.is-hand-spock-icon::before { - content: "\f259"; +.ts-icon.is-creative-commons-sa-icon::before { + font-family: "IconsBrands"; + content: "\f4ef"; } -.ts-icon.is-mars-and-venus-icon::before { - content: "\f224"; +.ts-icon.is-filter-circle-dollar-icon::before { + content: "\f662"; } -.ts-icon.is-periscope-icon::before { +.ts-icon.is-square-gitlab-icon::before { font-family: "IconsBrands"; - content: "\f3da"; + content: "\e5ae"; } -.ts-icon.is-store-slash-icon::before { - content: "\e071"; +.ts-icon.is-text-width-icon::before { + content: "\f035"; } -.ts-icon.is-file-image-icon::before { - content: "\f1c5"; +.ts-icon.is-dong-sign-icon::before { + content: "\e169"; } -.ts-icon.is-heart-circle-exclamation-icon::before { - content: "\e4fe"; +.ts-icon.is-signs-post-icon::before { + content: "\f277"; } -.ts-icon.is-medapps-icon::before { - font-family: "IconsBrands"; - content: "\f3c6"; +.ts-icon.is-laptop-file-icon::before { + content: "\e51d"; } -.ts-icon.is-odnoklassniki-icon::before { +.ts-icon.is-monero-icon::before { font-family: "IconsBrands"; - content: "\f263"; + content: "\f3d0"; } -.ts-icon.is-square-js-icon::before { - font-family: "IconsBrands"; - content: "\f3b9"; +.ts-icon.is-note-sticky-icon::before { + content: "\f249"; } -.ts-icon.is-water-icon::before { - content: "\f773"; +.ts-icon.is-person-rays-icon::before { + content: "\e54d"; } -.ts-icon.is-amazon-icon::before { - font-family: "IconsBrands"; - content: "\f270"; +.ts-icon.is-cart-flatbed-suitcase-icon::before { + content: "\f59d"; } -.ts-icon.is-delicious-icon::before { - font-family: "IconsBrands"; - content: "\f1a5"; +.ts-icon.is-hard-drive-icon::before { + content: "\f0a0"; } -.ts-icon.is-digital-ocean-icon::before { +.ts-icon.is-key-icon::before { + content: "\f084"; +} + +.ts-icon.is-padlet-icon::before { font-family: "IconsBrands"; - content: "\f391"; + content: "\e4a0"; } -.ts-icon.is-quora-icon::before { +.ts-icon.is-sitrox-icon::before { font-family: "IconsBrands"; - content: "\f2c4"; + content: "\e44a"; } -.ts-icon.is-walkie-talkie-icon::before { - content: "\f8ef"; +.ts-icon.is-truck-front-icon::before { + content: "\e2b7"; } -.ts-icon.is-wine-bottle-icon::before { - content: "\f72f"; +.ts-icon.is-up-right-and-down-left-from-center-icon::before { + content: "\f424"; } -.ts-icon.is-shoe-prints-icon::before { - content: "\f54b"; +.ts-icon.is-whatsapp-icon::before { + font-family: "IconsBrands"; + content: "\f232"; } -.ts-icon.is-soap-icon::before { - content: "\e06e"; +.ts-icon.is-caret-down-icon::before { + content: "\f0d7"; } -.ts-icon.is-cloud-showers-heavy-icon::before { - content: "\f740"; +.ts-icon.is-list-ul-icon::before { + content: "\f0ca"; } -.ts-icon.is-folder-closed-icon::before { - content: "\e185"; +.ts-icon.is-first-order-icon::before { + font-family: "IconsBrands"; + content: "\f2b0"; } -.ts-icon.is-glide-icon::before { +.ts-icon.is-jira-icon::before { font-family: "IconsBrands"; - content: "\f2a5"; + content: "\f7b1"; } -.ts-icon.is-maximize-icon::before { - content: "\f31e"; +.ts-icon.is-tag-icon::before { + content: "\f02b"; } -.ts-icon.is-menorah-icon::before { - content: "\f676"; +.ts-icon.is-tumblr-icon::before { + font-family: "IconsBrands"; + content: "\f173"; } -.ts-icon.is-palette-icon::before { - content: "\f53f"; +.ts-icon.is-audio-description-icon::before { + content: "\f29e"; } -.ts-icon.is-bullseye-icon::before { - content: "\f140"; +.ts-icon.is-gun-icon::before { + content: "\e19b"; } -.ts-icon.is-dribbble-icon::before { - font-family: "IconsBrands"; - content: "\f17d"; +.ts-icon.is-circle-radiation-icon::before { + content: "\f7ba"; } -.ts-icon.is-mosquito-icon::before { - content: "\e52b"; +.ts-icon.is-dollar-sign-icon::before { + content: "\24"; } -.ts-icon.is-people-carry-box-icon::before { - content: "\f4ce"; +.ts-icon.is-person-circle-xmark-icon::before { + content: "\e543"; } -.ts-icon.is-pills-icon::before { - content: "\f484"; +.ts-icon.is-hand-peace-icon::before { + content: "\f25b"; } -.ts-icon.is-screwdriver-wrench-icon::before { - content: "\f7d9"; +.ts-icon.is-house-circle-check-icon::before { + content: "\e509"; } -.ts-icon.is-share-nodes-icon::before { - content: "\f1e0"; +.ts-icon.is-tablet-screen-button-icon::before { + content: "\f3fa"; } -.ts-icon.is-bots-icon::before { - font-family: "IconsBrands"; - content: "\e340"; +.ts-icon.is-business-time-icon::before { + content: "\f64a"; } -.ts-icon.is-leanpub-icon::before { - font-family: "IconsBrands"; - content: "\f212"; +.ts-icon.is-ghost-icon::before { + content: "\f6e2"; } -.ts-icon.is-alipay-icon::before { - font-family: "IconsBrands"; - content: "\f642"; +.ts-icon.is-crown-icon::before { + content: "\f521"; } -.ts-icon.is-l-icon::before { - content: "\4c"; +.ts-icon.is-magnifying-glass-arrow-right-icon::before { + content: "\e521"; } -.ts-icon.is-shuffle-icon::before { - content: "\f074"; +.ts-icon.is-water-icon::before { + content: "\f773"; } -.ts-icon.is-volume-off-icon::before { - content: "\f026"; +.ts-icon.is-bucket-icon::before { + content: "\e4cf"; } -.ts-icon.is-arrow-up-right-from-square-icon::before { - content: "\f08e"; +.ts-icon.is-user-lock-icon::before { + content: "\f502"; } -.ts-icon.is-campground-icon::before { - content: "\f6bb"; +.ts-icon.is-android-icon::before { + font-family: "IconsBrands"; + content: "\f17b"; } -.ts-icon.is-fish-fins-icon::before { - content: "\e4f2"; +.ts-icon.is-share-from-square-icon::before { + content: "\f14d"; } -.ts-icon.is-hands-holding-child-icon::before { - content: "\e4fa"; +.ts-icon.is-square-pied-piper-icon::before { + font-family: "IconsBrands"; + content: "\e01e"; } -.ts-icon.is-bluetooth-icon::before { +.ts-icon.is-weebly-icon::before { font-family: "IconsBrands"; - content: "\f293"; + content: "\f5cc"; } -.ts-icon.is-digg-icon::before { +.ts-icon.is-xbox-icon::before { font-family: "IconsBrands"; - content: "\f1a6"; + content: "\f412"; } -.ts-icon.is-magento-icon::before { - font-family: "IconsBrands"; - content: "\f3c4"; +.ts-icon.is-heart-circle-xmark-icon::before { + content: "\e501"; } -.ts-icon.is-plug-icon::before { - content: "\f1e6"; +.ts-icon.is-mixcloud-icon::before { + font-family: "IconsBrands"; + content: "\f289"; } -.ts-icon.is-temperature-three-quarters-icon::before { - content: "\f2c8"; +.ts-icon.is-road-circle-xmark-icon::before { + content: "\e566"; } -.ts-icon.is-boxes-packing-icon::before { - content: "\e4c7"; +.ts-icon.is-tape-icon::before { + content: "\f4db"; } -.ts-icon.is-cheese-icon::before { - content: "\f7ef"; +.ts-icon.is-odnoklassniki-icon::before { + font-family: "IconsBrands"; + content: "\f263"; } -.ts-icon.is-circle-icon::before { - content: "\f111"; +.ts-icon.is-stairs-icon::before { + content: "\e289"; } .ts-icon.is-windows-icon::before { @@ -6218,1663 +6245,1646 @@ content: "\f17a"; } -.ts-icon.is-lungs-icon::before { - content: "\f604"; +.ts-icon.is-drumstick-bite-icon::before { + content: "\f6d7"; } -.ts-icon.is-cable-car-icon::before { - content: "\f7da"; +.ts-icon.is-exclamation-icon::before { + content: "\21"; } -.ts-icon.is-memory-icon::before { - content: "\f538"; +.ts-icon.is-lastfm-icon::before { + font-family: "IconsBrands"; + content: "\f202"; } -.ts-icon.is-person-booth-icon::before { - content: "\f756"; +.ts-icon.is-page4-icon::before { + font-family: "IconsBrands"; + content: "\f3d7"; } -.ts-icon.is-circle-left-icon::before { - content: "\f359"; +.ts-icon.is-user-doctor-icon::before { + content: "\f0f0"; } -.ts-icon.is-elementor-icon::before { - font-family: "IconsBrands"; - content: "\f430"; +.ts-icon.is-gift-icon::before { + content: "\f06b"; } -.ts-icon.is-kitchen-set-icon::before { - content: "\e51a"; +.ts-icon.is-itunes-icon::before { + font-family: "IconsBrands"; + content: "\f3b4"; } -.ts-icon.is-chess-icon::before { - content: "\f439"; +.ts-icon.is-mask-ventilator-icon::before { + content: "\e524"; } -.ts-icon.is-person-walking-luggage-icon::before { - content: "\e554"; +.ts-icon.is-wine-bottle-icon::before { + content: "\f72f"; } -.ts-icon.is-chart-simple-icon::before { - content: "\e473"; +.ts-icon.is-arrow-up-from-water-pump-icon::before { + content: "\e4b6"; } -.ts-icon.is-cookie-icon::before { - content: "\f563"; +.ts-icon.is-keycdn-icon::before { + font-family: "IconsBrands"; + content: "\f3ba"; } -.ts-icon.is-cubes-icon::before { - content: "\f1b3"; +.ts-icon.is-stack-overflow-icon::before { + font-family: "IconsBrands"; + content: "\f16c"; } -.ts-icon.is-table-cells-large-icon::before { - content: "\f009"; +.ts-icon.is-pied-piper-alt-icon::before { + font-family: "IconsBrands"; + content: "\f1a8"; } -.ts-icon.is-computer-icon::before { - content: "\e4e5"; +.ts-icon.is-calendar-days-icon::before { + content: "\f073"; } -.ts-icon.is-heart-circle-xmark-icon::before { - content: "\e501"; +.ts-icon.is-chart-bar-icon::before { + content: "\f080"; } -.ts-icon.is-page4-icon::before { - font-family: "IconsBrands"; - content: "\f3d7"; +.ts-icon.is-draw-polygon-icon::before { + content: "\f5ee"; } -.ts-icon.is-plus-minus-icon::before { - content: "\e43c"; +.ts-icon.is-gifts-icon::before { + content: "\f79c"; } -.ts-icon.is-voicemail-icon::before { - content: "\f897"; +.ts-icon.is-bandage-icon::before { + content: "\f462"; } -.ts-icon.is-comment-icon::before { - content: "\f075"; +.ts-icon.is-building-icon::before { + content: "\f1ad"; } -.ts-icon.is-horse-icon::before { - content: "\f6f0"; +.ts-icon.is-school-circle-xmark-icon::before { + content: "\e56d"; } -.ts-icon.is-motorcycle-icon::before { - content: "\f21c"; +.ts-icon.is-4-icon::before { + content: "\34"; } -.ts-icon.is-prescription-icon::before { - content: "\f5b1"; +.ts-icon.is-chess-king-icon::before { + content: "\f43f"; } -.ts-icon.is-viadeo-icon::before { - font-family: "IconsBrands"; - content: "\f2a9"; +.ts-icon.is-sort-icon::before { + content: "\f0dc"; } -.ts-icon.is-android-icon::before { +.ts-icon.is-squarespace-icon::before { font-family: "IconsBrands"; - content: "\f17b"; -} - -.ts-icon.is-bacon-icon::before { - content: "\f7e5"; + content: "\f5be"; } -.ts-icon.is-hand-point-right-icon::before { - content: "\f0a4"; +.ts-icon.is-users-rays-icon::before { + content: "\e593"; } -.ts-icon.is-js-icon::before { +.ts-icon.is-creative-commons-pd-alt-icon::before { font-family: "IconsBrands"; - content: "\f3b8"; + content: "\f4ed"; } -.ts-icon.is-lira-sign-icon::before { - content: "\f195"; +.ts-icon.is-pallet-icon::before { + content: "\f482"; } -.ts-icon.is-cent-sign-icon::before { - content: "\e3f5"; +.ts-icon.is-bus-icon::before { + content: "\f207"; } -.ts-icon.is-chart-bar-icon::before { - content: "\f080"; +.ts-icon.is-city-icon::before { + content: "\f64f"; } -.ts-icon.is-imdb-icon::before { +.ts-icon.is-google-drive-icon::before { font-family: "IconsBrands"; - content: "\f2d8"; + content: "\f3aa"; } -.ts-icon.is-pix-icon::before { - font-family: "IconsBrands"; - content: "\e43a"; +.ts-icon.is-mosque-icon::before { + content: "\f678"; } -.ts-icon.is-user-tag-icon::before { - content: "\f507"; +.ts-icon.is-phoenix-squadron-icon::before { + font-family: "IconsBrands"; + content: "\f511"; } -.ts-icon.is-file-pdf-icon::before { - content: "\f1c1"; +.ts-icon.is-road-bridge-icon::before { + content: "\e563"; } -.ts-icon.is-house-icon::before { - content: "\f015"; +.ts-icon.is-0-icon::before { + content: "\30"; } -.ts-icon.is-minus-icon::before { - content: "\f068"; +.ts-icon.is-bitcoin-sign-icon::before { + content: "\e0b4"; } -.ts-icon.is-wind-icon::before { - content: "\f72e"; +.ts-icon.is-hand-pointer-icon::before { + content: "\f25a"; } -.ts-icon.is-circle-check-icon::before { - content: "\f058"; +.ts-icon.is-viber-icon::before { + font-family: "IconsBrands"; + content: "\f409"; } -.ts-icon.is-gun-icon::before { - content: "\e19b"; +.ts-icon.is-backward-step-icon::before { + content: "\f048"; } -.ts-icon.is-rupiah-sign-icon::before { - content: "\e23d"; +.ts-icon.is-bots-icon::before { + font-family: "IconsBrands"; + content: "\e340"; } -.ts-icon.is-square-lastfm-icon::before { +.ts-icon.is-mastodon-icon::before { font-family: "IconsBrands"; - content: "\f203"; + content: "\f4f6"; } -.ts-icon.is-square-plus-icon::before { - content: "\f0fe"; +.ts-icon.is-microphone-icon::before { + content: "\f130"; } -.ts-icon.is-amazon-pay-icon::before { +.ts-icon.is-paypal-icon::before { font-family: "IconsBrands"; - content: "\f42c"; + content: "\f1ed"; } -.ts-icon.is-circle-user-icon::before { - content: "\f2bd"; +.ts-icon.is-temperature-full-icon::before { + content: "\f2c7"; } -.ts-icon.is-people-arrows-icon::before { - content: "\e068"; +.ts-icon.is-bone-icon::before { + content: "\f5d7"; } -.ts-icon.is-ship-icon::before { - content: "\f21a"; +.ts-icon.is-industry-icon::before { + content: "\f275"; } -.ts-icon.is-football-icon::before { - content: "\f44e"; +.ts-icon.is-chart-line-icon::before { + content: "\f201"; } -.ts-icon.is-arrow-right-arrow-left-icon::before { - content: "\f0ec"; +.ts-icon.is-notdef-icon::before { + content: "\e1fe"; } -.ts-icon.is-mug-hot-icon::before { - content: "\f7b6"; +.ts-icon.is-wheat-awn-circle-exclamation-icon::before { + content: "\e598"; } -.ts-icon.is-share-icon::before { - content: "\f064"; +.ts-icon.is-arrow-down-1-9-icon::before { + content: "\f162"; } -.ts-icon.is-cloud-rain-icon::before { - content: "\f73d"; +.ts-icon.is-bolt-icon::before { + content: "\f0e7"; } -.ts-icon.is-joint-icon::before { - content: "\f595"; +.ts-icon.is-golang-icon::before { + font-family: "IconsBrands"; + content: "\e40f"; } -.ts-icon.is-mendeley-icon::before { +.ts-icon.is-deezer-icon::before { font-family: "IconsBrands"; - content: "\f7b3"; + content: "\e077"; } -.ts-icon.is-arrow-down-z-a-icon::before { - content: "\f881"; +.ts-icon.is-earth-americas-icon::before { + content: "\f57d"; } -.ts-icon.is-golang-icon::before { - font-family: "IconsBrands"; - content: "\e40f"; +.ts-icon.is-user-check-icon::before { + content: "\f4fc"; } -.ts-icon.is-toolbox-icon::before { - content: "\f552"; +.ts-icon.is-video-slash-icon::before { + content: "\f4e2"; } -.ts-icon.is-wifi-icon::before { - content: "\f1eb"; +.ts-icon.is-wheelchair-move-icon::before { + content: "\e2ce"; } -.ts-icon.is-arrow-turn-down-icon::before { - content: "\f149"; +.ts-icon.is-check-to-slot-icon::before { + content: "\f772"; } -.ts-icon.is-bangladeshi-taka-sign-icon::before { - content: "\e2e6"; +.ts-icon.is-hat-cowboy-icon::before { + content: "\f8c0"; } -.ts-icon.is-face-frown-open-icon::before { - content: "\f57a"; +.ts-icon.is-uncharted-icon::before { + font-family: "IconsBrands"; + content: "\e084"; } -.ts-icon.is-gauge-simple-high-icon::before { - content: "\f62a"; +.ts-icon.is-venus-double-icon::before { + content: "\f226"; } -.ts-icon.is-scale-unbalanced-flip-icon::before { - content: "\f516"; +.ts-icon.is-memory-icon::before { + content: "\f538"; } -.ts-icon.is-solar-panel-icon::before { - content: "\f5ba"; +.ts-icon.is-mix-icon::before { + font-family: "IconsBrands"; + content: "\f3cb"; } -.ts-icon.is-circle-nodes-icon::before { - content: "\e4e2"; +.ts-icon.is-diagram-predecessor-icon::before { + content: "\e477"; } -.ts-icon.is-cloud-arrow-down-icon::before { - content: "\f0ed"; +.ts-icon.is-kitchen-set-icon::before { + content: "\e51a"; } -.ts-icon.is-mixer-icon::before { - font-family: "IconsBrands"; - content: "\e056"; +.ts-icon.is-tractor-icon::before { + content: "\f722"; } -.ts-icon.is-school-circle-check-icon::before { - content: "\e56b"; +.ts-icon.is-bug-slash-icon::before { + content: "\e490"; } -.ts-icon.is-qrcode-icon::before { - content: "\f029"; +.ts-icon.is-comment-medical-icon::before { + content: "\f7f5"; } -.ts-icon.is-arrow-up-short-wide-icon::before { - content: "\f885"; +.ts-icon.is-square-phone-flip-icon::before { + content: "\f87b"; } -.ts-icon.is-arrow-up-z-a-icon::before { - content: "\f882"; +.ts-icon.is-arrows-left-right-to-line-icon::before { + content: "\e4ba"; } -.ts-icon.is-desktop-icon::before { - content: "\f390"; +.ts-icon.is-at-icon::before { + content: "\40"; } -.ts-icon.is-door-open-icon::before { - content: "\f52b"; +.ts-icon.is-bed-pulse-icon::before { + content: "\f487"; } -.ts-icon.is-gitter-icon::before { +.ts-icon.is-linode-icon::before { font-family: "IconsBrands"; - content: "\f426"; + content: "\f2b8"; } -.ts-icon.is-parachute-box-icon::before { - content: "\f4cd"; +.ts-icon.is-phone-slash-icon::before { + content: "\f3dd"; } -.ts-icon.is-arrow-trend-down-icon::before { - content: "\e097"; +.ts-icon.is-road-circle-exclamation-icon::before { + content: "\e565"; } -.ts-icon.is-hot-tub-person-icon::before { - content: "\f593"; +.ts-icon.is-arrow-up-9-1-icon::before { + content: "\f887"; } -.ts-icon.is-basket-shopping-icon::before { - content: "\f291"; +.ts-icon.is-battery-quarter-icon::before { + content: "\f243"; } -.ts-icon.is-chevron-right-icon::before { - content: "\f054"; +.ts-icon.is-peace-icon::before { + content: "\f67c"; } -.ts-icon.is-play-icon::before { - content: "\f04b"; +.ts-icon.is-toilet-paper-slash-icon::before { + content: "\e072"; } -.ts-icon.is-xmarks-lines-icon::before { - content: "\e59a"; +.ts-icon.is-folder-closed-icon::before { + content: "\e185"; } -.ts-icon.is-buromobelexperte-icon::before { - font-family: "IconsBrands"; - content: "\f37f"; +.ts-icon.is-hands-bound-icon::before { + content: "\e4f9"; } -.ts-icon.is-ebay-icon::before { +.ts-icon.is-cc-apple-pay-icon::before { font-family: "IconsBrands"; - content: "\f4f4"; + content: "\f416"; } -.ts-icon.is-square-nfi-icon::before { - content: "\e576"; +.ts-icon.is-paintbrush-icon::before { + content: "\f1fc"; } -.ts-icon.is-viacoin-icon::before { - font-family: "IconsBrands"; - content: "\f237"; +.ts-icon.is-briefcase-icon::before { + content: "\f0b1"; } -.ts-icon.is-head-side-cough-slash-icon::before { - content: "\e062"; +.ts-icon.is-calendar-xmark-icon::before { + content: "\f273"; } -.ts-icon.is-i-icon::before { - content: "\49"; +.ts-icon.is-speaker-deck-icon::before { + font-family: "IconsBrands"; + content: "\f83c"; } -.ts-icon.is-4-icon::before { - content: "\34"; +.ts-icon.is-twitter-icon::before { + font-family: "IconsBrands"; + content: "\f099"; } -.ts-icon.is-bacterium-icon::before { - content: "\e05a"; +.ts-icon.is-dharmachakra-icon::before { + content: "\f655"; } -.ts-icon.is-children-icon::before { - content: "\e4e1"; +.ts-icon.is-door-closed-icon::before { + content: "\f52a"; } -.ts-icon.is-deskpro-icon::before { +.ts-icon.is-stumbleupon-icon::before { font-family: "IconsBrands"; - content: "\f38f"; + content: "\f1a4"; } -.ts-icon.is-optin-monster-icon::before { - font-family: "IconsBrands"; - content: "\f23c"; +.ts-icon.is-tarp-droplet-icon::before { + content: "\e57c"; } -.ts-icon.is-person-hiking-icon::before { - content: "\f6ec"; +.ts-icon.is-circle-up-icon::before { + content: "\f35b"; } -.ts-icon.is-toilet-paper-icon::before { - content: "\f71e"; +.ts-icon.is-file-lines-icon::before { + content: "\f15c"; } -.ts-icon.is-arrows-up-down-icon::before { - content: "\f07d"; +.ts-icon.is-ferry-icon::before { + content: "\e4ea"; +} + +.ts-icon.is-sort-down-icon::before { + content: "\f0dd"; } -.ts-icon.is-dice-two-icon::before { - content: "\f528"; +.ts-icon.is-check-icon::before { + content: "\f00c"; } -.ts-icon.is-fonticons-icon::before { +.ts-icon.is-diaspora-icon::before { font-family: "IconsBrands"; - content: "\f280"; + content: "\f791"; } -.ts-icon.is-mandalorian-icon::before { - font-family: "IconsBrands"; - content: "\f50f"; +.ts-icon.is-kaaba-icon::before { + content: "\f66b"; } -.ts-icon.is-n-icon::before { - content: "\4e"; +.ts-icon.is-building-columns-icon::before { + content: "\f19c"; } -.ts-icon.is-searchengin-icon::before { - font-family: "IconsBrands"; - content: "\f3eb"; +.ts-icon.is-gauge-simple-icon::before { + content: "\f629"; } -.ts-icon.is-bottle-water-icon::before { - content: "\e4c5"; +.ts-icon.is-earth-oceania-icon::before { + content: "\e47b"; } -.ts-icon.is-laptop-file-icon::before { - content: "\e51d"; +.ts-icon.is-mattress-pillow-icon::before { + content: "\e525"; } -.ts-icon.is-oil-can-icon::before { - content: "\f613"; +.ts-icon.is-ice-cream-icon::before { + content: "\f810"; } -.ts-icon.is-first-order-icon::before { - font-family: "IconsBrands"; - content: "\f2b0"; +.ts-icon.is-image-icon::before { + content: "\f03e"; } -.ts-icon.is-tencent-weibo-icon::before { +.ts-icon.is-mdb-icon::before { font-family: "IconsBrands"; - content: "\f1d5"; + content: "\f8ca"; } -.ts-icon.is-0-icon::before { - content: "\30"; +.ts-icon.is-minimize-icon::before { + content: "\f78c"; } -.ts-icon.is-podcast-icon::before { - content: "\f2ce"; +.ts-icon.is-odysee-icon::before { + font-family: "IconsBrands"; + content: "\e5c6"; } -.ts-icon.is-airbnb-icon::before { +.ts-icon.is-opera-icon::before { font-family: "IconsBrands"; - content: "\f834"; + content: "\f26a"; } -.ts-icon.is-cookie-bite-icon::before { - content: "\f564"; +.ts-icon.is-crop-simple-icon::before { + content: "\f565"; } -.ts-icon.is-door-closed-icon::before { - content: "\f52a"; +.ts-icon.is-hot-tub-person-icon::before { + content: "\f593"; } -.ts-icon.is-kip-sign-icon::before { - content: "\e1c4"; +.ts-icon.is-wand-magic-sparkles-icon::before { + content: "\e2ca"; } -.ts-icon.is-untappd-icon::before { - font-family: "IconsBrands"; - content: "\f405"; +.ts-icon.is-spaghetti-monster-flying-icon::before { + content: "\f67b"; } -.ts-icon.is-shirt-icon::before { - content: "\f553"; +.ts-icon.is-bridge-icon::before { + content: "\e4c8"; } -.ts-icon.is-sourcetree-icon::before { - font-family: "IconsBrands"; - content: "\f7d3"; +.ts-icon.is-file-shield-icon::before { + content: "\e4f0"; } -.ts-icon.is-tv-icon::before { - content: "\f26c"; +.ts-icon.is-chart-column-icon::before { + content: "\e0e3"; } -.ts-icon.is-user-clock-icon::before { - content: "\f4fd"; +.ts-icon.is-css3-icon::before { + font-family: "IconsBrands"; + content: "\f13c"; } -.ts-icon.is-wave-square-icon::before { - content: "\f83e"; +.ts-icon.is-shield-heart-icon::before { + content: "\e574"; } -.ts-icon.is-person-through-window-icon::before { - content: "\e5a9"; +.ts-icon.is-temperature-empty-icon::before { + content: "\f2cb"; } -.ts-icon.is-van-shuttle-icon::before { - content: "\f5b6"; +.ts-icon.is-adn-icon::before { + font-family: "IconsBrands"; + content: "\f170"; } -.ts-icon.is-calendar-week-icon::before { - content: "\f784"; +.ts-icon.is-book-icon::before { + content: "\f02d"; } -.ts-icon.is-circle-xmark-icon::before { - content: "\f057"; +.ts-icon.is-telegram-icon::before { + font-family: "IconsBrands"; + content: "\f2c6"; } -.ts-icon.is-vault-icon::before { - content: "\e2c5"; +.ts-icon.is-vnv-icon::before { + font-family: "IconsBrands"; + content: "\f40b"; } -.ts-icon.is-binoculars-icon::before { - content: "\f1e5"; +.ts-icon.is-head-side-mask-icon::before { + content: "\e063"; } -.ts-icon.is-book-atlas-icon::before { - content: "\f558"; +.ts-icon.is-j-icon::before { + content: "\4a"; } -.ts-icon.is-ferry-icon::before { - content: "\e4ea"; +.ts-icon.is-hourglass-start-icon::before { + content: "\f251"; } -.ts-icon.is-manat-sign-icon::before { - content: "\e1d5"; +.ts-icon.is-file-import-icon::before { + content: "\f56f"; } -.ts-icon.is-rug-icon::before { - content: "\e569"; +.ts-icon.is-file-prescription-icon::before { + content: "\f572"; } -.ts-icon.is-swatchbook-icon::before { - content: "\f5c3"; +.ts-icon.is-person-rifle-icon::before { + content: "\e54e"; } -.ts-icon.is-award-icon::before { - content: "\f559"; +.ts-icon.is-dice-four-icon::before { + content: "\f524"; } -.ts-icon.is-cannabis-icon::before { - content: "\f55f"; +.ts-icon.is-equals-icon::before { + content: "\3d"; } -.ts-icon.is-money-check-icon::before { - content: "\f53c"; +.ts-icon.is-road-circle-check-icon::before { + content: "\e564"; } -.ts-icon.is-salesforce-icon::before { - font-family: "IconsBrands"; - content: "\f83b"; +.ts-icon.is-building-user-icon::before { + content: "\e4da"; } -.ts-icon.is-square-caret-up-icon::before { - content: "\f151"; +.ts-icon.is-plane-departure-icon::before { + content: "\f5b0"; } -.ts-icon.is-apper-icon::before { - font-family: "IconsBrands"; - content: "\f371"; +.ts-icon.is-temperature-three-quarters-icon::before { + content: "\f2c8"; } -.ts-icon.is-playstation-icon::before { - font-family: "IconsBrands"; - content: "\f3df"; +.ts-icon.is-chess-queen-icon::before { + content: "\f445"; } -.ts-icon.is-splotch-icon::before { - content: "\f5bc"; +.ts-icon.is-mendeley-icon::before { + font-family: "IconsBrands"; + content: "\f7b3"; } -.ts-icon.is-kiwi-bird-icon::before { - content: "\f535"; +.ts-icon.is-wpbeginner-icon::before { + font-family: "IconsBrands"; + content: "\f297"; } -.ts-icon.is-rev-icon::before { - font-family: "IconsBrands"; - content: "\f5b2"; +.ts-icon.is-rectangle-xmark-icon::before { + content: "\f410"; } -.ts-icon.is-uniregistry-icon::before { +.ts-icon.is-shopware-icon::before { font-family: "IconsBrands"; - content: "\f404"; + content: "\f5b5"; } -.ts-icon.is-book-open-icon::before { - content: "\f518"; +.ts-icon.is-square-viadeo-icon::before { + font-family: "IconsBrands"; + content: "\f2aa"; } -.ts-icon.is-code-merge-icon::before { - content: "\f387"; +.ts-icon.is-person-military-pointing-icon::before { + content: "\e54a"; } -.ts-icon.is-hammer-icon::before { - content: "\f6e3"; +.ts-icon.is-right-to-bracket-icon::before { + content: "\f2f6"; } -.ts-icon.is-vuejs-icon::before { +.ts-icon.is-instalod-icon::before { font-family: "IconsBrands"; - content: "\f41f"; -} - -.ts-icon.is-arrows-turn-right-icon::before { - content: "\e4c0"; + content: "\e081"; } -.ts-icon.is-compass-drafting-icon::before { - content: "\f568"; +.ts-icon.is-less-icon::before { + font-family: "IconsBrands"; + content: "\f41d"; } -.ts-icon.is-folder-tree-icon::before { - content: "\f802"; +.ts-icon.is-volume-low-icon::before { + content: "\f027"; } -.ts-icon.is-itunes-icon::before { - font-family: "IconsBrands"; - content: "\f3b4"; +.ts-icon.is-7-icon::before { + content: "\37"; } -.ts-icon.is-scale-unbalanced-icon::before { - content: "\f515"; +.ts-icon.is-explosion-icon::before { + content: "\e4e9"; } -.ts-icon.is-user-gear-icon::before { - content: "\f4fe"; +.ts-icon.is-w-icon::before { + content: "\57"; } -.ts-icon.is-helicopter-symbol-icon::before { - content: "\e502"; +.ts-icon.is-bed-icon::before { + content: "\f236"; } -.ts-icon.is-shield-dog-icon::before { - content: "\e573"; +.ts-icon.is-tower-observation-icon::before { + content: "\e586"; } -.ts-icon.is-handshake-angle-icon::before { - content: "\f4c4"; +.ts-icon.is-martini-glass-empty-icon::before { + content: "\f000"; } -.ts-icon.is-tree-icon::before { - content: "\f1bb"; +.ts-icon.is-battery-half-icon::before { + content: "\f242"; } -.ts-icon.is-chess-board-icon::before { - content: "\f43c"; +.ts-icon.is-gg-circle-icon::before { + font-family: "IconsBrands"; + content: "\f261"; } -.ts-icon.is-paragraph-icon::before { - content: "\f1dd"; +.ts-icon.is-square-arrow-up-right-icon::before { + content: "\f14c"; } -.ts-icon.is-sellsy-icon::before { +.ts-icon.is-fonticons-icon::before { font-family: "IconsBrands"; - content: "\f213"; + content: "\f280"; } -.ts-icon.is-box-icon::before { - content: "\f466"; +.ts-icon.is-icicles-icon::before { + content: "\f7ad"; } -.ts-icon.is-khanda-icon::before { - content: "\f66d"; +.ts-icon.is-palette-icon::before { + content: "\f53f"; } -.ts-icon.is-network-wired-icon::before { - content: "\f6ff"; +.ts-icon.is-soap-icon::before { + content: "\e06e"; } -.ts-icon.is-person-walking-with-cane-icon::before { - content: "\f29d"; +.ts-icon.is-arrow-right-to-city-icon::before { + content: "\e4b3"; } -.ts-icon.is-arrows-split-up-and-left-icon::before { - content: "\e4bc"; +.ts-icon.is-draft2digital-icon::before { + font-family: "IconsBrands"; + content: "\f396"; } -.ts-icon.is-child-reaching-icon::before { - content: "\e59d"; +.ts-icon.is-question-icon::before { + content: "\3f"; } -.ts-icon.is-user-ninja-icon::before { - content: "\f504"; +.ts-icon.is-rebel-icon::before { + font-family: "IconsBrands"; + content: "\f1d0"; } -.ts-icon.is-book-open-reader-icon::before { - content: "\f5da"; +.ts-icon.is-2-icon::before { + content: "\32"; } -.ts-icon.is-chalkboard-icon::before { - content: "\f51b"; +.ts-icon.is-minus-icon::before { + content: "\f068"; } -.ts-icon.is-hand-back-fist-icon::before { - content: "\f255"; +.ts-icon.is-temperature-low-icon::before { + content: "\f76b"; } -.ts-icon.is-rotate-icon::before { - content: "\f2f1"; +.ts-icon.is-building-ngo-icon::before { + content: "\e4d7"; } -.ts-icon.is-building-lock-icon::before { - content: "\e4d6"; +.ts-icon.is-heart-circle-plus-icon::before { + content: "\e500"; } -.ts-icon.is-creative-commons-share-icon::before { +.ts-icon.is-uber-icon::before { font-family: "IconsBrands"; - content: "\f4f2"; + content: "\f402"; } -.ts-icon.is-pagelines-icon::before { - font-family: "IconsBrands"; - content: "\f18c"; +.ts-icon.is-burst-icon::before { + content: "\e4dc"; } -.ts-icon.is-staff-snake-icon::before { - content: "\e579"; +.ts-icon.is-python-icon::before { + font-family: "IconsBrands"; + content: "\f3e2"; } -.ts-icon.is-toggle-on-icon::before { - content: "\f205"; +.ts-icon.is-table-tennis-paddle-ball-icon::before { + content: "\f45d"; } -.ts-icon.is-users-slash-icon::before { - content: "\e073"; +.ts-icon.is-wine-glass-icon::before { + content: "\f4e3"; } -.ts-icon.is-9-icon::before { - content: "\39"; +.ts-icon.is-face-grimace-icon::before { + content: "\f57f"; } -.ts-icon.is-pen-to-square-icon::before { - content: "\f044"; +.ts-icon.is-fulcrum-icon::before { + font-family: "IconsBrands"; + content: "\f50b"; } -.ts-icon.is-asterisk-icon::before { - content: "\2a"; +.ts-icon.is-cart-arrow-down-icon::before { + content: "\f218"; } -.ts-icon.is-edge-icon::before { - font-family: "IconsBrands"; - content: "\f282"; +.ts-icon.is-trash-arrow-up-icon::before { + content: "\f829"; } -.ts-icon.is-face-kiss-icon::before { - content: "\f596"; +.ts-icon.is-gauge-high-icon::before { + content: "\f625"; } -.ts-icon.is-location-pin-icon::before { - content: "\f041"; +.ts-icon.is-headset-icon::before { + content: "\f590"; } -.ts-icon.is-ellipsis-vertical-icon::before { - content: "\f142"; +.ts-icon.is-temperature-half-icon::before { + content: "\f2c9"; } -.ts-icon.is-satellite-icon::before { - content: "\f7bf"; +.ts-icon.is-bicycle-icon::before { + content: "\f206"; } -.ts-icon.is-users-between-lines-icon::before { - content: "\e591"; +.ts-icon.is-file-powerpoint-icon::before { + content: "\f1c4"; } -.ts-icon.is-fly-icon::before { - font-family: "IconsBrands"; - content: "\f417"; +.ts-icon.is-link-icon::before { + content: "\f0c1"; } -.ts-icon.is-seedling-icon::before { - content: "\f4d8"; +.ts-icon.is-megaport-icon::before { + font-family: "IconsBrands"; + content: "\f5a3"; } -.ts-icon.is-cloud-arrow-up-icon::before { - content: "\f0ee"; +.ts-icon.is-plug-circle-minus-icon::before { + content: "\e55e"; } -.ts-icon.is-dollar-sign-icon::before { - content: "\24"; +.ts-icon.is-receipt-icon::before { + content: "\f543"; } -.ts-icon.is-house-signal-icon::before { - content: "\e012"; +.ts-icon.is-cloud-arrow-up-icon::before { + content: "\f0ee"; } -.ts-icon.is-napster-icon::before { +.ts-icon.is-delicious-icon::before { font-family: "IconsBrands"; - content: "\f3d2"; + content: "\f1a5"; } -.ts-icon.is-openid-icon::before { - font-family: "IconsBrands"; - content: "\f19b"; +.ts-icon.is-cloud-sun-rain-icon::before { + content: "\f743"; } -.ts-icon.is-face-tired-icon::before { - content: "\f5c8"; +.ts-icon.is-golf-ball-tee-icon::before { + content: "\f450"; } -.ts-icon.is-medrt-icon::before { - font-family: "IconsBrands"; - content: "\f3c8"; +.ts-icon.is-sliders-icon::before { + content: "\f1de"; } -.ts-icon.is-tarp-droplet-icon::before { - content: "\e57c"; +.ts-icon.is-vial-circle-check-icon::before { + content: "\e596"; } -.ts-icon.is-user-icon::before { - content: "\f007"; +.ts-icon.is-align-justify-icon::before { + content: "\f039"; } -.ts-icon.is-torii-gate-icon::before { - content: "\f6a1"; +.ts-icon.is-gitkraken-icon::before { + font-family: "IconsBrands"; + content: "\f3a6"; } -.ts-icon.is-transgender-icon::before { - content: "\f225"; +.ts-icon.is-house-chimney-window-icon::before { + content: "\e00d"; } -.ts-icon.is-blogger-b-icon::before { - font-family: "IconsBrands"; - content: "\f37d"; +.ts-icon.is-y-icon::before { + content: "\59"; } -.ts-icon.is-bug-icon::before { - content: "\f188"; +.ts-icon.is-cable-car-icon::before { + content: "\f7da"; } -.ts-icon.is-clone-icon::before { - content: "\f24d"; +.ts-icon.is-circle-arrow-right-icon::before { + content: "\f0a9"; } -.ts-icon.is-download-icon::before { - content: "\f019"; +.ts-icon.is-pause-icon::before { + content: "\f04c"; } -.ts-icon.is-oil-well-icon::before { - content: "\e532"; +.ts-icon.is-person-circle-plus-icon::before { + content: "\e541"; } -.ts-icon.is-tenge-sign-icon::before { - content: "\f7d7"; +.ts-icon.is-person-skiing-icon::before { + content: "\f7c9"; } -.ts-icon.is-bridge-icon::before { - content: "\e4c8"; +.ts-icon.is-qrcode-icon::before { + content: "\f029"; } -.ts-icon.is-cotton-bureau-icon::before { +.ts-icon.is-schlix-icon::before { font-family: "IconsBrands"; - content: "\f89e"; + content: "\f3ea"; } -.ts-icon.is-map-icon::before { - content: "\f279"; +.ts-icon.is-basketball-icon::before { + content: "\f434"; } -.ts-icon.is-tower-cell-icon::before { - content: "\e585"; +.ts-icon.is-cash-register-icon::before { + content: "\f788"; } -.ts-icon.is-truck-ramp-box-icon::before { - content: "\f4de"; +.ts-icon.is-circle-left-icon::before { + content: "\f359"; } -.ts-icon.is-wix-icon::before { +.ts-icon.is-superpowers-icon::before { font-family: "IconsBrands"; - content: "\f5cf"; + content: "\f2dd"; } -.ts-icon.is-building-user-icon::before { - content: "\e4da"; +.ts-icon.is-square-caret-up-icon::before { + content: "\f151"; } -.ts-icon.is-person-skiing-icon::before { - content: "\f7c9"; +.ts-icon.is-glasses-icon::before { + content: "\f530"; } -.ts-icon.is-teamspeak-icon::before { - font-family: "IconsBrands"; - content: "\f4f9"; +.ts-icon.is-hammer-icon::before { + content: "\f6e3"; } -.ts-icon.is-building-wheat-icon::before { - content: "\e4db"; +.ts-icon.is-mars-double-icon::before { + content: "\f227"; } -.ts-icon.is-schlix-icon::before { - font-family: "IconsBrands"; - content: "\f3ea"; +.ts-icon.is-mobile-icon::before { + content: "\f3ce"; } -.ts-icon.is-face-grin-stars-icon::before { - content: "\f587"; +.ts-icon.is-book-skull-icon::before { + content: "\f6b7"; } -.ts-icon.is-file-arrow-down-icon::before { - content: "\f56d"; +.ts-icon.is-chart-area-icon::before { + content: "\f1fe"; +} + +.ts-icon.is-screwdriver-icon::before { + content: "\f54a"; } -.ts-icon.is-landmark-dome-icon::before { - content: "\f752"; +.ts-icon.is-square-parking-icon::before { + content: "\f540"; } -.ts-icon.is-lungs-virus-icon::before { - content: "\e067"; +.ts-icon.is-u-icon::before { + content: "\55"; } -.ts-icon.is-ring-icon::before { - content: "\f70b"; +.ts-icon.is-venus-mars-icon::before { + content: "\f228"; } -.ts-icon.is-turkish-lira-sign-icon::before { - content: "\e2bb"; +.ts-icon.is-vine-icon::before { + font-family: "IconsBrands"; + content: "\f1ca"; } -.ts-icon.is-mobile-screen-icon::before { - content: "\f3cf"; +.ts-icon.is-clipboard-question-icon::before { + content: "\e4e3"; } -.ts-icon.is-shower-icon::before { - content: "\f2cc"; +.ts-icon.is-heart-circle-minus-icon::before { + content: "\e4ff"; } -.ts-icon.is-camera-icon::before { - content: "\f030"; +.ts-icon.is-person-military-rifle-icon::before { + content: "\e54b"; } -.ts-icon.is-cash-register-icon::before { - content: "\f788"; +.ts-icon.is-google-play-icon::before { + font-family: "IconsBrands"; + content: "\f3ab"; } -.ts-icon.is-crop-icon::before { - content: "\f125"; +.ts-icon.is-mercury-icon::before { + content: "\f223"; } -.ts-icon.is-face-flushed-icon::before { - content: "\f579"; +.ts-icon.is-firefox-icon::before { + font-family: "IconsBrands"; + content: "\f269"; } -.ts-icon.is-greater-than-equal-icon::before { - content: "\f532"; +.ts-icon.is-photo-film-icon::before { + content: "\f87c"; } -.ts-icon.is-lemon-icon::before { - content: "\f094"; +.ts-icon.is-battle-net-icon::before { + font-family: "IconsBrands"; + content: "\f835"; } -.ts-icon.is-itch-io-icon::before { - font-family: "IconsBrands"; - content: "\f83a"; +.ts-icon.is-building-wheat-icon::before { + content: "\e4db"; } -.ts-icon.is-tape-icon::before { - content: "\f4db"; +.ts-icon.is-rss-icon::before { + content: "\f09e"; } -.ts-icon.is-vimeo-v-icon::before { - font-family: "IconsBrands"; - content: "\f27d"; +.ts-icon.is-shapes-icon::before { + content: "\f61f"; } -.ts-icon.is-house-medical-circle-xmark-icon::before { - content: "\e513"; +.ts-icon.is-expeditedssl-icon::before { + font-family: "IconsBrands"; + content: "\f23e"; } -.ts-icon.is-igloo-icon::before { - content: "\f7ae"; +.ts-icon.is-guitar-icon::before { + content: "\f7a6"; } -.ts-icon.is-peseta-sign-icon::before { - content: "\e221"; +.ts-icon.is-person-through-window-icon::before { + content: "\e5a9"; } -.ts-icon.is-sass-icon::before { - font-family: "IconsBrands"; - content: "\f41e"; +.ts-icon.is-virus-covid-slash-icon::before { + content: "\e4a9"; } -.ts-icon.is-snowman-icon::before { - content: "\f7d0"; +.ts-icon.is-bullhorn-icon::before { + content: "\f0a1"; } -.ts-icon.is-taxi-icon::before { - content: "\f1ba"; +.ts-icon.is-delete-left-icon::before { + content: "\f55a"; } -.ts-icon.is-arrow-right-from-bracket-icon::before { - content: "\f08b"; +.ts-icon.is-dice-icon::before { + content: "\f522"; } -.ts-icon.is-arrows-left-right-to-line-icon::before { - content: "\e4ba"; +.ts-icon.is-face-smile-beam-icon::before { + content: "\f5b8"; } -.ts-icon.is-envelope-open-text-icon::before { - content: "\f658"; +.ts-icon.is-r-icon::before { + content: "\52"; } -.ts-icon.is-bed-pulse-icon::before { - content: "\f487"; +.ts-icon.is-tablets-icon::before { + content: "\f490"; } -.ts-icon.is-file-code-icon::before { - content: "\f1c9"; +.ts-icon.is-vest-patches-icon::before { + content: "\e086"; } -.ts-icon.is-microscope-icon::before { - content: "\f610"; +.ts-icon.is-battery-full-icon::before { + content: "\f240"; } -.ts-icon.is-rss-icon::before { - content: "\f09e"; +.ts-icon.is-building-un-icon::before { + content: "\e4d9"; } -.ts-icon.is-screenpal-icon::before { +.ts-icon.is-vimeo-v-icon::before { font-family: "IconsBrands"; - content: "\e570"; + content: "\f27d"; } -.ts-icon.is-circle-chevron-up-icon::before { - content: "\f139"; +.ts-icon.is-worm-icon::before { + content: "\e599"; } -.ts-icon.is-circle-notch-icon::before { - content: "\f1ce"; +.ts-icon.is-book-open-icon::before { + content: "\f518"; } -.ts-icon.is-person-arrow-down-to-line-icon::before { - content: "\e538"; +.ts-icon.is-diamond-icon::before { + content: "\f219"; } -.ts-icon.is-person-dress-icon::before { - content: "\f182"; +.ts-icon.is-toilet-icon::before { + content: "\f7d8"; } -.ts-icon.is-wordpress-simple-icon::before { - font-family: "IconsBrands"; - content: "\f411"; +.ts-icon.is-vector-square-icon::before { + content: "\f5cb"; } -.ts-icon.is-arrow-down-short-wide-icon::before { - content: "\f884"; +.ts-icon.is-chess-bishop-icon::before { + content: "\f43a"; } -.ts-icon.is-clapperboard-icon::before { - content: "\e131"; +.ts-icon.is-google-pay-icon::before { + font-family: "IconsBrands"; + content: "\e079"; } -.ts-icon.is-hockey-puck-icon::before { - content: "\f453"; +.ts-icon.is-square-icon::before { + content: "\f0c8"; } -.ts-icon.is-pallet-icon::before { - content: "\f482"; +.ts-icon.is-square-person-confined-icon::before { + content: "\e577"; } -.ts-icon.is-school-flag-icon::before { - content: "\e56e"; +.ts-icon.is-square-rss-icon::before { + content: "\f143"; } -.ts-icon.is-terminal-icon::before { - content: "\f120"; +.ts-icon.is-vault-icon::before { + content: "\e2c5"; } -.ts-icon.is-calendar-icon::before { - content: "\f133"; +.ts-icon.is-bullseye-icon::before { + content: "\f140"; } -.ts-icon.is-t-icon::before { - content: "\54"; +.ts-icon.is-pepper-hot-icon::before { + content: "\f816"; } -.ts-icon.is-ban-smoking-icon::before { - content: "\f54d"; +.ts-icon.is-certificate-icon::before { + content: "\f0a3"; } -.ts-icon.is-building-circle-check-icon::before { - content: "\e4d2"; +.ts-icon.is-vial-icon::before { + content: "\f492"; } -.ts-icon.is-cc-visa-icon::before { - font-family: "IconsBrands"; - content: "\f1f0"; +.ts-icon.is-tent-arrow-turn-left-icon::before { + content: "\e580"; } -.ts-icon.is-floppy-disk-icon::before { - content: "\f0c7"; +.ts-icon.is-yin-yang-icon::before { + content: "\f6ad"; } -.ts-icon.is-meta-icon::before { +.ts-icon.is-bluetooth-icon::before { font-family: "IconsBrands"; - content: "\e49b"; + content: "\f293"; } -.ts-icon.is-section-icon::before { - content: "\e447"; +.ts-icon.is-safari-icon::before { + font-family: "IconsBrands"; + content: "\f267"; } -.ts-icon.is-box-open-icon::before { - content: "\f49e"; +.ts-icon.is-money-bill-trend-up-icon::before { + content: "\e529"; } -.ts-icon.is-square-virus-icon::before { - content: "\e578"; +.ts-icon.is-server-icon::before { + content: "\f233"; } -.ts-icon.is-trash-can-icon::before { - content: "\f2ed"; +.ts-icon.is-basket-shopping-icon::before { + content: "\f291"; } -.ts-icon.is-weight-hanging-icon::before { - content: "\f5cd"; +.ts-icon.is-circle-chevron-left-icon::before { + content: "\f137"; } -.ts-icon.is-firstdraft-icon::before { - font-family: "IconsBrands"; - content: "\f3a1"; +.ts-icon.is-user-ninja-icon::before { + content: "\f504"; } -.ts-icon.is-phone-volume-icon::before { - content: "\f2a0"; +.ts-icon.is-users-gear-icon::before { + content: "\f509"; } -.ts-icon.is-plane-icon::before { - content: "\f072"; +.ts-icon.is-bridge-water-icon::before { + content: "\e4ce"; } -.ts-icon.is-right-left-icon::before { - content: "\f362"; +.ts-icon.is-feather-icon::before { + content: "\f52d"; } -.ts-icon.is-square-caret-right-icon::before { - content: "\f152"; +.ts-icon.is-border-all-icon::before { + content: "\f84c"; } -.ts-icon.is-square-dribbble-icon::before { - font-family: "IconsBrands"; - content: "\f397"; +.ts-icon.is-copy-icon::before { + content: "\f0c5"; } -.ts-icon.is-blackberry-icon::before { +.ts-icon.is-cuttlefish-icon::before { font-family: "IconsBrands"; - content: "\f37b"; -} - -.ts-icon.is-bowl-rice-icon::before { - content: "\e2eb"; + content: "\f38c"; } -.ts-icon.is-bread-slice-icon::before { - content: "\f7ec"; +.ts-icon.is-plant-wilt-icon::before { + content: "\e5aa"; } -.ts-icon.is-face-smile-icon::before { - content: "\f118"; +.ts-icon.is-scale-unbalanced-icon::before { + content: "\f515"; } -.ts-icon.is-file-pen-icon::before { - content: "\f31c"; +.ts-icon.is-baby-icon::before { + content: "\f77c"; } -.ts-icon.is-bolt-lightning-icon::before { - content: "\e0b7"; +.ts-icon.is-battery-three-quarters-icon::before { + content: "\f241"; } -.ts-icon.is-building-shield-icon::before { - content: "\e4d8"; +.ts-icon.is-cake-candles-icon::before { + content: "\f1fd"; } -.ts-icon.is-house-medical-circle-exclamation-icon::before { - content: "\e512"; +.ts-icon.is-chevron-right-icon::before { + content: "\f054"; } -.ts-icon.is-list-ul-icon::before { - content: "\f0ca"; +.ts-icon.is-icons-icon::before { + content: "\f86d"; } -.ts-icon.is-arrow-up-from-water-pump-icon::before { - content: "\e4b6"; +.ts-icon.is-money-bill-transfer-icon::before { + content: "\e528"; } -.ts-icon.is-basketball-icon::before { - content: "\f434"; +.ts-icon.is-sterling-sign-icon::before { + content: "\f154"; } -.ts-icon.is-person-half-dress-icon::before { - content: "\e548"; +.ts-icon.is-border-none-icon::before { + content: "\f850"; } -.ts-icon.is-square-rss-icon::before { - content: "\f143"; +.ts-icon.is-braille-icon::before { + content: "\f2a1"; } -.ts-icon.is-text-height-icon::before { - content: "\f034"; +.ts-icon.is-toggle-off-icon::before { + content: "\f204"; } -.ts-icon.is-discord-icon::before { +.ts-icon.is-phoenix-framework-icon::before { font-family: "IconsBrands"; - content: "\f392"; + content: "\f3dc"; } -.ts-icon.is-subscript-icon::before { - content: "\f12c"; +.ts-icon.is-shield-icon::before { + content: "\f132"; } -.ts-icon.is-umbrella-icon::before { - content: "\f0e9"; +.ts-icon.is-plus-icon::before { + content: "\2b"; } -.ts-icon.is-arrow-rotate-left-icon::before { - content: "\f0e2"; +.ts-icon.is-arrow-up-wide-short-icon::before { + content: "\f161"; } -.ts-icon.is-battery-quarter-icon::before { - content: "\f243"; +.ts-icon.is-dice-d6-icon::before { + content: "\f6d1"; } -.ts-icon.is-deploydog-icon::before { - font-family: "IconsBrands"; - content: "\f38e"; +.ts-icon.is-prescription-bottle-icon::before { + content: "\f485"; } -.ts-icon.is-jedi-icon::before { - content: "\f669"; +.ts-icon.is-creative-commons-sampling-icon::before { + font-family: "IconsBrands"; + content: "\f4f0"; } -.ts-icon.is-mars-stroke-icon::before { - content: "\f229"; +.ts-icon.is-joomla-icon::before { + font-family: "IconsBrands"; + content: "\f1aa"; } -.ts-icon.is-spinner-icon::before { - content: "\f110"; +.ts-icon.is-coins-icon::before { + content: "\f51e"; } -.ts-icon.is-cc-stripe-icon::before { +.ts-icon.is-docker-icon::before { font-family: "IconsBrands"; - content: "\f1f5"; + content: "\f395"; } -.ts-icon.is-face-grimace-icon::before { - content: "\f57f"; +.ts-icon.is-sleigh-icon::before { + content: "\f7cc"; } -.ts-icon.is-face-laugh-squint-icon::before { - content: "\f59b"; +.ts-icon.is-soundcloud-icon::before { + font-family: "IconsBrands"; + content: "\f1be"; } -.ts-icon.is-helicopter-icon::before { - content: "\f533"; +.ts-icon.is-square-git-icon::before { + font-family: "IconsBrands"; + content: "\f1d2"; } -.ts-icon.is-screwdriver-icon::before { - content: "\f54a"; +.ts-icon.is-truck-plane-icon::before { + content: "\e58f"; } -.ts-icon.is-arrow-up-long-icon::before { - content: "\f176"; +.ts-icon.is-arrow-down-z-a-icon::before { + content: "\f881"; } -.ts-icon.is-bath-icon::before { - content: "\f2cd"; +.ts-icon.is-cart-shopping-icon::before { + content: "\f07a"; } -.ts-icon.is-equals-icon::before { - content: "\3d"; +.ts-icon.is-layer-group-icon::before { + content: "\f5fd"; } -.ts-icon.is-location-arrow-icon::before { - content: "\f124"; +.ts-icon.is-d-and-d-icon::before { + font-family: "IconsBrands"; + content: "\f38d"; } -.ts-icon.is-hands-holding-icon::before { - content: "\f4c2"; +.ts-icon.is-italic-icon::before { + content: "\f033"; } -.ts-icon.is-jedi-order-icon::before { - font-family: "IconsBrands"; - content: "\f50e"; +.ts-icon.is-arrows-turn-right-icon::before { + content: "\e4c0"; } -.ts-icon.is-microblog-icon::before { - font-family: "IconsBrands"; - content: "\e01a"; +.ts-icon.is-wave-square-icon::before { + content: "\f83e"; } -.ts-icon.is-snapchat-icon::before { +.ts-icon.is-medrt-icon::before { font-family: "IconsBrands"; - content: "\f2ab"; -} - -.ts-icon.is-tablets-icon::before { - content: "\f490"; + content: "\f3c8"; } -.ts-icon.is-3-icon::before { - content: "\33"; +.ts-icon.is-bitbucket-icon::before { + font-family: "IconsBrands"; + content: "\f171"; } -.ts-icon.is-circle-exclamation-icon::before { - content: "\f06a"; +.ts-icon.is-i-cursor-icon::before { + content: "\f246"; } -.ts-icon.is-hard-drive-icon::before { - content: "\f0a0"; +.ts-icon.is-file-word-icon::before { + content: "\f1c2"; } -.ts-icon.is-line-icon::before { +.ts-icon.is-google-plus-g-icon::before { font-family: "IconsBrands"; - content: "\f3c0"; + content: "\f0d5"; } -.ts-icon.is-scroll-torah-icon::before { - content: "\f6a0"; +.ts-icon.is-hippo-icon::before { + content: "\f6ed"; } -.ts-icon.is-truck-moving-icon::before { - content: "\f4df"; +.ts-icon.is-image-portrait-icon::before { + content: "\f3e0"; } -.ts-icon.is-square-google-plus-icon::before { - font-family: "IconsBrands"; - content: "\f0d4"; +.ts-icon.is-kiwi-bird-icon::before { + content: "\f535"; } -.ts-icon.is-square-tumblr-icon::before { - font-family: "IconsBrands"; - content: "\f174"; +.ts-icon.is-locust-icon::before { + content: "\e520"; } -.ts-icon.is-temperature-arrow-up-icon::before { - content: "\e040"; +.ts-icon.is-black-tie-icon::before { + font-family: "IconsBrands"; + content: "\f27e"; } -.ts-icon.is-down-left-and-up-right-to-center-icon::before { - content: "\f422"; +.ts-icon.is-circle-chevron-up-icon::before { + content: "\f139"; } -.ts-icon.is-dumpster-fire-icon::before { - content: "\f794"; +.ts-icon.is-star-of-life-icon::before { + content: "\f621"; } -.ts-icon.is-intercom-icon::before { +.ts-icon.is-studiovinari-icon::before { font-family: "IconsBrands"; - content: "\f7af"; -} - -.ts-icon.is-pizza-slice-icon::before { - content: "\f818"; + content: "\f3f8"; } -.ts-icon.is-xmark-icon::before { - content: "\f00d"; +.ts-icon.is-user-injured-icon::before { + content: "\f728"; } -.ts-icon.is-anchor-icon::before { - content: "\f13d"; +.ts-icon.is-viruses-icon::before { + content: "\e076"; } -.ts-icon.is-dice-four-icon::before { - content: "\f524"; +.ts-icon.is-bath-icon::before { + content: "\f2cd"; } -.ts-icon.is-google-wallet-icon::before { - font-family: "IconsBrands"; - content: "\f1ee"; +.ts-icon.is-circle-notch-icon::before { + content: "\f1ce"; } -.ts-icon.is-face-meh-blank-icon::before { - content: "\f5a4"; +.ts-icon.is-truck-field-icon::before { + content: "\e58d"; } -.ts-icon.is-list-check-icon::before { - content: "\f0ae"; +.ts-icon.is-crow-icon::before { + content: "\f520"; } -.ts-icon.is-litecoin-sign-icon::before { - content: "\e1d3"; +.ts-icon.is-h-icon::before { + content: "\48"; } -.ts-icon.is-ravelry-icon::before { - font-family: "IconsBrands"; - content: "\f2d9"; +.ts-icon.is-info-icon::before { + content: "\f129"; } -.ts-icon.is-waze-icon::before { +.ts-icon.is-medapps-icon::before { font-family: "IconsBrands"; - content: "\f83f"; + content: "\f3c6"; } -.ts-icon.is-clipboard-question-icon::before { - content: "\e4e3"; +.ts-icon.is-plug-circle-bolt-icon::before { + content: "\e55b"; } -.ts-icon.is-fantasy-flight-games-icon::before { - font-family: "IconsBrands"; - content: "\f6dc"; +.ts-icon.is-user-group-icon::before { + content: "\f500"; } -.ts-icon.is-hamsa-icon::before { - content: "\f665"; +.ts-icon.is-won-sign-icon::before { + content: "\f159"; } -.ts-icon.is-hat-cowboy-side-icon::before { - content: "\f8c1"; +.ts-icon.is-fedora-icon::before { + font-family: "IconsBrands"; + content: "\f798"; } -.ts-icon.is-tents-icon::before { - content: "\e582"; +.ts-icon.is-github-icon::before { + font-family: "IconsBrands"; + content: "\f09b"; } -.ts-icon.is-arrow-down-a-z-icon::before { - content: "\f15d"; +.ts-icon.is-hill-rockslide-icon::before { + content: "\e508"; } -.ts-icon.is-camera-rotate-icon::before { - content: "\e0d8"; +.ts-icon.is-people-group-icon::before { + content: "\e533"; } -.ts-icon.is-tent-icon::before { - content: "\e57d"; +.ts-icon.is-tower-broadcast-icon::before { + content: "\f519"; } -.ts-icon.is-cloud-icon::before { - content: "\f0c2"; +.ts-icon.is-bag-shopping-icon::before { + content: "\f290"; } -.ts-icon.is-house-medical-circle-check-icon::before { - content: "\e511"; +.ts-icon.is-hand-holding-heart-icon::before { + content: "\f4be"; } -.ts-icon.is-circle-radiation-icon::before { - content: "\f7ba"; +.ts-icon.is-filter-circle-xmark-icon::before { + content: "\e17b"; } -.ts-icon.is-creative-commons-icon::before { - font-family: "IconsBrands"; - content: "\f25e"; +.ts-icon.is-hand-holding-dollar-icon::before { + content: "\f4c0"; } -.ts-icon.is-grav-icon::before { +.ts-icon.is-sass-icon::before { font-family: "IconsBrands"; - content: "\f2d6"; + content: "\f41e"; } -.ts-icon.is-rectangle-list-icon::before { - content: "\f022"; +.ts-icon.is-user-minus-icon::before { + content: "\f503"; } -.ts-icon.is-square-reddit-icon::before { +.ts-icon.is-wpexplorer-icon::before { font-family: "IconsBrands"; - content: "\f1a2"; + content: "\f2de"; } -.ts-icon.is-bell-slash-icon::before { - content: "\f1f6"; +.ts-icon.is-archway-icon::before { + content: "\f557"; } -.ts-icon.is-house-circle-check-icon::before { - content: "\e509"; +.ts-icon.is-diagram-next-icon::before { + content: "\e476"; } -.ts-icon.is-cat-icon::before { - content: "\f6be"; +.ts-icon.is-images-icon::before { + content: "\f302"; } -.ts-icon.is-child-icon::before { - content: "\f1ae"; +.ts-icon.is-unlock-keyhole-icon::before { + content: "\f13e"; } -.ts-icon.is-face-laugh-beam-icon::before { - content: "\f59a"; +.ts-icon.is-arrows-up-down-left-right-icon::before { + content: "\f047"; } -.ts-icon.is-stop-icon::before { - content: "\f04d"; +.ts-icon.is-chevron-down-icon::before { + content: "\f078"; } -.ts-icon.is-accessible-icon-icon::before { - font-family: "IconsBrands"; - content: "\f368"; +.ts-icon.is-stroopwafel-icon::before { + content: "\f551"; } -.ts-icon.is-jar-wheat-icon::before { - content: "\e517"; +.ts-icon.is-file-pdf-icon::before { + content: "\f1c1"; } -.ts-icon.is-mountain-icon::before { - content: "\f6fc"; +.ts-icon.is-sourcetree-icon::before { + font-family: "IconsBrands"; + content: "\f7d3"; } -.ts-icon.is-person-military-to-person-icon::before { - content: "\e54c"; +.ts-icon.is-gears-icon::before { + content: "\f085"; } -.ts-icon.is-smog-icon::before { - content: "\f75f"; +.ts-icon.is-hourglass-icon::before { + content: "\f254"; } -.ts-icon.is-file-shield-icon::before { - content: "\e4f0"; +.ts-icon.is-house-medical-circle-xmark-icon::before { + content: "\e513"; } -.ts-icon.is-radio-icon::before { - content: "\f8d7"; +.ts-icon.is-people-roof-icon::before { + content: "\e537"; } -.ts-icon.is-algolia-icon::before { +.ts-icon.is-uniregistry-icon::before { font-family: "IconsBrands"; - content: "\f36c"; + content: "\f404"; } -.ts-icon.is-arrow-right-to-city-icon::before { - content: "\e4b3"; +.ts-icon.is-baseball-bat-ball-icon::before { + content: "\f432"; } -.ts-icon.is-blender-icon::before { - content: "\f517"; +.ts-icon.is-face-angry-icon::before { + content: "\f556"; } -.ts-icon.is-plane-departure-icon::before { - content: "\f5b0"; +.ts-icon.is-hand-dots-icon::before { + content: "\f461"; } -.ts-icon.is-sun-plant-wilt-icon::before { - content: "\e57a"; +.ts-icon.is-reply-icon::before { + content: "\f3e5"; } -.ts-icon.is-arrow-down-icon::before { - content: "\f063"; +.ts-icon.is-subscript-icon::before { + content: "\f12c"; } -.ts-icon.is-face-frown-icon::before { - content: "\f119"; +.ts-icon.is-umbrella-beach-icon::before { + content: "\f5ca"; } -.ts-icon.is-o-icon::before { - content: "\4f"; +.ts-icon.is-venus-icon::before { + content: "\f221"; } -.ts-icon.is-square-pinterest-icon::before { - font-family: "IconsBrands"; - content: "\f0d3"; +.ts-icon.is-align-right-icon::before { + content: "\f038"; } -.ts-icon.is-twitter-icon::before { - font-family: "IconsBrands"; - content: "\f099"; +.ts-icon.is-face-tired-icon::before { + content: "\f5c8"; } -.ts-icon.is-pied-piper-hat-icon::before { +.ts-icon.is-mizuni-icon::before { font-family: "IconsBrands"; - content: "\f4e5"; -} - -.ts-icon.is-suitcase-medical-icon::before { - content: "\f0fa"; + content: "\f3cc"; } -.ts-icon.is-earth-africa-icon::before { - content: "\f57c"; +.ts-icon.is-person-half-dress-icon::before { + content: "\e548"; } -.ts-icon.is-guilded-icon::before { - font-family: "IconsBrands"; - content: "\e07e"; +.ts-icon.is-volume-xmark-icon::before { + content: "\f6a9"; } -.ts-icon.is-korvue-icon::before { +.ts-icon.is-waze-icon::before { font-family: "IconsBrands"; - content: "\f42f"; -} - -.ts-icon.is-layer-group-icon::before { - content: "\f5fd"; + content: "\f83f"; } -.ts-icon.is-node-js-icon::before { - font-family: "IconsBrands"; - content: "\f3d3"; +.ts-icon.is-austral-sign-icon::before { + content: "\e0a9"; } -.ts-icon.is-arrow-right-to-bracket-icon::before { - content: "\f090"; +.ts-icon.is-headphones-icon::before { + content: "\f025"; } -.ts-icon.is-shop-slash-icon::before { - content: "\e070"; +.ts-icon.is-code-commit-icon::before { + content: "\f386"; } -.ts-icon.is-tarp-icon::before { - content: "\e57b"; +.ts-icon.is-pen-nib-icon::before { + content: "\f5ad"; } -.ts-icon.is-up-right-and-down-left-from-center-icon::before { - content: "\f424"; +.ts-icon.is-creative-commons-pd-icon::before { + font-family: "IconsBrands"; + content: "\f4ec"; } -.ts-icon.is-buysellads-icon::before { +.ts-icon.is-dyalog-icon::before { font-family: "IconsBrands"; - content: "\f20d"; + content: "\f399"; } -.ts-icon.is-yelp-icon::before { - font-family: "IconsBrands"; - content: "\f1e9"; +.ts-icon.is-user-astronaut-icon::before { + content: "\f4fb"; } -.ts-icon.is-car-on-icon::before { - content: "\e4dd"; +.ts-icon.is-compass-icon::before { + content: "\f14e"; } -.ts-icon.is-face-sad-tear-icon::before { - content: "\f5b4"; +.ts-icon.is-creative-commons-nc-icon::before { + font-family: "IconsBrands"; + content: "\f4e8"; } -.ts-icon.is-hand-peace-icon::before { - content: "\f25b"; +.ts-icon.is-gavel-icon::before { + content: "\f0e3"; } -.ts-icon.is-industry-icon::before { - content: "\f275"; +.ts-icon.is-hill-avalanche-icon::before { + content: "\e507"; } -.ts-icon.is-road-circle-check-icon::before { - content: "\e564"; +.ts-icon.is-jet-fighter-icon::before { + content: "\f0fb"; } -.ts-icon.is-6-icon::before { - content: "\36"; +.ts-icon.is-jsfiddle-icon::before { + font-family: "IconsBrands"; + content: "\f1cc"; } -.ts-icon.is-chart-line-icon::before { - content: "\f201"; +.ts-icon.is-marker-icon::before { + content: "\f5a1"; } -.ts-icon.is-gopuram-icon::before { - content: "\f664"; +.ts-icon.is-stethoscope-icon::before { + content: "\f0f1"; } -.ts-icon.is-head-side-mask-icon::before { - content: "\e063"; +.ts-icon.is-chromecast-icon::before { + font-family: "IconsBrands"; + content: "\f838"; } -.ts-icon.is-not-equal-icon::before { - content: "\f53e"; +.ts-icon.is-face-grin-stars-icon::before { + content: "\f587"; } -.ts-icon.is-braille-icon::before { - content: "\f2a1"; +.ts-icon.is-accessible-icon-icon::before { + font-family: "IconsBrands"; + content: "\f368"; } -.ts-icon.is-dochub-icon::before { +.ts-icon.is-lyft-icon::before { font-family: "IconsBrands"; - content: "\f394"; + content: "\f3c3"; } -.ts-icon.is-house-laptop-icon::before { - content: "\e066"; +.ts-icon.is-copyright-icon::before { + content: "\f1f9"; } diff --git a/src/iconset.css b/src/iconset.css index d84379051..0f48a13e3 100644 --- a/src/iconset.css +++ b/src/iconset.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-iconset { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -16,14 +21,12 @@ Structure ========================================================================== */ -.ts-iconset .item { -} - .ts-iconset .ts-icon { width: 3rem; min-width: 3rem; height: 3rem; - background: var(--ts-gray-100); + background: var(--accent-color, var(--ts-gray-100)); + color: var(--accent-foreground-color, inherit); justify-content: center; align-items: center; font-size: 1.4rem; @@ -31,9 +34,6 @@ border-radius: 0.4rem; } -.ts-iconset .content { -} - .ts-iconset .content .title { font-weight: 500; line-height: 1.4; @@ -57,6 +57,7 @@ .ts-iconset.is-outlined .ts-icon { background: transparent; + color: var(--accent-color, inherit); border: 2px solid var(--ts-gray-300); box-sizing: border-box; } diff --git a/src/image.css b/src/image.css index c3fdc68cc..6bbe4e65e 100644 --- a/src/image.css +++ b/src/image.css @@ -127,9 +127,6 @@ * Spaced */ -.ts-image:is(.is-spaced, .is-start-spaced, .is-end-spaced) { -} - .ts-image.is-spaced { margin-left: 0.45rem; margin-right: 0.45rem; diff --git a/src/input.css b/src/input.css index ad72a0c66..4ff5587e4 100644 --- a/src/input.css +++ b/src/input.css @@ -3,7 +3,7 @@ ========================================================================== */ .ts-input { - --border-radius: .4rem; + --border-radius: 0.4rem; --height: var(--ts-input-height-medium); } @@ -41,6 +41,7 @@ -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; + appearance: none; -webkit-appearance: none; } @@ -182,12 +183,6 @@ * Labeled */ -.ts-input.is-start-labeled, -.ts-input.is-end-labeled, -.ts-input.is-labeled { - /*display: flex;*/ -} - .ts-input:is(.is-start-labeled, .is-end-labeled, .is-labeled) :is(.input, .label) { border-radius: var(--border-radius); } diff --git a/src/loading.css b/src/loading.css index 8e9358b24..67aa78e51 100644 --- a/src/loading.css +++ b/src/loading.css @@ -11,23 +11,30 @@ } } +.ts-loading { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ .ts-loading { + display: inline-block; + text-align: center; + color: var(--accent-color, var(--ts-gray-600)); +} + +.ts-loading::after { font-family: "Icons"; font-weight: normal; font-style: normal; - display: inline; text-decoration: inherit; - text-align: center; + display: inline-block; -webkit-font-smoothing: antialiased; backface-visibility: hidden; - display: inline-block; animation: ts-loading-spin 2s linear infinite; - - color: var(--ts-gray-600); font-size: 2rem; } @@ -64,10 +71,10 @@ * Sizes */ -.ts-loading.is-small { +.ts-loading.is-small::after { font-size: 1rem; } -.ts-loading.is-large { +.ts-loading.is-large::after { font-size: 2.8rem; } diff --git a/src/mask.css b/src/mask.css index 5590fd537..a00ac8158 100644 --- a/src/mask.css +++ b/src/mask.css @@ -6,9 +6,6 @@ Base ========================================================================== */ -.ts-mask { -} - /* ========================================================================== Structure ========================================================================== */ diff --git a/src/menu.css b/src/menu.css index 9789f7d13..b89f8da61 100644 --- a/src/menu.css +++ b/src/menu.css @@ -4,6 +4,8 @@ .ts-menu { --object-distance: 0.8rem; + --accent-color: initial; + --accent-foreground-color: initial; } /* ========================================================================== @@ -73,8 +75,8 @@ */ .ts-menu .item.is-active { - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } /** @@ -92,8 +94,8 @@ */ .ts-menu .item.is-selected { - background: var(--ts-primary-700); - color: var(--ts-white); + background: var(--accent-color, var(--ts-primary-700)); + color: var(--accent-foreground-color, var(--ts-white)); } /** diff --git a/src/notice.css b/src/notice.css index 3c9be9b27..977fe5cec 100644 --- a/src/notice.css +++ b/src/notice.css @@ -2,14 +2,19 @@ Variables ========================================================================== */ +.ts-notice { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ .ts-notice { - background: var(--ts-gray-800); + background: var(--accent-color, var(--ts-gray-800)); border: 1px solid transparent; - color: var(--ts-gray-50); + color: var(--accent-foreground-color, var(--ts-gray-50)); display: block; padding: 0.45rem 1rem; font-size: var(--ts-font-size-14px); @@ -21,8 +26,8 @@ ========================================================================== */ .ts-notice .title { - background: var(--ts-gray-50); - color: var(--ts-gray-800); + background: var(--accent-foreground-color, var(--ts-gray-50)); + color: var(--accent-color, var(--ts-gray-800)); border-radius: 0.4rem; padding: 0.3rem 0.5rem; margin-right: 0.6rem; @@ -67,12 +72,12 @@ .ts-notice.is-outlined { background: transparent; border-color: var(--ts-gray-300); - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); } .ts-notice.is-outlined .title { - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } .ts-notice.is-outlined.is-negative .title { diff --git a/src/notification.css b/src/notification.css deleted file mode 100644 index e1a1d8b4e..000000000 --- a/src/notification.css +++ /dev/null @@ -1,99 +0,0 @@ -/* ========================================================================== - Variables - ========================================================================== */ - -/* ========================================================================== - Base - ========================================================================== */ - -.ts-notification { - display: flex; - gap: 1rem; - align-items: flex-start; -} - -/* ========================================================================== - Structure - ========================================================================== */ - -.ts-notification .aside .ts-icon { - padding: 0.9rem; - background: var(--ts-gray-200); - border-radius: 0.4rem; - font-size: 1.3rem; - color: var(--ts-gray-600); - display: block; - width: auto; - line-height: 1; -} - -.ts-notification .aside .ts-image { - object-fit: cover; - aspect-ratio: 1/1; - max-height: 44px; - border-radius: 0.4rem; -} - -.ts-notification .content .actions { - border-top: 1px solid var(--ts-gray-300); - margin-top: 0.5rem; - padding-top: 0.5rem; - display: flex; - gap: 1rem; -} - -.ts-notification .content .actions .item { - border: none; - margin: 0; - padding: 0; - width: auto; - overflow: visible; - background: transparent; - color: inherit; - font: inherit; - line-height: normal; - border-radius: 0; - outline: none; - box-sizing: border-box; - user-select: none; - - -webkit-font-smoothing: inherit; - -moz-osx-font-smoothing: inherit; - -webkit-appearance: none; - - cursor: pointer; -} - -.ts-notification .content { - font-size: 14px; - color: var(--ts-gray-800); - flex: 1; -} - -.ts-notification .content .text { - min-height: 42px; -} - -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Emphasises - */ - -.ts-notification .content .actions .item.is-primary { - color: var(--ts-primary-700); -} - -.ts-notification .content .actions .item.is-negative { - color: var(--ts-negative-600); -} - -/** - * Secondary - */ - -.ts-notification .content .actions .item.is-secondary { - color: var(--ts-gray-500); -} diff --git a/src/pagination.css b/src/pagination.css index 461edc29b..b6e1c589b 100644 --- a/src/pagination.css +++ b/src/pagination.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-pagination { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -42,8 +47,8 @@ */ .ts-pagination .item.is-active { - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } /** diff --git a/src/placeholder.css b/src/placeholder.css index bd0cfaaa0..b3a2e7881 100644 --- a/src/placeholder.css +++ b/src/placeholder.css @@ -21,9 +21,6 @@ Base ========================================================================== */ -.ts-placeholder { -} - /* ========================================================================== Structure ========================================================================== */ diff --git a/src/procedure.css b/src/procedure.css index 3dd4c88fe..e9f04e518 100644 --- a/src/procedure.css +++ b/src/procedure.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-procedure { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -41,8 +46,7 @@ align-items: center; justify-content: center; font-weight: bold; - margin-right: 0.5rem; - + margin-right: 1rem; background: transparent; } @@ -66,15 +70,16 @@ font-weight: normal; } -.ts-procedure .item .line { +.ts-procedure .item::after { height: 2px; + content: ""; flex: 1 1 0%; background: var(--ts-gray-300); margin: 0 1rem; pointer-events: none; } -.ts-procedure .item:last-child .line { +.ts-procedure .item:last-child::after { display: none; } @@ -91,9 +96,9 @@ */ .ts-procedure .item.is-active .indicator { - background: var(--ts-gray-800); - border-color: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + border-color: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } /** @@ -110,7 +115,7 @@ margin-right: 0; } -.ts-procedure.is-stacked .item .line { +.ts-procedure.is-stacked .item::after { margin-bottom: 2rem; } @@ -120,7 +125,7 @@ .ts-procedure .item.is-processing .indicator { background: transparent; - border-color: var(--ts-gray-800); + border-color: var(--accent-color, var(--ts-gray-800)); color: var(--ts-gray-800); } @@ -128,8 +133,8 @@ * Completed */ -.ts-procedure .item.is-completed .line { - background: var(--ts-gray-800); +.ts-procedure .item.is-completed::after { + background: var(--accent-color, var(--ts-gray-800)); } .ts-procedure .item.is-completed .indicator { @@ -140,9 +145,9 @@ text-align: center; -webkit-font-smoothing: antialiased; backface-visibility: hidden; - background: var(--ts-gray-800); - border-color: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + border-color: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } .ts-procedure .item.is-completed .indicator::after, .ts-procedure .item.is-completed .indicator * { @@ -220,13 +225,13 @@ border-color: var(--ts-gray-200); } -.ts-procedure.is-unordered .item.is-completed .line { +.ts-procedure.is-unordered .item.is-completed::after { background: var(--ts-gray-300); } .ts-procedure.is-unordered .item.is-active .indicator { - background: var(--ts-gray-800); - border-color: var(--ts-gray-800); + background: var(--accent-color, var(--ts-gray-800)); + border-color: var(--accent-color, var(--ts-gray-800)); } .ts-procedure.is-unordered .item.is-completed .indicator { @@ -240,18 +245,18 @@ */ .ts-procedure.is-compact .item.is-completed .indicator { - background: var(--ts-gray-800); - border-color: var(--ts-gray-800); + background: var(--accent-color, var(--ts-gray-800)); + border-color: var(--accent-color, var(--ts-gray-800)); } .ts-procedure.is-compact .item.is-active .indicator { background: transparent; - border-color: var(--ts-gray-800); + border-color: var(--accent-color, var(--ts-gray-800)); } .ts-procedure.is-compact .item.is-active .indicator::after { content: ""; - background: var(--ts-gray-800); + background: var(--accent-color, var(--ts-gray-800)); position: absolute; top: 2px; left: 2px; @@ -279,14 +284,14 @@ width: 100%; } -.ts-procedure.is-vertical .item .line { +.ts-procedure.is-vertical .item::after { height: auto; min-height: 1.5rem; width: 2px; margin: 0.5rem 0 0.5rem 0.9rem; } -.ts-procedure.is-vertical.is-compact .item .line { +.ts-procedure.is-vertical.is-compact .item::after { margin: 0rem 0 0rem 0.4rem; } diff --git a/src/progress.css b/src/progress.css index e5890b180..b01957b5a 100644 --- a/src/progress.css +++ b/src/progress.css @@ -37,6 +37,11 @@ } } +.ts-progress { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -56,8 +61,8 @@ display: inline-flex; align-items: center; justify-content: flex-end; - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); padding: 0rem 0.5rem; font-size: var(--ts-font-size-14px); border-radius: 0.4rem; @@ -76,9 +81,6 @@ * Active */ -.ts-progress.is-active .bar { -} - .ts-progress.is-active .bar::after { position: absolute; top: 0; diff --git a/src/quote.css b/src/quote.css index 30b11ce08..89dc8c8fc 100644 --- a/src/quote.css +++ b/src/quote.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-quote { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -19,7 +24,7 @@ left: 0px; font-size: 5rem; font-family: Georgia, "Times New Roman", Times; - color: var(--ts-gray-300); + color: var(--accent-color, var(--ts-gray-300)); line-height: 1; } @@ -50,8 +55,8 @@ } .ts-quote.is-heading::before { - background: var(--ts-gray-100); - color: var(--ts-gray-800); + background: var(--accent-color, var(--ts-gray-100)); + color: var(--accent-foreground-color, var(--ts-gray-800)); border-radius: 50%; content: "”"; display: block; @@ -76,7 +81,7 @@ */ .ts-quote.is-secondary { - border-left: 5px solid var(--ts-gray-300); + border-left: 5px solid var(--accent-color, var(--ts-gray-300)); padding: 0 0 0 2rem; } diff --git a/src/radio.css b/src/radio.css index 02c257cc6..f39de1af0 100644 --- a/src/radio.css +++ b/src/radio.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-radio { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -37,6 +42,7 @@ -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; + appearance: none; -webkit-appearance: none; } @@ -52,8 +58,8 @@ } .ts-radio input:checked { - background: var(--ts-primary-700); - border-color: var(--ts-primary-700); + background: var(--accent-color, var(--ts-primary-700)); + background: var(--accent-color, var(--ts-primary-700)); } .ts-radio input:focus { @@ -81,7 +87,7 @@ -webkit-font-smoothing: antialiased; backface-visibility: hidden; font-size: 1rem; - color: var(--ts-white); + color:var(--accent-foreground-color, var(--ts-white)); } .ts-radio input:checked::after { diff --git a/src/rating.css b/src/rating.css index 79fb83276..240502fff 100644 --- a/src/rating.css +++ b/src/rating.css @@ -2,6 +2,12 @@ Variables ========================================================================== */ +.ts-rating { + --accent-color: initial; + --accent-foreground-color: initial; + --color: var(--accent-color, inherit); +} + /* ========================================================================== Base ========================================================================== */ @@ -24,25 +30,17 @@ .ts-rating :is(.star, .heart).is-active, .ts-rating.is-input :is(.star, .heart):checked, .ts-rating.is-input :is(.star, .heart):hover, -.ts-rating.is-input :is(.star, .heart):hover ~ :is(.star, .heart), -.ts-rating.is-input :is(.star, .heart):checked ~ :is(.star, .heart) { - color: inherit; +.ts-rating.is-input :is(.star, .heart):has(~ :is(.star, .heart):hover), +.ts-rating.is-input :is(.star, .heart):has(~ :is(.star, .heart):checked) { + color: var(--color); } -.ts-rating.is-yellow :is(.star, .heart).is-active, -.ts-rating.is-yellow.is-input :is(.star, .heart):checked, -.ts-rating.is-yellow.is-input :is(.star, .heart):hover, -.ts-rating.is-yellow.is-input :is(.star, .heart):hover ~ :is(.star, .heart), -.ts-rating.is-yellow.is-input :is(.star, .heart):checked ~ :is(.star, .heart) { - color: #e3c81b; +.ts-rating.is-yellow { + --color: #e3c81b; } -.ts-rating.is-red :is(.star, .heart).is-active, -.ts-rating.is-red.is-input :is(.star, .heart):checked, -.ts-rating.is-red.is-input :is(.star, .heart):hover, -.ts-rating.is-red.is-input :is(.star, .heart):hover ~ :is(.star, .heart), -.ts-rating.is-red.is-input :is(.star, .heart):checked ~ :is(.star, .heart) { - color: #ff1100; +.ts-rating.is-red { + --color: #ff1100; } .ts-rating :is(.star, .heart)::after, @@ -79,15 +77,7 @@ } .ts-rating .star.is-active.is-half::before { - color: var(--ts-gray-800); -} - -.ts-rating.is-yellow .star.is-active.is-half::before { - color: #e3c81b; -} - -.ts-rating.is-red .star.is-active.is-half::before { - color: #ff1100; + color: var(--color); } .ts-rating .star.is-active.is-half::before { @@ -100,13 +90,17 @@ } /** - * Input + * Disabled */ -.ts-rating.is-input { - flex-direction: row-reverse; +.ts-rating.is-disabled { + pointer-events: none; } +/** + * Input + */ + .ts-rating.is-input input { appearance: none; margin: 0; @@ -115,8 +109,9 @@ transition: color 0.1s ease, opacity 0.1s ease; } -.ts-rating.is-input input:hover:not(:focus) ~ input { - opacity: 0.8; +.ts-rating.is-input input:hover:not(:focus) ~ input, +.ts-rating.is-input input:hover:focus~input { + opacity: 0.7; } .ts-rating.is-input input:hover:not(:focus) { diff --git a/src/reboot.css b/src/reboot.css index 38cd8531e..d0562b671 100644 --- a/src/reboot.css +++ b/src/reboot.css @@ -51,8 +51,8 @@ body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /** 4. */ font-family: "Noto Sans TC", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", "Microsoft JhengHei", wf_SegoeUI, "Segoe UI", - Segoe, "Segoe WP", Tahoma, Verdana, Ubuntu, "Bitstream Vera Sans", "DejaVu Sans", 微軟正黑體, "LiHei Pro", "WenQuanYi Micro Hei", "Droid Sans Fallback", - "AR PL UMing TW", Roboto, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", Meiryo, "Droid Sans", sans-serif; + Segoe, "Segoe WP", Tahoma, Verdana, Ubuntu, "Bitstream Vera Sans", "DejaVu Sans", 微軟正黑體, "LiHei Pro", "WenQuanYi Micro Hei", "Droid Sans Fallback", "AR PL UMing TW", + Roboto, "Hiragino Maru Gothic ProN", メイリオ, "ヒラギノ丸ゴ ProN W4", Meiryo, "Droid Sans", sans-serif; } /** @@ -83,6 +83,7 @@ button { line-height: normal; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; + appearance: none; -webkit-appearance: none; cursor: pointer; user-select: none; @@ -109,6 +110,6 @@ button { margin-block-end: 0; } -[class*=ts-] :where(a) { +[class*="ts-"] :where(a) { color: inherit; } diff --git a/src/row.css b/src/row.css index f731b2365..e1ecbe6bf 100644 --- a/src/row.css +++ b/src/row.css @@ -10,10 +10,7 @@ display: flex; gap: 1rem; color: inherit; -} - -.ts-row .column { - /*flex-shrink: 0;*/ + min-width: 0; } /* ========================================================================== diff --git a/src/scripts/.prettierignore b/src/scripts/.prettierignore new file mode 100644 index 000000000..10948611f --- /dev/null +++ b/src/scripts/.prettierignore @@ -0,0 +1 @@ +*.min.* \ No newline at end of file diff --git a/src/scripts/floating-ui.min.js b/src/scripts/floating-ui.min.js new file mode 100644 index 000000000..9ca49a168 --- /dev/null +++ b/src/scripts/floating-ui.min.js @@ -0,0 +1,5 @@ +// 1.2.2 + +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).TocasFloatingUICore={})}(this,(function(t){"use strict";function e(t){return t.split("-")[1]}function n(t){return"y"===t?"height":"width"}function i(t){return t.split("-")[0]}function o(t){return["top","bottom"].includes(i(t))?"x":"y"}function r(t,r,a){let{reference:l,floating:s}=t;const f=l.x+l.width/2-s.width/2,c=l.y+l.height/2-s.height/2,u=o(r),m=n(u),d=l[m]/2-s[m]/2,g="x"===u;let p;switch(i(r)){case"top":p={x:f,y:l.y-s.height};break;case"bottom":p={x:f,y:l.y+l.height};break;case"right":p={x:l.x+l.width,y:c};break;case"left":p={x:l.x-s.width,y:c};break;default:p={x:l.x,y:l.y}}switch(e(r)){case"start":p[u]-=d*(a&&g?-1:1);break;case"end":p[u]+=d*(a&&g?-1:1)}return p}function a(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function l(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function s(t,e){var n;void 0===e&&(e={});const{x:i,y:o,platform:r,rects:s,elements:f,strategy:c}=t,{boundary:u="clippingAncestors",rootBoundary:m="viewport",elementContext:d="floating",altBoundary:g=!1,padding:p=0}=e,h=a(p),y=f[g?"floating"===d?"reference":"floating":d],x=l(await r.getClippingRect({element:null==(n=await(null==r.isElement?void 0:r.isElement(y)))||n?y:y.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(f.floating)),boundary:u,rootBoundary:m,strategy:c})),w="floating"===d?{...s.floating,x:i,y:o}:s.reference,v=await(null==r.getOffsetParent?void 0:r.getOffsetParent(f.floating)),b=await(null==r.isElement?void 0:r.isElement(v))&&await(null==r.getScale?void 0:r.getScale(v))||{x:1,y:1},R=l(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:w,offsetParent:v,strategy:c}):w);return{top:(x.top-R.top+h.top)/b.y,bottom:(R.bottom-x.bottom+h.bottom)/b.y,left:(x.left-R.left+h.left)/b.x,right:(R.right-x.right+h.right)/b.x}}const f=Math.min,c=Math.max;function u(t,e,n){return c(t,f(e,n))}const m=["top","right","bottom","left"],d=m.reduce(((t,e)=>t.concat(e,e+"-start",e+"-end")),[]),g={left:"right",right:"left",bottom:"top",top:"bottom"};function p(t){return t.replace(/left|right|bottom|top/g,(t=>g[t]))}function h(t,i,r){void 0===r&&(r=!1);const a=e(t),l=o(t),s=n(l);let f="x"===l?a===(r?"end":"start")?"right":"left":"start"===a?"bottom":"top";return i.reference[s]>i.floating[s]&&(f=p(f)),{main:f,cross:p(f)}}const y={start:"end",end:"start"};function x(t){return t.replace(/start|end/g,(t=>y[t]))}function w(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function v(t){return m.some((e=>t[e]>=0))}function b(t){return"x"===t?"y":"x"}t.arrow=t=>({name:"arrow",options:t,async fn(i){const{element:r,padding:l=0}=t||{},{x:s,y:f,placement:c,rects:m,platform:d,elements:g}=i;if(null==r)return{};const p=a(l),h={x:s,y:f},y=o(c),x=n(y),w=await d.getDimensions(r),v="y"===y,b=v?"top":"left",R=v?"bottom":"right",A=v?"clientHeight":"clientWidth",P=m.reference[x]+m.reference[y]-h[y]-m.floating[x],T=h[y]-m.reference[y],O=await(null==d.getOffsetParent?void 0:d.getOffsetParent(r));let E=O?O[A]:0;E&&await(null==d.isElement?void 0:d.isElement(O))||(E=g.floating[A]||m.floating[x]);const D=P/2-T/2,L=p[b],k=E-w[x]-p[R],C=E/2-w[x]/2+D,B=u(L,C,k),H=null!=e(c)&&C!=B&&m.reference[x]/2-(Ce(n)===t)),...o.filter((n=>e(n)!==t))]:o.filter((t=>i(t)===t))).filter((i=>!t||e(i)===t||!!n&&x(i)!==i))}(p||null,w,y):y,R=await s(n,v),A=(null==(o=f.autoPlacement)?void 0:o.index)||0,P=b[A];if(null==P)return{};const{main:T,cross:O}=h(P,l,await(null==u.isRTL?void 0:u.isRTL(m.floating)));if(c!==P)return{reset:{placement:b[0]}};const E=[R[i(P)],R[T],R[O]],D=[...(null==(r=f.autoPlacement)?void 0:r.overflows)||[],{placement:P,overflows:E}],L=b[A+1];if(L)return{data:{index:A+1,overflows:D},reset:{placement:L}};const k=D.map((t=>{const n=e(t.placement);return[t.placement,n&&g?t.overflows.slice(0,2).reduce(((t,e)=>t+e),0):t.overflows[0],t.overflows]})).sort(((t,e)=>t[1]-e[1])),C=(null==(a=k.filter((t=>t[2].slice(0,e(t[0])?2:3).every((t=>t<=0))))[0])?void 0:a[0])||k[0][0];return C!==c?{data:{index:A+1,overflows:D},reset:{placement:C}}:{}}}},t.computePosition=async(t,e,n)=>{const{placement:i="bottom",strategy:o="absolute",middleware:a=[],platform:l}=n,s=a.filter(Boolean),f=await(null==l.isRTL?void 0:l.isRTL(e));let c=await l.getElementRects({reference:t,floating:e,strategy:o}),{x:u,y:m}=r(c,i,f),d=i,g={},p=0;for(let n=0;nt+"-"+a)),n&&(l=l.concat(l.map(x)))),l}(f,v,w,P));const O=[f,...T],E=await s(n,b),D=[];let L=(null==(o=a.flip)?void 0:o.overflows)||[];if(m&&D.push(E[R]),d){const{main:t,cross:e}=h(r,l,P);D.push(E[t],E[e])}if(L=[...L,{placement:r,overflows:D}],!D.every((t=>t<=0))){var k,C;const t=((null==(k=a.flip)?void 0:k.index)||0)+1,e=O[t];if(e)return{data:{index:t,overflows:L},reset:{placement:e}};let n=null==(C=L.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:C.placement;if(!n)switch(y){case"bestFit":{var B;const t=null==(B=L.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:B[0];t&&(n=t);break}case"initialPlacement":n=f}if(r!==n)return{reset:{placement:n}}}return{}}}},t.hide=function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(e){const{strategy:n="referenceHidden",...i}=t,{rects:o}=e;switch(n){case"referenceHidden":{const t=w(await s(e,{...i,elementContext:"reference"}),o.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:v(t)}}}case"escaped":{const t=w(await s(e,{...i,altBoundary:!0}),o.floating);return{data:{escapedOffsets:t,escaped:v(t)}}}default:return{}}}}},t.inline=function(t){return void 0===t&&(t={}),{name:"inline",options:t,async fn(e){const{placement:n,elements:r,rects:s,platform:u,strategy:m}=e,{padding:d=2,x:g,y:p}=t,h=l(u.convertOffsetParentRelativeRectToViewportRelativeRect?await u.convertOffsetParentRelativeRectToViewportRelativeRect({rect:s.reference,offsetParent:await(null==u.getOffsetParent?void 0:u.getOffsetParent(r.floating)),strategy:m}):s.reference),y=await(null==u.getClientRects?void 0:u.getClientRects(r.reference))||[],x=a(d);const w=await u.getElementRects({reference:{getBoundingClientRect:function(){if(2===y.length&&y[0].left>y[1].right&&null!=g&&null!=p)return y.find((t=>g>t.left-x.left&&gt.top-x.top&&p=2){if("x"===o(n)){const t=y[0],e=y[y.length-1],o="top"===i(n),r=t.top,a=e.bottom,l=o?t.left:e.left,s=o?t.right:e.right;return{top:r,bottom:a,left:l,right:s,width:s-l,height:a-r,x:l,y:r}}const t="left"===i(n),e=c(...y.map((t=>t.right))),r=f(...y.map((t=>t.left))),a=y.filter((n=>t?n.left===r:n.right===e)),l=a[0].top,s=a[a.length-1].bottom;return{top:l,bottom:s,left:r,right:e,width:e-r,height:s-l,x:r,y:l}}return h}},floating:r.floating,strategy:m});return s.reference.x!==w.reference.x||s.reference.y!==w.reference.y||s.reference.width!==w.reference.width||s.reference.height!==w.reference.height?{reset:{rects:w}}:{}}}},t.limitShift=function(t){return void 0===t&&(t={}),{options:t,fn(e){const{x:n,y:r,placement:a,rects:l,middlewareData:s}=e,{offset:f=0,mainAxis:c=!0,crossAxis:u=!0}=t,m={x:n,y:r},d=o(a),g=b(d);let p=m[d],h=m[g];const y="function"==typeof f?f(e):f,x="number"==typeof y?{mainAxis:y,crossAxis:0}:{mainAxis:0,crossAxis:0,...y};if(c){const t="y"===d?"height":"width",e=l.reference[d]-l.floating[t]+x.mainAxis,n=l.reference[d]+l.reference[t]-x.mainAxis;pn&&(p=n)}if(u){var w,v;const t="y"===d?"width":"height",e=["top","left"].includes(i(a)),n=l.reference[g]-l.floating[t]+(e&&(null==(w=s.offset)?void 0:w[g])||0)+(e?0:x.crossAxis),o=l.reference[g]+l.reference[t]+(e?0:(null==(v=s.offset)?void 0:v[g])||0)-(e?x.crossAxis:0);ho&&(h=o)}return{[d]:p,[g]:h}}}},t.offset=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(n){const{x:r,y:a}=n,l=await async function(t,n){const{placement:r,platform:a,elements:l}=t,s=await(null==a.isRTL?void 0:a.isRTL(l.floating)),f=i(r),c=e(r),u="x"===o(r),m=["left","top"].includes(f)?-1:1,d=s&&u?-1:1,g="function"==typeof n?n(t):n;let{mainAxis:p,crossAxis:h,alignmentAxis:y}="number"==typeof g?{mainAxis:g,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...g};return c&&"number"==typeof y&&(h="end"===c?-1*y:y),u?{x:h*d,y:p*m}:{x:p*m,y:h*d}}(n,t);return{x:r+l.x,y:a+l.y,data:l}}}},t.rectToClientRect=l,t.shift=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:r,placement:a}=e,{mainAxis:l=!0,crossAxis:f=!1,limiter:c={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...m}=t,d={x:n,y:r},g=await s(e,m),p=o(i(a)),h=b(p);let y=d[p],x=d[h];if(l){const t="y"===p?"bottom":"right";y=u(y+g["y"===p?"top":"left"],y,y-g[t])}if(f){const t="y"===h?"bottom":"right";x=u(x+g["y"===h?"top":"left"],x,x-g[t])}const w=c.fn({...e,[p]:y,[h]:x});return{...w,data:{x:w.x-n,y:w.y-r}}}}},t.size=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(n){const{placement:r,rects:a,platform:l,elements:u}=n,{apply:m=(()=>{}),...d}=t,g=await s(n,d),p=i(r),h=e(r),y="x"===o(r),{width:x,height:w}=a.floating;let v,b;"top"===p||"bottom"===p?(v=p,b=h===(await(null==l.isRTL?void 0:l.isRTL(u.floating))?"start":"end")?"left":"right"):(b=p,v="end"===h?"top":"bottom");const R=w-g[v],A=x-g[b];let P=R,T=A;if(y?T=f(x-g.right-g.left,A):P=f(w-g.bottom-g.top,R),!n.middlewareData.shift&&!h){const t=c(g.left,0),e=c(g.right,0),n=c(g.top,0),i=c(g.bottom,0);y?T=x-2*(0!==t||0!==e?t+e:c(g.left,g.right)):P=w-2*(0!==n||0!==i?n+i:c(g.top,g.bottom))}await m({...n,availableWidth:T,availableHeight:P});const O=await l.getDimensions(u.floating);return x!==O.width||w!==O.height?{reset:{rects:!0}}:{}}}},Object.defineProperty(t,"__esModule",{value:!0})})); + +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@floating-ui/core")):"function"==typeof define&&define.amd?define(["exports","@floating-ui/core"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).TocasFloatingUIDOM={},t.TocasFloatingUICore)}(this,(function(t,e){"use strict";function n(t){var e;return(null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function o(t){return n(t).getComputedStyle(t)}const i=Math.min,r=Math.max,l=Math.round;function c(t){const e=o(t);let n=parseFloat(e.width),i=parseFloat(e.height);const r=t.offsetWidth,c=t.offsetHeight,f=l(n)!==r||l(i)!==c;return f&&(n=r,i=c),{width:n,height:i,fallback:f}}function f(t){return h(t)?(t.nodeName||"").toLowerCase():""}let s;function u(){if(s)return s;const t=navigator.userAgentData;return t&&Array.isArray(t.brands)?(s=t.brands.map((t=>t.brand+"/"+t.version)).join(" "),s):navigator.userAgent}function a(t){return t instanceof n(t).HTMLElement}function d(t){return t instanceof n(t).Element}function h(t){return t instanceof n(t).Node}function p(t){if("undefined"==typeof ShadowRoot)return!1;return t instanceof n(t).ShadowRoot||t instanceof ShadowRoot}function g(t){const{overflow:e,overflowX:n,overflowY:i,display:r}=o(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+n)&&!["inline","contents"].includes(r)}function m(t){return["table","td","th"].includes(f(t))}function y(t){const e=/firefox/i.test(u()),n=o(t),i=n.backdropFilter||n.WebkitBackdropFilter;return"none"!==n.transform||"none"!==n.perspective||!!i&&"none"!==i||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter||["transform","perspective"].some((t=>n.willChange.includes(t)))||["paint","layout","strict","content"].some((t=>{const e=n.contain;return null!=e&&e.includes(t)}))}function w(){return/^((?!chrome|android).)*safari/i.test(u())}function x(t){return["html","body","#document"].includes(f(t))}function b(t){return d(t)?t:t.contextElement}const v={x:1,y:1};function L(t){const e=b(t);if(!a(e))return v;const n=e.getBoundingClientRect(),{width:o,height:i,fallback:r}=c(e);let f=(r?l(n.width):n.width)/o,s=(r?l(n.height):n.height)/i;return f&&Number.isFinite(f)||(f=1),s&&Number.isFinite(s)||(s=1),{x:f,y:s}}function T(t,o,i,r){var l,c;void 0===o&&(o=!1),void 0===i&&(i=!1);const f=t.getBoundingClientRect(),s=b(t);let u=v;o&&(r?d(r)&&(u=L(r)):u=L(t));const a=s?n(s):window,h=w()&&i;let p=(f.left+(h&&(null==(l=a.visualViewport)?void 0:l.offsetLeft)||0))/u.x,g=(f.top+(h&&(null==(c=a.visualViewport)?void 0:c.offsetTop)||0))/u.y,m=f.width/u.x,y=f.height/u.y;if(s){const t=n(s),e=r&&d(r)?n(r):r;let o=t.frameElement;for(;o&&r&&e!==t;){const t=L(o),e=o.getBoundingClientRect(),i=getComputedStyle(o);e.x+=(o.clientLeft+parseFloat(i.paddingLeft))*t.x,e.y+=(o.clientTop+parseFloat(i.paddingTop))*t.y,p*=t.x,g*=t.y,m*=t.x,y*=t.y,p+=e.x,g+=e.y,o=n(o).frameElement}}return e.rectToClientRect({width:m,height:y,x:p,y:g})}function O(t){return((h(t)?t.ownerDocument:t.document)||window.document).documentElement}function R(t){return d(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function P(t){return T(O(t)).left+R(t).scrollLeft}function E(t){if("html"===f(t))return t;const e=t.assignedSlot||t.parentNode||p(t)&&t.host||O(t);return p(e)?e.host:e}function C(t){const e=E(t);return x(e)?e.ownerDocument.body:a(e)&&g(e)?e:C(e)}function j(t,e){var o;void 0===e&&(e=[]);const i=C(t),r=i===(null==(o=t.ownerDocument)?void 0:o.body),l=n(i);return r?e.concat(l,l.visualViewport||[],g(i)?i:[]):e.concat(i,j(i))}function F(t,i,l){let c;if("viewport"===i)c=function(t,e){const o=n(t),i=O(t),r=o.visualViewport;let l=i.clientWidth,c=i.clientHeight,f=0,s=0;if(r){l=r.width,c=r.height;const t=w();(!t||t&&"fixed"===e)&&(f=r.offsetLeft,s=r.offsetTop)}return{width:l,height:c,x:f,y:s}}(t,l);else if("document"===i)c=function(t){const e=O(t),n=R(t),i=t.ownerDocument.body,l=r(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),c=r(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let f=-n.scrollLeft+P(t);const s=-n.scrollTop;return"rtl"===o(i).direction&&(f+=r(e.clientWidth,i.clientWidth)-l),{width:l,height:c,x:f,y:s}}(O(t));else if(d(i))c=function(t,e){const n=T(t,!0,"fixed"===e),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=a(t)?L(t):{x:1,y:1};return{width:t.clientWidth*r.x,height:t.clientHeight*r.y,x:i*r.x,y:o*r.y}}(i,l);else{const e={...i};if(w()){var f,s;const o=n(t);e.x-=(null==(f=o.visualViewport)?void 0:f.offsetLeft)||0,e.y-=(null==(s=o.visualViewport)?void 0:s.offsetTop)||0}c=e}return e.rectToClientRect(c)}function D(t,e){return a(t)&&"fixed"!==o(t).position?e?e(t):t.offsetParent:null}function S(t,e){const i=n(t);let r=D(t,e);for(;r&&m(r)&&"static"===o(r).position;)r=D(r,e);return r&&("html"===f(r)||"body"===f(r)&&"static"===o(r).position&&!y(r))?i:r||function(t){let e=E(t);for(;a(e)&&!x(e);){if(y(e))return e;e=E(e)}return null}(t)||i}function W(t,e,n){const o=a(e),i=O(e),r=T(t,!0,"fixed"===n,e);let l={scrollLeft:0,scrollTop:0};const c={x:0,y:0};if(o||!o&&"fixed"!==n)if(("body"!==f(e)||g(i))&&(l=R(e)),a(e)){const t=T(e,!0);c.x=t.x+e.clientLeft,c.y=t.y+e.clientTop}else i&&(c.x=P(i));return{x:r.left+l.scrollLeft-c.x,y:r.top+l.scrollTop-c.y,width:r.width,height:r.height}}const A={getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:l,strategy:c}=t;const s="clippingAncestors"===n?function(t,e){const n=e.get(t);if(n)return n;let i=j(t).filter((t=>d(t)&&"body"!==f(t))),r=null;const l="fixed"===o(t).position;let c=l?E(t):t;for(;d(c)&&!x(c);){const t=o(c),e=y(c);"fixed"===t.position?r=null:(l?e||r:e||"static"!==t.position||!r||!["absolute","fixed"].includes(r.position))?r=t:i=i.filter((t=>t!==c)),c=E(c)}return e.set(t,i),i}(e,this._c):[].concat(n),u=[...s,l],a=u[0],h=u.reduce(((t,n)=>{const o=F(e,n,c);return t.top=r(o.top,t.top),t.right=i(o.right,t.right),t.bottom=i(o.bottom,t.bottom),t.left=r(o.left,t.left),t}),F(e,a,c));return{width:h.right-h.left,height:h.bottom-h.top,x:h.left,y:h.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:o}=t;const i=a(n),r=O(n);if(n===r)return e;let l={scrollLeft:0,scrollTop:0},c={x:1,y:1};const s={x:0,y:0};if((i||!i&&"fixed"!==o)&&(("body"!==f(n)||g(r))&&(l=R(n)),a(n))){const t=T(n);c=L(n),s.x=t.x+n.clientLeft,s.y=t.y+n.clientTop}return{width:e.width*c.x,height:e.height*c.y,x:e.x*c.x-l.scrollLeft*c.x+s.x,y:e.y*c.y-l.scrollTop*c.y+s.y}},isElement:d,getDimensions:function(t){return a(t)?c(t):t.getBoundingClientRect()},getOffsetParent:S,getDocumentElement:O,getScale:L,async getElementRects(t){let{reference:e,floating:n,strategy:o}=t;const i=this.getOffsetParent||S,r=this.getDimensions;return{reference:W(e,await i(n),o),floating:{x:0,y:0,...await r(n)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===o(t).direction};Object.defineProperty(t,"arrow",{enumerable:!0,get:function(){return e.arrow}}),Object.defineProperty(t,"autoPlacement",{enumerable:!0,get:function(){return e.autoPlacement}}),Object.defineProperty(t,"detectOverflow",{enumerable:!0,get:function(){return e.detectOverflow}}),Object.defineProperty(t,"flip",{enumerable:!0,get:function(){return e.flip}}),Object.defineProperty(t,"hide",{enumerable:!0,get:function(){return e.hide}}),Object.defineProperty(t,"inline",{enumerable:!0,get:function(){return e.inline}}),Object.defineProperty(t,"limitShift",{enumerable:!0,get:function(){return e.limitShift}}),Object.defineProperty(t,"offset",{enumerable:!0,get:function(){return e.offset}}),Object.defineProperty(t,"shift",{enumerable:!0,get:function(){return e.shift}}),Object.defineProperty(t,"size",{enumerable:!0,get:function(){return e.size}}),t.autoUpdate=function(t,e,n,o){void 0===o&&(o={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:l=!0,animationFrame:c=!1}=o,f=i&&!c,s=f||r?[...d(t)?j(t):t.contextElement?j(t.contextElement):[],...j(e)]:[];s.forEach((t=>{f&&t.addEventListener("scroll",n,{passive:!0}),r&&t.addEventListener("resize",n)}));let u,a=null;if(l){let o=!0;a=new ResizeObserver((()=>{o||n(),o=!1})),d(t)&&!c&&a.observe(t),d(t)||!t.contextElement||c||a.observe(t.contextElement),a.observe(e)}let h=c?T(t):null;return c&&function e(){const o=T(t);!h||o.x===h.x&&o.y===h.y&&o.width===h.width&&o.height===h.height||n();h=o,u=requestAnimationFrame(e)}(),n(),()=>{var t;s.forEach((t=>{f&&t.removeEventListener("scroll",n),r&&t.removeEventListener("resize",n)})),null==(t=a)||t.disconnect(),a=null,c&&cancelAnimationFrame(u)}},t.computePosition=(t,n,o)=>{const i=new Map,r={platform:A,...o},l={...r.platform,_c:i};return e.computePosition(t,n,{...r,platform:l})},t.getOverflowAncestors=j,t.platform=A,Object.defineProperty(t,"__esModule",{value:!0})})); \ No newline at end of file diff --git a/src/scripts/tocas.js b/src/scripts/tocas.js new file mode 100644 index 000000000..ede7a36f3 --- /dev/null +++ b/src/scripts/tocas.js @@ -0,0 +1,952 @@ +window.tocas = { + config: { + strict_responsive: false, + attributes: { + tab: "data-tab", + tab_name: "data-name", + toggle: "data-toggle", + toggle_name: "data-name", + dropdown: "data-dropdown", + dropdown_name: "data-name", + dropdown_position: "data-position", + tooltip: "data-tooltip", + tooltip_position: "data-position", + tooltip_delay: "data-delay", + }, + scopes: { + tab: "@scope", + toggle: "@scope", + tab: "@scope", + dropdown: "@scope", + container: "@container", + }, + classes: { + hidden: "u-hidden", + tab_active: "is-active", + tooltip_visible: "is-visible", + tab: "ts-tab", + }, + }, +}; + +// +(function () { + // @import "floating-ui.min.js"; + + /* ========================================================================== + Responsive + ========================================================================== */ + + class Responsive { + constructor() { + // 這個 ResizeObserver 會監聽所有 Container 的尺寸異動， + // 如果有異動就檢查裡面的所有響應式元素是否需要變動樣式。 + this.resize_observer = new ResizeObserver(entries => { + entries.forEach(entry => { + this.getAllContaineredElements(entry.target).forEach(element => { + this.check(element); + }); + }); + }); + } + + // attributeMutation + attributeMutation(mutation) { + // 如果有任何樣式異動，就馬上檢查這個元素的響應式渲染。 + // NOTE: 他目前會造成無限迴圈 :( + // this.check(mutation.target); + + // 如果這個元素被追加 Container 樣式，就把他視為容器來監聽尺寸異動， + // 但如果不再是 Container 的話，就從監聽裡移除。 + if (this.isContainer(mutation.target)) { + this.resize_observer.observe(mutation.target); + } else { + this.resize_observer.unobserve(mutation.target); + } + } + + // addedNodeMutation + addedNodeMutation(addedNode) { + // 如果這個追加的新元素帶有響應式樣式，就立即檢查響應式渲染。 + if (this.isResponsiveElement(addedNode)) { + this.check(addedNode); + } + + // 如果這個追加的新元素是一個 Container，就納入容器的尺寸監聽裡。 + if (this.isContainer(addedNode)) { + this.resize_observer.observe(addedNode); + } + } + + // getAllContaineredElements + getAllContaineredElements(container) { + return container.querySelectorAll(tocas.config.strict_responsive ? `[class^="@"]:is([class*=":is-"],[class*=":u-"])` : `[class^="@"][class*=":"]`); + } + + // getAllResponsiveElements + getAllResponsiveElements(container) { + return container.querySelectorAll(tocas.config.strict_responsive ? `[class*=":is-"],[class*=":u-"]` : `[class*=":"]`); + } + + // isContainer + isContainer(element) { + return element.matches(`[class~="${tocas.config.scopes.container}"]`); + } + + // isResponsiveElement + isResponsiveElement(element) { + return element.matches(tocas.config.strict_responsive ? `[class*=":is-"],[class*=":u-"]` : `[class*=":"]`); + } + + // hasResponsiveClass + hasResponsiveClass(class_name) { + return tocas.config.strict_responsive ? class_name.includes(":is-") || class_name.includes(":u-") : class_name.includes(":"); + } + + // windowResize + windowResize() { + this.getAllResponsiveElements(document).forEach(element => { + this.check(element); + }); + } + + // unit + unit(value) { + return parseInt(value, 10) || 0; + } + + // breakpointSize + breakpointSize(breakpoint, element) { + var style = window.getComputedStyle(element); + + return { + min: this.unit(style.getPropertyValue(`--ts-breakpoint-${breakpoint}-min`)), + max: this.unit(style.getPropertyValue(`--ts-breakpoint-${breakpoint}-max`)), + }; + } + + // rule + rule(rule, element) { + // 判斷規則有沒有 @ 開頭來看是不是一個 Container Query。 + // @breakpoint + var is_container_query = rule.startsWith("@"); + + // 判斷規則的結尾有沒有 + 來看是不是要求大於或等於這個中斷點。 + // breakpoint+, [size]+ + var is_equal_or_greater = rule.endsWith("+"); + + // 判斷規則的結尾有沒有 - 來看是不是要求小於或等於這個中斷點。 + // breakpoint-, [size]- + var is_equal_or_lesser = rule.endsWith("-"); + + // 判斷這個規則有沒有包含 [ 來看是不是一個自訂尺寸，不判斷開頭是因為開頭可能是 @ 一個 Container Query。 + // [size] + var is_custom_size = rule.includes("["); + + // 移除首要的 @ 符號。 + if (is_container_query) { + rule = rule.substring(1); + } + + // 移除結尾的 +, - 符號。 + if (is_equal_or_greater || is_equal_or_lesser) { + rule = rule.substring(0, rule.length - 1); + } + + // 移除首要跟結尾的 [ 跟 ] 符號。 + if (is_custom_size) { + rule = rule.substring(1).substring(0, rule.length - 1); + } + + // 從 breakpoint-breakpoint 結構中拆出 min, max 值，如果有的話。 + var [min_breakpoint, max_breakpoint] = rule.split("-"); + + // 如果是自訂尺寸的話，就直接把規則當作 Unit 去解析，不去讀元素的中斷點定義。 + if (is_custom_size) { + // 如果是大於或等於的定義，就從 Unit 裡面解析最小起始點，然後最大值設為 99999。 + // [size] + + if (is_equal_or_greater) { + return [this.unit(min_breakpoint), 99999]; + } + + // 如果是小於或等於的定義，最小值設為 0，然後 Unit 裡面的最小起始點就是目標最大值。 + // [size] - + if (is_equal_or_lesser) { + return [0, this.unit(min_breakpoint)]; + } + + // [minSize-maxSize] + return [this.unit(min_breakpoint), this.unit(max_breakpoint)]; + } + + // 從目前這個元素繼承的中斷點來搜尋最小的定義。 + var from = this.breakpointSize(min_breakpoint, element); + + // 如果這個規則有找到最大中斷點，那麼他就是 breakpoint-breakpoint 規則 + // 所以我們取得最大中斷點的像素定義，然後同時回傳最小跟最大的定義。 + if (max_breakpoint !== undefined) { + return [from.min, this.breakpointSize(max_breakpoint, element).max]; + } + + // 如果是大於或等於的定義，就從繼承的定義裡取得最小起始點，然後最大值設為 99999。 + // breakpoint+ + if (is_equal_or_greater) { + return [from.min, 99999]; + } + + // 如果是小於或等於的定義，最小值設為 0，然後繼承的定義裡，最小起始點就是目標最大值。 + // breakpoint- + if (is_equal_or_lesser) { + return [0, from.max]; + } + + // 如果這個定義不是大於也不是小於，就取得這個中斷點的最小與最大值定義， + // 這個規則只會在這個中斷點生效。 + // breakpoint + return [from.min, from.max]; + } + + // compile + compile(element) { + return Array.from(element.classList) + .filter(class_name => this.hasResponsiveClass(class_name)) + .map(class_name => { + // 透過 `:` 來切分規則跟想要切換的樣式名稱。 + var [rule, target_class] = class_name.split(":"); + + // 從規則解析這個樣式的中斷點起始與結束定義。 + var [min, max] = this.rule(rule, element); + + // 如果這個規則開頭有個 @ 符號，就尋找最近的 Container 容器來作為寬度判斷， + // 但如果沒有，就以視窗的 innerWidth 為主。 + // @breakpoint + var width = rule.startsWith("@") ? Math.round(element.closest(`[class~="${tocas.config.scopes.container}"]`).getBoundingClientRect().width) : Math.round(window.innerWidth); + + return { + min, + max, + width, + target_class, + }; + }); + } + + // check + check(element) { + // 這個陣列會用來記得我們在目前中斷點有哪些樣式是生效的， + // 這樣遇到不相符的中斷點，就不會因為起衝突然後又把他們移除掉。 + var applieds = []; + + // 篩選這個元素所有不含響應規則的樣式並且先把需要的樣式計算出相關中繼點來做整理。 + var compiled_list = this.compile(element); + + // 先跑一輪符合目前中斷點的樣式。 + compiled_list.forEach(({ width, min, max, target_class }) => { + // 如果寬度符合這個中斷點，就套用對應的樣式。 + if (width >= min && width <= max) { + element.classList.add(target_class); + + // 把這個樣式儲存到記憶陣列裡，這樣等一下就不會又移除他。 + applieds = [...applieds, target_class]; + } + }); + + // 另外跑一輪不相符的中斷點，檢查有哪些不對的樣式應該移除掉。 + compiled_list.forEach(({ width, min, max, target_class }) => { + // 如果寬度不符合這個中斷點，而且這個樣式也不是剛才追加的，就移除這個不符合條件的樣式。 + if ((width < min || width > max) && !applieds.includes(target_class)) { + element.classList.remove(target_class); + } + }); + } + } + + /* ========================================================================== + Stash + ========================================================================== */ + + /*class Stash { + constructor() {} + + // attributeMutation + attributeMutation(mutation) {} + + // addedNodeMutation + addedNodeMutation(addedNode) { + if (addedNode.matches(`[data-stash]`)) { + this.initial(addedNode); + } + } + + // initial + initial(element) { + if (element.classList.contains("is-init")) { + return; + } + element.classList.add("is-init"); + + var clone = element.cloneNode(true); + clone.classList.add("ts-stash"); + + var toggle_name = element.getAttribute("data-stash"); + + var toggle = document.querySelector(`[data-name="${toggle_name}"]`); + + if (toggle.closest("[data-stash]") === element) { + var width = document.querySelector(`[data-name="${toggle_name}"]`).getBoundingClientRect().width; + + clone.style.setProperty("--ts-stash-offset", `${width + 5}px`); + } + + element.after(clone); + + const observer = new IntersectionObserver( + (entries, owner) => { + entries.forEach(entry => { + var stash = entry.target.getAttribute("data-target"); + + if (entry.isIntersecting) { + element.querySelector(`[data-target="${stash}"]`).classList.remove(tocas.config.classes.hidden); + document.querySelector(`[data-name="${stash}"]`).classList.add(tocas.config.classes.hidden); + } else { + element.querySelector(`[data-target="${stash}"]`).classList.add(tocas.config.classes.hidden); + document.querySelector(`[data-name="${stash}"]`).classList.remove(tocas.config.classes.hidden); + } + + if (element.querySelectorAll(`.${tocas.config.classes.hidden}[data-target]`).length > 0) { + document.querySelector(`[data-name="${toggle_name}"]`).classList.remove(tocas.config.classes.hidden); + } else { + document.querySelector(`[data-name="${toggle_name}"]`).classList.add(tocas.config.classes.hidden); + } + }); + }, + { + root: clone, + rootMargin: "0px 0px 0px 0px", + threshold: [0.99], + } + ); + + clone.querySelectorAll("[data-target]").forEach(v => { + observer.observe(v); + }); + } + }*/ + + /* ========================================================================== + Tab + ========================================================================== */ + + class Tab { + constructor() {} + + // attributeMutation + attributeMutation(mutation) {} + + // addedNodeMutation + addedNodeMutation(addedNode) { + // 如果這個新追加的 DOM 節點是一個 Tab 模組，就監聽其點擊事件。 + if (this.isTab(addedNode)) { + // 監聽其點擊事件。 + this.bindEventListener(addedNode); + + // 如果這個項目沒有被啟用，就預設隱藏對應的內容，這樣使用者就不用額外手動隱藏該內容。 + this.initialTab(addedNode); + } + } + + // isTab + isTab(element) { + return element.matches(`[${tocas.config.attributes.tab}]`); + } + + // isActiveTab + isActiveTab(element) { + return element.classList.contains(tocas.config.classes.tab_active); + } + + // initialTab + initialTab(element) { + if (!this.isActiveTab(element)) { + searchScopeTargets(element, element.getAttribute(tocas.config.attributes.tab), tocas.config.scopes.tab, tocas.config.attributes.tab_name).forEach(target => { + target.classList.add(tocas.config.classes.hidden); + }); + } + } + + // toggle + toggle(event) { + // 有時候點擊按鈕可能是裡面的圖示觸發事件，所以要取得點擊後最鄰近的分頁模組。 + var element = event.target.closest(`[${tocas.config.attributes.tab}]`); + + // 取得這個分頁模組要切換的目標內容名稱。 + var tab_name = element.getAttribute(tocas.config.attributes.tab); + + // 取得這個分頁模組最鄰近的命名空間容器。 + var container = element.closest(`[class*="${tocas.config.scopes.tab}"]`) || document; + + // 取得這個 `.ts-tab` 的分頁群組元素。 + var tab_group_element = element.closest(".ts-tab"); + + // 建立一個陣列用來收集等一下所有不相關的分頁，這樣就可以一次關閉。 + var should_close = []; + + // 在同個分頁群組裡，透過掃描每個分頁項目來找出有哪些關聯的分頁內容名稱。 + tab_group_element.querySelectorAll(`[${tocas.config.attributes.tab}]`).forEach(v => { + // 如果這個項目就是我們要啟用的分頁，那就啟用這個項目。 + if (v.getAttribute(tocas.config.attributes.tab) === tab_name) { + v.classList.add(tocas.config.classes.tab_active); + } + + // 但如果這個項目不是我們要啟用的分頁。 + else { + // 收集這個項目的目標分頁名稱，等一下就能一次隱藏這些非目標內容。 + should_close = [...should_close, v.getAttribute(tocas.config.attributes.tab)]; + + // 移除這個項目的啟用狀態，因為這個項目本來就不是我們要啟用的。 + v.classList.remove(tocas.config.classes.tab_active); + } + }); + + // 在這個命名空間裡面處理對應的項目內容。 + container.querySelectorAll(`[${tocas.config.attributes.tab_name}]`).forEach(target => { + // 取得這個目標內容最鄰近的命名空間，若沒有則以 document 為主。 + var closest_container = target.closest(`[class*="${tocas.config.scopes.tab}"]`) || document; + + // 確定這個目標內容最鄰近的命名空間和目前操作的分頁群組是同個命名空間， + // 這樣就不會處理到其他子空間的分頁和目標。 + if (container !== closest_container) { + return; + } + + // 如果這個目標內容就是我們想要啟用的分頁目標，那就移除這個內容原先的隱藏樣式。 + if (target.getAttribute(tocas.config.attributes.tab_name) === tab_name) { + target.classList.remove(tocas.config.classes.hidden); + } + + // 但若這個內容目標包含在先前想要隱藏的清單內，那就隱藏這個內容目標。 + else if (should_close.includes(target.getAttribute(tocas.config.attributes.tab_name))) { + target.classList.add(tocas.config.classes.hidden); + } + }); + } + + // bindEventListener + bindEventListener(element) { + element.removeEventListener("click", this.toggle); + element.addEventListener("click", this.toggle); + } + } + + /* ========================================================================== + Toggle + ========================================================================== */ + + class Toggle { + // attributeMutation + attributeMutation(mutation) {} + + // addedNodeMutation + addedNodeMutation(addedNode) { + // 如果這個新追加的 DOM 節點是一個 Toggle 模組，就監聽其點擊事件。 + if (this.isToggle(addedNode)) { + this.bindEventListener(addedNode); + } + } + + // isToggle + isToggle(element) { + return element.matches(`[${tocas.config.attributes.toggle}]`); + } + + // toggle + toggle(event) { + // 有時候點擊按鈕可能是裡面的圖示觸發事件，所以要取得點擊後最鄰近的切換模組。 + var element = event.target.closest(`[${tocas.config.attributes.toggle}]`); + + // 透過 `:` 從規則裡切分出目標名稱還有欲切換的樣式名稱。 + var [name, class_name] = element.getAttribute(tocas.config.attributes.toggle).split(":"); + + // 尋找同個命名空間裡的所有目標，然後切換所有目標元素的指定樣式。 + searchScopeTargets(element, name, tocas.config.scopes.toggle, tocas.config.attributes.toggle_name).forEach(target => { + target.classList.toggle(class_name); + }); + } + + // bindEventListener + bindEventListener(element) { + element.removeEventListener("click", this.toggle.bind(this)); + element.addEventListener("click", this.toggle.bind(this)); + } + } + + /* ========================================================================== + Dropdown + ========================================================================== */ + + class Dropdown { + // attributeMutation + attributeMutation(mutation) {} + + // addedNodeMutation + addedNodeMutation(addedNode) { + // 如果這個追加的 DOM 元素是一個會觸發彈出式選單的元素，就監聽其點擊事件。 + if (this.isDropdownTrigger(addedNode)) { + this.bindEventListener(addedNode); + } + + // 如果這個追加的 DOM 元素是一個彈出式選單容器，就監聽其選項點擊事件。 + if (this.isDropdown(addedNode)) { + this.bindItemEventListener(addedNode); + } + } + + // isDropdownTrigger + isDropdownTrigger(element) { + return element.matches(`[${tocas.config.attributes.dropdown}]`); + } + + // isDropdown + isDropdown(element) { + return element.matches(`.ts-dropdown[${tocas.config.attributes.dropdown_name}]`); + } + + // position + position(element) { + return element.getAttribute(tocas.config.attributes.dropdown_position) || "bottom"; + } + + // windowClick + windowClick(event) { + // 取得這個視窗點擊最鄰近的 Dropdown 模組觸發元素。 + var closest_trigger = event.target.closest(`[${tocas.config.attributes.dropdown}]`); + + // 取得這個視窗點擊最鄰近的 Dropdown 容器本身。 + var closest_dropdown = event.target.closest(`[${tocas.config.attributes.dropdown_name}]`); + + // 如果這個點擊事件既沒有關聯任何觸發元素，也沒有在點擊任何 Dropdown 容器， + // 那使用者應該就是在點擊其他東西，所以關閉所有頁面上可見的彈出式選單。 + if (closest_trigger === null && closest_dropdown === null) { + document.querySelectorAll(`.ts-dropdown[${tocas.config.attributes.dropdown_name}]`).forEach(dropdown => { + this.closeDropdown(dropdown); + }); + } + + // 如果這個點擊事件是在點擊一個會開關 Dropdown 的觸發元素。 + if (closest_trigger !== null) { + // 取得這個觸發元素原本會打開的 Dropdown 名稱。 + var name = closest_trigger.getAttribute(tocas.config.attributes.dropdown); + + // 透過該名稱搜尋對應的 Dropdown。 + var local_dropdown = searchScopeTargets(closest_trigger, name, tocas.config.scopes.dropdown, tocas.config.attributes.dropdown_name)[0]; + + // 除了找到的這個對應 Dropdown 以外，關掉其他所有 Dropdown。 + this.closeDropdownsExcept(local_dropdown); + } + + // 如果這個點擊事件是在點擊某個 Dropdown 容器或內部的項目。 + if (closest_dropdown !== null) { + // 關閉這個 Dropdown 以外的其他所有 Dropdown。 + this.closeDropdownsExcept(closest_dropdown); + } + } + + // closeDropdownsExcept + closeDropdownsExcept(excluded_dropdown) { + document.querySelectorAll(`.ts-dropdown[${tocas.config.attributes.dropdown_name}]`).forEach(dropdown => { + if (dropdown !== excluded_dropdown) { + this.closeDropdown(dropdown); + } + }); + } + + // bindEventListener + bindEventListener(element) { + element.removeEventListener("click", this.clickEventListener.bind(this)); + element.addEventListener("click", this.clickEventListener.bind(this)); + } + + // bindItemEventListener + bindItemEventListener(element) { + element.removeEventListener("click", this.itemClickEventListener.bind(this)); + element.addEventListener("click", this.itemClickEventListener.bind(this)); + } + + // closeDropdown + closeDropdown(dropdown) { + // 如果這個元素不包含 `ts-dropdown` 或者也不是可見狀態，就忽略不計。 + if (!dropdown.classList.contains(".ts-dropdown") && !dropdown.classList.contains("is-visible")) { + return; + } + + // 移除這個彈出式選單的可見狀態。 + dropdown.classList.remove("is-visible"); + + // 如果這個彈出式選單有 FLoating UI 的清除函式，就呼叫該清除函式， + // 然後重設對應的 CSS 變數。 + if (dropdown.tocas_dropdown !== undefined) { + dropdown.tocas_dropdown(); + dropdown.tocas_dropdown = undefined; + dropdown.style.removeProperty("--ts-dropdown-min-width"); + dropdown.style.removeProperty("--ts-dropdown-position"); + } + } + + // itemClickEventListener + itemClickEventListener(event) { + // 取得這個點擊事件最鄰近的彈出式選單。 + var dropdown = event.target.closest(`.ts-dropdown[${tocas.config.attributes.dropdown_name}]`); + + // 如果找不到點擊事件最鄰近的選單項目， + // 那可能點擊的不是項目而是其他容器裡的東西，那就忽略這個動作。 + if (event.target.closest(".item") === null) { + return; + } + + // 項目點擊成功，關閉這個彈出式選單。 + this.closeDropdown(dropdown); + } + + // clickEventListener + clickEventListener(event) { + // + var element = event.target.closest(`[${tocas.config.attributes.dropdown}]`); + + // 取得這個觸發元素會切換的彈出式選單名稱。 + var name = element.getAttribute(tocas.config.attributes.dropdown); + + // 透過命名空間搜尋對應的彈出式選單。 + var target = searchScopeTargets(element, name, tocas.config.scopes.dropdown, tocas.config.attributes.dropdown_name)[0]; + + // 取得目標選單的偏好位置設定。 + var position = this.position(target); + + // 如果那個選單有 Floating UI 清除函式，就先清除並且重設相關位置設定。 + if (target.tocas_dropdown !== undefined) { + target.tocas_dropdown(); + target.tocas_dropdown = undefined; + target.style.removeProperty("--ts-dropdown-min-width"); + target.style.removeProperty("--ts-dropdown-position"); + } + + // 切換目標彈出式選單的可見度。 + target.classList.toggle("is-visible"); + + // 如果目標選單現在不再可見，就是被隱藏了，那就不需要執行接下來的行為。 + if (!target.classList.contains("is-visible")) { + return; + } + + // 設定選單的最小寬度和絕對位置，至少要跟切換觸發元素一樣寬。 + target.style.setProperty("--ts-dropdown-min-width", `${element.getBoundingClientRect().width}px`); + target.style.setProperty("--ts-dropdown-position", `fixed`); + + // 透過 Floating UI 來觸發浮動顯示。 + target.tocas_dropdown = TocasFloatingUIDOM.autoUpdate(element, target, () => { + TocasFloatingUIDOM.computePosition(element, target, { + strategy: "fixed", + placement: position, + middleware: [ + // 選單某面如果沒有空間就被擠兌到另一邊。 + TocasFloatingUIDOM.flip({ + crossAxis: false, + }), + + // 偏移選單的上下垂直留點空隙。 + TocasFloatingUIDOM.offset(8), + + // 選單會被螢幕左右推移，避免超出畫面空間。 + TocasFloatingUIDOM.shift(), + ], + }).then(({ x, y }) => { + // 賦予彈出式選單絕對位置。 + Object.assign(target.style, { + left: `${x}px`, + top: `${y}px`, + }); + }); + }); + } + } + + /* ========================================================================== + Tooltip + ========================================================================== */ + + class Tooltip { + // attributeMutation + attributeMutation(mutation) { + // 如果追加的屬性包含 Tooltip 模組相關字樣，就監聽其互動事件。 + if (this.isTooltip(mutation.target)) { + this.bindEventListener(mutation.target); + } + } + + // addedNodeMutation + addedNodeMutation(addedNode) { + // 如果追加的 DOM 節點是一個 Tooltip 模組就監聽其互動事件。 + if (this.isTooltip(addedNode)) { + this.bindEventListener(addedNode); + } + } + + // isTooltip + isTooltip(element) { + return element.matches(`[${tocas.config.attributes.tooltip}]`); + } + + // bindEventListener + bindEventListener(element) { + // 重設這個元素的彈出提示計時器。 + element.tocas_tooltip_timer = null; + + // 監聽滑鼠移入跟移出的事件。 + this.enterEventListener(element); + this.leaveEventListener(element); + } + + // delay + delay(element) { + // 從元素的屬性裡取得延遲的定義，如果是 0 就回傳 0。 + // 不直接丟給 parseInt 是因為可能會被當 false 值而回傳預設的 200ms。 + var delay = element.getAttribute(tocas.config.attributes.tooltip_delay); + if (delay === "0") { + return 0; + } + return parseInt(delay, 10) || 200; + } + + // position + position(element) { + return element.getAttribute(tocas.config.attributes.tooltip_position) || "bottom"; + } + + // enterEventListener + enterEventListener(element) { + element.addEventListener("mouseover", event => { + // 如果目前的裝置是觸控裝置就忽略工具提示的觸發行為。 + if (window.matchMedia("(pointer: coarse)").matches) { + return; + } + + // 如果上一個工具提示的觸發計時器還存在或浮動元素還在的話，就忽略本次觸發行為， + // 避免二次觸發而造成不可預期的錯誤。 + if (element.tocas_tooltip_timer !== null || element.tocas_tooltip !== undefined) { + return; + } + + // 初始化一個會顯示工具提示的計時器，這樣滑鼠移入的數秒後就會顯示。 + element.tocas_tooltip_timer = setTimeout(() => { + this.showTooltip(element); + }, this.delay(element) + 1); + }); + } + + // leaveEventListener + leaveEventListener(element) { + element.addEventListener("mouseleave", event => { + // 如果離開的元素不是主元素就忽略， + // 如：使用者可能是離開了裡面的圖示元素，但滑鼠其實還在主元素裡。 + if (event.target !== element) { + return; + } + + // 如果浮動元素存在的話，就呼叫浮動元素的解除函式，然後歸零這個變數。 + if (element.tocas_tooltip !== undefined) { + element.tocas_tooltip(); + element.tocas_tooltip = undefined; + } + + // 如果原先的計時器存在的話，就先重設，避免重複觸發。 + if (element.tocas_tooltip_timer !== null) { + clearTimeout(element.tocas_tooltip_timer); + element.tocas_tooltip_timer = null; + } + + // 移除頁面上的所有工具提示。 + document.querySelectorAll(".ts-tooltip").forEach(tooltip => { + tooltip.remove(); + }); + }); + } + + // createTooltip + createTooltip(element, arrow) { + var tooltip = document.createElement("div"); + tooltip.innerText = element.getAttribute(tocas.config.attributes.tooltip); + tooltip.classList.add("ts-tooltip", tocas.config.classes.tooltip_visible); + tooltip.appendChild(arrow); + return tooltip; + } + + // createArrow + createArrow() { + var arrow = document.createElement("div"); + arrow.classList.add("arrow"); + return arrow; + } + + // showTooltip + showTooltip(element) { + // 取得這個工具提示的位置設定。 + var position = this.position(element); + + // 初始化工具提示的箭頭 DOM 元素。 + var arrow = this.createArrow(); + + // 使用剛才建立的箭頭元素來初始化工具提示本身的 DOM 元素。 + var tooltip = this.createTooltip(element, arrow); + + // 將工具提示插入到網頁中。 + document.body.appendChild(tooltip); + + // 使用 FloatingUI 來初始化工具提示的浮動元素。 + element.tocas_tooltip = TocasFloatingUIDOM.autoUpdate(element, tooltip, () => { + TocasFloatingUIDOM.computePosition(element, tooltip, { + strategy: "fixed", + placement: position, + middleware: [ + // 下面過窄時會擠兌到上面。 + TocasFloatingUIDOM.flip({ + crossAxis: false, + }), + + // 因為有箭頭所以上下軸要偏移 10px， + // 而容器有外距（詳見 CSS）所以左右要偏移 15px。 + TocasFloatingUIDOM.offset({ + crossAxis: -15, + mainAxis: 10, + }), + + // 會被螢幕左右推移。 + TocasFloatingUIDOM.shift(), + + // 有箭頭。 + TocasFloatingUIDOM.arrow({ + element: arrow, + }), + ], + }).then(({ middlewareData, x, y, placement }) => { + // 賦予工具提示絕對座標。 + Object.assign(tooltip.style, { + left: `${x}px`, + top: `${y}px`, + }); + + // 設置箭頭的水平座標，因為箭頭只會出現在上面或下面，所以不需要 y 座標。 + if (middlewareData.arrow) { + const { x } = middlewareData.arrow; + arrow.style.setProperty("--ts-tooltip-x", x != null ? `${x}px` : "0"); + } + + // 先移除先前的所有位置設定，再套用新的位置設定。 + if (placement) { + tooltip.classList.remove("is-top", "is-top-start", "is-top-end", "is-bottom", "is-bottom-start", "is-bottom-end"); + tooltip.classList.add(`is-${placement}`); + } + }); + }); + } + } + + /* ========================================================================== + Base + ========================================================================== */ + + // searchScopeTargets + function searchScopeTargets(element, name, scope_attribute, name_attribute) { + // 找尋這個元素最鄰近的命名空間容器。 + var container = element.closest(`[class*="${scope_attribute}"]`) || document; + + // 在命名空間裡找尋目標元素，但是這個目標元素 + // + // NOTE: 這裡的 item.closest(`[class*="${scope_attribute}"]`) 可能要對應 === container， + // 主要取決之後對命名空間的寬鬆度設計如何。 + // + // 例如：A 命名空間裡有 B 跟 C 子空間，B 可以呼叫同為 A 空間裡的 C 空間裡的元素嗎？ + var targets = Array.from(container.querySelectorAll(`[${name_attribute}="${name}"]`)).filter(item => { + return item.closest(`[class*="${scope_attribute}"]`) || document === container; + }); + + // 如果有找到元素則回傳。 + if (targets.length > 0) { + return targets; + } + + // 如果已經找到最上層了還是什麼結果都沒有，就回傳空陣列，讓其他程式報錯。 + if (container === document) { + return []; + } + + // 如果這一層找不到東西，就遞迴網更上面的命名空間來搜尋。 + return this.searchScopeTargets(container.parentNode, name, scope_attribute, name_attribute); + } + + // responsiveModule + var responsiveModule = new Responsive(); + + // tabModule + var tabModule = new Tab(); + + // toggleModule + var toggleModule = new Toggle(); + + // dropdownModule + var dropdownModule = new Dropdown(); + + // tooltipModule + var tooltipModule = new Tooltip(); + + // stashModule + // var stashModule = new Stash(); + + var mutation_observer = new MutationObserver(function (mutations) { + mutations.forEach(function (mutation) { + if (mutation.type === "attributes") { + responsiveModule.attributeMutation(mutation); + tabModule.attributeMutation(mutation); + toggleModule.attributeMutation(mutation); + dropdownModule.attributeMutation(mutation); + tooltipModule.attributeMutation(mutation); + // stashModule.attributeMutation(mutation); + } else if (mutation.addedNodes && mutation.addedNodes.length) { + mutation.addedNodes.forEach(function (addedNode) { + if (addedNode.nodeType !== Node.ELEMENT_NODE) { + return; + } + responsiveModule.addedNodeMutation(addedNode); + tabModule.addedNodeMutation(addedNode); + toggleModule.addedNodeMutation(addedNode); + dropdownModule.addedNodeMutation(addedNode); + tooltipModule.addedNodeMutation(addedNode); + // stashModule.addedNodeMutation(addedNode); + }); + } + }); + }); + + // + mutation_observer.observe(document.documentElement, { + childList: true, + subtree: true, + attributes: true, + attributeOldValue: true, + attributeFilter: ["class"], + }); + + /** + * Window Resize + */ + + window.addEventListener("resize", event => { + responsiveModule.windowResize(event); + }); + + /** + * Window Click + */ + + window.addEventListener("click", event => { + dropdownModule.windowClick(event); + }); +})(); diff --git a/src/segment.css b/src/segment.css index b10c2bf26..049fcd184 100644 --- a/src/segment.css +++ b/src/segment.css @@ -2,6 +2,12 @@ Variables ========================================================================== */ +.ts-segment { + --accent-color: initial; + --accent-foreground-color: initial; + --ts-indicator-color: var(--accent-color, var(--ts-gray-900)); +} + /* ========================================================================== Base ========================================================================== */ @@ -16,8 +22,6 @@ padding: 1rem; box-sizing: border-box; background: var(--ts-gray-50); - - --ts-indicator-color: var(--ts-gray-900); } a.ts-segment:hover { diff --git a/src/select.css b/src/select.css index 27db45506..aa401d595 100644 --- a/src/select.css +++ b/src/select.css @@ -21,7 +21,6 @@ height: var(--height); } - /* ========================================================================== Structure ========================================================================== */ @@ -41,6 +40,7 @@ -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; + appearance: none; -webkit-appearance: none; } @@ -78,6 +78,10 @@ flex-shrink: 0; } +.ts-select .content .ts-icon { + font-size: 1.1em; +} + .ts-select select option { background: inherit; } @@ -111,16 +115,31 @@ ========================================================================== */ /** - * Active + * Multiple */ -.ts-select.is-active { - border-color: var(--ts-primary-600); +.ts-select.is-multiple { + height: auto; } -/** If select is-active then open child .ts-dropdown also */ -.ts-select.is-active .ts-dropdown { - display: inline-flex; +.ts-select.is-multiple::after { + content: none; +} + +.ts-select select[multiple] { + padding: 0.5rem 0.5rem; + overflow-y: auto; +} + +.ts-select select[multiple] option { + border-radius: 0.4rem; + padding: 0.3rem 0.5rem; + margin: 0.1rem 0; +} + +.ts-select select[multiple] option:checked { + background: var(--ts-primary-700); + color: var(--ts-white); } /** @@ -156,6 +175,19 @@ border-bottom-color: var(--ts-primary-600); } +/** + * Active + */ + +.ts-select.is-active { + border-color: var(--ts-primary-600); +} + +/** If select is-active then open child .ts-dropdown also */ +.ts-select.is-active .ts-dropdown { + display: inline-flex; +} + /** * Basic */ diff --git a/src/selection.css b/src/selection.css index 8bb882ced..b1fc14bd1 100644 --- a/src/selection.css +++ b/src/selection.css @@ -4,6 +4,8 @@ .ts-selection { --height: var(--ts-input-height-medium); + --accent-color: initial; + --accent-foreground-color: initial; } /* ========================================================================== @@ -49,9 +51,9 @@ } .ts-selection input:checked + .text { - background: var(--ts-primary-700); - border-color: var(--ts-primary-700); - color: var(--ts-white); + background: var(--accent-color, var(--ts-primary-700)); + border-color: var(--accent-color, var(--ts-primary-700)); + color: var(--accent-foreground-color, var(--ts-white)); } /* ========================================================================== diff --git a/src/snackbar.css b/src/snackbar.css index 7da7c81b2..fed4438d3 100644 --- a/src/snackbar.css +++ b/src/snackbar.css @@ -42,6 +42,7 @@ -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; + appearance: none; -webkit-appearance: none; margin-left: 2rem; diff --git a/src/stash.css b/src/stash.css new file mode 100644 index 000000000..23c0dac6e --- /dev/null +++ b/src/stash.css @@ -0,0 +1,19 @@ +/* ========================================================================== + Variables + ========================================================================== */ + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-stash { + position: absolute; + top: 0; + left: 0; + width: calc(100% - var(--ts-stash-offset, 5px)); + visibility: hidden; + pointer-events: none; + flex-wrap: nowrap; + overflow: hidden; + white-space: nowrap; +} \ No newline at end of file diff --git a/src/statistic.css b/src/statistic.css index 119055287..78a2d5b06 100644 --- a/src/statistic.css +++ b/src/statistic.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-statistic { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -23,6 +28,7 @@ font-weight: 500; line-height: 1.4; align-items: center; + color: var(--accent-color, inherit); } .ts-statistic .unit { diff --git a/src/switch.css b/src/switch.css index f97337d07..6418e6a45 100644 --- a/src/switch.css +++ b/src/switch.css @@ -2,6 +2,11 @@ Variables ========================================================================== */ +.ts-switch { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ @@ -52,10 +57,11 @@ } .ts-switch input:checked::after { - background: var(--ts-primary-700); + background: var(--accent-color, var(--ts-primary-700)); } .ts-switch input:checked::before { + background: var(--accent-foreground-color, var(--ts-white)); left: 19px; } diff --git a/src/tab.css b/src/tab.css index 6cfdceb59..e94060b85 100644 --- a/src/tab.css +++ b/src/tab.css @@ -4,6 +4,8 @@ .ts-tab { --horizontal-padding-multiplier: 1; + --accent-color: initial; + --accent-foreground-color: initial; } /* ========================================================================== @@ -49,7 +51,7 @@ */ .ts-tab .item.is-active { - border-bottom-color: var(--ts-gray-800); + border-bottom-color: var(--accent-color, var(--ts-gray-800)); cursor: default; } @@ -82,13 +84,13 @@ } .ts-tab.is-pilled .item.is-active { - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } .ts-tab.is-pilled.is-secondary .item.is-active { background: var(--ts-gray-200); - color: var(--ts-gray-800); + color: var(--accent-color, var(--ts-gray-800)); } /** @@ -132,8 +134,8 @@ } .ts-tab.is-segmented .item.is-active { - background: var(--ts-gray-800); - color: var(--ts-gray-50); + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); } /** diff --git a/src/table.css b/src/table.css index 472187b96..f495e8175 100644 --- a/src/table.css +++ b/src/table.css @@ -305,26 +305,44 @@ .ts-table.is-padded tbody tr td { padding: 1rem 1.5rem; } - .ts-table.is-padded :is(thead, tfoot) tr th { padding: 1rem 1.5rem; } - .ts-table.is-horizontally-padded tbody tr td { padding-left: 1.5rem; padding-right: 1.5rem; } - .ts-table.is-horizontally-padded :is(thead, tfoot) tr th { padding-left: 1.5rem; padding-right: 1.5rem; } - -.ts-table td.is-padded { - padding: 1rem; +.ts-table tbody tr td.is-vertically-padded { + padding-top: 1rem; + padding-bottom: 1rem; } +.ts-table tbody tr td.is-padded { + padding: 1rem 1.5rem; +} .ts-table tbody tr td.is-vertically-padded { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + padding-top: 1rem; + padding-bottom: 1rem; +} +.ts-table tbody tr td.is-horizontally-padded { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +/** + * Fitted + */ + +.ts-table.is-fitted :is(thead, tfoot) tr th { + padding: 0; +} +.ts-table.is-fitted tbody tr td { + padding: 0; +} +.ts-table tbody tr td.is-fitted { + padding: 0; } \ No newline at end of file diff --git a/src/text.css b/src/text.css index 3d8431b2d..373aa9948 100644 --- a/src/text.css +++ b/src/text.css @@ -2,12 +2,17 @@ Variables ========================================================================== */ +.ts-text { + --accent-color: initial; + --accent-foreground-color: initial; +} + /* ========================================================================== Base ========================================================================== */ .ts-text { - color: inherit; + color: var(--accent-color, inherit); } /* ========================================================================== @@ -29,14 +34,14 @@ * Line Clamps */ -.ts-text:is(.is-1-line, .is-2-lines, .is-3-lines, .is-4-lines, .is-5-lines) { +.ts-text:is(.is-1-lines, .is-2-lines, .is-3-lines, .is-4-lines, .is-5-lines) { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } -.ts-text.is-1-line { +.ts-text.is-1-lines { -webkit-line-clamp: 1; } @@ -109,7 +114,7 @@ */ .ts-text.is-link.is-link.is-link { - color: var(--ts-link-700); + color: var(--accent-color, var(--ts-link-700)); } .ts-text.is-link { text-decoration: underline; diff --git a/src/timeline.css b/src/timeline.css new file mode 100644 index 000000000..85dc03422 --- /dev/null +++ b/src/timeline.css @@ -0,0 +1,215 @@ +/* ========================================================================== + Variables + ========================================================================== */ + +.ts-timeline { + --ts-timeline-top-line-height: 14px; + --ts-timeline-top-distance: calc(var(--ts-timeline-top-line-height) + 2px); + --ts-timeline-content-distance: 1rem; + --accent-color: initial; + --accent-foreground-color: initial; +} + +/* ========================================================================== + Base + ========================================================================== */ + +.ts-timeline { + display: grid; + grid-template-columns: min-content min-content auto; + gap: 0rem 1rem; +} + +/* ========================================================================== + Structure + ========================================================================== */ + +/** + * Item + */ + +.ts-timeline > .item { + display: contents; +} + +.ts-timeline > .item.is-secondary { + --ts-timeline-top-line-height: 2px; + --ts-timeline-top-distance: calc(var(--ts-timeline-top-line-height) - 4px); +} + +.ts-timeline > .item:first-child, +.ts-timeline > .item.is-break + .item { + --ts-timeline-top-distance: 0; +} + +/** + * Aside + */ + +.ts-timeline > .item .aside { + margin-top: var(--ts-timeline-top-distance); + margin-bottom: 0.5rem; + white-space: nowrap; + text-align: right; +} + +/** + * Indicator + */ + +.ts-timeline > .item .indicator { + display: flex; + flex-direction: column; + align-items: center; + gap: 2px; + grid-column: 1 / 3; +} + +.ts-timeline > .item .aside + .indicator { + grid-column: 2 / 3; +} + +.ts-timeline > .item.is-break + .item.is-secondary .indicator, +.ts-timeline > .item.is-secondary:first-child .indicator { + margin-top: 6px; +} + +.ts-timeline > .item .indicator::before { + display: block; + content: ""; + background: var(--ts-gray-300); + pointer-events: none; + min-height: var(--ts-timeline-top-line-height); + width: 2px; +} + +.ts-timeline > .item .indicator::after { + display: block; + flex: 1; + content: ""; + background: var(--ts-gray-300); + pointer-events: none; + min-height: 0; + height: 100%; + width: 2px; +} + +.ts-timeline > .item:last-child .indicator::after { + display: none; +} + +.ts-timeline > .item:first-child .indicator::before, +.ts-timeline > .item.is-break + .item .indicator::before { + display: none; +} + +.ts-timeline > .item:last-child .content, +.ts-timeline > .item.is-break + .item .content { + margin-bottom: 0; +} + +/** + * Content + */ + +.ts-timeline > .item .content { + flex: 1; + margin-top: var(--ts-timeline-top-distance); + margin-bottom: var(--ts-timeline-content-distance); +} + +/** + * Break + */ + +.ts-timeline > .item.is-break { + display: flex; + grid-column: 1 / 4; + height: 4px; + background: var(--ts-gray-300); +} + +.ts-timeline > .item.is-break:not(:last-child) { + margin-bottom: var(--ts-timeline-content-distance); +} + + +/* ========================================================================== + Variations + ========================================================================== */ + +/** + * Icon Indicator + */ + +.ts-timeline > .item .indicator .ts-icon { + aspect-ratio: 1/1; + width: 30px; + height: 30px; + font-size: var(--ts-font-size-14px); + display: flex; + align-items: center; + justify-content: center; + line-height: 1; + background: var(--ts-gray-100); + border-radius: 100rem; + color: var(--ts-gray-600); +} + +.ts-timeline > .item.is-secondary .indicator .ts-icon { + aspect-ratio: 1/1; + width: 16px; + height: 16px; + background: initial; +} + +.ts-timeline > .item .indicator.is-icon ~ .content::after { + width: 3px; + left: -45px; +} + +/** + * Negative + */ + +.ts-timeline > .item.is-negative .indicator .ts-icon { + background: var(--ts-negative-500); + color: var(--ts-white); +} + +.ts-timeline > .item.is-negative.is-secondary .indicator .ts-icon { + background: initial; + color: var(--ts-negative-500); +} + +/** + * Active + */ + +.ts-timeline > .item.is-active .indicator .ts-icon { + background: var(--accent-color, var(--ts-gray-800)); + color: var(--accent-foreground-color, var(--ts-gray-50)); +} + +.ts-timeline > .item.is-active.is-secondary .indicator .ts-icon { + background: initial; + color: var(--ts-gray-800); +} + +/** + * Disabled + */ + +.ts-timeline > .item.is-disabled :is(.aside, .content, .indicator) { + pointer-events: none; + opacity: 0.5; + user-select: none; +} + +/** + * Compact + */ + +.ts-timeline.is-compact { + --ts-timeline-content-distance: 0.5rem; +} diff --git a/src/tocas.css b/src/tocas.css index 1a7ac7d5f..3ba31c96c 100644 --- a/src/tocas.css +++ b/src/tocas.css @@ -39,7 +39,6 @@ @import "./app-navbar.css"; @import "./snackbar.css"; @import "./accordion.css"; -@import "./notification.css"; @import "./mask.css"; @import "./placeholder.css"; @import "./header.css"; @@ -54,12 +53,18 @@ @import "./checklist.css"; @import "./imageset.css"; @import "./iconset.css"; -@import "./app-statusbar.css"; @import "./conversation.css"; @import "./modal.css"; @import "./gauge.css"; @import "./tooltip.css"; @import "./dropdown.css"; +@import "./deprecated_420.css"; +@import "./utilities.css"; +@import "./app-topbar.css"; +@import "./app-drawer.css"; +@import "./timeline.css"; +/**@import "./stash.css";*/ + /* ========================================================================== Variables @@ -69,6 +74,18 @@ html { --ts-white: #fff; --ts-black: #333; + /*--ts-accent-color: yellow;*/ + --ts-accent-foreground-color: var(--ts-white); + + --ts-breakpoint-mobile-min: 0px; + --ts-breakpoint-mobile-max: 767.98px; + --ts-breakpoint-tablet-min: 768px; + --ts-breakpoint-tablet-max: 1023.98px; + --ts-breakpoint-desktop-min: 1024px; + --ts-breakpoint-desktop-max: 1279.98px; + --ts-breakpoint-widescreen-min: 1280px; + --ts-breakpoint-widescreen-max: 9999px; + --ts-light-gray-50: rgb(255, 255, 255); --ts-light-gray-75: rgb(250, 250, 250); --ts-light-gray-100: rgb(242, 242, 242); @@ -229,9 +246,9 @@ html { */ html, -html[data-scheme="light"], -.is-light, -html[data-scheme="dark"] .is-inverted { +html.is-light, +.u-light, +html.is-dark .u-inverted { color-scheme: light; --ts-gray-50: var(--ts-light-gray-50); @@ -251,12 +268,18 @@ html[data-scheme="dark"] .is-inverted { --ts-tonal-negative-400: #ffbebe; --ts-tonal-negative-800: #701616; + + --ts-tonal-primary-400: #d9edff; + --ts-tonal-primary-800: #005cde; + + --ts-tonal-warning-400: #fff7ae; + --ts-tonal-warning-800: #866800; } -html[data-scheme="light"] .is-inverted, -.is-inverted, -html[data-scheme="dark"], -.is-dark { +html.is-light .u-inverted, +.u-inverted, +html.is-dark, +.u-dark { color-scheme: dark; --ts-gray-50: var(--ts-dark-gray-50); @@ -278,16 +301,32 @@ html[data-scheme="dark"], --ts-tonal-negative-400: #d60000; --ts-tonal-negative-800: #fff; + + --ts-tonal-primary-400: #0a6ffd; + --ts-tonal-primary-800: #ffffff; + + --ts-tonal-warning-400: #edff00; + --ts-tonal-warning-800: #463f00; } -html[data-scheme="light"] .is-dark-only, -html[data-scheme="dark"] .is-light-only { - display: none; +/** + * Hidden + */ + +html.is-light .u-light-hidden, +html.is-dark .u-dark-hidden { + display: none !important; } @media (prefers-color-scheme: light) { - .is-dark-only { - display: none; + html:not(.is-dark) .u-light-hidden { + display: none !important; + } +} + +@media (prefers-color-scheme: dark) { + html:not(.is-light) .u-dark-hidden { + display: none !important; } } @@ -296,9 +335,6 @@ html[data-scheme="dark"] .is-light-only { */ @media (prefers-color-scheme: dark) { - .is-light-only { - display: none; - } html { color-scheme: dark; @@ -328,8 +364,14 @@ html[data-scheme="dark"] .is-light-only { --ts-tonal-negative-400: #d60000; --ts-tonal-negative-800: #fff; + + --ts-tonal-primary-400: #0a6ffd; + --ts-tonal-primary-800: #ffffff; + + --ts-tonal-warning-400: #edff00; + --ts-tonal-warning-800: #463f00; } - .is-inverted { + .u-inverted { color-scheme: light; --ts-gray-50: var(--ts-light-gray-50); @@ -349,6 +391,12 @@ html[data-scheme="dark"] .is-light-only { --ts-tonal-negative-400: #ffbebe; --ts-tonal-negative-800: #701616; + + --ts-tonal-primary-400: #d9edff; + --ts-tonal-primary-800: #005cde; + + --ts-tonal-warning-400: #fff7ae; + --ts-tonal-warning-800: #866800; } } @@ -356,13 +404,13 @@ html[data-scheme="dark"] .is-light-only { Scales ========================================================================== */ -html[data-scale="small"], -html[data-scale="small"] body { +html.is-small, +html.is-small body { font-size: 14px; } -html[data-scale="large"], -html[data-scale="large"] body { +html.is-large, +html.is-large body { font-size: 16px; } @@ -370,76 +418,7 @@ html[data-scale="large"] body { Background Color ========================================================================== */ -html[data-background="secondary"], -html[data-background="secondary"] body { +html.is-secondary, +html.is-secondary body { background-color: var(--ts-gray-75); } - -/* ========================================================================== - Responsive - ========================================================================== */ - -/** - * Minimal - * (Below 766px) - */ - -@media screen and (max-width: 766px) { - .is-standard-only, - .is-maximal-only { - display: none !important; - } - - .is-not-minimal { - display: none !important; - } -} - -/** - * Not Minimal - * (Above 766px) - */ - -@media screen and (min-width: 766px) { - .is-minimal-only { - display: none !important; - } -} - -/** - * Minimal & Standard - * (Below 993px) - */ - -@media screen and (max-width: 993px) { - .is-maximal-only { - display: none !important; - } -} - -/** - * Standard - * (Above 766px & Below 993px) - */ - -@media screen and (min-width: 766px) and (max-width: 993px) { - .is-not-standard { - display: none !important; - } -} - -/** - * Maximal - * (Above 993px) - */ - -@media screen and (min-width: 993px) { - .is-minimal-only, - .is-standard-only { - display: none !important; - } - - .is-not-maximal { - display: none !important; - } -} diff --git a/src/tooltip.css b/src/tooltip.css index 0c29cfba0..287f387b8 100644 --- a/src/tooltip.css +++ b/src/tooltip.css @@ -2,79 +2,62 @@ Variables ========================================================================== */ -@keyframes tooltip-appear { - from { - opacity: 0 - } - to { - opacity: 1 - } +.ts-tooltip { + --ts-tooltip-x: 0; } /* ========================================================================== Base ========================================================================== */ -[data-tooltip] { - overflow: visible; -} - -[data-tooltip]::after { +.ts-tooltip { position: absolute; - left: 50%; - transform: translateX(-50%); - white-space: nowrap; - top: calc(100% + .5rem); background: var(--ts-gray-600); padding: 0.1rem 0.35rem; font-size: var(--ts-font-size-13px); border-radius: 0.2rem; color: var(--ts-gray-50); visibility: hidden; - opacity: 0; - content: attr(data-tooltip); font-weight: normal; z-index: 99; + max-width: calc(300px - 2rem); + margin: 0 15px; } -[data-tooltip]:hover::after { +.ts-tooltip.is-visible { visibility: visible; - animation: tooltip-appear 0s ease-in .5s; - animation-fill-mode: forwards } -@media (pointer:coarse) { - [data-tooltip]:hover { - visibility: hidden; - } +.ts-tooltip .arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; } -/* ========================================================================== - Variations - ========================================================================== */ - -/** - * Positions - */ - -[data-tooltip][data-position="top"]::after { - top: initial; - bottom: calc(100% + .5rem); +.ts-tooltip[class*="is-bottom"] .arrow { + top: -4px; + border-width: 0 5px 5px; + border-bottom-color: var(--ts-gray-600); } -[data-tooltip][data-position="bottom"]::after { - top: calc(100% + .5rem); +.ts-tooltip[class*="is-top"] .arrow { + bottom: -4px; + border-width: 5px 5px 0; + border-top-color: var(--ts-gray-600); } -[data-tooltip][data-position="left"]::after { - right: calc(100% + .5rem); - left: initial; - top: 50%; - transform: translateY(-50%); +.ts-tooltip[class$="start"] .arrow { + left: calc(10px); +} +.ts-tooltip[class$="end"] .arrow { + right: calc(10px); +} +.ts-tooltip:not([class$="start"]):not([class$="end"]) .arrow { + left: calc(var(--ts-tooltip-x) - 2.5px - 15px); } -[data-tooltip][data-position="right"]::after { - left: calc(100% + .5rem); - top: 50%; - transform: translateY(-50%); -} \ No newline at end of file +/* ========================================================================== + Variations + ========================================================================== */ diff --git a/src/utilities.css b/src/utilities.css new file mode 100644 index 000000000..8e830c5ac --- /dev/null +++ b/src/utilities.css @@ -0,0 +1,85 @@ +/** + * Padded + */ + +.u-padded { + padding: 1rem; +} +.u-horizontally-padded { + padding-left: 1rem; + padding-right: 1rem; +} +.u-vertically-padded { + padding-top: 1rem; + padding-bottom: 1rem; +} + +.u-very-padded { + padding: 1.5rem; +} +.u-horizontally-very-padded { + padding-left: 1.5rem; + padding-right: 1.5rem; +} +.u-vertically-very-padded { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} + +/** + * Spaced + */ + +.u-spaced { + margin: 1rem; +} +.u-horizontally-spaced { + margin-left: 1rem; + margin-right: 1rem; +} +.u-vertically-spaced { + margin-top: 1rem; + margin-bottom: 1rem; +} + +.u-very-spaced { + margin: 1.5rem; +} +.u-horizontally-very-spaced { + margin-left: 1.5rem; + margin-right: 1.5rem; +} +.u-vertically-very-spaced { + margin-top: 1.5rem; + margin-bottom: 1.5rem; +} + +/** + * Hidden + */ + +.u-hidden { + display: none !important; +} +.u-invisible { + visibility: hidden !important; +} + +/** + * Edged + */ + +.u-edged { + border-left: 0 !important; + border-right: 0 !important; + border-radius: 0 !important; +} + +/** + * Accent + */ + +.is-accent { + --accent-color: var(--ts-accent-color); + --accent-foreground-color: var(--ts-accent-foreground-color); +}